#toggle-low-vision {
}

#low-vision-panel {
    display         : none;
    padding         : .5em;
    justify-content : space-around;
}

#low-vision-panel #low-vision-panel-color, #low-vision-panel #low-vision-panel-font {
    display : flex;
}

#low-vision-panel #low-vision-panel-color button, #low-vision-panel #low-vision-panel-font button {
    margin         : 0 .2rem;
    text-transform : uppercase;
}

#low-vision-panel #low-vision-panel-font button {
    justify-content : flex-end;
    width           : 2.5rem;
}

#low-vision-panel #low-vision-panel-color #low-vision-panel-color-bw {
    background-color : white;
    color            : black;
    border-color     : black;
}

#low-vision-panel #low-vision-panel-color #low-vision-panel-color-wb {
    background-color : black;
    color            : white;
    border-color     : white;
}

#low-vision-panel #low-vision-panel-color #low-vision-panel-color-blue {
    background-color : lightblue;
    color            : darkblue;
    border-color     : darkblue;
}

#low-vision-panel #low-vision-panel-color #low-vision-panel-color-beige {
    background-color : beige;
    color            : brown;
    border-color     : brown;
}

html.low-vision #main-menu {
    background : none;
}

html.low-vision.has_cataracta {
    filter : brightness(1) blur(3px);
}

/* black on white */
html.low-vision body {
    background : white;
    color      : black;
}

html.low-vision h1, html.low-vision h2, html.low-vision h3 {
    color : black;
}

html.low-vision a {
    color : black;
}

html.low-vision label {
    color : black;
}

html.low-vision .hint {
    color : black;
}

html.low-vision .buttons-panel.bordered {
    border-top    : 2px solid black;
    border-bottom : 2px solid black;
}

html.low-vision #wrapper .university-search-name .university-search-name-i:before {
    color          : black;
}

html.low-vision input, html.low-vision select, html.low-vision textarea, html.low-vision .select2-selection--single {
    border : 1px solid black !important;
}

html.low-vision #main-menu #menu-logo {
    background-color : transparent;
    background-image : url(/img/logo_gray.png);
}

html.low-vision #main-registry-title {
    color : black;
}

html.low-vision #main-menu .menu-item {
    color : black;
}

html.low-vision #main-menu > .menu-item a {
    color : black;
}

html.low-vision #main-menu .menu-item-active,
html.low-vision #main-menu .menu-item-active > a,
html.low-vision #main-menu > .menu-item a:hover {
    color        : black;
    border-color : black;
}

html.low-vision #main-menu > a.menu-item-active,
html.low-vision #main-menu > a.menu-item:hover {
    border-color : black;
}

html.low-vision #main-menu .sub-menu .sub-menu-item {
    background : linear-gradient(to bottom, black, white, black);
}

html.low-vision #regions .region, html.low-vision-wb #regions .region .region-count, html.low-vision #regions .region::before {
    color : black;
}

html.low-vision #regions-wrapper #regions-school-stats {
    background : linear-gradient(to bottom right, white, black, white);
}

html.low-vision #university .university-educations .university-educations-hint {
    color : black;
}

html.low-vision #universities #university-search .fas.checked {
    color : black;
}

html.low-vision #university #university-branches > .university > a {
    color : black;
}

html.low-vision #universities .university .university-name, html.low-vision #universities .university-address {
    color : black;
}

html.low-vision #university #university-facultets > .facultet .fas, html.low-vision #university #university-branches .fas, html.low-vision #universities .university .fa-university {
    color : black;
}

html.low-vision #university #university-entrance-examinations .entrance-examination .entrance-examination-type-1 {
    color : black;
}

html.low-vision #university #university-entrance-examinations .entrance-examination .entrance-examination-type-2 {
    color : black;
}

html.low-vision td {
    border: 1px solid black;
}

html.low-vision #university .university-educations .qualification-anchors > span {
    color : black;
}

html.low-vision #university .university-educations .university-education-row .speciality-name .master-type-name {
    color : black;
}

html.low-vision #university .university-educations > table > tbody > tr.university-education-qualification > td > a {
    color : black;
}

html.low-vision #university .university-educations > table > tbody > tr.university-education-row > td:empty {
    background-color: white;
}

