/*

* Override Pages default styles or create your own styles here

*/

.quadrat {
    -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
    -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
    -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
    animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes NAME-YOUR-ANIMATION {
    0%, 49% {
        background-color: rgb(117, 209, 63);
        border: 3px solid #e50000;
    }
    50%, 100% {
        background-color: #e50000;
        border: 3px solid rgb(117, 209, 63);
    }
}

#specification_table_name_wrapper {
    overflow: auto;
    max-height: 750px;
    height: 100%;
}

#div_tbl_my_dog1 #mainLoad .loaderProgress {
    margin-top:100px;
}

#block_to_modal_payed .modal-content {
    overflow:initial!important;
}
#block_to_modal_reqact .modal-content {
    overflow:initial!important;
}

.qms-calendar-wrapper tbody tr:hover {
    background-color: #599f8a;
    color:#fff;
}
.day-name {
    font-size:10px;
    text-align:center;
}

.qms1-free:hover {
    background-color: #599f8a;
}

.qms1-free {
    background-color: #006c4c;
    border:2px solid #fff;
    cursor:pointer;
    width:20px;
    border-radius:5px;
}

.qms1-closed {
    background-color: #ccc;
    border:2px solid #fff;
    width:20px;
    border-radius:5px;
}

.qms1-reserved {
    background-color: #7c1b25;
    border:2px solid #fff;
    width:20px;
    border-radius:5px;
}

.start-day-time {
    font-size:10px;width:2%;
}

.warn_required {
    color: #fff;
}
.warn_required::placeholder { /* Most modern browsers support this now. */
    color: #fff;

}
input.warn_required:focus {
    background: #fff!important;
    color: #006C4C;
    border:1px solid #006C4C!important;
}
input.warn_required:focus::placeholder {
    color: #006C4C!important;
}
.warn_required:focus::placeholder, .warn_required::placeholder:focus { /* Most modern browsers support this now. */
    color: #fff;
}

input[type=date].warn_required:focus::-webkit-datetime-edit {
    color: #006C4C!important;
}

input[type=date].warn_required:invalid::-webkit-datetime-edit {
    color: #fff;
}

.warn_required::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fff;
}

.modal-body .dataTables_wrapper .dataTables_filter {
    display:block!important;
}

#step2 .table.table-striped.table-bordered input, #step2 .table.table-striped.table-bordered select {
    background-color:#fff;
}

#step2 input.form-control , #step2 select.form-control  {
    width:initial;
}

#step2 .table.table-striped.table-bordered input.warn_required, #step2 .table.table-striped.table-bordered select.warn_required {
    border: 1px solid #7c1b25;
    background: #7c1b2599;
}

#dogovor_vidacha.table td, #dogovor_priem.table td, #step2 .tab-content .table-striped td, #step2 .tab-content .table-striped th {
    padding: 0.5rem 0.5rem;
    vertical-align: middle;
}

.modal-dialog .email-application .email-app-mail-content-detail {
    height: calc(var(--vh, 1vh)*55 - 4.5rem);
}

.modal-dialog .email-application {
    height: calc(var(--vh, 1vh)*55 - 4.55rem);
}

.my_acts_trigger text {
    cursor:pointer;
}

