body { 	  
	margin-left: 0px;
	margin-top: 0px;
	background-color: #e6ecf0;
	background-image: url("/images/pattern12.png");
	font-family: 'Montserrat', sans-serif;
	color: #08080b;
	font-size:12px;
}
h2{font-weight:600;padding-bottom:10px;border-bottom: 2px solid #29a5f0;}
img {
	border: 0px;
}
a{
	color: #08080b;font-size:14px;
}
p{font-size:14px;}
h3{font-size:18px;color:#179eee;}
.headercontent{width:98%;padding:1%;background:#09496f;display: inline-block;}
.lefttop{float:left;width: 50%;}
.righttop{font-size:14px;float:left;width: 50%;text-align:right;}
.mainTable {
	border: 0px solid #eee;
	width: /*1000px;*/100%;

      /*  -webkit-box-shadow:  5px 5px 5px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow:  5px 5px 5px 2px rgba(0, 0, 0, 0.2);
        box-shadow:  5px 5px 5px 2px rgba(0, 0, 0, 0.2);*/
}
.languageBar {
	border: 0px;
	width: 100%;
	height: 20px;
	background-color: #CCCCCC;
}
.pageFooter {
	font-size: 10pt;
	color: #FFFFFF;
	text-decoration: none;
}
.footerLink {
	font-size: 10pt;
	color: #FFFFFF;
	text-decoration: none;
}
.footerLink:hover {
	color: #FF0000;
}
.footerText{
	font-size: 12px;
	
}
.footerText2{
	font-size: 11px;
	color:#000;
	
}
.footerText a{
			color:#08080b;	
}
.normalText {
    font-size: 12px;
    color: #000;
    padding: 10px 0;
    background: transparent !important;
}
td.normalText a {
	color:#000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
td.normalText a:hover {
	color:#000;
	text-decoration: underline;
}
.smsAlertText {
	font-size: 13px;
	color:#2E2EFE;
}
.userAlertText {
	font-size: 14px;
	color:#FA5858;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
}
.normalText3 {
	font-size: 14px;
	text-align:justify;
}
.normalText4 {
	font-size: 12px;
	text-align:justify;
}
.errorText {
	font-size:12px;
	margin-left: 5px;
	font-weight:bold;
	color: #179eee;
}
.successText {
	font-size:12px;
	color: #00FF40;
}
.formInput {
 font-size: 14px;
 border: 0px solid #c1c2c6;
 padding:6px;
 background: #e6ecf0;
border-radius: 10px;
margin: 5px 0;
 width: 100%;
 color:#000;
font-family: 'Montserrat', sans-serif;
}
.formInput2 {
 font-size: 14px;
 border: 0px solid #c1c2c6;
 padding:6px;
 background: #e6ecf0;
border-radius: 10px;
 width: 92%;
 color:#000;
 font-family: 'Montserrat', sans-serif;
}
input[type="text"] {
 font-size: 14px;
 border: 0px solid #c1c2c6;
 padding:6px;
 background: #e6ecf0;
border-radius: 10px; 
 color:#000;
 font-family: 'Montserrat', sans-serif;
 margin:6px 0;
}

#captcha-form{ font-size: 14px;
 border: 0px solid #c1c2c6;
 padding:6px;
 background: #e6ecf0;
border-radius: 10px;
 width: 100%;
 color:#000;}

.menuLink {
	text-decoration: none;
	font-size: 10pt;
	color: #4362a2;
}
.menuLink:hover {
	color: #0000ff;
	text-decoration: none;
}
.contentCell {
	/*background-color: #fff;*/
	padding:0px;

	/*text-align: center;*/
}
.inputcell {
	text-align:left;
	border-color:#FFFFFF;
	border-style:solid;
	font-size: 10pt;
	color: #000000;
	padding:8px;
}
.inputcell > a{
text-decoration:none;
color:#000;
font-weight:500;
}

.inputcell > a:hover{
text-decoration:underline;
}



.footerRow {
	/*background-color: #809FBE;*/
	text-align: right;
	border-top: 0px;
	border-top-style:dashed;
	border-color: #adafb2;
	padding-top:10px;
	background-color:#fff;
	/*background-color:#F5F3F1;*/
	/*background-image:url("/images/s1.jpg");
	background-repeat:repeat-x;
	background-position:0px 0px;*/
}	
	
	

.welcomeMessage {
	font-size: 18px;
	color: #09496f;	
	font-weight: bold;
}

.headingCell {
	font-size: 16pt;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding-left: 15px;
	height: 30px;
}

.emptd{
	background-color: #DDDDDD;
}
.check{
	border-width:6px;
}
table.datosTable{
	 width:100%;
	 background:#fff;
	 border-radius:20px;
	 padding:30px;
	 margin-bottom:2%;
	}
.datosTable td {
	height:30px;
}

table.datosTable2{
	 width:90%;
	 background:#fff;
	 border-radius:20px;
	 padding:30px;
	}
.datosTable2 td {
	height:30px;
}
table.datosTable3{
	 width:50%;
	 background:#fff;
	 border-radius:20px;
	 padding:30px;
	}
.datosTable3 td {
	height:30px;
}
.datosTable4{
	 width:90%;
	 background:#fff;
	 border-radius:20px;
	 padding:30px;
	}
table.datosTable4{
	 width:90%;
	 background:#fff;
	 border-radius:20px;
	 padding:30px;
	}
.datosTable4 td {
	height:30px;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

.cabecera{
	background-color:#fff;
	background-image:url("/images/s1.jpg");
	background-repeat:no-repeat;
	background-position:center bottom;
	height:152px;
	font-weight:bold;
	font-size:14px;
	padding:0;
	margin:0;
		}

.cabecera h1{
color:#fff; 
font-size:25px;
text-align:center;}


/*TABLAS*/
.empTable
{
	font-size: 12px;
	/*width: 600px;*/
	text-align: left;
	border-collapse: collapse;
	text-align:left;
}
.empTable th
{
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	background: #fff;
	border-top: 0px solid #aabcfe;
	border-bottom: 1px solid #e7ecf0;
	color: #000;
}
.empTable td
{
	font-size: 14px;
	border:0px; 
	border-bottom: 1px solid #e7ecf0;
	color: #000;
	border-top: 1px solid transparent;
}

/*MENU LATERAL*/


.menuBg {
margin:0px;
vertical-align:top;
/*background-color: #D8D8D8;*/
background:transparent;
}
.menuBg ul {
 margin:0px; padding:0px;

}
.menuBg img {
	border: 0px;
	height: 18px;
	vertical-align: text-bottom;
}
.menuBg a {
/*	color: #809FBE;
	text-decoration: none;
	width:200px;
	display:block;
	height:25px; 
	border:1px solid #ddd;
	border-bottom-color:#fff;
	padding:15px;
	margin:0px;
	text-shadow: #436a8b;*/
color:#000;
font-size:14px;
font-weight:600;
}
.menuBg a:hover {
color:#09496f;
}



.empTable tr:hover td
{
	background: #fff;
	color: #000;
	background: #fff;
	
	
	
	
}
.menuBg a{
background-repeat:no-repeat;
background-position:right -10px;
	}
.menuBg a.administradores {
background-image:url("/images/menu-admin.jpg");
}	
.menuBg a.usuarios {
background-image:url("/images/menu-user.jpg");
}
	
.menuBg a.formularios {
background-image:url("/images/menu-formu.jpg");
}
.menuBg a.salir {
background-image:url("/images/menu-salir.jpg");
}
.menuBg a:hover{
background-position:right -80px;
color:#000;
	}
/*BUTTON*/




.formInput {
 font-size: 14px;
 border: 0px solid #c1c2c6;
 padding:6px;
 background: #e6ecf0;
border-radius: 10px;
 width: 100%;
 color:#000;
 }

.formInput:hover,  .formInput:focus {
   color:#000;
   
}
.formInput:focus {
	
        -webkit-box-shadow:  0px 0px 3px 3px #8faec9;
        -moz-box-shadow:  0px 0px 3px 3px #8faec9;
        box-shadow:  0px 0px 3px 3px #8faec9;
}

 

.menu-form >a{
	padding:5px;
	text-decoration:none;
	margin-right:15px;
font-size:13px;
	}
input[type="submit"], input[type="button"], .menu-form >a{ 

border:1px solid red;
color: #fff;
	border: solid 1px #09496f;
	background: #09496f;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#08080b), to(#8a8b8d));
	background: -moz-linear-gradient(top,  #08080b,  #8a8b8d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8faec9', endColorstr='#8a8b8d');
text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius:0; 
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	padding:10px;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	font-weight:600;
	font-size:14px;
	box-shadow: 0;	
}
input[type="submit"]:hover, input[type="button"]:hover, .menu-form >a:hover{ 
color: #ffffff;
	background: #08080b;
	/*border: solid 1px #08080b;
	background: -webkit-gradient(linear, left top, left bottom, from(#08080b), to(#8a8b8d));
	background: -moz-linear-gradient(top,  #08080b,  #8a8b8d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#08080b', endColorstr='#8a8b8d');*/
cursor:pointer;
}



/*++++++++++PAGINAS++++++++++*/

/*++++++LOGIN+++++*/

.login{

/*background-image:url("/images/fondo.png");
background-repeat:no-repeat;
background-position:right;*/
margin: 0 auto;
border-radius:20px;
width: auto;
background: #fff;
border-radius: 20px;
/*padding: 30px;*/
}
.loginleft {width:90%;background:#fff;border-radius:20px;padding:6%;}
.loginright {width:90%;background:#fff;border-radius:20px;padding:6%;}

.loginleft h2{text-align:left;}


.login1 {
    margin: 0 auto;
    display: flex;
    border-radius: 20px;
    width: 70%;
}
.loginleft1 {width:90%;background:#fff;border-radius:20px;padding:2% 4%;margin-right: 2%;}
.loginright1 {width:90%;background:#fff;border-radius:20px;padding:2% 4%;margin-left: 2%;}

/*FORMULARIOS*/

table.formulario-tabla{
width:100%;
padding:0 20px;
}

.formulario-tabla td{padding: 7px 0;}
.separador-abajo td{

border-bottom:1px dotted #8faec9; padding-bottom:30px;
}
.separador-arriba td{
padding-top:30px;
}


/*************** Added/Modified by Sujith **********************/
.mandatoryMark {
	color: #ff0000;
}
#actualizarVersionPopupAlert {
	width: 80%;
	height: 100%;
	margin: 5px auto;
	text-align: center;
}
#actualizarVersionPopupAlert button {
	margin: 5px auto;
}
#backgroundhide {
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#cdcdcd;  
	border:1px solid #cecece;  
	z-index:115;  
}
#popupdiv {
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	top:30%;
	left:30%;
	/*height: 150px;*/
	width:auto;
	background:#FFFFFF;  
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #000000;
	border-color: #000000;
	z-index:116;  
	padding:25px;  
	font-size: 14px;
	/*font-weight: bold;*/
	text-align: center;
	vertical-align: middle;
}
#popupdivScreenBlock {
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	top:30%;
	left:30%;
	/*height: 150px;*/
	width: 400px;
	background:#FFFFFF;  
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #000000;
	border-color: #000000;
	z-index:116;  
	padding:5px;  
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
#closepopupdiv {
	text-align: right;
}
#popupDialog {
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	top:30%;
	left:30%;
	/*height: 150px;*/
	width: 400px;
	background:#FFFFFF;  
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #000000;
	border-color: #000000;
	z-index:116;  
	padding:5px;  
	font-size: 13pt;
	/*font-weight: bold;*/
	text-align: justify;
	vertical-align: middle;	
}
#seleccionDeAutorizadosTable {
	display: table;
	width: 90%;
	margin: 10px auto;
}
#seleccionDeAutorizadosTable thead {
	font-weight: normal;
	background: #cdcdcd;
}
#seleccionDeAutorizadosTable td {
	border: 1px solid #cdcdcd;
	padding: 5px;
}
#seleccionDeAutorizadosTable a {
	font-size: 10pt;
	text-decoration: none;
}
#seleccionDeAutorizadosTable a:hover {
	text-decoration: underline;
}
#seleccionDeAutorizadosTable input[type="text"] {
	width: 80px;
}
#smsValidateMessage, #authorizationErrorMessage, #apunteCopiasDealerCheckErrorMessage {
	color: #ff0000;
	text-align: center;
}
#seleccionDeAutorizadosTable a {
	font-size: 10pt;
	text-decoration: none;
}
#seleccionDeAutorizadosTable a:hover {
	text-decoration: underline;
}
#seleccionDeAutorizadosTable input[type="text"] {
	width: 80px;
}
#smsValidateMessage, #authorizationErrorMessage {
	color: #ff0000;
	text-align: center;
}
/* FOR datosTable */
#datosForm label {
	width: 150px;
	font-size:14px;
	display: inline-block;
	padding-top: 5px;
}
#datosForm .dateInput {
	width: 100px;
	font-size: 10p000;
	border: 1px solid #e6ecf0;
	background: #e6ecf0;
	margin-right: 20px;
}
hr{
border-color: #e6ecf0 !important;
border-style: solid;
border-width: 1px;
	}
