body{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;color: #000; background:url(../images/main-bg.jpg) repeat;}
.wrapper{ width:1000px; margin:auto; background:#fff;}
.clear{ clear:both;}

@font-face {font-family: 'MyriadProRegular';src: url('../fonts/myriadpro-regular.eot');src: url('../fonts/myriadpro-regular.eot') format('embedded-opentype'),url('../fonts/myriadpro-regular.woff') format('woff'),url('../fonts/myriadpro-regular.ttf') format('truetype'),url('../fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');}

.logo{ margin:7px 0 0 10px; position: absolute; float: left;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#000; text-decoration:underline;}

.fl{ float:left;}
.fr{ float:right;}
header{ height:140px; color:#FFF;}
.top_tagl{min-height:50px; height:50px; background-color:#FF7E14;
background-image: -webkit-gradient(linear,left top,left bottom,from(#FF7E14),to(#BE4801));
background-image: -webkit-linear-gradient(top,#FF7E14,#BE4801);
background-image: -moz-linear-gradient(top,#FF7E14,#BE4801);
background-image: -ms-linear-gradient(top,#FF7E14,#BE4801);
background-image: -o-linear-gradient(top,#FF7E14,#BE4801);
background-image: linear-gradient(top,#FF7E14,#BE4801);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7E14', endColorstr='#BE4801',GradientType=0 );}
.w30 {width:30px;}
.w1000{ width:1000px;}
.w100{ width:100px;}
.w150{ width:150px;}
.w235{ width:235px;}
.w220{ width:220px;}
.w140{ width:140px;}
.w470{ width:470px;}
.w343{ width:343px;}
.w170{ width:170px;}
.w100p{ width:100%;}
.w44{ width:44px;}
.w128{ width:128px;}
.w105{ width:105px;}
.w120{ width:120px;}
.w130{ width:120px;}
.w90{ width:90px;}
.w70{ width:70px;}
.w80{width:80px !important;}
.w200{width:200px;}
.w122{ width: 128px;}
.w85{ width:85px}
.w38{ width:38px;}
#products{height:420px;overflow-y:auto;}
/* .wh100_120{ border:#fff solid 1px; width:95px; height:114px; display:inline-block; outline:#A8A8A8 solid 1px;} */
.wh100_120{ border:#fff solid 1px; width:95px; height:117px; display:inline-block; outline:#A8A8A8 solid 1px; min-width: 100px; overflow-y: hidden;}
.wh105_105{ border:#fff solid 1px; width:98px; height:98px; display:inline-block; outline:#A8A8A8 solid 1px; margin:6px 4px 7px 4px; float:left;}

.f10{ font-size:10px;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f22{ font-size:22px;}

.tal{ text-align:left}
.tar{ text-align:right}
.tac{ text-align:center}
.min_h{ min-height:400px;}

.maripro{ font-family:MyriadProRegular;}

.footer{ width:1000px; margin:auto; background:#171717; border-top:#FD7200 solid 5px; height:56px;}
.copy{}

.btn_login{ background:url(../images/btn_login.png) no-repeat; width:80px; height:32px; border:0px; cursor:pointer;font-size: 0px;}

.inp_l{ background:url(../images/inp_bg.png) no-repeat; width:222px; padding:8px 5px 12px 5px; color:#FFF; font-size:12px; border:none;}
.ml10{ margin-left:10px !important;}
.mr10{ margin-right:10px !important;}
.mt10{ margin-top:10px;}
.mt58{ margin-top:58px;}
.mb20{ margin-bottom:20px;}
.mb15{ margin-bottom:15px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.ml23{ margin-left:23px;}
.ml5{ margin-left:5px !important;}
.ml4{ margin-left:4px !important;}
.mt7{ margin-top:7px;}
.mt6{ margin-top:6px;}
.mb10{ margin-bottom:10px;}
.mb7{ margin-bottom:7px;}
.mt5{ margin-top:5px;}
.mt7{ margin-top:7px;}
.mt3{ margin-top:3px;}
.mt2{ margin-top:2px;}
.mr5{ margin-right:5px;}
.mr15{ margin-right:15px;}
.ml15{ margin-left:15px;}
.ml170{ margin-left:170px;}
.ml175{margin-left: 175px;}
.ml185{ margin-left:185px;}
.mt60{margin-top: 60px;}
.mt45{margin-top: 45px;}
.mt8{margin-top: 8px!important;}

a.forgot{ font-size:12px; text-decoration:none; color:#CCC;}
a.forgot:hover{ font-size:12px; text-decoration:underline; color:#fff;}

.login_b{ width:450px; height:250px; margin:70px auto 0 auto; border-radius:6px;
background-color:#4F4F4F;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4F4F4F),to(#373737));
background-image: -webkit-linear-gradient(top,#4F4F4F,#373737);
background-image: -moz-linear-gradient(top,#4F4F4F,#373737);
background-image: -ms-linear-gradient(top,#4F4F4F,#373737);
background-image: -o-linear-gradient(top,#4F4F4F,#373737);
background-image: linear-gradient(top,#4F4F4F,#373737);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4F4F4F', endColorstr='#373737',GradientType=0 );}
.login_b div.border_b{ border:#525252 solid 1px; margin:0px 1px 3px 1px; min-height:246px; border-radius:6px; color:#fff;}
.login_b div.title{ background:#2C2C2C; font-size:14px; line-height:30px; margin-top:30px; padding-left:10px; font-family:MyriadProRegular; color:#fff;}
.rel {
	margin: 30px 0 0 33px;
	padding: 0;
	position: relative;
}
.h30{ height:30px;}

.nav{ color:#000; float:left; width: 799px; position:absolute; z-index: 100;}
.nav_margin{margin:70px 0 0 140px;}
.nav_margin_pro{margin:70px 0 0 185px; }
.nav ul{ margin:0px; padding:0px;}
.nav li{ list-style:none; float: left; border-right:#2B2B2B solid 1px; position:relative; padding: 0px; margin: 0px;}
.nav li:last-child{  border-right:none;}

.nav a:hover{ text-decoration:none; color:#fff !important; border:#C04A02 solid 1px; background-color:#FF7E14;
background-image: -webkit-gradient(linear,left top,left bottom,from(#FF7E14),to(#BE4801));
background-image: -webkit-linear-gradient(top,#FF7E14,#BE4801);
background-image: -moz-linear-gradient(top,#FF7E14,#BE4801);
background-image: -ms-linear-gradient(top,#FF7E14,#BE4801);
background-image: -o-linear-gradient(top,#FF7E14,#BE4801);
background-image: linear-gradient(top,#FF7E14,#BE4801);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7E14', endColorstr='#BE4801',GradientType=0 );}

.nav ul li a { display:block;}
.nav  ul ul { position:absolute;visibility:hidden;top:20px;}
.nav ul li:hover ul {visibility:visible; z-index: 101;}

.nav ul li:hover ul li:hover {}
.nav li li a {
     text-align:left;
     width:100px; color:#fff !important;
     padding:2px 3px !important; border-radius:3px;
     border: none !important;
     border-top:none;
     border:#C04A02 solid 1px !important;background-color:#FF7E14;
     background-image: -webkit-gradient(linear,left top,left bottom,from(#FF7E14),to(#BE4801));
     background-image: -webkit-linear-gradient(top,#FF7E14,#BE4801);
     background-image: -moz-linear-gradient(top,#FF7E14,#BE4801);
     background-image: -ms-linear-gradient(top,#FF7E14,#BE4801);
     background-image: -o-linear-gradient(top,#FF7E14,#BE4801);
     background-image: linear-gradient(top,#FF7E14,#BE4801);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7E14', endColorstr='#BE4801',GradientType=0 );padding: 8px;
}
.nav li li a:hover{color:#fff !important;}



.nav li a.active1{
     color:#fff !important;  
     text-decoration:none; 
     border:#C04A02 solid 1px !important;
     background-color:#FF7E14;
     background-image: -webkit-gradient(linear,left top,left bottom,from(#FF7E14),to(#BE4801));
     background-image: -webkit-linear-gradient(top,#FF7E14,#BE4801);
     background-image: -moz-linear-gradient(top,#FF7E14,#BE4801);
     background-image: -ms-linear-gradient(top,#FF7E14,#BE4801);
     background-image: -o-linear-gradient(top,#FF7E14,#BE4801);
     background-image: linear-gradient(top,#FF7E14,#BE4801);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7E14', endColorstr='#BE4801',GradientType=0 ); 
     font-family:Verdana, Geneva, sans-serif; 
     font-size:12px; 
     font-weight:bold; 
     margin:0 3px 0 3px; 
     text-decoration:none; 
     padding:2px 2px; 
     border-radius:3px;
}

a.black_btn {
     padding:2px 10px; 
     color:#fff; 
     text-decoration:none; 
     float:left; 
     border:#252525 solid 1px; 
     border-radius:2px; 
     min-height:42px; 
     min-width:50px;
     margin-left:2px;
     background-color:#3A3A3A; 
     background-image: -webkit-gradient(linear,left top,left bottom,from(#3A3A3A),to(#252525));
     background-image: -webkit-linear-gradient(top,#3A3A3A,#252525);
     background-image: -moz-linear-gradient(top,#3A3A3A,#252525);
     background-image: -ms-linear-gradient(top,#3A3A3A,#252525);
     background-image: -o-linear-gradient(top,#3A3A3A,#252525);
     background-image: linear-gradient(top,#3A3A3A,#252525);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A3A3A', endColorstr='#252525',GradientType=0 ); 
     font-family:Verdana, Geneva, sans-serif;
}
a.black_btn span{ padding-top:7px; display:inline-block;}
.pgtitle{ font-family:Verdana, Geneva, sans-serif; font-size:20px; font-weight:bold; color:#393939;}

.gray_b{ background:#F7F7F8; border:#fff solid 1px; outline:#CCCCD4 solid 1px; min-height:100px; padding:7px 0px 0px 0px}
.m10{ margin:10px;}

.dgrayc{ color:#393939;}
.drag_t{ position:absolute; float:left; margin-left:-4px;}
.drag_p{ position:absolute; float:left; margin-left:-16px; margin-top:-28px;}
a.gpdf{ 
     color:#fff; 
     text-decoration:none;
     background-color:#EC1B23; 
     border-radius:2px; 
     height:50px; 
     width:328px; 
     text-align:center; 
     font-family:Verdana, Geneva, sans-serif; 
     float:left;
     border:#910C12 solid 1px;
     background-image: -webkit-gradient(linear,left top,left bottom,from(#EC1B23),to(#8F0C12));
     background-image: -webkit-linear-gradient(top,#EC1B23,#8F0C12);
     background-image: -moz-linear-gradient(top,#EC1B23,#8F0C12);
     background-image: -ms-linear-gradient(top,#EC1B23,#8F0C12);
     background-image: -o-linear-gradient(top,#EC1B23,#8F0C12);
     background-image: linear-gradient(top,#EC1B23,#8F0C12);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC1B23', endColorstr='#8F0C12',GradientType=0 ); 
}

div.arrow{ 
     background: url("../images/arrow.png") no-repeat;
     color: #FFFFFF;
     display: block;
     float: left;
     height: 53px;
     margin: 10px 0px 0px 5px;
     text-align: center;
     text-decoration: none;
     width: 160px;
}
div.arrow p {font-size: 9px; padding: 18px 0px 0px 12px;}

.pdf_b1{ /* background:url(../images/pdf_b1.jpg) no-repeat;*/ margin:auto; width:449px; height:591px;}
.h766{ min-height:766px;}
.h720{ min-height:720px;}
.h600{ min-height:600px;}
.h250{ min-height:250px;}

.drop_d{  border:#CCCCD4 solid 1px; padding:2px;}

.tdd{
     background-color:#FD7200; 
     padding:7px 5px 7px 5px;
     background-image: -webkit-gradient(linear,left top,left bottom,from(#FD7200),to(#B05000));
     background-image: -webkit-linear-gradient(top,#FD7200,#B05000);
     background-image: -moz-linear-gradient(top,#FD7200,#B05000);
     background-image: -ms-linear-gradient(top,#FD7200,#B05000);
     background-image: -o-linear-gradient(top,#FD7200,#B05000);
     background-image: linear-gradient(top,#FD7200,#B05000);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD7200', endColorstr='#B05000',GradientType=0 );
}

.disply{ display:block;}
.white_b{ background:#fff; border:#fff solid 1px;outline:#CCCCD4 solid 1px; min-height:50px; padding:7px 0px 0px 0px; font-family:Verdana, Geneva, sans-serif;}

/*a.btn_b{
background-color:#3A3A3A; border-radius:4px; cursor:pointer;  min-width:50px;
background-image: -webkit-gradient(linear,left top,left bottom,from(#3A3A3A),to(#252525));
background-image: -webkit-linear-gradient(top,#3A3A3A,#252525);
background-image: -moz-linear-gradient(top,#3A3A3A,#252525);
background-image: -ms-linear-gradient(top,#3A3A3A,#252525);
background-image: -o-linear-gradient(top,#3A3A3A,#252525);
background-image: linear-gradient(top,#3A3A3A,#252525);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A3A3A', endColorstr='#252525',GradientType=0 ); font-family:Verdana, Geneva, sans-serif; color:#fff; text-decoration:none; padding:8px 10px 8px 10px;
}*/

.lgray{ background:#E7E7EB; padding:10px; border:#fff solid 1px; outline:#CCCCD4 solid 1px; color:#262626;}
.dgray1{ background:#D1D1D8; padding:10px; border:#fff solid 1px; border-left:#D1D1D8 solid 1px !important; border-right:#D1D1D8 solid 1px !important; outline:#CCCCD4 solid 1px; color:#262626;}

.bor_t_none{ border-top: none !important;}
.mt1{ margin-top:1px;}
.mt-1{ margin-top:-1px;}
.p4{ padding:4px;}

a.addicon{ background:url(../images/addicons.png) no-repeat; width:50px; color:#262626; font-size:12px; padding-left:20px; text-decoration:none;}
a.deleteicon{ background:url(../images/closeicons.png) no-repeat 0 1px; width:40px; color:#262626; font-size:12px; padding-left:20px; text-decoration:none;}
a.activeicon{ background:url(../images/activeicons.png) no-repeat 2px 2px; width:67px; color:#262626; font-size:12px; padding-left:20px; text-decoration:none;}
a.inactiveicon{ background:url(../images/inactiveicons.png) no-repeat 2px 2px; width:75px; color:#262626; font-size:12px; padding-left:20px; text-decoration:none;}

.admin{ width:982px; margin-left:-1px; outline:#BBBBC6 solid 0px; margin-top:0px;}
.admin table{ }
.admin table tr:nth-child(odd){ background:#E7E7EB;}
.admin table tr:nth-child(even){ background:#F5F5F6;}
.admin table tr + tr{font-size:12px; color:#262626; vertical-align:top;}
.admin table tr + tr:hover{font-size:12px; color:#262626; vertical-align:top; background:#DDDDE3;}
.admin table th{ background:#E7E7EB; font-size:12px; color:#262626;font-weight:bold;}
.admin table td{font-size:12px; color:#262626; vertical-align:top;}
.admin table a.active{ background:url(../images/activeicons.png) no-repeat; width:13px; height:16px; display:inline-block;}
.admin table a.inactive{ background:url(../images/inactiveicons.png) no-repeat; width:13px; height:16px; display:inline-block;}
.admin table a.pdf{ background:url(../images/pdf_icon.jpg) no-repeat; width:23px; height:23px; display:inline-block;}
.admin table a.edit{ background:url(../images/edit-close-icon.png) no-repeat; width:19px; height:19px;  display:inline-block;}
.admin table a.close{ background:url(../images/edit-close-icon.png) no-repeat -42px -1px; width:18px; height:19px; display:inline-block;}
.admin table a.edit:hover{ background:url(../images/edit-close-icon.png) no-repeat 0 -28px;}
.admin table a.close:hover{ background:url(../images/edit-close-icon.png) no-repeat -42px -29px;}

.img_b{ border:#999 solid 1px; padding:1px;}

.mouseyDialog {background:#F2F2F4;font-family:verdana,helvetica,arial,sans-serif;padding:20px;position:relative;width:auto; vertical-align:middle; text-align:center;border:#BBBBC6 solid 1px;}

div.fileinputs { position:absolute;}
div.fakefile{position: absolute;top: 0px;left: 0px;z-index: 1; width:232px;}
input.file {position: relative;text-align: right;-moz-opacity:0; filter:alpha(opacity:0); opacity: 0;z-index: 2; background:#F00;}
.new_input{ background:#FFF; border:1px solid rgb(171, 173, 179); padding:5px; color:#000; width: 136px;}

/*------------------------krutil--------------------------*/
.p5 {padding:5px;}
.p10 {padding:10px;}
.mt70 {margin-top:70px;}
.w50 { width:50px;}
.w300 {width:300px;}
.w310 {width:310px;}
.w122 {width:122px !important}
.w500 {width:500px;}
.w900 {display: inline-block;float: left;margin: 0px 0 0;width: 990px;}
/*.w475 {width:475px;}*/
.h150 {height:148px;}
.gray6 {color:#666;}
.b-all {border:#ABADB3 solid 1px;} .lh18 {line-height:18px;}
.lr-btn {padding:8px 12px; border-radius:3px; background:#323232;}
/*a.btn_b{
background-color:#3A3A3A; border-radius:4px;  min-width:50px;
background-image: -webkit-gradient(linear,left top,left bottom,from(#3A3A3A),to(#252525));
background-image: -webkit-linear-gradient(top,#3A3A3A,#252525);
background-image: -moz-linear-gradient(top,#3A3A3A,#252525);
background-image: -ms-linear-gradient(top,#3A3A3A,#252525);
background-image: -o-linear-gradient(top,#3A3A3A,#252525);
background-image: linear-gradient(top,#3A3A3A,#252525);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A3A3A', endColorstr='#252525',GradientType=0 ); font-family:Verdana, Geneva, sans-serif; color:#fff; text-decoration:none; padding:0px 10px 0px 10px
}
.btn_b{
background-color:#3A3A3A; border-radius:4px;  min-width:50px; border:0px;
background-image: -webkit-gradient(linear,left top,left bottom,from(#3A3A3A),to(#252525));
background-image: -webkit-linear-gradient(top,#3A3A3A,#252525);
background-image: -moz-linear-gradient(top,#3A3A3A,#252525);
background-image: -ms-linear-gradient(top,#3A3A3A,#252525);
background-image: -o-linear-gradient(top,#3A3A3A,#252525);
background-image: linear-gradient(top,#3A3A3A,#252525);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A3A3A', endColorstr='#252525',GradientType=0 ); font-family:Verdana, Geneva, sans-serif; color:#fff; text-decoration:none; padding:6px 10px 6px 10px;
}*/
/*------------------------krutil--------------------------*/

table { border-collapse: collapse; width: 100%; }
td, th { border: 1px solid #BBBBC6; padding:8px; }

/*P.cl1:hover {background: yellow;}
TD:hover {background: silver;}
TD A:hover {color: red; background: yellow;}*/

.btn_b {
     box-sizing:border-box;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     -o-box-sizing:border-box;
     -moz-transition: all 0.218s ease 0s;
     -moz-user-select: none;
     cursor: default;
     display: inline-block;
     height: 30px;
     line-height:30px;
     min-width: 40px;
     padding: 0 8px;
     text-align: center;
     margin:1px;
     box-sizing:border-box; 
     font-family:Arial, Helvetica, sans-serif;
     text-decoration:none;
     border: 1px solid #000;
     background-color:#3A3A3A; 
     border-radius:4px; 
     cursor:pointer;
     background-image: -webkit-gradient(linear,left top,left bottom,from(#3A3A3A),to(#252525));
     background-image: -webkit-linear-gradient(top,#3A3A3A,#252525);
     background-image: -moz-linear-gradient(top,#3A3A3A,#252525);
     background-image: -ms-linear-gradient(top,#3A3A3A,#252525);
     background-image: -o-linear-gradient(top,#3A3A3A,#252525);
     background-image: linear-gradient(top,#3A3A3A,#252525);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A3A3A', endColorstr='#252525',GradientType=0 ); 
     font-family:Verdana, Geneva, sans-serif; 
     color:#fff; 
}
.btn_b:hover {
	text-decoration: none;
	-webkit-transition: all 0.0s;
	-moz-transition: all 0.0s;
	-ms-transition: all 0.0s;
	-o-transition: all 0.0s;
	transition: all 0.0s;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #000;
	background-color:#3A3A3A; border-radius:4px; cursor:pointer;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#2D2D2D),to(#000000));
	background-image: -webkit-linear-gradient(top,#2D2D2D,#000000);
	background-image: -moz-linear-gradient(top,#2D2D2D,#000000);
	background-image: -ms-linear-gradient(top,#2D2D2D,#000000);
	background-image: -o-linear-gradient(top,#2D2D2D,#000000);
	background-image: linear-gradient(top,#2D2D2D,#000000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D2D2D', endColorstr='#000000',GradientType=0 ); font-family:Verdana, Geneva, sans-serif; color:#fff; text-decoration:none;
}
.btn_b:active, .btn_b:focus {
	border: 1px solid #000;
	background-color:#3A3A3A; border-radius:4px; cursor:pointer;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#2D2D2D),to(#000000));
	background-image: -webkit-linear-gradient(top,#2D2D2D,#000000);
	background-image: -moz-linear-gradient(top,#2D2D2D,#000000);
	background-image: -ms-linear-gradient(top,#2D2D2D,#000000);
	background-image: -o-linear-gradient(top,#2D2D2D,#000000);
	background-image: linear-gradient(top,#2D2D2D,#000000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2D2D2D', endColorstr='#000000',GradientType=0 ); font-family:Verdana, Geneva, sans-serif; color:#fff; text-decoration:none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	outline:none;
}

.pagination{ margin-top: 10px;}
#pagination-digg li{border:0;font-size:11px;list-style:none;margin:0 2px; display:inline-block;}
#pagination-digg a{border:solid 1px #DF630B;margin-right:0px;}
#pagination-digg .previous-off,
#pagination-digg .next-off {color:#999;display:inline-block;font-weight:bold;margin-right:2px;}
#pagination-digg .next a,
#pagination-digg .previous a {font-weight:bold;}
#pagination-digg .active{background:#DF630B;color:#FFFFFF;font-weight:bold;display:inline-block;}
#pagination-digg .active a{color:#FFFFFF !important;}
#pagination-digg a:link,
#pagination-digg a:visited {color:#333;display:inline-block;padding:3px 6px;text-decoration:none;}
#pagination-digg a:hover{border:solid 1px #999;}

.success_m{ color:green; font-size:12px; font-weight:bold;}
.error_m{ color:red; font-size:12px; font-weight:bold;}

.word_wp_200{word-wrap: break-word; width:200px;}
.word_wp_150{word-wrap: break-word; width:150px;}
.word_wp_120{word-wrap: break-word; width:120px;}
.word_wp_100{word-wrap: break-word; width:100px;}
.word_wp_70{word-wrap: break-word; width:70px;}

.market_list{ color:#000; width:50px; float:left; max-height:150px; overflow-y:auto; background:#E7E7EB;outline:#BBBBC6 solid 1px; border:#fff solid 1px; padding:3px;}
.categories_list{ color:#000; width:200px; float:left;max-height:150px; overflow-y:auto;  background:#E7E7EB; padding:8px; outline:#BBBBC6 solid 1px; border:#fff solid 1px; font-size:12px;}
.regions_list{ color:#000; width:200px; float:left; max-height:150px; overflow-y:auto; background:#E7E7EB;padding:8px; outline:#BBBBC6 solid 1px; border:#fff solid 1px;  font-size:12px;}
.view_l{margin: 5px 0 0 10px;}

.img_b{ border: #BBBBC6 solid 1px;padding:1px;background: #fff;}

.FlyerContainer{
        width:440px;
        height:569px;
        border:1px solid #000000;
        float:left;
        background-repeat:no-repeat;
        position:relative;
        padding: 0;
}
.ProductContainer{
        border:#FF9900 thin dotted;
        float: left;
        width:100px;
        height:82px;
        margin: 12px;
        padding: 0;

}
.ProductContainerSeven{
        border:#FF9900 thin dotted;
        float: left;
        width:110px;
        height:110px;
        margin: 12px;
        padding: 0;

}
.ProductContainerSevenText{
        border:#FF9900 thin dotted;
        width:110px;
        height:30px;
        margin-left:12px;
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        overflow: hidden;
}
.ProductContainerSevenTextDiv{
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.ProductContainerSevenDate{
        border:#FF9900 thin dotted;
        color: #000000;
        width: 47px;
        height: 10px; 
        margin-left: 30px; 
        margin-top: 52px; 
        font-size: 9px; 
        overflow: hidden;
}
.ProductContainerSevenDateNew{
        border:#FF9900 thin dotted;
        color: #000000;
        width: 47px;
        height: 10px; 
        margin-left: 40px; 
        margin-top: 53px; 
        font-size: 9px; 
        overflow: hidden;
}
.ProductContainerSevenThumb{
    border: thin dotted #FF9900;
    float: left;
    height: 20px;
    margin: 2px 3px;
    padding: 0;
    width: 20px;
}
.ProductContainerSevenTextThumb{
    border: thin dotted #FF9900;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    height: 3px;
    margin-left: 5px;
    width: 16px;
}
.ProductContainerSevenDateThumb{
    border: thin dotted #FF9900;
    color: #000000;
    font-size: 9px;
    height: 2px;
    margin-left: 3px;
    margin-top: 10px;
    overflow: hidden;
    width: 11px;
}
.ProductBigContainer{
        border:#FF9900 thin dotted;
        background-position:center center;
        background-repeat:no-repeat;
        width:200px;
        height:190px;
        margin: 12px;
        padding: 0;
}
/*
.ProductContainerNine {
    border: thin dotted #FF9900;
    float: left;
    height: 128px;
    margin: 10px 3px 2px 8px;
    padding: 0;
    width: 131px;
}
*/
.ProductContainerNine {
    border: thin dotted #FF9900;
    float: left;
    height: 116px;
    margin: 10px 4px 3px 7px;
    padding: 0;
    width: 116px;
}
/*
.ProductContainerNineThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 21px;
    margin: 1px 2px 4px 4px;
    padding: 0;
    width: 23px;
}
*/
.ProductContainerNineThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 19px;
    margin: 1px 3px 4px 4px;
    padding: 0;
    width: 19px;
}
.ProductContainerTextFour {
    border: thin dotted #FF9900;
    float: left;
    height: 120px;
    margin: 11px 0 0 12px;
    padding: 0;
    width: 255px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    overflow:hidden;
}
.ProductContainerTextFourHeader{
    border: thin dotted #FF9900;
    margin-left: 77px; 
    height: 35px; 
    width: 250px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    overflow:hidden;
}
.ProductContainerImgFour {
    border: thin dotted #FF9900;
    float: left;
    height: 120px;
    margin: 11px 0 0 12px;
    padding: 0;
    width: 120px;
}
.ProductContainerImgFourAdd {
    border: thin dotted #FF9900;
    float: left;
    height: 120px;
    margin: 11px 0 0 12px;
    padding: 0;
    width: 120px;
}
.ProductContainerImgFourDate {
    border: thin dotted #FF9900;
    color: #000000;
    font-size: 10px;
    height: 10px;
    margin-left: 82px;
    margin-top: 2px;
    width: 55px;
    overflow:hidden;
}
.ProductContainerImg3Text3Date {
    border: thin dotted #FF9900;
    color: #000000;
    font-size: 10px;
    height: 11px;
    margin-left: 60px;
    margin-top: 5px;
    width: 55px;
    overflow:hidden;
}
.ProductContainerTextFourThumb {
    border: thin dotted #FF9900;
    color: #000000;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    margin: 5px 0 0 2px;
    overflow: hidden;
    padding: 0;
    width: 48px;
}
.ProductContainerTextFourHeaderThumb{
    border: thin dotted #FF9900;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    height: 3px;
    margin-left: 16px;
    overflow: hidden;
    width: 47px;
}
.ProductContainerImgFourThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 20px;
    margin: 5px 0 0 6px;
    padding: 0;
    width: 20px;
}
.ProductContainerImgFourAddThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 20px;
    margin: 3px 3px 0 3px;
    padding: 0;
    width: 20px;
}
.ProductContainerImgFourDateThumb {
    border: thin dotted #FF9900;
    height: 3px;
    margin-left: 19px;
    margin-top: 1px;
    width: 6px;
}
/*
.Product4Container {
    border: thin dotted #FF9900;
    float: left;
    height: 140px;
    margin: 10px;
    padding: 0;
    width: 190px;
}*/
.Product4Container {
    border: thin dotted #FF9900;
    float: left;
    height: 117px;
    margin: 7px;
    padding: 0;
    width: 174px;
}
/*.Product4ContainerThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 24px;
    margin: 2px;
    padding: 0;
    width: 40px;
}*/
.Product4ContainerThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 19px;
    margin: 2px;
    padding: 0;
    width: 34px;
}
/*
.ProductOneImage {
     background-position: center center;
     background-repeat: no-repeat;
     border: thin dotted #FF9900;
     height: 405px;
     padding: 0px;
}
*/
.ProductOneImage {
    background-position: center center;
    background-repeat: no-repeat;
    border: thin dotted #FF9900;
    height: 365px;
    padding: 0;
    width: 365px;
}
/*
.ProductOneImageThumb {
     background-position: center center;
     background-repeat: no-repeat;
     border: thin dotted #FF9900;
     height: 74px;
     padding: 0;
}
*/
.ProductOneImageThumb {
    background-position: center center;
    background-repeat: no-repeat;
    border: thin dotted #FF9900;
    height: 71px;
    padding: 0;
    width: 71px;
}
/*
.ProductContainer2By3Small {
    border: thin dotted #FF9900;
    float: left;
    height: 120px;
    margin: 5px;
    padding: 0;
    width: 153px;
}
*/
.ProductContainer2By3Small {
    border: thin dotted #FF9900;
    float: left;
    height: 125px;
    margin: 4px;
    padding: 0;
    width: 125px;
}
/*
.ProductContainer2By3SmallThumb {
     border: thin dotted #FF9900;
     float: left;
     height: 20px;
     margin: 2px;
     padding: 0;
     width: 29px;
}
*/
.ProductContainer2By3SmallThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 20px;
    margin: 2px;
    padding: 0;
    width: 20px;
}
/*
.ProductContainer2By3Big {
    border: thin dotted #FF9900;
    float: left;
    height: 190px;
    margin: 10px;
    padding: 0;
    width: 205px;
}
*/
.ProductContainer2By3Big {
    border: thin dotted #FF9900;
    float: left;
    height: 175px;
    margin: 10px;
    padding: 0;
    width: 175px;
}
/*
.ProductContainer2By3BigThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 35px;
    margin: 2px;
    padding: 0;
    width: 40px;
}
*/
.ProductContainer2By3BigThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 31px;
    margin: 2px;
    padding: 0;
    width: 31px;
}

.pt209 { padding-top: 209px; }
.pl30 { padding-left: 130px; }
.pr30 { padding-right: 30px; }

a.home_title{ background: none!important; border: none !important}
a.home_title:hover{ background: none!important;border: none !important}
.home_b{ margin: -7px 0 0 0; float: left;}

.ui-dialog{ /*width:800px !important;*/}

.btn_h { float:left; margin:0px 0 0 0px; }
.btn_h div.btn { position:relative;/*width:100px; height:82px;*/background:none !important; overflow:hidden; }
.btn div.hmenu { display:none; position:absolute; /*width:98px; height:80px;*/ right:0; top:0;
transition:2s;
-moz-transition:2s;
-webkit-transition:2s;
-o-transition:2s;
opacity:1;
}
.btn:hover div.hmenu { display:block;}
a.price{ text-decoration:none; border-radius:5px; float:left; margin:2px;}
a.price:hover{ color:#CCC;}
.fl{ float:left;}
.fr{ float:right !important;}
.pt15{padding-top: 15px !important;}

.top_text{ font-size:16px; position:relative; color:#3A3A3A;float: left;width:650px; font-weight: bold;}
.top_text_margin{margin: 31px 0 0 150px;}
.top_text_margin_pro{margin: 31px 0 0 185px;}
.top_text p{ height: 70px; text-align: center; vertical-align: middle; display: table-cell;word-break: break-all;}
.pdftextdiv{background-color: #fff;}
.pdftextdivwhite{background-color: #000;}

a.up_icon{ background:url(../images/shorting_icon.png) no-repeat; width:14px; height:5px; float:left;margin-top:5px;}
a.down_icon{background:url(../images/shorting_icon.png) no-repeat 0 -7px; width:14px; height:5px; float:left; margin-top:2px;}
.red{color: red;}
.new_space{display: inline-block;margin-top: 5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 

.new_space{display: inline-block;margin-top: 5px;}

}
.btn_logo_ui{float:left;margin:0 0 10px 10px;}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

.ProductContainerNineProCANADA {
    border: thin dotted #FF9900;
    float: left;
    height: 128px;
    margin: 10px 6px 3px 7px;
    padding: 0;
    width: 128px;
}
.ProductContainerNineProCANADAThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 7px;
    margin: 0 0 3px 5px;
    width: 7px;
}
.ProductContainerNineProCANADANew {
    border: thin dotted #FF9900;
    float: left;
    height: 120px;
    margin: 11px 5px 2px;
    padding: 0;
    width: 120px;
}
.ProductContainerNineProCANADANewThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 20px;
    margin: 2px 1px 1px;
    padding: 0;
    width: 23px;
}
.ProductContainerNineProCANADAText {
    border: thin dotted #FF9900;
    color: #000000;
    font-size: 9px;
    height: 11px;
    margin-left: 70px;
    margin-top: 5px;
    overflow: hidden;
    width: 352px;
}
.ProductContainerNineProCANADATextThumb {
     border: thin dotted #FF9900;
     height: 2px;
     margin-left: 17px;
     margin-top: 0;
     width: 68px;
}
.ProductContainerNineProCANADATextNew {
    border: thin dotted #FF9900;
    color: #000000;
    font-size: 9px;
    height: 12px;
    margin-left: 5px;
    margin-top: 6px;
    overflow: hidden;
    width: 385px;
}
.ProductContainerNineProCANADATextNewThumb {
    border: thin dotted #FF9900;
    font-size: 9px;
    height: 2px;
    margin-left: 3px;
    margin-top: 1px;
    width: 75px;
}
.ProductContainerNineProCANADADate {
    border: thin dotted #FF9900;
    color: #fff;
    font-size: 9px;
    height: 12px;
    margin-left: 302px;
    margin-top: 9px;
    overflow: hidden;
    width: 108px;
}
.ProductContainerNineProCANADADateThumb {
    border: thin dotted #FF9900;
    height: 1px;
    margin-left: 68px;
    margin-top: 9px;
    width: 19px;
}
.ProductContainerNineProCANADADateNew {
    border: thin dotted #FF9900;
    color: #FFFFFF;
    font-size: 9px;
    height: 11px;
    margin-left: 272px;
    margin-top: 11px;
    overflow: hidden;
    width: 115px;
}
.ProductContainerNineProCANADADateNewThumb {
    border: thin dotted #FF9900;
    height: 1px;
    margin-left: 55px;
    margin-top: 0;
    width: 23px;
}
.ProductContainerNineProCANADADateBottom {
    border: thin dotted #FF9900;
    color: #000;
    overflow: hidden;
    font-size: 5px;
    height: 6px;
    margin-left: 50px;
    margin-top: 4px;
    width: 39px;
}
.ProductContainerNineProCANADADateBottomThumb {
    border: thin dotted #FF9900;
    height: 1px;
    margin-left: 12px;
    margin-top: 1px;
    width: 7px;
}

.drag_price_block {
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
     color: #000000;
     font-weight: 900;
     height: 50px;
     left: 3px;
     letter-spacing: -0.5px;
     position: absolute;
     top: 68px;
}
/*
.drag_price_block_new {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    font-weight: 900;
    height: 50px;
    left: 3px;
    letter-spacing: -0.5px;
    position: absolute;
    top: 55px;
}
*/
.drag_price_block_new {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #000000;
	font-weight: 900;
	height: 29px;
	left: 3px;
	letter-spacing: -0.5px;
	position: absolute;
	top: 64px;
}
.digit_one:first-child {margin: 12px 0 0 2px;}
.digit_one {float: left;font-size: 14px;margin: 12px 1px 0;}
.digit_one span{font-size: 5px;font-weight: normal;letter-spacing: normal;}
.digit_big {float: left;font-size: 24px;line-height: 56px;margin: 0;}

/*.digit_one_new:first-child {margin: 15px 0 0 2px;}
.digit_one_new {float: left;font-size: 13px;margin: 15px 1px 0;}
.digit_one_new span{font-size: 5px;font-weight: normal;letter-spacing: normal;}
.digit_big_new {float: left;font-size: 22px;line-height: 56px;margin: 0;}
*/
.digit_one_new:first-child {margin: 5px 0 0 2px;}
.digit_one_new {float: left;font-size: 13px;margin: 5px 1px 0;}
.digit_one_new span{font-size: 5px;font-weight: normal;letter-spacing: normal;}
.digit_big_new {float: left;font-size: 22px;line-height: 32px;margin: 0;}

.ProductContainerNineJan {
    border: thin dotted #FF9900;
    float: left;
    height: 117px;
    margin: 6px 0 3px 3px;
    padding: 0;
    width: 113px;
}
.ProductContainerNineJanNotDrop {
    float: left;
    height: 118px;
    margin: 6px 0 3px 3px;
    padding: 0;
    width: 114px;
    border: medium none;
}
.ProductContainerNineJanThumb {
    border: thin dotted #FF9900;
    float: left;
    height: 21px;
    margin: 0 0 1px 1px;
    padding: 0;
    width: 23px;
}
.ProductContainerNineJanThumbNotDrop {
    float: left;
    height: 22px;
    margin: 0 0 1px 1px;
    padding: 0;
    width: 24px;
    border: medium none;
}
.ProductContainerNineJanBotText1 {
    border: thin dotted #FF9900;
    color: #000000;
    font-size: 9px;
    height: 11px;
    margin-left: -5px;
    margin-top: 64px;
    overflow: hidden;
    width: 365px;
}
.ProductContainerNineJanBotText1Thumb {
    border: thin dotted #FF9900;
    height: 1px;
    margin-left: 3px;
    margin-top: 16px;
    width: 74px;
}
.ProductContainerNineJanBotText2{
	border: thin dotted #FF9900;
    color: #000000;
    font-size: 4px;
    height: 4px;
    margin-left: 40px;
    margin-top: 5px;
    overflow: hidden;
    width: 142px;
}
.ProductContainerNineJanBotText2Thumb{
     border: thin dotted #FF9900;
    height: 1px;
    margin-left: 10px;
    margin-top: 1px;
    width: 33px;
}
.previousPriceBlock {
     font-size: 8px;
     left: 40px;
     position: absolute;
     text-align: center;
     top: 83px;
     width: 28px;
}
.previousPriceBlock img{ width:17px;height:12px;}
.previousPriceBlock span{ color: #000000;left: 0;position: absolute;top:0;width: 100%;}
.marquee{overflow: hidden; width: 30%;}
.marquee a{ color:#000; font-weight:bold;}
.topheadertext{text-align:left !important;}

/* dev css start */
.wrapper.dashboard,
.wrapper.dashboard + .footer {
    width: 100%;
}
.wrapper.dashboard .top_text {
    width: calc(100% - 340px);
}
.d-flex {
    display: flex;
}
.bg-gray {
    background: #dbdbdb;
}
.p-10 {
    padding: 10px;
}
.bg-white {
    background-color: #fff;
}
/*.w-30 {
    width: 26%;
    min-width: 355px;
}*/

.w-30 {
    width: 26%;
    min-width: 355px;
}
.w-70 {
    width: 74%;
}
.mr-15 {
    margin-right: 15px;
}
.ml-15 {
    margin-left: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}
.shadow {
    box-shadow: 5px 5px 7px 0px #8f8f8f;
}
#products {
    height: 100vh;
    overflow-y: auto;
}
@media screen and (max-width:1367px) {
    /* #products{height:calc(100vh + 110px);overflow-y:auto;}     */
}
.order-print {
    border: 1px solid #fd720e;
    color: #fd720e;
    padding: 0px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    height: 44px;
}
.dwnload-pdf {
    background: #fd720e;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
}
.dwnload-pdf:hover, .order-print:hover {
    text-decoration: none;
}
.dwnload-pdf:hover {
    color: #fff;
}
.text-center {
    text-align: center;
}
div#slideBox {
    display: flex;
    column-gap: 15px;
    overflow-x: hidden;
  }
  .slider-left,
  .slider-right {
    height: 25px;
    width: 25px;  
    min-width: 25px;  
    background-color: #082032;
    background-size: 12px;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 15px;
  }
  .slider-left {  
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,50 50,100 50,0'/></svg>");  
    background-position: 8px 7px;
  }
  .slider-right {  
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(255, 255, 255)'><polygon points='0,0 0,100 50,50'/></svg>");  
    background-position: 10px 7px;
  }
  .title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #000;
  }
  .justify-content-center {
      justify-content: center;
  }
  .align-items-center {
      align-items: center;
  }
  /*Added CSS copy from front CSS Start*/
  .position-relative {position: relative;}
  .d-block {display: block;}
  .flex-wrap {flex-wrap: wrap;}
  .border-0 {border: 0px;}
  .rounded-10 {border-radius: 10px;}
  .rounded-24 {border-radius: 24px;}
  .h-100 {height: 100%;}
  .add-products {row-gap: 15px;column-gap: 15px;}
  .add-product-button {border: 2px dotted #959595;}
  .add-product-button img {max-width: 30px;}
  
  .product-area {
     /* max-width: calc(33% - 15px);
      min-width: calc(33% - 15px); */
      max-width: 157px;;
      min-width: 157px;;
      flex-grow:1;
      min-height: 113px;
  }
  .product-area:after {
      content: '';
      display: block;
      padding-bottom: 100%;
  }
  .product-box {
      border: 2px solid #959595;
      box-shadow: 1px 6px 5px 2px #b7b7b7;
  }
  .ml-auto {margin-left: auto;}
  .mt-auto {margin-top: auto;}
  .p-5px {padding: 5px;}
  .prod-image img {
      max-height: 80px;
      max-width: 100%;
  }
  .prod-image {
      text-align: center;
  }
  .prod-title {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }
  .prod-dis {
    /* display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; */
    overflow: hidden;
    font-size: 7px;
}
  .product-select-area {
    border: 2px solid #959595;
    position: absolute;
    left: 5px;
    top: 5px;
    background: #fff;
    padding: 10px;
    z-index: 999;
    width: calc(100% - 35px);
  }
  .search-box-area {border: 2px solid #000;}
  .search-box-area img {max-width: 23px;}
  .d-none {display: none;}
  
  .search-box-area {
      overflow: hidden;
  }
  
  .close-remove {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    z-index: 999;
}
.table6x6 .tdpadding0:hover .close-remove,
.table9x9 .tdpadding0:hover .close-remove,
.dropproduct:hover .close-remove {
      display: block;
  }
  .close-remove img {
      width: 20px;
  }
  .product-area .close-remove {
      display: none;
  }
  .product-area:hover .close-remove {
      display: block;
  }
  .cursor-pointer {
      cursor: pointer;
  }
  .design-block {
      /* width: 104px;
      border: thin dotted rgb(255, 153, 0);
      height: 108px; */
  }
  .design-block .close-remove {
      display: none;
  }
  .design-block:hover .close-remove {
      display: block;
  }
  .drag-place {    
    max-height: 80px;    
    min-height: 80px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
}
  .prod-image.drag-place img {
      /*max-height: 100%;*/
      max-width: fit-content;
  }
  div#slideBox .wh100_120 {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }
  
  td.ui-droppable {
      height: 154px;
      width: 130px;
  }
  table.ninebox td.ui-droppable {
      height: 120px;
      width: 130px;
  }
  .py-15 {
      padding-top: 15px;
      padding-bottom: 15px;
  }
  div#flytemplate table tr td .dropproduct,
  div#flytemplate table tr td .design-block {  
      width: 114px;
      height: 114px;
  }
  div#flytemplate table tr td:nth-child(2) .defaultbox,
  div#flytemplate table tr td:nth-child(2) .dropproduct,
  div#flytemplate table tr td:nth-child(2) .design-block {
      margin: 0 auto;
  }
  div#flytemplate table tr td:nth-child(3) .defaultbox,
  div#flytemplate table tr td:nth-child(3) .dropproduct,
  div#flytemplate table tr td:nth-child(3) .design-block {
      margin-left: auto;
  }
  div#flytemplate table tr:nth-child(1) td:nth-child(2) .dropproduct,
  div#flytemplate table tr:nth-child(1) td:nth-child(2) .design-block,
  div#flytemplate table tr:nth-child(2) td:nth-child(2) .dropproduct,
  div#flytemplate table tr:nth-child(2) td:nth-child(2) .design-block {
      text-align: left;
  }
  .defaultbox {
      background: #e0e0de;
      width: 114px;
      height: 114px;
  }
  .defaultbox .dropproduct,
  .defaultbox .drag-place {
      min-height: 60px;
  }
  .defaultbox-price {
      font-size: 15px;
      font-weight: bold;
      display: flex;
  }
  .defaultbox-price span {
      font-size: 10px;
  }
  .defaultbox-price .each {
      align-self: end;
      margin-left: 5px;
  }
  .font-bold {
      font-weight: bold;
  }
  /*Added CSS copy from front CSS End*/
.w-100 {
    width: 100%;
}
.table9x9 td {
    border:0;
    padding:2px;
    height: 115px;
    position: relative;
    z-index: 0;
}
.tdpadding0 td {
    padding:0px;
}
.table9x9 .product-img {
    min-width: 100%;
    /*position: absolute;
    top: 0;
    right: 0;
    width: 75px;
    max-width: 75px;
    height: 75px;
    z-index: -1;
    text-align: right;
    /* border: 1px solid #000; */
}
.table9x9 .product-img .flyerimg {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}
.table9x9 .flyerproductimg {
    width:50%;
}
.table9x9 .price {
    display:flex;
    font-size:14px;
    font-weight:bold;
}
.table9x9 .price span {
    font-size:12px;
}
.table9x9 .price-was {
    font-size: 9px;
    font-weight: bold;
    text-decoration: line-through;
}
.table9x9 .product-logo {
    font-size: 9px;
    font-weight: bold;
}
.table9x9 .product-code {
    font-size: 8px;
    font-weight:bold;
}
.table9x9 .product-description {
    font-size: 7px;
    width: 75%;
    font-style: normal;
    font-weight: 500;
    max-height: 75px;
    overflow: hidden;
}
.table6x6 td {
    border:0;
    padding:2px;
    height: 145px;
    position: relative;
    z-index: 0;
}
.table6x6 .product-img {
    min-width: 100%;
    /*position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    max-width: 85px;
    height: 85px;
    z-index: -1;
    text-align: right;
    /* border: 1px solid #000; */
}
.table6x6 .product-img .flyerimg {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}
.table6x6 .flyerproductimg {
    width:50%;
}
.table6x6 .price {
    display:flex;
    font-size:14px;
    font-weight:bold;
}
.table6x6 .price span {
    font-size:12px;
}
.table6x6 .price-was {
    font-size: 9px;
    font-weight: bold;
    text-decoration: line-through;
}
.table6x6 .product-logo {
    font-size: 9px;
    font-weight: bold;
}
.table6x6 .product-code {
    font-size: 8px;
    font-weight:bold;
}
.table6x6 .product-description {
    font-size: 7px;
    width: 75%;
    font-style: normal;
    font-weight: 500;
    max-height: 75px;
    overflow: hidden;
}
.table6x6 .defaultbox {
    width: 130px;
    height: 130px;
}
.product-select-area a.close-remove {
    display: block;
}
.add-products {
    row-gap: 15px;
    column-gap: 15px;
    max-height: 870px;
    overflow: auto;
    min-height: 80px;
}
.flex-column {
    flex-direction: column;
}
#draggable_products_main_div,
form#generateiflyer {
    color: #000;
}
.cwv {
    width: auto;
    height: auto;
}
div#draggable_products_main_div .prod-image.prod-image.drag-place {
    align-items: end;
}
[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-text);
}
.admin-portal .table6x6 .defaultbox {
    position: relative;
    top: -10px;
}
.admin-portal .table6x6 td {
    height: 140px;
}
#loading {
position: fixed;
width: 100%;
height: 100vh;
background: #fff url('../images/logo.jpg') no-repeat center center;
z-index: 9999;
}
/* dev css end */

.position-absolute-custom{
    text-align: center;
}