body, html {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 13.8px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;

  margin: 0px;
  padding: 0px;
  min-height: 100%;
  height: 100%;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0px;
    font-size: 0px !important;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 0px solid #e5e5e5;
}


/*Class to handle checkbox focus*/
.focused {
    font-size:1.1em;
    font-weight:bold;
}


a:focus {
    text-decoration:underline;
}

.whiteDivAreaType{
    background-color:white;  
}

.screenReaderRegions {
    position: absolute !important; /* Outside the DOM flow */
    height: 1px; width: 1px; /* Nearly collapsed */
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE 7+ only support clip without commas */
    clip: rect(1px, 1px, 1px, 1px); /* All other browsers */
}




#skip a {
    display: block;
    position: absolute;
    left: -999px;
    top: -999px;
    }

#skip a:focus {
    left: 0;
    top: 0;
    padding: 3px;
    background: #ffc;
    border:1px solid #990000;
    }

#slider-grid-customizations-open {
    color:navy;
    cursor:pointer;
    font-style:italic;
    text-decoration:underline;
}

#slider-grid-customizations-open:focus {
    color:dodgerblue;
}

.titleDiv {
    /*background-color: #156391 !important;*/
    background-color:#068482 !important;
    color:#fff;
    margin-bottom:20px;
    padding:20px 5px 10px 15px;
}

#RelatedOccsDiv {
    min-width:500px;
}

#EnrollAndGradDiv {
    min-width:500px;
}

.stiLink {
    color:navy;
    text-decoration:underline;
}
.stiLink:focus {
    color:dodgerblue;
    text-decoration:underline;
}

.grayDiv {
    background-color: #e9ecef;
    padding:10px;
    margin-bottom:20px;
}

.btnRegionSelector {
    width:150px;
    margin:10px 0 5px 0;
}

.container-fluid {
  min-height: 100%;
  padding:0 0 0 0;
  font-size:1.1em;
  height: auto !important;
  /*margin-bottom: -90px;*/ 
}

.container-fluid:after {
  content: "";
  display: block;
  height: 100px;
}

.controlLabel  {
     font-size:1.6em;     
     font-weight:600;
     padding:5px 10px 0 10px;
     white-space:nowrap;
}

.k-pager-info.k-label {
    color: #444;
}

.k-grid .k-icon {
    opacity: .95;
}

.k-group-indicator {
    color:black !important;
    background-color:white !important;
}

.k-pager-wrap .k-link.k-state-disabled .k-icon {
    opacity: .95;
}

/* Reports styling*/
h2 {
    font-size:1.5em;
}
.egTh {
    background-color:#156391;
    color:white;    
    padding:0 10px 0 10px;   

}

.egTd {
    border:1px solid #002868;
    font-size:1.1em;
    padding:10px;
}


.parent {
  height: 100%;
}

.btnDisabled {
    background-color: grey;
    cursor: default;
}

/*Grid Filter Button Styles*/

.k-animation-container .k-button.k-primary{
    background-color: #002868;
}

.k-animation-container .k-button{
    background-color: #E1E1E1;
}
.k-animation-container .k-button:active {
    color: #fff;
    background-color: grey;
    border: 0px solid transparent;
}
.k-animation-container .k-button.k-state-active:hover, .k-animation-container .k-button:active:hover {
    color: #fff;
    background-color: grey;
    border: 0px solid transparent;
}

.k-link {
    color:black !important;
    font-weight:bold;
}

.k-grid .k-grouping-header {
    background-color:#156391;
    color:white !important;  
    padding-left:20px;
}

.k-grid {
    overflow-y:hidden !important;
    min-width:500px;
}

.k-grid-content {
    overflow-y:hidden !important;
}

/* Button styling*/

.btn-tla{
    display: inline-block;
    background-color: #002868;
    padding: 10px 20px;
    border: 0px solid transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: none;
    color:#ffffff;
    /*-webkit-box-shadow: 0px 3px 0px #123351;
    -moz-box-shadow:    0px 3px 0px #123351;
    box-shadow:         0px 3px 0px #123351;*/
}

