/* This is custom CSS */
@import "variables.css";
@import "fonts.css";
body{
    font-family: 'Volvo-Novum-Regular', sans-serif;
}
table thead tr th, .form-label, .btn,
.dashboard-page .analytic-data .amount-sm,
.table-colored thead tr th,
.table-colored tfoot tr td,
.table-title-count,
.table-title-text,
.table-last-column-text,
.base-table > tbody > tr > th,
.base-new-table > tbody > tr > th,
.login-box .login-box-row .login-box-col-left .login-form-bottom h5,
.details-list li div.left,
.transfer-box-info label,
#doughnut_chart_open_count,
#doughnut_chart_closed_count,
.three-main-elements li p,
.nk-ecwg .amount,
.bold{
    font-family: 'Volvo-Novum-Medium';
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    color: var(--black-color);
    font-family: 'Volvo-Novum-Medium';
    letter-spacing: 0 !important;
}
.capitalize{
    text-transform: capitalize !important;
}
.w-60px{
    width: 60px !important;
}
.w-150px{
    width: 150px;
}
.w-200px{
    width: 200px;
}
.w-215px{
    max-width: 215px !important;
}
.event-none{
    pointer-events: none !important;
}
.text-blue {
    color: #1849ba !important;
}
.logo-img{
    max-height: 12px;
}
.logo-small.logo-img{
    max-height: 36px;
}
.module-exchange-link{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #526484;
    gap: 12px;
}
.module-exchange-link .icon{
    background-color: #e5e9f2;
    height: 32px;
    width: 32px;
    border-radius: 100px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #526484;
}
.module-exchange-link:hover .icon{
    background-color: var(--cta-blue-web-color);
    color: var(--white-color);
}
.hr-line{
    background-color: #dbdfea;
    height: 1px;
    width: 100%;
    padding: 0;
    margin: 15px 0;
}
.header-title{
    font-size: 25px
}
/* Sidebar CSS */
.nk-sidebar .nk-sidebar-logo .logo-small{
    opacity: 0;
}

/* START: Form CSS */
.form-label{
    margin-bottom: 0;
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before{
    background-color: #1849ba;
}
.custom-radio.custom-control-sm{
    padding-left: 1.375rem;
}
.custom-radio.custom-control-sm .custom-control-label::before, .custom-radio.custom-control-sm .custom-control-label::after{
    left: -1.375rem;
}

textarea.textarea-xs {
    min-height: 60px;
}
textarea.form-control.highlight{
    color: #FF0000;
}
textarea[disabled]#final_comment {
    background-color: transparent;
    border: none;
    padding: 0;
}
textarea[disabled].description-textarea{
    background-color: transparent;
    border: none;
    padding: 1px 0 0 0;
}
.form-select.bg-white + span.select2 .select2-selection{
    background-color: var(--white-color);
}
/* END: Form CSS */
.table, .analytic-data .amount{
    color: var(--text-color);
}
#table_questions.table tr:first-child th:first-child,
#table_questions.table .nk-tb-item .nk-tb-col:first-child{
    padding-left: 1rem;
}
.ui-sortable-handle{
    cursor: move;
}
.ui-sortable-handle .ni-menu-squared{
    padding-top: 5px;
    display: inline-block;
    color: #8094ae;
}
.table-custom-bordered {
    border: 1px solid #dbdfea;
}
.table-custom-bordered th, .table-custom-bordered td {
    border: 1px solid #dbdfea;
}
.table-custom-bordered th, .table-custom-bordered td {
    border-left-width: 0;
}
.table-custom-bordered th:last-child, .table-custom-bordered td:last-child {
    border-right-width: 0;
}
.table-custom-bordered thead th, .table-custom-bordered thead td {
    border-bottom-width: 1px;
}
.table-custom-bordered thead th, .table-custom-bordered thead td{
    border-left-width: 0;
}
.table-custom-bordered thead th:last-child, .table-custom-bordered thead td:last-child{
    border-right-width: 0;
}
.word-break{
    white-space: normal !important;
}
.v-middle{
    vertical-align: middle !important;
}
/* .survey-questions-table{
    overflow: auto;
    height: 200px;
} */
.survey-questions-table table {
    border-collapse: collapse;
    width: 100%;
}
.survey-questions-table thead th {
    position: sticky;
    z-index: 999;
    top: -2px;
    background: #eee;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.bg-primary-light{
    background-color: #d5ddeb;
}
.question-colors-list{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.question-colors-list li a{
    display: flex;
    align-items: center;
    gap: 7px;
    background-color: red;
    padding: 5px 10px;
    border-radius: 4px;
    color: #1c2b46;
}
.question-colors-list li a em.icon{
    display: none;
}
.question-colors-list li a.active em.icon{
    display: inline-block;
}
.question-colors-list li a#question_colors_list_all{
    background-color: var(--white-color);
    border: 1px solid #CCC;
}
.question-colors-list li a#question_colors_list_all.active, .question-colors-list li a#question_colors_list_all:hover{
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white-color) !important;
}
.question-colors-list li a#question_colors_list_green{
    background-color: #b6f0e1;
    border: 1px solid #63e0ae;
}
.question-colors-list li a#question_colors_list_green:hover{
    background-color: #63e0ae;
}
.question-colors-list li a#question_colors_list_red{
    background-color: #fff0ef;
    border: 1px solid #ffcfcb;
}
.question-colors-list li a#question_colors_list_red:hover{
    background-color: #ffcfcb;
}
.question-colors-list li a#question_colors_list_yellow{
    background-color: #ffedae;
    border: 1px solid #f9cc3e;
}
.question-colors-list li a#question_colors_list_yellow:hover{
    background-color: #f9cc3e;
}
.question-colors-list li a#question_colors_list_black{
    background-color: #797979;
    border: 1px solid #1c2b46;
    color: var(--white-color);
}
.question-colors-list li a#question_colors_list_black:hover{
    background-color: #1c2b46;
}
.question-card .card-header .title{
    display: flex;
    align-items: flex-start;
    line-height: 1.3;
}
.question-card .card-header .title .question-no{
    white-space: nowrap;
    padding-right: 8px;
}
.question-card.bg-dark *{
    color: var(--white-color);
}
.question-card.bg-dark .custom-control-label{
    color: var(--white-color) !important;
}
.question-card.bg-dark textarea.description-textarea{
    color: #3c4d62 !important;
}
.question-card.bg-warning *{
    color: #1c2b46;
}
.question-card.bg-success .card-tools .badge-info,
.question-card.bg-warning .card-tools .badge-info{
    color: var(--white-color);
}
.question-card.bg-warning .custom-control-label{
    color: #1c2b46 !important;
}
.question-card.bg-danger{
    background-color: #fff0ef !important;
    border-color: #ffcfcb;
}
.question-card.bg-success{
    background-color: #b6f0e1 !important;
    border-color: #63e0ae;
}
.question-card.bg-warning{
    background-color: #ffedae !important;
    border-color: #f9cc3e;
}
.question-card.bg-dark{
    background-color: #797979 !important;
    border-color: #1c2b46;
}
.campaign-error-card {
    text-align: center;
    max-width: 730px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 30px;
}
.campaign-error-card .alert{
    display: flex;
    align-items: center;
    gap: 30px;
}
.campaign-error-card .alert img.custom-icon{
    width: 150px;
}
.campaign-error-card .alert p{
    flex: 1;
}
.nk-notification-item {margin-bottom: 2px;}
.nk-notification-text h6 span { color: var(--white-color); }

/* START: Buttons CSS */
.btn-primary {
    background-color: var(--cta-blue-web-color);
    border-color: var(--cta-blue-web-color);
}
.btn-primary:hover {
    background-color: var(--cta-blue-web-hover-color);
    border-color: var(--cta-blue-web-hover-color);
}
.btn-primary:focus, .btn-primary.focus {
    background-color: var(--cta-blue-web-active-color);
    border-color: var(--cta-blue-web-active-color);
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--cta-blue-web-color); border-color: var(--cta-blue-web-color);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--cta-blue-web-active-color);
    border-color: var(--cta-blue-web-active-color);
}
.btn-outline-primary {
    color: var(--cta-blue-web-color);
    border-color: var(--cta-blue-web-color);
}
.btn-outline-primary:hover {
    color: var(--white-color);
    background-color: var(--cta-blue-web-hover-color);
    border-color: var(--cta-blue-web-hover-color);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--cta-blue-web-color); background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: var(--white-color);
    background-color: var(--cta-blue-web-active-color);
    border-color: var(--cta-blue-web-active-color);
}
.btn-orange, .btn-orange, .btn-orange:focus, .btn-orange.focus{
    background: linear-gradient(0deg,#BF834B 0,#A85F02 100%);
    border: none;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    box-shadow: 0 1px 1px 0 rgb(60 75 100 / 14%), 0 2px 1px -1px rgb(60 75 100 / 12%), 0 1px 3px 0 rgb(60 75 100 / 20%);
}
.btn-orange:hover, .btn-orange.hover{
    color: var(--white-color);
    opacity: 0.7;
    /* background: linear-gradient(0deg, #1e306a 0, #0048ba 100%);
    border: none;
    box-shadow: 0 1px 1px 0 rgb(60 75 100 / 14%), 0 2px 1px -1px rgb(60 75 100 / 12%), 0 1px 3px 0 rgb(60 75 100 / 20%); */
}
.btn-success{
    color: var(--white-color);
    background-color: #00b484;
    border-color: #00b484;
}
.btn-custom-icon-right{
    padding-right: 10px;
}
.btn-custom-icon-left{
    padding-left: 10px;
}
/* END: Buttons CSS */

.badge-success{
    color: var(--white-color);
    background-color: #00b484;
    border-color: #00b484;
}

.select-w-136{
    width: 136px !important;
}
.select-w-136 + span.select2 {
    width: 136px !important;
}
.user-avatar, [class^="user-avatar"]:not([class*="-group"]){
    background: var(--cta-blue-web-color);
}
.link-list a:hover{
    color: var(--orange-color);
}
.user-name{
    font-size: 0.75rem;
}
.dashboard-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}
.dashboard-card-list-item {
    width: calc(20% - 8px);
}

