@font-face {
  font-family: Innfoo2;
  src: url("../fonts/Innfoo2-Book.eot");
  src: url("../fonts/Innfoo2-Book.eot?#iefix") format('embedded-opentype'), url("../fonts/Innfoo2-Book.woff") format('woff'), url("../fonts/Innfoo2-Book.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Innfoo2SB;
  src: url("../fonts/Innfoo2-SemiBold.eot");
  src: url("../fonts/Innfoo2-SemiBold.eot?#iefix") format('embedded-opentype'), url("../fonts/Innfoo2-SemiBold.woff") format('woff'), url("../fonts/Innfoo2-SemiBold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Innfoo2b;
  src: url("../fonts/Innfoo2-Bold.eot");
  src: url("../fonts/Innfoo2-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/Innfoo2-Bold.woff") format('woff'), url("../fonts/Innfoo2-Bold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

h4 {
  line-height: 24px;
}
.container-admin {
    width:980px;
}

.bordered {
    padding-top: 5px;
    padding-bottom: 1px;
    border-bottom:solid 1px #e0e0e0;
    font-size: 16px;

}

#logo {
  background-image: url("../../img/logo.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 212px;
  height: 48px;
  margin: 10px auto;
  text-indent: -9999px;
  display: block;
}
.rate-star {
    width: 30px;
    height: 30px;
    background: url('../../img/star-empty.png') no-repeat;
    border: 0;
}
a .rate-star {
    cursor: pointer;
}
.rate-star span {
    visibility: hidden;
}
.rate-star.star-1{
    background-image: url('../../img/star-full.png');
}

.filter {
    background-color: #f9f9f9;
    padding-top: 15px;
    border: solid 1px #c9c9c9;
}

th {
    background-color: #f9f9f9;
}
.table-header {
    margin:10px 0 5px 0;
    padding: 10px 0 10px 0 ;
}

.table-header h4 {
    padding: 0 5px;
}
.table-header .title{
    font-size: 10px;
}

.table-header p {
    font-size: 12px;
    padding: 0 20px;
}

.info {
    cursor: help;
}

.tooltip .tooltip-inner{
    max-width: 400px;
    padding: 10px 10px;
}
#terms-modal ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-bottom: 10px;
  padding-left: 10px;
}

#terms-modal ol>li {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-bottom: 10px;
  padding-left: 10px;
}
#terms-modal ol>li li {
  list-style-type: lower-roman;
  list-style-position: inside;
  margin-bottom: 10px;
}
#terms-modal h2 {
  font-size: 22px;
}
#terms-modal h3 {
  font-size: 18px;
}
#terms-modal ul{
  padding-left: 0px;
}
#terms-modal ul>li {
  list-style-type: none;
}
#terms-modal p.last {
  padding-top: 20px;
  padding-left: 20px;
}

#loading {
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     position: fixed;
     display: block;
     opacity: 0.7;
     background-color: #fff;
     z-index: 99;
     text-align: center;
 }

#loading-image {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-50px; /* this is half the height of your div*/
    margin-left:-100px; /*this is half of width of your div*/

    z-index: 100;
}
.navbar.selected {
  background-color: #fcf8e3;
}
#school-year{
  padding-top: 10px;
}
#school-year label{
  font-size: 12px;
  font-weight: 500;
}
#school-year span{
  margin-left: 5px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}
#school-year label, span{
  vertical-align: middle;
  margin: 0;
}
#school-year span {
  vertical-align: top;
}
#school-year span.hidden {
  visibility: hidden;
}
.form-control.school-year-search{
  height: 23px !important;
  font-size: 16px;
  font-weight: bold;
}