html.low-vision #university .university-educations > table > tbody > tr.university-education-qualification > td {
    background     : linear-gradient(to bottom right, black, white, black);
}

html.low-vision #university .university-educations .university-education-row .speciality-name span.code {
    color : black;
}

html.low-vision #university .university-educations .university-education-row .speciality-name .specz {
    color: black; 
}

html.low-vision #main-menu .fa-facebook::before,
html.low-vision #main-menu .fa-youtube::before,
html.low-vision #main-menu .fa-low-vision::before,
html.low-vision #main-menu .fa-volume-up::before,
html.low-vision #main-menu .fa-volume-mute::before {
    color : black;
}

html.low-vision #registry-wrapper #registry-links > div.heximg > a {
    background-image : url(/img/hexagon_light.png);
}

html.low-vision #registry-wrapper #registry-links > div.heximg > a:hover {
    background-image : url(/img/hexagon_light.png);
}

html.low-vision #registry-wrapper #registry-links > div > a {
    color : black;
}

html.low-vision #registry-wrapper #registry-links > div > a > .fas {
    color : black !important;
}

html.low-vision #wrapper button, html.low-vision #wrapper .button, html.low-vision .buttons-panel button {
    background : white;
    border     : 1px solid black;
    color      : black;
    box-shadow : none;
}

html.low-vision #footer {
    border-color : black;
}

html.low-vision #registry-wrapper #registry-panel {
    border-color : black;
}

html.low-vision #news-wrapper .news {
    border-color : black;
}

/* black on white */

/* white on black */
html.low-vision-wb body {
    background : black;
    color      : white;
}

html.low-vision-wb h1, html.low-vision-wb h2, html.low-vision-wb h3 {
    color : white;
}

html.low-vision-wb a {
    color : white;
}

html.low-vision-wb label {
    color : white;
}

html.low-vision-wb .hint {
    color : white;
}

html.low-vision-wb .buttons-panel.bordered {
    border-top    : 2px solid white;
    border-bottom : 2px solid white;
}


html.low-vision-wb #wrapper .university-search-name .university-search-name-i:before {
    color          : white;
}

html.low-vision-wb input, html.low-vision-wb select, html.low-vision-wb textarea, html.low-vision-wb .select2-selection--single {
    border : 1px solid white !important;
}

html.low-vision-wb #main-menu #menu-logo {
    background-color : transparent;
    background-image : url(/img/logo_gray.png);
}

html.low-vision-wb #main-registry-title {
    color : white;
}

html.low-vision-wb #main-menu .menu-item {
    color : white;
}

html.low-vision-wb #main-menu > .menu-item a {
    color : white;
}


html.low-vision-wb .select2-results__option {
    color : black;
}

html.low-vision-wb #main-menu .menu-item-active > a, html.low-vision-wb #main-menu > .menu-item a:hover {
    color        : white;
    border-color : white;
}

html.low-vision-wb #main-menu .sub-menu .sub-menu-item {
    background : linear-gradient(to bottom, white, black, white);
}

html.low-vision-wb #regions .region, html.low-vision-wb #regions .region .region-count, html.low-vision-wb #regions .region::before {
    color : white;
}

html.low-vision-wb #regions-wrapper #regions-school-stats {
    background : linear-gradient(to bottom right, white, black, white);
}

html.low-vision-wb #university .university-educations .university-educations-hint {
    color : white;
}

html.low-vision-wb #universities #university-search .fas.checked {
    color : white;
}

html.low-vision-wb #university #university-branches > .university > a {
    color : white;
}

html.low-vision-wb #universities .university .university-name, html.low-vision-wb #universities .university-address {
    color : white;
}

html.low-vision-wb #university #university-facultets > .facultet .fas, html.low-vision-wb #university #university-branches .fas, html.low-vision-wb #universities .university .fa-university {
    color : white;
}

html.low-vision-wb #university #university-entrance-examinations .entrance-examination .entrance-examination-type-1 {
    color : white;
}

html.low-vision-wb #university #university-entrance-examinations .entrance-examination .entrance-examination-type-2 {
    color : white;
}

html.low-vision-wb td {
    border: 1px solid white;
}

