@charset "utf-8";
#modal-div{z-index: 99999;}
body{background-color: #337ab7;margin: 40px 0px 70px 0px;}
a{color:#FFF;}
a:hover,a:focus{text-decoration:none;}
.p100{width:100%;}
.w50{width:50px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mb-10{margin-bottom:10px;}
.mr-10 {margin-right: 10px;}
.text-small{font-size:9px;display: block;}
.modal-dialog-xl{max-width: 90%;min-width: 60%;max-height: 95%;}
.modal-header {color: #FFF;font-size: 20px;}
.modal-primary-header {background: #337ab7;}
.modal-danger-header {background: #C52A30;}
.modal-warning-header {background: #f0ad4e;}
.modal-success-header {background: #4cae4c;}
.modal-header .close {margin-top: -2px;color:#FFF;opacity: 1;}
.alert-warning a{color: #8a6d3b;}
.form-signin{ margin:0 auto;max-width: 380px; padding: 20px;}
.form-signin label{display:block; color:#FFF;margin-top: 0;}
.my-form{position:relative;}
.my-form label{display: block; overflow:hidden;}
.my-input-group .input-group-addon {border: 0;padding: 0;margin: 0;background: transparent;width:10%;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {color: #000;background-color: #fff;}
.required:after {content:" *";color:#ea0000;}
label.empty{margin-top:30px !important;}
label.checkbox-inline{display: inline-block;}
.onoff {display: -moz-inline-stack;display: inline-block;vertical-align: middle;*vertical-align: auto;zoom: 1;*display: inline;position: relative;cursor: pointer;width: 45px;height: 30px;line-height: 30px;font-size: 14px;}
.onoff label {margin: 0;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;cursor: pointer;background: #cd3c3c;border-radius: 5px;font-weight: bold;color: #FFF;-webkit-transition: background 0.3s, text-indent 0.3s;-moz-transition: background 0.3s, text-indent 0.3s;-o-transition: background 0.3s, text-indent 0.3s;transition: background 0.3s, text-indent 0.3s;text-indent: 20px;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;}
.onoff label:after {content: 'НЕ';display: block;position: absolute;top: 0px;left: 0px;width: 100%;font-size: 12px;color: #FFF;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);z-index: 1;text-align: initial;}
.onoff label:before {content: '';width: 10px;height: 24px;border-radius: 3px;background: #FFF;position: absolute;z-index: 2;top: 3px;left: 3px;display: block;-webkit-transition: left 0.3s;-moz-transition: left 0.3s;-o-transition: left 0.3s;transition: left 0.3s;-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);}
.onoff input:checked + label {background: #378b2c;}
.onoff input:checked + label:after {content: 'ДА';color: #FFF;text-indent: 8px;}
.onoff input:checked + label:before {left: 32px;}
.weeks-menu .btn-arrow, .days-menu .btn-arrow{width: 10%;float: left;}
.weeks-menu .dropdown, .weeks-menu p, .days-menu .dropdown{width: 80%;float: left;}
.weeks-menu p{padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px;border: 1px solid transparent;vertical-align: middle;font-weight: 400;text-align: center;display: inline-block;color: #333;background-color: #fff;border-color: #ccc;}
.weeks-menu ul a, .days-menu ul a{min-width: 140px;}
.weeks-menu:after, .days-menu:after {content: '';display: block;clear: both;}
.groups-select{text-align:center;}
.table{background: #FFF;}
.table td, .table .btn{position:relative;}
.badge-primary{padding: 3px 5px;}
.badge-info{position: absolute !important;top: -5px;right: -5px;font-size: 10px;padding: 3px 5px;background-color: #5bc0de !important;color: #FFF !important;}
.badge-warning{position: absolute !important;top: 17px;right: -5px;font-size: 10px;padding: 3px 5px;background-color: #f0ad4e !important;color: #FFF !important;}
.badge-danger{position: absolute !important;top: -10px;right: -10px;font-size: 10px;padding: 5px;background-color: #d90000 !important;color:#FFF !important;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{vertical-align:middle;}
table thead span{font-size: 11px;}
.badge-primary {background-color: #337ab7;}
.badge-info {background-color: #5bc0de;}
.badge-warning {background-color: #f0ad4e;}
.btn-group.attendances.flex{display: flex;align-items: center;justify-content: right;}
.btn-group.attendances label{ text-align:center;}
.btn-group.attendances input[type="radio"]{display:none;}
.btn-group.attendances input[type="radio"]:checked+label.success{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.btn-group.attendances input[type="radio"]:checked+label.warning{color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.btn-group.attendances input[type="radio"]:checked+label.danger{color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.btn-group.attendances input[type="radio"]:checked+label.default{color: #fff;background-color: #000;border-color: #ccc;}
.btn-group.attendances input[type="radio"]:checked+label.info{color: #fff;background-color: #337ab7;border-color: #2e6da4;}
.btn-group.attendances input[type="radio"]:checked+label.gray{color: #fff;background-color: #8A8A8A;border-color: #ccc;}
.btn{white-space: normal;position:relative;}
header{background-color: #FFF;text-align: center;position: fixed;top: 0;width: 100%; z-index: 100;}
.header-menu{height: 90px;}
.container-menu{margin-top: 100px;}
header .nav{height: 30px;}
header .nav .logo{height: 28px;margin-top:1px;}
header .tabs-2{width:50%;}
header .tabs-3{width:33%;}
header .tabs-4{width:25%;}
header .tabs{float: left; margin-top: 10px;font-size: 12px;}
header .tabs i{font-size: 18px;}
header .tabs a{color: #6c6c6c;width: 100%;display: block;}
header .tabs a:hover, header .tabs a:focus{text-decoration:none; color:#337ab7;}
header .tabs a.act{color:#337ab7;}
footer{background-color: #FFF;text-align: center;position: fixed;height: 60px;bottom: 0;width: 100%;z-index: 100;}
footer .tabs{float: left; width:25%;margin-top: 10px;font-size: 13px;}
footer .tabs i{font-size: 18px;}
footer .tabs a{color: #6c6c6c;width: 100%;display: block;}
footer .tabs a:hover, footer .tabs a:focus{text-decoration:none; color:#337ab7;}
footer .tabs a.act{color:#337ab7;}
footer .tabs .sub-menu{position: absolute;bottom: 60px;width: 100%;right: 0;display:none;}
footer .tabs .sub-menu i{float: left;}
.card {min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 0 solid rgba(0,0,0,.125);border-radius: .25rem;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);}
.card-heading{display: block;font-size: 14px;text-align: left;margin-bottom: 5px;border-radius: 0px;padding: 8px;color: #fff;font-weight: 700;}
.card-body {flex: 1 1 auto;padding: 1em;}
.card-body label{display:block; color: #1a202c;margin-top: 5px;}
.card legend{margin-bottom: 5px;}
.card table{margin-bottom:0px;}
#accordion .panel-heading a {display: block;position: relative;font-weight: bold;}
#accordion .panel-heading a:focus{text-decoration:none;}
#accordion .panel-heading a::after {content: "";border: solid black;border-width: 0 3px 3px 0;display: inline-block;padding: 5px;position: absolute;right: 0;top: 0;transform: rotate(45deg);}
#accordion .panel-heading a[aria-expanded="true"]::after{transform: rotate(-135deg);top: 5px;}
#accordion .panel-body table{margin-bottom: 0px;}
.grey-bg{background: #e9e9e9;}
.calendar {width: 95%;max-width: 350px;background-color: #FDFDFD;border-radius: 10px;padding: 1rem;height: 280px;margin: 2rem auto 0 auto;}
.calendar .month-name{margin-bottom: 1rem;text-align:center;font-weight: 600;font-size: 1.3em;}
.calendar .month{display: grid;grid-template-columns: repeat(7, 1fr);}
.calendar .day, .calendar .date {justify-self: center;}
.calendar .day {color: #000;font-weight: 500;font-size: 1em;}
.calendar .date {padding: 0;width: 2.5em;height: 2.5em;display: flex;align-items: center;justify-content: center;border-radius: 6px;font-weight: 600;border: 2px solid transparent;cursor: pointer;}
.calendar .date a{color:#000;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.calendar .date.active{background-color: #008000;}
.calendar .date.active2{background-color: #f0ad4e;}
.calendar .date.active a, .calendar .date.active2 a{color: #FFF;}
.calendar .faded {color: #999FA6;}
.topics-table a, .topics-table span{display: block;color:black;padding: 5px;min-height: 90px;position:relative;}
.topics-table .label{position: absolute;top: 1px;right: 1px;}
.topics-table td{padding:0px; position:relative;}
.topics-table a:hover{ text-decoration:none;}
.tax_ticket{border: 1px solid #ddd !important;padding: 10px;position: relative;border-radius: 4px;background-color: #f5f5f5;}
.tax_ticket table {width: 100%;text-align: right;}
.tax_ticket td:first-child {text-align: left;}
.tax_ticket tr:not(:last-child) {border-bottom: 1px dotted;}
.img-field, .files-field {position: absolute;clip: rect(0px, 0px, 0px, 0px);}
.images_gallery .thumbnail, #fc .thumbnail {width: 100px;height: 100px;background-size: cover;background-position: center center;background-repeat: no-repeat;display: inline-block;margin: 7px;overflow: hidden;padding: 0px;position: relative;}
.images_gallery .thumbnail img, #fc .thumbnail img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
}
#fc .down-load, .files .down-load {
  position: absolute;
  bottom: 2px;
  right: 2px;
  cursor: pointer;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.2em 0.4em;
  background: #337ab7;
  color: #FFF;
}
#fc .dell-me, .files .dell-me {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.2em 0.4em;
  background: #EA0000;
  color: #FFF;
}
#fc .drag-me, .files .drag-me {
  left: 2px;
  top: 2px;
  position: absolute;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #888;
  padding: 0.2em 0.4em;
  background: #FFF;
}

.orange{color: orange;}
.red{color:#ca0303;}
.blue{color:blue;}
.black{color:black;}
.btn-gray{color: #fff;background-color: #8A8A8A;border-color: #ccc;}
.blue-bg{background: #337ab7;}
.lblue-bg{background: #d4ebff;}
.red-bg{background: #ff9f9f;}
.green-bg{background: #a2ff9f;}
.orange-bg{background: #fff39f;}
@media (max-width: 399px) {
.weeks-menu ul a{width: 100%;}
.days-menu ul a{width: 100%;}
}
@media (min-width: 400px) {
.weeks-menu ul a{width: 50%;}
.days-menu ul a{width: 50%;}
}
@media (max-width: 480px) {
.topics-table a, .topics-table span{min-height: 50px;}
}
@media (min-width: 600px) {
.weeks-menu ul a{width: 25%;}
.days-menu ul a{width: 20%;}
}