input[type="checkbox"] {
	background:#e6ecf0;
}
}

label{font-size:14px;}
.ayudaDiv{
	width:370px;
	margin:10px;
	padding:10px;
	font-size: 13px;
	color:#000;
}

.clientMenuTabs {
    /* display: block; */
    padding: 10px 20px;
    text-decoration: none;
    border: 0;
    border-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    background-color: #e6ecf0;
    text-transform: uppercase;
    webkit-border-top-right-radius: 0.50em;
    -webkit-border-top-left-radius: 0.50em;
    -moz-border-radius-topright: 0.50em;
    -moz-border-radius-topleft: 0.50em;
    border-top-right-radius: 0.50em;
    border-top-left-radius: 0.50em;
}

.clientMenuTabs:hover {
  background:#00aeef; 
  color:#fff;
  text-decoration:none;
}

.clientMenuTabsActive {
    padding: 10px 20px;
    text-decoration: none;
    border: 0;
    border-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #09496f;
    text-transform: uppercase;
    webkit-border-top-right-radius: 0.50em;
    -webkit-border-top-left-radius: 0.50em;
    -moz-border-radius-topright: 0.50em;
    -moz-border-radius-topleft: 0.50em;
    border-top-right-radius: 0.50em;
    border-top-left-radius: 0.50em;
}

