@import url('bootstrap-slider.min.css');
@import url('font-awesome.css');
@import url('../calendar/jquery.datetimepicker.css');
@import url('selectize.bootstrap3.css');
@import url('../jquery.fileupload.css');
@import url('my_color_picker.css');
@import url('dateTimePicker.min.css');

div {
  -webkit-overflow-scrolling: touch;
}
.clearfix {
  *zoom:1;
}
.radius-3 {
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
}
.radius-5 {
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
}

/* padding */
.pd0 {
  padding:0 !important;
}
.pd5 {
  padding:5px !important;
}
.pd10 {
  padding:10px !important;
}
.pd150 {
  padding:15px 0px !important;
}
.pd20 {
  padding:20px;
}
.pd15{
	padding: 15px 5px;
}
.pd30 {
  padding:30px;
}
.pd40 {
  padding:40px;
}
.pd50 {
  padding:50px;
}
.pl5 {
  padding-left:5px;
}
.pl0{
	padding-left: 0px !Important;
}
.pl10 {
  padding-left:10px !important;
}
.pl15{
	padding-left: 15px;	
}
.pl20 {
  padding-left:20px !Important;
}
.pl30 {
  padding-left:30px !Important;
}
.pl40 {
  padding-left:40px !Important;
}
.pl60 {
  padding-left:60px !Important;
}
.pr5 {
  padding-right:5px;
}
.pr10 {
  padding-right:10px;
}
.pr20 {
  padding-right:20px;
}
.pt3 {
  padding-top:3px;
}
.pt5 {
  padding-top:5px;
}
.pt10 {
  padding-top:10px;
}
.pt15 {
  padding-top:15px;
}
.pt20 {
  padding-top:20px;
}
.pt120{ padding-top: 120px;}
.pb5 {
  padding-bottom:5px;
}
.pb10 {
  padding-bottom:10px;
}
.pb20 {
  padding-bottom:20px;
}

