@font-face {
    font-family: 'CAPElephant-Black';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/CAPElephant-Black.eot');
    src: url('../fonts/CAPElephant-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/CAPElephant-Black.woff2') format('woff2'), url('../fonts/CAPElephant-Black.woff') format('woff'), url('../fonts/CAPElephant-Black.ttf') format('truetype')
}

@font-face {
    font-family: 'CAPElephant-BlackLow';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/CAPElephant-BlackLow.eot');
    src: url('../fonts/CAPElephant-BlackLow.eot?#iefix') format('embedded-opentype'), url('../fonts/CAPElephant-BlackLow.woff2') format('woff2'), url('../fonts/CAPElephant-BlackLow.woff') format('woff'), url('../fonts/CAPElephant-BlackLow.ttf') format('truetype')
}

@font-face {
    font-family: 'CAPElephant-Bold';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/CAPElephant-Bold.eot');
    src: url('../fonts/CAPElephant-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CAPElephant-Bold.woff2') format('woff2'), url('../fonts/CAPElephant-Bold.woff') format('woff'), url('../fonts/CAPElephant-Bold.ttf') format('truetype')
}

@font-face {
    font-family: 'CAPElephant-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/CAPElephant-Regular.eot');
    src: url('../fonts/CAPElephant-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/CAPElephant-Regular.woff2') format('woff2'), url('../fonts/CAPElephant-Regular.woff') format('woff'), url('../fonts/CAPElephant-Regular.ttf') format('truetype')
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fa-regular-400.eot");
    src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 6 Brands' !important;
    font-weight: 400; }

.far {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 400; }

.fa,
.fas {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900; }


body #navbar ul.tabs > li > a {
    height: 40px;
    margin: 4px auto 4px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
}

body #navbar ul.tabs li.tab > a, body.minimized.side-menu-opened #navbar ul.tabs li.tab > a {
    border-radius: 8px;
}

.navbar-inverse {
    background-color: #1C1C1C;
    border-color: transparent
}

body #navbar ul.tabs > li > a:focus {
    color: #fff;
    background-color: #A3238E;
}

.btn-primary {
    color: #fff;
    background-color: #A3238E;
    border-color: #A3238E
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: 3px
}

.cell > a {
    /*color: #A3238E;*/
    text-decoration: none;
    font-weight: bold;
}

.panel-primary, .panel-default, body .panel-info {
    border-color: #A3238E !important;
    margin-top: 10px;
    border-radius: 8px !important;
    border-width: 1px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.home-content > .panel-primary, .home-content > .panel-default, body .panel-info {
    border-color: transparent !important;
}

.box {
    padding-top: 5px;
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.box.box-primary {
    border-top-color: #A3238E;
}

.record .middle > .panel:first-child {
    border-top-width: 1px;
}

body .panel-primary > .panel-heading, body .panel-default > .panel-heading, body .panel-info > .panel-heading {
    /*background-color: #e8eced;*/
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    /*margin-top: 10px;*/
    /*border-color: #9a9a9a;*/
    /*border-color: #e8eced;*/
    background-color: white;
    border-color: white;
    color: #333;
    min-height: 10px;
}

.list-container > .list > table > thead > tr > th {
    font-family: 'CAPElephant-BlackLow';
}

.record .panel .panel-heading .panel-title {
    font-family: 'CAPElephant-BlackLow';
    font-size: medium;
}

body > footer {
    background-color: #F4F6F9;
}

body {
    font-family: "CAPElephant-Regular" !important;
    font-size: 16px;
    background-color: white;
}

.navbar .nav > li.tab-group > .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.36;
    color: #dfdfdf;
    white-space: nowrap;
    height: 40px;
    margin: 4px auto 4px;
    background-color: rgba(255, 255, 255, 0.05);
}

.navbar .nav > li.tab-group > .dropdown-menu > li > a:hover, .navbar .nav > li.tab-group > .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #262626;
}

.navbar .nav > li.tab-group > .dropdown-menu > .active > a, .navbar .nav > li.tab-group > .dropdown-menu > .active > a:hover, .navbar .nav > li.tab-group > .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #A3238E
}

.breadcrumb-item {
    font-family: 'CAPElephant-BlackLow';
    color: #A3238E;
}

.record .middle > .panel {
    border-top-width: 1px;
}

.panel-title {
    font-weight: 600;
}