.analytic-ov-data{
    width: 11.11%;
}
.card-separator-v{
    border-right: 1px solid #dbdfea;
}
.dashboard-left-box{
    overflow: auto;
    height: calc(100vh - var(--header-heightExtra));
}
.dashboard-left-box > .card-body{
    display: flex;
    flex-direction: column;
}
.dashboard-right-box{
    overflow: auto;
    height: calc(100vh - var(--header-height));
}
.dashboard-left-box .card-title-group{
    min-height: 3.625rem;
}
.dashboard-left-box .card-title-group .card-title .title{
    font-size: 1.05rem;
}
.dashboard-left-box .card-title-group .card-tools .form-label{
    font-size: 13px;
}
select#bottom_select{
    width: 48px;
    padding-left:7px;
    padding-right:7px;
}
.filter-top-item{
    width: 20%;
}
.filter-top-item.filter-date-item{
    min-width: 135px;
}
.dashboard-page .analytic-wp{
    height: calc(100% - 28px);
}
.dashboard-page .analytic-wp-group{
    /* height: calc(100vh - 249px); */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dashboard-page .analytic-wp-data{
    align-items: flex-start;
    border-bottom: 1px solid #dbdfea;
    min-height: 4rem;
    margin-bottom: 5px;
    margin-top: 2px;
}
.dashboard-page .analytic-wp-data:last-child{
    border-bottom: none;
}
.dashboard-page .analytic-wp-data .title{
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
}
/* .dashboard-page .analytic-wp-data .analytic-wp-text{
    min-width: 70px;
} */
.dashboard-page .attention-board-list .analytic-wp-data{
    background-color: rgba(184,222,216,.36);
    border-radius: 5px;
    margin-top: 0;
    margin-bottom: 7px;
    border: 1px solid rgba(0,0,0,.1);
}
.dashboard-page .attention-board-list .analytic-wp-data *{
    color: #3730a3 !important;
}
.dashboard-page .analytic-data .amount-sm{
    font-size: 1.525rem;
    font-weight: 500;
}
.dashboard-page .analytic-wp-graph{
    flex: 1;
    width: 164px;
}
.analytic-data .title{
    color: var(--text-color);
}
/* Table CSS */
.datatable-wrap{
    border: none;
    box-shadow: none;
}
.table-colored{
    border-color: var(--white-color);
}
.table-colored thead tr th{
    background-color: #202946 !important;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    border-bottom: none;
    padding-top: 15px;
    padding-bottom: 15px;
}
.table-colored tbody tr td{
    font-size: 16px;
}
.table-colored tbody tr.green td{
    background-color: var(--success-color) !important;
    color: var(--white-color);
}
.table-colored tbody tr.yellow td{
    background-color: var(--warning-color) !important;
    color: #000;
}
.table-colored tbody tr.red td{
    background-color: var(--error-color) !important;
    color: var(--white-color);
}
.table-colored tfoot tr td{
    background-color: #e7e8ea !important;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.horizontal-graph-table-wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 26px;
    width: 100%;
    margin: 0 auto;
}
.horizontal-graph-table{
    width: 100%;
}
.horizontal-graph-table thead tr th{
    padding: 10px 12px;
    color: var(--text-color);
    font-weight: 400;
    font-size: 16px;
}
.horizontal-graph-table tbody tr th{
    width: 1%;
    white-space: nowrap;
    color: var(--text-color);
    font-weight: 400;
    font-size: 13px;
    text-align: right;
    border-right: 1px solid #dbdfea;
    text-transform: uppercase;
}
.horizontal-graph-table tbody tr th, .horizontal-graph-table tbody tr td{
    padding: 8px 12px;
}
.horizontal-graph-table tr td:nth-child(2){
    padding-left: 0;
}
.horizontal-graph-table-main tr td{
    padding: 30px 0;
}
.table-title-count{
    width: 80px;
    font-size: 20px;
    color: #333;
    font-weight: 500;
}
.table-title-text{
    font-size: 20px;
    color: #333;
    font-weight: 500;
}
.table-last-column-text{
    width: 180px;
    white-space: nowrap;
    text-align: left;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    padding-left: 20px;
}
.base-table-box{
    padding-left: 2.75rem;
}
.base-table{
    margin-top: 60px;
}
.base-table > tbody > tr > th{
    width: 1%;
    white-space: nowrap;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    text-align: right;
    border-right: 1px solid #dbdfea;
}
.base-table  > tbody  > tr  > th, .base-table  > tbody  > tr  > td{
    padding: 22px 12px;
}
.base-table tr td:nth-child(3){
    padding-left: 0;
}
.table-custom-legend-wrap{
    display: flex;
    justify-content: flex-end;
    padding-right: 180px;
    margin-top: 2.75rem;
}

.base-new-table{
    margin-top: 60px;
}
.base-new-table > thead > tr > th{
    padding: 0 12px;
}
.base-new-table > tbody tr td.base-new-table-column1 .color-graph-blue-wrap{
    position: relative;
}
.base-new-table > tbody tr td.base-new-table-column1 .color-graph-blue-wrap:after{
    content: '';
    background: url("../images/reports/arrow-left-x2.png") no-repeat right center;
    background-size: contain;
    width: 120px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
}
.base-new-table > tbody tr:first-child td.base-new-table-column1 .color-graph-blue-wrap:after{
    background-image: url("../images/reports/arrow-left-x1.png");
    top: -40px;
}
.base-new-table > tbody tr:last-child td.base-new-table-column1 .color-graph-blue-wrap:after{
    background-image: url("../images/reports/arrow-left-x3.png");
    top: 40px;
}
.base-new-table > tbody tr.base-new-table-row1 td.base-new-table-column1 .color-graph-blue-wrap:after{
    background: url("../images/reports/arrow-left-x2.png") no-repeat right center;
    top: 0px;
}
.base-new-table > tbody tr:first-child td.base-new-table-column1 > table.base-new-table-inner{
    margin-top: 60px;
}
.base-new-table > tbody tr:last-child td.base-new-table-column2 > table{
    margin-top: 85px;
}
.base-new-table > tbody tr.base-new-table-row1 td.base-new-table-column1 > table.base-new-table-inner{
    margin-top: 0px;
}
.base-new-table > tbody tr.base-new-table-row1 td.base-new-table-column2 > table{
    margin-top: 15px;
}
.base-new-table > tbody > tr > th{
    width: 1%;
    white-space: nowrap;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    text-align: right;
    border-right: 1px solid #dbdfea;
}
.base-new-table  > tbody  > tr  > th, .base-new-table  > tbody  > tr  > td{
    padding: 0 12px;
    vertical-align: middle;
}
.base-new-table > tbody > tr:first-child > td,
.base-new-table > tbody > tr:last-child > td{
    vertical-align: top;
}
.base-new-table > tbody > tr:first-child > td td,
.base-new-table > tbody > tr:last-child > td td{
    vertical-align: middle;
}
.base-new-table tr td:nth-child(3){
    padding-left: 0;
}
.base-new-table .base-new-table-column1{
    width: 46%;
}
.base-new-table-inner .border-right{
    width: 180px;
    white-space: nowrap;
    text-align: right;
    border-right: 1px solid #dbdfea;
}
.base-new-table-inner th, .base-new-table-inner td{
    padding: 40px 7px;
}
.base-new-table-heading1{
    text-transform: uppercase;
    font-size: 16px;
    color: var(--text-color);
    font-weight: 400;
    letter-spacing: 2px;
}

.base-new-table-heading2{
    width: 224px !important;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--text-color);
    font-weight: 400;
    letter-spacing: 2px;
}

