/* Minification failed. Returning unminified contents.
(96,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
#blackout {
     width:100%;
     height:100%; /* make sure you have set parents to a height of 100% too*/
     position: fixed;
     left:0; top:0;
     z-index:999; /*just to make sure its on top*/
     background-image:url(images/blackout.png); 
     display:block;

}

.hcs-loading {
  z-index:1000; /*just to make sure its on top*/
  position: fixed;
  top: 50%;
  left: 50%;
}

.hcs-loading.hcs-loading-delay {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation: hcs-loadingDelay 300ms ease-in-out 750ms both;
          animation: hcs-loadingDelay 300ms ease-in-out 750ms both;
}

@-webkit-keyframes hcs-loadingDelay {
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes hcs-loadingDelay {
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.hcs-loading-spinner, .hcs-loading-image {
  position: absolute;
  top: -57px;
  left: -57px;
}

.hcs-loading-image {
  background-image: url("images/loading_center.png");
  background-repeat: no-repeat;
  background-position: center;

}
.hcs-loading-spinner {
  /*margin-top: -50px;
  margin-left: -37px;*/
  width: 115px;
  height: 115px;
}
.hcs-loading-spinner-child {
  width: 80%;
  height: 80%;
  position: absolute;
  left: 12px;
  top: 25px;
}
.hcs-loading-spinner-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #f07919;
  border-radius: 100%;
  -webkit-animation: hcs-loading-spinnerBounceDelay 1.2s infinite ease-in-out both;
          animation: hcs-loading-spinnerBounceDelay 1.2s infinite ease-in-out both;
}

.hcs-loading-spinner1:before,
.hcs-loading-spinner2:before,
.hcs-loading-spinner12:before {
	background-color: #f0e819;
}
.hcs-loading-spinner3:before,
.hcs-loading-spinner11:before {
	background-color: #f0ca19;
}
.hcs-loading-spinner4:before,
.hcs-loading-spinner10:before,
.hcs-loading-spinner5:before,
.hcs-loading-spinner9:before {
	background-color: #f09d19;
}


.hcs-loading-spinner .hcs-loading-spinner2 {
	background-color:
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.hcs-loading-spinner .hcs-loading-spinner3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.hcs-loading-spinner .hcs-loading-spinner4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.hcs-loading-spinner .hcs-loading-spinner5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.hcs-loading-spinner .hcs-loading-spinner6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.hcs-loading-spinner .hcs-loading-spinner7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.hcs-loading-spinner .hcs-loading-spinner8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.hcs-loading-spinner .hcs-loading-spinner9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.hcs-loading-spinner .hcs-loading-spinner10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.hcs-loading-spinner .hcs-loading-spinner11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.hcs-loading-spinner .hcs-loading-spinner12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.hcs-loading-spinner .hcs-loading-spinner2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.hcs-loading-spinner .hcs-loading-spinner3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.hcs-loading-spinner .hcs-loading-spinner4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.hcs-loading-spinner .hcs-loading-spinner5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.hcs-loading-spinner .hcs-loading-spinner6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.hcs-loading-spinner .hcs-loading-spinner7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.hcs-loading-spinner .hcs-loading-spinner8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.hcs-loading-spinner .hcs-loading-spinner9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.hcs-loading-spinner .hcs-loading-spinner10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.hcs-loading-spinner .hcs-loading-spinner11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.hcs-loading-spinner .hcs-loading-spinner12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes hcs-loading-spinnerBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}

@keyframes hcs-loading-spinnerBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
  }
}

.icheckbox_square-red,
.iradio_square-red {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("img/red.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_square-red {
  background-position: 0 0;
}
.icheckbox_square-red.hover {
  background-position: -24px 0;
}
.icheckbox_square-red.checked {
  background-position: -48px 0;
}
.icheckbox_square-red.disabled {
  background-position: -72px 0;
  cursor: default;
}
.icheckbox_square-red.checked.disabled {
  background-position: -96px 0;
}
.iradio_square-red {
  background-position: -120px 0;
}
.iradio_square-red.hover {
  background-position: -144px 0;
}
.iradio_square-red.checked {
  background-position: -168px 0;
}
.iradio_square-red.disabled {
  background-position: -192px 0;
  cursor: default;
}
.iradio_square-red.checked.disabled {
  background-position: -216px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  
  .icheckbox_square-red,
  .iradio_square-red {
    background-image: url("img/red@2x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }

}

/* Layout */
html {
  overflow-x: hidden/*!important*/;
}

#header {
  z-index: 1000;
  height: 56px;
}

#menu {
  z-index: 1000;
  background: white;
}

#wrapper {
  margin: -10px 0 0 180px;
}

.text-red {
  color: #cb3131;
}

.text-teal {
  color: #019fa8;
}

.label-red {
  background-color: #cb3131;
}

