@charset "UTF-8";
/* CSS Document
Client:
Company:
Author:
Date:
Blue: #0167a7
Green: #42a73f
*/

/* WLC FIXED LAYOUT - DO NOT TOUCH! */
html, body {width: 100%; height: 100%;}
#header {position: fixed; top: 0; left: 0; height: 50px; width: 100%; background: #333; color: #fff; box-shadow: inset 0 -5px 5px rgba(0,0,0,.4); z-index: 50;}
#middle {height: auto; min-height: 100%; background: #fff; padding: 0 0 0 200px;}
#fixed-nav {background: #e6e6e6; width: 200px; position: fixed; left: 0; top: 50px; height: 91%;overflow-y: auto; }
#footer {position: fixed; bottom: 0; left: 0; width: 100%; height: 30px; background: #333; color: #999; line-height: 30px; font-size: 12px; padding-left: 5px;}
#main {padding-top: 50px; padding-bottom: 50px; display: inline-block;margin-bottom: 30px; width: 100%;}

/* Global Styles */
a:focus {outline: none;}
h1 {font-weight: 300; margin: 0;}
h2 {font-size: 21px; color: #333; border-bottom: 1px solid #ccc;padding: 0 0 10px 0; margin: 0 0 10px 0;}
h3 {font-size: 12px;}
h4 {font-size: 12px; color: #666; text-transform: uppercase;}

.btn-default {background: #f3f3f3;}
/*ul {padding: 0; list-style: none;}
ul a {display: block; padding: 3px 0 3px 10px;}
ul a:hover {background: #f4f4f4; text-decoration: none; border-radius: 4px;}*/
/* Animate These */
#header a, #fixed-nav a, #banner .nav-tabs a, ul a {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;}

/* Fixed Header Styles */
.brand {font: 21px "Ubuntu", Arial, Helvetica, sans-serif; line-height: 50px; text-indent: 15px; float: left; color: #fff;}
.brand:hover {color: #fff; text-decoration: none; opacity: .9;}
#hdr-tools {float: right; text-align: right;}
#hdr-tools ul {list-style: none; padding: 0; margin: 15px 5px 0 0;}
#hdr-tools a {color: #fff; padding: 0 5px; display: block; opacity: .7; border-left: 1px solid #fff;}
#hdr-tools a:hover {background: None; opacity: 1; border-radius: 0;}
#hdr-tools p {float: left; line-height: 50px; display: block; opacity: .7; padding: 0 5px 0 0;}
#search {padding: 2px 10px 0 0; margin-right: 0;}
#search input, #search button { height: 30px; padding: 3px 6px 3px 10px; border: none; border-radius: 0;}
#search input {margin-right: -8px; border-radius: 3px 0 0 3px; width: 170px; background: #ccc;}
#search button {padding: 0 8px; border-radius: 0 3px 3px 0;}

#fixed-nav {border-right: 4px solid #333;}
#fixed-nav ul {list-style: none; padding: 0;}
#fixed-nav a {display: block;}
#fixed-nav > ul > li > a {padding: 10px 5px 10px 15px; border-bottom: 1px solid #ccc; border-top: 1px solid #f2f2f2; font: 500 16px 'Ubuntu', Arial, Helvetica, sans-serif; color: #333; position: relative; text-shadow: 1px 1px 0 #fff;}
#fixed-nav > ul > li > a span {position: absolute; right: 10px; top: 18px;}
#fixed-nav > ul > li:last-child a {box-shadow: 0 1px 0 #f2f2f2;}
#fixed-nav a:hover {background: rgba(0,0,0,.05); text-decoration: none;}
#fixed-nav > ul > li > a:focus {background: rgba(255,255,255,.35); text-decoration: none;}
#fixed-nav > ul > li.active > a {color: #fff; background: #0167a7; border-color: #00568c; text-shadow: 1px 1px 0 #666;}
#fixed-nav > ul > li.active > a:after {}
#fixed-nav ul ul li.active a {font-weight: 700; color: #0167a7;}

#fixed-nav ul ul {background: #d7d7d7; border-top: 1px solid #c4c4c4;border-bottom: 1px solid #c4c4c4; margin-top: -1px;}
#fixed-nav ul ul a {padding: 5px 5px 5px 20px; color: #333;font: 400 14px "Ubuntu", Arial, Helvetica, sans-serif;}
#fixed-nav ul ul li:first-child a {margin-top: 10px;}
#fixed-nav ul ul li:last-child a {margin-bottom: 15px;}

#banner {background: url(../img/bkg-icon.jpg) 0 0 no-repeat #0167a7; color: #fff; padding: 20px 20px 0 20px; border-top: 1px solid #1c83c3; position: relative;box-shadow: inset 0 -5px 5px rgba(0,0,0,.2); margin: 0 0 10px 0;}
#banner h1 {padding: 0px 0 20px 0;}
#banner .nav-tabs {border: none; margin: 0 0 0 0;}
#banner .nav-tabs a {color: #fff; color: rgba(255,255,255,.8); border: none;}
#banner .nav-tabs a:hover, #banner .nav-tabs a:focus {background: none; color: #fff; }
#banner .nav-tabs li.active a {color: #555;}

.banner-actions {float: right; position: absolute; right: 20px; top: 30px;}
.banner-actions .btn {border-color: #004f80;}

.form-condensed .form-group {
    margin-top: 0;
    margin-bottom: 5px;
}
.form-condensed .form-group .btn {height: 28px;}
.form-condensed .form-control {height: 28px; padding: 4px 6px 2px; font-size: 12px;}
.search-actions {border-top: 1px solid #e6e6e6; padding-top: 10px; margin-top: 5px; width: 100%; float: left;}

.support a{background-color: red !important;text-shadow: 1px 1px 0 red !important;}
.support a:hover{background-color: red !important;text-shadow: 1px 1px 0 red !important;}

/*-------- TELERIK OVERRIDES --------------------*/
/*-----------------------------------------------*/
.RadGrid_Metro{border-radius: 5px; -webkit-border-radius: 5px;}
.RadGrid_Metro .rgMasterTable {font-size: 13px !important;}
.RadGrid .rgRow td, .RadGrid .rgAltRow td{padding-top: 3px !important; padding-bottom: 3px !important;}
.RadGrid .rgRow td  .btn-sm, .RadGrid .rgAltRow td .btn-sm{padding: 3px 5px; font-size: 11px;}
.RadGrid_Metro .rgActiveRow td, .RadGrid_Metro .rgSelectedRow td {background-color: #0167A7; border-color: #0167A7 !important;}
.RadGrid_Metro .rgActiveRow td, .RadGrid_Metro .rgSelectedRow .school-name {color: #fff; opacity: .7;}
.RadGrid_MetroTouch td.rgPagerCell {border-bottom: 1px solid #cdcdce !important;border-top: 0 none !important;border-width: 0 0 1px !important;}
.RadPicker{max-width: 200px;}
.rcInputCell input {border-color: #ccc !important;border-radius: 5px 0 0 5px !important;font-size: 14px;height: 32px !important;}
.rcCalPopup {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-position: 4px 3px !important;border-bottom: 1px solid #ccc;border-image: none;border-left: medium none !important;border-radius: 0 5px 5px 0;border-right: 1px solid #ccc;border-top: 1px solid #ccc;margin-left: -2px !important;padding: 4px !important;z-index: auto !important;}
.rcTimePopup{border-radius: 0 5px 5px 0; border-right: 1px solid #ccc; border-top: 1px solid #ccc; margin-left: -2px !important; border-bottom: 1px solid #ccc; background-position: 3px -97px !important; padding: 4px !important;z-index: auto !important;}
.rslHorizontal{z-index:0 !important;}
  
.RadGrid .form-group{margin-bottom: 0px !important; padding-top: 5px;}
.RadTabStrip_Metro .rtsLevel1 .rtsLink{border-radius: 6px !important; -webkit-border-radius: 6px !important; }
/*.RadNotification .rnCommands .rnCloseIcon a {background-position: 5px -762px !important;}*/
.RadGrid_Metro  a.btn{color:#fff !important;}


.RadUpload .ruFileWrap{height: 32px !important}
.RadUpload .ruFakeInput{height: 26px !important; border-radius: 5px; -webkit-border-radius: 5px;}
.RadUpload .ruFakeInput:hover{cursor: pointer !important}
/*.RadNotification .rnCommands .rnCloseIcon a {background-position: 5px -762px !important;}*/

.RadUpload_Default .ruButton
{
    background-image: none !important; 
    background: #5BC0DE !important; 
    height:auto !important; 
    width:auto !important; 
    color:#fff !important;
    padding: 6px 12px !important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

}
.ruStyled:hover{cursor:crosshair !important;}
.RadUpload_Default .ruButton:hover {cursor: crosshair !important;}
div.RadUpload_Default .ruFileWrap .ruButtonHover{background: #31B0D5 !important; cursor: crosshair !important;}

/*-------------------------------------------------*/

.req {color: Red !important;}
.btn-success {background-color: #5cb85c;border-color: #4cae4c;color: #ffffff !important;}
.form-horizontal .control-label {text-align: left;}
legend{border-width: 0 !important;width: auto !important;margin-bottom: 0px; margin-left: 10px !important;}
fieldset {border: 1px solid !important; padding: 10px; margin-top:3% !important;}
.small {color: gray;font-size: 0.8em;vertical-align: top;}

/*************************Bootstrap Sub child main navigation************************************/

/*.childNav .nav-tabs > li.active > a, .childNav .nav-tabs > li.active > a:hover, .childNav .nav-tabs > li.active > a:focus {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 #3276b1;border-color: #dddddd #dddddd transparent;border-image: none;border-style: solid;border-width: 1px;color: #fff;cursor: default;}

.childNav .nav-tabs > li > a {background: none repeat scroll 0 0 #eeeeee;border: 1px solid transparent;border-radius: 4px 4px 0 0;color: #666;line-height: 1.42857;margin-left: 2px;}

.childNav .nav > li > a {display: block;font-size: 12px;padding: 10px;position: relative;}*/

/*.cms-tabs .rtsUL > li.active > a, .cms-tabs .rtsUL > li.active > a:hover, .cms-tabs .rtsUL > li.active > a:focus {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 #3276b1 ;border-color: #dddddd #dddddd transparent;border-image: none;border-style: solid;border-width: 1px;color: #fff;cursor: default;}*/

 .cms-tabs .rtsUL > li > a:hover{background-color:lightGray !important; border-radius: 4px 4px 0 0;}
 
 .cms-tabs .rtsUL > li:hover .rtsTxt {color:White !important; border-radius: 4px 4px 0 0;}

.cms-tabs .rtsUL > li > a {background: none repeat scroll 0 0 #eeeeee;border: 1px solid transparent;border-radius: 4px 4px 0 0;color: #666 !important;line-height: 1.42857;margin-left: 2px;}

.cms-tabs .rtsUL > li > a {display: block;font-size: 12px;padding: 9px;position: relative;}

.cms-tabs .rtsTxt{text-transform:none !important;}

.cms-tabs .rtsLevel .rtsUL{padding:5px 5px 0;}

.rtsOut{ padding:0 !important;}

/**********************************************************************************/

/* Filter */
.filter {border: 1px solid #ccc; padding: 10px; margin: 0 0px; background: #f9f9f9; border-radius: 5px;}
.filter label {text-transform: uppercase; font-size: 12px; color: #888;}
.filter .dropdown-toggle {position: relative;}
.filter .dropdown-menu .active a {background: #eee; color: #333;}
.filter .dropdown-menu a:hover {background: #aaa;}
.filter .glyphicon {opacity: .5;}
.filterWidth{padding-right:6px;}
.checkbox-list td{ vertical-align:top;}
.checkbox-list label { font-weight:normal; margin-left:0px; margin-right:10px; vertical-align: top;}
.checkbox-list-width label {width:90%}

/******************************Comment***********************************************/
.commentText {border-bottom: 1px solid #eee;padding: 8px;}
.commentWigit {background-color: #f4f4f4 ;border: 1px solid #D3D3D3 ;padding: 0;}
.commentBar {background-color: #D3D3D3;padding: 3px;}
.commentAdd {border-bottom: 1px solid #eee;padding: 8px;}
.mt5{margin-top:5px;}

/***********************************************************************************/

.dropdown-menu > li > a{color: #000 !important;}

span.school-name{clear:both; display: block; font-size: 10px; color: #626262;}
span.grade{font-size: 11px; float: right;}
.dropdown-menu li.primary a:hover{ background-color: #428BCA; color: #fff !important; border-radius: 0;}
.dropdown-menu li.success a:hover{ background-color: #5CB85C; color: #fff !important; border-radius: 0;}
.dropdown-menu li.info a:hover{ background-color: #5BC0DE; color: #fff !important; border-radius: 0;}
.dropdown-menu li.warning a:hover{ background-color: #F0AD4E; color: #fff !important; border-radius: 0;}
.dropdown-menu li.danger a:hover{ background-color: #D9534F; color: #fff !important; border-radius: 0;}
.dropdown-menu li.inverse a:hover{ background-color: #333333; color: #fff !important; border-radius: 0;}

h3 {font-size: 15px; font-weight: 700; text-transform: uppercase;}                                                    
.dark-blue{color:#204582;}

/* Icon */
a.quick-icon{
    padding: 30px 20px;
    background-color: #F6F6F6;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff;
    opacity: 0.8;
    width:150px;
    text-align: center;

}

a.quick-icon:hover{
    -webkit-box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.3);
    box-shadow:inset 0 0 30px 0 rgba(0,0,0,0.8);
    text-decoration: none;
}
a.quick-icon span.text{font-size: 22px; position: relative; top: -8px}

.glyphicon-lg{font-size: 30px;}
.quick-icon .glyphicon{left: -2px;}
a.quick-icon span.text{font-size:18px; position: relative; top: -8px; display: block; margin-top: 20px;line-height: 25px;}


.quick-icon-green{background-color: #37A840 !important;}
.quick-icon-dark-green{background-color: #3D8942 !important;}
.quick-icon-light-blue{background-color: #46AAEC !important;}
.quick-icon-blue{background-color: #116CAA !important;}
.quick-icon-grayblue{background-color:#6685BD !important;}
.quick-icon-red{background-color: #CB250E !important;}
.quick-icon-dark-red{background-color: #930000 !important;}
.quick-icon-orange{background-color: #F39F4B !important;}
.quick-icon-dark-orange{background-color: #E98210 !important;}
.quick-icon-purple{background-color: #7A55A8 !important;}
.quick-icon-config{background-color: #D5D5D5 !important; color: #000 !important; text-shadow: 1px 1px 2px #fff;-webkit-box-shadow:inset 0 0 30px 0 rgba(255,255,255,0.4);box-shadow:inset 0 0 30px 0 rgba(255,255,255,0.4);border: 1px solid #bbb;}


.quick-icon-sm{padding: 16px 6px !important;}
.quick-icon-sm .glyphicon {left: -11px !important; font-size: 20px; top: 7px;}
.quick-icon-sm span {position: relative; top: -7px; line-height: 9px}

.progress{height: 40px; opacity: .8; border: 1px solid #999;}
.progress-bar{font-size: 18px !important; padding-top: 6px !important; border-right:2px solid #3F8F3F; border-left: 1px solid #ccc;}
.progress-bar-default{background-color: #8C8C8C;}
.progress-bar-dark-blue{background-color: #0951BD;}

h4.news-title{font-size: 16px; margin-bottom: 0px;}
article.news-item{margin-top: 15px;}

.steps-2 .progress-bar-step{width:50%;}

.steps-4 .progress-bar-step{width:25%;}

.steps-6 .progress-bar-step{width:16.6%;}
.steps-6 .progress-bar-step-last{width:17%;}

/*.steps-10 .progress-bar-step{width:10%;}
.steps-10 .progress-bar-step-last{width:10.01%;}*/

.steps-9 .progress-bar-step{width:11.12%;}
.steps-9 .progress-bar-step-last{width:11.01%;}

.quick-icon h5{
    font-size: 16px; 
    margin-top: 7px;
    margin-bottom: 8px;
}

.green{color: #5CB85C;}
.blue {color: #428BCA;}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    a.quick-icon {padding: 20px 10px; width: 96px;}
    a.quick-icon span.text{font-size: 12px; line-height: 12px}
    
    .glyphicon-lg {
        font-size: 26px;
    }

    .quick-icon-sm{padding: 15px 10px !important;}
    .quick-icon-sm span{line-height: inherit;}
    .quick-icon-sm .glyphicon {left: -11px !important;font-size: 18px;top: 0;}

    .checkbox-list label {
        font-weight: normal;
        font-size: 10px;
        margin-left: 5px;
        margin-right: 5px;
        vertical-align: middle;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    a.quick-icon {width: 190px; padding: 30px 20px}
    .quick-icon-sm{padding: 12px 10px !important;}
    .quick-icon-sm .glyphicon {left: -2px !important; font-size: 30px; top: 2px;}
    .quick-icon-sm span {position: relative; top: -7px; line-height: 19px;}
     a.quick-icon span.text{font-size: 18px;}
     a.quick-icon-config span.text, .report a.quick-icon span.text{line-height: 18px;}
    .glyphicon-lg {font-size: 30px;}

     .checkbox-list label {
        font-weight: normal;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: middle;
    }
     
}

@media (min-width: 1400px) {

    a.quick-icon {width: 220px;}
    a.quick-icon .quick-icon-sm {padding: 12px 20px;}

}

.checkbox label{display:inline-block; min-width: 50px;}

.alert-required{padding: 5px; margin-bottom: 0px;}
.attribution{float:right; color: #fff; font-size: 12px;}
.powered-by {color: #fff; width: 210px;}
.powered-by span{float: left; margin-right: 10px;}
.powered-by img { width: 120px; float:left;}

.powered-by-admin img{padding-top:6px}

.chk-deletelogo{display:block; padding-top:7px;}

.bg-color-disable {
    background-color: #f5f5f5; 
    border: 1px solid #cccccc; 
    border-radius: 4px; 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; 
    color: #555555; 
    display: block; 
    font-size: 14px; 
    height: 34px; 
    line-height: 1.42857; 
    padding: 6px 12px; 
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; 
    vertical-align: middle; 
    width: 100%;
}

h2 .noline {border-bottom: 0px !important; padding: 0 !important;}
.Accept {color: #fff;  background-color: #5cb85c;  border-color: #4cae4c; width:200px;}
.Reject {color: #fff;background-color: #d9534f;border-color: #d43f3a; width:200px;}
.t5{top:5px !important}
.font16 label{font-size:16px;}
.hdr-warning{margin-left: 30px;color: white;font-size: 16px;border: 2px solid red;padding: 6px;background-color:red !important;}

@media (max-width: 1024px) {
.hdr-auto{height:auto !important;}
.mdl-pad-top{padding-top:7% !important;}
.fixed-nav-top{padding-top:7% !important;}
}
@media (max-width: 768px) {
.hdr-auto{height:auto !important;}
.mdl-pad-top{padding-top:14% !important;}
.fixed-nav-top{padding-top:14% !important;}
.hdr-warning{margin-left: 15px;color: white;font-size: 16px;border: 2px solid red;padding: 6px;background-color:red !important;}
}

/*GJ Update Chart #74105 Issue: Tab have lost formatting Difficult to See */
.cms-tabs .rtsUL > li.rtsSelected > a, .cms-tabs .rtsUL > li.rtsSelected:hover > a, .cms-tabs .rtsUL > li.rtsSelected:focus > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #3276b1 !important;
    border-color: #dddddd #dddddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 0px;
    color: #fff !important;
    cursor: pointer;
}

.cms-tabs .rtsUL > li.rtsSelected > a, .cms-tabs .rtsUL > li.rtsSelected:hover > a, .cms-tabs .rtsUL > li.rtsSelected:focus > a {
    border-width: 1px !important;
}

.cms-tabs .rtsLevel1 .rtsUL > li.rtsSelected > a, .cms-tabs .rtsUL > li.rtsSelected:hover > a, .cms-tabs .rtsUL > li.rtsSelected:focus > a {
    border-width: 0px !important;
}
.rgDataDiv {
    height: auto !important;
}