* {
	margin: 			0;
	padding: 			0;
	border: 			0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;

    -webkit-appearance: none;
}

/*
*:not(html) {
    -webkit-transform: 	translate3d(0, 0, 0);
}
*/

::selection {
	background: 		#30b7f8;
	}

::-moz-selection {
	background: 		#30b7f8;
}

html {
	width:				100%;
	height: 			100%;
	overflow-y: 		scroll;
	font-family: 		Arial,Georgia,Courier;
	font-weight:		normal;
	background: 		#ffffff;
}

body {
	width:				100%;
	height: 			100%;
	font-size:			16px;
	line-height:		20px;
	font-weight: 		normal;
	text-align:			left;
	color:				#000000;
}

input,select{
	font-weight: 		normal;
	font-family: 		Arial,Georgia,Courier;
}

input[type=submit]{
	cursor: 			pointer;
}

input[type=submit]:hover{
	opacity:			0.8;
}

button{
	font-weight: 		normal;
	font-family: 		Arial,Georgia,Courier;
}

#wos-all {
	position:			relative;

	min-height: 		100%;
	height: 			auto !important;

	margin: 			0 auto -0px auto;

	width:				100%;
	/*min-width: 		990px;*/
	/*max-width: 	 	800px;*/
    }



#wos-mid{
	position: 			relative;
	overflow:			visible;
	padding-bottom: 	0px;
}



#wos-up{
	position: 			relative;
	width: 				100%;
	height: 			auto;
	font-size: 			14px;
	line-height:		18px;
	color: 				#222222;
	text-align: 		left;
	background: 		#ffffff;
}


#wos-dw{
	font-size: 			12px;
	line-height:		40px;
	color: 				#ffffff;
	background: 		#db001e;
	height: 			auto;
	text-align:			right;
}


.wos-centerer{
	width:				100%;
	max-width: 			1600px;
	margin: 			0px auto;
	padding:			0px 20px;
}


h1{
	font-size:			28px;
	line-height:		32px;
}

h2{
	font-size:			20px;
	line-height:		26px;
}

h3{
	font-size:			18px;
	line-height:		22px;
}

h4{
	font-size:			16px;
	line-height:		20px;
}


table{
	margin: 10px 0px;
	width: 100%;
}

th{
	text-align: right;
	height: 40px;
}

th a{
	color: #000000;
}

td{
	text-align: right;
	height: 32px;
}

hr{
	height: 1px;
	width: 100%;
	background: #444444;
	margin: 30px 0px;
}

.left{
	text-align: left !important;
}

.hoverGray:hover{
	background: #eeeeee;
	color: #000000;
}

.hoverGray a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #000000;
	line-height: 32px;
}

.wos-up-in{

	border-bottom: 		1px solid #db001e;
}

.wos-up-in a{

	color:				#000000;
	text-decoration:	none;
}


.logos{
	position:			relative;
	padding:			30px 0px 10px 0px;
}

.logo-unilever{
	position:			relative;
	float:				left;

}

.logo-digital{
	position:			relative;
	float:				right;
}

.logo{
	position:			relative;
}

.logo img{
	max-height:			100px;
	margin-bottom: 		20px;
}

.loginbox{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0px auto 0px auto;
	color: #222222;
	background: #ffffff;
	border: 2px solid #db001e;
	padding: 20px;
	text-align: left;
}

.loginbox span{
	display: inline-block;
	vertical-align: middle;
	min-width: 120px;
}

.loginbox p{
	margin-bottom: 10px;
}

.loginbox input{
	width:	150px;
	height: 32px;
	line-height: 32px;
	padding: 0px 6px;
	font-size: 14px;
	border: 2px solid #db001e;
}

.loginbox input[type=submit]{
	background: #db001e;
	color: #ffffff;
	cursor: pointer;
}

.loginbox input[type=submit]:hover{
	background: #db001e;
	color: #ffffff;
}

.loginbox input:focus{
    outline: none;
}