.form-control.school-year-search.hidden{
  visibility: hidden;
}
body.sign {
  background: url("../../img/section1-bg.png") no-repeat top center #dbe49a;
  font-family: "Innfoo2";
}
.sign #terms .checkbox input[type="checkbox"] {
  margin-left: 0px;
}
.sign .btn.btn-submit {
  background-color: #005ea8 !important;
  border: 1px solid #005ea8;
  color: #fff;
}
.sign a {
  color: #005ea8;
}
.sign label {
  text-align: left !important;
}
.sign a.how-to {
  padding-left: 20px;
}
.sign .help-text {
  border-top:dashed 1px #c9c9c9;
  padding: 10px 0 0 0;
  margin: 0 15px;
}
.sign .form-group label {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  body.sign {
    background: url("../../img/section1-md-bg.png") no-repeat no-repeat center 0 #dbe49a;
  }
}
@media (max-width: 768px) {
  body.sign {
    background: url("../../img/section1-sm-bg.png") no-repeat no-repeat center 0 #dbe49a;
  }
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #fff !important;
}
.ui-widget {
  font-size: 14px !important; /*{fsDefault}*/;
  padding: 5px 0 !important;
  text-align: center;
}
.ui-multiselect {
  text-align: center !important;
  border-radius: 4px ;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.ui-widget-content .ui-state-hover {
  border: 1px solid transparent !important;
  border-bottom: 1px solid #d5d5d5 !important;
  background: #e9e9e9 !important;
  cursor: pointer;

}
.ui-state-hover, .ui-widget-content span {
  padding: 10px;
  font-weight: 500;
}

.ui-state-hover, .ui-widget-content .ui-state-hover span {
  padding: 10px;
  font-weight: 500;
}

.ui-multiselect-checkboxes label {
  border-bottom: 1px solid #d5d5d5 !important;
  padding: 10px;
}

.ui-multiselect-checkboxes input {
  margin-left:5px;
}
.ui-datepicker{
  width: 22em !important;
}
.group-info{
  font-weight: 700;
  font-size: 13px;
}
.group-info-text{
  line-height: 18px;
  display: block;
}

.badge.danger {
  background-color: #d9534f;
  font-size: 10px;
}

@media (max-width: 720px) {
  .group-block {
    padding: 10px;
    border-bottom: 1px solid #c2c2c2;
  }
}

.group-add-info{
  position: relative;
  display: block;
  text-align: center;
  top: 235px;
}

.full-width {
  width: 100%;
}

.rounded {
  border-radius: 50%;
}

.row-border-bottom {
  border-bottom: 1px solid #d8d8d8;
  margin-top: 10px;
}


/* calendar */
table.calendar		{
  border-left:1px solid #999;
  width: 100%;
}

tr.calendar-row	{  }

td.calendar-day	{
  height:160px;
  font-size:14px;
  position:relative;
}

* html div.calendar-day {
  height:120px;
}


.calendar-day.last {
  background-color: rgba(184, 161, 43, 0.3)
}
.day-info {
  text-align: center;
  margin-top: 30px;
  vertical-align: top;
}

.day-info p {
  line-height: 15px;
  margin: 0 0 5px;
}

.day-info .top-block,.day-info .bottom-block {
  padding-top: 10px;
  height: 50%;
}

.top-block.filled, .bottom-block.filled {
  background-color: rgba(217, 83, 79, 0.3)
}

.top-block.filled.approved, .bottom-block.filled.approved {
  background-color: rgba(92, 184, 92, 0.3)
}

.day-info .bottom-block {
  border-top: 1px solid #999;
}

.day-info hr {
  margin-top:5px;
  margin-bottom: 5px;
  border-top:1px dashed #000;
}

td.calendar-day:hover	{
  background:#eceff5;
}

td.calendar-day-np	{
  background:#eee;
  min-height:80px;
}
* html div.calendar-day-np {
  height:80px;
}
td.calendar-day-head {
  background:#ccc;
  font-weight:bold;
  text-align:center;
  width:135px;
  padding:5px;
  border-bottom:1px solid #999;
  border-top:1px solid #999;
  border-right:1px solid #999;
}
div.day-number {
  position: absolute;
  top: 0;
  left:0;
  background:#999;
  padding:5px;
  color:#fff;
  font-weight:bold;
  float:left;
  width:30px;
  text-align:center;
  cursor: pointer;
}

div.day-remove {
  position: absolute;
  top: 0;
  right:0;
  background:#d9534f;
  padding:5px;
  color:#fff;
  font-weight:bold;
  float:left;
  width:30px;
  text-align:center;
  cursor: pointer;
}

div.day-approve {
  background-color: #5cb85c;
  padding:5px;
  color:#fff;
  font-weight:bold;
  width:30px;
  text-align:center;
  cursor: pointer;
}

div.day-approve > a {
  color:#fff;
}

div.day-remove:hover {
  background-color: #d43f3a;
}

div.day-remove > a {
  color:#fff;
}

div.day-number.filled {
  cursor: not-allowed;
}

div.day-number.today{
  background-color: #5bc0de;
}
div.day-number:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

div.day-number.filled:hover{
  background-color: #d9534f;
  border-color: #d43f3a;
}
/* shared */
td.calendar-day, td.calendar-day-np {
  width:135px;
  vertical-align: top;
  border-bottom:1px solid #999;
  border-right:1px solid #999;
}

.nav > li > a {
  padding: 15px 10px;
}

ul.nav-calendar {
  display:inline-block;
  list-style: none;
  padding-top: 5px;
  padding-bottom: 10px;
  margin: 0;
}

ul.nav-calendar > li {
  margin: 0 10px;
}

.calendar.device .filled {
  background-color: rgba(217, 83, 79, 0.3)
}

.calendar.device .approved {
  background-color: rgba(92, 184, 92, 0.3)
}

.calendar.device .day-info {
  margin-top: 0px;
}
.calendar.device td.calendar-day {
  height: 120px;
  vertical-align: middle;
}

.form-control[readonly] {
  cursor: not-allowed;
  background-color: #f9f9f9;
}

.competition-block span {
  display: block;
  margin: 10px 0;
}

#frm-teachersForm .input-group ul li { 
    text-align: left !important; 
}

.show-overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.show-overflow-ellipsis:hover {
  overflow: auto;
  white-space: normal;
}
.show-more {
  cursor: pointer;
  font-weight: bold;
}
p strong {
  font-family: Innfoo2B;
}