/* Fonts
---------------------------------------- */
@font-face{font-family:'Roboto-Light';src:url(/fonts/Roboto/Roboto-Light.ttf);}
@font-face{font-family:'Roboto-Bold';src:url(/fonts/Roboto/Roboto-Bold.ttf);}
@font-face{font-family:'Roboto-Regular';src:url(/fonts/Roboto/Roboto-Regular.ttf);}
@font-face{font-family:'Roboto-Medium';src:url(/fonts/Roboto/Roboto-Medium.ttf);}
@font-face{font-family:'Roboto-Thin';src:url(/fonts/Roboto/Roboto-Thin.ttf);}tags-input {
  display: block;
}
tags-input *, tags-input *:before, tags-input *:after {
  box-sizing: border-box;
}
tags-input .host {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 100%;
}
tags-input .host:active {
  outline: none;
}
tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 1px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: #fff;
  border: 1px solid darkgray;
  box-shadow: 1px 1px 1px 0 lightgray inset;
  height: 100%;
}
tags-input .tags.focused {
  outline: none;
  box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
}
tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 26px;
  line-height: 25px;
  border: 1px solid #acacac;
  border-radius: 3px;
  background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
}
tags-input .tags .tag-item.selected {
  background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
}
tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  vertical-align: middle;
  font: bold 16px Arial, sans-serif;
  color: #585858;
}
tags-input .tags .tag-item .remove-button:active {
  color: #ff0000;
}
tags-input .tags .input {
  border: 0;
  outline: none;
  margin: 2px;
  padding: 0;
  padding-left: 5px;
  float: left;
  height: 26px;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
tags-input .tags .input.invalid-tag {
  color: #ff0000;
}
tags-input .tags .input::-ms-clear {
  display: none;
}
tags-input.ng-invalid .tags {
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}
tags-input[disabled] .host:focus {
  outline: none;
}
tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default;
}
tags-input[disabled] .tags .tag-item {
  opacity: 0.65;
  background: linear-gradient(to bottom, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
}
tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default;
}
tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #585858;
}
tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default;
}
tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}
tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}
tags-input .autocomplete .suggestion-item.selected {
  color: #fff;
  background-color: #0097cf;
}
tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #0097cf;
}
tags-input .autocomplete .suggestion-item em {
  font: normal bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}