.mainmenu{
	text-align: center;
	padding:	60px 0px 20px 0px;
}

.button{
	background: #db001e;
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	padding: 0px 20px;
	width: 100%;
	height: 140px;
	max-width: 200px;
	text-align: center;
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	cursor: pointer;
}

.button:hover{
	background: #db001eA0;
}

.mainmenu-button{
	background: #db001e;
	margin: 0px 10px;
	cursor: pointer;
}

.mainmenu-button:hover{
	background: #db001eA0;
}

.breadcrumbs{
	position: relative;
	margin: 20px 0px 20px 0px;
	color: #222222;
	font-size: 14px;
	line-height: 16px;
}

.breadcrumbs a{
	color: #222222;
	text-decoration: underline;
}

.skel3{
	overflow: hidden;
}

.skel3R{
	float: right;
	width: 160px;
}

.skel3L{
	position: relative;
	float: left;
	width: 160px;
}

.skel3M{
	margin: 0px 0px 0px 240px;
}

.skel3Ma{
	position: relative;
	float: left;
	width: 30%;
	text-align: right;
	line-height: 32px;
	margin-bottom: 5px;
	padding: 0px 5px;
}

.skel3Mb{
	position: relative;
	float: right;
	width: 70%;
	line-height: 32px;
	margin-bottom: 5px;
	padding: 0px 5px;
}

.skel3Md{
	position: relative;
	float: left;
	width: 30%;
	text-align: left;
	line-height: 32px;
	margin-bottom: 5px;
	padding: 0px 5px;
}


.clear{
	clear: both;
}

.itext{
	background: #dddddd;
	color: #000000;
	padding: 0px 8px;
	line-height: 32px;
	font-size: 16px;
	font-weight: normal;
}


.itext[readonly]{
	background: #dddddd;
	color: #666666;
}

.itextlarge{
	width: 100%;
}
.itextshort{
	width: 40%;
}

.itextblocked{
	color: #888888 !important;
	height: 32px;
}

.iselect{
	background: #dddddd;
	color: #000000;
	padding: 0px 4px;
	line-height: 32px;
	height: 32px;
	font-size: 16px;
	font-weight: normal;
}

.iselect.selectdisabled{
	background: #dddddd;
	color: #666666;
	pointer-events: none;
}

.inumshort{
	font-size: 16px;
	font-weight: normal;
	width: 80px;
	text-align: left;
	padding: 8px 10px;
	background: transparent;
}

.iarea{
	background: #dddddd;
	color: #000000;
	padding: 8px 8px;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	height: 200px;
	overflow: auto;
}

.vsep{
	height: 50px;
}
.hsep{
	padding: 0px 25px;
}

.iyesno{

}

.iyesno span{
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 32px;
	background: #dddddd;
	color: #aaaaaa;
	text-align: center;
	margin-right: 10px;
	cursor: pointer;
}

.iyesno span:hover{
	background: #222222;
	color: #ffffff;
}

.iyesno span.actv{
	background: #222222;
	color: #ffffff;
}


.iyesno_fake span{
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 32px;
	background: #dddddd;
	color: #aaaaaa;
	text-align: center;
	margin-right: 10px;
}

.iyesno_fake span.actv{
	background: #222222;
	color: #ffffff;
}

.graylabeled{
	display: inline-block;
	vertical-align: middle;
	background: #dddddd;
	color: #222222;
	text-align: center;
	line-height: 32px;
	padding: 0px 10px;
	margin: 0px 10px 0px 0px;
}

.rowselectable{
	cursor: pointer;
}

.rowselected{
	color: #ffffff !important;
	background: #000000 !important;
}

.rowselected .inumshort{
	background: #ffffff !important;
}

.home-message{
	text-align: center;
	padding: 40px 0px 20px 0px;
	color: #008800;
}

#filtros{
	margin: 30px 0px 0px 0px;
}

#filtros h4 {
	margin-bottom: 8px;
}

