/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/
/*Common Css*/
.fs-20px {
    font-size: 20px;
}
.fs-22 {
    font-size: 22px;
}
.fs-24 {
    font-size: 24px;
}
.fs-36px {
    font-size: 36px;
}
.o-5 {
    opacity: 0.7;
}
.pt-28 {
    padding-top: 28px;
}
.w-1 {
    width: 1%;
}
.bdr-btm-none {
    border-bottom: none !important;
}
.back-icon {
    top: 3px;
    position: relative;
}
.nk-menu-item + .nk-menu-heading {
    padding-top: 1rem;
}
.w-200 .select2-container {
    width: 200px !important;
}
.w-130 .select2-container {
    width: 130px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    font-size: 16px;
    font-weight: bold;
    color: #364a63;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #364a63;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field{
    width: auto !important;
}
.cursor-pointer {
    cursor: pointer;
}
li.parsley-required,
li.parsley-custom-error-message {
    color: #e85347;
    font-size: 11px;
    font-style: italic;
}

.accordion .accordion-item .accordion-head{
    background-color: rgba(0, 0, 0, 0.07);
    padding: 0.75rem;
}
.accordion .accordion-item .accordion-head .title, .accordion .accordion-item .accordion-head.collapsed .title{
    color: #364a63;
}
.accordion .accordion-item .accordion-head .accordion-icon{
    right: 1rem;
    font-size: 1.2rem;
}
.accordion .accordion-item .accordion-body .accordion-inner{
    padding: 0.75rem;
}