.table.table-striped td text:hover {
    color: #006c4c;
    border-bottom:1px dotted #006c4c;
}
.table.table-striped td text {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.opened-email quote {
    margin: 10px;
    padding: 10px;
    background-color: #ddd;
    border-radius: 10px;
    color: #000;
    display: block;
}

/*
.table.table-striped td text:before {
	display: inline-block;
	position: relative;
	content: '\e869';
	font-size: 12px;
	font-family: feather;
	margin-right: 3px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.table.table-striped td text:hover:before {
	color: #006c4c;
	content: '\e869';
}*/

.progress {
    background: url(../img/line-csm-light.png) 0px 2px, linear-gradient(0deg, #eeeeee, #eeeeee 3px, transparent 3px, transparent 100%) !important;
    border-radius: 0px!important;
    height:12px!important;
}
.progress-bar {
    background: url(../img/line-csm-current.png) 0px 2px, linear-gradient(0deg, var(--primary), var(--primary) 3px, transparent 3px, transparent 100%) !important;
    border-radius: 0px!important;
    height:12px!important;
}

.reg_step1.activated_windowbox {
    overflow: auto;
    padding-bottom:20px;
}

.cust-height-button {
    height:37px;
}

.jumbotron h1.large-demo-text{
    font-size: 150px;
}
.row.content-header-wrapper.godmode .col-12:after {
    background-color: #f55252;
}
.row.content-header-wrapper.godmode .btn-primary {
    background-color: #f55252;
    border-color: #f55252!important;
}
.row.content-header-wrapper.godmode .border-primary {
    border-color: #f55252!important;
}
.row.content-header-wrapper.godmode .text-primary {
    color: #f55252!important;
}
.row.content-header-wrapper.godmode svg path {
    stroke: #f55252!important;
}
.icon-text-search{
    font-size: 42px;
    width: 150%;
}
.disabled-button {
    display:none!important;
    z-index:-10;
    opacity:0;
}
.maxwindow {
    max-width:900px;
}
#tbl_price.table th, #tbl_price.table td, #tbl_emp.table th, #tbl_emp.table td, #tbl_price_at.table th, #tbl_price_at.table td, #tbl_price_k1.table th, #tbl_price_k1.table td, #tbl_price_k2.table th, #tbl_price_k2.table td {
    padding: 0.5rem;
}
#tbl_price.table td, #tbl_price_k2.table td, #tbl_price_k1.table td, #tbl_price_at.table td, #tbl_emp.table td {
    font-size:12px!important;
}
#container {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y:auto;
}
.dataTables_wrapper .dt-buttons {
    display:none;
}
#tbl_myhistory_wrapper.dataTables_wrapper .dt-buttons.btn-group {
    display:block;
}
.btn-group > .btn.dt-button:not(:first-child), .btn-group > .btn-group:not(:first-child) {
    margin-left: -4px;
}
#tbl_my_dog_filter, #tbls_filter, #tbl_my_filter {
    display:none;
}
.apexcharts-xaxistooltip {
    color:#000!important;
    background: #fff!important;
}
.apexcharts-tooltip.light {
    color:#000!important;
    background: #fff!important;
}
.svg {
    margin-bottom:10px;
    fill-opacity: 0.5;
}
.svg_nobg {
    margin-bottom:10px;
    fill-opacity: 0.5;
}
.svg_nobg path {
    stroke: rgba(0, 108, 76, 0.55);
    fill-opacity: 0.5;
}
.selected .svg_nobg path {
    stroke:#006C4C;
    stroke-opacity: 1;
    fill-opacity: 1;
}
li:hover .svg_nobg path {
    stroke:#006C4C;
    stroke-opacity: 1;
    fill-opacity: 1;
}

.preload_block {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 5;
	opacity: 1;
}
.preload_block .indicatorLoader {
	position:relative;
	width:100%;
	height:100%;
	background-color: #fff;
	padding:20px;
	top:initial;
	left:initial;
	z-index:9999999;
	opacity:1;
}
.preload_block .loaderProgress {
	margin-top: 10%;
}
#div_tbl_my_ac, #tbl_my_dog1 {
	position:relative;
}
.box_pay_page .position-absolute .t-as.selected {
	padding-right:200px!important;
}
.box_pay_page .position-absolute .t-fb.selected {
	padding-right:200px!important;
}
.box_pay_page .position-absolute .t-fb.sels,.box_pay_page .position-absolute .t-as.sels,.box_pay_page .position-absolute .t-as.sel {
	padding-right:200px!important;
}
.app-sidebar .navigation .menu_item .badge.badge-pill {
	top: 12px;
	right: 10px;
}
.btn-draft-order .notification {
    top: -5px!important;
    right: -15px;
    left:initial!important;
}
.t-fb.selected .sub_button {
	display: block;
	position: absolute;
	top: 2px;
	right: 5px;
}
.t-as, .t-fb {
	position: relative;
}
.t-as.sels .sub_button_as, .t-as.sel .sub_button_as {
	display: block;
	position: absolute;
	top: 2px;
	right: 5px;
}
.t-as.selected .sub_button_as {
	display: block;
	position: absolute;
	top: 2px;
	right: 5px;
}
.sub_button_as {
	display:none;
}
.sub_button {
	display:none;
}

