html, body {
    min-height : 100%;
    height     : 100%;
}

body {
    display          : flex;
    flex-flow        : column nowrap;
    font-family      : "Open Sans", Helvetica, Arial, sans-serif;
    background-color : ghostwhite;
}

main {
    flex-grow : 1;
    position  : relative;
}

main ul {
    list-style-type : none;
}

main ul > li::before {
    margin-right   : .5em;
    vertical-align : middle;
    font-family    : "Font Awesome 5 Free";
    font-weight    : bold;
    content        : "\f101";
    color          : darkblue;
}

iframe {
    display   : block;
    width     : 640px;
    height    : 360px;
    margin    : 0 auto 2em;
    max-width : 100%;
}

#low-vision-panel button, #low-vision-panel .button, .buttons-panel button, .buttons-panel .button {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    box-sizing      : border-box;
    margin          : .3em 1em;
    padding         : .5em 1em;
    font-size       : 1rem;
    font-weight     : bold;
    border-radius   : 0 .8em;
    background      : transparent;
    text-align      : center;
    cursor          : pointer;
}

#main-menu {
    background-color : darkblue;
    background-image : linear-gradient(to bottom, steelblue, darkblue, steelblue) !important;
    padding          : 0;
}

#main-menu .navbar-brand {
    background    : aliceblue;
    border-radius : 0 1rem;
    padding       : .5rem;
    margin        : .2rem .2rem;
}

#main-menu .navbar-toggler-icon {
    background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 215, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#main-menu .navbar-brand-logo {
    height : 3rem;
}

#main-menu .navbar-nav {
    align-items : center;
}

#main-menu .nav-item {
    border-right : 1px solid white;
}

#main-menu .nav-link {
    color           : aliceblue;
    font-weight     : bold;
    font-size       : .9em;
    margin          : 0 .5em;
    padding         : 0 .2em;
    text-align      : center;
    line-height     : 1.2em;
    display         : flex;
    align-items     : center;
    justify-content : center;
    border-top      : 2px solid transparent;
    border-bottom   : 2px solid transparent;
    border-radius   : 0 .4rem;
    height          : 4em;
}

#main-menu .nav-link:hover,
#main-menu .nav-link.active {
    color        : gold;
    border-color : gold;
}

#main-menu .nav-link i {
    font-size    : 1.2em;
    margin-right : .3em;
}

#main-menu .navbar-collapse.collapse.show .nav-link,
#main-menu .navbar-collapse.collapsing .nav-link {
    justify-content : flex-start;
}

#main-menu .navbar-collapse.collapse.show .nav-item br,
#main-menu .navbar-collapse.collapsing .nav-item br {
    display : none;
}

#main-menu .dropdown-menu {
    padding : 0;
}

#main-menu .dropdown-menu .dropdown-item {
    background-image : linear-gradient(to bottom, steelblue, darkblue, steelblue) !important;
    color            : white;
    margin-top       : .1em;
    padding          : .5rem 1rem;
}

#main-menu .dropdown-menu .dropdown-item:hover {
    color : gold;
}

#main-menu #nav-item-compare-offers span {
    display : none;
}

#main-menu .fa-facebook,
#main-menu .fa-instagram,
#main-menu .fa-low-vision,
#main-menu .fa-volume-up,
#main-menu .fa-volume-mute {
    font-size        : 1.7rem;
    margin-left      : .5em;
    color            : white;
    bacgrkound-color : blue;
    cursor           : pointer;
}

#main-menu .fa-youtube {
    font-size        : 1.7rem;
    margin-left      : .5em;
    color            : red;
    background-color : white;
}

.hot-line-contacts {
    margin-left : 1em;
    color       : white;
    font-size   : .8em;
}

main .hot-line-contacts, main .hot-line-contacts a {
    font-size : 1em;
    color: darkblue;
}

.hot-line-contacts .fas {
    font-size      : 1.5em;
    margin-right   : .3em;
    vertical-align : middle;
}

.hot-line-contacts img {
    width        : 1.3em;
    margin-right : .5em;
}