.base-black-table{
    margin-top: 60px;
}
.base-black-table tbody tr th{
    width: 1%;
    white-space: nowrap;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    text-align: right;
    border-right: 1px solid #dbdfea;
}
.base-black-table tbody tr th, .base-black-table tbody tr td{
    padding: 40px 12px;
}
.base-black-table tr td:nth-child(3){
    padding-left: 0;
}
.table .thead-light-blue th { color: #333; background-color: var(--flow-four-color) !important; border-color: #dbdfea; }
.table .thead-light-blue tr:last-child th{border-bottom: 1px solid #dbdfea;}
.table .thead-light-blue + tbody tr th:first-child{
    color: #333; 
    background-color: var(--flow-four-color) !important;
    font-weight: normal;
}
.table.custom-parameter-table thead.thead-light-blue tr th{
    padding-left: 5px;
    padding-right: 5px;
}
.table.custom-parameter-table tbody tr th,
.table.custom-parameter-table tbody tr td{
    padding-left: 5px;
    padding-right: 5px;
}
.table.custom-parameter-table th.sortable{
    cursor: pointer;
    position: relative;
    padding-right: 30px !important;
}
.table.custom-parameter-table th.sortable:before,
.table.custom-parameter-table th.sortable:after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    opacity: 0.3;
}
.table.custom-parameter-table th.sortable:before{
    right: 1em;
    content: "\2191";
}
.table.custom-parameter-table th.sortable:after{
    right: 0.5em;
    content: "\2193";
}
.table.custom-parameter-table th.sortable.asc:before,
.table.custom-parameter-table th.sortable.desc:after{
    opacity: 1;
}

.table.table-skye-blue thead th{
    color: var(--white-color) !important;
    background-color: #16a6c7 !important;
    border-color: var(--white-color) !important;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 20px;
}
.table.table-skye-blue thead tr:last-child th{border-bottom: 1px solid var(--white-color) !important;}
.table.table-skye-blue tbody tr:nth-of-type(odd) td, .table.table-skye-blue tbody tr:nth-of-type(odd) th{
    background-color: #cce0eb !important;
}
.table.table-skye-blue tbody tr:nth-of-type(even) td, .table.table-skye-blue tbody tr:nth-of-type(even) th{
    background-color: #e8eff7 !important;
}
.table.table-skye-blue.table-hover tbody tr:hover{
    background-color: #bad0dc !important;
    color: #333 !important;
}
.table.table-skye-blue td{
    border: 1px solid var(--white-color) !important;
    color: #333 !important;
}
/* Table Gold Color */
.table.table-gold-color thead th{
    font-size: 1rem;
    color: #000 !important;
    background-color: #dccca7 !important;
    border-color: var(--white-color) !important;
}
.table.table-gold-color thead tr:last-child th{
    border-bottom: 1px solid var(--white-color) !important;
}
.table.table-gold-color tbody tr:nth-of-type(odd) td, .table.table-gold-color tbody tr:nth-of-type(odd) th{
    background-color: #f1ebe0 !important;
}
.table.table-gold-color tbody tr:nth-of-type(even) td, .table.table-gold-color tbody tr:nth-of-type(even) th{
    background-color: #f8f6f0 !important;
}
.table.table-gold-color.table-hover tbody tr:hover{
    background-color: #bad0dc !important;
    color: #000 !important;
}
.table.table-gold-color tbody th{
    background-color: #dccca7 !important;
    border: 1px solid var(--white-color) !important;
    color: #000 !important;
}
.table.table-gold-color td{
    border: 1px solid var(--white-color) !important;
    color: #000 !important;
}
/* Table Green Orange */
.table.table-green-orange thead th{
    color: var(--white-color); background-color: #79b832; border-color: var(--white-color);
}
.table.table-green-orange thead th:last-child{
    background-color: #dc7613;
}
.table.table-green-orange thead tr:last-child th{border-bottom: 1px solid var(--white-color);}
.table.table-green-orange tbody tr:nth-of-type(odd){
    background-color: #d6e6cc;
}
.table.table-green-orange tbody tr:nth-of-type(odd) td:last-child{
    background-color: #fac796;
}
.table.table-green-orange tbody tr:nth-of-type(even){
    background-color: #ecf3e9;
}
.table.table-green-orange tbody tr:nth-of-type(even) td:last-child{
    background-color: #fce3cc;
}
.table.table-green-orange.table-hover tbody tr:hover{
    background-color: #d6e6cc;
    color: #333;
}
.table.table-green-orange td{
    border: 1px solid var(--white-color);
    color: #333;
}
/* START: Custom Table CSS */
.custom-table.table .thead-light th {
    color: var(--white-color);
    background-color: var(--grey-three-color);
    border-color: var(--grey-two-color);
    border-radius: 0 !important;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 17px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.custom-table.table .thead-light th .sub-text{
    color: var(--white-color);
}
.custom-table.table-striped tbody tr td{
    border-radius: 0 !important;
}
.custom-table.table-bordered{
    border-color: var(--grey-two-color);
}
.custom-table.table-bordered tbody tr td{
    border-color: var(--grey-two-color);
}
.custom-table.table-bordered .nk-tb-item:not(:last-child) .nk-tb-col{
    border-bottom: none;
}
.table-responsive > .custom-table.table-bordered{
    border: 1px solid var(--grey-two-color);
}
.custom-table.table-striped tbody tr:nth-of-type(odd){
    background-color: var(--white-color);
    color: var(--black-color);
}
.custom-table.table-striped tbody tr:nth-of-type(even){
    background-color: var(--teal-two-color);
    color: var(--black-color);
}
.custom-table.table tbody tr td{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.custom-table.table .nk-tb-item:not(:last-child) .nk-tb-col{
    border-bottom: none;
}
.custom-table.table .icon.ni-arrow-up,
.custom-table.table .icon.ni-arrow-down{
    font-weight: bold;
    font-size: 14px;
    border-radius: 100px;
    padding: 2px 2px;
    width: 24px;
    display: inline-flex;
    height: 23px;
    align-items: center;
    justify-content: center;
    border: 1px solid;
}
.custom-table.table .icon.ni-arrow-up{
    color: var(--success-color);
    background-color: var(--white-color);
}
.custom-table.table .icon.ni-arrow-down{
    color: var(--error-color);
    background-color: var(--white-color);
}
.table-custom-scroll .datatable-wrap{
    overflow-x: auto;
}
/* END: Custom Table CSS */
.color-horizontal-graph{
    display: flex;
    flex-direction: row;
    color: var(--white-color);
    text-align: center;
}
.color-horizontal-graph .color-graph-warning,
.color-horizontal-graph .color-graph-info,
.color-horizontal-graph .color-graph-success{
    padding: 2px;
}
.color-horizontal-graph .color-graph-warning{
    background-color: var(--error-color);
    color: var(--white-color);
}
.color-horizontal-graph .color-graph-info{
    background-color: var(--warning-color);
    color: #333333;
}
.color-horizontal-graph .color-graph-success{
    background-color: var(--success-color);
    color: var(--white-color);
}
.color-horizontal-graph .color-graph-warning span,
.color-horizontal-graph .color-graph-info span,
.color-horizontal-graph .color-graph-success span{
    display: inline-block;
    margin: 0 auto;
}
.color-graph-blue-wrap{
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: 120px;
    position: relative;
}
.color-graph-blue{
    background-color: #4991cc;
    color: var(--white-color);
    padding: 23px 2px 24px 2px;
    font-size: 20px;
    text-align: center;
}
.color-graph-black{
    background-color: #11151e;
    color: #000000;
    padding: 6px 2px;
    font-size: 20px;
    text-align: center;
}
.color-graph-black-text{
    color: #000000;
    padding: 0 12px;
    font-size: 20px;
}
.custom-legend-list{
    display: flex;
    flex-direction: row;
    gap: 26px;
}
.custom-legend{
    display: flex;
    align-items: center;
    line-height: 1.2;
    color: var(--text-color);
    font-size: 13px;
}
.custom-legend .custom-legend-color{
    display: inline-block;
    width: 14px;
    height: 12px;
    background-color: #3730a3;
    margin-right: 8px;
}
.custom-legend-list.big-legend .custom-legend{
    font-size: 18px;
}
.custom-legend-list.big-legend .custom-legend .custom-legend-color{
    width: 16px;
    height: 16px;
}
.text-success {
    color: var(--success-color) !important;
}
/* START: Login Page CSS */
.bg-login{
    background: url('../images/bg.jpg') no-repeat top center;
    background-size: cover;
}
.login-wrap{
    flex: 1;
    height: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}
.login-box{
    margin: 50px 0.5rem;
    max-width: 1100px;
    width: 100%;
}
.login-box .login-box-row {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    background-color: var(--white-color);
    border: none;
    box-shadow: 0 0 8px 2px rgb(0 0 0 / 8%);
    border-radius: 8px;
    overflow: hidden;
}
.login-box .login-box-row .login-box-col-left {
    position: relative;
    display: block;
    flex: 0 0 calc(100% - 350px);
    max-width: calc(100% - 350px);
    /* background: url('../images/rajwada-historical-palace-indore-city.png') no-repeat center bottom;
    background-size: 100% 60%; */
}
.login-box .login-box-row .login-box-col-left .brand-logo{
    padding: 0 0 30px 0;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}
.login-box .login-box-row .login-box-col-left .nk-block-title{
    margin: 0 auto;
    max-width: 439px;
    line-height: 1.25;
    font-size: 24px;
    color: #1e306a;
    font-weight: 600;
}
.login-box .login-box-row .login-box-col-left .login-graphic img{
    max-width: 250px;
    opacity: 0.12;
}
.login-box .login-box-row .login-box-col-left .login-form-bottom{
    text-align: center;
    padding-top: 15px;
}
.login-box .login-box-row .login-box-col-left .login-form-bottom h5{
    font-weight: 500 !important;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.75);
    line-height: 1.5;
}
.login-box .login-box-row .login-box-col-left .login-form {
    padding: 33px 3.5rem 22px 3.5rem;
    text-align: center;
}
.login-box .login-box-row .login-box-col-right {
    position: relative;
    display: block;
    flex: 0 0 350px;
    max-width: 350px;
    background-color: var(--primary);
    padding: 6rem 2rem 6rem 2rem;
}
.login-box .login-box-row .login-box-col-right .login-form {
    padding: 0;
}
.login-box .login-box-row .login-box-col-right a{
    color: rgba(255, 255, 255, 0.7);
}
.login-box .login-box-row .login-box-col-right a:hover{
    color: #FF8000;
    text-decoration: none;
}
.login-box .login-box-row .login-box-col-right .form-label-group .form-label{
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem !important;
    font-weight: 400;
}
.login-box .login-box-row .login-box-col-right .nk-block-title{
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    line-height: 1.35;
}
.login-box .nk-auth-footer{
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
}
.login-box .nk-auth-footer .nk-block-between{
    justify-content: center;
}
.fs-77p{
    font-size: 77%;
}
.fs-16px{
    font-size: 16px;
}
.fs-18px{
    font-size: 18px;
}
.details-list{
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
.details-list li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}
.details-list li div.left{
    padding-right: 0.1875rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #344357;
    width: 33.33333%;
}
.details-list li div.right{
    width: 66.66667%;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.65;
    color: #526484;
    padding-left: 0.1875rem;
}
/* Login Page Css Start */
.AuthWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
}
.Branding {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    text-align: center;
}

.sso-login-btn {
    padding: 0 10px 30px;
}

.sso-login-btn a.btn.btn-primary {
    width: 100%;
    background-color: #202a44!important;
    border-color: #202a44;
    font-size: 14px;
    font-weight: 600;
    padding: 10px!important;
    margin: 0 auto;
    line-height: unset!important;
    height: unset;
    text-align: center;
    display: block;
}

.text img {
    margin-bottom: 15px;
}

.text h4 {
    margin-bottom: 0;
    font-weight: 800;
    font-size: 18px;
}

.HeadWrap {
    background-color: #eff1f2;
}

.HeadWrap h3 {
    padding: 10px;
    text-align: center;
    font-size: 37px;
    font-weight: 800;
    margin-bottom: 0;
}

.InnerWrap {
    box-shadow: 0 12px 22px 0 #ccc;
    background: #fff;
    max-width: 350px;
    margin: 0 auto;
    width: 100%;
}

/* Login Page CSS End */
@media screen and (max-width: 48em) {
    .login-box{
        margin: 0.5rem;
    }
    .login-box .login-box-row .login-box-col-left .brand-logo{
        padding-bottom: 26px;
    }
    .login-box .login-box-row .login-box-col-left .brand-logo img{
        max-width: 186px;
    }
    .login-box .login-box-row .login-box-col-left{
        flex: 0 0 100%;
        max-width: 100%;
        height: 34vh;
    }
    .login-box .login-box-row .login-box-col-left .login-form{
        padding: 20px;
    }
    .login-box .login-box-row .login-box-col-left .nk-block-title{
        font-size: 18px;
    }
    .login-box .login-box-row .login-box-col-right{
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 1rem;
    }
}
/* END: Login Page CSS */

/* END: Inline Form CSS */
.inline-form{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}
/* END: Inline Form CSS */

/* Range slider */
.vranger[orient=vertical] {
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* Chromium */
    appearance: slider-vertical;
    background: transparent;
    cursor: pointer;
    width: 10px;
    padding: 0 10px;
}
.range-slider {
    display: inline-block;
    width: 40px;
    position: relative;
    text-align: center;
    height: 100%;
    max-height: 100%;
}
.range-slider:before {
    position: absolute;
    top: -2em;
    left: 0.5em;
    content: attr(data-slider-value) "%";
    color: white;
    font-size: 90%;
}
.range-slider__thumb {
    position: absolute;
    left: 5px;
    width: 30px;
    height: 24px;
    line-height: 20px;
    background: white;
    color: #3D3D4A;
    font-size: 80%;
    border: 3px solid #3D3D4A;
    border-left: none;
    pointer-events: none;
}
.range-slider__thumb::after {
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    background-color: transparent;
    top: 1px;
    left: -8px;
    border-top: #3D3D4A solid 3px;
    border-left: #3D3D4A solid 3px;
    transform: rotate(-45deg);
    z-index: 0;
}
.range-slider__bar {
    left: 16px;
    bottom: 0;
    position: absolute;
    background: linear-gradient(#202A44,#A85F02,#9E2A2B,#476D3B);
    pointer-events: none;
    width: 8px;
    border-radius: 10px;
}
.range-slider input[type=range][orient=vertical] {
    position: relative;
    margin: 0;
    height: 100%;
    width: 100%;
    display: inline-block;
    position: relative;
    writing-mode: bt-lr;
    -webkit-appearance: slider-vertical;
}
.range-slider input[type=range][orient=vertical]::-webkit-slider-runnable-track, .range-slider input[type=range][orient=vertical]::-webkit-slider-thumb {
    -webkit-appearance: none;
}
.range-slider input[type=range][orient=vertical]::-webkit-slider-runnable-track {
    border: none;
    background: #343440;
    width: 8px;
    border-color: #343440;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #3D3D4A;
}
.range-slider input[type=range][orient=vertical]::-moz-range-track {
    border: none;
    background: #343440;
    width: 8px;
    border-color: #343440;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #3D3D4A;
}
.range-slider input[type=range][orient=vertical]::-ms-track {
    border: none;
    background: #343440;
    width: 8px;
    border-color: #343440;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #3D3D4A;
    color: transparent;
    height: 100%;
}
.range-slider input[type=range][orient=vertical]::-ms-fill-lower, .range-slider input[type=range][orient=vertical]::-ms-fill-upper, .range-slider input[type=range][orient=vertical]::-ms-tooltip {
    display: none;
}
.range-slider input[type=range][orient=vertical]::-webkit-slider-thumb {
    width: 30px;
    height: 30px;
    opacity: 0;
}
.range-slider input[type=range][orient=vertical]::-moz-range-thumb {
    width: 30px;
    height: 30px;
    opacity: 0;
}
.range-slider input[type=range][orient=vertical]::-ms-thumb {
    width: 30px;
    height: 30px;
    opacity: 0;
}
.form-control-required-wrap{
    display: flex;
    flex-direction: column;
}

select.form-select.green + .select2.select2-container--default .select2-selection--single{
    border-color: #09b509;
}
select.form-select.green + .select2.select2-container--default .select2-selection--single .select2-selection__rendered,
select.form-select.green + .select2.select2-container--default .select2-selection--single .select2-selection__arrow{
    color: #09b509;
}
select.form-select.red + .select2.select2-container--default .select2-selection--single{
    border-color: red;
}
select.form-select.red + .select2.select2-container--default .select2-selection--single .select2-selection__rendered,
select.form-select.red + .select2.select2-container--default .select2-selection--single .select2-selection__arrow{
    color: red;
}
select.form-select.yellow + .select2.select2-container--default .select2-selection--single{
    border-color: #dede1b;
}
select.form-select.yellow + .select2.select2-container--default .select2-selection--single .select2-selection__rendered,
select.form-select.yellow + .select2.select2-container--default .select2-selection--single .select2-selection__arrow{
    color: #dede1b;
}
select.form-select.black + .select2.select2-container--default .select2-selection--single{
    border-color: #000000;
}
select.form-select.black + .select2.select2-container--default .select2-selection--single .select2-selection__rendered,
select.form-select.black + .select2.select2-container--default .select2-selection--single .select2-selection__arrow{
    color: #000000;
}
.select2-dropdown .select2-results .select2-results__options [id^="-green"],
.select2-dropdown .select2-results .select2-results__options [id*="-green"] {
    background-color: #09b509 !important;
    color: var(--white-color);
}
.select2-dropdown .select2-results .select2-results__options [id^="-red"],
.select2-dropdown .select2-results .select2-results__options [id*="-red"] {
    background-color: #FF0000 !important;
    color: var(--white-color);
}
.select2-dropdown .select2-results .select2-results__options [id^="-yellow"],
.select2-dropdown .select2-results .select2-results__options [id*="-yellow"] {
    background-color: #dede1b !important;
    color: var(--white-color);
}
.select2-dropdown .select2-results .select2-results__options [id^="-black"],
.select2-dropdown .select2-results .select2-results__options [id*="-black"] {
    background-color: #000000 !important;
    color: var(--white-color);
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[id^="-green"], 
.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[id*="-green"]{
    background-color: #097e09 !important;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[id^="-red"], 
.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[id*="-red"]{
    background-color: #bf0505 !important;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[id^="-yellow"], 
.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[id*="-yellow"]{
    background-color: #c1c110 !important;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[id^="-black"], 
.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted[id*="-black"]{
    background-color: #000000 !important;
}
.form-control-required-wrap select.form-select{
    order: 0;
}
.form-control-required-wrap .select2-container{
    order: 1;
}
.form-control-required-wrap .parsley-errors-list{
    order: 2;
}
.form-select.disabled-select + .select2{
    pointer-events: none;
}
.form-select.disabled-select + .select2.select2-container--default .select2-selection--single{
    background-color: #f4f5f8;
}
/* Accordion */
.accordion-head{
    background-color: #ebeef2;
    color: var(--black-color);
    padding: 1rem 1.25rem;
}
.accordion.column-accordion{
    background-color: transparent !important;
    border: none !important;
    height: 100%;
}
.accordion.column-accordion .accordion-item{
    height: 100%;
}
.accordion.column-accordion .accordion-item .accordion-head{
    border: 1px solid #e5e9f2;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
}
.accordion.column-accordion .accordion-item .accordion-head.collapsed{
    border: 1px solid #e5e9f2;
    border-radius: 4px;
}
.accordion.column-accordion .accordion-item .accordion-body{
    height: calc(100% - 54px);
    border: 1px solid #e5e9f2;
    border-top: none;
    background: var(--white-color);
    border-radius: 0 0 4px 4px;
}
.accordion.column-accordion .accordion-item .accordion-body .accordion-inner{}

.list-sm:not(:last-child) { margin-bottom: 1rem; }
.list-sm li { position: relative; padding-left: 1.2rem; line-height: 1.2rem; }
.list-sm li:not(:last-child) { padding-bottom: .5rem; }
.list-sm li:before { position: absolute; left: 0; font-size: 12px; line-height: 1.2rem; font-family: "Nioicon"; content: ""; }
.list-sm li span { color: #8094ae; }
.list-sm li ul { margin-top: .5rem; }

.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    transform-origin:50% 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    
}
.verticalTableHeader:before {
    content:'';
    padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}
.color-dot{
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 100px;
    background-color: #CCC;
}
.color-dot.green{
    background-color: #00af50 !important;
}
.color-dot.red{
    background-color: #bf0002 !important;
}
.color-dot.yellow{
    background-color: #ffc000 !important;
}
.color-dot.black{
    background-color: #000000 !important;
}

.revision-history-dropdown{
    width: calc(100% - 39px) !important;
}
.btn-row{
    cursor: pointer !important;
}
.transfer-box{
    display: flex;
    width: 100%;
    min-height: 300px;
}
.transfer-box-left, .transfer-box-right{
    width: 50%;
    border: 1px solid #dbdfea;
    padding: 15px;
    background-color: var(--white-color);
}
.transfer-box .title{
    font-size: 0.925rem;
}
.transfer-box ul{
    height: calc(100% - 22px);
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 300px);
}
.transfer-box ul li{
    display: flex;
    align-items: flex-start;
    padding: 8px 5px;
    border-bottom: 1px solid #dbdfea;
}
.transfer-box ul li:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.transfer-box ul li .custom-control.custom-checkbox{
    margin-top: 3px;
}
.transfer-box ul li label{
    flex: 1;
    margin: 0;
    padding-left: 4px;
}
.transfer-box-info{
    display: flex;
    flex-direction: column;
    padding-left: 4px;
}
.transfer-box-info label{
    padding: 0 !important;
    font-size: 1rem;
    font-weight: 500;
    color: #333;
}
.transfer-box-info label span.badge{
    margin-left: 5px;
    border-color: #e5e9f2 !important;
    background: #e5e9f2 !important;
}
.transfer-box-info .sub-info > div{
    position: relative;
}
.transfer-box-info .sub-info > div::after{
    content: '';
    width: 1px;
    height: 14px;
    background-color: #8fa0be;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.transfer-box-info .sub-info > div:last-child::after{
    display: none;
}
.transfer-buttons{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 10px;
    gap: 10px;
}
#targetList li{
    position: relative;
}
#targetList li:before{
    content: '';
    background: url('../images/move_icon.svg') no-repeat center center;
    background-size: contain;
    width: 13px;
    height: 13px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
#targetList.customer-sort-list li:before{
    display: none;
}
#sourceList li{
    cursor: pointer !important;
}
.height-auto{
    height: auto !important;
    min-height: auto !important;
}
.hide{
    display: none;
}
/* form steps CSS */
.form-steps ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 10px;
}
.form-steps ul li{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.form-steps ul li:last-child:after{
    content: '';
    background-color: #a7b2e2;
    height: 2px;
    width: 130px;
    position: absolute;
    top: 15px;
    left: -89px;
    z-index: 0;
}
.form-steps ul li span.icon{
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 34px;
    height: 34px;
    border-radius: 100px;
    background-color: #a7b2e2;
    border: 1px solid #a7b2e2;
    color: var(--white-color);
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 500;
}
.form-steps ul li.selected:last-child:after{
    background-color: #182871;
}
.form-steps ul li.selected span.icon{
    background-color: #182871;
    border-color: #182871;
}
.form-steps ul li.completed span.icon{
    background-color: #1ee0ac;
    border-color: #1ee0ac;
}
.form-steps ul li span.text{
    position: relative;
    z-index: 1;
}
.error-text{
    color: red;
    margin-bottom: 10px;
}

.nk-menu-link { color: var(--primary); font-family: Nunito, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.01em; text-transform: none; line-height: 1.25rem;}
@media (max-width: 991.98px) {
    .logo-img {
        max-height: 9px;
    }
}

/* START:- Header Menu CSS */
/* .nk-menu li a { vertical-align: middle; display: flex; position: relative; align-items: center; transition: color .3s, background-color .3s; }

.nk-menu-item { padding: 2px 0; }

.nk-menu-sub .nk-menu-item { padding: 1px 0; }

.nk-menu-item.has-sub { position: relative; }

.nk-menu > .nk-menu-item.menu-without-icon > .nk-menu-sub .nk-menu-link { padding-left: 0; }

.nk-menu-link { padding: 0.625rem 40px 0.625rem 24px; color: var(--primary); font-family: Nunito, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.01em; text-transform: none; line-height: 1.25rem; border-radius: 0;}

.nk-menu-link:hover, .active > .nk-menu-link { color: var(--primary); }

.nk-menu-link:hover .count, .active > .nk-menu-link .count { color: var(--primary); }

.nk-menu-sub .nk-menu-link { padding: 0.375rem 40px 0.375rem 36px; font-family: 'Volvo-Novum-Medium', sans-serif; font-weight: 400; font-size: 14px; letter-spacing: normal; text-transform: none; line-height: 1.25rem; color: var(--primary); }

.nk-menu-link.is-disable { cursor: default; }

.nk-menu-link.is-disable:hover, .active > .nk-menu-link.is-disable { color: var(--primary); }

.nk-menu-link.is-disable:hover .count, .active > .nk-menu-link.is-disable .count { color: var(--primary); }

.is-light .nk-menu-link { color: #526484; }

.is-theme .nk-menu-link { color: #9cadfd; }

.is-light .nk-menu-link:hover, .is-light .active > .nk-menu-link { color: var(--primary); }

.is-theme .nk-menu-link:hover, .is-theme .active > .nk-menu-link { color: var(--white-color); }

.nk-menu-link span.small { color: #8094ae; margin-left: .5rem; }

.nk-menu-icon { font-weight: normal; letter-spacing: normal; width: 36px; line-height: 1; flex-grow: 0; color: #8094ae; }

.is-theme .nk-menu-icon { color: #9cadfd; }

.nk-menu-icon svg, .nk-menu-icon img { width: 36px; }

.nk-menu-icon .icon { font-size: 24px; letter-spacing: normal; vertical-align: middle; color: currentColor; transition: color .4s, background-color .4s; }

.nk-menu-link:hover .nk-menu-icon, .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon { color: var(--primary); }

.is-theme .nk-menu-link:hover .nk-menu-icon, .is-theme .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .is-theme .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon { color: var(--white-color); }

.nk-menu-link.is-disable:hover .nk-menu-icon { color: #8094ae; }

.is-theme .nk-menu-link.is-disable:hover .nk-menu-icon { color: #c4cefe; }

.nk-menu-text { flex-grow: 1; display: inline-block; }

.nk-menu-badge { border-radius: 3px; padding: 0 .4rem; font-size: 11px; color: #798bff; background: #eff1ff; position: absolute; top: 50%; right: 24px; transform: translateY(-50%); }

.is-dark .nk-menu-badge { color: #9cabff; background: #203247; }

.is-theme .nk-menu-badge { color: #c4cefe; background: #3947a8; }

.nk-menu-main .nk-menu-sub .nk-menu-badge { color: #798bff; background: #eff1ff; }

.nk-menu-heading { padding: 0.75rem 1.25rem 0.5rem; color: #8094ae; }

.is-theme .nk-menu-heading { color: #7990fd; }

.nk-menu-item + .nk-menu-heading { padding-top: 1.25rem; }

.nk-menu-heading .overline-title { color: inherit; }

.nk-menu-heading span { font-size: 13px; font-weight: 400; }

.nk-menu-hr { margin: 1.25rem 0; border-bottom: 1px solid #dbdfea; }

.is-dark .nk-menu-hr { border-color: rgba(255, 255, 255, 0.12); }

.is-theme .nk-menu-hr { border-color: rgba(255, 255, 255, 0.12); }

.nk-menu-hr + .nk-menu-heading { padding-top: 1rem; }

.nk-menu-sub { padding-bottom: .25rem; }

.nk-menu-toggle + .nk-menu-sub { display: none; }

.active > .nk-menu-sub { display: block; }

.nk-menu-sub .nk-menu-link:hover { color: #6576ff; }

.is-theme .nk-menu-sub .nk-menu-link:hover { color: var(--white-color); }

.nk-menu-sub .active > .nk-menu-link { color: #6576ff; }

.is-theme .nk-menu-sub .active > .nk-menu-link { color: var(--white-color); }

.nk-menu-sub .nk-menu-icon { width: 24px; margin-top: -1px; }

.nk-menu-sub .nk-menu-icon .icon { margin-top: -1px; font-size: 1.2em; }

.nk-menu-toggle { position: relative; }

.nk-menu-toggle:after { position: absolute; font-family: "Nioicon"; top: 50%; right: 1.25rem; content: ""; transform: translateY(-50%); font-size: 1rem; color: #8094ae; transition: transform .3s, color .1s; }

.is-dark .nk-menu-toggle:after, .is-theme .nk-menu-toggle:after { color: rgba(255, 255, 255, 0.4); }

.has-sub.active > .nk-menu-toggle:after { transform: translateY(-50%) rotate(90deg); }

.nk-menu .count { display: inline-block; font-size: 0.85em; margin-left: 0.25rem; color: #8094ae; line-height: 1; }

.nk-menu-icon-colored .nk-menu-icon { color: #6576ff; }

.nk-menu-tooltip { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.nk-menu { padding-top: 0.75rem; }

.nk-menu .nk-menu-link { color: #526484; padding-left: 24px; }

.nk-menu .nk-menu-sub { padding: 0; margin: 0; transition: none; }

.nk-menu .nk-menu-sub .nk-menu-link { color: #526484; }

.nk-menu .nk-menu-sub .nk-menu-sub { border-left: 1px solid #dbdfea; margin: 0.25rem 0 0.25rem 24px; padding-bottom: 0; }

.nk-menu .nk-menu-sub .nk-menu-sub .nk-menu-link { padding-left: .875rem; }

.nk-menu .nk-menu-link:hover, .nk-menu .nk-menu-link:focus, .nk-menu .nk-menu-item.active > .nk-menu-link, .nk-menu .nk-menu-item.current-menu > .nk-menu-link, .nk-menu .nk-menu-item:hover > .nk-menu-link { color: var(--primary); background: #ebeef2;}

.nk-menu > li > .nk-menu-link { text-transform: uppercase; letter-spacing: 0.05rem; }

.nk-menu.ui-s2 > li > .nk-menu-link { font-family: 'Volvo-Novum-Medium', sans-serif; font-weight: 500; text-transform: initial; letter-spacing: 0; }

@media (max-width: 991.98px) { .nk-menu { max-height: calc(100vh - 65px); overflow: auto; } }

@media (min-width: 992px) { .nk-menu { padding: 0 1.5rem 0 2rem; }
  .nk-menu > li { padding: 0; display: inline-block; }
  .nk-menu > li.nk-menu-item { padding: 0 1px; }
  .nk-menu > li.nk-menu-item > .nk-menu-link { padding: 1.25rem 1rem; font-size: 14px; }
  .nk-menu > li > .nk-menu-link:before { position: absolute; content: ''; bottom: 0; left: 0; right: 0; height: 3px; background: var(--primary); border-radius: 3px 3px 0 0; opacity: 0; }
  .nk-menu > li.nk-menu-item.active > .nk-menu-link:before, .nk-menu > li.nk-menu-item.current-menu > .nk-menu-link:before { opacity: 1; }
  .nk-menu > li > .nk-menu-sub { border-top-left-radius: 0; border-top-right-radius: 0; }
  .nk-menu .nk-menu-link { padding: 0.5rem 1.25rem; font-size: 13px; }
  .nk-menu .nk-menu-icon { display: none; }
  .nk-menu .nk-menu-text { line-height: 1.5rem; }
  .nk-menu .nk-menu-item .nk-menu-toggle:after { line-height: 1; position: static; transform: translateY(0); content: ""; vertical-align: middle; color: rgba(128, 148, 174, 0.7); margin-left: 0.5rem; margin-right: -2px; margin-top: -1px; transition: color .1s; }
  .nk-menu .nk-menu-item:hover > .nk-menu-sub { opacity: 1; visibility: visible; margin-top: 0; }
  .nk-menu .nk-menu-sub { position: absolute; left: 0; top: 100%; width: 200px; background: var(--white-color); border: 1px solid #e5e9f2; box-shadow: 0 0.125rem 0.25rem rgba(43, 55, 72, 0.15); border-radius: 4px; padding: .5rem 0; opacity: 0; visibility: hidden; margin-top: 6px; transition: opacity .4s, margin .2s; display: block !important; }
  .nk-menu .nk-menu-sub .nk-menu-link { padding-top: .5rem; padding-bottom: .5rem; }
  .nk-menu .nk-menu-sub .nk-menu-sub { margin: 0; margin-top: 6px; margin-left: -0.75rem; left: 100%; top: -9px; padding: .5rem 0; border: 1px solid #e5e9f2; }
  .nk-menu .nk-menu-sub .nk-menu-sub .nk-menu-link { padding-left: 1.5rem; }
  .nk-menu .nk-menu-sub .nk-menu-item:hover > a { background: #f5f6fa; }
  .nk-menu .nk-menu-sub .nk-menu-toggle:after { content: ""; }
  .is-dark .nk-menu > li > .nk-menu-link:before, .is-theme .nk-menu > li > .nk-menu-link:before { border-radius: 0; bottom: auto; top: 0; }
  .is-dark .nk-menu > li > .nk-menu-link { color: #9faec2; }
  .is-dark .nk-menu > li > .nk-menu-link.nk-menu-toggle:after { color: rgba(128, 148, 174, 0.7); }
  .is-dark .nk-menu > li:hover > .nk-menu-link, .is-dark .nk-menu > li.active > .nk-menu-link, .is-dark .nk-menu > li.current-menu > .nk-menu-link, .is-dark .nk-menu > li > .nk-menu-link:hover { color: var(--white-color); }
  .is-theme .nk-menu > li > .nk-menu-link { color: #c4cefe; }
  .is-theme .nk-menu > li > .nk-menu-link.nk-menu-toggle:after { color: rgba(196, 206, 254, 0.7); }
  .is-theme .nk-menu > li:hover > .nk-menu-link, .is-theme .nk-menu > li.active > .nk-menu-link, .is-theme .nk-menu > li.current-menu > .nk-menu-link, .is-theme .nk-menu > li > .nk-menu-link:hover { color: var(--white-color); } }

  .dark-mode .nk-menu-link, .dark-mode .link-dark, .dark-mode .nk-menu-main .nk-menu-sub .nk-menu-link, .dark-mode .link-list a { color: #8094ae !important; }

  .dark-mode .nk-menu-link:hover, .dark-mode .link-dark:hover, .dark-mode .nk-menu-main .nk-menu-sub .nk-menu-link:hover, .dark-mode .link-list a:hover { color: #6576ff !important; }
  
  .dark-mode .nk-menu-badge { color: #dbdfea; background: #2a3a4e; }
  
  .dark-mode .is-dark .nk-menu-badge { color: #e3e7fe; }
  
  .dark-mode .is-dark .nk-menu-badge { color: #9cabff; }
  
  .dark-mode .ql-picker.ql-expanded .ql-picker-label, .dark-mode .active > .nk-menu-link, .dark-mode .is-theme .nk-menu-link:hover .nk-menu-icon, .dark-mode .is-theme .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .dark-mode .is-theme .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon, .dark-mode .is-theme .nk-menu-sub .nk-menu-link:hover, .dark-mode .is-theme .nk-menu-sub .active > .nk-menu-link, .dark-mode .page-link:hover { color: #6576ff; }
  
  .dark-mode .nk-header-mobile, .dark-mode .nk-menu-hr, .dark-mode .nk-menu .nk-menu-sub, .dark-mode .nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-sub, .dark-mode .user-avatar-group .user-avatar { border-color: #1d2d40; }
  
  .dark-mode .nk-header-menu, .dark-mode .nk-menu .nk-menu-sub { background: #15202f; }
  
  .dark-mode .nk-menu .nk-menu-sub .nk-menu-item:hover > a { background-color: #101924; }
  
  .dark-mode .nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-sub { border-color: #1d2d40; }
.nk-header-tools .notification-dropdown #ni-bell{
    position: relative;
}
*/
.nk-header-tools .notification-dropdown #ni-bell:after{
    display: none;
}
.nk-header-tools .notification-dropdown #ni-bell #notification_count{
    position: absolute;
    top: -5px;
    right: -6px;
    background-color: #f98000;
    border: 2px solid var(--white-color);
    color: var(--white-color);
    font-size: 11px;
    line-height: 10px;
    border-radius: 100px;
    min-width: 18px;
    min-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
} 
/* END:- Header Menu CSS */