.inner-table-gotov:hover, .table-striped tr.inner-table-gotov.odd:hover, .my_order_trigger:hover, .table-striped tr.my_order_trigger.odd:hover, .my_si_trigger:hover, .table-striped tr.my_si_trigger.odd:hover, .my_pribor_trigger:hover, .table-striped tr.my_pribor_trigger.odd:hover, .my_mess_trigger:hover, .table-striped tr.my_mess_trigger.odd:hover {
    /*background-color: rgba(0, 108, 76, 0.12);*/
    background-color: rgb(0 0 0 / 9%);
    cursor:pointer;
}

.svg path {
    fill: rgba(0, 108, 76, 0.55);
    fill-opacity: 0.5;
}
.gu-mirror {
    z-index:5;
}
.draggable {
    cursor: grab; }
.gu-unselectable .draggable {
    cursor: grabbing; }

.draggable-move {
    cursor: move; }
.gu-unselectable .draggable-move {
    cursor: move; }

#multiple-list-group-a,
#multiple-list-group-b {
    min-height: 5.714rem; }

#dd-with-handle .list-group {
    min-height: 5.714rem; }
#dd-with-handle .list-group .handle {
    padding: 2px 6px 0;
    margin-right: 10px;
    background-color: #eee;
    font-size: 1.2rem; }
.selected .svg path {
    fill:#006C4C;
    fill-opacity: 1;
}

li:hover .svg path {
    fill:#006C4C;
    fill-opacity: 1;
}

.box {
    position: absolute;
    left: 150%;
    /*max-width: 1280px;*/
    width:100%;
    display:none;
}

.activated_page {
    left:0%;
    display:block;
}

.activated_page .content-wrapper {
    padding: 0 30px;
    padding-bottom: 50px!important;
}

.menu_top {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background-color:#fff;
    box-shadow: 2px 0px 14px 0px #ccc;
    z-index:4;
}
/*
.menu_left {
	position:fixed;
	left:0;
	top:50px;
	height:100%;
	width:92px;
	background-color:#fff;
	box-shadow: 0px 4px 14px #ccc;
	z-index:1;
}
 */
.view-port {
    margin-left: 96px;
    margin-top: 56px;
    max-width:500px;
    width:100%;
}
.test-inner-content {
    background-color:#ECECEC;
    height:100%;
    padding-left:98px;
    padding-top: 60px;
}
.menu_left .list-view .menu_item {
    height:50px;

}
.dataTables_filter {
    display:none;
}
.list-view-other ul li {
    cursor: pointer;
    padding: 10px;
    text-align: center;
    border-left:2px solid #fff;
    padding-top:15px;
    padding-bottom:15px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: normal;
}
.list-view-other ul li img {
    margin-bottom:10px;
}
.list-view-other ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-content {
    max-height: 324px;
}
.menu_item.selected, .selected#settings_block {
    background-color:#D9D9D9;
    border-left:2px solid #006C4C;
    color: #006C4C;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: normal;
}

.menu_item.selected, .selected#contacts_block {
    background-color: #D9D9D9;
    border-left: 2px solid #006C4C;
    color: #006C4C;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: normal;
}

.menu_item:hover {
    background-color:#d9d9d99c;
    border-left:2px solid #006C4C;
    color: #006C4C;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
}


/* лоадинг спиннер */
.main-item {
    background-color: #fff;
}

.background-masker {
    background-color: #fff;
    position: absolute;
}

.btn-divide-left {
    top: 0;
    left: 25%;
    height: 100%;
    width: 5%;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -800px 0
    }
    100% {
        background-position: 800px 0
    }
}

.animated-background {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-color: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 70px;
    position: relative;
}

.static-background {
    background-color: #f6f7f8;
    background-size: 800px 104px;
    height: 70px;
    position: relative;
    margin-bottom: 20px;
}

.shared-dom {
    width: 800px;
    height: 110px;
}
.sub-rect {
    border-radius: 100%;
    width: 70px;
    height: 70px;
    float: left;
    margin: 20px 20px 20px 0;
}
.pure-background {
    background-color: #eee;
}

