body{
	cursor: default;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-family: Tahoma;
	font-size: 20px;
	/*background-color: #F6F7F9 !important;*/
	color:#232b39;
}

.panel{
	background-color: #FFFFFF;
	border: 1px solid #e1e5ea;
	border-radius: 4px;
}

.panel td{
	/*background-color: #FFFFFF;*/
}

.bg_grey{
	background-color: #E1E5EA !important;
}

.bg_grey2{
	background-color: #f6f7f9 !important;
}

.bg_red{
	background-color: #F3999D !important;
}

.bg_yellow{
	background-color: #FDF0D0 !important;
}

.bg_warning{
	background-color: #ffc300 !important;
}

.line_grey{
	border-bottom: 1px solid #E1E5EA;
}

.top_grey{
	border-top: 1px solid #E1E5EA;
}

.itemlist{
	transition: background-color 0.1s;
}

.itemlist:hover {
    background-color: #f6f7f9;
}

.txt_blue{
	color: #0084FF !important;
}

.txt_grey{
    color: #5A677D !important;
}

.txt_orange{
	color: #FF9800 !important;
}

.txt_green{
    color: #0BCB6B !important;
}

.txt_green2{
    color: #107C41 !important;
}

.txt_red{
	color: #EB5038 !important;
}

.txt_red2{
	color: #BB0101 !important;
}

.txt_white{
	color: #FFFFFF !important;
}

.txt_muted{
	color: #6c757d !important;
}

.txt_blue a, .txt_blue a:visited{
	color: #0084FF !important;
	transition: all 0.1s ease-in-out;
}

.txt_blue a:hover{
	color: #006AD6 !important;
}

.txt_lightgrey{
	color: #C6D0DA !important;
}

.txt_darkgrey{
	color: #4F4F4F !important;
}

.txt_darkred{
	color: #D40412 !important;
}

.txt_yellow{
	color: #EFC327 !important;
}

.txt_pink{
	color:#EA5395 !important;
}

.txt_purple{
	color:#8A40A7 !important;
}

.txt_peach{
	color:#FF9999 !important;
}

.txt_cyan{
	color:#00bcd4 !important;
}

.nowrap{
	white-space: nowrap;
}

.inblock{
	display:inline-block;
}

.btn_blue_white{
	border-color: #0084ff;
	border: 1px solid #E1E5EA;
	border-radius: 4px;
	background-color: #0084FF;
	color: #fff;
	line-height: 34px;
	background-clip: padding-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	transition: all 0.15s ease-in-out;
}

.btn_blue_white:hover{
	border-color: #0063BF;
	background-color: #0063BF;
}

.btn_blue_white:active{
	border-color: #004280;
	background-color: #004280;
}

.btn_white_blue{
	border-color: #e1e5ea;
	border: 1px solid #e1e5ea;
	border-radius: 4px;
	background-color: #fff;
	color: #0084ff;
	line-height: 34px;
	background-clip: padding-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	transition: all 0.15s ease-in-out;
}

.btn_white_blue:hover{
	background-color: #F1F3F5;
	border-color: #8592A3;
}

.btn_white_blue:active{
	background-color: #F1F3F5;
	border-color: #8592A3;
}

.btn_white_grey{
	border-color: #e1e5ea;
    background-color: #fff;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    color: #232b39;
	height: 25px;
    line-height: 25px;
    background-clip: padding-box;
    padding: 0 14px;
    font-size: 14px;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	transition: all 0.15s ease-in-out;
}

.btn_white_grey:hover{
	background-color: #F1F3F5;
	border-color: #8592A3;
}

.btn_white_grey:active{
	background-color: #F1F3F5;
	border-color: #8592A3;
}

.btn_white_red{
	border-color: #e1e5ea;
    background-color: #fff;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    color: #EB5038;
	height: 25px;
    line-height: 25px;
    background-clip: padding-box;
    padding: 0 14px;
    font-size: 14px;
    text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	opacity: 0.5;
}

.btn_white_red:hover{
	opacity:1;
}