#hot-line {
    color            : darkblue;
    display          : flex;
    flex-direction   : row;
    justify-content  : space-around;
    align-items      : center;
    font-size        : .9em;
    font-weight      : bold;
    border-radius    : .5em;
    width            : 40em;
    max-width        : 98%;
    padding          : .2em .5em;
    margin           : 0 auto;
    /*background-color : #9ebfdb !important;
    border           : 3px solid transparent;
    border-color     : steelblue !important;*/
}

table#grant_tb, table#grant_tb td {
    border  : 3px solid steelblue;
    /*width   : 95%;*/
}

table#grant-univ, table#grant-univ td, table#grant-univ th {
    border  : 3px solid steelblue;
    /*width   : 95%;*/
}

.alert .alert-secondary .mt-3 {
    background-color: #9ebfdb !important;
    border-color     : steelblue !important;
}

#hot-line .time {
    display : inline-block;
    width   : 11em;
}

#hot-line-comment-1 {
    width      : 40em;
    max-width  : 98%;
    text-align : justify;
    margin     : 0 auto;
}

.search-form {
    width         : 50rem;
    max-width     : 98%;
    margin        : 1em auto 1em;
    border-radius : 0 1em;
    padding       : .5em 1em;
    box-sizing    : border-box;
    box-shadow    : inset 0 0 .5em darkblue;
}

.search-form h5[data-toggle]:after {
    font-family    : "Font Awesome 5 Free";
    content        : "\f150";
    font-weight    : bold;
    vertical-align : middle;
    margin-left    : .2em;
}

input.hide-arrows::-webkit-outer-spin-button,
input.hide-arrows::-webkit-inner-spin-button {
    -webkit-appearance : none;
    margin             : 0;
}

input[type=number].hide-arrows {
    -moz-appearance : textfield;
}

textarea {
    resize : none;
}

textarea.resize-vertical {
    resize : vertical;
}

.bootstrap-select .dropdown-menu {
    max-width : 100%;
}

.bootstrap-select .badge {
    vertical-align : text-top !important;
}

.bootstrap-select .level-1 {
}

.bootstrap-select .level-2 {
    margin-left : 2rem;
}

.bootstrap-select .level-2 .badge {
    width : 3.5rem;
}

.bootstrap-select .dropdown-toggle:focus {
    outline : none !important;
}

.bootstrap-autocomplete .badge {
    width          : 3rem;
    vertical-align : text-top !important;
}

.banner-title {
    display         : flex;
    justify-content : center;
    align-items     : center;
    color           : darkblue;
    max-width       : 100%;
    box-shadow      : inset 0 0 .5em 0 darkblue;
    border-radius   : 0 1rem;
    margin          : .5rem auto;
    padding         : .7rem 1rem;
    text-transform  : uppercase;
    justify-content : center;
    align-items     : center;
    text-align      : center;
}

.banner-title span {
    color     : darkgoldenrod;
    margin    : 0;
    padding   : 0;
    font-size : 1.1em;
}

#offers-search-offer-subjects .custom-control-label {
    color  : gray;
    cursor : pointer;
}

#offers-search-offer-subjects .custom-control-input:checked + .custom-control-label {
    color       : darkblue;
    font-weight : bold;
}

#universities .university {
    box-shadow     : 0 .3rem .2rem -.2rem darkblue;
    padding-bottom : .3rem;
    margin-bottom  : 1rem;
}

#universities .university-title-row {
    cursor           : pointer;
    display          : flex;
    align-items      : flex-start;
    position         : sticky;
    top              : 0;
    background-color : ghostwhite;
}

#universities .university-title-row .badge {
    font-size  : 1rem;
    text-align : center;
}

#universities .university-title {
    text-transform : uppercase;
    flex-grow      : 1;
}

#universities .university-title .badge {
    width          : 3rem;
    margin-right   : .2rem;
    vertical-align : middle;
}

#universities .university-title-row > .badge {
    margin-left : .5rem;
    flex        : 0 0 2.5rem;
}

#universities .university-offers {
}

