html {
    height: 100%;
}
.c-radio-wrap {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 25px;
    margin: 0 8px 0 0;
}

.c-radio-wrap input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
}

.c-radio-wrap input:checked + span {
    position: absolute;
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    border: 3px solid #285f4b;
    border-radius: 29px;
    box-shadow: 0px 0px 5px 1px #285f4b;
}
body {
    font-family: 'Roboto', sans-serif;
    color: #2C2C2C;
}
.lh-1 {
    line-height: 1;
}
body,
.main {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.loading:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .9);
}
.loading:after {
    content: "";
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-left: -1rem;
    margin-top: -1rem;
    vertical-align: text-bottom;
    border: 0.25em solid #009A61;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
.main {
    width: 100%;
}
.main-header {
    flex: 0 0 auto;
}

.content-wrapper {
    flex: 1 0 auto;
}

.main-footer {
    flex: 0 0 auto;
}
a {
    color: #8D9397;
}
a:hover {
    text-decoration: underline;
    color: #8D9397;
}
.color-black {
    color: #212529;
}
.color-green {
    color: #009A61!important;
}
.color-red {
    color: #dc3545;
}
.color-blue {
    color: #065CDE;
}
.color-purple {
    color: #7915AE;
}
.color-orange {
    color: #FFBD3E!important;
}
.color-gray {
    color: #8D9397;
}
.color-lightgray {
    color: #C4C4C4;
}
a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0 !important;
    outline-color: transparent !important;
    outline-style: none !important;
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
    border-color: #ced4da;
    box-shadow: none;
    outline: 0 none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}
.form-group {
    margin-bottom: 20px;
}
.custom-select:focus {
    border-color: #ced4da;
    box-shadow: none;
}
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}
.form-control:focus {
    border-color: #ced4da;
    box-shadow: none;
}
.form-control::-webkit-input-placeholder {
    color: #C4C4C4;
}
.form-control:-moz-placeholder {
    color: #C4C4C4;
    opacity: 1;
}
.form-control::-moz-placeholder {
    color: #C4C4C4;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #C4C4C4;
}
.form-control::-ms-input-placeholder {
    color: #C4C4C4;
}
.form-control::placeholder {
    color: #C4C4C4;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    border-radius: .6rem;
}
.btn i.icon-edit,
.btn i.icon-delete {
    margin-right: 5px;
}

.btn-primary {
    background-color: #009A61;
    color: #ffffff;
    border-color: #009A61;
}
.btn-primary:focus {
    background-color: #009A61;
    color: #ffffff;
    border-color: #009A61;
}
.btn-primary:active,
.btn-primary:hover {
    background: #ffffff;
    color: #009A61;
    border-color: #009A61;
}
.btn-primary:not(:disabled):not(.disabled):active {
    background: #ffffff;
    color: #009A61;
    border-color: #009A61;
}
.btn-primary.disabled, .btn-primary:disabled {
    background: #ffffff;
    color: #009A61;
    border-color: #009A61;
}
.btn-outline-primary {
    background-color: #ffffff;
    color: #009A61;
    border-color: #009A61;
}
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
    background: #009A61;
    color: #ffffff;
    border-color: #009A61;
}
.btn-outline-primary:hover i:before,
.btn-outline-primary:focus i:before {
    color: #ffffff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background: #009A61;
    color: #ffffff;
    border-color: #009A61;
}
.btn-outline-primary.disabled, .btn-primary:disabled {
    background: #009A61;
    color: #ffffff;
    border-color: #009A61;
}




.btn-link {
    color: #8D9397;
}
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    background: #ffffff;
    color: #8D9397;
}
.btn-link:not(:disabled):not(.disabled):active {
    background: #ffffff;
    color: #8D9397;
}
.btn-link.disabled, .btn-primary:disabled {
    background: #ffffff;
    color: #8D9397;
}
.btn-dropdown {
    display: flex;
    align-items: center;
    justify-content: start;
}
.btn-dropdown span {
    margin-right: 5px;
    white-space: nowrap;
}
.btn-dropdown:hover span {
    text-decoration: underline;
}
.dropdown-table .btn-dropdown:after {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: '\e90b';
    color: #009A61;
    font-size: 12px;
}
.dropdown-table-dot .btn-dropdown i.icon-menu {
    color: #8D9397;
}