/*.fab {*/
/*    font-family: 'Font Awesome 6 Free';*/
/*    font-weight: 900*/
/*}*/

/*.fa, .fab, .fal, .far, .fas {*/
/*    -moz-osx-font-smoothing: grayscale;*/
/*    -webkit-font-smoothing: antialiased;*/
/*    display: inline-block;*/
/*    font-style: normal;*/
/*    font-variant: normal;*/
/*    text-rendering: auto;*/
/*    line-height: 1*/
/*}*/

/*.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {*/
/*    margin-right: .3em*/
/*}*/

/*.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {*/
/*    margin-left: .3em*/
/*}*/

/*.fa-facebook:before {*/
/*    content: "\f09a"*/
/*}*/

body #navbar .navbar-right .global-search-container a.global-search-button, body.minimized.side-menu-opened #navbar .navbar-right .global-search-container a.global-search-button {
    color: #A3238E;
}

#header .navbar-right > li > a {
    color: #A3238E;
    padding: 5px 10px
}

.global-search-container {
    line-height: normal !important;
}

#notifications-panel .panel .panel-heading .link-group {
    color: #A3238E;
}

@media screen and (min-width: 768px) {
    body #navbar .navbar, body.minimized.side-menu-opened #navbar .navbar {
        top: 0;
        border-width: 0;
        position: fixed;
        z-index: 1030;
        width: 244px;
        margin-bottom: 0;
        height: 100%
    }

    body #navbar .navbar-right > li > a {
        color: #A3238E !important;
        padding: 5px 10px
    }

    body #navbar .navbar ul.tabs, body.minimized.side-menu-opened #navbar .navbar ul.tabs {
        width: 212px;
        /*margin-left: 0;*/
        overflow-y: hidden;
        margin-left: 16px;
    }

    body #navbar .navbar-right, body.minimized.side-menu-opened #navbar .navbar-right {
        bottom: 20px;
        position: fixed;
        top: 0;
        left: 0;
        height: 30px;
        width: 100%;
        background-color: #e8eced;
        margin-left: 244px;
        padding-right: 244px
    }

    body #navbar .navbar a.minimizer, body.minimized.side-menu-opened #navbar .navbar a.minimizer {
        display: none;
    }

    body #navbar .navbar .navbar-logo-container {
        display: flex;
        width: 100%;
    }

    body #navbar .navbar .nav > li.more > .dropdown-menu, body #navbar .navbar .nav > li.more > .dropdown-menu > li.tab-group > ul.dropdown-menu, body #navbar .navbar .nav > li.tab-group > .dropdown-menu, body.minimized.side-menu-opened #navbar .navbar .nav > li.more > .dropdown-menu, body.minimized.side-menu-opened #navbar .navbar .nav > li.more > .dropdown-menu > li.tab-group > ul.dropdown-menu, body.minimized.side-menu-opened #navbar .navbar .nav > li.tab-group > .dropdown-menu {
        top: 0;
        left: 232px;
        width: 244px;
        position: fixed;
        overflow-y: hidden;
        background-color: #1C1C1C;
        padding: 4px 8px 4px 8px;
        font-size: 16px;
        border-radius: 0 8px 8px;
    }

    .dropdown-menu.pull-left {
        min-width: 140px;
    }

    #login {
        /*margin: 0;*/
    }

    .dialog-confirm > .modal-dialog {
        margin: 10px auto;
    }

    .tabs li[data-name="OpportunityBlankReservation"], .tabs li[data-name="group-5"], .tabs li[data-name="Case"] {
        margin: 4px auto 24px !important;
    }

    .btn-group .dropdown-menu {
        right: auto;
        left: auto;
    }

    .detail[data-scope="Invoice"] .btn-group .dropdown-menu {
        right: -100px !important;
    }

    #navbar .navbar .navbar-right-container input.global-search-input {
        width: auto;
        padding-top: 4px;
        padding-bottom: 8px;
        height: 28px !important;
    }
}

