:root {
	--font-family: "Roboto",sans-serif;
	--theme-color: #212121;
	--theme-text-color: #fff;
	--font-size: 16px;
}

html,
body {font-family: var(--font-family, sans-serif); font-size: var(--font-size); line-height: 1.5;}
main {min-height:100vh;}

.navbar-toggler:focus {outline:none;box-shadow:none;}
.link-unstyled,
.link-unstyled:hover {text-decoration:none;}
.btn-span,
.btn-span:hover {pointer-events:none;}
.text-shadow {text-shadow:0px 1px 2px rgba(0,0,0,0.25);}
.custom-checkbox .custom-control-label::before {border-radius: 2px}


/* theme ===================================================================================================== */
.bg-theme{background: var(--theme-color) !important;}
.btn-theme{background: var(--theme-color) !important;color:var(--theme-text-color) !important;}
.text-theme{color: var(--theme-color) !important;}
.border-theme{border-color: var(--theme-color) !important;}
.bg-dots-theme{background:linear-gradient(90deg,#fafafa 13px,transparent 1%) 50%,linear-gradient(#fafafa 13px,transparent 1%) 50%, var(--theme-color); background-size:14px 14px;}
.bg-dots-theme-inverse{background:linear-gradient(90deg, var(--theme-color) 13px,transparent 1%) 50%,linear-gradient( var(--theme-color) 13px,transparent 1%) 50%,#fafafa;background-size:14px 14px;}
.custom-control-input:checked~.custom-control-label::before {border-color: var(--theme-color); background-color: var(--theme-color);}
::selection {background: var(--theme-color); color:var(--theme-text-color) !important;}
.bg-highlight {background: #ddd;}
.bg-order-cart {background: #dceaf6; border: 2px solid #a6bacc;}
.bg-order-payment {background: #feffeb; border: 2px solid #c5c797;}
.bg-order-payment .text-color {color:#ffffff;}
.bg-order-amount {background: #dceaf6 !important;}
.bg-order-payable {background: #c5c797;}

/* theme ===================================================================================================== */



/* typography ===================================================================================================== */
a, a:hover{color: var(--theme-color);}
a.pill-link {background: #eee;line-height: 1.6;padding: 0.1rem 0.75rem 0;border-radius: 2rem;font-weight: 500;border: 1px solid rgba(0,0,0,0.03); font-size: 14px;}
.font-weight-semi-bold{font-weight:500;}
.input-group-text .material-icons {font-size: 1.4rem;}
.control-label {font-size: 0.9rem; font-weight: 600;}
.ast,
label.invalid-input {color: var(--danger); font-size: 95%; margin: 0 2px; text-transform: capitalize;}
/* typography ===================================================================================================== */



/* extra large things ===================================================================================================== */
@media (min-width: 1300px){
	.container.container-wide {max-width:1270px;}
}
@media (min-width: 1600px){
    .container-wide {max-width:1570px;}
    .col-xxl-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
}
/* extra large things ===================================================================================================== */



/* footer ===================================================================================================== */
.footer{background-color:#172337;font-size:14px;}
.footer.footer-dark,
.footer.footer-dark a {color:#aaa;}
.footer.footer-dark a {transition:0.1s;}
.footer.footer-dark a:hover {padding-left:2px;color:#fff;}
/* footer ===================================================================================================== */



/* custom css */
/* .theme-props { */
	/* --font-family: "Roboto",sans-serif; */
	/* --font-family: "Noto Sans",sans-serif; */
	/* --theme-color: #2748a5; */
	/* --theme-color: #f78c40; */
	/* --theme-text-color: #fff; */
	/* --font-size: 16px; */
/* } */

/* .material-icons {vertical-align: top;margin-right: 0.125rem;} */

/* buttons */
.btn {text-transform: uppercase;}
.btn[disabled] {opacity: 0.5;}
.btn-pill {border-radius: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem;}
.btn-wide {min-width: 120px;}
.btn:not(.btn-lg):not(.btn-sm) {height: 38px;}
.btn:not(.btn-link):hover{box-shadow: 0 2px 6px -2px rgba(30,30,30,0.6);}
.btn-sm .material-icons {font-size: 18px;margin-right: 0.125rem; vertical-align: sub;}
.btn-sm .material-icons:only-child {margin-right: 0;}
.btn.btn-icon {display: inline-flex;align-items: center;padding: 0;height: 28px;width: 28px;justify-content: center;border-radius: 50%;}
/* .btn.btn-icon .material-icons {font-size: 18px;} */



/* login & signup */
.background-image {position: fixed;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.login-card,
.signup-card { box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.5), 0 1rem 3rem rgba(0,0,0,.175)!important; }
.signup-card {max-width: 500px; margin-top: 100px !important;}
.signup-card .form-group {position: relative;}
.signup-card .username_availability {position: absolute;top: 40px;right: 10px;}

@media(max-width:991px){
	.signup-card{margin-top: 0px !important;}
}

@media(max-width:320px){
	.signup-card{margin-top: 180px !important;}
}



/* navbar */
.twt-navbar.navbar-light .nav-link {color: #212121;}
.twt-navbar.navbar-dark .nav-link {color: #fafafa;display: flex;align-items: center;font-size: 13px;}
.twt-navbar.navbar-dark .nav-link.nav-link .material-icons {margin-right: 0.25rem; font-size: 1.6rem;}
.twt-navbar .nav-img {height: 30px; padding: 0; vertical-align: middle;}
.twt-navbar {padding-top: 0.25rem; padding-bottom: 0.25rem;}
@media (max-width: 991px) {
	.sub-nav {border-bottom: 1px solid var(--theme-color);}
	.sub-nav .material-icons {display: none;}
}
@media (min-width: 992px) {
	.sub-nav {padding: 0; border-bottom: 3px solid var(--theme-color);}
	.sub-nav {text-align: center;}
	.sub-nav .nav-item > .nav-link {border: 1px solid transparent; border-top-width: 3px; border-bottom-width: 0; padding: 0.5rem 1rem; min-width: 100px; font-weight: 500;}
	.sub-nav .nav-item.show > .nav-link,
	.sub-nav .nav-item.active > .nav-link {border-color: #ddd; background-color: #fff; color: var(--theme-color);}
}
@media (max-width: 575px) {
	/* .twt-navbar .navbar-brand {display: none;} */
}



/* dropdowns */
.dropdown-toggle:after {vertical-align: middle;}
.dropdown-toggle.no-icon:after {display: none;}
.dropdown-item.active, 
.dropdown-item:active {background-color: var(--theme-color);}
.dropdown-menu {border-radius: 2px;border:0;box-shadow: 0 4px 8px rgba(0,0,0,0.05), 0 0 25px 0 rgba(0, 0, 0, 0.08); margin-top: 4px;z-index: 1030;}

.notification-panel .dropdown-item {white-space: normal; padding: 0.5rem;}
.notification-panel .dropdown-item:not(:last-child) {border-bottom: 1px solid #ddd;}
.notification-panel .dropdown-item a {text-decoration: none; color: inherit}
.notification-panel .dropdown-item .notification-title {margin-bottom: 0.25rem;}
.notification-panel .dropdown-item .media-body {display: flex; flex-direction: column; justify-content: center; align-self: stretch}
.notification-panel .dropdown-item .media-body > *:last-child {margin-bottom: 0;}
.notification-panel .notification-thumbnail {height: 40px;width: 40px;object-fit: cover; margin-right: 1rem;}
.notification-panel .dropdown-item {min-width: 300px;}
.notification-panel:before {content: '';border: 7px solid transparent;border-bottom-color: #fff;/*border-right-color: #fff;*/position: absolute;right: 20px;bottom: 100%;}

@media (max-width: 767px) {
	.notification-panel {position: fixed;top: 48px;left: 0;right: 0;max-height: calc(100vh - 56px);}
	.notification-panel:before {right: 125px;}
	.sub-nav .dropdown-menu {box-shadow: none; border: 1px solid #ddd}
}



/* .all-web-icon-header-size{font-size: 18px;} */

/* listing tables */
.sr-col,
.thin-col{/* max-width: 70px; */width: 74px;min-width: 70px;}
.value-col {width: 100px;}
.view-col {width: 130px;}
.wide-col,
.date-col,
.input-col,
.status-col,
.actions-col {width: 140px;}
.input-col {padding: 0;}
.table-nowrap th,
.table-nowrap td {white-space: nowrap;}
.count-css {counter-reset: count;}
.count-css .sr-css {text-align: center}
.count-css .sr-css:before {counter-increment: count; content: counter(count);}

.table-xsm td, .table-xsm th {padding: .25rem;}
/* .order-col, .color-col {max-width: 140px;width: 140px;min-width: 140px;} */
/* .ordretabel{overflow-x:none!important;} */



/* yes/no switch */
.custom-switch .custom-control-input~.custom-control-label span {display: inline-block; width: 2em; text-align: center;}
.custom-switch .custom-control-input~.custom-control-label span:before {content: 'No';}
.custom-switch .custom-control-input:checked~.custom-control-label span:before {content: 'Yes'}



/* square-wrapper */
.square-wrapper {position: relative;}
.square-wrapper:before {content:''; padding-top: 100%; display: block;}
.square-wrapper > .square-item {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.square-wrapper > img.square-item {object-fit: cover}
.square-wrapper > img.square-item.square-item-fit {object-fit: contain}
.square-wrapper.square-200 {width: 200px;}
.square-wrapper.square-300 {width: 300px;}
.square-wrapper.square-400 {width: 400px;}



/* sortable table */
.table-sort .tablesorter-header {position: relative;padding-right: 25px;/* border: 1px solid !important */}
.table-sort .tablesorter-header:after {font-family: 'Material Icons';position: absolute;right: 5px;top: 50%;transform: translateY(-50%);-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;}
.table-sort .tablesorter-headerUnSorted:after {content: 'unfold_more';}
.table-sort .tablesorter-headerAsc:after {content: 'expand_more';}
.table-sort .tablesorter-headerDesc:after {content: 'expand_less';}


 
/* shadow */
.great-shadow {box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);}


/* form-controls theming */
.custom-select,
.custom-file-label,
.form-control,
.select2-container--default .select2-selection {border-radius: 2px}
.custom-file-label::after {border-radius: 0 2px 2px 0;}
.custom-file-input:focus ~ .custom-file-label,
.custom-select:focus,
.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection {border-color: var(--theme-color); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) , inset 0 0 0 0.5px var(--theme-color);}
.select2-container--default.select2-container--focus .select2-selection,
.form-group:not(.row) .select2-container--default:focus {outline: none;}

/* v2 .twt-navbar */
.twt-navbar .navbar-brand {background: #fff; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; margin-bottom: 0.75rem; box-shadow: 0 2px 4px rgba(0,0,0,0.25); color: var(--theme-color);}
.twt-navbar .navbar-brand .brand-logo-img {height: 100px; max-width: 130px; object-fit: contain; margin-bottom: auto;}
/* .twt-navbar .nav-bottom .navbar-nav .nav-link{padding: 0.75rem 1rem;} */
.twt-navbar .nav-bottom .navbar-nav .nav-link{padding: 0.75rem;}
.twt-navbar .nav-bottom {background-color: rgba(0,0,0,0.25)}

@media (min-width: 992px){
	/* .twt-navbar .navbar-slide .navbar-nav .nav-link {padding: 0.5rem 0.75rem; min-width: 100px; text-align: center;} */
	/* .twt-navbar .navbar-slide .navbar-nav .nav-link span {display: block;} */
}
@media (min-width: 992px) and (max-width: 1340px){
	.twt-navbar .nav-bottom .navbar-nav .nav-link .material-icons {display: none;}
}
@media (max-width: 991px){
	.twt-navbar .navbar-slide {position: fixed;top: 0;right: 0;z-index: 99;background: #fff;height: 100%;width: 300px;}
	.twt-navbar .navbar-slide {transition: 0.2s all ease-out;}
	.twt-navbar .navbar-slide {transform: translate3d(100%, 0, 0);}
	.nav-slide-open .twt-navbar .navbar-slide {transform: translate3d(0, 0, 0);}
	.nav-slide-open .twt-navbar .navbar-slide {box-shadow: -1px 0 25px rgba(0,0,0,0.1);}
	.twt-navbar .navbar-slide .navbar-nav {overflow-y: auto}
	.twt-navbar .navbar-slide .nav-link {color: rgba(0,0,0,0.5);}
	.twt-navbar .navbar-slide .nav-item.show>.nav-link,
	.twt-navbar .navbar-slide .nav-item.active>.nav-link,
	.twt-navbar .navbar-slide .nav-item >.nav-link:hover {color: var(--theme-color);}
	.twt-navbar .navbar-slide .dropdown-menu {box-shadow: none; border: 1px solid #ddd; border-radius: 0; border-width: 1px 0; padding: 0;}
	.twt-navbar .navbar-slide .dropdown-menu .dropdown-item {padding: .5rem 2.5rem;}
	.twt-navbar .container {max-width: none;}
	.twt-navbar .info-nav {display: none;}
	.twt-navbar .actions-nav {position: fixed; bottom: 0; left: 0; right: 0; background: #fff; z-index: 9; border-top: 1px solid #ddd; display: flex}
	.twt-navbar .actions-nav .nav-link {color: rgba(0,0,0,0.8);}
	.twt-navbar .actions-nav .nav {display: flex;width: 100%;justify-content: space-around;}
	.twt-navbar .actions-nav .my-account {position: fixed;top: 0px;right: 10px;}
	.twt-navbar .actions-nav .my-account > .nav-link {color: #fff; padding: 0.25rem 1rem;}

	.twt-navbar .navbar-brand {padding: 0.25rem 0.5rem !important;margin-bottom: 0.25rem;}
	.twt-navbar .navbar-brand .brand-logo-img {height: 45px;}
	.twt-navbar .navbar-toggler {margin-top: 10px;margin-right: 10px;}

	.twt-navbar .actions-nav .nav-item:not(.my-account) {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%; text-align: center}
	.twt-navbar .actions-nav .nav-item:not(.my-account) .nav-link {padding: 0.5rem 0.75rem; flex-wrap: wrap; justify-content: center}
	.twt-navbar .actions-nav .nav-item:not(.my-account) .nav-link .material-icons {display: block;width: 100%;}
}
@media (max-width: 767px){
	/* .twt-navbar .navbar-brand {padding: 0.5rem;margin-bottom: 0.5rem;}
	.twt-navbar .navbar-brand .brand-logo-img {height: 40px} */
	.twt-navbar .actions-nav .nav-item:not(.my-account) .nav-link {font-size: 0.8rem;}
}
@media (max-width: 380px) {
	.twt-navbar .actions-nav .nav-item:not(.my-account) .nav-link {padding: 0.5rem 0; font-size: 0.8rem;}
}
@media (max-width: 364px){
	.twt-navbar .navbar-brand {padding: 0.75rem 0.5rem !important;margin-bottom: 0.25rem;}
	.twt-navbar .navbar-brand .brand-logo-img {height: 30px}
	.twt-navbar .actions-nav .nav-link {padding: 0.5rem 0	 !important}
	.twt-navbar .actions-nav .nav-link .material-icons {display: none;}
}



/* submenu css */
.twt-navbar .navbar-slide .dropdown-menu .dropdown-item{position: relative;}
.twt-navbar.twt-navbar-common .dropdown-submenu {position: relative;}
.twt-navbar.twt-navbar-common .dropdown-submenu a:after {position: absolute;top: 50%;right: 6px;transform: translateY(-50%);border-top: 0.3em solid transparent;border-right: 0.3em solid transparent;border-bottom: 0.3em solid transparent;border-left: 0.3em solid;}
.twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-left: 0.1rem;margin-right: 0.1rem;}
/* .dropdown-menu a{white-space: normal;} */
@media (max-width: 991px) {
	.twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-menu {padding-left: 1rem;}
}
/* submenu css */



/* navbar toggler */
.twt-navbar .navbar-toggler:hover {box-shadow: none;}
.twt-navbar .navbar-toggler .navbar-dash{display:block;height:3px;width:30px;background:#fff;margin:6px;pointer-events:none;}
.twt-navbar .navbar-toggler .navbar-dash{transition:0.2s all;}
.nav-slide-open .twt-navbar .navbar-toggler .navbar-dash:nth-child(2){opacity:0;}
.nav-slide-open .twt-navbar .navbar-toggler .navbar-dash:nth-child(1){transform:rotate(45deg) translate(5px,8px);}
.nav-slide-open .twt-navbar .navbar-toggler .navbar-dash:nth-child(3){transform:rotate(-45deg) translate(5px,-8px);}

/* v2 .twt-navbar */



/* imoportant note */
.important-main .important-slider-item{position: relative;overflow: hidden;}
.important-main .important-slider-item:before{content: '';display: block;padding-top: 133%;}
.important-main .important-slider-img{position: absolute;top: 0;left: 0; height: 100%; width: 100%; object-fit: cover;padding: 10px;}

.remove-row-button{height: 24px !important;width: 24px; padding: 0;border-radius: 50%;position: absolute;right: -10px;top: -10px;z-index: 999;}

.breadcrumb-item+.breadcrumb-item {padding-left: .25rem;}
.breadcrumb-item+.breadcrumb-item::before {padding-right: 0.25rem;}
@media (max-width: 575px){
	.breadcrumb-item {font-size: 0.75rem;}
}

/* .overlay-block> h2 {height: 80px;width: 80px;background: url('../images/.spinner-borderloading.gif');background-size: cover;} */
.overlay-block .spinner-border {height: 4rem; width: 4rem;}


/* dashboard */
.dashboard-main .dashboard-box-icon{font-size: 40px;}
.card-green{background-color: #66c717;}
.card-light-blue{background-color: #00bff0;}
.card-purple{background-color: #7a14c4;}
.card-orange{background-color: #fc8212;}
.card-orderlist{background-color: #c1d8fb;}
.text-purple{color: #4d124f;}

/* slider-dashboard */
.dashboard-main .dashboard-slider-item{position: relative;overflow: hidden;}
.dashboard-main .dashboard-slider-item:before{content: '';display: block;padding-top: 133%;}
.dashboard-main .dashboard-slider-img{position: absolute;top: 0;left: 0; height: 100%; width: 100%; object-fit: cover;padding: 10px;}
.dashboard-main .owl-theme .owl-nav{display: none;}
.dashboard-main .slider-card-header{background-color: #feca0a}
.card-border-theme{border: 3px solid rgb(254, 202, 10); border-radius: 15px;}
.table-heading-title{font-size: 24px;}
@media(min-width:992px){
	.table-heading-title{font-size: 25px;}
}

@media(max-width:1199px){
	.heading-title{font-size: 28px;}
}


/* .homepage-banner */
.homepage-banner .homepage-banner-item{position: relative;overflow: hidden;}
.homepage-banner .homepage-banner-item:before{content: '';display: block;padding-top: 62%;}
.homepage-banner .homepage-banner-img{position: absolute;top: 0;left: 0; height: 100%; width: 100%; object-fit: cover;}



/* date-time-picker material icons */
.bootstrap-datetimepicker-widget .btn {height:auto !important; padding: 0; box-shadow: none;}
.bootstrap-datetimepicker-widget .fa::after {font-family: 'Material Icons'; font-style: normal;text-transform: none;white-space: nowrap;word-wrap: normal;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;}
.bootstrap-datetimepicker-widget .fa.fa-chevron-right::after {content: 'keyboard_arrow_right';}
.bootstrap-datetimepicker-widget .fa.fa-chevron-left::after {content: 'keyboard_arrow_left';}
.bootstrap-datetimepicker-widget .fa.fa-trash-o::after {content: 'delete';}
.bootstrap-datetimepicker-widget .fa.fa-times::after {content: 'close';}
.bootstrap-datetimepicker-widget .fa.fa-clock-o::after {content: 'watch_later';}
.bootstrap-datetimepicker-widget .fa.fa-calendar::after{content: 'today';}
.bootstrap-datetimepicker-widget .fa.fa-chevron-up::after{content: 'keyboard_arrow_up'}
.bootstrap-datetimepicker-widget .fa.fa-chevron-down::after{content: 'keyboard_arrow_down'}
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover {color: var(--theme-color)}
/* date-time-picker material icons */



/* radio buttons */
/* general radio buttos */
.radio-btn-cluster {position: relative;}
.radio-btn-cluster .radio-btn-input {position: absolute; opacity: 0; visibility: hidden}
.radio-btn-cluster .radio-btn-clicker {padding: 1rem; border: 1px solid #ddd; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); display: block; background: #f4f4f4; border-radius: 2px; cursor: pointer;}
.radio-btn-cluster .radio-btn-input:checked ~ .radio-btn-clicker {background: var(--theme-color); color: var(--theme-text-color); box-shadow: none;}
/* .radio-btn-cluster .radio-btn-clicker label[for] {position: relative;} */
.radio-btn-cluster .radio-btn-clicker label[for]:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1; cursor: pointer; background-color: rgba(0,0,0,0);}
.radio-btn-cluster.inactive-click .radio-btn-clicker {cursor: not-allowed;}
.radio-btn-cluster.inactive-click .radio-btn-clicker label[for] {pointer-events: none;}
.radio-btn-cluster.inactive-click .radio-btn-clicker label[for]:before {display: none;}

/* .complain-type-radio */
.complain-type-radio .custom-control-label{padding: 8px 12px; background: #f1f1f1; transition: 0.5s; cursor: pointer; border-color: var(--theme-color);}
.complain-type-radio .custom-control-input:checked~.custom-control-label{background-color: var(--theme-color); color: var(--theme-text-color);}
.complain-type-radio .custom-control-label::before{opacity: 0;}
/* radio buttons */


/* random */
.line-height-low {line-height: 1.2;}
.payment-upload-bank-listing:not(:last-child) {margin-bottom: 1.0rem; padding-bottom: 1.0rem; border-bottom: 1px solid #ddd;}
.nav-userimage {height: 48px; width: 48px; background: #fff; border-radius: 50%; object-fit: cover;border: 1px solid #ddd}
.bank-img {height: 56px; width: 56px; background: #fff; border-radius: 50%; object-fit: contain; border: 1px solid #ddd}
.bank-logo {height: auto; width: 250px; margin-bottom: 20px; background: #fff; object-fit: contain;}
/* random */



/* nav-tabs / nav-pills (card header) */
.steps-nav.nav-pills {counter-reset: steps}
.steps-nav.nav-pills .nav-link {background: #fff;border: 1px solid var(--theme-color);display: inline-block;position: relative;z-index: 1;border-radius: 2px;}
.steps-nav.nav-pills .nav-link.active, 
.steps-nav.nav-pills .show>.nav-link {background: var(--theme-color);color: var(--theme-text-color);}
.steps-nav.nav-pills .nav-item {position: relative;}
.steps-nav.nav-pills .nav-item:not(:last-child):after {content:"";position:absolute;width:100%;border-bottom: 2px dashed var(--theme-color);left:50%;top:50%;transform: translateY(-50%);}
.steps-nav.nav-pills.unclickable .nav-link,
.steps-nav.nav-pills .nav-item.active ~ .nav-item {pointer-events: none;}
.steps-nav.nav-pills .nav-link {counter-increment: steps;}

@media (max-width: 767px) {
	.steps-nav.nav-pills .nav-link:before,
	.steps-nav.nav-pills .nav-item:not(:last-child):after {display: none;}
	.steps-nav.nav-pills .nav-link {width: 100%;}
}
@media (max-width: 360px) {
	.steps-nav.nav-pills .nav-link {font-size: 0.9rem;padding-left: 0;padding-right: 0;}
}
/* nav-tabs / nav-pills */



/* //// bau uppar ni css */
.main-navbar-wrapper + .container-fluid > .row > .master-col > .card > .card-header > div:first-child + * {margin-left: auto !important}

/* flex-table */
.flex-table {display: block; min-width: 540px;}
.flex-table thead,
.flex-table tbody {display: block; width: 100%}

.flex-table thead tr,
.flex-table tbody tr {display: flex; width: 100%; flex-wrap: wrap;}

.flex-table thead tr th {display: block; flex: 1 0;}
.flex-table thead tr th:nth-child(n+5):not(:last-child) {display: none;}

/* widths */
.flex-table thead tr th.wide-col,
.flex-table thead tr th.actions-col,
.flex-table tbody tr td.wide-col,
.flex-table tbody tr td.actions-col {max-width: 120px;width: 120px;min-width: 120px;}
.flex-table thead tr th.price-col,
.flex-table tbody tr td.price-col {max-width: 100px;width: 100px;min-width: 100px;}
.flex-table thead tr th.thin-col,
.flex-table tbody tr td.thin-col {max-width: 70px;width: 70px;min-width: 70px;}
.flex-table thead tr th.sr-col,
.flex-table tbody tr td.sr-col {max-width: 74px;width: 74px;min-width: 74px;}
.flex-table tbody tr td:nth-child(2) {min-width: calc(100% - 364px);max-width: calc(100% - 364px);}

/* tbody */
.flex-table tbody tr td {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: -1px}
.flex-table tbody tr td:nth-child(n+5):not(:last-child) {order: 1;flex: 0 1 16.66%;padding: 0.25rem 0.75rem;}
.flex-table tbody tr td:nth-child(n+5):not(:last-child):before {content: attr(data-label); font-size: 90%; font-weight: 500; display: block;}
.flex-table tbody tr:not(.expanded) td:nth-child(n+5):not(:last-child) {display: none;}
.flex-table tbody tr td:nth-child(n+5):not(:last-child):empty {display: none !important;}
/* flex-table */

.status-show {display: inline-block; height: 30px; width: 30px; vertical-align: middle;}


@media(max-width:991px){
	.right-side-detail{font-size: 14px;}
	.status-show{height: 25px;width: 25px;margin-bottom: 5px;}
}




.nav .nav-item:first-child > .tab-content > .prev-button-div .prev-tab{display:none;}



.fz-14 {font-size: 13px;}
.receipt-link {display: inline-block; max-width: 140px;}
.pos-link {position: fixed; bottom: 20px; right: 20px; z-index: 9999;}
.pos-link.scrolled .btn i ,.pos-link.scrolled .btn span{display: none;}
.custom-wise-price-table table tr td:first-child,
.custom-wise-price-table table tr .customer-gst{text-align: center}
.master-col > .card:first-child{border: 1px solid #ddd!important}
.count-text{font-size: 14px}

.blinking-text{animation:glowing 1s infinite; font-size: 12px; font-weight:bold;}

@keyframes glowing{
	0%{color:red;}
	50.0%{color:#000;}
	100.0%{color:red;}
}

.table-responsive{font-size: 13px;}



/* footer-css-start */
.footer{background-color: #111d81; font-size: 16px;}
.footer.footer-dark, .footer.footer-dark a{color: #fafffa;}
.footer .footer-logo-img{width: 220px;}
.email-footer{border-bottom: 1px solid #ffffff;padding-bottom: 5px;width: 70%;margin: 0px auto;margin-bottom: 8px;}
.footer-yellow-color{color: #fef104 !important; font-weight: 500;}
.bottom-part-footer{background: #0d1661;}

@media(max-width:991px){
	.footer-part{border-bottom: 1px solid #dcdcdc;padding-bottom: 11px;}
}

/*
.custom-switch.download .custom-control-input.~.custom-control-label span:before {content: 'Not Downloaded';}
.custom-switch.download .custom-control-input.:checked~.custom-control-label span:before {content: 'Downloaded'}
.custom-switch.download .custom-control-input~.custom-control-label span{width: 8rem;}
*/
/* header-css */
.actions-nav .nav-item:nth-child(3) {border-radius: 5px;background: #f1f104;color: red !important;font-weight: bold;}
.actions-nav .nav-item:nth-child(3) .nav-link{color: #b01116 !important;}
.copy-right{font-size: 12px;}


.twt-read-status.custom-switch .custom-control-input~.custom-control-label span {display: inline-block; width: 8em; text-align: left;}
.twt-read-status.custom-switch .custom-control-input~.custom-control-label span:before {content: '';}
.twt-read-status.custom-switch .custom-control-input:checked~.custom-control-label span:before {content: ''}

/*  */


.order-page-symbol{font-size: 15px;display: flex;align-items: center;}
.dashboard-heading{font-size: 22px;}
/* commn-css */
.custom-file-label{overflow: hidden;}

@media(max-width:767px){
	.steps-nav.nav-pills .nav-item{font-size: 12px;}
	.steps-nav .nav-link {padding: .5rem 0.2rem;}
}

.table-nowrap-custom{white-space: normal;}
@media(max-width:991px){
	.table-nowrap-custom th,
	.table-nowrap-custom td {white-space: nowrap;}
}
.order-status-bg{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	height: 40px;
	display: flex;
	align-items: center;
}
.bank-details-heading{font-size: 18px;}
.logo-side-content{font-size: 12px;display: flex;align-items: center;}
@media(min-width:992px){
	.heading-order-page{width: 45%;font-size: 16px;line-height: 22px;}
}

@media(max-width:991px){
	.heading-order-page{font-size: 16px;}
}

@media(min-width:992px){
	.since-img-main{display: flex;position: absolute;top: 60px;left: 45%;}
}
.since-img{width: 80px;}
.heading-img{height: 40px;margin-left: 20px;}
@media(max-width: 575.98px){.heading-img{height: 32px;}}


@media(min-width:992px) and (max-width:1270px){
	.since-img-main{top: 90px;}
	.login-card{margin-top: 0;}
}

/* login page chnage css */

.king-logo-login{height: 90px;}
@media(max-width:575.98px){
	.king-logo-login{height: 60px;}
	.create-account-btn{font-size: 12px; height: 32px !important;}
}
@media(max-width:575.98px){.create-one{font-size: 13px;}}
.signup-card {margin-top: 0px !important;}
@media(min-width: 992px){
	.customer-since{position: absolute;top: 35px; left: 40%;}
	.customer-since .heading-img {height: 40px;margin-left: 20px;left: -24%;top: 50px;position: absolute;}
}

.presentation{background-color:#b01116;border-radius: 5px;height: 117px;padding: 15px;}
.custom-use{color: #fae21c; padding-bottom: 15px;}
.download-file{color: #fff;background-color: #111d81;padding:10px;font-size: 16px;transition: 0.5s}
.download-file:hover{color: #fff;background-color: #2539e2;}
.cart-price-custom{font-size: 13px;}
.header-placeholder{
	margin-left:auto !important;
}
.collectionreport-table tr {border-bottom: 1px solid #ccc;}
.collectionreport-table td , .collectionreport-table th{border:0;}
.report-collection-btn{background-color:#111d81; border-radius:0; color:#fff;}
.collectionreport-table .text-right {text-align:right;}
@media(min-width:992px){
	.payment-receipt-custom-modal{max-width: 1050px;}
}
/* blinking background change css */
.courier-charges-bg{padding: 10px;}
.blinking-background{animation:blinking 1.5s infinite;}

@keyframes blinking{
0%{background-color:#4da3ff;}
50.0%{background-color:red;}
100.0%{background-color:#4da3ff;}
}
/* blinking background change css */
@media (min-width: 992px){
	.payment-receipt-custom-modal {max-width: 1120px;}
}
.report-collection-btn:hover{
	color: #fff;
}
input.check-box-size{width: 35px;height: 35px;}
/* menu related changes css start */
.custom-nav .nav-link{font-size: 12px !important;}
@media(min-width: 992px) and (max-width: 1200px) {
	.custom-nav .nav-link{font-size: 10px !important;padding: 8px 8px 0 !important;}
	.actions-nav .nav-link{font-size: 11px !important;}
	.nav-userimage{height: 40px;width: 40px;}
	.customer-since{left: 41%;}
	.since-img {width: 75px;}
}
@media(min-width: 992px) and (max-width: 1024px) {
	.customer-since{top: 38px;left: 44%;}
	.actions-nav .nav-link {font-size: 10px !important;}
}
/* menu related changes css end */