#filtros p {
	line-height: 28px;
	cursor: pointer;
	padding: 2px 5px;
	margin: 0px 0px 4px 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #aaaaaa;
}

#filtros p:hover {
	opacity: 0.5;
}

#filtros a{
	color: #000000;
	text-decoration: none;
}

.basicfilter{
	border: 1px solid #888888;
	line-height: 25px;
	height: 25px;
	color: #000000;
	padding: 0px 8px;
	width: 100px;
}

.datefilter{
	border: 1px solid #888888;
	line-height: 25px;
	height: 25px;
	color: #000000;
	padding: 0px 8px;
	width: 100px;
}

.fakelink{
	cursor: pointer;
}


.filebutton{
	overflow: 			hidden;
	position: 			relative;

	display:			inline-block;
	width:				auto;
	height: 			32px;
	line-height: 		32px;
	text-align: 		center;
	background:			#000000;
	color: 				#ffffff;
	cursor: 			pointer;
	padding:			0px 10px;
}


.filebutton [type=file]{
	cursor: 			inherit;
   	display: 			block;
   	font-size: 			999px;
   	filter: 			alpha(opacity=0);
   	min-height: 		100%;
   	min-width: 			100%;
   	opacity: 			0;
   	position: 			absolute;
   	right: 				0;
   	text-align: 		right;
   	top: 				0;
}

.filebutton a{
	color: 				#ffffff;
	text-decoration:	none;

}


.uploadarea{
	position: relative;
}

.uploadarea input[type="file"]{
	width: 0px;
	height: 0px;
	position: absolute;
}

.uploadarea > div{
	position: relative;
	border: 1px solid #db001e;
	cursor: pointer;
}

.uploadarea > div > p{
	text-align: center;
	color: #888888;
	font-size: 16px;
	line-height: 24px;
	padding: 30px 10px;
	pointer-events: none;
}

.uploadarea > div:hover{
	background: #db001e20;
}

.uploadarea > div > div{
	position: relative;
	padding: 10px;
}

.uploadarea > div > div > div{
	position: relative;
	display: inline-block;
	border: 1px solid #db001e;
	padding: 10px 10px 30px 10px;
	width: 180px;
	margin: 10px;
	color: #222222;
	background: #ffffff;
	border-radius: 4px;
	cursor: auto;
	pointer-events: all;
}

.uploadarea > div > div > div > h1{
	font-size: 16px;
	line-height: 24px;
	padding: 0px;
	margin: 0px;
}

.uploadarea > div > div > div > i{
	position: absolute;
	right: -14px;
	top: -14px;
	cursor: pointer;
	padding: 4px;
	font-size: 20px;
	line-height: 20px;
	color: #db001e80;
	background: #ffffff;
	border-radius: 50%;
}

.uploadarea > div > div > div > i:hover{
	color: #db001e;
}


.uploadarea > div > div > div > p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 20px;
	background: #db001e;
	color: #ffffff;
}

.uploadarea > div > div > div > p > span{
	padding: 0px 4px;
	position: absolute;
	left: 0px;
	width: 0%;
	top: 0px;
	bottom: 0px;
	background: #008800;
}

.uploadarea > div > div > div > p > b{
	position: absolute;
	right: 10px;
	width: auto;
	top: 0px;
	bottom: 0px;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
}


.uploadarea[data-style="small"] > div > p{
	text-align: center;
	color: #888888;
	font-size: 16px;
	line-height: 24px;
	padding: 4px 10px;
	pointer-events: none;
}


.uploadarea[data-style="small"] > div > div{
	position: relative;
	padding: 0px;
}

.uploadarea[data-style="small"] > div:has(div > div){
	pointer-events: none;
	border: 1px solid transparent;
}

.uploadarea[data-style="small"] > div:has(div > div) > p{
	display: none;
}

.uploadarea[data-style="small"] > div:has(div > div):hover{
	background: transparent;
}