.page-item.active .page-link{
    background-color: var(--cta-blue-web-color);
    border-color: var(--cta-blue-web-color);
}
/* START:- Report CSS */
.open-report-modal{
    cursor: pointer;
}
.report-section-separator{
    /* border-top: 1px solid #c7cfdd; */
    height: 2px;
    margin: 15px 0 0 0;
    padding: 0;
}
.vertical-text {
    writing-mode: tb-rl;
    height: 180px;
    transform: rotate(180deg);
    text-align: center;
}
.report-section{
    position: relative;
    /* margin-left: -14px;
    margin-right: -14px; */
    padding: 1.5rem 14px 3rem 14px;
    background-color: var(--white-color);
}
.report-block-header-wrap{
    display: flex;
    justify-content: space-between;
}
.report-block-header-right{
    float: right;
    font-size: 1.5rem;
}
.report-block-header-right .table.table-skye-blue tbody tr td.more-line-content{
    font-size: 1.3rem;
    line-height: 1.5;
}
.report-block-header{
    flex: 1;
    position: relative;
}
.report-block-header .title{
    font-size: 2.5rem;
    color: var(--black-color);
    margin-bottom: 0;
}
.report-block-header .sub-title{
    font-size: 1.25rem;
    color: #526484;
    line-height: 1.5;
}
.report-block-header .btn-trigger{
    position: absolute;
    top: 0;
    right: 0;
}
.report-top-section{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 75px);
    padding: 2rem 14px 3rem 14px;
    background: var(--white-color);
    margin-top: 47px;
    /* margin-left: -14px;
    margin-right: -14px; */
}
.report-top-section .page-title{
    font-size: 6rem;
    font-weight: 600;
    letter-spacing:0.1em !important;
    text-transform: uppercase;
    font-family: 'Volvo-Broad-Pro-Digital';
}
.report-top-section .page-sub-title{
    font-size: 1.625rem;
    letter-spacing: 0.03em;
}
.report-top-section .footer-block .nk-block-title.bordered{
    display: inline-block;
    border: 1px dashed #CCC;
    width: 200px;
    font-weight: normal;
    color: var(--text-color);
    font-size: 0.875rem;
    padding: 6px 14px 6px 14px;
}
.report-banner-section{
    background-color: #7c8082;
    /* min-height: calc(100vh - 75px); */
    /* margin-left: -14px;
    margin-right: -14px; */
    padding: 0 14px 30px 14px;
}
.report-banner-logo{
    padding: 2rem 0 2rem 0;
}
.report-banner-text{
    color: var(--white-color);
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0 2rem 0;
}
.report-banner-text h3{
    font-size: 3.75rem;
    color: var(--white-color);
}
.report-banner-text p{
    font-size: 1.75rem;
}
.report-banner-text .count{
    font-size: 14rem;
    line-height: 1;
}
.report-footer-section{
    background-color: var(--white-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 75px);
    padding-top: 2rem;
    padding-bottom: 3rem;
    page-break-after: avoid !important;
}
.report-customer-connect{
    padding: 5rem 0 0 0;
}
.report-customer-connect h4{
    font-size: 2.2rem;
}
.report-customer-connect h5{
    font-size: 1.875rem;
}
.report-customer-connect p{
    font-size: 1.25rem;
    font-weight: 300;
}