html.low-vision-wb #university .university-educations .qualification-anchors > span {
    color : white;
}

html.low-vision-wb #university .university-educations .university-education-row .speciality-name .master-type-name {
    color : white;
}

html.low-vision-wb #university .university-educations > table > tbody > tr.university-education-qualification > td > a {
    color : white;
}


html.low-vision-wb #university .university-educations > table > tbody > tr.university-education-row > td:empty {
    background-color: black;
}

html.low-vision-wb #university .university-educations > table > tbody > tr.university-education-qualification > td {
    background     : linear-gradient(to bottom right, white, black, white);
}

html.low-vision-wb #university .university-educations .university-education-row .speciality-name span.code {
    color : white;
}

html.low-vision-wb #university .university-educations .university-education-row .speciality-name .specz {
    color: white; 
}

html.low-vision-wb #main-menu > a.menu-item-active,
html.low-vision-wb #main-menu > a.menu-item:hover {
    border-color : white;
}

html.low-vision-wb #main-menu .fa-facebook::before,
html.low-vision-wb #main-menu .fa-youtube::before,
html.low-vision-wb #main-menu .fa-low-vision::before,
html.low-vision-wb #main-menu .fa-volume-up::before,
html.low-vision-wb #main-menu .fa-volume-mute::before {
    color : white;
}

html.low-vision-wb #stats-links .stats-group-links > div > a > .fas {
    color : white !important;
}

html.low-vision-wb #registry-wrapper #registry-links > div.heximg > a {
    background-image : url(/img/hexagon_light.png);
}

html.low-vision-wb #registry-wrapper #registry-links > div.heximg > a:hover {
    background-image : url(/img/hexagon_light.png);
}

html.low-vision-wb #registry-wrapper #registry-links > div > a {
    color : black;
}

html.low-vision-wb #registry-wrapper #registry-links > div > a > .fas {
    color : white !important;
}

html.low-vision-wb #wrapper button, html.low-vision-wb #wrapper .button, html.low-vision-wb .buttons-panel button {
    background : black;
    border     : 1px solid white;
    color      : white;
}

html.low-vision-wb #footer {
    border-color : white;
}

html.low-vision-wb #registry-wrapper #registry-panel {
    border-color : white;
}

html.low-vision-wb #news-wrapper .news {
    border-color : white;
}

/* white on black */

/* blue */
html.low-vision-blue body {
    background : lightblue;
    color      : darkblue;
}

html.low-vision-blue h1, html.low-vision-blue h2, html.low-vision-blue h3 {
    color : darkblue;
}

html.low-vision-blue a {
    color : darkblue;
}

html.low-vision-blue label {
    color : darkblue;
}

html.low-vision-blue .hint {
    color : darkblue;
}

html.low-vision-blue .buttons-panel.bordered {
    border-top    : 2px solid darkblue;
    border-bottom : 2px solid darkblue;
}

html.low-vision-blue #wrapper .university-search-name .university-search-name-i:before {
    color : darkblue;
}

html.low-vision-blue input, html.low-vision-blue select, html.low-vision-blue textarea, html.low-vision-blue .select2-selection--single {
    border : 1px solid darkblue !important;
}

html.low-vision-blue #main-menu #menu-logo {
    background-color : transparent;
    background-image : url(/img/logo-gray.png);
}

html.low-vision-blue #main-registry-title {
    color : darkblue;
}

html.low-vision-blue #main-menu .menu-item {
    color : darkblue;
}

html.low-vision-blue #main-menu > .menu-item a {
    color : darkblue;
}

html.low-vision-blue #main-menu .menu-item-active,
html.low-vision-blue #main-menu .menu-item-active > a,
html.low-vision-blue #main-menu > .menu-item a:hover {
    color        : darkblue;
    border-color : darkblue;
}

html.low-vision-blue #main-menu > a.menu-item-active,
html.low-vision-blue #main-menu > a.menu-item:hover {
    border-color : darkblue;
}

html.low-vision-blue #main-menu .sub-menu .sub-menu-item {
    background : linear-gradient(to bottom, darkblue, lightblue, darkblue);
}