.adminMenuLinkActive {
	font-weight:bold;
	text-decoration:underline;
}

/* For editable combo box */
	.selectBoxArrow{
		margin-top:1px;
		float:left;
		position:absolute;
		right:1px;
	}	
	.selectBoxInput{
		border:0px;
		padding-left:1px;
		height:16px;
		position:absolute;
		top:0px;
		left:0px;
		width:240px;
	}
	.selectBox{
		border:1px solid #7f9db9;
		height:20px;	
	
	}
	.selectBoxOptionContainer{
		position:absolute;
		border:1px solid #7f9db9;
		height:100px;
		background-color:#FFF;
		left:-1px;
		top:20px;
		visibility:hidden;
		overflow:auto;
		z-index:1000;
	}
	.selectBoxIframe{
		position:absolute;
		background-color:#FFF;
		border:0px;
		z-index:999;
	}
	.selectBoxAnOption{
		font-family:arial;
		font-size:12px;
		cursor:default;
		margin:1px;
		overflow:hidden;
		white-space:nowrap;
	}


fieldset {
	background-color: #fff;
	border: 0px;
	padding: 0px;
	margin: 10px auto;
}
fieldset label {
	padding-left: 0px;
}
legend {
	display: block;
	padding: 5px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	font-weight:bold;
	text-transform: uppercase;
}
fieldset img.help-icon {
	margin: 10px 10px 0px 0px;
}
.capcha{border:2px solid #e6ecf0;padding:20px;width:60%;margin-top:5%;}
.btnhm{padding-bottom:15px;display:block;}
textarea#key_delvry_adres {
    display: none;
    width: 100%;
    min-height: 100px;
}
.select2-container {
    width: 150px !important;
}
@media (max-width:680px) {
.capcha{border:2px solid #e6ecf0;padding:20px;width:86%;margin-top:5%;}
.login{width: 100%;}
.righttop{width:70%;font-size:12px;}
.lefttop{width:30%;}

.login1 {
    margin: 0 auto;
    display: block;
    border-radius: 20px;
    width: 90%;
}
.loginleft1 {width:90%;background:#fff;border-radius:20px;padding:2% 4%;margin-right: 0;margin-bottom:5%;}
.loginright1 {width:90%;background:#fff;border-radius:20px;padding:2% 4%;margin-left: 0;}
.normalText3{text-align:left;}
fieldset label {
    display: table;
}
#popupdiv{left:100%;width:50%;}
table.datosTable{
	 width:100%;
	 background:#fff;
	 border-radius:20px;
	 padding:0px;
	 margin-bottom:2%;
	}

}

@media (max-width:1280px) {
	.btnhm{padding-bottom:15px;display:block;}
}

/* CSS by developer*/

select#keyColor {
    width: 45% !important;
    margin-right: 10px;
    margin-left: 13px;
    float: left;
}

.nblabel {
    clear: both;
    padding-top: 10px;
}

ul#ui-id-1 {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.opt{color:#09496f;font-weight:700;margin-bottom: 0;}
.txtopt {font-size:12px;font-style:italic;margin-top: 0;}
.bluebtn{background:#09496f;color:#fff;padding:10px;font-weight:600;text-transform: uppercase; text-decoration: none;}
.txtoptblue{font-size:12px;font-style:italic;color:#09496f;width:50%;float:right;}
.filaopt{text-align:right;height: 90px !important;}
.lknunder{text-decoration:underline!important;font-weight:600!important;}
.filabtns {vertical-align:top;}
.filaopt{padding-top:10px;}