html, body {min-height: 100%;width: 100%;}
.wrapper{min-height: 100%;height: 100%;}
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
html {background:#f0f5f9 url(/images/school_patternb.svg) repeat scroll center top;}
a{font-family:'Roboto-Regular';font-size:14px;}
a:hover{cursor: pointer;}
a.blue{font-family: 'Roboto-Medium';font-size: 14px;color: #439ffa;text-decoration: underline;}
a.blue:hover{text-decoration: none}
.logo{display:block;margin:0 auto;width: 140px;}
.logo img{width:100%;}
/* General fonts
---------------------------------------- */
.F1{
    font-family:'Roboto-Medium';font-size: 20px;
    line-height: 25px;}
.F3{
    font-family:'Roboto-Medium';font-size: 25px;
    line-height: 35px;}
.F4{
    font-family:'Roboto-Medium';font-size: 14px;
    line-height: 20px;}
.F2{
    font-family:'Roboto-Regular';font-size: 14px;
    line-height: 20px;}
.R2{
    font-family:'Roboto-Regular';font-size: 20px;
    line-height: 24px;}
.R3{
    font-family:'Roboto-Regular';font-size: 15px;
    line-height: 18px;}
.H1{font-family:'Roboto-Regular';font-size: 40px;
    line-height: 50px;}
.L1{font-family: 'Roboto-Light';}
.gray{color:#808080;}
.restriction-block{max-width:280px;margin:0 auto;}
/* basic blocks
---------------------------------------- */
.case-content{
    max-width: 730px;margin:35px auto;padding: 50px 60px;
    background-color: #fff;border:1px solid #e8eeef;}
.case-content.-lg{max-width: 895px;}
.case-content.-lg.active{border:2px solid #c3e2ff;}
.case-content.rating-review{padding: 0;margin-bottom: -25px;}
.case-container{position: relative;max-width: 755px;margin: 0 auto;}
.case-hint{
    font-family: "Roboto-Light";
    color: #B1B1B1;
    font-size: 13px;

    position: absolute;
    right: 0;
    text-align: right;
}
/*  dropdown new
---------------------------------------- */
.dropdown{padding-left: 20px;}
.dropdown:hover{cursor: pointer;}
.disabled, .disabled .dropdown-menu li a{
    color: #B1B1B1;
    cursor: not-allowed;
}
.dropdown .dropdown-toggle:first-letter{text-transform: capitalize;}
.dropdown .carets{
    position: absolute;
    top: 10px;
    left: 0;
    width:12px;height:7px;
    background:url(/images/dropdown_arrow.svg) no-repeat scroll 0% 0% transparent;}
.dropdown .overflow-ellipsis{
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;}
.dropdown-menu{height: auto;max-height: 220px;overflow-x: hidden;}
.dropdown-menu.narrow{min-width: 85px;}
.dropdown-menu.average{min-width: 105px;}
.dropdown-menu .delimiter{
    margin: 5px 0;
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,0.15);}
.dropdown-menu>li>a{padding: 5px 20px;}
.dropdown-menu .text-addition{margin-left: 5px;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{font-family:'Roboto-Medium';}
.cursor-default:hover{cursor: default !important;}
.label-hint{
    margin: 3px 0;
    font-family: "Roboto-Light";
    color: #B1B1B1;
    font-size: 12px;}
/* Button
---------------------------------------- */
button{
    font-family:'Roboto-Medium';
    font-size:14px;
    height: 40px;
    border-radius:20px !important;}
a.btn, .btn-general{
    font-family: 'Roboto-Medium';
    font-size: 14px;
    height: 40px;
    border-radius: 20px !important;}
a.btn{line-height: 26px;}
.btn-general{line-height: 38px;}
.btn-160{max-width: 160px;}
.btn-170-m{min-width: 170px;}
.block-btn-inline button:not(:last-child){margin-right: 20px;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { background-color: #cfd9e2;opacity: 1;}
.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover { background-color: #cfd9e2;}
.btn-blue{background-color: #82c0fb;color:#fff;border-color: transparent;}
.btn-blue:hover{background-color:#4b9ce9;color:#fff;}
.btn-dblue{background-color: #268cee;color:#fff;}
.btn-dblue:hover, .btn-dblue:focus{background-color:#1076d8;color:#fff;text-decoration: none;}
.btn-white{background-color: #fff;color:#82c0fb !important;border:1px solid #82c0fb;}
.btn-white:hover{background-color: #82c0fb;color:#fff !important;}
.btn-blue-white{background-color: #82c0fb;color:#fff;border:2px solid #fff;}
.btn-blue-white:hover{background-color:#fff;color:#4b9ce9;}
.btn-red{background-color: #f23a3a;color:#fff;border:2px solid #fff;}
.btn-red:hover, .btn-red:focus{background-color:#fff;color:#dc3535;}
.btn-yellow{background-color: #ffb822;color:#fff;border:2px solid #fff;}
.btn-yellow:hover, .btn-yellow:focus{background-color:#fff;color:#efac1f;}
button:focus {outline:0 !important;}
[class*='btn-']:hover, [class*='btn-']:focus{text-decoration: none;}
/* Form
---------------------------------------- */
.form-control{
    font-family:'Roboto-Regular';

    border:0;border-radius: 0px;border-bottom: 1px solid #e8eeef;
    padding-bottom:0;padding-left: 0;
    box-shadow:none !important;-webkit-box-shadow: none !important;-webkit-appearance: none;}
textarea.form-control {
    border: 1px solid #e8eeef;
    height: 125px;
    padding: 10px;}
.form-group>label {
    color: #B1B1B1;
    font-weight: normal;
    margin-bottom: 5px;}
.form-control[disabled]::-webkit-input-placeholder{color:#B1B1B1;}
.form-control[disabled]:-ms-input-placeholder{color:#B1B1B1;}
.form-control[disabled]::placeholder{color:#B1B1B1;}
.form-control[disabled]:-ms-input-placeholder{color:#B1B1B1;}
.form-control[disabled]::-ms-input-placeholder{color:#B1B1B1;}
.form-control::-webkit-input-placeholder, input::-webkit-input-placeholder{color:#727272;}
.form-control:-ms-input-placeholder, input:-ms-input-placeholder{color:#727272;}
.form-control::placeholder, input::placeholder{color:#727272;}
.form-control:-ms-input-placeholder, input:-ms-input-placeholder{color:#727272;}
.form-control::-ms-input-placeholder, input::-ms-input-placeholder{color:#727272;}
.attachments{
    position: relative;
    min-height: 30px;
    padding: 4px 35px 0 4px;

    border-width: 1px;
    border-color: #e8eeef;
    border-style: none solid solid solid;}
.attachments-item{
    background: #CFD9E2;
    display: inline-block;
    margin: 0 5px 4px 0;
    padding: 2px 5px;
    border-radius: 3px;
    vertical-align: top;}
.attachments-item .remove{margin-left: 5px;}
.attachments .progress {height: 5px; margin-bottom: 0px;}
.attachments .ico{
    position: absolute;
    top: 5px;
    right: 20px;}
.attachments .ico, .attachments .ico:hover{
    width: 11px;
    height: 20px;
    background:url(/images/sprites/form.svg) no-repeat 0px 0px;}
.attachments .ico:not(.disabled):hover{background-position: -12px 0px;cursor: pointer;}
.attachments .ico.disabled:hover{cursor: not-allowed;}
.inputfile {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: -1;}
.inputfile + label {
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;}
input[disabled]{cursor: not-allowed;}
/* Input type number: hiding the spinner
---------------------------------------- */
input[type=number] { -moz-appearance: textfield !important;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
/* checkbox
---------------------------------------- */
input[type=checkbox]{
    background: #fff;
    border: 1px solid #cfd9e2;
    border-radius: 1px;

    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box ;
    width:18px;
    height:18px;
    cursor: pointer;}
input[type="checkbox"]:checked{background: #fff url(/images/check_box_checked.svg) no-repeat scroll 0% 0%;width:18px;height:18px;}
input[type="checkbox"]:focus{outline: none;}
.checkbox-right{
    text-align: right;
    margin-top: 15px;}
.checkbox-right span:first-child{
    margin-right: 10px;
    vertical-align: 5px;}
/* collapse
---------------------------------------- */
.panel-heading {border-bottom: 0;padding: 10px 0;}
.panel {margin-bottom:0;border:0;box-shadow:none;-webkit-box-shadow:none;}
.panel span, .panel-body{color:#262f35;}
.panel span {
    padding-bottom:3px;
    text-decoration:none;border-bottom:1px dashed #262f35;

    font-family: "Roboto-Medium";font-size: 16px;line-height: 24px;}
.panel-default>.panel-heading{background-color: #fff; }
.panel-body{padding-top:0;padding-bottom:0;border: none !important;}
.panel-body ul {margin-bottom: 0;}
/* angular-carousel
---------------------------------------- */
input[type=range] {
    width: 300px; }
ul[rn-carousel] {
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    position: relative;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    -ms-touch-action: pan-y;
    touch-action: pan-y; }
ul[rn-carousel] > li {
    color: black;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: visible;
    vertical-align: top;
    position: absolute;
    left: 0;
    right: 0;
    white-space: normal;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    height: 100%;
    display: inline-block; }
/* prevent flickering when moving buffer */
ul[rn-carousel-buffered] > li {
    display: none; }
ul[rn-carousel-transition="hexagon"] {
    overflow: visible; }
/* indicators */
div.rn-carousel-indicator span {
    cursor: pointer;
    color: #666; }
div.rn-carousel-indicator span.active {
    color: white; }
/* prev/next controls */
.rn-carousel-control {
    transition: opacity 0.2s ease-out;
    font-size: 2rem;
    position: absolute;
    top: 40%;
    opacity: 0.75;
    cursor: pointer; }
.rn-carousel-control:hover {
    opacity: 1; }
.rn-carousel-control.rn-carousel-control-prev {
    left: 0.5em; }
.rn-carousel-control.rn-carousel-control-prev:before {
    content: "<"; }
.rn-carousel-control.rn-carousel-control-next {
    right: 0.5em; }
.rn-carousel-control.rn-carousel-control-next:before {
    content: ">"; }
/* Footer
---------------------------------------- */
.foot{
    position: absolute;
    width: 100%;
    padding: 0 10px;
    bottom:10px;
    font-size: 12px;
    color:#a5a5a5;
    text-align: center;}
.foot a{
    font-size: inherit;
    color:inherit;
    text-decoration: underline;}
.foot a:hover{
    text-decoration: none;}
/* Spinner
---------------------------------------- */
.spinner-container {
    display: none;
    position: fixed;
    z-index: 100000;
    right: 50%;
    margin-right: -20px;
    top: 50%;
    margin-top: -20px;}
.spinner-container.showSpinner{display: block;}
.sk-circle {
    width: 40px;
    height: 40px;
    position: relative;}
.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;}
.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
}
@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1);
          transform: scale(1);
      }
}.site-wrapper{
    display: table;width: 100%;
    height: 100%;min-height: 100%;

    overflow: hidden;background-color: #fff;}
.site-wrapper-inner{display: table-cell;vertical-align: middle;}
.nav-login{
    width:296px;
    min-width:296px;
    position: relative;}
.nav-login-top{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;}
.nav.nav-ln{margin:11px auto 8px auto;min-height: 20px;}
.nav-ln ul{margin: 0;padding: 0;list-style: none;text-align: center;}
.nav-ln ul>li{position:relative;display: inline-block;text-transform:uppercase;padding:0px 8px;}
.nav-ln ul>li:first-child{padding-left:0;}
.nav-ln ul>li:last-child{padding-right:0;}
.nav-ln ul>li:not(:last-child):after{
    position: absolute;
    content: '|';
    right: -2px;}
.nav-ln ul>li a{text-decoration: none;}
.nav-ln ul>li.active a{font-family:'Roboto-Medium';color:#439ffa;}
/* Create pass
---------------------------------------- */
.status_pass{width: 215px !important;margin:35px auto 0 auto;}
.status_pass ul{font-size: 12px;color:#a5a5a5;}
.status_pass ul li{
    list-style: none;text-align: left;
    background: url(/images/check_noactive.svg) no-repeat left top;
    margin: 0 0 15px -40px;padding: 0 0px 0 30px;line-height: 15px;}
.status_pass ul li._validate{background: url(/images/check_active.svg) no-repeat left top;}
.status_pass ul li._error{background: url(/images/check_error.svg) no-repeat left top;}
.status_pass ul li._info{background: url(/images/dash.svg) no-repeat left top;}
/* Save pass
---------------------------------------- */
.login.save_pass .-success img{width:80px;height:80px;margin-bottom: 35px;}
.login.save_pass a.btn{width: 100%;margin-top: 35px;}
/* Login
---------------------------------------- */
.login{position:relative;max-width:200px;margin:160px auto 120px auto;text-align: center;}
.login .F3{text-align: center;}
.login .step{max-width:195px;margin: 0px auto;display: inline-block;}
.step ul{position:relative;padding: 0;margin: 0;}
.step ul li{display:inline-block;background-color: #d5dddf;width:37px;height: 1px;margin-right: 9px;}
.step ul li.active{background-color: #82c0fb;}
.step ul li:first-child, .step ul li:last-child{display:inline-block;width:24px;height: 1px;}
.step ul li:last-child{margin-right: 0px;}
.step ul li:after, .step ul li.active:after{position:absolute;content:'';top:11px;width:7px;height:7px;}
.step ul li:after{background:url(/images/progress_bar.svg) no-repeat;}
.step ul li.active:after{background:url(/images/progress_bar_a.svg) no-repeat;}
.step ul li:nth-child(1):after{left:25px;}
.step ul li:nth-child(2):after{left:71px;}
.step ul li:nth-child(3):after{left:117px;}
.step ul li:nth-child(4):after{left:163px;}
.step ul li:last-child:after{background:none;width: 0;height: 0;}
.step_info{margin-top:35px;line-height: 1.6;}
.login form{max-width:195px;margin: 35px auto 0px auto;}
.login .form-control{
    background-color: #2e6da4;
    height:35px;text-align:center;font-size: 13px;
    color:#1a1a1a;background-color: transparent;

    padding-left:0px;

    border: 0px;
    border-bottom: 1px solid #e8eeef;
    border-radius: 0;
    box-shadow: none;
    transition: 	all 0s ease 0s;}
.login .form-control:focus {
    outline: 0px none;
    box-shadow: none;}
.login .form-control::-webkit-input-placeholder {color:#a5a5a5;}
.login .form-control::-moz-placeholder {color:#a5a5a5;}
.login .form-control:-moz-placeholder  {color:#a5a5a5;}
.login .form-control:-ms-input-placeholder {color:#a5a5a5;}
.login .form-control.indificate::-webkit-input-placeholder{color:#262f35;}
.login .form-control.indificate::-moz-placeholder{color:#262f35;}
.login .form-control.indificate:-moz-placeholder{color:#262f35;}
.login .form-control.indificate:-ms-input-placeholder{color:#262f35;}
.login input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #ffffff inset!important;}
.login button{width: 100%;margin-top: 10px;}
.remember{position:relative;margin:15px auto;text-align: center;}
.remember .checkbox{margin-top: 15px;}
.labels{
    display: inline-block;
    margin-top: 4px;
    margin-left: 8px;
    text-align: center;
    color:#74787b;}
.account{margin:60px auto 10px auto;}
.registered{margin-top: 66px;}
.link-register {margin-top: 10px;}
.login .dropdown{padding-left: 0;}
.login .dropdown .carets.right{right: 0;top:15px;left: inherit;}
.login .dropdown-menu{
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)}
/* Log status
---------------------------------------- */
.log-error, .log-success{position:absolute;width:100%;/*top:98px;*/top:-90px;text-align: center;}
.log-error span, .log-success span{display:inline-block;max-width:197px;}
.log-error span{color:#f23e42;}
.log-success span{color:#439ffa;}
/* Login advertising blocks
---------------------------------------- */
.login-image-default, .login-image-default.bg-tg{background-image: url(/images/fond/login-tj.jpg);}
.login-image-default.bg-ir{background-image: url(/images/fond/login-ir.jpg);}
.login-image-default.bg-ng{background-image: url(/images/fond/login-ng.jpg);}
.login-image-default.bg-ua{background-image: url(/images/fond/login-ua.jpg);}
.login-image-default.bg-tn{background-image: url(/images/fond/login-tn.jpg);}
.login-image{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    width: 100%;
    height: 100%;}
.login-image > div, .login-image > div > div, .login-image referral-promotion-login, .login-image .carousel-inner, .login-image .carousel, .login-image .carousel-inner>.active, .login-image .carousel-inner>.active > div, .login-image .carousel-inner a{
    width: 100%;
    height: 100%;
    display: block;}
.login-image .carousel-inner a {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;}._wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    min-height: 100vh;}
.sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 225px;
            flex: 0 0 225px;
    margin-top: 55px;
    position: relative;
    background-color: #fff;
    border-right: 1px solid #f1f5f7;}
.background{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 1%;
    margin-top: 55px;
    background:#f8fcfe url(/images/school_pattern.svg) repeat scroll center top;}
/*  Navigation
---------------------------------------- */
.back{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 16px;
    height: 12px;
    background: url(/images/sprites/arrows.svg) no-repeat 0px -20px;}
.back:hover{background-position: -16px -20px;}
/*  Dropdown
---------------------------------------- */
#navbar .dropdown-height, .wrapper-lng .navbar-nav{padding: 0 25px;}
.dropdown-height{
    height: 55px;
    line-height: 55px;}
.dropdown-height .carets{
    position: relative;
    top: 0;
    vertical-align: baseline;
    display: inline-block;
    margin-left: 10px;}
.dropdown-height .dropdown-menu{top:50px;}
.dropdown-height-mobile {
    padding: 0;margin: 0;list-style: none;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.dropdown-height-mobile li {border-top: 1px solid #e8eeef;border-left: 1px solid #e8eeef;-webkit-box-flex: 1;-ms-flex: 1 1 100px;flex: 1 1 100px;}
.dropdown-height-mobile li:first-child {border-left: none;}
.dropdown-height-mobile li a{
    width: 100%;padding: 18px 0 19px;float: left;
    color: #c2cdd3;text-align: center;text-decoration: none;}
.dropdown-height-mobile li.active a {color: #439ffa;}
/* Header panel
---------------------------------------- */
.navbar-fixed-top .container{max-width: 1200px;margin:0 auto;background-color:#fff;border-bottom:1px solid #e6e9eb;}
.navbar-brand.logos{
    margin-left: 38px !important;
    margin-right: 77px !important;}
.navbar-brand.logos img{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.navbar-brand.logos .logo-full{width:150px;}
.navbar-header .navbar-brand{font-family:'Roboto-Medium';font-size: 25px;color:#439ffa;}
.navbar-sidebar-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: auto;
    float: initial;

    font-size: 20px !important;
    background: none;
    border: none;
    outline: none;}
.navbar-sidebar-button .overflow-ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.navbar-sidebar-button .carets{
    margin-left: 10px;
    width: 12px;
    height: 7px;
    background: url(/images/arrow_dropdown_nav.svg) center no-repeat;}
.navbar-nav.nav-panel>li>a{
    position: relative;font-family:'Roboto-Medium';
    padding:19px 26px 0px 26px !important;
    border-left: 1px solid #e8eeef;
    height:55px;color:#439ffa;}
.navbar-nav.nav-panel>li:hover{text-decoration: underline;cursor:pointer;}
.navbar-nav.nav-panel>li.active{background-color: #82c0fb;}
.navbar-nav.nav-panel>li.active a, .navbar-nav.nav-panel>li.active a:hover{color:#fff;}
.navbar-nav.nav-panel>li.active .dropdown-menu a{font-family:'Roboto-Medium';color:#439ffa;}
.navbar-nav.nav-panel>li.active .dropdown-menu a:hover{background-color: transparent;}
.nav .open>a{border-color: #e8eeef !important;}
.navbar-nav.nav-panel>li.dropdown {padding-left: 0;}
.navbar-nav.nav-panel>li .dropdown-menu button, .navbar-nav.nav-panel>li.active .dropdown-menu button{font-family:'Roboto-Regular';height: inherit;padding: 0 0 0 20px;background-color: transparent;border: 0;outline: 0;white-space: nowrap;}
.navbar-nav.nav-panel>li .dropdown-menu button:hover{color:#439ffa;}
.navbar-nav.nav-panel>li .dropdown-menu button img, .navbar-nav.nav-panel>li.active .dropdown-menu button img{vertical-align: -3px;margin: 0 15px 0 5px;}
.navbar-nav.nav-panel>li [class^='icon-']{margin-top:-3px;background:url(/images/sprites/navbar-ico.svg) no-repeat;width:22px;height: 22px;}
.navbar-nav.nav-panel>li .icon-profile{background-position:0px 0px;}
.navbar-nav.nav-panel>li .icon-notification{background-position:0px -22px;}
.navbar-nav.nav-panel>li .icon-help{background-position:0px -66px;}
.navbar-nav.nav-panel>li .icon-logout{background-position:0px -44px; position: relative; top: -7px;}
.navbar-nav.nav-panel>li .icon-contact{background-position:0px -88px;}
.navbar-nav.nav-panel>li.active .icon-profile{background-position:-22px 0px;}
.navbar-nav.nav-panel>li.active .icon-notification{background-position:-22px -22px;}
.navbar-nav.nav-panel>li.active .icon-help{background-position:-22px -66px;}
.navbar-nav.nav-panel>li.active .notification{border:1px solid #82c0fb;}
.navbar-nav.nav-panel>li.active .icon-contact{background-position:-22px -88px;}
.navbar-nav.nav-panel.nav-panel-mobile>li button {
    position: relative;
    padding:19px 26px 0px 26px !important;
    height:55px;color:#439ffa;letter-spacing:0.4px;
    border: none;
    background: none;
    width: 100%;}
.navbar-nav.nav-panel .notification{
    position:absolute;top:8px;right:10px;z-index: 100;
    font-family:'Roboto-Light';font-size: 10px;
    min-width:22px;height:22px;border-radius:50%;
    text-align:center;line-height:21px;
    background-color:#FF1313;color:#fff;border:1px solid #fff;}
.wrapper-lng{border-left: 1px solid #e8eeef;text-transform: uppercase;}
.wrapper-lng .dropdown{font-family: 'Roboto-Medium';color:#439ffa;}
.navbar-nav.nav-lng>li{position: relative;padding-left:10px;padding-right:10px;text-transform:uppercase;}
.navbar-nav.nav-lng>li:first-child{padding-left:0;}
.navbar-nav.nav-lng>li:last-child{padding-right:0;}
.navbar-nav.nav-lng>li:not(:last-child):after{
    position: absolute;
    content:'|';
    right:-3px;
    top:18px;}
.navbar-nav.nav-lng>li>a{padding-left:0;padding-right:0;}
.navbar-nav.nav-lng>.active>a, .navbar-nav.nav-lng>.active>a:hover{font-family:'Roboto-Medium';background-color: transparent;}
.nav-child{margin-top:9px;padding:0 25px;}
.nav-child>li {display:inline-block;margin: 0 5px;}
.nav-child>li:first-child{margin-left: 0;}
.nav-child>li:last-child{margin-right: 0;}
.nav-child .ico-child{
    border-radius: 50%;}
.nav-child .ico-child{width:37px;height:37px;border: 2px solid #fff;}
.nav-child .ico-child img{width:33px;height:33px;vertical-align: -11px;background-color: #fff;}
.nav-child .initials{text-align: center;}
.nav-child .inc{color:#fff;line-height: 35px;}
.bg-child-1{background-color: #dd4b81;}
.bg-child-2{background-color: #ec504f;}
.bg-child-3{background-color: #f99151;}
.bg-child-4{background-color: #f7c407;}
.bg-child-5{background-color: #49c177;}
.bg-child-6{background-color: #06a699;}
.bg-child-7{background-color: #5c7fda;}
.bg-child-8{background-color: #c75097;}
.nav-child>li.active .ico-child, .dropdown-height.nav-child .active{border:2px solid #82c0fb;}
.nav-child>li:hover{cursor: pointer;}
.nav-child>li.active:hover{cursor: default;}
.dropdown-height.nav-child{margin-top: 0;}
.dropdown-height.nav-child .active {display:inline-block;border:2px solid #82c0fb;}
.dropdown-height.nav-child .ico-child{line-height: 35px;margin-left:20px;}
/* Sidebar
---------------------------------------- */
.nav-sidebar .profile{text-align: center;margin-bottom: 65px;}
.nav-sidebar .profile .avatar{
    display: block;margin:35px auto 17.5px auto;
    width:95px;height:95px;border-radius: 47.5px;}
.nav-sidebar .profile .avatar.default{width:95px;height:95px;background: url(/images/avatars/avatar_default.svg) no-repeat -230px -110px;}
.nav-sidebar .profile ._cursor {cursor: default;}
.nav-sidebar .profile .F1{
    padding:0 20px;word-break: break-all;}
.nav-sidebar .profile .F2{
    color:#808080;margin:9px auto 30px auto;padding: 0 20px}
.nav-sidebar .profile .F2:first-letter{
    text-transform: capitalize;}
.nav-section{
    text-align: left;list-style: none;
    margin-left: 4px;margin-bottom: 60px;}
.nav-section li{position:relative;min-height: 50px;border-top: 1px solid #e8eeef;padding: 15px 15px 15px 30px;}
.nav-section li:last-child{border-bottom: 1px solid #e8eeef;}
.nav-section li a{text-decoration: none;}
.nav-section li a.active{font-family:'Roboto-Medium';color:#439ffa;}
ul.nav-section >li [class^='ico_']{
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 16px;
    height:16px;}
.nav-section .ico_today{background:url(/images/nav-section-icons.svg) no-repeat;background-position: 0px 0px;}
.nav-section li a:hover .ico_today, .nav-section li a.active .ico_today{background-position: -16px 0px;}
.nav-section .ico_daybook{background:url(/images/nav-section-icons.svg) no-repeat;background-position: 0px -16px;}
.nav-section li a:hover .ico_daybook, .nav-section li a.active .ico_daybook{background-position: -16px -16px;}
.nav-section .ico_journal{background:url(/images/nav-section-icons.svg) no-repeat;background-position: 0px -32px;}
.nav-section li a:hover .ico_journal, .nav-section li a.active .ico_journal{background-position: -16px -32px;}
.nav-section .ico_rating{background:url(/images/nav-section-icons.svg) no-repeat;background-position: 0px -48px;}
.nav-section li a:hover .ico_rating, .nav-section li a.active .ico_rating{background-position: -16px -48px;}
.nav-section li.nav-section-class{height:auto;padding: 25px 10px 11px 26px;}
.nav-section-class a{display: block;min-height: 0;line-height: normal;margin-bottom: 13px;}
.nav-section-class a.was{color:#808080;}
.navbar-backdrop.show{
    display:block;height: 100%;min-height: 100vh;
    position: fixed;top: 0;right: 0;bottom: 0;left: 0;
    background-color:rgba(115,125,130,0.5);
    overflow-x: hidden;overflow-y: auto;z-index: 1009;}
/* Button
---------------------------------------- */
.profile .btn-blue, .profile .btn-white{
    display:block;max-width: 135px;
    margin: 0 auto 10px auto;text-decoration: none;}
.profile [class^='btn-general']:last-child{ margin-bottom: 0;}
.journal .btn-white, .magazine .btn-white, .help-form .btn{min-width: 135px;}
.case-referral .btn-blue {min-width: 205px;}
.block-modify-package .btn-blue, .profile-tariff .btn-white{display:block;margin:0 auto;}
/* Block modify package
---------------------------------------- */
.block-modify-package{text-align: center;padding: 0 30px;}
.block-modify-package span:first-child{display:block;font-style: italic;margin-bottom: 20px;}
/* Today content
---------------------------------------- */
.weekday{text-transform: capitalize;display: inline-block;}
.today-help{
    max-width: 418px;margin:12px auto 31px auto;
    text-align: center;}
.today-diary{
    position: relative;
    max-width: 580px;margin: 0 auto;}
.today-diary .desc{
    font-family:'Roboto-Medium';font-size: 25px;line-height: 51px;color:#262f35;text-align: center;}
.today-diary .numeric{
    font-family:'Roboto-Thin';font-size: 100px;line-height: 82px;margin-top:16px;color:#439ffa;text-align: center;}
.today-diary .line{
    position: absolute;top:171px;
    width:100%;height:2px;background-color: #cfd9e2;}
ul.subject-block{
    margin:38px 0 73px 0;padding: 0;
    list-style: none;list-style-position: outside;}
.estimate-block{
    display: inline-block;width:100px;margin-right:15px;text-align: right;float: left;}
.estimate{
    display: inline-block;line-height:31px;
    text-align: center;font-size: 18px;
    min-width:30px;height:30px;border-radius:14.5px;
    background-color:#82c0fb;color:#fff;
    margin:0 5px 5px 0;padding: 0 8px;}
.subject-block li{margin-bottom: 5px;float: left;width: 100%;}
.subject-block .subject{vertical-align: middle;display: table;min-height: 30px;margin-bottom: 5px;}
.subject-block .subject-cell{display: table-cell;vertical-align: middle;}
.hooky{text-align:center;padding-top: 7.4px;}
.tomorrow, .tomorrow-next{font-family:'Roboto-Medium';font-size: 25px;text-transform: capitalize;}
.tomorrow-next{text-transform: none;}
.tomorrow-date{line-height:10px;color:#808080; }
.tomorrow-date:first-letter{
    text-transform: capitalize;}
.diary-tomorrow{margin:18px 0 0 0;}
.diary-tomorrow .table>thead>tr>th {font-family:'Roboto-Bold';vertical-align: top;padding: 12px 0;border-bottom: 2px solid #cfd9e2;}
.diary-tomorrow .table>thead:first-child>tr>th:nth-child(1), .diary-tomorrow .table>thead:first-child>tr>th:nth-child(2), .diary-tomorrow .table>tbody>tr>td:nth-child(1), .diary-tomorrow .table>tbody>tr>td:nth-child(2){width:125px;}
.diary-tomorrow .table>tbody>tr>td:nth-child(3) div:first-child{width:330px;white-space: normal;}
.diary-tomorrow .table>tbody>tr>td{vertical-align: middle;padding-right: 15px;}
.diary-tomorrow .table>tbody>tr>td:last-child .block-modify-package{word-break: normal;}
/* Diary content
---------------------------------------- */
.navigation-tab{max-width:895px;margin: 35px auto;}
.nav-tab-item2{max-width: 600px;}
.navigation-tab ul{position:relative;padding:0;margin: 0;}
.navigation-tab ul li{
    position:relative;display:inline-block;width:245px;height:40px;line-height:36px;
    text-align:center;border-radius:20px;border:2px solid #cfd9e2;cursor: pointer;
    background-color: #f8fcfe;}
.navigation-tab ul li:before{position:absolute;content:'';left:0;top:17px;height:2px;background-color: #cfd9e2;}
.navigation-tab ul li:after{position:absolute;content:'';right:0;top:17px;height:2px;background-color: #cfd9e2;}
.navigation-tab ul li:nth-child(n):before{left:-27px;width:25px;}
.navigation-tab ul li:nth-child(n){margin-left:50px;cursor: pointer;}
.navigation-tab ul li:nth-child(n):after{right:-27px;width:25px;}
.navigation-tab ul li:first-child{margin-left: 30px;}
.navigation-tab ul li:first-child:before{left:-32px;width:30px;}
.navigation-tab ul li:last-child:after{right:-32px;width:30px;}
.navigation-tab ul li.active{border:2px solid #82c0fb;cursor: text;}
.navigation-tab ul li.active:before{background-color: #82c0fb;}
.navigation-tab ul li.active:after{background-color: #82c0fb;}
.diary-parents{margin:18px 0 0 0;}
.diary-parents .table>tbody>tr>td{vertical-align: middle;}
.diary-parents .table>thead>tr>th{font-family:'Roboto-Bold';vertical-align: top;padding: 12px 0;border-bottom: 2px solid #cfd9e2;}
.diary-parents .table>thead:first-child>tr>th:nth-child(1), .diary-parents .table>tbody>tr>td:nth-child(1) div:first-child{width:35px;}
.diary-parents .table>thead:first-child>tr>th:nth-child(2), .diary-parents .table>tbody>tr>td:nth-child(2) div:first-child{width:80px;}
.diary-parents .table>thead:first-child>tr>th:nth-child(3), .diary-parents .table>tbody>tr>td:nth-child(3) div:first-child{width:115px;}
.diary-parents .table>thead:first-child>tr>th:nth-child(4), .diary-parents .table>tbody>tr>td:nth-child(4) div:first-child{width:125px;padding-right: 15px;}
.diary-parents .table>thead:first-child>tr>th:nth-child(5), .diary-parents .table>tbody>tr>td .homework{width:310px;white-space: normal;}
.diary-parents .table>thead:first-child>tr>th:nth-child(6), .diary-parents .table>tbody>tr>td:last-child{text-align: right;max-width:90px;}
.skip{
    display: inline-block;line-height:31px;
    text-align: center;font-size: 18px;
    min-width:29px;height:29px;border-radius:14.5px;
    background-color:#f13a3a;color:#fff;
    padding: 0 2px;}
.diary-parents .estimate{margin-right:1px;}
.diary-parents .estimate:nth-child(-3n+9){margin-right: 0;}
.diary-parents .block-est .estimate:last-child{margin-right: 0;}
/*  Teachers Schedule
---------------------------------------- */
.case-empty .line{margin:40px auto;width:100%;height:1px;background-color: #e8eeef;}
.case-empty .calendar, .case-empty .envelope{margin:20px auto 0px auto;width:250px;height:250px;background:url(/images/sprites/dummy.svg) no-repeat scroll;}
.case-empty .calendar{background-position: 0px 0px;}
.case-empty .envelope{background-position: 0px -250px;}
.schedule-nav-prev, .schedule-nav-next{display:inline-block;width:30px;height:30px;vertical-align: middle;}
.schedule-nav-prev{background:url(/images/btn-teacher-today.svg) no-repeat scroll 0px 0px transparent;}
.schedule-nav-prev:hover{background-position:0px -30px;}
.schedule-nav-next{background:url(/images/btn-teacher-today.svg) no-repeat scroll -30px 0px transparent;}
.schedule-nav-next:hover{background-position:-30px -30px;}
.schedule-nav-prev:hover, .schedule-nav-next:hover{text-decoration: none;cursor: pointer;}
.table.schedule-teacher-nav{margin: 14px 0;}
.table.schedule-teacher-nav>tbody>tr>td{border:0;vertical-align: middle;}
.table.schedule-teacher-nav>tbody>tr>td:nth-child(1), .table.schedule-teacher-nav>tbody>tr>td:nth-child(5){max-width:50px;width:50px;}
.table.schedule-teacher-nav>tbody>tr>td:nth-child(2), .table.schedule-teacher-nav>tbody>tr>td:nth-child(4){max-width:130px;width:130px;}
.table.schedule-teacher-nav>tbody>tr>td:nth-child(3){text-align: center;}
.table.schedule-teacher-nav>tbody>tr>td:nth-child(4), .table.schedule-teacher-nav>tbody>tr>td:nth-child(5){text-align: right;}
.schedule-teacher-nav .F3{margin: -10px auto -5px auto;}
.table.schedule-teacher>thead>tr>th {vertical-align: top;padding: 12px 5px 12px 0;border-bottom: 2px solid #cfd9e2;}
.table.schedule-teacher>thead:first-child>tr>th:nth-child(1){width:65px;padding-left: 15px;}
.table.schedule-teacher>thead:first-child>tr>th:nth-child(2){width:126px;}
.table.schedule-teacher>thead:first-child>tr>th:nth-child(3){width:90px;}
.table.schedule-teacher>thead:first-child>tr>th:nth-child(4){width:229px;}
.table.schedule-teacher>thead:first-child>tr>th:nth-child(5){width:120px;padding-right:15px;}
.table.schedule-teacher>tbody {border-top: 1px solid #e8eeef;}
.table.schedule-teacher>tbody>tr>td{vertical-align: middle;border-top: none;/*word-wrap:break-word;white-space: pre-line;word-break: break-all;*/}
.table.schedule-teacher>tbody>tr>td:nth-child(1){max-width:65px;padding-left: 15px;}
.table.schedule-teacher>tbody>tr>td:nth-child(2){max-width:126px;}
.table.schedule-teacher>tbody>tr>td:nth-child(3){max-width:90px;}
.table.schedule-teacher>tbody>tr>td:nth-child(4){max-width:229px;}
.table.schedule-teacher>tbody>tr>td:nth-child(5){max-width:120px;padding-right:15px;}
.table.schedule-teacher>tbody>tr>td.top {vertical-align: top;}
.table.schedule-teacher>tbody>tr:hover{cursor:pointer;}
.table.schedule-teacher>tbody.group>tr>td {padding-top: 5px;padding-bottom: 5px;}
.table.schedule-teacher>tbody.group>tr.first>td {padding-top: 5px;}
.table.schedule-teacher>tbody.group>tr.last>td {padding-bottom: 5px;}
/* General for journal and magazine
---------------------------------------- */
.journal, .magazine{
    position: relative;
    max-width: 755px;margin: 0 auto;}
.dop-parts{margin: 35px 0;}
.dop-parts.-first{margin-top: 0;}
.dop-parts .dop-button{margin-top: 15px;}
.dop-parts .item{margin: 0 0 15px 0;}
.dop-parts .item:last-child{margin:0;}
.group-magazine .item {margin-bottom: 35px;}
.-left form{margin-right: 48px;}
.-right .F1, .-right form{margin-left: 18px;}
.journal .form-group:not(:last-child), .magazine .form-group:not(:last-child){margin-bottom: 10px;}
.journal .form-group:last-child, .magazine .form-group:last-child{margin-bottom: 0px;}
/* Teachers today journal
---------------------------------------- */
.journal .homework{max-width: 280px;margin-top:5px !important;}
.-journal .table{margin-bottom: 0px !important;}
.thead-indent{padding-left:0 !important;}
.table-journal>thead>tr>th{padding: 0 0 4px 0;border: 0;}
.table-journal>thead>tr:first-child>th{font-family:'Roboto-Medium';color:#262f35;text-align:left !important;padding-bottom: 0;}
.table-journal>thead>tr:first-child>th:not(:last-child){text-transform: capitalize;}
.table-journal>thead>tr>th:not(:first-child):not(.av-mark):not(:last-child){text-align:center;color:#808080;}
.table-journal>thead>tr>th:last-child{padding-right:0;padding-left:14px;}
.table-journal>thead>tr>th.last {border-left:2px solid #cfd9e2;}
.table-journal>thead>tr:last-child>th:last-child{color:#808080;}
.table-journal>thead>tr>th:first-child, .table-journal>tbody>tr>td:first-child{
    min-width:170px;
    max-width: 170px;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 1px solid #e8eeef;}
.table-journal>thead>tr:last-child>th:not(:first-child), .table-journal>tbody>tr>td:not(:first-child):not(:last-child){min-width:40px;}
.table-journal>thead>tr>th.av-mark, .table-journal>thead>tr>th.quarter-mark{position:relative;vertical-align:top;min-width:95px;text-transform:none !important;border-bottom: 1px solid #cfd9e2;}
.sortMagazine{position: relative;}
.sortMagazine .sorting{
    left: 149px;
    top: 20px;
    z-index: 500;}
.sorting{
    position: absolute;
    right: 5px;
    bottom: 8px;}
.sorting:hover{cursor:pointer;}
.sorting .ico, .test .ico{
    width:16px;height:15px;
    background:url(/images/sprites/sorting.svg) no-repeat 0px 0px;}
.sorting .ico:hover{background-position:-16px 0px;}
.table-journal>thead>tr>th[class*='today-action'], .table-journal>tbody>tr>td[class*='today-action']{min-width:105px !important;}
.table-journal>tbody>tr>td[class*='today-action']{text-align: left !important;padding: 3px 0 5px 0 !important;}
.table-journal>thead>tr>th.today-action-half + .today-action {text-align: center;padding-left: 0;padding-right: 0;}
.table-journal>tbody>tr>td{border-right: 1px dashed #e8eeef;}
.table-journal>tbody>tr>td:first-child{border-left: none;}
.table-journal>tbody>tr>td:not(:first-child):not(:last-child){text-align: center;}
.table-journal>tbody>tr>td{padding: 6px 0 3px 0;vertical-align: middle;}
.table-journal>tbody>tr:nth-child(5n+5){border-bottom: 2px solid #e8eeef;}
.table-journal>thead>tr:first-child>th.month{text-align:left;padding-left:12px;}
.table-journal>thead>tr>th.month, .table-journal>tbody>tr>td.month{border-right: 1px solid #e8eeef;}
.table-journal>tbody>tr>td .mark-cell {display: inline-block;width: 100%;}
.table-journal>tbody>tr>td .miss-cell {display: inline-block;width: 100%;}
.table-hover>tbody>tr:hover {background-color: rgba(223, 240, 248, 0.6);}
.table-journal>tbody>tr:hover{cursor: pointer;}
.table-journal>tbody>tr>td:hover{background-color:#f0f5f9 !important;}
.table-journal .mark, .table-journal .skip{
    display: inline-block;line-height:22px;
    text-align: center;font-size: 13px;
    min-width:21px;height:20px;border-radius:10px;
    color:#fff;padding: 0 2px;}
.table-journal .mark{background-color:#82c0fb;}
.table-journal .skip{background-color:#f13a3a;}
.table-journal>tbody>tr:last-child>td, .table-journal>tbody>tr:last-child{border-bottom:2px solid #cfd9e2;}
.table-journal>thead>tr:last-child{border-bottom: 1px solid #cfd9e2;}
.table-journal>thead>tr:last-child>th.today-action, .table-journal>tbody>tr:last-child>td.today-action{min-width: 105px;width: auto !important;}
.table-journal>tbody>tr>td.today-action-half, .table-journal>tbody>tr>td.today-action{
    border-left:2px solid #c3e2ff;
    border-right: none;
    background-color: rgba(223, 240, 248, 0.6);}
#scrolling_wrapper .DTFC_LeftBodyLiner .table-journal>tbody>tr>td:hover{background-color:#fff !important;cursor: default;}
#scrolling_wrapper .dataTables_scrollBody{position: static !important;}
#scrolling_wrapper .dataTables_scrollBody thead, #scrolling_wrapper .DTFC_LeftBodyLiner thead {height: 0px !important;}
#scrolling_wrapper .dataTables_scrollBody thead tr:first-child, #scrolling_wrapper .DTFC_LeftBodyLiner thead tr:first-child{height: 0px !important;border-top: 1px solid #cfd9e2;}
#scrolling_wrapper .dataTables_scrollBody thead tr + tr, #scrolling_wrapper .DTFC_LeftBodyLiner thead tr + tr {display: none;}
#scrolling_wrapper .dataTables_scrollBody thead tr, #scrolling_wrapper .DTFC_LeftBodyLiner thead tr{border-bottom: 0;}
#scrolling_wrapper .dataTables_scrollBody thead tr th, #scrolling_wrapper .DTFC_LeftBodyLiner thead th {padding-bottom: 0 !important;}
#scrolling_wrapper .dataTables_scrollBody tr:first-child td, #scrolling_wrapper .DTFC_LeftBodyLiner tr:first-child td {border-top: none;}
#scrolling_wrapper .DTFC_LeftBodyLiner tr td {line-height: 17px;}
#scrolling_wrapper .DTFC_LeftWrapper .table-journal>thead>tr>th{border-left: 0;}
#scrolling_wrapper .DTFC_RightWrapper {visibility: hidden;}
.journal-action{text-align: center;}
.journal-action [class^='j-']{display:none !important;background-color:#d7dcdd;border-radius:8px;}
.journal-action [class^='j-']:hover{background-color:#c3e2ff;}
.table-journal td:hover .journal-action [class^='j-']{display:inline-block !important;}
.journal-action [class^='j-']:not(.j-comment){
    text-align: center;color:#fff;
    min-width: 24px;vertical-align: middle;
    margin-right: 5px;}
.journal-action .j-comment{background:#e8eeef url(/images/message_bubble.svg) no-repeat center center;width: 25px;height:20px;vertical-align: -5px;padding:2px;}
.journal-action [class$='-view'], .journal-action .j-skip.active{display:inline-block !important;background-color:transparent;color:#262f35 !important;}
.journal-action .j-skip.active:hover{color:transparent !important;background:#e8eeef url(/images/X.svg) no-repeat center center;}
.journal-action [class$='-view']:hover{background-color:#82c0fb;color:#fff !important;}
/* Annual magazine
---------------------------------------- */
.annual-magazine>thead>tr>th{position: relative;vertical-align: top;font-family:'Roboto-Medium';}
.annual-magazine>thead>tr>th:not(:first-child), .annual-magazine>tbody>tr>td:not(:first-child){width: 115px;}
.annual-magazine>tbody>tr:nth-child(5n+5){border-bottom: 2px solid #e8eeef;}
.annual-magazine>thead>tr>th{border: 0;}
.annual-magazine>thead>tr, .annual-magazine>tbody>tr:last-child{border-bottom:2px solid #cfd9e2;}
.annual-magazine>thead>tr>th:not(:last-child), .annual-magazine>tbody>tr>td:not(:last-child){border-right:1px solid #e8eeef}
.annual-magazine>thead>tr>th:not(:first-child):not(:last-child), .annual-magazine>tbody>tr>td:not(:first-child){text-align:center;}
.annual-magazine>thead>tr>th:first-child, .annual-magazine>thead>tr>th:last-child{padding-right: 25px;}
.annual-magazine>thead>tr>th:last-child{padding-left: 5px;}
.annual-magazine>tbody>tr>td{padding: 6px 0 5px 0;}
.annual-magazine>tbody>tr>td:last-child:hover{cursor: pointer;background-color:#ecf4f5;}
.annual-magazine td:hover .journal-action [class^='j-']{display:inline-block !important;}
/* Information on Payments
---------------------------------------- */
.payments-block>thead>tr>th{padding: 14px 0;font-family:'Roboto-Medium';color:#262f35;}
.payments-block>thead>tr>th:not(:first-child), .payments-block>tbody>tr>td:not(:first-child){width: 115px;}
.payments-block>tbody>tr:nth-child(5n+5){border-bottom: 2px solid #e8eeef;}
.payments-block>thead>tr>th{border: 0;}
.payments-block>thead>tr, .payments-block>tbody>tr:last-child{border-bottom:2px solid #cfd9e2;}
.payments-block>thead>tr>th:not(:first-child), .payments-block>tbody>tr>td:not(:first-child){text-align:center;}
.payments-block>tbody>tr>td{padding: 10px 0;}
.payments-block>tbody>tr>td:last-child:hover{cursor: pointer;background-color:#ecf4f5;}
/* Teachers&Parents magazine
---------------------------------------- */
.magazine .panel-dropdown-magazine {margin-bottom: 35px;}
.magazine .panel-dropdown-magazine div[class^='col-']:nth-child(3){padding-left:22px;}
.magazine .table-journal>thead>tr:first-child>th.month{padding-left:9px;}
.magazine .table-journal>thead>tr>th:last-child{padding-left:0;text-align: center;}
.magazine .av-mark, .magazine .quarter-mark{padding: 0 5px 4px 5px !important;border-left:2px solid #cfd9e2 !important;}
.magazine .table-journal>tbody>tr>td {padding: 5px 0 6px 0;vertical-align: inherit;}
.magazine #scrolling_wrapper .dataTables_scrollBody .table-journal>tbody>tr>td:nth-last-child(2), .magazine #scrolling_wrapper .dataTables_scrollBody .table-journal>tbody>tr>td:last-child{text-align: center;}
.magazine #scrolling_wrapper .dataTables_scrollBody .table-journal>tbody>tr>td:nth-last-child(2) {cursor: default;}
.magazine .table-journal>tbody>tr>td:last-child{border-right:0;padding-right: 0;}
.magazine .table-journal>tbody>tr>td:nth-last-child(2), .magazine .table-journal>tbody>tr>td:last-child{border-left:2px solid #cfd9e2; min-width: 95px !important;}
.magazine .table-journal>thead>tr:last-child>th:not(:first-child), .magazine .table-journal>tbody>tr>td:not(:first-child):not(:last-child) {min-width: 30px;}
.magazine .DTFC_LeftBodyLiner .table-journal>tbody>tr>td:last-child{border-left: none;border-right: 1px solid #e8eeef;}
.magazine .DTFC_LeftBodyLiner thead tr:first-child th {
    height: 1px !important;
}
.magazine .journal-action{margin: 0;height: 20px;}
.magazine .journal-action [class^='j-']:not(.j-comment){margin-right: 0;padding:0;}
.parent .table-journal>tbody>tr:hover {
    cursor: default;
}
.magazine .dop-parts .item .-left {margin-bottom: 35px;}
/* Teachers (groups) magazine
---------------------------------------- */
.group-magazine {margin-bottom: 70px;}
.group-magazine.last {margin-bottom: 0;}
.group-magazine .form-group-btn {position: relative;padding-right: 200px;}
.group-magazine .form-control {margin-top: 6px;}
.group-magazine .form-group-btn .btn {position: absolute;right: 0;bottom: 0;}
.group-magazine__info {margin-bottom: 20px;}
/* Popover marks
---------------------------------------- */
.popover{
    display: inline-block !important;
    box-shadow: 0px 2px 10px 1px rgba(192,192,192,0.4);
    min-width:215px;
    border:0;}
.popover.top>.arrow{border-top-color: transparent;}
.popover.bottom>.arrow{border-bottom-color: transparent;}
.popover-content{padding:0}
.popover-marks{padding:10px 20px;}
.panel-marks-close{
    position: absolute;top:15px;right:15px;
    width: 13px;height: 12px;
    background:url(/images/sprites/panel-close.png) no-repeat 0px 0px;}
.panel-marks-close.period{right:10px;}
.panel-marks-close:hover{cursor: pointer;}
.panel-marks-title{margin: 0 0 6px 1px;}
.panel-marks-general.active .marks-input-general{width: 80px;}
.panel-marks-general [class^='marks-input-']:not(:last-child){margin-right: 3px;}
.marks-input-general{
    width: 120px;
    padding: 10px 13px;

    outline: none;
    border: none;

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background: #f1f5f8;}
.ico-double-marks{
    display:inline-block;
    vertical-align: bottom;
    width:39px;height:41px;
    background:url(/images/sprites/panel-marks-buttons.svg) no-repeat -39px 0px;
    border: none;
    border-radius: 0px !important;}
.ico-double-marks.remove{display:none;}
.ico-double-marks.disabled{background-position: 0px 0px;}
.ico-double-marks:active{background-position: -78px 0px;}
.panel-marks-buttons-general{margin: 5px 0 0 0;}
.panel-marks-buttons-general [class^='ico-']{
    display:inline-block;
    width:36px;height:36px;
    background:url(/images/sprites/panel-marks-buttons.svg) no-repeat;
    text-align:center;
    vertical-align: bottom;}
.panel-marks-buttons-general [class^='ico-']{margin-right: 2px;}
.panel-marks-buttons-general .ico-absence span{vertical-align: -9px;font-size: 17px;}
.panel-marks-buttons-general .ico-absence{background-position: 0px -41px;color:#d0dae3;}
.panel-marks-buttons-general .ico-comment{background-position: 0px -77px;}
.panel-marks-buttons-general .ico-delete{background-position: 0px -113px;}
.panel-marks-buttons-general .ico-absence:hover{background-position: -36px -41px;color:#7ED012;}
.panel-marks-buttons-general .ico-comment:hover{background-position: -36px -77px;}
.panel-marks-buttons-general .ico-delete:hover{background-position: -36px -113px;}
.panel-marks-buttons-general .ico-absence.disabled:hover{background-position: 0px -41px;}
.panel-marks-buttons-general .ico-delete.disabled:hover{background-position: 0px -113px;}
.panel-marks-buttons-general .ico-absence.disabled:hover, .panel-marks-buttons-general .ico-delete.disabled:hover{color:#d0dae3;cursor:default;}
.panel-marks-buttons-general .ico-absence.active{background-position: -72px -41px;}
.panel-marks-buttons-general .ico-absence.active span{color:#fff;}
.panel-marks-buttons-general .btn-green-icon{
    display:inline-block;
    width:51px;height:36px;
    background:url(/images/sprites/panel-marks-buttons.svg) no-repeat;
    background-position: 0px -149px;
    vertical-align: bottom;
    border:none;}
.panel-marks-buttons-general .btn-green-icon:hover{background-position: -51px -149px;}
.panel-marks-buttons-general .btn-green-icon:active{background-position: -51px -185px;}
.panel-marks-buttons-general .btn-green-icon.disabled{background-position: 0px -185px;}
.panel-marks-general-period .marks-input-general{width: 80px;}
.panel-marks-general-period, .panel-marks-buttons-general.period{display: inline-block;vertical-align: middle;}
.panel-marks-buttons-general.period{margin: 0 0 0 4px;}
.panel-marks-buttons-offline{background:url(/images/sprites/panel-marks-buttons.svg) no-repeat;}
/* Popover marks point-20
---------------------------------------- */
.popover.rating-system-point-20{min-width:235px;}
.popover.rating-system-point-20.-lg{min-width:450px;}
.rating-system-point-20 .popover-marks{padding: 30px;}
.rating-system-point-20 .panel-marks{font-family:'Roboto-Medium';}
.rating-system-point-20 .panel-marks .marks{font-size: 16px;margin-right: 5px;}
.rating-system-point-20 .panel-marks .marks:nth-child(5n){margin-right: 0;}
.rating-system-point-20 .panel-marks .part:not(:only-of-type){display: block;max-width: 175px;}
.rating-system-point-20 .panel-marks .part.active{text-align: right;border-left:1px solid #EEEEEE;max-width: 194px;}
.rating-system-point-20 .panel-marks-buttons{margin: 11px 0 0 0;}
.rating-system-point-20 .panel-marks-buttons [class^='ico-']:not(:last-child){margin-right: 2px;}
/* Review Block
---------------------------------------- */
.review textarea.form-control {height: 150px;}
.review .today {line-height: 45px;}
.review .today-help {margin-bottom: 45px;}
.circle-success {margin-top: 70px;margin-bottom: 55px;width: 100%;text-align: center;}
/* About Block
---------------------------------------- */
.about .today-help {text-align: left;margin: 0px 0 35px 0;}
.donwload-app {margin-top: 45px;}
.download-buttons {margin-top: 20px;}
.download-buttons a {
    position: relative;
    display: inline-block;text-decoration: none;
    padding: 0 20px 0 50px;margin-right: 10px;}
.download-buttons a:last-child {margin-right: 0;}
.download-buttons .download-apple:before, .download-buttons .download-android:before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 50%;
    background: url(/images/sprites/stores.svg) no-repeat;
    background-size: 300%;}
.download-buttons .download-apple:before{margin-top: -14px;width: 21px;height: 24px;background-position: 0px 0px;}
.download-buttons .download-android:before{margin-top: -13px;width: 22px;height: 25px;background-position: 0px -26px;}
.download-buttons .download-apple:hover:before {background-position: -42px 0px;}
.download-buttons .download-android:hover:before { background-position: -44px -26px;}
/* Help Block
---------------------------------------- */
.help .today-help {margin-bottom: 45px;}
.help-contacts-name {
    margin-top: 10px;margin-bottom: 10px;
    height: 40px;width: 100%;
    display: inline-block;}
.help-form {margin-top: 45px;width: 100%;}
.help-cell:nth-child(1) {padding-left: 70px;}
.help-cell:nth-child(2) {padding-right: 70px;}
.help-form-title {margin-bottom: 15px;}
.help-form-author {margin-top: 25px;float: left;position: relative;top: 5px;}
.help-form .form-group {margin-bottom: 25px;}
.help-form .form-group:nth-child(2) {margin-bottom: 0;}
.help-form .form-group:last-child {margin-bottom: 0;}
.help-form .btn {margin-top: 25px;margin-left: 30px;}
.contacts-mail {color: #262f35;}
.video-how-it-work {max-width: 640px;margin: 0 auto;}
.help .video-how-it-work {margin-top: 30px;}
.help .videoWrapper {height: 0;position: relative;padding-bottom: 51%;}
.help .videoWrapper iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/* Profile
---------------------------------------- */
.profile-ava {
    width: 110px;height: 110px;
    float: left;overflow: hidden;
    border-radius: 50%;}
.profile-ava img{width: 100%;height:100%;background-size: contain;}
.profile-ava .default{width:110px;height:110px;background: url(/images/avatars/avatar_default.svg) no-repeat -230px 0px;}
.profile-about {margin-left: 138px;}
.profile-name, .profile-section{margin-bottom: 10px;}
.profile-info p > span{width: 100%;display: inline-block;color: #808080;}
.profile-info-name {color: #262f35;}
.profile-section{margin: 35px 0 15px 0;}
.profile-help {margin-top: 45px;}
.profile-help .help-form {margin-top: 35px;}
.profile-ava-teacher {float: left;margin-top:26px;width: 230px;height: 230px;}
.profile-ava-teacher img{width: 100%;height:100%;background-size: contain;}
.profile-ava-teacher .default{width:230px;height:230px;background: url(/images/avatars/avatar_default.svg) no-repeat 0 0;}
.profile-teacher .profile-about {margin-left: 290px;}
.profile-help-teacher {text-align: center;margin-top: 25px;}
.profile-tariff{
    margin-top: 30px;
    padding-top: 25px;
    border-top: 2px dotted #cdd3d7;}
.profile-tariff .nav-child{margin-top: 0;padding-left: 0;}
.profile-tariff .table>tbody>tr:not(:first-child){border-top: 1px solid #e8eeef;}
.profile-tariff .table>tbody>tr>td {vertical-align: top;border-top: none;}
.profile-tariff .table>tbody>tr>td:nth-child(1){width:60px;}
.profile-tariff .table>tbody>tr>td:nth-child(2){width:110px;padding-right: 15px;}
.profile-tariff .table>tbody>tr>td:nth-child(3) div:first-child{width:260px;}
.profile-tariff .table>tbody>tr>td:last-child div:first-child{width:160px;text-align: center;white-space: normal;}
.profile-tariff-link {
    color: #439ffa;
    text-decoration: underline;
}
.profile-tariff-link:hover {
    text-decoration: none;
}
/* Payment block
---------------------------------------- */
.case-referral{
    max-width: 895px;margin:35px auto;
    background-color: #fff;border:1px solid #e9efef;}
.case-referral .cell{display: inline-table;}
.case-referral [class^='ad-']{
    display: table-cell;vertical-align: middle;
    width: 35%;min-height: 100%;height: 100%;
    background-position: 0px center;background-repeat: no-repeat;}
.case-referral .ad-fon{background-image: url(/images/referral-month.jpg);}
.case-referral .ad-confirm{background-image: url(/images/referral-confirm.jpg);}
.case-referral [class^='status-']{display: table-cell;vertical-align: top;width:65%;padding: 50px 43px;}
.case-referral [class^='status-'] .desc{margin: 25px 0; line-height: 1.8;}
.case-referral [class^='status-'] .errors{margin-bottom:5px;line-height: 1.8;color:#f53d3b;}
.case-referral input.form-control{max-width: 205px;height: 40px;padding: 0 0 0 13px;border:1px solid #e8edf1;}
.case-referral input.form-control.error{border-color:#f53d3b;}
.case-referral .form-group {margin-bottom: 35px;}
.case-tariff{max-width: 895px;margin:64px auto 0 auto;}
.case-tariff .row .tariff-package:not(:last-child){margin-right:20px;}
.case-tariff-wrapper{display: -webkit-box;display: -ms-flexbox;display: flex;}
.tariff-package {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;

    max-width: 285px;
    background-color: #fff;
    border-style: none solid solid solid;
    border-color: #e8eeee;
    border-width: 1px;}
.packeg-info [class^='package-']{
    position: relative;
    width: 283px;
    height: 100px;
    background:#fff url(/images/sprites/tariff.png) no-repeat center top;
    color:#fff;
    text-align: center;}
.packeg-info .package-1{background-position: 0px 0px;}
.packeg-info .package-2{background-position: 0px -100px;}
.packeg-info .package-3{background-position: 0px -200px;}
.packeg-info [class^='logo-']{
    position: absolute;margin: -32px 0 0 110px;
    background: url(/images/sprites/tariff_icons.svg) no-repeat;
    background-size: auto 100%;}
.packeg-info .logo-1{width: 65px;height: 65px;background-position: 0% 0%;}
.packeg-info .logo-2{width: 65px;height: 65px;background-position: 50% 0%;}
.packeg-info .logo-3{width: 65px;height: 65px;background-position: 100% 0%;}
.packeg-info .tariff-name{padding: 35px 0 0 0;}
.packeg-info ul {
    list-style-image: url(/images/point.svg);
    margin: 30px 0;
    padding-right: 15px;
    line-height: 1.8;}
.packeg-info li{margin-left: -3px;}
.packeg-info-foot {
    width: 100%;
    min-height: 100px;
    -ms-flex-item-align: end;
        align-self: flex-end;}
.packeg-info-foot [class^='col-']{padding: 20px 0 25px 25px;}
.packeg-info-foot .line{
    margin: 0 auto;
    max-width: 240px;height: 1px;
    background-color: #e0e0e0;}
.packeg-info-foot .cost div{display: inline;}
.packeg-info-foot .cent{vertical-align: 8px;}
.packeg-info-foot .currency{letter-spacing: 0.4px;vertical-align: baseline;}
.pay-block{max-width: 740px;margin: 0 auto;}
.pay-level ol{padding-left: 14px;margin:25px 0 0 0;}
.pay-level ol li{padding-bottom: 5px;}
.pay-video{
    max-width:740px;margin:38px auto 10px auto;
    position: relative;overflow: hidden;}
.pay-video .videoWrapper {
    width: 100%;
    background: url(/images/video_oops.jpg) no-repeat center center;
    background-size: cover;}
.pay-video .videoWrapper video { width: 100%;}
/* Notification New
---------------------------------------- */
.table-notification>tbody>tr>td{vertical-align: middle;}
.table-notification>tbody>tr>td:first-letter{text-transform: capitalize;}
.table-notification>tbody>tr:first-child>td{border: 0;}
.table-notification>tbody>tr:not(.checked):last-child>td{border-bottom: 1px solid #e8eeef;}
.table-notification>tbody>tr:nth-child(n+2)>td:first-child{width: 50px;}
.table-notification>tbody>tr:nth-child(n+2)>td:first-child .checkbox{margin: 0 0 0 10px;}
.table-notification>tbody>tr:nth-child(n+2)>td:nth-child(2){position: relative;width: 200px;}
.table-notification>tbody>tr:nth-child(n+2)>td:nth-child(2) div:nth-child(1){
    max-width: 200px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.table-notification>tbody>tr:nth-child(n+2)>td:nth-child(2) div:nth-child(2){font-size: 12px;}
.table-notification>tbody>tr:nth-child(n+2)>td:nth-child(3){
    width: 420px;
    max-width: 420px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.table-notification>tbody>tr:nth-child(n+2)>td:nth-child(4){
    width: 100px;
    max-width: 100px;}
.table-notification>tbody>tr.type:nth-child(n+2)>td:nth-child(2) div:nth-child(1), .table-notification>tbody>tr.type:nth-child(n+2)>td:nth-child(3){ color: #4B9CE9;}
.table-notification>tbody>tr.new:nth-child(n+2)>td:nth-child(2):after{
    content: '';
    position: absolute;
    right: 9px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    width: 6px;
    height: 6px;
    background: #4B9CE9;
    border-radius: 50%;}
.table-notification>tbody>tr.checked{background: #DEEFFF;}
.table-notification>tbody>tr.checked>td{border-top: 1px solid #fff;}
.table-notification>tbody>tr:not(:first-child):hover{cursor: pointer;border-left: 3px solid #B0D7FD;}
/* Notification incoming
---------------------------------------- */
.notification-header.fixed{
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 55px;
    padding-top: 15px;
    background: #fff;
    z-index: 1000;}
.notification-header{padding-bottom: 10px;border-bottom: 1px solid #CFD9E2;}
.notification-header .navigation{margin: 0 0 40px 0;}
.notification-header .row:nth-child(2){border-bottom: 1px solid #CFD9E2;}
.notification-header .row:nth-child(2) [class^='F']:first-letter{text-transform: capitalize;}
.addressee, .addressee-to{
    display: inline-block;
    height: 40px;
    line-height: 40px;}
.addressee{margin: 10px 15px 0 0;}
.addressee-to .item{display: inline-block;}
.addressee-to .item:not(:last-child){
    margin-top: 7px;
    margin-right: 20px;}
[class^='notification-'] [class^='role-']{
    margin-right: 3px;
    vertical-align: middle}
[class^='notification-'] .role-director, [class^='notification-'] .role-pupil, [class^='notification-'] .role-teacher, [class^='notification-'] .role-parent, [class^='notification-'] .role-class{width: 20px;height: 20px;}
.notification-body{
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #CFD9E2;}
.notification-body .row:nth-child(2){margin: 5px 0;}
.notification-body .date{font-size: 12px;margin-top: 20px;}
.notification-body .block-attachments{
    padding: 15px 10px;
    background: #F5F8FA;
}
.notification-answer, .notification-answer .block-btn-inline{margin-top: 20px;}
.notification-answer .block-btn-inline{text-align: right;}
.notification-answer .restrictions-rights{padding: 20px 0;color: #439ffa;}
.notification-show-all{position:relative;}
.notification-show-all hr {
    margin: 15px 0;
    border: none;
    background-color: #CFD9E2;
    height: 1px;}
.notification-show-all hr:nth-child(3){margin: 20px 0;}
.notification-show-all .letters{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background: #fff;
    padding: 0 30px;}
.notification-show-all .letters:hover{
    color: #4B9CE9;
    cursor: pointer;
}
/* Living search
---------------------------------------- */
tags-input.form-control{height: auto;padding: 0;}
tags-input.form-control[disabled] .tags, tags-input.form-control[disabled] .tags .input{background-color: inherit;border: 0;cursor: not-allowed;}
tags-input.form-control[disabled] .tags .input::-webkit-input-placeholder{color:#B1B1B1;}
tags-input.form-control[disabled] .tags .input:-ms-input-placeholder{color:#B1B1B1;}
tags-input.form-control[disabled] .tags .input::placeholder{color:#B1B1B1;}
tags-input.form-control[disabled] .tags .input:-ms-input-placeholder{color:#B1B1B1;}
tags-input.form-control[disabled] .tags .input::-ms-input-placeholder{color:#B1B1B1;}
tags-input .host {margin: 0;}
tags-input .host:focus{outline: none;}
tags-input.ng-invalid .tags, tags-input .tags.focused{
    box-shadow: none;}
tags-input .tags{
    padding: 8px 0 0 0;
    border: 0px solid transparent;
    box-shadow: none;
    height: auto;}
tags-input .tags .input {
    font: 14px 'Roboto-Regular';
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    float: none;}
tags-input .tags .input:focus{outline: none;}
tags-input .tags .tag-item {
    height: auto;
    line-height: 21px;
    margin: 0 5px 5px 0;

    font: 14px 'Roboto-Regular';
    color: #262F35;
    background: #E0E0E0;
    border-radius: 6px;
    border: 0px solid transparent;}
tags-input .tags .tag-item .remove-button.selected, tags-input .tags .tag-item .remove-button:active{color: transparent;}
tags-input .tags .tag-item .remove-button {
    display: inline-block;
    vertical-align: initial;
    font: 11px 'Roboto-Regular';
    color: transparent;

    width: 10px;
    height: 11px;
    background: url(/images/sprites/panel-close.svg) no-repeat 0 0;}
tags-input .autocomplete {
    margin-top: 0;
    padding: 0;
    border: 1px solid #DCDDDE;}
tags-input .autocomplete .suggestion-item {
    padding: 7px 10px 6px 20px;
    font: 14px "Roboto-Regular";
    color: #262F35;}
tags-input .autocomplete .suggestion-item:not(:last-child){border-bottom: 1px solid #DCDDDE;}
tags-input .autocomplete .suggestion-item em {font: 14px "Roboto-Bold";}
tags-input .autocomplete .suggestion-item.selected em, tags-input .autocomplete .suggestion-item.selected{background: #F3F3F3;color: #262F35;}
tags-input .autocomplete .suggestion-item .role{margin-top: 8px;font: 14px "Roboto-Light";}
[class^='role-']{
    display: inline-block;
    vertical-align: -14px;
    margin-right: 30px;

    background: url(/images/sprites/roles.svg) no-repeat;
    background-size: auto 100%;}
.role-director{width: 36px;height: 36px; background-position: 0% 0%;}
.role-pupil{width: 36px;height: 36px; background-position: 25% 0%;}
.role-teacher{width: 36px;height: 36px; background-position: 50% 0%;}
.role-parent{width: 36px;height: 36px; background-position: 75% 0%;}
.role-class{width: 36px;height: 36px; background-position: 100% 0%;}
/* Notification status  oldddddd
---------------------------------------- */
.status-msg {
    position: fixed;top: 55px;left: 50%;z-index: 1111;
    color: #fff;background: #bababa;border: 1px solid #b5b6b8;
    font-family: 'Roboto-Medium';
    width: 215px;text-align: center;
    padding: 10px;margin-left: -6px;border-radius: 0 0 5px 5px;border-top: none;}
.status-msg-err {background-color: #ffebeb;color: #ff5858;border-color:#ffbebe;}
.status-msg-succes{background-color: #5cb85c;color: #fff;border-color:#4cae4c;}
/* Ratings block
---------------------------------------- */
.nvd3 text {font: 14px 'Roboto-Regular',sans-serif;fill:#262f35;}
.ratings .dropdown .class {padding-left: 30px;}
.ratings hr {
    margin: 40px 0;
    height: 2px;
    background: #cfd9e2;
    width: 100%;}
.ratings__period .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    stroke-width: 11px !important;
    fill: #fff !important;
    fill-opacity: 1 !important;
    stroke-opacity: 1 !important;  }
.ratings__period .nv-area{opacity: 1;fill: #C5F0FF;}
.ratings__period .nvd3 .nv-axis path {stroke: #E5E5E1;}
.ratings__period .nvd3 .nv-axis.nv-x path.domain {stroke-opacity: 1;}
.ratings__period .nvd3 .nv-groups path.nv-line {stroke-width: 4px;}
.ratings__period .nvd3 text {fill: #a7a7a7;}
.ratings__piechart {max-width: 385px;margin: 0 auto;}
.ratings__piechart-wrapper {float: left;width: 210px;margin: -15px 0 0 -20px;}
.ratings__piechart_statistics {margin: 35px 0 0 200px;min-height: 175px;}
.ratings__piechart .nvd3.nv-pie .nv-pie-title{fill: #439ffa;font-size: 60px !important;}
.ratings__piechart .nvd3.nv-pie path {fill-opacity: 1;}
.ratings__piechart_mark {margin-top: 20px;padding-left: 25px;position: relative;}
.ratings__piechart_mark:first-child {margin-top: 0;}
.ratings__piechart_mark:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #4365fa;
    margin-right: 10px;
}
.ratings__piechart_mark:nth-child(2):before {background-color: #439EFB;}
.ratings__piechart_mark:nth-child(3):before {background-color: #82BFFC;}
.ratings__piechart_mark:nth-child(4):before {background-color: #A6DEFF;}
.ratings__piechart_mark:nth-child(5):before {background-color: #C5F0FF;}
.ratings__piechart .nvd3 .nv-pie .nv-pie-title{font-size: 60px !important;text-anchor: middle;}
.ratings__piechart .nvd3 .nv-pie .nv-pie-sub-title{text-anchor: middle;font-size: 15px;}
.ratings__place.case-content.-lg {border: none;margin-top: -30px;margin-bottom: -30px;padding: 0;background: none;}
.ratings__place_cell {background-color: #fff;border: 1px solid #e8eeef;padding: 20px 25px;margin-left: 5px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
}
.ratings__place-inner {max-width: 250px;margin: 0 auto;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.ratings__place .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
}
.ratings__place_wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33333333%;
            flex: 0 1 33.33333333%;
    float: none;
    width: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;}
.ratings__place_wrapper:first-child .ratings__place_cell{margin-left: 0;}
.ratings__place_wrapper:nth-child(1) .ratings__place-inner {
    background: #fff url(/images/place_class.png) no-repeat center;
    background-position: 100% center;}
.ratings__place_wrapper:nth-child(2) .ratings__place-inner {
    background: #fff url(/images/place_classes.png) no-repeat center;
    background-position: 100% center;}
.ratings__place_wrapper:nth-child(3) .ratings__place-inner {
    background: #fff url(/images/place_school.png) no-repeat center;
    background-position: 100% center;}
.ratings__place_number {font-size: 70px;line-height: 60px;color: #439ffa;}
.ratings__place_name {margin-top: 10px;margin-right: 100px;}
.ratings__place_text {margin-top: 5px;}
.rating__subject-title {margin-top: 20px;}
.rating__subject-subtitle {margin-top: 5px;}
.rating__subject_wrapper {margin-right: 150px;margin-bottom: -28px;}
.rating__subject_wrapper nvd3 {position: relative;top: -28px;}
.rating__subject_wrapper .nvd3 .nv-x .tick line{opacity: 0;}
.rating__subject_wrapper .nvd3 .nv-wrap .nv-group .nv-bar text{font-size: 11px;font-weight: bold;}
.rating__subject_wrapper .nvd3 .nv-axis path.domain {stroke: #E5E5E7;}
.rating__subject_wrapper .nvd3 .nv-y .nv-axis text {fill: #a7a7a7;}
.rating__subject_quarter {float: right;width: 130px;}
.rating__subject_quarter .dropdown {margin-top: 0;}
.rating__subject_info {}
.rating__subject_type {margin-top: 20px;padding-left: 25px;position: relative;}
.rating__subject_type:first-child {margin-top: 0;}
.rating__subject_type:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #82BFFC;
    margin-right: 10px;
}
.rating__subject_type:nth-child(2):before {background-color: #C6F1FF;}
.rating__subject-empty {
    max-width: 350px;margin: 30px auto 15px;text-align: center;
}
/* FAQ Block
---------------------------------------- */
#faq .panel-group {margin-top: 30px;}
/* Coming soon
---------------------------------------- */
.mob-app-cs{position: relative;margin: 90px auto 45px auto;}
.mobile{
    margin: 0 auto 47px auto;
    background:url(/images/mobile.svg) no-repeat;
    width:55px;height: 95px;}
.info-cs{position: absolute;top:0;margin: 27px 30px;color:#74787b;line-height: 20px;}
/* Store
---------------------------------------- */
.mob-app{position: relative;margin: 45px auto;}
.info{margin: 0 30px 16px 30px;color:#74787b;line-height: 20px;}
.mob-app [class^='store-']{
    display:inline-block;width:35px;
    background:url(/images/sprites/stores.svg) no-repeat;
    margin-bottom:43px;}
.mob-app .store-app{height:40px;background-position: 0px 0px;margin-right:15px;}
.mob-app .store-app:hover{background-position:-35px 0px;}
.mob-app .store-google-play{height:41px;background-position: 0px -40px;}
.mob-app .store-google-play:hover{background-position:-35px -40px;}
.mob-app [class^='store-']:hover{text-decoration: none;}
.mob-app-version{position: absolute;bottom:10px;left:45px;text-align: left;color:#a5a5a5;line-height: 20px;}
/* Pagination
---------------------------------------- */
.pagination{
    text-align: center;
    display: block;}
.pagination>li{
    display: inline-block;
    vertical-align: middle;}
.pagination>li>a{
    width: inherit;
    height: inherit;

    border: 0;
    border-radius: 50%;

    padding: 2px 0 0 0;
    margin-left: 0px;
    line-height: inherit;}
.pagination>li:not(:first-child):not(:last-child)>a{width: 25px; height: 25px;}
.pagination>li:not(:first-child):not(:nth-last-child(-n+2))>a{margin-right: 5px;}
.pagination>li:first-child{margin-right: 20px;}
.pagination>li:last-child{margin-left: 20px;}
.pagination>li:first-child, .pagination>li:last-child{
    position: relative;
    width: 30px;
    height: 30px;
    background: #E8EEEF;
    border-radius: 50%;}
.pagination>li:first-child:hover, .pagination>li:last-child:hover{background: #CFD9E2;}
.pagination>li:first-child:after, .pagination>li:last-child:after, .pagination>.pagination-prev.disabled>a:hover:after, .pagination>.pagination-next.disabled>a:hover:after, .pagination>.pagination-prev.disabled>a:focus:after, .pagination>.pagination-next.disabled>a:focus:after{
    position: absolute;
    content:'';
    top: 10px;

    width:6px;
    height:10px;
    background: url(/images/sprites/arrows.svg) no-repeat;}
.pagination>li:first-child:after, .pagination>.pagination-prev.disabled>a:hover:after, .pagination>.pagination-prev.disabled>a:focus:after{background-position: 0px 0px;left: 11px;}
.pagination>li:last-child:after, .pagination>.pagination-next.disabled>a:hover:after, .pagination>.pagination-next.disabled>a:focus:after{background-position: 0px -10px;left: 13px;}
.pagination>li:first-child>a, .pagination>li:first-child>span{
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    color:transparent;}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    color:transparent;}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color:transparent;
    outline: none;}/*
 Modal & Popup blocks
---------------------------------------- */


/* Modal-open blocks
---------------------------------------- */


.modal-content {border-radius: 0;border: none;padding: 45px;min-width: 300px;}


.modal-closer {position: absolute;top: 5px;right: 0;cursor: pointer;}


.modal-dialog  .-close{position: absolute;top:20px;right:20px;
    background:url(/images/exit.svg) no-repeat;width: 20px;height: 20px;cursor: pointer;
    background-size: cover;}


.modal {text-align: center;}


.modal:before {
    content: '';height: 100%;
    display: inline-block;
    vertical-align: middle;}


.modal-dialog {text-align: left;
    display: inline-block;
    vertical-align: middle;}


.modal-btn-wrapper {
    width: 280px;
    margin: 0 auto;
}


.modal-btn{display: block;max-width: 135px;margin: 30px auto 0 auto;}


.modal-btn:hover{text-decoration: none;}


.modal-btn-wrapper .modal-btn{
    float: left;min-width: 135px;text-align: center;
    display: block;max-width: 135px;margin: 20px auto 0 auto;margin-left: 10px;}


.modal-btn-wrapper .modal-btn:hover{text-decoration: none;}


.modal-btn-wrapper .modal-btn:first-child {margin-left: 0;}


/* Modal Magazine Message
---------------------------------------- */


.send-message {}


.send-message .modal-body {}


.send-message .F1 {margin-bottom: 10px;}


.send-message .help-form {position: relative;margin: 0;}


/* Modal registration help video
---------------------------------------- */


.video-register  {text-align: center;}


.video-register:before {
    content: '';height: 100%;
    display: inline-block;
    vertical-align: middle;}


.video-register .modal-dialog{
    position: relative;display: inline-block;
    width:100%;max-width:680px;
    vertical-align: middle;overflow: hidden;}


.video-register .modal-content{
    text-align: center;
    padding:10px 20px 20px 20px;box-shadow:none;}


.video-register .F1{}


.video-register .F2{color:#6f7376;}


.modal-video-help{
    max-width:650px;margin:10px auto 0 auto;
    position: relative;}


.modal-video-help .videoWrapper {
    width: 100%;
    background: url(/images/video_oops.jpg) no-repeat center center;
    background-size: cover;}


.modal-video-help .videoWrapper video {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;}


/* Modal registration help video
---------------------------------------- */


.auto-register {text-align: center;}


.auto-register .modal-dialog {max-width: 420px;text-align: center;}


.auto-register__text {margin-top: 20px;}


.auto-register__btn {
    min-width: 195px;
}


/* Popup blocks
---------------------------------------- */


.-yell {background-color: #ffb822 !important;}


.-red {background-color: #f23a3a !important;}


.pop-up-box{
    position: relative;background-color:#82c0fb; z-index: 1002;
    min-height: 70px;padding: 0 40px;}


.pop-up-box:before { /* IE8+ */
    content: "";display: inline-block;
    min-height: inherit;height: 100%;vertical-align: middle;}


.pop-up-box .council{
    max-width:675px;
    display: inline-block;vertical-align: middle;margin-right: 220px;
    color:#fff;font-size: 19px;letter-spacing: 0.7px;}


.pop-up-box .closed{
    display:inline-block;vertical-align: middle;
    background:url(/images/cross.svg) no-repeat;width: 20px;height: 20px;}


.pop-up-box .closed:hover{cursor:pointer;}


.pop-up-box__buttons {position: absolute;right: 40px;top: 0;bottom: 0;}


.pop-up-box__buttons:before {vertical-align: middle;content: '';display: inline-block;height: 100%;}


.pop-up-box__buttons .btn-general {position: relative;top: 2px;margin: 0 20px 0 0;}


.pop-up-box__buttons [class^='btn-']{
    display:inline-block;min-width: 140px;margin:0 20px 0 40px;
    text-decoration: none;text-align: center;}


.rating-review .pop-up-box {background: #fff;padding: 10px 0 10px 75px;min-height: 50px;}


.rating-review .pop-up-box.done {padding-left: 30px;}


.rating-review .pop-up-box .council {color: inherit;margin-right: 250px;}


.rating-review .pop-up-box.done .council {margin-right: 0;padding: 0 15px;width: 100%;text-align: center;}


.rating-review .pop-up-box__buttons {right: 25px;}


.rating-review .pop-up-box .closed {background: url(/images/cross_gray.svg) no-repeat;opacity: 0.5;}


.rating-review .pop-up-box .closed:hover {opacity: 1;}


.pop-up-box_rating {display: inline-block;vertical-align: middle;padding: 0;margin: 0 30px 0 0;list-style: none;}


.rathing-star {
    display: inline-block;float: left;cursor: pointer;
    padding: 0 5px;width: 35px;height: 25px;
    background: url(/images/stars_icon.svg) no-repeat center -25px;}


.rathing-star:first-child {margin-left: 0;}


.rathing-star.active {background-position: center 0%;}


/* Popup advertising blocks
---------------------------------------- */


.disable-a{pointer-events: none;  cursor: default;}


.popup-advt{position: relative;  min-height: 70px; display: block; background: #82c0fb url(/images/banner/pattern.jpg) repeat;}


.popup-advt__wrapper {max-width: 730px;margin: 0 auto;height: 100%;min-height: 70px;}


.popup-advt__wrapper.top {min-height: initial;min-height: auto;height: 0;position: relative;}


.popup-advt__wrapper:before { /* IE8+ */
    content: "";display: inline-block;
    min-height: inherit;height: 100%;vertical-align: middle;}


.popup-advt img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 90;}


.popup-advt__text{width: 100%;text-align: left;display: none;vertical-align: middle;color:#fff;font-size: 19px;letter-spacing: 0.7px;}


.popup-advt__text .btn-general.mob {display: none;vertical-align: middle;float: right;  }


.popup-advt__close {
    position: absolute;
    top: 24px;
    right: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    z-index: 91;
    vertical-align: middle;
    background: #fff url(/images/banner_top_cross.svg) center no-repeat;
    border-radius: 50%;
    cursor: pointer;}


.advt-white{color:#fff;border:2px solid #fff;}


.advt-white:hover, .advt-white:focus{background-color: #fff;}


.popup-advt__buttons {position: absolute;right: 0;top: 13px;bottom: 0;z-index: 100;height: 40px;}


.popup-advt__buttons:before {vertical-align: middle;content: '';display: inline-block;height: 100%;}


.popup-advt__buttons .btn-general {position: relative;top: 2px;margin: 0 20px 0 0;}


.popup-advt__wrapper [class^='btn-']{
    max-width: 150px;padding: 0 15px;
    display:inline-block;margin:0 30px 0 40px;
    text-decoration: none;text-align: center;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: none;}


/* Popup advertising settings
---------------------------------------- */


.popup-advt.ad-month-free{background: #ff6d65 url(/images/banner/advt-month.png) no-repeat;}


.popup-advt__buttons .ad-month-free:hover, .popup-advt__buttons .ad-month-free:focus{color:#ff6d65;}


/* Block advertising blocks
---------------------------------------- */


.left-side-advt {
    max-width: 195px;
    margin: 45px auto 0;
    text-align: center;
    overflow: hidden;}


.left-side-advt img {max-width: 100%;}


/* What's news Modal
---------------------------------------- */


.whats-news .H1{padding-top: 20px;line-height: 40px;min-height: 120px;vertical-align: middle;}


.whats-news .F1 {margin-top: 45px;}


.whats-news__wrapper {position: relative;}


.whats-news__icon {width: 120px;height: 120px;display: inline-block;margin-right: 45px;float: left;}


.whats-news__text {margin-top: 20px;}


.whats-news__features {margin-top: 20px;}


.whats-news__features p {margin-bottom: 10px;}


.whats-news__features ul {padding-left: 10px;list-style: none;}


.whats-news__features ul li {position: relative;margin-bottom: 10px;}


.whats-news__features ul li:before {
    content: '-';
    display: inline-block;
    position: absolute;
    left: -9px;}


.whats-news .btn-general {
    display: inline-block;
    min-width: 135px;
    float: right;
    text-align: center;
    text-decoration: none;}


/* Status Sync Popup
---------------------------------------- */


.status-sync {
    position: fixed;
    min-height: 70px;
    top: -15px;
    left: 50%;
    z-index: 1029;
    color: #fff;
    background: #bababa;
    font-family: 'Roboto-Medium';
    width: 975px;
    text-align: center;
    margin-left: -375px;
    border-top: none;
    transition: top 250ms;
    z-index: -999;
}


.status-sync.active {
    z-index: 11;
}


.status-sync__wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.status-sync__cell {
    height: 100%;
    max-width: 330px;
    margin: 0 auto;
    padding: 5px 10px;
    position: relative;
}


.status-sync__cell:before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}


.status-sync__text {
    font-size: 25px;
    position: relative;
    top: 3px;
    line-height: 20px;
    display: inline-block;
}


/* sync process
---------------------------------------- */


.status-sync-process {
    background: #b8efec url(/images/sync_offline/pattern_1.png) repeat;
    color: #5ac1bd;
    -webkit-animation: slideUp 3.5s cubic-bezier(0.445, 0.05, 0.55, 0.98) infinite;
    animation: slideUp 3.5s cubic-bezier(0.445, 0.05, 0.55, 0.98) infinite;
}


.status-sync-process .status-sync__wrapper{
    background: url(/images/sync_offline/pattern_2.png) repeat;
    -webkit-animation: slideDown 3.5s cubic-bezier(0.445, 0.05, 0.55, 0.98)-out infinite;
    animation: slideDown 3.5s cubic-bezier(0.445, 0.05, 0.55, 0.98) infinite;
}


.status-sync-process .status-sync__cell {
    background: #b8efec;
}


@-webkit-keyframes slideUp {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 140px;
    }
}


@keyframes slideUp {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 140px;
    }
}


@-webkit-keyframes slideDown {
    0% {
        background-position: 0 140px;
    }
    100% {
        background-position: 0 0;
    }
}


@keyframes slideDown {
    0% {
        background-position: 0 140px;
    }
    100% {
        background-position: 0 0;
    }
}


/* sync disconnect
---------------------------------------- */


.status-sync-err {
    background: url(/images/sync_offline/no_internet_bg.png) center no-repeat;
}


.status-sync-err .status-sync__text {
    max-width: 290px;
    font-size: 20px;
    line-height: 22px;
}


.status-sync-err .status-sync__text-small {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    line-height: 16px;
}


.background {
    transition: padding 250ms;
}


._sync .background{
    padding-top: 70px;
}


._sync .status-sync {
    top: 55px;
}


.sidebar:before, .panel-dropdown-magazine:before, .subject:before, .homework:before, .dropdown-teachers:before, .journal .-left:before, .journal .-right:before, .journal .dop-parts:before, .magazine .dop-parts:before, .navbar-fixed-top .nav-panel:before, .navbar-fixed-top .nav-lng:before, .navbar-fixed-top .dropdown-height:before, .navbar-fixed-top .dropdown-height-mobile:before, .navbar-fixed-top #sidebar:before {
    
}


._sync .sidebar:before, ._sync .panel-dropdown-magazine:before, ._sync .subject:before, ._sync .homework:before, ._sync .dropdown-teachers:before, ._sync .journal .-left:before, ._sync .journal .-right:before, ._sync .journal .dop-parts:before, ._sync .magazine .dop-parts:before, ._sync.navbar-fixed-top .nav-panel:before, ._sync.navbar-fixed-top .nav-lng:before, ._sync.navbar-fixed-top .dropdown-height:before, ._sync.navbar-fixed-top .dropdown-height-mobile:before, ._sync.navbar-fixed-top #sidebar:before{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    
    content: '';
    display: inline-block;
    background-color: #fff;
    opacity: 0.85;
    z-index: 3;
}


._sync .panel-dropdown-magazine, ._sync .subject, ._sync .homework, ._sync .dropdown-teachers, ._sync .journal .-left, ._sync .journal .-right, ._sync .journal .dop-parts, ._sync .magazine .dop-parts, ._sync.navbar-fixed-top .nav-panel, ._sync.navbar-fixed-top .nav-lng, ._sync.navbar-fixed-top .dropdown-height, ._sync.navbar-fixed-top .dropdown-height-mobile, ._sync.navbar-fixed-top #sidebar{
    position: relative;
}


._sync.navbar-fixed-top .nav-panel.nav-panel-mobile:before {
    top: 1px;
}


/* Modal Offline Error and Sync
---------------------------------------- */


.offline-err .modal-dialog {max-width: 360px;}


.offline-sync .modal-dialog {max-width: 430px;}


.offline-err .modal-content, .offline-sync .modal-content{text-align: center;}


.offline-sync__content, .offline-err__content {margin-top: 20px;}


/* Modal Offline Error and Sync
---------------------------------------- */


.student-register__content{margin-top: 20px;}


.student-register .modal-dialog {max-width: 400px;}/* Statics templates
---------------------------------------- */
.subscr-package{position: relative;}
.subscription-page{
    position:relative;width:100%;height: 100%;z-index: 1000;
    background-color: rgba(248, 252, 255, 0.5);

    -webkit-filter: blur(3px);-moz-filter: blur(3px);
    -o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);}
.subscr-period{
    position: fixed;top: 0;z-index: 1001;
    max-width: 975px;width:100%;
    height: 100%;padding: 0 15px;
    font-family: 'Roboto-Medium';text-align: center;
    background-color: rgba(255, 255, 255, 0.85);}
.subscr-atten{
    margin:165px auto 30px auto;
    width:120px;height: 120px;
    background: url(/images/ico-blur.png) no-repeat scroll center center;}
.subscr-tariff .-title{font-size: 22px;}
.subscr-tariff .-desc{
    margin:27px auto 37px auto;
    max-width: 370px;
    font-size: 15px;}
.package-standart-free{
    color:#252c34;font-size: 14.5px;text-align: center;
    padding: 0 45px;}
.case-container .package-standart-free{max-width: 280px;padding: 0;margin: 0 auto;}
/* Recommends (parent) block
---------------------------------------- */
.recommends.case-content.-lg {padding-top: 45px;padding-bottom: 45px;margin-bottom: -20px;position: relative;}
.recommends-wrapper {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;}
.recommends__cell {text-align: center;padding: 40px 15px 0;}
.recommends__cell:nth-child(1) {background: url(/images/best.svg) center top no-repeat;}
.recommends__cell:nth-child(2) {background: url(/images/deteriorating.svg) center top no-repeat;}
.recommends__cell:nth-child(3) {background: url(/images/worst.svg) center top no-repeat;}
.recommends__title {margin-top: 60px;}
.recommends__sub {margin-top: 10px;}
.recommends__info {margin-top: 20px;}
.recommends__object {margin-top: 5px;}
.recommends__mark {font-family:'Roboto-Medium',sans-serif;}
.recommends__no-data {float: left;width: 100%;}
.recommends-blur {
    position: relative;width: 100%;height: 100%;
    background-color: rgba(248, 252, 255, 0.5);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);}
.recommends-no-data {
    padding: 0 15px;font-family: 'Roboto-Medium';
    text-align: center;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;}
.recommends-no-data__icon {margin-top: 60px;display: inline-block;width: 120px;height: 120px;}
.recommends-no-data__icon.ico-no-data {background: url(/images/no_data.svg) center no-repeat;}
.recommends-no-data__icon.ico-excellent {background: url(/images/hight.svg) center no-repeat;}
.recommends-no-data__title {margin-top: 25px;font-size: 20px;}
.recommends-no-data__text {max-width: 300px;margin: 15px auto 0;}
._excellent__wrapper .recommends-no-data__text {max-width: 230px;}/*  Errors
---------------------------------------- */

.attention [class^='btn']{
    min-width: 135px;
    margin-top: 20px;
}.nvd3 .nv-axis line, .nvd3 .nv-axis path{fill:none;shape-rendering:crispEdges}

.nv-brush .extent, .nvd3 .background path, .nvd3 .nv-axis line, .nvd3 .nv-axis path{shape-rendering:crispEdges}

.nv-distx, .nv-disty, .nv-noninteractive, .nvd3 .nv-axis, .nvd3.nv-pie .nv-label, .nvd3.nv-sparklineplus g.nv-hoverValue{pointer-events:none}

.nvd3 .nv-axis{opacity:1}

.nvd3 .nv-axis.nv-disabled, .nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check{opacity:0}

.nvd3 .nv-axis path{stroke:#000;stroke-opacity:.75}

.nvd3 .nv-axis path.domain{stroke-opacity:.75}

.nvd3 .nv-axis.nv-x path.domain{stroke-opacity:0}

.nvd3 .nv-axis line{stroke:#e5e5e5}

.nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity:.75}

.nvd3 .nv-axis .nv-axisMaxMin text{font-weight:700}

.nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor:middle}

.nvd3 .nv-bars rect{fill-opacity:.75;transition:fill-opacity 250ms linear}

.nvd3 .nv-bars rect.hover{fill-opacity:1}

.nvd3 .nv-bars .hover rect{fill:#add8e6}

.nvd3 .nv-bars text{fill:transparent}

.nvd3 .nv-bars .hover text{fill:rgba(0,0,0,1)}

.nvd3 .nv-discretebar .nv-groups rect, .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect{stroke-opacity:0;transition:fill-opacity 250ms linear}

.with-transitions .nv-candlestickBar .nv-ticks .nv-tick, .with-transitions .nvd3 .nv-groups .nv-point{transition:stroke-width 250ms linear,stroke-opacity 250ms linear}

.nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover, .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover{fill-opacity:1}

.nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight:700;fill:rgba(0,0,0,1);stroke:transparent}

.nvd3 .nv-boxplot circle{fill-opacity:.5}

.nvd3 .nv-boxplot circle:hover, .nvd3 .nv-boxplot rect:hover{fill-opacity:1}

.nvd3 line.nv-boxplot-median{stroke:#000}

.nv-boxplot-tick:hover{stroke-width:2.5px}

.nvd3.nv-bullet{font:10px sans-serif}

.nvd3.nv-bullet .nv-measure{fill-opacity:.8}

.nvd3.nv-bullet .nv-measure:hover{fill-opacity:1}

.nvd3.nv-bullet .nv-marker{stroke:#000;stroke-width:2px}

.nvd3.nv-bullet .nv-markerTriangle{stroke:#000;fill:#fff;stroke-width:1.5px}

.nvd3.nv-bullet .nv-markerLine{stroke:#000;stroke-width:1.5px}

.nvd3.nv-bullet .nv-tick line{stroke:#666;stroke-width:.5px}

.nvd3.nv-bullet .nv-range.nv-s0{fill:#eee}

.nvd3.nv-bullet .nv-range.nv-s1{fill:#ddd}

.nvd3.nv-bullet .nv-range.nv-s2{fill:#ccc}

.nvd3.nv-bullet .nv-title{font-size:14px;font-weight:700}

.nvd3.nv-bullet .nv-subtitle{fill:#999}

.nvd3.nv-bullet .nv-range{fill:#bababa;fill-opacity:.4}

.nvd3.nv-bullet .nv-range:hover{fill-opacity:.7}

.nvd3.nv-candlestickBar .nv-ticks .nv-tick{stroke-width:1px}

.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover{stroke-width:2px}

.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect{stroke:#2ca02c;fill:#2ca02c}

.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect{stroke:#d62728;fill:#d62728}

.nvd3.nv-candlestickBar .nv-ticks line{stroke:#333}

.nv-force-node{stroke:#fff;stroke-width:1.5px}

.nv-force-link{stroke:#999;stroke-opacity:.6}

.nv-force-node text{stroke-width:0}

.nvd3 .nv-check-box .nv-box{fill-opacity:0;stroke-width:2}

.nvd3 .nv-check-box .nv-check{fill-opacity:0;stroke-width:4}

.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check{fill-opacity:0;stroke-opacity:0}

.nvd3.nv-linePlusBar .nv-bar rect{fill-opacity:.75}

.nvd3.nv-linePlusBar .nv-bar rect:hover{fill-opacity:1}

.nvd3 .nv-groups path.nv-line{fill:none}

.nvd3 .nv-groups path.nv-area{stroke:none}

.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity:0;stroke-opacity:0}

.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity:.5!important;stroke-opacity:.5!important}

.nvd3 .nv-groups .nv-point.hover, .nvd3.nv-scatter .nv-groups .nv-point.hover{stroke-width:7px;fill-opacity:.95!important;stroke-opacity:.95!important}

.nvd3 .nv-point-paths path{stroke:#aaa;stroke-opacity:0;fill:#eee;fill-opacity:0}

.nvd3 .nv-indexLine{cursor:ew-resize}

svg.nvd3-svg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;height:100%}

.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{box-shadow:0 5px 10px rgba(0,0,0,.2);border-radius:5px}

.nvd3 text{font:400 12px Arial,sans-serif}

.nvd3 .title{font:700 14px Arial,sans-serif}

.nvd3 .nv-background{fill:#fff;fill-opacity:0}

.nvd3.nv-noData{font-size:18px;font-weight:700}

.nv-brush .extent{fill-opacity:.125}

.nv-brush .resize path{fill:#eee;stroke:#666}

.nvd3 .nv-legend .nv-series{cursor:pointer}

.nvd3 .nv-legend .nv-disabled circle{fill-opacity:0}

.nvd3 .nv-brush .extent{fill-opacity:0!important}

.nvd3 .nv-brushBackground rect{stroke:#000;stroke-width:.4;fill:#fff;fill-opacity:.7}

@media print{.nvd3 text{stroke-width:0;fill-opacity:1}}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick{stroke-width:1px}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover{stroke-width:2px}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive{stroke:#2ca02c}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative{stroke:#d62728}

.nvd3 .background path{fill:none;stroke:#EEE;stroke-opacity:.4}

.nvd3 .foreground path{fill:none;stroke-opacity:.7}

.nvd3 .nv-parallelCoordinates-brush .extent{fill:#fff;fill-opacity:.6;stroke:gray;shape-rendering:crispEdges}

.nvd3 .nv-parallelCoordinates .hover{fill-opacity:1;stroke-width:3px}

.nvd3 .missingValuesline line{fill:none;stroke:#000;stroke-width:1;stroke-opacity:1;stroke-dasharray:5,5}

.nvd3.nv-pie .nv-pie-title{font-size:24px;fill:rgba(19,196,249,.59)}

.nvd3.nv-pie .nv-slice text{stroke:#000;stroke-width:0}

.nvd3.nv-pie path{transition:fill-opacity 250ms linear,stroke-width 250ms linear,stroke-opacity 250ms linear;stroke:#fff;stroke-width:1px;stroke-opacity:1;fill-opacity:.7}

.nvd3.nv-pie .hover path{fill-opacity:1}

.nvd3.nv-pie .nv-label rect{fill-opacity:0;stroke-opacity:0}

.nvd3 .nv-groups .nv-point.hover{stroke-width:20px;stroke-opacity:.5}

.nvd3 .nv-scatter .nv-point.hover{fill-opacity:1}

.nvd3.nv-sparkline path{fill:none}

.nvd3.nv-sparklineplus .nv-hoverValue line{stroke:#333;stroke-width:1.5px}

.nvd3.nv-sparklineplus, .nvd3.nv-sparklineplus g{pointer-events:all}

.nvd3 .nv-interactiveGuideLine, .nvtooltip{pointer-events:none}

.nvd3 .nv-hoverArea{fill-opacity:0;stroke-opacity:0}

.nvd3.nv-sparklineplus .nv-xValue, .nvd3.nv-sparklineplus .nv-yValue{stroke-width:0;font-size:.9em;font-weight:400}

.nvd3.nv-sparklineplus .nv-yValue{stroke:#f66}

.nvd3.nv-sparklineplus .nv-maxValue{stroke:#2ca02c;fill:#2ca02c}

.nvd3.nv-sparklineplus .nv-minValue{stroke:#d62728;fill:#d62728}

.nvd3.nv-sparklineplus .nv-currentValue{font-weight:700;font-size:1.1em}

.nvtooltip h3, .nvtooltip table td.key{font-weight:400}

.nvd3.nv-stackedarea path.nv-area{fill-opacity:.7;stroke-opacity:0;transition:fill-opacity 250ms linear,stroke-opacity 250ms linear}

.nvd3.nv-stackedarea path.nv-area.hover{fill-opacity:.9}

.nvd3.nv-stackedarea .nv-groups .nv-point{stroke-opacity:0;fill-opacity:0}

.nvtooltip{position:absolute;color:rgba(0,0,0,1);padding:1px;z-index:10000;display:block;font-family:Arial,sans-serif;font-size:13px;text-align:left;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.5);border-radius:4px}

.nvtooltip h3, .nvtooltip p{margin:0;text-align:center}

.nvtooltip.with-transitions, .with-transitions .nvtooltip{transition:opacity 50ms linear;transition-delay:200ms}

.nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding:8px}

.nvtooltip h3{padding:4px 14px;line-height:18px;background-color:rgba(247,247,247,.75);color:rgba(0,0,0,1);border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}

.nvtooltip p{padding:5px 14px}

.nvtooltip span{display:inline-block;margin:2px 0}

.nvtooltip table{margin:6px;border-spacing:0}

.nvtooltip table td{padding:2px 9px 2px 0;vertical-align:middle}

.nvtooltip table td.key.total{font-weight:700}

.nvtooltip table td.value{text-align:right;font-weight:700}

.nvtooltip table td.percent{color:#a9a9a9}

.nvtooltip table tr.highlight td{padding:1px 9px 1px 0;border-bottom-style:solid;border-bottom-width:1px;border-top-style:solid;border-top-width:1px}

.nvtooltip table td.legend-color-guide div{vertical-align:middle;width:12px;height:12px;border:1px solid #999}

.nvtooltip .footer{padding:3px;text-align:center}

.nvtooltip-pending-removal{pointer-events:none;display:none}

.nvd3 line.nv-guideline{stroke:#ccc}