/* GENERAL */
html,body { font-family:'Open Sans', sans-serif; background-color:#F2F2F2; margin: 0; padding: 0; height: 100%;} 
/* html, body {background: url(/img/bg.jpg) no-repeat center top; } */
html, body {background-color: white; }
h1,h2,h3 { font-family:'Open Sans', sans-serif; text-transform:uppercase; font-weight:bold } 
h1 { margin-bottom:0px; margin-top:0; } 
h3 {font-size: 1.1em; padding-left: 25px; background: url(../img/icon-cross.png) no-repeat 10px center; font-weight: normal;}
label {text-transform: uppercase; font-size: 0.7em;}

/* ADMIN */
#admin {width: 1140px; margin: auto;}
#header {background-color: #FFF; overflow: hidden; padding-top: 10px;}

/* LOGIN */
#admin-login {width: 320px; margin: auto; padding: 20px; }
#admin-login .login {width: 300px;  margin: auto; padding: 20px;}
#admin-login .login p {margin-top:15px;}
#admin-login .login p label {background: url(../img/icon-cross.png) left center no-repeat; padding-left: 10px;}
#admin-login .login p.form-action {text-align: center;}
#admin-login .login h1 {text-align: center; font-size: 2em;}
#admin-login div.login-logo {width: 250px; height: 190px; background: url(../img/logo-login.jpg) no-repeat center center; border-radius: 5px;}

/* INVERSE */
#menu { background-color:#FFF; border: none; margin: 0; padding: 0; clear: both; margin-top: 10px; margin-left: 0px;}
#menu ul.nav {width: 890px; float: left;}
#menu .navmenu-nav a { text-transform:uppercase; } 
#menu .navmenu-brand, #menu .navmenu-nav > li > a { color:#000 } 
#menu .navmenu-nav > li { position:relative; display: inline-block; } 
#menu .navmenu-nav > li:hover > a { color:#333f48 } 
#menu .navmenu-nav > li:hover ul { display:block; } 
/*#menu .navmenu-nav > li > ul { display:none; position:absolute; z-index:100; background: url(/img/bg-menu-gray.png) repeat;  padding:0; margin:0; width:170px; left: 8px; } */
#menu .navmenu-nav li li a { background:url(../img/img-separator.png) repeat-x center bottom transparent; padding:7px 15px !important; text-decoration:none; color:#FFF; display:block; font-weight: bold; text-shadow: 0 1px 3px #444; }
#menu .navmenu-nav > li li { list-style:none } 
.nav>li>a {padding: 8px; margin: 0 5px;}
a.nav-sub {background: url(../img/icon-arrow.png) right center no-repeat;}

/* CUSTOM */
#content {clear: both; padding-top: 5px;}
div.separator {border-top: 1px solid #DDD; clear: both; margin: 10px 0;}
div.container-inset {padding: 0 5px;}
div.container-10 {width: 10%; float:left;}
div.container-15 {width: 15%; float:left;}
div.container-20 {width: 20%; float:left;}
div.container-30 {width: 30%; float:left;}
div.container-40 {width: 40%; float:left;}
div.container-50 {width: 50%; float:left;}
div.container-60 {width: 60%; float:left;}
div.container-70 {width: 70%; float:left;}
div.container-80 {width: 80%; float:left;}
div.container-85 {width: 85%; float:left;}
div.container-100 {width: 100%; float:left;}
div.panel h3 {border-bottom: 1px solid #CCC; padding: 10px; margin: 5px 0; padding-left: 25px;}
div.panel.content div.content {padding: 10px;}
div.form-progress {overflow: hidden; padding: 0 20px;}
div.form-progress-text {width: 200px; float: left;}
div.form-progress-widget {height: 80px; width: 80px; text-align: center; line-height: 80px; color: #f6bb42; float: right;}
div.form-progress-widget-00 {background: url(../img/circle-00.png) no-repeat;}
div.form-progress-widget-10 {background: url(../img/circle-10.png) no-repeat;}
div.form-progress-widget-20 {background: url(../img/circle-20.png) no-repeat;}
div.form-progress-widget-30 {background: url(../img/circle-30.png) no-repeat;}
div.form-progress-widget-40 {background: url(../img/circle-40.png) no-repeat;}
div.form-progress-widget-50 {background: url(../img/circle-50.png) no-repeat;}
div.form-progress-widget-60 {background: url(../img/circle-60.png) no-repeat;}
div.form-progress-widget-70 {background: url(../img/circle-70.png) no-repeat;}
div.form-progress-widget-80 {background: url(../img/circle-80.png) no-repeat;}
div.form-progress-widget-90 {background: url(../img/circle-90.png) no-repeat;}
div.form-progress-widget-100 {background: url(../img/circle-100.png) no-repeat;}
#search-form input[name="search"] {width: 120px; margin-left: 120px;}
#search-form {width: 240px; float: right; padding-top: 8px;}

/*.form-select-widget ul, form-select-widget li {margin: 0; padding: 0; list-style: none; cursor: default;}
.form-select-widget li {padding: 5px 5px 5px 35px; border-bottom:1px solid #DDD; cursor: default;}
/*.form-select-widget li:hover {background: #EEE; cursor: default;}*/
/*.form-select-widget li.selected {background: url(/img/icon-circle.png) no-repeat 12px center #76d3f6; color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; cursor: default;}*/


/* BOOTSTRAP */
.panel {border: 1px solid #e1e5e8;}
.btn {
	border-radius: 0; 
	border: none; 
	text-shadow: #000 0px 1px 3px; 
	font-weight: bold; 
	text-transform: uppercase;
	padding-left: 9px;
	padding-right: 9px;
}
	
.form-inline label {width: 90px; text-align: right;}
.form-control {padding-left: 5px; padding-right: 5px;}

.welcome-class {
	width: 40%;
	text-align: left;
	font-size: 12px;
	padding-left: 5px;
}

.sesion-class {
	width: 50%;
	text-align: right;
	font-size: 12px;
	padding-left: 20px;
}

/* JTABLE OVERRIDES */
.jtable-icon-button {
	width: 20px;
	height: 20px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  border: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.jtable-icon-button: hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.jtable-goto-page select, select option {
	color: black;
}

.jtable-page-size-change select, select option {
	color: black;
}

.jtable-dialog-form {
	padding-top: 18px;
}

div.jtable-main-container>table.jtable>thead th.jtable-column-header div.jtable-column-header-container {
	height: auto;
}

div.jtable-main-container > table.jtable > thead th {
  font-size: 13px;
}

div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td {
	text-overflow: clip;
	word-wrap: break-word;
}

/*------------------------------------------------------------------*/

.left-aligned {
	text-align: left;
}

.hideClass {
	display: none;
}

.cancel-class {
}

/*
.lr-padding-20_10 {
	padding-left: 20px;
	padding-right: 10px;
}

.lr-padding-25_10 {
	padding-left: 25px;
	padding-right: 10px;
}
*/
.error-msg {
	color: red;
}

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

/* ASIGNACION DE NIVELES  */
.level-data-table {
	width: 100%;
	border-collapse: collapse;
}

.level-data-table, th, td, tr {
	border: 0px;
	border-spacing: 0px;
	padding: 4px;
	margin: 0px;
}

.level-data-table td div {
	margin: 0px;
  white-space: nowrap;
}

.level-data-table td div label {
	margin-left: 0px;
	margin-right: 4px;
}

/* BUSQUEDA-CONSULTA DE CERTIFICADOS  */
.cert-detail-table td {
	padding-left: 5px;
	padding-right: 20px;
}

.cert-filter-table {
	width: 100%;
	border-collapse: collapse;
}

.cert-filter-table, th, td, tr {
	border: 0px;
	border-spacing: 0px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

/* COTIZACION */
.quote-data-table {
	width: 100%;
	border-collapse: collapse;
}

.quote-data-table, th, td, tr {
	border: 0px;
	border-spacing: 0px;
	padding: 4px;
	margin: 0px;
}

.quote-data-table td div {
	margin: 0px;
  white-space: nowrap;
}

.quote-data-table td div label {
	margin-left: 0px;
	margin-right: 4px;
}

/* EMISION DE CERTIFICADO */
.cert-data-table {
	width: 100%;
	border-collapse: collapse;
}

.cert-data-table, th, td, tr {
	border: 0px;
	border-spacing: 0px;
	padding: 5px;
	margin: 0px;
}

.cert-data-table td div {
  margin: 0px;
  white-space: nowrap;
}

.cert-data-table td div label {
	margin-left: 0px;
	margin-right: 8px;
}

.cert-header-table {
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	border-collapse: collapse;
}

.cert-header-table, th, td, tr {
	border: 0px;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}

.cert-header-table td div {
  margin: 0px;
}

.email-advice {
	font-size: 12px;
	font-weight: bold;
	color: red;
}

.legend-advice {
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.addr-advice {
	font-size: 12px;
	font-weight: bold;
	color: red;
}

#homeAddr {
	font-size: 9px;
}

#officeAddr {
	font-size: 9px;
}
 
.address-table {
 	width: 80%;
	border-collapse: collapse;
}

.address-table, th, td, tr {
	border: 0px;
	border-spacing: 0px;
	padding: 5px;
	margin: 0px;
}

.address-table td div label {
  width: 40%;
  padding: 5px;
}

.address-table td div {
  margin: 0px;
  white-space: nowrap;
}

.ui-dialog .ui-dialog-titlebar-close {
	margin-bottom: 10px;
	border: 0px;
	background-image: url('../img/icon-close.png');
	background-repeat: no-repeat;
}

#ajax-loader {
	position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
}
  
#otra_prueba {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.assurant-logo-class {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
  display : table;
}

.disclaimer-container {
	/*height: 100%;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
  border-collapse: collapse;
  display : table;
}

.disclaimers {
	font-size: 10px;
	display: table-row;
  height: 1px;
}

/* CAMBIO DE CONTRASE�A */
.pass-recover-class {
  width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.pass-recover-class a {
  font-size: 12px;
}

.password-change-table {
	width: 100%;
	border-collapse: collapse;
}

.password-change-table, th, td, tr {
	border: 0px;
	border-spacing: 0px;
	padding: 10px;
	margin: 0px;
}

.password-change-table td div {
	margin: 0px;
  white-space: nowrap;
}

.password-change-table td div label {
	margin-left: 0px;
	margin-right: 80px;
}

/* CUESTIONARIOS DDC */
.ddc-title {
	font-size: 14px;
	font-weight: bold;
	color: #2050ED;
}

.actions-header {
	font-size: 10px;
	font-weight: bold;
	color: red;
	text-align: right;
}

.ddc-detail-table td {
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
}

.ddc-detail-table-border td {
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	border: 1px solid #B7B7B7;
}

.ddc-actions {
	width: 290px;
	overflow: auto;
}

.ddc-label {
	width: 60%;
	float: left;
}

/* PAGO */
.payment-data-table {
	width: 100%;
	border-collapse: collapse;
}

.payment-data-table, th, td, tr {
	border: 0px;
	border-spacing: 0px;
	padding: 4px;
	margin: 0px;
}

.payment-data-table td div {
	margin: 0px;
  white-space: nowrap;
}

.payment-data-table td div label {
	margin-left: 0px;
	margin-right: 60px;
}

.vptable {
	display: table;
	width: 100%;
}

.vprow {
	display: table-row;
  width: 100%;
  clear: both;
}

.vpcol10 {
	float: left;
  display: table-column;
	width: 10%;
	text-align: center;
}

.vpcol45 {
	float: left;
  display: table-column;
	width: 45%;
}

.selBtn {
	margin: 2px;
}

.ui-dialog {   
    z-index: 1000 !important;
}