#universities .university-offers .university-offers-title {
    position         : sticky;
    top              : 0;
    background-color : ghostwhite;
    z-index          : 999;
}

#universities .university-offers .offer {
    padding       : .5rem .5rem .5rem 1.5rem;
    border        : 2px solid steelblue;
    border-radius : 0 1rem;
    margin        : 1rem 0;
    font-size     : .8rem;
    box-shadow    : inset 0 0 .5em darkblue;
}

.offer {
    padding : 0 5px;
}

.offer dl {
    margin      : 0;
    align-items : stretch;
    flex-flow   : row nowrap;
}

.offer dt {
    color          : steelblue;
    font-weight    : normal;
    flex           : 0 0 9.5em;
    margin         : 0 .3em 0 0;
    border-right   : 1px solid steelblue;
    padding-bottom : .2em;
    vertical-align : middle;
}

.offer dd {
    flex-grow : 1;
    margin    : 0;
    max-width : 100%;
}

.offer-info {
    display   : flex;
    flex-flow : row wrap;
}

.offer-info-left {
    flex : 0 0 50%;
}

.offer .offer-subjects {
    flex        : 0 0 49%;
    padding     : 0 .5em;
    border-left : 1px solid steelblue;
    box-shadow  : inset .5em 0 .5em -.5em darkblue;
}

.offer-buttons {
    text-align : right;
    margin-top : .5em;
}

.offer-subjects .offer-subject-wrapper {
    display       : flex;
    flex-flow     : row nowrap;
    align-items   : center;
    margin-bottom : .3em;
}

.offer-subjects .subject-number {
    flex             : 0 0 1.5em;
    font-size        : 1em;
    color            : white;
    font-weight      : bold;
    border-radius    : 0 .4em .4em 0;
    background-color : darkblue;
    text-align       : center;
    margin-right     : .1em;
}

.offer-subjects .subject-number:empty {
    height : 0;
}

.offer-subjects .subject-number-subjects {
    flex-grow : 1;
}

.offer-subjects .subject-number-subjects {
    border-left   : 2px solid darkblue;
    border-radius : .4em 0 0 .4em;
}

.offer-subjects .subject-wrapper {
    display         : flex;
    flex-flow       : row nowrap;
    justify-content : flex-start;
    align-items     : center;
    margin          : .1em 0 .1em .4em;
}

.offer-subjects .subject-name {
    margin-right : .5em;
}

.offer-subjects .subject-name::before {
    display       : inline-block;
    width         : 3em;
    color         : white;
    font-weight   : bold;
    border-radius : .3em;
    margin-right  : .3em;
    text-align    : center;
}

.offer-subjects .subject-name.ef-1::before {
    content          : "ІСП";
    background-color : steelblue;
}

.offer-subjects .subject-name.ef-2::before {
    content          : "ІСП";
    background-color : darkblue;
}

.offer-subjects .subject-name.ef-3::before {
    content          : "ЗНО";
    background-color : green;
}

.offer-subjects .subject-name.ef-3nm::before {
    content          : "НМТ";
    background-color : green;
}

.offer-subjects .subject-name.ef-3n::before {
    content          : "НМТ/ЗНО";
    background-color : green;
    width: 5.5em;
}

.offer-subjects .subject-name.ef-4::before {
    content          : "ЗАЛ";
    background-color : #00CED1;
}

.offer-subjects .subject-name.ef-10::before {
    content          : "ТК";
    background-color : saddlebrown;
}

.offer-subjects .subject-name.ef-11::before {
    content          : "ТЗ";
    background-color : darkgoldenrod;
}

.offer-subjects .subject-name.ef-20::before {
    content          : "ФАХ";
    background-color : purple;
}

.offer-subjects .subject-name.ef-21::before {
    content          : "ЄДКІ";
    background-color : yellow;
}

.offer-subjects .coefficient {
    background-color : steelblue;
    color            : white;
    flex             : 0 0 2.5em;
    border-radius    : .3em;
    font-weight      : bold;
    text-align       : center;
    margin-right     : .3em;
}

.offer-subjects .coefficient.c0 {
    background-color : gray;
}

