@font-face {
    font-family: 'Harmonia';
    src: /*url('fonts/HarmoniaSansProCyr-Bold.otf') format('opentype'),*/ url('../fonts/HarmoniaSansProCyr-Regular.otf') format('opentype');
}

html, body {
    margin: 0;
    padding: 0;
}

html {
    min-height: 100%;
}

body {
    background-color: #f5f6fa;
    min-height: 100%;
    font-family: 'Harmonia';
    color: #23527c;
}

.nice-select {
    display: flex;
    align-items: center;
    height: 35px;
}

.nice-select .list {
    width: 100%;
}

.main-block {
    display: flex;
    min-height: 100vh;
}

.sidebar-block {
    width: 80px;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    /*height: 100%;*/
    z-index: 1;
    text-align: center;
    /*padding: 15px;*/
    /*position: absolute;*/
}

.sidebar_width {
    width: 80px;
    height: 1px;
}

.sidebar_fixed_content {
    height: 100vh;
    width: 80px;
    position: fixed;
    padding: 15px;
}

.content-block {
    background-color: #f5f6fa;
    flex-grow: 1;
    padding: 20px;
}

.header {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    min-height: 50px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
}

nav a {
    padding: 20px 10px;
    color: #697494;
    font-size: 16px;
    font-family: 'Harmonia';
    font-weight: 600;
}

nav a:hover, .active {
    text-decoration: none;
    color: #2c99f6;
}

.sidebar-logo {
    font-size: 45px;
    font-family: 'Harmonia';
    color: #db2b39;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.sidebar-logo:hover {
    text-decoration: none;
    color: #c82834;
}

.sidebar-menu {
    margin: 0px 0;
    display: flex;
    flex-direction: column;

}

.sidebar-menu a {
    color: #697492;
    font-size: 20px;
    display: flex;
    line-height: 40px;
    margin: 2px 0;
    height: 40px;
    justify-content: center;
    align-items: center;
    width: 40px;
}

.sidebar-menu > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.sidebar-menu div a:hover {
    padding: 10px 0;
}*/
.sidebar-menu a:hover, .sidebar-menu .active {
    text-decoration: none;
    color: #2c99f6;
    box-shadow: 0 0 15px 0 rgb(238, 238, 238);
    width: 40px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-menu a.active {
    color: #2c99f6;

}

.left-header {
    padding: 10px 10px 10px;
    display: flex;
    align-items: center;
}

.right-header {
    display: flex;
    color: #697494;
    font-size: 16px;
    font-family: 'Harmonia';
    font-weight: 600;
    align-items: center;
    /*line-height: 30px;*/
}

.dispetcher {
    display: flex;
    padding-top: 4px;
    align-items: center;
    min-height: 10px;
}

.dispetcher-logo img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid #697492;
}