.conversationpart .iarea{
	height: 140px !important;
}

.uploadprogression{
	position: relative;
	line-height: 32px;
	margin-bottom: 2px;
	height: 32px;
	border: 1px solid #333333;
	overflow: hidden;
}

.uploadprogression div{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 32px;
	width: 0%;
	background: #ffdddd;
}

.uploadprogression p{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 32px !important;
	line-height: 32px !important;
	padding: 0px 5px;
}


.uploadprogression span{
	display: inline-block;
	vertical-align: middle;
	padding: 0px 5px;
}

.uploadprogression i{
	position: absolute;
	right: 4px;
	top: 3px;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	font-style: normal;
	width: 24px;
	height: 24px;
	border: 1px solid #000000;
	text-align: center;
	line-height: 24px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-khtml-border-radius: 12px;
	background: #ffdddd;
}

.uploadprogression i:hover{
	color: #ffffff;
	background: #ff4444;
}

.conversationpart p{
	line-height: 24px;
}

.conversationpart p a{
	position: relative;
	color: #000000;
	font-size: 18px;
}

.conversationpart p a:hover{
	text-decoration: none;
}

.conversationpart p a img{
	position: absolute;
	right: -32px;
	top: 0px;
}

.pager{
	text-align: center;
	line-height: 40px;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	margin: 40px 0px 40px 0px;
}

.pager span{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 0px 5px;
	text-decoration: underline;
}

.latoption{
	margin: 10px 0px 0px 0px;
	width: 100%;
	height: auto;
	text-align: left;
}

.errorfield{
	background: red !important;
	color: white !important;
}

span.errorfield{
	display: inline-block;
	padding: 0px 10px;
}

.upfilters{
	text-align: right;
	margin-bottom: 20px;
}
.upfilter{
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px;
}

.msgstogestores{

}

.msgstogestores-in{

}

.msgstogestores h1{
	text-align:	right;
	font-size:	18px;
	line-height: 22px;
	font-weight: normal;
	cursor: pointer;
	margin-bottom: 10px;
}

.msgstogestores h2{
	text-align:	right;
	font-size:	14px;
	line-height: 18px;
	font-weight: normal;
}

.msgstogestores select{
	border: 1px solid #888888;
	line-height: 25px;
	height: 25px;
	color: #000000;
	padding: 0px 8px;
	width: 240px;
}

.msgstogestores-msg input[type=text]{
	border: 1px solid #888888;
	height: 40px;
	color: #000000;
	padding: 0px 8px;
	width: 100%;
	font-size: 16px;
	line-height: 40px;
	margin: 4px 0px 10px 0px;
	font-family: 		Arial,Georgia,Courier;
	font-weight:		normal;
}

.msgstogestores-msg input[type=submit]{
	border: 1px solid #888888;
	height: 40px;
	color: #000000;
	padding: 0px 28px;
	width: auto;
	font-size: 16px;
	line-height: 40px;
	margin: 4px 0px 10px 0px;
	font-family: 		Arial,Georgia,Courier;
	font-weight:		normal;
}


.msgstogestores-msg textarea{
	border: 1px solid #888888;
	font-size: 16px;
	line-height: 24px;
	height: 250px;
	color: #000000;
	padding: 5px 8px;
	width: 100%;
	margin: 4px 0px 10px 0px;
	font-family: 		Arial,Georgia,Courier;
	font-weight:		normal;
}

.form-msg-container{
	float: right;
	width: 70%;
	text-align: left;
	display: none;
}

textarea,input{
    outline: none;
	resize: none;
}

#hojadeenvio{
	max-width: 840px;
}

#hoja-envio-container{
	width: 50%;
	display: block;
	margin: 0px auto;
}

#hojadeenvio table{
	margin: 0px auto;
}

#hojadeenvio table th{
	text-align: left;	
	font-weight: bold;
}

#hojadeenvio table td{
	text-align: left;
}