.btn_red_white{
	border-color: #eb5038;
    background-color: #eb5038;
    border: 1px solid #e1e5ea;
	border-radius: 4px;
	color: #fff;
	line-height: 34px;
	background-clip: padding-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	transition: all 0.15s ease-in-out;
}

.btn_red_white:hover{
	border-color: #c62c14;
	background-color: #c62c14;;
}

.btn_red_white:active{
	border-color: #841d0d;
	background-color: #841d0d;
}

.btn_green_white{
	border-color: #80d328;
	border: 1px solid #80d328;
	border-radius: 4px;
	background-color: #8AE22B;
	color: #FFFFFF;
	line-height: 34px;
	background-clip: padding-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	transition: all 0.15s ease-in-out;
}

.btn_green_white:hover{
	background-color: #80d328;
	border-color: #73bd24;
}

.btn_green_white:active{
	background-color: #80d328;
	border-color: #73bd24;
}

.btn_pad1{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.input_txt{
	background: transparent none;
    outline: none !important;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.3rem;
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.input_txt:focus{
	border-color: #0084FF;
}

.border_red{
	border: 1px solid #EB5038;
}

.selectdiv{
	position: relative;
	float: left;
	height: 23px;
}

.selectdiv:after {
	content: '<>';
	font-size: 8px;
	color:#999;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 0px;
	top: 0px;
	bottom: 1px;
	padding: 0 0 2px;
	border-bottom: 1px solid #999;
	position: absolute;
	pointer-events: none;
}

.selectdiv select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	line-height: 23px;
	padding-left: 5px;
	height: 23px;
	float: right;
	font-size: 16px;
	line-height: 1.75;
	border: 1px solid #e1e5ea;
	border-radius: 4px;
	-ms-word-break: normal;
	word-break: normal;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
}

.selectdiv select:focus{
	border-color: #0084FF;
}

.selectdiv select:hover{
	background-color: #f1f3f5;
	border-color: #8592a3;
}

.floatright{
	float:right;
}

.w150{
	width: 150px;
}

.w130{
	width: 130px;
}

.w125{
	width: 125px;
}

.w100{
	width: 100px;
}

.w90{
	width: 90px;
}

.w85{
	width: 85px;
}

.w80{
	width: 80px;
}

.w75{
	width: 75px;
}

.w70{
	width: 70px;
}

.wp90{
	width: 90% !important;
}

.wp95{
	width: 95% !important;
}

.wp100{
	width: 100% !important;
}

.wp75{
	width: 75% !important;
}

.mtop15{
	margin-top:15px;
}

.mbottom15{
	margin-bottom:15px;
}

.mtop5{
	margin-top:5px;
}

.mright5{
	margin-right:5px;
}

.mleft5{
	margin-left:5px;
}

.mright10{
	margin-right:10px;
}

.mleft10{
	margin-left:10px;
}

.strike{
	text-decoration: line-through;
}

.input_ddl{
	border: 1px solid #e1e5ea;
    border-radius: 4px;
    line-height: 23px;
    height: 23px;
}

.input_ddl:focus{
	border-color: #0084FF;
}

.input_ddl::-ms-expand {
     display: none;
}

.fbpic{
	height:25px;
	border-radius:50%;
	border:solid 2px #1876F2;
}

.ggpic{
	height:25px;
	border-radius:50%;
	border:solid 2px #EA4335;
}

.hideme{
    opacity:0;
}

.lh30{
	line-height: 30px;
}

.lh25{
	line-height: 25px;
}

.lh20{
	line-height: 20px;
}

.lh15{
	line-height: 15px;
}

.lh12{
	line-height: 12px;
}

.inputtxt{
	line-height: 30px;
	font-family: Tahoma;
	font-size: 16px;
	text-align: left;
	padding-left: 2px;
}

#main{
	width: 100%;
	height: auto;
	position: absolute;
	/*background-color: #121212;*/
}


#content{
	width:90%;
	left:5%;
	position: absolute;
	line-height: 25px;
}

#search_form{
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
}


.errmsg{
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #EB5038 !important;
}

.okmsg{
	font-family: Tahoma;
	font-size: 20px;
	font-weight: bold;
	color:green;
}

