/*body {
    font-family: 'Segoe UI';
}*/
ul.ui-autocomplete {
    z-index: 1100;
}
.alert-dark {
    color: #ffffff;
    background-color: #2e3133;
    border-color: #323435
}

@media (min-width: 1920px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xxl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333%
    }

    .offset-xxl-2 {
        margin-left: 16.66667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333%
    }

    .offset-xxl-5 {
        margin-left: 41.66667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333%
    }

    .offset-xxl-8 {
        margin-left: 66.66667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333%
    }

    .offset-xxl-11 {
        margin-left: 91.66667%
    }
}

a {
    color: #03a9f3;
}

a:hover {
    color: #01c0c8;
}

.h1, h1 {
    font-size: 30px
}

.h2, h2 {
    font-size: 24px
}

.h3, h3 {
    font-size: 20px
}
.label.label-md {
    padding: .25rem .7rem;
    font-size: 12px;
}

.tooltip {
    pointer-events: none;
}

.btn-secondary-dark.focus, .btn-secondary-dark:focus, .btn-secondary-dark:not(:disabled):not(.disabled).active:focus, .btn-secondary-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-secondary-dark {
    color: #212529;
    background-color: #f8f9fa
}

.btn-secondary-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

.btn-secondary-dark.disabled, .btn-secondary-dark:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-secondary-dark:not(:disabled):not(.disabled).active, .btn-secondary-dark:not(:disabled):not(.disabled):active, .show > .btn-secondary-dark.dropdown-toggle {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

/*.footer {
    padding: 17px 25px;
    background: none;
    color: #8d97ad;
    border-top: none;
}*/
.page-wrapper {
    padding-bottom: 55px;
}
.footer {
    padding: 17px 25px;
    background: none;
    color: #8d97ad;
    border-top: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 55px;
}

.navbar-brand sup {
    top: -1.1em;
    left: -0.7em;
    color: #fa9578;
}

.hidden {
    display: none;
}

.popover {
    max-width: 100%;
}

.popover-order-items {
    width: 100%;
}

.fade.in {
    opacity: 1;
}

.skin-megna .topbar {
    background: #2d3344;
}

.topbar .top-navbar .navbar-header {
    background: none;
    min-width: unset;
}

.skin-megna .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    width: 140px;
    margin-left: 5px;
}

.skin-megna .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    width: 140px;
    margin-left: 5px;
}

.js-switch.like-active {
    opacity: 1;
}

.has-error .form-control {
    border-color: #e46a76;
}

.has-error .col-form-label, .has-error .custom-control, .has-error .form-check-label, .has-error .form-control-feedback, .has-error .form-control-label, .has-error .help-block-error {
    color: #e46a76;
}

.source-img {
    width: 24px;
    height: 24px;
}
.fabricaton-img {
    width: 50px;
}
.not-set-source {

}
.sidebar-nav > ul > li > a i {
    vertical-align: unset;
}

.coupon-icon {
    color: #c7cace;
    font-size: 18px;
    vertical-align: middle;
}

.field-order-status {
    margin: 0;
    padding: 0;
}

#select2-order-status-results {
    max-height: 500px;
}

.order-page-links .btn:hover {
    color: #fff;
    background-color: #03a9f3;
    border-color: #03a9f3;
}
.order-page-links .btn  {
    position: relative;
}
.order-page-links .btn .counter {
    position: absolute;
    top: -9px;
    background: linear-gradient(45deg, #F44336, #f6a3a3);
}

.field-order-status .select2-container {
    height: 100%;
}

.field-order-status .select2-container--default .select2-selection--single {
    height: 100%;
    background: transparent;
    border-radius: 0px;
    border: none;
}

.field-order-status .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    padding-left: 20px;
    color: #fff;
}

.field-order-status .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.field-order-status .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    padding-left: 20px;
    color: #fff;
}

.select2-container--default #select2-order-status-results .select2-results__option[aria-disabled=true] {
    color: #999;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    padding: 3px 6px;
}

.status.label {
    padding: 5px 10px;
    font-size: 80%;
    white-space: nowrap;
}

.status_color .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
}