@media screen and (max-width: 767px) {
    #header .navbar-right > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #navbar .navbar .navbar-right-container input.global-search-input {
        padding-top: 4px;
        padding-bottom: 8px;
        height: 28px !important;
    }

    .list > table {
        min-width: 900px;
        font-size: 85%;
    }

    #table-FAQ, #table-OpportunityBlankReservation {
        min-width: unset;
    }

    .table-list-column-0 {
        width: 18%;
    }

    .table-list-column-2 {
        width: 35%;
    }

    .table-list-name,
    .table-list-typeProblem,
    .table-list-column-1,
    .table-list-column-3,
    .table-list-column-4,
    .table-list-column-5,
    .table-list-column-6,
    .table-list-column-7 {
        width: 15%;
    }

    .table-list-column-8,
    .table-list-column-9 {
        width: 10%;
        /*font-size: 80%;*/
    }

    #nav-menu-dropdown {
        display: none;
    }

    .menu-container > ul.dropdown-menu {
        display: block;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .menu-container > ul.dropdown-menu > li > a {
        color: #dfdfdf;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: unset;
    }

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: unset;
    }

    .settings-container .btn-group .dropdown-menu {
        right: auto !important;
    }
}

#navbar .navbar ul.tabs li.tab-group {
    background-color: unset;
}

a[data-action="follow"] {
    display: none;
}

button[data-action="setClosed"] {
    border-radius: 8px !important;
    background-color: #F3F7FCFF;
    border-color: #7ba2c3;
    color: #7ba2c3;
    font-weight: bold;

    /*border-radius: 3px !important;*/
    /*background-color: #BE77F5;*/
    /*border-color: #BE77F5;*/
}

/*button[data-action="analyzeInvoicePrint"] {*/
/*    border-radius: 8px !important;*/
/*    background-color: #F3F7FCFF;*/
/*    border-color: #7ba2c3;*/
/*    color: #7ba2c3;*/
/*    font-weight: bold;*/
/*    padding: 0 10px 5px 10px;*/
/*}*/

button[data-action="invoicePrint"] {
    border-radius: 8px !important;
    background-color: #F3F7FCFF;
    border-color: #7ba2c3;
    color: #7ba2c3;
    border-width: 1px;
    font-weight: bold;
    padding: 0 10px 5px 10px;
}

/*#content {*/
/*    background-color: #ecf0f5;*/
/*}*/

/* Заїка ТЕСТОВО ВНОШУ ЗМІНИ ПО ДИЗАЙНУ */

.record-grid .nav-tabs {
    margin-bottom: 5px;
}

.list-container .list {
    border-radius: 8px !important;
}

.panel {
    border-radius: 8px !important;
    margin-bottom: 3px !important;
}

.record .middle > .panel {
    border-top-width: 3px !important;
}

.btn {
    border-radius: 8px !important;
    /*padding: 3px 10px 5px 10px;*/
}

input.form-control {
    border-radius: 8px !important;
}

select.form-control {
    border-radius: 8px !important;
    min-width: 50px !important;
}

.panel.sticked {
    margin-top: 10px !important;
}

button[data-action="addAssortiments"] {
    background: none;
    border: none;
}


.search-right-buttons-group .filters-button {
    background-color: unset !important;
    border: unset !important;
    box-shadow: unset !important;
}

.search-right-buttons-group .add-filter-button {
    background-color: unset !important;
    border: unset !important;
    box-shadow: unset !important;
}

button.record-actions {
    background-color: unset !important;
    border: unset !important;
    box-shadow: unset !important;
    margin-left: 10px !important;
}

button.date-picker-btn, button.date-picker-btn:hover, button.date-picker-btn:focus, button.date-picker-btn:active {
    background-color: unset;
    border: unset;
    padding: 3px 7px 3px 7px !important;
}

button[data-action="addEmailAddress"], button[data-action="addEmailAddress"]:hover, button[data-action="addEmailAddress"]:focus {
    background: unset;
    border: unset;
    padding: 0;
}

button[data-action="addPhoneNumber"], button[data-action="addPhoneNumber"]:hover, button[data-action="addPhoneNumber"]:focus {
    border: unset;
    padding: 0;
}

#login.panel > .panel-heading {
    /*background-color: unset;*/
    background-color: #333;
    padding: 3px 0;
}

#login .logo-container {
    width: auto;
}

#login .logo-container img.logo {
    max-height: 100%;
    display: block;
    margin: auto;
}

button[data-action="createInvoice"] {
    margin-left: 20px !important;
}

button[data-action="clearLink"], button[data-action="clearLink"]:hover, button[data-action="clearLink"]:focus, button[data-action="clearLink"]:active {
    background-color: unset;
    border: unset;
}