.updatemsg{
	font-family: Tahoma;
	font-size: 8px;
	color:#999999;
}

.promotion{
	font-size:12px;
	font-weight:bold;
	margin: 0 auto;
	width:100%;
	max-width: 400px;
}

/*
td{
	font-size: 16px;
	background-color: #f8f8f8;
}
*/

td a, td a:hover, td a:visited, td a:active{
	text-decoration: none;
	cursor: pointer;
	color: #000000;
}

.pcommentdiv{
	border:dashed 1px #CCCCCC;
	margin: 5px 15px 9px 5px; 
	border-radius: 2px;
}

.bgprodcomment{
	background-color: #FDF0D0 !important;
}



.txtTrackno{
	font-size: 16px;
	font-weight: bold;
	color:#51C8EE;
}

.btnback {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btnback:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.btnback:active {
	position:relative;
	top:1px;
}

#blockerror{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #a80d13;
	color: #a80d13;
	font-size:14px;
	font-weight:bold;
	margin: 0 auto;
	padding: 8px 10px;
	width:500px;
}

#blockinfo{
	/*background: none repeat scroll 0 0 #EEF4FD;*/
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #6AA4E4 ;
	color: #0099FF;
	font-size:12px;
	font-weight:bold;
	margin: 0 auto;
	padding: 8px 10px;
	width:90%;
	max-width: 400px;
}

#blocksuccess{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #197b30;
	border-radius: 4px;
	background-clip: padding-box;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin: 0 auto;
	padding: 8px 10px;
	width:500px;
}

.bgwhite{
	background-color: #FFFFFF !important;
}

.bold{
	font-weight: bold;
}

.normal{
	font-weight: normal;
}

.red{
	color: red;
}

.pad10{
	padding: 10px;
}

.padleft15{
	padding-left: 15px;
}

.padleft5{
	padding-left: 5px;
}

.padright15{
	padding-right: 15px;
}

.padright5{
	padding-right: 5px;
}

.padtop5{
	padding-top: 5px;
}

.padbottom5{
	padding-bottom: 5px;
}

.padtop3{
	padding-top: 3px;
}

.padbottom3{
	padding-bottom: 3px;
}

.padtop15{
	padding-top: 15px;
}

.padbottom15{
	padding-bottom: 15px;
}

.prodlist tr td{
	font-size: 12px;
}

.size24{
	font-size: 24px !important;
}

.size20{
	font-size: 20px !important;
}

.size18{
	font-size: 18px !important;
}

.size16{
	font-size: 16px !important;
}

.size14{
	font-size: 14px !important;
}

.size12{
	font-size: 12px !important;
}

.size10{
	font-size: 10px !important;
}

.size8{
	font-size: 8px !important;
}

.mw720{
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
}

.h200{
	height:200px;
}

.h50{
	height:50px;
}

.h30{
	height:30px;
}

.h25{
	height:25px;
}

.sq {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius:3px;
}

.sq:hover{
  opacity:0.5;
  cursor:pointer;
}

.floatleft{
  float: left;
  margin-left:5px;
}

.floatright{
  float: right;
  margin-right:5px;
}

.bgcyan{
  background:#70FFFF;
}

.bgred {
  background: #EC8E8C;
}

.bgyellow {
  background: #ECEC76;
}

.bgpink {
  background: #E1A4BA;
}

.bggreen {
  background: #98DC96;
}

.bgorange {
  background: #ECAE73;
}

.bgsky {
  background: #9FC5C7;
}

.bgviolet {
  background: #C19AE4;
}

.bgclear {
  background: #FFFFFF;
}

.txtright{
	text-align: right;
}

.middle{
	vertical-align:middle;
}

.block-h5{
	display:block;
	height:5px;	
}

.block-h15{
	display:block;
	height:15px;	
}

.mauto{
	margin-left:auto;
	margin-right:auto;
}

.div-phone{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: dashed 1px #d5d5d5;
	padding:3px 10px 3px 3px;
	display:inline-block;
	font-size:8px;
	font-weight:bold;
	margin-top:5px;
}