.red-new {
    color: #fff;
    background-color: #e45353;
}
.red-2 {
    color: #fff;
    background-color: #e02a5a;
}
.red-3 {
    color: #fff;
    background-color: #f79a80;
}
.red-4 {
    color: #fff;
    background-color: #c03839;
}
.purple-new {
    background-color: #c456c1;
}
.dark-purple-new {
    background-color: #5f67cd;
}
.blue-new {
    background-color: #3283de;
}
.light-green-new {
    background-color: #5bbfb2;
}
.yellow-new {
    background-color: #ffec05;
}
.green-new {
    background-color: #16b88b;
}
.black-new {
    background-color: #333333;
}
.turquoise {
    background-color: #30d5c8;
}
.grey-new {
    background-color: #8a8a8a;
}
.orange-new {
    background-color: #ff9f00;
}
.orange-2 {
    background-color: #ff793f;
}
.light-blue-new {
    background-color: #56a5ff;
}
.blue-2 {
    background-color: #2b59bf;
}
.blue-4 {
    background-color: #baabd0;
}
.yellow {
    background-color: #fdc354;
}
.light-blue-2 {
    color: #fff;
    background-color: #7cc3c4;
}
.light-blue-3 {
    color: #fff;
    background-color: #76c0df;
}
.green-2 {
    background-color: #60c453;
}
.green-3 {
    background-color: #00a18f;
}
.purple-2 {
    background-color: #a488e2;
}
.purple-3 {
    background-color: #ce96b2;
}
.pink {
    background-color: #ff8985;
}
.grey2-new {
    background-color: #e5ebeb;
    color: #000;
    font-weight: 600;
}
.montage-new {
    background-color: #afe2d9;
    color: #41786e;
}
.montage-agreement {
    background-color: #fbe19c;
    color: #bc652c;
}
.montage-appointed {
    background-color: #a6dcf4;
    color: #356495;
}
.montage-finished {
    background-color: #abe1aa;
    color: #227310;
}
.montage-canceled {
    background-color: #f5cec4;
    color: #c1402b;
}
.status_color.red-new .select2-container--default .select2-selection--single .select2-selection__rendered, .status_color.red-new,
.status_color.red-2 .select2-container--default .select2-selection--single .select2-selection__rendered, .status_color.red-new,
.status_color.red-3 .select2-container--default .select2-selection--single .select2-selection__rendered, .status_color.red-new,
.status_color.red-4 .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.purple-new .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.dark-purple-new .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.blue-new .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.light-green-new .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.yellow-new .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.green-new .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.black-new .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.turquoise .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.grey-new .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.orange-new .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.orange-2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.light-blue-new .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.blue-2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.light-blue-2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.light-blue-3 .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.blue-4 .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.yellow .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.green-2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.green-3 .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.purple-2 .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.purple-3 .select2-container--default .select2-selection--single .select2-selection__rendered,
.status_color.pink .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}
.status_color.montage-new .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #41786e;
}
.status_color.montage-agreement .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #bc652c;
}
.status_color.montage-appointed .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #356495;
}
.status_color.montage-finished .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #227310;
}
.status_color.montage-canceled .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c1402b;
}
.field-order-status .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
}

.field-order-paid_type .select2-container--default .select2-selection--single {
    background-color: transparent;
}

.field-order-paid_type .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

.source-current, .paid-subtype-current, .source-by-question-current {
    padding: 0;
}
.source-current .btn, .paid-subtype-current .btn, .source-by-question-current .btn {
    padding: 0;
}
.source-current .btn .label, .paid-subtype-current .btn .label, .source-by-question-current .btn .label {
    color: #8c8686;
}
.paid-subtype-current {
    display: block;
}
.paid-subtype-current img {
    max-height: 24px;
}

.select2-container .select2-selection--multiple {
    min-height: 38px;
    border: 1px solid #e9ecef;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #e9ecef;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-left: 0;
    padding-right: 15px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: black;
    border-right: none;
    right: 0;
    left: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: unset;
    border-color: unset;
    margin-top: 3px;
}

.badge-order-label {
    color: #fff;
}

/*.paid{
	color: #6aa041;
	font-size: 20px;
	line-height: 22px;
}*/
/*.not-paid {
    color: #b8b8b8;
    font-size: 20px;
    line-height: 22px;
}*/