.route_popup{
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -200px;
	width: 400px;
	height: 400px;
	color: 				#ffffff;
	background: 		#db001e;

	border: 2px solid #274e45;
	z-index: 999;
	overflow: auto;
	font-size: 14px;
	line-height: 24px;
}

.route_popup h1{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 32px;
	color: 				#ffffff;
	background: 		#db001e;
	font-size: 18px; line-height: 32px;
	text-align: center;
}

.route_popup div{
	padding: 10px 10px 10px 10px;
	text-align: justify;
}

.route_popup span{
	border: 1px solid #db001e;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 4px;
	top: 8px;
	background: #ffffff;
	color: #db001e;
	cursor: pointer;
	text-align: center;
	line-height: 19px;
	font-size: 18px;

}


.route_popup a{
	color: #ffffff;
}

#table_listapedidos td{
	font-size: 12px;
}

#negativeBudgetAlert{
	text-align: center;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	color: #ff2222;
}

.envioaddress{
	display: none;
	position: relative;
	padding: 20px 0px;	
}

.envioaddress > div{
	padding: 10px 20px;
	border: 1px solid #aaaaaa;
}

.envioaddress > div > div{
	padding: 10px 20px;
}

.envioaddress .iselect{
	width: 100%;
}

.envioaddress .itext{
	width: 100%;
}


.aaff-repository{
	position: relative;
	margin: 32px 0px;
	border: 1px solid #444444;
	padding: 0px 0px 0px 0px;
}

.aaff-repository > h3{
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	padding: 10px 4px;
	background: #E0E0E0;
}

.aaff-repository > div{
	padding: 0px 0px;
}

.aaff-repository > div > p{

}

.aaff-repository > div > p > a{
	text-decoration: none;
	display: block;
	padding: 10px 8px 10px 12px;
	line-height: 20px;
	font-size: 14px;
	color: #444444;
	background: #f0f0f0;
}

.aaff-repository > div > p > a:hover{
	background: #ffffff;
}

.not-direct-delivery{
	padding: 32px;
	border: 1px solid #a00000;
}

.not-direct-delivery b{
	color: #a00000;
}


.maintenance{
	position: relative;
	background: #006aab;
	color: #ffffff;
	font-size: 20px;
	line-height: 26px;
	width: 100%;
	max-width: 1024px;
	margin: 50px auto 50px auto;
	padding: 32px 64px;
	text-align: center;
}

.maintenance a{
	text-decoration: none;
	color: #ffffff;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
}

.maintenance img{
	display: block;
	width: 180px;
	margin: 0px auto;
}

.mainmenu-gestor{
	position: relative;
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-bottom: 20px;
}

.mainmenu-gestor h1{
	font-size: 20px;
	line-height: 28px;
	color: #db001e;
	flex: 0;
	margin-bottom: 20px;
}

