:root {
    --skin-theme-primary: #c49f63
}

.page-title-box .breadcrumb a {
    color: #414141;
    cursor: auto;
}

.page-title-box .breadcrumb .active {
    color: var(--skin-theme-primary);
}

.logo {
    line-height: 70px;
}

.metismenu {
    padding-top: 15px;
}

.left-side-menu {
    background: none;
    background-color: #313447;
}

.help-box {
    background-color: #313447;
}


.metismenu .side-nav-link {
    padding: 12px 30px;
}

.metismenu .side-nav-link .content {
    padding: 4px 0;
    display: flex;
    align-items: center;
}

.metismenu .side-nav-link .content .level_text {
    display: block;
    flex: 1;
}

.side-nav-second-level li a {
    padding: 4px 20px 4px 52px;
}

.side-nav-second-level li a .content {
    padding: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
}

.side-nav-second-level li a .level_text {
    padding: 4px 0 4px 10px;
    display: block;
    flex: 1;
}

.side-nav-second-level li a .menu-arrow {
    padding: 0;
    display: block;
}

.side-nav-third-level li a {
    padding: 4px 20px 4px 68px;
}

.side-nav-third-level li a .content {
    padding: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
}

.side-nav-third-level li a .level_text {
    padding: 4px 0px 4px 10px;
    display: block;
    flex: 1;
}

.side-nav-third-level li a .menu-arrow {
    padding: 0;
    display: block;
}

.metismenu li.czLMOn a .content {
    background-color: var(--skin-theme-primary);
    border-radius: 6px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background: url(./../../images/arrow_skin_black.png) center no-repeat;
    background-size: 100% 100%;
}

.btn {
    line-height: 19px;
    border-radius: 6px;
}

.btn:hover {
    opacity: 0.85;
}

.btn-danger,
.btn-danger:hover,
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    color: #fff;
    background-color: #FF4D4F;
    border-color: #FF4D4F;
    box-shadow: none;
}

.btn-light,
.btn-light:hover,
.btn-light.focus,
.btn-light:focus,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle,
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    color: var(--skin-theme-primary) !important;
    background-color: #ffeeea94 !important;
    border-color: var(--skin-theme-primary) !important;
    box-shadow: none;
}

.btn-info,
.btn-info:hover,
.btn-info.focus,
.btn-info:focus,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle,
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
    color: #0065f3;
    background: #e6f7ff8f;
    border-color: #1677ff3b;
    box-shadow: none;
}

.btn-primary,
.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    color: #fff;
    background-color: var(--skin-theme-primary) !important;
    border-color: var(--skin-theme-primary) !important;
    box-shadow: none;
}

.btn-primary-empty,
.btn-primary-empty:hover,
.btn-primary-empty.focus,
.btn-primary-empty:focus,
.btn-primary-empty:not(:disabled):not(.disabled).active,
.btn-primary-empty:not(:disabled):not(.disabled):active,
.show>.btn-primary-empty.dropdown-toggle,
.btn-primary-empty:not(:disabled):not(.disabled).active:focus,
.btn-primary-empty:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary-empty.dropdown-toggle:focus {
    color: var(--skin-theme-primary) !important;
    background-color: transparent !important;
    border-color: var(--skin-theme-primary) !important;
    box-shadow: none;
}

.page-item.active .page-link {
    background-color: var(--skin-theme-primary);
    border-color: var(--skin-theme-primary);
}

.btn-warning,
.btn-warning:hover,
.btn-warning.focus,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    color: #FAAD14;
    background-color: #FFFBE6;
    border-color: #FAAD14;
    box-shadow: none;
}

.btn-success,
.btn-success:hover,
.btn-success.focus,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: none;
    background-color: #F6FFED;
    border-color: #52C41A;
    color: #52C41A;
}

.btn-delete,
.btn-delete:hover,
.btn-delete.focus,
.btn-delete:focus,
.btn-delete:not(:disabled):not(.disabled).active,
.btn-delete:not(:disabled):not(.disabled):active,
.show>.btn-delete.dropdown-toggle,
.btn-delete:not(:disabled):not(.disabled).active:focus,
.btn-delete:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: none;
    background-color: #FFFFFF;
    border-color: #FF4D4F;
    color: #FF4D4F;
}


.btn-forbidden,
.btn-forbidden:hover,
.btn-forbidden.focus,
.btn-forbidden:focus,
.btn-forbidden:not(:disabled):not(.disabled).active,
.btn-forbidden:not(:disabled):not(.disabled):active,
.show>.btn-forbidden.dropdown-toggle,
.btn-forbidden:not(:disabled):not(.disabled).active:focus,
.btn-forbidden:not(:disabled):not(.disabled):active:focus,
.show>.btn-forbidden.dropdown-toggle:focus {
    color: #333;
    background: #fff;
    border-color: #B7B7B7;
    box-shadow: none;
}