/*Table CSS*/
.table-compact .nk-tb-col {
    padding: 0.5rem;
}
.table-compact.buyer .nk-tb-col {
    padding: 4px 12px;
}
.table-compact .nk-tb-list.is-separate {
    margin-top: -5px;
    border-collapse: separate;
    border-spacing: 0 5px;
}
.table-compact div.nk-tb-list.is-separate {
    /* display: block; */
}
.table-compact .dataTables_wrapper .my-3 {
    width: 100%;
    overflow-x: visible;
    overflow-y: visible;
}
.table-compact .dataTables_wrapper .my-3.dropdown-visible {
    overflow: visible;
}
table.dataTable.nowrap-th th{
    white-space: nowrap !important;
}
table.dataTable.nowrap-th .word-wrap{
    max-width: 200px;
    word-break: break-all;
}
.card .order-table .table tr td {
    vertical-align: middle !important;
}
.card .order-table .table tr:last-child {
    border-bottom: 1px solid #dbdfea;
}
.total-table .table tr td {
    border-top: none;
}
.table.permission-table tr td {
    vertical-align: middle;
    padding-bottom: 0;
}
.table.address-table tr td {
    vertical-align: middle;
}
.table-compact .nk-tb-col span.title {
    padding-left: 10px;
}
/*Box Vertical Form Css Start For eg see the add product page*/
.sp-plan-name {
    font-size: 13px;
    color: #8094ae;
}
.sp-plan-name .badge {
    margin-left: 0.5rem;
}
.sp-plan-opt {
    width: 100%;
}
.sp-plan-opt label {
    font-size: 12px;
    font-weight: 500;
}
.sp-plan-desc {
    border-top: 1px solid #e5e9f2;
    padding-top: 1rem;
    margin-bottom: -0.5rem;
}
.sp-plan-desc li {
    padding: 0.375rem 0;
    font-weight: 500;
}
.sp-plan-desc p > span {
    font-weight: 400;
    display: block;
}
.sp-plan-action {
    background: #f5f6fa;
    border-top: 1px solid #dbdfea;
    border-radius: 0 0 4px 4px;
}
.sp-plan-note {
    margin-top: 0.75rem;
    font-style: italic;
    font-size: 12px;
    color: #8094ae;
}
.sp-plan-note span {
    color: #526484;
}
.sp-plan-head-group {
    display: flex;
    justify-content: space-between;
}
.sp-plan-head-group + .sp-plan-payopt {
    margin-top: 0.75rem;
}
.sp-plan-head + .sp-plan-desc {
    padding-top: 0.5rem;
    border-top: 0;
    margin-bottom: 0;
}
.sp-plan-head .title {
    line-height: 1.3;
}
.sp-plan-head .title + span {
    font-size: 13px;
}
.sp-plan-amount {
    flex-shrink: 0;
    font-size: 0.875rem;
    color: #364a63;
    font-weight: 500;
    text-align: right;
    line-height: 1.3;
}
.sp-plan-status {
    font-size: 12px;
    display: inline-block;
    text-align: left;
    width: 55px;
    padding-right: 0.5rem;
}
.sp-plan-link {
    position: relative;
    margin: -0.5rem 0;
}
.sp-plan-link .link {
    padding: 0.5rem 1.5rem 0.5rem 0;
    display: block;
}
.sp-plan-link .link > span {
    display: inline-flex;
    align-items: center;
}
.sp-plan-link .link > span .icon {
    font-size: 1.5rem;
    padding-right: 0.75rem;
}
.sp-plan-link .link > .icon {
    position: absolute;
    right: 0;
    font-size: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 414px) {
    .sp-plan-action {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .sp-plan-note {
        margin-top: 0;
    }
    .sp-plan-amount {
        font-size: 1rem;
    }
    .sp-plan-status {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .sp-plan-head + .sp-plan-desc {
        padding-top: 1rem;
    }
    .sp-plan-desc {
        border-top: 0;
        padding-top: 0;
        margin-top: -0.5rem;
    }
    .sp-plan-action {
        height: 100%;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        border-top: 0;
        border-right: 1px solid #dbdfea;
        border-radius: 4px 0px 0px 4px;
    }
    .sp-plan-note {
        margin-top: 0.75rem;
        font-size: 13px;
    }
}
#subscription .sp-plan-action {
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    border-top: 0;
    border-left: 1px solid #dbdfea;
    border-right: 0px solid #dbdfea;
    border-radius: 0 0 4px 4px;
}
@media (max-width: 575.98px) {
    .sp-plan-desc-mb p {
        text-align: right;
    }
    .sp-plan-desc-mb p > span {
        text-align: left;
        float: left;
        width: 45%;
        display: inline-block;
    }
}
/*Box Form Css End*/

/*Invoice Detail View CSS Start*/

.invoice {
    position: relative;
}
.invoice-wrap {
    padding: 1.25rem;
    border: 1px solid #dbdfea;
    border-radius: 4px;
    background: #fff;
}
.invoice-action {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
}
.invoice-brand {
    padding-bottom: 1.5rem;
}
.invoice-brand img {
    max-height: 60px;
}
.invoice-bills {
    font-size: 12px;
}
.invoice-bills .table {
    min-width: 580px;
}
.invoice-bills .table th {
    color: #526484;
    font-size: 12px;
    text-transform: uppercase;
    border-top: 0;
}
.invoice-bills .table th:last-child,
.invoice-bills .table td:last-child {
    text-align: right;
}
.invoice-bills .table tfoot {
    border-top: 1px solid #dbdfea;
}
.invoice-bills .table tfoot td {
    border-top: 0;
    white-space: nowrap;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.invoice-bills .table tfoot tr:last-child td:not(:first-child),
.invoice-bills .table tfoot tr:first-child td:not(:first-child) {
    font-weight: 500;
    padding-top: 1.25rem;
    padding-bottom: 0.25rem;
}
.invoice-bills .table tfoot tr:last-child td:not(:first-child) {
    border-top: 1px solid #dbdfea;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.invoice-head {
    padding-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.invoice-desc {
    width: 210px;
    padding-top: 1.5rem;
}
.invoice-desc .title {
    text-transform: uppercase;
    color: #0048ba;
}
.invoice-desc ul li {
    padding: 0.25rem 0;
}
.invoice-desc ul span {
    font-size: 13px;
    font-weight: 500;
    color: #526484;
}
.invoice-desc ul span:first-child {
    min-width: 90px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #8094ae;
}
.invoice-desc ul span:last-child {
    padding-left: 0.75rem;
}
.invoice-contact .title {
    margin-bottom: 1rem;
}
.invoice-contact ul li {
    padding: 0.5rem 0;
    line-height: 1.3;
}
.invoice-contact ul li:first-child {
    padding-top: 0;
}
.invoice-contact ul li:last-child {
    padding-bottom: 0;
}
.invoice-contact ul .icon {
    line-height: 1.3;
    font-size: 1.1em;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    color: #8094ae;
    margin-right: 0.5rem;
}
.invoice-contact ul .icon + span {
    display: inline-block;
    vertical-align: top;
    color: #8094ae;
}
.invoice-print {
    max-width: 940px;
    margin: 2rem auto;
}
.invoice-print .invoice-wrap {
    padding: 0;
    border: none !important;
}
@media (min-width: 768px) {
    .invoice-wrap {
        padding: 3rem;
    }
    .invoice-head {
        flex-direction: row;
    }
    .invoice-desc {
        padding-top: 0;
    }
    .invoice-bills {
        font-size: 0.875rem;
    }
}

/*Invoice Detail View CSS End*/

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 68% 78%;
    background-color: #9d72ff;
    padding: 14px;
}
.is-dark .nk-ecwg .amount span {
    color: #d4c2ff;
    font-size: 1.5rem;
}
.shadow1 {
    box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.07) !important;
}

/* Table Style */
.dataTable thead .nk-tb-col .sub-text, .nk-tb-head .nk-tb-col .sub-text{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.table-head-bottom .nk-tb-item.nk-tb-head > .nk-tb-col{
    vertical-align: bottom;
}
.toggle-expand-content .btn-primary:focus, .toggle-expand-content .btn-primary.focus{
    background-color: #1849ba;
    border-color: #1849ba;
    box-shadow: none;
}
.toggle-expand-content .btn-primary:hover, .toggle-expand-content .btn-primary.hover{
    background-color: #F98004;
    border-color: #F98004;
}
.toggle-expand-content .btn-trigger.btn-icon:focus:before, .toggle-expand-content .btn-trigger.btn-icon.focus:before{
    opacity: 0;
}
.toggle-expand-content .btn-trigger.btn-icon:hover:before, .toggle-expand-content .btn-trigger.btn-icon.hover:before{
    opacity: 1;
}
.btn:focus, .btn.focus{
    box-shadow: none !important;
}
/* Pagination CSS */
.pagination li a{
    cursor: pointer;
}
.pagination li.hide{
    display: none;
}
.pagination li.show{
    display: block;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
.simple-pagination li span{
    position: relative;
    padding: 0.5625rem 0.625rem;
    margin-left: -1px;
    line-height: 1rem;
    color: #526484;
    background-color: #fff;
    border: 1px solid #e5e9f2;
    font-size: 0.8125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(1rem + 1.125rem + 2px);
}
.simple-pagination li.active span{
    position: relative;
    padding: 0.5625rem 0.625rem;
    margin-left: -1px;
    line-height: 1rem;
    color: #FFF;
    background-color: #1849ba;
    border: 1px solid #1849ba;
    font-size: 0.8125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(1rem + 1.125rem + 2px);
}
.simple-pagination li.disabled span{
    color: #dbdfea;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #e5e9f2;
}
span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}
/* Dashboard Custom CSS */
.custom-dashboard .catgory-list-pad.is-loose .nk-tb-item:not(.nk-tb-head) .nk-tb-col{padding-top: 10px; padding-bottom: 10px;}
.custom-dashboard .analytic-au-data.analytic-au-data-4{width: 28%;text-align: center;}
.custom-dashboard .analytic-au-data.analytic-au-data-4-1{width: 16%;text-align: center;}
.custom-dashboard .analytic-au-data.analytic-au-data-2{width: 50%;text-align: center;}
.custom-dashboard .fs-16px{font-size: 16px !important;}
.custom-dashboard .dsp-analytics .analytic-ov-data{width: 20%;}
.custom-dashboard .analytic-data .amount {font-size: 1.3rem;}
@media (max-width: 413px) { 
    .custom-dashboard .timeline-item { flex-wrap: wrap; }
    .custom-dashboard .timeline-date { width: 80px; }
    .custom-dashboard .timeline-data { padding: .75rem 0 0 24px;}
}
.custom-dashboard .nk-order-ovwg-ck { height: 180px; }
.custom-dashboard .nk-order-ovwg-data { padding: 0.75rem 1.25rem 1.25rem; border: 2px solid transparent; border-radius: 4px; }
.custom-dashboard .nk-order-ovwg-data .amount { font-size: 1.5rem; font-weight: 700; }
.custom-dashboard .nk-order-ovwg-data .amount small { font-weight: 400; }
.custom-dashboard .nk-order-ovwg-data .info { font-size: 12px; color: #8094ae; margin-bottom: .25rem; }
.custom-dashboard .nk-order-ovwg-data .info strong { color: #364a63; }
.custom-dashboard .nk-order-ovwg-data .title { font-size: 14px; line-height: 1.3; color: #8094ae; font-weight: 500;}
.custom-dashboard .nk-order-ovwg-data .title .icon { font-size: 1rem; height: 28px; width: 28px; border-radius: 50%; background: #f5f6fa; display: inline-flex; align-items: center; justify-content: center; margin-right: 0.5rem;}
.custom-dashboard .nk-order-ovwg-data.buy {border-color: #8ff0d6;}
.custom-dashboard .nk-order-ovwg-data.buy .amount, .nk-order-ovwg-data.buy .title .icon { color: #1ee0ac; }
.custom-dashboard .nk-order-ovwg-data.sell { border-color: #b2bbff; }
.custom-dashboard .nk-order-ovwg-data.sell .amount, .custom-dashboard .nk-order-ovwg-data.sell .title .icon { color: #6576ff; }
@media (min-width: 1540px) {
    .custom-dashboard .nk-order-ovwg-ck {height: 260px;}
}
.custom-dashboard .nk-wg-action { display: flex; align-items: center; justify-content: space-between; }
.custom-dashboard .nk-wg-action-content { position: relative; padding-left: 2rem; padding-right: 1rem; }
.custom-dashboard .nk-wg-action-content .icon { font-size: 1.5rem; left: 0; position: absolute; color: #8094ae; }
.custom-dashboard .nk-wg-action-content .title { font-size: 14px; font-weight: 500; padding-bottom: 0.25rem; }
.custom-dashboard .nk-wg-action-content p { color: #8094ae; font-size: 13px; line-height: 1.25rem; }
.custom-dashboard .nk-wg-action-content p strong { color: #6576ff; }
.custom-dashboard .nk-coin-ovwg { display: flex; }
.custom-dashboard .nk-coin-ovwg-ck { flex-grow: 1; height: 165px; }
.custom-dashboard .nk-coin-ovwg-legends { width: 100px; flex-shrink: 0; }
.custom-dashboard .nk-coin-ovwg-legends li { display: flex; align-items: center; line-height: 1.25rem; font-size: 12px; padding: .25rem 0; color: #8094ae; }
.custom-dashboard .nk-coin-ovwg-legends li .dot { margin-right: 0.5rem; }
.custom-dashboard .nk-tb-orders-type { width: 66px; }
.custom-dashboard .nk-sale-data { flex-shrink: 0; }
.custom-dashboard .nk-sale-data-group { display: flex; flex-wrap: wrap; }
.custom-dashboard .nk-sale-data .amount { display: block; font-size: 1.75rem; color: #364a63; }
.custom-dashboard .nk-sale-data .amount .change { font-size: .875rem; }
.custom-dashboard .nk-sale-data .amount.sm { font-size: 1.125rem; color: #8094ae; }
.custom-dashboard .nk-sale-data .sub-title { color: #8094ae; font-size: 12px; }
.custom-dashboard .nk-sale-data .sub-title .change { margin-right: 0.5rem; }
.custom-dashboard .nk-sales-ck { height: 80px; flex-grow: 1; }
.custom-dashboard .nk-sales-ck.large { height: 200px; }
.custom-dashboard .card-tabs .card-tools .nav-tabs{display: flex;}
.custom-dashboard .card-tabs .card-tools .nav-tabs li{padding: 0 10px;}
.badge{
    text-transform: capitalize;
}
.custom-dashboard .card-tabs .card-tools .nav-tabs li a{position: relative; color: #8094ae; padding: 10px 0; display: block; line-height: 1; font-weight: normal;}

.timeline-date{
    width: auto;
    padding-right: 24px;
}
.nowrap{
    white-space: nowrap;
}
/* .products-datatable tr th:nth-child(2), .products-datatable tr td:nth-child(2){
    white-space: normal;
    width: 180px;
    word-break: break-all;
} */
.products-datatable tr td .product-namenimg{
    display: flex;
    align-items: center;
    word-break: break-all;
}
.products-datatable tr td .product-namenimg span.title{
    max-width: 200px;
}
.sep-line{
    padding: 0 3px;
}
table.dataTable .nk-tb-action-col{
    width: 1%;
    box-sizing: content-box;
}
div.nk-tb-item.nk-tb-head .nk-tb-action-col{
    width: 1%;
    box-sizing: content-box;
    white-space: nowrap;
}
/* Status Color */
.badge-dot.badge-pending, .badge-dot.badge-Pending { color: #f4bd0e; background-color: rgba(244, 189, 14, 0.15); border-color: rgba(244, 189, 14, 0.15);}
.badge-dot.badge-processing, .badge-dot.badge-Processing { color: #1849ba; background-color: rgba(133, 79, 255, 0.15); border-color: rgba(133, 79, 255, 0.15);}
.badge-dot.badge-submitted, .badge-dot.badge-Submitted { color: #09c2de; background-color: rgba(9, 194, 222, 0.15); border-color: rgba(9, 194, 222, 0.15);}
.badge-dot.badge-completed, .badge-dot.badge-Completed { color: #1ee0ac; background-color: rgba(30, 224, 172, 0.15); border-color: rgba(30, 224, 172, 0.15);}
.badge-dot.badge-canceled, .badge-dot.badge-Canceled, .badge-dot.badge-cancelled, .badge-dot.badge-Cancelled { color: #e85347; background-color: rgba(232, 83, 71, 0.15); border-color: rgba(232, 83, 71, 0.15);}
.badge-dot.badge-declined, .badge-dot.badge-Declined { color: #e85347; background-color: rgba(232, 83, 71, 0.15); border-color: rgba(232, 83, 71, 0.15);}
.badge-dot.badge-accepted, .badge-dot.badge-Accepted { color: #09c2de; background-color: rgba(30, 224, 172, 0.15); border-color: rgba(30, 224, 172, 0.15);}
.badge-dot.badge-unapproved, .badge-dot.badge-Unapproved { color: #f4bd0e; background-color: rgba(244, 189, 14, 0.15); border-color: rgba(244, 189, 14, 0.15);}
.badge-dot.badge-shipped, .badge-dot.badge-Shipped { color: #1849ba; background-color: rgba(133, 79, 255, 0.15); border-color: rgba(133, 79, 255, 0.15);}
.badge-dot.badge-invoiced, .badge-dot.badge-Invoiced { color: #1849ba; background-color: rgba(133, 79, 255, 0.15); border-color: rgba(133, 79, 255, 0.15);}
.badge-success{
    color: #FFF !important;
}

/* START: Print JS CSS */
.printModal{font-family:sans-serif;display:flex;text-align:center;font-weight:300;font-size:30px;left:0;top:0;position:absolute;color:#045fb4;width:100%;height:100%;background-color:hsla(0,0%,100%,.9)}
.printClose{position:absolute;right:10px;top:10px; display: none;}
.printClose:before{content:"\00D7";font-family:Helvetica Neue,sans-serif;font-weight:100;line-height:1px;padding-top:.5em;display:block;font-size:2em;text-indent:1px;overflow:hidden;height:1.25em;width:1.25em;text-align:center;cursor:pointer}
.printSpinner{margin-top:13px;margin-left:-40px;position:absolute;display:inline-block;width:25px;height:25px;border:2px solid #045fb4;border-radius:50%;animation:spin .75s linear infinite}
.printSpinner:after,.printSpinner:before{left:-2px;top:-2px;display:none;position:absolute;content:"";width:inherit;height:inherit;border:inherit;border-radius:inherit}
.printSpinner,
.printSpinner:after,
.printSpinner:before{display:inline-block;border-color:#045fb4 transparent transparent;animation-duration:1.2s}
.printSpinner:before{transform:rotate(120deg)}
.printSpinner:after{transform:rotate(240deg)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
iframe#printJS{position: absolute;top: 0;}
/* END: Print JS CSS */

/* START: Login Page CSS */
.btn-orange, .btn-orange, .btn-orange:focus, .btn-orange.focus{
    background: linear-gradient(0deg,#CE6700 0,#FF8000 100%);
    border: none;
    color: #FFF;
    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{
    background: linear-gradient(0deg, #003793 0, #0048ba 100%);
    border: none;
    color: #FFF;
    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%);
}
.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: #FFF;
    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);
}
.login-box .login-box-row .login-box-col-left .brand-logo{
    padding: 0 0 47px 0;
    text-align: center;
}
.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: #0148BA;
    font-weight: 600;
}
.login-box .login-box-row .login-box-col-left .login-graphic{
    padding-top: 20px;
}
.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: #0148BA;
    padding: 10.5rem 2rem 1rem 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: #FFF;
    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;
}
@media screen and (max-width: 48em) {
    .m-hide{
        display: none;
    }
    .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%;
    }
    .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 */

.filter-tag-list ul{
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.filter-tag-list ul li.filterby-text{
    color: #AAA;
    padding: 4px 0 4px 0;
    border: none;
    background: none;
}
.filter-tag-list ul li{
    font-size: 12px;
    line-height: 1;
    margin: 0 3px 10px 3px;
    padding: 4px 10px 5px 10px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #CCC;
    border-radius: 100px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}
.filter-tag-list ul li:first-child{
    margin-left: 0;
}
.filter-tag-list ul li a{
    cursor: pointer;
    font-size: 13px;
    padding-left: 3px;
    font-weight: bold;
    color: #AAA;
}
.filter-tag-list ul li:hover a{
    color: #FF8000;
}
/* Sortable Menu*/
.sortable-menu li{
    min-height: 55px;
    line-height: 1.2;
    box-sizing: border-box;
}
.sortable-menu li em.icon.ni-move{
    margin-right: 10px;
    font-size: 18px;
}
.sortable-menu li .form-group{
    display: flex;
    align-items: center;
}
.sortable-menu li .form-group em.icon{
    margin-right: 5px;
    font-size: 18px;
    color: #FF8000;
}
.sortable-menu li:hover{
    cursor: move;
}
.sortable-menu li:hover em.icon.ni-move{
    color: #FF8000;
}
.sortable-menu li.ui-state-highlight {
    min-height: 55px;
    line-height: 1.2;
    background-color: #FFFA90; 
    border:1px dashed #DAD55E;
}

.ms-container{
    background: transparent url('../images/switch.png') no-repeat 50% 50%;
    max-width: 370px;
    width: 100%;
}
.ms-container:after{
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden;
}
.ms-container .ms-selectable, .ms-container .ms-selection{
    background: #fff;
    color: #555555;
    float: left;
    width: 45%;
}
.ms-container .ms-selection{
    float: right;
}
.ms-container .ms-list{
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    height: 200px;
    padding: 0;
    overflow-y: auto;
}
.ms-container .ms-list.ms-focus{
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
}
.ms-container ul{
    margin: 0;
    list-style-type: none;
    padding: 0;
}
.ms-container .ms-optgroup-container{
    width: 100%;
}
.ms-container .ms-optgroup-label{
    margin: 0;
    padding: 5px 0px 0px 5px;
    cursor: pointer;
    color: #999;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
    border-bottom: 1px #eee solid;
    padding: 2px 10px;
    color: #555;
    font-size: 14px;
    text-transform: capitalize;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #1849ba;
}
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
    background-color: #eee;
    color: #aaa;
    cursor: text;
}

/* START:-  Menu Page CSS */

/**
 * Nestable
 */

.dd { position: relative; display: block; margin: 0; padding: 0; width: 100%; list-style: none; font-size: 13px; line-height: 20px; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 37px; flex-basis: 100%;}
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: flex; flex-wrap: wrap; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle {
    display: block;
    min-height: 30px;
    margin: 0;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    color: #344357;
    border: 1px solid rgba(0, 0, 0, 0.125);
    background: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.dd-handle:hover {
    color: #1849ba;
    background: #ebeef2;
}
.dd-content {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin: 0;
    padding: 5px 3px 5px 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #344357;
    border: 1px solid rgba(0, 0, 0, 0.125);
    background: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    flex: 1;
}
.dd-content:hover{
    color: #1849ba;
    background: #ebeef2;
}
.dd-content .icon-box em.icon{
    margin-right: 8px;
    font-size: 18px;
    color: #FF8000;
}
.dd-content .btn.btn-trigger{
    color: #FF8000;
}
.dd-content .btn.btn-trigger:hover{
    color: #FFF;
}
.dd-content .btn.btn-trigger:hover:before{
    background-color: #FF8000;
}
.dd-handle-move-icon {
    position: relative; 
    margin: 0; 
    cursor: pointer; 
    width: 37px; 
    white-space: nowrap; 
    overflow: hidden;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background:         linear-gradient(top, #bbb 0%, #999 100%);
}
.dd-handle-move-icon:hover {
    background: #bbb;
    color: #FF8000;
    cursor: move;
}
.dd-item > button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; 
    float: left; 
    width: 40px; 
    height: 48px; 
    margin: 0; 
    padding: 0; 
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
    border: 0;
    line-height: 1; 
    text-align: center; 
    font-weight: bold; 
    border: 1px solid rgba(0, 0, 0, 0.125);
    background: #ddd;
    font-size: 18px;
}
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }
.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists {
    display: block;
    clear: both;
    background-color: #FFF;
    box-shadow: 0px 1px 3px 0px rgb(54 74 99 / 5%);
    padding: 0;
    width: 100%;
    border: 1px solid #e5e9f2;
}
#nestable-menu {
    padding: 0;
    margin: 20px 0;
}

#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

/**
 * Socialite
 */

.socialite { display: block; float: left; height: 35px; }
.dd-item.has-child > .dd-handle-move-icon + .dd-content{
    padding-right: 44px;
}
/* END:- Menu Page CSS*/

.user-avatar-lg img, .user-avatar.lg img{
    height: 80px;
    object-fit: cover;
}
.custom-error-text{
    color: #e85347;
    font-size: 11px;
    font-style: italic;
    position: absolute;
    bottom: 10px;
}
/* START:- Calendar Event Custom Color */
a.fc-event-custom-pending{
    background-color: #FE9126 !important;
    border-color: #FE9126 !important;
    color: #FFF !important;
}
.modal-header.fc-event-custom-pending {
    background-color: #FE9126 !important;
    border-color: #FE9126 !important;
}
.modal-header.fc-event-custom-pending .close, .modal-header.fc-event-custom-pending .modal-title{
    color: #FFF !important;
}
a.fc-event-custom-checkedin{
    background-color: #457ACD !important;
    border-color: #457ACD !important;
    color: #FFF !important;
}
.modal-header.fc-event-custom-checkedin {
    background-color: #457ACD !important;
    border-color: #457ACD !important;
}
.modal-header.fc-event-custom-checkedin .close, .modal-header.fc-event-custom-checkedin .modal-title{
    color: #FFF !important;
}
a.fc-event-custom-cancelled{
    background-color: #ff4d4f !important;
    border-color: #ff4d4f !important;
    color: #FFF !important;
}
.modal-header.fc-event-custom-cancelled {
    background-color: #ff4d4f !important;
    border-color: #ff4d4f !important;
}
.modal-header.fc-event-custom-cancelled .close, .modal-header.fc-event-custom-cancelled .modal-title{
    color: #FFF !important;
}
a.fc-event-custom-completed{
    background-color: #74CF4E !important;
    border-color: #74CF4E !important;
    color: #FFF !important;
}
.modal-header.fc-event-custom-completed {
    background-color: #74CF4E !important;
    border-color: #74CF4E !important;
}
.modal-header.fc-event-custom-completed .close, .modal-header.fc-event-custom-completed .modal-title{
    color: #FFF !important;
}
.fc-daygrid-more-link{
    font-weight: bold;
    text-transform: capitalize;
    font-size: 12px;
    letter-spacing: 0.02em;
}
/* END:- Calendar Event Custom Color */

@media screen and (max-width: 1600px) {
    .nk-ecwg .amount{
        font-size: 1.45rem;
    }
    .nk-ecwg .amount-sm{
        font-size: 1.2rem;
    }
}