.paid-circle {
    margin: 0 7px;
    color: #d4d4d4;
}
.paid-circle i.paid {
    color: #4db270
}
.paid-circle i.not-paid {
    color: #e46a76;
}
.paid-type {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
}
.paid-type.robo {
    color: #fff;
    background: #0b93d5;
    font-weight: 900;
}
.paid-type.bill {
    color: #fff;
    background: #3f4456;
}
.paid-type.by-card {
    color: #fff;
    background: #4b9c3c;
}
.paid-type.by-paypal {
    color: #fff;
    background: #2b3b7b;
}
.paid-type.by-t-bank img{
    max-height: 20px;
    vertical-align: baseline;
}
.paid-subtype {
    margin-left: 5px;
    max-height: 20px;
    display: inline-block;
    text-align: center;
}
.paid-subtype img {
    max-height: 20px;
    vertical-align: baseline;
}
.order-list-pay {
    align-items: center;
    column-gap: 4px;
}
.order-list-pay .paid-circle {
    margin: 0;
}
.order-list-pay .paid-type {
    margin: 0;
}
.order-list-pay .paid-subtype {
    margin: 0;
}

.bg-success {
    background-color: #84b74e !important;
}
.text-success-new {
    color: #84b74e !important;
}

.date {
    color: #777;
    font-size: 13px;
}

.btn-xxs {
    padding: .15rem .3rem;
    font-size: 10px;
}

.profile-pic i {
    vertical-align: middle;
}

.order-form-places .place {
    /*border: 1px solid #e9ecef;*/
    padding: 0px;
    margin-bottom: 0px;
}

table .delivery-items td {
    padding: 3px;
}

table .delivery-items.header td {
    background: #f8f9fa;
}

table tr.done td {
    opacity: 0.5;
}

table tr.important td {
    background: #fffcf5;
}

table tr.important:hover td {
    background: #ffedc2;
}

.table-grey-header th {
    background-color: #f7f7f7;
}

.tariff-cdek-radio.has-success .custom-control {
    color: inherit;
}

#tariff-list {

}

.calculate-block {

}

.calculate-block .form-group {
    margin-bottom: 15px;
}

.calculate-block .help-block {
    margin-bottom: 5px;
}

.tariff-cdek-radio .custom-control {
    margin: 5px 0;
    padding-left: 2rem;
}

.tariff-cdek-radio .custom-control .tariff-cdek-info span {
    font-size: 12px;
}

/*.delivery-form .form-group label{
	margin-bottom: .5rem;
}*/
.place-field input {
    text-align: center;
    max-width: 55px;
}

.delivery-item .item-field input {
    text-align: center;
}
.delivery-item .item-field input.amount,
.delivery-item .item-field input.weight {
    max-width: 55px;
}

.delivery-item .item-field input.name {
    text-align: left;
}

.tariff-row .days {
    font-style: italic;
}

#ordersearch-status option[value="1"], #ordersearch-status option[value="3"], #ordersearch-status option[value="15"] {
    background-color: #e45353;
}

#ordersearch-status option[value="2"] {
    background-color: #a566cd;
}

#ordersearch-status option[value="4"] {
    background-color: #5f67cd;
}

#ordersearch-status option[value="5"] {
    background-color: #3283de;
}

#ordersearch-status option[value="6"] {
    background-color: #5bbfb2;
}

#ordersearch-status option[value="7"], #ordersearch-status option[value="12"], #ordersearch-status option[value="13"], #ordersearch-status option[value="16"] {
    background-color: #f2ab37;
}

#ordersearch-status option[value="8"] {
    background-color: #60c453;
}

#ordersearch-status option[value="9"], #ordersearch-status option[value="14"] {
    background-color: #ed5555;
}

#ordersearch-status option[value="10"] {
    background-color: #3283de;
}

#ordersearch-status option[value="11"] {
    background-color: #f7b953;
}

/*28062019 */

.table.order-table thead th {
    background-color: rgba(0, 0, 0, .03);
    border-color: rgba(0, 0, 0, .03);
}

body table thead th a {
    color: #6c757d;
}

body table thead th a:hover {
    color: #2d3344;
}

.table th {
    color: #6c757d;
}

body table tbody td a {
    color: #03a9f3;
}

body table tbody td a.a_black {
    font-weight: 600;
}

body table tbody td a:hover {
    color: #01c0c8
}

.table td, .table th {
    border-color: rgba(0, 0, 0, .03);
}

.table.table-naked tr:first-child td, .table.table-naked tr:first-child th {
    border-top: none;
}

/* Уменьшеие заголовков */

/* оформление заявки - блок полей клиента */
.order-from-client-block .inline_editor {

}

.order-from-client-block .col-form-label {
    font-size: 80%;
    font-weight: 400;
    padding: 0;
}

/* Нужно перенести */
.design-result-files-block {
    margin-bottom: 20px;
}

.flex-design-items {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    margin-top: 15px;
    border: 2px solid #e9ecef;
    padding: 10px;
}