.input-group-btn {
    padding-left: 10px !important;
}

h3 {
    font-size: 26px !important;
}

a.nav-link {
    font-family: "CAPElephant-Regular";
}


button[data-action="edit"] {
    min-width: 140px;
    font-weight: bold;
    color: white;
    font-size: 16px;
    background-color: #7ba2c3;
    border-color: #7ba2c3;
    padding: 0px 10px;
}

a[data-action="navigateToRoot"] {
    color: #A3238E;
}

.btn-group button, .header-buttons a {
    border: none;
    margin-top: 3px !important;
    /*font-family: 'Lato';*/
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    /*margin: 15px 30px;*/
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-group button:after, .header-buttons a:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn-group button:before, .header-buttons a:before {
    /*font-family: 'Font Awesome 6 Free';*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px 0 0 8px;
}

.btn-group button[data-action="analyzeInvoicePrint"], .header-buttons a[data-name="instruction"] {
    border-radius: 8px;
    background-color: #5184b0;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px 29px 42px;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.header-buttons a[data-name="instruction"] {
    background-color: #A3238E;
}

.btn-group button[data-action="analyzeInvoicePrint"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.2;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f201";
    font-weight: bold;
}

.header-buttons a[data-name="instruction"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.2;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    /*content: "\f129";*/
    /*content: "\f02d";*/
    content: "\f518";
    font-weight: bold;
}

.header-buttons a[data-name="instruction"] span {
    display: none;
}

.btn-group button[data-action="setClosed"], .header-buttons a[data-name="setClosed"] {
    border-radius: 8px;
    background-color: #5184b0;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px 29px 42px;
}

.btn-group button[data-action="setClosed"]:before, .header-buttons a[data-name="setClosed"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.2;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f057";
    /*font-weight: bold;*/
}

.btn-group button[data-action="invoicePrint"] {
    border-radius: 8px !important;
    background-color: #A3238E;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px 29px 42px;
}

.btn-group button[data-action="invoicePrint"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.2;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f02f";
    font-weight: bold;
}

.btn-group button[data-action="edit"] {
    border-radius: 8px !important;
    background-color: #A3238E;
    color: #fff;
    font-weight: normal;
    padding: 5px 8px 29px 30px;
}

.btn-group button[data-action="edit"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.1;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f044";
    /*font-weight: bold;*/
}

.btn-group button[data-name="getBonus"], .btn-group a[data-name="setToComplete"], .btn-group button[data-name="getDebtAccount"] {
    border-radius: 8px;
    background-color: #A3238E;
    color: #fff;
    font-weight: normal;
    padding: 5px 18px 29px 48px;
    margin-left: 5px !important;
}

.btn-group button[data-name="getBonus"]:before, .btn-group a[data-name="setToComplete"]:before, .btn-group button[data-name="getDebtAccount"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.2;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f058";
    font-weight: bold;
}

.btn-group button[data-name="cancel"], .btn-group button[data-action="cancel"], .btn-group button[data-action="cancelEdit"], .btn-group a[data-name="setReject"] {
    border-radius: 8px;
    background-color: #5184b0;
    color: #fff;
    font-weight: normal;
    padding: 5px 16px 29px 44px;
}

.btn-group button[data-name="cancel"]:before, .btn-group button[data-action="cancel"]:before, .btn-group button[data-action="cancelEdit"]:before, .btn-group a[data-name="setReject"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.2;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f05e";
    font-weight: bold;
}

.btn-group button[data-action="vchasnoSign"] {
    border-radius: 8px;
    background-color: #5184b0;
    color: #fff;
    font-weight: normal;
    padding: 5px 16px 29px 44px;
}

.btn-group button[data-action="vchasnoSign"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.3;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f058";
    font-weight: bold;
}

.btn-group button[data-action="print1с"], .btn-group button[data-action="printActButton"] {
    border-radius: 8px;
    background-color: #5184b0;
    color: #fff;
    font-weight: normal;
    padding: 5px 36px 29px 64px;
}

.btn-group button[data-action="print1с"]:before, .btn-group button[data-action="printActButton"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.3;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f02f";
    font-weight: bold;
}

.btn-group button[data-action="save"], .btn-group button[data-name="save"] {
    border-radius: 8px;
    background-color: #A3238E;
    color: #fff;
    font-weight: normal;
    padding: 5px 20px 29px 48px;
}

.btn-group button[data-action="save"]:before, .btn-group button[data-name="save"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.3;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f0c7";
    /*font-weight: bold;*/
}

.btn-group button[data-name="save"],
.btn-group button[data-name="cancel"],
.btn-group button[data-name="getBonus"],
.btn-group button[data-name="select"],
.btn-group button[data-name="apply"],
.btn-group a[data-name="setToComplete"],
.btn-group a[data-name="setReject"],
.btn-group button[data-name="submit"],
.btn-group button[data-name="getDebtAccount"] {
    margin: 0 5px 0 5px;
}

.btn-group button[data-name="select"] {
    border-radius: 8px;
    background-color: #A3238E;
    color: #fff;
    font-weight: normal;
    padding: 5px 20px 29px 48px;
}

.btn-group button[data-name="select"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.2;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f058";
    /*font-weight: bold;*/
}

.btn-group button[data-name="confirm"] {
    border-radius: 8px;
    background-color: #A3238E;
    color: #fff;
    font-weight: normal;
    padding: 5px 38px 29px 60px;
}

.btn-group button[data-name="submit"] {
    border-radius: 8px;
    background-color: #A3238E;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px 29px 38px;
}

.btn-group button[data-name="confirm"]:before, .btn-group button[data-name="submit"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.3;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f058";
    /*font-weight: bold;*/
}

.btn-group button[data-action="sampleDoc"], .header-buttons a[data-name="sampleDoc"] {
    border-radius: 8px;
    background-color: #A3238E;
    color: #fff;
    font-weight: normal;
    padding: 5px 28px 29px 50px;
}

.btn-group button[data-action="sampleDoc"]:before, .header-buttons a[data-name="sampleDoc"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.2;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f56d";
    font-weight: bold;
}

.btn-group button[data-action="sendTo1c"], .btn-group button[data-action="sendToErp"] {
    border-radius: 8px;
    background-color: #5184b0;
    color: #fff;
    font-weight: normal;
    padding: 5px 18px 29px 46px;
}

.btn-group button[data-action="sendTo1c"]:before, .btn-group button[data-action="sendToErp"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.2;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f14d";
    font-weight: bold;
}

.btn-group a[data-name="unfollow"], .btn-group a[data-name="follow"] {
    display: none;
}

.header-buttons a[data-name="create"] {
    border-radius: 8px !important;
    background-color: #A3238E;
    color: #fff;
    font-weight: normal;
    padding: 5px 16px 29px 44px;
}

.header-buttons a[data-name="create"]:before {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 2.2;
    font-size: 100%;
    width: 36px;
    font-family: 'Font Awesome 6 Free';
    content: "\f055";
    font-weight: bold;
}

body[data-navbar=side] #navbar .navbar li.tab > a > span.full-label {
    color: white;
}