.rex-index-box{
    border: 1px solid #d3d4d7;
    border-radius: 20px;
    padding: 15px 22px;
    box-shadow: 3px 3px 4px 0 rgba(0,0,0,0.3);
}
.rex-index-box h4{
    text-align: center;
    color: #000;
    line-height: 1.3;
}
.rex-index-box h4 span{
    color: #7e7e7e;
}
.rex-index-row{
    display: flex;
    justify-content: space-between;
    color: #000;
    gap: 60px;
}
.rex-index-col{
    width: 50%;
    background: url('../images/reports/arrow-up-left.png') no-repeat top right;
    padding: 16px 66px 0 0;
}
.rex-index-col:last-child{
    background: url('../images/reports/arrow-up-right.png') no-repeat top left;
    padding: 16px 0 0 66px;
}
.rex-index-col-head{
    border-bottom: 1px solid #000;
    font-size: 28px;
}
.rex-index-col-head span{
    color: #7e7e7e;
}
.rex-index-col ol{
    list-style: decimal;
    margin: 20px 0 0 22px;
    font-size: 22px;
}
.rex-index-box h5{
    color: #7e7e7e;
    font-style: italic;
    margin-top: 20px;
    line-height: 1.3;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    font-weight: 900;
}

.rated-table{
    margin: 4rem auto 0 auto;
    font-size: 20px;
    border: none;
}
.question-rated{
    display: flex;
}
.question-rated li{
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    background-color: #CCC;
    width: 54px;
    height: 50px;
    border: 1px solid var(--white-color);
}
.question-rated.dissatisfied-rate li{
    background-color: #f50e02;
}
.question-rated.fairly-satisfied-rate li{
    background-color: #fbc003;
}
.question-rated.very-satisfied-rate li{
    background-color: #3aaf50;
}
.text-red{
    color: #f50e02;
}
.text-yellow{
    color: #fbc003;
}
.text-green{
    color: #3aaf50;
}
.text-gray{
    color: #7e7e7e !important;
}