.flex-design-items .design-item-result-file {
    margin-right: 30px;
    margin-bottom: 10px;
    width: 150px;
    position: relative;
    text-align: center;
}

.flex-design-items .design-item-result-file .thumbnail {
    padding: 10px;
    width: 150px;
    height: 150px;
}

.flex-design-items .design-item-result-file img {
    max-height: 100%;
    max-width: 100%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.flex-design-items .design-item-result-file .link-del {
    position: absolute;
    right: 0px;
    top: -9px;
}

.discount-order-item-badge {
    margin-top: 5px;
}

.coupon-discount-order-item-badge {
    margin-top: 5px;
}

/*.thumbnail { width: 100%;
	padding-top: 100%;
	position: relative;}
.thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.5;
	max-width:150px;
	max-height:150px;
	min-width: 150px;
	min-height: 150px;
	border-radius: 10px;
}*/
.thumbnail img:hover {
    opacity: 1
}

.file_checked, .file_checked_des {
    position: absolute;
    top: -15px;
    right: -15px;
    opacity: 1;
}

.file_checked i, .file_checked_des i {
    color: white;
}

.file_checked.active, .file_checked_des.active, .file_checked_des.active img {
    opacity: 1
}

.file_checked.active ~ a.image-popup-no-margins img {
    opacity: 1
}

.file_checked:hover {
    opacity: 1;
}

.file_link {
    color: #01c0c8;
    padding-top: 10px;
}

.file_link:hover {
    color: #01c0c8;
    text-decoration: underline;
}

.profiletimeline {
    padding-left: 60px;
    margin-left: 0px;
    border-left: 0px;
}

.link-del {
    padding-top: 10px;
}

.design-item {
    margin-bottom: 50px;
}

.design-item .number {
    position: absolute;
    font-size: 20px;
    left: 24px;
    color: #8d97ad;
}

.design-item .design-item-content {
    padding-left: 40px;
}

.design-item .file_checked, .design-item .file_checked_des {
    position: absolute;
    top: 0px;
    left: 30px;
    opacity: 1;
    background: #cccccca1;
    border-radius: 100%;
    width: 27px;
    height: 27px;
    padding: 2px;
    font-weight: 100;
}

.design-item .file_checked.active, .design-item .file_checked_des.active {
    background: #00c292;
}

.design-item :hover > .thumbnail .file_checked, .design-item :hover > .thumbnail .file_checked_desc {
    background: #00c292;
}

.design-item .image-link {
    color: #212529;
}

.design-item .only-view h4 {
    margin-bottom: 15px;
    font-weight: 700;
}

/* выпадающий блок под полями Клиента на странице заявки */
.order-client-dropdown-helper, .lead-client-dropdown-helper, .user-client-dropdown-helper {
    display: none;
    background: #fffac1;
    padding: 5px;
}
.changed-client-id {
    display: none;
}
.order-popover-badge {
    margin-left: 5px;
    color: #c7cace;
}

/*
.order-table td.order-amount{
	font-weight: bold;
}
.order-table td.order-number{
	font-weight: bold;
}*/

.order-payment-block h4 {
    color: #ccc;
    font-size: 14px;
}

.order-payment-block .order_price {
    color: #fff;
    font-size: 28px;
}

.source-block, .paid-subtype-block {
    display: inline-block;
}
.paid-subtype-block {
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    /*margin-left: 5px;*/
    display: inline-block;
    background-color: transparent;
    height: 38px;
    color: #fff;
    vertical-align: middle;
    font-size: 20px;
    padding: 4px 8px;
}
.paid-subtype-list {
    display: inline-block;
    z-index: 1;
}
.paid-subtype-img {
    max-height: 24px;
}
.source-list label {
    display: inline-block;
    opacity: 0.5;
    z-index: 1;
}
.source-list label.active,
.source-list label:hover {
    opacity: 1;
}
.source-list label input, .paid-subtype-list input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.source-by-question label {
    display: inline-block;
    opacity: 0.5;
    z-index: 1;
}
.source-by-question label.active,
.source-by-question label:hover {
    opacity: 1;
}
.source-by-question label input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.no-source {
    font-size: 18px;
}

.login-header {
    color: #afafaf;
    width: 400px;
    margin: 0 auto;
    padding: 10px 5px 30px;
    text-align: center;
    font-size: 24px;
}

.login-header span {
    font-weight: 800;
}

.order-manager-finance-search .selected-month span {
    color: #e45353;
    font-weight: bold;
}

.order-manager-finance .table thead th {
    background-color: transparent;
}

.order-filter-checkboxes > div {
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.show-adding-filter {
    color: #03a9f3;
    vertical-align: middle;
}

.page-titles {
    background: 0;
    margin: 0 -20px 0px;
}

.page-breadcrumbs {
    background: 0;
    /*padding: 25px 0 5px 0;*/
}

.page-breadcrumbs .breadcrumb {
    padding: 0;
    margin: 0;
    background: 0 0;
    font-size: 12px;
}

.page-breadcrumbs .breadcrumb li a {
    color: #212529;
}

.page-breadcrumbs .breadcrumb .breadcrumb-item.active {
    color: #01c0c8
}

.page-breadcrumbs .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\e649";
    font-family: themify;
    color: #ced4da;
    font-size: 11px;
}

@media (max-width: 767px) {
    .fixed-layout .page-wrapper {
        padding-top: 73px;
    }
    .row.order-titles div:first-child {
        order: 2
    }
    .row.order-titles div:nth-child(2) {
        order: 1
    }

}

/* блок с кнопками рядом с заголовком (для всех моделей нужно использовать) */
.title-buttons .btn {
    margin-right: 15px;
    margin-left: 0;
}

@media (min-width: 768px) {
    .title-buttons {
        text-align: right;
    }

    .title-buttons .btn {
        margin-right: 0;
        margin-left: 15px;
    }

    /*.horizontal-nav .page-titles {
        padding: 5px 0 22px 0;
    }*/
}

.order-connect-row {
    padding-bottom: 25px;
}

.order-connect-row a.edit-link, .order-connect-row a.edit-link:hover {
    color: #03a9f3;
    cursor: pointer;
    margin-left: 20px;
}

.order-connect-list .btn, .order-connect-list .btn:not([href]):not([tabindex]) {
    color: #fff;
}

.order-connect-list-outer {
    float: left;
}

.order-connect-row:after {
    content: '';
    display: table;
    clear: both;
}

.order-connect-list-header {
    font-weight: 500;
    margin-right: 5px;
}
.order-connect-list .order-connect-list-item + .order-connect-list-item {
    margin-left: 7px;
}
.order-connect-list-header i {
    font-size: 20px;
    vertical-align: middle;
}

.no-connects {
    color: #ccc;
    font-style: italic;
}

.copy-guid-link {
    /*margin-left: 5px;*/
    display: inline-block;
    width: 38px;
    background-color: transparent;
    border-color: #e9ecef;
    height: 38px;
    color: #fff;
    vertical-align: middle;
    font-size: 20px;
    padding: 4px 8px;
}

.copy-guid-link:hover {
    color: #f95c2e;
    border-color: #f95c2e;
}

.copy-guid-link:focus {
    color: #fff;
    background-color: transparent;
    border-color: #e9ecef;
    outline: 0;
}

.copy-guid-link i {
    font-weight: 700;
}

.app-search .form-control {
    width: 300px;
}
.created-label {
    color: #c9c9c9;
    font-size: 12px;
    font-style: italic;
    line-height: 26px;
}

.montage-on {
    color: #00c292;
    font-size: 11px;
}
.montage-off {
    color: #e46a76;
    font-size: 11px;
}

.status-comment-link, a.status-comment-link:not([href]):not([tabindex]) {
    color: #ccc;
    font-size: 25px;
    display: inline-block;
    margin-top: 3px;
    cursor: pointer;
}

.fabrication-order-update .status-comment-link, .fabrication-order-update a.status-comment-link:not([href]):not([tabindex]) {
    margin-left: 10px;
}

a.status-comment-link:not([href]):not([tabindex]).active {
    color: #00c292;
}

.status-comment-link:hover i {
    color: #00c292;
}

.price_container_text {
    font-size: 20px;
    color: #ccc;
    margin-right: 10px;
}

.icon-x {
    color: #ccc;
    margin-top: 12px;
    font-weight: 100;
    font-size: 12px;
}
.more-order-item-fields .icon-x {
    position: absolute;
    top: 0;
    right: -3px;
}

.fixed-order-buttons {
    z-index: 500;
}

.fixed-order-buttons .fixed-order-buttons-block {
    background: #fff;
    padding: 12px 60px;
    box-shadow: 0 7px 27px rgba(0, 0, 0, .3) !important;
}

.fixed-order-buttons .form-group {
    margin-bottom: 0px;
}

.fixed-order-buttons-block button {
    margin-bottom: 5px;
}

.material-item .select2-container--default .select2-selection--single {
    background-color: #f8f9fa;
}

.material-item > div {
    padding-left: 0;
}

@media (min-width: 992px) {
    .material-item > div {
        padding-left: 33px;
    }
}

@media (min-width: 1200px) {
    .fixed-order-buttons .fixed-order-buttons-block {
        max-width: 1300px;
    }
}

#comment-modal .modal-footer {
    justify-content: flex-start;
}