a[data-action="autoPortalCreateCase"] {
    padding-top: 10px;
    font-size: 14px;
}

a[data-action="autoPortalCreateCase"] button {
    padding: 0 1.5rem 0.25rem 0.75rem;
    /*padding-bottom: 0.5rem;*/
}

.header-buttons a[data-name="create"] {
    /*display: none;*/
    min-width: 140.56px;
}

.header-buttons a[data-name="create"] span.fas {
    display: none;
}

.header-buttons a[data-name="instruction"] {
    min-width: 36px !important;
    padding-left: 28px !important;
    padding-right: 0px !important;
}

.btn-group .btn, .header-buttons .btn-group .pull-right .btn {
    padding: 8px 10px 8px 44px;
}

.btn-group .btn:before, .header-buttons .btn-group .pull-right .btn:before {
    background: rgba(0, 0, 0, 0.15);
}

a[data-action="autoPortalCreateCase"] > button > .icon {
    padding-right: 3px;
    font-size: 14px;
}

div[data-name="PortalContacts_minFlex"] {
    margin: 0;
    /*margin: 0 0 10px 0;*/
}

div[data-name="PortalNews"] {
    border-color: #e8eced !important;
    /*margin: 0 0 10px 0;*/
}

.input-group .form-control:not(:first-child):not(:last-child):not(.no-margin-shifting), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    margin-left: 5px;
}

/*.list>table td, .list>table th {*/

/*}*/

.table > thead > tr > th {
    vertical-align: middle;
    overflow-wrap: break-word;
    text-overflow: unset;
    white-space: normal;
}