.offer-subjects .min-value {
    background-color : lightgreen;
    flex             : 0 0 3em;
    border-radius    : .3em;
    font-weight      : bold;
    text-align       : center;
    margin-right     : .3em;
}

.offer-subjects .isChoosing {
    background-color : saddlebrown;
    color            : white;
    flex             : 0 0 2.5em;
    border-radius    : .3em;
    font-weight      : bold;
    text-align       : center;
    margin-right     : .3em;
}

#offer {
    margin-bottom : 2em;
}

#offer-requests {
    margin-bottom : 1rem;
    font-size     : .9em;
}

#offer-requests-header {
    color            : gray;
    position         : sticky;
    top              : 0;
    background-color : ghostwhite;
}

#offer-requests-header .offer-request {
    height : 3em;
}

#offer-requests-header #offer-requests-search {
    width     : 40em;
    max-width : 100%;
    margin    : 0 auto;
}

#offer-requests-footer {
}

.offer-request {
    display         : flex;
    flex-flow       : row nowrap;
    border-bottom   : 1px solid steelblue;
    align-items     : center;
    justify-content : flex-start;
    margin-top      : -1px;
    padding-top     : .2em;
}

.offer-request.request-status-2 {
    background-color : rgba(255, 215, 0, .5);
}

.offer-request.request-status-3,
.offer-request.request-status-4,
.offer-request.request-status-8 {
    background-color : rgba(128, 128, 128, .5);
}

.offer-request.request-status-6 {
    background-color : rgba(128, 0, 128, .1);
}

.offer-request.request-status-7,
.offer-request.request-status-10,
.offer-request.request-status-13 {
    background-color : rgba(255, 165, 0, .5);
}

.offer-request.request-status-9 {
    background-color : rgba(50, 205, 50, .3);
}

.offer-request.request-status-11,
.offer-request.request-status-12 {
    background-color : rgba(70, 130, 180, .3);
}

.offer-request.request-status-14.payment-1 {
    background-color : rgba(50, 205, 50, .3);
}

.offer-request.request-status-14.payment-2 {
    background-color : rgba(70, 130, 180, .3);
}

.offer-request > div {
    display   : flex;
    flex-flow : column nowrap;
}

.offer-request > div > label {
    display    : none;
    color      : gray;
    flex       : 0 0 4em;
    text-align : left;
    margin     : 0;
}

.offer-request-n {
    flex       : 0 0 3em;
    text-align : center;
}

.offer-request-fio {
    flex       : 0 0 20em;
    text-align : left;
}

.offer-request-kv {
    flex       : 0 0 7em;
    text-align : center;
}

.offer-request-kv img {
    width : 5em;
}

#offer-requests #offer-requests-body .offer-request-kv > div,
#offer-requests #offer-requests-body .offer-request-fio > div,
#offer-requests #offer-requests-body .offer-request-priority > div {
    font-style : italic;
    font-size  : 1.2em;
}

.offer-request-status {
    flex       : 0 0 10em;
    text-align : left;
}

.offer-request-priority {
    flex        : 0 0 4em;
    text-align  : center;
    color       : gray;
    display     : flex;
    align-items : center;
}

.offer-request-priority > div {
    width         : 3.5em;
    padding       : 0;
    border-radius : 50%;
    line-height   : 1.2;
}

.offer-request-priority .offer-request-active {
    color : darkgreen;
}

.offer-request-priority .offer-request-reject {
    color : darkred;
}

.offer-request-priority .offer-request-contract {
    color : dodgerblue;
}

.offer-request-priority .offer-request-other {
    color : black;
}

.offer-request-priority .offer-request-move > div:first-child {
    color : orange;
}

.offer-request-priority .offer-request-move > div:last-child {
    color : darkgreen;
}

.offer-request-priority .offer-request-move .icon:before {
    font-family : "Font Awesome 5 Free";
    font-weight : bold;
    content     : "\f103";
    color       : gray;
    font-style  : normal;
}

#offer-requests #offer-requests-body .offer-request-kb > div {
    color       : darkgreen;
    font-weight : bold;
}