@media (min-width: 576px) {
    #comment-modal .modal-dialog {
        margin-top: 7rem;
    }
}

.field-order-site_send_mail {
    display: inline-block;
    margin-left: 30px;
}

.field-order-site_send_mail p {
    margin-bottom: 5px;
}

#navbar-article .nav-pills .nav-link {
    color: #ccc;
}

#navbar-article .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #2d3344;
}

/* страница Аналитики */
.analytic-search .form-group {
    margin-bottom: 0;
}

.analytic-filter-btns, .order-filter-btns {
    padding: 10px 0;
}

.analytic-main-block {
    border: 1px solid #edf1f5;
    cursor: pointer;
}

.analytic-main-block.active {
    background: #f5f4f4;
}

.analytic-main-block .card-title {
    margin-bottom: 5px;
}

.analytic-main-block .number {
    font-size: 40px;
    font-weight: bold;
}

.analytic-main-block.active .number {
    color: #f96262;
}

.analytic-main-block .percent {
    vertical-align: top;
}

.analytic-main-block .list-inline {
    margin-bottom: 0;
}

.analytic-filter-btns a, .order-filter-btns a {
    display: inline-block;
    color: #787f91;
    padding: 3px 10px;
    font-size: 12px;
}

.analytic-filter-btns a.active, .order-filter-btns a.active {
    background: #dfe4e8;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #212529;
}

