body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding-bottom: 20px;
}

.apps-container { margin-top: 20px; }
.no-wrap { white-space: nowrap; }
.hidden-on-load { display: none;}
.print-only { display: none !important; }
.text-bold { font-weight: bold; }
.text-bolder { font-weight: 600; }
.no-padding { padding: 0 !important; }

.btn:focus, .btn:active, .btn:active:focus { outline: 0 none;}
.btn-group > a.btn, .btn-group > a.btn:hover  { color: #fff; }

.lineHeight1_2 { line-height: 1.2rem; }

.login-modal { position: relative; top: 70px; right: auto; bottom: auto; left: auto; z-index: 1; display: block; }
.login-modal .modal-header { padding-top: 0; padding-bottom:0; /*background: #6c757d!important; */}
.login-modal .modal-header h4 { line-height: 3; color: #666;}
.login-modal .modal-header img { margin-top: -9px; margin-right: 10px; }

.alert p {
    margin-top: 0;
    margin-bottom: 0;
}

.navbar {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.nav-tabs--vertical a,
.navbar-light .navbar-nav .nav-link {
    color: #666;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.8);
}

.navbar-nav li.active a.nav-link {
    background-color: #f1f1f1;
}

.navbar .logo img {
    height: 40px;
}
.navbar .logo {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-nav i.fa {
    position: relative;
    top: 1px;
}

.navbar-nav i.fa-arrow-right {
    margin: 0 0.3rem;
    font-size: 0.9rem;
    opacity: 0.5;
    top: 0;
}

.nav-tabs--vertical {
    border-bottom: none;
    border-right: 1px solid #ddd;
    display: flex;
    flex-flow: column nowrap;
}
.nav-tabs--left {
    margin: 0 15px 0 0;
}
.nav-tabs--left .nav-item + .nav-item {
    margin-top: .25rem;
}
.nav-tabs--left .nav-link {
    transition: border-color .125s ease-in;
    white-space: nowrap;
}
.nav-tabs--left .nav-link:hover {
    background-color: #f7f7f7;
    border-color: transparent;
}
.nav-tabs--left .nav-link.active {
    border-bottom-color: #ddd;
    border-right-color: #fff;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    margin-right: -1px;
    color: #000;
}
.nav-tabs--left .nav-link.active:hover {
    background-color: #fff;
    border-color: #777 #fff #777 #777;
}

.tab-content {
    width: 100%;
}

.table td, .table th {
    vertical-align: middle;
}

.table-sm td, .table-sm th {
    padding: 0.15rem 0.3rem;
}

.table thead th {
    border-top: 0 none;
    vertical-align: middle;
}

.table button {
    min-width: 32px;
}

/*.table-sm tr td:first-of-type, .table-sm tr th:first-of-type {
    padding-left: 0.4rem;
}*/

textarea#globalInputadditionalActionsAllowedIPs {
    min-height: 135px;
}

textarea#branchEmails {
    min-height: 85px;
}

.cursor-pointer, .cursor-pointer:hover,
.order-actions a:hover {
    cursor: pointer;
}

.cursor-default, .cursor-default:hover {
    cursor: default;
}

.orders-list .dropdown > a {
    padding: 0;
}

.orders-list td div.order-created {
    padding-top: 0.25rem;
}

.orders-list td.order-taken div.order-ready,
.orders-list td.order-taken div.order-created {
    padding-top: 0;
}

.orders-list td.order-taken button {
    margin-top: 0.5rem;
}

.orders-list td .order-ready-date,
.orders-list td .order-taken-date {
    font-size: 14px;
    padding-top: 1px;
}

.orders-list td .order-ready-date span,
.orders-list td .order-taken-date span {
    font-size: 12px;
}

label.twoLinesLabel  {
    margin-top: -0.45rem;
    margin-bottom: -1.15rem;
    line-height: 1.1;
}

#borderModal form .form-group:last-of-type {
    margin-bottom: 0;
}

.subscribe-attachment-preview,
#borderModal a.select-border-image, #sheetModal a.select-sheet-image {
    position: relative;
}