.div-zipcode{
	border:solid 1px #e1e5ea;
	padding:4px 7px 4px 7px;
	font-size:12px;
	border-radius: 4px;
	background-clip: padding-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

#thaipost_txt{
	font-size: 12px;
	width: 100%;
	line-height: 20px;
}

#thaipost_txt a, #thaipost_txt a:hover, #thaipost_txt a:active, #thaipost_txt a:visited{
	text-decoration: underline;
}


#search_user_result{
	width:100%;
	height:300px;
	display:none;
	background-color:#FFFFFF;
}

#search_prod_result{
	width:100%;
	height:300px;
	display:none;
	background-color:#FFFFFF;
}

#main_orderlist a:hover{
	text-decoration: underline !important;
}

.bgdropship{
	background-color: #ffffcc !important;
}

.input-disabled{
	background-color:#EBEBE4;
	border:1px solid #ABADB3;
}

.btn_cash{
	color:#FFFFFF; 
	background-color:#337AB7; 
	font-size:12px; 
	height:25px; 
	font-family:Tahoma; 
	border-radius: 4px; 
	padding-left:5px; 
	padding-right:5px;
}

.btn_discount{
	color:#FFFFFF; 
	background-color:#5CB85C; 
	font-size:12px; 
	height:25px; 
	font-family:Tahoma; 
	border-radius: 4px; 
}

.btn_balance{
	color:#FFFFFF; 
	background-color:#E99921; 
	font-size:12px; 
	height:25px; 
	font-family:Tahoma; 
	border-radius: 4px; 
}

.btn_delpaid{
	color:#FFFFFF; 
	background-color:#F03C3C; 
	font-size:12px; 
	height:25px; 
	font-family:Tahoma; 
	border-radius: 4px; 
	font-weight: bold;
}

.btn_paidmore{
	color:#FFFFFF; 
	background-color:#74ad5a; 
	font-size:14px; 
	height:30px; 
	font-family:Tahoma; 
	border-radius: 4px; 
	padding-left:5px; 
	padding-right:5px;
}

.btn_blue{
	background-color:#1c6fdb;
	color:#FFFFFF;
	border-radius: 2px;
	display: inline-block;
	border:solid 0px;
	cursor:pointer;
}

.btn_blue:hover{
	background-color:#2a549d;
}

.dropship{
	width:100%; 
	background-color:#F3999D; 
	border:solid 1px #FFFFFF; 
	border-radius:5px; 
	text-align:center; 
	vertical-align:middle; 
	color:#FFFFFF;
	font-size:10px; 
	margin-top:5px;
	margin-bottom:5px; 
	padding-bottom:20px; 
	height:20px; 
	line-height:20px;
}

.btn_adv{
	width:140px;
	height: 25px;
	border-radius: 2px;
	border:solid 1px #AAAAAA;
	background-color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	color:#AAAAAA;
}

.btn_adv:hover{
	color:#000000;
}

.ajs-content{
	text-align: center;
}

.ajs-input{
	text-align: center;
}

.icon-active{
	padding:2px;
	color:#FFFFFF;
	background-color:#B60101;
	font-size: 10px;
	border-radius: 3px;
	vertical-align: middle;
}

.br50{
	border-radius:50%;
}

.br4p{
	border-radius:4px;
}

.txt-center {
    text-align: center;
}

.pointer {
    cursor: pointer !important;
}

.cursor {
    cursor: default;
}

.underline{
	text-decoration: underline;
}

.res:hover{
	background-color:#FFFFFF;
}

.res:hover{
	background-color:#EEEEEE;
}