.dropdown-table-dot .btn-dropdown.disabled {
    opacity: 1;
    color: #C4C4C4;
}
.table tr.disabled .dropdown-table .btn-dropdown:after {
    color: #dc3545;
}
.table tr.disabled .dropdown-table-dot .btn-dropdown span {
    white-space: nowrap;
}
/*.disabled .dropdown-table-dot i.icon-menu {*/
/*    color: #C4C4C4;*/
/*}*/
.dropdown-menu {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.dropdown-table-dot .dropdown-menu {
    min-width: 10rem;
}
.dropdown-table .heading {
    padding: 0.25rem 1.5rem;
}
.dropdown-table .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
}
.dropdown-table .dropdown-menu .custom-checkbox.dropdown-item {
    padding: 0.25rem 1.5rem 0.25rem 3rem;
}
.dropdown-table .dropdown-menu .dropdown-item i {
    margin-right: 5px;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #212529;
    background-color: transparent;
}
.dropdown-table .btn-dropdown i.icon-menu {
    margin: 0;
}
.dropdown-table a.dropdown-item:hover,
.dropdown-table a.dropdown-item:focus {
    background-color: rgba(8, 146, 94, 0.1);
}
.block .dropdown-menu {
    min-width: 9rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #009A61;
    background-color: #009A61;
}
.modal-backdrop {
    background-color: #fff;
}
.modal-backdrop.show {
    opacity: 0.8;
}
.modal-content {
    box-shadow: 0 2px 15px #e5e5e5;
    border: 1px solid rgba(0, 0, 0, 0.06);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.modal-header {
    position: relative;
    color: #009A61;
    justify-content: center;
    border-bottom: none;
}
.modal-header .close {
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.modal .form-inline {
    position: relative;
    margin-bottom: 25px;
}
.modal.modal-hints .modal-content {
    background-color: transparent;
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow:         0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.modal.modal-hints .modal-dialog {
    max-width: 82%;
    margin: 0.5rem auto;
    background: #fff;
}
.modal.modal-hints .modal-header {
    padding: 15px 15px 5px 15px;
}
.modal.modal-hints .modal-title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
}
.modal.modal-hints .modal-header .close {
    top: 6px;
    right: 6px;
}
.modal.modal-hints .modal-header .close img {
    width: 18px;
    height: 18px;
}
.modal.modal-hints .modal-body {
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}
.modal.modal-hints .slick-dots {
    padding-left: 0;
    display: block;
    width: 100%;
    list-style: none;
    text-align: center;
    margin: -12px 0 0 0;
}
.modal.modal-hints .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.modal.modal-hints .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 4px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background-color: #E5E5E5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.modal.modal-hints .slick-dots li.slick-active button {
    background-color: #009A61;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Выбрать";
}
.font-weight-semibold {
    font-weight: 500;
}
.alert {
    box-shadow: 0 2px 7px #E3E9EE;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 1rem 1.25rem;
}
.alert-success {
    color: #2c2c2c;
    background-color: #F0FAF2;
    border-color: transparent;
}
.js-error {
    position: absolute;
    top: 100%;
}
.error, .js-error {
    text-align: left!important;
    margin-top: 3px!important;
}
.js-address-suggestion + .js-error {
    left: 0;
}
.js-license-plate-input {
    text-transform: uppercase;
}
.modal .form-inline label {
    font-size: 0.875rem;
    min-width: 200px;
    justify-content: left;
}
.modal .form-inline .form-control,
.modal .form-inline .custom-select {
    display: inline-flex;
    flex: 1 0 auto;
}
.modal .status-confirm {
    margin: 30px 0 60px 0;
    text-align: center;
}
.modal .status-confirm i {
    font-size: 100px;
    color: #FFBD3E;
}
.table-responsive {
    -webkit-overflow-scrolling: auto;
}
.table {
    margin-top: 6px;
    margin-bottom: 6px;
}
.td-link,
.td-link:hover {
    color: #333;
}
table.dataTable {
    width: 100%;
}
table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc:after {
    position: static;
    display: inline-block;
    opacity: 1;
    content: '';
    width: 13px;
    height: 13px;
    background-image: url('../images/icons/asc_az.svg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
}
table.dataTable>thead .sorting:hover:after {
    background-image: url('../images/icons/asc_az-active.svg');
}
table.dataTable>thead .sorting_desc:hover:after {
    background-image: url('../images/icons/desc_az-active.svg');
}
table.dataTable>thead .sorting.sorting-num:after {
    background-image: url('../images/icons/asc.svg');
}
table.dataTable>thead .sorting.sorting-num:hover:after {
    background-image: url('../images/icons/asc-active.svg');
}
table.dataTable>thead .sorting-num.sorting_desc:hover:after {
    background-image: url('../images/icons/desc-active.svg');
}
table.dataTable>thead .sorting:before {
    content: "";
    display: none;
}
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:after {
    opacity: 1;
}
table.dataTable>thead .sorting_asc:after {
    background-image: url('../images/icons/asc_az-active.svg');
}
table.dataTable>thead .sorting_desc:after {
    background-image: url('../images/icons/desc_az-active.svg');
}
table.dataTable>thead .sorting-num.sorting_asc:after {
    background-image: url('../images/icons/asc-active.svg');
}
table.dataTable>thead .sorting-num.sorting_desc:after {
    background-image: url('../images/icons/desc-active.svg');
}
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:after {
    opacity: 1;
}
.table-turnover-wrapper {
    overflow: auto;
    max-height: 270px;
}
.table-managers-wrapper {
    overflow: auto;
    max-height: 400px;
}

.license-plate-input-wrap {
    position: relative;
}
.license-plate-input-wrap:before {
    content: 'RUS';
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 28px;
    left: 95px;
    background-image: url('../images/flag-rus.svg');
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 13px;
    background-size: 20px 13px;
    width: 48px;
    height: 16px;
    z-index: -20;
}
.license-plate-input-wrap .license-plate-input {
    max-width: 150px;
    height: calc(1.5em + 1rem + 2px);
    padding: 0.4rem 0.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border: 3px solid #333;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}

.license-plate-input-wrap .license-plate-input:focus {
    border-color: #333!important;
}
.breadcrumb {
    background-color: #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    align-items: center;
}
.breadcrumb-item {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #8D9397;
    content: "\2022";
}
.breadcrumb-item a {
    font-size: 14px;
    line-height: 14px;
}
.breadcrumb-item.active {
    color: #2C2C2C;
    font-size: 14px;
}
.m-breadcrumb {
    display: none;
    padding: 7px 0 5px 0;
}
.back {
    display: none;
    padding: 5px 0;
    align-items: center;
}
.back a {
    color: #212529;
}
.back i {
    font-size: 14px;
    margin-right: 7px;
}
.content-wrapper .row > [class*=col-] {
    margin-bottom: 30px;
}
.content-wrapper .nav-tabs {
    margin-top: -39px;
    border-bottom: none;
    position: relative;
    z-index: 1;
}
.content-wrapper .nav-tabs .nav-link {
    font-size: 18px;
    margin-bottom: 0;
    border: none;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}
.content-wrapper .nav-tabs .nav-link.active,
.content-wrapper .nav-tabs .nav-item.show .nav-link {
    box-shadow: -2px -2px 6px rgba(229, 229, 229, .35),
    2px -2px 6px rgba(229, 229, 229, .35)!important
}
.content-wrapper .nav-tabs .nav-link.active span,
.content-wrapper .nav-tabs .nav-item.show .nav-link span {
    color: #009A61;
    border-bottom: 2px solid #009A61;
}

.no-sort::after,
.no-sort::before {
    display: none !important;
}
.dataTables_filter {
    display: none;
}
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 12px;
}
.table thead th {
    white-space: nowrap;
    background-color: #F0F4F7;
    vertical-align: middle;
    border-bottom: none;
}
.table thead tr th:first-child {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.table thead tr th:last-child {
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
.table thead th span {

}
.table thead th i {
    margin-left: 5px;
    color: #8D9397;
    font-size: 18px;
    cursor: pointer;
}
.table thead th i:hover {
    color: #009A61;
}
tbody:before {
    content: "-";
    display: block;
    line-height: 1em;
    color: transparent;
}
.table th,
.table td {
    vertical-align: middle;
    border-top: none;
}
.table tr.disabled {
    color: #C4C4C4;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef;
    opacity: .7;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
    color: #C4C4C4;
}
.table tbody tr:not(.disabled) {
    cursor: pointer;
}
.table tbody tr:hover {
    background-color: rgba(8, 146, 94, 0.1);
}
.table tbody tr:hover td:first-child {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.table tbody tr:hover td:last-child {
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.table td span i {
    margin-left: 5px;
    color: #009A61;
}

.table th.width-checkbox {
    width: 20px;
}
.m-btn-name {
    display: none;
}
.dataTables_wrapper .dataTables_info {
    display: none;
    /*clear: both;*/
    /*float: left;*/
    /*padding-top: .755em;*/
    /*padding-left: 12px;*/
    /*margin-bottom: 15px;*/
}
div.dataTables_wrapper div.dataTables_paginate {
    margin-bottom: 15px;
    float: right;
    text-align: right;
    padding-top: .95em;
    padding-right: 12px;
}
.dataTables_paginate .paginate_button {
    padding: 5px 7px;
    color: #212529;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.dataTables_paginate .paginate_button.current {
    background-color: #009A61;
    color: #ffffff;
}
.dataTables_paginate span {

}
.dataTables_paginate span .paginate_button {

}
.dataTables_paginate .paginate_button.disabled {
    color: #C4C4C4;
    cursor: default;
}
table.table-mobile .m-btn-link {
    display: none;
}
.modal .select2-container {
    flex: 1 0 auto;
}
.select2-container--default .select2-results__option--selected {
    background-color: #009A611A;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff;
    color: #009A61;
    border: 1px solid #009A61;
    border-radius: .2rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid #009A61;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #009A611A;
}

.select2-results__options li {
    padding-left: 30px;
    position: relative
}

.select2-results__options li:before {
    position: absolute;
    left: 8px;
    top: 8px;
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: '\e906';
    color: #ced4da;
}
.select2-container--default .select2-results__option--selected:before {
    content: "\e90c"!important;
    color: #009A61!important;
}
.photo-preview {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
}

.global-search {
    position: relative;
    margin: 0 5px 0 7px;
    width: auto;
}
.global-search input {
    border-color: #009A61;
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-right: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.global-search input:focus {
    border-color: #009A61;
}
.global-search .input-group-append {
    border-top: 1px solid #009A61;
    border-right: 1px solid #009A61;
    border-bottom: 1px solid #009A61;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    justify-content: center;
    align-items: center;
    height: calc(1.5em + 0.5rem + 2px);
    font-size: 0.875rem;
    line-height: 1.5;
}
.global-search .input-group-append .btn i {
    color: #ced4da;
}
.global-search .input-group-append .btn:hover i {
    color: #009A61;
}
.search-result .type {
    background-color: #F0F4F7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 7px 14px;
}
.search-result > div {
    margin-bottom: 15px;
}
.search-result .item {
    padding-left: 14px;
    margin-top: 10px;
}

.search {
    position: relative;
    margin-right: 20px;
    width: auto;
}
.search.search-map {
    width: 420px;
}
.search input {
    border-right: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.search .input-group-append {
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    justify-content: center;
    align-items: center;
}
.search .input-group-append .btn i {
    color: #ced4da;
}
.search .input-group-append .btn:hover i {
    color: #009A61;
}
.filter {
    margin-right: 20px;
}
.filter i {
    margin-right: 7px;
}
.filter i:before {
    color: #009A61;
}
.filter .dropdown-menu .filter-body {
    padding: 0 15px;
}
.filter .dropdown-menu .filter-body .list {
    display: flex;
    margin-bottom: 15px;
}
.filter .dropdown-menu .filter-body .section:first-child {
    margin-right: 20px;
}
.filter .dropdown-menu .filter-body h4 {
    font-size: 16px;
    margin-bottom: 10px;
}
.filter .dropdown-menu .filter-body .custom-checkbox {
    font-size: 14px;
}
.filter .dropdown-menu .filter-body .filter-btns {
    display: flex;
    justify-content: space-between;
}
.filter .dropdown-menu .filter-body .filter-btns .btn-link {
    padding-left: 0;
}
.filter .dropdown-menu .filter-body .custom-control-label {
    white-space: nowrap;
}
.btn-add i {
    margin-right: 7px;
}
.btn-add i:before {
    color: #ffffff;
}
.btn-add:hover i:before {
    color: #009A61;
}
.btn.btn-file>input[type=file] {
    background: #fff;
    cursor: inherit;
    display: block;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    outline: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}


.datepicker {
    max-width: 200px;
}
.datepicker table tr td.active.active {
    background-color: #009A61;
    border-color: #009A61;
}
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover {
    background-color: #009A61;
    border-color: #009A61;
}
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover {
    background-color: #009A61;
    border-color: #009A61;
}
.datepicker-range {

}
.input-daterange {

}
.input-daterange .input-group-addon {
    display: flex;
    align-items: center;
}
.input-daterange .form-control {
    -webkit-border-radius: 0.6rem!important;
    -moz-border-radius: .6rem!important;
    border-radius: 0.6rem!important;
    max-width: 110px;
}
.input-daterange img {
    margin: 0 10px;
}
.days-list {
    margin: 0;
    padding-left: 0;
    display: inline-flex;
    flex: 1 0 auto;
    list-style: none;
}
.day-item {
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px;
    padding: 2px 5px;
    color: #C4C4C4;
    border: 1px solid #C4C4C4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.day-item.active {
    color: #009A61;
    border: 1px solid #009A61;
}
.time-interval {
    display: inline-flex;
    flex: 1 0 auto;
    align-items: center;
}
.time-interval .form-control {
    width: 60px;
    max-width: 60px;
}
.time-interval span {
    display: inline-block;
    margin: 0 5px;
}

.entrance {
    height: 100%;
}
.entrance .left,
.entrance .right {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.entrance .left {
    background-color: #fff;
}
.entrance .left .logo {
    width: 263px;
    height: 194px;
}
.entrance .right {
    background-color: #009A61;
    background-image: url('../images/login-bg.png');
    background-repeat: repeat;
    /*background-size: cover;*/
    /*background-position: center center;*/
}
.entrance .right .phone {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #ffffff;
}
.login-box {
    width: 100%;
    max-width: 480px;
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.login-box .login-heading {
    font-size: 26px;
    text-align: center;
    margin-bottom: 40px;
}
.login-box .login-body {
    padding: 40px 0 60px 0;
    box-shadow: 0 2px 20px 0 #00000080;
}
.login-box .nav-tabs {
    border: none;
}
.login-box .nav-tabs .nav-link {
    font-size: 20px;
    font-weight: 500;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.login-box .nav-tabs .nav-item {
    flex: 1 0 50%;
    text-align: center;
}
.login-box .nav-tabs .nav-link.active,
.login-box .nav-tabs .nav-item.show .nav-link {
    color: #2C2C2C;

}

.login-box .login-content {
    max-width: 260px;
    margin: 0 auto;
}
.login-box .form-control {
    border-color: #009A61;
}
.login-box .custom-control-label {
    color: #8D9397;
}
.login-box .btns {
    margin-top: 40px;
    text-align: center;
}
.login-box .btns .btn {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.login-box .btns .link {
    display: inline-block;
    text-transform: uppercase;
    margin-top: 30px;
}

.main-header {
    margin-left: 260px;
    align-items: start;
    padding: 20px 20px;
}
.main-header .nav-m {
    display: none;
}
.main-header .nav-m .hamburger-wrap {
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.main-header .nav-m .hamburger {
    position: relative;
    display: block;
    width: 26px;
    height: 28px;
    background: transparent;
    border: none;
}
.main-header .nav-m .hamburger:hover,
.main-header .nav-m .hamburger:focus,
.main-header .nav-m .hamburger:active {
    outline: none;
}
.main-header .nav-m .hamburger.is-closed:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all .35s ease-in-out;
}
.main-header .nav-m .hamburger.is-closed .hamb-top,
.main-header .nav-m .hamburger.is-closed .hamb-middle,
.main-header .nav-m .hamburger.is-closed .hamb-bottom,
.main-header .nav-m .hamburger.is-open .hamb-top,
.main-header .nav-m .hamburger.is-open .hamb-middle,
.main-header .nav-m .hamburger.is-open .hamb-bottom {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.main-header .nav-m .hamburger.is-closed .hamb-top,
.main-header .nav-m .hamburger.is-closed .hamb-middle,
.main-header .nav-m .hamburger.is-closed .hamb-bottom {
    background-color: #009A61;
}
.main-header .nav-m .hamburger.is-closed .hamb-top {
    top: 6px;
    -webkit-transition: all .35s ease-in-out;
}
.main-header .nav-m .hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -1px;
}
.main-header .nav-m .hamburger.is-closed .hamb-bottom {
    bottom: 6px;
    -webkit-transition: all .35s ease-in-out;
}
.main-header .nav-m .hamburger.is-open .hamb-top,
.main-header .nav-m .hamburger.is-open .hamb-middle,
.main-header .nav-m .hamburger.is-open .hamb-bottom {
    background-color: #009A61;
}
.main-header .nav-m .hamburger.is-open .hamb-top,
.main-header .nav-m .hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -1px;
}
.main-header .nav-m .hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.main-header .nav-m .hamburger.is-open .hamb-middle { display: none; }
.main-header .nav-m .hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.main-header .nav-m .hamburger.is-open:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all .35s ease-in-out;
}

.main-header .navbar-left {

}
.main-header .navbar-left .heading {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
.main-header .navbar-right {
    align-items: center;
}
.main-header .navbar-right .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 18px;
    padding: 0 .7rem;
}

.main-header .navbar-right .nav-item:last-child .nav-link {
    padding-right: 0;
}
.main-header .navbar-right .nav-link .icon {
    font-size: 20px;
}
.main-header .navbar-right .nav-link .icon-bell:hover:before {
    color: #009A61;
}
.main-header .navbar-right .nav-link .badge {
    position: absolute;
    top: -4px;
    right: calc(100% - 19px);
    color: #fff;
    background-color: #dc3545;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 11px;
    font-weight: 300;
    -webkit-border-radius: .6rem;
    -moz-border-radius: .6rem;
    border-radius: .6rem;
}
.notifications-menu .dropdown-menu {
    padding: 30px 0;
    position: relative;
    min-width: 400px;
    max-width: 400px;
}
.notifications-menu .body {
    height: 240px;
    overflow-y: auto;
}
.notifications-menu .dropdown-item {
    white-space: normal;
    padding: 0.2rem 12px;
    margin-bottom: 5px;
}
.notifications-menu .dropdown-item:last-child {
    margin-bottom: 0;
}
.notifications-menu .dropdown-item:hover {
    background-color: #fff;
}
.notifications-menu .dropdown-item .name {
    position: relative;
    font-size: 13px;
    margin-bottom: 5px;
    padding-left: 13px;
}
.notifications-menu .dropdown-item .name:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '\2022';
    color: #009A61;
    font-size: 22px;
    line-height: 22px;
}
.notifications-menu .dropdown-item .btn {
    font-size: 12px;
    margin-left: 13px;
}
.notifications-menu .close {
    font-size: 20px;
    padding: 5px;
    position: absolute;
    top: 0;
    right: 5px;
}
.notifications-menu .link {
    color: #009A61;
    font-size: 13px;
    position: absolute;
    bottom: 5px;
    right: 20px;
}

.main-sidebar {
    height: 100%;
    position: fixed;
    top: 0;
    box-shadow: 0 4px 7px #E5E5E5;;
    background-color: #fff;
    width: 260px;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}
.main-sidebar .sidebar {
    height: 100%;
}
.main-sidebar .sidebar nav {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.main-sidebar .brand-link {
    display: inline-block;
    margin-bottom: 30px;
    padding: 0 1.5rem;
}
.main-sidebar .brand-image {
    max-width: 212px;
    height: auto;
}
.main-sidebar .user {
    padding: 15px;
    margin: 0 20px 10px 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
}
.main-sidebar .user.user-admin {
    background-color: #E7FFE7;
}
.main-sidebar .user.user-partner {
    background-color: #F8E8F6;
}
.main-sidebar .user.user-client {
    background-color: #D9F1FF;
}
.main-sidebar .user.user-driver {
    background-color: #FFF8E5;
}
.main-sidebar .balance {
    font-size: 14px;
    padding: 5px 0;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 0 20px 20px 20px;
}
.main-sidebar .balance.balance-partner {
    background-color: #F8E8F6;
}
.main-sidebar .balance.balance-client {
    background-color: #D9F1FF;
}
.main-sidebar .user .media .img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    width: 60px;
    height: 60px;
}
.main-sidebar .user img {
    align-items: center;
    max-width: 60px;
}
.main-sidebar .user h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.main-sidebar .user a {
    font-size: 14px;
}


.main-sidebar .sidebar .nav-sidebar {
    flex-direction: column;
}
.main-sidebar .sidebar .nav-header {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0 1.5rem;
}

.main-sidebar .nav-sidebar .nav-link {
    display: flex;
    align-items: center;
    color: #2C2C2C;
    padding: 0.6rem .5rem 0.6rem 1.3rem;
    border-right: 2px solid transparent;
    white-space: nowrap;
}
.main-sidebar .nav-sidebar .nav-link:hover {
    background: #009A611A;
    color: #009A61;
}
.main-sidebar .nav-sidebar .nav-link:hover .icon {
    color: #2C2C2C;
}
.main-sidebar .nav-sidebar .nav-link:hover .icon:before {
    color: #009A61;
}
.main-sidebar .nav-sidebar .nav-link.active {
    background: #009A611A;
    color: #009A61;
    border-right: 2px solid #009A61;
}
.main-sidebar .nav-sidebar .nav-link.active .icon:before {
    color: #009A61;
}
.main-sidebar .nav-sidebar .nav-link .icon {
    font-size: 20px;
    margin-right: 15px;
    color: #000;
}
.main-sidebar .nav-sidebar .nav-link p {
    margin: 0;
}
.main-sidebar .sidebar .bottom {
    margin-top: auto;
}
.success input, .success input:focus, .license-plate-input-wrap.success .license-plate-input:focus  {
    border-color: #249a61 !important;
    border-width: 2px;
}
.success .license-plate-input {
    border-width: 3px!important;
}
.form-group.success:after {
    content:  'Авто найдено в системе';
    font-size: 14px;
    margin-top: 5px;
    display: block;
    color: #249a61;
}
.form-group.errorized:after {
    content:  'Авто не найдено в системе';
    font-size: 14px;
    margin-top: 5px;
    display: block;
    color: red;
}
.form-group.errorized[data-code="1"]:after {
    content:  'ТС заблокировано, обратитесь в поддержку';
}
.form-group.errorized[data-code="2"]:after {
    content:  'ТС заблокировано, услуги Клиенту временно приостановлены';
}
.errorized input, .errorized input:focus, .license-plate-input-wrap.errorized .license-plate-input:focus {
    border-color: red !important;
    border-width: 2px;
}
.errorized .license-plate-input {
    border-width: 3px!important;
}
.rating {
    border: none;
    float: left;
}
.rating > input { display: none; }
.rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}
.rating > .half:before {
    content: "\f089";
    position: absolute;
}
.rating > label {
    color: #ddd;
    float: right;
}
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  }
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }


.content-wrapper {
    background: #ffffff;
    margin-left: 260px;
    padding: 50px 20px 20px 20px;
}
.content {
    padding: 20px 20px;
    box-shadow: 0 2px 15px #e5e5e5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.content-header {
    display: flex;
    align-items: start;
    margin-bottom: 20px;
}
.content-header--map {
    align-items: start;
}
.content-header .left {
    display: flex;
}
.content-header .info-wrap {
    margin-left: 20px;
}
.content-header .info {
    font-size: 18px;
}
.content-header .info span {
    color: #009A61;
}
.content-header .info a {
    color: #009A61;
}
.content-header .info a:hover {
    text-decoration: underline;
}
.content-header .status {
    font-size: 14px;
}
.content-header .content-options {
    margin-left: auto;
}
.content-header .content-options .tail {
    display: none;
    align-items: center;
}
.content-header .content-options .tail > span {
    margin-right: 20px;
    color: #009A61;
}
.content-header .content-options .tail .btn {
    margin-right: 20px;
}


.content-header .legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.content-header .legend input {
    display: none;
}
.content-header .legend > div {
    padding-left: 0;
    margin: 0 0 10px 20px;
    font-size: 14px;
}
.content-header .legend .form-check-label {
    display: flex;
    align-items: center;
    padding: 4px 12px 0 9px;
    cursor: pointer;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0 1px 5px 0 rgba(50, 50, 50, 0.25);
    box-shadow:         0 1px 5px 0 rgba(50, 50, 50, 0.25);
}
.content-header .legend .form-check-label.inactive {
   opacity: .6;
}
.content-header .legend .form-check-label span {
    margin-top: -3px;
}
.content-header .legend img {
    width: auto;
    height: 30px;
    margin-right: 5px;
}
.content-header .date-update {
    font-size: 14px;
    color: #C4C4C4;
}
.tab-body {
    position: relative;
    padding: 20px 20px;
    box-shadow: 0 2px 15px #e5e5e5;
    -webkit-border-radius: 0 15px 15px 15px;
    -moz-border-radius: 0 15px 15px 15px;
    border-radius: 0 15px 15px 15px;
}
.tab-cell .row > [class*=col-] {
    margin: 25px 0 10px 0;
}
.tab-block {
    padding: 20px 20px;
    box-shadow: 0 2px 15px #e5e5e5;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 100%;
}
.tab-block-blue {
    background-color: #F5FBFF;
}
.tab-block-green {
    background-color: #E6F4EF;
}
.content-wrapper .tab-block-green .form-inline {
    margin-bottom: 10px;
}
.content-wrapper .tab-block-green .form-control:disabled{
    background-color: #e9ecef;
    border: 1px solid #ced4da;
}
.eye {
    cursor: pointer;
    position: absolute;
    top: 11px;
    right: 7px;
}
.tab-block .eye.hide {
    color: #495057;
}
.tab-block .eye.show {
    color: #009A61;
}
.content-wrapper h3 {
    font-size: 22px;
    margin-bottom: 20px;
}
.content-wrapper h4 {
    font-size: 20px;
    margin-bottom: 20px;
}
.content-wrapper .form-inline {
    margin-bottom: 0;
}
.content-wrapper .form-inline label {
    font-size: 0.875rem;
    min-width: 190px;
    justify-content: left;
    color: #8D9397;
}
.content-wrapper .form-inline .form-control {
    display: inline-flex;
    flex: 1 0 auto;
}
.content-wrapper .form-control:disabled {
    background-color: #ffffff;
    border: 1px solid transparent;
    resize: none;
}
.content-wrapper .select-list {
    font-size: 16px;
    color: #009A61;
    white-space: nowrap;
}
.content-wrapper .select-list i {
    font-size: 16px;
    margin-right: 5px;
}
.content-wrapper .contact-list {
    padding-left: 20px;
}
.content-wrapper .contact-list .name {
    margin-bottom: 5px;
}
.content-wrapper .contact-list a {
    color: #2C2C2C;
}
.content-wrapper .contact-list li div:nth-child(3) i:first-child {
    font-size: 13px;
}
.content-wrapper .contact-list li div i:first-child {
    display: inline-block;
    margin-right: 7px;
}
.content-wrapper .contact-list li div i:first-child {
    color: #009A61;
}
.content-wrapper .contact-list li div i:last-child {
    color: #C4C4C4;
    cursor: pointer;
}
.content-wrapper .personal-img-wrap {
    margin-bottom: 30px;
}
.content-wrapper .personal-img-wrap label {
    font-size: 14px;
}
.content-wrapper .personal-img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 240px;
    height: 200px;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.content-wrapper .personal-img img {
    max-width: 100%;
    max-height: 200px;
}
.content-wrapper .personal-img i {
    cursor: pointer;
    font-size: 34px;
    color: #009A61;
    position: absolute;
    z-index: 11;
    bottom: 10px;
    right: 10px;
    padding: 10px;
    border: 1px solid #009A61;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
}
.content-wrapper .first-img {
    height: 100%;
}
.content-wrapper .first-img .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.content-wrapper .first-img a,
.content-wrapper .secondary-img a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.content-wrapper .first-img img,
.content-wrapper .secondary-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slick-track {
    display: flex;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    height: 100%;
}
.slick-slide {
    height: inherit;
    font-size: 0;
    line-height: 0;
}
.slick-slide > div {
    height: 100%;
}
.content-wrapper .slider-point {
    padding-right: 30px;
    position: relative;
    height: 100%;
}
.slider-point-btn {
    font-size: 26px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #009A61;
}
.slider-point-btn-next {
    right: 0;
}
.content-wrapper .secondary-img {
    height: 100%;
}
.content-wrapper .secondary-img .item-wrap {
    height: 100%;
}
.content-wrapper .secondary-img .item {
    border: 1px solid #E5E5E5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    height: 125px;
}
.content-wrapper .secondary-img .item:last-child {
    margin-bottom: 0;
}
.content-wrapper .secondary-img a {
    display: inline-block;
}
.content-wrapper .first-img .item a:hover:before,
.content-wrapper .secondary-img .item a:hover:before {
    color: #C4C4C4;
}
.content-wrapper .first-img .item a:before,
.content-wrapper .secondary-img .item a:before {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: '\e91c';
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 26px;
    color: #ffffff;
}
.point .head {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.point .head .name {
    font-size: 22px;
    font-weight: 500;
}
.point .head .highway {
    font-size: 16px;
    margin-left: 20px;
    color: #009A61;
    background-color: #E6F4EF;
    padding: 2px 7px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.point .type {
    font-size: 16px;
}
.point .address {
    font-size: 16px;
    color: #8D9397;
    margin-bottom: 5px;
}
.point .rate {
    font-size: 14px;
    color: #FFBD3E;
    margin-bottom: 5px;
}
.point .rate span {
    margin-left: 5px;
    display: inline-block;
    color: #8D9397;
}
.point .status {
    font-size: 14px;
    color: #009A61;
    margin-bottom: 15px;
}
.point .status .icon {
    color: #2C2C2C;
}
.point .point-goods {
    margin: 25px 0;
}
.point .point-goods .icon {
    color: #009A61;
    font-size: 32px;
    margin: 0 7px 7px 0;
}
.point .address-point {
    margin-bottom: 10px;
}
.point .address-point .icon {
    color: #009A61;
    margin-right: 3px;
}
.point .work-time {
    margin-bottom: 10px;
}
.point .work-time .icon {
    color: #009A61;
    margin-right: 3px;
}
.point .work-time .break {
    font-size: 14px;
    margin-left: 24px;
}
.point .coords {
    margin-bottom: 10px;
}
.point .coords .icon {
    color: #009A61;
    margin-right: 3px;
}
.content-wrapper .btns {
    text-align: right;
}
.point .add-btn {
    position: absolute;
    top: 15px;
    right: 15px;
}
.point .reviews-card {
    display: inline-block;
    padding: 7px 20px;
    background-color: #F0F4F7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.point .reviews-card .top {
    display: flex;
    align-items: center;
    position: relative;
}
.point .reviews-card .top:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ffffff;
}
.point .reviews-card .total {
    font-size: 42px;
    margin-right: 20px;
}
.total > span {
    font-size: 17px;
}
.point .reviews-card .estimation {
    font-size: 14px;
}
.point .reviews-card .bottom {
    text-align: center;
}
.point .reviews-card .bottom .rating-reviews {
    margin: 5px 0;
}
.point .reviews-card .bottom .descr {
    font-size: 12px;
    color: #8D9397;
}
.point .reviews-list h6 {

}
.point .reviews-list .item {
    margin-bottom: 20px;
}
.point .reviews-list .item .reviews-head {
    display: flex;
    justify-content: space-between;
}
.point .reviews-list .item .reviews-head .left {
    display: flex;
    align-items: center;
}
.point .reviews-list .item .reviews-head img {
    margin-right: 10px;
    width: 25px;
    height: 25px;
}
.point .reviews-list .item .reviews-head .name {
    font-size: 14px;
    font-weight: bold;
}
.point .reviews-list .item .reviews-head .date {
    font-size: 14px;
    color: #8D9397;
}
.point .reviews-list .item .rating-reviews {
    margin-bottom: 5px;
}
.point .reviews-list .item .point-name {
    font-size: 14px;
    font-weight: bold;
}
.point .reviews-list .item .text {
    font-size: 14px;
}






.tab-body .comments {
    border: 1px solid #C4C4C4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    min-height: 100px;
}
.tab-body .comments .item {
    margin-bottom: 25px;
}
.tab-body .comments .item .date {
    font-weight: bold;
    color: #009A61;
}
.tab-body .comments .item .time {
    margin-left: 10px;
    color: #009A61;
}
.tab-body .comments .item .author {
    margin-bottom: 5px;
    color: #009A61;
}
.stat .block {
    min-height: 100%;
}
.stat .calendar-inactive {
    margin-left: 10px;
}
.block {
    display: flex;
    flex-direction: column;
    padding: 20px 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.block-shadow {
    box-shadow: 0 2px 15px #e5e5e5;
}
.block .services-order {

}
.block .services-order > div {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.block .services-order > div i {
    color: #F60000;
    margin-right: 5px;
    cursor: pointer;
}
.block .services-list {
    margin-bottom: 20px;
}
.block .services-list > div {
    margin-bottom: 5px;
}

.lottery-admin .spin-body {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
}
.lottery-admin .spin-body .btn {
    white-space: nowrap;
}
/*.lottery-driver ul {*/
/*    display: flex;*/
/*}*/
/*.lottery-driver ul li i {*/
/*    font-size: 26px;*/
/*}*/
/*.lottery-driver ul li {*/
/*    margin-right: 5px;*/
/*}*/
/*.lottery-driver ul.bonus li i {*/
/*    color: #C4C4C4;*/
/*}*/
/*.lottery-driver ul.bonus li i.active {*/
/*    color: #FFBD3E;*/
/*}*/
/*.lottery-driver ul.ticket li i {*/
/*    color: #009A61;*/
/*}*/




.stat .stat-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}
.stat .stat-head h4 {
    font-size: 16px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.stat .stat-head h4 i {
    margin-left: 5px;
    color: #009A61;
    font-size: 18px;
}
.stat .btn-dropdown span {
    margin-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.stat .dropdown-block .btn {
    font-size: 16px;
    padding: 0;
    color: #009A61;
}
.stat .dropdown-block .btn:after {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: '\e904';
    font-size: 16px;
    color: #009A61;
}
.stat-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.stat-section h5 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 0;
}
.stat .total {
    margin-top: auto;
    font-size: 24px;
    font-weight: 500;
}
.stat h6 {
    margin-top: auto;
    margin-bottom: 3px;
    font-size: 16px;
}
.stat .sub-total {
    font-size: 20px;
    font-weight: 500;
}
.stat .scale {
    display: flex;
    align-items: center;
    font-size: 16px;
}
.stat .scale i {
    font-size: 26px;
    margin-right: 7px;
}
.stat .table-stat-sm {
    font-size: 12px;
}
.stat .stat-reviews {

}
.stat .stat-reviews .item {
    margin-bottom: 20px;
}
.stat .stat-reviews .item .top {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
}
.stat .stat-reviews .item .top span {
    font-weight: normal;
    margin-left: 10px;
}
.stat .stat-reviews .item .top .date {
    color: #8D9397FF;
}
.stat .stat-checkbox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.stat .stat-checkbox > div {
    padding-left: 0;
    margin: 0 0 5px 10px;
    font-size: 14px;
}
.stat .stat-checkbox .form-check-label {
    display: flex;
    align-items: center;
    padding: 4px 5px 0 4px;
    cursor: pointer;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 5px 0 rgb(50 50 50 / 25%);
    -moz-box-shadow: 0 1px 5px 0 rgba(50, 50, 50, 0.25);
    box-shadow: 0 1px 5px 0 rgb(50 50 50 / 25%);
}
.stat .stat-checkbox img {
    width: auto;
    height: 30px;
}
.stat .stat-checkbox input {
    display: none;
}
.stat .stat-checkbox .form-check-label.inactive {
    opacity: .6;
}

.chart {
    height: 100%;
    margin-top: auto;
}
.chart-bar {
    max-width: 130px;
    max-height: 80px;
}
.chart-label {
    display: flex;
    align-items: center;
}
.chart-label div {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px;
}
.chart-label span {

}
.chart-label-green {
    background-color: #00BD77;
}
.chart-label-yellow {
    background-color: #FFC961;
}
.chart-label-red {
    background-color: #FF4A4A;
}

.vehicle-number input {
    max-width: 100px;
}
.vehicle-number a {
    color: #009A61;
    margin: 5px 0 5px auto;
}
.wheelbase {
    background-image: url('../images/orientation.png');
    background-repeat: no-repeat;
    background-size: 122px 218px;
    background-position: top center;
    margin: 50px 0;
}
.wheelbase .axle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.wheelbase .axle .wheel {
    cursor: pointer;
    background-image: url('../images/wheel.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 66px;
    height: 165px;
    flex: 0 0 66px;
}
.wheelbase .axle .wheel:hover {
    background-image: url('../images/wheel-active.png');
}
.wheelbase .axle .wheel.active {
    background-image: url('../images/wheel-active.png');
}
.wheelbase .axle .axle-delimeter {
    width: 100%;
    height: 12px;
    background: rgb(120,119,119);
    background: linear-gradient(0deg, rgba(120,119,119,1) 0%, rgba(44,44,44,1) 70%, rgba(44,44,44,1) 100%);
}
.wheelbase .axle-single .axle-delimeter {
    max-width: 368px;
}
.wheelbase .axle-twin .axle-delimeter {
    max-width: 300px;
}
.wheelbase .axle .wheel-spare {
    cursor: pointer;
    background-image: url('../images/wheel-spare.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 166px;
    height: 80px;
    flex: 0 0 166px;
}
.wheelbase .axle .wheel-spare:hover {
    background-image: url('../images/wheel-spare-active.png');
}
.wheelbase .axle .wheel-spare.active {
    background-image: url('../images/wheel-spare-active.png');
}
.js-wheel-service-count {
    max-width: 65px;
}
.goods {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.goods h4 {
    margin-bottom: 0;
    margin-right: 15px;
    margin-bottom: 10px;
}
.goods i {
    font-size: 26px;
    color: #009A61;
    margin-right: 10px;
    margin-bottom: 10px;
}
.order-photos {
    display: flex;
}
.order-photos .item {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 5px;
    overflow: hidden;
    width: 200px;
    height: 160px;
}
.order-photos .item img {
    max-width: 100%;
    height: auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.order-img-wrap {
    position: relative;
    cursor: pointer;
}
.order-img-wrap span {
    color: #009A61;
    font-size: 14px;
    margin-left: 10px;
}
.order-img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 20px;
    height: 20px;

}
.order-delete {
    font-size: 18px;
    color: #C4C4C4;
}
.order-delete:hover {
    color: #dc3545;
}
.order-deleted td:nth-child(2) {
    color: #dc3545;
}
.order-deleted .order-delete {
    color: #dc3545;
}
.notifications {

}
.notifications .item {
    margin-bottom: 25px;
}
.notifications .item h5 {
    color: #009A61;
    text-align: center;
    margin-bottom: 20px;
}
.notifications .item .head {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 7px;
}
.notifications .item .head .right {
    color: #C4C4C4;
    display: flex;
    align-items: center;
}
.notifications .item .head .name {
    color: #212529;
    margin-right: 15px;
}
.notifications .item .body {
    padding-left: 50px;
    background-image: url('../images/site/check-gray.png');
    background-repeat: no-repeat;
    background-size: 21px 18px;
    background-position: left 0 top 5px;
}
.notifications .item .body.active {
    background-image: url('../images/site/check.png');
    background-size: 30px auto;
}

.main-footer {
    margin-left: 260px;
    background: #fff;
    border-top: 1px solid #dee2e6;
    color: #869099;
    padding: 1rem;
}



@media (min-width: 1600px) {
    .content-wrapper .col-sm-12:not(.full-width) {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .content-wrapper .col-md-12:not(.full-width) {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
}

@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

    .login-box {
        max-width: 400px;
    }
    .login-box .login-body {
        padding: 40px 0 60px 0;
    }

    .search {
        margin-right: 10px;
    }
    .content-header .content-options .tail .btn {
        margin-right: 10px;
    }
    .content-header .content-options .tail > span {
        display: none;
    }
    .search.search-map {
        width: 320px;
    }
    .content-header .legend > div {
        margin-left: 15px;
    }
    .nav-tabs .nav-link {
        font-size: 16px;
        padding: 8px 12px;
    }
    .content-wrapper h3 {
        font-size: 18px;
    }
    .content-wrapper .select-list {
        font-size: 16px;
    }
    .block .services-order {
        font-size: 14px;
    }
    .block .services-list {
        font-size: 14px;
    }
    .wheelbase .axle-single .axle-delimeter {
        max-width: 280px;
    }
    .wheelbase .axle .wheel {
        width: 50px;
        height: 125px;
        flex: 0 0 50px;
    }
    .wheelbase .axle .wheel-spare {
        width: 125px;
        height: 60px;
        flex: 0 0 125px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .entrance .right {
        display: block;
        text-align: center;
    }
    .entrance .right .login-box {
        margin: 15% auto 0 auto;
        max-width: 400px;
    }
    .entrance .right .head {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .entrance .right .logo-m {
        margin: 15px;
    }
    .entrance .right .phone {
        position: static;
        font-size: 22px;
    }
    .overlay {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, .8);
        z-index: 10;
    }
    #wrapper.toggled {
        overflow: hidden;
    }
    #wrapper.toggled .main {
        position: absolute;
        margin-left: 220px;
        -webkit-transition: margin-left 0.5s ease;
        -moz-transition: margin-left 0.5s ease;
        -o-transition: margin-left 0.5s ease;
        transition: margin-left 0.5s ease;
    }
    #wrapper.toggled .main-sidebar {
        width: 220px;
    }
    .main-header {
        padding: 10px;
        align-items: center;
        margin-left: 0;
        box-shadow: 0 2px 15px #e5e5e5;
    }
    .main-header .nav-m {
        display: block;
        position: relative;
        z-index: 99;
    }
    .content-wrapper {
        padding: 0 15px;
        margin-left: 0;
    }
    .m-breadcrumb {
        display: block;
    }
    .back {
        display: flex;
    }
    .main-footer {
        margin-left: 0;
    }
    .main-sidebar .brand-link {
        padding: 0 15px;
    }
    .main-sidebar {
        display: flex;
        position: fixed;
        top: 0;
        z-index: 1050;
        left: 220px;
        width: 0;
        height: 100%;
        margin-left: -220px;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        -webkit-transition: width 0.5s ease;
        -moz-transition: width 0.5s ease;
        -o-transition: width 0.5s ease;
        transition: width 0.5s ease;
    }
    .main-sidebar .brand-image {
        max-width: 190px;
    }
    .main-sidebar .user {
        padding: 10px;
        margin: 0 15px 30px 15px;
    }
    .main-sidebar .sidebar .nav-header {
        font-size: 18px;
        padding: 0 15px;
    }
    .main-sidebar .nav-sidebar .nav-link {
        padding: 10px 15px;
    }
    .main-header .navbar-left {
        display: none;
    }
    .content-header .content-options .tail > span {
        display: none;
    }
    .search.search-map {
        width: 320px;
    }
    .content-wrapper .nav-tabs {
        margin-top: 10px;
    }
    .content-wrapper .nav-tabs .nav-link {
        font-size: 16px;
        padding: 8px 12px;
    }
    .content-wrapper h3 {
        font-size: 18px;
    }
    .content-wrapper .select-list {
        font-size: 16px;
    }
    .content-wrapper .form-control:disabled {
        padding-left: 0;
    }
    .content-wrapper .form-inline {
        margin-bottom: 5px;
    }
    .block .services-order {
        font-size: 14px;
    }
    .block .services-list {
        font-size: 14px;
    }
    .tab-cell {
        padding: 0 5px;
    }
    .slider-point {
        margin: 0;
        position: absolute!important;
        visibility: hidden;
        overflow: hidden;
    }
    .wheelbase .axle-single .axle-delimeter {
        max-width: 238px;
    }
    .wheelbase .axle .wheel {
        width: 50px;
        height: 125px;
        flex: 0 0 50px;
    }
    .wheelbase .axle .wheel-spare {
        width: 125px;
        height: 60px;
        flex: 0 0 125px;
    }

}

@media (min-width: 576px) and (max-width: 767px) {

    .entrance .right {
        display: block;
        text-align: center;
    }
    .entrance .right .login-box {
        margin: 15% auto 0 auto;
        max-width: 400px;
    }
    .entrance .right .head {
        display: flex;
        justify-content: space-between;
        height: 60px;
        align-items: center;
    }
    .entrance .right .logo-m {
        margin: 15px;
    }
    .entrance .right .phone {
        position: static;
        font-size: 22px;
    }
    .overlay {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, .8);
        z-index: 10;
    }
    #wrapper.toggled {
        overflow: hidden;
    }
    #wrapper.toggled .main {
        position: absolute;
        margin-left: 220px;
        -webkit-transition: margin-left 0.5s ease;
        -moz-transition: margin-left 0.5s ease;
        -o-transition: margin-left 0.5s ease;
        transition: margin-left 0.5s ease;
    }
    #wrapper.toggled .main-sidebar {
        width: 220px;
    }
    .main-header {
        padding: 10px;
        align-items: center;
        margin-left: 0;
        box-shadow: 0 2px 15px #e5e5e5;
    }
    .main-header .nav-m {
        display: block;
        position: relative;
        z-index: 99;
    }
    .content-wrapper {
        padding: 0 15px;
        margin-left: 0;
    }
    .m-breadcrumb {
        display: block;
    }
    .back {
        display: flex;
        margin-bottom: 10px;
    }
    .content {
        padding: 0;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .block {
        padding: 10px;
    }
    .input-daterange {
        margin-left: 0;
    }
    .main-footer {
        margin-left: 0;
    }
    .main-sidebar .brand-link {
        padding: 0 15px;
    }
    .main-sidebar {
        display: flex;
        position: fixed;
        top: 0;
        z-index: 1050;
        left: 220px;
        width: 0;
        height: 100%;
        margin-left: -220px;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        -webkit-transition: width 0.5s ease;
        -moz-transition: width 0.5s ease;
        -o-transition: width 0.5s ease;
        transition: width 0.5s ease;
    }
    .main-sidebar .brand-image {
        max-width: 190px;
    }
    .main-sidebar .user {
        padding: 10px;
        margin: 0 15px 30px 15px;
    }
    .main-sidebar .sidebar .nav-header {
        font-size: 18px;
        padding: 0 15px;
    }
    .main-sidebar .nav-sidebar .nav-link {
        padding: 10px 15px;
    }
    .main-header .navbar-left {
        display: none;
    }
    .content-header {
        display: block;
        margin-bottom: 20px;
    }
    .content-header .btn-add {
        display: inline-block;
        margin: 0;
    }
    .content-header .btn {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .content-header .btn-primary {
        margin: 0 2px 5px 0;
    }
    .content-header .info-wrap {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .content-header .info {
        font-size: 16px;
    }
    .content-wrapper .form-control:disabled {
        padding-left: 0;
    }
    .content-wrapper .form-inline {
        margin-bottom: 5px;
    }
    .input-daterange .form-control {
        max-width: 90px;
    }
    .input-daterange .form-control {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .point .btn {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .search.search-map {
        width: 360px;
    }
    .content-header .legend > div {
        margin: 0 15px 0 0;
    }
    .content-header .content-options .tail > span {
        display: none;
    }
    .content-header .content-options .tail .dropdown  {
        margin: 0 2px 5px 0;
    }
    .search {
        margin-bottom: 20px;
    }
    .search:before {
        font-size: 15px;
    }
    .search input {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .search .input-group-append {
        height: calc(1.5em + 0.5rem + 2px);
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .filter {
        margin: 0 15px 15px 0;
    }
    .filter i {
        font-size: 15px;
    }
    .content-header .content-options {
        margin: 0 0 15px 0;
    }
    .content-header .content-options .tail > span {
        font-size: 14px;
        margin-right: 15px;
    }
    .tab-body {
        padding: 20px 0;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .content-wrapper .nav-tabs {
        margin-top: 0;
        margin-bottom: 7px;
    }
    .content-wrapper .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        box-shadow: none!important;
    }
    .content-wrapper .nav-tabs .nav-link {
        font-size: 14px;
        padding: 8px 12px;
    }
    .content-wrapper .nav-tabs .nav-item .nav-link {
        padding-left: 0;
    }

    .table th,
    .table td {
        font-size: 14px;
        padding: 2px 8px;
    }
    .table-mobile-wrap.table-responsive {
        overflow: visible;
    }
    .table-mobile {
        border: none;
    }
    .table-mobile .icon-add-photo {
    font-size: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
    .table-mobile,
    .table-mobile thead,
    .table-mobile tbody,
    .table-mobile th,
    .table-mobile td,
    .table-mobile tr {
        display: block;
    }
    table.table-mobile thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        border: 1px solid #ccc;
    }
    table.table-mobile tbody:before {
        content: "";
    }
    table.table-mobile tr {
        border: none;
    }
    table.table-mobile>tbody>tr {
        padding: 5px 0;
        margin-bottom: 20px;
        box-shadow: 0 2px 15px #e5e5e5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
    table.table-mobile>tbody>tr>td {
        border: none;
        position: relative;
        padding-left: 50%;
        min-height: 25px;
    }
    table.table-mobile>tbody>tr>td br {
        display: none;
    }
    table.table-mobile td:before {
        content: attr(data-mtitle);
        position: absolute;
        top: 50%;
        left: 10px;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: 'Roboto', sans-serif;
    }
    table.table-mobile>tbody>tr>td:last-child {
        border: none;
        padding: 12px;
        /*overflow: hidden;*/
        display: flex;
        justify-content: space-between;
    }
    table.table-mobile .dropdown-table-dot{
        display: inline-block;
    }
    table.table-mobile .dropdown-table .btn-dropdown {
        font-size: 14px;
    }
    table.table-mobile .dropdown-table-dot .btn-dropdown {
        display: inline-block;
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 14px;
        line-height: 1.5;
        background: #ffffff;
        color: #009A61;
        border-color: #009A61;
    }
    table.table-mobile .btn-dropdown .icon-menu {
        display: none;
    }
    table.table-mobile .m-btn-name {
        display: inline-block;
        margin-right: 0;
    }
    table.table-mobile .m-btn-link {
        display: inline-block;
        margin-right: 10px;
    }
    .order-img {
         width: auto;
         height: auto;
    }
    .content-header .date-update {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .content-wrapper h3 {
        font-size: 18px;
    }
    .content-wrapper .select-list {
        font-size: 16px;
    }
    .block .services-order {
        font-size: 14px;
    }
    .block .services-list {
        font-size: 14px;
    }
    .tab-cell {
        padding: 0 5px;
    }
    .slider-point {
        margin: 0;
        position: absolute!important;
        visibility: hidden;
        overflow: hidden;
    }
    .wheelbase .axle-single .axle-delimeter {
        max-width: 238px;
    }
    .wheelbase .axle .wheel {
        width: 50px;
        height: 125px;
        flex: 0 0 50px;
    }
    .wheelbase .axle .wheel-spare {
        width: 125px;
        height: 60px;
        flex: 0 0 125px;
    }
}

@media (max-width: 575px) {
    .entrance .right {
        display: block;
        text-align: center;
        height: 100%;
    }
    .entrance .right .login-box {
        margin: 15% auto 0 auto;
    }
    .entrance .right .head {
        display: flex;
        justify-content: space-between;
        height: 60px;
        align-items: center;
    }
    .entrance .right .logo-m {
        margin: 15px;
    }
    .entrance .right .phone {
        position: static;
        font-size: 22px;
    }
    .login-box {
        max-width: 320px;
    }
    .login-box .login-header h1 {
        font-size: 26px;
    }
    .login-box .login-body {
        padding: 30px;
    }
    .login-box .login-body .nav-tabs {
        justify-content: space-between;
    }
    .login-box .login-body .nav-tabs .nav-link {
        font-size: 16px;
    }
    .login-box .login-heading {
        font-size: 22px;
    }
    .overlay {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255, 255, 255, .8);
        z-index: 10;
    }
    #wrapper.toggled {
        overflow: hidden;
    }
    #wrapper.toggled .main {
        position: absolute;
        margin-left: 220px;
        -webkit-transition: margin-left 0.5s ease;
        -moz-transition: margin-left 0.5s ease;
        -o-transition: margin-left 0.5s ease;
        transition: margin-left 0.5s ease;
    }
    #wrapper.toggled .main-sidebar {
        width: 220px;
    }
    .main-header {
        padding: 10px;
        align-items: center;
        margin-left: 0;
        box-shadow: 0 2px 15px #e5e5e5;
    }
    .main-header .nav-m {
        display: block;
        position: relative;
        z-index: 99;
    }
    .notifications-menu .dropdown-menu {
        min-width: 300px;
    }
    .content-wrapper {
        padding: 0 15px;
        margin-left: 0;
    }
    .content {
        padding: 0;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .block {
        padding: 10px;
    }
    .input-daterange {
        margin-left: 0;
    }
    .main-footer {
        margin-left: 0;
    }
    .main-sidebar .brand-link {
        padding: 0 15px;
        margin-bottom: 20px;
    }
    .main-sidebar {
        display: flex;
        position: fixed;
        top: 0;
        z-index: 1050;
        left: 220px;
        width: 0;
        height: 100%;
        margin-left: -220px;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        -webkit-transition: width 0.5s ease;
        -moz-transition: width 0.5s ease;
        -o-transition: width 0.5s ease;
        transition: width 0.5s ease;
    }
    .main-sidebar .brand-image {
        max-width: 190px;
    }
    .main-sidebar .user {
        padding: 10px;
        margin: 0 10px 20px 10px;
    }
    .main-sidebar .sidebar .nav-header {
        font-size: 18px;
        padding: 0 15px;
    }
    .main-sidebar .nav-sidebar .nav-link {
        padding: 8px 12px;
        font-size: 15px;
    }
    .main-header .navbar-left {
        display: none;
    }
    .main-header .navbar-right .nav-link {
        font-size: 16px;
        line-height: 16px;
    }
    .content-header {
        display: block;
        margin-bottom: 20px;
    }
    .content-header .btn-add {
        display: inline-block;
        margin: 0;
    }
    .content-header .btn {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .content-header .btn-primary {
        margin: 0 2px 5px 0;
    }
    .content-header .info-wrap {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .content-header .info {
        font-size: 16px;
    }
    .content-header .content-options {
        margin: 0 0 15px 0;
    }
    .content-header .content-options .tail > span {
        display: none;
    }
    .content-header .content-options .tail .dropdown  {
        margin: 0 2px 5px 0;
    }
    .content-header .content-options .tail .btn {
        margin-right: 15px;
    }
    .content-wrapper .form-control:disabled {
        padding-left: 0;
    }
    .content-wrapper .form-inline {
        margin-bottom: 5px;
    }
    .content-wrapper .form-inline label {
        margin-bottom: 0;
    }
    .input-daterange .form-control {
        max-width: 90px;
    }
    .input-daterange .form-control {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .m-breadcrumb {
        display: block;
        padding-top: 10px;
    }
    .back {
        display: flex;
        margin-bottom: 10px;
    }
    .point .btn {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .point .add-btn {
        position: static;
        margin-bottom: 15px;
    }
    .point {
        font-size: 14px;
    }
    .point .head .name {
        font-size: 18px;
    }
    .content-wrapper .btns {
        text-align: left;
        margin-bottom: 15px;
    }
    .dropdown-menu {
        font-size: 14px;
    }
    .search {
        margin-bottom: 20px;
    }
    .search.search-map {
        width: auto;
    }
    .search:before {
        font-size: 15px;
    }
    .search input {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .search .input-group-append {
        height: calc(1.5em + 0.5rem + 2px);
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .content-header .legend > div {
        margin: 0 10px 10px 0;
    }
    .content-header .legend .form-check-label {
        font-size: 12px;
    }
    .filter .dropdown-menu .filter-body h4 {
        font-size: 14px;
    }
    .filter {
        display: inline-block;
        margin: 0 15px 15px 0;
    }
    .filter .btn span {
        display: none;
    }
    .filter i {
        font-size: 15px;
        margin-right: 0;
    }
    .tab-body {
        padding: 20px 0;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .content-wrapper .nav-tabs {
        margin-top: 0;
        margin-bottom: 7px;
    }
    .content-wrapper .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        box-shadow: none!important;
    }
    .content-wrapper  .nav-tabs .nav-link {
        font-size: 14px;
        padding: 8px 12px;
    }
    .content-wrapper .nav-tabs .nav-item .nav-link {
        padding-left: 0;
    }
    .login-box .nav-tabs .nav-link {
        font-size: 16px;
    }
    .table th,
    .table td {
        font-size: 12px;
        padding: 2px 8px;
    }
    .table-mobile-wrap.table-responsive {
        overflow: visible;
    }
    .table-mobile {
        border: none;
    }
    .table-mobile .icon-add-photo {
    font-size: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

    .table-mobile,
    .table-mobile thead,
    .table-mobile tbody,
    .table-mobile th,
    .table-mobile td,
    .table-mobile tr {
        display: block;
    }
    table.table-mobile thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        border: 1px solid #ccc;
    }
    table.table-mobile tbody:before {
        content: "";
    }
    table.table-mobile tr {
        border: none;
    }
    table.table-mobile>tbody>tr {
        padding: 5px 0;
        margin-bottom: 20px;
        box-shadow: 0 2px 15px #e5e5e5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
    table.table-mobile>tbody>tr>td {
        border: none;
        position: relative;
        padding-left: 50%;
        min-height: 22px;
    }
    table.table-mobile>tbody>tr>td br {
        display: none;
    }
    table.table-mobile td:before {
        content: attr(data-mtitle);
        position: absolute;
        top: 50%;
        left: 10px;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: 'Roboto', sans-serif;
    }
    table.table-mobile>tbody>tr>td:last-child {
        border: none;
        padding: 12px;
        /*overflow: hidden;*/
        display: flex;
        justify-content: space-between;
    }
    table.table-mobile .dropdown-table-dot{
        display: inline-block;
    }
    table.table-mobile .dropdown-table .btn-dropdown {
        font-size: 14px;
    }
    table.table-mobile .dropdown-table-dot .btn-dropdown {
        display: inline-block;
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 14px;
        line-height: 1.5;
        background: #ffffff;
        color: #009A61;
        border-color: #009A61;
    }
    table.table-mobile .btn-dropdown .icon-menu {
        display: none;
    }
    table.table-mobile .m-btn-name {
        display: inline-block;
        margin-right: 0;
    }
    table.table-mobile .m-btn-link {
        display: inline-block;
        margin-right: 10px;
    }
    .order-img {
        width: auto;
        height: auto;
    }
    .content-header .date-update {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .content-wrapper h3 {
        font-size: 18px;
    }
    .content-wrapper h4 {
        font-size: 18px;
    }
    .content-wrapper .select-list {
        font-size: 16px;
    }
    .block .services-order {
        font-size: 14px;
    }
    .block .services-list {
        font-size: 14px;
    }
    .stat .stat-head h4 {
        font-size: 14px;
    }
    .stat .stat-head h4 i {
        font-size: 16px;
    }
    .stat .dropdown-block .btn {
        font-size: 14px;
    }
    .stat .dropdown-block i {
        font-size: 10px;
    }
    .stat-section h5 {
        font-size: 24px;
    }
    .stat .total {
        font-size: 24px;
    }
    .stat h6 {
        font-size: 14px;
    }
    .stat .sub-total {
        font-size: 18px;
    }
    .tab-cell {
        padding: 0 5px;
    }
    .slider-point {
        margin: 0;
        position: absolute!important;
        visibility: hidden;
        overflow: hidden;
    }
    .wheelbase .axle-single .axle-delimeter {
        max-width: 238px;
    }
    .wheelbase .axle .wheel {
        width: 50px;
        height: 125px;
        flex: 0 0 50px;
    }
    .wheelbase .axle .wheel-spare {
        width: 125px;
        height: 60px;
        flex: 0 0 125px;
    }
}