@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	padding:0;
	margin:0;
	border:0;
}
body{
	font-size:13px;
	line-height:20px;
	color:#333;
	font-family:'Source Sans Pro', sans-serif;
}
img{
	padding:0;
	margin:0;
	border:none;
}
ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
input, select, textarea, .form-control, button{
	font-size:13px;
	color:#333;
	outline:none;
	font-family: 'Source Sans Pro', sans-serif;
}
@font-face {
    font-family: 'helveticaregular';
    src: url('../fonts/helvetica.woff2') format('woff2'),
         url('../fonts/helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.font-size-16px{font-size:16px;}
.form-control:focus{box-shadow:inherit;}
a{
	outline:none;
	color:#2563EB;
	text-decoration:none;
}
.btn{
	font-size:13px;
}
.btn:focus, .btn-light.dropdown-toggle:focus{
	box-shadow:none !important;
}
.btn-light.active, .btn:focus.active{
	box-shadow:none;
	background:#fff;
	box-shadow:none;
}
.btn-primary, .btn-primary:hover{
	/*background-color:#192b79;
	border-color:#192b79;*/
	background-color:#2563EB;
	border-color:#2563EB;
}
.btn-request{
	background:#e9effd;
	border-color:#e9effd;
	color:#2563EB;
	border-radius:8px;
}
.btn-info, .btn-info:hover{
	background-color:#0069d9;
	border-color:#0069d9;
}
.badge{
	padding:3px 10px;
	font-size:90%;
	font-weight:normal;
}
.modal-xl{
	max-width:98% !important;
}
.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.text-grey{color:#b9b9b9 !important;}
.wrapper{
	width:100%;
}
.side_bar_nav{
	width:300px;
	z-index:999;
	height:100vh;
	box-shadow:0px 4px 10px rgba(0, 0, 0,0.2);
	font-family: 'DM Sans', sans-serif;
	background: #0F172A;
}
.side_bar_nav.slide_collapse{
	width:85px;
}
.main_content_area.slide_expand{
	padding-left:85px;
}
.logo{
	padding:10px 20px;
}
.logo-small {
	display: none;
}
.slide_collapse .logo-large {
	display: none;
}
.slide_collapse .logo-small {
	display: block;
}

.adminSide_menu_btn {
	cursor:pointer;
	width:41px;
	height:41px;
	border:1px solid #dfdfdf;
	border-radius:50%;
	text-align:center;
	line-height:41px;
	color:#aaaaaa;
	position:absolute;
	right:-20px;
	top:65px;
	background:#fff;
	box-shadow:3px 1px 7px rgba(0, 0, 0,0.1);
}
.menu_section{
	font-family: 'DM Sans', sans-serif;
	background:#0F172A;
	height:100vh;
	padding:110px 15px 24px 24px;
}
.menu_overflow{
	height:100%;
	overflow-y:auto;
	scrollbar-width: thin;
}
.menu_section ul li{
	margin-bottom:15px;
	list-style:none;
	position:relative;
}
.menu_section ul li a{
	color:#fff;
	font-size:18px;
	line-height:24px;
	padding:12px 0;
	display:block;
	text-decoration:none;
}
/*.menu_section ul li a.level-1-menu:hover, .menu_section ul li a.level-2-menu:hover, .menu_section ul li a.active{
	text-decoration:none;
	background:#e6e6e6;
	color:#4682c0;
	border-left:5px solid #4682c0;
}*/
.menu_section ul li:hover ul li a{
	text-decoration:none;
}
.admin_lft_menu li .dashboard-icon{
	background: url('/wep-resource/images/dasboard.svg') no-repeat;
	height:15px;
}
.admin_lft_menu li .tower-icon {
	background: url('/wep-resource/images/control_tower.svg') no-repeat;
	height: 15px;
}

.admin_lft_menu li i{
	width:18px;
	font-size:16px;
	display:inline-block;
	margin-right:8px;
}
.admin_lft_menu .child_menu{
	position:relative;
	padding-left:24px;
}
.admin_lft_menu .child_menu:before{
	content:"";
	position:absolute;
	border-left:2px solid #fff;
	border-radius:2px;
	height:100%;
	left:10px;
}
.admin_lft_menu li .child_menu li:before{
	content:"";
	position:absolute;
	background: url('/wep-resource/images/menu-line.svg') no-repeat 0 0;
	left:-14px;
	top:10px;
	width:14px;
	height:14px;
}
.admin_lft_menu li .child_menu li a{
	padding:15px 17px;
	border-radius:12px;
}
.admin_lft_menu li .child_menu li a:hover, .admin_lft_menu li .child_menu li a.active{
	background:#27324F;
	color:#fff;
	border:0;
}
.admin_lft_menu li i{
	filter: invert(0%) sepia(100%) saturate(93%) hue-rotate(362deg) brightness(224%);
	-webkit-filter: invert(0%) sepia(100%) saturate(93%) hue-rotate(362deg) brightness(700%);
}
.inner-dropdown{
	background: url('/wep-resource/images/menu-down-arrow.png') no-repeat 95% 20px;
}
/*===slide_collapse====*/
.logoSmall{
	display:none;
}
.slide_collapse .logoLarge{
	display:none;
}
.slide_collapse .logoSmall{
	display:block;
}
.slide_collapse .menu_overflow{
	overflow:unset;
}
.slide_collapse .admin_lft_menu li span{
	display:none;
}
.slide_collapse .admin_lft_menu li:hover .child_menu{
	display:block;
}
.slide_collapse .child_menu{
	background:#0F172A;
	width:200px;
	position:absolute;
	top:0;
	left:53px;
	margin-left:0;
	padding-top:15px;
	padding-right:15px;
}
.slide_collapse .child_menu li span{
	display:block;
}
.slide_collapse .child_menu li a{
	padding:11px 13px;
	/*border-top:1px solid #c9c9c9;
	border-bottom:1px solid #f1eeee;*/
}
.slide_collapse .child_menu li:first-child a{
	border-top:0;
}
.slide_collapse .child_menu li a:hover{
	color:#4682c0;
}
/*===========menu end===============*/
.main_content_area{
	width:100%;
	min-height:100vh;
	padding-left:230px;
	padding-top:80px;
	position:relative;
	transition: all 400ms linear;
}
/*====header section=====*/
.header_section{
	background:#ffffff;
	box-shadow:0 2px 5px rgba(0, 0, 0,0.2);
	height:80px;
	top:0;
	left:0;
	z-index:101;
	padding:15px 15px 15px 265px;
}
.header_section > ul{
	float:right;
}
.header_section > ul > li{
	position:relative;
	display:inline-block;
	margin:0 8px;
}
.header_section > ul > li a{
	color:#333;
	word-break: break-all;
}
.header_section > ul > li .fa{
	font-size:25px;
	color:#707070;
}
.notification_show, .mail_inbox_show{
	position:absolute;
	width:19px;
	height:19px;
	background:red;
	border-radius:50%;
	text-align:center;
	line-height:19px;
	color:#fff;
	font-size:12px;
	top:-5px;
	left:13px;
}
.header_section ul li .user_name{
	font-size:16px;
}
.myaccount_img{
	width:55px;
	height:55px;
	border:1px solid #2563EB;
	border-radius:50%;
	background:#fff;
	font-size:17px;
	line-height:53px;
	color:#192b79;
	font-weight:600;
	text-align:center;
	overflow:hidden;
}
.myaccount_img img{
	width:100%;
	height:56px;
}
.my_login_wrap{
	cursor:pointer;
	padding-bottom:15px;
}
.my_login_wrap:hover .login_pop{
	display:block;
}
.my_login_wrap .fa{
	font-size:15px !important;
}
.popbox_wrap{
	width:200px;
	background:#fff;
	border:1px solid #d6d5d5;
	box-shadow:0px 0px 8px rgba(0, 0, 0, 0.1);
	border-radius:5px;
	position:absolute;
	top:60px;
	right:0;
	z-index:10;
	display:none;
}
.popbox_wrap:before{
	content:"";
	position:absolute;
	width:15px;
	height:15px;
	background:#fff;
	border-left:1px solid #d6d5d5;
	border-top:1px solid #d6d5d5;
	top:-8px;
	right:62px;
	transform:rotate(45deg);
	z-index:-1;
}
.login_links li{
	width:100%;
	display:block;
	margin:0;
}
.login_links li a{
	padding:12px;
	display:block;
}
.login_links li a:hover{
	background:#f1f1f1;
	text-decoration:none;
	color:#000;
}
.notifi_sce{
	width:400px;
	top:37px;
	right:-5px;
}
.notifi_sce .card-header{
	background:#e9e7e7;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
.notifi_sce .card-body{
	padding-top:0;
	padding-bottom:10px;
	max-height:250px;
	overflow:auto;
}
.notifi_sce .card-footer{
	background:#e9e7e7;
}
.notifi_sce .card-footer .mailinbox_mark_all{
	margin:0 20px;
}
.notifi_sce a:hover{
	text-decoration:none;
}
.notifi_sce .card-footer a:hover{
	color:#488ee0;
}
.notifi_sce .close .fa{
	font-size:16px !important;
	color:#000;
}
.notifi_sce:before{
	background:#e9e7e7;
}
.notifi_sce .badge{
	font-size:12px;
	line-height:19px;
	font-weight:normal;
}
.notifi_sce .btn:hover{
	background:#fff;
}
.notifi_sce table tr td{
	padding:10px 5px;
}
.notifi_sce .mailinbox_badge{
	width:23px;
	height:23px;
	background:#2f5597;
	color:#fff;
	line-height:23px;
	text-transform:uppercase;
	font-size:11px;
	float:left;
	margin:0;
	border-radius:50%;
	text-align:center;
}
.notif_subscribe{
	text-align:center;
	padding:50px 0
}
.notif_subscribe .fa-bell, .notif_subscribe .fa-envelope{
	font-size:60px !important;
}
.notif_subscribe p span{
	display:block;
	font-size:16px;
	font-weight:600;
	color:#464646;
	margin:15px 0 0;
}
/*====header section=====*/
/*=====filter section======*/
.col-filter{
	width:105px;
	margin:0 5px;
}
.w-200{
	width:180px !important;
}
.w-250{
	width:250px !important;
}
.wep-dropdown-wraper{
	width:100%;
}
.wep-dropdown-btn{
	text-align:left;
	background:#fff !important;
	border-radius:4px;
	color:#4D4F5C;
	position:relative;
	overflow:hidden;
	text-overflow:ellipsis;
}
.filter_section .wep-dropdown-btn{
	box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1);
	padding:9px 8px;
}
.wep-dropdown-btn .caret{
	position:absolute;
	right:5px;
}
.wep-dropdown-btn .caret .fa{
	font-size:12px !important;
	color:#afafaf;
}
.dropdown-toggle:after{
	display:none;
}
.text_box_wrap{
	color:#afafaf;
}
.text_box_wrap .date_range{
	padding-left:25px;
}
.dropdown-item{
	font-size:13px;
	color:#333;
	padding:.45rem 1rem;
}
.dropdown-menu{
	z-index:1050;
	max-height:280px;
	overflow-y:auto;
}
.dropdown-item:hover{
	background-color:#efeeee;
}
.text_box_wrap .fa_icon{
	top:10px;
	left:10px;
	z-index:9;
}
.filter_section .dropDown_listInner{
	width:580px;
}
.filter_section .dropDown_listInner ul{
	z-index:1;
	padding:6px;
	text-align:left;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.filter_section .dropDown_listInner ul li{
	width:33%;
	position:relative;
}
.filter_section .dropDown_listInner ul li a{
	display:block;
	font-size:13px;
	line-height:19px;
	text-align:left;
	color:#707179;
	padding:5px 15px;
}
.filter_section .dropDown_listInner ul li ul li{
	width:100%;
}
.filter_section .dropDown_listInner ul li a:hover, .filter_section .dropDown_listInner ul li a.active{
	color:#007bff;
	text-decoration:none;
}
/*=====filter section======*/
/*===table action select====*/
.action_wrap{
	width:calc(100% - 50px);
	background:#f0f0f0;
	padding:3px 5px 3px 5px;
	border-top:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6;
	position:absolute;
	top:0;
	left:58px;
	z-index:100;
}
.action-wrap-area.sticky-top{
	top:79px;
	display:none;
	z-index:100;
}
.action_wrap .action_group{
	width:275px;
	height:38px;
	border:1px solid #c4ccd5;
	background:#fff;
	border-radius:5px;
}
.action_wrap .number_select{
	width:40%;
	display:inline-block;
	padding:8px;
	text-align: center;
	color:#28367a;
	font-weight:bold;
	border-right:1px solid #c4ccd5;
}
.action_wrap .dropdown_wrap{
	display:inline-block;
	width:58%;
}
.action_wrap .dropdown_wrap .btn{
	text-align:left;
	background:#fff;
	border:0 !important;
}
#sticky-thead .custom-control{
	padding-left: 1.1rem !important;
}
/*===table action select====*/
.table-scroll{
	position:relative;
	max-width:100%;
}
.table-wrap{
	overflow-x:scroll;
    overflow-y:visible;
}
.table-head{
	position:sticky;
	top:79px;
	left:0;
	z-index:99;
	-ms-overflow-style:none;
	scrollbar-width:none;
}
.table-head::-webkit-scrollbar{display:none;}
.table-wrap .table{
	margin:0;
	border-collapse: separate; /* Don't collapse */
  	border-spacing:0;
  	max-width:none;
}
.table-wrap .table thead th{
	background:#f0f0f0;
	border-bottom:1px solid #dee2e6;
}
.fixed-col{
	position:sticky;
	width:50px;
	left:0;
	top:auto;
	z-index:10;
	overflow:hidden;
	background:#fff;
}
.fixed-order{
	width:120px;
	left:50px;
	z-index:10;
}
.table-body{
	overflow-x: auto;
	overscroll-behavior-x: contain;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.table-body::-webkit-scrollbar {display:none;}
@supports ((position: -webkit-sticky) or (position: sticky)) {
 .sticky-bot {
    position: -webkit-sticky;
    position: sticky;
    bottom:0;
    z-index: 99;
  }
}
.scrollbar_in{
	overflow-x: scroll;
	width: 100%;
	margin: 0;
	padding: 0;
}
.custom-control{
	min-height:20px;
	height:20px;
}
.custom-control-label:before{
	content:"";
	background:#fff;
	position:absolute;
	top:0;
	border:2px solid #28367a;
	border-radius:5px;
	width:20px;
	height:20px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before{
	background-color:#fff;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after{
	content:"\f00c";
	font-family:'FontAwesome';
	color:#28367a;
	background-image:none;
}
.custom-control-label:after{
	width:20px;
	height:20px;
	text-align:center;	
	position: absolute;
	top:1px;
	left:-1.5rem;
	display:block;
}
/*===sorting css===*/

/*.tbl_headings th.sorting_asc:after{
  content:"\f0de";
  margin-left:10px;
  font-family:fontawesome;
  cursor:pointer;
}
.tbl_headings th.sorting_desc:after{
  content:"\f0dd";
  margin-left:10px;
  font-family:fontawesome;
  cursor:pointer;
}
.tbl_headings th.sorting:after{
  content:"\f0dc";
  margin-left:10px;
  font-family:fontawesome !important;
  cursor:pointer;
  color:rgba(50, 50, 50, 0.5); 
}*/
.tbl_headings th.sorting_desc:after, .tbl_headings th.sorting_asc:after{
  content:"";
  margin-left:5px;
  background:url(../images/arrow-swap.svg) no-repeat 0 0;
  cursor:pointer;
  color:rgba(50, 50, 50, 0.5);
  width:18px;
  height:19px;
  position:absolute;
  display:inline-block;
}
.tbl_headings.sticky-top{
	z-index:10;
	top:79px;
	background:#f0f0f0 !important;
}
/*===sorting css===*/
/*===Column css===*/
.coulmn-control-wrap.sticky-top {
	top: 79px;
	display: none;
	z-index: 101;
	left: 0;
}
.coulmn-adjuct-control {
	position: absolute;
	margin: 7px 8px;
	padding: 5px 8px;
	background-color: #f9f9f9;
	border: 1px solid #cdcdcd;
	border-radius: 5px;
	color: #7d7d8a;
	font-size: 20px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
.column-popup-content {
	position: relative;
	display: flex;
	padding: 0 0 10px 50px;
	height: 60px;
	font-size: 14px;
	text-align: left;
	align-items: center;
}
.column-popup-content i {
	position: absolute;
	top: 8px;
	left: 4px;
	font-size: 35px;
	color: #cacaca;
}
.column_width_save {
	margin-left: 4px;
}
/*===pagination=====*/
.pagination{
	padding:50px 0;
	display:block;
}
.pagination ul{
	text-align:left;
}
.pagination ul li{
	display:inline-block;
	margin:0 5px;
}
.pagination ul li a{
	border:1px solid #d4d4d6;
	color: #a6a7ad;
	border-radius:5px;
	padding:10px 13px;
}
.pagination ul li a:hover, .pagination ul li a.active{
	border-color:#000;
	color:#000;
	text-decoration:none;
}
.page-input{
	height: 38px;
	width: 47px;
}
.pagination .showing-text{
	color:#826CA5;
}
/*===pagination=====*/
/*======loader css=======*/		
.loader_wrap{
	display:none;
}
.loader_wrap .loader_inner{
	background:rgba(255, 255, 255, 0.7);
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:9999;
	display:flex;
}
.loader_wrap .loader_inner .loader{
	border:6px solid #dddddd;
	border-top:6px solid #3498db;
	border-radius:50%;
	width:60px;
	height:60px;
	animation:spin 1s linear infinite;
	margin:auto;
}
@keyframes spin{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/*======loader css=======*/

.order-icons .order-icon{
	margin:0 3px;
}
.order-icons .order-icon img{
	width:21px;
}
.order-icons .order-icon .fa{
	font-size:19px;
	color:#666;
}
.order-icons .round-span{
	width:21px;
	height:21px;
	border-radius:50%;
	background:#666;
	color:#fff;
	line-height:21px;
	text-align:center;
}
.modal-header .close span{
	font-size:14px;
}

/*====color bg====*/
.return .badge{background:#FFA500 !important; color:#fff;}
.return .fa{color:#FFA500;}
.wait_for_inventory .badge{border: 1px solid #F4BB81 !important; color:#F4BB81 !important;}
.wait_for_inventory .fa{color:#F4BB81 !important;}
.item_issue .badge{background:#FF0000 !important; color:#fff;}
.item_issue .fa{color:#FF0000 !important;}
.production_issue .badge{background:#FF0000 !important; color:#fff;}
.production_issue .fa{color:#FF0000 !important;}
.incorrect_address .badge{background:#FC635D !important; color:#fff;}
.incorrect_address .fa{color:#FC635D;}
.address_corrected .badge{background:#6ED67A !important; color:#fff;}
.address_corrected .fa{color:#6ED67A;}
.cust_art_issue .badge{background:#FC635D !important; color:#fff;}
.cust_art_issue .fa{color:#FC635D !important;}
.redo .badge{background:#FFCE02 !important; color:#fff;}
.redo .fa{color:#FFCE02;}
.new_art .badge{background:#91DB8E !important; color:#fff;}
.new_art .fa{color:#91DB8E;}
.art_complete .badge{background:#7EDC7F !important;} 
.art_complete .fa{color:#7EDC7F;} 
.vendor_assigned .badge{background:#6c89fa !important; color:#fff;} 
.vendor_assigned .fa{color:#6c89fa;} 
.assigned .badge{background:#5D7CFC !important; color:#fff;}
.assigned .fa{color:#5D7CFC;}
.pre_order .badge{background:#4B0082 !important; color:#fff;}
.pre_order .fa{color:#4B0082;}

.production_assigned .badge{background:#D66E96 !important; color:#fff;} 
.production_assigned .fa{color:#D66E96;} 
.ready_to_pick .badge{background:#008B8B !important; color:#fff;}
.ready_to_pick .fa{color:#008B8B;}
.in_art .badge{background:#84DDFF !important;} 
.in_art .fa{color:#84DDFF;} 
.to_be_picked .badge{background:#002FAF !important;} 
.to_be_picked .fa{color:#002FAF;} 
.picked .badge{background:#0B74C1 !important; color:#fff;}
.picked .fa{color:#0B74C1;}
.qc .badge{background:#FFCF05 !important; color:#fff;}
.qc .fa{color:#FFCF05;}
.reprint .badge, .customer_reprint_request .badge{background:#FFE600 !important; color:#000 !important;}
.reprint .fa, .customer_reprint_request .fa{color:#FFE600;}
.cust_art_issue_resolved .badge{background:#6ED67A !important; color:#fff !important;} 
.cust_art_issue_resolved .fa{color:#6ED67A;} 
.fulfilled .badge{background:#E0E3E8 !important; color:#000 !important;}
.fulfilled .fa{color:#E0E3E8;}
.permanent_hold .badge{background:#FFB72F !important; color:#fff !important;} 
.permanent_hold .fa{color:#FFB72F;} 
.on_hold .badge{background:#fcd9b7 !important;}
.on_hold .fa{color:#fcd9b7;}

.cancelled .badge{background:#B22222 !important;}
.decorated .badge{background:#0EB120 !important; color:#fff;}
.decorated .fa{color:#0EB120 !important;}
.in_production .badge{background:#BFECF7 !important; color:#000 !important;}
.in_transit .badge {background:#70BAAE !important; color:#FFF;} 
.in_transit .fa{color:#70BAAE !important; } 
.pick_printed .badge{background:#8B008B !important;}
.printed .badge{background:#FFD35A !important;} 
.printed .fa{color:#FFD35A !important;} 
.production_assigned_emp .badge{background:#926ED6 !important;} 
.production_assigned_emp .fa{color:#926ED6 !important;} 
.qc_complete .badge{background:#7DC650 !important;} 
.qc_complete .fa{color:#7DC650 !important;} 
.refunded .badge{background:#4682B4 !important;}
.sent_to_vendor .badge{background:#4169E1 !important; color:#FFFFFF !important}
.waiting_for_customer_feedback .badge{background:#CD853F !important;}
.wait_for_cust_feedback .badge{background:#D6926E !important;}
.wait_for_cust_feedback .fa{color:#D6926E !important;} 
.reshipped .badge{background:#2C7645; color:#fff;}
.reshipped .fa {color:#2C7645;}
.wait_for_production .badge{background:#FF64C3; color:#fff;}
.wait_for_production .fa {color:#FF64C3;}


.printed .badge, .to_be_picked .badge, .in_art .badge, .qc_complete .badge, .production_assigned_emp .badge, .art_complete .badge,
.wait_for_cust_feedback .badge{color:#fff; }
.hold .badge{background:#FFB102; color:#fff;  }
.hold .fa{color:#FFB102;}
.in_production i, .reprint .fa{position:relative; top:1px;}
.in_production i{color:#BFECF7;}
.new_production .badge {background:#329BF5;  color:#fff;}
.new_production  .fa{color:#329BF5;}
.archived .badge{background:#A2A2A2; color:#fff;  }
.archived .fa{color:#A2A2A2; }
.production_qced .badge{background:#00b0f0 !important; color:#fff !important;}
.production_qced .fa{color:#00b0f0 !important; }
.partial_production_qc .badge{background:#489ebd !important; color:#fff !important;}
.partial_production_qc .fa{color:#489ebd !important; }
.not_synced .badge {background-color:#800080 !important;color: #fff;}
.picking_issue .badge {border: 1px solid #f00 !important; color: #f00 !important;}
.pretreating .badge{background:#6fb7ff !important; color:#fff;}
.pretreated .badge{background:#0080ff !important; color:#fff;}
.decorating .badge{background:#c4b5ff !important; color:#fff;}
.decorated .badge{background:#7b58ff !important; color:#fff;}
.dispatch_issue .badge{background:#FF0000 !important; color:#fff;}
.dispatch_issue .fa{color:#FF0000 !important;}
.pretreat_issue .badge{background:#FF0000 !important; color:#fff;}
.pretreat_issue .fa{color:#FF0000 !important;}
/*====color bg====*/

/*====details page =======*/
.reimport-wrapper .addr_btn{
	border:2px solid #192b79;
	color:#192b79;
}
.img-small{
	max-width:40px;
}
.activity_search{
	width:230px;
	position:relative;
}
.activity_search .fa{
	position:absolute;
	top:7px;
	left:10px;
	font-size:19px;
	color:#BCBCCB;
}
.activity_search .form-control{
	padding-left:35px
}
.activity_wrap .comme_date_line{
	border-bottom:1px solid #bbb;
	text-align:center;
}
.activity_wrap .comme_date_line span{
	color:#828282;
    font-size:15px;
    background:#fafafa;
	padding:8px 15px;
    position:relative;
    top:10px;
}
.comment_wrap ul{
	margin:0 0 20px 0;
}
.comment_wrap ul li{
	position:relative;
}
.comment_wrap ul li:last-child{
	margin-bottom:0;
}
.comm_user_img{
	width:32px;
	height:32px;
	border:1px solid #192b79;
	border-radius:50%;
	position:absolute;
	top:0;
	left:0;
	font-size:16px;
	line-height:30px;
	color:#192b79;
	font-weight:600;
	text-align:center;
	overflow:hidden;
}
.comm_user_img img{
	width:32px;
	height:32px;
	display:block;
	border-radius:50%;
}
.comment_wrap .user_comment_text{
	margin-bottom:20px;
	padding-left:50px;
}
.comment_wrap .user_comment_text .user_comment_msg{
	color:#a9a9a9;
}
.var{
	background:#2082df !important;
	border-color:#2082df !important;
	color:#fff;
	padding:1px 5px !important;
}
.comment_wrap .user_comment_reply{
	padding-left:50px;
	margin-bottom:20px;
}

/*------------------------Editor------------------------*/
.comment_area {
	resize:vertical;
	overflow:auto;
	line-height:1.5;
	background-color:#fafafa;
	background-image:none;
	border:0;
	min-height:100px;
	box-shadow:none;
	padding:8px 16px 8px 50px;
	margin:0 auto;
	font-size:13px;
	transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.comment_area:focus{
	background-color: #f0f0f0;
	border-color: #38af5b;
	box-shadow: none;
	outline: 0 none;
}
.comment_area ul, .user_comment_msg ul{
	margin-left:12px;
	list-style-type:disc;
}
.comment_area ol, .user_comment_msg ol{
	margin-left:12px;
}
.custom_editor_wrap .editor_control_blk{
	background:#fff;
	border-bottom:1px solid #ddd;
	border-radius:3px 3px 0 0;
}
.custom_editor_wrap .editor_control_blk .btn{
	font-size:11px;
	color:#3f3f3f;
}
.custom_editor_wrap .comm_user_img{
	top:40px;
	left:10px;
}
/*====details page =======*/

/*====comments tooltip=====*/
.cmmntPersion_details{
	position:absolute;
	width:350px;
	background:#fff;
	z-index:100;
	padding:12px;
	border-radius:8px;
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
	display:none;
	top:24px;
}
.cmmntPersion_details:after{
	position:absolute;
	content:"";
	top:0px;
	left:48px;
	width:26px;
	height:12px;
	background:#fff;
	transform:rotate(45deg);
}
.cmmntPersion_details .cmmntPersion_header{
	border-bottom:1px solid #D9E3F4;
	padding:0 5px 7px;
}
.cmmntPersion_details .cmmntPersion_header p{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	color:#3B434F;
	font-weight:600;
	font-size:14px;
}
.cmmntPersion_details .cmmntPersion_header span span{
	color:#566AE5;
	cursor:pointer;
	text-decoration:underline;
	margin-left:5px;
}
.cmmntPersion_details .cmmntPersion_header p .copy_info{
	text-decoration:none;
}
.cmmntPersion_details .cmmntPersion_body{
	position:relative;
	padding:10px 10px 10px 65px;
}
.cmmntPersion_details .cmmntPersion_body .avatar{
	width:32px;
	height:32px;
	border:1px solid #192b79;
	border-radius:50%;
	position:absolute;
	top:20px;
	left:10px;
	font-size:16px;
	line-height:30px;
	color:#39414D;
	font-weight:600;
	text-align:center;
	overflow:hidden;
}
.cmmntPersion_details .cmmntPersion_body .avatar img{
	width:32px;
	height:32px;
	display:block;
	border-radius:50%;
}
.cmmntPersion_details .cmmntPersion_body .cmmntPersion_body_rht p{
	padding:0 0 0 18px;
	position:relative;
}
.cmmntPersion_details .cmmntPersion_body .cmmntPersion_body_rht .fa{
	position:absolute;
	left:0;
	top:5px;
}
/*====comments tooltip=====*/

.customer_file_history .title{
	border:1px solid #ddd;
	border-radius:3px;
	padding:5px 10px;
	background:#f0f0f0;
	font-weight:700;
}
.customer_file_history .title span{
	float:right;
	border-left:1px solid #ccc;
	padding-left:10px;
	font-size:18px;
	cursor:pointer;
}
.customer_file_history .customer_file_imgText{
	padding:5px;
	border:1px solid #ddd;
	border-top:0;
}
.customer_file_history .customer_file_imgText:nth-child(2){
	background:#f0f0f0;
}

/*==== Production Select Multy Website Dropdown Start =====*/
.customSelect_show_block {
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	padding:8px;  
	border-radius: 4px;
	cursor:pointer; 
}
.customSelect_value_show{
	width: 90%;
}
.customSelect_arrow_down.float-left {
	color:#afafaf;
	font-size: 14px;
	width:10%;
	margin:2px 0 0;
}
.custom_selected_list {
	display:none;    
	margin:-1px 0 0;
	border: 1px solid #1e90ff;
	box-shadow: inherit;    
	z-index:999; 
}
.custom_selected_list .selected_list {
	width: 228px;
	padding: 6px 11px 6px 15px; 
}
.custom_selected_list .selected_list label{
	color:#4D4F5C;
	font-size:13px;
	line-height:26px;
	letter-spacing:0.2px;
	padding-left:17px;	
}
.custom_selected_list .selected_list label input{opacity:0; }
.custom_selected_list .selected_list label span{
	border: 1px solid #707070;
	border-radius: 4px;
	width:17px;
	height:17px;
	left:20px;
	margin:4px 0 0 0;    
}
.custom_selected_list .selected_list:hover {
	background: #0078d7;
	color: #fff;
}
.custom_selected_list .selected_list:hover label{color:#fff;}
.custom_selected_list .selected_list:hover label span {
	border: 1px solid #fff;
}
.custom_selected_list .selected_list label span:before {
content: "";
position: absolute;
width: 2px;
height: 8px;
background: #000;
top: 3px;
left: 7px;
transform: rotate(40deg);
display: none;
}
.custom_selected_list .selected_list label span:after {
	content: "";
	position: absolute;
	top: 6px;
	left:4px;
	background: #000;
	width: 2px;
	height: 3px;
	transform: rotate(-56deg);
	display: none;
}

.custom_selected_list .selected_list label input:checked ~ span:before, .custom_selected_list .selected_list label input:checked ~ span:after {
	display: block;
}
	
.custom_selected_list .selected_list:hover label input:checked ~ span:after, .custom_selected_list .selected_list:hover label input:checked ~ span:before{background:#fff; }

/*==== Production Select Multy Website Dropdown End =======*/

/*==== Shipping Tab Panel Start =======*/
.shipping-btn .firstBtn {
	background: #2f5597; 
	border-radius: 5px;
	padding: 9px 14px;
	font-size:15px;
	text-decoration:none;    
}
.wep-tabs.wep-tabs-shipping {
	border-bottom: 1px solid #e6e6e6;   
	margin:0 0 0 24px;
	width:652px;
}
.wep-tabs.wep-tabs-shipping .wep-setting-tab{
	background: none;
	color: #000;
	border-radius: 0px;
	padding:9px 17px;
	border-bottom: 2px solid transparent;
	font-family: 'DM Sans', sans-serif;
	font-weight:500;
}
.wep-tabs.wep-tabs-shipping .wep-setting-tab:hover, .wep-tabs.wep-tabs-shipping .wep-setting-tab.active {
	color: #488ee0;
	border-bottom: 2px solid #488ee0;
	text-decoration:none; 
}
/*==== Shipping Tab Panel End =======*/

/*==== Buttons css start =======*/
 .prdBtn_group .btn{font-size:15px;}
 .table_PD_btn_group .btn.printedB{width:120px;}
 .table_PD_btn_group .decoratedB{width:115px;}
/*==== Buttons css end =======*/

/*==== Art QC View css Start =======*/
.qc_customer_imgList ul li{border:1px solid #e0e0e0;}
.qc_customer_imgList ul li img {min-height:100px; max-height:210px;}
.qcTitle { font-weight:600; font-size:22px;}
.artQc_chk_list li {font-weight:600; font-size:17px;}
.artQc_chk_list li label {cursor:pointer;}
.artQc_chk_list li label input { opacity: 0;}
.artQc_chk_list li span {width:18px; height:17px; border:2px solid#000; left:0;}
.artQc_chk_list li span:before, .artQc_chk_list li span:after {
	content: ""; position:absolute; width:2px; height:8px; background:#000;
	top: 3px; left:7px; transform: rotate(40deg); display:none;
	}
.artQc_chk_list li span:after {top:6px; left:4px; width:2px; height:3px; transform:rotate(-56deg);}
.artQc_chk_list li label input:checked ~ span:after, .artQc_chk_list li label input:checked ~ span:before {display:block;}
.qcBtn_area .btn{font-size:18px;}
.qcBtn_area .btn.qc_compBtn{background:#00b050;}
.qcBtn_area .btn.return_btn{background:#ff0000}
/*==== Art QC View css End =======*/

/*==== Picking View css Start =======*/
.pickingDetails_text_group p {font-size:23px; font-weight:600;}
.pickingDetails_rht .adjutment_new, .pickingDetails_rht .adjutment{font-size:20px; font-weight:600; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3); background:#192b79; }
.top_barCode_order p {font-weight:600;  font-size:17px;}
.pickingDetails_block_multiple .pickingDetails_text_group p {font-size: 17px; font-weight:600;}
.wep-center-popup-content .popup-head .orderBtn { background:#192b79; font-size: 15px;}
/*==== Picking View css End =======*/

/*==== Shipping View css Start =======*/
.shipping_form_group label{font-size:20px; color:#1c1c1c; font-weight:600;}
.shipping_address p {font-size:15px; line-height:19px; color:#1c1c1c; font-weight:600;}
.shipping_form_group .form-control, .shipping_form_group .select-style{border:1px solid #1c1c1c;}
.shipping_form_group .shipping_formRht{font-size:14px;}
.shipping_details_midd .shipping_address_btn_holder a{font-size:16px; }
p.ozText {font-size:15px; font-weight:600;}
.picking_picked_next_btn .nextBtn{font-size:21px; font-weight:600; background:#2f5597; }
.print_label_disp{font-size:15px; font-weight:600; color:#000; }
.shipping_form_group .edit_addr_inputBlock label{font-size:14px; font-weight:400; color:#000;}
.shipping_form_group .edit_addr_inputBlock .form-control{border:1px solid #c8c8c8;}
.edit_addr_inputBlock .btn{font-size:15px;}
.order_tab a {  
    font-size: 12px; 
    background:#f0f0f0;
}
.shipping_printed_imgArea .order_tab a:hover, .order_tab a.active {
    background: #3c3c3c;
    color:#fff !important;
}
/*==== Shipping View css Start =======*/


/*==== Address Verification View css start =======*/
.address_verificationBox{border:1px solid #d6d5d5;}
.edit_addr_inputBlock input[type="text"].not-allowed {cursor:not-allowed;}
.edit_addr_inputBlock{color:#000; font-weight:bold; font-size:15px;}
.wep-center-popupLft h2, .wep-center-popupRht h2{font-size:19px;}
.updateChk {color:#000; font-weight:600; font-size:15px;}
/*==== Address Verification View css End =======*/

.wep-tabs .wep-setting-tab{
	background:#d9d9d9;
	color:#000;
	padding:7px 18px;
	border-radius:0px 10px 0px 0px;
	display:inline-block;
	margin:0 0 5px;
}
.wep-tabs .active{
	background:#0069d9;
	color:#fff;
}

.cs_nextPrev_link li a.disabled{ cursor: not-allowed !important; }

.comment_wrap .user_comment_text .user_comment_msg div{ width: 100%; overflow: auto; }
.comment_wrap .user_comment_text .user_comment_msg .img-overflow, .comment_wrap .user_comment_text .user_comment_msg .img-thumbnail, .comment_wrap .user_comment_text .user_comment_msg .row{ width: auto; overflow: inherit;}

/*==== css datable-wrap-styleshboard start 06-11-2020 =======*/
.valueList_title {color:#000; font-weight:600; margin-bottom:.5rem;}
.patrick_number p, .patrick_date .col-filter label{color:#5e5e5e; font-size:22px; }
.patrick_date .col-filter label{margin-bottom:1rem !important;}
.tableListModule.production_border tr td {border-right:2px solid #d6d5d5; border-top:none; border-bottom:1px solid #dfe3e8;}
.table-wrap .tableListModule thead th, .table-wrap-style .tableListModule thead th{border-right:2px solid #d6d5d5;}
.table-wrap .tableListModule thead th:last-child, .table-wrap-style .tableListModule thead th:last-child{border-right:none;}
.tableListModule.production_border tr .production_borderRight_none{border-right:none;}
.dashboard_container_new .tableListModule tr td{text-align:center;}
.dashboard_container_new .valueList_title{font-weight:400;}
.table-wrap .table thead th:first-child, .table-wrap-style .table thead th:first-child{border-bottom:none;}
.tableListModule.production_border tr td:last-child{border-right:none;}
.table-wrap .table thead th, .table-wrap-style .table thead th{border-top:none; color:#000; font-weight:600; font-size:14px; text-align:center;}
.tableListModule tbody .grey-row {background:#f1f2f3;}
.tableListModule tbody tr:hover {background:#f7f9fa; cursor:pointer;}
.tableListModule {margin: 40px 0 38px !important;}
.tableListModule tbody tr:hover td:first-child, .tableListModule tbody tr.active td:first-child {background:#fff;}
.accordionClick .arrow_acc{position:relative; font-size:18px; left:0; top:1px; display:inline-block; margin:0 5px 0 0;}
.accordionClick td {color:#3f3f3f !important; font-size:15px !important; position:relative;}
.dashboard_container_new .tableListModule .accordionClick td {text-align:center; padding:15px 6px !important;}
.dashboard_need_to_order_module .valueList_title {color:#5e5e5e; font-weight:normal; font-size: 25px;}
.need_order_box {border:1px solid #d5d5d5; margin: 28px 0 0;}
.need_to_order_no {background:#f6f6f5; color:#000; font-weight:600; font-size:15px; padding:9px;}
.need_order_scroll {overflow:scroll; overflow-x:hidden;}
.need_order_information {height:135px;}
.need_order_list {padding:2px 10px; font-size:14px; border-bottom:1px solid #d5d5d5; font-weight:600;}
.need_order_list p {color:#2159a8; margin:5px 0;}
.need_order_list p span {color:#000;}
.accordionClick {    background: #cbcaca !important;}
/*==== css dashboard end 06-11-2020 =======*/
/* nov 09, 2020 dashboard_new css start */ 
.dashboard_rhtBlock .valueList_title {color:#000; font-weight:600; font-size:22px;}
.dashboard_rhtBlock .dashboard_valueList li .value_number {font-size:24px; font-weight:600;}
.dashboard_rhtBlock .dashboard_valueList li span {font-size:19px; margin:10px 0 0;}
/* nov 09, 2020 dashboard_new css end */


/*=====edit hover effect=====*/
.hover_wrap{
	width:100%;
	height:100%;
	position:absolute;
	text-align:right;
	top:0;
	right:0;
	padding:3px 0;
}
.hover_wrap .activeSelect{
	padding-right:38px;
}
.ac_details_tbl .hover_wrap .edit_pencil{
	position:relative;
	top:9px;
	display:none;
	float:right;
}
.ac_details_tbl tr td:hover .hover_wrap .edit_pencil{
	display:block;
}
.hover_wrap .edit_wrap .closeEdit, .hover_wrap .edit_wrap .saveEdit{
	position:absolute;
	font-size:14px;
	top:10px;
	right:5px;
}
.hover_wrap .edit_wrap .closeEdit{
	right:21px;
}
/*=====edit hover effect=====*/

/*===== 18-11-2020 css start =====*/
.custom-file-label{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:75px;}
/*===== 18-11-2020 css end =====*/

/*=====edit hover effect=====*/
.hover_wrap{
	width:100%;
	height:100%;
	position:absolute;
	text-align:right;
	top:0;
	right:0;
	padding:3px 0;
}
.hover_wrap .activeSelect{
	padding-right:38px;
}
.ac_details_tbl .hover_wrap .edit_pencil{
	position:relative;
	top:9px;
	display:none;
}
.ac_details_tbl tr td:hover .hover_wrap .edit_pencil{
	display:block;
}
.hover_wrap .edit_wrap .closeEdit, .hover_wrap .edit_wrap .saveEdit{
	position:absolute;
	font-size:14px;
	top:10px;
	right:5px;
}
.hover_wrap .edit_wrap .closeEdit{
	right:21px;
}
/*=====edit hover effect=====*/

/*====status style=====*/
.project_status{
	display:flex;
	flex-wrap:wrap;
	margin-left:-5px;
	margin-right:-5px;
}
.project_status .status_col{
	padding:0 10px;
	flex:0 0 12%;
}
.project_status .status_col .status_inn{
	flex-wrap:wrap;
	border:1px solid #e7e8ed;
	border-radius:6px;
	height:68px;
	color:#5990e8;
	font-size:20px;
	font-weight:bold;
	padding:10px 0;
}
.project_status .status_col .status_inn span{
	flex:0 0 100%;
	text-align:center;
	color:#7f7f7f;
	font-size:15px;
}
.head_title_wrap{
	display:flex;
}
.head_title_wrap .top_tab_menu{
	padding:5px 0 0 30px;
}
.head_title_wrap .top_tab_menu li{
	float:left;
}
.head_title_wrap .top_tab_menu li a{
	border-bottom:2px solid #eee;
	padding:0 30px 10px;
	color:#c6c6c6;
	font-size:16px;
}
.head_title_wrap .top_tab_menu li a:hover, .head_title_wrap .top_tab_menu li a.active{
	border-color:#5990e8;
	color:#5990e8;
	text-decoration:none;
}

/*====start css 17-12-2020 style=====*/
.dropdown-search .fa_icon{top:7px !important; font-size:14px !important;}
.filter_section .dropdown-search .wep-dropdown-btn{padding:7px 8px;}

/* ==== header rows thinner css start =====*/
.table-head th .resize-bar, .table-body td .resize-bar {position:absolute; right:0; width:3px;	bottom:-1px; top:-1px;	cursor:col-resize;}
.table-head th .resize-bar {border-right: 1px solid #d9d9d9;}
/* ==== header rows thinner css end =====*/

/*====end css 17-12-2020 style=====*/

@media (max-width:1400px){
.project_status .status_col{flex:0 0 12%;}
}
@media (max-width:1199px){
.project_status .status_col{flex:0 0 20%;}
}
@media (max-width:991px){
.project_status .status_col{flex:0 0 25%;}
.head_title_wrap .top_tab_menu li a{padding:0 14px 10px;}
.project_status .status_col .status_inn span{font-size:14px;}
.col-filter{margin-top:12px;}
}
@media (max-width:767px){
.project_status .status_col{flex:0 0 50%;}
.head_title_wrap{flex-wrap:wrap;}
.head_title_wrap .top_tab_menu{padding:15px 0 0 0; flex: 0 0 100%;}
.head_title_wrap .top_tab_menu li{width:33.33%;}
.head_title_wrap .top_tab_menu li a{width:100%;display:block; text-align:center;}
}
/*====status style=====*/
/*==== dropdown search icon start =====*/
.dropdown-search .fa_icon{top:7px !important; font-size:14px !important;}
.filter_section .dropdown-search .wep-dropdown-btn{padding:7px 8px;}
/*==== dropdown search icon end =====*/


.wep-dropdownNew-design.show .dropdown-menu.show{transform: translate3d(0px, 28px, 0px) !important;}
.wep-dropdownNew-design.show button.dropdown-toggle {
    position: relative;
    z-index: 5555;
    border-radius: 4px 4px 0px 0;
    border-bottom: none !important;
    box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.1);
}
.wep-dropdownNew-design .dropdown-item{font-size:16px; color:#949393; text-align:center;}
.wep-dropdownNew-design .dropdown-search .wep-dropdown-btn{text-align:center !important;}
.wep-dropdownNew-design ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #c1c1c1;
}
.wep-dropdownNew-design :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c1c1c1;
}
.wep-dropdownNew-design ::-ms-input-placeholder { /* Microsoft Edge */
  color: #c1c1c1;
}
.wep-dropdownNew-design .text_box_wrap .fa_icon{left:28px;}


/*==== start css 31-03-2021 =====*/
.side_bar_nav{width:262px;}
.main_content_area{padding-left:262px;}
.side_bar_nav .logo{padding:16px 26px;}
.menu_section .badge{padding:3px 7px; font-size:85%; margin:2px 0 0 0;}
/*==== end css 31-03-2021 =====*/


/*===========new page style=========*/
.bg-page{background:#FBF9FF !important;}
.page_padding{padding:25px !important;}

/*===========new page style=========*/


@media print  {
     p.bodyText {font-family:verdana, arial, sans-serif;}
    .picking_barCode_top2, .picking_barCode_bottom2{float:left; width:100%; margin:0 0 0; vertical-align: top;}
	.barCode_sku_lft2{float:left; width:58%; margin-right:2%; margin-top:20px; padding-top:28px;}
	.barCode_website_rht2{float:left; width:39%; vertical-align: top;}
	.top_barCode_order2 p, .bottom_barCode_order2 p{font-weight:600; font-size:40px; color:#000;}
	.pickingDetails_block_multiple .pickingDetails_text_group2 p span{font-size:40px;}
	.barCode_order2, .barCode_img2{display:inline-block;}
	.barCode_img2{width:450px; margin:16px 0 22px;}
	.barCode_img2 img{width:100%;}
	.top_barCod_order2{margin:0 0 18px;}
	.bottom_barCode_order2 .barCode_order2, .bottom_barCode_order2 .barCode_img2{width:100%; display:block; margin-bottom:22px; float:left;}
	.bottom_barCode_order2 .barCode_img2 img{width:100%;}
	.bottom_barCode_order2{float:left; width:100%; margin:32px 0 10px;}
	.pickingDetails_text_group2{margin:22px 0 22px;}
	.pickingDetails_text_group2 p{font-size:40px; margin-top:28px;}
	.pickingDetails_text_group2 p.my-2 {font-size:40px; margin:18px 0 28px !important;}
	.pickingDetails_block_multiple .pickingDetails_text_group2 p{margin:0; padding:0;}
	
	/*Bootstrap Layout*/
	p, .col-4, .col-6, .col-8{font-size:27pt; line-height:34px;}
	.col-6{font-weight:bold;}
	.col-6 p{font-weight:normal;}
	.img-fluid{margin-bottom:20px; margin-top:5px; width:94%; height:66px; }
}

/*-------------Accordion Layout--------------*/
.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	
}
.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: #333;
}
.panel-title a { text-decoration:none; color:#333;}
.panel-body {border: 1px solid #ddd; padding: 15px; border-top:none;}
.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'FontAwesome';  /* essential for enabling glyphicon */
	content: "\f107";    /* adjust as needed, taken from bootstrap.css */
	float: right;        /* adjust as needed */
	color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	font-family: 'FontAwesome';
	content: "\f105";    /* adjust as needed, taken from bootstrap.css */
}
.panel-body .switch{left:15px;}
.slide_collapse .admin_lft_menu li i{font-size:22px;}
.slide_collapse .product-icon{
	width:20px !important; 
	height:19px; 
	background-size:cover;
}
.slide_collapse .admin_lft_menu li .dashboard-icon{
	background-size:cover; 
	width:18px; height:18px;
}
.slide_collapse .resources-icon{
	height: 19px;
    width: 20px !important;
    background-size: cover;
}
img.lazy {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.custom-disabled{pointer-events:none; color:#adacac !important}

/* START 11-03-2022 */
.admin_lft_menu .sales-icon, .admin_lft_menu .production-icon, .admin_lft_menu .products-icon, .admin_lft_menu 
 .finance-icon, .admin_lft_menu .resources-icon{height:18px;}

 .admin_lft_menu .sales-icon{background:url('/wep-resource/images/Sales.svg') no-repeat;}
 .admin_lft_menu .production-icon{background:url('/wep-resource/images/Production.svg') no-repeat;}
 .admin_lft_menu .products-icon{background:url('/wep-resource/images/Products.svg') no-repeat;}
 .admin_lft_menu .finance-icon{background:url('/wep-resource/images/Finance.svg') no-repeat;}
 .admin_lft_menu .resources-icon{background:url('/wep-resource/images/Resources.svg') no-repeat;}
/* END 11-03-2022 */
.swatch_circle{width:20px;height:20px; border-radius:50%;background:#fff; display:inline-block;outline:1px solid #bbb; outline-offset:2px;}
.tooltip-inner{background-color:#fff !important;color:#333; border: 1px solid #ccc; border-radius: 5px !important;min-height:34px;}
.tooltip .arrow::before{display:none;border-top-color:#036 !important;border-left-color:#036 !important;}
.tooltip.show{opacity:1 !important;}

.danger-badge{background:#ffebeb; color:#FF3A3A; font-size:14px; border-radius:20px; padding:2px 10px; display:block;}
.ready-badge{background:#e7f7ec; color:#12b443; font-size:14px; border-radius:20px; padding:2px 10px; display:block;}
.btn-blue{background:#001d3d;}

.alert-success{color:#826CA5; background-color:#fff; border-color:#f6f6f7; border-left:3px solid #2563eb; text-transform:uppercase;}

/*=======Customer Module=======*/ 
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.bg-custom-module{
	background:#F7F7FB !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.top_bar{
	background:#F7F7FB;
}
.top_bar .qa_avatar{
	background:#F1F1F4;
	width:28px;
	height:28px;
	line-height:28px;
}
.top_bar .form-control{
	height:39px;
	border-radius:10px;
	color:#9B9BA6;
	border:1px solid #E6E6EA;
	max-width:320px;
}
.top_bar .admin_avatar{
	background:#DBE7FB;
	color:#277EFF;
	font-size:12px;
	line-height:24px;
	height:24px;
	padding:0 12px;
	border-radius:30px;
}
.customer_module{
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	font-family: 'Inter', sans-serif;
	color:#2C2C33;
}
.customer_module .header_top .qa_avatar{
	width:64px;
	height:64px;
	background:#F1F1F4;
	line-height:64px;
}
.customer_module .btn-user{
	width:118px;
	height:40px;
	line-height:30px;
	background:#2462E9;
	border-radius:10px;
	font-size:14px;
	font-weight:500;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}
.customer_module .user_display_tab{
	max-width:510px;
	background:#F7F7FB;
	padding:13px 10px;
	border-radius:12px;
	border:1px solid #E6E6EA;
}
.customer_module .user_display_tab ul{
	gap:10px;
}
.customer_module .user_display_tab ul li a{
	font-size:14px;
	padding:10px 14px;
	border-radius:8px;
	color:#9B9BA6;
}
.customer_module .user_display_tab ul li a:hover, .customer_module .user_display_tab ul li a.active{
	background:#DBE7FB;
	color:#277EFF;
	text-decoration:none;
}
.customer_module .bg_users_panel{
	background:#F7F7FB;
	border:1px solid #E6E6EA;
	border-radius:12px;
	padding:18px;
}
.customer_module .bg_users_panel .form-control{
	height:39px;
	padding:11px 13px;
	background:#F7F7FB;
	color:#9B9BA6;
	border:1px solid #E6E6EA;
	border-radius:10px;
	font-size:14px;
	font-family: 'Inter', sans-serif;
}
.customer_module .bg_users_panel .wep-dropdown-btn{
	height:39px !important;
	padding:11px 13px;
	background:#F7F7FB;
	color:#9B9BA6;
	border:1px solid #E6E6EA;
	border-radius:10px;
	font-size:14px;
	font-family: 'Inter', sans-serif;
}
.customer_module .bg_users_panel .form-control-wrap{
	height:60px;
	padding:5px 13px;
	background:#F7F7FB;
	color:#9B9BA6;
	border:1px solid #E6E6EA;
	border-radius:10px;
}
.customer_module .bg_users_panel .text-box{
	flex:1;
	color:#2C2C33;
	font-size:14px;
	font-family: 'Inter', sans-serif;
	font-weight:500;
	height:100%;
}
.customer_module .bg_users_panel .form-control-wrap .edit_btn{
	background:#F1F1F4;
	padding:11px 15px;
	border-radius:10px;
	font-weight:500;
	color:#2C2C33;
	text-decoration:none;
}
.user_pro_wrap .user_profile{
	border-radius:10px;
}
.user_pro_wrap .status_label{
	min-width:52px;
	height:23px;
	background:#DBE7FB;
	border-radius:30px;
	padding:0 10px;
	font-size:12px;
	line-height:23px;
	color:#277EFF;
}
.user_pro_wrap .user_name_label{
	flex:0 0 auto;
	width:40%;
}
.user_pro_wrap .permission_label{
	width:140px;
	background:#F1F1F4;
	border-radius:10px;
	padding:11px 15px;
	font-size:14px;
	font-weight:500;
	color:#2C2C33;
}
.user_pro_wrap .user_profile img{
	max-width:28px;
	margin-right:12px;
}
.user_pro_wrap .desig_text{
	color:#9B9BA6;
	line-height:18px;
}

.bg_users_panel .btn_cancel{
	border-radius:10px;
	height:39px;
	padding:0 20px;
	background:#F1F1F4;
	font-size:14px;
	font-weight:500;
	font-family: 'Inter', sans-serif;
}
.bg_users_panel .btn_save{
	background:#2462E9;
	color:#fff;
}
.user_created_wrap{
	max-width:930px;
	border-radius:14px;
}
.user_created_wrap .form-control-wrap{
	border:1px dashed #E6E6EA !important;
}
.user_created_wrap .edit_btn{
	background:#DBE7FB !important;
	border-radius:30px !important;
	height:24px;
	line-height:24px;
	padding:0 15px !important;
	color:#277EFF !important;
}
.created_btn_group .btn{
	background:#F1F1F4;
	border-radius:10px;
	padding:11px 15px;
	color:#2C2C33;
	font-size:14px;
	font-weight:500;
	margin:0 5px;
	font-family: 'Inter', sans-serif;
}
.created_btn_group .btn_resend{
	background:#2462E9;
	color:#fff;
}
.customer_module .btn_another_user{
	background:#F1F1F4;
	border-radius:30px;
	padding:5px 15px;
	color:#2C2C33;
	font-size:14px;
	font-weight:500;
	margin:0 5px;
	font-family: 'Inter', sans-serif;
}
.customer_module .btn_another_user.btn_permissions{
	background:#2462E9;
	color:#fff;
}


/*====The switch slider======*/
.user_display_switch .switch{
  position:relative;
  display:inline-block;
  width:44px;
  height:28px;
}
.user_display_switch .switch input{
  opacity:0;
  width:0;
  height:0;
}
.user_display_switch .slider{
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#ccc;
  -webkit-transition:.4s;
  transition:.4s;
}
.user_display_switch .slider:before{
  position:absolute;
  content:"";
  height:18px;
  width:18px;
  left:4px;
  bottom:5px;
  background-color:white;
  -webkit-transition:.4s;
  transition:.4s;
}
.user_display_switch input:checked + .slider{
  background-color:#2462E9;
}
.user_display_switch input:focus + .slider{
  box-shadow:0 0 1px #2462E9;
}
.user_display_switch input:checked + .slider:before{
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.user_display_switch .slider.round{
  border-radius:34px;
}
.user_display_switch .slider.round:before{
  border-radius:50%;
} 
/*====The switch slider======*/
/*=======Customer Module=======*/