.fabrication-export-link {
    list-style-type: none;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
}

.fabrication-export-link a {
    color: #03a9f3;
}

.fabrication-export-link i {
    color: #427f53;
    font-size: 20px;
}

/*.table tr.type-client {
    background: #faf0ee;
}*/
.table tr.type-reprint {
    background: #ff895026;
}
.table tr.type-commercial {
    background: #54fff726;
}
.table tr.type-montage {
    background: #94a4f359;
}
.table tr.hot {
    background: #faf0ee;
}

.hot-flash {
    color: #fa7953;
}

.table-hover tbody tr.hot:hover {
    background-color: #e36a7630;
}

td.order-partner-sum {
    font-weight: 600;
}

.horizontal-nav .sidebar-nav #sidebarnav > li.sidebar-last-nav a {
    padding: 3px;
}

.horizontal-nav .sidebar-nav #sidebarnav > li.sidebar-last-nav i {
    color: #fff;
    vertical-align: middle;
    font-size: 14px;
}

@media (min-width: 767px) {
    .horizontal-nav .sidebar-nav {
        padding: 0 75px 0 15px;
    }

    .horizontal-nav .sidebar-nav #sidebarnav > li.sidebar-last-nav {
        position: absolute;
        right: 15px;
        padding: 17px 10px;
    }

    .horizontal-nav .sidebar-nav #sidebarnav > li.sidebar-last-nav:hover > a {
        background: #009c75;
    }
}


.input-sm {
    max-width: 90px;
}

.designer-workload.main {
    height: 500px;
    overflow-y: auto;
}
.designer-workload.main .card-header, .fabrication-workload.main .card-header{
    font-size: 13px;
}
.designer-workload.main table thead tr, .fabrication-workload.main table thead tr {
    white-space: nowrap;
}
.designer-workload.main table thead th, .fabrication-workload.main table thead th {
    border-top: none;
}
.designer-workload table tr.zero, .fabrication-workload table tr.zero {
    opacity: 0.4;
}
.designer-workload.main table td, .fabrication-workload.main table td {
    vertical-align: middle;
    white-space: nowrap;
}
.designer-workload table td, .fabrication-workload table td {
    vertical-align: middle;
}
.designer-workload table td.number, .fabrication-workload table td.number {
    font-size: 20px;
    font-weight: 100;
}

.designer-workload table td.bold-number, .fabrication-workload table td.bold-number {
    font-size: 20px;
    font-weight: bold;
}
.designer-workload table td.bold-number span, .fabrication-workload table td.bold-number span {
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
}