.subscribe-attachment-preview .icon-zoom,
#borderModal a.select-border-preview .icon-zoom,
#sheetModal a.select-sheet-preview .icon-zoom,
#doorModal a.select-door-preview .icon-zoom {
    position: absolute;
    top: 5px;
    left: 20px;
    width: 40px;
    height: 40px;
}

#borderModal .img-thumbnail,
#sheetModal .img-thumbnail,
#doorModal .img-thumbnail {
    max-height: 120px;
}

.statistics-data table tr td { border-right: 1px solid #dee2e6; }
.statistics-data table tr td:last-of-type { border-right: 0 none; }
.statistics-data table tr th { min-width: 27px; font-size: 13px; font-weight: normal; padding: 0.3rem 0.1rem;}
.statistics-data table tr.clients-stat th { font-size: 16px;}
.statistics-data table td.stat-cell, .statistics-data table td.stat-cell { font-size: 0.8rem; }
.statistics-data .form-check-inline { margin: -16px 0 0 16px; }
.statistics-data .fa-external-link, .table-order-payment .fa-external-link { position: relative; top: 1px; color: #212529; margin-left: 5px; padding: 0 5px; }
.statistics-data .table-sm td { padding: 0.15rem 0.3rem; font-size: 0.9rem; }
.statistics-data tr.stats-total span { font-weight: bold; }
.statistics-data table tr:last-child td { border-bottom: 1px solid #dee2e6; }
.statistics-data table tr.no-bottom-borders td { border-bottom: 0 none !important; }

.userAvailableApps i { width: 20px; }
.userAvailableApps .userAvailableApp { padding-top: calc(.375rem + 1px); }
.userAvailableApps .userAvailableApp:last-child { margin-right: 0; }
.dropdown.navbar-current-app .nav-link { font-weight: 600; }
.userAvailableApps .userAvailableApp span[disabled] { color: #777;}
.userAvailableApps .userAvailableApp i { position: relative; top: 1px; }

.datepickerWrap .input-group-text {
    background: transparent;
}

.datepickerWrap .form-control[readonly] {
    background-color: #fff;
    outline: 0 none;
}

.uib-datepicker .btn-light,
.uib-datepicker .show>.btn-light.dropdown-toggle {
    background-color: transparent;
    border-color: transparent;
}

.uib-datepicker .btn-light:hover,
.uib-datepicker .show>.btn-light.dropdown-toggle:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.uib-daypicker { outline: 0 none;}

.datepickerWrap .input-group-text { background: transparent; }
.uib-button-bar { border-top: 1px solid rgba(0,0,0,.15);}

.table-subscribes-list th span i, .table-subscribes-list .fa-refresh, .fa-refresh { font-size: 22px; position: relative;  }
.fa-refresh { top: 2px; }
.fa-refresh.loading { animation:.75s linear infinite spinner-border; }

.table .bg-sending, .table-striped>tbody>tr:nth-of-type(odd).bg-sending { color: #fff; background-color: rgba(23, 162, 184, 0.75) !important; }
.table .bg-queued, .table-striped>tbody>tr:nth-of-type(odd).bg-queued { background-color: rgba(255, 193, 7, 0.35) !important; }
.table-subscribes-list, .subscribe-recipients-list, .subscribe-attachments-list, .table-sms-orders-ready, .table-order-payment { margin-top: -15px; }
.table-subscribes-list .subscribe-actions .btn,
    .table-subscribes-list .subscribe-status-actions .btn,
    .table-subscribes-list th .btn  { padding: .06rem .45rem .1rem .45rem;}
.table-subscribes-list .subscribe-actions { min-width: 80px; }
.table-subscribes-list .subscribe-status-actions { width: 1px; }
.table-subscribes-list th .btn { margin-right: 0.25rem; }
.table-subscribes-list th span i, .card-header .fa-refresh { top: 3px; }
.table-subscribes-list .fa-user { font-size: 20px; top: 2px; }
.table-subscribes-list th span i.fa-retweet { top: 2px; }
.card-subscribes .card-header, .card-sms-orders-ready .card-header, .card-order-payment .card-header  { font-weight: 600; }
.card-subscribes .card-body, .card-sms-orders-ready .card-body, .card-order-payment .card-body { padding: 1.25rem  0.75rem;}
.card-subscribes .card-header, .card-order-payment .card-header, .card-sms-orders-ready .card-header { padding: .25rem 0.85rem; }

.card-subscribes .card-header label, .card-sms-orders-ready .card-header label, .card-order-payment .card-header label { margin-top: 0.45rem; margin-bottom: -0.1rem;}
.card-subscribes .fa-rub, .card-sms-orders-ready .fa-rub { position: relative; top: 1px; margin-right: 15px; }
.fa-refresh, .card-subscribes .fa-rub, .card-sms-orders-ready .fa-rub, .deleteSubscribeRecipient, .deleteSubscribeAttachment { cursor: pointer; }
.card-header .fa-refresh { top: 0.6rem;  margin-right: 0.25rem; }
.card-subscribes .table > thead > tr > th, .card-subscribes .table > tbody > tr > td { vertical-align: middle; }

.importSubscribeRecipientsButton { margin-right: 15px; }
.importSubscribeRecipientsButton span, .importSubscribeAttachmentsButton span { margin-left: 0.5rem; }
.importSubscribeRecipientsButton i { font-size: 1rem ;}

#subscribeModal .modal-header h4 { width: 100%; }
#subscribeModal .modal-header .close { top: 2px; position: relative; }
#subscribeModal label small { font-weight: normal; }
#subscribeModal label[for="subscribeMessage"],
    #subscribeModal label[for="subscribeReportEmail"] { margin-top: -0.5rem; line-height: 1.2; }
#subscribeModal .table-sm td {  padding: .1rem 0.3rem; font-size: 0.85rem; }
#subscribeModal .table-sm th { font-size: 0.9rem; }
#subscribeModal h4 { margin: 0;  font-size: 1.25rem;}
.deleteSubscribeRecipient { margin-right: 0.25rem; }
.subscribe-recipients-list, .subscribe-attachments-list { max-height: 398px; overflow: auto; }
.subscribe-recipients-list .table, .subscribe-attachments-list .table { margin-bottom: 0; }
.subscribe-manager-info span { display: block; }

#subscribeModal.emailSubscribeModal .modal-body.emailSubscribeModalBody{ min-height: 560px; max-height: 660px; overflow: auto; }
#subscribeModal.smsSubscribeModal .modal-body.smsSubscribeModalBody{ max-height: 660px; overflow: auto; }

#subscribeModal.emailSubscribeModal .subscribe-recipients-list, .subscribe-attachments-list { max-height: 100%; }
#subscribeModal.emailSubscribeModal table .attachment-download { color: #212529; text-decoration: none !important; }
#subscribeModal.emailSubscribeModal table .attachment-download i { margin-right: 0.35rem; }
.subscribe-attachment-preview { margin: 0.25rem 0.75rem 0.25rem 0; display: inline-block; }
.subscribe-attachment-preview .img-thumbnail { height: 90px; max-width: 200px; width: auto; min-width: 50px; }
.subscribe-attachment-preview .icon-zoom { left: 5px; }

.table-sms-orders-ready td, .table-order-payment td  { font-size: 0.9rem}
table.table-order-payment  button { min-width: 24px; }
table.table-order-payment .btn-group-sm>.btn { padding: .25rem .125rem; font-size: .675rem; line-height: 0.3; }
table.table-order-payment td.btn-td { padding: 0.1rem 0.3rem; }

.note-editable,
.note-editor .note-editable p,
.note-editor .note-editable div { margin-bottom: 0; line-height: 22px !important; font-size: 16px; font-family: Arial, Helvetica, "Times New Roman", sans-serif; }
.card-header.note-toolbar { border-radius: 0.25rem 0.25rem 0 0; background: rgba(0,0,0,.03); }
.note-editor .note-editable a, .note-editor .note-editable a:hover { color: #0b6cda; text-decoration: underline; }
.note-btn-group .btn { border-color: #ddd; background-color: #fff; padding: .25rem .75rem; }
.note-btn-group .btn:hover {background-color: #e2e6ea; }
.note-btn-group.note-alignment .btn-group.note-list { display: none; }
.note-btn-group.note-alignment .btn-group.note-align { margin: 0 0.5rem; }

#subscribeModal .modal-header ul li a {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
}

table thead th.sortable {
    cursor: pointer;
    position: relative;
}

th.sortable::after {
    font-family: FontAwesome;
    content: "\f0dc";
    position: relative;
    color: #bbb;
    font-weight: 400;
    margin-left: 6px;
}

th.sortable:hover::after, th.sortable.asc::after , th.sortable.desc::after  { color: #333; }
th.sortable.asc::after { content: "\f0d7"; }
th.sortable.desc::after { content: "\f0d8"; }

.card-order-payment .mh60, .card-sms-orders-ready .mh60{ min-height: 60px;}
ul.pagination { margin-bottom: 0;}
.pagination .page-link { color: #17a2b8; min-width: 38px; text-align: center;  margin-top: 1rem; padding: 0.5rem 0.5rem;}
.pagination .page-item.active .page-link { background-color: #17a2b8; border-color: #17a2b8; }
.pagination .page-link:hover { color: #245269; }
.pagination .page-item.active .page-link:hover { color:  #fff; cursor: default; }
.pagination { flex-wrap: wrap; }

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.pagination-loader:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 36px;
    height: 36px;
    margin: -18px auto auto -18px;
    content: '';
    border: solid 3px;
    border-color: rgba(0,0,0,.7) transparent;
    border-radius: 100%;
    animation: spin 1s infinite linear;
    z-index: 9999;
    opacity: 0.7;
}

.pagination-loader.empty-paged-list:after {
    margin: 0 auto auto -18px;
}


.pagination-full-width-loader {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, .5);
}

#orderPaymentSearch::-webkit-input-placeholder { font-size: 0.9rem; }
#orderPaymentSearch::-moz-placeholder { font-size: 0.9rem; }
#orderPaymentSearch:-ms-input-placeholder { font-size: 0.9rem; }
#orderPaymentSearch::-ms-input-placeholder { font-size: 0.9rem; }
#orderPaymentSearch::placeholder { font-size: 0.9rem; }

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1180px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}
    .navbar-expand-lg .navbar-nav .nav-link.current-time { padding-right: 0; }
    .navbar { padding: 0 1rem; }

    .dropdown.navbar-current-app .nav-link { padding-right: 2rem; padding-left: 0; }
    .quantityIn1C span { display: block; }
}


@media (max-width: 991px) {
    label.text-right { text-align: left !important; }
    .table th.full-width-td { width: 100%; }
    .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; }
    .navbar-collapse { padding-top: 0.5rem; }

    .orders-list .text-right,
    .statistics-data .text-right {
        text-align: left!important;
    }

    .quantityIn1C,
    .orders-list .text-right.text-right-important {
        text-align: right!important;
    }

    #import-tabContent .btn + .btn { margin-top: 1rem; }

    .card-subscribes .table > thead > tr > th { line-height: 1; }
    .table-subscribes-list, .table-sms-orders-ready, .table-order-payment {
        margin-top: -8px;
    }
}

@media (max-width: 767px) {
    .statistics-data .form-check-inline {
        margin: 0 0 5px 6px;
    }

    .card-order-payment .card-header .input-group:first-child,
    .card-sms-orders-ready .card-header .input-group:first-child { margin-bottom: 15px; }
}

@media (min-width: 576px) {
    .card-subscribes .card-header .form-group {
        margin-bottom: 0;
    }
}