.btn-error,
.btn-error:hover,
.btn-error.focus,
.btn-error:focus,
.btn-error:not(:disabled):not(.disabled).active,
.btn-error:not(:disabled):not(.disabled):active,
.show>.btn-error.dropdown-toggle,
.btn-error:not(:disabled):not(.disabled).active:focus,
.btn-error:not(:disabled):not(.disabled):active:focus,
.show>.btn-error.dropdown-toggle:focus {
    color: #fff;
    background: #FF4D4F;
    border-color: #FF4D4F;
    box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link.focus,
.btn-link:focus,
.btn-link:not(:disabled):not(.disabled).active,
.btn-link:not(:disabled):not(.disabled):active,
.show>.btn-link.dropdown-toggle,
.btn-link:not(:disabled):not(.disabled).active:focus,
.btn-link:not(:disabled):not(.disabled):active:focus,
.show>.btn-link.dropdown-toggle:focus {
    color: #1677FF;
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.btn-black-cz,
.btn-black-cz:hover,
.btn-black-cz.focus,
.btn-black-cz:focus,
.btn-black-cz:not(:disabled):not(.disabled).active,
.btn-black-cz:not(:disabled):not(.disabled):active,
.show>.btn-black-cz.dropdown-toggle,
.btn-black-cz:not(:disabled):not(.disabled).active:focus,
.btn-black-cz:not(:disabled):not(.disabled):active:focus,
.show>.btn-black-cz.dropdown-toggle:focus {
    color: #fff;
    background-color: #d1d1d1;
    border-color: #d1d1d1;
}

.btn-red-cz,
.btn-red-cz:hover,
.btn-red-cz.focus,
.btn-red-cz:focus,
.btn-red-cz:not(:disabled):not(.disabled).active,
.btn-red-cz:not(:disabled):not(.disabled):active,
.show>.btn-red-cz.dropdown-toggle,
.btn-red-cz:not(:disabled):not(.disabled).active:focus,
.btn-red-cz:not(:disabled):not(.disabled):active:focus,
.show>.btn-red-cz.dropdown-toggle:focus {
    color: #fff;
    background-color: #FF6960;
    border-color: #FF6960;
}

.btn-back,
.btn-back.focus,
.btn-back:focus,
.btn-back:not(:disabled):not(.disabled).active,
.btn-back:not(:disabled):not(.disabled):active,
.show>.btn-back.dropdown-toggle,
.btn-back:not(:disabled):not(.disabled).active:focus,
.btn-back:not(:disabled):not(.disabled):active:focus,
.show>.btn-back.dropdown-toggle:focus {
    border: 1px solid #B7B7B7;
    color: #111111;
}

.btn-back:hover {
    background-color: #ebe9e9;
    border-color: transparent;
}

.badge-info {
    background-color: #E6F7FF;
}

.badge-danger {
    background-color: #FF4D4F;
}

.badge-forbidden {
    background-color: #B7B7B7;
    color: #fff;
}

.badge-warning {
    background-color: #40B8FF;
    color: #ffffff;
}

.badge-success {
    background-color: #52C41A;
}

.badge-yellow {
    background-color: #FAAD14;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 0.18rem 0.4rem;
}

.text-primary {
    color: var(--skin-theme-primary) !important;
    font-weight: normal;
}

.text-info {
    color: #E6F7FF !important;
    font-weight: normal;
}

.text-danger {
    color: #FF4D4F !important;
    font-weight: normal;
}

.text-forbidden {
    color: #B7B7B7 !important;
    font-weight: normal;
}

.text-warning {
    color: #1677FF !important;
    font-weight: normal;
}

.text-success {
    color: #52C41A !important;
    font-weight: normal;
}

.form-control {
    border-radius: .5rem;
    background-color: #F9FAFB;
}

.input-daterange input:first-child {
    border-radius: 5px 0 0 5px !important;
}

.input-daterange input:last-child {
    border-radius: 0 5px 5px 0 !important;
}

.chosen-container-multi .chosen-choices {
    border-radius: 5px !important;
}

.bg-primary-rlf-cz {
    background: rgb(0, 0, 0, 0.8) !important;
}

body.authentication-bg {
    background-image: url(/assets/images/bg-rlf-skin_black.svg);
}

/*-------------------------*/

.nav-tabs-cz {
    border-bottom: none;
}

.nav-tabs-cz .nav-item.show .nav-link,
.nav-tabs-cz .nav-link.active {
    background-color: #FF6960;
    border: 1px solid #FF6960;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1rem;
    position: relative;
    padding-right: 30px;
}

.czico-arrow {
    width: 10px;
    font-size: 1rem;
    display: inline-block;
    color: #000000;
    font-family: 'Material Design Icons';
    height: 10px;
    position: absolute;
    top: 8px;
    right: 15px;
}

.czico-arrow::before {
    content: "\F142";
}

.nav-tabs-cz .active .czico-arrow {
    transform: rotate(90deg);
    color: #fff;
    top: 10px;
    right: 7px;
}

.nav-tabs-cz .nav-link {
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    color: #000000;
    border-radius: 5px;
    font-size: 1rem;
    position: relative;
    padding-right: 30px;
    margin: 0 10px 0 0;
}


.sa-button-container .cancel {
    background-color: #fff !important;
    border: 1px solid #B7B7B7;
    color: #333 !important;
}

.sa-button-container .confirm {
    background-color: var(--skin-theme-primary) !important;
}


.customer_table_style {
    color: var(--skin-theme-primary);
}

.download-item {
    background-color: var(--skin-theme-primary) !important;
}

.metismenu span.level_text {
    transition: all 0.1s;
    transform: scale(1);
}

.metismenu span.level_text:hover {
    transform: scale(1.05);
    color: var(--skin-theme-primary);
}

.metismenu li.czLMOn span.level_text:hover {
    transform: scale(1.05);
    color: white !important;
}