.designer-workload table td.designer-name .photo, .fabrication-workload table td.designer-name .photo {
    display: inline-block;
    margin-right: 15px;
    width: 50px;
    text-align: center;
    vertical-align: middle;
}
.designer-workload table td.designer-name .photo img, .designer-workload table td.designer-name .photo img {
    max-width: 50px;
}

.delivery-img {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.table .status-td {
    width: auto;
}
.table .status-td small {
    display: block;
}

.label-task-counter {
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    border-radius: 10rem;
    margin-left: 5px;
    padding: 4px 0;
    width: 20px;
    height: 20px;
    text-align: center;
}
.sidebar-nav ul li ul li ul li a {
	line-height: 1.4;
}
.horizontal-nav .sidebar-nav #sidebarnav>li.top-menu-acticle>ul {
	width: 250px;
}
.file-link-label {
	margin-left: 5px;
	padding: 3px 6px;
}
.label-xls {
	background-color: #3f7e50;
}
.label-doc {
	background-color: #375f9f;
}
.label-audio {
	background-color: #ff9e5e;
}
.label-pdf {
    background-color: #e46a76;
}
.label-file {
    background-color: #c0c0c0;
}
.label-video {
    background-color: #a24aaa;
}

.label-partner {
    background-color: #2d3344;
    padding: 2px 5px;
}
.label-grey {
    color: #fff;
    background-color: #dcdcdc;
    border-color: #dcdcdc;
}
.btn-grey {
    color: #fff;
    background-color: #efefef;
    border-color: #efefef;
}
.btn-grey:hover {
    color: #fff;
    background-color: #009c75;
    border-color: #008f6c;
}

.btn-notice i{
	color: #fff;
	font-size: 16px;
}
html body .navbar-dark .mailbox ul li .drop-title {
	font-weight: 900;
}
html body .navbar-dark .mailbox .message-center a {
	border-bottom: none;
	display: inline;
	text-decoration: none;
	padding: 0;
}
html body .navbar-dark .mailbox .message-center a:hover {
	background: none;
}
html body .navbar-dark .mailbox .message-center .notif-item {
	border-bottom: 1px solid #e9ecef;
	display: block;
	text-decoration: none;
	padding: 9px 15px;
	cursor: pointer;
}

html body .navbar-dark .mailbox .message-center .notif-item:hover {
	background: #e9ecef
}

html body .navbar-dark .mailbox .message-center .notif-item .user-img {
	width: 40px;
	position: relative;
	display: inline-block;
	margin: 0 10px 15px 0
}

html body .navbar-dark .mailbox .message-center .notif-item .user-img img {
	width: 100%
}

html body .navbar-dark .mailbox .message-center .notif-item .user-img .profile-status {
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	left: 30px;
	position: absolute;
	top: 1px;
	width: 10px
}

html body .navbar-dark .mailbox .message-center .notif-item.not-viewed {
	background: #fffbeb;
}

html body .navbar-dark .mailbox .message-center .notif-item .mail-contnet {
	display: inline-block;
	width: 75%;
	padding-left: 10px;
	vertical-align: middle
}

html body .navbar-dark .mailbox .message-center .notif-item .mail-contnet h5 {
	margin: 5px 0 0
}
html body .navbar-dark .mailbox .message-center .notif-item .mail-contnet .mail-desc p {
	margin: 0;
}
html body .navbar-dark .mailbox .message-center .notif-item .mail-contnet .mail-desc,html body .navbar-dark .mailbox .message-center .notif-item .mail-contnet .time {
	font-size: 11px;
	display: block;
	margin: 1px 0;
	/*text-overflow: ellipsis;*/
	overflow: hidden;
	color: #212529;
	/*white-space: nowrap*/
}
.notification-index .table tr.active {
	background: #fffbeb;
}
#addcost-counting {
	display: inline-block;
	font-size: 12px;
	color: #787f91;
	margin-bottom: 5px;
	padding-left: 10px;
}
.paid-text {
    height: 36px;
    display: table-row;
}
.paid-text span {
    color: #ccc;
    line-height: 20px;
    vertical-align: middle;
    display: table-cell;
}
.field-order-paid {
    margin-top: 4px;
}
.order-invoice-btn-group .btn:after{
    display: none;
}
.order-invoice-btn-group .btn span{
    font-size: 30px;
    line-height: 0;
    display: block;
    height: 13px;
}
#invoice-grid td.amount{
    font-weight: bold;
    font-size: 17px;
}
#invoice-grid td.paid small{
    /*color: #ccc;*/
}
#invoice-grid td.number small{
    color: #ccc;
}
.table-order-diff th, .table-order-diff td{
    padding: 3px 5px;
    font-size: 14px;
}
.table-order-diff td.new{
    font-style: italic;
    color: green;
}
.table-order-diff td.old{
    font-style: italic;
    color: red;
}