.mainmenu-gestor > div{
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.mainmenu-gestor > div > div{
	position: relative;
	flex: 1;
	background: #f1f1f1;
	padding: 10px;
}

.mainmenu-gestor > div > div > div{
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: auto;
}

.mainmenu-gestor > div > div > div > div{
	position: relative;
	flex: 1;
}

.mainmenu-gestor > div > div > div > div img{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.mainmenu-gestor > div > div > div > div .bt1{
	color: #ffffff;
	background: #db001e;
	width: 80%;
	margin: 0px auto;
	padding: 20px 10px;
	cursor: pointer;
	font-size: 22px;
	line-height: 30px;
}

.mainmenu-gestor > div > div > div > div .bt1:hover{
	opacity: 0.8;
}

.mainmenu-gestor > div > div > div > div a{
	position: relative;
	display: block;
	padding: 10px 60px 10px 40px;
	color: #444444;
	font-size: 16px;
	line-height: 24px;
}

.mainmenu-gestor > div > div > div > div a:hover{
	opacity: 0.8;
}

.mainmenu-gestor > div > div > div > div a > img:first-of-type{
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translate(0,-50%);
	width: 20px;
}

.mainmenu-gestor > div > div > div > div a > img:last-of-type{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
	width: 20px;
}

.mainmenu-gestor .homenotif{
	padding: 4px 10px 0px 10px;
	font-size: 14px;
	line-height: 22px;
}

.mainmenu-gestor > div > div > div > div form{
	position: relative; 
	min-height: 100%; 
	display: flex; 
	flex-direction: column;
}

.mainmenu-gestor > div > div > div > div textarea{
	resize: none;
	width: 100%;
	flex: 1;
	padding: 10px;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
}


.mainmenu-gestor > div > div > div > div .bt2{
	color: #ffffff;
	background: #db001e;
	width: auto;
	margin: 0px auto;
	padding: 10px 30px;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
}

.mainmenu-gestor > div > div > div > div .bt2:hover{
	opacity: 0.8;
}

.mainmenu-gestor .answercontact{
	text-align: center;
	font-size: 18px;
	line-height: 24px;
}

.form-blue{
	color: #db001e;
}

.form-horarios{
	width: 400px;
}

.form-horarios th,.form-horarios td{
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid #a0a0a0;
}

.form-horarios i{
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
}

.form-horarios label{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size: 16px;
	line-height: 24px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
  	user-select: none;
}

.form-check{
	position: relative;
	cursor: pointer;
}

.form-check input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
  }

.form-check > span{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #dddddd;
}

.form-check:hover input ~ span {
	background-color: #dddddd;
}

.form-check input:checked ~ span {
	background-color: #db001e;
}
  
.form-check > span:after {
	content: "";
	position: absolute;
	display: none;
}

.form-check input:checked ~ span:after {
	display: block;
}
  
.form-check > span:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



.form-mode-0{
	display: none;
}

.form-mode-1{
	display: none;
}

.form-mode-2{
	display: none;
}


.elements-list{
	position: relative;
	margin: 0px 0px 20px 0px;
}

.visibility-element{
	position: relative;
	padding: 20px 20px 20px 20px;
	border: 1px solid #db001e;
	margin: 0px 0px 20px 0px;
}

.visibility-element .close{
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 10px;
	cursor: pointer;
	font-size: 30px;
	line-height: 30px;
	color: #db001e;
}

.visibility-element .close:hover{
	opacity: 0.6;
}

.visibility-element h1{
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 20px;
}

.visibility-element h2{
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 10px;
}

.visibility-element .half{
	float: left;
	width: 50%;
}

.visibility-element .options-list{
	position: relative;
	padding: 0px 40px 20px 40px;
}

.visibility-element .options-list > div{
	position: relative;	
	max-height: 400px;
	overflow: auto;
}

.visibility-element .options-list > div > div{
	position: relative;	
	line-height: 40px;
	padding: 0px 20px;
}

.visibility-element .options-list > div > div:nth-child(odd) {
	background: #e2e2e2;
}

.visibility-element .options-list > div > div:nth-child(even) {
	background: #f0f0f0;
}

.visibility-element .options-list > div > div.option-text > p{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 25%;
	text-align: center;
}

.visibility-element .options-list > div > div.option-text > p > input{
	width: 100%;
	line-height: 24px;
	text-align: right;
	padding: 0px 10px;
}

.visibility-element .options-list > div > div.option-text > p > input[type="number"] {
	text-align: left;
	padding-right: 2px;
}

.visibility-element .options-list > div > div.option-radiocheck{
	position: relative;
	padding-left: 70px;
	cursor: pointer;
}

.visibility-element .options-list > div > div.option-radiocheck[data-mode="readonly"]{
	cursor: auto;
}

.visibility-element .options-list > div > div.option-radiocheck[data-actv="0"] > span > i{
	display: none;
}

.visibility-element .options-list > div > div.option-radiocheck > span{
	position: absolute;
	left: 20px;
	top: 8px;
	bottom: 8px;
	width: 30px;
	pointer-events: none;
	background: #ffffff;
}

.visibility-element .options-list > div > div.option-radiocheck > span > i{
	position: absolute;
	left: -4px;
	top: -8px;
	font-size: 40px;
	display: block;
	width: 40px;
	color: #db001e;
	pointer-events: none;
}

.add-visibility-element{
	position: relative;
	text-align: center;
	font-weight: bold;
	padding: 20px 20px;
	border: 1px solid #db001e;
	margin-bottom: 40px;
	cursor: pointer;
}

.add-visibility-element:hover{
	background: #db001e20;
}

.extrafield-block{
	position: relative;
	margin: 0px 0px 20px 0px;
}

.extrafield-block > i{
	position: absolute;
	left: -60px;
	top: 0px;
	font-size: 40px;
	color: #db001e;
}

.extrafield-block > div{
	position: relative;
	margin: 10px 0px;
}

.iarea2{
	background: #ffffff;
	color: #000000;
	padding: 8px 8px;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	height: 200px;
	overflow: auto;
	border: 1px solid #db001e;
}


i.fielderror{
	color: #ff0000;
	font-size: 20px;
	display: none;
}

.resource-download{
	position: relative;
	padding: 2px 10px;
	font-size: 18px;
	line-height: 24px;
}

.resource-download > a{
	position: relative;
	padding: 0px 0px 0px 40px;
	color: #222222;
}

.resource-download > a:hover{
	color: #db001e;	
}

.resource-download > a > i{
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0,-50%);
	font-size: 24px;
	line-height: 25px;
	color: #db001e;	
}


