/* Designer CSS added here */

@font-face {
    font-family: 'open_sansbold';
    src: url('/admin/includes/css/fonts/opensans-bold-webfont.eot');
    src: url('/admin/includes/css/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/admin/includes/css/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('/admin/includes/css/fonts/opensans-bold-webfont.woff') format('woff'),
         url('/admin/includes/css/fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('/admin/includes/css/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('/admin/includes/css/fonts/opensans-light-webfont.eot');
    src: url('/admin/includes/css/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/admin/includes/css/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('/admin/includes/css/fonts/opensans-light-webfont.woff') format('woff'),
         url('/admin/includes/css/fonts/opensans-light-webfont.ttf') format('truetype'),
         url('/admin/includes/css/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('/admin/includes/css/fonts/opensans-regular-webfont.eot');
    src: url('/admin/includes/css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/admin/includes/css/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/admin/includes/css/fonts/opensans-regular-webfont.woff') format('woff'),
         url('/admin/includes/css/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/admin/includes/css/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('/admin/includes/css/fonts/opensans-semibold-webfont.eot');
    src: url('/admin/includes/css/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/admin/includes/css/fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('/admin/includes/css/fonts/opensans-semibold-webfont.woff') format('woff'),
         url('/admin/includes/css/fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('/admin/includes/css/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@media print {
	a[href]:after {
		content: "";
	}
	.dataTable > thead > tr > th[class*="sort"]:after {
		content:"";
	}
}
/* Start :: CSS **/
body {font-family: 'open_sansregular', Arial, sans-serif;
	color: #333333;
    font-size:0.85rem;
    line-height: 1.5;
    background:#ffffff;
    letter-spacing:0.2px;
    overflow:inherit;
}
.body-container{
    overflow:inherit;
}
h1, .h1 {
    font-size: 1.8rem;
}
h2, .h2 {
    font-size: 1.5rem;
}
h3, .h3 {
    font-size: 1.3rem;
}
h4, .h4 {
    font-size: 1.1rem;
}
h5, .h5 {
    font-size: 1rem;
}
h6, .h6 {
    font-size: 0.9rem;
}
.width-5 {
  width: 5% !important;
}
.width-10 {
  width: 10% !important;
}
.width-15 {
  width: 15% !important;
}
.width-20 {
  width: 20% !important;
}
.width-25 {
  width: 25% !important;
}
.width-30 {
  width: 30% !important;
}
.width-35 {
  width: 35% !important;
}
.width-40 {
  width: 40% !important;
}
.width-45 {
  width: 45% !important;
}
.width-50 {
  width: 50% !important;
}
.width-55 {
  width: 55% !important;
}
.width-60 {
  width: 60% !important;
}
.width-65 {
  width: 65% !important;
}
.width-70 {
  width: 70% !important;
}
.width-75 {
  width: 75% !important;
}
.width-80 {
  width: 80% !important;
}
.width-85 {
  width: 85% !important;
}
.width-90 {
  width: 90% !important;
}
.width-95 {
  width: 95% !important;
}
.width-100 {
  width: 100% !important;
}
.width-auto {
  width: auto !important;
}
.w-7 {width: 10rem;}
/* Common Custom CSS */
	b, strong {
	    font-weight: 700;
	}
	.disabled {
	    pointer-events: none;
        opacity: 0.65;
	}
	.cursor-pointer, .cursor-pointer.complete, .cursor-pointer.complete .step {
	    cursor: pointer !important;
	}
	.white-space-nowrap {white-space:nowrap;}
	.no-border {border-width: 0 !important;}
	a.no-underline {text-decoration: none;}
	.alert > p, .alert > ul {
	    margin-bottom: 0;
    }
    .center {text-align: center;}
	.inline { display: inline-block !important;}
	.narrow-gutter {
	    margin-left: -0.5rem;
	    margin-right: -0.5rem;
	}
	.narrow-gutter div[class*=col-], .narrow-gutter .col {
	    padding-left: 0.5rem;
	    padding-right: 0.5rem;
	}
	pre {
	    padding: 0.5rem;
	    font-size: 0.8rem;
	    line-height: 1.42857143;
	    color: #333;
	    word-break: break-all;
	    word-wrap: break-word;
	    background-color: #f5f5f5;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    white-space: pre-wrap;
	}
	.navbar-fixed-top {position:fixed; top:10px; right:10px; z-index:9;}
	/*.nav {letter-spacing:0.3px;}*/
	.blue-gradiant {background:linear-gradient(#6baace, #416cb9); background-attachment: fixed; background-repeat: no-repeat;}
	.space-10 {
	    max-height: 1px;
	    min-height: 1px;
	    overflow: hidden;
	    margin: 0.8rem 0 0.7rem;
	}
	.ui-state-default {font-weight:normal; }
	.DTTT_Print .no-print { display: none!important; }
	.DTTT_Print .breadcrumbs { display: none!important; }
	.DTTT_Print .main-content{margin:0 auto;}
	.message_mendatory {color:#da3737 !important;}
	.twitter-typeahead pre{padding: 0; margin: 0; width: auto; height: auto; font-size: 0px !important;}
    .btn {font-size: 0.9rem;}
    .btn-lg {font-size: 1.125rem;}
    .btn-sm {font-size: 0.813rem;}
/* Common Custom CSS End*/
/***** dl-dt *****/
	dl {margin-top: 0; margin-bottom: 1rem;}
	dt, dd {line-height: 1.3;}
	dt { font-weight: bold;}
	dd { margin-left: 0;}
	.dl-horizontal dd:before, .dl-horizontal dd:after {display:table; content: " ";}
	.dl-horizontal dd::after {clear:both;}
/**** spaced ul li *****/
.spaced > li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.spaced2 > li {
  margin-top: 1rem;
  margin-bottom: 1rem; 
}
.spaced > li i, .spaced2 > li i {padding-right:0.5rem;}
.fa {font-family: 'Font Awesome 6 Pro' !important; font-weight: 900 !important;}
/***** height same issue *****/
.row-eq-height {display: flex; flex-wrap: wrap;}
.row-eq-height > div[class*=col-] { display: flex;}
.row-eq-height > div[class*=col-] .card {width:100%;}
/****** badge ******/
	.badge {padding: 0.15rem 0.35rem 0.18rem; font-weight: normal; font-size: 0.7rem; border-radius: 0.2rem;}
	.badge-lg {line-height:1.5;}
	.badge-xlg {padding: 0.325rem 0.625rem 0.475rem; font-size: 105%; line-height: 1.625; height: 2.5rem;}
    .badge-yellow {color: #996633; background: #fee188; border-color: #fee188;}
    .badge-purple {color: #ffffff; background: #9585bf; border-color: #9585bf;}
	.bg-danger {background-color: #f2dede !important;}
	.badge-xlg[class*=arrowed-] {padding: 0.325rem 0.625rem 0.475rem; font-size: 105%;}
	.badge.badge-xlg.arrowed::before, .badge.badge-xlg.arrowed-in::before {left:-1.2rem; bottom:0;}
	.dashboard-label, .dashboard-label1 {
	    font-size: 1rem;
	    height: 40px;
	}
	.badge[class*="arrowed-"] {
	     margin: 0;
	}

    .badge[class*="arrowed-"]:after, .badge[class*="arrowed-"]:before, .badge.arrowed:before {content:none;}

    .badge-nevyBlue{color: #ffffff; background: #4a4a89; border-color: #4a4a89;}
    .badge-teal{color: #ffffff; background: #008080; border-color: #008080;}
    .badge-bottelGreen{color: #ffffff; background: #265644; border-color: #265644;}
    .badge-maroon {color: #ffffff; background: #832929; border-color: #832929;}
    #order-job-board .badge[class*="arrowed-"] {padding: .15rem .2rem .18rem; min-height: auto; }


    /***** need badge arrow in some section ***/
        #total_filter .badge[class*="arrowed-"]:after, #total_filter .badge[class*="arrowed-"]:before,
        #size_stock_history .badge[class*="arrowed-"]:after,
        #size_stock_history .badge[class*="arrowed-"]:before,
        #partial_payment_section .badge[class*="arrowed-"]:after,
        #partial_payment_section .badge[class*="arrowed-"]:before,
        .stock_hitstory .badge[class*="arrowed-"]:after,
        .stock_hitstory .badge[class*="arrowed-"]:before {content:"" !important;}
        #total_filter .badge[class*="arrowed-"], #size_stock_history .badge[class*="arrowed-"], .stock_hitstory .badge[class*="arrowed-"], #partial_payment_section .badge[class*="arrowed-"] { margin-left: 0.25rem !important; padding:0.22rem 0.5rem 0.28rem; font-size:0.75rem; min-height: 22px;}
        #total_filter .badge[class*="arrowed-"].badge-lg, #size_stock_history .badge[class*="arrowed-"].badge-lg, .stock_hitstory .badge[class*="arrowed-"].badge-lg {padding:0.275rem 0.5rem 0.425rem;}
/****** form elements *****/

button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: none;}
.form-control:not(.multiselect-search):not(.ace-switch):not(textarea):not(.form-control-sm) {height: 34px;}
.form-control:not(.bootstrap-select) {padding-left: 0.7rem;}
.bootstrap-select > .dropdown-toggle {min-height: 34px;}
.form-control {font-size:0.75rem;}
.form-control-lg {height: calc(1.5em + 1rem + 4px) !important; padding: 0.5rem 1rem; font-size:1rem !important;}
.input-group .form-control:not(.form-control-lg) ~ .input-group-append .btn {padding: 0rem 0.5rem 0; font-size: 0.875rem; line-height: 2;}
.form-control.input-medium, .form-control.input-md {
    max-width: 100%;
    width: 150px;
}
.form-control.input-small {
    max-width: 100%;
    width: 90px; 
}
.col-form-label label, .form-inline label, .quote_calculator .col-form-label, .orde-listing-desktop-view .form-group > span, .orde-listing-desktop-view .order-date-filter, .search-container label {color:#777777;}
.bootstrap-select > .dropdown-toggle {font-size:0.75rem; text-align:left;}
input.ace-switch {width: 3.25rem;}
input.ace-switch:checked:after { -webkit-transform: translateX(1.75rem); transform: translateX(1.75rem);}
input.ace-switch-yesno:before {top: 3px; font-size: 0.75rem; font-weight: normal; padding: 0 0.5rem;}
td.text-center input.ace-switch {margin: auto;}
.input-group > .input-floating-label { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0;}
.radio-inline, .checkbox-inline {margin-right:0.8rem; margin-bottom: 0.25rem !important;}
.checkbox-inline input[type=checkbox] {margin-right: 0.2rem; vertical-align: bottom;}
.radio-inline input[type=radio] {margin-right: 0.3rem; vertical-align: bottom;}
.radio-inline, .checkbox-inline, .radio, .checkbox {font-size:0.8rem;}
.error-block {width:100%; display:block; line-height: 1.5; padding-top: 0.25rem;}
.form-control.input-mini { width:60px !important;  display: inline; }
.input-mini {
    max-width: 60px;
    max-width: 100%;
    padding: 0.3rem 0.3rem 0.2rem;
}
.form-control.input-medium, .form-control.input-md {
    max-width: 150px;
    width: 150px;
}
.form-control.input-small {
    max-width: 100%;
    width: 90px;
}
.custom-control-label {line-height:24px;}
/*.editor-element.input-group .cke { max-width: calc(100% - 40px);}*/
.editor-element.input-group .cke {min-width:99%;}
.editor-element.input-group {display: table;}
.editor-element.input-group .input-group-addon {width: 1%; white-space: nowrap; display:table-cell; padding-left: 0.3rem;}

input.ace-switch[class*="text-"]:not(:checked){
    background-color:#f16048 !important;
    padding:0;
}
input.ace.ace-switch.ace-switch-6[type="checkbox"]:checked + .lbl::before{
	background-color:#8bbc5d;	
}
.dataTable .ace-switch-check {margin:0 auto;}
.mypineed_link {
    background-color: #f2f5f6;
    border-radius: 3px;
    color: #879da9;
    font-size: 12px;
    padding: 2px;
    white-space: nowrap;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #ffffff;
    background-color: #2a7ab8;
}

.bootstrap-select .dropdown-menu {z-index:1031;}
.form-group .errors-block, .form-group .input-group .warning-block, .input-group .short-help-block, .input-group .errors-block {
    width: 100%; line-height:2.5;
}
.input-floating-label .floating-label {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 95%;}
.dataTables_filter .form-control {width:auto; display:inline-block;}
.dataTables_filter label {margin-right:0.5rem;}
.input-group .radio-element, .input-group .checkbox-element {max-width:90%;}
.order_note .checkbox-element {display:flex; flex-wrap:wrap;}
.select_product .order_note .checkbox-element .checkbox {width:95%; order:2;}
.select_product .order_note .checkbox-element .checkbox:first-child { order:0;}
.select_product .order_note .checkbox-element .erequired {order:1;}
.erequired {color:#da3737;}
.remove_image_link {
    margin-left: -15px;
    margin-top: -10px;
    position: absolute;
    top: 0;
    right: 0;
} 
.form-inline .form-control.ace-switch {display:block; width:3.25rem;}
.toggle-row-data.open .btn .fa-chevron-down:before {
	content: "\f077";
}
#es_config_form .form_action_buttons {margin-bottom:1rem;}
.ui-spinner {max-width:100px;}
.ui-sortable-handle label {font-size:0.8rem; }
.DragableDiv  .card{border:1px solid #dcebf7;}
.DragableDiv  .ui-sortable-handle{border-bottom-color:#dcebf7;}
.addon-text{ position:  absolute; padding: 0; left: 10px; top: 10px; }
/**** Start :: Icon Checkbox CSS ****/
 input[type=checkbox].ops-chk-btn{
	opacity: 0;
	position: absolute;
	z-index: 1;
	width: 18px;
	height: 18px;
	cursor: pointer;
}
label input[type=checkbox].ops-chk-btn {
	z-index: -100 !important;
	width: 1px !important;
	height: 1px !important;
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

input[type=checkbox].ops-chk-btn + .lbl, input[type=checkbox].ops-chk-btn + .lbl::before{
	position: relative;
	display: inline-block;
	font-weight: normal;
	cursor: pointer;
	opacity:0.5;
}
input[type=checkbox].ops-chk-btn:checked + .lbl, input[type=checkbox].ops-chk-btn:checked + .lbl::before{
	display: inline-block;
	opacity:1;
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
}
input[type=checkbox].ops-chk-btn:hover + .lbl, input[type=checkbox].ops-chk-btn:hover + .lbl::before{
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
}
/**** End :: Icon Checkbox CSS ****/
/***** help content and button ****/
small.short-help-block {font-size:85%; line-height:1.6;}
.long_help > .btn-xs {line-height:1;}
.help-button, .help-button:hover {border:1px solid #ffffff;}
.help-button.btn-xs {font-size:0.8rem; padding:0; height:20px; width:20px; line-height:19px;font-weight:900; text-align:center;}
.help-button.btn-xs.radius-round{line-height:20px;}
.help-button.btn-xs .fa-question {font-weight:900; font-size:0.55rem;}
#templateTextarea .helpcontenthtml,#corporateAccessInstruction .helpcontenthtml {max-height:500px; overflow:scroll;}
/*For typeahead*/
.tt-hint { color: #999; width: 100%; }
.tt-dropdown-menu { width: 100%;margin-top: 0.1rem; background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.2);*border-right-width: 2px;*border-bottom-width: 2px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);box-shadow: 0 5px 10px rgba(0,0,0,.2);-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box; }
.tt-suggestion.tt-is-under-cursor { cursor:pointer;color: #2a7ab8; background-color: #f0f2f4; }
.tt-dropdown-menu .tt-suggestion {padding:0.3rem 0.7rem;}
.tt-suggestion.tt-is-under-cursor a { color: #2a7ab8; background-color: #f0f2f4; text-decoration: none; }
.input-group > .twitter-typeahead {-ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 0;}

/**** buttons ***/
a, a:not([href]):not(.btn) {color:#2a7ab8;}
a:hover, a:not([href]):hover:not(.btn) {color:#59a0cc;}
.btn-link {color:#2a7ab8 !important;}
.btn-link:hover {color:#59a0cc !important;}
.btn-white {border-color: #d8d8d8;}
.reset_sort_btn {line-height:1.1rem;}
.icon-glossy {height:45px; width:45px; text-align:center; line-height:48px;}
.floating-fixed { position: fixed; z-index: 1031; right: 45px; top: 48px;}
.btn.btn-app.btn-sm {line-height: 1.3;}
.btn-scroll-up {max-height:30px;}
.btn-colorpicker {display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #DDD;
    vertical-align: middle;
    margin-right:0.5rem;
}
.btn-scroll-up.btn.btn-smd {padding: 0.1rem 0.5rem 0.425rem;}
.btn-outline-primary:hover i {color: #ffffff !important;}
.btn-h-outline-primary:hover i {color: inherit !important;}
.tableTools-container .DTTT_button { margin-left: 0.25rem !important;}
/**** multi select ****/
.btn.multiselect {height: 34px; font-size:0.75rem;}
.form-control.multiselect + .btn-group {max-width:100%; display:-webkit-box; display:-ms-flexbox; display:flex;}
.form-control.multiselect + .btn-group .btn {text-align: left;display: flex;align-items: center;justify-content: space-between;}
.form-control.multiselect + .btn-group .btn .multiselect-selected-text{  max-width:90% !important; display:inline-block;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.order_note_section .select-element{flex-wrap: nowrap;}
.order_note_section .form-control.multiselect + .btn-group .btn {text-align: left; white-space: normal; height: auto;}
.template_options_div .btn-group .multiselect{width:100%;}
.template_options_div .multiselect .multiselect-selected-text{
	overflow: hidden;width: 90%; text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;
}
/***** pagination ****/
.pagination li.disabled {pointer-events: none; opacity: 0.6;}
/****** card *****/
.card + .card {margin-top:1rem;}
.card-header { padding: 0.4rem 0.8rem;}
.card-title {font-weight:normal; color:#666666;}
.card-title .toggle-icon {margin-right:0.3rem;}
.card-title.smaller {font-size:0.8rem;}
.card-title a:hover {text-decoration:none;}
.card-header-tabs {margin-bottom:-0.4rem;}
/**** upload button ****/
.ops_form_file_button {
	position: relative;
	display:inline-block;
	overflow:hidden;
}
.ops_form_file_button .ops_file_normal {
	position: absolute;
	width:100%;
	height:100%;
	right: 0px;
	top: 0px; 
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	opacity: 0;
}
.ops_form_file_button.qq-uploader .qq-upload-button{
	position: relative;
	overflow: hidden;
	direction: ltr;
}
.qq-upload-button i {margin-right:0.3rem;}
.qq-upload-button i.icon-on-right {margin-right:0; margin-left:0.3rem;}
.qq-upload-cancel::before {
	content: '\f2ed';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 6px;
	color: red;
	font-weight:normal;
}
.qq-upload-cancel:hover {
	text-decoration: none;
}
/*Sort order spinner*/
.ui-spinner .ui-spinner-input {
	border: none;
	margin:0;
	padding: 0.3rem 0.5rem;
}
.ui-spinner-up {
	right: 0;
	top: 0;
}
.ui-spinner-down {
	right: 0;
	bottom: 0;
}
.ui-spinner-button {
	height: 17px; line-height:20px;
}
.dropdown-menu > li {display:block;}
.dropdown-menu > li > a {
    color: #666666;
    font-size: 0.8rem;
    padding: 0.3rem 1rem;
	display:block;
	text-decoration:none;
	white-space: nowrap;
	line-height:1.4;
}
.dropdown-menu > li:hover > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active, .dropdown-menu > li.active > a, .dropdown-menu > li.active:hover > a {
    background: #4f99c6;
    color: #ffffff !important;
}
.dropdown-menu > li:hover > a label, .dropdown-menu > li.active > a label, .dropdown-menu > li.active:hover > a label {color:#ffffff;} 
.dropdown-header {
    color: #438eb9;
    font-size:0.9rem;
	padding: 0.3rem 0.8rem;
}
/**** hover dropdown *****/
.dropdown-hover {position:relative;}
.dropdown-hover:hover > a, .dropdown-hover:hover > a.nav-link:not([class*="btn-"]) { background-color: #fff; border-color: #d1d9e3;}
.dropdown-hover:hover .dropdown-menu {display:block; right:0; left:auto; min-width:250px; max-height:300px; overflow-y:auto;}
.dropdown-hover:hover .dropdown-menu li a {padding:0.2rem 1rem; display:block; font-size:0.9rem; color:#333333;}
.dropdown-hover:hover .dropdown-menu li:hover a {color:#ffffff; text-decoration:none;}
/**** dropdown from left ****/
.dropdown-left .dropdown-menu {left: auto; right: 0;}
/***** thumbnail zoom *****/
.thumbnail{position:relative;display: inline-block; border:1px solid #cccccc;}
.thumbnail>img,.thumbnail a>img{margin-right:auto;margin-left:auto; max-width:100%; height:auto;}
a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#337ab7}
a.thumbnail:focus{outline:none}
.thumbnail .caption{padding:0.5rem; color:#333}
.thumbnail .zoom {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    border: 3px solid #fff;
    opacity: 0;
    transition: all 0.5s ease-out 0s;
}
.thumbnail .zoom:hover {
    background-color: rgba(0, 0, 0, 0.5);
	opacity: 0.8;
}
.thumbnail .zoom i {
    position: absolute;
    left: 10%;
    top: 50%;
    width: 80%;
    color: #fff;
    font-size: 24px;
    margin-top: -5px;
    transform: translateY(-100%);
    transition: all 0.5s ease-out 0s;
    visibility: hidden;
    text-align: center;
}
.thumbnail .zoom:hover i {
    transform: translateY(-7px);
    visibility: visible;
}
.opsgrid .gridcell .ace-thumbnails{
	height: 250px; 
	display: flex;
    justify-content: center;
    align-items: center; 
}
.opsgrid .gridcell .ace-thumbnails img {max-height:250px;}
.opsgrid .gridcell .ace-thumbnails .video_effect img {max-height:150px;}
.opsgrid .gridcell label {color:#777; margin-bottom:0;}
.gridcell .card-title {max-width:80%;}
.gridcell .card-title span {
    max-width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.gridcell .card-title span + small {display: block;}
.gridcell .multiselect {white-space: normal !important; height: auto;}
.noimage {color: #879da9;
    border: 1px solid #abbac3;
    background-color: #f2f5f6;
    vertical-align: middle; 
	display: table-cell!important;
	border-width: 1px !important;
}
#website_logos_listing_content .noimage {display: flex !important; justify-content: center; align-items: center; margin: 0 auto;}
.noimage .fa {
    color: #CBCBCB;
}
.opsgrid .card-footer .col-btn-actions {margin-top:0.25rem;}
/**** login ****/
.login-layout .login-field .error-block {order:5; font-size:12px;}
/****** header ******/
#navbar {height:45px; z-index:1032;}
.navbar-brand {font-size:1.2rem;}
.navbar-brand .resize-font {width:150px; white-space: normal; max-height:45px; font-size:1.2rem; }
.navbar-intro {width: 230px !important;}
.navbar-intro .bg-white-25 {background:rgba(255,255,255,0.25);}
.user-dropdown .user-info {line-height:1;}
.user-dropdown .user-info small {display:block;}
.info-dropdown {min-width:auto;}
.info-dropdown li a {color:#ffffff; padding: 0.8rem 0.5rem; text-align:center; font-size:1rem;}
.navbar ~ .main-container > .sidebar-fixed > .sidebar-inner {top:45px; /*padding-top:45px;*/ padding-bottom: 57px;}
/*.navbar ~ .main-container > .sidebar-fixed > .sidebar-inner .ace-scroll, .navbar ~ .main-container > .sidebar-fixed > .sidebar-inner  .ace-scroll-mob {margin-top:45px;}*/
/**** page header ****/
.page-header{ padding-bottom: 0.5rem; overflow: hidden; margin:0 0 1rem; flex-wrap:wrap;}
.page-header h1{ padding: 0; margin: 0; font-size: 1.6rem; font-weight: 300; color: #2a7ab8; line-height:1.5; font-family:open_sanslight;}
.page-header h1 small i { padding-right:0.5rem; }
.page-header h1 small { color:inherit; margin: 0 6px; font-size:65%; }
.page-header h1 .badge {font-size:0.75rem;}
.page-header h1 small::before { 
	content: "\f101";
    font-family: 'Font Awesome 6 Pro';
	margin-right:6px;
}
.grayheader {
    color: #2a7ab8;
    font-size: 20px;
}
/**** sidebar ****/
.sidebar.hoverable.collapsed .submenu-inner{margin: 0;}
.sidebar { width: 230px; transition: all 0.3s ease-in-out;}
.navbar ~ .main-container > .sidebar-fixed {z-index:1031;}
.sidebar-default .nav > .nav-item {margin-bottom:0;}
.sidebar-default .nav > .nav-item.active {border:0;}
.sidebar .nav > .nav-item > .nav-link {padding:0.5rem; min-height: auto; font-size:0.8rem; border-bottom: 1px solid #dddddd; transition: all 0.3s ease-in-out;}
.sidebar.sidebar-color .nav > .nav-item > .nav-link {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.sidebar-default .nav > .nav-item.open > .nav-link {border-bottom-width:0;}
.sidebar-default .nav > .nav-item.open.active > .nav-link {border-bottom-width:1px;}
.sidebar .nav > .nav-item > .nav-link .nav-text {line-height:1.5; margin-left:0.5rem;}
.sidebar .nav > .nav-item > .nav-link > .nav-icon {font-size:1rem; margin-right: 0;}
.sidebar-default .nav > .nav-item.active > .nav-link {background-color: transparent;}
.sidebar .nav > .nav-item > .submenu > .submenu-inner {padding-top: 0; padding-bottom: 0; margin: 0;}
.sidebar-default .nav > .nav-item.active > .submenu > .submenu-inner {border-top-width:0; margin: 0;}
.sidebar-search-input { width: calc(var(--sidebar-width) - 3rem);}
.sidebar-section-item { min-height: auto; margin: 0.5rem 0; justify-content: flex-start; padding: 0 7px;}
.sidebar-section-item:not(.fadeable-left) {position:fixed; top:0; margin-bottom:0; width:230px !important; transition: all 0.3s ease-in-out;}
.sidebar.collapsed .sidebar-section-item:not(.fadeable-left) {justify-content:flex-start; width:auto !important;}
.sidebar-section-item .fadeable .btn {font-size:0.82rem; padding: 0.375rem 0.71rem;}
.sidebar .submenu .nav-link {padding:0.35rem 1rem 0.35rem 2.2em; min-height:auto; font-size:0.8rem;  transition: all 0.3s ease-in-out;}
.sidebar .submenu .nav-link.menusubtoggle {z-index:1; top:7px;}
.sidebar-default .submenu .nav-item:hover > .nav-link {color: #3576a9; background-color: #f0f5f9;}
.sidebar .submenu .nav-link.menusubtoggle:hover {background:transparent;}
.sidebar .submenu .nav-text::before {content:normal !important;}
.sidebar .submenu .submenu .nav-link {padding-left: 3.25em;}
.sidebar .submenu .submenu .nav-link .nav-text {margin-right: 0;}
.sidebar .submenu .nav-item.active:not(.open) > .nav-link, .sidebar-default .nav > .nav-item.active:not(.open) > .nav-link {font-weight:normal;}
.sidebar.sidebar-color .submenu .nav-item.active:not(.open) > .nav-link:not(.dropdown-toggle), .sidebar.sidebar-color .nav > .nav-item.active:not(.open) > .nav-link:not(.dropdown-toggle) {background:rgba(0,0,0,0.2);}
.sidebar .nav.has-active-border .nav-item.active > .nav-link.dropdown-toggle:before {display: none;}
/*.sidebar-default .submenu li.active > .submenu {display: block;}*/
.sidebar-default .nav.has-active-border .nav-item.active > .nav-link::before{top:0; bottom: 0;}
.sidebar .sidebar-toggle {padding: 1.1rem 0; position: absolute; background:#f7f7f7; bottom:0; left: 0; right: 0; border-right: 1px solid #e2e3e4;}
.sidebar.sidebar-color .sidebar-toggle {background: rgba(255, 255, 255, 0.3);}
.sidebar .sidebar-toggle:before {content: ""; display: block; height:1px; background-color: #e2e3e4; width:100%; position:absolute;	left:0;	right:0; top:0;	bottom:0; margin: auto;}
.sidebar .sidebar-toggle button{padding: 0; width: 20px; height: 20px; line-height: 20px; font-size: 0.9rem; background-color: #485b6d; color: #edf8ff; z-index: auto; display: inline-block; text-align: center; vertical-align: middle; user-select: none; position: relative; border: 0; outline: none; transition: all 0.3s ease;}
.sidebar .sidebar-toggle button i:before{transition: all 0.3s ease;}
.sidebar.sidebar-color.hoverable.collapsed .sidebar-section-item .fadeinable.fa-search {color:#fff !important;}
.sidebar.hoverable.collapsed .sidebar-section-item .fadeable {justify-content:flex-start; min-width:auto; transition: none; transition-delay: 0s;}
.sidebar.hoverable.collapsed .sidebar-section-item .fadeable .fa-search {margin-left:0.8rem;}
.sidebar.hoverable.collapsed .sidebar-section-item .fadeable .sidebar-search-input { width: calc(var(--sidebar-width) - 1px);}
.sidebar.collapsed .sidebar-toggle{	width:100%; transition: all 0.3s ease;}
.sidebar.collapsed .sidebar-toggle button i:before{content: "\f105";}
.sidebar.collapsed {width:45px;}
.sidebar .sidebar-shortcuts-mini {flex-wrap: wrap;}
.sidebar .sidebar-shortcuts-mini .btn {border-radius:0; width:1rem; height:1rem; margin-bottom:1px;}
.sidebar.hoverable.collapsed .nav-item .nav-item > .nav-link {padding:0.5rem 0.8rem;}
.sidebar.hoverable.collapsed .nav-item .nav-item > .nav-link .nav-text {white-space:nowrap; margin-right:0;}
.sidebar.hoverable.collapsed .nav-item .nav-link i.fa-angle-down {transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
.sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > i.fa-angle-down {display:none; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
.sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {padding:0.2rem !important;}
.sidebar.hoverable.collapsed .submenu, .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {top:0; margin-left:0 !important; border-radius:0 !important;}
.sidebar.hoverable.collapsed .submenu, .sidebar.hoverable.collapsed .nav > .nav-item.active > .nav-link > .nav-text {top:1px;}
.sidebar.hoverable.collapsed .nav > .nav-item > .submenu {top: calc(100% - 2px); border-radius:0;}
.sidebar-default .nav > .nav-item.active:not(.open) > .nav-link {left:0;}
/* right sidebar for pin-unpin tab list */
#right-sidebar.hide-sidebar {
    margin-right: -280px;
	transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
#right-sidebar {
    background: #438eb9 none repeat scroll 0 0;
    border-left: 1px solid #e7e7e2;
	border-bottom: 1px solid #e7e7e2;
	position:fixed;
    right: 0;
	top: 45px;
    width: 200px;
    z-index: 999;
	transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
#right-sidebar .sidebar-inner {
    padding: 0.5rem 1rem 1rem;
    position: relative;
	height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    border-top:1px solid rgba(255,255,255,0.5);
}
#right-sidebar .sidebar-header {
    background: #438eb9 none repeat scroll 0 0;
    border-bottom-color: #bcd4e5;
    color: #8090a0;
    display: block;
    white-space: nowrap;
	width: 100%;
}
#right-sidebar .sidebar-header {
    font-size: 13px;
    font-weight: bold;
    line-height: 34px;
    padding-bottom: 0;
    padding-top: 0;
    text-shadow: none;
    text-transform: none;
}
#right-sidebar .sidebar-inner ul li.label {
    display: block;
    text-align: left;
 	background:#fff;
}

#right-sidebar .sidebar-inner ul.spaced > li {
    margin-bottom: 4px;
    margin-top: 4px;
}

/****** Profile table ****/
.profile-user-info {
  display: table;
  width: 100%;
  margin: 0 auto;
  font-size:13px;
}
.profile-info-row {
  display: table-row;
}
.profile-info-name {
  text-align: right;
  padding: 6px 10px 6px 4px;
  font-weight: normal;
  color: #667E99;
  background-color: transparent;
  border-top: 1px dotted #D5E4F1;
  display: table-cell;
  width: 110px;
  vertical-align: middle;
}
.profile-info-value {
  display: table-cell;
  padding: 6px 4px 6px 6px;
  border-top: 1px dotted #D5E4F1;
}
.profile-info-value > span + span:before {
  /* for a list of values (such as location city & country) put a comma between them */
  display: inline;
  content: ",";
  margin-left: 1px;
  margin-right: 3px;
  color: #666;
  border-bottom: 1px solid #FFF;
}
.profile-info-value > span + span.editable-container:before {
  display: none;
}
.profile-info-row:first-child .profile-info-name {
  border-top: none;
}
.profile-info-row:first-child .profile-info-value {
  border-top: none;
}
.profile-user-info-striped {
  border: 1px solid #DCEBF7;
}
.profile-user-info-striped .profile-info-name {
  color: #336199;
  background-color: #EDF3F4;
  border-top: 1px solid #F7FBFF;
}
.profile-user-info-striped .profile-info-value {
  border-top: 1px dotted #DCEBF7;
  /*padding-left: 12px;*/
}
.profile-user-info-striped .profile-info-value .QuotName{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 110px;
}
#sortable .profile-user-info-striped .profile-info-name {
    height: 55px;
  }
.profile-user-info { width:100%; }
.profile-info-name { width:150px; }
#quote_action_content .profile-info-value > span + span:before {
    display: none;
}
/**** badge with label-white ****/
.badge.label-white {
  color: #879da9;
  border: 1px solid #abbac3;
  background-color: #f2f5f6;
  border-right-width: 1px;
  border-left-width: 2px;
}
.label-white.badge-success {
  color: #7b9e6c;
  border-color: #b8d2ae;
  background-color: #fcfffa;
}
.label-white.badge-warning {
  color: #d9993e;
  border-color: #e4ae62;
  background-color: #fef6eb;
}
.label-white.badge-primary {
  color: #6688a6;
  border-color: #8aafce;
  background-color: #eaf2f8;
}
.label-white.badge-danger {
  color: #bd7f75;
  border-color: #d28679;
  background-color: #fcf4f2;
}
.label-white.badge-info {
  color: #4e7a8f;
  border-color: #7aa1b4;
  background-color: #eaf3f7;
}
.label-white.badge-inverse {
  color: #404040;
  border-color: #737373;
  background-color: #ededed;
}
.label-white.badge-pink {
  color: #af6f87;
  border-color: #d299ae;
  background-color: #fbeff4;
}
.label-white.badge-purple {
  color: #7d6fa2;
  border-color: #b7b1c6;
  background-color: #efedf5;
}
.label-white.badge-yellow {
  color: #cfa114;
  border-color: #ecd181;
  background-color: #fdf7e4;
}
.label-white.badge-grey {
  color: #878787;
  border-color: #cecece;
  background-color: #f8f8f8;
}
.itemdiv .tools {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: none;
}
.itemdiv .tools .btn-sm {padding: 0.05rem 0.25rem;}
.itemdiv:hover .tools {
    display: inline-block;
}
.sidebar + .main-content .fixed-top {
    left: inherit;
    right: inherit;
    width: 100%;
    top:auto;
}
.breadcrumbs.fixed-top {top:auto; min-height:41px;}
/* Data Table CSS for All Pages */
.table thead th {vertical-align: middle;}
table.dataTable.table-sm>thead>tr>th :not(.sorting_disabled) {padding-right: 0;}
.table:not(.table-sm) th, .table:not(.table-sm) td { padding: 0.5rem;}
.dataTables_wrapper {position:relative;} 
div.dataTables_wrapper div.dataTables_info{padding:0; font-size:0.75rem; white-space:normal;}
div.dataTables_wrapper div.dataTables_length label{margin:0; white-space:normal; font-size:0.75rem; text-align:center;}
.dataTables_wrapper > .row:last-of-type{ padding: 0.5rem; border-bottom-color: #dee2e6;}
div.dataTables_wrapper div.dataTables_filter {text-align:left;}
#order_listing_content .dataTables_wrapper .dataTables_paginate{display: flex;justify-content: end;}
#order_listing_content .dataTables_wrapper .dataTables_paginate .pagination{max-width: 420px;overflow: auto;justify-content: start !important;}
#order_listing_content  .multiselect-container.dropdown-menu>li label, .col-btn-actions .dropdown-menu>li label {display: inline-block;}
.col-btn-actions .dropdown-menu {
	position: fixed;
	top: auto;
	z-index: 1038;
	overflow: auto;
}

/* Data Table CSS for All Pages End */
.table-striped > tbody > tr > td {
	line-height:1.75; font-size:0.8rem;
}
.table-striped > tbody > tr > td.text-center .form-inline {justify-content: center;}
.table-striped > tbody > tr > td b , .table-striped > tbody > tr > td strong , .opsgrid b ,.opsgrid strong {
	color:#585858;
}
.table > thead:not(.bgc-grey-l4) > tr > th, .no-more-tables .table > tbody > tr > td > .table-header-row{
	font-weight:normal;
	color:#fff;
	padding:0.5rem 0.8rem;
	background-image: -webkit-linear-gradient(top, #6fb3e0 0%, #438EB9 100%);
	background-image: -o-linear-gradient(top, #6fb3e0 0%, #438EB9 100%);
	background-image: linear-gradient(to bottom, #6fb3e0 0%, #438EB9 100%);
	font-size: 13px;
	border-top:0;
}
.table td .btn {white-space:nowrap;}
.table-responsive > .table-bordered {
    border: 1px solid #ddd;
}
.admin_favourite_link_content .table-responsive {
    overflow: visible;
}
.table-striped tbody tr:nth-of-type(2n+1) {background:#f9f9f9;}
.table tbody tr.active td {background:#f2f2f2;}

.table-bordered.ord_product_list > tbody > tr.ord_prd_options { background:inherit;}
.table-bordered.ord_product_list > tbody > tr.ord_prd_options.bg-danger {background:#f2dede !important}
.table-bordered.ord_product_list > tbody > tr.ord_prd_options > td { border-top:0px; border-bottom:0px; border-spacing: 0px; margin-top:0px;margin-bottom:0px; padding-top:0px;padding-bottom:0px; line-height:1.6;}
.products_package_html .table tbody tr{background:transparent !important;}
/**** datepicker ****/
.bootstrap-datetimepicker-widget {z-index:10000 !important}
.bootstrap-datetimepicker-widget .table > thead > tr > th {background:#ffffff; padding:0.3rem; color:#333333;}
.bootstrap-datetimepicker-widget.dropdown-menu {padding:0;}
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {font-size: 0.8rem;}
div.colorpicker {z-index:9999;}
/*.table-responsive .bootstrap-datetimepicker-widget {top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; position:fixed; margin-top:33px !important;}*/
.table-responsive .bootstrap-datetimepicker-widget.dropdown-menu:before, .table-responsive .bootstrap-datetimepicker-widget.dropdown-menu:after {display:none !important;}

/****** dropdowns *****/ 
.dropdown-item {padding:0.25rem 1rem;}
.dataTable .dropdown-menu li a i, .dropdown-menu li a i { width: 20px; text-align: center; }
.multiselect-container.dropdown-menu, .col-btn-actions .dropdown-menu { border-radius: 0; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); min-width:180px; padding:0.2rem 0; font-size:0.8rem; }
.multiselect-container.dropdown-menu > li, .col-btn-actions .dropdown-menu > li {display:block;}
.multiselect-container.dropdown-menu > li > a, .col-btn-actions .dropdown-menu > li > a { color: #666666; font-size: 100%; padding: 0.3rem 1rem; display:block; text-decoration:none; white-space: nowrap; }
.multiselect-container.dropdown-menu > li label, .col-btn-actions .dropdown-menu > li label {justify-content: flex-start;}
.multiselect-container .input-group { padding: 5px; }
.multiselect-container.dropdown-menu { min-width: 260px; }
.multiselect-container > li > a { padding: 0; }
.multiselect-container .multiselect-group { background: #eee;}
.multiselect-container .multiselect-group label {font-weight: bold; padding-left: 12px; color: #555;  margin-top: 5px; }
.multiselect .caret {margin-top:0!important;}
.multiselect-container.dropdown-menu > li, .col-btn-actions .dropdown-menu > li {display:block;}
.multiselect-container.dropdown-menu > li > a, .col-btn-actions .dropdown-menu > li > a { color: #666666; font-size: 100%; padding: 0.3rem 1rem; display:block; text-decoration:none; white-space: nowrap; }
/****** bootsrtap selectpicker css*****/
.caret { display: inline-block; width: 0; height: 0; margin-left:0.5rem; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.bootstrap-select .dropdown-toggle {border:1px solid #d5d5d5; background:#ffffff; overflow:hidden; padding-right:1.5rem;}
/*.bootstrap-select .dropdown-toggle .filter-option { display: inline-block; left:0px; overflow: hidden; padding: 0; position: inherit; right: inherit; text-align: left; width: auto; text-overflow: ellipsis; white-space:nowrap; max-width:90%; float:left; }*/
.bootstrap-select .dropdown-toggle .filter-option { display: inline-block; left:0px; overflow: hidden; padding: 0; position: inherit; right: inherit; text-align: left; width: 100%; float:left; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner i {padding: 0.3rem 0.3rem 0; position: relative; background-color: #fff;}
.bootstrap-select .dropdown-toggle:after, .bootstrap-select .dropdown-toggle.btn.disabled::after, .bootstrap-select .dropdown-toggle.btn:disabled::after {
	display: inline-block;
    border-top: 4px solid #333333;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom:0;
    float: right;   
    margin-left:0.5rem; 
    left:auto;
    position:absolute; 
    right:10px;
}
.bootstrap-select .dropdown-toggle.btn.disabled::after, .bootstrap-select .dropdown-toggle.btn:disabled::after {background:transparent; top:auto; bottom:auto;}
.bootstrap-select .dropdown-menu li a {font-size:0.85rem; color:#333333;}
.bootstrap-select .dropdown-menu li a:hover {color:#2a7ab8 !important;}
.bootstrap-select .dropdown-menu li.active a:hover {color:#ffffff !important;}
.bootstrap-select .dropdown-menu li.active small.text-muted {color: #6c757d !important;}
.bootstrap-select .dropdown-menu li a.opt {padding-left:1.5rem;}
.bootstrap-select .dropdown-menu li.active small {
    color: inherit !important;
  }
.bootstrap-select .status {
    background: #f0f0f0;
    clear: both;
    color: #999;
    font-size: 0.8rem; 
    font-style: italic;
    font-weight: 500;
    line-height: 1;
    margin-bottom: -5px;
    padding: 0.4rem 0.8rem;
}
select optgroup, .optgroup {font-weight: bold; padding:0.3rem 0.8rem}
.bootstrap-select .dropdown-menu li:not(.disabled) a {padding:0.3rem 1.5rem}
.bootstrap-select .dropdown-menu li a.suboption  {padding:0.3rem 2.3rem}
.bootstrap-select .dropdown-menu li.disabled { 
    cursor: not-allowed;
    font-weight: bold;
}
.bootstrap-select .dropdown-menu li.disabled a span { 
    font-weight: bold;
}
.dropdown-item:not(.btn):active, .dropdown-item:not(.btn).active {
    color: rgba(67, 72, 77, 0.96) !important;
}
.dataTables_wrapper .opsgrid p label {
    display: inline !important;
}

.common-language-dropdown { position: fixed; right: 0px; z-index: 10; display: inline-block; max-width: 60px; }
.common-language-dropdown ul.dropdown-menu {padding:0.25rem 0;}
.common-language-dropdown ul.dropdown-menu li { padding: 0.3rem 0.7rem !important; height: 40px; }
.common-language-dropdown ul.dropdown-menu li:last-child {border-bottom: none;}
.common-language-dropdown ul.dropdown-menu li:hover {background-color: #2a7ab8;}
.common-language-dropdown ul.dropdown-menu li a {padding:0; background: transparent;}
.common-language-dropdown ul.dropdown-menu li a img {vertical-align:inherit; margin-right:0.3rem;}
/*.col-btn-actions .dropdown-menu {
	position: fixed !important;
	top: auto !important;
	z-index: 1030;
	overflow: auto;
	transform:none !important;
	left:auto !important;
} */

/***** templates listing ****/
.blocks {
	background: #f9f9f9;
	border: solid 1px #cccccc;
	padding: 0.5rem;
	margin-bottom: 1.875rem;
	min-height: 250px;
}
#generalimages_grid .blocks {
	min-height: auto;
}
.blocks .sortrow {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0 !important;
}
.blocks .row {margin-right: -0.5rem;
    margin-left: -0.5rem;}
.blocks .row > [class*="col-"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.blocks .sortrow {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0 !important;
}
/****** action area *****/
.action_area .btn.btn-app{
	padding:0.5rem 1rem;
	font-weight:600;
	font-size:0.875rem;
	border-radius:6px;
	width:auto;
	min-width:auto;
	margin-bottom:0.25rem;
}
.action_area i.btn.btn-app {
    font-family: 'Font Awesome 6 Pro';
    line-height: 20px;
    min-width:auto;
}
.action_area .btn.btn-app.btn-sm {line-height:1.5;}
.action_area .btn.btn-sm, .form_action_buttons .btn-sm {margin-bottom:0.25rem; }
.btn-app.no-hover { cursor: default !important; }
a .btn-app.no-hover { cursor: pointer !important; }
.btn-app.btn-sm.w-auto{min-width: 80px;}
.dataTables_wrapper select {
    /*height: 28px;*/
	padding-bottom:0;
	padding-top:0;
}

/**** pin/unpin pages ****/
.navbar-pin{
	padding-left: 40px;
	line-height: 20px;
}
.pin-icon{
	color:#C5C5C5;
}
.pin-text{
	font-size:12px!important;
	margin-right: 3px;
	cursor: pointer;
}
.pin-icon:hover{
	cursor:pointer;
	color:#ffb752;
}
.pin-active {
	color:#ffb752;
}
.del_pin_link{
	cursor: pointer;
    margin: 5px 3px;
    vertical-align: top !important;
    z-index: 999;
}
.pined-data {
	overflow-y: auto;
	max-height: 45px;			
}
.mypineed_link {
    background-color: #f2f5f6;
    border-radius: 3px;
    color: #879da9;
    font-size: 12px;
    padding: 2px 5px;
	white-space:nowrap;
}

.mypineed_link small {
	color: #2679b5;
	margin-left:2px;
}

.mypineed_link a {
	text-decoration: none;
	color:#191919;
}
.pin_icon_data{
	position: fixed; 
	right:25px;
}

/**** pin/unpin pages end ****/

.nav-tabs .nav-link {font-size:0.8rem; padding:0.5rem 0.8rem;}
.nav-tabs .nav-link .menu-text {
    font-size: 0.75rem;
}
.tab-content.no-border {
    border: none;
    padding: 12px;
}
.nav-tabs .nav-item{margin-bottom:-1px;}
.nav-tabs .nav-item.show .nav-link:not([class*="btn-"]), .nav-tabs .nav-link.active:not([class*="btn-"]) {font-weight:normal; color:#2a7ab8;}
.nav-tabs .nav-item.hover ul {display:none;}
.nav-tabs .nav-item.hover:hover ul {display:block;}
.section_toolbar .nav-tabs {border-bottom-color:#85afe2 !important;}
.section_toolbar .nav-tabs .nav-link { padding:0.8rem 1rem 0.5rem; background:#f8f9fa;}
.section_toolbar .nav-tabs .nav-link.active {border-color:#85afe2;}
#editor, .ace_editor {
    bottom: 0;
    left: 7px;
    margin: 0;
    min-height: 600px;
    position: relative;
    top: 10px;
}
.ace-eclipse {
	border: 1px solid #666666;
}
/**** loader ****/
div.dataTables_wrapper div.dataTables_processing {
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    z-index: 9;
}
div.dataTables_wrapper div.dataTables_processing .fa-spinner {font-size:2rem;}
/****** search form ****/
.search .btn-grey:after, .view-order-table .btn-grey:after, .table-mobile-view .btn-grey:after {
	font-family: 'Font Awesome 6 Pro';
	content: "\f077";
	color: #ffffff;
	display: inline-block;
	border: none;
}
.search .btn-grey.collapsed:after, .view-order-table .btn-grey.collapsed:after, .table-mobile-view .btn-grey.collapsed:after, .accordion-toggle.collapsed .fa-chevron-up:before, .card-toolbar-btn.collapsed .fa-chevron-up:before  {
	content: "\f078";
}
.search {
	border:solid 1px #d5d5d5;
	padding:5px;
	display:inline-block;
}
.search .btn-primary, #frmquotesearch .btn-primary {min-height:34px;}
.search_row .tbllist_action_btn .form-group {margin-bottom:0;}
/* .search_row .form-control {height: calc(1.5em + 0.5rem + 2px) !important;} */
.search_row .btn-primary.btn-sm {padding:0rem 0.5rem 0 !important;}
/***** popover ****/
.popover {
    min-width: 400px;
    white-space: normal;
    -ms-word-break: keep-all;
    word-break: keep-all;
    font-size: 12px;
}
.popover-body {max-height:500px; overflow-y:auto; /*overflow-x:hidden;*/}
.popover.iconpicker-popover {min-width:300px;}
/*..........Payment Table Css.......*/
.payment_form .help_msg {
    color: #8e58b8;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 80%;
}

.payment_form .form_caption{
	color: #777777;
	font-size:0.85rem;
}
.payment_form .radio_distance {
    margin-left: 15px;
}

.payment_form span input[type="radio"] {
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    vertical-align: top;
}
.payment_form td.form_caption {
    padding-right: 34px;
    text-align: right;
    width: 17%;

}
.payment_form .table-responsive {
    border-width: 0;
}
.payment_form select, .payment_form input[type="text"], .payment_form input[type="password"], .payment_form input[type="email"] {
    color: #696b6f;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 0.125rem;
    font-family: inherit;
    transition-duration: 120ms;
    padding: 0.375rem 0.75rem;
}
.payment_form input[type="text"], .payment_form input[type="password"], .payment_form input[type="email"] {
    height:34px;
}
div.dataTables_wrapper .table_pagination div.dataTables_paginate ul.pagination {
    justify-content: center;
}
/*..........End Payment Table Css.......*/
/**** steps ****/
.sw-theme-circles .step-content {min-height:200px;}
.wizard-steps.step-anchor > li {
	margin-left: 0px !important;
}
.sw-theme-circles > ul.step-anchor {margin-bottom:60px;}
#create_order_product_wizard.sw-theme-circles>ul.step-anchor {
    width: auto;
}

.edit_order_action_btn .col-btn-actions .dropdown-menu {
    left: 20px;
}
/*...........Dashboard Graph Css .........*/
/* .fa-kit {
    display: block;
    font-size: 80px;
    color: #7c8087;
    padding: 8px 0;
    transition:all 0.4958s linear;
	-webkit-transition:all 0.4958s linear;
	-moz-transition:all 0.4958s linear;
	-o-transition:all 0.4958s linear;
} */

.progress-radial {
    background-color: #888888;
    border-radius: 50%;
    height: 80px;
    position: relative;
    width: 80px;
}

.progress-radial.progress-primary {
    background-color: #B1CAE0;
    border-color: #00A4DB;
}
.progress-radial .overlay {
    background-color: #F4F4F4;
    border-radius: 50%;
    font-size: 0.85rem;
    height: 55px;
    line-height: 60px;
    margin-left: 0.8rem;
    margin-top: 0.8rem;
    position: absolute;
    text-align: center;
    width: 55px;
}
/*...........Dashboard Graph Css END .........*/
/*added for standard msgs and headers*/
.page-info-message  {
	margin-bottom: 1rem;
    padding: 0.5rem;
	line-height:18px;
	font-size:0.825rem;
}

/*........... Corporate Skin CSS..........*/
.new_skin .navbar { 
	background: #485b6d;
}
.new_skin .navbar .navbar-toggle {
    background-color: #485b6d;
	color:#ffffff;
}
.new_skin .navbar .navbar-toggle:hover{
	background-color: #84a4c1;
	color:#ffffff;
}
.new_skin.no-skin #navbar .navbar .navbar-toggle, .new_skin.no-skin .navbar .navbar-toggle.display, .new_skin.no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed){
	background-color: #485b6d !important;
	color:#ffffff;
}
.new_skin #sidebar .nav-item > li .submenu > li.active:not(.open) > a, .new_skin #sidebar .nav-item > li .submenu > li.active > a, .new_skin #sidebar .nav-item > li .submenu > li > a:hover, .new_skin #sidebar .nav-item > li > .submenu li > .submenu > li a:hover,  .new_skin #sidebar .nav-item > li .submenu > li > a:hover{
	    background-color: #485b6d !important;
}
@media (max-width: 1024px) {
	.new_skin .navbar.navbar-collapse{ 
		background: #293846;
	}
}
.new_skin .navbar-backdrop .nav > li.bgc-default > a {
    background-color: #3c4b58 !important;
}
.new_skin .navbar-backdrop .nav > li.bgc-default > a:hover, .new_skin .navbar-backdrop .nav > li.bgc-default > a:focus, .new_skin .navbar-backdrop .nav > li.open.bgc-default > a{
	background-color: #060a0c !important;
}
/*.new_skin .navbar .dropdown-menu > li:hover > a, .new_skin .navbar .dropdown-menu > li > a:focus, .new_skin .navbar .dropdown-menu > li > a:active, .new_skin .navbar .dropdown-menu > li.active > a, .new_skin .navbar .dropdown-menu > li.active:hover > a{
	background: #293846;
}*/
.new_skin .badge-important, .new_skin .badge.badge-important, .new_skin .badge.badge-important, .new_skin .badge-important{
	background-color: #144955;
}
.new_skin .sidebar-default .sidebar-search-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.new_skin .sidebar-default .sidebar-search-input {color:rgba(255, 255, 255, 0.9);}
.new_skin #sidebar .nav-item .submenu{background-color: #293846; border:0;}
.new_skin #sidebar .nav-item > a, .new_skin #sidebar .nav-item .submenu > li > a, #sidebar .new_skin .nav-item > .submenu li > .submenu > li a {
    background-color: #293846;
    color: #a7b1c2;
	border-bottom-color:#485b6d;
}
.new_skin #sidebar .nav-item > a .nav-icon {color: #a7b1c2;}
.new_skin #sidebar .nav-item:before {background-color:#ffffff;}
.new_skin .sidebar-default .nav > .nav-item > .submenu > .submenu-inner {border: 1px solid #485b6d;}
.new_skin #sidebar .nav-item.active > a, .new_skin #sidebar .nav-item:hover > a, .new_skin #sidebar .nav-item.open > a, 
.new_skin #sidebar .nav-item> .submenu li > .submenu li.open > a, 
.new_skin #sidebar .nav-item > .submenu li.open > a, .new_skin #sidebar > a:focus, 
.new_skin #sidebar .nav-item.active > a, .new_skin #sidebar .nav-item.active > a:hover, .new_skin #sidebar .nav-item.active > a:focus, 
.new_skin #sidebar .nav-item.open > a, .new_skin #sidebar .nav-item.open > a:hover, .new_skin #sidebar .nav-item.open > a:focus{
	color:#ffffff;
	background-color: #485b6d;font-weight: normal;
}
.new_skin #sidebar .nav-item> .submenu li > .submenu > li a:hover, .new_skin #sidebar .nav-item .submenu > li > a:hover, .new_skin #sidebar .nav-item .submenu > li.active > a, .new_skin #sidebar .submenu > li.active:not(.open) > a:hover, 
.new_skin #sidebar .nav-item .submenu > li.active:not(.open) > a, .new_skin #sidebar .nav-item > .submenu li > .submenu li.active > a{
	background: transparent;
	color:#ffffff;
}
.new_skin #sidebar .nav-item > .submenu .open > a, .new_skin #sidebar .nav-item > .submenu .open > a:hover, .new_skin #sidebar .nav-item > .submenu .open > a:focus{
	border-color: #485b6d;
}
.new_skin #sidebar .nav-item.active {border:0;}
.new_skin #sidebar .nav-item.active .nav-link:before {
	border-color:#727f8c;
}
.new_skin #sidebar .nav-item > .submenu:before, .new_skin #sidebar .nav-item > li > .submenu > li:before{
	border-color:#a7b1c2;
}
.new_skin #sidebar .nav-item.active > a:after{
	border-right-color:#ffffff;
}
.new_skin .nav-search .nav-search-icon{
	color: #293846 !important
}
.new_skin .nav-search .nav-search-input:focus, .new_skin .nav-search .nav-search-input:hover, .new_skin .nav-search .nav-search-input{
	border-color:#293846;
}

.new_skin .sidebar{
	background-color: #293846;
}

.new_skin .sidebar-toggle {
    background-color: #293846;
    border-color: #293846;
}
.no-skin .sidebar-toggle > .ace-icon{
	background-color: #485b6d;
	border-color: #777777; 
	color: #b3c1cb;
}
.new_skin .sidebar .sidebar-toggle:before{background-color: #485b6d;}
.new_skin .sidebar > .nav-search, .new_skin .sidebar-shortcuts, .new_skin .sidebar-shortcuts-mini{
	background: #293846;
	border-bottom-color:#50606f;
}
.new_skin #sidebar .nav-item > li {
    border-color: #4d6469;
}
/*Export orders*/
.subheading {
    color: #035383;
    text-decoration: underline;
    display: block;
}
.export_section_heading {
    color: #035383;
    font-size: 0.9rem;
    display: block;
}
.export_sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.export_list_none{
    list-style-type: none;
}
.export_sortable li {
    margin: 0 0.3rem 0.3rem;
    padding: 0.2rem 1rem 0.2rem;
}
.export_sortable li span {
    position: relative;
    cursor:move;
    max-width:90%; 
}
.export_sortable li .text_box_medium {
    float:right;
    font-size:0.8rem !important;
    height: 15px !important;
    width: 160px !important;
}
.export_sortable li label {
    font-size: 0.8rem;
    margin-bottom:0;
    display:inline-flex;
}
.hot_folder_settings {
    display: none;
    padding: 0.75rem 2rem;
    background-color:#F1F1F1;
    margin-top:0.75rem;
    width:60%;
}
.hot_folder_settings label {
    display: block;
    padding: 0.3rem 0;
}
#showReportSettings .export_sortable {max-height:550px; overflow-y:auto; overflow-x:hidden;}
/***** Exports Orders end ****/
/***** modal ****/
.modal-footer {padding:0.3rem 0.75rem;}
.modal-header {padding:0.3rem 0.75rem;}
.modal-dialog {margin:0 auto;}
/****** new card design *****/
.save_block .ui-spinner {border-bottom-right-radius: 0; border-top-right-radius: 0;} 

table td .color_data:nth-child(2) {flex-wrap:wrap;}
/******** PDF template Textarea *******/
#templateTextarea .helpcontenthtml,#corporateAccessInstruction .helpcontenthtml {height:500px;overflow:scroll;}
.addon-text{ position:  absolute;padding: 0;left: -10px;top: 6px; }

.watchActive {color:#ffb752;font-size:1.5em;cursor: pointer;}
.watchInactive {color:#999;font-size:1.5em;cursor: pointer;}
.md-header.btn-toolbar .colorpickers {max-width:30px; vertical-align: top;}
.md-header.btn-toolbar .btn-group {display:block;}
.md-header.btn-toolbar .btn-group .btn {float:left;}
.md-header.btn-toolbar .btn-group .marginSet {height:30px; min-height:auto; line-height:28px;}
textarea.form-control.defaulttext {padding: 7px 9px; font-size: 13px; letter-spacing: 0.5px; line-height: 1.6;}
.hwt-content {padding-top:6px; line-height: 1.55;}
.ui-colorpicker-ok {padding:0.3rem;}
.corp_filter {max-height:500px; overflow-y:auto;}
.corp_filter .card + .card {margin-top: 0;}
.corp_filter .card {margin-bottom: 1rem !important;} 
#order_listing_content .page-header {display:flex;}
.bootstrap-select-hover {font-size:0.75rem; text-align:center; padding:0.8rem 1rem 0.5rem; position:relative;}
.bootstrap-select-hover label {color:#7c8087;}
.bootstrap-select-hover label:before {content:"\f0c9"; font-family: 'Font Awesome 6 Pro'; font-weight:400; display:block; font-size:1.1rem; }
.bootstrap-select-hover .bootstrap-select .btn.dropdown-toggle, .bootstrap-select-hover .bootstrap-select .selectpicker {display:none;}
.bootstrap-select-hover .bootstrap-select {height:0 !important; display:block;}
.bootstrap-select-hover .bootstrap-select .dropdown-menu, .bootstrap-select-hover .bootstrap-select .dropdown-menu.show {display:none; min-width:250px; right:0; left:auto !important; transform:none !important;}
.single-attribute {
    font-size: 16px;
    font-weight: bold;
}
/**** media query ****/
@media (min-width: 768px) {
	.dl-horizontal dt { float: left;  width: 160px;  overflow: hidden;  clear: left;  text-align: right;  text-overflow: ellipsis;  white-space: nowrap;}
	.dl-horizontal dd { margin-left: 170px;}
	.modal-md { min-width: 600px; max-width:600px;}
	.form-horizontal .col-form-label { padding-top:0.2rem; /*padding:0;*/}
	div.dataTables_wrapper div.dataTables_filter label {margin-bottom:0;}
	.payment-shipping-details .dl-horizontal dt {clear: none; width:25%; text-align:left;}
	.payment-shipping-details .dl-horizontal dd {float:left; width:24%; padding-left:1%; margin-left:0; overflow: hidden; text-overflow: ellipsis;}
    .w-md-50 {width: 50% !important;}
    .w-md-60 {width: 60% !important;}    
    .form-horizontal.emailtemplate_signature .col-form-label,
    .form-horizontal.content_left_view .col-form-label {
        text-align: left;
        padding-top: 0.2rem;
        /*padding:0;*/
    }
    .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {padding:1rem !important;}
}

@media (min-width: 1000px) {
	.page-header h1 {
		/*max-width:65%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;*/
	}
	.pin_icon_data{
		position: fixed; 
        right:15px;
	}	
	.modal-lg { min-width: 900px; max-width:900px;}
}

@media screen and (min-width: 1200px) {
	.blk-ord-prd-history .card-body { max-height: 350px;  overflow-y: auto;}
	.sidebar.hoverable.collapsed .sidebar-section-item {width:100%; min-height:auto; padding: 0 2px;}
	.sidebar.hoverable.collapsed .sidebar-section-item .fadeinable {max-width:40px; min-height: 2rem;}
	.sidebar.hoverable.collapsed .sidebar-section-item .fadeinable.fa-search {width:45px !important; } 
	.sidebar-section-item:not(.fadeable-left) {top:45px; }
	.sidebar.hoverable.collapsed .submenu, .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {min-width:calc(var(--sidebar-width));}
	.sidebar.hoverable.collapsed .nav-item:hover > .submenu, .sidebar.hoverable.collapsed .nav > .nav-item:hover > .nav-link > .nav-text {margin-left: 0 !important;}
	.new_skin .sidebar.hoverable.collapsed .nav > .nav-item > .nav-link > .nav-text {background:#485b6d; border-color:#485b6d; color:#ffffff;}
	/* #sidebar + .main-content {max-width:calc(100% - 230px);} */
	#sidebar.collapsed + .main-content {max-width:calc(100% - 45px);}
	.corp_filter .card-columns {-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
    
    .form-horizontal .col-form-label {
        text-align: right;
    }

    .form-horizontal.emailtemplate_signature .col-form-label,
    .form-horizontal.content_left_view .col-form-label {
        text-align: right;
        padding-top: 0.2rem;
        /*padding:0;*/
    }

    #create_order_product_wizard.sw-theme-circles>ul.step-anchor {
        width: 75%;
    }

    .edit_order_action_btn .col-btn-actions .dropdown-menu {
        left: auto;
    }

    div.dataTables_wrapper .table_pagination div.dataTables_paginate ul.pagination {
        justify-content: flex-end;
    }
} 
@media screen and (max-width: 767px){
	.blocks .template_sort .input-group .input-group-btn {
		width: auto;
	}
	.navbar.navbar-fixed .navbar-collapse {top:45px;}
	.info-dropdown li a {text-align:left;}
	.search {width:100%;}
	.dataTable dt, .dataTable .no-copy {white-space:nowrap;}
    .bootstrap-select-hover {width: 100%; background: #f8f9fa; border: 1px solid #e5eaef; text-align: left; padding: 0.5rem 1rem;}
    .bootstrap-select-hover label {margin:0;}
    .bootstrap-select-hover label::before {display:inline-block; margin-right: 0.5rem;}
    .bootstrap-select-hover .bootstrap-select .dropdown-menu, .bootstrap-select-hover .bootstrap-select .dropdown-menu.show {left:0 !important;}
    .floating-fixed {right: 0;background: #fff;padding: 5px;}
}

/**** IE specific css ****/
@media all and (-ms-high-contrast:none){
	.sidebar .nav > .nav-item > .nav-link {height:auto;}
	/* CSS3 on/off switches */
	input[type=checkbox].ace-switch-check.ace-switch-times::-ms-check {width: 55px; background:url(../images/status-inactive.png) center center no-repeat; border:0;}
	input[type=checkbox].ace-switch-check.ace-switch-times:checked::-ms-check {background:url(../images/status-active1.png) center center no-repeat; position:relative; z-index:9; display:none;}
	input[type=checkbox].ace-switch-check.ace-switch-times:checked {background:url(../images/status-active1.png) center center no-repeat; }
	input[type=checkbox].ace-switch-check.ace-switch-times {position:relative;}
	input[type=checkbox].ace-switch-check.ace-switch-times:checked:before {content:""; background:#000000; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}
	input[type=checkbox].ace-switch-check.ace-switch-times + .lbl {display:none;}
	input[type=checkbox].ace.ace-switch {
	  width: 55px;
	  height: 25px;
	  border-radius:50px;
	}
	.ace-switch-yesno {display:none;}
	input[type=checkbox].ace.ace-switch + .lbl {
	  margin: 0 4px;
	  min-height: 24px;
	  position:relative;
	}
	input[type=checkbox].ace.ace-switch + .lbl::before {
	  font-family: 'Open Sans';
	  content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
	  color: #fff;
	  text-shadow: 0 0 0 #999;
	  font-weight: normal;
	  font-size: 11px;
	  line-height: 20px;
	  height: 23px;
	  overflow: hidden;
	  border-radius: 12px;
	  background-color: #9ea7ae;
	  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
	  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
	  border: 1px solid #CCC;
	  text-align: left;
	  float: left;
	  padding: 0;
	  width: 52px;
	  text-indent: -21px;
	  margin-right: 0;
	  -webkit-transition: text-indent .3s ease;
	  -o-transition: text-indent .3s ease;
	  transition: text-indent .3s ease;
	  top: auto;
	}
	input[type=checkbox].ace.ace-switch + .lbl::after {
	  font-family: 'Open Sans';
	  /*content: 'III';*/
	  content:"";
	  font-size: 12px;
	  font-weight: normal;
	  letter-spacing: 0;
	  color: #AAA;
	  text-shadow: none;
	  background-color: #FFF;
	  border-radius: 100%;
	  width: 18px;
	  height: 18px;
	  line-height: 20px;
	  text-align: center;
	  position: absolute;
	  top: 2px;
	  left: 3px;
	  -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,.3);
	  box-shadow: 0px 1px 1px 1px rgba(0,0,0,.3);
	  -webkit-transition: left .3s ease;
	  -o-transition: left .3s ease;
	  transition: left .3s ease;
	}
	input[type=checkbox].ace.ace-switch:checked + .lbl::before {
	  text-indent: 8px;
	  color: #FFF;
	  text-shadow: 0 0 0 #FFF;
	  background-color: #468fcc;
	  border-color: #6a8ca8;
	}
	input[type=checkbox].ace.ace-switch:checked + .lbl::after {
	  left: 31px;
	  background-color: #FFF;
	  color: #98A0A5;
	}
	.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file, .input-group > .twitter-typeahead {flex-basis:auto; width:1%;}
	.bootstrap-select .dropdown-toggle::after, .bootstrap-select .dropdown-toggle.btn.disabled::after, .bootstrap-select :disabled.dropdown-toggle.btn::after {position:absolute;}
	.sidebar .nav > .nav-item > .nav-link {height:auto;}
	.pin_icon_data {top:45px;}
}
.zip_code_list ul {
    padding: 0;
    float: left;
    width: 100%;
    margin: 0;
}
.zip_code_list {
    width: 100%;
    float: left;
}
.zip_code_list ul li {
    float: left;
    width: 14%;
    padding-bottom: 10px;
}
.no-img-ext {
    height: 9.375rem;
    min-width: 13.75rem;
    width: 100%;
    background: #f2f2f2;
    border: 2px solid #ccc;
    position: relative;
  }
  .no-img-ext > div > span {
    border: 2px solid #000000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 0.8rem;
    position: absolute;
    right: 3.4375rem;
    background: #333333;
    color: white;
    margin-top: 12px;
  }
  .no-img-ext > div i {
    color: #333333;
  }
  .alert-danger .text-warning{color:#ffffff !important; background:#feb902; width:210px; padding:5px !important;}
  .alert-center {position: fixed; top:33%; left:33%; right: 33%; z-index: 9;}
  @media only screen and (max-width: 1400px) {
  .navbar .navbar-intro span:not(.fa-stack) {max-width: 100px; vertical-align: middle; font-size:1.25rem; white-space:normal; line-height: 1.15;}
}
.print_details_modal {width:100%; max-width:1170px;}
.print_details_modal .fancybox-modal-body {height:600px; overflow-y:auto; overflow-x:hidden;}
.breadcrumb-item + .breadcrumb-item::before {position: relative; top:1px;}
.breadcrumb-item > i {line-height: 1.5; margin-right: 0.3rem;}
.header_icon_alignment .navbar-toggler {
    padding: 0.2rem 0.5rem;
}
/* Fancybox Custom Layout */

.fancybox-slide--iframe .fancybox-close-small{
	right:0;
}
.fancybox-slide--iframe .fancybox-close-small:hover:after{
	color: #555;
}
.fancybox-modal-content{
	padding: 0px !important;
    display:none;
    vertical-align: top;
}
.fancybox-stage .fancybox-modal-body {
	padding: 0px !important;
	margin: 0!important;
}
.fancybox-modal-content .common-language-dropdown{
	right: 45px;
    top: -40px;
	position: absolute;
} 
.fancybox-container {z-index:1039;}
.fancybox-container.fancybox-is-modal {z-index:1041;}
.fancybox-container ~ .fancybox-container {z-index:1038;}
.fancybox-container.fancybox-is-modal ~ .fancybox-container {z-index:1042;}
.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer; }
  .fancybox-close-small:after {
    content: '×';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2; }
  .fancybox-close-small:focus:after {
    outline: 1px dotted #888; }
  .fancybox-close-small:hover:after {
    color: #555;
    background: #eee; }
/*****/

#corporate_id #specific_users .table .form-inline {text-align: center;}
#export_orders_settings_content {min-height:880px;}
.edit_sort > .d-flex {justify-content: center;}
#product_image_gallery_listing_content table td span.text-nowrap.text-ellipsis {max-width: 200px; text-overflow: ellipsis;}
#pay_request .form-inline .input-group {display: table;}
#pay_request .form-inline .input-group > .form-control {width:auto;}
.customer-details.dl-horizontal dt {width:100px;}
.customer-details.dl-horizontal dd {margin-left:120px;}
.customer-settings.dl-horizontal dt {width:130px;}
.customer-settings.dl-horizontal dd {margin-left:140px;}
#tempCategory .dropdown-menu, #templatecats .dropdown-menu {max-height: 300px !important;}
#tempCategory .dropdown-menu > .inner, #templatecats .dropdown-menu > .inner {max-height: 290px !important;}

#es_common_payment p.payment_lbl.widget-main {display: flex;font-size: 12px;}
#es_common_payment p.payment_lbl.widget-main strong {min-width: 150px;}
.order_update_detail label.mr-2.my-1 {margin: 0 !important;}
.fancy_order_update.modal-xl {max-width: 1140px;}
.order_update_detail label.mr-2.my-1.col-xl-4.col-md-3 { font-size: 12px;}
@media (min-width: 1200px) {.fancy_order_update.modal-xl{width:1140px;}}
.orderOtherFields { max-height: 300px; overflow-y: auto;}

.iti{ width: 95%; }
.iti__flag-container {max-height:34px;}


/* Master Option CSS */
.assignmasteroption .card .card-body .table-bordered .form-control{height:26px !important;}​​​​​​​
.main{
    border: 1px solid #e6e6e6;
}
.main .bg-color{
    background-color:#f2f7fb;
}
.main  .nav-tabs .nav-item{
    margin-bottom:1px;
}
.main  .nav-tabs .nav-link{
    position:relative;
    padding:0.6rem 0.8rem;
    color: #7c8087;
    background-color: #f2f7fb;
    border:0;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
    font-size: 14px;
    -webkit-transition:0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.main .nav-tabs .nav-item.show .nav-link, .main .nav-tabs .nav-link.active ,.main  .nav-tabs .nav-link:hover {  
    color:#529bc7;
    background: transparent; 
}
.main .nav-tabs .nav-link.active{
    background-color:#ffffff;
    font-family: "open_sansbold", Arial, sans-serif;
}
.main .nav-tabs .nav-item a:before {
    content: '';
    position: absolute;
    width: 2px;
    height:100%;
    background-color: transparent;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: .4s all ease;
    -o-transition: .4s all ease;
    transition: .4s all ease;
  
}

.main .nav-tabs .nav-item a.active:before, .main .nav-tabs .nav-item a:hover:before {
    background-color: #529bc7;
}
.main .tab-content {
    padding: 2rem;
}
#frm_profile #search_filter {
    max-width: 190px;
}
.main .nav-tabs .nav-item:last-child .nav-link {border-bottom: 0;}

/*****/
#website_logos_listing_content .thumbnail img {
    max-width: 100px;
    height: auto;
    max-height:100px;
}
.remove_image_link_small {
    margin-left: -15px;
    margin-top: 4px;
    position: absolute;
    top: 0;
    right: -25px;
}
.imgPlaceHolder {color: #879da9; height: 100px; width: 100px; border: 1px solid #abbac3; background-color: #f2f5f6; position: relative; display: inline-block; vertical-align: middle;  pointer-events: none;}
.imgPlaceHolder:before, .imgPlaceHolder:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 67px; width: 84px; text-align: center;
    font-family: 'Font Awesome 6 Pro' !important; font-weight: 900; color: #CBCBCB;  line-height: 1;
}
.imgPlaceHolder:before {
    content: "\f05e"; font-size: 5em;
}
.imgPlaceHolder:after {
    content: "\f083"; font-size: 2.5em; height: 30px;
}
.imgPlaceHolder img {opacity: 0;}
.gridcell .imgPlaceHolder {height: 250px; width: 250px;}
/**Combination wise image gallery **/
.combination_wise .multiselect.dropdown-toggle {
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Personalize-Corporate .Personalize-Box:hover{text-decoration: none;}
.corporate_configuration .fancybox-content {
    padding: 0;
    margin: 0 auto;
    top: 0;
    height: calc(100% - 90px);
    width: calc(100% - 90px);
}
/** Set alignment for View default CSS link. **/
.view_default_css_link {
    right: 0px;
    top: -15px;
}

.language-control .errors-block {
    display: table-footer-group;
}
.AddMarkupModule label {
    color: #777777;
}
/* CSS for Order modify screen */
.ProdDescription .form-group, .OrderProdDetails .form-group{margin-bottom: 5px;}
.ProdDescription .form-group .col-form-label{-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
.ProdDescription .form-group .col-md-9{-webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
dropdown-menu .language-control .errors-block {
    display: table-footer-group;
}
.DesignAdminGallery_Dropdown .dropdown-search .dropdown-menu li a {
    position: relative;
}
.DesignAdminGallery_Dropdown .dropdown-search .dropdown-menu li a .DesignAdminIcon {
    position: absolute; right:5px;top:8px;
}

.desk-quicklink-button{min-height: 80px;}
.desk-quicklink-button .d-style{
    border-radius:10px;
    width: 120px;
    padding:10px;
}
#welcome_content .page-header {overflow: unset;}
#welcome_content #sortable [class*="col-"] {-webkit-transition-property: relative, absolute, left, top, right, bottom;-o-transition-property: relative, absolute, left, top, right, bottom;transition-property: relative, absolute, left, top, right, bottom; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s;}
#welcome_content #sortable .card-header{cursor: move; min-height: 40px; flex-wrap: wrap;}
#welcome_content #sortable .card-header .card-title{font-size: 15px;}
#welcome_content #sortable .card-header .form-control{font-size: 12px;}
.dashboard-mockup {
    position: fixed;
    right: -3px;
    z-index: 999;
}
.dashboard-mockup #check_list{min-width:300px; }
#welcome_content .dashboard-recent-search{border-right:none;border-left:none;border-bottom:none;}
#welcome_content .profile-user-info-striped{border:none;}
#recent_orders .profile-info-value, #recent_customers .profile-info-value, #recent_quotes .profile-info-value, #pending_approvals .profile-info-value{line-height: 18px;border-right: 1px solid #dcebf7;border-bottom: 1px solid #dcebf7;height: 50px;}
/* #recent_customers .profile-info-name {width:250px;} */
#recent_orders .profile-info-value > span + span:before, #pending_approvals  .profile-info-value > span + span:before{content: none;}
#job_board_orderwise .profile-info-row, #job_board_productwise .profile-info-row {display: flex;border-top: 1px dotted #D5E4F1;}
#job_board_orderwise .profile-info-row .profile-info-name,#job_board_orderwise .profile-info-row .profile-info-value, #job_board_productwise .profile-info-row .profile-info-name,#job_board_productwise .profile-info-row .profile-info-value {border-top: none;}
#job_board_orderwise .profile-info-row:first-child .profile-info-value, #job_board_productwise .profile-info-row:first-child .profile-info-value {border-top: none;}

#sortable .ui-sortable-helper{padding-top:10px; -webkit-box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%);box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 8%); -webkit-transition-property: relative, absolute, left, top, right, bottom; -o-transition-property: relative, absolute, left, top, right, bottom; transition-property: relative, absolute, left, top, right, bottom; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; background: #ffffff;}
#sortable .ui-sortable-placeholder{border:2px dashed #D5E4F1; visibility: visible !important; -webkit-transition-property: relative, absolute, left, top, right, bottom;-o-transition-property: relative, absolute, left, top, right, bottom;transition-property: relative, absolute, left, top, right, bottom; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s;}
#order_data .profile-user-info, #cust_data .profile-user-info, #quote_data .profile-user-info{height: auto !important;}
.lineheight-normal{line-height:normal!important;}
/*.card-header-tabs {margin-bottom:-2.8rem;}*/
.profile-user-info-striped .profile-info-row:nth-child(5) .profile-info-value{border-bottom:0 !important;}
#order_status .profile-info-row .badge.arrowed-in::before{ left: -6px; border-width: 0.67rem 0.25rem;}
#sales_stat .profile-user-info-striped{height: 275px !important;}
.product_markup_calc .scroll-content{overflow-y: auto; overflow-x: hidden; height: 605px;}
.product_markup_calc .scroll-content::-webkit-scrollbar {width: 7px; }
.product_markup_calc .scroll-content::-webkit-scrollbar-track { box-shadow: inset 0 0 7px 0 #cccbce;}
.product_markup_calc .scroll-content::-webkit-scrollbar-thumb { background: #5ca3cf; }
.product_markup_calc .scroll-content::-webkit-scrollbar-thumb:hover { background: #5ca3cf; }
.product_markup_calc .sticky-top{top:80px;}
.pin_icon_data .store_switch .input-group .bootstrap-select, .pin_icon_data .store_filter .input-group .bootstrap-select,
.pin_icon_data .store_switch .input-group .dropdown-toggle { min-width: 200px; }
#reset_ops-table {
    display: inline;
}
/* CSS By KP for header changes in mobile */
@media (max-width: 991.98px){
    .navbar .navbar-menu .navbar-nav > .nav{
        -webkit-box-orient: unset;-webkit-box-direction: unset;-ms-flex-direction: unset;flex-direction: unset; 
        background: #ffffff;
        margin: 0;
    }
    .navbar .navbar-menu .navbar-nav > .nav .nav-item{
        padding:0 !important; 
        margin: 0; background: 
        transparent !important; display: 
        -webkit-box; display: -ms-flexbox; display: flex; 
        -webkit-box-align:center; -ms-flex-align:center; align-items:center;
        border-left:1px solid #dee2e6;
    }
    
    .navbar .navbar-menu .navbar-nav > .nav .nav-item .nav-link, .navbar .navbar-menu .navbar-nav > .nav .nav-item .text-white{color:#333333 !important; padding: 0.75rem !important; height: 100%; font-size: 18px; margin-right: auto;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item .nav-link:hover, .navbar .navbar-menu .navbar-nav > .nav .nav-item .nav-link:focus, .navbar .navbar-menu .navbar-nav > .nav .nav-item .nav-link:active{background: transparent; color:#333333 !important;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item  .catch-trash{color:#dd6a57 !important;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item .user-menu, .navbar .navbar-menu .navbar-nav > .nav .nav-item .info-dropdown{
        display: -webkit-box; display: -ms-flexbox; display: flex; 
        -webkit-box-align:center; -ms-flex-align:center; align-items:center;
        background: transparent;
        margin: 0 !important;
        pointer-events: auto; overflow-x: auto;
    }
    .navbar .navbar-menu .navbar-nav > .nav .nav-item.CatchTrash .nav-item, .navbar .navbar-menu .navbar-nav > .nav .nav-item.CatchTrash .text-white{height: auto;font-size: 14px;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item .info-dropdown .btn-purple{background: transparent !important;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item.CatchTrash{margin-right: auto !important; border-left:none;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item .info-dropdown a{color:#333333; padding:0;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item  .dropdown-menu > li{margin:0; border-right:1px solid #dee2e6; border-radius: 0;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item  .dropdown-menu > li > a{padding:0.75rem; text-align: center; height: 100%; font-size: 18px;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item  .dropdown-menu > li > a:hover, .navbar .navbar-menu .navbar-nav > .nav .nav-item  .dropdown-menu > li > a:focus, .navbar .navbar-menu .navbar-nav > .nav .nav-item  .dropdown-menu > li:focus, .navbar .navbar-menu .navbar-nav > .nav .nav-item  .dropdown-menu > li:hover{background: transparent; color:#333333 !important;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item.user-dropdown .user-info small{font-size: 10px;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item.user-dropdown .user-info {font-size: 14px; font-weight: bold;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item.user-dropdown{width: 100%; border-top:1px solid #dee2e6;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item .dropdown-menu > li.solution-help{background: transparent !important;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item .nav-link .tot_cnt{margin-right:0; padding:0; width:15px; height: 15px; line-height:15px; border-radius: 50%;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item.notify_admin .dropdown-menu {position: absolute; background: #ffffff; z-index: 9999;}
    .navbar .navbar-menu .navbar-nav > .nav .nav-item.notify_admin .dropdown-menu .nav-item .nav-link, .navbar .navbar-menu .navbar-nav > .nav .nav-item.notify_admin .dropdown-menu .lbl{font-size: 14px; padding: 5px 10px !important; margin: 0; width: 100%; }
    .navbar .navbar-menu .navbar-nav > .nav .nav-item.notify_admin .dropdown-menu .nav-item .nav-link .clearfix > .badge{margin-left: 10px;}
    .navbar.navbar-fixed .navbar-collapse{overflow: inherit; border:0;top: 3rem;}
    .breadcrumbs.fixed-top{position: static;}
    .page-header{padding-top: 0;}
    .pin_icon_data { position: fixed; top: 40px; left: auto; right: 10px; margin: 0 !important; background: #f8f9fa; padding: 10px 0;}
    .pin_icon_data .store_filter .input-group, .pin_icon_data .store_switch .input-group {display: block;}
    body.mob_store_filter_bg:before{content: ""; position: fixed; left: 0; right: 0; top: auto; height: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: 9;}
    .full-screen .pin_icon_data {top:0; padding: 7px 0;}
    
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }

    #seo_all #page_div .col-md-2.col-form-label {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (max-width: 1600px) {
    .desk-quicklink-button .d-style { width: 90px; padding: 10px 5px; font-size: 13px; }

}
@media screen and (max-width: 1300px) {
    .desk-quicklink-button .d-style { width: 80px; padding: 8px 3px; font-size: 12px; }
}
@media screen and (max-width: 768px) {
    .desk-quicklink-button .d-style { width: auto; padding: 10px 15px; }
    #reset_ops-table {
        display: none;
    }
}

/* fancybox css */
.fancybox__container {z-index: 1071; --fancybox-bg:rgba(24, 24, 27, 0.92);}
.fancybox__container ~ .popover, .fancybox__container ~ .tooltip, .fancybox__container + .modal {z-index: 1073;}
.fancybox__container + .modal ~ .modal-backdrop {z-index: 1071;}
.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after{box-sizing: border-box;}
.fancybox__thumb{background-size: contain;} 
.fancybox__slide{
    padding:0 !important;
}
.f-button:hover:not([disabled]) {--f-button-hover-bg:rgba(255,255,255,0.85);--f-button-hover-color:#333333;}
.fancybox__slide .fancybox__content{padding:0rem !important;}
.dashboard-mockup .btn:hover i {animation:0.6s fa-spin ease-in-out ;}
.fancybox__footer {width: 80%;}
.fancybox__thumbs{left: 0;top: auto;bottom: 0;background: #fafafa;padding: 4px 2px;overflow-y: auto;}
.fancybox__thumbs .f-thumbs__slide{border: 1px solid #ccc;margin-right: 0.3rem;background: #fafafa; flex-direction: column; align-items:center; padding: 0.25rem 0.25rem 0px; --f-thumb-width:95px;
    --f-thumb-height:90px;}
.fancybox__thumbs .f-thumbs__slide span{color:#333333;width: 100%;text-align: center;font-size: 0.75rem;}
.fancybox__thumbs .f-thumbs__slide.is-nav-selected{border: 1px solid #666;}
.fancybox__thumbs .f-thumbs__slide:hover{border: 1px solid #666;}
.fancybox__thumbs .f-thumbs__slide .fancybox__thumb:after{border:none;}
.f-thumbs__slide__img {object-fit: contain;}
.f-thumbs__slide__button {width: 100%;}
.fancybox__main-panel{display: flex;flex-direction: column;height: 100%;}
.fancybox__main-panel .fancybox__carousel {max-width:80%;overflow: hidden;}
.fancybox__main-panel .fancybox__left-panel{position: fixed;height: 100%;top:0;right: 0;width:20%;background:#fafafa;padding:40px 20px;color:#000000;}
.carousel__button:not([disabled]), .carousel__button{color: #333 !important;background: #ffffff !important;height: 35px;width: 35px;margin-left: 0.3rem;padding: 5px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.fancybox__content>.carousel__button.is-close {position: fixed;top: 10px;right: 15px;}
.carousel__button.is-close {position: fixed;top: 10px;right: 15px;}
@media only screen and (max-width: 769px) {
    #TabContent_customsettings .col-form-label{text-align:left;}
    .fancybox__main-panel .fancybox__left-panel{width:30%; }
    .fancybox__main-panel .fancybox__carousel{max-width:70%;}
    .fancybox__thumbs{width:70%;}
    .fancybox__footer {display: none;}
}
@media only screen and (max-width: 575px) {
    .fancybox__main-panel .fancybox__left-panel{order:2;position: relative;text-align:center;width:100%;background:transparent;padding:15px;color:#ffffff; height: auto;}
    .fancybox__main-panel .fancybox__carousel {max-width:100%;height: 100%;}
    .fancybox__main-panel .fancybox__thumbs{width:100%;position:fixed;bottom: 0;background: transparent;}
    .store_filter .bootstrap-select .dropdown-menu, .store_switch .bootstrap-select .dropdown-menu {min-width: 300px;}
    .store_filter .bootstrap-select .dropdown-menu li a, .store_switch .bootstrap-select .dropdown-menu li a{display: flex; white-space: normal; align-items: center;}
    .popover {min-width: 350px;}
    .gridcell .card-title span{max-width:250px;}
}
.show > .btn.btn-light.dropdown-toggle, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active{background:#ffffff}
#TblProductPrice{font-family:"Open Sans", Arial, sans-serif;}
#order_data .profile-info-value, #cust_data .profile-info-value, #quote_data .profile-info-value{line-height: inherit !important;}
.fancybox-full-size .fancybox__slide{padding:0;}
.fancybox-full-size .fancybox__slide .fancybox__content{padding:0; width:100% !important; height: 100% !important;}
.fancybox-full-size .f-button{display: none;}
.section_toolbar .fa.text-130{font-family: 'Font Awesome 6 Pro' !important;font-weight: 900 !important;font-size: 18px !important;}
.customFormula .fa.fa-2x,.add_tag_group .fa-2x {font-size: 2em !important;}
.jqplot-highlighter-tooltip{z-index: 9999 !important;}
#main_div_products_stat .scroll-content{overflow-y: inherit;}
.help_var { white-space: normal; word-break: break-word;}
.store_list .form-control.multiselect + .btn-group .btn i{float:none;}
.bootstrap-select .dropdown-menu li a span[class*=fa-].float-right {
    position: absolute;
    right: 5px;
    margin-top: 3px;
}
.bootstrap-select .dropdown-menu li a span[class*=fa-] ~ span {margin-left: -4px;}
.sidebar-steelblue .nav > .nav-item.active > .nav-link {
    background-color: rgb(56 104 144);
}

#frmloginpgcontent .editor-element iframe{width: 100% !important;}
#order_data .profile-info-value small {
    word-break: break-all;
}
#recent-box .card-body{overflow-y: auto;}
/*** safari stack ***/

/* Safari 11+ */

@media not all and (min-resolution:.001dpcm)

{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {

textarea.form-control.defaulttext {letter-spacing:0.2px;}

}}

/* Test website on real Safari 11+ */



/* Safari 10.1 */

@media not all and (min-resolution:.001dpcm){

@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {

textarea.form-control.defaulttext {letter-spacing:0.2px;}

}}
#ops-table_grid .gridcell .card .card-header .image-title{text-overflow: ellipsis; max-width: 280px; white-space: nowrap; overflow: hidden;}
#navbar-container .quickSearch #quick-search-form .input-group-prepend{flex:0 0 35%;max-width:35%;}
#navbar-container  .quickSearch,#navbar-container .quickSearch #quick-search-form {width:35% !important;}
#navbar-container  .quickSearch,#navbar-container .quickSearch #quick-search-form .btn-info {width: 40px; font-size: 0.8rem; padding: 0; height: 34px;}
#navbar-container .quickSearch #quick-search-form .input-group-prepend .dropdown-search, #navbar-container .quickSearch #quick-search-form .input-group-prepend .dropdown-search  .btn {height:100%;}
/* #navbar-container .quickSearch #quick-search-form  #quick-search-input-text{height:34px;}
#navbar-container .quickSearch #quick-search-form  input.form-control{height:34px;} */
.quickSearch .tt-dropdown-menu, .navbar-collapse .quickpinpagelist .tt-dropdown-menu {max-height: 450px; overflow-y: auto; overflow-x: hidden;}
.quickpinpagelist .twitter-typeahead {margin: 5px;}
.quickpinpagelist .twitter-typeahead .tt-dropdown-menu {position: relative !important; box-shadow: none; border: 0; padding-top: 0.5rem; width: 100%;}
.quickpinpagelist .twitter-typeahead .tt-dropdown-menu .tt-suggestion {font-size: 0.8rem; white-space: nowrap; display: flex;}
.quickpinpagelist .twitter-typeahead .tt-dropdown-menu .tt-suggestion i {padding-left:0.5rem; margin-left: auto !important;}
.navbar-collapse .quickpinpagelist {background-color: #ffffff !important;}
.navbar-collapse .quickpinpagelist .twitter-typeahead {width: calc(100% - 10px);}
@media only screen and (min-width: 1200px) {
    #navbar-container  .quickSearch {width:40% !important;}
    #navbar-container .quickSearch #quick-search-form {width:75% !important;}
    /* Image gallary Button */
    .image-gallary-button {position: absolute;bottom: 0px;right: 10px;}
    .view_default_css_link {
        right: 15px;
        top: 0;
    }
}
@media only screen and (min-width: 1400px) {
    #navbar-container .quickSearch #quick-search-form {width:51% !important;}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    #navbar-container .quickSearch #quick-search-form {width:75% !important;}
} 
@media only screen and (min-width:768px) {
    .width-90 {
        width: 90%;
    }
}
@media only screen and (max-width: 990px) {
    #navbar-container .quickSearch, #navbar-container .quickSearch #quick-search-form{width:100% !important;}
}  
#user_action_import_address_content #frmimport > .row,#user_action_import_address_content .qq-uploader > .row {justify-content: center;}
.right-dropdown .dropdown-menu {transform:none !important; left: auto !important; right: 0; top: 100% !important;}

.savepinpages {position: fixed; width: 320px; height: 159px; right: 0px; left: auto; transform: translateX(100%); margin-top: 5%; transition: 0.5s all ease; opacity: 1;}
.savepinpages.show {transform: translateX(0);}
.shipping_types .dropdown-menu li a span.text {display: flex; align-items: center;margin-right: 0px !important;}
.shipping_types .dropdown-menu li a span.text > small:last-child {margin-left: auto;}
.transform-right-bottom .fa-stack-1x {left: auto;
    right: -5px;
    bottom: -2px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #9382c0;
    line-height: 14px;
    font-size: 0.55rem;
    border: 1px solid;}
.transform-right-bottom { font-size: 55%;}
.image-preview-sm { max-width: 100px !important;}
.image-preview-md { max-width: 150px !important;}
.image-preview-lg { max-width: 250px !important;}
.image-preview-xl { max-width: 500px !important;}
.video_effect{position:relative;}
.video_effect:after {position: absolute; content: "\f144"; font-family: 'Font Awesome 6 Pro'; background: #000000b0;  width: 100%; height: 100%;font-size:35px; display: flex; align-items: center; justify-content: center;top: 0;left: 0;color:#dddddd;}
.artwork_image img {
    max-height: 100px;
    width: auto;
}
.bootstrap-select.shipping_types .dropdown-toggle .filter-option-inner-inner {
    display: flex;
    align-items: center;
}
.bootstrap-select.shipping_types .dropdown-toggle .filter-option-inner-inner>small {
    padding-left: 0.5rem;
}
.bootstrap-select.shipping_types .dropdown-toggle .filter-option-inner-inner>small:last-child {
    margin-right: 0;
    margin-left: auto;
}
/**** split ****/
.accordion-toggle.card-title {cursor: pointer;}
#shipmentDetails .ord-img {max-width: 50px;}
#shipmentDetails .ord-img > div {
    transform: scale(0.7);
    transform-origin: top left;
  }
.admin_link .fa-stack-1x {
    transform: translate(12px, 12px) scale(0.8);
    height: 18px;
    width: 18px;
    background: #ffffff;
    border-radius: 50%;
    color: #247eb1;
}
.navbar-cadetblue .admin_link .fa-stack-1x{ color: cadetblue;}
.navbar-secondary .admin_link .fa-stack-1x{ color: #879ba6;}
.navbar-steelblue .admin_link .fa-stack-1x{ color: #4379a5;}
.new_skin .navbar .admin_link .fa-stack-1x{ color: #485b6d;}
#corporate_listing_content #ops-table td > .row,#corporate_listing_content #ops-table th > .row{flex-wrap:nowrap;margin:0;}
#product_listing_content .search ,#product_listing_content .search .form-inline{width: 100%;}
/* shipping product */
#shipping_package_data .dataTable  .package_select{min-width:120px;}
.page-info-message a {display: inline-block;}
#frm_template_manage_block_properties .form_action_buttons:nth-child(2){margin-left:auto;}
.mark_as_unpaid {font-size:14px;}

.jobBoardConfigSetting .form-group .master-options + .btn-group {width: 50%;}
#jobBoardView2ConfigSetting .form-group .master-options + .btn-group {width: 100%;}
.jobBoardConfigSetting .form-group .master-options + .btn-group .multiselect {overflow: hidden;text-overflow: ellipsis;}
/* Job board order */
.job-board-card{width: 130px; display:inline-block;vertical-align: top;}
.job-board-card .card-header a{text-decoration:none;}
.job-board-card .card-header .card-toolbar i{font-size:10px;}
.job-board-card .card-body p{font-size:10px; text-overflow: ellipsis;max-width: 150px;overflow: hidden;}
.job-board-card .job-baord-title{width:100%}
.job-board-card .job-baord-title,.job-board-card .card-body{white-space: nowrap;}
.job-board-card .job-baord-title p{font-size:10px;}
.job-board-card.ui-draggable-dragging{z-index:999;}
#job_board_order2_content .table-responsive{ overflow:auto;max-height:700px;}
#job_board_order2_content .table-responsive table tbody tr:first-child{position: sticky;top:-0.5px;z-index: 99;border-bottom:1px solid #dddddd;}
#job_board_order2_content .table-responsive::-webkit-scrollbar { width: 5px;
  height: 5px;}
#job_board_order2_content .table-responsive::-webkit-scrollbar-thumb{background:#dddddd}
.job-board-card .card-toolbar a{margin-top: 0px !important;}
.job-board-card .ui-sortable-handle{cursor: url("https://www.google.com/intl/en_ALL/mapfiles/openhand.cur"), all-scroll; cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;}
.job-board-card .sortable:active {
 cursor: url("https://www.google.com/intl/en_ALL/mapfiles/closedhand.cur"), all-scroll; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing;
}
.jobBoardConfigSetting{position: absolute; top:50px; left: auto; right: 10px; z-index: 999; width: 550px;}
.ui-state-hover{ background:#fff2d4 !important; border:2px dashed rgb(216, 216, 216) !important; color:#000 !important;font-weight: normal !important; }
table#jobboard_listing tr.scan-selected, table.ord_product_list tr.highlightOrderProductTr{background-color: #fff2d4 !important;}
.job-board .scan-selected{box-shadow: 5px 5px 5px #ddd;border:1px dashed;}
#template_manager_content #ops-table_wrapper table tr td span,#template_manager_content #ops-table_wrapper table tr td p{word-break: break-word;}
.profile-user-info .badge {white-space:normal}
#job_board_data:focus{ outline: none; }
.text-maroon{color:#832929}
.text-teal{color:#008080}
.card.after-drag{animation: fadeIn 5s linear;animation-iteration-count: 1;}
/* animation blink */
@keyframes fadeIn{0%{box-shadow: 5px 5px 5px #ddd;border:1px dashed #333;} 50%{box-shadow: 5px 5px 5px #ddd;border:1px dashed #333;} 100%{box-shadow: 5px 5px 5px #ddd;border:1px dashed #333;}  }
.job-board-card .card-toolbar:not(.no-border)::before{top: -0.025rem;bottom: -0.075rem;}
#job_board_order2_content .table-responsive table tbody tr td:first-child, #job_board_order2_content .table-responsive table tbody tr th:first-child{position: sticky;left:-0.5px;z-index: 9;}
#job_board_order2_content .table-responsive table tbody tr:first-child th{font-weight: normal;}
#job_board_order2_content .table-responsive table#order-job-board tbody tr td:first-child{position: sticky;left:-0.5px;z-index: 9;background: #fff;}
#job_board_order2_content .table-responsive table#order-job-board tbody tr th:first-child{position: sticky;top:0px;left:-0.5px;z-index: 99;background: #f9f9f9;}
.job-board-card h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#job_board_order2_content .table-responsive table tbody tr:first-child th{font-weight: normal;}
.draggable-card-placeholder { margin-right: 9px; border: 1px dotted rgba(0, 0, 0, 0.075); height: 60px; width: 125px; display: inline-block; background-color: rgb(255, 255, 255); }
.job-board-card .card-toolbar i{color:#fff}
body.full-screen .navbar ~ .main-container > .sidebar, body.full-screen #navbar {z-index:1;}
body.full-screen .main-content {position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index:2;background: white;overflow-y: scroll;max-width: 100% !important;}
.typeahead-hide-search-box { position: fixed !important; top: -1000px!important; }
.additional-checkbox .additional_option_title .parentCheckBox,.additional-checkbox .additional_option_title .sizeCheckBox{flex:0 0 20px;max-width:20px;}
.additional-checkbox .additional_option_title p{word-break: break-all;}
/* Arrow badge  */
.badge.arrowed-in:before{height:100%;}
#tp_4over_assign_default_products_content #frmAssignDefaultPorducts .dropdown-menu .show{ max-height:150px !important}
#es_config_import .multiselect-container.dropdown-menu,#es_config_import .multiselect.dropdown-toggle{max-width: 200px;width: 100%;overflow: hidden;min-width: 200px;}
/**** custom tabs ****/
/**** search result css ****/
.scrollable-result {max-height: 500px; overflow-y: auto; overflow-x: hidden;}
.search-result {box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); left: 0; right: 0; margin: auto; width: 100%; max-width: 750px;}
.nav-customtabs {border-bottom: 2px solid #ededed;}
.nav-customtabs li {padding-right: 0.5rem;}
.nav-customtabs li .nav-link, .nav-customtabs.nav-tabs .nav-link:not([class*="btn-"]) { color:rgba(0,0,0,0.5); border:0; font-size:0.9rem; background: transparent;}
.nav-customtabs li .nav-link .badge-secondary {margin-left: 0.5rem; min-width: 20px;}
.nav-customtabs li .nav-link.active .badge-secondary {background:#57b5da !important;}
.nav-customtabs li .nav-link.active {position:relative; color:#57b5da !important; background: transparent;}
.nav-customtabs li .nav-link.active:after {left:0; right:0; display: block; position: absolute; content: ''; height:2px; background:#57b5da; bottom:0; }
.search-result .tab-content {border: 0; padding: 1.5rem 0 0;}
.view-more-result a {color:#565656; text-decoration: underline;}
.view-more-result a:hover {color:#57b5da; text-decoration: none;}
.searchable-img {
    flex: 0 0 80px; max-width: 80px;
}
.searchable-img .thumbnail {border-radius: 0.25rem; width: 80px; height: 70px; overflow: hidden; cursor: pointer;}
.searchable-img .thumbnail img {border-radius: 0.25rem; width: 100%; height: 100%; object-fit: contain;}
.searchable-img .noimage {width: 80px !important; height: 70px !important;}
.searchable-img .noimage .fa-3x {font-size: 1.25rem;}
.advance-search-content .searchable-data {
    max-width: calc(100% - 80px);
}
#search-orders-result p .badge {padding: 0.1875rem 0.425rem 0.23rem;
    font-size: 74%; min-height: inherit; margin-left: 0.75rem;}
#search-orders-result .order-status-info .badge:first-child {padding: 0.1875rem 0.425rem 0.23rem;
    font-size: 74%; min-height: inherit; margin-right: 0.75rem;}
#search-orders-result .order-status-info {border-bottom: 1px solid #dee2e6;}
#search-orders-result .badge.arrowed::before,
#search-orders-result .badge.arrowed::after,
#search-orders-result .badge.arrowed-in::before,
#search-orders-result .badge.arrowed-in::after {border-width: 0.5875rem 0.375rem;}
@media screen and (max-width: 767px){ 
    .scrollable-result {max-height: 400px;}
    .nav-customtabs li {padding-right: 0;}
    .nav-customtabs li .nav-link, .nav-customtabs.nav-tabs .nav-link:not([class*="btn-"]) { font-size:0.67rem;}
    
    .main-content .nav-tabs {
        overflow-y: hidden;
        overflow-x: scroll;
        flex-wrap: nowrap;
    }

    .opsStateClear .nav-tabs {
        overflow-y: visible;
        overflow-x: clip;
        padding-bottom: 0.125rem;
    }

    .main-content .nav-tabs .nav-item {
        width: 100%;
        max-width: 100%;
    }

    .main-content .nav-tabs .nav-item .nav-link {
        padding: 1rem 0.8rem;
        white-space: nowrap;
        text-align: start;
    }

    table.dataTable.table-sm>thead>tr>th:not(.sorting_disabled) {
        padding-right: 40px;
    }

    .page-header h1 {
        margin-bottom: 10px;
    }

    .col-form-label label {
        margin-bottom: 0;
    }

    .page-header h1 {
        font-size: 1.4rem;
    }

    .nav-tabs .nav-item.show .nav-link,
    .tabs-above>.nav-tabs:not(.simple-tabs) .nav-link.active,
    .tabs-above>.nav-tabs:not(.simple-tabs) .nav-link.btn:active {
        margin-top: 0;
    }
}
@media screen and (max-width: 1024px){ 
    .sidebar .sidebar-toggle {display:none;}
    #tp_4over_listing_content .form-inline.form_markup_1 .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 5px;
        margin-bottom: 5px;
        padding: 0;
    }
}
.search-result-alignment{height: auto;max-height: 420px;overflow-y: auto;}
.search-result-alignment .imgPlaceHolder{height:70px;}
.search-result-alignment .imgPlaceHolder:before {width: 80px;content: "\f05e";font-size: 3em;display: flex;align-items: center;justify-content: center;}
.search-result-alignment .imgPlaceHolder:after {width: 80px;content: "\f083";font-size: 1.5em;height: 22px;}
/* Arrow badge  */
.badge.arrowed-in:before{height:100%;}
#tp_4over_assign_default_products_content #frmAssignDefaultPorducts .dropdown-menu .show{ max-height:150px !important}
#es_config_import .multiselect-container.dropdown-menu,#es_config_import .multiselect.dropdown-toggle{max-width: 200px;width: 100%;overflow: hidden;min-width: 200px;}

#create_order_product_wizard .existing_product_div .dropdown > .dropdown-menu .dropdown-menu {max-height:300px !important;}
#advance-search-content {min-height: 100px;}
#search-loader {position: absolute;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.55);
    z-index: 9;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#search-loader .fa{font-size: 3em !important;}
#search-menu-items {
    position: relative;
    z-index: 999;
  }
@media (max-width: 991px){
    .w-sm-100{width:100% !important;}
    #frmordsearch .search-box input, #frmusersearch .search-box input {border-right: 0; border-left:0; height: 38px;}
    #frmordsearch .card .card-body, #frmusersearch .card .card-body {border: 1px solid rgba(0, 0, 0, 0.125); box-shadow: 0 0px 4px 2px rgb(0 0 0 / 7%); padding: 8px !important; background-color: #ffffff; z-index: 1; position: absolute; top: 100%;} 
    #frmordsearch .form-group, #frmusersearch .form-group {align-self: end;}
    #frmordsearch .form-group.w-sm-50, #frmusersearch .form-group.w-sm-50 {width: calc(50% - 0.5rem);}
    #frmordsearch .form-group.w-sm-50 .input-group, #frmordsearch .form-group.w-sm-50 .input-group .btn-group,  #frmordsearch .form-group.w-sm-50 .btn-group, #frmordsearch .form-group.w-sm-100 .input-element, #frmordsearch .form-group.w-sm-100 .input-element .dropdown.bootstrap-select, #frmusersearch .form-group.w-sm-50 .input-group, #frmusersearch .form-group.w-sm-50 .input-group .btn-group,  #frmusersearch .form-group.w-sm-50 .btn-group, #frmusersearch .form-group.w-sm-100 .input-element, #frmusersearch .form-group.w-sm-100 .input-element .dropdown.bootstrap-select{width: 100%;}
    #frmordsearch .form-group.w-sm-100, #frmusersearch .form-group.w-sm-100 {width: calc(100% - 0.5rem);}
    #frmordsearch .form-group.w-sm-100 select, #frmusersearch .form-group.w-sm-100 select {width: 100%;}
    #frmordsearch  #filtertrait_cond{margin-bottom: 10px;}
    #frmordsearch .form-control.multiselect + .btn-group .btn i{float: none; margin-top: 0; position: absolute; top: 10px; right: 6px;}
    #frmordsearch span.multiselect-selected-text{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 116px;
    }
    #frmordsearch .form-group .twitter-typeahead, #frmusersearch .form-group .twitter-typeahead{width: 100%; display: block !important;}
    #frmordsearch .form-group.w-sm-100 select, #frmusersearch .form-group.w-sm-100 select{max-width: 100%;}
    #order_listing_content .action_area.navbar-collapse, #order_archive_listing_content .action_area.navbar-collapse, #order_pending_listing_content .action_area.navbar-collapse, #order_approval_pending_listing_content .action_area.navbar-collapse {background: #fff;padding: 5px; box-shadow: 0 0px 4px 2px rgb(0 0 0 / 7%);}
    /* #order_listing_content .action_area.my-2, #order_archive_listing_content .action_area.my-2, #order_pending_listing_content .action_area.my-2, #order_approval_pending_listing_content .action_area.my-2 {position: absolute; right: 0; top: 60%;z-index: 9;} */
    #frmusersearch #department_div, #frmusersearch #department_select {width: 100% !important;}
    #user_listing_content #actionButtons {background: #fff;padding: 5px; box-shadow: 0 0px 4px 2px rgb(0 0 0 / 7%); position: absolute; right: 0; top: 60%; padding: 5px 11px 5px 5px;z-index: 1;}
    #user_listing_content .page-header {display: flex; position: relative;  overflow: visible;}
    #order_listing_content .page-header, #order_archive_listing_content .page-header, #order_pending_listing_content .page-header, #order_approval_pending_listing_content .page-header {display: flex; position: relative; overflow: visible; border: 0;}
    /* #order_listing_content .action_area a, #order_archive_listing_content .action_area a, #order_pending_listing_content .action_area a, #order_approval_pending_listing_content .action_area a, #user_listing_content .action_area a {display: block; width: 100%;} */
    #user_listing_content .bootstrap-select {width:100% !important;}
    #user_listing_content .form-group .twitter-typeahead {margin-right: 0.35rem;}
    #user_listing_content table {border: 0; background-color: transparent;}
    /*#order_listing_content th, #order_archive_listing_content th, #order_pending_listing_content th, #order_approval_pending_listing_content th, #user_listing_content table th {display: none;}*/
    #user_listing_content table tr.active td, #order_listing_content .table-striped tbody tr:nth-of-type(2n+1), #order_archive_listing_content .table-striped tbody tr:nth-of-type(2n+1), #order_pending_listing_content .table-striped tbody tr:nth-of-type(2n+1), #order_approval_pending_listing_content .table-striped tbody tr:nth-of-type(2n+1){background-color: transparent;}
    #user_listing_content table td, #order_listing_content .table-striped, #order_listing_content td, #order_archive_listing_content .table-striped, #order_archive_listing_content td, #order_pending_listing_content .table-striped, #order_pending_listing_content td, #order_approval_pending_listing_content .table-striped, #order_approval_pending_listing_content td{border: 0;}
    /* #companyname{margin:0 0 8px !important;} */
    .order-product-detail .ord-img {max-width: 100px;}
    .order-product-detail .ord-img + div {
        flex: 0 0 calc(100% - 100px);
        max-width: calc(100% - 100px);
    }
    .order-product-detail h3{flex: 0 0 65%; max-width: 65%;}
    .order-product-detail h3 a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
    #order_listing_content .dataTables_wrapper .dataTables_paginate {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }
}
#product_master_option_price_content #attributesPriceTab {position: sticky; top: 80px;}
#search-products-result small.text-truncate { max-width:240px;}

/* Refs Id :- 133626 */
.ui-colorpicker-swatches.colorpicker-colors {
    height: auto;
    overflow-y: scroll !important;
    max-height: 210px;
}

#TP4over-assign-product-ops-table_wrapper .table-responsive {
    overflow: visible
}

.qrcode {
    position: absolute;
    right: 70px;
    top: 10px;
}

.drawingBuffer {
    display: none;
}

br[clear="all"] {
    display: none;
}

.order-details:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#barcode-reader video {
    border-radius: 35px !important;
    margin: auto;
    display: block;
}

.bg-primary {
    background-color: #2788bf !important;
}

.scanner:hover,
.scanner:focus,
.scanner.focus {
    background-color: #fff !important;
    color: #4d4d4d !important;
}


/* Rating Star CSS */
.rating:not(:checked)>input {
    position: absolute;
    top: -9999px;
    clip: rect(0, 0, 0, 0)
}

.rating:not(:checked)>label,
.score>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 150%;
    line-height: 1.2;
    color: #ddd;
    text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating:not(:checked)>label:before,
.score>label:before {
    content: '★ '
}

.rating>input:checked~label {
    color: #f70;
    text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: gold;
    text-shadow: 1px 1px #daa520, 2px 2px #b57340, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating>input:checked+label:hover,
.rating>input:checked+label:hover~label,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    /* color: #ea0; */
    text-shadow: 1px 1px #daa520, 2px 2px #b57340, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating>input:checked+label.rated {
    text-shadow: 1px 1px #daa520, 2px 2px #b57340, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating label.rated {
    color: #f70;
    text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating>label:active {
    position: relative
}

#order_archive_listing_content .page-header .accordion-toggle,
#order_archive_listing_content .page-header #actionButtons {
    display: none;
}

#existing_block .bootstrap-select .dropdown-menu, #additionaloptionid .bootstrap-select .dropdown-menu{z-index: 1032;}
.opsdaterangepicker-element .table > thead > tr > th, .datetimepicker-element .table > thead > tr > th{padding: 0.3rem !important;}

#customShippingAmount {
    text-align: center;
    margin-left: 14px;
    margin-top: -6px;
}
.form-custom-shipping-label {
    font-size: inherit;
    line-height: 1.5;
    color: #6e706a;
}
.tp-category-type {margin-bottom: 0 !important;}
.w-40 {
    width: 40rem;
}
.iti:not(.iti--allow-dropdown) .iti__flag-container {
    left: 0;
    right: unset !important;
}
.iti:not(.iti--allow-dropdown) input,
.iti:not(.iti--allow-dropdown) input[type=tel],
.iti:not(.iti--allow-dropdown) input[type=text] {
    padding-left: 40px;
    padding-right: unset !important;
}
.tax_toogle_lbl {
    left: 7px;
    top: 2px;
    margin-left: 4px;
}
#notifyUserModal #notifyUser .modal-content .email-preview{
    min-height: 650px; max-height: 700px;
}
@media only screen and (min-width: 768px){
    #notifyUserModal .modal-xl{
       max-width: 100%;
    }
}
.qq-uploader .img_upload_list_custom {
    max-height: 60px;
    overflow: hidden;
    overflow-y: auto;
    margin: 0.5rem 0 !important;
}

.iti__country-container {
    left: 0;
}
/**** import steps start ****/
.sw-theme-dots > .nav::before {content: normal;}
.sw-theme-dots > .nav .nav-link {margin-top: 0; position: relative;}
.sw-theme-dots > .nav .nav-link.default .num, .sw-theme-dots > .nav .active ~ .done .nav-link.default .num {width: 4rem; height: 4rem; display: flex; position: relative; top: auto; float: none; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 1.125rem; background-color: #fff; border: 5px solid #ced1d6 !important; margin: auto; font-weight: normal; margin-bottom: 0.5rem; pointer-events: inherit;}
.sw-theme-dots > .nav .nav-link.default, .sw-theme-dots > .nav .active ~ .done .nav-link.default {--sw-anchor-default-secondary-color:#5f7183;}
.sw-theme-dots > .nav .nav-link > .num:hover {border-width: 2px;}
.sw-theme-dots > .nav .nav-link::after, .sw-theme-dots > .nav .active ~ .done .nav-link::after { width:100%; height: 0; overflow: hidden; border:0; border-top: 0.25rem solid; border-color: #ced1d6; top:2.5rem; margin: auto; box-shadow: none; --sw-anchor-active-primary-color:transparent;
    border-radius: 0;}
.sw-theme-dots > .nav .nav-item:first-child .nav-link:after {left: 50%;}
.sw-theme-dots > .nav .nav-item:last-child .nav-link:after {right: 50%; width: 50%;}
.sw-theme-dots > .nav .active .nav-link::after, .sw-theme-dots > .nav .done .nav-link::after {box-shadow: none; border-color: #5494c3;}
.sw-theme-dots > .nav .nav-link.default > .num, 
.sw-theme-dots > .nav .active .nav-link.default, 
.sw-theme-dots > .nav .done .nav-link.default {color:#546474 !important;}
.sw-theme-dots > .nav .active .nav-link.default > .num, 
.sw-theme-dots > .nav .done .nav-link.default > .num {color:#5494c3; border-color: #5494c3 !important;}
.sw-theme-dots > ul.step-anchor > li.nav-item .step-title-done {display: none !important;}
.sw-theme-dots > ul.step-anchor > li.nav-item > a.done .step-num {display: none;}
.sw-theme-dots > ul.step-anchor > li.nav-item > a.done .step-title-done {display: flex !important;}
.sw-theme-dots > ul.step-anchor > li.nav-item > a.active .step-title-done, 
.sw-theme-dots > ul.step-anchor > li.nav-item.active ~ .done > a  .step-title-done {display: none !important;}
@media (max-width: 767px) {
    .sw-theme-dots .step-title, .sw-theme-dots .step-title-value {display: none;}
    #order_listing_content .action_area a, #order_archive_listing_content .action_area a, #order_pending_listing_content .action_area a, #order_approval_pending_listing_content .action_area a, #user_listing_content .action_area a {display: block; width: 100%;text-align: left;}
    #order_listing_content .action_area.my-2, #order_archive_listing_content .action_area.my-2, #order_pending_listing_content .action_area.my-2, #order_approval_pending_listing_content .action_area.my-2 {position: absolute; right: 0; top: 0;z-index: 9;}
    #order_listing_content th.col_order_details {display: none;}
}
@media screen and (max-width: 640px) {
    .sw > .nav {
        flex-direction: row !important; flex-wrap: nowrap;
    }
    .sw-theme-dots > .nav-progress::after {display: none;}
    .sw-theme-dots > .nav .nav-link {margin: 0; padding: 0;}
    .sw-theme-dots > .nav .nav-link::after, .sw-theme-dots > .nav .active ~ .done .nav-link::after {top: 0; bottom: 0;}
    .sw-theme-dots > .nav .nav-link > .num {padding-top: 0;}
}
/**** import steps end ****/
.password-element .password_toggle {position: absolute; right: 0; top: 10px; z-index: 9; cursor: pointer;}
.password-element .password_toggle .input-group-text {border:0;}

#frmlogin .text-element .input-group-append {position: absolute; right: 0; top: 10px; z-index: 9;}
#frmlogin .text-element .input-group-append .input-group-text {border:0; background-color: transparent !important;}

.showQuoteProduct .modal-body {
    max-height: 700px;
    overflow-y: auto;
}
/* Offline order customer search START */
#frm_create_order .twitter-typeahead .tt-dropdown-menu {
    max-height: 365px;
    overflow-y: auto;
}
/* Offline order customer search END */
/* New CSS*/
#order_listing_content .opsdaterangepicker-element .datetimepicker-input, #order_pending_listing_content .opsdaterangepicker-element .datetimepicker-input, #order_archive_listing_content .opsdaterangepicker-element .datetimepicker-input, #order_approval_pending_listing_content .opsdaterangepicker-element .datetimepicker-input {max-width: 8rem;}

.order_listing_view .order-po-number {max-width: 150px;}
.order_listing_view {border: none !important;color: #333333 !important;}
.order_listing_view tbody tr.paymentRow {background: #fcfcfc !important;}
.order_listing_view tbody tr.odd,
.order_listing_view tbody tr.even {background:#f7fbfd !important;}
.order_listing_view tbody tr {background:rgba(255, 255, 255, 1) !important;}
.order_listing_view .row-table tr td:first-child {border-left: none !important;}
.order_listing_view .custom_checkBox label {margin: 0;}
.custom_date dt {width: auto;}
.custom_date dd {margin-left: auto;float: left;padding-left: 0.3rem;}
.order_listing_view tr td strong {color: #333333 !important;}
.order_listing_view tr td:first-child {border-left: 1px solid #DFDFDF !important;}
.order_listing_view tr.paymentRow td {border-bottom: 1px solid #DFDFDF !important;border-right-width: 0;}
.order_listing_view tr.paymentRow td.pl-2 > span:not(:last-child):after { content: "|"; color: #dbdbdb; padding: 0 0.35rem;}
.order_listing_view tr.paymentRow td .trait-list:after { content: "|"; color: #dbdbdb; padding-right: 0.35rem;}
.order_listing_view tbody tr.odd td,.order_listing_view tbody tr.even td { border-color: #D1E1EA !important; vertical-align: top; } 
.order_listing_view .table-bordered td { border-color: #eeeeee !important; vertical-align: top;}
.order_listing_view label.checkbox {margin-bottom: 0;}
.footer_row {border-top: 1px solid #DFDFDF !important;}
.order_listing_view .expand-op button {color: #999999 !important;}
.order_listing_view .expand-op button:hover {color: #2d7bd0 !important;}
.order_listing_view .expand-op button.btn:active:not(.disabled):not(.static) { -webkit-transform: translateY(0px); transform: translateY(0px); }
.btn-square { width: 26px; height: 26px; display: inline-flex; justify-content: center; align-items: center; }
#order_listing_content .btn-square-sm, #order_pending_listing_content .btn-square-sm, #order_archive_listing_content .btn-square-sm, #order_archive_listing_content .btn-square-sm, #workflow_dashboard_content .btn-square-sm, #order_approval_pending_listing_content .btn-square-sm { width: 20px; height: 20px;line-height: 20px; display: flex; justify-content: center; align-items: center; box-sizing: border-box;border-radius: 3px;}
.order_listing_view .btn {line-height: 1;}
.order_listing_view .expand-op {display: flex;}
.order_listing_view .checkbox {line-height: 1;}
.order_listing_view .checkbox input {margin: 0 !important;}
.order_listing_view tr.odd td,.order_listing_view tr.even td {position: relative;border-right: none;vertical-align: middle;}
.order_listing_view tr.odd td::after, .order_listing_view tr.even td::after { content: ""; background: #D1E1EA !important; position: absolute; right: 0; width: 1px; height: calc(100% - 0.6rem); top: 0.3rem; }
.order_listing_view tr.odd td:last-child:after, .order_listing_view tr.even td:last-child::after {height: 100%;top: 0;}
.order_listing_view th, .order_listing_view td { padding-left: 0.5rem;padding-right: 0.5rem;}
.order_listing_view > thead > tr > th { padding-left: 0.5rem !important;padding-right: 0.5rem !important;}
.order_listing_view .row-table tr td {vertical-align: top;}
.order_listing_view .row-table > td {padding: 0;border: none !important;}
.order_listing_view .custom_date dd:last-child {margin-bottom: 0;}
.order_listing_view .row-table table {margin-bottom: 0;border-bottom: 0 !important;}
.order_listing_view .order-product-view table {width: 95%;}
/* .order_listing_view thead th {font-size: 0 !important;padding: 0 !important;border: none !important;} */
.order_listing_view div.ord-actions div.inline-action-btn a {width: 26px;height: 26px;display: flex;justify-content: center;align-items: center;padding: 0.25rem 0.5rem !important;font-size: 0.875rem;border: 1px solid #d0d5da;border-radius: 0.175rem;transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s, opacity 0.15s;}
.order_listing_view div.ord-actions div.inline-action-btn a:hover {text-decoration: none !important;}
.order_listing_view div.ord-actions div.inline-action-btn a i {padding: 0 !important;margin: 0 !important;border: none !important;color: #2d7bd0 !important;}
.order_listing_view div.ord-actions div.inline-action-btn a:hover i {background: none !important;color: #2d7bd0 !important;}
.ol-action-btn-group .inline-action-btn {gap: 0.25rem !important;}
.ol-action-btn-group .inline-action-btn a i {margin: 0 !important;}
.order_listing_view .ord-img a, .order_listing_view .ord-img > div.thumbnail > img {width: 4.125rem !important;height: 2.5rem !important;line-height: 2.5rem !important;background: #f8f8f8;padding: 0;display: flex;justify-content: center;align-items: center;margin: auto;}
.order_listing_view .ord-img a img {object-fit: contain;width: 100%;height: 100%;}
#TabContent_orderdetail .ord-img a,
#TabContent_orderdetail .ord-img > div.thumbnail > img {width: 9.375rem !important;height: 6.25rem !important;line-height: 6.25rem !important;background: #f8f8f8;padding: 0;display: flex;justify-content: center;align-items: center;margin: auto;}
#TabContent_orderdetail .ord-img a img {object-fit: contain;width: 100%;height: 100%;}
.order_listing_view .ord-img .imgPlaceHolder::before { width: 100%; height: 2.5rem; line-height: 2.5rem; font-size: 2rem; }
.order_listing_view .ord-img .imgPlaceHolder::after { width: 100%; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; }
.order_listing_view .paymentRow .btn a {display: flex;align-items: center;justify-content: center;text-decoration: none;}
.order_listing_view .paymentRow .btn .badge { font-size: 0.6rem; top: auto; }
.order_listing_view .dropdown-action-btn .btn {background: transparent !important; height: 1.625rem !important;color: #333333 !important;}
.expandAll-btn {font-size: 0.875rem; line-height: 2;-webkit-transform: translateY(0px) !important; transform: translateY(0px) !important;}
.order_listing_view select {padding-left: .25rem !important;font-size: .75rem;height: 1.625rem !important;border-radius: .1875rem !important;color: #333333 !important;}
.order_listing_view .status-form {margin-bottom: .25rem !important;}
.order_listing_view .status-form input {font-size: .75rem; height: 1.625rem !important;border-radius: .1875rem !important;}
.order_listing_view .product_details_custom a, 
.order_listing_view .product_name_custom, 
.additional_details_op dt {width: auto !important;margin-right: 0.3rem;}
.additional_details_op dd {margin-left: 0 !important; border-bottom: 1px solid #DFDFDF;padding-bottom: 0.3rem;}
.additional_details_op dd:last-child {margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
.order_listing_view tbody tr.active td { background: rgba(239, 245, 248, 1) !important; }
.order_listing_view .paymentRow td:first-child {padding-left: .75rem !important;}
.order_listing_view .ord-img .noimage {width: 4.125rem !important;height: 2.5rem !important;line-height: 2.4rem !important;background: #f8f8f8;padding: 0;}
.order_listing_view .ord-img .noimage > div {width: 100% !important;height: 100% !important;}
.order_listing_view .ord-img .noimage .fa-camera-retro, .order_listing_view .ord-img .noimage .fa-ban {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; line-height: 1;width: 100%; height: 2.5rem; line-height: 2.5rem;}
.order_listing_view .ord-img .noimage .fa-camera-retro { font-size: 1rem; }
.order_listing_view .ord-img .noimage .fa-ban { font-size: 2.0625rem;}
.order_listing_view .ace-icon { line-height: 1; }
.order_listing_view .col_order_details .badge { font-size: 0.6rem; vertical-align: middle !important; padding: .2rem .3rem; line-height: 1; }
.order_listing_view .badge.total-order,
.order_listing_view .badge.total-order, .order_listing_view .badge.total-payment { min-width: 1.0625rem; padding: 3px 3px; line-height: 1.145; }
.total-order,.total-payment { min-width: 1.0625rem; padding: 1px 3px 2px; line-height: 1.25; }
.order_listing_view {table-layout: fixed;}
.order_action_btn .list_btn_ord_note, .ordproductstats .list_btn_ord_note, .ordproductstats .upload_proof {font-size: 90%; height: 26px; line-height: 1.5;}
.order_action_btn .list_btn_ord_note .far, .ordproductstats .list_btn_ord_note .far, .ordproductstats .upload_proof .far {font-size: 120%;}
.order_listing_view .order_id_type .order_id {word-break: break-all; line-height: 1; padding-top: 0.25rem;}
.order_listing_view  .status_action .badge, .order_listing_view  .ord_prd_stat .badge {white-space: normal;}
@media (min-width: 120rem){
    .order_listing_view .table-customer-name > span , .order_listing_view .product_details_custom {max-width: 325px;}
    .order_listing_view span.cust_email_address, .order_listing_view .product_name_custom {max-width: 320px;}
}
.order_listing_view tbody tr:hover {color: #333333;}

/* Order Listing Filter */
.order-listing-filter {position: absolute;top:36px !important;right: 0px !important;z-index: 999;width:380px;}
.sort-order-filter {position: absolute;top: 36px !important;left: 79px !important;right: 23px !important;z-index: 999;width: 200px;}
#order_listing_content .filter-trait-filter .btn-group .multiselect-container.dropdown-menu > li label.checkbox {display: flex !important;}
.orde-listing-desktop-view .filter-trait-filter .btn-group .multiselect-container.dropdown-menu > li label.checkbox i.btn-square-sm {border: none !important;}
.orde-listing-desktop-view .rightside-button label.radio-inline {display: flex;margin-bottom: 0 !important;margin-right: 0;white-space: pre-wrap;line-height:16px;}
.orde-listing-desktop-view .rightside-button label.radio-inline input{width:0.9rem;height:0.9rem;}
.orde-listing-desktop-view .rightside-button .dropdown-item {padding: 0.2rem 0.7rem;}
.orde-listing-desktop-view .filter-trait-filter #filtertrait_cond, .orde-listing-desktop-view .filter-amount-filter #amount_filter, .orde-listing-desktop-view .branch-filter #branch_type, .orde-listing-desktop-view .order-date-filter .bootstrap-select .dropdown-toggle{background:#bfd2dd63;
    padding-left: 5px;border-right: unset;border-radius: 2px 0 0 2px !important;}
.orde-listing-desktop-view .filter-trait-filter  .multiselect, .filter-amount-filter input, .branch-filter #branch_id{border-radius:0 2px 2px 0px !important;}
.orde-listing-desktop-view .form-control:focus {border-color: #d5d5d5;}
.orde-listing-desktop-view .order-date-filter .input-group-text{background:#bfd2dd63;}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {outline: unset !important;outline: unset;outline-offset: unset;}
.filter_option .checkbox-inline{width: 100%;max-width: 50%;margin-right: 0;}
.filter_option:not(:last-child){border-bottom: 1px dashed #BFD2DD;}
.orde-listing-desktop-view .filter-trait-filter .btn-group .multiselect-selected-text i.btn-square-sm {display: none !important;}
.orde-listing-desktop-view .btn, .tp4over-listing-search .btn, .quote-listing-search .btn {font-size: 0.75rem;}
.action-menu-btn {padding: 0;}
.action-menu-btn .dropdown-item {padding: 2px 10px;line-height: 1.6rem;}
.action-menu-btn .dropdown-item i{margin-right: 2px;}
.fancybox__container ~ .bootbox {z-index:1072;}
.fancybox__container ~ .modal-backdrop {z-index:1071;}
#order_listing_content .datetimepicker-input {max-width: 5.625rem;}
#order_listing_content #payment_status_filter {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filter-trait-filter .btn-group .multiselect-container.dropdown-menu > li i.btn-square-sm  {pointer-events: none;}
.order_listing_view .ord_status .approval-status-div a.btn_ord_update {border: none !important;}
.sort-order-btn .short-btn .btn {line-height: 1;}
/*Microsoft Edge Browser Eye Icon Issue resolved*/
input[type="password"]::-ms-reveal {
    display: none;
}
.sigNav {bottom: 3px; right: 0px;}
 /*** trait icon color and border ***/
.ops-newOrdered, .ops-newOfflineOrders, .ops-newFotolia, .ops-new-EXCELattached,
.ops-reprint, .ops-newRepeatedCustomer, .ops-new-re-order, .ops-new-custom-quote,
.ops-newFileUploaded, .ops-newPrinterAssigned { width: 20px; height: 20px;line-height: 20px; display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box;border-radius: 3px; color: #ffffff !important;}
 
 
.ops-newOrdered {border: 1px solid #53abe4 !important; background: #2d7bd0 !important;}
.ops-newOfflineOrders {border: 1px solid #8e58b8 !important; background: #8e58b8 !important;}
.ops-newFotolia {border: 1px solid rgba(115, 189, 115, 0.92) !important; background: #6bae47 !important;}
.ops-new-EXCELattached {border: 1px solid #6bae47 !important; background: #6bae47 !important;}
.ops-newPrinterAssigned {border: 1px solid #c59c6b !important; background: #c36446 !important;}
.ops-newRepeatedCustomer {border: 1px solid #53abe4 !important; background: #2d7bd0 !important;}
.ops-new-re-order {border: 1px solid #da3737 !important; background: #da3737 !important;}
.ops-reprint {border: 1px solid rgba(141, 123, 189, 0.92) !important; background: #8e58b8 !important;}
.ops-new-custom-quote {border: 1px solid #d65c8b !important; background: #d3407f !important;}
.ops-newFileUploaded {border: 1px solid rgba(141, 123, 189, 0.92) !important; background: #8e58b8 !important;}

.popover-header:has(.prddetails) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popover-header .prddetails {display: inline-flex;}
/* AI generate image preview START */
.generate-ai-image.input-group.file-element .ops_form_file {
    width: unset;
}
/* AI generate image preview END */
#frmmasteroption table td {padding-left: 0.8rem;padding-right: 0.8rem;height: 42.6px;}

#frmmasteroption .fix-table-height {overflow-y: hidden;overflow-x: auto;}
#frmmasteroption .fix-table-height table {width: 100%;min-width: 500px;}
#frmmasteroption label.checkbox-inline {margin: 0 !important;}

#CorpDeptSelection .modal-body .tab-content {height:400px;}
#CorpDeptSelection .modal-content {width:100%; max-width:1100px;}
.specific_dept, .sub_stores {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0px 10px;
}

@media (min-width: 1200px) {
    #frmmasteroption .fix-table-height {margin-top: -3.35rem;height: calc(100vh - 250px);overflow-x: hidden;overflow-y: auto;}
    #CorpDeptSelection .modal-body .tab-content {height:400px;}
    #CorpDeptSelection .modal-content {width:1100px;}
}

@media (max-width: 767px) {
    #frmmasteroption .fix-table-height table input[type='number'] {max-width: 120px;width: 100%;}
}
.reprint_order_td {min-width: 130px;}
#master_option_stock_listing_content .table-hover tbody table thead tr:hover {color:#717276;}
#ai_saved_imgs .slick-track {margin: 0 -4px;}
#prompt_box #description_box div#images_preview {
    height: 250px;
}

/* REFS #297836 : Promotional Product Enhancment START */
.product_imgBx_main a.thumbnail {border-width: 0 0 1px 0 !important;width: 100px;height: 80px;}
.product_imgBx_main a.thumbnail img {object-fit: contain;width: 100% !important;height: 100% !important;}
/*  REFS #297836 : Promotional Product Enhancment END */
.order-products-table .ord-img a, 
.order-products-table .ord-img > div.thumbnail > img {width: 6.125rem !important;height: 6.125rem !important;line-height: 6.125rem !important;background: #f8f8f8;padding: 0;display: flex;justify-content: center;align-items: center;margin: auto;}
.order-products-table .ord-img a img {object-fit: contain;width: 100%;height: 100%;}
.order-products-table tr.odd {background: #f9f9f9 !important;}
.order-products-table tr.even {background: #ffffff !important;}
table.order-products-table>thead>tr>th:not(.sorting_disabled){padding-right: 0.8rem;}

/* #TabContent_orderdetail .dataTables_wrapper {    overflow: auto; position: -webkit-sticky; position: sticky; top: 15%;} */
.history-scroll {max-height: 450px;overflow-x: hidden;overflow-y: auto;}

#timeline-history .d-flex.pos-rel::before { content: ""; background-color: #e2e7e9; width: 2px; height: calc(100% + 16px); position: absolute; top: 0; left: 0.4375rem; }
#timeline-history .d-flex.pos-rel:last-child:before {display: none;}
.refundOrderModal .modal-content, #UpdateProductModal .modal-content {height: 85vh;max-width:90vw;position: relative;z-index: 0;}
.refundOrderModal .modal-body, #UpdateProductModal .modal-body {max-height: calc(100% - 9rem); overflow-y: auto;}
.refundOrderModal .modal-footer, #UpdateProductModal .modal-footer {position: absolute;bottom: 0;width: 100%;left: 0;right: 0;}
.btn_prd_update_action:hover i {color: #ffffff !important;}
@media (min-width: 768px) {
    .refundOrderModal .modal-body, #UpdateProductModal .modal-body {max-height: calc(100% - 6rem);}
    .popover:has(.po-min-w-700) { min-width: 700px; }
}

.custom-product-type a {display: inline-block;vertical-align: top;}
.download-links-custom.bootstrap-select-hover label:before {content: "\f019";}
.order-download-actions { position: relative!important; }
.order-download-actions ul { position: absolute !important; top: 100% !important; right: 0px !important; }

/* Language_Translation_Interface */
#translation_form h5 {color: #2a7ab8;}
.gtranslate_wrapper .gt_selector {
    display: inline-block;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #696b6f;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 0.125rem;
    font-family: inherit;
    transition-duration: 120ms;
    font-size: 0.75rem;
    height: 34px;
    width: 280px;
    padding-left: 0.7rem;
    padding-right: 0.25rem;
}
.gtranslate_wrapper .gt_selector:focus {
    box-shadow: 0 0 0 2px rgba(245, 153, 66, 0.2);
    color: #696969;
    border-color: #F59942;
    background-color: #FFF;
    outline: none;
}
#translation_form #ops-table_filter {
    display: flex;
    align-items: center;
}
.display-constant-name #save_Data_area .column.col-11 {padding-top: 28.4px;}

@media (max-width: 767px) {
    #translation_form .col-md-9.col-xl-3 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
    #translation_form select.custom-select,
    .gtranslate_wrapper .gt_selector {max-width: 100%;}
}
.popover:has(.po-max-w-500){max-width: 450px !important;min-width: fit-content !important;}

.badge.arrowed { margin-left:0px }

/*Editor Font Size dropdown*/
.editor-element [data-cmd="fontSize"] span {
    width: unset !important;
}

@media screen and (max-width: 767px) {
    .order-download-actions ul {
        right: unset !important;
        left: 0;
    }
}
#presentationsettings .bootstrap-select .dropdown-menu {
    z-index: 1032;
}

.studio_model_list button.multiselect {width: 100%;}

.filterDropdown .dropdown-menu.show{

    transform: unset !important;
    top: 100% !important;
    left: unset !important;
    right: 0;
}
.dropdownMenuDiv {
    overflow: hidden;
    transform: scaleY(1);
    opacity: 1;
    transform-origin: top;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.dropdownMenuDiv.collapsing {
    transform: scaleY(0);
    opacity: 0;
}

.dropdownMenuDiv.collapsed {
    display: none; /* Ensure it's hidden after the collapse animation */
}

#configuration_external_service_action_content #settingcollapse label {word-break: break-word;word-wrap: break-word;}

.filter-trait-filter input[type="checkbox"] { flex: 0 0 1.25rem; }

@media (min-width: 767px) {#piechart{height: 400px !important;width: 397px !important;}}
.quick-dashboard p, .DragableDiv h6.card-title {width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;white-space: normal;}
.DragableDiv h6.card-title {line-height: 1.875rem;}
.sidebar .nav > .nav-item > .nav-link .nav-icon.fak.fa-business-partners {font-size: 0.8rem;}

.sidebar .nav > .nav-item > .nav-link .nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Product tab responsive */
.greedy-nav {
    position: relative;
    min-width: 250px;
    background: #f8f9fa;
}
.greedy-nav a {
    display: block;
    padding:0.4rem 0.8rem 0.4rem;
    color: #7c8087;
    text-decoration: none;
}
.greedy-nav a:hover {
    color: #5899ca;
}
.greedy-nav button {
    position: relative;
    padding: 0 15px;
    border: 0;
    outline: none;
    background-color: #5899ca;
    color: #fff;
    cursor: pointer;
}
.greedy-nav .hamburger:before {
    content: attr(count);
    position: absolute;
    width: 16px;
    height: 16px;
    right: 3px;
    top: 4px;
    text-align: center;
    background-color: #fff;
    color: #5899ca;
    font-size: 12px;
    line-height: 28px;
    border-radius: 50%;
    font-weight: bold;
    line-height: 1.3;
    border: 1px solid #fff;
}
.greedy-nav .greedy-nav-dropdown{border-bottom:4px solid #5899ca;}
.greedy-nav .hamburger {
    position: relative;
    padding:  0.8rem 1rem 0.5rem;
}
.greedy-nav .visible-links {
    display: inline-table;
}
.greedy-nav .visible-links li {
    display: table-cell;
    border-left: 1px solid #dbdbdb;
}
.greedy-nav .hidden-links {
    position: absolute;
    right: 0px;
    top: 100%;z-index: 99;
}
.greedy-nav .hidden-links li {
    display: block;
    border-top: 1px solid #dbdbdb;
}
.greedy-nav .hidden {
    visibility: hidden;
    display: none;
}
.greedy-nav .hidden-links li a.active{color:#5899ca;}
.greedy-nav .onload-removal  {border-bottom: unset; }
.greedy-nav .onload-removal button {background-color: white; }
.greedy-nav .hidden-links .nav-link {display: flex !important; font-size: 0.75rem; align-items: center;}
.greedy-nav .hidden-links .nav-link i {margin-right: .5rem !important;font-size: 0.75rem !important;margin-bottom: 0 !important;}
.greedy-nav .hidden-links .nav-link span {text-wrap: nowrap;font-size: 0.75rem;}
/* Product tab responsive */
@media screen and (max-width: 1600px) and (min-width: 1200px)  {
    #studio_event .admin-uploader-ops .uppy-Dashboard-inner.uploader-sm {
        width: 100% !important;
    }
}
/* header issue solved */
.page-content:has(#gtm_dashboard_content) {
    padding: 0 !important;
}
#gtm_dashboard_content .dashboard-mockup {
    top: 8rem;
}
#check_list.check_list_gtm {
    right: 10%;
    left: inherit !important;
}