.chat-main-box .chat-right-aside .chat-list {
    min-height: 300px !important;
}
.chat-main-box.chat-montage-sidebar .chat-right-aside .chat-list {
    max-height: 400px;
    overflow: auto;
}

.partner-image-letter {
    width: 120px;
    height: 120px;
    border-radius: 70px;
    text-align: center;
    padding: 28px 0;
    font-size: 40px;
    color: #fff;
}
.partner-image-letter.agent {
    background: #03a9f3;
}
.partner-image-letter.dealer {
    background: #fb9678;
}

.fabrication-label {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    padding: 12px 0;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    background-color: #84b74e;
}
.fabrication-label.np {
    background-color: #ef6406;
}

.label-contragent {
    background-color: #ababab;
    color: #fff;
    padding: 2px 6px;
}

.field-inverse label {
    color: #fff;
}
.field-inverse .select2-container--default .select2-selection--single {
    background: #343844;
}
.field-inverse .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}
.field-inverse select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #343844;
}

.waba-window-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 10px;
    padding: 1px 5px;
}

.waba-window-time-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 10px;
    padding: 1px 5px;
}

.hsm-original-text {
    display: none;
    font-size: 11px;
    color: #9aa2ad;
}
.message-hsm-icon {
    font-size: 10px;
    padding: 1px 5px;
    margin-right: 5px;
    cursor: pointer;
}
.chat-list li.reverse.hsm-inside .chat-content .box {
    background: #fff2c9;
}
.download-image {
    position: absolute;
    right: 5px;
    top: 17px;
    color: #fff;
    background: #00000087;
    padding: 0.3rem 0.55rem;
    border-radius: 1rem;
    z-index: 99;
}
.download-image:hover {
    background: #000;
    color: #fff;
}
.progress {
    height: 6px;
    width: 100%;
}
.table .edit-btn {
    white-space: nowrap;
}
.table .edit-btn:hover {
    cursor: pointer;
}
.table .edit-btn i {
    margin-right: 3px;
    color: #e5e5e5;
    font-size: 8px;
}
.table .edit-btn i:last-child {
    margin-right: 0;
}
.icon-rounded {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    color: #fff;
    background-color: #edf1f5;
}
.icon-rounded i {
    line-height: 40px;
}
.invoice-task-counter {
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 10px;
    background-color: #e46a76;
    margin-left: 5px;
    font-weight: 600;
}


/* новое оформление в карточке заказа + список */
.order-label {
    display: inline-block;
    line-height: 13px;
    color: #fff;
    border-radius: 0.25rem;
    font-size: 85%;
    padding: 5px 12px;
    font-weight: 600;
    text-wrap: nowrap;
}
a.order-label:hover {
    color: #fff;
}
.order-client-label {
    background-color: #eaecef;
    color: #212529;
}
a.order-client-label:hover {
    color: #212529;
}
.order-reprint-label {
    background-color: #c95d60;
}
.order-commercial-label {
    background-color: #4bb5af;
}
.order-montage-label {
    background-color: #2e3343 ;
}
.order-lead-label {
    background-color: #e45353;
}
.order-local-label {
    background-color: #ef7a3e;
}
.order-market-label {
    background-color: #4974db;
}
.order-contract-label {
    background-color: #c456c1;
}
.order-label-adds {
    color: #c7cace;
    font-weight: 700;
    font-size: 80%;
    margin-left: 5px;
}
.order-label-coupon-icon {
    font-size: 80%;
}
.order-type-client-color {
    color: #eaecef;
}
.order-type-reprint-color {
    color: #c95d60;
}
.order-type-commercial-color {
    color: #4bb5af;
}
.order-type-montage-color {
    color: #2e3343;
}
.order-type-local-color {
    color: #ef7a3e;
}
.order-type-marketplace-color {
    color: #4974db;
}
.order-type-contract-color {
    color: #c456c1;
}

.user-name-td {
    font-weight: 600;
}
.user-name-td img {
    max-width: 45px;
}

.discount-bronze {
    color: #cd7f32;
}
.discount-silver {
    color: #c0c0c0;
}
.discount-gold {
    color: #ffd700;
}