.btn-left{
    border-radius: 4px 4px 4px 4px;
    border-right: 1px solid #123351;
}
.btn-right{
    border-radius: 4px 4px 4px 4px;
}

.btn-clear-Filter {
    background-color: #E1E1E1 ;
    color: #002868;
    /*-webkit-box-shadow: 0px 3px 0px #d0d2d5;
    -moz-box-shadow:    0px 3px 0px #d0d2d5;
    box-shadow:         0px 3px 0px #d0d2d5;*/
}
.btn-clear-Filter:focus{
    color:#ffffff;
}
.btnFocus:focus { 
    background-color: #337ab7 !important;
}
/* bt-success Bootstrap style override*/
.container-fluid .btn-success {
  color: #fff;
  background-color: green;
  border-color: green;
}

.container-fluid .btn-success:active:hover, 
.container-fluid .btn-success.active:hover, 
.container-fluid .btn-success:active:focus, 
.container-fluid .btn-success.active:focus, 
.container-fluid .btn-success:active.focus, 
.container-fluid .btn-success.active.focus {
    color: #fff;
    background-color: green;
    border-color: green;
}


.container-fluid .btn-success:active, .container-fluid .btn-success.active {
    background-image: none;
}

.container-fluid .btn-success:active, .container-fluid .btn-success.active {
    color: #fff;
    background-color: green;
    border-color: green;
}

.container-fluid .btn-success:hover {
    color: #fff;
    background-color: green;
    border-color: green;
}

/* bt-success Bootstrap style override*/

.k-state-selected {
    background-color: #002868 !important;
    background-image: none !important;
    color: #fff !important;
}

/*Footer*/
#footer{
    border-top:1px solid #e6e6e6;
    padding:18px 50px 0px 170px;
    height: 100px; 
}

/*Common css*/
.nomargin {
    margin: 0px !important;
}

.nopadding {
    padding: 0px !important;
}

.greyDiv{
    padding-top:0px;
    background-color:#d0d2d5;
    margin-bottom:20px;
    padding:20px 20px 20px 20px;
    -webkit-box-shadow: 0px 3px 0px #e1e1e1;
    -moz-box-shadow:    0px 3px 0px #e1e1e1;
    box-shadow:         0px 3px 0px #e1e1e1;
}

.btn-sti{    
    background-color: #002868;
    padding: 10px 20px;
    margin:20px 0 10px 0;
    border: 0px solid transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: none;
    color:#ffffff;
    /*-webkit-box-shadow: 0px 3px 0px #123351;
    -moz-box-shadow:    0px 3px 0px #123351;
    box-shadow:         0px 3px 0px #123351;*/
}

.btn-sti:focus {
    background-color:#A1A1A1; 
    color:#000000; 
}

.k-grid tr.k-state-selected>td {
    background: transparent !important;
    background-color:#002868 !important;
    background-image:none !important;
    border:#002868 !important;
    color:white;     
}

.k-grid tr{
    background-image:none !important;
}


.k-grid td:active {
    background-color:#002868 !important;
    background-image:none !important;
    border-color:#002868 !important;
    color:white;
}

.k-grid tr:hover {
    background-color:#002868 !important;
    background-image:none !important;
    border-color:#002868 !important;
    color:white;
}
.k-grid-content tr td:active{
    background: transparent !important;
    background-image:none !important;
}

.k-grid-content tr td:focus{
    background: transparent !important;
    background-image:none !important;
}

.btn-left{
    border-radius: 4px 0px 0px 4px;
    border-right: 1px solid #123351;
}
.btn-right{
    border-radius: 0px 4px 4px 0px;
    white-space:nowrap;
}

.btn-clear-Filter {
    background-color: #E1E1E1 ;
    color: #002868;
    /*-webkit-box-shadow: 0px 3px 0px #d0d2d5;
    -moz-box-shadow:    0px 3px 0px #d0d2d5;
    box-shadow:         0px 3px 0px #d0d2d5;*/
}
.btn-clear-Filter:focus{
    color:#ffffff;
}
.btnFocus:focus { 
    background-color: #337ab7 !important;
}


@media (max-width: 766px)
{
    .titleDiv {
        margin-top:20px !important;
    }

}