﻿/*Global*/
body{font-size:16px;}
.bodyBackgroundMaster{font:normal 13px Arial; color:#4d4d4d; background-color:#b8c6cf; line-height:140%;}
.bodyBackgroundRadWindow{font:normal 13px Arial; color:#4d4d4d; background-color:#b8c6cf; line-height:140%;}
.min_height{ min-height:672px;}
.min_height_01 { min-height:25px; }
/*Presentation-Do not change*/
.margin_auto{margin-left:auto;margin-right:auto}
.float_left{float:left;}
.float_right{float:right;}
.float_clear{clear:both;}
.text_impact{ font-family: Impact;}
.text_bold { font-weight: bold;}
.text_underline{text-decoration:underline}
.text_center{ text-align:center;}
.text_italic{ font-style:italic;}
.text_right{text-align:right;}
.text_left{ text-align:left;}
.text_relative{position:relative;}
.text_red{ color:Red;}
.z_index_100{ z-index:100}
.z_index_1000{ z-index:1000}
.cursor_pointer{ cursor:pointer;}
.vertical_top{vertical-align:top}
.vertical_bottom{vertical-align:bottom}
.vertical_center{vertical-align:middle;}
.checkbox_01 label{ margin-left:10px;}
.ReadOnlyTextBox {  color: #00f !important;}
.row-fluid { width: 100%; float: left; }
textarea { resize: none; }
.inline_block {display:inline-block;}
.block { display: block; }
.sizing_border { box-sizing: border-box; }
.width_100 {width:100% !important;}
.width_50 {width:49% !important;}
.width_45 {width:45% !important;}
.overflow-wrap { overflow-wrap: break-word; }
/*Hyperlink*/
.link_01, .link_01:visited, .link_01:hover, .link_01:active {
    color: #0099FF !important;
    text-decoration: none !important
} .link_01:hover{text-decoration:underline !important}

.height_01 { height: 30px !important; }
.height_02 { height: 70px !important; }
.height_03 { height: 50px !important; }

.align-content-center { align-content: center; }

/*Text*/
.text_01{ color:#000000}    /*Black*/
.text_02{ color:#FFFFFF}    /*White*/
.text_03{ color:#595959;}   /*Gray*/
.text_04{ color:#cd3c3b;}
.text_05{ color:#ff0000;}
.text_06{ color:#ED1C24} 
.text_07{ color:#E66C2C} 
.text_08{ color:#0066FF} 
.text_09{ color:#008000} 
.text_10{ font-size:18px;}
.text_11{ font-size:30px;}
.text_12{ color:#555555}
.text_13{ font-size:11px;}
.text_14{ color:#4d4d4d;}
.text_15{ font-size:20px;}
.text_16{ color:#b6b6b6;}
.text_17{ font-size:12px;}
.text_18{color:#613214}
.text_19{ font-size:14px;}
.text_20 { color: #47ff00; }    /*Green*/
.text_21 { color: #FFD804; }    /*Yellow*/
.text_22 { color: #970000; }    /*Red*/
.text_23{ font-size:10px;}
.text_24{ font-size:11px;}
.text_25 { color: #004a00; }
.text_26 { color: rgb(35, 121, 189); }
.text_27 {color:#225E22} /* new dark Green color */
.text_28{ font-size:16px;}

/*padding*/
.padding_01{ padding-left:20px;}
.padding_02{ padding-left:25px;}
.padding_03{ padding-top:10px;}
.padding_04{ padding-bottom:10px;}
.padding_05{ padding-left:10px !important;}
.padding_06{ padding-right:5px} 
.padding_07{ padding-top:5px}
.padding_08{ padding-left:15px}
.padding_09{ padding-right:25px}
.padding_10{ padding-top:20px;}
.padding_11{ padding-left:50px;}
.padding_12{ padding:5px;}
.padding_13{ padding-bottom:5px;}
.padding_14{ padding-left:5px;}
.padding_15{ padding:0px;}
.padding_16{ padding:10px;}
.padding_17 { padding: 0px 20px 20px 20px; }
.padding_18 { padding: 0px 10px 0px 10px; }
.padding_19 { padding-top: 1px; }
.padding-left-0 { padding-left: 0px !important; }
.padding-right-0 { padding-right: 0px !important; }
/*margin*/
.margin_17{ margin:20px;}
.margin_18{ margin: 10px 0px 0px 13px;}
.margin_20{ margin: 0px;}
.margin_24{ margin: 10px;}
.margin_25{ margin: 0px 10px 0px 10px;}

/*margin left*/
.margin_07{ margin-left:50px; }
.margin_08{ margin-left:27.5px; }
.margin_09{ margin-left:20px; }
.margin_11{ margin-left:6px;}
.margin_13{ margin-left:18px;}
.margin_14{ margin-left:-14px;}
.margin_15{ margin-left:10px;}
.margin_21{ margin-left:100px; }

/*margin top*/
.margin_01{ margin-top: -5px;}
.margin_02{ margin-top: 20px; }
.margin_05{ margin-top: 25px; }
.margin_06{ margin-top: 5px; }
.margin_10{ margin-top: 10px; }
.margin_16{ top:45px;}
.margin_19{ margin-top: 45px;}
.margin_26 { margin-top: 2px; }

/*margin right*/
.margin_03{ margin-right:20px; }
.margin_12{ margin-right:6px;}

/*bottom*/
.margin_04{ bottom:5px;}
.margin_22{ margin-bottom: 20px;}
.margin_23 { margin-bottom: 10px; }

/*Border*/
.border_none{border-style:none;}
.border_01{ border-top: 1px dotted #000000;}
.border_02{border: solid 1px #F00 !important} 
.border_03{border: solid 1px #E66C2C} 
.border_04{border: solid 1px #0066FF} 
.border_05{border: solid 1px #008000} 
.border_06{ border-right: 1px dotted black; }
.border_07{border-right: 1px dotted gray;}
.border_08{border-bottom: 1px dotted gray;}
.border_09{border: solid 1px #B4B4B4}
.border_10{border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;}
.border_11{border: 1px solid #9F9F9F;}
.border_12{border: solid 5px #B4B4B4}
.border_13 { border-top: 1px solid #bfbebe; }
.border_14{border: 1px #989898 solid;}
.border_15{border-left: 1px solid #a19e9a}
.border_16{border-right: 1px solid #a19e9a}
.border_17{border-bottom: 1px solid #a19e9a}
.border_18{border-top: 1px solid #a19e9a}
.border_19{border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;}
.border_20{border-top: 1px solid #000;}
.border_21{border: 1px solid #000;}
.border_22{border-right: 1px solid #000;}
.border_23{border-left: 1px solid #000;}
.border_24{border: 1px solid #a8d08d;}
.border_25{ border-right: 1px solid grey; border-left: 1px solid grey; }
.border_26{border-bottom: 1px solid #000;}
.border_27{border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000;}
.border_28{border-right: 1px solid #000; border-bottom: 1px solid #000;}
.border_29{border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000;}

/*Background*/
.background_01{background-color:#000000}
.background_02{background-color:#ffffff}
.background_03{background-image: url('/Kkgu2.0/Media/Image_SiteRepeat_Left.png'); background-repeat:repeat-y;}
.background_04{background-image: url('/Kkgu2.0/Media/Image_SiteRepeatRight.png'); background-repeat:repeat-y;}
.background_05{background-color:#FFFF99} 
.background_06{background-color:#DBEBFF} 
.background_07{background-color:#C0FF97}
.background_08{background-image:url('/Kkgu2.0/Media/Image_GreyBar.png');} 
.background_09{background-image:url('/Kkgu2.0/Media/Header_Bar_Green.png');}
.background_10{background-color:#C9C9C9;}
.background_11{background-color:#D3D3D3;}
.background_12{background-color:#ececec;}
.background_13{background-color:#E2E6E9}
.background_14{background-image:url('/Kkgu2.0/Media/Image_GreyBar_02.png');}
.background_15 {
    background: #f08523; /* Old browsers */
    background: -moz-linear-gradient(left, #f08523 0%, #ed9c30 43%, #da4d21 72%, #6a2300 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f08523), color-stop(43%,a#ed9c30), color-stop(72%,#da4d21), color-stop(100%,#6a2300)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #f08523 0%,#ed9c30 43%,#da4d21 72%,#6a2300 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #f08523 0%,#ed9c30 43%,#da4d21 72%,#6a2300 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #f08523 0%,#ed9c30 43%,#da4d21 72%,#6a2300 100%); /* IE10+ */
    background: linear-gradient(to right, #f08523 0%,#ed9c30 43%,#da4d21 72%,#6a2300 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08523', endColorstr='#6a2300',GradientType=1 ); /* IE6-9 */
}
.background_16 { background-color: #FFF7EE; }
.background_17 { background-color: rgba(250,243,206,1); }
.background_18 { background-color: rgba(219,228,247,1); }
.background_19 { background-color: #deeaf6; }
.background_20 { background-color: #9cc2e5; }
.background_21 { background-color: #f4b083; }
.background_22 { background-color: #fbe4d5; }
.background_23 { background-color: #FFF7EE; }

.tablePadding0 { border-spacing: 0; border-collapse: collapse; }
.tablePadding0 th, .tablePadding0 td { padding: 0px; }

/*Custom*/
.posFixedRelative{position:relative;bottom:416px;margin-bottom:-416px;z-index:-100}
.bi::before { margin-right: 5px; }
.bi-file-earmark-excel-fill::before { color: #198754; }
.bi-file-earmark-pdf-fill::before { color: #dc3545; }
.bi-file-earmark-word-fill::before { color: #0b5ed7; }
.grid-column-mobile-header-show { display: none;  }
/*RadRotator*/
.posFixedRelativeRotator{position:relative;bottom:80px;margin-bottom:-80px;}

.RadComboBoxDropDown{ line-height:normal; }

.RadPicker.RadPicker_Default { display: inline-block !important; width: 160px; float: left; }
.RadPicker.border_02 { border: none !important; }
.RadPicker.border_02 .riTextBox { border: solid 1px #F00 !important; }
.RadComboBox.border_02 { border: none !important; }
.RadComboBox.border_02 table { border: solid 1px #F00 !important; }
.RadInput.border_02 { border: none !important; }
.RadInput.border_02 .riTextBox { border: solid 1px #F00 !important; }

/*Telerik Filter Icon*/
.RadGrid .rgFilterRow img { cursor:pointer; margin-left: 5px;}
/*Telerik RadMenu*/
.RadMenu_Black .rmGroup {background-image:none !important;}
.RadMenu_Black .rmExpandDown{background:transparent url(/Kkgu2.0/Media/Icon_Triangle_gray.png) !important; background-repeat:no-repeat !important;  background-position:right !important; vertical-align:middle !important; margin-right:15px;}
.RadMenu_Black .rmExpandDown:hover{background:transparent url(/Kkgu2.0/Media/Icon_Triangle_Yellow.png)!important; background-repeat:no-repeat !important;background-position:right !important; vertical-align:middle !important}

.RadMenu_Bootstrap .rmGroup {background-image:none !important; background-color:#DADCEB !important; padding-top:5px !important; padding-bottom:5px !important; }
.RadMenu_Bootstrap .rmText { padding-left: -5px !important;color: white;margin-top: 5px;margin-bottom: 5px;}
.RadMenu_Bootstrap .rmText:hover{ padding-left:-5px !important; color: White !important; cursor:pointer !important;}
.RadMenu_Bootstrap .rmLevel1 { background-color: #0086FA !important;}
.RadMenu_Bootstrap .rmSlide .rmLevel1 .rmItem:hover {
    background-color: #0069D9 !important;
}
.RadMenuAdmin .RadMenu_Bootstrap .rmItem:hover { background-color: #000000 !important;}

/*Telerik Window*/
.RadWindow_Black .rwWindowContent { background-color: #fff !important; }
.RadWindow_Black .rwWindowContent .rwDialogText { color: #000 !important; }

/*Telerik Captcha*/
.CaptchaTextBoxClass{position:relative; bottom:30px;}
.rcRefreshImage{position:relative; bottom:-35px;}
.RadCaptcha_Default{ position:relative !important; bottom:95px !important; margin-bottom:-95px !important; }

/*.reContentCell iframe { height: 340px !important; }*/

/* Telerik Radio Check Box */
/*.RadForm .rfdRadioUnchecked, .RadForm  .rfdRadioChecked {display:inline !important;min-width:40px;}*/

/*Rad Grid - Anchor*/
.rgRow a, .rgAltRow a { color: #0099ff !important; }

.buttonBlack { cursor: pointer; -moz-box-shadow: inset 0px 1px 0px 0px #aba8a4; -webkit-box-shadow: inset 0px 1px 0px 0px #aba8a4; box-shadow: inset 0px 1px 0px 0px #aba8a4; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #787572), color-stop(1, #000000)); background: -moz-linear-gradient(top, #787572 5%, #000000 100%); background: -webkit-linear-gradient(top, #787572 5%, #000000 100%); background: -o-linear-gradient(top, #787572 5%, #000000 100%); background: -ms-linear-gradient(top, #787572 5%, #000000 100%); background: linear-gradient(to bottom, #787572 5%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787572', endColorstr='#000000',GradientType=0); background-color: #787572; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #a3937c; display: inline-block; color: #f0efed; font-family: arial; font-size: 15px; font-weight: bold; padding: 6px 12px; text-decoration: none; text-shadow: 0px 1px 0px #666461; }
    .buttonBlack:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #787572)); background: -moz-linear-gradient(top, #000000 5%, #787572 100%); background: -webkit-linear-gradient(top, #000000 5%, #787572 100%); background: -o-linear-gradient(top, #000000 5%, #787572 100%); background: -ms-linear-gradient(top, #000000 5%, #787572 100%); background: linear-gradient(to bottom, #000000 5%, #787572 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#787572',GradientType=0); background-color: #000000; }
    .buttonBlack:active { position: relative; top: 1px; }

.buttonRed { background: #ca372b; background: -moz-linear-gradient(top, #ca372b 0%, #8a312f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca372b), color-stop(100%,#8a312f)); background: -webkit-linear-gradient(top, #ca372b 0%,#8a312f 100%); background: linear-gradient(to bottom, #ca372b 0%,#8a312f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca372b', endColorstr='#8a312f',GradientType=0 ); cursor: pointer; box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,.2); border-radius: 6px; border: 1px solid #a3937c; display: inline-block; color: #f0efed; font-family: arial; font-size: 12px; font-weight: bold; padding: 6px 12px; text-decoration: none; text-shadow: 0px 1px 0px #666461; }
    .buttonRed:hover { background: #8a312f; background: -moz-linear-gradient(top, #8a312f 0%, #ca372b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a312f), color-stop(100%,#ca372b)); background: -webkit-linear-gradient(top, #8a312f 0%,#ca372b 100%); background: linear-gradient(to bottom, #8a312f 0%,#ca372b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a312f', endColorstr='#ca372b',GradientType=0 ); }
    .buttonRed:active { position: relative; top: 1px; }

.buttonGreen { background: #9cc455; background: -moz-linear-gradient(top, #9cc455 0%, #4f904e 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cc455), color-stop(99%,#4f904e)); background: -webkit-linear-gradient(top, #9cc455 0%,#4f904e 99%); background: linear-gradient(to bottom, #9cc455 0%,#4f904e 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc455', endColorstr='#4f904e',GradientType=0 ); cursor: pointer; box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,.2); border-radius: 6px; border: 1px solid #a3937c; display: inline-block; color: #f0efed; font-family: arial; font-size: 12px; font-weight: bold; padding: 6px 12px; text-decoration: none; text-shadow: 0px 1px 0px #666461; }
    .buttonGreen:hover { background: #4f904e; background: -moz-linear-gradient(top, #4f904e 1%, #9cc455 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4f904e), color-stop(100%,#9cc455)); background: -webkit-linear-gradient(top, #4f904e 1%,#9cc455 100%); background: linear-gradient(to bottom, #4f904e 1%,#9cc455 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f904e', endColorstr='#9cc455',GradientType=0 ); }
    .buttonGreen:active { position: relative; top: 1px; }

/**button styles interActive START**/
/*btn_button_default  creates silver by default button with radius and padding etc and hover,focus,active,disabled effects  */
.btn_button_default { font: bold 13px/140% Arial; letter-spacing: 0; display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; /*font-size: 14px;*/ line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
	.btn_button_default:first-child { *margin-left: 0; }
	.btn_button_default:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
	.btn_button_default:active, .btn_button_default.active { background-color: #cccccc \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
	.btn_button_default:hover, .btn_button_default:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
	.btn_button_default:hover, .btn_button_default:focus, .btn_button_default:active, .btn_button_default.active, .btn_button_default.disabled, .btn_button_default[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; }
 /*btn_button_blue  creates blue button to use this i.e. class="btn_button_default btn_button_blue"  */
.btn_button_blue { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #27BCFC; *background-color: #27BCFC; background-image: -moz-linear-gradient(top, #27BCFC, #014788); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#27BCFC), to(#0044cc)); background-image: -webkit-linear-gradient(top, #27BCFC, #014788); background-image: -o-linear-gradient(top, #27BCFC, #014788); background-image: linear-gradient(to bottom, #27BCFC, #014788); background-repeat: repeat-x; border-color: #014788 #014788 #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff27BCFC', endColorstr='#ff014788', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
	.btn_button_blue.active, .btn_button_black.active { color: rgba(255, 255, 255, 0.75); }
	.btn_button_blue:active, .btn_button_blue.active { background-color: #003399 \9; }
	.btn_button_blue:hover, .btn_button_blue:focus, .btn_button_blue:active, .btn_button_blue.active, .btn_button_blue.disabled, .btn_button_blue[disabled] { color: #ffffff; background-color: #014788; *background-color: #014788; }
/*btn_button_black  creates black button to use this i.e. class="btn_button_default btn_button_black"  */
.btn_button_black { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #777777; *background-color: #222222; background-image: -moz-linear-gradient(top, #777777, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777777), to(#222222)); background-image: -webkit-linear-gradient(top, #777777, #222222); background-image: -o-linear-gradient(top, #777777, #222222); background-image: linear-gradient(to bottom, #777777, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #777777; border-color: rgba(160, 0, 73, 0.1) rgba(160, 0, 73, 0.1) rgba(160, 0, 73, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
	.btn_button_black:active, .btn_button_black.active { background-color: #080808 \9; }
	.btn_button_black:hover, .btn_button_black:focus, .btn_button_black:active, .btn_button_black.active, .btn_button_black.disabled, .btn_button_black[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; }
/*btn_button_green  creates green button to use this i.e. class="btn_button_default btn_button_green"*/
.btn_button_green { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #225E22; background-image: -moz-linear-gradient(top, #62c462, #225E22); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#66A365), to(#225E22)); background-image: -webkit-linear-gradient(top, #66A365, #225E22); background-image: -o-linear-gradient(top, #66A365, #225E22); background-image: linear-gradient(to bottom, #66A365, #225E22); background-repeat: repeat-x; border-color: #225E22 #225E22 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66A365', endColorstr='#ff225E22', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
    .btn_button_green:hover,.btn_button_green.hover, .btn_button_green:focus, .btn_button_green:active, .btn_button_green.active, .btn_button_green.disabled, .btn_button_green[disabled] { color: #ffffff; background-color: #225E22; *background-color: #499249; background-position: 0 -30px;}
    .btn_button_green:active, .btn_button_green.active {background-color: #408140 \9;}
/*btn_button_red  creates green button to use this i.e. class="btn_button_default btn_button_red"*/
.btn_button_red { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ca372b; *background-color: #ca372b; background-image: -moz-linear-gradient(top, #ca372b, #8a312f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ca372b), to(#8a312f)); background-image: -webkit-linear-gradient(top, #ca372b, #8a312f); background-image: -o-linear-gradient(top, #ca372b, #8a312f); background-image: linear-gradient(to bottom, #ca372b, #8a312f); background-repeat: repeat-x; border-color: #8a312f #8a312f #8c4443; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffca372b', endColorstr='#ff8a312f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
    .btn_button_red:hover,.btn_button_red.hover, .btn_button_red:focus, .btn_button_red:active, .btn_button_red.active, .btn_button_red.disabled, .btn_button_red[disabled] { color: #ffffff; background-color: #8a312f; *background-color: #8a312f; background-position: 0 -30px;}
    .btn_button_red:active, .btn_button_red.active {background-color: #8c4443 \9;}

.btn-report { color: #000; border: 1px solid #6c757d; padding: 5px 8px; border-radius: 5px; text-decoration: none; margin-right: 10px }
    .btn-report.bi-file-earmark-excel-fill:hover, .btn-report.bi-file-earmark-excel-fill:active, .btn-report.bi-file-earmark-excel-fill:focus { color: #fff; background-color: #198754; }
    .btn-report.bi-file-earmark-pdf-fill:hover, .btn-report.bi-file-earmark-pdf-fill:active, .btn-report.bi-file-earmark-pdf-fill:focus { color: #fff; background-color: #bb2d3b; }
    .btn-report.bi-file-earmark-word-fill:hover, .btn-report.bi-file-earmark-word-fill:active, .btn-report.bi-file-earmark-word-fill:focus { color: #fff; background-color: #0b5ed7; }

    .btn-report:hover.bi-file-earmark-excel-fill::before, .btn-report:hover.bi-file-earmark-pdf-fill::before, .btn-report:hover.bi-file-earmark-word-fill::before,
    .btn-report:active.bi-file-earmark-excel-fill::before, .btn-report:active.bi-file-earmark-pdf-fill::before, .btn-report:active.bi-file-earmark-word-fill::before,
    .btn-report:focus.bi-file-earmark-excel-fill::before, .btn-report:focus.bi-file-earmark-pdf-fill::before, .btn-report:focus.bi-file-earmark-word-fill::before{ color: #fff;}
/**button styles interActive END**/

.input-group-text{padding: 0.1rem 0.5rem;}
.input-group-text.text-green{ color: white; background-color: #0e9c5a; border-color: #0e9c5a; }
.input-group-text.text-red { color: #fff; background-color: #dc3545; border-color: #dc3545; }

/**Admin_ScorecardProcessing Page ***/

.head-panel-tealColor {
    background: #b7dfe9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3ZGZlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzc3YTBhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzY4OTlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iIzYyOTdhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YWM5ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    background: -moz-linear-gradient(top, #b7dfe9 0%, #77a0ac 49%, #6899ab 51%, #6297ad 54%, #9ac9db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7dfe9), color-stop(49%,#77a0ac), color-stop(51%,#6899ab), color-stop(54%,#6297ad), color-stop(100%,#9ac9db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b7dfe9 0%,#77a0ac 49%,#6899ab 51%,#6297ad 54%,#9ac9db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b7dfe9 0%,#77a0ac 49%,#6899ab 51%,#6297ad 54%,#9ac9db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b7dfe9 0%,#77a0ac 49%,#6899ab 51%,#6297ad 54%,#9ac9db 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b7dfe9 0%,#77a0ac 49%,#6899ab 51%,#6297ad 54%,#9ac9db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7dfe9', endColorstr='#9ac9db',GradientType=1 ); /* IE6-8 */
    color: #000000;
    border: 1px solid #384d66;
    margin: 0;
    padding: 3px 10px;
    font-size: 15px;
    line-height: normal;
}
.body-panel-tealColor { border: 1px solid #dadee3;display: inline-block;}
.icon-info {background: url('/Kkgu2.0/Media/Icon_Info_16x16.png') no-repeat;width: 16px;height: 16px;padding: 0 6px 0 0;float: left;}

.Co_ScorecardRow .head-panel-tealColor h4{ margin:0px;font-weight: 600; font-size: 13px;}
/*.Co_ScorecardRow {display: table;  font-size: 12px;*//*line-height: 15px;*/ /*width:100%; vertical-align:middle;}*/
.Co_ScorecardRow .icon-info { margin: 1px 0 0; }
.Co_ScorecardRow .column-serial{ /*float:none;*/text-align: center; /*display: table-cell;*/ }
.Co_ScorecardRow .column-icon{/*float:none;display: table-cell;*/ padding: 5px 0;}
.Co_ScorecardRow .column-icon .icon-info{ padding:0; }
.Co_ScorecardRow .column-title{/*float:none;*/padding-left:10px;/*display: table-cell;*/ } 
.Co_ScorecardRow .heading-sub .column-outcome {font-weight:bold;}
.Co_ScorecardRow .column-outcome { /*float: none;*/ text-align: center; border-left: 1px solid #dadee3; /*display: table-cell; vertical-align: middle;*/ word-wrap: break-word;  }

/*.Co_ScorecardRow:nth-child(odd){ background:#dadee3;}*/

.Co_ScorecardRow.altRow{ background:#dadee3;}

.Co_ScorecardRow .heading-main{border: 1px solid #dadee3;border-width:0 1px 0 1px; color: #000000;}

.Co_ScorecardRow .heading-sub,
.Co_ScorecardRow .content{border: 1px solid #dadee3;border-width:0 1px 1px 1px; }
.Co_ScorecardRow .heading-sub{color: #000000;}

.Co_ScorecardRow .heading-main .heading{border-bottom: 1px solid #dadee3; border-left: 1px solid #dadee3;vertical-align:middle;}
.Co_ScorecardRow .heading-main .heading{width:100%;font-weight: bold;  text-align: center;/*float: left;*/}
/*.Co_ScorecardRow .heading-main .empty{width:318px; float:left;}*/
/*.Co_ScorecardRow .heading-main {float: left; width: 100%;line-height: 26px;}*/

.Co_ScorecardRow .text-box{ width:30px; margin: 2px 0;}
.Co_ScorecardRow .date-picker{ width:70% !important;}
.Co_ScorecardRow .column-outcome .RadPicker{margin:2px 0 2px 6px;}

.Co_ScorecardRow .column-serial,
.Co_ScorecardRow .column-icon,
.Co_ScorecardRow .column-title,
.Co_ScorecardRow .column-outcome { vertical-align: middle; }
.Co_ScorecardRow .content-other{border: 1px solid #dadee3;border-width:0 1px 1px 1px; }
/*.Co_ScorecardRow .content-other .column-title{width:60%;}*/
.Co_ScorecardRow .content-other .column-outcome { /*width: 350px;*/ word-wrap: break-word; /*max-width: 350px;*/ }
.Co_ScorecardRow .content-other .RadPicker{float:none;}
/*.Co_ScorecardRow .content-other .text-box{width:180px;}*/

.lt-ie8 .Co_ScorecardRow .column-serial,
.lt-ie8 .Co_ScorecardRow .column-icon,
.lt-ie8 .Co_ScorecardRow .column-title,
/*.lt-ie8 .Co_ScorecardRow .column-outcome{float:left;}*/
.lt-ie8 .Co_ScorecardRow .column-outcome{border:none;}

.border-error { border:1px solid #ff0000; }

.score-card-tooltip.RadToolTip{/*visibility: visible !important; display:block !important;*/}
.score-card-tooltip.RadToolTip .rtWrapper td.rtWrapperContent{background-color: #fcedbd; text-align:left;border: 1px solid #c78100;padding: 0; color: black;}
.score-card-tooltip.RadToolTip .rtWrapper td.rtWrapperContent table{ border-collapse: collapse;}
.score-card-tooltip.RadToolTip .rtWrapper td.rtWrapperContent th{ padding:7px; border-bottom: 1px solid #c78100; text-align:left;}
.score-card-tooltip.RadToolTip .rtWrapper td.rtWrapperContent td{ padding:4px 7px;}

.Co_ScorecardRow.MatchFitCollegeScorecard .content{border-width: 0 1px;}
.Co_ScorecardRow.MatchFitCollegeScorecard .column-serial{display: none;}
.Co_ScorecardRow.MatchFitCollegeScorecard .column-icon{display: none;}
.Co_ScorecardRow.MatchFitCollegeScorecard .column-title{color: #000000;font-weight: bold;/*width: 75px;*/}
.Co_ScorecardRow.MatchFitCollegeScorecard .column-outcome{/*width: 158px;*/ border:none;text-align: left; word-wrap: break-word; /*max-width: 158px;*/}


/* ==============================================================================
                                    Media Queries
   ============================================================================== */
/* Medium */
@media only screen and (max-width: 991px) {
    
    .navbar .dropdown-menu { box-shadow: none !important; border: none !important; padding: .5rem 0 !important; width: 100%; }
    .w-50 { width: 100% !important; }

    /*Grid view Mobile*/
    .grid-column-mobile-header-hide { display: none;  }
    .grid-column-mobile-header-show { display: inline-block;  }
    .RadGrid.grid-responsive .rgMasterTable thead tr > th, .RadGrid.grid-responsive .rgMasterTable thead tr.rgFilterRow > td { display: block; width: 100%; height: 45px;}
    .RadGrid.grid-responsive .rgMasterTable thead > tr { width: 50%; float:left; }
    .RadGrid.grid-responsive .rgMasterTable thead tr.rgFilterRow { float:right !important; }
    .grid-column-mobile-show { display: block !important; padding: 10px; height: 100% !important;}
    .grid-column-mobile-show > td { width: 100% !important; display: block !important; border: none !important; padding-bottom: 10px !important; text-align: left; max-width: 100%;}
    .grid-header-mobile-show > th { width: 100% !important; display: block !important;border: none !important;padding-bottom: 10px !important;text-align: left;max-width: 100%; }
    .RadGrid.grid-responsive .rgMasterTable colgroup > col { width: 100% !important; display: block !important; }
    .RadGrid.grid-responsive .NextPrevNumericAndAdvanced .rgAdvPart { display: block; width: 100%; margin-top: 10px; float: right !important; }
    .text-combobox-header { height: 50px !important; }
     #width100 .RadGrid.grid-responsive .rgMasterTable thead > tr { width: 100%;float: left; }
}

.font-print { font-size: 16px !important; }