/*!* Icon separator *!*/
/*.btn-sep {*/
/*    padding: 8px 10px 8px 44px;*/
/*}*/

/*.btn-sep:before {*/
/*    background: rgba(0,0,0,0.15);*/
/*}*/

/*!* Button 1 *!*/
/*.btn-1 {*/
/*    background: #5184b0;*/
/*    color: #fff;*/
/*    border-radius: 8px;*/
/*}*/

/*.btn-1:hover {*/
/*    background: #2980b9;*/
/*}*/

/*.btn-1:active {*/
/*    background: #2980b9;*/
/*    top: 2px;*/
/*}*/

/*.btn-1:before {*/
/*    position: absolute;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    line-height: 2.3;*/
/*    font-size: 100%;*/
/*    width: 36px;*/
/*}*/

/*.icon-info:before {*/
/*    font-family: 'Font Awesome 6 Free';*/
/*    content: "\f044";*/
/*    font-weight: bold;*/
/*}*/

.btn-default {
    color: #333;
    background-color: #e8eced;
    border-color: #e8eced;
    padding: 3px 10px 5px 10px;
}

.btn.btn-icon-x-wide {
    width: 40px !important;
}

button[data-action="createInvoiceDisabled"] {
    margin-left: 20px !important;
    background-color: #f7f7f7 !important;
    border-color: #ccc !important;;
    cursor: default !important;;
}

.global-search-button {
    height: 29px !important;
    padding: 5px 10px !important;
}

.get-total-debt {
    cursor: pointer;
}

.capa-loader-notification {
    border-radius: 8px !important;
    background: yellow;
    padding: 12px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.capa-loader-notification .capa-loader {
    margin: 0 auto;
    margin-top: 3px;
}

.capa-loader {
    background-image: url(../img/portal_loading_logo.gif);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    height: 50px;
    mix-blend-mode: darken;
    background-position: bottom;
}

.calculation-disable {
    opacity: 0.5;
    pointer-events: none;
}

.invoice-price-helper {
    font-size: 10px;
    width: 100%;
}

.entityHelpTextDetail {
    font-family: 'CAPElephant-Regular';
    background: yellow;
    margin: 10px;
    border-radius: 20px;
    padding: 7px;
    white-space: pre-line;
}

.dashlet-container .menu-button {
    display: none;
}

button[data-action="proceed"] {
    background-color: #A3238E !important;
    color: #fff !important;
    padding: 5px 20px 10px 20px !important;
}

.modal-footer button[data-name="apply"] {
    background-color: #A3238E !important;
    color: #fff !important;
    padding: 5px 20px 10px 20px !important;
    margin-right: 10px;
    font-weight: lighter;
}

button[data-action="logout"] {
    background-color: #5184b0 !important;
    color: #fff !important;
    padding: 5px 20px 10px 20px !important;
}

.invoice-positive-value {
    color: green;
}

.invoice-negative-value {
    color: red;
}

.detail[data-scope="Invoice"] #stream .panel-heading {
    display: none;
}

.detail[data-scope="Invoice"] #stream .panel-body .post-container {
    display: none;
}

.bg-button-contacts {
    border-radius: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    color: white;
    --tw-bg-opacity: 1;
    background-color: #8B278B;
    width: 100%;
    line-height: inherit;
    border-width: 0px;
}

tbody > tr > td > .pull-right {
    float: right !important;
    text-align: right !important;
}

table.table > thead th > a, .text-bold, a.field-info, table.table > thead th {
    color: #A3238E !important;
}

a.field-info {
    color: #A3238E !important;
}

/*.view-mode-switcher-buttons-group {*/
/*    display: none;*/
/*}*/

.rating_selection label:first-of-type {
    display: none;
}

.menu-updates-count {
    background-color: #A3238E;
    color: #fff;
    border-radius: 50%;
    /*padding: 1px;*/
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(50%, -50%);
    text-align: center;
    height: 22px;
    width: 22px;
}

ul.dropdown-menu > li > a > span.menu-updates-count {
    padding: 1px;
}

.contains-updates-count {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #A3238E;
    border-radius: 50%;
    margin-right: 5px;
    position: absolute;
    top: 3px;
    right: -1px;
}

.case-contains-updates-count {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #A3238E;
    border-radius: 50%;
}

