@font-face {
    font-family: kellog;
    src: url('/fonts/kellog/kellog.woff') format('woff'),
    url('/fonts/kellog/kellog.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Circe;
    src: url('/fonts/Circe/Circe-Regular.woff2') format('woff2'),
    url('/fonts/Circe/Circe-Regular.woff') format('woff'),
    url('/fonts/Circe/Circe-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Circe;
    src: url('/fonts/Circe/Circe-ExtraBold.woff2') format('woff2'),
    url('/fonts/Circe/Circe-ExtraBold.woff') format('woff'),
    url('/fonts/Circe/Circe-ExtraBold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


/*общие*/
html {
    min-height: 100%;
}

body {
    max-width: 1920px;
    min-height: 100%;
    margin: 0 auto;
    font: 400 17px/25px "Fira Sans", sans-serif;
    color: #333;
}

.body-overflow-hidden {
    overflow: hidden;
}

body .margin-clear {
    margin: 0;
}

main {
    padding: 0 0 20px;
    min-height: 95vh;
}

abbr {
    font-family: kellog;
    font-weight: 400;
    text-transform: none;
}

h1, h2, h3 {
    margin: 30px 0;
    font-size: 46px;
    line-height: 52px;
    font: 900 36px/42px Circe, sans-serif;
}

.rub:after {
    content: ' \20BD';
    font-weight: 400;
}

.euro:after {
    content: ' \20AC';
    font-weight: 400;
}

.dollar:after {
    content: ' \0024';
    font-weight: 400;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-15 {
    margin-bottom: 15px;
}

.relative-block {
    position: relative;
}

table.all-screen-table {
    width: calc(100% - 310px);
    min-width: 0%;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.green:not(.empty) {
    background: rgba(0, 255, 0, .05);
}

.red:not(.empty) {
    background: rgba(255, 0, 0, .05);
}

.blue {
    background: #e7e9ea;
}

.grey {
    background: #eee;
}

.text-green {
    color: #006400;
}

.text-red {
    color: #8B0000;
}

.text-blue {
    color: #166e1f;
}

.text-grey {
    background: grey;
}

.vertical-top {
    vertical-align: top;
}

.clear-block {
    clear: both;
}

/*общие*/


/*----------- кнопки ----------*/
.button {
    display: inline-block;
    padding: 0 15px;
    border: none;
    outline: none;
    font: 900 12px/36px Circe, sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #fff;
    background: #61ab46;
    box-shadow: 0 0 10px #ddd;
    transition: all .3s;
    cursor: pointer;
    border-radius: 5px;
}

.button:focus {
    text-decoration: none;
    color: #fff;
}

.button:hover {
    text-decoration: none;
    color: #fff;
    background: #007933;
}

.filter__button {
    display: inline-block;
    margin: 0 5px 15px 0;
    padding: 0 15px;
    border: none;
    outline: none;
    font: 900 12px/36px Circe, sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    vertical-align: top;
    color: #fff;
    background: #61ab46;
    opacity: 0.7;
    box-shadow: 0 0 10px #ddd;
    transition: all .3s;
    cursor: pointer;
    border-radius: 5px;
}

.filter__button:last-child {
    margin-right: 0;
}

.filter__button:focus {
    text-decoration: none;
    color: #fff;
}

.filter__button:hover {
    text-decoration: none;
    color: #fff;
    background: #007933;
    opacity: 1;
}

.add-button {
    float: right;
    margin: 0 0 15px 15px;
    background: #61ab46;
}

.add-button:hover {
    background: #007933;
}

.button_orange {
    background: #51626c;
    opacity: 0.7;
}

.button_orange:hover {
    background: #81828с;
    opacity: 1;
}

.button_green {
    background: #61ab46;
}

.button_green:hover {
    background: #007933;
}

.button_red {
    background: #007933;
}

.button_red:hover {
    background: #166e1f;
}

.button_grey {
    background: #51626c;
    opacity: 0.7;
    align-self: flex-start;
}

.button_grey:hover {
    background: #51626c;
    opacity: 1;
}

.button_middle {
    padding: 1px 10px 0;
    margin: 0;
    line-height: 27px;
}

.button_mini {
    padding: 0 5px;
    margin: 0 0 0 10px;
    font: 13px/22px Circe, sans-serif;
    text-transform: none;
}

.login__offer {
    text-align: center;
}

.button-ml-auto {
    margin-left: auto;
}

/*---------- кнопки ----------*/


/*----------шапка----------*/
header {
    position: relative;
    z-index: 3;
}

/*шапка страницы логина*/
.login-header {
    height: 90px;
    background: radial-gradient(ellipse at center, #51626c 0%, #51626c 100%);
    box-shadow: 0 0 20px #ccc;
}

.header__logo {
    float: left;
    padding-top: 10px;
}

.header__logo-img {
    height: 70px;
}

.login-header__clock {
    float: right;
    height: 100%;
    text-align: center;
}

/*кнопка мобильного меню*/
.mobile-menu-btn {
    position: absolute;
    top: 9px;
    display: none;
    font: 400 26px/1 kellog;
    color: #fff;
    transition: all .3s;
}

.mobile-menu-btn_left {
    left: 20px;
}

.mobile-menu-btn_right {
    right: 20px;
}

.active.mobile-menu-btn_left { /*смещение мобильной кнопки меню после нажатия*/
    left: 170px;
}

.active.mobile-menu-btn_right { /*смещение мобильной кнопки меню после нажатия*/
    right: 170px;
}

.mobile-menu-btn__ico {
    display: inline-block; /*необходимо для анимации иконок*/
    transition: all .4s;
}

.active .mobile-menu-btn__ico_left { /*анимация иконок при нажатии*/
    transform: rotate(180deg);
}

.active .mobile-menu-btn__ico_right { /*анимация иконок при нажатии*/
    transform: rotate(-180deg);
}

.mobile-menu-btn__top-ico { /*неанимируемая верхняя иконка*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    font: 400 16px/26px kellog;
    color: #302f80;
}

/*меню*/
.menu {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: 150px;
    text-align: center;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 0 20px #ddd;
    transition: all .3s;
}

.left-menu {
    left: 0;
    border-right: 1px solid #e2e3da;
}

.right-menu {
    right: 0;
    border-left: 1px solid #e2e3da;
}

/*логотип леаого меню*/
.left-menu__logo {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 15px;
    background: white;
}

.left-menu__logo-img {
    display: inline-block;
    max-width: 149px;
    transition: opacity .3s;
    height: 90px;
}

.left-menu__logo-min-img {
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    width: 30px;
    opacity: 0;
    transition: opacity .3s;
}

/*список элементов меню*/
.menu__list {
    margin: 0;
    padding: 0;
    list-style: none;
    transition: all .3s;
}

.menu__link {
    display: block;
    width: 100%;
    padding: 10px;
    border: none;
    font: 700 10px Circe, sans-serif;
    word-spacing: 1px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #353546;
    background: transparent;
    transition: background .3s;
}

.menu__link:focus {
    text-decoration: none;
    color: #353546;
}

.menu__link:hover {
    text-decoration: none;
    color: #353546;
    background: rgba(151, 162, 127, .06);
}

.menu__link:hover .menu__ico {
    color: #007933;
}

.menu__ico {
    position: relative; /*для позиционирования числа новых сообщений*/
    display: inline-block;
    width: 100%; /*для переноса текста на следующую строку*/
    margin-bottom: 6px;
    font-size: 30px;
    line-height: 1;
    color: #51626c;
    transition: color .3s;
}

.personal__avatar {
    display: block;
    width: 50px;
    margin: 0 auto 6px;
    border-radius: 50%;
}

.menue__new-message {
    position: absolute;
    top: -2px;
    right: 42px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #007933;
    font: 400 9px/18px Circe, sans-serif;
    text-align: center;
    color: #fff;
    box-shadow: 0 0 1px #ccc;
}

/*часы*/
.clock {
    padding: 10px;
    font: 400 14px/22px Circe, sans-serif;
    color: #fff;
    background: #61ab46;
    position: fixed;
    top: 0;
    right: 0;
    text-align: center;
}

.clock__location {
    text-transform: uppercase;
}

.clock__time {
    font-size: 20px;
    line-height: 26px;
}

/*подменю*/
.menu__sublist {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    overflow: auto;
    width: 280px;
    margin: 0;
    padding: 50px 20px 0;
    border-left: 1px solid #e2e3da;
    border-right: 1px solid #e2e3da;
    list-style: none;
    background: rgba(255, 255, 255, .9);
    box-shadow: 2px 0 10px #ddd;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.menu__subtitle {
    margin-bottom: 25px;
    font: 900 18px Circe, sans-serif;
    word-spacing: 1px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #007933;
}

.menu__subitem {
    margin-bottom: 15px;
    text-align: left;
}

.menu__sublink {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    color: #333;
    transition: all .3s;
}

.menu__sublink:focus {
    text-decoration: none;
    color: #333;
}

.menu__sublink:hover {
    text-decoration: none;
    border-bottom: none;
    color: #007933;
}

.menu__item:hover > .menu__sublist {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

/*----------шапка----------*/


/*----------подвал----------*/
footer {
    padding: 10px 0 0;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    background: #51626c;
}

.footer__copy {
    float: left;
    margin: 0 15px 10px 0;
}

.footer__address {
    display: inline-block;
    margin: 0 15px 10px 0;
}

.footer__link {
    margin-left: 20px;
    text-decoration: none;
    color: #fff;
    transition: all .2s;
}

.footer__link:hover {
    text-decoration: underline;
    color: #fff;
}
.footer__link:hover abbr {
    text-decoration: none;
}
.footer__ico {
    margin-right: 10px;
    vertical-align: bottom;
}

.intrlogo {
    float: right;
    display: block;
    margin-bottom: 10px;
    padding: 5px 20px 6px 30px;
    font: 10pt Arial;
    background: url(/images/white.png) no-repeat;
    color: #51626c;
    text-decoration: none;
}

.intrlogo:focus, .intrlogo:hover {
    color: #51626c;
}

/*----------подвал----------*/


/*----------меню карточек----------*/
.card-menu {
    overflow: hidden; /*для плавающих элементов*/
    margin: 0 0 30px;
    padding: 10px 10px 0;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    border-radius: 5px;
}

.card-menu__btn {
    float: left;
    margin: 0 22px 10px 0;
    font: 400 12px/1 "Fira Sans", sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}

.card-menu__btn abbr {
    margin-right: 7px;
    vertical-align: -4px;
    font-size: 18px;
}

.card-menu__btn:hover {
    color: #007933;
}

.card-menu__btn_switcher {
    float: right;
    margin: 0 0 11px 40px;
}

.card-menu__btn_switcher:before {
    content: 'F';
    font-family: kellog;
    font-size: 18px;
    vertical-align: -4px;
}

.tenders_btn_blocks:before {
    content: 'G';
}

.tenders_btn_table:before {
    content: 'F';
}

.card-menu__btn_checker {
    float: right;
    margin: 0 0 11px 40px;
}

.card-menu__btn_checker:before {
    content: 'S';
    font-family: kellog;
    font-size: 18px;
    vertical-align: -4px;
}

.tenders_btn_checked:before {
    content: 'U';
}

.tenders_btn_unchecked:before {
    content: 'U';
}

.card-menu__btn_switcher + .card-menu__btn_checker {
    margin-right: -30px;
}

.card-menu input.form-control {
    height: 28px;
    margin-top: -10px;
    margin-bottom: 0;
    padding: 0 4px;
    border: 1px solid #aaa;
    border-radius: 0;
    font: 400 14px/18px "Fira Sans", sans-serif;
    color: #333;
    background: #fff;
    vertical-align: middle;
}

/*----------меню карточек----------*/


/*---------- фильтр ----------*/
.filter {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}

.filter__select {
    max-width: 150px;
    height: 36px;
    margin: 0 15px 15px 0;
    padding: 0 10px;
    border: 1px solid #333;
    box-shadow: 0 0 10px #eee;
    font-size: 15px;
}

.filter__select_type {
    max-width: 200px;
}

.filter__input {
    max-width: 250px;
    height: 36px;
    margin: 0 15px 15px 0;
    padding: 0 10px;
    border: 1px solid #333;
    box-shadow: 0 0 10px #eee;
    font-size: 15px;
}

.filter__input_date.form-control {
    display: inline-block;
    height: 36px;
    border-radius: 0;
}

.filter__input_date {
    width: 95px;
}

.filter__input_first {
    margin-right: 5px;
}

.filter label {
    margin: 0 15px 15px 0;
    font: 400 15px/20px "Fira Sans", sans-serif;
    cursor: pointer;
}

.filter label:last-of-type {
    margin-right: 0;
}

.filter [type="checkbox"] {
    display: none;
}

.filter .checkbox__block {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #333;
    border-radius: 0;
    vertical-align: top;
    text-align: center;
}

.filter [type="checkbox"]:checked + .checkbox__block:before {
    content: '✔';
    font-size: 20px;
    line-height: 13px;
    vertical-align: top;
}

/*---------- фильтр ----------*/


.personal-card {
    position: relative;
    height: 230px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    box-shadow: 0 0 20px #eee;
    transition: all .3s;
    border-radius: 10px;
}

.personal-card:hover {
    box-shadow: 0 0 20px #ccc;
}

.personal-card__person {
    padding: 8px 15px;
    background: #f6f6f6;
    border-radius: 10px 10px 0 0;
}

.personal-card__role {
    float: left;
    font: 400 20px/17px kellog;
    color: #51626c;
}

.filter .button_green {
    margin-left: 15px;
    align-self: flex-start;
}

.admin:before {
    content: 'j';
}

.it:before {
    content: 'm';
}

.kellog:before {
    content: 'k';
}

.tk:before {
    content: 'h'
}

.controller:before {
    content: 'l';
}

.docs:before {
    content: 'i';
}

.personal-card__name {
    margin-bottom: 0;
    padding-left: 30px;
    font: 400 17px/20px Circe, sans-serif;
    color: #000;
}

.personal-card__contacts-wrap {
    padding: 10px 15px;
}

.personal-card__contacts {
    margin-bottom: 5px;
    font: 900 14px/18px Circe, sans-serif;
}

.personal-card__ico {
    margin-right: 10px;
    vertical-align: bottom;
}

a.personal-card__link {
    color: #8f6b28;
}

.personal-card__link {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: "Fira Sans", sans-serif;
}

.personal-card__btn-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    padding: 0 50px;
    font-size: 1px;
    line-height: 1px;
    text-align: justify;
    background: #e7e9ea;
    box-shadow: 0 0 10px #eee;
}

.personal-card__btn-wrap:after {
    display: inline-block;
    width: 100%;
    content: '';
}

.personal-card-btn {
    border: none;
    outline: none;
    background: transparent;
    font: 400 17px/30px kellog;
    text-decoration: none;
    color: #007933;
    cursor: pointer;
}

.personal-card-btn:focus {
    color: #007933;
    text-decoration: none;
}

.personal-card-btn:hover {
    color: #3b3b3b;
    text-decoration: none;
}


.tenders {
    position: relative;
    /*padding-top: 70px;*/
}

.card {
    position: relative;
    height: 440px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    box-shadow: 0 0 20px #eee;
    transition: all .3s;
    border-radius: 10px;
}

.card:hover {
    box-shadow: 0 0 20px #ccc;
}

.card_auction {
    height: 400px;
}

.card_marshrut {
    height: 165px;
}

.card_company {
    height: 365px;
    overflow: hidden;
}

.card__header {
    padding: 10px;
    background: #e7e9ea;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.card__head-status {
    clear: both;
    text-align: center;
}

.card__number-link {
    float: left;
    padding-left: 25px;
    line-height: 16px;
}

.card__number-link:focus {
    text-decoration: none;
    color: #302f80;
}

.card__number-link:hover {
    text-decoration: none;
    color: red;
}

.card__number-link:hover .card__number-status {
    color: red;
}

.card__number-link:hover .card__number {
    color: red;
}

.card__number-status {
    margin-left: -25px;
    font: 400 16px/1 kellog;
    color: #302f80;
    vertical-align: -3px;
}

.moving:before {
    content: 'u';
}

.coming:before {
    content: 'v';
}

.shipment:before {
    content: 'w';
}

.card__number {
    margin-bottom: 0;
    font: 400 12px/14px "Fira Sans", sans-serif;
    color: #000;
}

.card__date {
    float: right;
    max-width: 65%;
    margin-left: 10px;
    text-align: center;
    line-height: 14px;
}

.card__caption {
    margin-bottom: 10px;
    font: 400 13px/16px Circe, sans-serif;
    color: #333;
}

.card__date-caption {
    font: 900 12px/14px Circe, sans-serif;
    color: #000;
}

.card__date-number {
    font-size: 12px;
}

.card__date-time {
    font-size: 12px;
}

.card__data-wrap {
    padding: 10px;
}

.card__title {
    display: block;
    max-height: 52px;
    overflow: hidden;
    margin: 0 0 7px;
    font: 400 15px/18px Circe, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #166e1f;
    transition: 0.2s;
}

.card__title:focus {
    text-decoration: none;
    color: inherit;
}

.card__title:hover {
    text-decoration: none;
    color: #007933;
}

.card__car {
    margin: 0 -11px 7px;
    padding: 5px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: justify;
    font-size: 1px;
    line-height: 1px;
    background: #fff;
}

.card__car:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.card__car_p15 {
    padding: 10px 15px;
}

.card__car-ico {
    font-size: 30px;
    line-height: 1;
    vertical-align: bottom;
    color: #007933;
}

.card__car-elem {
    display: inline-block;
    text-align: center;
}

.card__car-title {
    font: 400 13px/16px Circe, sans-serif;
    color: #007933;
}

.card__car-text {
    font: 400 12px/16px "Fira Sans", sans-serif;
    max-width: 120px;
    padding: 0 5px;
}

.card__way {
    margin-bottom: 10px;
    font: 900 13px/16px Circe, sans-serif;
}

.card__way-data {
    font: 400 13px/16px "Fira Sans", sans-serif;
}

.card__time-wrap {
    overflow: hidden;
    margin-bottom: 7px;
    /*text-align: center;*/
}

.card__time-wrap_center {
    text-align: center;
}

.card__time {
    width: 48%;
    font: 400 13px/16px Circe, sans-serif;
}

.card__time_left {
    float: left;
}

.card__time_right {
    float: right;
}

.card__stavka {
    margin-bottom: 7px;
    font: 400 14px/16px Circe, sans-serif;
}

.card__stavka-position {
    display: inline-block;
    margin-left: 3px;
    padding-top: 1px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    background: #bd9648;
}

/*.card__favorit-ico {
  margin-right: 4px;
  font: 400 14px/1 kellog;
  color: #FFD700;
  text-shadow: 0 0 2px #000;
  vertical-align: top;
}*/

.card__status-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 10px;
    /*border-radius: 0 0 5px 5px;*/
    background: #e7e9ea;
    box-shadow: 0 0 10px #eee;
    border-radius: 0 0 10px 10px;
}

.card__status-wrap_auction {
    padding: 8px;
}

.card_company .card__status-wrap {
    height: 40px;
}

.card__winner {
    padding-left: 30px;
    line-height: 18px;
}

.card__winner-ico {
    display: block;
    float: left;
    margin-left: -30px;
    font-size: 22px;
    line-height: 1;
    color: #FFD700;
    text-shadow: 0 0 2px #000;
}

.card__winner-ico_lider {
    margin-left: -25px;
    font-size: 30px;
    font-family: Arial;
}

.card__winner-price_lider {
    color: #999;
}

.card__winner-title_lider {
    color: #999;
}

.card__winner-title {
    font: 400 15px/20px Circe, sans-serif;
}

.card__winner-price {
    font: 400 13px/20px Circe, sans-serif;
}

.card__winner-count {
    font: 400 15px/20px Circe, sans-serif;
}

.card__buttons-wrap {
    position: absolute;
    top: 5px;
    right: 15px;
}

.card__buttons-header-wrap {
    position: absolute;
    top: 6px;
    right: 15px;
}

.card__button {
    padding: 0 5px;
    border: none;
    outline: none;
    font: 400 17px/1 kellog;
    color: #51626c;
    background: transparent;
}

.card__checkbox-wrap {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.card__checkbox {
    display: none;
}

.card__checkbox-ico {
    padding: 0 5px;
    font: 400 19px/1 kellog;
    vertical-align: -1px;
    color: #51626c;
    cursor: pointer;
}

.card__checkbox-box {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    font: 18px/9px sans-serif;
    text-align: center;
    color: transparent;
    border: 2px solid #51626c;
    vertical-align: 5px;
    cursor: pointer;
    border-radius: 3px;
}

.card__checkbox-box_twice {
    font: 18px/5px sans-serif;
    margin-top: 4px;
    user-select: none;
}

.card__checkbox-box:hover {
    color: transparent;
    border-color: #007933;
}

.card__checkbox:checked + .card__checkbox-box {
    color: #51626c;
}

.card__checkbox:checked + .card__checkbox-box:hover {
    color: #007933;
}

.card__checkbox-ico:hover {
    color: #007933;
}

.card__checkbox-ico:after {
    content: 'H';
}

.card__checkbox:checked + .card__checkbox-ico:after {
    content: 'I';
}

.card__button:hover {
    color: #007933;
}

.checkbox__all .card__checkbox-box{
    border:2px solid #7C9A3B;
}

.checkbox__all .card__checkbox:checked + .card__checkbox-box{
    color: #7C9A3B;
}

.card__status {
    margin-bottom: 0;
    font: 400 13px/1 Circe, sans-serif;
    color: #000;
}

.card__status-data {
    font: 400 13px/1 "Fira Sans", sans-serif;
    text-transform: uppercase;
}

.green:not(.empty) .card__status-data {
    color: #006400;
}

.green.empty .card__header {
    background-color: rgba(0, 255, 0, .05);
}

.red:not(.empty) .card__status-data {
    color: #8B0000;
}

.red.empty .card__header {
    background-color: rgba(255, 0, 0, .05);
}

.blue .card__status-data {
    color: #166e1f;
}

.card__auction-button {
    float: right;
    margin-top: 4px;
}

.card__auction-time {
    float: left;
    font: 400 14px/16px Circe, sans-serif;
}

.card__auction-time_red {
    color: #8B0000;
}

/*карточка сообщения*/
.message {
    height: auto;
}

.message__title {
    font-size: 19px;
    color: #007933;
}

.message__date {
    float: right;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
}

.message__content {
    padding: 10px;
}


/*карточка сообщения*/


/*---------- логин ----------*/
.login {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.login__title {
    margin: 0 0 30px;
    font: 900 35px/42px Circe, sans-serif;
    text-align: center;
}

.login .form-control {
    height: 40px;
    outline: none;
    padding: 13px 15px;
    border: 1px solid #e2e3da;
    border-radius: 0;
    font: 600 15px Circe, sans-serif;
    color: #979984;
}

.login .form-control:focus {
    border: 1px solid #51626c;
    box-shadow: 0 0 5px #51626c;
}

.login .form-control::-webkit-input-placeholder {
    color: #979984;
    opacity: 1;
}

.login .form-control::-moz-placeholder {
    color: #979984;
    opacity: 1;
}

.login .form-control:-moz-placeholder {
    color: #979984;
    opacity: 1;
}

.login .form-control:-ms-input-placeholder {
    color: #979984;
    opacity: 1;
}

.login .form-control::-ms-input-placeholder {
    color: #979984;
    opacity: 1;
}

.login .form-control:focus::-webkit-input-placeholder {
    opacity: 0;
}

.login .form-control:focus::-moz-placeholder {
    opacity: 0;
}

.login .form-control:focus:-moz-placeholder {
    opacity: 0;
}

.login .form-control:focus:-ms-input-placeholder {
    opacity: 0;
}

.login .form-control:focus::-ms-input-placeholder {
    opacity: 0;
}

/*.help-block {
  font-size: 14px;
  line-height: 18px;
}*/

.login__buttons-wrap {
    padding-top: 15px;
}

.login__button {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    outline: none;
    border: none;
    font-weight: 900;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-family: Circe, sans-serif;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #007933;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.2s;
    border-radius: 5px;
}

.login__button:hover {
    background: #007933;
    opacity: 1;
}

.login__remember {
    float: right;
    margin-top: 6px;
    color: #51626c;
    transition: 0.2s;
}

.login__remember:hover {
    color: #51626c;
}

.partner-link {
    position: relative;
    display: block;
    max-width: 500px;
    height: 140px;
    margin: 0 auto 30px;
    background: url('../images/partner.jpg') no-repeat center top;
    background-size: auto 100%;
    transition: all .3s;
}

.partner-link:hover {
    background-size: auto 105%;
    box-shadow: 0 0 20px #eee;
}

.partner-link__text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #333;
}

/*---------- логин ----------*/


.pagination {
    position: relative;
    max-width: 400px;
    width: 100%;
    text-align: center;
}

.pagination > li {
    display: inline-block;
}

.pagination > li > a, .pagination > li > span {
    display: block;
    width: 29px;
    height: 29px;
    border-radius: 50% !important;
    border: none;
    color: #383845;
    font: 700 16px/31px Circe;
    text-align: center;
    padding: 0;
    background: transparent;
    transition: all .3s;
}

.pagination > li > a:focus {
    color: #383845;
    text-decoration: none;
    background: transparent;
}

.pagination > li > a:hover {
    color: #fff;
    text-decoration: none;
    background: #007933;
}

.pagination > .disabled > span {
    background: #007933;
    color: #fff;
}

.pagination > .disabled > span:focus {
    background: #bd9648;
    color: #fff;
}

.pagination > .disabled > span:hover {
    background: #007933;
    color: #fff;
}

.pagination .prev {
    position: absolute;
    top: 0;
    left: 0;
}

.pagination .prev span, .pagination .prev a, .pagination .next span, .pagination .next a {
    line-height: 29px;
}

.pagination .next {
    position: absolute;
    top: 0;
    right: 0;
}

/*.pagination a.current, .pagination a:hover {
    background: #bd9648;
    color: #fff;
    border-radius: 25px;
}
.pagination a {
    color: #383845;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    font-family: "circe-rounded";
    width: 29px;
    line-height: 31px;
    height: 29px;
    border-radius: 25px;
}*/

.pagination-select {
    float: right;
    margin: 20px 0;
}

.pagination-select .control-label {
    float: left;
    margin: 5px 5px 0 0;
}

.pagination-select .form-control {
    display: inline-block;
    width: 50px;
    height: 36px;
    margin: 0;
    padding: 0 5px;
    border: 1px solid #333;
    border-radius: 0;
    box-shadow: 0 0 10px #eee;
    /*font: 400 15px/1 "Fira Sans";*/
    color: #000;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #007933;
    border-color: #007933;
}


/*---------- таблица тендеров ----------*/
.tender-table {
    width: 100%;
    min-width: 100%;
    margin-bottom: 25px;
    box-shadow: 0 0 20px #ccc;
    border-radius: 10px;
    /*overflow: hidden;*/
}

.tender-table tr:first-child {
    background: #51626c;
}

.tender-table tr:first-child > th:first-child {
    border-radius: 10px 0 0 0;
}

.tender-table tr:first-child > th:last-child {
    border-radius: 0 10px 0 0;
}

.tender-table tr:last-child > th:first-child {
    border-radius: 0 0 0 10px;
}

.tender-table tr:last-child > th:last-child {
    border-radius: 0 0 10px 0;
}

.tender-table th {
    padding: 5px;
    font: 400 14px/1 Circe, sans-serif;
    text-align: center;
    color: #fff;
}

.tender-table th a {
    position: relative;
    color: #fff;
    transition: 0.2s;
}

.tender-table th a:focus {
    color: #fff;
    text-decoration: none;
}

.tender-table th a:hover {
    color: #007933;
    text-decoration: none;
}

.tender-table td {
    position: relative;
    padding: 0 5px;
    border: 1px solid #51626c;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.tender-table td a {
    color: #166e1f;
    transition: 0.2s;
}

.tender-table td a:focus {
    color: #007933;
    text-decoration: none;
}

.tender-table td a:hover {
    color: #007933;
    text-decoration: none;
}

/*.tender-table__link {
  color: #bd9648;
}
.tender-table__link:focus {
  color: #bd9648;
  text-decoration: none;
}
.tender-table__link:hover {
  color: red;
  text-decoration: none;
}*/

.tender-table__ico {
    margin-right: 5px;
    vertical-align: top;
}

/*---------- таблица тендеров ----------*/


/*выезжающий блок характеристик*/
.info {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 3;
    width: 80%;
    height: 100%;
    padding: 20px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 0 30px #ccc;
    transition: right .3s;
}

#modal-info-view {
    max-height: calc(100% - 40px);
    overflow: auto;
}

#modal-info-view:after {
    content: '';
    display: block;
    clear: both;
}

.login__info { /*панель регистрации*/
    max-width: 600px;
}

.info_md {
    width: 1000px;
}

.info_sm {
    width: 700px;
}

.info_xs {
    width: 400px;
}

.info__close {
    position: absolute;
    top: 15px;
    left: -65px;
    width: 40px;
    height: 40px;
    border: 2px solid rgba(85, 85, 85, .5);
    border-radius: 50%;
    font: 36px/38px sans-serif;
    text-align: center;
    color: rgba(85, 85, 85, .5);
    background: #fff;
    box-shadow: 0 0 30px #ccc;
    cursor: pointer;
}

.info__close:hover {
    color: #51626c;
    border-color: #51626c;
}

.info__title {
    margin-bottom: 10px;
    font: 400 20px/1 Circe;
}

.info__small-text {
    font-size: 14px;
    line-height: 16px;
}

.info__id {
    font-weight: 700;
}

/*блок монитор*/
.monitor__wrap {
    position: relative;
    margin-bottom: 25px;
}

.monitor {
    float: left;
    width: 33%;
    margin-right: 2%;
}

.monitor__title {
    margin-bottom: 0;
    text-align: center;
}

.monitor__table {
    position: relative;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 0 20px #ccc;
}

.monitor__table tr:first-child {
    background: #51626c;
    transition: all .3s;
}

.monitor__table tr:first-child th:first-child {
    border-radius: 10px 0 0 0;
}

.monitor__table tr:first-child th:last-child {
    border-radius: 0 10px 0 0;
}

.monitor__table.inactive tr:nth-child(n+3) {
    display: none;
}

.monitor__table th {
    padding: 5px;
    font: 400 14px/1 Circe, sans-serif;
    text-align: center;
    color: #fff;
}

.monitor__table td {
    padding: 5px;
    border: 1px solid #007933;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.monitor__table-wrap {
    display: none;
    overflow: auto;
    max-height: 200px;
    padding: 10px;
    border: 1px solid #007933;
    border-top: none;
}

.monitor__all-table {
    width: 100%;
}

.monitor__table-wrap.active {
    display: block;
}

.monitor__all-table td {
    padding: 2px 5px;
    font-size: 14px;
    line-height: 16px;
}

.monitor__all-table td:nth-child(n+2) {
    text-align: center;
}

.monitor__ico {
    position: absolute;
    left: calc(50% - 75px);
    bottom: -15px;
    width: 150px;
    border-radius: 3px;
    font: 400 14px/21px sans-serif;
    text-align: center;
    color: #fff;
    background: #51626c;
    box-shadow: 0 0 5px #ccc;
    cursor: pointer;
    transition: 0.2s;
}

.monitor__ico:after {
    content: 'показать все ставки'
}

.monitor__ico.active:after {
    content: 'скрыть все ставки'
}

.monitor__ico:hover {
    opacity: 0.8;
}

.monitor__favorit-ico {
    font: 400 16px/1 kellog;
    color: #FFD700;
    text-shadow: 0 0 2px #000;
}

.pseudotable {
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
}

.pseudotable__block {
    margin-bottom: 15px;
    padding: 5px;
    box-shadow: 0 0 5px #eee;
}

.pseudotable__content-wrap {
    max-height: 266px;
    overflow: auto;
}

.pseudotable__content-wrap_add {
    max-height: 316px;
}

.pseudotable__content {
    position: relative;
    margin: 0;
    padding: 5px 30px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.pseudotable__content a {
    color: #403112;
}

.pseudotable__content:not(:last-of-type) {
    border-bottom: 1px solid rgba(90, 90, 199, .3);
}

.pseudotable__content_red {
    background: rgba(255, 0, 0, .07);
}

.pseudotable__content_yellow {
    background: rgba(255, 215, 0, .1);
}

.pseudotable__header {
    margin: -10px -10px 10px;
    padding: 5px;
    font: 400 14px/1 Circe, sans-serif;
    text-align: center;
    color: #fff;
    background: #51626c;
    border-radius: 10px 10px 0 0;
}

.pseudotable__text {
    font-size: 14px;
    line-height: 16px;
}

/*блок поездка*/
.company {
    float: left;
    width: 20%;
    margin: 25px 0 0;
}

.company__pseudotable {
    overflow: auto;
    max-height: 300px;
}

.pseudotable__text_company {
    margin-bottom: 0;
    padding: 5px 0;
    border-bottom: 1px solid rgba(90, 90, 199, .3);
}

.pseudotable__text_company:last-child {
    border-bottom: none;
}

.company__ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    margin-right: 10px;
    font: 400 16px/21px Arial;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    background: #51626c;
}

/*блок рейс*/
.voyage {
    width: 43%;
    float: left;
    margin: 25px 2% 0 0;
}

.voyage_stavka {
    width: 49%;
    float: left;
    margin: 0;
}

.voyage .pseudotable__text {
    padding-left: 100px;
}

.voyage .pseudotable__text_title {
    display: inline-block;
    margin-left: -100px;
    width: 100px;
}

.pseudotable__text_title {
    font-size: 12px;
    color: #999;
}

.voyage__button {
    display: inline-block;
    width: 140px;
    font-size: 10px;
    line-height: 23px;
    margin: 0 15px;
}

.pseudotable__voyage-count {
    float: right;
    font-size: 12px;
    line-height: 16px;
    color: #999;
}

.pseudotable__voyage-count_bold {
    font-weight: 700;
    color: #313131;
}

.pseudotable__right-btn-block {
    float: right;
}

.pseudotable__right-btn-block .button {
    vertical-align: top;
}

.form-control-line {
    position: relative;
    font: 400 13px/18px "Fira Sans", sans-serif;
}

.form-control-line_120 {
    padding-left: 120px;
}

.form-control-line_80 {
    padding-left: 80px;
}

.form-control-line_70 {
    padding-left: 70px;
}

.form-control-line_60 {
    padding-left: 60px;
}

.form-control-line_45 {
    padding-left: 45px;
}

.form-control-line__title {
    position: absolute;
    top: 2px;
    left: 2px;
    font: 400 13px/18px "Fira Sans", sans-serif;
}

.form-control-line .button {
    vertical-align: top;
    margin-bottom: 10px;
}

.form-control-line .form-group {
    margin: 0;
}

.inline-input {
    display: inline-block;
    height: 22px;
    margin: 0 5px 10px 0;
    padding: 0 4px;
    border: 1px solid #aaa;
    border-radius: 0;
    font: 400 13px/15px "Fira Sans", sans-serif;
    text-transform: none;
    color: #333;
    background: #fff;
    vertical-align: top;
}

.inline-input_60 {
    width: 60px;
}

.inline-input_full {
    width: 100%;
}

.inline-input_40 {
    width: 40px;
}

.inline-input_100 {
    width: 100px;
}

/*---------- формы инфо-панели ----------*/
.info .form-control {
    height: 28px;
    margin-bottom: 0;
    padding: 0 4px;
    border: 1px solid #aaa;
    border-radius: 0;
    font: 400 14px/18px "Fira Sans", sans-serif;
    text-transform: none;
    color: #333;
    background: #fff;
}

.info .input-caption {
    font-size: 14px;
    margin-bottom: 0;
}

.info textarea.form-control {
    height: auto;
    resize: none;
}

.help-block {
    font-size: 13px;
    line-height: 16px;
}

.personal-info {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.info__button {
    margin: 0;
}

.info__button + .info__button {
    margin-left: 10px;
}

.input-wrap {
    position: relative;
    display: inline-block;
}

.input-wrap .form-control {
    padding-right: 12px;
}

.input-arrows-wrap {
    position: absolute;
    top: 0;
    right: 2px;
    z-index: 2;
    width: 12px;
    height: 22px;
    background: transparent;
}

.input-arrow {
    display: block;
    width: 100%;
    height: 50%;
    font: 400 11px/1 sans-serif;
    text-align: center;
    cursor: pointer;
}

.input-arrow:hover {
    color: #bd9648;
}

/*---------- формы инфо-панели ----------*/

.position-block {
    width: 49%;
    float: left;
    margin: 0 2% 0 0;
}

.position__calc-btn {
    float: right;
    display: inline-block;
    padding: 0 8px;
    font: 13px/22px Circe, sans-serif;
    color: #fff;
    background: #bd9648;
    box-shadow: 0 0 10px #eee;
    cursor: pointer;
}

.position__calc-btn:hover {
    color: #fff;
    text-decoration: none;
    background: #343c99;
}

.m-mini-block_stavka .form-group {
    display: inline-block;
    width: 80px;
    margin: 0 2px;
    vertical-align: -16px;
}

.m-mini-block_stavka .form-control {
    height: 22px;
}

.way-link {
    font-family: kellog;
    color: #51626c;
    vertical-align: top;
}

.way-link:focus, .way-link:hover {
    color: #007933;
    text-decoration: none;
}

.user-data .pseudotable__text {
    padding-left: 130px;
}

.user-data .pseudotable__text_title {
    display: inline-block;
    margin-left: -130px;
    width: 130px;
}

.pseudotable__2btn {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/*выезжающий блок характеристик*/


/*----------маршрут----------*/
.min-padding {
    padding: 0 7px;
}

.m-block {
    /* min-height: 170px; */
    margin-bottom: 15px;
    padding: 8px 8px 4px;
    border: 1px solid #ddd;
    box-shadow: 0 0 20px #ccc;
    border-radius: 10px;
}

.m-block__header {
    margin: -9px -9px 10px;
    padding: 10px;
    font: 400 15px/1 Circe, sans-serif;
    text-align: center;
    color: #fff;
    background: #51626c;
    border-radius: 10px 10px 0 0;
}

.way-block__distance {
    font: 400 13px/20px "Fira Sans", sans-serif;
    color: #777;
}

.way-block__distance_black {
    font-weight: 700;
    font-size: 14px;
    color: #333;
}

.way-block__del-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    font-size: 25px;
    line-height: 24px;
    color: #aaa;
    background: #fff;
    cursor: pointer;
}

.way-block__del-btn:hover {
    color: #343c99;
}

.button_marshrut {
    width: 100%;
    margin-bottom: 15px;
    font: 400 13px/30px Circe, sans-serif;
    text-transform: none;
    text-align: center;
}

.way-block__calc-btn {
    display: inline-block;
    margin-left: 0px;
    padding: 0 3px;
    font: 13px/22px Circe, sans-serif;
    color: #fff;
    background: #bd9648;
    cursor: pointer;
}

.way-block__calc-btn:hover {
    background: #343c99;
}

/*----------базовая цена----------*/
.price-block__price {
    margin-bottom: 10px;
    font: 400 13px/1 "Fira Sans", sans-serif;
    text-align: center;
}

.price-block__price_bold {
    font-weight: 700;
    font-size: 17px;
}

.price-block__date {
    margin-bottom: 10px;
    font: 700 13px/1 "Fira Sans", sans-serif;
    text-align: center;
}

.price-block__form-group {
    float: left;
    width: 48%;
    margin-bottom: 0;
}

.price-block__form-group + .price-block__form-group {
    margin-left: 4%;
}

/*----------базовая цена----------*/


/*----------настройки----------*/
.options-block__header {
    position: relative;
    padding: 6px 10px;
}

.options-block_close {
    position: relative;
    overflow: hidden;
    height: 32px;
    min-height: 32px;
}

.options-block_close .visibility-block {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.options-block__close-btn {
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
    font: 400 16px/1 sans-serif;
    color: #fff;
    transform: rotate(90deg);
    cursor: pointer;
    transition: all .3s;
}

.options-block__close-btn.active {
    transform: rotate(-90deg);
}

.m-mini-block {
    float: left;
    width: 26%;
    min-height: 150px;
    margin-bottom: 15px;
    padding: 5px;
    box-shadow: 0 0 5px #eee;
}

.m-mini-block_bet {
    width: 40%;
    margin-left: 2%;
}

.m-mini-block_bid {
    width: 30%;
    margin-left: 2%;
}

.m-mini-block__title {
    margin: 0 0 10px;
    font-size: 14px;
    color: #51626c;
}

.m-mini-block__title abbr {
    margin-right: 5px;
    font-size: 18px;
    vertical-align: -3px;
}

.m-mini-block__text {
    font: 400 13px/18px "Fira Sans", sans-serif;
    color: #333;
}

.m-mini-block__text_top-border {
    margin-top: 10px;
    padding-top: 5px;
    border-left: 1px dashed #51626c;
}

.m-mini-block__input-block {
    font: 400 13px/18px "Fira Sans", sans-serif;
}

.m-mini-block__input-block_left {
    float: left;
    margin-right: 14px;
}

.m-mini-block__input-block_left:last-child {
    margin-right: 0;
}

.m-mini-block__input-block_right {
    float: right;
}

.m-mini-block__location {
    margin-bottom: 8px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #51626c;
}

.extension {
    clear: both;
    margin-bottom: 15px;
    padding: 5px;
    box-shadow: 0 0 5px #eee;
}

.extension__label {
    display: inline-block;
    margin-right: 15px;
}

.row.r .col-lg-6:first-child {
    border-right: 1px dashed #51626c;
}

.extension__input-block {
    display: inline-block;
    margin-right: 15px;
}

.extension__carry {
    display: none;
}

.visibility-block {
    padding: 5px;
    background: #51626c;
    box-shadow: 0 0 5px #eee;
    border-radius: 10px;
}

.visibility-block__title {
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

.visibility-block__title abbr {
    margin-right: 5px;
    font-size: 18px;
    vertical-align: -3px;
}

/*----------настройки----------*/

/*форма*/
.marshrut .form-group {
    position: relative;
}

.marshrut .form-control, .new--input {
    height: 28px;
    padding: 0 4px;
    border: 1px solid #aaa;
    border-radius: 5px !important;
    font: 400 13px/18px "Fira Sans", sans-serif;
    text-transform: none;
    color: #333;
    background: #fff;
}

.input-caption {
    padding-left: 5px;
    font: 400 12px/20px "Fira Sans", sans-serif;
    color: #777;
}

.form-group_template {
    display: inline-block;
    max-width: 152px;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.form-group_template .form-control {
    height: 23px;
}

.form-group_template .help-block {
    margin: 0px;
}

.form-group_time {
    display: inline-block;
    width: 32px;
    margin: 0 2px;
    vertical-align: -16px;
}

.form-group_price {
    display: inline-block;
    width: 60px;
    margin: 0 2px;
    vertical-align: -17px;
}

.form-group_valuta {
    display: inline-block;
    width: auto;
    margin: 0 2px;
    vertical-align: -16px;
}

.form-group_date {
    display: inline-block;
    width: 68px;
    margin: 0 2px;
    vertical-align: -16px;
}

.form-group_full-time {
    display: inline-block;
    width: 40px;
    margin: 0 2px;
    vertical-align: -16px;
}

.form-group_params {
    display: inline-block;
    margin: 0 2px;
    vertical-align: -19px;
}

.form-group_car-body .input-group {
    display: inline-block;
    width: auto;
    vertical-align: -8px;
}

.form-group_time .form-control, .form-group_price .form-control, .form-group_valuta .form-control,
.form-group_date .form-control, .form-group_full-time .form-control {
    height: 22px;
}

.visibility-block .form-group {
    vertical-align: -6px;
}

.visibility-block .help-block {
    margin: 0;
}

.marshrut label {
    font: 400 13px/20px "Fira Sans", sans-serif;
    cursor: pointer;
}

.marshrut [type="checkbox"],
.tk-form [type="checkbox"]{
    display: none;
}

.checkbox__block {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #aaa;
    border-radius: 2px;
    vertical-align: top;
    text-align: center;
}

.marshrut [type="checkbox"]:checked + .checkbox__block:before {
    content: '✔';
    font-size: 15px;
    line-height: 13px;
    vertical-align: top;
}
.tk-form [type="checkbox"]:checked + .checkbox__block:before {
    content: '✔';
    font-size: 16px;
    line-height: 10px;
    vertical-align: top;
    color: #bd9648;
}

.tk-form .checkbox__block{
    border: 2px solid #bd9648;
}

.tk-form-label{
    font: 700 13px/17px "Fira Sans", sans-serif;
    cursor: pointer;
}

.marshrut [type="radio"] {
    display: none;
}

.radio__block {
    position: relative;
    display: inline-block;
    margin-right: 3px;
    width: 16px;
    height: 16px;
    border: 1px solid #aaa;
    border-radius: 50%;
    vertical-align: top;
    text-align: center;
}

.marshrut [type="radio"]:checked + .radio__block:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #555;
    transform: translate(-50%, -50%);
}


/*----------заинтересованные компании-----------*/
.marshrut__pseudotable {
    position: relative;
    margin-bottom: 30px;
    padding: 0;
    border-radius: 10px;
}

.pseudotable__header_marshrut {
    padding: 10px;
    margin: 0;
    border-radius: 10px 10px 0 0;
}

.marshrut__price {
    font-size: 13px;
    line-height: 15px;
}

.marshrut__company-ico {
    position: absolute;
    top: calc(50% - 10px);
    left: 5px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    font: 400 16px/21px Arial;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #51626c;
}

.marshrut__del-btn {
    position: absolute;
    top: calc(50% - 10px);
    right: 5px;
    font: 400 20px/1 kellog;
    color: #51626c;
    cursor: pointer;
}

.marshrut__del-btn:hover {
    color: #8f6d29;
}

.marshrut__add {
    position: absolute;
    left: 20%;
    bottom: -21px;
    width: 120px;
    border-radius: 0 0 3px 3px;
    font: 400 14px/21px sans-serif;
    text-align: center;
    color: #fff;
    background: #51626c;
    box-shadow: 0 0 5px #ccc;
    cursor: pointer;
}

.marshrut__add:hover {
    background: #8f6d29;
}

/*----------заинтересованные компании-----------*/


.marshrut__map {
    margin: 30px 0;
    box-shadow: 0 0 20px #ccc;
}

/*----------маршрут----------*/


.modal-header {
    border-bottom: none;
    font: 700 22px/1.2 "Fira Sans", sans-serif;
    text-align: center;
    color: #333;
}

.modal-close {
    position: absolute;
    top: 8px;
    right: 3px;
    padding: 0 5px;
    font: 400 22px/1 sans-serif;
    color: #333;
    cursor: pointer;
}

.modal-close:hover {
    color: #bd9648;
}

.input-group {
    width: 100%;
}

.form-control {
    height: 40px;
    resize: none;
}

.form-group textarea.form-control {
    height: auto;
}

.form-control:focus {
    border: 1px solid #51626c;
    box-shadow: 0 0 5px #51626c;
}

.modal-body p {
    margin-bottom: 15px;
    font: 400 16px/1.2 Akrobat, sans-serif;
    text-align: center;
    color: #131313;
}

.modal-body p:last-child {
    margin-bottom: 0;
}

.modal-footer {
    border-top: none;
}

.modal-footer p {
    margin: 0;
    font: 400 14px/1.2 Akrobat, sans-serif;
    text-align: center;
    color: #131313;
}

.form__modal-content {
    margin-bottom: 40px;
    padding: 20px 15px 25px;
}

.modal__table-row {
    position: relative;
}

.modal__table-header {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 6px;
    background: radial-gradient(ellipse at center, #51626c 0%, #51626c 100%);
}

.motal__table-title {
    float: left;
    font: 400 14px/1 Circe, sans-serif;
    color: #fff;
}

.motal__table-title:first-child {
    width: 26%;
    margin-right: 7.5%;
}

.form-group_modal-price {
    float: left;
    width: 26%;
    margin: 0 7.5% 0 0;
}

.form-group_modal-date {
    width: 26%;
    float: left;
    margin: 0 10px 0 0;
}

.modal__table .form-control {
    height: 28px;
    padding: 0 4px;
    border: 1px solid #aaa;
    border-radius: 0;
    font: 400 13px/18px "Fira Sans", sans-serif;
    text-transform: none;
    color: #333;
    background: #fff;
}

.modal__del-btn {
    position: absolute;
    top: 4px;
    right: 0;
    font: 400 20px/1 kellog;
    color: #bd9648;
    cursor: pointer;
}

.cust-checkbox {
    display: inline-block;
    margin: 0;
    font: 400 15px/20px "Fira Sans", sans-serif;
    cursor: pointer;
}

.cust-checkbox [type="checkbox"] {
    display: none;
}

.cust-checkbox span {
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #333;
    border-radius: 1px;
    text-align: center;
}

.cust-checkbox_blue span {
    border-color: #bd9648;
    color: #bd9648;
}

.cust-checkbox_green span {
    border-color: #007933;
    color: #007933;
}

.cust-checkbox [type="checkbox"]:checked + span:before {
    content: '✔';
    font-size: 16px;
    line-height: 10px;
    vertical-align: top;
}


.middle-form {
    padding: 20px;
    box-shadow: 0 0 10px #ddd;
}

.middle-form .form-control {
    height: 28px;
    padding: 0 4px;
    border: 1px solid #aaa;
    font: 400 14px/18px "Fira Sans", sans-serif;
    color: #333;
    background: #fff;
}

.middle-form .control-label {
    margin: 0;
    padding-left: 5px;
    font: 400 14px/20px "Fira Sans", sans-serif;
    color: #777;
}

.middle-form .checkbox label {
    font: 400 14px/20px "Fira Sans", sans-serif;
    color: #777;
}

.form-group_password {
    width: calc(100% - 150px);
}

.button_password {
    margin-top: 25px;
    float: right;
}

.select2-container--krajee .select2-selection--single {
    height: 28px !important;
    padding-top: 4px !important;
}

.select2-container--krajee .select2-selection {
    border-radius: 0 !important;
    border-color: #aaa !important;
}

.select2-container--krajee .select2-selection__clear {
    top: 0 !important;
}

.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    height: 26px !important;
}

.select2-results__option {
    font-size: 14px !important;
    line-height: 18px !important;
    padding: 6px 4px !important;
}

.select2-container--krajee .select2-search__field {
    height: 28px !important;
    border-radius: 0 !important;
}

.mini-form .control-label {
    margin: 0;
    padding-left: 5px;
    font: 400 12px/20px "Fira Sans", sans-serif;
    color: #777;
}

.mini-form .form-group {
    margin-bottom: 0;
}

.mini-form .form-control {
    height: 22px;
    font-size: 13px;
}

/*модалки и формы*/


/*---------- таблицы ----------*/
/*таблица без рамок*/
.relative-block_stavka {
    margin-bottom: 30px;
}

.simple-table__wrap_stavka {
    max-height: 200px;
    overflow: auto;
    box-shadow: 0 0 20px #ccc;
}

.simple-table {
    width: 100%;
    border-radius: 2px;
}

.simple-table__text-center th, .simple-table__text-center td {
    text-align: center;
}

.simple-table__header {
    border-right: 1px solid #51626c;
    background: radial-gradient(ellipse at center, #51626c 0%, #51626c 100%);
}

.simple-table th {
    padding: 5px;
    font: 400 14px/1 Circe, sans-serif;
    color: #fff;
}

.simple-table td {
    padding: 2px 5px;
    font-size: 14px;
    line-height: 16px;
}

.simple-table__number {
    font-size: 16px;
    font-weight: 700;
}

.simple-table__del-btn {
    font: 400 18px/1 kellog;
    color: #bd9648;
    cursor: pointer;
}

.simple-table__del-btn:hover {
    color: #343c99;
}

.simple-table__bottom-btn {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    padding: 0 5px;
    border-radius: 3px;
    font: 400 14px/21px sans-serif;
    color: #fff;
    background: #51626c;
    box-shadow: 0 0 5px #ccc;
    cursor: pointer;
}

.simple-table__bottom-btn:focus {
    color: #fff;
    text-decoration: none;
}

.simple-table__bottom-btn:hover {
    color: #fff;
    text-decoration: none;
    background: #5f60a8;
}

/*таблица без рамок*/
/*---------- таблицы ----------*/


#blackFonAjax img {
    width: 190px;
    top: calc(50% - 95px);
    left: calc(50% - 95px);
    position: absolute;
}

.popper_pr {
    position: static !important;
}

/* не работала кнопка в справочники->маршруты
.tender-table [data-href]:not(.button) {
  color: #166e1f;
}
*/
.tender-table [data-href]:not(.button):hover {
    color: #007933;
    text-decoration: none;
}

.input-100 {
    max-width: 100px !important;
    width: 100% !important;
}

.input-110 {
    max-width: 110px !important;
    width: 100% !important;
}

.input-120 {
    max-width: 120px !important;
    width: 100% !important;
}

.input-130 {
    max-width: 130px !important;
    width: 100% !important;
}

.input-140 {
    max-width: 140px !important;
    width: 100% !important;
}

.input-150 {
    max-width: 150px !important;
    width: 100% !important;
}

.input-160 {
    max-width: 160px !important;
    width: 100% !important;
}

.input-170 {
    max-width: 170px !important;
    width: 100% !important;
}

.input-180 {
    max-width: 180px !important;
    width: 100% !important;
}

.input-190 {
    max-width: 190px !important;
    width: 100% !important;
}

.input-200 {
    max-width: 200px !important;
    width: 100% !important;
}

.input-210 {
    max-width: 210px !important;
    width: 100% !important;
}

.input-220 {
    max-width: 220px !important;
    width: 100% !important;
}

.download-input {
    display: none !important;
}


/*CUSTOM*/
.percent.m-mini-block__input-block .input-group {
    display: flex;
    align-items: center;
}

.percent.m-mini-block__input-block input {
    margin: 0 5px;
    width: 50px;
    height: 20px;
}

.percent.m-mini-block__input-block {
    /*height: 40px;*/
    margin-top: -14px;
}

input[type = text], select {
    border-radius: 5px !important;
}

.datepicker table tr td.active.active {
    background: #007933 !important;
}

.main_login {
    padding: 0;
    background: url(/images/bg.png) no-repeat center;
    background-size: cover;
    display: flex;
    height: 95vh;
}

.main_login .container-fluid {
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    position: relative;
    z-index: 1;
    padding-right: 15px;
    max-width: 535px;
}

.login__container {
    background: #fff;
    width: 100%;
    height: 95vh;
    padding: 0 60px;
    overflow-y: auto;
}

.login__col {
    padding-top: 30px;
    padding-bottom: 30px;
}

.login__logo {
    display: block;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.login__logo-img {
    display: block;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}

.login .form-control {
    border-radius: 5px !important;
}

.auction__ended {
    background: #FFEEAA;
}

.items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.new--flex {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-right: 15px;
    width: 100%;
}

.new--text {
    margin: 0 !important;
    font: 400 13px/18px "Fira Sans", sans-serif;
    white-space: nowrap;
}

.new--text.wit {
    text-align: center;
}

.new--line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.new--input {
    width: 100%;
}

.new--title {
    font-size: 14px;
    color: #51626c;
    display: flex;
    align-items: center;
    gap: 5px;
}

.new--low {
    width: 25%;
}

.new--form--group {
    width: 115px;
    height: 22px;
}

.new--form--group input {
    height: 22px !important;
}

.new--flex.end {
    width: inherit;
}

.new--line.timeto {
    justify-content: center;
    gap: 5px;
    margin-top: -7px;
    background: #e7e9ea;
}

.new--line.area {
    height: 99px;
}

.new--line.area textarea {
    height: 100%;
}

.new--flex.route {
    justify-content: center;
}

.new--input:focus {
    border: 1px solid #51626c;
    box-shadow: 0 0 5px #51626c;
    outline: none;
}

.new--text.addressto {
    margin-top: -7px !important;
    font-weight: bold;
    white-space: unset;
}

.new--title.townto {
    max-width: 66px;
    width: 66px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.new--svg {
    width: 18px;
}

.new--flex p {
    font-weight: bold;
}

.new--flex.data p {
    font-weight: bold;
}

.new--line.change {
    margin-top: -3px;
    margin-bottom: -4px;
    justify-content: center;
    background: #e7e9ea;
}

.new--line.change .new--flex {
    width: inherit;
}

.button--jest {
    margin-left: 0;
}

.select--settings {
    max-width: unset;
}

.new--select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 4px;
    width: 290px;
    max-width: 290px;
}

.new--input.costed {
    width: 63px;
}

.new--input.costed:disabled {
    background: inherit;
    border: none;
}

.new--input.costed:not(:disabled) {
    border-color: #51626c;
}

.new--svg.pen {
    cursor: pointer;
    transition: 0.2s;
}

.new--svg.pen:hover {
    opacity: 0.7;
}

.new--flex.route {
    position: relative;
    width: inherit;
    margin: 0 auto;
}

.new--hidden {
    position: absolute;
    right: 0;
    background: white;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px;
    top: 30px;
    width: 290px;
    display: none;
}

.new--hidden.active {
    display: block;
}

.new--hidden--field {
    margin-top: 5px;
    max-height: 150px;
    overflow-y: scroll;
}

.new--hidden--field .new--title:hover {
    background: #f5f5f5;
    cursor: default;
}

.new--select .new--title {
    cursor: default;
    z-index: -1;
}

.kuzov--select {
    max-width: 140px;
}

.sklad--select {
    max-width: 150px;
}

@media (max-width: 991px) {
    .new--line {
        flex-wrap: wrap;
    }

    .new--text.addressto {
        white-space: unset;
    }

    .m-block {
        min-height: 534px !important;
    }
}

.load--input:disabled, .del--input:disabled {
    background: #F5F5F5;
}

.site-error {
    padding-top: 50px;
    width: 350px;
    margin: 0 auto;
}

.app-time-data {
    display: flex;
    gap: 10px;
}

.card__name {
    margin: 0 -11px 7px;
    padding: 5px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: justify;
    font-size: 1px;
    /* line-height: 1px; */
    background: #fff;
}

.card__name-title {
    display: inherit;
    text-align: center;
    font: 400 13px/16px Circe, sans-serif;
    color: #007933;
}

.card__name-text {
    display: inherit;
    text-align: center;
    font: 400 13px/16px Circe, sans-serif;
}

.link-underline {
    text-decoration: underline;
}

.swal2-fs {
    font-size: 1em !important;
}

.track-name-box{
    font: 400 13px/14px "Fira Sans", sans-serif;
    color: #000;
    background: #fff;
    padding: 8px 8px 8px;
    border: 1px solid #ddd;
    box-shadow: 0 0 20px #ccc;
    border-radius: 10px;
}
.track-name-box span{
    color: #757575;
}

.filter__input_170{
    max-width: 165px;
}

.monitor__table-ccc td{
    border: 1px solid #ccc;
}

.monitor__table-ccc {
    position: relative;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 0 20px #ccc;
}

.monitor__table-ccc tr:first-child {
    background: #51626c;
    transition: all .3s;
}

.monitor__table-ccc tr:first-child th:first-child {
    border-radius: 10px 0 0 0;
}

.monitor__table-ccc tr:first-child th:last-child {
    border-radius: 0 10px 0 0;
}

.monitor__table-ccc.inactive tr:nth-child(n+3) {
    display: none;
}

.monitor__table-ccc th {
    padding: 5px;
    font: 400 14px/1 Circe, sans-serif;
    text-align: center;
    color: #fff;
}

.monitor__table-ccc td {
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.button_label{
    line-height:16px;
    font-size: 13px;
    font-weight: 400;
    border-bottom: 1px #333 dashed;
    cursor: pointer;
    position: relative;
    top: -4px;
}

.help-block{
    color: #a94442;
}