/* margin */
.no-margin {
  margin:0 !important;
}
.mg5 {
  margin:5px;
}
.mg10 {
  margin:10px;
}
.mg15 {
  margin:15px;
}
.mg20 {
  margin:20px;
}
.mg30 {
  margin:30px;
}
.mg40 {
  margin:40px;
}
.mg50 {
  margin:50px;
}
.ml5 {
  margin-left:5px;
}
.ml10 {
  margin-left:10px;
}
.ml20 {
  margin-left:20px;
}
.ml30 {
  margin-left:30px;
}
.mr5 {
  margin-right:5px;
}
.mr10 {
  margin-right:10px;
}
.mr20 {
  margin-right:20px;
}
.mr30 {
  margin-right:30px;
}
.mt0 {
  margin-top:0px;
}
.mt5 {
  margin-top:5px !important;
}
.mt3 {
  margin-top:3px;
}
.mt10 {
  margin-top:10px !important;
}
.mt15 {
  margin-top:15px;
}
.mt20 {
  margin-top:20px;
}
.mt50{ margin-top:50px;}
.mt120{margin-top:120px;}
.mb0 {
  margin-bottom:0px !important;
}
.mb5 {
  margin-bottom:5px;
}
.mb10 {
  margin-bottom:10px;
}
.mb20 {
  margin-bottom:20px;
}
.mb30 {
  margin-bottom:30px;
}
.mb50{ margin-bottom: 50px}
.fl {
  float:left !important;
}
.flnone {
  float:none !important;
}
.fr {
  float:right !important;
}
.hide {
  display:none !important;
}
.show {
  display:block !important;
}
.invisible {
  visibility:hidden !important;
}
.oppa02 {
  opacity:0.2;
}
.oppa04 {
  opacity:0.4;
}
.oppa08 {
  opacity:0.8;
}
/* position */
.position {
  position: relative;
}
.position-r {
  position: absolute;
  right:1px;
  top:1px;
}
.position-l {
  position: absolute;
  left:1px;
  top:1px;
}
.position-b {
  position: absolute;
  right:1px;
  bottom:1px;
}
.position-f {
  position: fixed;
  right:0;
  left:0;
  bottom:0;
}
.positionbot10{
  position: fixed;
  right: 20px;
  bottom: 80px;
  z-index: 1;
}
.positiontop10{
  position: absolute !important;
  right:10px !important;
  top:10px !important;
}
.positiontop{
  position: absolute !important;
  right:10px !important;
  top:0px !important;
}
.positionicondel{
  position: absolute !important;
  right: 20px !important;
  top: 15px !important;
}
.over250 {
  max-height:250px;
  overflow-x:auto;
  overflow-y:auto;
}
.over500 {
  max-height:500px;
  overflow-x:auto;
  overflow-y:auto;
}
.white-space {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.white-space80 {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.white-space50 {
  white-space: inherit;
  text-overflow: ellipsis;
  overflow: scroll;
  height: 50px;
}
.white{color: #FFF !important;}
.bg-blue{background: #175F96 !important;}
.select-getfly{
	width: 100% !Important; 
    height: 34px !important;
    border: none;
    border-bottom: 1px solid #d0d0d0;
}
.disabled{background: #d0d0d0; cursor: not-allowed;}
.select-getfly:focus{
	outline: none;
}
.width100{width: 100% !important;}
.position-icon{
    position: absolute !important;
    right: 15px;
    top: 10px !important;
}
.add-task{
    background: #EB6E1A;
    padding: 15px 17px;
    border-radius: 100%;
    color: #FFF;
	-webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	font-size: 20px !important;
	}
.add-task:hover{
    -webkit-transform: scale(1) rotate(90deg);
    -ms-transform: scale(1) rotate(90deg);
    transform: scale(1) rotate(90deg);
	padding: 15px 17px;
    border-radius: 100%;
	font-size: 20px !important;
}
.editall{
    position: absolute !important;
    right: 10px;
    top: 10px  !important;
    font-size: 20px !important;
}
.search{
	width: 90%;
    border: 1px solid #d0d0d0;
    padding: 3px 5px;
    border-radius: 10px;
    font-size: 12px;
	}
.search:focus{
	outline: none;
}
.rotate{
	color: #FFF;
	-webkit-transition: all 200ms ease;
    transition: all 200ms ease;}
.rotate:hover{
	-webkit-transform: scale(1.2) rotate(360deg);
    -ms-transform: scale(1.2) rotate(360deg);
    transform: scale(1.2) rotate(360deg);
	color: #FFF;
	}
.menu-top{
	position: fixed;
	width: 100%;
	z-index: 999;
	border-bottom: 1px solid #d0d0d0;
	background: #FFF;
	}
.menu-bot{
    position: fixed;
    bottom: 0px;
    background: #faf9f4;
	border-top: 2px solid #175F96;
    width: 100%;
	height: 50px !important;
	z-index: 9;
}
.menu-bot ul li{
    float: left;
    width: 20%;
    font-size: 22px;
    text-align: center;
    color: #555555;
}
.menu-bot ul li a{
    padding-top: 10px !important;
	padding-bottom: 3px !important;
}
.modalnav > li.active {background: #175F96;color: #FFF;}
.modalnav > li .active a{color: #FFF !important;}
.nav > li > a{padding: 0px !important; color: #333;margin:0px !important;}
.filter{font-size: 25px !important; float: left; color: #EB6E1A;}
.filter-campaign{font-size: 22px !important; float: left; color: #FFF;}
.add{font-size: 25px !important; float: right; color: #EB6E1A;}
.editkh{font-size: 25px !important;float: right;color: #EB6E1A;position: absolute !important;right: 0px;top: 0px;}
.img20{
	width: 20px;
}
.img30{
    width: 30px !important;
    border-radius: 100%;
}
.img34{ width: 34px;}
.img40{
    width: 40px !important;
    height: 40px !Important;
    border-radius: 100%;
}
.img80{
    width: 80px !important;
    height: 80px !Important;
    border-radius: 100%;
}
.img50{
    width: 50px !important;
    height: 50px !important;
	float: left;
	margin-right: 10px;
	border-radius: 100%;
}
.img60{
    width: 60px !important;
    height: 60px !important;
    border-radius: 100%;
}
.img100{
    width: 100px !important;
    height: 100px !important;
    border-radius: 100%;
}
.list-group-item{padding: 10px 5px !important;}
.media-middle{vertical-align: top !important;}
.bold{font-weight: bold;}
.progress-getfly{float: right;
    background: #175F96;
    color: #FFF;
    border-radius: 3px;
    padding: 3px;
    font-size: 11px;
	margin-top: 3px;
	}
.color555{color: #555;}
.bor-bot{border-bottom: 1px solid #d0d0d0;}
.bor-top{border-top: 1px solid #d0d0d0;}
.bor-r{border-right: 1px solid #FFF;}
.bordercolor{border: 1px solid #EB6E1A !important;}
#listtask{padding-top: 80px !important;}   
#task{padding-top: 40px;}  
#detailtask{padding-bottom:60px;padding-top: 40px;}  
#detailcustomer{padding-bottom:70px;} 
#listcustomer{padding-top: 40px;} 
#detailstopics{padding-top: 50px;padding-top: 40px;}
#detailsorder{padding-top: 50px;}
#search{padding-bottom: 60px;padding-top: 40px;}
#textarea{height: 300px;}
#checkinkh{z-index: 9;position: absolute;right: 0px;}
#sign{padding-top:100px;}
#listchat{padding-top:40px;}
#listtopic{padding-top:40px;}
#detailmessage{padding-top:45px !important;}
#detailtopic{padding-top:40px !important;}
#listCampaign{padding-top: 40px;}
#listOpportunity{padding-top: 35px;}
.opportunity{padding-top:35px;}
.inventory{padding-top:40px !important;}
.callcenter{padding-top:40px !important;}
.call-center{position: absolute;right: 10px; top: 10px;}
.w90{width: 90%;}
.w85{width: 85% !important;}
.w80{width: 80%;}  
.w75{width: 75%;}
.w70{width: 70%;}
.w60{width: 60%;}
.w14{width: 14%;}
.w7{width: 70px;}
.w75i{width: 75px;}
.w8i{width: 80px;}
.w9i{width: 90px;}
.w10i{width: 100px;}
.w11i{width: 110px;}
.w12i{width: 120px;}
.modal-dialog{margin: 0px !important;}
.modal-content{border-radius: 0px !important;}
.nav{background: #faf9f4;}
.notify{background: #EB6E1A;padding: 2px 6px;color: #FFF;border-radius: 10%;font-weight: normal; /*position: absolute;*/ right:5px; top:15px;}
.fixmodal-dialog{position: absolute !important;bottom: 0px;width: 100% !important;}
.department{font-size: 12px;font-style: italic;}
.content{border: 1px solid #d0d0d0;background: #f9f9f9;padding: 10px;margin-top: 10px;position: relative;}
.content img {width: 100%;}
.font30{font-size: 30px;}
.font25{font-size: 25px;}
.font20{font-size: 20px !important;}
.font16{font-size: 16px;}
.font11{font-size: 11px;}
.font10{font-size: 11px;}
.italic{font-style: italic;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #FFF !important;
  cursor: default;
  background-color: #175F96 !important;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  border-radius: 0px;
}
.viewmore{
    position: absolute;
    right: 5px;
    font-size: 12px;
    bottom: 0px;
	}
.border{border: 1px solid #d0d0d0 !important;}
.time{font-size: 12px;color: #999;}
.font12{font-size: 12px;}
.notify-menu{
	background: #EB6E1A;
    color: #FFF;
    border-radius: 3px;
    font-size: 11px;
    position: absolute;
    right: 2px;
    top: 2px;
    padding: 2px 2px;
    z-index: 9;
}
.over180{height: 180px;overflow: auto;}
.over310{height: 310px;overflow: auto;}
.over340{height: 340px;overflow: auto;}
.over375{height: 375px;overflow: auto;}
.over200{height: 200px;overflow: auto;}
.lih3{
    font-weight: bold !Important;
    margin-top: 0px  !Important;
	margin-bottom: 0px !important;
    padding: 10px 10px 0px 10px!Important;
    font-size: 18px;
    background: #faf9f4;
}
.lih3kh{
    font-weight: normal !Important;
    margin-top: 0px  !Important;
	margin-bottom: 0px !important;
    padding: 10px 10px 0px 10px!Important;
    font-size: 24px;
}
.over{
    height: 30px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    position: absolute;
}
.box{background: #FFF;margin: 5px;border: 1px solid #d0d0d0;border-radius: 5px;}
.hovera:hover{background-color: #D7D7D6 !important;}
.nav-tabs > li{margin-bottom: -2px;overflow: hidden;}	
.menu-bot .nav > li > a:active, .menu-bot .nav > li > a:hover, .menu-bot .nav > li > a:focus{background-color:#175F96 !important; color: #FFF !important;}
/* .nav > li:hover, .nav > li:focus{background-color: #D7D7D6 !important;}	*/
.nav > li > a:hover, .nav > li > a:focus{background-color: #D7D7D6 !important; border:none !Important; border-color: #D7D7D6 !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{font-weight: bold;}
.bg-white{background: #FFF !important;}
.paperclip{position: absolute !important;background: #175F96;color: #FFF;padding: 10px;right: 55px;}
.paperclip2{ position: absolute !important;top: 10px;font-size: 20px !important;cursor: pointer;padding: 5px 9px;background: #175F96;color: #FFF;left: 10px;}
.paperclip2 span{font-size: 14px !important;}
.tag{position: absolute;bottom: 5px;left: 5px;font-size: 20px !important;}
.area{border: none !important;}
.send{position: absolute !important;cursor: pointer;right: 0px;padding: 10px;background: #175F96;color: #FFF;}
.position{position:relative;}
.del{position: absolute;right: 10px;top: 15px;font-size: 15px;color: #999;}
.map{position: absolute;right: 10px;font-size: 25px !important;}
.nav-tabs{border-bottom: 1px solid #175F96 !important;}
.color3{color: #333;}
.color9{color: #999;}
.color0{color: #EB6E1A;}
.color1{color: #F00;}
.blue{color: #175F96;}
.repeat{position: absolute;right: 10px;font-size: 20px !important;color: #999;}
.img30{
	width: 30px !important;
    height: 30px;
    float: left;
    margin-right: 10px;
    border-radius: 100%;
	}
.morekh{position: absolute;top: -5px;}
.bg{background: url(/../assets/images/mobile/bgkh.png) no-repeat;height: 170px;width: 100%;}
.fiximgkh{position: absolute;top: 70px;width: 100%;}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{background-color:#175F96 !important; color: #FFF!important;}
.fixbtn{width: 100%;border-radius: 0 !important;}
.number{font-size: 18px;margin-bottom: 0px;}
.online{position: absolute;right: 10px;top: 20px;color: #009933;}
.offline{position: absolute;right: 10px;top: 20px;color: #999999;}
.textblur {
    color: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,0.8);
    -webkit-transition: text-shadow 0.8s;
    -moz-transition: text-shadow 0.8s;
    -o-transition: text-shadow 0.8s;
    -ms-transition: text-shadow 0.8s;
}
.textblur img{ opacity: 0.5;}
.fixbieudo{width: 180px; height:180px;}
.fixhome{padding: 10px;font-size: 20px;margin: 0px;}
.checkbox{position: absolute !important;top: 7px;left: 10px;width: 20px;height: 20px;}
.search-unsuccessful{background: #999;color: #FFF;border-radius: 5px;}
.relation_new{color: #3a87ad !important;}
.relation_intouch{color: #1c5181 !important;}
.relation_potential{color: #f68e42 !important;}
.relation_hot{color: #dd0000 !important;}
.relation_forget{color: #9c9c9c !important;}
.relation_lost{color:#3c3c3c !important;}
.relation_complete{color: #008449 !important;}
.overflow{overflow: scroll;}
.overul{background: #FFF; width: 500px;}
.overcampaign{background: #FFF; width: 1000px;}
.not-data{background: #EB6E1A; color: #FFF; padding: 10px; text-align:center; margin: 10px;}
.service{position: absolute;right: 10px;top: 40px;background: #175F96 ;color: #FFF;padding: 5px; border-radius: 7px;font-size: 12px;}
.delivery{position: absolute;top: 10px;font-size: 20px !important;margin-left: -10px;}
.product{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #d0d0d0;}
.productfiximg{height: 260px !important;width: 100%;}
.back{position: absolute;right: 20px;top: 140px;font-size: 30px;}
.h26{height: 26px;}
.fixback{padding:5px 10px;font-size: 25px !important;color: #EB6E1A !important;}
.rowAvatar {display: block;padding: 0em 3em;width: auto;}
.colAvatar {display:inline-block;margin: 1em;}
.md-avatar, .md-avatar-circle, #avatar, #custom{display:inline-block;width: 50px;height: 50px;float: left;margin-right: 10px;}
.logo{margin-top: -15px;margin-bottom: 2px;}
.form-control:active,.form-control:hover,.form-control:focus{border-bottom:1.5px solid #175F96;}
.inputlabel{position: absolute;top: -15px;color: #9e9e9e;font-size: 13px;margin-bottom: 0px;}
.bg-black{background: #000 !important;position: absolute;top: 40px;z-index: 99;width: 100%;opacity: 0.5;}
.gettask{background: #FFF; z-index: 99999;position: fixed;width: 100%;text-align: center;margin-top: 140px;padding: 10px;}
.fixcomment{position: absolute;width: 100%;bottom: 0px;z-index: 9; background: #FFF;}
.bgred {background-color: tomato;color: white;}
.bgcho {background-color: chocolate;color: white;}
.bgst {background-color: steelblue;color: white;}
.bgteal {background-color: teal;color: white;}
.champion {font-size: 36px !important;color: #EB6E1A;margin-top: 10px;}
.chip{float: left;margin: 0px 10px;background: #d0d0d0;border-radius: 16px;padding: 5px 10px;}
.chip-account{background: #d0d0d0;border-radius: 16px;padding: 5px 10px;}
.load-more{bottom: 0px;display: inline;position: absolute;right: 0px;padding: 10px;}
.copyright{position: absolute;width: 100%;text-align: center;bottom: 0px;}
.w48l{width: 48%;float:left; margin-top: 10px;}
.w48r{width: 48%;float:right; margin-top: 10px;}

.loading {
  background: white url("../../images/mobile/spinner.gif") right center no-repeat;
  background-size: 16px 16px;
}

#account_name::before {
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	content: ' ';
	z-index: 2;
	position: absolute;
	display: block;
	top: 50%;
	right: 34px;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 0;
	background: url(../images/spinner.gif);
	background-size: 16px 16px;
	opacity: 0;
}
.selectize-control.movies.loading::before {
	opacity: 0.4;
}

.btn-floating {display: inline-block;color: #fff;position: relative;overflow: hidden;z-index: 1;width: 37px;height: 37px;line-height: 37px;padding: 0;background-color: #EB6E1A;border-radius: 50%;transition: .3s;cursor: pointer;vertical-align: middle;}
.btn-floating i {width: inherit;display: inline-block;text-align: center;color: #fff;font-size: 16px;line-height: 37px;}
.btn-floating:hover {background-color: #EB6E1A;}
.btn-floating:before {border-radius: 0;}
.iconsearchkh{margin: -10px -15px;padding: 10px;}
.gf-icon-play{
	background-image: url(../../images/mobile/play.png);
	display: block;
    height: 13px;
    width: 12px;
}
.pd510{padding: 7px 10px}
.pb50{padding-bottom: 50px !important;}
.padding{padding: 10px 10px 0 10px;}
.mt7{margin-top: 7px; margin-bottom: 0px !important;}
.del-contact{top: 5px !important; right: 10px !important; position: absolute !important;}
.fix-nav{height: 50px; overflow:hidden;}
.empty-add{position: fixed;right: 70px;bottom: 85px;width: 70px;}
.empty-add-contacts{position: fixed;right: 70px;bottom: 50px;width: 70px;}
.empty-customer{width: 100px;height: 100px;margin: 10px;}
.empty-task{width: 100px;height: 100px;margin: 20px;}
.empty-found{width:230px;height:160px;margin: 20px;}
.empty-birthday{width: 70px;height: 70px;margin: 10px;}
.overflow{overflow:auto;}
.fileinput-button {
    position: relative;
    overflow: hidden;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.table-mobile {
	border: 1px solid #ccc;
	width: 100%;
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
}

.table-mobile tr {
	border: 1px solid #ddd;
	padding: 5px;
}
.table-mobile th, .table-mobile td {
	padding: 10px;
	text-align: center;
}

.table-mobile th {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}

@media screen and (max-width: 600px) {
	.table-mobile {
		border: 0;
	}
	.table-mobile thead {
		display: none;
	}
	.table-mobile tr {
		/*margin-bottom: 10px;*/
		display: block;
		border-bottom: 1px solid #ddd;
	}
	
	.table-mobile td {
		display: block;
		text-align: right;
		font-size: 13px;
		border-bottom: 1px dotted #ccc;
		border-top:none !important;
	}
	
	.table-mobile td:last-child {
		border-bottom: 0;
	}
	.table-mobile td:before {
		content: attr(data-label);
		float: left;
		/*text-transform: uppercase;*/
		font-weight: bold;
	}
}
.del-user{
	position: absolute;
    right: 5px;
    color: #848484;
    padding: 10px;
    z-index: 9;
    cursor: pointer;
}
.upload-avatar{position:absolute;; right:0px; bottom: -40px;}
.timeworks{padding-top: 42px;}
.b-gray{
	background: #f5f5f5 !important;
	color: #555 !important;
}
.cb{color: #333;}
.m_bot{
	position: fixed;
	bottom: 0px;
	background: #faf9f4;
	border-top: 2px solid #175F96;
	width: 100%;
	height: 50px !important;
	z-index: 9;
}
.slider-selection{background: linear-gradient(to bottom,#149bdf 0,#0480be 100%);}
.slider-track{background-image: linear-gradient(to bottom,#cab6b6 0,#cab6b6 100%) !important;}
.color_1{background: #f3e3b6;}

.tags{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#5bc0de;
	color:#fff;
	height:24px;
	line-height:24px;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;
	position: absolute;
	right: 5px;	
} 
.tags:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #5bc0de transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;		
	}
.tags:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}
.tags:hover{text-decoration: none;color: #fff;}
/*.tags:hover:before{border-color:transparent #555 transparent transparent;}*/
.tagsred{background:#dd0000;}
.tagsred:before{border-color:transparent #dd0000 transparent transparent;}
.requets-pass{width:390px;}
#captcha{width: 270px;}
@media (max-width:480px){
	.requets-pass{width:100%;}
	#captcha{width: 220px;}
	.codeproduct {font-size: 8.5px;}
	.productname {
	    max-height: 35px;
	    word-break: keep-all;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    margin-bottom: 5px;
	    font-weight: bold;
	}
	.w45 {
    	width: 45%;
	}
}
.h100{
	height: 100%;
}
.close_quickview:hover {
	opacity: 1;
	transition: opacity 1s cubic-bezier(.23, 1, .32, 1);
}
.material-switch > input[type="checkbox"] {
    display: none !important;   
}
.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
.nextstep{position: absolute;right: 5px;cursor: pointer;bottom: 0px;color: #FFF;}
.nextstep:hover{color: #FFF;}
.head1{position: fixed;padding: 10px;background: #FFFF00;z-index: 9;}

.head1{
	position: fixed;
    padding: 10px;
    background: #f58632;
    z-index: 9;
    color: #FFF;
}
.colorheader1{background: #FFFF00;color: #000;}
.colorheader2{background: #E62117;color: #FFF;}
.colorheader3{background: #d0d0d0;color: #000;}