.icon-cod1{
	font-size: 8px;
	font-weight: bold;
	width:95%;
	background-color:#DD4F43;
	border-radius:5px;
	border:solid 1px #E4C80C;
	padding: 2px 2px 2px 2px;
	text-align:center;
	color:white;
	background-clip: padding-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.icon-cod2{
	font-size: 8px;
	font-weight: bold;
	width:95%;
	background-color:#19A15F;
	border-radius:5px;
	border:solid 1px #E4C80C;
	padding: 2px 2px 2px 2px;
	text-align:center;
	color:white;
	background-clip: padding-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.icon-cod3{
	font-size: 8px;
	font-weight: bold;
	width:95%;
	background-color:#4A8AF4;
	border-radius:5px;
	border:solid 1px #E4C80C;
	padding: 2px 2px 2px 2px;
	text-align:center;
	color:white;
	background-clip: padding-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

.icon-cod4{
	font-size: 8px;
	font-weight: bold;
	width:95%;
	background-color:#FFCE44;
	border-radius:5px;
	border:solid 1px #E4C80C;
	padding: 2px 2px 2px 2px;
	text-align:center;
	color:white;
	background-clip: padding-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
/*
.icon-ad{
	font-size: 8px;
	font-weight: bold;
	width:95%;
	background-color:#fdc613;
	border-radius:5px;
	border:solid 1px #E4C80C;
	padding: 2px 2px 2px 2px;
	text-align:center;
	color:white;
	background-clip: padding-box;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
*/

.colorpick{
	border-radius:4px;
	border:none;
	padding:0;
	height:30px;
	width:30px;
	cursor:pointer;
}

#WzTtDiV{
	white-space:nowrap;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #0084ff;
	position: fixed;
	z-index: 2000;
	top: 50px;
	right: 100%;
	width: 100%;
	height: 2px;
}

#main_taguser1::placeholder {
	color: #EB5038;
	opacity: 1; /* Firefox */
}

#main_taguser1:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #EB5038;
}

#main_taguser1::-ms-input-placeholder { /* Microsoft Edge */
	color: #EB5038;
}

.sss-hover{
	opacity: 1;
}

.sss-hover:hover{
	opacity: 0.8;
}

.trans{
	transition: all 0.15s ease-in-out 0s;
}


.fa100{
	width: 1em;
	height: 1em;
}

.fa120{
	width: 1.2em;
	height: 1.2em;
}

.fa150{
	width: 1.5em;
	height: 1.5em;
}

.fa430{
	width: 4.3em;
	height: 4.3em;
}

.fa400{
	width: 4em;
	height: 4em;
}

.fa350{
	width: 3.5em;
	height: 3.5em;
}

.fa300{
	width: 3em;
	height: 3em;
}

.sss-cart{
	color:#183153;
}

.sss-sack{
	color:#183153;
}

.sss-box{
	color:#183153;
}

.sss-history{
	color:#F6958A;
}

.sss-trash{
	color:#F6F7F9;
}

.sss-trash:hover{
	color:#EB5038;
}

.sss-cancel{
	color:#F6F7F9;
}

.sss-cancel:hover{
	color:#0BCB6B;
}

.sidebar.right {
    top: 60px;
    right: 0;
    bottom: 0;
    width: 300px;
    background: #FFFFFF;
}

.sidebars > .sidebar {
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.64);*/
    position: fixed;
    color: #4F4F4F;
    padding: 10px;
    text-align: center;
	z-index: 999;
	overflow-x: hidden;
    overflow-y: auto;
}

#dataright::-webkit-scrollbar {
	width: 12px;
	height: 18px;
}

#dataright::-webkit-scrollbar-thumb {
	height: 200px;
	border: 2px solid #FFFFFF;
	background-clip: padding-box;
	background-color: rgba(199,199,199, 1);
	-webkit-border-radius: 10px;
	-webkit-box-shadow: inset -1px -1px 0px rgba(199,199,199, 1),
		inset 1px 1px 0px rgba(199,199,199, 1);
}

#dataright::-webkit-scrollbar-thumb:hover {
	background-color: rgba(150,150,150, 1);
	-webkit-box-shadow: inset -1px -1px 0px rgba(150,150,150, 1),
		inset 1px 1px 0px rgba(150,150,150, 1);
}

#dataright::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0;
}

#dataright::-webkit-scrollbar-corner {
	background-color: transparent;
}

@keyframes pulsate {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.button-in-progress {
    animation: pulsate 1s ease-in-out infinite;
}

.selected_border{
	border:dashed 2px #222222 !important;
	border-radius: 4px;
}