:root {
            --KN_Blue_Dark: #003369;
            --KN_Blue_Light: #0099DA;
            --KN_White: #FFFFFF;
            --KN_Red: #ED2939;
            --KN_Green: #08C792;
            --KN_Gray_1: #F6F5F0;
            --KN_Gray_2: #C5C6BF;
            --KN_Gray_3: #929288;
            --KN_Gray_4: #62635B;
            --KN_Gray_5: #373832;
        }

/*
how to use css variables in html style - 'style="color: #ED2939;"'
*/

        .defaultFontsAndSizes {
            font-family: "Suisse Intl Regular", sans-serif !important;
            font-size: 12px;
        }

        .DevExButton {
            color: #FFFFFF;
            border-color: transparent;
            border: 0 none;
            padding: 0px;  
            width: 96px;
            height:30px;
			transition:all .2s ease;
			background: linear-gradient(to right, #08c792 50%, #0099da 50%);
			background-size: 200% 100%;
			background-position:right bottom;
        }
		
	.DevExButtonMain {
            background: #08C792;
            color: #FFFFFF;
            border-color: transparent;
            border: 0 none;
            padding: 0px;  
            width: 96px;
            height:30px;
		    transition:all .2s ease;
			background: linear-gradient(to right, #0099da 50%, #08c792 50%);
			background-size: 200% 100%;
			background-position:right bottom;
        }
		
	 .DevExButtonMainHover {
            background-position:left bottom;
	        }

        .DevExButtonHover {
           background-position:left bottom;		
        }

        .DevExButtonDisabled {
            background: #ED2939;
        }

        .button {
            color: #FFFFFF;
            border-color: transparent;
            border: 0 none;  
            padding: 0px;  
            width: 96px;
            height:30px;  
            font-family: "Suisse Intl Regular", sans-serif !important;
            font-size: 12px;
            cursor:pointer; 	
			
						transition:all .2s ease;
			background: linear-gradient(to right, #08c792 50%, #0099da 50%);
			background-size: 200% 100%;
			background-position:right bottom;

        }

        .button:hover {  
              background-position:left bottom;
        }

        button[disabled]:active, button[disabled],
        input[type="button"][disabled]:active,
        input[type="button"][disabled],
        input[type="submit"][disabled]:active,
        input[type="submit"][disabled] ,
        button[disabled]:hover,
        input[type="button"][disabled]:hover,
        input[type="submit"][disabled]:hover
        {
            color: #FFFFFF;
            border-color: transparent;
            border: 0 none;  
            padding: 0px;  
            cursor:not-allowed;
            pointer-events: none;
            background-color: #ED2939;
        }


        .buttonMain {
            color: #FFFFFF;
            border-color: transparent;
            border: 0 none;  
            padding: 0px;  
            width: 96px;
            height:30px;  
            font-family: "Suisse Intl Regular", sans-serif !important;
            font-size: 12px;
            cursor:pointer; 
			transition:all .2s ease;
			background: linear-gradient(to right, #0099da 50%, #08c792 50%);
			background-size: 200% 100%;
			background-position:right bottom;
        }

        .buttonMain:hover {  
   
			background-position:left bottom;

/*background: linear-gradient(to right,#0099da 50%,#08c792 50%);*/
/*background: linear-gradient(to right, #0099da 25%, #0099da 75%,#08c792 50%);*/
/*background-image: linear-gradient(to right, #314755 0%, #26a0da 51%, #314755 100%)*/
        }


        .defaultHeadingsFontsAndSizes {
            font-family: "Suisse Intl Regular", sans-serif !important;
            font-size: 14px;
            text-decoration: underline;
            font-weight: bold;
            Color: #003369;
        }

        body {
            font-family: "Suisse Intl Regular", sans-serif !important;
            font-size: 12px;
        }

        html *
        {
            font-family: "Suisse Intl Regular", sans-serif !important;
        }

        .suisseIntlSemiboldItalic {
            font-family: "Suisse Intl Semibold Italic", sans-serif;
            font-size: 12px;
        }
		.loading {
            font-size: 10pt;
            border: 5px solid #0099DA;
            width: 200px;
            height: 175px;
            display: none;
            position: fixed;
            background-color: #FFFFFF;
            z-index: 25000;
        }

        .DropdownWarning
        {
            padding-left: 0px;
            top: 24px;
            left: 4px;
            width: 470px;
            height: 25px;
            position: absolute;
            padding-bottom: 4px;
            padding-top: 1px;
            vertical-align: sub;
            background-color: #FFFFFF;
            color: #ED2939;
            font-size: 12px;
            font-family: "Suisse Intl Regular", sans-serif !important;
            text-align: center;
            border-top: #373832 1px solid;
            border-bottom: #373832 1px solid;
        }

        /* Base for checkbox label styling */
        [type="checkbox"]:not(:checked),
        [type="checkbox"]:checked {
            position: absolute;
            left: -9999px;
        }
        [type="checkbox"]:not(:checked) + label,
        [type="checkbox"]:checked + label {
            position: relative;
            padding-left: 1.95em;
            cursor: pointer;
        }
        /* checkbox aspect */
        [type="checkbox"]:not(:checked) + label:before,
        [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0; top: 0;
            width: 1em; height: 1em;
            border: 1px solid;
            background: #FFFFFF;
            border-radius: 1px;
            box-shadow: 0 0 0 0;
        }
        /* checkbox checked mark aspect */
        [type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
            content: '\2713\0020';
            position: absolute;
            top: .06em; left: .06em;
            font-size: 1.33em;
            line-height: .76;
            color: #FFFFFF;
            background-color: #0099DA;
            transition: all .0s;
        }

        /* checkbox checked mark aspect changes */
        [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }
        [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
		
 	
        .dxgvTable caption  
        {  
            color: Black;  
            background-color: #FFFFFF;
        }

       /* .dxgv {
            color: Black;
            background-color: #F6F5F0;
        }*/


        .ResultTitle
        {
            background-color: Black;
            color: #FFFFFF;
            text-align:center;
            text-transform: none;
            text-align: center;
            vertical-align: middle;
        }

/*web06*/