.css-dom:empty {
    width: 100%;
    height: 220px;
    border-radius: 6px;
    box-shadow: 0 10px 45px rgba(0, 0, 0, .2);
    background-repeat: no-repeat;

    background-image:
            radial-gradient(circle 16px, lightgray 99%, transparent 0),
            linear-gradient(lightgray, lightgray),
            linear-gradient(lightgray, lightgray),
            linear-gradient(lightgray, lightgray),
            linear-gradient(lightgray, lightgray),
            linear-gradient(#fff, #fff);

    background-size:
            32px 32px,
            200px 32px,
            180px 32px,
            230px 16px,
            100% 40px,
            100% 100%;

    background-position:
            24px 30px,
            66px 30px,
            24px 90px,
            24px 142px,
            0 180px,
            0 0;
}

#sendsi .dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: flex-start;
}

.toast-container > div {
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90);
    border-radius: 0.35rem;
    border: none;
    box-shadow: -8px 8px 14px 0 rgba(25, 42, 70, 0.11); }

.toast-top-full-width > div,
.toast-bottom-full-width > div {
    max-width: 100%; }

.toast {
    background-color: #975AFF; }

.toast-success {
    background-color: #40C057; }

.toast-error {
    background-color: #F55252; }

.toast-info {
    background-color: #2F8BE6; }

.toast-warning {
    background-color: #F77E17; }

.card-content .alert-secondary {
    border:0px;
    background-color: unset!important;
    color:#006c4c!important;
}
.card-content .alert-secondary.alert .alert-icon-left {
    border-left: 10px solid #006c4c;
    margin-left: 0px;
    margin-right: 10px;
}

.card-content .alert-secondary:before, .card-content .alert-secondary:after {
    content: '';
    width: 2px;
    height: 15px;
    background-color: #006c4c;
    display: block;
}
.line-rst-primary {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 14px;
    background: url(../img/line-csm1.png) 0px 3px, linear-gradient(180deg, var(--primary), var(--primary) 3px, transparent 3px, transparent 100%);
    background-repeat-y: no-repeat;
    transform: rotate(180deg);
}
.line-rst-gray {
    display:none;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 12px;
    background: url(../img/line-csm2.png) 0px 3px, linear-gradient(180deg, var(--gray), var(--gray) 3px, transparent 3px, transparent 100%);
    background-repeat-y: no-repeat;
    transform: rotate(180deg);
}
.line-rst-title {
    position: absolute;
    right: 6px;
    bottom: -8px;
    left: 0px;
    height: 22px;
    background: url(../img/line-rst.png);
    /* background-repeat-y: no-repeat; */
    transform: rotate(180deg);
    background-repeat-x: no-repeat;
}
#load_who.show {
    display:block;
}
.rst {
    position:absolute;
    right:0px;
    bottom:0px;
    top:0px;
    left: 0px;
    margin-left:40px;
    transform: rotate(180deg);
    background-color:#e0e0e0;
}
.registration-bg {
    z-index:1;
}
.reg_step1,.reg_step2,.reg_step3 {
    z-index:0;
    position:absolute;
    width:100%;
    right:0px;
    display:none;
    background-color:#fff;
    height:100%;
    opacity:0;
}
.reg_step1,.reg_step2,.reg_step3 {
    left:150%;
}
.activated_windowbox {
    display:block;
    left:0%;
    opacity:1;
}
.reg_step2 {
    overflow: auto;
}

.needs-validation.form .invalid-tooltip {
    position:relative;
}
/*
#priemsi.page-in-table {
	max-height:500px;
	overflow:hidden;
}*/
table .stat {
    text-wrap: nowrap;
}

.btn .badge {
    position: absolute;
    top: -2px;
    left: 30px;
}
.topmenu .dropdown-toggle::after {
    display:none;
}
.navbar {
    position: absolute;
    left: -85px;
    top: 40px;
    margin-left: 0px!important;
}
.navbar .navbar-nav {
    top:-25px!important;
}
.notification-dropdown {
    position:relative;
}
.pagination {
    justify-content: left!important;
}
.warn_required {
    border: 1px solid #7c1b25;
    background: #7c1b2599;
}
.nobordertable .dataTables_info {
    margin-left:20px!important;
    margin-right:20px!important;
}
.nobordertable .dataTables_paginate {
    margin-left:20px!important;
    margin-right:20px!important;
    margin-bottom:20px!important;
}
#tbl_myhistory_length, #tbl_mydog1_length , #tbl_my_info_length, #tbls_length, #tbl_my_length {
    display:block!important;
    margin-left: 20px!important;
    margin-right: 20px!important;
    margin-bottom:10px;
}
.nobordertable .dataTable {
    margin-top:0px!important;
    border-left:0px!important;
    border-right:0px!important;
}
.nobordertable .dataTables_scrollHeadInner {
    background-color: #a8a8a8;
}
/* Стили для скролла */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.onlymobile {
    display:none;
}
.nomobile {
    display:block;
}
.box_order_page .form-control, .box_documents_page .form-control, .box_history_page .form-control, .box_price_page .form-control, .box_support_page .form-control {
    background-color: #F7F7F7!important;
}
.body.Dtabl {
    display:none!important;
}
.dataTables_length {
    display:none!important;
}
.indicatorLoader {
    position:fixed;
    width:100%;
    height:100%;
    background-color: #fff;
    padding:20px;
    top:0;
    left:0;
    z-index:9999999;
    display:none;
    opacity:0;
}
.progressLogo {
    margin-top:20px;
    margin-bottom:20px;
    max-width:250px;
    padding:20px;
}
.activatedMainLoad {
    display:block;
    opacity:1;
}
.loaderProgress {
    margin-top: 20%;
}
.dataTables_wrapper.dt-bootstrap4 .row {
    margin-left: 0px!important;
    margin-right:0px!important;
}
.dataTables_wrapper.dt-bootstrap4 .row .col-12, .dataTables_wrapper.dt-bootstrap4 .row .col-sm-12{
    padding-left:0px!important;
    padding-right:0px!important;
}
.menubottom {
    display:none;
}
.openother {
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    z-index:19;
    display:none;
}
.radio label {
    position: relative;
    display: inline-block!important;
}
.radio label::after {
    top:4px!important;
}
.radio label::before {
    content: "";
    border: 1px solid #006C4C;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
    display: inline-block!important;
    vertical-align: middle!important;
}
.table-responsive .header-h3 {
    margin-top:40px;
}
.box_order_page .custom-checkbox input.custom-control-input ~ .custom-control-label:before, .box_order_page .custom-control-label::after {
    width: 2rem!important;
    height: 2rem!important;
}

.wizard > .steps > ul > li:before {
    content: '';
    z-index: 9;
    top: 43px;
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: -1px;
    height: 12px;
    background: url(../img/line-csm-current.png) 0px 3px, linear-gradient(180deg, var(--primary), var(--primary) 3px, transparent 3px, transparent 100%);
    background-repeat-y: no-repeat;
    transform: rotate(180deg);
}
.wizard > .steps > ul > li:after {
    content: '';
    position: absolute;
    z-index: 9;
    right: 0;
    top: 43px;
    width: 50%;
    height: 12px;
    bottom: 0;
    background: url(../img/line-csm-current.png) 0px 3px, linear-gradient(180deg, var(--primary), var(--primary) 3px, transparent 3px, transparent 100%);
    background-repeat-y: no-repeat;
    transform: rotate(180deg);
}

.wizard > .steps > ul > li.current ~ li:before, .wizard > .steps > ul > li.current ~ li:after {
    background: url(../img/line-csm-light.png) 0px 3px, linear-gradient(180deg, #eeeeee, #eeeeee 3px, transparent 3px, transparent 100%);
}
.wizard > .steps > ul > li.current:after {
    background: url(../img/line-csm-light.png) 0px 3px, linear-gradient(180deg, #eeeeee, #eeeeee 3px, transparent 3px, transparent 100%);
}
.wizard > .steps > ul > li.current:after {
    background-color:#ccc0!important;
}
#block_to_modal_priem, #block_to_modal_vidacha {
    overflow-y:auto;
}
.bmd-form-group .form-group {
    margin-top:10px;
}

@media (max-width: 1600px) {
    .minwidth {
        display: inline-flex!important;
        flex-wrap: wrap;
    }

    .minwidth a {
        display: block;
        width:100%;
        margin:2px;
    }
    .uraltest-wrap {
        display:none!important;
    }
}
@media (max-width: 1400px) {
    .header-name {
        display: none!important;
    }
}
@media (max-width: 1024px) {
    .header-name {
        display: none!important;
    }
    table.dataTable.table-striped tbody tr td, table.dataTable.table-striped thead tr th {
        border-top: 0;
        text-wrap: nowrap!important;
        white-space: nowrap!important;
    }
}

@media (max-width: 912px) {
    .reg_step1,.reg_step2,.reg_step3 {
        position: relative;
    }

    .pagination {
        /*overflow:auto;*/
        justify-content: left!important;
    }
    .auth-right-box {
        margin-top:5px!important;
        margin-bottom:5px!important;
    }
    .recovery-box {
        margin-top:5px!important;
        margin-bottom:5px!important;
    }
    .navbar {
        position: absolute;
        left: -150px;
    }
    .modal {
        overflow-y: auto!important;
    }
    .onlymobile {
        display: block;
    }

    .nomobile {
        display: none;
    }
}

@media (max-width: 540px) {
    .email-application .email-app-mail-content {
        left:0px!important;
    }
    .email-application .email-app-mail-content .email-app-mail-content-detail {
        height: calc(var(--vh, 1vh)*55 - 7.5rem) !important;
    }
    .box_openother svg {
        height:40px!important;
    }
    .menubottom {
        display:block;
    }
    .navbar {
        position: absolute;
        left: -330%;
    }
    .auth-img .lost-password-bg, .auth-img .registration-bg {
        margin:0px!important;
    }
    .box_openother.activated_page {
        display:block!important;
        padding-top:80px;
    }
    .icons-tab-steps .body {
        padding:0px!important;
        margin:0px!important;
    }
    .box_order_page .custom-checkbox input.custom-control-input ~ .custom-control-label:before,
    .box_order_page .custom-control-label::after {
        width: 1.2rem!important;
        height: 1.2rem!important;
    }
    .box_order_page .custom-control-label {
        padding-top:1px!important;
        font-size:12px!important;
        padding-left:5px!important;
    }
    .box_order_page .custom-control {
        padding-top:5px;
        padding-bottom:5px;
        padding-left: 1.8rem;
    }
    .getorderpribor .header-h3 h3 {
        font-size:14px;
    }
    .getorderpribor .table-striped td, .getorderpribor .table-striped th {
        font-size:12px;
    }
    #draggable-cards-si .table-striped tbody tr td, #draggable-cards-si .table-striped tbody tr th, #nav-tabContent thead tr td, #nav-tabContent thead tr th, .tableFixHead .table-striped tbody tr td, .tableFixHead .table-striped tbody tr td input, .tableFixHead .table-striped thead tr th, #all_res .table-striped tbody tr td, #all_res .table-striped thead tr th, .getorderpribor .table-striped tbody tr td, .getorderpribor .table-striped thead tr th {
        font-size: 12px!important;
        padding: 4px!important;
        vertical-align: middle!important;
    }
    /*
    .logo_uraltest {
        margin-left:0px!important;
    }*/
    table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
        font-size: 9px!important;
    }
    table.dataTable.table-striped tbody tr td, .getorderpribor .table-striped tbody tr td, .getorderpribor .table-striped tbody tr th {
        font-size: 12px!important;
        padding: 4px!important;
        vertical-align: middle!important;
        text-wrap: nowrap!important;
        padding-left:7px!important;
    }
    table.dataTable thead th[class*="sorting"]:not(.sorting_disabled):before {
        display:none!important;
    }
    table.dataTable thead th[class*="sorting"]:not(.sorting_disabled):after {
        display:none!important;
    }
    table.dataTable.table-striped thead tr th {
        font-size: 10px!important;
        padding: 5px!important;
        vertical-align: middle!important;
        text-wrap: nowrap;
    }
    .onlymobile {
        display:block;
    }
    .nomobile {
        display:none;
    }
    .btn-primary, .onlymobile .btn_update, .onlymobile .btn-draft-order, .toastsDefaultSuccess {
        font-size: 12px;
        line-height: 1;
    }
    .btn-light {
        font-size: 12px;
        line-height: normal;
    }
    .col-6 .btn.btn-primary {
        padding: 0.4rem 0.9rem;
    }
    .bg-light-secondary {
        font-size: 12px;
        line-height: normal;
    }
    .wrapper .content-header-wrapper .content-header {
        margin: 9px;
        font-size: 20px;
    }
    .content-header-wrapper .col-12.col-lg-12.col-sm-8.pt-1.pb-1 {
        padding: 5px 0px!important;
    }
    .paginate_button, .paginate_button a {
        font-size:10px;
    }
    #tbl_myhistory .btn-group .btn-mobiletext {
        min-width: 110px!important;
        font-size: 12px!important;
        overflow: hidden!important;
        width: 100%!important;
        text-wrap: wrap!important;
        white-space: nowrap!important;
    }
    .bottom-nav-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 20;
        justify-content: center;
        padding: 10px;
        border-top:1px solid #efefef;
    }
    .navbar-toggle.menu-toggle {
        display:none!important;
    }
    .bottom-nav-bar .list-view-other ul {
        place-content: center;
    }
    .bottom-nav-bar .list-view-other ul li svg path {

    }
    .bottom-nav-bar .list-view-other ul li.selected {
        background:none!important;
        border-left:0px!important;

    }
    .bottom-nav-bar .list-view-other ul li div:after {
        border-bottom:2px solid rgba(255, 255, 255, 0);
        width:30px;
        display:block;
        content:'';
        margin:0 auto;
    }
    .bottom-nav-bar .list-view-other ul li.selected div:after, .bottom-nav-bar .list-view-other ul li.hover div:after, .bottom-nav-bar .list-view-other ul li:hover div:after {
        border-bottom:2px solid #028f69;
        width:30px;
        display:block;
        content:'';
        margin:0 auto;
    }
    .bottom-nav-bar .list-view-other ul li.hover, .bottom-nav-bar .list-view-other ul li:hover {
        background:none!important;
        border-left:0px!important;
    }
    .bottom-nav-bar .list-view-other ul li.hover svg path, .bottom-nav-bar .list-view-other ul li:hover svg path {

    }
    .bottom-nav-bar .list-view-other ul li svg {
        width:30px!important;
        height:30px!important;
    }
    .bottom-nav-bar .list-view-other ul li.selected svg path {

    }
    .bottom-nav-bar .list-view-other ul li {
        width:100%;
        place-content: center!important;
        padding: 0!important;
        padding-left:0px!important;
        padding-right:0px!important;
        border-left: 0px!important;
        align-self: center;
    }
    .vertical-layout.navbar-sticky .main-panel {
        margin-bottom: 4.95rem;
    }
    .head-email {
        display:none;
    }
    .steps .current {
        display:block!important;
    }
    .steps .disabled, .steps .done {
        display:none!important;
    }
    .loaderProgress {
        margin-top: 60%;
    }
    .finish_order .p-4 {
        padding:1px!important;
    }
    .finish_order h3, #ratingForm h3 {
        font-size:14px;
    }
    .finish_order .send_to_1c_resp_text {
        padding-top:10px;
    }
    .activated_page .content-wrapper {
        padding: 0 30px;
        padding-bottom: 160px!important;
    }
    #custom-tabs-three-poverka .mr-3 {
        margin-right:3px!important;
    }
    .auth-page .wrapper {
        min-height: calc(100vh)!important;
    }
    form.form-bordered .form-group > div {
        padding: 0.2rem;
    }
    form.form-bordered .form-group > label.col-md-4 {
        padding-left:0.2px;
    }
    .href-mini a {
        font-size:12px;
    }
}
@media (max-width: 390px) {
    .navbar {
        position: absolute;
        left: -325%;
    }
}
@media (max-width: 280px) {
    .head-email {
        display:none;
    }
}