.rating_selection input[type='radio'],
.rating_selection span {
    display: none;
}

.rating_selection label {
    cursor: pointer;
}

.rating_selection label:before {
    display: inline-block;
    content: "★";
    font-size: 30px;
    letter-spacing: 10px;
    color: #e9cd10;
}

.rating_selection input:checked + label ~ label:before {
    color: #aaa;
}

.rating_selection.active:hover label[for]:before {
    color: #e9cd10;
}

.rating_selection.active:hover label:hover ~ label:before {
    color: #aaa;
}

.navbar-collapse {
    overflow-x: unset !important;
}


a.auto-create-case-btn {
    width: 125px !important;
    padding: 3px !important;
    margin-right: 10px;
    background-color: transparent;
}

a.auto-create-case-btn button {
    width: 130px !important;
    background-color: #A3238E;
    color: white;
    border-radius: 8px;
    border-style: hidden;
}

a.text-default {
    color: var(--link-color);
}

.item-list-container > table td:has(select) {
    overflow: unset !important;
}

#main > .list-container > .list {
    margin-left: 0 !important;
    border: none !important;
    box-shadow: none;
}

.input-group > .input-group-btn:not(:first-child) > .btn:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.btn-default.search {
    color: #fff;
    background-color: #A3238E;
    border-color: #A3238E
}

button[data-action="search"] > span.fas.fa-search {
    color: white;
}

body > footer > p a img {
    vertical-align: sub;
}

.field-nameConfig.h6 {
    line-height: 1.2;
}

.list[data-scope="KnowledgeBaseArticle"] .btn-group .dropdown-menu {
    right: 0 !important;
}

.input-group-btn.left-dropdown, #stream .panel-heading .btn-default, .nested-categories-container .btn-group {
    visibility: hidden;
    display: none;
}

a.pagination-btn-middle.btn.btn-text.dropdown-toggle {
    pointer-events: none;
}

.menu-container > ul.dropdown-menu > li > a {
    pointer-events: none;
}

.menu-container > ul.dropdown-menu > li > a[data-name="logout"] {
    pointer-events: auto !important;
}

.record-grid .nav-tabs > li > a {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.label-success {
    background-color: green;
}

.label-warning {
    background-color: orange;
}

.label-danger {
    background-color: red;
}

.container-centering {
    height: auto;
}

#login {
    border-color: var(--panel-default-border) !important;
}

#login a.btn {
    font-weight: lighter;
    font-size: 14px;
}

.header-buttons a[data-name="instruction"]:hover::after {
    content: "Інструкція";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px;
    width: max-content;
    text-align: center;
    border-radius: 8px;
    display: none;
    margin-top: 4px;
    color: var(--btn-default-color);
    background-color: var(--btn-default-hover-bg);
    border-color: var(--btn-default-hover-border);
}

.header-buttons a[data-name="instruction"]:hover::after {
    display: block;
}

@supports (display:grid) {
    @media screen and (max-width: 767px) {
        .page-header .page-header-row {
            grid-template-columns: auto max-content !important;
        }
    }

    @media screen and (min-width: 768px) {
        .page-header .page-header-row {
            display: block;
        }

        .page-header .page-header-row .header-buttons.btn-group.pull-right {
            top: 13px;
        }
    }
}

@media screen and (min-width: 768px) {
    body[data-navbar=side] .stick-sub.button-container .actions-btn-group {
        margin-left: 20px;
    }

    .modal-body .categories-container + .list-container > .list {
        margin-right: calc(0rem - var(--modal-inner-padding) + 4px);
    }

}

body[data-navbar=side] #navbar ul.tabs > li span.short-label > span.fa-th-large {
    color: white;
}

div[data-scope="Case"] div[data-name="stream"] .pull-right.right-container, .notification-list .list-group-item .pull-right {
    display: none !important;
}

.modal-footer, .modal-body {
    background-color: white;
}

.record .middle > .panel:last-child:not(.first):not(.in-middle) {
    border-top-width: 3px !important;
    border-color: #A3238E !important;
}

.in-group.tab a.nav-link {
    position: relative;
}

a[href="#KnowledgeBaseCategory"][data-action="selectRoot"] {
    display: none !important;
}

.cell > .label{
    min-width: 90px;
}

.panel.password-change .field[data-name="generatePassword"]{
    display: none;
}