/* переменные ============================*/
/* миксины ============================*/
/* общий раздел ============================*/
#settings-bar {
  font-size: 20px;
  background-color: silver;
  color: black;
  border: none;
}
#settings-bar .nav-inside-box {
  display: inline-block;
  padding: 11px 0 0 20px;
  vertical-align: middle;
}
#settings-bar .nav-inside-box .switch-button {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
  vertical-align: middle;
  border: 2px solid transparent;
  margin-top: -2px;
}
#settings-bar .nav-inside-box .switch-button div {
  font-size: 18.2px;
  width: 22px;
  height: 22px;
  margin: 2px;
  border-radius: 3px;
  vertical-align: middle;
}
#settings-bar .nav-inside-box .switch-button > span {
  padding: 0 10px;
}
#settings-bar .nav-inside-box .switch-button .white {
  background-color: white;
}
#settings-bar .nav-inside-box .switch-button .black {
  background-color: black;
  color: white;
}
#settings-bar .nav-inside-box .switch-button .blue {
  background-color: #9dd1ff;
  color: #063462;
}
#settings-bar .nav-inside-box .small {
  font-size: 14px;
  line-height: 26px;
}
#settings-bar .nav-inside-box .medium {
  font-size: 18.2px;
  line-height: 26px;
}
#settings-bar .nav-inside-box .big {
  font-size: 23.8px;
  line-height: 25px;
}
#settings-bar .nav-inside-box .selected {
  border: 2px solid grey;
}
#settings-bar .nav-inside-box:first-of-type {
  padding: 11px 0 0 0px;
}
#main-bar {
  background-color: darkblue;
  border: none;
  margin-top: 70px;
  font-size: 14px;
}
#main-bar .navbar-brand {
  font-size: 26px;
}
#main-bar input,
#main-bar button {
  border: none;
}
#main-bar .search {
  padding-top: 4px;
  display: block;
  width: 250px;
}
#main-bar .search .ya-site-form__input-text {
  border-radius: 2px;
  padding: 0 6px 2px 7px;
  height: 30px;
  font-size: 15px !important;
}
#main-bar .search .ya-site-form__submit {
  background: url('../../../../images/search19.png') no-repeat !important;
  background-size: auto 100% !important;
  width: 24px;
  height: 24px;
}
#main-bar .search .impaired {
  display: inline-block;
  position: relative;
  background-color: white;
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 25px;
  margin-top: 17px;
  margin-right: 30px;
}
#main-bar .search .impaired .hint {
  display: none;
  position: absolute;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 25px;
  right: 50px;
  top: -3px;
  overflow: inherit;
  background-color: black;
  color: white;
}
#main-bar .search .impaired .hint::after {
  content: '';
  position: absolute;
  right: -20px;
  top: 10px;
  border: 10px solid transparent;
  border-left: 20px solid black;
}
#main-bar .search .impaired:hover .hint {
  display: inline-block;
}
.breadcrumb {
  background-color: inherit;
  border: 1px solid silver;
}
.breadcrumb > .active {
  color: black;
}
.navbar-inverse .navbar-brand {
  color: white;
}
.dropdown label {
  cursor: pointer;
}
.sidebar-menu {
  padding: 0;
  font-family: Arial;
}
.sidebar-menu a,
.sidebar-menu a:hover {
  text-decoration: none;
}
.sidebar-menu ul {
  display: none;
  padding: 0 5px 0 0;
}
.sidebar-menu ul > li > a {
  background-color: rgba(0, 0, 0, 0.1);
}
.sidebar-menu li {
  list-style: none outside none;
  list-style-image: url(data:0);
  position: relative;
}
.sidebar-menu li.active > .arrow {
  display: block;
}
.sidebar-menu .arrow {
  display: none;
  position: absolute;
  height: 35px;
  width: 10px;
  top: 0;
  left: -10px;
  border-style: solid;
  border-width: 18px 10px 18px 0;
  border-color: transparent silver transparent transparent;
}
.sidebar-menu > li > label,
.sidebar-menu > li > a,
.sidebar-menu ul > li > a {
  display: block;
  width: 100%;
  margin: 0;
  border: solid silver;
  border-width: 1px 1px 1px 1px;
  padding: 0.5em 1em;
  margin-bottom: -1px;
  font-weight: normal;
}
.sidebar-menu > li.title > label {
  border-color: darkblue;
  background-color: darkblue;
  color: white;
}
.sidebar-menu ul > li > a {
  padding-left: 1.5em;
}
.sidebar-menu > li:first-of-type > label,
.sidebar-menu > li:first-of-type > a {
  border-radius: 4px 4px 0 0;
}
.sidebar-menu > li:last-of-type > label,
.sidebar-menu > li:last-of-type > a {
  border-radius: 0 0 4px 4px;
}
h1 {
  margin-top: 20px;
  margin-bottom: 30px;
}
.icon img {
  border-radius: 2px;
  border: 3px solid white;
}
footer {
  padding: 20px;
  display: block;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid silver;
}
ol.main_text li {
  font-weight: bold;
}
table.main {
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0;
}
table.main td,
table.main th {
  padding: 5px 10px;
  border: 1px solid black;
}
table.main td {
  vertical-align: top;
}
table.main th.col-half {
  width: 50%;
}
table.main .w25 {
  width: 25px;
}
table.main thead th {
  text-align: center;
}
table.main thead th.lesson1st {
  width: 60px;
}
table.main thead th.lesson3d {
  width: 65px;
}
table.main tbody td.centered {
  text-align: center;
}
table.contacts td:first-of-type {
  width: 200px;
}
table.contacts td {
  vertical-align: top;
  padding: 5px 10px;
}
table.contact td {
  vertical-align: top;
  padding-bottom: 20px;
  padding-right: 10px;
}
table.contact td input,
table.contact td textarea {
  padding: 6px;
  border: solid 1px silver;
  font-family: Trebuchet MS, verdana, arial;
}
table.contact td.1st {
  width: 190px;
}
span.required {
  color: red;
}
.stuff-table {
  margin-bottom: 10px;
}
.stuff-table td {
  padding: 10px;
  vertical-align: top;
}
.stuff-table .col-photo {
  width: 0px;
  padding: 0;
}
.stuff-table .name {
  font-size: 18px;
  font-weight: bold;
  padding: 5px 0 0 0;
  text-decoration: underline;
}
.stuff-table .admin {
  font-size: 15px;
  font-weight: bold;
  margin: 3px 0 15px 0;
}
.stuff-table table {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 17px;
}
.stuff-table table .col1 {
  width: 85px;
}
table.doc {
  margin-top: 20px;
}
table.doc td {
  vertical-align: top;
  padding-bottom: 20px;
}
table.doc a {
  text-decoration: underline;
}
table.doc a:hover {
  text-decoration: none;
}
table.doc .icon {
  width: 46px;
}
.news-table {
  width: 100%;
  padding-bottom: 20px;
}
.news-table .date {
  font-weight: bold;
  padding: 5px 0 0 0px;
}
.news-table .title {
  padding: 5px 0 30px 20px;
}
.news-table .title a.link2 {
  display: block;
  padding: 10px 0 0px 0px;
  text-decoration: underline;
}
.news-table .title a.link2:hover {
  text-decoration: none;
}
.hidden-on-impaired {
  display: none;
}
.day,
.timetable-header {
  display: none;
}
.content {
  padding-bottom: 30px;
}
.content a.link1 {
  text-decoration: underline;
}
.content a.link1:hover {
  text-decoration: none;
}
li.view {
  padding-top: 20px;
}
li.view a {
  text-decoration: underline;
}
li.view a:hover {
  text-decoration: none;
}
/* варианты для разных настроек ============================*/
body.big-font {
  font-size: 23.8px;
}
body.big-font .sidebar-menu .arrow {
  height: 59px;
  border-width: 28px 10px 28px 0;
}
body.big-font .stuff-table .name {
  font-size: 33.8px;
}
body.big-font .stuff-table .admin {
  font-size: 23.8px;
}
body.big-font .stuff-table table {
  font-size: 23.8px;
  line-height: 33.8px;
}
body.big-font table.main {
  font-size: 18.2px;
}
body.medium-font {
  font-size: 18.2px;
}
body.medium-font .sidebar-menu .arrow {
  height: 45px;
  border-width: 23px 10px 22px 0;
}
body.medium-font .stuff-table .name {
  font-size: 23.2px;
}
body.medium-font .stuff-table .admin {
  font-size: 18.2px;
}
body.medium-font .stuff-table table {
  font-size: 18.2px;
  line-height: 23.2px;
}
body.small-font {
  font-size: 14px;
}
body.white-scheme {
  background-color: white;
  color: black;
}
body.white-scheme a,
body.white-scheme a:hover {
  color: black;
}
body.black-scheme {
  background-color: black;
  color: white;
}
body.black-scheme a,
body.black-scheme a:hover {
  color: white;
}
body.black-scheme #main-bar {
  background-color: white;
}
body.black-scheme #main-bar .navbar-brand {
  color: darkblue;
}
body.black-scheme #main-bar .ya-site-form__input-text {
  background-color: black !important;
  border: 2px solid black !important;
  color: white !important;
}
body.black-scheme #main-bar .ya-site-form__submit {
  border-radius: 2px;
  background-color: black !important;
  background-size: auto 70% !important;
  background-position: center center !important;
  width: 30px;
  height: 30px;
}
body.black-scheme .breadcrumb > .active {
  color: white;
}
body.black-scheme .sidebar-menu ul > li > a {
  background-color: rgba(255, 255, 255, 0.3);
}
body.black-scheme .sidebar-menu > li.title > label {
  background-color: white;
  color: black;
}
body.black-scheme .pagination li a,
body.black-scheme .pagination li span {
  background-color: black;
}
body.black-scheme .pagination li a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
body.black-scheme .pagination li.active span {
  background-color: white;
  color: black;
  border: 1px solid white;
}
body.black-scheme .pagination li.disabled span:hover {
  background-color: black;
}
body.black-scheme table.main td,
body.black-scheme table.main th {
  border: 1px solid white;
}
body.black-scheme table.contact td input,
body.black-scheme table.contact td textarea {
  border: solid 1px white;
  background-color: black;
  color: white;
}
body.black-scheme table.contact button {
  color: black;
}
body.black-scheme footer {
  background-color: rgba(255, 255, 255, 0.3);
}
body.blue-scheme {
  background-color: #9dd1ff;
  color: #063462;
}
body.blue-scheme a,
body.blue-scheme a:hover {
  color: #063462;
}
body.blue-scheme .breadcrumb {
  border: 1px solid #063462;
}
body.blue-scheme .breadcrumb > .active {
  color: #063462;
}
body.blue-scheme .breadcrumb > li + li:before {
  color: #063462;
}
body.blue-scheme #main-bar input,
body.blue-scheme #main-bar button {
  background-color: #9dd1ff;
}
body.blue-scheme .sidebar-menu > li > label,
body.blue-scheme .sidebar-menu > li > a,
body.blue-scheme .sidebar-menu ul > li > a {
  border: solid #063462;
  border-width: 1px 1px 1px 1px;
}
body.blue-scheme .sidebar-menu .arrow {
  border-color: transparent #063462 transparent transparent;
}
body.blue-scheme .sidebar-menu > li.title > label {
  background-color: darkblue;
  color: #9dd1ff;
}
body.blue-scheme .pagination li a,
body.blue-scheme .pagination li span {
  background-color: #9dd1ff;
  border: 1px solid #063462;
}
body.blue-scheme .pagination li a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
body.blue-scheme .pagination li.active span {
  background-color: #063462;
  color: #9dd1ff;
  border: 1px solid #063462;
}
body.blue-scheme .pagination li.disabled span:hover {
  background-color: black;
}
body.blue-scheme table.main td,
body.blue-scheme table.main th {
  border: 1px solid #063462;
}
body.blue-scheme table.contact td input,
body.blue-scheme table.contact td textarea {
  border: solid 1px white;
  color: #063462;
}
body.blue-scheme table.contact button {
  color: #063462;
}
body.blue-scheme footer {
  border: 1px solid #063462;
}