.dispetcher-logo {
    margin: 0 15px 0 10px;
    width: 30px;
    height: 30px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add-ticket {
    color: #2c99f6;
    font-size: 30px;
    margin: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add-ticket:hover {
    cursor: pointer;
    color: #db2b39;
}

.cart {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.cart i {
    font-size: 35px;
    margin: 0 15px 0 15px;
}

.count-ticket {
    position: absolute;
    /*top: 10px;*/
    color: #fff;
    left: 24px;
    font-size: 14px;
}

.dispetcher-name {
    margin-left: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 26px;
}

.search-block {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.search-block > .search-button, .search-container > div {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 5px 10px;
    text-align: center;
    color: #697494;
    font-family: 'Harmonia';
}

.search-container {
    display: flex;
    flex-grow: 1;
    margin: 0 5px;
}

.search-container > div {
    width: 33%;
    margin: 0 5px;
}

.search-container input {
    width: 100%;
    border: 0 none;
    font-size: 16px;
    text-align: center;
}

.search-button:hover {
    cursor: pointer;
}

.search-container > div:hover, .search-button:first-child:hover {
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.table-block, .user_data_field {
    /* margin-top: 10px;*/
    width: 100%;
    color: #697494;
    font-family: 'Harmonia';
}

.table-block {
    margin-top: 10px;
}

.table_element {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    font-size: 18px;
    min-height: 40px;
    margin-bottom: 10px;
    align-items: stretch;
}

.table_element:nth-of-type(odd).more {
    margin-top: -10px;
    height: auto;
    padding: 5px;
}

.clients-grid:nth-of-type(even), .clients-grid:first-of-type {
    display: grid;
    /*grid-template-columns: 2% 28% 32% calc(38% - 110px) 110px;*/
    grid-template-columns: 2% 30px calc(28% - 30px) 24% calc(46% - 313px) 203px 110px;
    padding-left: 0;
}

.users-grid {
    display: grid;
    grid-template-columns: 1% 29% 32% calc(38% - 110px) 110px;
    padding-left: 0;
}

.drivers-grid, .drivers-grid:first-of-type {
    display: grid;
    grid-template-columns: 17% 17% 17% 16% 16% calc(17% - 80px) 80px;
    padding-left: 0;
}

.return-policies-grid, .return-policies-grid:first-of-type {
    display: grid;
    grid-template-columns: 50%  calc(50% - 80px) 80px;
    padding-left: 0;
}

.apis-grid, .apis-grid:first-of-type {
    display: grid;
    grid-template-columns: 15% calc(85% - 190px) 100px 90px;
    padding-left: 0;
}

.apis-ips-grid, .apis-ips-grid:first-of-type {
    display: grid;
    grid-template-columns: 40px 20% 30% calc(50% - 130px) 90px;
    padding-left: 0;
}

.geo-grid, .geo-grid:first-of-type {
    display: grid;
    grid-template-columns: 25% 15% 40% calc(20% - 90px) 90px;
    padding-left: 0;
}

.currencies-grid, .currencies-grid:first-of-type {
    display: grid;
    grid-template-columns: 40px calc(100% - 130px) 90px;
    padding-left: 0;
}

.dealers-grid, .dealers-grid:first-of-type {
    display: grid;
    grid-template-columns: 3% calc(97% - 90px) 90px;
    padding-left: 0;
}

.mappings-index-grid, .mappings-grid:first-of-type {
    display: grid;
    grid-template-columns: 3% 45% 45% auto;
    padding-left: 0;
}

.dealers-index-grid, .dealers-index-grid:first-of-type {
    display: grid;
    grid-template-columns: 3% calc(77% - 90px) 20% 90px;
    padding-left: 0;
}

.countries-index-grid, .countries-index-grid:first-of-type {
    display: grid;
    grid-template-columns: 3% calc(97% - 90px) 90px;
    padding-left: 0;
}

.transporters-index-grid, .countries-index-grid:first-of-type {
    display: grid;
    grid-template-columns: 5% calc(95% - 90px) 90px;
    padding-left: 0;
}

.buses-grid, .buses-grid:first-of-type {
    display: grid;
    grid-template-columns: 22% 22% 10% 10% 10% 10% calc(16% - 90px) 90px;
    padding-left: 0;
}

.routes-grid, .routes-grid:first-of-type {
    display: grid;
    grid-template-columns: 20% 20% 7% 17% calc(22% - 90px) 12% 2% 90px;
    padding-left: 0;
}

.buses-grid.user_main_data > div,
.routes-grid.user_main_data > div {
    border-left: 1px solid #eee;

}

.buses-grid .user_data_contaner, .routes-grid .user_data_contaner {
    justify-content: center;
}

field-route-api_transfer {
    padding: 5px;
    justify-content: space-evenly !important;
}

.buses-grid .user_data_contaner, .routes-grid .user_data_contaner, .mappings-index-grid .user_data_contaner {
    justify-content: center;
}

.create-buses, .create-routes {
    margin-top: 10px;
}

.data_table_header {
    background-color: transparent !important;
    box-shadow: none !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    min-height: 30px !important;
}

.user-more {
    display: flex;
    justify-content: space-around;
    font-size: 17px;
    align-items: center;
    width: 100%;
}

.more > div {
    display: flex;
    justify-content: space-between;
}

.archive-ticket {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    /*margin: 5px;*/
    /*padding: 10px;*/
    /*border: 1px solid #eee;*/
    max-height: 250px;
    min-height: 250px;
    overflow-y: auto;
}

.ticket-statuses-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 5px;
}

.ticket-statuses-block:hover > .selected-ticket-status {
    width: 30px;
    font-size: 0px;
}

.ticket-statuses-block:hover > .ticket-other-statuses {
    width: calc(100% - 30px);
}

.selected-ticket-status {
    height: 30px;
    width: 100%;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ticket-other-statuses {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    /*width: calc(100% - 30px);*/
    width: 0px;
    height: 30px;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.ticket_other_status {
    height: 11px;
    width: 11px;
    border-radius: 2px;
    margin: 2px;
    color: white;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticket_other_status > i {
    transition: all 0.1s ease-in-out;
    opacity: 0;
}

.ticket_other_status > i:hover {
    opacity: 0.7;
}

.user_data_contaner:nth-of-type(1) > div {
    padding-left: 10px;
}

.drivers-index .user_main_data > div:nth-child(2) {
    border-left: 1px solid #eee;
}

.drivers-index .user_data_field {
    padding: 0px 5px 0 10px;
}

/*.user_main_data {
    display: flex;
    justify-content: space-between;
    padding: 0px;
}*/

.user_main_data > div:nth-child(n+3) {
    border-left: 1px solid #eee;
}

.user_data_field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 0 4px;*/
    width: 100%;
}

.single-user-title {
    padding-right: 15px;
}

.data_table_header > div {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.search-block > .search-button.search-button-about-user {
    background-color: #23d692;
    color: #fff;
    width: 250px;
}

.search-block > .search-button.search-button-add-user {
    color: #23d692;
    background-color: transparent;
    font-size: 40px;
    box-shadow: none;
}

.user-more i:hover {
    color: #2c99f6;
    cursor: pointer;
}

.archive-ticket-item {
    width: 100%;
    display: grid;
    grid-template-columns: 4% 4% 38% 21% 21% 4% 4% 4%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-bottom: 3px;
    border-radius: 3px;
    padding: 2px 5px;
}

.driver-trips-status-cont {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.driver-trips-status-cont > i {
    margin-right: 5px;
}

.archive-ticket-item > div {
    display: flex;
    align-items: center;
}

.archive-ticket-item:nth-child(even) {
    background-color: #F2F3F8;
}

.archive-ticket-item:hover {
    background-color: #f5f6fa;
}

.planned {
    color: #2c99f6;
}

.arrived {
    color: #23d692;
}

.not-arrived {
    color: #db2b39;
}

.call-accepted {
    color: #fec0aa;
}

.call-not-accepted {
    color: #540d6e;
}

.bought-at-office {
    color: #4f000b;
}

/*.transferred {
    color: ;
}*/
.cancel {
    color: #ffd23f;
}

.add-user-form {
    border-radius: 5px;
    background-color: #fff;
    /*padding: 20px;*/
}

.add-user-form form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: #697494;
    font-size: 14px;
    font-family: 'Harmonia';
}

.add-user-form > form > div {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 10px;
}

#create_user_form > div {
    margin-bottom: 0;
}

#create_user_form > div > .help-block {
    height: 20px;
}

.add-user-form form label {
    width: 40%;
    padding: 0 10px;
    margin: 15px 0;
    text-align: center;
}

.add_user_field {
    width: 60%;
    border: 1px solid #e8e8e8;
    padding: 5px;
    border-radius: 5px;
}

.add-user-form > form > div > div {
    width: 60%;
}

.add_user_submit {
    background-color: #23d692;
    color: #fff;
    border: 0 none;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 18px;
    /*margin-top: 20px;*/
    margin-bottom: 20px;
}

.add-user-form form input[type="submit"]:hover {
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.no-ticket, .no-user {
    height: 150px;
    text-align: center;
    font-size: 70px;
    line-height: 50px;
    padding-top: 30px !important;
    overflow-y: hidden !important;
}

.no-ticket > div, .no-user > div {
    font-size: 25px;
}

.no-user {
    /*background-color: #fff;*/
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #697494;
    font-family: 'Harmonia';
    line-height: 100px;
}

.single-user-name {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    color: #697494;
    font-family: 'Harmonia';
    font-weight: 600;
    /*padding: 10px 10px 5px 0;*/
    display: grid;
    grid-template-columns: 2% 35px calc(98% - 30px);
    justify-content: space-between;
}

.create_ticket_for_user_view {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.create_ticket_for_user_view > i {
    margin-left: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.single-user-name-status {
    border-left: 4px solid #23d692;
    width: 30px;
    margin: -10px 0 -5px 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.single-user-name-status:hover {
    background-color: #23d692;
    cursor: pointer;
}

.single-user-name-enter {
    color: #23d692;
    flex-grow: 1;
}

.single-user-info-user {
    display: grid;
    grid-template-columns: 38% calc(62% - 274px) 274px;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.single-autobus-info {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.single-user-name-remove i:hover {
    color: #db2b39 !important;
}

.single-user-info-user .single-user-number,
.single-user-info-user .single-user-passport,
.single-user-info-user .single-user-day-of-birth,
.single-user-info-user .single-user-coment,
.single-autobus-info .single-user-number,
.single-autobus-info .single-user-passport,
.single-autobus-info .single-user-day-of-birth {
    /*background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    color: #697494;
    font-family: 'Harmonia';
    font-size: 18px;
    padding: 5px;
    flex-grow: 1;
    margin: 10px 0 0 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;*/
}

.data-block {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    color: #697494;
    font-family: 'Harmonia';
    font-size: 18px;
    padding: 5px 10px;
    flex-grow: 1;
    margin: 10px 0 0 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.data-block-big > .user-data-title {
    font-size: 16px;
    height: 24px;
}

.driver-name-block {
    margin-left: 0;
}

.driver-name-field {
    padding-left: 0 !important;
    font-size: 22px;
}

.single-user-day-and-coment {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.single-user-info-user > div:first-of-type, .single-autobus-info > div:first-of-type {
    margin-left: 0;
}

.single-user-info-user > div:last-of-type, single-autobus-info > div:last-of-type {
    margin-right: 0;
}

.single-user .archive-ticket {
    display: flex;
    /*background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;*/
    color: #697494;
    font-family: 'Harmonia';
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    margin-top: 10px;
    /*padding: 10px;*/
    max-height: 500px;
    overflow-y: auto;
    font-size: 18px;
    overflow-x: hidden;
    margin-left: 0;
    margin-right: 10px;
}

.single-user .archive-ticket > .user-data-content {
    flex-direction: column;
}

.single-user-info-user-way {
    display: grid;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-template-columns: calc(100% - 274px) 274px;
}

.driver-trips-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: 0;
}

.driver-trips-container-loading-helper {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.6;
    margin-top: 10px;
    margin-bottom: 5px;
}

.driver-trips-container-loading-helper > i {
    margin-right: 5px;
}

.driver-trips-container-loading-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.6;
    margin-top: 10px;
    margin-bottom: 5px;
}

.driver-trips-spinner {
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.driver-trips-trip-name > a {
    color: #07579D !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.2s ease-in-out;
}

.driver-trips-trip-name > a:hover {
    color: #2c99f6 !important;
}

.driver-trips-trip-name > i {
    margin-right: 5px;
}

.driver-trips-trip-date {
    display: flex;
    align-items: center;
    justify-content: center;
}

.driver-trips-trip-date > i {
    margin-right: 5px;
}

.single-bus-way-container {
    display: grid;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-template-columns: calc(100% - 294px) 294px;
    align-items: flex-start;
}

.progress-way {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    padding: 10px;
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.single-user-info-user-way .archive-ticket-item {
    /*grid-template-columns: 4% 4% 42% 24% 24% 4%;*/
    grid-template-columns: 4% 4% 38% 21% 21% 4% 4% 4%;
}

.progress-way span {
    width: 100%;
    text-align: center;
    color: #697494;
    font-family: 'Harmonia';
    font-size: 20px;
}

.single-user .chart-skills {
    margin-bottom: 20px;
}

.single-user-coment {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    color: #697494;
    font-family: 'Harmonia';
    text-align: center;
    font-size: 20px;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
    margin-left: 10px;
}

.single-user-coment > .user-coment {
    width: 100%;
}

.single-page-label {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: -5px;
}

.dropdown-menu {
    background-color: #fff !important;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1) !important;

}

.dropdown-menu > li > div {
    color: #697494 !important;
    font-family: 'Harmonia' !important;
}

.dropdown-menu > li > div:hover {
    color: #2c99f6 !important;
}

.dropdown:hover {
    cursor: pointer;
}

.dropdown-menu li > i {
    font-size: 17px;
}

.dropdown-menu li > i:hover {
    color: #2c99f6;
}

.dropdown-menu li {
    display: flex;
    justify-content: space-around;
    padding: 5px 0;
}

.status-good, .bad-status {
    /*border-left:4px solid #23d692;*/
    /*margin-top: -5px;*/
    cursor: pointer;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.status-good:hover {
    background-color: #23d692;
}

.status-good {
    border-left: 4px solid #23d692;
}

.bad-status {
    border-left: 4px solid #db2b39;
}

.bad-status:hover {
    background-color: #db2b39;
}

textarea.user-coment {
    resize: none;
    padding: 5px;
}

textarea.ticket-coment {
    resize: none;
    padding: 5px;
}

textarea.trip-coment {
    resize: none;
    padding: 5px;
}

textarea.trip-accounting {
    resize: none;
    padding: 5px;
}

.more .progress-way {
    box-shadow: none;
}

.single-user .edit_tools > i {
    margin-right: 0px;
    margin-left: 10px;
    /*opacity: 0.3;*/
}

.single-user .add-pas-num:hover i, .single-user .add-tel-num:hover i, .single-user .edit_tools > i:hover {
    /*margin-right: 10px;*/
    opacity: 1;
    color: #2c99f6;
    cursor: pointer;
}

.add-pas-num:hover, .add-tel-num:hover {
    color: #2c99f6;
    cursor: pointer;
}

.single-user-number, .single-user-passport {
    display: flex;
    /*flex-direction: column;*/
    justify-content: flex-start;
}

.user_data_select {
    font-size: 18px;
    border: solid 1px white;
    padding-right: 20px;
}

.nice-select::after {
    right: 9px;
}

.nice-select .option {
    padding-left: 9px;
    padding-right: 16px;
}

.user_data_select:hover {
    border: solid 1px #e8e8e8;
}

.user-coment {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    border: solid 1px white;
    margin-top: 5px;
}

.ticket-coment {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    border: solid 1px white;
    margin-top: 5px;
}

.trip-coment {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    border: solid 1px white;
    margin-top: 5px;
}

.trip-accounting {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    border: solid 1px white;
    margin-top: 5px;
}

.user-coment:hover {
    border: solid 1px #e8e8e8;
}

.ticket-coment:hover {
    border: solid 1px #e8e8e8;
}

.trip-coment:hover {
    border: solid 1px #e8e8e8;
}

.trip-accounting:hover {
    border: solid 1px #e8e8e8;
}

.edit_elements {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #d9d9d9;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 20px;
}

.edit_elements:hover {
    color: #2c99f6;
}

.calendar_pick_icons {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #697494;
    cursor: pointer;
}

.calendar_pick_icons:hover {
    color: #2c99f6;
}

.edit_tools {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_edit_input {
    background-color: #fff;
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: solid 1px #e8e8e8;
    width: 80%;
    padding: 4px 8px 4px 10px;
}

.open-more {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.user_data_contaner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    /*padding-left: 5px;*/
}

.user-data-title {
    width: 100%;
    height: 20px;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    opacity: 1;
    font-size: 14px;
    font-weight: lighter;
    /*padding: 0px 5px 0 5px;*/
    color: #697494;
}

.user-data-title-text {
    opacity: 0.7;
}

.user-data-title > i {
    margin-right: 10px;
    width: 12px;
    opacity: 0.9;
}

.user-data-content {
    width: 100%;
    display: flex;
    align-items: center;
    /*flex-direction: column;*/
    justify-content: space-between;
}

.tickets-clients-info-el > .user-data-content {
    flex-direction: row;
}

.ticket-create-field-value {
    height: 35px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/*.copy-suc {
    position: fixed;
    z-index: 999;
    border: 1px solid #ccc;
    background-color: #23d692;
    bottom: 5%;
    right: 5%;
    color: #fff;
    font-family: 'Harmonia';
    padding: 15px;
    border-radius: 5px;
    font-size: 16px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 5s ease-in-out;
}*/
.icon-buffer {
    margin: 0 5px 0 0;
}

.close {
    margin-left: 10px;

}

.user-more a {
    color: #697494;
}

/*.single-user-info-user .single-user-day-of-birth, .single-user-info-user .single-user-coment {
    font-size: 18px;
}*/

.route_name_field {
    border: 1px solid rgb(204, 204, 204);
    box-shadow: none;
    width: 100%;
    border-radius: 2.5px;
    height: 34px;
    padding: 2px 10px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}

.route_number_field {
    border: 1px solid rgb(204, 204, 204);
    box-shadow: none;
    width: 100%;
    border-radius: 2.5px;
    height: 34px;
    padding: 2px 10px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}

.site-login {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.site-login h1 {
    text-align: center;
}

.site-login form {
    width: 300px;
}

.green-btn {
    color: #fff;
    background-color: #23d692;
    border-color: #23d692;
    padding: 5px 24px;
    font-size: 19px;
}

.green-btn {
    cursor: pointer;
    color: #fff !important;
    box-shadow: 1px 0 10px 0 rgba(238, 238, 238, 1);
}

.comment-blue {
    border-color: #2c99f6;
}

.comment-blue:hover {
    border-color: #2c99f6;
}

.comment-green {
    border-color: #23d692;
}

.comment-green:hover {
    border-color: #23d692;
}

.user_name_field {
    padding-left: 11px !important;
    min-height: 35px;
    display: flex;
    align-items: center;
    padding-top: 1px;
}

.catalog-pagination {
    display: flex !important;
    justify-content: center;
    align-items: center !important;
}

.pagination_el {
    /*box-shadow: 1px 0 5px 0 rgba(238,238,238,1);*/
    display: flex;
    justify-content: center !important;
    align-items: center;
    border-radius: 5px;
    padding: 8px 4px !important;
    text-align: center;
    /*background-color: #2c99f6;*/
    color: #697494;
    margin: 4px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid white;
    min-width: 40px;
    text-align: center;
}

.pagination_el_active {
    background-color: #23d692;
    color: white;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border: 1px solid #23d692;
}

.pagination_el_active:hover {
    text-decoration: none;
    color: white;
    /*box-shadow: 0 0 10px 0 rgba(204,204,204,1);*/
    cursor: pointer;
    background-color: #d9d9d9;
    border: 1px solid #d9d9d9;
}

.pagination_el:hover {
    text-decoration: none;
    /*color: white;*/
    /*box-shadow: 0 0 10px 0 rgba(204,204,204,1);*/
    cursor: pointer;
    /*background-color: #d9d9d9;*/
    border: 1px solid #d9d9d9;
}

.data-of-birth {
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 203px;
    line-height: 42px;
}

.single_user_data_element {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*@media only screen and (max-width: 1300px) {
    .user_name_field {
        font-size: 16px;
    }
}*/
.create_button_cont {
    margin: 10px 0 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.btn-success {
    background-color: #23d692;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 10px 24px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;

    -webkit-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;

    /*display: flex;
    justify-content: center;
    align-items: center;*/
}

.btn-success:hover {
    background-color: #23d692;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

/*.btn-success:focus, .btn-success:active {
    background-color: #23d692;
}*/

.btn-primary {
    background-color: #2c99f6;
    border-color: #2c99f6;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;

    -webkit-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

.btn-primary:hover {
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.btn-danger {
    background-color: #db2b39;
    border-color: #db2b39;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;

    -webkit-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

.btn-danger:hover {
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.users-grid > .user_data_field {
    padding-left: 20px;
}

.route_stop_container {
    display: grid;
    grid-template-columns: calc(100% - 130px - 50px - 50px - 185px - 20px) 130px 50px 50px 185px 20px;
    justify-content: space-between;
    align-items: stretch;
    font-size: 18px;
    /*height: 35px;*/
    margin: 0px 0;
    /*padding: 0 10px 5px 0;*/
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    /*border-top: 1px solid #e3e3e3;*/
    padding: 4px 5px;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
}

.routestop-is-transfer {
    color: #db2b39;
}

.routestop-is-transfer {
    margin-right: 2px;
}

.route_stop_container:hover {
    background-color: #f5f6fa;
}

.field-routestops-number > label {
    margin: 0;
}

.field-routestops-delete {
    display: flex;
    align-items: center;
    justify-content: center !important;
    width: 20px;
}

.field-routestops-delete > i {
    margin: 0;
}

/*.route_stop_container > .field-routestops-name {
    width: calc(100% - 265px - 170px);
}
.route_stop_container > .field-routestops-time {
    width: 164px;
}
.route_stop_container > .field-routestops-number > input {
    width: 155px;
}*/

.route_stop_container > .field-routestops-number > label > i {
    font-size: 16px;
}

.route_stop_container > i {
    margin: 0;
}

.field-routestops-time > .bootstrap-timepicker > input {
    padding: 3px 6px;
}

.field-routestops-time > .bootstrap-timepicker > span {
    padding: 3px 6px;
}

.field-routestops-av {
    display: flex;
    align-items: center;
}

.field-routestops-api_transfer > input {
    margin: 0;
}

.field-routestops-time > label {
    margin: 0;
}

.field-routestops-av > label {
    margin-bottom: 0;
}

.field-routestops-av > input {
    /*width: 18px;
    height: 18px;*/
    margin-top: 0;
    color: #555555 !important;
}

.route_stop_container > .form-group {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.route_stop_container > .form-group > label {
    padding: 0 5px;
}

.field-routestops-name > label {
    margin-bottom: 0;
}

.route_waypoint {
    font-weight: 600;
    font-size: 20px;
}

.routes_create {
    font-family: 'Harmonia';
    display: flex;
    justify-content: flex-start;
}

.route_waypoint > h3 {
    margin: 0;
    margin-bottom: 10px;
}

.parts_add_container {
    width: 245px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);*/
    font-size: 18px;
    height: 55px;
    padding: 0 10px;
    border-radius: 5px;
    background: #23d692;
    color: #fff;
    margin: 10px auto;
}

.parts_add_container > h3 {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.parts_add i {
    color: #fff;
    font-size: 40px;
    margin-left: 8px;
}

.part_delete {
    font-size: 20px;
    margin: 0 0 0 10px;
    color: rgb(219, 43, 57);
    cursor: pointer;
}

.drivers-form form, .buses-form form, .api-keys-form form, .geo-dictionary-form form, .currencies-form form, .dealers-form form, .key-ips-create form, .infobus-integration-mapping-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #697494;
    font-size: 14px;
    font-family: 'Harmonia';
    background-color: #fff;
    padding: 50px 20px 25px;
    border-radius: 5px;
}

.drivers-form .form-group:last-of-type, .infobus-integration-mapping-form:last-of-type, .currencies-form .form-group:last-of-type, .key-ips-form .form-group:last-of-type, .api-keys-form .form-group:last-of-type, .geo-dictionary-form .form-group:last-of-type, .dealers-form .form-group:last-of-type, .key-ips-form .form-group:last-of-type {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 25px;
}

.drivers-form .form-group, .infobus-integration-mapping-form .form-group, .currencies-form .form-group, .key-ips-form .form-group, .api-keys-form .form-group, .geo-dictionary-form .form-group, .dealers-form .form-group, .key-ips-form .form-group {
    display: inline-grid;
    flex-wrap: wrap;
    width: 50%;
    padding: 0 10px;
    align-items: baseline;
}

.key-ips-form .form-group, .infobus-integration-mapping-form .form-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 10px;
}

.key-ips-form .form-group > .nice-select, .infobus-integration-mapping-form .form-group > .nice-select {
    width: 100%;
}

.drivers-form label, .drivers-form input, .drivers-form .input-group,
.drivers-form .intl-tel-input, .currencies-form label, .currencies-form input,
.api-keys-form label, .api-keys-form input, .geo-dictionary-form label,
.geo-dictionary-form input, .dealers-form label,
.dealers-form input {
    width: 50%;
}
.api-keys-form .nice-select {
    min-width: 50%;
}
.drivers-form .intl-tel-input input {
    width: 100%;
}

.drivers-form label {
    text-align: center;
}

.drivers-update h1, .drivers-create h1, .return-policy-create h1, .buses-update h1, .buses-create h1,
.api-keys-create h1, .geo-dictionary-create h1, .api-keys-update h1, .dealers-create h1, .dealers-update h1, .key-ips-create h1, .key-ips-update h1  {
    background-color: #fff;
    font-size: 30px;
    border-radius: 5px;
    padding: 15px 15px 10px;
    color: #697494;
    font-family: 'Harmonia';
    margin-bottom: 10px;
    margin-top: 10px;
}

.create-driver {
    margin-top: 10px;
}

.drivers-view .single-user-name, .drivers-view .single-user-number,
.drivers-view .single-user-passport, .drivers-view .single-user-day-of-birth,
.buses-view .single-user-name, .buses-view .single-user-number,
.buses-view .single-user-passport, .buses-view .single-user-day-of-birth {
    height: 55px;
    /*padding: 0 0 0 15px;*/
}

.drivers-view .single-user-name, .buses-view .single-user-name {
    grid-template-columns: 0 100%;
    padding-left: 0;
}

.update, .delete, .info {
    background-color: #ffd23f;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 10px 24px;
    transition: box-shadow 0.2s ease-in-out;
    margin-top: 10px;
}

.delete {
    background-color: #db2b39;
}

.info {
    background-color: #2c99f6;
}

.update:hover, .delete:hover, .info:hover {
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
    color: #fff;
}

.buses-form .form-group {
    display: flex;
    width: 50%;
}

.buses-form .form-group label, .buses-form .form-group input {
    width: 50%;
}

.buses-form .form-group label {
    text-align: center;
}

.buses-form .form-group:last-of-type {
    width: 100%;
    justify-content: center;
    margin-top: 20px;
}

.drivers-view .single-user-coment {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
    height: 55px;
}

.route_prices_name_cross {
    width: 100px;
    height: 100px;
    /*background-color: #d58512;*/
}

.route_prices_name_v {
    writing-mode: tb-rl;
    transform: rotate(180deg);
    width: 35px;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    line-height: 13px;
}

.route_prices_name_h {
    width: 100px;
    height: 35px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 13px;
    line-height: 13px;
    text-align: end;
    overflow: hidden;
}

.route_prices_row {
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
}

.route_prices_name {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    transition: border 0.2s ease-in-out;
}

.route_prices_name-selected {
    border-color: #23d692;
    transition: border 0.2s ease-in-out;
}

.route_prices_element {
    margin: 2px;
}

.routes-create h1, .routes-update h1, .routes-form {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 5px 15px;
    margin: 10px 0;
}

.parts_add_container:hover {
    cursor: pointer;
}

.save-routes {
    display: flex;
    justify-content: center;
}

.save-routes a {
    font-size: 24px;
}

.form-group label, .form-group input {
    font-size: 18px;
}

.del-routes {
    margin-top: 0;
}

.calendar-day, .calendar-next-month {
    position: relative;
    width: 50px;
    height: 50px;
    margin: 3px;
    padding: 5px;
    font-size: 17px;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgb(238, 238, 238);
}

.calendar-day > .trips-calendar-present-container > .fa-calendar-times {
    font-size: 15px;
}

.week-day {
    width: 50px;
    height: 30px;
    line-height: 30px;
    margin: 3px;
    padding: 0 5px;
    /*border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgb(238, 238, 238);*/
    text-align: center;
    font-size: 18px;
}

.calendar-next-month {
    background-color: #eee;
}

.calendar-line {
    display: flex;
}

.trip-calendar {
    width: 392px;
    color: #697494;
}

.calendar-title {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
}

.calendar-left, .calendar-right {
    background-color: #eee;
    width: 50px;
    margin: 3px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgb(238, 238, 238);
    transition: all 0.1s ease-in-out;
    cursor: pointer;
}

.calendar-left:hover, .calendar-right:hover {
    background-color: #2c99f6;
    color: white;
}

.calendar-day.calendar-next-month {
    background-color: transparent;
}

.calendar-day {
    cursor: pointer;
}

.trips-index {
    display: flex;
    justify-content: space-between;
}

.create-trip {
    margin-top: 10px;
    margin-bottom: 10px;
}

.calendar-year {
    text-align: center;
    font-size: 16px;
    line-height: 12px;
}

.calendar-today {
    background-color: #2c99f6;
    color: #fff;
    transition: all 0.1s ease-in-out;
}

.calendar-selected, .calendar-day:hover {
    background-color: #23d692;
    color: #fff;
    transition: all 0.1s ease-in-out;
}

.calendar-selected:hover {
    background-color: #1db078;
}

.calendar-selected .trips-calendar-present-container, .calendar-day:hover .trips-calendar-present-container {
    color: #fff;
}

.calendar-day-interactable {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.trip-active-day {
    width: 100%;
    color: #697494;
}

.trip-item {
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
}

.trip-item > div {
    /* display: flex;
     justify-content: space-between;
     flex-wrap: wrap;*/
    display: grid;
    grid-template-columns: 65% 15% 20%;
}

.trip-item > div:first-of-type i {
    font-size: 20px;
}

.trip-item > div:first-of-type {
    /*font-size: 22px;*/
    margin-bottom: 3px;
}

.trip-item > div:last-of-type {
    display: grid;
    grid-template-columns: 40% calc(60% - 100px) 100px;
}

.trip-item-route, .trip-item-route-time {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 20px;
}

.trip-item-route > i, .trip-item-route-time > i {
    margin-right: 5px;
}

.trip-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trip-edit {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.trip-edit a {
    margin: 0 10px;
}

.trip-item-bus, .trip-item-driver {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

.trip-item-bus > i, .trip-item-driver > i {
    margin-right: 5px;
}

.trip-item-bus-elements {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.trip-item-bus-element {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 10px;
}

.trip-item-bus-element:last-child {
    margin-right: 0;
}

.trip-item-bus-element > a {
    margin-right: 10px;
}

.trip-item-bus-element-info {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

.trip-item-bus-element-info > i {
    margin-right: 5px;
}

.trip-item-count-passanger {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}

.trip-item-count-passanger > i {
    margin-left: 5px;
}

.trip-item-count-not-moved-passenger {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.trip-item-count-not-moved-passenger > i {
    margin-right: 5px;
}

.selected-flag {
    height: 34px !important;
}

.trips-form {
    /*background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 20px;*/
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.trips-form .form-group {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-width: 460px;
}

.trips-form form {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 20px;
}

.trips-form .nice-select {
    font-size: 16px;
    line-height: 30px;
}

.trips-form .form-group label {
    line-height: 44px;
    width: 40%;
}

.trips-form .form-group input, .trips-form .form-group .nice-select {
    width: 60%;
    margin: 0 10px;
}

.trips-create-container {
    /* padding-left: 20px;*/
    width: 100%;
}

.field-trips-date label, .field-trips-date input {
    display: none !important;
}

.trips-calendar-present {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #db2b39;
}

.trips-calendar-present-container {

    display: flex;
    justify-content: space-between;
    color: #db2b39;
}

.trips-create h1, .trips-update h1 {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 15px;
    margin-top: 10px;
    font-size: 26px;
}

a .fa-trash-alt:hover {
    color: darkred;
}

.trip-calendar-container {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
    display: flex;
    justify-content: center;
    margin-right: 10px;
}

.trips-view h1 {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 15px 15px 10px;
    margin: 10px 0;
    font-size: 20px;
    color: #697494;
    font-weight: 600;
    line-height: 30px;
}

.trip-driver, .trip-bus {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    font-size: 18px;
    flex-grow: 1;
    margin-top: 0;
}

.trip-info {
    display: flex;
    /*flex-wrap: wrap;*/
}

.trip-driver {
    /*margin-right: 10px;*/
    margin-top: 0;
}

.trip-driver:first-child {
    margin-left: 0;
}

.trip-info a:hover {
    text-decoration: none;
}

.trip-archive {
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 15px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.trip-archive .archive-ticket {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    border: 1px solid #eee;
    overflow-y: auto;
}

.trip-archive .archive-ticket-item {
    width: 100%;
    display: grid;
    grid-template-columns: 48% 26% 26%;
}

.trip-archive-ticket {
    width: 100%;
}

.trip-archive-ticket-item {
    display: grid;
    grid-template-columns: 25% 30% 23% calc(22% - 75px) 75px;
    height: 55px;
}

.trip-archive-ticket-item > div {
    border-left: 1px solid #eee;
}

.trip-archive .table_element {
    margin-bottom: 15px;
}

/*.calendar-today .trips-calendar-present-container {
    color:#fff;
}*/
.trip-item a {
    color: #23527c;
}

.trip-item a:hover {
    text-decoration: none;
}

.no-trip {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 25px;
    text-align: center;
    height: 417px;
    justify-content: center;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
}

.no-trip div {
    width: 100%;
    text-align: center;
}

.no-trip i {
    font-size: 52px;
}

.save-routes {
    margin-top: 10px;
}

.archive-ticket-item a {
    color: #697494;
    display: flex;
    align-items: center;
    justify-content: center;
}

.archive-ticket-item a:hover {
    text-decoration: none;
}

.routes-prices {
    height: 42px;
    width: 100px;
}

.routes-prices .nice-select {
    line-height: 32px;
    width: 100%;
}

.trip-details {
    display: grid;
    grid-template-columns: calc(100% - 294px) 10px 284px;
}

.trip-details-single-ticket, .trip-details-timetable {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 5px 20px 5px 10px;
    color: #697494;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

.trip-details-single-ticket:last-child, .trip-details-timetable:last-child {
    margin-bottom: 0;
}

.trip-details-timetable {
    margin-top: 10px;
    margin-bottom: 10px;
}

.trip-details-timetable > div:nth-of-type(even) {
    background-color: #f5f6fa;
    border-radius: 3px;
}

.trip-details-tickets {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    margin-top: 10px;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.trip-details-tickets-cont {
    margin-left: 0;
    background-color: unset;
    border-radius: unset;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

.trip-details-tickets-cont > .user-data-title {
    padding-left: 10px;
}

.trip-details-single-ticket-user a:hover {
    text-decoration: none;
}

.trip-details-single-ticket-title {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    /*margin-bottom: 5px;*/
    flex-wrap: wrap;
    border-bottom: 1px solid #d2d6df;
    padding-bottom: 5px;
}

.trip-details-single-ticket-title-route {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.trip-details-single-ticket-title-route > i {
    margin-right: 5px;
}

.trip-details-single-ticket-route {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.trip-details-single-ticket-user {
    display: grid;
    justify-content: space-between;
    font-size: 16px;
    grid-template-columns: 1fr 1fr 1fr;
}

.trip-details-single-ticket-info {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}

.trip-details-single-ticket-info-data {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 10px;
}

.trip-details-single-ticket-info-data:last-child {
    margin-right: 0;
}

.trip-details-single-ticket-info-data > i {
    margin-right: 5px;
}

.trip-details-single-ticket-info-data-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.trip-details-single-ticket-comment {
    display: flex;
    justify-content: flex-start;
    padding: 2px;
    background-color: #f5f6fa;
    border-radius: 3px;
    margin: 0 4px 0 0;
}

.tickets-form-container {
    color: #697494;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.tickets-form-container .trip-calendar-container {

}

.tickets-form-container .trip-calendar-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.tickets-form-container .tickets-form {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.ticket-settings-container {
    width: calc(100% - 10px);
    max-width: calc(100% - 10px);
    margin: 10px 10px 0 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.ticket-settings-container-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 5px;
}

.ticket-settings-container-row:last-child {
    margin-bottom: 0;
}

.ticket-settings-container-el {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: calc(50% - 5px);
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    padding: 5px;
    margin-right: 5px;
    height: 60px;
}

.ticket-settings-container-el:last-child {
    margin-right: 0;
    margin-left: 5px;
}

.ticket-settings-container-el:hover {
    background-color: rgba(44, 153, 246, 0.1);
    background-opacity: 0.5;
}

.ticket-settings-container-el-header {
    opacity: 0.9;
    font-size: 16px;
    margin-bottom: 2px;
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

.ticket-settings-container-el-header:last-child {
    padding-right: 0 !important;
}

.ticket-settings-container-el-header > i {
    margin-right: 5px;
    width: 18px;
    opacity: 0.9;
}

.ticket-settings-container-el-header > div {
    font-weight: 500 !important;
    margin-bottom: 0;
    opacity: 0.7;
}

.ticket-settings-container-el > input {
    margin-top: 0;
}

.ticket-settings-container-el > .nice-select {
    width: 100%;
    height: 25px;
}

.ticket-settings-container-el-header-crossing > i {
    color: #fec0aa;
}

.ticket-settings-container-el-discount > i {
    color: #23d692;
}

.ticket-settings-container-el-header-sell-type > i {
    color: #ffd23f;
}

.ticket-settings-container-el-header-promo > i {
    color: #db2b39;
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    margin-bottom: 0;
    cursor: pointer;
}
.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox:checked+label::before {
    border-color: #0b76ef;
    background-color: #0b76ef;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #b3d7ff;
}
/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}
/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: #80bdff;
}
/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}

.tickets-form-select-header {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    font-size: 16px;
    margin-bottom: 5px;
}

.trip-view-data {
    width: 100%;
}

.tickets-form-select-header > i {
    margin-right: 10px;
    color: #db2b39;
    opacity: 0.9;
}

.tickets-form-select-header-value {
    opacity: 0.7;
}

.tickets-form form {
    width: 95%;
}

.row-fluid .nice-select {
    display: none;
}

.tickets-form-select {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
}

.tickets-form-select {
    margin-bottom: 10px;
}

.tickets-form-select .bootstrap-select.btn-group .dropdown-menu li a {
    width: 100%;
    font-size: 16px;
}

.tickets-form-select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.tickets-form-select .bootstrap-select > .btn {
    font-size: 16px;
}

.tickets-form-select .dropdown-menu > .active > a {
    background-color: #23d692;
}

.tickets-form-select .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small {
    color: #777777;
}

.tickets-form-select .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
    color: #fff;
}

.tickets-form-select label {
    font-size: 18px;
}

.tickets-create h1 {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 15px 10px 10px;
    margin: 10px 0;
    font-size: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tickets-create span:last-of-type {
    font-size: 18px;
}

.tickets-clients-info {
    display: grid;
    grid-template-columns: 32% 31% 25% 12%;
    padding-top: 10px;
}

.tickets-clients-info .tickets-clients-info-el {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
    margin: 0 10px 10px 0;
    font-size: 18px;
    flex-grow: 1;
}

.tickets-clients-info .tickets-clients-info-el:last-of-type {
    margin-right: 0;
}

.tickets-form-input {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    flex-grow: 1;
}

.tickets-form-input-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 2px solid #f5f6fa;
    margin-bottom: 10px;
}

.tickets-form-input-header-el {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.tickets-form-input-header-el-title {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    font-size: 16px;
}

.tickets-form-input-header-el-title > i {
    opacity: 0.9;
    margin-right: 5px;
}

.tickets-form-input-header-el-title > div {
    opacity: 0.7;
}

.tickets-form-input-header-el-value {
    font-size: 20px;
}

.tickets-form-input-header-el-title-icon-route {
    color: #db2b39;
}

.tickets-form-input-header-el-title-icon-date {
    color: #ffda62;
}

.tickets-form-input-header-el-title-icon-time {
    color: #23d692;
}

.tickets-form-input-header-sold {
    height: 50px;
    width: 160px;
    background-color: #f5f6fa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.tickets-form-input-header-sold-left-circle {
    position: absolute;
    width: 15px;
    height: 30px;
    background-color: white;
    border-radius: 0 20px 20px 0;
    top: calc(50% - 15px);
    left: 0px;
    border: 2px solid #2c99f6;
    border-left: none;
}

.tickets-form-input-header-sold-right-circle {
    position: absolute;
    width: 15px;
    height: 30px;
    background-color: white;
    border-radius: 20px 0 0 20px;
    top: calc(50% - 15px);
    right: 0px;
}

.tickets-form-input-header-sold-text {
    background-color: #2c99f6;
    width: 55px;
    writing-mode:vertical-rl;
    color: white;
    font-size: 10px;
    line-height: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    padding-left: 10px;
    border-left: 3px dashed white;
}

.tickets-form-input-header-sold-data {
    width: calc(100% - 55px);
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    border-top: 2px solid #2c99f6;
    border-bottom: 2px solid #2c99f6;
    border-left: 2px solid #2c99f6;
}

.tickets-form-input-price-place {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.ticket_comment {
    height: 35px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    width: 100%;
}

.tickets-form-input-el-value {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.tickets-form-input-el-value > input {
    width: calc(100% - 100px - 5px);
    margin-right: 5px;
}

.tickets-form-input-el {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 400px;
}

.create-tickets {
    background-color: #23d692;
    color: #fff;
    border: 0 none;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 18px;
    width: 140px;
    text-align: center;
}

.parse-dealers-tickets {
    background-color: #23d692;
    color: #fff;
    border: 0 none;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 18px;
    margin-top: 20px;
    width: 140px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.parse-dealers-tickets:hover, .parse-dealers-tickets:active, .parse-dealers-tickets:focus, .parse-dealers-tickets:visited {
    text-decoration: none;

}

.tickets-form-input .routes-prices .nice-select {
    line-height: 42px;
}

.tickets-form-input .routes-prices, .tickets-form-input .routes-prices .nice-select {
    height: 35px;
    line-height: 35px;
}

.trip-details-timetable > div {
    display: grid;
    grid-template-columns: 40% 10% 10% 10% 10% 10% 10%;
    /*margin-bottom: 3px;*/
    padding: 4px;
    align-items: center;
}

.tickets-name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tickets-number, .tickets-passport {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.trip-details-no-tickets {
    width: 100%;
    padding: 6px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.trip-details-no-tickets > i {
    font-size: 40px;
    opacity: 0.9;
    margin-bottom: 10px;
}

.tickets-number .current, .tickets-passport .current {
    /*padding-top: 5px;*/
}

.trip-details-single-ticket-user > div:first-of-type {
    /*padding-top: 5px;*/
}

.tickets-form-check {
    display: flex;
    justify-content: space-between;
}

.tickets-form-check label {
    margin-bottom: 0;
    margin-right: 5px;
}

.tickets-form-check > div {
    display: flex;
    align-items: center;
    min-height: 0px;
}

.tickets-form-check > div > label {
    margin-left: 5px;
    padding-top: 5px;
}

.tickets-form input {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
}

.tickets-form-create {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.circle-ticket {
    width: 30px;
    height: 30px;
    background-color: #f5f6fa;
    border-radius: 30px;
    position: absolute;
    right: -15px;
    top: 37%;
}

.trip-details-single-ticket-info-right-bottom {
    display: flex;

}

.trip-details-single-ticket-info-right-bottom > div:first-of-type {
    margin-right: 10px;
}

.tickets-view {
    color: #697494;
}

.tickets-view-name {
    margin-left: 0;
    margin-top: 0;
}

.tickets-view-status > .user-data-title {
    color: white !important;
}

.tickets-view-name, .tickets-view-route,
.tickets-view-info-number, .tickets-view-info-passport, .tickets-view-prepaid-price,
.tickets-view-info-date, .tickets-view-trip-start, .tickets-view-trip-end, .tickets-view-dealer,
.tickets-view-place, .tickets-view-price, .tickets-view-type, .tickets-view-discount, .tickets-view-cross,
.tickets-view-status, .tickets-view-ticket-number, .tickets-view-comment {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    /*padding: 15px;*/
    font-size: 20px;
    flex-grow: 1;
    margin-bottom: 10px;
}

.tickets-view-ticket-main-info {
    margin-top: 10px;
    font-size: 22px;
}

.tickets-view-info, .tickets-view-details,
.tickets-view-trip, .tickets-view-top-info, .tickets-view-ticket-main-info {
    display: flex;
    justify-content: space-between;
}

.tickets-view-info-number, .tickets-view-ticket-number, .tickets-view-cross,
.tickets-view-dealer, .tickets-view-type, .tickets-view-discount, .tickets-view-trip-start,
.tickets-view-name {
    margin-right: 10px;
    margin-top: 0;
    margin-left: 0;
}

.tickets-view-info-number, .tickets-view-info-passport, .tickets-view-prepaid-price,
.tickets-view-place, .tickets-view-price, .tickets-view-name,
.tickets-view-info-date, .tickets-view-status, .tickets-view-dealer {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 0;
    margin-left: 0;
}

.tickets-view-status {
    color: #fff;
}

.tickets-view-creator {
    color: #c9cacd;
    text-align: right;
}

.tickets-view-main-info {
    display: flex;
    /*align-items: flex-start;*/
}

.tickets-view-data-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
}

.tickets-view-status-select, .status_1 {
    width: 100%;
}

.tickets-view-crossing-select {
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px rgba(0, 0, 0, 0);
    transition: all 0.2s ease-in-out;
}

.tickets-view-crossing-select:hover {
    border: solid 1px #e8e8e8;
}

.tickets-view-status-select {
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px rgba(0, 0, 0, 0);
    transition: all 0.2s ease-in-out;
}

.tickets-view-status-select:after {
    border-color: white;
}

.tickets-view-status-select:hover {
    border: solid 1px #e8e8e8;
}

.crossing_select_container {
    width: 100%;
}

.crossing_select_container > .nice-select {
    width: 100%;
}

.crossing_select_container > .nice-select > ul {
    width: 100%;
}

.crossing_select_container > .nice-select {
    height: 32px;
    line-height: 30px;
    font-size: 18px;
}

.status_1 > .nice-select > ul {
    width: 100%;
    color: #697494;
}

.status_1 > .nice-select {
    height: 32px;
    line-height: 30px;
    font-size: 18px;
}

.stat_0 {
    background-color: #2c99f6;
}

.stat_1 {
    background-color: #23d692;
}

.stat_2 {
    background-color: #ffd23f;
}

.stat_3 {
    background-color: #db2b39;
}

.stat_4 {
    background-color: #697494;
}

.stat_5 {
    background-color: #fec0aa;
}

.stat_6 {
    background-color: #540d6e;
}

.stat_7 {
    background-color: #4f000b;
}

.stat_8 {
    background-color: #8B687F;
}

.stat_9 {
    background-color: #34403A;
}

.stat_vert_0 {
    border-left: 10px solid #2c99f6;
}

.stat_vert_1 {
    border-left: 10px solid #23d692;
}

.stat_vert_2 {
    border-left: 10px solid #ffd23f;
}

.stat_vert_3 {
    border-left: 10px solid #db2b39;
}

.stat_vert_4 {
    border-left: 10px solid #697494;
}

.stat_vert_5 {
    border-left: 10px solid #fec0aa;
}

.stat_vert_6 {
    border-left: 10px solid #540d6e;
}

.stat_vert_7 {
    border-left: 10px solid #4f000b;
}

.stat_vert_8 {
    border-left: 10px solid #8B687F;
}

.stat_vert_9 {
    border-left: 10px solid #34403A;
}

.ticket-view-data-title {
    font-size: 14px;
}

.ticket-view-data {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.tickets-view-place, .tickets-view-price, .tickets-view-prepaid-price, .tickets-view-dealer {
    display: flex;
    flex-direction: column;
}

.ticket-view-price-cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-right: 5px;
}

.ticket-view-select {
    height: 28px;
    line-height: 26px;
}

.ticket-arrow:hover, .tickets-index-header-day:hover {
    cursor: pointer;
    color: #2c99f6;
}

.tickets-index-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px 15px;
    margin-top: 10px;
    font-size: 18px;
}

.tickets-view-details {
    width: 100%;
}

.tickets-view-type {
    width: 50%;
}

.tickets-view-discount {
    width: 50%;
    margin-right: 0;
}

.tickets-view-place {
    width: 50%;
}

.tickets-view-price {
    width: 50%;
    margin-right: 10px;
}

.tickets-view-dealer {
    width: 33%;
    margin-top: 0;
    margin-right: 0;
}

.tickets-view-data-with-select .nice-select {
    width: 100%;
}

.ticket-view-data .user_edit_input {
    width: 60%;
    height: 28px;
    line-height: 26px;
    padding-left: 5px;
}

.tickets-view-info-user-data .user_edit_input {
    width: 80%;
    height: 28px;
    line-height: 26px;
    padding-left: 5px;
}

.tickets-view-price .user_name_field, .tickets-view-place .user_name_field {
    min-height: 30px;
}

.tickets-view-price .ticket-view-data, .tickets-view-place .ticket-view-data, .tickets-view-prepaid-price .ticket-view-data {
    height: 30px;
}

.tickets-view-comment {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
}

.ticket-view-data-text {
    line-height: 29px;
    height: 28px;
    /*margin-left: 6px;*/
}

.tickets-view-name {
    width: 40%;
    margin-left: 0;
    margin-top: 0;
}

.tickets-view-info-number {
    width: 30%;
    margin-left: 0;
    margin-top: 0;
}

.tickets-view-info-passport {
    width: 30%;
    margin-left: 0;
    margin-top: 0;
}

.tickets-view-trip-start {
    width: 50%;
    margin-left: 0;
    margin-top: 0;
}

.tickets-view-trip-end {
    width: 50%;
    margin-left: 0;
    margin-top: 0;
}

.tickets-view-ticket-number {
    width: 40%;
    margin-left: 0;
}

.tickets-view-cross {
    width: 30%;
    margin-left: 0;
}

.tickets-view-status {
    width: 30%;
    margin-left: 0;
}

.tickets-view-route {
    margin-left: 0;
    margin-top: 0;
    margin-right: 10px;
    width: 67%;
}

.prepaid_price_cont, .price_cont, .place_cont {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tickets-index-container-items {

}

.tickets-index-container-item {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    padding: 0 0 0 30px;
    margin-top: 10px;
    position: relative;
}

.tickets-index-container-item-left {
    width: 85%;
    border-right: 2px dashed #f2f3f5;
    padding: 5px 20px 5px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.tickets-index-container-item-trip {
    font-size: 20px;
    display: flex;
    justify-content: space-between;
}

.tickets-index-time-and-place-cont {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tickets-index-container-item-route {
    line-height: 6px;
    display: flex;
    justify-content: space-between;
}

.tickets-index-container-item-user-details {
    display: grid;
    justify-content: space-between;
    line-height: 20px;
    font-size: 16px;
    /*margin-top: 14px;*/
    flex-wrap: wrap;
    grid-template-columns: 38% 25% calc(27% - 100px) 100px;
}

.tickets-index-container-item-right {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: 15px;
    padding: 3px 25px 3px 5px;
    align-items: center;
    width: 15%;
    border-left: 2px dashed #f2f3f5;
    color: #fff;
}

.ticket-left-circle {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #f5f6fa;
    border-radius: 30px;
    top: calc(50% - 20px);
    left: -20px;
}

.ticket-right-circle {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #f5f6fa;
    border-radius: 30px;
    top: calc(50% - 20px);
    right: -20px;
}

.tickets-index-container-item-user-details > div {
    padding: 0 5px;
}

.tickets-index-container-item-price span {
    font-size: 15px;
    text-align: center;
}

.tickets-index-container-item-price {
    text-align: center;
    line-height: 15px;
    margin: 0 5px;
}

.tickets-index-header-day.today {
    color: white;
    background-color: #2c99f6;
    transition: all 0.2s ease-in-out;
}

.tickets-index-header-day.today:hover {
    background-color: #23d692;
}

.tickets-index-header-day.active {
    color: white;
    background-color: #23d692;
    transition: all 0.2s ease-in-out;
}

.tickets-index-header-day.active:hover {
    background-color: #1db078;
}

.tickets-index-header-day {
    font-size: 16px;
    font-weight: 600;
    color: #6978b5;
    height: 50px;
    width: 60px;
    border-radius: 3px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
}

.tickets-index-small-calendar-year {
    font-size: 10px;
}

.ticket-arrow {
    transition: all 0.2s ease-in-out;
    font-size: 30px;
    display: flex;
}

.tickets-index-header-trips {
    display: flex;
    flex-wrap: wrap;
}

/*.tickets-index-header-trips .active-trip, .tickets-index-header-trips > div:hover {
    background-color: #2c99f6;
    color:#fff;
    cursor: pointer;
}*/
.tickets-index-header-trip {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 2px 15px;
    margin-top: 10px;
    font-size: 18px;
    flex-grow: 1;
    align-items: center;
}

.tickets-index-header-trip-title {
    text-align: center;
    color: #777494;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.tickets-trip-title-el {
    margin: 0 7px;
    display: flex;
    align-items: center;
}

.tickets-trip-title-el > div:first-of-type {
    margin-right: 5px;
}

.tickets-index-container-item-left a:hover {
    text-decoration: none;
}

.tickets-index-header-trip-show-all-trips {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tickets-index-header-trip-show-all-trips:hover {
    cursor: pointer;
}

.tickets-index-sorting {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: 2px solid #f5f6fa;
    border-right: 2px solid #f5f6fa;
    margin-left: 15px;
    padding-right: 15px;
    height: 100%;
}

.tickets-index-sorting > a {
    margin-left: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.tickets-index-sorting-active {
    color: #db2b39;
}

.tickets-index-sorting > a:hover, .tickets-index-sorting > a:active, .tickets-index-sorting > a:focus {
    text-decoration: none;
}

.tickets-index-container-item-user-details > div {
    display: flex;
    align-items: baseline;
}

.tickets-index-container-item-trip a {
    display: flex;
    height: 100%;
    align-items: center;
}

.breadcrumbs {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style-type: none;
    padding: 0;
    color: #697494;
    font-size: 16px;
    font-family: 'Harmonia';
    font-weight: 600;
    line-height: 30px;
}

.breadcrumbs > li {
    margin: 0 5px;
    line-height: 16px;
}

.breadcrumbs > li > a {
    text-decoration: none;
    color: #697492;
    transition: all 0.2s ease-in-out;
}

.breadcrumbs > li > a:hover {
    color: #2c99f6;
}

.breadcrumbs > li > a:after {
    content: '/';
    margin-left: 5px;
    color: #b3b3b6;
}

.welcome-container {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    min-height: 50px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 20px;
}

.welcome-container > div {
    font-size: 20px;
    color: #697494;
}

.welcome-container .welcome-title {
    font-weight: 700;
    font-size: 45px;
    color: #697494;
}

.welcome-container > .welcome-button {
    font-size: 24px;
    margin-top: 10px;
}

.welcome-container > .welcome-button a:hover {
    text-decoration: none;
}

.home-page-login {
    display: flex;
    justify-content: space-between;
}

.home-page-parser {
    display: flex;
    justify-content: space-between;
}

.dashboard-container {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    min-height: 50px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    flex-grow: 1;
    padding: 15px;
    font-size: 18px;
    text-align: center;
}

.home-page-parser > div {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    min-height: 50px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    flex-grow: 1;
    padding: 15px;
    font-size: 18px;
    text-align: center;
}

.binotel-id-change-container {
    /*margin-right: 10px;*/
    width: 100%;
}

.binotel-id-title {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.binotel-id-title > i {
    margin-right: 5px;
}

.binotel-id-change {
    background-color: #23d692;
    color: #fff;
    border: 0 none;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.binotel-id-change:hover {
    cursor: pointer;
}

.parse-file {
    background-color: #23d692;
    color: #fff;
    border: 0 none;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.parse-file:hover {
    cursor: pointer;
}

.binotel-container {
    display: flex;
    /*margin-bottom: 30px;
    margin-top: 20px;*/
    width: 100%;
}

.parser-container {
    display: flex;
    margin-bottom: 30px;
    margin-top: 20px;
}

.binotel-id-change-field {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 7px;
    margin-right: 5px;
    width: 100%;
}

.parser-field-field {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 7px;
    margin-right: 5px;
}

.tickets-index-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.tickets-index-name > div {
    margin-right: 5px;
    width: 25px;
}

.tickets-index-name > div > .fa-gift {
    margin-left: 5px;
    color: #db2b39;
}

.create-tickets:hover {
    cursor: pointer;
}

.no-trips {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    min-height: 50px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.ticket-status > div {
    width: 20px;
    height: 20px;
    margin: 2px;
    border: 1px solid rgba(238, 238, 238, 0.5);
    cursor: pointer;
}

.ticket-status {
    display: flex;
    justify-content: center;
}

.driver-ticket-statuses > div {
    width: 20px;
    height: 20px;
    margin: 2px;
    border: 1px solid rgba(238, 238, 238, 0.5);
    cursor: pointer;
}

.driver-ticket-statuses {
    display: flex;
    justify-content: center;
}


.tickets-clients-info-el {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.print-tickets > div {
    display: grid;
    grid-template-columns: 3% 15% 10% 12% 13% 12% 5% 5% 5% 5% 5% 10%;
    text-align: center;
}

.print-tickets {
    font-size: 12px;
    background-color: #fff;
    border-radius: 4px;
    padding: 0 15px 15px;
    color: #000;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.print-tickets-title, .print-tickets-title-ua {
    font-weight: 700;
}

.print-tickets > div > div {
    border: 1px solid #000;
    padding: 3px 0;
}

.print-tickets > tr > th, td {
    border: 1px solid #000;
    padding: 3px;
}

.print-trips-title {
    background-color: #fff;
    border-radius: 4px;
    padding: 15px 15px 5px;
    margin-top: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dealers-tickets-view-container {
    background-color: #fff;
    border-radius: 4px;
    padding: 15px;
    margin-top: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    display: flex;
    flex-direction: column;
}

.dealers-tickets-table {
    width: 100%;
}

.dealers-tickets-table th, td {
    padding: 2px 5px;
}

.dealers-tickets-log-element {
    border-radius: 4px;
    background-color: #db2b39;
    padding: 5px 10px;
    color: white;
    margin-bottom: 5px;
}

.dealers-tickets-log-success {
    border-radius: 4px;
    background-color: #23d692;
    padding: 5px 10px;
    color: white;
}

.print-trips-title-route-name {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

.print-trips-title-route-date {
    margin-left: 50px;
    font-weight: 700;
}

.diler-1 {
    background-color: lightblue;
}

.diler-2 {
    background-color: lightblue;
}

.diler-3 {
    background-color: lightgreen;
}

.diler-4 {
    background-color: lightpink;
}

.diler-5 {
    background-color: orange;
}

.diler-7 {
    background-color: lightyellow;
}

.print-button {
    margin-top: 10px;
    border: none;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    padding: 10px 20px 3px;
    font-size: 30px;
}

.drivers-view .single-user-info-user-way .archive-ticket-item,
.buses-view .single-bus-way-container .archive-ticket-item {
    grid-template-columns: 0 60% 20% 20%;
}

.trip-details-timetable input {
    border: 1px solid #ccc;
    width: 22px;
    text-align: center;
}

.autostaion-ticket-element::-webkit-inner-spin-button,
.autostaion-ticket-element::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.autostaion-ticket-element {
    -moz-appearance: textfield;
}

.auto-tickets {
    display: flex;
    flex-wrap: wrap;
}

.auto-tickets > div {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    /*padding: 15px;*/
    font-size: 18px;
    flex-grow: 1;
    /*min-height: 55px;*/
    /*margin-right: 10px;*/
    margin-top: 10px;
    display: flex;
}

.auto-tickets > div:first-child {
    margin-left: 0;
}

.auto-tickets-station div:first-of-type {
    margin-right: 5px;
}

.auto-tickets > div:last-of-type {
    margin-right: 0;
}

.warning-tickets {
    color: red;
    font-size: 18px;
    margin-left: 20px;
    font-weight: 700;
    margin-top: 12px;
}

.trips-view-button-area {
    display: flex;
    align-items: center;
    /*margin-bottom: -10px;*/
}

.promotional_gift {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.promotional_activated {
    color: #23527c;
}

.promotional_activated:hover {
    color: #204b71;
}

.promotional_deactivated {
    color: #f5f6fa;
}

.promotional_deactivated:hover {
    color: #dfe0e4;
}

.ticket-view-client-name:hover {
    text-decoration: none;
}

.ticket-view-trip-link:hover {
    text-decoration: none;
}

.clean_input:hover {
    cursor: pointer;
    color: darkred;
}

.trip-view-comment {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
    color: #697494;
    margin-top: 10px;
    margin-left: 0;
}

.trip-view-comment textarea {
    width: 100%;
}

.trip-view-accounting {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
    color: #697494;
    margin-top: 10px;
}

.trip-view-accounting textarea {
    width: 100%;
    height: 300px;
}

.trip-accounting-submit {
    background-color: #23d692;
    color: #fff;
    border: 0 none;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-top: 10px;
    transition: all 0.2s ease-in-out;
}

.trip-accounting-submit:hover {
    background-color: #23d692;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.nacrutka_prom input {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 0 2px;
    width: 100%;
    transition: all 0.2s ease-in-out;
    -moz-appearance: textfield;

}

.nacrutka_prom input:hover {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 0 2px;
}

.tickets-index-place-input {
    border: 1px solid rgba(238, 238, 238, 0.5);
    border-radius: 4px;
    padding: 0 2px;
    width: 30px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    -moz-appearance: textfield;
    background-color: transparent;

}

.tickets-index-place-input:hover {
    border: 1px solid rgba(238, 238, 238, 1);
    border-radius: 4px;
    padding: 0 2px;
}

.nacrutka_prom {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    color: #697494;
    font-family: 'Harmonia';
    text-align: center;
    font-size: 20px;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
    margin-left: 10px;
}

.compare-client-item-name-date {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    display: flex;
    justify-content: space-between;
    padding: 12px;
    font-size: 16px;
    margin: 10px 0;
    border-radius: 5px;
}

.compare-client-item-number, .compare-client-item-passport {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    display: flex;
    flex-direction: column;
    width: 50%;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px;
    text-align: center;
}

.compare-client-item-number {
    margin-right: 10px;
}

.compare-client-item-number-passport {
    display: flex;
}

.compare-client-item-name-date input {
    margin-right: 10px;
}

.button-compare-container button {
    border: 1px solid #eee;
    background-color: #23d692;
    padding: 7px 14px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
}

.button-compare-container {
    margin-top: 10px;
    text-align: center;
}

.count-combine-container {
    display: none;
    position: absolute;
    top: 70px;
    right: 20px;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    padding: 15px 15px 20px 15px;
    border-radius: 5px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 300px;
    z-index: 10000;
}

.cart i:hover {
    cursor: pointer;
}

.compare_window_user {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.compare_window_user > a:hover {
    text-decoration: none;
    color: #2c99f6;

}

.compare_window_user > a {
    text-decoration: none;
    cursor: pointer;
    color: #697494;
    transition: all 0.2s ease-in-out;
}

.compare_window_user > i {
    color: #db2b39;
    transition: all 0.2s ease-in-out;
}

.compare_window_user > i:hover {
    color: #a0202a;
    transition: all 0.2s ease-in-out;
}

.count-combine-container-but {
    background-color: #23d692;
    color: white;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border: 1px solid #23d692;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 8px 4px;
    text-align: center;
    margin: 10px 0 0 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    min-width: 40px;
    cursor: pointer;
    align-self: center;
}

.count-combine-container-but > a {
    color: white;
}

.count-combine-container-but > a:hover {
    text-decoration: none;
}

.tooltip-box {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border: 1px solid #eee;
    border-radius: 3px;
}

/*.ui-sortable {
    width: calc(100vw - 175px);
}*/

.field-routes-name > input {
    width: calc(100vw - 175px);
}

.route_prices_loader {
    width: calc(100vw - 175px);
    overflow-x: auto;
}

.routes-update {
    padding-top: 10px;
}

.tickets-index-more-info-container {
    display: flex;
    align-items: center;
}

.tickets-index-more-info-container > .fa-comments {
    color: #db2b39;
    margin-right: 10px;
}

.trip-timetable-input-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    /*padding: 5px 0;*/
}

.trip-timetable-input-container > i {
    margin-bottom: 5px;
}

.trip-timetable-data-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.driver-trip-timetable-data-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.trip-timetable-data-number {
    font-size: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 4px;
}

.trip-timetable-data-number > .edit_tools > i {
    font-size: 14px;
    margin: 0;
}

.trip-details-ticket-comment {
    color: #db2b39;
    margin-right: 10px;
}

.route_prices_container {
    flex-direction: column;
    display: inline-flex;
}

.calendar-day:hover > .calendar-submenu {
    display: flex;
}

.calendar-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 200%;
    z-index: 10;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
    background: #ffffff;
    color: #697494;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgb(238, 238, 238);
    flex-direction: column;
}

.calendar-submenu-el {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-radius: 3px;
    padding: 3px;
    font-size: 14px;
    margin: 3px 0;
    line-height: 14px;
}

.calendar-submenu-el:hover {
    background: #2c99f6;
    color: #ffffff;
}

.tickets-index-dealers-mark-container {
    font-size: 14px;
    margin-right: 10px;
    border: 1px solid rgba(238, 238, 238);
    border-radius: 4px;
    padding: 0px 4px 0px 0;
    height: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tickets-index-dealers-mark {
    width: 15px;
    height: 100%;
    margin-right: 4px;
}

.trip-details-single-ticket-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.tickets-is-loaded-to-av,
.tickets-sms-allowed {
    opacity: 0.3;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    margin-right: 3px;
}

.tickets-is-loaded-to-av:hover {
    opacity: 0.7;
}

.tickets-is-loaded-to-av-active {
    opacity: 1;
}

.trip-is-loaded-to-av {
    margin-right: 10px;
}

.trip-title-currency {
    font-size: 12px;
    font-weight: 900;
    margin: 0 5px;
    margin-top: 2px;
}

.trip-total-price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.tickets-trip-title-currency {
    font-size: 12px;
    font-weight: 900;
}

.users-form > form > .field-users-auth_type {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.single-bus-template {
    /*background-color: #fff;*/
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    color: #697494;
    font-family: 'Harmonia';
    text-align: center;
    font-size: 20px;
    /*padding: 10px;*/
    margin-top: 10px;
    border-radius: 5px;
    margin-left: 10px;
}

.bus-template-container {
    border-radius: 15px;
    width: 284px;
    min-height: 60px;
    padding: 5px 5px 25px 5px;
    background-color: #697492;
}

.bus-template-inner-container {
    background-color: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 2px;
}

.bus-template-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 5px;
}

.bus-template-element {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 50px;
    height: 50px;
    margin: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.trip-template-element {
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 50px;
    height: 50px;
    margin: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.bus-temp-el-top {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b-t-seat > .bus-temp-el-bottom {
    background-color: #8c1c25;
}

.b-t-guide-seat > .bus-temp-el-bottom {
    background-color: #ba992e;
}

.bus-temp-el-bottom {
    width: 100%;
    height: 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bus-template-element > i {
    margin-right: 0;
}

.bus-template-element > i:hover {
    margin-right: 0;
}

.b-t-guide-seat {
    background-color: #ffd650;
    color: white;
    cursor: pointer;
}

.b-t-guide-seat:hover {
    background-color: #ffd23f;
    /*box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);*/
}

.b-t-seat {
    background-color: #db2b39;
    color: white;
    cursor: pointer;
}

.b-t-seat:hover {
    background-color: #b4242f;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.b-t-driver {
    background-color: #ffd650;
}

.b-t-gap {
}

.bus-template-number-input {
    background-color: transparent;
    border-radius: 5px;
    height: 31px;
    line-height: 31px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: solid 1px rgba(232, 232, 232, 0.2);
    width: 35px;
    text-align: center;
    /*padding: 4px 8px 4px 10px;*/
}

.bus-template-number-input:hover, .bus-template-number-input:focus {
    border: solid 1px rgba(232, 232, 232, 1);
}

.bus-temp-select, .bus-temp-guide-select {
    background-color: transparent;
    border: solid 1px rgba(232, 232, 232, 0.2);
    width: 46px;
    height: 13px;
    font-size: 10px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bus-temp-select::after, .bus-temp-guide-select::after {
    display: none;
}

.bus-temp-select .option, .bus-temp-guide-select .option {
    color: #697492;
    line-height: 16px;
    font-size: 16px;
    padding: 5px 10px;
    min-height: 16px;
}

.single-bus-floors-container {
    color: white;
    font-size: 16px;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    margin-bottom: 4px;
}

.bus-template-floors-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 24px;
    border-radius: 5px;
    background-color: #f5f6fa;
    padding: 2px;
}

.bus-template-floors-switch-el {
    color: #697492;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.bus-template-floors-switch-el.switch-active {
    background-color: #23d692;
    color: white;
}

.field-buses-floors > .nice-select {
    width: 50%;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.field-buses-floors > .nice-select > .list {
    width: 100%;
}

.bus_number_of_seats {
    justify-content: space-between;
    margin-right: 15px;
}

.bus_number_of_seats > div {
    padding-left: 0 !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.bus-template-floors-separator {
    height: 10px;
    width: 100%;
}

.trip-view-comment-timetable > .single-bus-template {
    margin-left: 0px;
}

.trip-timetable-and-accounting {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
}

.trip-timetable-and-accounting > .trip-details-timetable {
    width: 50%;
}

.trip-timetable-and-accounting > .trip-view-accounting {
    margin-left: 10px;
    width: 50%;
}

.t-t-seat {
    background-color: #2c99f6;
    color: white;
    cursor: pointer;
}

.t-t-seat:hover {
    background-color: #288ce0;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
    color: white;
}

.ticket-t-seat {
    background-color: #2c99f6;
    color: white;
    cursor: pointer;
}

.ticket-t-seat:hover {
    background-color: #288ce0;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
    color: white;
}

.ticket-t-unknown-seat {
    background-color: #f5f6fa;
    color: #23527c;
    cursor: pointer;
}

.ticket-t-unknown-seat:hover {
    background-color: #dfe0e4;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.r-t-seat {
    background-color: #2c99f6;
    color: white;
    cursor: pointer;
}

.r-t-seat:hover {
    background-color: #288ce0;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
    color: white;
}

.trip-template-element:hover > .t-t-submenu {
    display: flex;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}

.t-t-submenu {
    display: none;
    position: absolute;
    bottom: 100%;
    right: 0;
    min-width: 200%;
    z-index: 10;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
    background: #ffffff;
    color: #697494;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgb(238, 238, 238);
    flex-direction: column;
    height: 300px;
    overflow-y: auto;
    width: 150px;
}

.trip-template-element:hover > .r-t-submenu {
    display: flex;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
}

.r-t-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200%;
    z-index: 10;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
    background: #ffffff;
    color: #697494;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgb(238, 238, 238);
    flex-direction: column;
    height: 300px;
    overflow-y: auto;
    width: 150px;

}

.t-t-submenu-el {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-radius: 3px;
    padding: 0 3px;
    font-size: 16px;
    border: 1px solid #f5f6fa;
    margin: 2px;
}

.r-t-submenu-el {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    border-radius: 3px;
    padding: 0 3px;
    font-size: 16px;
    border: 1px solid #f5f6fa;
    margin: 2px;
}

.r-t-submenu-el:hover {
    background: #2c99f6;
    color: #ffffff;
}

.t-t-submenu-el-active {
    background-color: #23d692;
    color: white;
    border: 1px solid transparent;
}

.t-t-submenu-el:hover {
    background: #2c99f6;
    color: #ffffff;
}

.t-t-for-dealer {
    background-color: #f17105;
}

.t-t-for-dealer:hover {
    background-color: #dc6705;
}

.t-t-for-autostation {
    background-color: #d11149;
}

.t-t-for-autostation:hover {
    background-color: #be1043;
}

.t-t-for-combo {
    background-color: #5c2751;
}

.t-t-for-combo:hover {
    background-color: #54244a;
}

.ticket-t-selected-seat {
    background-color: #23d692;
    color: white;
}

.ticket-t-selected-seat:hover {
    background-color: #20c385;
}

.trip-view-bus-template-select-container {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
    color: #697494;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    width: 100%;
    margin-left: 0;
}

.trip-view-template-select {
    line-height: 32px;
    height: 32px;
}

.trip-view-occupied-seat {
    text-decoration: line-through;
}

.routes-template-update {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.routes-template-update > div {
    margin-top: 10px;
}

.route-template-first-floor {
    margin-right: 10px;
}

.trip-view-template-reset {
    background-color: #23d692;
    color: #fff;
    border: 0 none;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.trip-view-template-reset:hover {
    background-color: #23d692;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.tickets-create-bus {
    width: 100%;
    min-height: 0px;
    max-height: 0px;
    overflow-y: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 10px;
    border-radius: 5px;
    background-color: #f5f6fa;
}

.tickets-create-bus > div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.tickets-create-bus-active {
    min-height: 200px;
    max-height: 1000px;
    margin-bottom: 10px;
}

.trip_place {
    min-width: 40px;
    margin-right: 5px;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    border: 1px solid #ccc;
    padding: 4px 5px;
    border-radius: 5px;
    width: calc(100% - 100px - 5px);
}

.ticket_dealer {
    width: 100%;
}

.toggle-bus {
    background-color: #23d692;
    color: #fff;
    border: 0 none;
    border-radius: 5px;
    padding: 5px 5px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    width: 100px;
}

.ticket-template-container {
    border-radius: 15px;
    width: 184px;
    min-height: 60px;
    padding: 5px 5px 15px 5px;
    background-color: #697492;
}

.ticket-template-inner-container {
    background-color: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 2px;
}

.ticket-bus-floors-container {
    color: white;
    font-size: 14px;
    width: 100%;
    height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
    margin-bottom: 4px;
}

.ticket-bus-template-element {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 30px;
    height: 30px;
    margin: 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
}

.additional-input-container {
    min-height: 100px;
}

.additional-input-empty-container {
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.additional-input-empty-container > i {
    color: #23d692;
    font-size: 50px;
}

.additional-input-empty-container-text {
    opacity: 0.7;
    font-size: 18px;
    width: 400px;
    text-align: center;
    margin-top: 10px;
}

.additional-input-loader-container {
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.ticket-view-occupied-seat {
    opacity: 0.3;
    cursor: default;
}

.trip_price {
    width: 100px;
}

.ticket_trip_point_select {
    width: 100% !important;
}

.ticket_trip_point_select > button {
    border: solid 1px #e8e8e8;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ticket_trip_point_select .dropdown-menu > .active > a {
    background-color: #23d692;
}

.ticket_trip_point_select .dropdown-menu > li > a {
    width: 100%;
}

.ticket_trip_point_select .dropdown-menu > .active > a > span > small {
    color: white !important;
}

.trip-view-sales-container {
    color: #697494;
    display: flex;
    align-items: center;
    font-size: 16px;
    flex-direction: column;
    width: 100%;
}

.trip-view-sales-box {
    margin-bottom: 10px;
    margin-left: 0;
}

.trip-view-sales-title {
    width: 100%;
    font-size: 14px;
}

.trip-view-sales-dealer-block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d2d6df;
}

.trip-view-sales-dealer-block:last-of-type {
    border: none;
}

.trip-view-sales-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.trip-view-sales-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    line-height: 14px;
    font-size: 14px;
    margin: 2px 0;
    overflow: hidden;
}

.trip-view-sales-count {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    line-height: 14px;
    font-size: 14px;
    margin: 2px 0;
}


.trip-view-sales-button {
    width: 50px;
    height: 20px;
    background-color: #f5f6fa;
    border-radius: 5px;
    margin: 5px 2px;
    text-align: center;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.trip-view-sales-button:hover {
    background-color: #23d692;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
    color: white;
}

.trip-view-sales-button-active {
    background-color: #23d692;
    color: white;
}

.trip-view-sales-button-active:hover {
    background-color: #20c385;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.stats-first-date, .stats-second-date {
    display: block;
    /*width: calc(100% - 40px);*/
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: solid 1px #e8e8e8;
    transition: all 0.2s ease-in-out;
    box-shadow: unset;
}

.stats-first-date:hover, .stats-second-date:hover {
    border-color: #999;
}

.stats-options {
    margin-top: 10px;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    display: grid;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    grid-template-columns: 27% 27% calc(26% - 140px) 20% 140px;
}

.stats-dealers {
    height: 34px;
    line-height: 34px;
}

.stats-get-data {
    background-color: #23d692;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 10px 15px;
    transition: box-shadow 0.2s ease-in-out;
    border-radius: 5px;
}

.stats-get-data:hover {
    background-color: #23d692;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.stat-el {
    display: grid;
    align-items: center;
    justify-content: space-between;
    margin-right: 5px;
    grid-template-columns: 50px 1fr;
}

.stat-el > label {
    margin-right: 5px;
    display: flex;
    justify-content: center;
}

.stats-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 0.5fr 0.5fr 1fr 40px;
    height: 40px;
    margin: 5px 0;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding-left: 10px;
}

.stats-el {
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats-name {
    justify-content: flex-start;
}

.stat-ticket-status {
    border-radius: 3px;
    padding: 5px;
    color: white;
}

.stats-icons {
    font-size: 18px;
}

.stats-total {
    margin-top: 10px;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    display: grid;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.stats-starter {
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #697494;
    line-height: 100px;
    font-family: 'Harmonia';
    text-align: center;
}

.stats-starter > i {
    font-size: 70px;
}

.stats-starter {
    font-size: 25px;
}

.stats-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.stats-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stats-currencies {
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-curr-block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}

.stat-curr {
    margin-right: 5px;
    font-weight: 900;
}

.routestops-name-cont {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.route-stops-icons > i {
    opacity: 0.5;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-right: 5px;
}

.route-stops-icons > i:hover {
    opacity: 1;
}

.stop-cont-element {
    width: 100%;
    margin-right: 10px;
}

.route-stops-icons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.trip_search_input {
    width: 60% !important;
    margin: 0 10px;
}

.trip_search_input > button {
    height: 42px;
    border: solid 1px #e8e8e8;
}

.trip_search_input > .dropdown-menu > .bs-searchbox > input {
    margin: 0 !important;
}

.trip_search_input > .dropdown-menu > ul > li {
    width: 100%;
}

.trip_search_input > .dropdown-menu > ul > li > a {
    width: 100%;
}

.user-ticket-status-select {
    height: 25px;
    width: 90%;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 15px;
}

.user-ticket-status-select > ul {
    width: 100%;
}

.user-ticket-status-select::after {
    border-color: white;
}

.user-ticket-status-select > span {
    color: white;
}

.user-ticket-status-select > ul > .option {
    min-height: 20px;
    line-height: 20px;
}

.ticket_other_i_set {
    opacity: 1 !important;
}

/* Drivers module */

.driver-wrap {
    min-height: 100vh;
    width: 100%;
    padding: 20px;
}

.driver-container {
    height: 50vh;
    align-self: stretch;
}

.driver-default-index {
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.driver-main-logo {
    color: #db2b39;
    font-size: 50px;
    font-weight: 700;
}

.driver-main-sublogo {
    font-size: 25px;
    margin-top: -20px;
}

.driver-main-text {
    margin-top: 20px;
    font-size: 18px;
}

.driver-small-calendar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px 15px;
    margin-top: 10px;
    font-size: 18px;
}

.driver-calendar-arrow {
    transition: all 0.2s ease-in-out;
    font-size: 30px;
    display: flex;
    background-color: #23d692;
    border-radius: 3px;
    height: 50px;
    width: 50px;
    align-items: center;
    justify-content: center;
    color: white;
}

.driver-calendar-day {
    font-size: 16px;
    font-weight: 600;
    color: #6978b5;
    height: 50px;
    width: 60px;
    border-radius: 3px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    padding: 2px;
}

.driver-calendar-day.today {
    color: white;
    background-color: #2c99f6;
    transition: all 0.2s ease-in-out;
}

.driver-calendar-day.today:hover {
    background-color: #23d692;
    color: white;
    transition: all 0.2s ease-in-out;
}

.driver-calendar-day.active {
    color: white;
    background-color: #23d692;
    transition: all 0.2s ease-in-out;
}

.driver-calendar-day.active:hover {
    background-color: #1db078;
    color: white;
    transition: all 0.2s ease-in-out;
}

.driver-calendar-arrow:hover, .driver-calendar-day:hover {
    cursor: pointer;
    color: #2c99f6;
}

.driver-trips-header {
    display: flex;
    flex-wrap: wrap;
}

.driver-single-trip-header {
    display: grid;
    grid-template-columns: 33% 34% 33%;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px 15px;
    margin-top: 10px;
    font-size: 18px;
    flex-grow: 1;
    align-items: center;
}

.driver-single-trip-header-action-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.driver-single-trip-sorting {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    margin-top: 10px;
    border-radius: 5px;
}

.driver-single-trip-sorting > a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    height: 40px;
    width: 40px;
    border: 1px solid #f5f6fa;
    border-radius: 5px;
    cursor: pointer;
}

.driver-single-trip-sorting > a:hover {
    background-color: #f5f6fa;
}

.driver-trips-sorting-active {
    background-color: #db2b39;
    color: white;
    transition: all 0.2s ease-in-out;
}

.driver-trips-sorting-active:hover {
    color: #c82834;
}

.driver-single-trip-title {
    text-align: center;
    color: #777494;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.driver-single-trip-stat-el {
    margin: 0 5px;
    display: flex;
    align-items: center;
}

.driver-single-trip-stat-el > div:first-of-type {
    margin-right: 5px;
}

.driver-single-trip-stat-currency {
    font-size: 12px;
    font-weight: 900;
}

.driver-single-trip-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.driver-single-trip-title > .title-name {
    font-weight: 700;
    color: #db2b39;
    font-size: 22px;
}

.driver-single-trip-title > .title-time {
    color: #337ab7;
    font-size: 18px;
    margin-left: 10px;
}

.driver-single-trip-expand {
    background-color: #337ab7;
    border-radius: 3px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    margin-left: 10px;
}

.driver-single-trip-buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.driver-trips-sorting-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.driver-single-trip-stats-block {
    text-align: center;
    color: #777494;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.driver-trip-item-container {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    padding: 0 0 0 30px;
    margin-top: 10px;
    position: relative;
}

.driver-trip-item-container:last-of-type {
    margin-bottom: 10px;
}

.driver-trip-ticket-left-item {
    width: 80%;
    border-right: 2px dashed #f2f3f5;
    padding: 5px 20px 5px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.driver-trip-ticket-navigation-cont {
    font-size: 20px;
    display: flex;
    justify-content: space-between;
}

.driver-ticket-navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.driver-ticket-navigation > div {
    margin-right: 5px;
    width: 25px;
}

.driver-ticket-navigation > div > .fa-gift {
    margin-left: 5px;
    color: #db2b39;
}

.driver-ticket-more-info-cont {
    display: flex;
    align-items: center;
}

.driver-ticket-more-info-cont > .fa-comments {
    color: #db2b39;
    margin-right: 10px;
}

.driver-ticket-dealer-mark-cont {
    font-size: 14px;
    border: 1px solid rgba(238, 238, 238);
    border-radius: 4px;
    padding: 0px 4px 0px 0;
    height: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.driver-ticket-dealer-mark {
    width: 15px;
    height: 100%;
    margin-right: 4px;
}

.driver-ticket-user-details {
    display: grid;
    justify-content: space-between;
    line-height: 20px;
    font-size: 16px;
    margin-top: 14px;
    flex-wrap: wrap;
    grid-template-columns: 35% 25% 30%;
}

.driver-ticket-u-detail {
    display: flex;
    align-items: center;
    padding: 0 5px;
}

.driver-ticket-u-other-detail {
    justify-content: space-between;
}

.driver-trip-ticket-right-item {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: 15px;
    padding: 5px 15px;
    padding-right: 15px;
    align-items: center;
    width: 20%;
    border-left: 2px dashed #f2f3f5;
    padding-right: 30px;
    color: #fff;
}

.driver-ticket-place-and-price-cont {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.driver-ticket-place-input {
    border: 1px solid rgba(238, 238, 238, 0.5);
    border-radius: 4px;
    padding: 0 2px;
    width: 30px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    -moz-appearance: textfield;
    background-color: transparent;
}

.driver-trip-status-cont {
    text-align: center;
    line-height: 15px;
}

.driver-ticket-left-circle {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #f5f6fa;
    border-radius: 30px;
    top: calc(50% - 20px);
    left: -20px;
}

.driver-ticket-right-circle {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #f5f6fa;
    border-radius: 30px;
    top: calc(50% - 20px);
    right: -20px;
}

.driver-phone-select {
    height: 30px;
}

.driver-phone-select > .list {
    width: 100%;
}

.driver-phone-select > .list > .option {
    min-height: 30px;
    line-height: 30px;
}

.driver-mates-list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 10px;
}

.driver-mates-header-row {
    display: grid;
    grid-template-columns: 40% 30% 30%;
    width: 100%;
    font-size: 18px;
    min-height: 30px;
    padding: 5px;
}

.driver-mates-row {
    display: grid;
    grid-template-columns: 40% 30% 30%;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    font-size: 18px;
    min-height: 30px;
    padding: 5px;
}

.driver-mates-header-cell {
    display: flex;
    align-items: center;
    justify-content: center;

}

.driver-mates-cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    border-right: 1px solid #eee;
}

.driver-mates-cell:first-of-type {
    justify-content: flex-start;
}

.driver-mates-cell:last-of-type {
    border-right: unset;
}

.driver_mate_call {
    color: #23d692;
    font-size: 20px;
}

.driver-header-buttons {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.driver-header-button {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.driver-no-access {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50vh;
}

.driver-no-access > h1 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.driver-no-access > p {
    text-align: center;
}

.driver-client-status-good {
    background-color: #23d692;
    height: 25px;
    width: 10px;
    border-radius: 5px;
    margin-right: 5px;
}

.driver-client-status-bad {
    background-color: #db2b39;
    height: 25px;
    width: 10px;
    border-radius: 5px;
    margin-right: 5px;
}

.driver-ticket-comment {
    border: 1px solid rgba(238, 238, 238, 0.5);
    border-radius: 4px;
    padding: 2px;
    transition: all 0.2s ease-in-out;
    -moz-appearance: textfield;
    background-color: transparent;
    min-height: 27px;
    line-height: 20px;
    width: 100%;
}

.trip-alerts-cont {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
    color: #697494;
    position: relative;
    margin-top: 10px;
}

.trip-alerts-head {
    border-radius: 5px;
    padding: 10px 0;
    color: #697494;
    position: relative;
    margin-top: 10px;
}

.single-alert-cont {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
    color: #697494;
    position: relative;
    margin-top: 10px;
    font-size: 16px;
}

.trip-alerts-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 700;
}

.trip-alerts-head-title {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    font-size: 18px;
    font-weight: 700;
}

.trip-alerts-header-title {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

.trip-alert-dot {
    margin-right: 5px;
    color: #db2b39;
    font-size: 20px;
}

.trip-alert-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
    font-size: 16px;
}

.trip-alert-date {
    font-size: 12px;
}

.trip-alerts-more {
    background-color: #db2b39;
    border-radius: 5px;
    padding: 5px 10px;
    color: white;
    transition: all 0.2s ease-in-out;
    border: 1px solid #db2b39;
    font-size: 16px;
}

.trip-alerts-more:hover {
    color: #db2b39;
    background-color: white;
    border: 1px solid #eee;
    text-decoration: none;
}

.trip-alert-credentials {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.trip-alert-credentials > a {
    padding: 2px 5px;
    background-color: #f5f6f9;
    border-radius: 3px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.trip-alert-credentials > i {
    margin: 0 5px;
}

.trip-alert-description {
    margin-bottom: 10px;
    font-size: 18px;
}

.trip-no-alerts {
    opacity: 0.7;
}

.clients-loading {
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clients-filter-mark {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.driver-trip-timetable {
    background-color: #fff;
    box-shadow: 1px 0 5px 0 rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 6px 15px;
    color: #697494;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
}

.driver-trip-timetable > div {
    display: grid;
    grid-template-columns: calc(100% - 120px) 40px 40px 40px;
    margin-bottom: 3px;
    padding: 4px;
    align-items: center;
}

.driver-trip-timetable input {
    border: 1px solid #ccc;
    width: 28px;
    text-align: center;
    -moz-appearance: textfield;
    height: 30px;
}

.driver-trip-timetable-data-name {
    font-size: 20px;
    font-weight: 700;
}

.driver-trip-timetable-data-number {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.timetable_edit_elements {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #23d692;
    cursor: pointer;
    margin: 4px;
    width: 20px;
    font-size: 16px;
}

.timetable_edit_elements:hover {
    color: #2caff9;
}

.driver-trip-timetable > div:nth-of-type(2n) {
    background-color: #f5f6fa;
    border-radius: 3px;
}

.trips-tickets-distribution {
    background-color: #fff;
    box-shadow: 1px 0 5px 0
    rgba(238, 238, 238, 1);
    border-radius: 5px;
    padding: 10px;
    color: #697494;
    position: relative;
    margin-top: 10px;
    min-height: 60px;
}

.tickets-distribution-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 40px;
}

.tickets-distribution-el {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    /*background-color: indianred;*/
    width: 30px;
    /*margin: 0 5px;*/
}

.tickets-distribution-el-icon {
    cursor: pointer;
}

.tickets-distr-offset {
    width: 20px;
}
.distribution-ticket {
    width: 100%;
    /*background-color: #1b6d85;*/
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.distr-ticket-name {
    width: 20px;
}

.trips-tickets-distribution-container {
    /*width: 100%;*/
    overflow-x: auto;
    flex-direction: column;
    display: inline-flex;
    padding-right: 5px;
}

.trips-tickets-distribution-box {
    width: calc(100vw - 451px);
    overflow-x: auto;
}

.tickets-distribution-dash {
    height: 3px;
    width: 100%;
    background-color: #697494;
}

.tickets-distr-small-dash {
    height: 3px;
    width: 8px;
    background-color: #697494;
}

.ticket-distr-dot {
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ticket-distribution-name {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 40px;
    color: #697494;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    cursor: pointer;
}

.ticket-distribution-name:hover {
    text-decoration: none;
}

.ticket-distribution-offset {
    width: 40px;
}

.distribution-no-place {
    font-size: 10px;
}

.trips-tickets-distribution-name {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trips-tickets-warning > i {
    color: #db2b39;
    font-size: 18px;
    margin-right: 5px;
    margin-left: 5px;
}

.trips-tickets-warning > span {
    font-weight: 700;
    font-size: 16px;
    margin-right: 2px;
}

.trips-tickets-warning {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.distribution-logo {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.distribution-logo > i {
    margin-right: 5px;
}

.tickets-distribution-head-icon {
    background-color: #697494;
    width: 24px;
    height: 24px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: white;
}

.tickets-distribution-el-important-icon {
    background-color: #db2b39;
    font-size: 12px;
    width: 28px;
    height: 28px;
    border-radius: 14px;
}

.tickets-distr-open {
    font-size: 25px !important;
    color: #23d692 !important;
    cursor: pointer;
}

.trip-temp-el-reuse {
    font-size: 10px;
}

.trip-temp-el-reuse > i {
    margin-left: 2px;
}

.trip-temp-el-top-tickets {
    font-size: 14px;
    line-height: 14px;
}

.ticket-bus-template-element:hover > .seat-submenu {
    display: flex;
}

.seat-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    /*width: 40px;*/
    z-index: 10;
    -webkit-transition: 2s ease-in-out;
    -moz-transition: 2s ease-in-out;
    -o-transition: 2s ease-in-out;
    transition: 2s ease-in-out;
    background: #ffffff;
    color: #697494;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgb(238, 238, 238);
    flex-direction: column;
}

.seat-submenu-name {
    white-space: nowrap;
}

.routes-price-edit-mode-cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.routes-edit-mode-el-cont {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background-color: #f5f6fa;
    border-radius: 5px;
}

.routes-edit-mode-el {
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.routes-edit-mode-el:hover {
    background-color: #ebfbf5;
}

.routes-edit-mode-el-active {
    background-color: #23d692;
    transition: all 0.2s ease-in-out;
    color: white;
}

.routes-edit-mode-el-active:hover {
    background-color: #23d692;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 1);
}

.routes-edit-mode-hint {
    margin: 10px 0;
}

.routes-edit-mode-hint > i {
    color: #db2b39;
}

.routes-edit-mode-hint-text {
    opacity: 0.8;
}

.select-subtitle {
    margin-left: 5px;
    font-size: 14px;
    opacity: 0.5;
}

.select2-container--default .select2-selection--single {
    border: solid 1px #e8e8e8;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
    padding: 5px 0;
    min-height: 40px;
    height: unset;
}
.select2-container--default .select2-selection--single:hover {
    border-color: #dbdbdb;
}

.select2-container--open .select2-selection--single, .select2-container--focus .select2-selection--single {
    border-color: #999;
}

.route_name_field > ul {
    width: 100%;
}

.route_name_field > ul > li {
    line-height: 25px !important;
    min-height: 20px !important;
    width: 100%;
}

form div.required label.control-label:after {
    content:" * ";
    color:red;
}

/*.cart:hover + #count-combine-container {*/
/*    display: block;*/
/*}*/
.none_second_floor {
    visibility: hidden;
}
.drivers-form  .iti--allow-dropdown {
    width: 50%;
}
.drivers-form  .iti--allow-dropdown input {
    width: 100%;
}
form div.required > label:after {
    content:" * ";
    color:red;
}
.parser-container form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#login-form label {
    text-align: left;
}
.ticket-coment {
    width: 100%;
}
.user-data-cont {
    display: flex;
    justify-content: space-between;
}
.view-page-data-el {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}
.view-page-data-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    opacity: 0.7;
    font-size: 14px;
    margin-left: 5px;
}
.dealers-form .nice-select {
    min-width: 50%;
}
.custom-button {
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 10px 24px;
    transition: all 0.2s ease-in-out;
}
.clients-grid.user_main_data > div:nth-child(n+3) .user_data_contaner {
    width: calc(100% - 86px);
}
.clients-grid.user_main_data > div:nth-child(n+3) .user_data_contaner .user_data_select {
    width: 100%;
    max-width: 100%;
}
.clients-grid.user_main_data > div:nth-child(n+3) .user_data_contaner .user_data_select .current {
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.clients-grid.user_main_data > div:nth-child(n+3) .nice-select .list {
    width: 100%;
}
.clients-grid.user_main_data > div:nth-child(n+3) .nice-select .list li {
    overflow-x: auto;
}
.routestops-api_transfer-class {
    display: flex;
    margin-bottom: 0;
}
.ticket-index-plane-and-place {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tickets-index-container-item-time, .tickets-index-container-item-place {
    text-align: center;
}
.ticket-trip-title-main-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

}
.ticket-trip-title-main-name, .ticket-trip-title-secondary-data {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticket-trip-title-secondary-data {
    font-size: 15px;
}
.tickets-index-loader {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 20px;
}
.route-transfers-list {
    width: 100%;
    min-height: 30px;
    margin-top: 10px;
}
.route-transfer-element {
    display: grid;
    grid-template-columns: 30px calc(50% - 45px) 30px calc(50% - 45px) 30px;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    background-color: #f5f6fa;
    border-radius: 5px;
    margin: 5px 0;
}
.rt_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.transfers-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 20px;
    margin: 10px 5px 100px 5px;
    text-align: center;
}
.transfers-empty > i {
    font-size: 50px;
}
.rt_help {
    font-size: 15px;
}

.transfer-point-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    line-height: 16px;
}
.transfer-point-main {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.transfer-point-main > i {
    opacity: 0.7;
    color: #db2b39;
    margin: 5px;
}

.transfer-point-add {
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center;
}
.transfer-point-add > p {
    margin: 0 5px 0 0;
}
.transfer-point-add > i {
    margin-right: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}
.rt-icon-delete {
    cursor: pointer;
}
.dashboard-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.dashboard-container-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d6df;
    margin-bottom: 10px;
}
.dashboard-container-header-date {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 3px;
    background-color: #2c99f6;
    color: white;
}
.dashboard-container-header-date > i {
    margin-right: 10px;
}
.dashboard-container-elements {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d6df;
    margin-bottom: 10px;
}
.dashboard-container-el {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.dashboard-container-el-title {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    margin-bottom: 5px;
}
.dashboard-container-el-title > i {
    margin-right: 5px;
    opacity: 0.9;
}
.dashboard-container-el-title-text {
    opacity: 0.7;
}
.dashboard-container-el-dispatcher {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
    margin-bottom: 3px;
}
.dashboard-container-el-dispatcher:last-child {
    margin-bottom: 0;
}
.dashboard-container-el-dispatcher:hover {
    background-color: rgba(44, 153, 246, 0.1);
}
.dashboard-activities {
    width: 100%;
}
.dashboard-activities > .dashboard-container-el-value {
    width: 100%;
}
.dashboard-container-el-dispatcher-data {
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.dashboard-container-el-dispatcher-data > i {
    margin: 0 5px;
}
.dashboard-actions {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    margin-right: 10px;
}
.field-uploadform-file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 5px;
}
@media only screen and (max-width: 1436px) and (min-width: 1190px) {
    .tickets-index-container-item-time {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }
    .tickets-index-container-item-place {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }
    .tickets-index-container-item-time > i {
        font-size: 10px;
        margin-bottom: 2px;
    }
    .tickets-index-container-item-place > i {
        font-size: 10px;
        margin-bottom: 2px;
    }
    .tickets-index-place-input {
        font-size: 12px;
    }
    .ticket-status > div {
        width: 16px;
        height: 16px;
    }

    .driver-ticket-statuses > div {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (max-width: 1190px) and (min-width: 1070px) {
    .tickets-index-container-item-time {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }
    .tickets-index-container-item-place {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }
    .tickets-index-container-item-time > i {
        font-size: 10px;
        margin-bottom: 2px;
    }
    .tickets-index-container-item-place > i {
        font-size: 10px;
        margin-bottom: 2px;
    }
    .tickets-index-place-input {
        font-size: 12px;
    }
    .ticket-status > div {
        width: 14px;
        height: 14px;
    }

    .driver-ticket-statuses > div {
        width: 14px;
        height: 14px;
    }

    .tickets-index-container-item-user-details {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1070px) and (min-width: 924px) {
    .tickets-index-container-item-time {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }
    .tickets-index-container-item-place {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
    }
    .tickets-index-container-item-time > i {
        font-size: 10px;
        margin-bottom: 2px;
    }
    .tickets-index-container-item-place > i {
        font-size: 10px;
        margin-bottom: 2px;
    }
    .tickets-index-place-input {
        font-size: 12px;
    }
    .ticket-status > div {
        width: 12px;
        height: 12px;
    }

    .driver-ticket-statuses > div {
        width: 12px;
        height: 12px;
    }

    .ticket-status {
        flex-wrap: wrap;
    }

    .driver-ticket-statuses {
        flex-wrap: wrap;
    }

    .tickets-index-container-item-user-details {
        font-size: 14px;
        grid-template-columns: 35% 25% calc(30% - 100px) 100px;
    }

    .tickets-index-time-and-place-cont {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1215px) and (min-width: 924px) {
    .tickets-form-input-el {
        width: 100%;
    }
    .tickets-form-input-price-place {
        flex-direction: column;
    }

    .trip-timetable-and-accounting {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .trip-timetable-and-accounting > .trip-details-timetable {
        width: 100%;
    }

    .trip-timetable-and-accounting > .trip-view-accounting {
        /*/margin-left: 0px;*/
        width: 100%;
    }
    .tickets-index-container-item-price {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1320px) {
    .trip-details-timetable > div {
        /*grid-template-columns: 50% 20% 20% 15%;*/
        grid-template-columns: 40% 10% 10% 10% 10% 10% 10%;
    }
}

@media only screen and (max-width: 1185px) {

    .tickets-view-main-info {
        flex-direction: column;
    }

    .trip-calendar-container {
        /*margin-right: 0;
        margin-bottom: 10px;*/
    }
}

@media only screen and (max-width: 1050px) {
    .trip-details-timetable > div {
        /*grid-template-columns: 40% 25% 25% 15%;*/
        grid-template-columns: 40% 10% 10% 10% 10% 10% 10%;
    }
}

@media only screen and (max-width: 1035px) {
    .trips-form {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .trips-form form {
        margin-top: 10px;
    }

    .trips-form form .nice-select {
        height: 44px;
    }

    .trips-form .trips-create-container {
        padding-left: 0;
    }

    .trips-form .trip-calendar-container {
        width: 100%;
        margin-right: 0;
    }

    .trip-archive-ticket-item {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .trip-archive .user_data_contaner {
        height: 42px;
    }

}

@media only screen and (max-width: 1320px) {
    .clients-grid:nth-of-type(even), .clients-grid:first-of-type {
        grid-template-columns: 2% 30px calc(28% - 30px) 32% calc(38% - 110px) 110px;
    }
    .ticket-status {
        flex-wrap: wrap;
    }

    .single-user-day-of-birth > .user_data_main_date {
        display: flex;
    }

    .user_data_main_date {
        display: none;
    }

    .data-of-birth {
        display: flex;
    }
    .tickets-is-loaded-to-av {
        margin: 0 0 2px 0;
    }
}

@media only screen and (max-width: 924px) {
    .ticket-settings-container-el > .nice-select {
        margin: 0;
        height: 20px;
        font-size: 14px;
    }
    .user_data_contaner > .nice-select {
        margin: 0;
    }
    .tickets-form-input-el-value > .nice-select {
        padding: 0 10px;
        font-size: 18px;
        height: 35px;
    }
    .tickets-form-input-el-value > .nice-select > .current {
        width: 100%;
        overflow: hidden;
    }
    .ticket-settings-container {
        max-width: unset;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .tickets-form-input-header-el-title {
        font-size: 14px;
    }
    .tickets-form-input-header-el-value {
        font-size: 16px;
    }
    .tickets-form-input-header-sold {
        height: 30px;
        width: 100px;
    }
    .tickets-form-input-header-sold-left-circle {
        height: 20px;
        width: 10px;
        top: calc(100% - 25px);
        border-radius: 0 10px 10px 0;
    }
    .tickets-form-input-header-sold-right-circle {
        height: 20px;
        width: 10px;
        top: calc(100% - 25px);
        border-radius: 10px 0 0 10px;
    }
    .tickets-form-input-header-sold-text {
        font-size: 0;
        height: 100%;
        width: 25px;
    }
    .tickets-form-input-header-sold-data {
        width: calc(100% - 25px);
    }
    .trip-calendar-box{
        width: 100%;
        flex-direction: column-reverse !important;
    }
    .additional-input-empty-container-text {
        width: 200px;
    }
    .ticket-settings-container-el-header {
        font-size: 12px;
    }
    .ticket-settings-container-el {
        height: 50px;
    }
    .ticket-create-field-value {
        height: 20px;
    }
    .tickets-clients-info-el {

    }
    .data-block {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .tickets-form-input-price-place {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: flex-start;
    }
    .tickets-form-input-place {
        display: flex;
    }

    .tickets-form-input-el {
        width: 100%;
    }
    .tickets-form-input-place {
        width: 80px;
        margin-right: 5px;
    }
    .tickets-form-input-price {
        width: calc(100% - 85px);
    }
    .tickets-form-dealer {
        width: 100px;
    }
    .tickets-comment-cont {
        width: calc(100% - 105px);
        margin-right: 5px;
    }
    .ticket-settings-container-el > .nice-select {
        padding: 0 10px;
    }
    .toggle-bus {
        width: 40px;
    }

    .routes-prices {
        width: 65px;
    }

    .tickets-form-input-el-value > input {
        width: calc(100% - 65px - 5px);
    }

    .routes-prices > .nice-select {
        padding: 0 10px 0 10px;
    }

    .tickets-form-input-header {
        flex-wrap: wrap;
    }

    .tickets-comment-cont {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .tickets-form-input-prepaid-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .tickets-form-input-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .tickets-form-dealer {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100px;
    }
    .tickets-create-bus {
        justify-content: center;
    }

    .driver-mates-header-row {
        display: none;
    }

    .driver-mates-row {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .driver-mates-cell:first-of-type {
        font-size: 18px;
        border-top: unset;
        padding-top: unset;
    }

    .driver-mates-cell:last-of-type {
        border-bottom: unset;
        padding-bottom: unset;
    }

    .driver-mates-phone-replacer {
        display: none;
    }

    .driver-mates-cell {
        width: 100%;
        font-size: 16px;
        padding: 5px 10px;
        border-right: unset;
        border-top: 1px solid #eee;
    }

    .driver-ticket-left-circle {
        width: 40px;
        height: 20px;
        background-color: #f5f6fa;
        top: 0;
        left: calc(50% - 20px);
        border-radius: 0 0 50% 50% / 0 0 100% 100%;
    }

    .driver-ticket-right-circle {
        right: calc(50% - 20px);
        position: absolute;
        width: 40px;
        height: 20px;
        background-color: #f5f6fa;
        border-radius: 50% 50% 0 0 / 100% 100% 0 0;
        bottom: 0;
        top: auto;
    }

    .driver-ticket-user-details {
        display: flex;
        flex-direction: column;
        margin-top: 5px;
    }

    .driver-ticket-u-detail:first-of-type {
        font-size: 18px;
        justify-content: flex-start;
    }

    .driver-ticket-u-detail:last-of-type {
        border-bottom: unset;
    }

    .edit_elements {
        width: 30px;
        height: 30px;
        color: #d9d9d9;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

    .driver_edit_elements {
        color: #23d692;
    }

    .timetable_edit_elements {
        font-size: 20px;
    }

    .driver-ticket-u-detail {
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid #f4f5f8;
        min-height: 30px;
    }

    .driver-trip-item-container {
        padding: 0;
        flex-direction: column;
    }

    .driver-trip-ticket-left-item {
        padding: 20px 10px 0px 10px;
        border-bottom: 2px dashed #f2f3f5;
        border-right: 0 none;
        width: 100%;
    }

    .driver-trip-ticket-right-item {
        padding-bottom: 25px;
        align-items: center;
        justify-content: flex-start;
        padding-right: 10px;
        width: 100%;
        font-size: 18px;
        border-top: 2px dashed #f2f3f5;
        border-left: 0 none;
    }

    .ticket-status {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .ticket-status > div {
        width: 20px;
        height: 20px;
        margin: 2px;
        border: 1px solid rgba(238, 238, 238, 0.5);
    }

    .driver-ticket-statuses {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .driver-ticket-statuses > div {
        width: 30px;
        height: 30px;
        margin: 4px;
        border: 1px solid rgba(238, 238, 238, 0.5);
    }

    .driver-single-trip-header {
        flex-direction: column;
        align-items: center;
        padding: 5px 10px;
    }

    .driver-single-trip-title {
        width: 100%;
    }

    .driver-single-trip-sorting {
        border-right: unset;
    }

    .stats-row {
        flex-direction: column;
        display: flex;
        min-height: 40px;
        height: unset;
    }

    .stats-name {
        justify-content: center;
    }

    .stats-header {
        display: none;
    }

    .stats-options {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 10px;
        flex-direction: column;
    }

    .stat-el {
        width: 100%;
        margin: 5px 0;
    }

    .tickets-form-create {
        align-items: center;
        flex-direction: column-reverse;
    }

    .tickets-form-check {
        flex-direction: column;
    }

    .single-bus-template {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        margin-left: 0;
    }

    .trips-tickets-distribution-box {
        width: calc(100vw - 97px);
    }

    .trip-timetable-and-accounting {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .trip-timetable-and-accounting > .trip-details-timetable {
        width: 100%;
    }

    .trip-timetable-and-accounting > .trip-view-accounting {
        margin-left: 0px;
        width: 100%;
    }

    .ui-sortable {
        width: calc(100vw - 110px);
    }

    .field-routes-name > input {
        width: calc(100vw - 110px);
    }

    .route_prices_loader {
        width: calc(100vw - 110px);
    }

    .tickets-index-container-item-user-details {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        line-height: 40px;
        font-size: 16px;
        /*margin-top: 14px;*/
        grid-template-columns: none;
    }

    .tickets-index-container-item-user-details > div {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .clients-grid:nth-of-type(2n),
    .clients-grid:first-of-type,
    .drivers-grid, .drivers-grid:first-of-type,
    .apis-grid, .apis-grid:first-of-type,
    .apis-ips-grid, .apis-ips-grid:first-of-type,
    .geo-grid, .geo-grid:first-of-type,
    .dealers-grid, .dealers-grid:first-of-type,
    .dealers-index-grid, .dealers-index-grid:first-of-type,
    .countries-index-grid, .countries-index:first-of-type,
    .buses-grid, .buses-grid:first-of-type,
    .routes-grid, .routes-grid:first-of-type {
        display: flex;
        flex-direction: column;
    }

    .users-grid {
        display: flex;
        flex-direction: column;
    }

    .users-grid > .user_data_field {
        margin: 10px 10px 0px 0px;
        border: none !important;
    }

    .create_button_cont {
        justify-content: center;
    }

    .table_element:first-of-type, .table-block > div {
        height: auto;
    }

    .table_element:first-of-type {
        display: none;
    }

    .user-more {
        font-size: 22px;
        width: 100%;
    }

    .more > div {
        flex-direction: column;
    }

    .archive-ticket {
        width: 100%;
        margin: 5px 0;
    }

    .archive-ticket {
        max-height: 200px;
    }

    .user_data_field {
        width: 100%;
    }

    .catalog-pagination {
        flex-direction: row !important;
    }

    .pagination_el {
        margin: 4px;
    }

    .single-user-name {
        grid-template-columns: unset;
        display: flex;
        flex-direction: column;
    }

    .status-good, .bad-status {
        width: 100%;
        border-top: 5px solid #23d692;
        border-left: 0 none;
        height: 25px;
        margin-bottom: 2px;
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0px;
    }

    .nice-select {
        height: 30px;
        line-height: 28px;
        margin: 4px 0;
    }

    .bad-status {
        border-top: 5px solid #db2b39;
    }

    .edit_elements {
        width: 30px;
    }

    .user_edit_input {
        height: 30px;
        font-size: 18px;
        margin: 4px 0;
    }

    .ticket-view-data-text {
        margin: 4px 0 4px 6px;
        font-size: 18px;

    }

    .edit_tools {
        font-size: 20px;
    }

    /*.user_name_field {
        font-size: 20px;
    }*/
    .user_main_data {
        padding-bottom: 20px;
    }

    .search-block {
        flex-direction: column;
    }

    .search-container {
        flex-direction: column;
        margin: 5px 0;
    }

    .search-container > div {
        width: 100%;
        margin: 5px 0;
    }

    .header {
        flex-direction: column;
    }

    .left-header {
        text-align: center;
    }

    .left-header > .breadcrumbs {
        justify-content: center;
    }

    .right-header {
        justify-content: center;
        padding-bottom: 10px;
    }

    .search-block > .search-button.search-button-about-user {
        padding: 8px 0;
        font-size: 16px;
        width: 100%;
    }

    .count-ticket {
        top: 5px;
    }

    .sidebar-block {
        height: auto;
    }

    .archive-ticket-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #eee;
        margin-bottom: 10px;
    }

    .ticket-statuses-block {
        width: 100%;
    }

    .ticket_other_status {
        height: 22px;
        width: 22px;
    }

    .data-of-birth {
        text-align: center;
        margin-top: 10px;
    }

    .sidebar-block {
        width: 40px;
    }

    .sidebar_width {
        width: 40px;
    }

    .sidebar_fixed_content {
        width: 40px;
        padding: 15px 5px;
    }

    .sidebar-menu a:hover, .sidebar-menu .active {
        box-shadow: none;
        width: auto;
    }

    .content-block {
        padding: 10px;
    }

    .add-user-form form {
        flex-direction: column;
    }

    .add-user-form > form > div, .add-user-form form label {
        width: 100%;
    }

    .add-user-form > form > div {
        flex-direction: column;
    }

    .single-user-info-user > div, .single-autobus-info > div {
        margin-left: 0 !important;
    }

    .single-user-info-user, .single-autobus-info {
        grid-template-columns: unset;
        /*justify-content: stretch;*/
    }

    .single-user-name-enter {
        font-size: 18px;
    }

    .single-user-info-user .single-user-number,
    .single-user-info-user .single-user-passport,
    .single-user-info-user .single-user-day-of-birth,
    .single-user-info-user .single-user-coment,
    .single-autobus-info .single-user-number,
    .single-autobus-info .single-user-passport,
    .single-autobus-info .single-user-day-of-birth,
    .single-autobus-info .single-bus-template {
        font-size: 18px;
        width: 100%;
    }

    .progress-way {
        width: 100%;
        margin: 10px 0;
    }

    .progress-way > span {
        text-align: center;
    }

    .single-user-info-user-way {
        display: flex;
        flex-direction: column;
    }

    .single-bus-way-container {
        display: flex;
        flex-direction: column;
    }

    .single_user_additional_info > div {
        margin-left: 0;
    }

    .single-user-info-user-way .progress-way {
        display: flex;
        flex-direction: column;
    }

    .user_data_contaner {
        line-height: 38px;
    }

    .drivers-grid.table_element,
    .apis-grid.table_element,
    .apis-ips-grid.table_element,
    .geo-grid.table_element,
    .dealers-grid.table_element,
    .dealers-index-grid.table_element,
    .countries-index-grid.table_element,
    .buses-grid.table_element,
    .routes-grid.table_element {
        height: auto;
    }

    .drivers-form .form-group, .buses-form .form-group,
    .routes-form .form-group, .currencies-form .form-group, .api-keys-form .form-group, .geo-dictionary-form .form-group, .key-ips-form .form-group, .dealers-form .form-group {
        width: 100%;
    }

    .drivers-form label, .drivers-form input, .drivers-form .input-group, .drivers-form .intl-tel-input,
    .buses-form label, .buses-form input, .buses-form .input-group, .buses-form .intl-tel-input, .currencies-form label, .currencies-form input, .geo-dictionary-form label, .api-keys-form input, .dealers-form label, .dealers-form input {
        width: 100%;
    }

    .single-user-info-user, .single-autobus-info {
        justify-content: inherit;
    }

    .route_stop_container {
        flex-direction: column;
        height: auto;
        /*margin-bottom: 5px;*/
        grid-template-columns: calc(100% - 85px - 40px - 40px - 155px - 25px) 85px 40px 40px 155px 25px;
    }

    .route_stop_container > div {
        margin-bottom: 10px;
    }

    .route_stop_container > .form-group {
        flex-direction: column;
        justify-content: center;
    }

    .field-routestops-api_transfer > input {
        /*margin-top: 4px;*/
    }

    .field-routestops-api_transfer > label {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .field-routestops-av > label {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .route_stop_container > .form-group > label {
        text-align: center;
    }

    .part_delete {
        margin-top: 5px;
    }

    .routes-create h1, .routes-update h1 {
        font-size: 24px;
    }

    .trips-index {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .trip-active-day {
        margin-top: 10px;
    }

    .trip-calendar-container {
        width: 100%;
    }

    .trip-calendar-container {
        margin-right: 0;
    }

    .trip-info {
        flex-direction: column;
    }

    .trip-driver {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .routes-prices .nice-select {
        line-height: 20px;
    }

    .tickets-form-container {
        flex-direction: column;
    }

    .tickets-form-container .trip-calendar-container, .tickets-form-container .tickets-form {
        width: 100%;
        margin-bottom: 10px;
    }

    .tickets-clients-info {
        flex-direction: column;
        display: flex;
    }

    .tickets-clients-info .tickets-clients-info-el {
        margin-right: 0;
        text-align: center;
    }

    .tickets-form-input .nice-select {
        margin: 0;
    }

    .trip-details {
        display: flex;
        flex-direction: column-reverse;
    }

    .trip-details-tickets {
        margin-top: 0;
    }

    .tickets-view-info, .tickets-view-details, .tickets-view-main-info,
    .tickets-view-trip, .tickets-view-top-info, .tickets-view-ticket-main-info {
        flex-direction: column;
    }

    .tickets-view-data-container {
        /*margin-top: 10px;*/
    }

    .tickets-view-info-number, .tickets-view-info-passport,
    .tickets-view-place, .tickets-view-type, .tickets-view-discount, .tickets-view-ticket-number,
    .tickets-view-trip-start, .tickets-view-name {
        margin-right: 0;
    }

    .tickets-view-type, .tickets-view-discount, .tickets-view-place, .tickets-view-price, .tickets-view-dealer {
        width: 100%;
    }

    .tickets-view-name {
        width: 100%;
    }

    .tickets-view-info-number {
        width: 100%;
    }

    .tickets-view-info-passport {
        width: 100%;
    }

    .tickets-view-trip-start {
        width: 100%;
    }

    .tickets-view-trip-end {
        width: 100%;
    }

    .tickets-view-ticket-number {
        width: 100%;
    }

    .tickets-view-status {
        width: 100%;
    }

    .tickets-view-cross {
        width: 100%;
    }

    .tickets-index {
        overflow-x: hidden;
    }

    .tickets-index-container-item-right {
        font-size: 18px;
        border-top: 2px dashed #f2f3f5;
        border-left: 0 none;
    }

    .tickets-index-container-item {
        flex-direction: column;
    }

    .tickets-index-container-item-left, .tickets-index-container-item-right {
        width: 100%;
    }

    .tickets-index-container-item {
        padding: 0;
    }

    .tickets-index-container-item-left {
        border-bottom: 2px dashed #f2f3f5;
        border-right: 0 none;
        padding: 15px 10px;
    }

    .tickets-index-time-and-place-cont {
        font-size: 16px;
    }

    .tickets-index-time-and-place-cont > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ticket-left-circle {
        width: 60px;
        height: 30px;
        background-color: #f5f6fa;
        top: 0;
        left: calc(50% - 30px);
        border-radius: 0 0 50% 50% / 0 0 100% 100%;
    }

    .ticket-right-circle {
        right: calc(50% - 30px);
        position: absolute;
        width: 60px;
        height: 30px;
        background-color: #f5f6fa;
        border-radius: 50% 50% 0 0 / 100% 100% 0 0;
        bottom: 0;
        top: auto;
    }

    .tickets-index-container-item-left {
        padding-top: 30px;
    }

    .tickets-index-container-item-right {
        flex-direction: row;
        padding-bottom: 35px;
        align-items: flex-start;
        padding-right: 10px;
    }

    .home-page-login {
        flex-direction: column-reverse;
    }

    .binotel-id-change-container {
        margin-right: 0;
    }
    .dashboard-actions {
        margin-right: 0;
    }
}

@media only screen and (min-width: 925px) and (max-width: 1100px) {

    .trip-item > div {
        display: flex;
        justify-content: center;
    }

    .trip-item > div:first-of-type {
        font-size: 18px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .trip-item > div:last-of-type {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .trip-edit {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 740px) {
    .tickets-form-input-price-place {
        /*flex-direction: column;*/
    }

    .trip-details-single-ticket-user {
        flex-direction: column;
    }

    .tickets-number, .tickets-passport {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 580px) {
    .trips-form .form-group {
        flex-direction: column;
        align-items: center;
        min-width: 200px;
    }

    .trips-form .form-group label, .form-group input, .trips-form .form-group .nice-select {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 500px) {

    .dashboard-container-elements {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .dashboard-container-el {
        width: 100%;
    }

    .trips-tickets-distribution-name {
        flex-direction: column;
    }

    .dispetcher {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 5px;
    }

    .dispetcher-name {
        margin-left: 0;
    }

    .dispetcher-logo {
        margin-left: 0;
        margin-right: 0;
    }

    .driver-header-button {

    }

    .driver-single-trip-header {
        display: grid;
        grid-template-columns: 30% 40% 30%;
    }

    .driver-single-trip-title {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .driver-single-trip-title > .title-name {
        font-size: 18px;
        line-height: 18px;
    }

    .driver-single-trip-title > .title-time {
        font-size: 16px;
        margin-left: 0;
        line-height: 16px;
    }

    .driver-calendar-day {
        font-size: 12px;
        height: 40px;
        width: 40px;
    }

    .driver-calendar-arrow {
        height: 40px;
        width: 40px;
    }

    .dispetcher-name {
        font-size: 15px;
        line-height: 15px;
    }

    .tickets-index-small-calendar-year {
        font-size: 8px;
    }

    .tickets-index-header-trip-title {
        font-size: 14px;
    }

    .tickets-trip-title-el {
        margin: 0 4px;
        line-height: 14px;
    }

    .ticket-trip-title-main-name {
        margin-bottom: 3px;
    }
    .ticket-trip-title-main-info {
        margin: 0 3px;
    }

    .driver-single-trip-stats-block {
        font-size: 16px;
    }

    .tickets-index-sorting {
        margin-left: 10px;
        padding-right: 0px;
    }

    .tickets-index-sorting > a {
        margin-left: 0px;
        padding: 5px;
    }

    .calendar-day, .calendar-next-month {
        width: 40px;
        height: 40px;
        font-size: 13px;
    }

    .driver-small-calendar-container {
        padding: 10px 5px;
    }

    .left-header {
        padding: 5px 10px 0 10px;
    }

    .right-header {
        padding-bottom: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .driver-wrap {
        padding: 10px;
    }

    .calendar-day > .trips-calendar-present-container > .fa-calendar-times {
        font-size: 11px;
    }

    .week-day {
        width: 40px;
        height: 25px;
        font-size: 15px;
        line-height: 25px;
    }

    .trips-calendar-present {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: #db2b39;
    }

    .trips-calendar-present-container {
        width: 100%;
        height: 8px;
        display: flex;
    }

    .calendar-left, .calendar-right {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .trip-calendar {
        width: 323px;
    }

    .trip-item > div {
        display: flex;
        justify-content: center;
    }

    .trip-item > div:first-of-type {
        font-size: 18px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .trip-item > div:last-of-type {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .trip-edit {
        margin-top: 10px;
    }

    /*.trips-index {
        padding: 20px 10px;
    }*/
    .trip-active-day {
        padding: 0;
    }

    .trips-create h1, .trips-update h1 {
        font-size: 25px;
        text-align: center;
    }

    .trip-edit a {
        margin: 0 10px;
    }

    .tickets-form-input-place {
        display: flex;
        /*flex-direction: column;*/
    }

    .tickets-form-input-price {
        align-items: flex-start;
        /*flex-direction: column;*/
    }

    .tickets-form-input-prepaid-price {
        align-items: flex-start;
        flex-direction: column;
    }

    .tickets-form-input-price label {
        margin-bottom: 5px;
    }

    .tickets-form-input-prepaid-price label {
        margin-bottom: 5px;
    }

    .tickets-index-header-day {
        font-size: 15px;
        width: 45px;
    }
}

@media only screen and (max-width: 450px) {
    .single-user-info-user .single-user-number,
    .single-user-info-user .single-user-passport,
    .single-user-info-user .single-user-day-of-birth,
    .single-user-info-user .single-user-coment,
    .single-autobus-info .single-user-number,
    .single-autobus-info .single-user-passport,
    .single-autobus-info .single-user-day-of-birth,
    .single-autobus-info .single-bus-template {
        margin: 10px 0 0;
    }

    .single-user-info-user, .single-autobus-info {
        flex-direction: column;
    }

    .single-user-info-user > div:first-of-type, .single-autobus-info > div:first-of-type {
        margin-left: 0;
    }

    .binotel-id-change-field {
        width: 60px;
        text-align: center;
    }
}

@media only screen and (max-width: 431px) {
    .calendar-day, .calendar-next-month {
        width: 30px;
        height: 30px;
        font-size: 12px;
        margin: 2px;
        box-shadow: 0 0 2px 0 rgb(238, 238, 238);
    }

    .week-day {
        width: 30px;
        height: 25px;
        font-size: 14px;
        line-height: 25px;
    }

    .trips-calendar-present {
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background-color: #db2b39;
    }

    .trips-calendar-present-container {
        width: 100%;
        height: 4px;
        display: flex;
    }

    .calendar-left, .calendar-right {
        width: 30px;
        height: 30px;
        font-size: 12px;
        margin: 2px;
    }

    .trip-calendar {
        width: 238px;
    }

    .calendar-title {
        font-size: 18px;
    }

    .calendar-year {
        font-size: 12px;
    }

    .trips-calendar-present-container {
        font-size: 8px;
        margin-top: -4px;
    }

    .calendar-day > .trips-calendar-present-container > .fa-calendar-times {

        font-size: 7px;

    }

    .trips-form .form-group .nice-select {
        margin: 0;
        font-size: 14px;
    }

    .trips-form .form-group {
        margin-bottom: 5px;
    }

    .trips-form form {
        padding: 10px;
    }

    .transporter-dropdown-list {
        width: 10%;
        margin: 0 auto;
    }

    .tickets-index-header .tickets-calendar {
        margin: 0 auto;
        width: 90%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
    }

    .tickets-index-name .ticket-geography-button {
        border: none;
        background: none;
        padding: 0;
        cursor: pointer;
    }
}