.three-main-elements{
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
}
.three-main-elements li{
    display: flex;
    align-items: center;
    margin: 2.3rem 0;
}
.three-main-elements li .box{
    width: 300px;
    font-size: 2.5rem;
    line-height: 1.2;
    border: 1px solid #CCC;
    border-radius: 20px;
    text-align: center;
    padding: 20px;
    height: 186px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.4);
}
.three-main-elements li .box span{
    font-size: 3.5rem;
}
.three-main-elements li p{
    flex: 1;
    font-size: 2.5rem;
    line-height: 1.1;
    font-style: italic;
    padding: 0 0 0 5rem;
}
.three-main-elements li.green{
    color: #78b833;
}
.three-main-elements li.green .box{
    background-color: #78b536;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bdf653+0,d2ff75+1,d9fe7f+1,d3fe78+2,cdfe71+3,c0f362+4,abde4e+6,9cce3b+9,90c330+11,8bbd24+15,8bbd24+85,88bc1b+90,87bb1a+93,8abe1c+99,8dc122+99,92c532+100 */
    background: #bdf653; /* Old browsers */
    background: -moz-linear-gradient(top,  #bdf653 0%, #d2ff75 1%, #d9fe7f 1%, #d3fe78 2%, #cdfe71 3%, #c0f362 4%, #abde4e 6%, #9cce3b 9%, #90c330 11%, #8bbd24 15%, #8bbd24 85%, #88bc1b 90%, #87bb1a 93%, #8abe1c 99%, #8dc122 99%, #92c532 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #bdf653 0%,#d2ff75 1%,#d9fe7f 1%,#d3fe78 2%,#cdfe71 3%,#c0f362 4%,#abde4e 6%,#9cce3b 9%,#90c330 11%,#8bbd24 15%,#8bbd24 85%,#88bc1b 90%,#87bb1a 93%,#8abe1c 99%,#8dc122 99%,#92c532 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #bdf653 0%,#d2ff75 1%,#d9fe7f 1%,#d3fe78 2%,#cdfe71 3%,#c0f362 4%,#abde4e 6%,#9cce3b 9%,#90c330 11%,#8bbd24 15%,#8bbd24 85%,#88bc1b 90%,#87bb1a 93%,#8abe1c 99%,#8dc122 99%,#92c532 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdf653', endColorstr='#92c532',GradientType=0 ); /* IE6-9 */
    color: var(--white-color);
}
.three-main-elements li.gold{
    color: #c0a361;
}
.three-main-elements li.gold .box{
    background-color: #d7c7a3;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcfc+0,fffffd+1,fefef9+2,fefddb+4,fef6d1+5,efe2bf+8,dfd3b0+11,dbceaa+15,dbceaa+87,d9cca8+92,dccfab+98,e0d3af+99,e5d9b4+100 */
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #fffffd 1%, #fefef9 2%, #fefddb 4%, #fef6d1 5%, #efe2bf 8%, #dfd3b0 11%, #dbceaa 15%, #dbceaa 87%, #d9cca8 92%, #dccfab 98%, #e0d3af 99%, #e5d9b4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fffffd 1%,#fefef9 2%,#fefddb 4%,#fef6d1 5%,#efe2bf 8%,#dfd3b0 11%,#dbceaa 15%,#dbceaa 87%,#d9cca8 92%,#dccfab 98%,#e0d3af 99%,#e5d9b4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fcfcfc 0%,#fffffd 1%,#fefef9 2%,#fefddb 4%,#fef6d1 5%,#efe2bf 8%,#dfd3b0 11%,#dbceaa 15%,#dbceaa 87%,#d9cca8 92%,#dccfab 98%,#e0d3af 99%,#e5d9b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e5d9b4',GradientType=0 ); /* IE6-9 */
    color: #000000;
}
.three-main-elements li.gray{
    color: #919295;
}
.three-main-elements li.gray .box{
    background-color: #8f8f93;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e7eb+0,eceef1+1,e5e7ea+2,cbcbcf+4,bcbdc1+5,aeaeb2+8,a0a1a4+11,9a9a9e+15,9a9a9e+88,97989c+94,99999d+98,9d9ea2+99,a0a2a6+100 */
    background: #e5e7eb; /* Old browsers */
    background: -moz-linear-gradient(top,  #e5e7eb 0%, #eceef1 1%, #e5e7ea 2%, #cbcbcf 4%, #bcbdc1 5%, #aeaeb2 8%, #a0a1a4 11%, #9a9a9e 15%, #9a9a9e 88%, #97989c 94%, #99999d 98%, #9d9ea2 99%, #a0a2a6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e5e7eb 0%,#eceef1 1%,#e5e7ea 2%,#cbcbcf 4%,#bcbdc1 5%,#aeaeb2 8%,#a0a1a4 11%,#9a9a9e 15%,#9a9a9e 88%,#97989c 94%,#99999d 98%,#9d9ea2 99%,#a0a2a6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e5e7eb 0%,#eceef1 1%,#e5e7ea 2%,#cbcbcf 4%,#bcbdc1 5%,#aeaeb2 8%,#a0a1a4 11%,#9a9a9e 15%,#9a9a9e 88%,#97989c 94%,#99999d 98%,#9d9ea2 99%,#a0a2a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e7eb', endColorstr='#a0a2a6',GradientType=0 ); /* IE6-9 */
    color: var(--white-color);
}
.rex-index-south-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 20px;
}
.response-target-table{
    color: #000000;
    font-size: 20px;
    margin: 2rem 0 1rem 0;
}
.response-target-table tr td{
    /* font-weight: 600; */
    padding: 10px;
}
.response-target-table tr td:first-child{
    padding-right: 15px;
    font-weight: 400;
    text-align: center;
}
.pera-text-big{
    font-size: 20px;
}
.pera-text-big2{
    font-size: 20px;
    padding: 5.5rem 0 2.75rem 2.75rem;
}
.pera-text-mid{
    font-size: 18px;
}
.report-full-height-section{
    min-height: calc(100vh - 75px);
    margin-left: -14px;
    margin-right: -14px;
    padding: 0 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* .doughnut-chart{
    width: 250px !important;
    height: 300px !important;
} */

.customer-7commitments-row{
    padding-top: 5rem;
}
.customer-7commitments-paragraph{
    font-size: 21px;
    padding-top: 4rem;
    padding-bottom: 2.75rem;
}
.customer-7commitments-list{
    background-color: #f1f1f1;
    border: 1px solid #a5a5a5;
    border-radius: 20px;
    padding: 10px 20px;
}
.customer-7commitments-list li{
    padding: 0 0 10px 0;
}
.customer-7commitments-list li span.icon{
    display: inline-block;
    width: 85px;
    vertical-align: top;
}
.customer-7commitments-list li .content{
    display: inline-block;
    width: calc(100% - 100px);
    background-color: var(--white-color);
    box-shadow: 4px 4px 5px 0 rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 5px 20px 4px 40px;
}
.customer-7commitments-list li .content h4{
    font-size: 1.25rem;
    color: #182871;
}
.customer-7commitments-list li .content p{
    font-size: 0.875rem;
    line-height: 1.5;
}

.customer-7commitments-row-two{
    padding-top: 5rem;
}
.customer-7commitments-list-two{
    padding: 0;
    font-size: 20px;
    line-height: 1;
    column-count: 2;
}
.customer-7commitments-list-two > li{
    padding: 0 0 30px 0;
}
.customer-7commitments-list-two li span.icon{
    display: inline-block;
    width: 75px;
    vertical-align: top;
}
.customer-7commitments-list-two li .content{
    display: inline-block;
    width: calc(100% - 100px);
    padding: 5px 20px 4px 22px;
}
.customer-7commitments-list-two li ul{
    list-style: disc;
    margin: 0 0 0 24px;
}
.customer-7commitments-list-two li ul li{
    line-height: 1.2;
    padding: 0 0 10px 0;
}
.report-note-text{
    font-size: 1.125rem;
}
.report-block-footer-top{
    color: var(--text-color);
    font-size: 1.1rem;
}
.report-block-footer{
    color: var(--text-color);
    font-size: 13px;
}
.report-block-footer .title.bordered{
    display: inline-block;
    border: 1px dashed #CCC;
    width: 200px;
    font-weight: normal;
    color: var(--text-color);
    font-size: 0.875rem;
    padding: 6px 14px 6px 14px;
    margin: 0;
}
.customer-commitment-graph-wrap{
    padding-left: 90px;
}
.customer-commitment-icon-wrap{
    padding-top: 26px;
    padding-left: 122px;
}
.customer-commitment-icon{
    width: 80px;
}
.list-disc{
    list-style: disc;
    color: #333;
}
.list-disc li{
    margin-bottom: 20px;
}
.list-disc li:last-child{
    margin-bottom: 0;
}
.base-blue-table tbody tr th{
    width: 1%;
    white-space: nowrap;
    font-size: 1rem;
    color: #333;
    font-weight: 400;
    text-align: right;
    border-right: 1px solid #dbdfea;
}
.base-blue-table tbody tr th, .base-blue-table tbody tr td{
    padding: 16px 12px;
}
.base-blue-table tr td:nth-child(3){
    padding-left: 0;
}
.base-blue-table .color-graph-blue{
    padding: 1px 2px 1px 2px;
    height: 24px;
}
.base-blue-table .color-graph-blue-text{
    padding-left: 10px;
    font-size: 1rem;
    color: #000 !important;
}
.table-border-black th, .table-border-black td{
    border-color: #000 !important;
}
.table.table-border-black thead tr:last-child th{
    border-color: #000 !important;
}
.table.table-border-black thead tr.custom-head-color1 th{
    background-color: #a79c6d !important;
}
.table.table-border-black thead tr.custom-head-gray-color th{
    background-color: #d4d4d4 !important;
}
.table.table-border-black tbody tr td.custom-green-color{
    background-color: #00a74e !important;
}
.table.table-border-black tbody tr td.custom-yellow-color{
    background-color: #f9cb32 !important;
}
.table.table-border-black tbody tr td.custom-red-color{
    background-color: #ff0016 !important;
    color: var(--white-color) !important;
}
.table-border-black td{
    padding: 0.1rem 0.5rem !important;
}
.blue-separator{
    border-top: 3px dashed #3b72ae !important;
    margin: 15px 0 5px;
}
.doughnut-chart-wrap{
    width: 250px;
    height: 300px;
}
.rex-index-aws-and-cit-row{
    padding-top: 2.75rem !important;
}
#doughnut_chart_wrap{
    position: relative;
    max-width: 300px;
}
#doughnut_chart_open_count{
    position: absolute;
    top: 57px;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    font-size: 1rem;
    font-weight: 500;
}
#doughnut_chart_closed_count{
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--white-color);
    font-size: 1rem;
    font-weight: 500;
}
#doughnut_chart_total_count{
    position: absolute;
    top: 88px;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    font-size: 2.188rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
}
.pie-chart-wrap{
    margin: 0 auto;
    width: 400px;
    height: 400px;
}
.pie-chart-wrap1{
    margin: 0 auto;
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.download-template-text{
    position: absolute;
    top: 0;
    right: 3.75rem;
}
.download-link-with-icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.download-link-with-icon em{
    font-size: 24px;
    color: #333;
}
.download-link-with-icon:hover em{
    color: #f98000;
}

.status-progress-wrap{
    width: 100%;
    position: relative;
    padding: 25px 0 45px 0;
}
.status-progress-bar{
    width: 100%;
    height: 30px;
    background-color: #DE7D6A;
    position: relative;
    z-index: 2;
}
.status-progress-bar:before{
    content: '';
    background-color: #222;
    height: 1px;
    width: 10px;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
}
.status-progress-bar .status-bar-complete{
    display: inline-block;
    background-color: var(--leaf-two-color);
    /* background-color: #A8D1A1; */
    height: 100%;
}
.status-progress-counts{
    display: flex;
    justify-content: space-between;
}
.status-progress-counts .status-count{
    display: inline-block;
    position: relative;
    width: 10%;
}
.status-progress-counts .status-count span{
    position: absolute;
    left: -7px;
    bottom: -44px;
}
.status-progress-counts .status-count:before{
    content: '';
    background-color: #CCC;
    height: 70px;
    width: 1px;
    position: absolute;
    left: 0;
    top: -50px;
}
.status-progress-counts .status-count:first-child:before{
    background-color: #888;
    left: -1px;
}

.tagify.form-control{
    display: flex !important;
    min-height: calc(2.125rem + 2px);
    height: auto;
    overflow: hidden;
}
.tagify__dropdown{
    left: auto !important;
    right: 10px;
}
#total_open_complaints_bargraph canvas,
#source_of_open_complaints_piechart,
#regionwise_open_complaints_piechart{
    position: relative;
    z-index: 2;
}
#total_closed_complaints_bargraph canvas,
#total_dropped_complaints_bargraph canvas{
    position: absolute;
    top: 0;
    opacity: 0;
}