.label-teal {
  background-color: #019fa8;
}

.landing-page .navbar .navbar-brand {
  background-color: #019fa8;
}
.landing-page .navbar-default .navbar-toggle:hover,
.landing-page .navbar-default .navbar-toggle:focus {
  background: #3ac3cb;
}
.landing-page .navbar-default .navbar-nav > .active > a,
.landing-page .navbar-default .navbar-nav > .active > a:hover,
.landing-page .navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #3ac3cb;
  border: none;
}
.landing-page header {
  background: url('../images/landing/prekheader2.jpg') 50% 0 no-repeat;
  height: 550px;
  margin-top: 56px;
  padding-top: 0px;
  margin-bottom: 0px;
}
.landing-page .heading-image {
  right: 0px;
}
.landing-page .heading-image img {
  -webkit-box-shadow: unset;/*0px 0px 8px 0px #333333;*/
  -moz-box-shadow: unset;/*0px 0px 8px 0px #333333;*/
  box-shadow: unset;/*0px 0px 8px 0px #333333;*/
  margin-left: unset;/*12px;*/
  margin-top: unset;/*12px;*/
  width: unset;/*180px;*/
  border-radius: unset;/*1px;*/
}

.landing-page ul {
    color: #a7afb8;
}


.full .progress-bar-success {
  background-color: #3ac3cb;
  border-right: 4px solid #019fa8;
}

.form-control:focus {
  border-color: #66afe9 !important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

}

.landing-page section#footer a {
    color: #ffffff;
}

.landing-page section#footer a:hover {
    color: #000000;
}

.landing-page section#footer {
    padding-top: 20px;
    padding-bottom: 10px;
}
.jumbotron{
    margin: auto;
    width: 480px;
    margin-bottom: 0px;
    background-color: transparent;
}

.label-on-top {
  display:block;
  /*padding: .2em .6em .3em;*/
  padding-top: 20px;
  padding-left: 15px;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.required-label:before {
   content: "* ";
   color:Red;
}

.indent10{
    margin-left: 10px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left;
  }
}

/*.form-horizontal {
     width:80%;
     margin:auto;
  }

@media (min-width: 1200px) {
    .container {
        max-width: 870px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 870px;
    }
}*/

@media screen and (min-width: 768px) {
  .jumbotron {
    margin: auto;
    width: 900px;
    padding-bottom: 0px;
  }
}

.schoolToggle {

-webkit-appearance: none;
outline: none;
border: 0;
background: transparent;

}

.customicon-plus {
    background: url(../Content/Images/arrow-right.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.customicon-plus:hover {
    background: url(../Content/Images/arrow-right-hover.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.customicon-minus {
    background: url(../Content/Images/arrow-down.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.customicon-minus:hover {
    background: url(../Content/Images/arrow-down-hover.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.imageCreateDailyClinicLog
{
    background: url(~/Content/Images/New_Log_Icon_50px.png) no-repeat;
}


hr {
  margin-top: 0px;

}

/*
*** Nav Bar Coloring ***
*/

.navbar-default {
  background-color: #c1e5f0;
  border-color: #a4ccdc;
}

.navbar-default .navbar-text {
  color: #006990;
}

.navbar-default .navbar-brand {
  color: #006990;
}

.navbar-default .navbar-nav > li > a {
  color: #006990;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #006990;
  border-bottom-color: #006990;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #006990;
  background-color: #a4ccdc;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #006990;
}

.navbar-default .navbar-toggle {
  border-color: #006990;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #a4ccdc;
}



.stuteachlabel, .partslabel {

    display: none;

}



/* Chnage chart font if we have small screen  */
@media (max-width: 480px) {
    .jqx-chart-axis-text,
    .jqx-chart-label-text, 
    .jqx-chart-tooltip-text, 
    .jqx-chart-legend-text,
    .jqx-chart-axis-description,
    .jqx-chart-title-description {

        font-size: 8px;
    }
    .jqx-chart-title-text{
        font-size: 8px;
    }
}

/* This is for the table of teachers on DyKnow report*/
@media (max-width: 480px) {
    #teacherTable {
        font-size: 11px;
    }

}


.EnrollmentTableByGrade th {
    white-space:nowrap;
    min-width:65px;
    font-size: 12px;
}

.EnrollmentTableByGrade td {
    white-space:nowrap;
    min-width:65px;
    font-size: 12px;
}


.EnrollmentTableByDistrict th {
    white-space:nowrap;
    min-width:65px;
    width:100px;
    font-size: 12px;
}

.EnrollmentTableByDistrict td {
    white-space:nowrap;
    min-width:65px;
    width:100px;
    font-size: 12px;
}


p.leftAlignedTextInCell{
    /*text-align: center;*/
    left: 4px;
    position: relative;
    /*top: 50%;*/
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}