.offer-request .offer-subjects {
    flex-grow   : 1;
    display     : flex !important;
    flex-flow   : column nowrap !important;
    align-items : flex-start !important;
    font-size   : 0.8em;
}

.offer-request .offer-subjects .offer-subject {
    width   : 100%;
    display : flex;
}

.offer-request .offer-subjects .offer-subject > .kv {
    flex          : 0 0 5em;
    padding-right : .2em;
    text-align    : right;
    font-style    : italic;
}

.offer-request .offer-subjects .offer-subject > .f {
    flex       : 0 0 6.5em;
    text-align : left;
    font-style : italic;
}

.offer-request .offer-subjects .offer-subject > .sn {
    flex-grow : 1;
}

.offer-request .offer-subjects .offer-subject.indicator {
    color : darkblue;
}

.offer-request .offer-subjects .offer-subject.indicator-q {
    color : purple;
}

#offer-requests .offer-documents {
    flex       : 0 0 2em;
    text-align : center;
}

#offer-requests .offer-documents > div::before {
    font-family : 'Font Awesome 5 Free';
    font-weight : bold;
    font-size   : 1.5em;
}

#offer-requests .offer-documents .od-1::before {
    content : "\f14a";
    color   : darkgreen;
}

#offer-requests .offer-documents .od-0::before {
    content : "\f146";
    color   : #8b0000;
}


#offer-requests .offer-confirm {
    flex       : 0 0 2em;
    text-align : center;
}

#offer-requests .offer-confirm > div::before {
    font-family : 'Font Awesome 5 Free';
    font-weight : bold;
    font-size   : 1.5em;
}

#offer-requests .offer-confirm .od-2::before {
    content : "\f14a";
    color   : darkblue;
}

#offer-requests .offer-confirm .od-1::before {
    content : "\f14a";
    color   : darkgreen;
}

#offer-requests .offer-confirm .od-0::before {
    content : "\f146";
    color   : #8b0000;
}

.offer-requests-stats {
    padding       : .5em;
    margin        : .5em auto;
    border-radius : 0 1em;
    line-height   : 1.2;
    font-size     : .8em;
}

.offer-requests-stats h6 {
    font-size     : 1.2em;
    margin-bottom : 0;
}

.offer-requests-stats.offer-requests-stats-c {
    background-color : lightblue;
}

.offer-requests-stats.offer-requests-stats-p {
    background-color : Wheat;
}

.offer-requests-stats .stats-field {
    display     : flex;
    flex-flow   : row nowrap;
    align-items : center;
}

.offer-requests-stats .value {
    font-size   : 1.2em;
    font-weight : bold;
    text-align  : left;
    flex        : 0 0 3em;
}

.offer-requests-stats .title {
    color : gray;
    flex  : 0 1 20em;
}

#search-requests .offer {
    padding    : .5rem .5rem .5rem 1.5rem;
    margin     : .5rem 0;
    font-size  : .8rem;
    box-shadow : 0 .5em .5em -.5em darkblue;
}

#search-requests .offer-request {
    border-bottom : none;
}

.loading {
    text-align : center;
    animation  : fa-spin 1s steps(8) infinite;
}

.loading::before {
    font-family : "Font Awesome 5 Free";
    font-weight : bold;
    font-size   : 3em;
    content     : "\f110";
    color       : darkblue;
}

.loading.light::before {
    color : white;
}

#btn-to-top {
    position : fixed;
    bottom   : 90px;
    right    : 20px;
    outline  : none !important;
}

#btn-to-bottom {
    position : fixed;
    bottom   : 50px;
    right    : 20px;
    outline  : none !important;
}

footer {
    text-align : center;
    font-size  : .8rem;
    padding    : .1em;
    border-top : 2px solid darkblue;
}

.offer-field {
    box-shadow    : 0 .5em .5em -.5em darkblue;
    margin-bottom : 1em;
}

.offer-field label {
    color   : darkblue;
    opacity : .5;
    margin  : 0;
}

.offer-field.offer-field-n {
    position : sticky;
    top      : 0;
}