.pricestable{
	position: relative;
	padding: 0px 0px 0px 15%;
}

.pricestable > i{
	font-size: 30px;
	cursor: pointer;
}

.pricestable table{
	margin: 0px;	
}

.pricestable table tr{
	height: auto;
}

.pricestable table tr:nth-child(even){
	background: #e0e0e0;
}

.pricestable table tr:nth-child(odd){
	background: #f0f0f0;
}

.pricestable table tr th{
	padding: 0px 10px;
	line-height: 20px;
	font-weight: normal;
}

.pricestable table tr td{
	padding: 0px 10px;
	line-height: 20px;
}

.pricestable table tr td > i{
	font-size: 20px;
	cursor: pointer;
}

.pricestable .custom-select select{
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	background-color: #ffffff; 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	padding: 2px 10px; 
	font-size: 16px; 
	color: #333; 
	outline: none;
	width: auto; 
	cursor: pointer; 
}

.pricestable .custom-select > u{
	position: absolute;
	display: block;
	top: 50%;
	right: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #333; 
	transform: translateY(-50%);
	pointer-events: none; 
}

.pricestable .custom-select{
	position: relative; 
	display: inline-block; 
}

.pricestable .custom-select select{
	width: 100%; 
	padding-right: 30px; 
}


.pricestable input{
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	background-color: #ffffff; 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	padding: 2px 10px; 
	font-size: 16px; 
	color: #333; 
	outline: none;
	width: auto; 
	text-align: right;
}








.envioinfo{
	position: relative;
	padding: 0px 0px 0px 15%;
}

.envioinfo table{
	margin: 0px;	
}

.envioinfo table tr{
	height: auto;
}

.envioinfo table tr:nth-child(even){
	background: #e0e0e0;
}

.envioinfo table tr:nth-child(odd){
	background: #f0f0f0;
}

.envioinfo table tr th{
	padding: 0px 10px;
	line-height: 20px;
	font-weight: normal;
}

.envioinfo table tr td{
	padding: 0px 10px;
	line-height: 20px;
}

.envioinfo table tr td > i{
	font-size: 20px;
	cursor: pointer;
}


.envioinfo input{
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	background-color: #ffffff; 
	border: 1px solid #ccc; 
	border-radius: 5px; 
	padding: 2px 10px; 
	font-size: 16px; 
	color: #333; 
	outline: none;
	width: auto; 
	text-align: left;
}