html.low-vision-blue #regions .region, html.low-vision-blue #regions .region .region-count, html.low-vision-blue #regions .region::before {
    color : darkblue;
}

html.low-vision-blue #regions-wrapper #regions-school-stats {
    background : linear-gradient(to bottom right, lightblue, darkblue, lightblue);
}

html.low-vision-blue #university .university-educations .university-educations-hint {
    color : darkblue;
}

html.low-vision-blue #universities #university-search .fas.checked {
    color : darkblue;
}

html.low-vision-blue #university #university-branches > .university > a {
    color : darkblue;
}

html.low-vision-blue #universities .university .university-name, html.low-vision-blue #universities .university-address {
    color : darkblue;
}

html.low-vision-blue #university #university-facultets > .facultet .fas, html.low-vision-blue #university #university-branches .fas, html.low-vision-blue #universities .university .fa-university {
    color : darkblue;
}

html.low-vision-blue #university #university-entrance-examinations .entrance-examination .entrance-examination-type-1 {
    color : darkblue;
}

html.low-vision-blue #university #university-entrance-examinations .entrance-examination .entrance-examination-type-2 {
    color : darkblue;
}

html.low-vision-blue td {
    border: 1px solid darkblue;
}

html.low-vision-blue #university .university-educations .qualification-anchors > span {
    color : darkblue;
}

html.low-vision-blue #university .university-educations .university-education-row .speciality-name .master-type-name {
    color : darkblue;
}

html.low-vision-blue #university .university-educations > table > tbody > tr.university-education-qualification > td > a {
    color : darkblue;
}

html.low-vision-blue #university .university-educations > table > tbody > tr.university-education-row > td:empty {
    background-color: lightblue;
}

html.low-vision-blue #university .university-educations > table > tbody > tr.university-education-qualification > td {
    background     : linear-gradient(to bottom right, darkblue, lightblue, darkblue);
}

html.low-vision-blue #university .university-educations .university-education-row .speciality-name span.code {
    color : darkblue;
}

html.low-vision-blue #university .university-educations .university-education-row .speciality-name .specz {
    color: darkblue; 
}

html.low-vision-blue #main-menu .fa-facebook::before,
html.low-vision-blue #main-menu .fa-youtube::before,
html.low-vision-blue #main-menu .fa-low-vision::before,
html.low-vision-blue #main-menu .fa-volume-up::before,
html.low-vision-blue #main-menu .fa-volume-mute::before {
    color : darkblue;
}

html.low-vision-blue #registry-wrapper #registry-links > div.heximg > a {
    background-image : url(/img/hexagon_blue.png);
}

html.low-vision-blue #registry-wrapper #registry-links > div.heximg > a:hover {
    background-image : url(/img/hexagon_blue.png);
}

html.low-vision-blue #registry-wrapper #registry-links > div > a {
    color : darkblue;
}

html.low-vision-blue #registry-wrapper #registry-links > div > a > .fas {
    color : darkblue !important;
}

html.low-vision-blue #wrapper button, html.low-vision-blue #wrapper .button, html.low-vision-blue .buttons-panel button {
    background : none;
    border     : 1px solid darkblue;
    color      : darkblue;
}

html.low-vision-blue #footer {
    border-color : darkblue;
}

html.low-vision-blue #registry-wrapper #registry-panel {
    border-color : darkblue;
}

html.low-vision-blue #news-wrapper .news {
    border-color : darkblue;
}

/* blue */

/* beige */
html.low-vision-beige body {
    background : beige;
    color      : brown;
}

html.low-vision-beige h1, html.low-vision-beige h2, html.low-vision-beige h3 {
    color : brown;
}

html.low-vision-beige a {
    color : brown;
}

html.low-vision-beige label {
    color : brown;
}

html.low-vision-beige .hint {
    color : brown;
}

html.low-vision-beige .buttons-panel.bordered {
    border-top    : 2px solid brown;
    border-bottom : 2px solid brown;
}

html.low-vision-beige #wrapper .university-search-name .university-search-name-i:before {
    color : brown;
}

html.low-vision-beige input, html.low-vision-beige select, html.low-vision-beige textarea, html.low-vision-beige .select2-selection--single {
    border : 1px solid brown !important;
}

