/*!
 * 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;}
.cursor-pointer{cursor: pointer;}
li.parsley-required, li.parsley-custom-error-message{color: #e85347;font-size: 11px;font-style: italic;}

/*Table CSS*/
.table-compact .nk-tb-col{padding:.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: auto;}
.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: .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: .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: .75rem; }
.sp-plan-head + .sp-plan-desc { padding-top: .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: .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: .5rem; }
.sp-plan-link { position: relative; margin: -0.5rem 0; }
.sp-plan-link .link { padding: .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: .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: .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: #0fac81; 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: .25rem; padding-bottom: .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: .25rem; }
.invoice-bills .table tfoot tr:last-child td:not(:first-child) { border-top: 1px solid #dbdfea; padding-top: .25rem; padding-bottom: .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: #0fac81; }
.invoice-desc ul li { padding: .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: .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: #0fac81; margin-right: .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;
}