.offer-field.offer-field-n .offer-field-offer {
    background-color : darkblue;
    color            : white;
    text-align       : center;
    border-radius    : .3em;
    text-decoration  : none;
}

.offer-field.offer-field-n .offer-field-offer span {
    font-size : 1.5em !important;
}

.offer-field-offers {
    display   : flex;
    flex-flow : row nowrap;
}

.offer-field.has-diff label {
    /*color : orangered;*/
}

.offer-field-offer {
    flex         : 1 0 10em;
    margin-right : .5em;
}

.hidden {
    display : none;
}

.offer-field.has-diff .offer-field-offer {
    font-size : .8em;
}

.offer-field-offer:empty::before {
    content : '\2013'
}

#offers-compare .offer-subjects {
    border     : none;
    box-shadow : none;
    margin     : 0;
}

#offers-compare .offer-subjects .offer-field-offer {
    margin-bottom : 1em;
    font-size     : .6em;
}

#offers-compare .offer-field-offer .n {
    display          : none;
    background-color : darkblue;
    border-radius    : 50%;
    color            : white;
    width            : 1.5em;
    text-align       : center;
    margin-right     : .3em;
}

#offers-compare #offers-compare-links {
    font-size : .7em;
}

#offers-compare #offers-compare-links .offer-link {
    margin-bottom : .5em;
}

#offers-compare {

}

#form-abit-search input {
    width : 15em;
}

.tooltip-menu .tooltip-inner {
    background-color : darkgoldenrod !important;
}

#form-abit-search input:focus,
.input-group-btn .btn {
    box-shadow : none !important;
}

#nav-item-compare-offers::before,
.btn-compare-offer-add::before {
    font-family  : "Font Awesome 5 Free";
    font-weight  : bold;
    content      : "\f24e";
    margin-right : .3em;
}

.btn-compare-offer-add {
    background-color : goldenrod;
    color            : white;
}

.btn-compare-offer-add.checked {
    background-color : steelblue;
}

.data-not-found {
    display : none;
}

#offers-compare .offer-link {
    display     : flex;
    flex-flow   : row nowrap;
    align-items : center;
}

#offers-compare .offer-link .offer-number {
    flex             : 0 0 1.5em;
    font-size        : 1.5em;
    color            : white;
    border-radius    : 50%;
    text-align       : center;
    background-color : darkblue;
    color            : white;
    margin-right     : .5em;
}

#offers-compare .offer-link .icon {
    flex : 0 0 3em;
}

#offers-compare .offer-link .icon::before {
    font-family : "Font Awesome 5 Free";
    font-weight : bold;
    font-size   : 1.2em;
    cursor      : pointer;
}

#offers-compare .offer-link.hidden .icon::before,
#offers-compare .offer-link.hidden .offer {
    color : gray !important;
}

#offers-compare .offer-link.hidden .offer-number {
    background-color : gray;
}

#offers-compare .offer-link .offer-visibility::before {
    content : "\f06e";
    color   : gold;
}

#offers-compare .offer-link .offer-delete::before {
    content : "\f2ed";
    color   : orangered;
}

#statistics-requests-by-date-params {
    width  : 40em;
    margin : 0 auto;
}

#statistics-requests-by-date-params .form-row {
    align-items     : center;
    margin-bottom   : .2em;
    justify-content : center;
}

#statistics-requests-by-date #chart {
    margin : 1em 0;
}

#statistics-requests-by-date #chart .d3-chart-rect {
    stroke : black;
    fill   : white;
}

#statistics-requests-by-date #chart .d3-chart-title {
    font-size : 16px;
    fill      : darkblue;
}

#statistics-requests-by-date #chart .d3-chart-subtitle-e {
    font-size : 14px;
    fill      : darkgoldenrod;
}

#statistics-requests-by-date #chart .d3-chart-subtitle-p {
    font-size : 14px;
    fill      : steelblue;
}

.d3-tooltip {
    position         : absolute;
    padding          : .2em .5em;
    background-color : aliceblue;
    border           : 1px solid darkblue;
    border-radius    : .2em;
    font-size        : .8rem;
}