html.low-vision-beige #main-menu #menu-logo {
    background-color : transparent;
    background-image : url(/img/logo_gray.png);
}

html.low-vision-beige #main-registry-title {
    color : brown;
}

html.low-vision-beige #main-menu .menu-item {
    color : brown;
}

html.low-vision-beige #main-menu > .menu-item a {
    color : brown;
}

html.low-vision-beige #main-menu .menu-item-active,
html.low-vision-beige #main-menu .menu-item-active > a,
html.low-vision-beige #main-menu > .menu-item a:hover {
    color        : brown;
    border-color : brown;
}

html.low-vision-beige #main-menu > a.menu-item-active,
html.low-vision-beige #main-menu > a.menu-item:hover {
    border-color : brown;
}

html.low-vision-beige #main-menu .sub-menu .sub-menu-item {
    background : linear-gradient(to bottom, brown, beige, brown);
}

html.low-vision-beige #regions .region, html.low-vision-beige #regions .region .region-count, html.low-vision-beige #regions .region::before {
    color : brown;
}

html.low-vision-beige #regions-wrapper #regions-school-stats {
    background : linear-gradient(to bottom right, beige, brown, beige);
}

html.low-vision-beige #university .university-educations .university-educations-hint {
    color : brown;
}

html.low-vision-beige #universities #university-search .fas.checked {
    color : brown;
}

html.low-vision-beige #university #university-branches > .university > a {
    color : brown;
}

html.low-vision-beige #universities .university .university-name, html.low-vision-beige #universities .university-address {
    color : brown;
}

html.low-vision-beige #university #university-facultets > .facultet .fas, html.low-vision-beige #university #university-branches .fas, html.low-vision-beige #universities .university .fa-university {
    color : brown;
}

html.low-vision-beige #university #university-entrance-examinations .entrance-examination .entrance-examination-type-1 {
    color : brown;
}

html.low-vision-beige #university #university-entrance-examinations .entrance-examination .entrance-examination-type-2 {
    color : brown;
}

html.low-vision-beige td {
    border: 1px solid brown;
}

html.low-vision-beige #university .university-educations .qualification-anchors > span {
    color : brown;
}

html.low-vision-beige #university .university-educations .university-education-row .speciality-name .master-type-name {
    color : brown;
}

html.low-vision-beige #university .university-educations > table > tbody > tr.university-education-qualification > td > a {
    color : brown;
}

html.low-vision-beige #university .university-educations > table > tbody > tr.university-education-row > td:empty {
    background-color: beige;
}

html.low-vision-beige #university .university-educations > table > tbody > tr.university-education-qualification > td {
    background     : linear-gradient(to bottom right, brown, beige, brown);
}

html.low-vision-beige #university .university-educations .university-education-row .speciality-name span.code {
    color : brown;
}

html.low-vision-beige #university .university-educations .university-education-row .speciality-name .specz {
    color: brown; 
}

html.low-vision-beige #main-menu .fa-facebook::before,
html.low-vision-beige #main-menu .fa-youtube::before,
html.low-vision-beige #main-menu .fa-low-vision::before,
html.low-vision-beige #main-menu .fa-volume-up::before,
html.low-vision-beige #main-menu .fa-volume-mute::before {
    color : brown;
}

html.low-vision-beige #registry-wrapper #registry-links > div.heximg > a {
    background-image : url(/img/hexagon_light.png);
}

html.low-vision-beige #registry-wrapper #registry-links > div.heximg > a:hover {
    background-image : url(/img/hexagon_light.png);
}

html.low-vision-beige #registry-wrapper #registry-links > div > a {
    color : brown;
}

html.low-vision-beige #registry-wrapper #registry-links > div > a > .fas {
    color : brown !important;
}

html.low-vision-beige #wrapper button, html.low-vision-beige #wrapper .button, html.low-vision-beige .buttons-panel button {
    background : beige;
    border     : 1px solid brown;
    color      : brown;
}

html.low-vision-beige #footer {
    border-color : brown;
}

html.low-vision-beige #registry-wrapper #registry-panel {
    border-color : brown;
}

html.low-vision-beige #news-wrapper .news {
    border-color : brown;
}

/* beige */