#source_of_closed_complaints_piechart,
#source_of_dropped_complaints_piechart{
    position: absolute;
    top: 0;
    opacity: 0;
}

#regionwise_closed_complaints_piechart,
#regionwise_dropped_complaints_piechart{
    position: absolute;
    top: 0;
    opacity: 0;
}

input.fetchData:not(:required) + .parsley-errors-list{
    display: none;
}

select.select-dealers-dropdown + .select2{
    width: 230px !important;
}

/* Styling for the modal */
.report-modal {
    display: none;
    align-items: center;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.report-modal-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.report-modal-content {
    background-color: var(--white-color);
    margin: 20px auto;
    padding: 35px 20px 20px 20px;
    border-radius: 5px;
    position: relative;
    z-index: 999;
    width: 100%;
    max-width: 800px;
}
.close-report-modal {
    position: absolute;
    top: -4px;
    right: 8px;
    font-size: 26px;
    cursor: pointer;
}
.report-modal-content table thead{
    display: block;
}
.report-modal-content table thead tr{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.report-modal-content table tbody.customer-list{
    display: block;
    max-height: calc(100vh - 184px);
    overflow: auto;
}
.report-modal-content table tbody.customer-list tr{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.report-modal-content .fixTableHead {
    position: relative;
    overflow-y: auto;
    max-height: calc(100vh - 184px);
}
.report-modal-content .fixTableHead thead {
    position: sticky;
    top: 0;
}
.report-modal-content table {
    border-collapse: collapse;        
    width: 100%;
}
.report-modal-content .fixTableHead table tbody.customer-list{
    overflow: visible;
    max-height: inherit;
}
.cms-report-customer-modal .report-modal-content{
    max-width: 600px;
}
.cms-reports-page .report-section{
    margin-top: 15px;
}
.cms-reports-page .report-block-header{
    padding-top: 20px;
}
#noRegionDataFound{
    text-align: center;
    color: var(--error-color);
    font-size: 1.2rem;
    background: #ffdee2;
    border-radius: 4px;
    padding: 10px 0;
    margin-top: 15px;
}
.select-report-region + .select2{
    min-width: 136px !important;
}

.hidden-row {
    display: none;
}
.table-container .table-scrollable {
    display: block;
    max-height: 435px;
    overflow: auto;
}
.table-text-wrap{
    display: block;
    white-space: normal;
    word-wrap: break-word;
    width: 100%;
}
.table-text-eclipse{
    display: block;
    white-space: nowrap;
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#report-filter-section{
    position: fixed;
    top: 65px;
    left: 30px;
    right: 16px;
    background-color: #f5f6fa;
    z-index: 9;
    padding: 10px 0 10px 290px;
}
.nk-sidebar.is-compact + .nk-wrap #report-filter-section{
    padding-left: 70px;
}
/* CMS Report Table */
.cms-report-table.table-bordered,
.table-bordered th, .table-bordered td{
    border-color: #777;
}
.cms-report-table.table-bordered thead tr:last-child th {
    border-bottom: 1px solid #777;
}
.cms-report-table thead tr th{
    background-color: #b1d2ea;
    color: #000000;
}
.cms-report-table thead tr th .sub-text{
    color: #000000;
    font-size: 16px !important;
    text-transform: none !important;
    font-weight: bold !important;
}
.cms-report-table tbody tr td{
    background-color: #e2eff7;
    color: #000000;
    font-size: 15px !important;
}
.cms-report-table tbody tr td.red{
    background-color: #ff5a5d;
}
.cms-report-table tbody tr td.yellow{
    background-color: #ffd467;
}
.cms-report-table tbody tr td.green{
    background-color: #9ac987;
}

@media print {
    @page {
        margin: 0;
        padding: 0;
        size: landscape;
    }
    body{
        background-color: var(--white-color) !important;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-print-color-adjust: exact;
    }
    .nk-header-fixed + .nk-content{
        margin: 0 !important;
    }
    .report-section-separator, .report-block-header .btn-trigger{
        display: none;
    }
    .report-top-section{
        position: relative;
        padding-top: 0;
        margin-top: 0;
        page-break-after: always;
    }
    .report-top-section .page-title{
        font-size: 4rem;
    }
    .report-top-section .page-sub-title{
        font-size: 1.35rem;
    }
    .report-top-section .heading-block{
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .report-top-section .footer-block{
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
    }
    .report-block-header .title{
        font-size: 30px;
    }
    .report-block-header .sub-title{
        font-size: 1.25rem;
    }
    .report-customer-connect h4{
        font-size: 1.563rem;
        font-weight: bold;
        letter-spacing: 0.02em;
    }
    .report-customer-connect h5{
        font-size: 1.375rem;
    }
    .report-customer-connect p{
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 0.02em;
    }
    .container-fluid, .nk-content{
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    section.report-section{
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 0;
        min-height: 97vh;
    }
    section.report-section .report-block-footer{
        position: absolute;
        bottom: -20px;
        left: 40px;
    }
    .report-banner-section{
        padding-left: 40px;
        padding-right: 40px;
    }
    section.report-section, .report-banner-section{
        page-break-after: always;
    }
    .nk-header, .nk-footer, #report-filter-section{
        display: none !important;
    }
    .rex-index-box h5{
        font-size: 18px;
    }
    .row::after {
        content: "";
        clear: both;
        display: table;
    }
    .row .col-lg-1, .row .col-lg-2, .row .col-lg-3, .row .col-lg-4, .row .col-lg-5, .row .col-lg-6, .row .col-lg-7, .row .col-lg-8, .row .col-lg-9, .row .col-lg-10, .row .col-lg-11, .row .col-lg-12, .col-sm-6{
        float: left;
    }
    .row .col-lg-1{
        width: 8.33333%;
    }
    .row .col-lg-2{
        width: 16.66667%;
    }
    .row .col-lg-3{
        width: 25%;
    }
    .row .col-lg-4{
        width: 33.33333%;
    }
    .row .col-lg-5{
        width: 41.66667%;
    }
    .row .col-lg-6{
        width: 50%;
    }
    .row .col-lg-7{
        width: 58.33333%;
    }
    .row .col-lg-8{
        width: 66.66667%;
    }
    .row .col-lg-9{
        width: 75%;
    }
    .row .col-lg-10{
        width: 83.33333%;
    }
    .row .col-lg-11{
        width: 91.66667%;
    }
    .row .col-lg-12{
        width: 100%;
    }
    .row .col-lg-2.col-sm-6{
        width: 160px !important;
    }
    .rex-index-row{
        gap: 40px;
    }
    .rex-index-col-head{
        font-size: 19px;
    }
    .rex-index-col ol{
        font-size: 16px;
    }
    .three-main-elements{
        max-width: 900px;
    }
    .three-main-elements li{
        margin: 2rem 0;
    }
    .three-main-elements li:first-child{
        margin-top: 1rem;
    }
    .three-main-elements li:last-child{
        margin-bottom: 1rem;
    }
    .three-main-elements li .box{
        font-size: 2rem;
        width: 280px;
        height: 150px;
    }
    .three-main-elements li .box span{
        font-size: 2.5rem;
    }
    .three-main-elements li p{
        font-size: 2rem;
        font-weight: 500;
    }
    .table.table-gold-color thead th{
        font-size: 13px;
    }
    .table-gold-color thead th{
        padding: 3px 5px;
    }
    .table-gold-color tbody th, .table-gold-color tbody td{
        font-size: 0.8125rem;
        padding: 3px 5px;
        line-height: 1.3;
    }
    .base-table-box{
        padding-left: 0;
    }
    .base-new-table{
        margin-top: 0;
    }
    .base-new-table-inner .border-right{
        width: 140px;
        font-size: 13px;
    }
    .base-new-table-inner th, .base-new-table-inner td{
        padding: 20px 7px;
    }
    .base-new-table .color-graph-blue{
        padding: 10px 2px 10px 2px;
    }
    .base-new-table .horizontal-graph-table tbody tr th, .base-new-table .horizontal-graph-table tbody tr td{
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 12px;
    }
    #rexIndexSummaryGraph, #rexIndexAWSGraph, #rexIndexCITGraph{
        height: 240px !important;
    }
    .table-title-count{
        width: 51px;
        font-size: 16px;
    }
    .table.custom-parameter-table thead.thead-light-blue tr th{
        font-size: 13px;
    }
    .table.custom-parameter-table tbody tr th,
    .table.custom-parameter-table tbody tr td{
        font-size: 13px;
    }
    .report-block-header-right{
        font-size: 1.125rem;
    }
    .report-block-header-right .table.table-skye-blue tbody tr td, .report-block-header-right .table.table-skye-blue tbody tr th{
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .report-block-header-right .table.table-skye-blue thead tr th{
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .report-block-header-right .table.table-skye-blue tbody tr td.more-line-content{
        font-size: 1.125rem;
        line-height: 1.3;
    }
    .horizontal-graph-table tbody tr th, .horizontal-graph-table tbody tr td{
        padding: 7px 12px;
    }
    .horizontal-graph-table thead tr th{
        line-height: 1.3;
    }
    .table-last-column-text{
        width: 120px;
        font-size: 14px;
        padding-left: 5px;
    }
    .color-graph-blue-wrap{
        padding-right: 90px;
    }
    .base-new-table .base-new-table-column1{
        width: 54%;
    }
    .base-new-table .base-new-table-column2{
        padding-left: 0;
        padding-right: 0;
    }
    .base-new-table > tbody tr td.base-new-table-column1 .color-graph-blue-wrap:after{
        width: 90px;
        height: 50px;
    }
    .base-new-table > tbody tr:first-child td.base-new-table-column1 .color-graph-blue-wrap:after{
        top: -25px;
    }
    .base-new-table > tbody tr:last-child td.base-new-table-column1 .color-graph-blue-wrap:after{
        top: 25px;
    }
    .base-new-table > tbody tr:last-child td.base-new-table-column2 > table{
        margin-top: 50px;
    }
    .base-new-table > tbody tr:first-child td.base-new-table-column1 > table.base-new-table-inner{
        margin-top: 45px;
    }
    .table-border-black th,
    .table-border-black td{
        font-size: 13px;
        padding: 3px 5px !important;
        line-height: 1.3;
    }
    .customer-7commitments-row{
        padding-top: 3rem;
    }
    .customer-7commitments-paragraph{
        font-size: 18px;
    }
    .customer-7commitments-list{
        padding: 10px 10px 10px 20px;
    }
    .customer-7commitments-list li{
        padding-bottom: 9px;
    }
    .customer-7commitments-list li span.icon{
        width: 60px;
    }
    .customer-7commitments-list li .content{
        width: calc(100% - 70px);
        padding-left: 24px;
    }
    .customer-7commitments-list li .content h4{
        font-size: 18px;
        margin-bottom: 2px;
    }
    .customer-7commitments-list li .content p{
        font-size: 0.875rem;
        line-height: 1.3;
    }
    .customer-7commitments-row-two{
        padding-top: 2rem;
    }
    .customer-7commitments-list-two{
        font-size: 18px;
    }
    .customer-7commitments-list-two > li{
        padding-bottom: 5px;
    }
    .customer-7commitments-list-two li ul li{
        padding-bottom: 5px;
    }
    .customer-7commitments-list-two li span.icon{
        width: 60px;
    }
    .customer-7commitments-list-two li .content{
        width: calc(100% - 70px);
    }
    .report-note-text{
        font-size: 14px;
    }
    .custom-legend-list.big-legend .custom-legend{
        font-size: 15px;
    }
    .custom-legend-list.big-legend .custom-legend .custom-legend-color{
        width: 14px;
        height: 14px;
    }
    .base-blue-table tbody tr th{
        font-size: 12px;
    }
    .base-blue-table tbody tr th, .base-blue-table tbody tr td{
        padding: 12px 10px;
    }
    .horizontal-graph-table.small-bars .color-horizontal-graph .color-graph-warning,
    .horizontal-graph-table.small-bars .color-horizontal-graph .color-graph-info,
    .horizontal-graph-table.small-bars .color-horizontal-graph .color-graph-success{
        padding: 2px !important;
        line-height: 1.2;
    }
    .horizontal-graph-table.small-bars tbody tr th,
    .horizontal-graph-table.small-bars tbody tr td{
        padding-top: 3px;
        padding-bottom: 4px;
    }
    .customer-commitment-icon-wrap{
        padding-left: 105px;
    }
    .customer-commitment-icon{
        width: 60px;
    }
    .base-black-table {
        margin-top: 0;
    }
    .base-black-table tbody tr th, .base-black-table tbody tr td{
        padding: 30px 12px;
    }
    .base-black-table tbody tr th{
        font-size: 17px;
    }
    .open-report-modal{
        text-decoration: none !important;
    }
    /* CMS Report Table */
    .cms-report-table.table-bordered,
    .cms-report-table.table-bordered th, 
    .cms-report-table.table-bordered td{
        border: 1px solid #777 !important;
    }
    .cms-report-table.table-bordered thead tr:last-child th {
        border-bottom: 1px solid #777 !important;
    }
    .cms-report-table thead tr th{
        background-color: #b1d2ea !important;
        color: #000000 !important;
    }
    .cms-report-table thead tr th .sub-text{
        color: #000000 !important;
        font-size: 16px !important;
        text-transform: none !important;
        font-weight: bold !important;
    }
    .cms-report-table tbody tr td{
        background-color: #e2eff7 !important;
        color: #000000 !important;
        font-size: 15px !important;
    }
    .cms-report-table tbody tr td.red{
        background-color: #ff5a5d !important;
    }
    .cms-report-table tbody tr td.yellow{
        background-color: #ffd467 !important;
    }
    .cms-report-table tbody tr td.green{
        background-color: #9ac987 !important;
    }
    /* CMS Dashboard Section */
    .cms-dashboard-section .main-card{
        border: none !important;
    }
    .cms-dashboard-section .nk-block-head{
        padding-left: 24px;
        padding-bottom: 0;
    }
    .page-block-section{
        page-break-after: always !important;
    }
    .page-block-section-last{
        page-break-after: avoid !important;
    }
    .page-block-section .row{
        display: block !important;
    }
    .page-block-section .row .col-lg-2.dashboard-small-card{
        width: 33.33% !important;
        max-width: 33.33% !important;
        float: left !important;
    }
    .cms-dashboard-section .card-tools{
        display: none !important;
    }
    .cms-dashboard-section .nav-tabs .nav-item a{
        text-decoration: none !important;
    }
    #tabItem1{
        padding-top: 20px;
    }
    .table-container .table-scrollable{
        overflow: visible !important;
    }
    .custom-table.table .thead-light th {
        color: var(--white-color) !important;
        background-color: var(--grey-three-color) !important;
        border-color: var(--grey-two-color) !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .custom-table.table .thead-light th .sub-text{
        color: var(--white-color) !important;
    }
    .custom-table.table-bordered{
        border-color: var(--grey-two-color) !important;
    }
    .custom-table.table-bordered tbody tr td{
        border-color: var(--grey-two-color) !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .custom-table.table-striped tbody tr:nth-of-type(odd) td{
        background-color: var(--white-color) !important;
        color: var(--black-color) !important;
    }
    .custom-table.table-striped tbody tr:nth-of-type(even) td{
        background-color: var(--teal-two-color) !important;
        color: var(--black-color) !important;
    }
    .custom-table.table .icon.ni-arrow-up{
        color: var(--success-color) !important;
        background-color: var(--white-color) !important;
    }
    .custom-table.table .icon.ni-arrow-down{
        color: var(--error-color) !important;
        background-color: var(--white-color) !important;
    }
    .cms-reports-page .report-section{
        margin-top: 0;
    }
    .cms-report-table.table-bordered td, .cms-report-table.table-bordered th {
        padding-left: 0;
        padding-right: 0;
    }

    @top-center {
        content: none;
    }
    @bottom-center {
        content: none;
    }
}
/* END:- Report CSS */

/* Footer CSS */
.nk-footer{
    padding: 10px 6px;
}
.nk-footer-copyright{
    font-size: 11px;
}
@media screen and (max-width: 48em) {
    .m-hide{
        display: none;
    }
    .campaign-error-card {
        width: calc(100% - 20px);
        font-size: 18px;
        max-width: 360px;
    }
    .campaign-error-card .alert{
        gap: 15px;
        padding: 1rem;
    }
    .campaign-error-card .alert img.custom-icon{
        width: 60px;
    }
    .header-title{
        display: none;
    }
    
}
@media screen and (min-width: 576px){
    .nk-header{
        padding: 0 10px;
    }
    .nk-content{
        padding: 10px 0;
    }
    .nk-tb-item .nk-tb-col:last-child {
        padding-right: 1rem;
    }
}
@media screen and (min-width: 768px){
    .header-title{
        font-size: 18px;
        padding-top: 5px;
        padding-left: 20px;
        margin-left: 0px;
    }
    .nk-content-body > .nk-block-head-sm:first-child{
        padding-bottom: 1rem;
    }
}
@media screen and (min-width: 1200px){
    .header-title{
        font-size: 25px;
        padding-top: 5px;
        padding-left: 0;
        margin-left: -6px;
    }
}
@media screen and (min-width: 1921px){
    html, body{
        font-size: 118%;
    }
}