#statistics-links .statistics-links-group {
    display         : flex;
    flex-flow       : row wrap;
    justify-content : center;
    align-items     : center;
}

#statistics-links .btn {
    display         : flex;
    flex-flow       : row nowrap;
    justify-content : center;
    align-items     : center;
    margin          : 1em auto;
    max-width       : 98%;
    width           : 30%;
}

#statistics-links i {
    font-size : 3rem;
    margin    : .2em .2em .2em 0;
}

#requests-stats-table {
    max-width : 98%;
    margin    : 1em auto 2em;
    display   : none;
    font-size : .9em;
}

#requests-stats-table caption {
    caption-side   : top;
    text-align     : center;
    color          : darkblue;
    text-transform : uppercase;
}

#requests-stats-table td {
    padding : .1em .3em;
    border  : 1px solid steelblue;
}

#requests-stats-table thead td {
    font-weight : bold;
    text-align  : center;
}

#requests-stats-table tbody tr.total {
    font-weight : bold;
}

#requests-stats-table .region {
    width : 14em;
}

#requests-stats-table .speciality {
    width : auto;
}

#requests-stats-table .speciality .specialization {
    font-size : .8em;
    color     : steelblue;
}

#requests-stats-table .university {
    width : 20em;
}

#requests-stats-table .number {
    width : 6em;
}

#requests-stats-table tbody .number {
    text-align : right;
}

#requests-stats-table .number.average-ball {
    width : 7em;
}

#global-order {
    width     : 40em;
    max-width : 98%;
    margin    : 0 auto;
}

#konkurs-form {
    width     : 50em;
    max-width : 98%;
}

#konkurs-table {
    display : none;
}

@media (max-width : 768px) {
    #main-menu {
        flex-flow : column wrap;
    }

    #main-menu .navbar-nav {
        align-items : flex-start;
    }

    #main-menu .nav-link {
        min-height : 2em;
        height     : auto;
    }

    #main-menu > div {
        margin     : .2em 0;
        flex-basis : auto !important;
    }

    #main-menu .nav-item {
        border-right : none;
    }

    #offers-search-offer-subjects .custom-control {
        width : 100% !important;
    }

    .offer dl {
        flex-wrap : wrap;
    }

    .offer dt {
        flex-basis : 100%;
        border     : none;
    }

    .offer-buttons {
        text-align : center;
    }

    #offer-requests #offer-requests-header .offer-request {
        display : none;
    }

    .offer-request-priority .offer-request-move {
        width : auto !important;
    }

    .offer-request-priority .offer-request-move div {
        display : inline;
    }

    .offer-request-priority .offer-request-move .icon:before {
        content : "\f101";
    }

    .offer-request {
        flex-direction : column;
        align-items    : flex-start;
        padding        : .2em .5em;
    }

    .offer-request > div {
        flex            : 1 0 100%;
        flex-flow       : row nowrap;
        justify-content : flex-start;
        align-items     : center;
        line-height     : 1.5em;
        width           : 100%;
    }

    .offer-request > div > label {
        display        : inline-block;
        vertical-align : 1px;
        flex-basis     : 12em;
    }

    #offers-compare .offer-field-offers {
        flex-flow : column;
    }

    #offers-compare .offer-field-offer {
        flex : 0 0 auto;
    }

    #offers-compare .offer-field-offer .n {
        display : inline-block;
    }

    .offer-field.offer-field-n {
        display : none;
    }

    #main-menu #nav-item-compare-offers span {
        display : inline-block;
    }

    #form-abit-search {
        margin-left   : 1em;
        margin-bottom : .3em;
    }

    #hot-line {
        flex-flow : column;
    }

    #hot-line .hot-line-contacts {
        margin-top : 1em;
    }

    #statistics-links .btn {
        width: 70%;
    }
}

@media (max-width : 1152px) {
    .offer-info-left {
        flex-basis : 100%;
    }

    .offer .offer-subjects {
        border     : none;
        box-shadow : none;
        flex-basis : 100%;
    }
}