img { max-width: 100%; }
/* .ff .form-control { width: 99.9%; } */
.right .form-control { width: auto !important; }
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.btn {
outline: 0!important;
font-size: 12px;
transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
/* height: 35px; */
-o-border-radius: 2px;
border-radius: 2px;
border-width: 0!important;
overflow: hidden;
position: relative;
user-select: none;
padding: 9px 18px 8px;
}

.webkit.safari.mac body .page-header{
	height: 226px;
}


@media (max-width: 1199px) {
	
	body .page-header{
		height: auto;
	}
}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a, .page-header .page-header-menu .hor-menu .navbar-nav>li>a>i {
    color: #fff !important;
}

.header_item{font-weight:300 !important;}
.btn-group.col-lg-12.col-md-12.ipadpl0.ipadpr0.component-search > div{text-align: right;float: right;}
.btn-group.col-lg-12.col-md-12.ipadpl0.ipadpr0.component-search a{float: right;text-align: right;}
.component-right a,
.component-right button{float: right !important;margin-left: 15px !important;}


/*.hide_for_gaming{ display: none !important; }*/

.company-list-form .select2-container--bootstrap{height: 34px;}
.order-type-select .select2-container--bootstrap{width: auto !important;}

/*-----header css--*/

.headingcenter {display: inline-block; text-align: center;margin: 0 auto;left: 0;position: absolute; width: 80%; right: 0;} /*    width: calc(100% - 94px - 131px);*/
.headingcenter  h2{color: #971b1e}
.page-header .page-header-top .page-logo{width:auto;}

.mywork_table .table.table-light>tbody>tr>td{text-align: left;}
.table.table-light>tbody>tr>td .user-pic{height: 30px;width: 30px;}
.mr-0{margin-right: 0px !important;}
.clientquotewrappper .btn-group a{margin-right: 0px;}
.custom-table-wrapper .btn-group a{margin-right: 15px;}
.orderbtnwrapper .btn-group .exportcsv{margin-right: 15px}
.searchwrapper .btn.red:not(.btn-outline) {background-color: #971b1e !important;}
.spacificBtn{margin-right: 15px;}
.lastBtn{margin-right: 0 !important;}
/* .btn-group.filter-button a{padding: 9px 8px 8px;} */
.searchwrapper .red{ background-color: #971b1e !important; border-color: #971b1e !important;}
.searchwrapper{float: left; margin-right: 10px;}
.searchwrapper input[type=search] {width: 74%;float: left;}
.searchwrapper input[type=text] {width: 74%;float: left;}
.searchwrapper button {float: left;width: 26%;}
.clientQuote{margin-right: 0px !important;}
/* .table-scrollable,
.table-responsive{overflow: inherit !important;} */
.productlist .searchwrapper{margin-left: 15px;}
.productlist .select2-container--default 
.productlist .select2-selection--single .select2-selection__arrow{top: 5px;right: 6px;}
.leadquote{margin: 20px 0 35px;}
.leadquote .dashboard-stat2{margin-bottom: 30px;background: #882133;padding: 15px 20px 15px 20px;}
.leadquote .dashboard-stat2 .display .number h3 span{color: #fff;font-size: 43px;font-weight: 600;}
.leadquote .dashboard-stat2 .display .number small {font-size: 18px;color: #ffffff;font-weight: 500;text-transform: capitalize;}
.leadquote .dashboard-stat2 .display .icon>i {color: #882133;padding-top: 25px;font-size: 73px;}
.leadquote .dashboard-stat2, .dashboard-stat2 .display{margin-bottom: 0;}
.leadquote .dashboard-stat2 .display .number h3{margin: 0 0 6px;}
@-moz-document url-prefix(){
.search_order .form-control{width:auto;}
}
.clearFilter{float: left !important;margin-right: 0 !important;margin-left: 0 !important;}
.clearFilter{margin-left: 0px !important;}
.bulkimport{margin-left: 15px !important;}
/* .btn-group.filter-button {width: 105px;} */
body.page-md {overflow-x: hidden;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.pl-0{padding-left: 0 !important;}
.pr-0{padding-right: 0 !important;}
/*---30-04-2020--*/
.table-responsive{
width: 100% !important;
}
.table-scrollable .dropdown-menu {
left: -87px !important;
}
#product_form .dropdown-menu {left: -56px !important;}
/*#incoming_shipment .btn-group {
position: absolute!important;
}*/
#client_quotes_wrapper tr:nth-last-child(5) .btn-group,
#client_quotes_wrapper tr:nth-last-child(4) .btn-group,
#client_quotes_wrapper tr:nth-last-child(3) .btn-group,
#client_quotes_wrapper tr:nth-last-child(2) .btn-group,
#client_quotes_wrapper tr:last-child .btn-group {
position: relative !important;
}
#sample_3_tools .icon-check{padding-right: 5px;}
#incoming_shipment_wrapper tr:nth-last-child(5) .btn-group,
#incoming_shipment_wrapper tr:nth-last-child(4) .btn-group,
#incoming_shipment_wrapper tr:nth-last-child(3) .btn-group,
#incoming_shipment_wrapper tr:nth-last-child(2) .btn-group,
#incoming_shipment_wrapper tr:last-child .btn-group {
position: relative !important;
}
/*---30-04-2020--*/
#print-pg .static-info.align-reverse .name{text-align: left;}
#print-pg .static-info.align-reverse .value{text-align: right;font-weight: 600;}
.calculation_box .name{text-align: left;}
.well.print_well .static-info.align-reverse .name{text-align: left !important;}
#deleteOrderProductData .table.table-light>tbody>tr>td{font-size: 15px;}
a { color: #666; text-decoration: none !important; }
.clearfix:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.container { width: 100% !important;}
.btn-arrow-link.pull-right { padding-top: 9px; }
.page-header{height: auto !important;}
.page-header .page-header-top .page-logo .logo-default { margin: 4.5px 0 0; }
.user-role { font-size: 14px; font-weight: 400; padding: 16px 18px 15px; color: #DCB1B2; }
.orders-det th,
.orders-det td { vertical-align: middle !important; }
.page-header .page-header-menu { background: #971b1e; min-height: -webkit-fill-available; height: auto;}
.page-header .page-header-menu { height: auto; background: #971b1e; min-height: inherit;}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a>i { color: #fff !important; }
.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
    color: #fff !important;
    padding:15px;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover { color: #fff; background: #b05b48; }
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav>li.open>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li:hover>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:active,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus,
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu { color: #fff !important; background: #a42a2d!important; }
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a:hover>i,
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a>i,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a:hover>i,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current>a>i { color: #fff }
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a>i { color: #fff }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li:hover>a,
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.active>a { color: #fff; background: #a84838; }
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a { color: #fff; }
.btn.red:not(.btn-outline) { background-color: #971b1e; border-color: #971b1e; box-shadow: none; }
.supplier-list-wrap .label-success,
.custom-table-wrapper .label-success,
.edit-quote-custom-wrapper .label-success { background-color: #971b1e; text-transform: none !important; font-size: 11px !important; }
.edit-quote-custom-wrapper .custom_quote_button { float: right; }
.edit-quote-custom-wrapper .label-success:hover,
.edit-quote-custom-wrapper .label-success:focus,
.custom-table-wrapper .label-success:hover,
.custom-table-wrapper .label-success:focus { background-color: #971b1e; }
.edit-quote-custom-wrapper .tabbable-line>.tab-content, .tabbable-line > .tab-content { padding: 20px; }
.support-view .control-label{margin-bottom: 10px;}
.bold { font-weight: 600 !important }
.font-red-sunglo { color: #333!important }
.page-head .page-title>h1 { color: #971b1e }
ul.dropdown-menu.pull-left { box-shadow: none !important; border-radius: 0 !important; }
.dashboar-date,
.dashboard-details-submenu { float: right; padding: 19px 0; }
.dashboard-details-submenu { margin-right: 15px; }
.dashboard-details-submenu ul.interaction-list li { margin-top: 0; }
.dashboard-details-submenu ul.interaction-list li .label-success { background: #971b1e !important; }
.table-scrollable .dataTables_length,
.table-scrollable .dataTables_filter,
.dataTables_wrapper .dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
.supplier-list-wrap .dt-buttons,
.edit-quote-custom-wrapper .dt-buttons { display: none; }
ul.interaction-list { margin: 0; padding: 0; }
ul.interaction-list li { list-style-type: none; }
.supplier-list-wrap .label-success,
.supplier-list-wrap .label-success:hover,
.supplier-list-wrap .label-success:focus { background-color: #a84838 !important; font-size: 11px !important; }
.custom-price-cal-table .label-success { background-color: #a84838; text-transform: none !important; font-size: 11px !important; }
ul.interaction-list li { display: inline-block !important; margin: 0px 5px 5px 0; list-style: none; }
.table ul.interaction-list-dashboard { display: inline-block; }
ul.interaction-list-dashboard li { display: inline-block; margin: 0px 5px 5px 0; list-style: none; }
.custom-table-wrapper .btn-group.pull-right { display: none; }
.pagination>.active>a,
.pagination>.active>a:hover { background-color: #555; border-color: #555; color: #ffffff; }
.pagination>li>a,
.pagination>li>a:focus { color: #555; }
.custom-table-wrapper .btn-group,
.supplier-list-wrap .btn-group { float: right; }
.table-hover>tbody>tr:hover,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active { background-color: transparent; }
ul.product-img-list { margin: 0; padding: 0; }
ul.product-img-list li { list-style-type: none !important; display: inline-block; padding: 5px; border: 1px solid #ddd; vertical-align: middle; position: relative; }
.custom-table-wrapper .dataTables_wrapper .dt-buttons { display: none; }
.quote-no { font-weight: bold; padding-top: 7px; margin-bottom: 0; }
.quote-list-wrap > div { margin-bottom: 15px; }
.quote-list-wrap > div .form-control { width: 52px; }
.custom_red_color,
.login .content h3,
.login .content .form-actions .btn-default:hover { color: #971b1e; }
.custom_green_color { color: #971b1e; }
.single-order-dashboard .portlet.box { background-color: #67809F; border: none;}
.single-order-dashboard .portlet.box>.portlet-title { background-color: #67809F; }
.single-order-dashboard .portlet.box > .portlet-title>.actions .btn-default,
.single-order-dashboard .portlet.box > .portlet-title>.actions .btn-default i { color: #fff; }
.single-order-dashboard .portlet.box > .portlet-title>.actions .btn-default:hover,
.single-order-dashboard .portlet.box > .portlet-title>.actions .btn-default:focus { color: #fff; }
/* .tabbable-line>.nav-tabs>li.active { border-color: #a84838 !important; } */
/* .tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover { border-color: #c98378 !important; } */
.custom-quote-wrapper .tabbable-line>.tab-content { padding-top: 10px; }
.supplier-list-wrap div.checker,
div.radio { margin-left: 0; }
.supplier-list-wrap .checkbox-inline { font-size: 12px; }
.table.table-light>tbody>tr>td { font-size: 13px; }
.company-list-form .custom-border { margin: 10px 0 10px; border-top: 1px solid #eef1f5; padding: 10px 0; }
.company-list-form .custom-border .caption { float: left; line-height: 34px; }
.company-list-form .custom-border .btn-group { float: right; }
.text-underline { text-decoration: underline !important; }
.profile-pic-wrapper { height: 150px; width: 150px; }
.profile-pic-wrapper img { padding: 5px; border: 1px solid #ddd; }
.supplier-wrap .tools { display: none !important; }
.custom-graph-hint span { display: inline-block; margin-right: 10px; font-size: 13px; }
#chart_2 .legendColorBox > div { margin-right: 5px; }
.ff input[type="file"].form-control { padding: 0; }
table a { text-decoration: underline !important; }
table tr td:last-child a { text-decoration: none !important; }
.table.table-light>tbody>tr>td,
.table.table-light>thead>tr>th,
.portlet.light>.portlet-title>.caption { color: #2f353b; }
.upcoming-table table tbody tr { cursor: pointer; }
.portlet.light>.portlet-title>.caption { color: #333; }
.no-border { border: none !important; }
.breadcrumb>li a { color: #971b1e; }
.breadcrumb>li a:hover { color: #971b1e; text-decoration: underline !important; }
.breadcrumb { color: #971b1e; }
.breadcrumb span,
.number-stats .stat-number .title { color: #333; }
.listing-inline-img { display: inline-block; width: 50px; }
.custom_dataTables_filter { float: left;}
.form-control { border-radius: 0; }
/*
.custom_dataTables_filter .btn.red { margin-left: -4px; } */
.btn.red:not(.btn-outline):hover,
.btn-group .btn.red.custom_add_btn { background-color: #971b1e !important; border-color: #971b1e !important; }
.form-horizontal .checkbox-inline.select-custom-check { padding-left: 0; margin-left: -5px; }
.quot-view-logo { width: 150px; }
/*.quot-view-wrapper { width: 960px; margin: 0 auto; background: #eff3f8; padding: 10px; }*/
.quot-view-wrapper .quote-header-address {color: #666; float: right; text-align: right; }
#divToPrint .quote-address.pdf{float: left !important; text-align: left !important;}
.quot-view-wrapper .quote-header-address strong { font-weight: 600;}
.quote-view-supplier-wrap { padding: 0;}
.quote-view-supplier-wrap p{margin-bottom: 10px; /*font-weight: 600;*/}
.quote-view-supplier-wrap p span.red{color:#ff0026;}
.padr50{padding-right: 50px;}
.quote-view-supplier-wrap .form-group:after,
.form-group:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }
.custom-table-wrapper.custom-table-wrapper .label-success { text-decoration: none !important; display: inline-block; line-height: normal; margin: 5px 0;}
.custom-table-wrapper.custom-table-wrapper .dropdown-menu .label-success{background-color: transparent;}
.custom_red_bg { background-color: #971b1e !important; color: #fff !important; }
.phatprocess-main-dashboard .mt-list-head.custom_red_bg { background-color: #fff !important; border-bottom: 1px solid #eef1f5; color: #333 !important; margin: 0 0px 32px; padding: 0 0 18px; }
.phatprocess-main-dashboard { overflow: auto;max-height: 844px; box-shadow: 0 2px 3px 2px rgba(0,0,0,.03); border-radius: 2px; padding: 12px 20px 15px; margin-bottom: 25px; }
.phatprocess-main-dashboard .mt-list-head.custom_red_bg h3 { font-size: 16px; font-weight: 600 !important; line-height: 18px; text-transform: uppercase; padding-top: 11px; }
.phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-head .list-date { line-height: 18px; }
.phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container { border: none; padding: 0; }
.phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 { /*line-height: 35px;*/ font-size: 15px; color: #333; }
.phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover { text-decoration: underline !important; }
.static-info .custom_total_info {border-top: 1px solid #efefef; padding: 10px 0 0; margin: 0 0px;}
.custom_total_info {border-top: 1px solid #efefef; padding: 10px 0 0; margin: 0 10px;}
.custom-quote-wrapper.custom-view-quote-wrapper .table-scrollable + .row {display: none;}
.threecolumn .static-info .value{text-align: left;}
.static-info .value{ text-align: right; }
.custom-quote-wrapper h3 {color: #ff0026; font-weight: 600; margin-bottom: 5px; font-size: 18px;}
.custom-view-quote-wrapper address { color: #666; font-size: 13px; margin-bottom: 10px; }
p.quote-logo-tagline { margin: 0; font-size: 13px; color: #ff0026; }
.custom-view-quote-wrapper td { font-size: 12px; }  
.custom-view-quote-wrapper th { font-size: 15px !important; padding: 10px !important; }
.custom-quote-wrapper .quote-view-customer-wrap h3 { margin-bottom: 10px; }
.quote-header-date p {margin: 5px 0 0; font-size: 15px; /*font-weight: 600;*/ }
.quote-footer { padding-top: 20px; }
.quote-footer h4 { font-size: 16px; font-weight: 600; }
.quote-footer h5 { margin: 0 0 5px; font-size: 14px; font-weight: 600; color: #ff0026; }
.quote-footer ul { margin: 0 0 0px; padding: 0 0 0 15px; }
.quote-footer ul li { font-size: 13px; }
.terms-list { margin-bottom: 15px; }
.terms-list p { margin: 0 0 5px !important; font-size: 13px; }
.quote-term-wrapper .terms-list:last-child ul { margin-bottom: 5px; }
.quote-term-wrapper { margin-bottom: 20px; }
.footer-address { margin-top: 50px; }
.footer-address p span { font-size: 13px; }
.qa-form-wrapper.company-list-form .custom-border { margin-bottom: 0; padding-bottom: 0; }
.qa-form-wrapper.company-list-form .checkbox-list label { padding: 0; margin: 0 0 10px 0; width: 50%; float: left; }
.qa-form-wrapper.company-list-form .portlet-title { margin: 0 0 5px; }
.main-dashboard .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content>h3>a { color: #971b1e; font-weight: 600; }
.main-dashboard .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-icon-container { /*line-height: 35px;*/ color: #971b1e; }
.phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container ul>.mt-list-item { padding: 10px 0; }
.tag_input_wrap { border: 1px solid #c2cad8; padding: 16px 10px; }
.tag_input_wrap em { font-style: normal; font-size: 11px; color: #737373; display: block; padding-bottom: 5px; }
.file-wrap .help-block { font-size: 11px; color: #737373; display: block; }
.tag_input_wrap .bootstrap-tagsinput .tag { margin-bottom: 5px; display: inline-block; text-transform: capitalize; background-color: #a84838; font-size: 14px; font-weight: 300; padding: 3px 6px; }
.tag_input_wrap .bootstrap-tagsinput { border-radius: 0; }
.single-order-dashboard .table.table-light>tbody>tr>td.fit { width: auto; }
.page-header .page-header-menu .hor-menu .navbar-nav>li.active>a { background: #971b1e !important; }
.create-quote-main-table ul { margin: 0; padding: 0; }
.create-quote-main-table ul li { list-style: none; display: inline-block; width: 25%; margin: 15px 0 0; padding: 0 15px; float: left; }
.order-dashboard-product-heading button { margin-right: 5px; font-size: 11px; padding: 5px; }
.order-dashboard-product-heading .btn-group { padding-top: 5px; }
.product-img-list.view-product-img-list { margin-bottom: 5px; list-style-type: none !important;}
/* .btn-group.filter-button { margin-right: 15px; } */
.btn-group.filter-button > a,
.btn-group.filter-button > a:hover { box-shadow: none; background: #E5E5E5; color: #000; }
.editor-prefill { display: none; }
.remove-pad-marg-top-custom { padding-top: 0 !important; margin-top: 0 !important; }
.single-order-dashboard .phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container ul>.mt-list-item { padding: 5px 0; }
.single-order-dashboard .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-icon-container,
.single-order-dashboard .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-datetime { line-height: 30px; width: auto; }
.single-order-dashboard .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-datetime { font-size: 12px; }
.order-status-block td.legendLabel { margin-left: 3px; display: inline-block; }
.order-status-block tr:last-child td.legendColorBox > div > div { border: 5px solid rgba(203,75,75,0.5) !important; }
.order-add-product-from .custom-border { margin-top: 0; padding-top: 0; }
.file-wrap .btn,
.file-wrap .btn:hover { box-shadow: none; }
.file-wrap .preview { width: 70px; display: inline-block; }
.file-wrap .preview img { height: auto; width: auto; }
.sep-20 { height: 20px; }
textarea.form-control { height: 100px; }
.single-order-dashboard .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content>h3>a:hover,
.single-order-dashboard .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content>h3>a { color: #2f353b; }
.edit-quote-custom-wrapper.portlet.light .btn.btn-circle.btn-icon-only.btn-default,
.edit-quote-custom-wrapper.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover { background: #971b1e; border-color: #971b1e; }
.edit-quote-custom-wrapper.portlet.light .btn.btn-circle.btn-icon-only.btn-default>i { color: #FFF; }
.portlet.light>.portlet-title>.caption.caption-md>.caption-subject { font-size: 16px; }
.dashboard-graph .portlet-title { padding: 10px 0; margin: 0 15px 10px; }
.single-order-dashboard .phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 { line-height: 30px; font-weight: 400; }
.edit-quote-custom-wrapper .table-scrollable +.row { display: none; }
.edit-quote-custom-wrapper table.dataTable.no-footer { border-bottom-color: #e7ecf1; }
.btn:hover,
.btn { box-shadow: none !important; border-radius: 0 !important; }
.label { border-radius: 0; }
.customer-quote-configure { margin-top: 10px; }
.suppliercustom-form { margin-top: 10px; }
.custom-sub-heading { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.custom-sub-heading .caption { float: left; line-height: 34px; }
.custom-sub-heading .btn-group { float: right; }
.f-right { float: right; }
.f-left { float: left; }
.factsheet-wrapper .thumbnail a>img,
.factsheet-wrapper .thumbnail>img { height: auto !important; }
.factsheet-wrapper .terms-list { margin-bottom: 30px; }
.portlet.light.portlet-fit>.portlet-body.temp-img { padding-bottom: 27px; }
.custom-actions-button { padding: 0 !important; margin-right: 15px; }
.custom-actions-button .btn { line-height: 26px !important; }
.factsheet-img-col { width: 50%; float: left; padding: 0 0 0 5px; }
.factsheet-img-col:first-child { padding: 0 5px 0 0; }
.factsheet-img-col img { height: auto !important; }
.custom-icon-button { margin-left: 10px; }
.custom-icon-button a:focus,
.custom-icon-button a:hover { background-color: transparent !important; }
.factsheet-wrapper ul { margin: 0 0 15px; padding: 0; list-style-position: inside; font-size: 13px; }
.factsheet-wrapper h3 { font-weight: 600; }
.file-wrap input.toggle { display: none; }
.order-qc-form .form-horizontal .radio-inline { padding-top: 0; }
.qc-check-points .form-group { margin-bottom: 25px; }
.qc-check-points p { margin-bottom: 5px; }
.extra-small-button { font-size: 10px; padding: 3px 6px; font-weight: 600; text-align: center; line-height: 1.5; border: none; background: #ddd; color: #333; text-transform: uppercase; }
.single-order-dashboard .extra-small-button { margin-left: 3px; }
.custom-view-quote-wrapper ul.product-img-list li { margin-bottom: 3px; }
.custom_calculation_field .row > div { position: relative; }
.custom_calculation_field span { display: inline-block; padding: 0 4px 0 8px; position: absolute; right: -8px; top: 8px; }
.order-status-flow-col .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container { font-size: 22px; }
.tabbable-custom>.nav-tabs>li.active { border-top: 3px solid #a84838 !important; }
.custom-qc-stage-table .radio-inline+.radio-inline,
.custom-qc-stage-table .radio-list>label.radio-inline { padding: 0; margin: 0 0 15px; }
.dashboard-graph .portlet-title { padding-left: 0 !important; }
.dashboard-order-stats-table table tr td:last-child a { text-decoration: underline !important; }
.custom-price-cal-table .form-control { width: auto; }
.table td.order-stats_fonts_custom_row { font-size: 22px; }
.phatprocess-main-dashboard-home.phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container ul > .mt-list-item { float: left; padding: 10px 0; width: 48%; margin: 0 2% 0 0; }
.phatprocess-main-dashboard-home.phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:nth-child(2n) { margin: 0 0 0 2% }
.phatprocess-main-dashboard-home.phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container ul>.mt-list-item>.list-item-content { padding: 0 75px 0 30px; }
.order-history-table a { color: #666; }
.invoice-mid-row p { margin: 0; color: #666; }
.invoice-view-wrapper address { color: #666; }
.invoice-mid-row span { display: inline-block; min-width: 100px; }
.custom-heading { font-weight: 600; margin: 20px 0; font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid #e7ecf1; }
.custom-grey-bg { background: #eef1f5; }
.dark-border .table-bordered,
.table-bordered>tbody>tr>td,
.dark-border .table-bordered>tbody>tr>th,
.dark-border .table-bordered>tfoot>tr>td,
.dark-border .table-bordered>tfoot>tr>th,
.dark-border .table-bordered>thead>tr>td,
.dark-border .table-bordered>thead>tr>th { border: 1px solid #ddd; }
.extra-bold { font-weight: 700 !important; }
.blue-hoki .portlet-body{padding: 15px !important;}
.portlet.grey-cascade.box.shipment_box .portlet-body{padding: 15px !important;}
.custom-th-head { line-height: 34px; display: block; }
.fright-charges-wrapper ul.interaction-list li { display: block; }
.form-actions { border-top: 1px solid #e7ecf1; padding: 20px; }
.print-pg .form-actions{padding: 20px 20px 5px 20px;}
ul.product-img-list li { width: 50px; height: 50px; }
table ul.product-img-list li { margin: 2px; }
.invoice-view-wrapper .well { border-radius: 0; box-shadow: none; margin: 0; padding: 0 0 10px; background: none; }
.invoice-view-wrapper .static-info.align-reverse .name,
.invoice-view-wrapper .static-info.align-reverse .value { font-weight: 400 !important; }
.invoice-view-wrapper .static-info.align-reverse .name.bold,
.invoice-view-wrapper .static-info.align-reverse .value.bold { font-weight: 600 !important; }
.invoice-view-wrapper .well .invoice-footer-section-heading { background: #67809F; padding: 5px; color: #fff; }
.invoice-notes-para { padding: 0 5px; font-weight: 400; }
.invoice-terms-contn-section { border-bottom: 2px dashed #333; position: relative; }
.invoice-terms-contn-section h6 { font-size: 15px; font-weight: 700; }
.scissor-icon { position: absolute; bottom: 0; left: 0; }
.scissor-icon { font-size: 28px; }
.how-to-pay-section-subcol { position: relative; padding: 0 0 15px 70px; }
.how-to-pay-section { padding: 30px 0 0; background: url(../../../img/creator-watch-logo.jpg) no-repeat 99% 10px; border-bottom: 5px solid #333; margin-bottom: 15px; }
.how-to-pay-section h4 { font-weight: 700; font-size: 28px; margin: 0 0 20px; }
.how-to-pay-section .pay-icon-wrap { position: absolute; left: 0; top: 0px; font-size: 40px; }
.how-to-pay-section .pay-icon-wrap i { display: block; line-height: normal; }
.invoice-mid-row { font-size: 12px; }
.invoice-big-size { font-size: 18px; }
.currency-table-wrapper table a.label { line-height: 34px; }
.login { background: #fff !important; }
.btn-group.filter-button { margin-bottom: 0px; }
.btn.red.custom_add_btn { margin-bottom: 0px; }
.order-split-list select { margin-bottom: 5px; }
.custom-checkbox-list .checker { margin-left: -2px; }
.custom-checkbox-list .form-group { margin: 0; }
.form-group.required .control-label:after { position: absolute; top: 0; right: 5px; }
ul.product-img-list.view-product-img-list.browse-img-wrapper li { float: left; margin: 0 5px 5px 0; position: relative; text-align: center; }
ul.product-img-list.view-product-img-list.browse-img-wrapper li button { background: #ddd; position: absolute; right: 0; top: 0; border: none; font-size: 10px; padding: 0; line-height: normal; text-align: right; width: 12px; vertical-align: middle; padding-bottom: 1px; }
.table-scrollable table,
table.dataTable.no-footer { border-bottom: 1px solid #ddd !important; }
.order_stat td{font-size: 13px;}
/*
ul.product-img-list.view-product-img-list.browse-img-wrapper_qa li {
float: left;
width: 100px;
margin: 0 5px 5px 0;
height: 80px;
position: relative;
text-align: center;
}
*/
ul.product-img-list li img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 2px; }
ul.product-img-list.view-product-img-list.browse-img-wrapper_qa li a img,
ul.product-img-list.view-product-img-list.browse-img-wrapper li img { max-height: 32px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
ul.product-img-list.view-product-img-list.browse-img-wrapper_qa li button { /* position: absolute;*/ right: 0; top: 0; width: auto; border: none; }
::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 12px;
}
::-webkit-scrollbar:horizontal {
height: 12px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .5);
border-radius: 10px;
border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ffffff;
}
.file-wrap .btn { text-transform: inherit; }
.table-scrollable {margin-top: 0 !important; }
.label { box-shadow: none; }
.order_status .value em { font-style: normal; }
.file-wrap div.uploader { opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
input.uniform-input,
select.uniform-multiselect,
textarea.uniform { font-family: "Open Sans", sans-serif; padding: 6px 12px; background: none; border: 1px solid #c2cad8; color: #555; font-size: 14px; border-radius: 0; }
input.uniform-input:focus,
select.uniform-multiselect:focus,
textarea.uniform:focus { background: none; }
.table ul.interaction-list { width: 112px; display: inline-block; }
.main-dashboard .table.table-light>thead>tr>th:last-child,
.main-dashboard .table.table-light>tbody>tr>td:last-child { text-align: right; }
.file-wrap .control-label { margin-bottom: 3px !important; }
.getQuantity.form-control { width: 60px; }
#image_error .help-block { color: #e73d4a; }
#doc_error .help-block { color: #e73d4a; }
.custom_file_input { padding: 6px 12px; border: 1px solid #c2cad8; width: 100%; }
.bulk_pop_up .custom_add_btn { margin-bottom: 0 !important; }
.easy-autocomplete.eac-square input { font-family: "Open Sans", sans-serif !important; font-size: 14px !important; font-weight: normal !important; padding-bottom: 2px !important; padding-top: 2px !important; }
.send_quote_popup .select2-selection__rendered .select2-search--inline { width: 100%; }
.modal-open .send_quote_popup .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { width: 100% !important; }
.modal-open .send_quote_popup .select2-container--bootstrap .select2-selection { border-radius: 0; }
.modal .modal-header .close { cursor: pointer; }
.table .btn { text-transform: none; padding: 3px 6px; font-size: 11px; }
/*.order-split-list .form-control{position: relative;}
.order-split-list .form-control::after{ content:"";position: absolute;right: 0;top:0;height: 100%;border-right: 1px solid #000;}
*/

/*-------sale order 08-03-2021-------*/
.sales-order{color:#000}
.sales-order .quot-view-logo{width: 200px;}
.sales-order .phat_address{text-align: right;}
.sales-order .phat_address span{font-size: 11px; position: relative;top: -12px;}
.sales-order h2{font-size: 27px; font-weight: 800;}
address{font-size: 25PX;}
.sales-order address{Color: #000; font-size: 18px !important;margin-bottom: 10px;}
.sale_order{border-bottom:5px solid #000; margin: 20px 0 5px 0;}
.sales-order .fr{float: right;}
.sales-order .account_delivery_details .date,
.sales-order .account_delivery_details .order-number{font-size: 25px;}
.sales-order .account_delivery_details .order-number strong{text-align: right; float: right;}
.account_delivery_details .bg{background-color: #808080;width: 100%;display: block; padding: 10px;color: #fff;font-size: 17px;}
.client_details .delivery-address{ display: flex;}
.client_details .delivery-address strong{width: 8%;}
.client_details strong, 
.client_details span{font-size: 18px;}
.client_details address strong {display: inline-block; width: 7%; margin: 0 15px 0 0;clear: both; vertical-align: top;}
.client_details address span{display: inline-block; width: 80%; margin: 0 15px 0 0; clear: both;}
.client_details .delivery-address strong {display: inline-block; width: 18%; margin: 0;clear: both; vertical-align: top;}
.client_details .delivery-address span{display: inline-block; width: 80%; margin: 0 15px 0 0; clear: both; float: right;}
.product-name-table{ margin: 20px 0 0 0;}
.product-name-table table th{background-color: #808080; padding: 10px; color: #fff;font-size: 17px;}
.product-name-table table td:last-child{text-align: right;}
.product-name-table  table thead tr th{width: 20%;}
.product-name-table  table th:last-child { border-top: 0; text-align: right;}
.product-name-table .table tbody tr td { vertical-align: middle !important; font-size: 18px; color: #000000;}
.product-name-table .table {margin-bottom: 10px; border-bottom: 5px solid #000;}
.payment-table th{background-color: #808080; padding: 10px; color: #fff;font-size: 17px;}
.payment-table .table tbody tr td { vertical-align: middle !important; font-size: 18px; color: #000000;}
.note-wrapper p{font-size: 15px;}
.payment-table .table tr td:last-child {text-align: right;}
.payment-table .table tbody tr td.dark{font-weight: 600;}
.client_details {margin: 2px -15px 0 -15px;}

/*-------sale order 08-03-2021-------*/



.a.btn.red.custom_add_btn.switch-btn{
background-color: #971b1e !important;
border-color: #971b1e !important;
}
.order-split-list select { border-right: none; }
.splitter_scroll_wrap { border-right: 1px solid #c2cad8; }
body .filter-button .dropdown-menu:after,
body .filter-button .dropdown-menu:before { display: none !important; }
body .filter-button .dropdown-menu { margin-top: 0; margin-bottom: 0; }
.dataTables_processing img { width: 45px; }
.custom-view-quote-wrapper .table-responsive { overflow: hidden; width: 100%; }
.splitter_scroll_wrap select[multiple], .splitter_scroll_wrap select[size] ,.splitter_scroll_wrap1 select[multiple], .splitter_scroll_wrap1 select[size]{
height: auto;
height: 140px;
}
.col-lg-5.fileupload-progress.fade {z-index: -1;}
/*CSS add Nilesh*/
.portlet-body .dataTables_wrapper .dataTables_processing{width: 80px; height: 63px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; z-index: 99;
    background-color: #fff;position: absolute;}
.form-horizontal .radio{padding-top: 0; cursor:pointer;}
.marr10{margin-right: 10px;}
/*.feeds li .col1>.cont>.cont-col1>.label{background-color: #a84838;}*/
/*CSS add Nilesh*/
.portlet-body.order_status { /*----14-6-2020-*/
height: auto !important;
}

#packaging_list_admin ul.product-img-list li img{width: 100%;height: -webkit-fill-available !important; position: initial;padding: 0;}

/*----------sudesh-31-03-2021------------*/
.register-wrapper .content {position: relative; width: 100%;margin: 0;padding: 0;}
.register-wrapper .registration-content{background-image: url(../img/regestration-bg.jpg); background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: 95% 100%; min-height: 1024px;}
.registration-box-wrapper{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50% -50%);}
.registration-box{max-width: 463px; min-width: 331px;  background-color: rgb(255 255 255 / 87%); padding: 40px 25px 35px 25px;border-radius: 6px !important;}
.registration-box .heading{padding: 0 0 30px 0;}
.registration-box .heading h1{font-size: 30px;line-height: 36px; letter-spacing: 0.9px;}
.registration-box .heading h1, 
.registration-box .heading p, 
.registration-box .heading strong{display: block; text-align: center; margin: 0; padding: 0;}
.registration-box .heading h1 span{font-weight: 500;}
.registration-box .heading h1 strong{ color:#98002e; text-align: center;}
.registration-logo{text-align: center; margin: 0 0 30px;}
.registration-logo img{width: 35%;}
.registration-box .heading h1 strong:first-child{font-size: 40px !important;}
.registration-box .content .form-control {background-color: #ffffff;height: 43px;color: #414042; border: 1px solid #ffffff;}
.registration-box  article{padding: 7px 15px 0;}
.registration-box  article p{font-size: 12px;}
.registration-box  article p, strong{text-align: left;}
.registration-box  article strong{font-size: 18px; font-weight: 600; color: #414042; margin-bottom: 10px;}
.register-wrapper .content .form-control::-webkit-input-placeholder{color:#414042; text-transform: uppercase;}
.register-wrapper .content .form-control{height:50px;color:#414042;letter-spacing: 0.9px; font-size: 15px; background-color: #fff; border: none; text-transform: lowercase; font-size: 18px; font-weight: 600;}
.register-wrapper .content .form-control:active, .register-wrapper .content .form-control:focus{border: none;}
.register-wrapper .content .form-group {margin-bottom: 12px;}
/* Chrome, Safari, Edge, Opera */
.register-wrapper .content .form-control input::-webkit-outer-spin-button,
.register-wrapper .content .form-control input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.register-wrapper .content  input[type=number] {-moz-appearance:textfield;}

.register-wrapper  input[type=number]::-webkit-inner-spin-button, 
.register-wrapper  input[type=number]::-webkit-outer-spin-button{display: none;}
.register-wrapper .content .form-actions{padding: 25px 30px 0;}
.register-wrapper .content .form-actions .btn {margin-top: 1px; font-weight: 600;padding: 12px 25px!important;font-size: 15px;}
.register-wrapper .close {display: inline-block;margin-top: 5px;}


/* Firefox */
.register-wrapper .content .form-control input[type=number] {-moz-appearance: textfield;}

@-moz-document url-prefix() {

    .register-wrapper .content .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #414042;
        opacity: 1; /* Firefox */
      }


      .register-wrapper .content .form-control::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #414042;
        opacity:  1;
        text-transform: uppercase;
     }
     .register-wrapper .content .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #414042;
        opacity:  1;
        text-transform: uppercase;
     }
      
      .register-wrapper .content .form-control::-webkit-input-placeholder{color:#414042; text-transform: uppercase;}
     

}


/*----------sudesh-31-03-2021------------*/
/* .table-scrollable {
    overflow: inherit !important;
} */

.page-content {
   min-height: 81.6vh;
}
.col-auto {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
    float: left;
}
#the_search_bar span {
    margin: 7px 0;
}
.date-fiels-new .form-control {
    display: inline-block;
    margin-left: 10px;
    width: 155px !important;
    margin-right: 0;
}
#the_search_bar .searchwrapper {
    float: none;
    margin-left: 15px;
    margin-right: 15px;
}
.filter-btn-new .custom_add_btn:first-child {
    margin-right: 10px;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    word-break: break-word;
}
.mobile-v {
    display: none;
}


.unit-white-price-col {
	min-width: 150px;
	white-space: normal !important;
}

/* Page White Space ============= */

.page_white_space_class,
.page_white_space_class body{
    height: 100%;
}

.page_white_space_class body,
.page_white_space_class body .page-container,
.page_white_space_class body .page-container .page-content-wrapper{
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.page_white_space_class body .page-container .page-content-wrapper .page-content{
    display: flex;
    flex: 1 0 auto;
}

/* Page White Space ============= */

/* Order List Page Dropdown CSS ============= */
.table_min_height_div .table-scrollable{min-height: 275px;}
#order_table tbody tr .btn-group.dropdown > ul.dropdown-menu{max-height: 155px; overflow-y: auto;top: 100%; bottom: inherit;}
/* .btn-group.dropdown.dd_max_height > ul.dropdown-menu{max-height: 200px; overflow: auto;} */
.btn-group.dropdown.dd_max_height > ul.dropdown-menu li a.label{width: 100%;text-align: left;padding: 3px 9px; margin: 0;}
#order_table tbody tr:nth-last-child(-n+4) .btn-group.dropdown.dd_max_height_top > ul.dropdown-menu{bottom: 100%; top: inherit;}

/* Order List Page Dropdown CSS ============= */

/* Quality Control Summary ============= */
.top_filter_space{display: flex; flex-wrap: wrap;}
.top_filter_space [class*="col-lg-"] .col-lg-2{min-width: 170px;}
.top_filter_space [class*="col-lg-"] .row{margin-left: -20px; margin-right: -20px;}
.top_filter_space [class*="col-lg-"] .row [class*="col-"],
.top_filter_space [class*="col-lg-"] .srch_btn_box{padding-left: 10px !important; padding-right: 10px; margin-bottom: 10px;}
.top_filter_space [class*="col-lg-"] .srch_btn_box{width: 100%; max-width: 398px;}
.top_filter_space .component-search .row{display: flex; flex-wrap: wrap; justify-content: flex-end;}
.top_filter_space [class*="col-lg-"] .srch_btn_box .searchwrapper{max-width: 254px; display: flex; margin-top: 0 !important; margin-right: 0 !important;}
.top_filter_space [class*="col-lg-"] .srch_btn_box .btn{margin-left: 10px;margin-top: 0 !important;}
/* Quality Control Summary ============= */

.filter_column_parent{width: 100%;}
.filter_column_parent,
.filter_column_parent .filter_group{display: flex; flex-wrap: wrap;}
.filter_column_parent .filter_group{justify-content: flex-end;flex: 1;}
.filter_column_parent .caption{margin-right: 15px;}
.filter_box{margin: 0 0 10px 10px !important; width: 100%; max-width: var(--filter_box_max_width);}
.filter_box:first-child{margin: 0 0 10px 0 !important;}

.page-header .page-header-menu .container .hor-menu, .page-header .page-header-menu .container .hor-menu .navbar-nav{float: none;}
.navbar-form.navbar-right {clear: both;}

/* New CSS */
.filter-label{font-weight:400;color:#666;margin-bottom:5px}
.form-control{border-radius:0;box-shadow:none;border:1px solid #ccc;height:38px}
.badge-open{background-color:#a6262c;color:#fff}
.action-buttons-group{margin-top:25px;display:flex;gap:10px}
.sorting-hint{color:#d1127c;font-size:14px;margin:0 0 10px;font-weight:500}
.table-custom{border:1px solid #ddd!important;margin-bottom:15px}
.table-custom>th{color:#555;font-weight:700;background-color:#fff;border-bottom:2px solid #ddd!important}
.table-custom>tbody>tr>td{vertical-align:middle!important;color:#444;padding:10px 8px;border-top:1px solid #ddd}
.sort-header{color:#a6262c;cursor:pointer}
.sort-caret{font-size:10px;margin-left:3px}
.badge-status{display:inline-block;padding:4px 16px;font-size:11px;font-weight:700;text-align:center;border-radius:4px;min-width:70px}
.badge-closed{background-color:#777;color:#fff}
.btn-view-action{background-color:#f0f0f0;border:1px solid #ddd;color:#666;padding:4px 10px;border-radius:3px;cursor:pointer}
.btn-view-action:hover{background-color:#e5e5e5}
.table-footer-controls{display:flex; align-items:center;color:#444;font-size:13px;margin-top:15px}
.show-entries-select{display:inline-block;width:60px;height:30px;padding:4px 8px;margin-right:5px;margin-left: 3px;}
.flex-row{display:flex;flex-wrap:wrap}
.date-range-group {display: flex; align-items: center; border: 1px solid #ccc; background: #fff;}
.date-range-group .form-control {border: none; height: 32px; text-align: center; box-shadow: none; font-size: 12px; color: #999;}
.date-range-separator {background: #e6e6e6; padding: 0 10px; line-height: 32px; color: #555; font-size: 12px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; height: 32px;}
.status-search-wrapper {position: relative;}
.status-search-wrapper .form-control {padding-right: 30px;}
.status-search-wrapper .search-icon {position: absolute; right: 10px; top: 9px; color: #333; font-weight: bold; pointer-events: none;}

.ticket-panel{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:15px;margin-top:20px}
.ticket-title{font-size:14px;font-weight:800;text-transform:uppercase;color:#1a3038;margin-bottom:15px;letter-spacing:.5px}
.table-custom{margin-bottom:0;border:1px solid #e2e8f0!important}
.table-custom>tbody>tr>td,.table-custom>tbody>tr>th,.table-custom>th{border:1px solid #e2e8f0!important;vertical-align:middle!important;font-size:13px;padding:10px 8px!important}
.table-custom>th{background-color:#fff;color:#333;font-weight:700;white-space:nowrap}
.sort-icons{color:#ccc;margin-left:5px;font-size:11px}
.status-col{text-align:center;width:35px;font-size:16px;font-weight:700}
.table-custom a{color:#777;text-decoration:underline}
.table-custom a:hover{color:#333}
.checkbox-col{width:30px;text-align:center}
.empty-cell{background-color:#fff;min-width:120px}
.text-red, .text-danger{color:#c9302c !important;}
.text-success{color:#449d44 !important;}
.p-20 {padding: 20px !important;}

/* Plain Text labels used under sections like "Message" */
.static-text-value {
    font-size: 14px;
    color: #555;
    padding-top: 5px;
}

/* Form Section Panels */
.section-panel {
    border: 1px solid #ddd;
    padding: 20px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.section-panel-title {
    font-weight: bold;
    font-size: 15px;
    color: #111;
    margin-bottom: 15px;
}

/* Rich Text Mock Editor Styling */
.editor-toolbar {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 6px 10px;
}
.editor-toolbar img {
    height: 20px;
    margin-right: 4px;
    vertical-align: middle;
}
.editor-body {
    border: 1px solid #ccc;
    height: 100px;
    border-radius: 0;
    background: #fff;
}

/* Audio Recording Tools styling */
.audio-btn-group {
    margin-top: 10px;
    margin-bottom: 15px;
}
.btn-audio {
    background: #e6e6e6;
    border: 1px solid #ccc;
    color: #333;
    border-radius: 0;
    padding: 5px 12px;
    font-size: 13px;
    margin-right: 5px;
}
.audio-helper-text {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 15px;
}

/* Checkbox layout adjustments */
.checkbox-custom-container {
    margin: 15px 0 20px 0;
}
.checkbox-custom-container label {
    font-weight: normal;
    font-size: 14px;
    color: #333;
}


/* Responsive css */
@media print {
    .hidden-print { display: none; }
    .print-pg .portlet.box.blue-hoki { border: 1px solid #ddd; }
    .print-pg .portlet.box.grey-cascade,
    .print-pg .well { border: 1px solid #ddd; }
    a[href]:after {content: none !important;}
}
@media (min-width: 1801px) {
    .page-header .page-header-menu .container .hor-menu, .page-header .page-header-menu .container .hor-menu .navbar-nav{float: left;}
    .navbar-form.navbar-right {clear: none;}
}
@media (min-width:992px) {
    .page-header .page-header-menu{display: block !important;}
}
@media only screen and (min-width:1800px) {
#tab_1a .product-edit{overflow: auto !important;}
#client_quotes_wrapper .table-scrollable{overflow: scroll !important;} 
.table-scrollable{overflow-y: inherit !important;} /*---------30-04-2020----*/	
.salebordertablewrapper .table-scrollable{overflow: scroll !important;}
}
@media only screen and (max-width:1700px) {
.form-horizontal .control-label { padding-top: 0px; line-height: 14px; }
.quote-no { padding-top: 0; }
}
@media only screen and (max-width:1366px) {
.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
    font-size: 13px !important;
    font-weight: 400;
    padding: 16px 6px 15px !important;
}
}
@media only screen and (max-width:1205px) {
.activeproduct{margin-top: 15px;}
.ipadmt10{margin-top: 10px !important;}
.ipadmr0{margin-right: 0px !important;}
.ipadml0{margin-left: 0px !important;}
.ipadpr0{padding-right: 0px !important;}
.ipadpl0{padding-left: 0px !important;} 
.clearfiterbtn{margin-right: 10px !important;}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a { font-size: 13px; padding: 16px 18px 15px;  /*padding: 16px 7px 15px;*/}
.phatprocess-main-dashboard-home.phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container ul > .mt-list-item,
.phatprocess-main-dashboard-home.phatprocess-main-dashboard .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:nth-child(2n) { margin: 0; width: 100%; }
.custom_calculation_field .form-control { padding: 6px; font-size: 12px; }
}
@media only screen and (min-width:1200px) {
/*.abc{width: 70% !important;}*/
.part3-install .abc{width: 100% !important;}		
.file-table-wrapper { overflow-x: scroll; width: 100%; }
}
@media only screen and (max-width:1200px) {
.registration-box{ margin-bottom: 113px;}
}

@media only screen and (max-width:1199px) {
.client_details .delivery-address strong {display: inline-block; width: 17%;}
.order_dashboard .custom-table-wrapper { height: auto !important; min-height: inherit !important; }
.order_dashboard .custom-table-wrapper .portlet-body { min-height: inherit !important; }
.control-label { font-size: 13px; }


/*28dec23*/
.headingcenter {position: relative; width: auto;} 
.headingcenter h2 {font-size: 25px; padding-left: 25px; padding-top: 6px;}
.container.headernav {/*position: relative !important;*/}
.page-header .page-header-menu {/*height: 106px;*/ min-height: 106px;}
#search_order_dash {margin-top: 12px;}
/*28dec23*/

}
@media screen and (min-width:1024px) and (max-width:1366px){
.portlet-title.orderbtnwrapper.productlist{padding-bottom: 15px;}
.selectCategory{margin-right: 0 !important;}
/* .headingcenter{ width: calc(100% - 333px - 131px);} */

/* .productlist .activeproduct,
.productlist .selectCategory{margin-top: 15px;} */
/* .ipadmt15{margin-top: 15px !important;}
.ipadmt10{margin-top: 10px !important;}
.ipadmr0{margin-right: 0px !important;}
.ipadml0{margin-left: 0px !important;}
.ipadpr0{padding-right: 0px !important;}
.ipadpl0{padding-left: 0px !important;} */
}
@media screen and (min-width:768px) and (max-width:1023px){
    /* .headingcenter{ width: calc(100% - 333px - -38px);} */
    .clearfiterbtn{margin-right: 15px !important;}
.selectCategory{margin-top: 15px !important;}
.activeproduct{margin-top: 15px !important;}
.productlist .spacificBtn{margin-top: 15px;}
.col-lg-2.col-sm-6.col-xs-12.ipadpl0.ipadpr0.firstSelect {padding-right: 15px !important;}    
.clearfiterbtn{margin-right: 10px !important;}
.componentlist .activeproduct{margin-right: 3px;}
.portlet-title.orderbtnwrapper.productlist{padding-bottom: 15px;}
.bulkimport{margin-left: 9px !important;}
.selectCategory{margin-right: 0 !important;}
.productlist .spacificBtn{margin-top: 0px;}
.productlist .custom_dataTables_filter{width: 31%;}
.productlist .searchwrapper input[type=text]{width: 73%;float: left;}
/* .productlist .activeproduct, .productlist .selectCategory {margin-top: 15px;} */
}
@media only screen and (max-width:1024px) {
.dashboard-details-submenu { float: left; width: 100%; margin: 0; padding: 0; }
.dashboard-details-submenu ul.interaction-list li { margin-top: 5px; }
.bootstrap-timepicker-widget table td input { width: 35px !important; }
.table-responsive>.table-bordered { border-right: 2px solid #e7ecf1 !important; }
}
@media only screen and (max-width:991px) {
    .registration-logo img{width: 40%;}
    .register-wrapper .registration-content{ min-height: 1200px;}
    .client_details address strong {display: inline-block;width: 11%;}
    .client_details .delivery-address strong { display: inline-block; width: 26%;}
    .page-header .page-header-menu .saleheader .navbar-nav > li > a > i {color: #fff !important;font-size: 15px;margin-right: 8px;margin-left: 4px;}
    .static-info .value {text-align: left !important;}
    .control-label { font-size: 14px; }
    .form-group.required .control-label:after { right: 5px; }
    .control-label { margin-bottom: 3px !important; }
    .page-header .page-header-menu .hor-menu .navbar-nav>li>a { font-size: 14px; padding: 16px 18px 15px; }
    .page-header .page-header-menu { background-color: transparent; }
    .page-header .page-header-menu .hor-menu .navbar-nav { background-color: #971b1e !important; }
    .page-header .page-header-menu .hor-menu .navbar-nav > li { border-bottom: 1px solid #a13336; }
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i { color: #fff !important; }
    .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu { background-color: transparent !important; }
    .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu li > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu li > a:hover,
    .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu li > a:focus { color: #fff !important; }
    .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu li > a:hover,
    .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu li > a:focus { background-color: #ae3235 !important; }
    .page-header .page-header-menu { padding-top: 0; }
    .user-role { float: left !important; color: #333; padding-left: 0; }
    .page-content { padding-top: 15px; }
    .page-header .page-header-top .menu-toggler { opacity: 1; margin-top: 6px; }
    .page-header .page-header-top .page-logo { margin-top: 6px; }
    .custom_two_col .row span { display: block; margin-bottom: 10px; }
    .custom_two_col .row span:last-child { margin-bottom: 0; }
    .order_dashboard .phatprocess-main-dashboard,
    .order_dashboard .green-meadow .portlet-body,
    .main-dashboard .portlet.light { height: auto !important; }
}
@media only screen and (min-width:768px) {
.PagePagination{max-width: 130px;}
}
@media only screen and (max-width:767px) {
    .registration-logo img{ width: 45%;}
    .register-wrapper .registration-content{height: 1050px !important;}
.component-right button:first-child     {float: right !important;margin-right: 0px !important;}
.btn-group.col-lg-12.col-md-12.ipadpl0.ipadpr0.component-search label{width: 100%;}
.ipadmt15{margin-top: 15px !important;}
.ipadmt10{margin-top: 10px !important;}
.ipadmr0{margin-right: 0px !important;}
.ipadml0{margin-left: 0px !important;}
.ipadpr0{padding-right: 0px !important;}
.ipadpl0{padding-left: 0px !important;}
.spacking{margin-bottom: 5px !important;margin-left: 10px !important;}
.firstSelect{margin-bottom: 10px;}
.clearfiterbtn{margin-left: 0 !important;}
#request_shipment {
margin-bottom: 0px !important;
}
.spacificBtn{margin-bottom: 15px !important;}
.leadquote .dashboard-stat2 .display .icon{padding-top: 11px;}
.leadquote .dashboard-stat2 .display .number h3 {margin: 6px 0 6px;}
/* .leadquote + .leadquote {margin: 0 0 35px 0;}  11-09-2020*/
.leadquote {margin: 0px 0 30px;}
.company-list-form .custom-border .caption{float: inherit;}	
/* .custom_dataTables_filter{display: none;} 11-09-2020*/
.custome-test-qa .form-control { width: auto; }
.portlet>.portlet-title>.caption { float: none; display: block; }
.title_button_wrp .caption { float: left !important; display: inline-block !important; }
.custom-price-cal-table .title_button_wrp .btn-group { float: right !important; }
.single-order-dashboard .portlet>.portlet-title>.caption,
.main-dashboard .portlet>.portlet-title>.caption { float: none; display: inline-block; }
.custom-table-wrapper .btn-group,
.supplier-list-wrap .btn-group { float: left;  } /*margin-right: 15px;*/
.custom-table-wrapper .btn-group:last-child,
.supplier-list-wrap .btn-group:last-child { margin-right: 0; }
.portlet.light > .portlet-title > .caption { float: none; margin-right: 5px;  }/*width: 100%;*/
.custom-table-wrapper .btn-group,
.supplier-list-wrap .btn-group,
.customer-wrap .btn-group,
.customer-wrap .actions,
.custom-price-cal-table .btn-group { float: none !important; }
.table-responsive { border: none; }
.table-responsive>.table-bordered { border: 1px solid #ddd; }
.filter-button .dropdown-menu { left: 0;width: 191px; }  /*---11-09-2020-*/
.order_status .col-sm-6 { width: 50%; float: left; }
.order_dashboard .btn-group { float: right !important; }
.quote_view_table { overflow-x: scroll; width: 100%; }
.portlet.light > .portlet-title.custom_title_wrapper > .actions { float: right !important; }
.portlet.light > .portlet-title.custom_title_wrapper > .caption { display: inline-block; float: left; }
.quote_view_table .table { margin-bottom: 5px !important; margin-top: 0 !important; }
.invoice-terms-contn-section { margin-top: 20px; margin-bottom: 10px; }
.how-to-pay-section { padding-top: 80px; background-position: 20px top; }
.custom-view-quote-wrapper .table-responsive { overflow: auto; }
.fancybox-type-iframe.fancybox-wrap {
width: 86% !important;
}
.fancybox-type-iframe .fancybox-inner {
width: 90% !important;
margin: auto;
}
.headingcenter {
    display: none;
}
.mobile-v {
    display: block;
    border-top: 1px solid #f1f1f1;
}
.mobile-v h2 {
    color: #882133;
    margin-top: 10px;
    margin-bottom: 15px;
}

.table-scrollable>.table>thead>tr>th {
    white-space: normal;
}

.unit-white-price-col {
	min-width: inherit;
/*	white-space: normal;*/
}

}
@media only screen and (max-width:602px) {
.client_details .delivery-address span,
.client_details address span,
.client_details .delivery-address strong{width: 100%;}
.sales-order .phat_address{text-align: left;}
.nav-tabs > li { float: left; width: 100%; border-bottom: 1px solid #ddd; }
.nav-tabs > li:last-child { border-bottom: none; }
.payment-totals-heading { margin: 0 !important; width: 100%; }
.page-head .page-title>h1 { font-size: 18px; }
.custom-view-quote-wrapper address { text-align: left; }
.quot-view-wrapper .quote-header-address { float: left; margin-top: 10px; }
.invoice-mid-row .f-right { float: left; width: 100%; margin-top: 10px; }
.quote-header-date p { text-align: left; }
#the_search_bar .searchwrapper {
    display: block;
    margin: 15px 0;
}
.filter-btn-new {
    float: left;
    margin-top: 15px;
}

.dashboard-order-stage{
	display: none;	
}
}

@media only screen and (max-width:480px) {
.registration-box{min-width: 351px;}
.registration-box .heading h1{font-size: 25px;}
.register-wrapper .registration-content{height: 969px;background-position: 36% 78%;background-size: cover;background-image: url(../img/regestration-bg-mobile.jpg);}

.leadquote .dashboard-stat2{padding: 15px 15px 15px 15px;}
.leadquote .dashboard-stat2 .display .icon{width: 45%; margin: 0 0 0 7px;}
.leadquote .dashboard-stat2 .display .number h3 span{color: #fff;font-size: 24px;}
.page-header .page-header-top .top-menu { position: absolute; right: 15px; top: 45px; display: block; }
.page-header .page-header-top { margin-bottom: 4px; }
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-notification > .dropdown-menu { }
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-notification > .dropdown-menu { margin-right: -110px; }
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-notification > .dropdown-menu::after,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended.dropdown-notification > .dropdown-menu::before { margin-right: 115px; }
.breadcrumb>li,
.pagination { display: block; text-align: center; margin-bottom: 5px; }
.breadcrumb .fa { display: none; }
.pagination>li { display: inline-block; }
.custom_calculation_field .col-xs-3 { width: 100%; }
.custom_calculation_field span { position: static; display: block; text-align: center; }
.file-wrap .btn { padding: 5px; }
.payment-totals-heading span { width: 100%; display: block; }
.payment-totals-heading span + span { display: none; }
.payment-totals-heading span + span + span { display: block; }
.page-head .page-title small,
.page-header .page-header-top .top-menu .username-hide-mobile { display: block; }
.dashboar-date,
.dashboard-details-submenu,
.page-head .page-title { width: 100%; text-align: center; }
.page-head .page-title,
.dashboar-date { padding-bottom: 0; }
.order_dashboard .dashboar-date { padding-bottom: 19px; }
.order_status .value > * { display: inline-block; margin-bottom: 2px; line-height: 14px; }
.order_status .value em { display: block; font-style: normal; }
.order_status .value > span { margin-right: 3px; }
.order_status .value > a { margin-left: 0; }
.easy-autocomplete.eac-square,
.easy-autocomplete.eac-square input { width: 100% !important; min-width: inherit !important; }
.title_button_wrp .caption,
.custom-price-cal-table .title_button_wrp .btn-group { width: 100%; }
.table td.order-stats_fonts_custom_row { font-size: 18px; }
.orders-det .form-control { width: 105px; }
.upcoming-table .actions .col-xs-12 {
    width: 100% !important;
    padding: 0 15px !important;
}
.upcoming-table .actions .col-xs-12 input {
    width: 100%;
    margin-bottom: 10px;
}
}
@media only screen and (max-width:375px) {
.registration-box { min-width: 351px;}
.home-last-row .btn-arrow-link { font-size: 11px; }
.custom_dataTables_filter { margin-right: 0; }
/* .custom_dataTables_filter input[type="search"] { width: 188px; } */
.btn { margin-bottom: 5px; }
.file-wrap .preview { width: 35px; }
.page-head .page-title>h1 { font-size: 16px; }
.custom_dataTables_filter .btn,
.modal-footer .btn { margin-bottom: 0; }
/* .filter-button .btn { padding: 9px 8px 8px; } */
.custom-icon-button { margin-left: 5px; }
.btn-group.filter-button { margin-right: 5px; }
}
.btn-add { margin-right: 15px; }
.portlet.light.custom-table-wrapper{background: #fff !important; background-color: #fff !important; overflow-y: scroll;}
.quote-space{margin-right: 50px; padding-right: 50px;}
.uote_view_table.pdf td, .uote_view_table.pdf th{padding: 5px !important;}
#divToPrint.pdfview *{list-style-type: none !important; list-style: none !important;}
@media print { 
/* All your print styles go here */
.portlet>.portlet-title{border-top:1px solid #67809F;}
.static-info .col-md-5, .static-info .col-md-7{width:50%; float:left;}
.print_well{border:1px solid #67809F;}
.static-info .col-md-8{width:70%; float:left;}
.static-info .col-md-3{width:25%; float:left;}
/*#show_sphere {transform: scale(.99);position:relative; left:-0%; float:left; margin-bottom:100px;}*/
.table-scrollable, .table-responsive{overflow:initial; border:0;padding:20px 0;}
td, th{word-break: break-all;}
.quote_view_table table td, .quote_view_table table th, .breakdown td, .breakdown th{word-break: initial !important;}
textarea{width: 150px;}
.table .btn.red{color: #fff !important;}
.col-md-6{float: left; width: 50%;}
.portlet.box.grey-cascade{border-bottom: 1px solid #67809F;}
.quote-header-date{margin-bottom: 15px;}
.quote-header-date > p{margin: 0 !important; padding: 0 !important;}
.invoice-view-wrapper address{margin-bottom: 0;}
.pright{text-align: right;}
}
.attr_head { border-bottom: 1px solid #eee; border-radius: 2px 2px 0 0; font-weight:bold; margin-bottom: 10px;}
/* CSS Added 14 Sept 2017 */
.caption.w_auto{ width: auto!important; }
p.lbl_front {  line-height: 34px;  margin-bottom: 0; float:left; width: 33%;}
p.lbl_front > span{ margin-right: 10px; font-weight:600;}
.cust_feature .btn-group{ float: left;}
.supplier_comp .tag_input_wrap { padding: 15px 10px 0px 10px;}
.company-list-form .custom-border .caption {width: 100%;}
.select2-container--bootstrap .select2-selection {border-radius: 0;}
.file-wrap .help-block { font-size: 11px; color: #737373; display: block;}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {border-radius: 0;}
.select2-container--bootstrap .select2-dropdown {border-radius:0;}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{
margin-bottom: 5px;display: inline-block; text-transform: capitalize;background-color: #a84838; font-size: 14px;
font-weight: 300; padding: 3px 6px; color: #fff; border: 0; border-radius: 0;}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove
{ color: #fff; margin-right: 5px; vertical-align: top; line-height: 16px;}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff;}
.add_prod  .radio{ padding-top:0;  }
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{ width: 100%!important }
td.compo_name .form-control{ display: inline-block; width: 70%;}
td.compo_name .btn-group { position: relative; display: inline-block; vertical-align: top;}
.add_prod table th{ vertical-align:top!important; }
.add_prod table.dataTable.no-footer {  border-bottom: 1px solid #fff;}
.add_prod table.dataTable.no-footer .multi_select { position: relative; }
.add_prod table.dataTable.no-footer .mt-radio-inline label {  margin-right: 9px;}
.add_prod table.dataTable thead .sorting:after,
.add_prod table.dataTable thead .sorting_asc:after,
.add_prod table.dataTable thead .sorting_desc:after,
.add_prod table.dataTable thead .sorting_asc_disabled:after,
.add_prod table.dataTable thead .sorting_desc_disabled:after {top: 21%;}
.add_prod table.dataTable.no-footer thead th.qty_comp{ width: 1%;}
.add_prod table.dataTable.no-footer thead th.comp_item{ width:17%;}
.add_prod table.dataTable.no-footer td .select2-container--bootstrap { display: inline-block;  width: 82%;}
.enter_name label{ padding-top: 0;  margin: 0;}
.enter_name input { }
.enter_name .btn-group  { vertical-align:top;}
.enter_name .btn-group .btn.red { margin-right:10px }
.enter_name .btn-group .btn.red.last{ margin-right: 0; }
.modal#cust_number .form-group { margin-bottom:0;}
.modal#cust_number .modal-body { padding-bottom:0px;}
.form-horizontal .form-group.continue { margin-right:0;}
.modal#cust_number .modal-body .cust_feature .btn-group { float: left;  margin-top: 15px;}
.getQuantity.form-control { width: 60px; }
.table .btn { text-transform:none;  padding: 3px 6px;  font-size: 11px;}
.table td.compo_name .btn { padding: 9px 8px;}
.form-horizontal .form-group.continue .btn.red.last {margin-right: 15px;}
.add_order .company-list-form .custom-border .caption {  width: auto;}
.add_pro { padding-top:10px!important;}
.add_pro .form-body { padding-top: 0;}
.add_pro .custom-border{ border-top:0px; }
#add_compo p.lbl_front {   margin-top: 0;}
#add_compo .form-group.supplier_comp{position: relative;}
#add_compo .modal-body.company-list-form{ max-height: 400px; overflow-y: auto; }
/* CSS Added 14 Sept 2017 */
.cust_btn_padd{padding: 0px !important;}
/* CSS 7 Dec 2017 */
.supplier-list-wrap.clearfix .btn-group.checkcomp{float: left;margin-left: 0;margin-bottom: 10px;}
.add_new_top{padding-right: 0; margin-top: 10px;}
.head_btn{margin-right: 10px;}
.cust_footer .btn.grey{ margin-right: 10px; }
.modal#cust_number .modal-body .cust_feature .btn-group{margin-left: 8px;}
.cust_feature .form-group.check_cust { margin-top: 6px;}
/* CSS 7 Dec 2017 */
#incoming_shipment_processing{position: absolute;z-index: 100;}
#client_datatable_processing{position: absolute;z-index: 100;	}
#supplier_datatable_processing{position: absolute;z-index: 100;	}
#product_form_processing{position: absolute;z-index: 100;	}
#component_form_processing{position: absolute;z-index: 100;	}
#component_form .select2-container--bootstrap {display: block;width: auto !important;}
#custom_listing_processing{position: absolute;z-index: 100;	}
#order_table_processing{position: absolute;z-index: 100;	}
#supplier-orders_processing{position:absolute;z-index:100}
#supplier-quotes_processing{position:absolute;z-index:100}
#client_quotes_processing{position:absolute;z-index:100}
#packaging_list_admin_processing{position:absolute;z-index:100}
#my_packaging_list_processing{position:absolute;z-index:100}
#tbl_tickets_processing{position:absolute;z-index:100}
#user_listing_processing{position:absolute;z-index:100}
#currency_list_processing{position:absolute;z-index:100}
#industry_group_listing_processing{position:absolute;z-index:100}
#role_listing_processing{position:absolute;z-index:100}
#target_processing{position:absolute;z-index:100}
#manage_location_processing{position:absolute;z-index:100}
#fabric_supplier_listing_processing{position:absolute;z-index:100}
#signature_listing_processing{position:absolute;z-index:100}
#signature_header_listing_processing{position:absolute;z-index:100}
#material_listing_processing{position:absolute;z-index:100}
#product_qa_listing_processing{position:absolute;z-index:100}
#product_fact_listing_processing{position:absolute;z-index:100}
#packaging_list_history_processing{position:absolute;z-index:100}
img.li_copy_class { height: 54px;margin: 15px;width: 54px;border: 1px solid black !important;border-width: 33px;border: 10px;background-size: 100%;}
.additional_files {clear: both;float: left;padding-left: 25%; text-align: left;}
div#dynamic_files {clear: both;float: left;}
ul#copy_paste_images {clear: both;float: left;}
/* Order Category Changes */
select.form-control.doc_upload_class {width: auto;}
table.order_category_files td {padding: 10px;}
.panel-group .panel-heading a.collapsed:after{font-size:26px}
.panel-group .panel-heading a:after{font-size:26px}
.o_custom_dataTables_filter{float:right}
.not_in_class{background:#c1c1c1!important}
#order_table table button.btn.dropdown-toggle{width:100%}
#order_table table .btn-group.dropdown{width:100%}
#order_table table th:last-child{width:5%!important}
#product_form,table button.btn.dropdown-toggle{width:100%}
#product_form,table .btn-group.dropdown{width:100%}
#client_quotes table button.btn.dropdown-toggle{width:100%}
#client_quotes table .btn-group.dropdown{width:100%}
#incoming_shipment table button.btn.dropdown-toggle{width:100%}
#incoming_shipment table .btn-group.dropdown{width:100%}

/* .portlet.light.custom-table-wrapper {
    overflow: auto;
} */
.filter-button .dropdown-menu {
    max-height: 550px;
    overflow: auto;
}
.text-center.hidden-print .blue-hoki, .text-center.hidden-print a {
    margin-bottom: 5px;
}

#the_search_bar span {
    margin: 7px 0;
}
.date-fiels-new .form-control {
    display: inline-block;
    margin-left: 10px;
    width: 140px;
    margin-right: 0;
}
#the_search_bar .searchwrapper {
    float: none;
    margin-left: 15px;
    margin-right: 15px;
}
.filter-btn-new .custom_add_btn:first-child {
    margin-right: 10px;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    word-break: break-word;
}
.mobile-v {
    display: none;
}

.text-center.hidden-print .blue-hoki, .text-center.hidden-print a {
    margin-bottom: 5px;
}


@media(max-width:1441px){
.packingadmin  .caption.font-dark.col-lg-4{width:15%;}
.packingadmin .btn-group.col-lg-8.col-md-12.ipadpl0.ipadpr0{width:83%;}
}



@media (min-width:1281px) and (max-width:1440px){
.packingadmin .btn-group.col-lg-7.col-md-12{ width: 83%;}
.packingadmin  .caption.font-dark.col-lg-4{width:15%;}
.packingadmin .btn-group.col-lg-8.col-md-12.ipadpl0.ipadpr0{width:83%;}


}
@media (min-width:1024px) and (max-width:1366px){
.orderbtnwrapper .btn-group .exportcsv {margin-right: 10px;} 
.ipadpromt15{margin-top: 15px !important;}
.ipadpromr0{margin-right: 0px !important;}
}


@media(max-width:1280px){
    .packingadmin  .caption.font-dark.col-lg-4{width:100%;}
    .packingadmin .btn-group.col-lg-8.col-md-12.ipadpl0.ipadpr0{width:100%;padding-left: 0 !important;}
}



@media (min-width:767px) and (max-width:1023px){
.portlet.light.portlet-fit.bordered.custom-table-wrapper.orderbtnwrapper .custom_dataTables_filter{width:30%; float:left;}
.orderbtnwrapper .btn-group.filter-button a {margin-top: 10px;margin-right: 6px;}
.productlist .btn-group.filter-button a {margin-top: 0px;margin-right: 6px;}
.ipadmt15{margin-top: 15px !important;}
.ipadmt10{margin-top: 10px !important;}
.ipadmr0{margin-right: 0px !important;}
.ipadml0{margin-left: 0px !important;}
.ipadpr0{padding-right: 0px !important;}
.ipadpl0{padding-left: 0px !important;}
}
@media(max-width: 767px){
.portlet.light>.portlet-title {padding: 0 0 15px 0;}	
.mobi-right-0{margin-right: 0;}
.cust_padd{
margin-bottom: 20px !important;
}
.cust_btn_padd{padding: 15px !important;}
.mobimt15{margin-top: 15px;}
}



@media(max-width: 478px){
.component-right a, .component-right button{margin-left: 0 !important;}
.btn-group.col-lg-8.col-md-66.ipadpl0.ipadpr0.component-right .delete {
    margin-top: 15px !important;
}
.leadquote .dashboard-stat2 .display .icon{max-height: 44px;}
}


@media(max-width: 460px){
.headingcenter h2{font-size: 18px;}

}

@media(max-width: 441px){
    .saleorder .btn-group{display: block;}
    .orderbtnwrapper .custom_dataTables_filter{float: none;}
    .searchwrapper{float: left;width: 97%; margin-bottom: 10px;}
    .manageLocation .btn-group{width:100%;}
    a.btn.red.clientQuote{margin-bottom: 0px;width: 117px;}
    .btn-group.filter-button .clientQuote{margin-top: 10px;}
    .top_filter_space [class*="col-lg-"] .srch_btn_box .searchwrapper{width: 100% !important; max-width: 100% !important;}
}
@media(max-width: 429px){
.col-md-5.col-sm-5.col-xs-4.SalePrice{width:100%;text-align: center; margin:  15px auto;}
.col-md-5.col-sm-5.col-xs-4.buyPrice,
.col-md-2.col-sm-2.col-xs-3.totalproduct{width:50%;}
.SalePrice .stat-right .stat-number {float: none !important;text-align: center !important;}
.col-md-5.col-sm-5.col-xs-4.SalePrice .stat-right{float: none !important;}
	
/* .btn-group.filter-button a{margin-top: 10px;} */
.portlet.light.portlet-fit.bordered.custom-table-wrapper.orderbtnwrapper a {margin-bottom: 10px;}
}
@media(max-width: 381px){
.dashboard-stat2 .display .number{width:auto;}
.leadquote .dashboard-stat2 .display .icon{float: left !important;max-height: 44px;}
.leadquote .dashboard-stat2 .display .number h3 span {font-size: 20px;}
.leadquote .dashboard-stat2 .display .number small {
    font-size: 16px;
}
}

@media(max-width: 365px){
.component-right button{margin-bottom:15px !important;}
}



@media(max-width: 320px){
.registration-box {min-width: 292px;padding: 40px 15px;}
.leadquote .dashboard-stat2 .display .number h3 span {font-size: 16px;}
.leadquote .dashboard-stat2 .display .icon {width: 45%;margin: 0 0 0 7px;}
.leadquote .dashboard-stat2 .display .number small {font-size: 13px;}
.custom_dataTables_filter input[type="search"] {
width: 182px;
}
#request_shipment {margin-left: 0px !important;}
}

.add_prod .multi_select {height: 80px;overflow-y: scroll;width: 249px;overflow-x: hidden;}
.add_prod table.dataTable.no-footer td .select2-container--bootstrap{width: 100% !important;}

/*Client Logo Css -add-client.php 12-May-21*/
.display_input_img{ padding-bottom: 10px; }

/*Customisation Factor Fields - Sorting - 26/11/2021*/
.cust_feature {cursor: move;}
.drag-color { border-style: solid; border-color: #971b1e;}
/*Customisation Factor Fields - Sorting - 26/11/2021*/
.cke_notification_warning 
{
	display: none;
}