.tipo-usuario-container .form-center ,  
.form-center {
display: table;
float: none;
margin: 0px auto; 
width: 500px;}
.cont-portlet-content {padding:0px 15px;}
.cont-portlet-content .form-wrap{padding:20px 0px;}
@media (max-width: 640px){
.cont-portlet-content   .form-center{width:100%;}
.tipo-usuario-container .form-center, .form-center {
    display: block;}
    
      }
.acc-btn .btn {min-width: 180px; } 
.acc-btn .btn-inactive,
.acc-btn .btn-inactive:hover, .acc-btn .btn.btn-inactive
{background-color:#ccc;color:#fff; box-shadow: none;}
.acc-btn .pull-right {
margin-right:0px;}  
.cont-portlet {
margin: 20px 0;
color:#ffffff;}

.cont-portlet-head{
width: 100%;
display: table;
margin-bottom:30px;
text-align:center;
padding: 0px 15px;}
.cont-portlet-head h2{border-bottom: 1px solid rgb(255, 255, 255);border-bottom: 1px solid rgba(255, 255, 255, .4);padding-bottom:5px;}
.cont-portlet-head p{padding-top:10px;  }           
.dat-obligatorios  {
cursor: default;
display: inline-block;
padding: 10px 0px 10px 20px ;
font-size: 14px;
font-weight: normal;
background-color: transparent;
float:right;}
    
.bold {font-weight:bold; } 
.text-center {text-align:center;}
.icon-tool {
background: #f39c12 none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
display: inline-block;
height: 25px;
padding: 6px;
text-align: center;
width: 25px;
position: relative;}
.icon-tool .tool-tip {
background: #F5F5F5 none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius:4px;
bottom: 40px;
color: #666;
left: -10px;
padding: 10px;
position: absolute;
width: 270px;
z-index: 999;
display: none;
font-size: 14px;
text-align: left;
font-weight: normal;
line-height: 150%; }
.icon-tool .tool-tip:after, .icon-tool .tool-tip:before {
top: 100%;
left: 12px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
.icon-tool .tool-tip:after {
border-color: transparent;
border-top-color: #F5F5F5;
border-width: 7px;
margin-left: 2px; }
.icon-tool .tool-tip:before {
border-color: transparent;
border-top-color: #ccc;
border-width: 9px;
margin-left: 0; }
.icon-tool:hover > .tool-tip {
display: block; }    
    
#tipo-usuario .lista{

    padding:5px 0px;
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
    border-top: 1px solid rgba(255, 255, 255, .4);
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    
    max-width: 630px;} 
#tipo-usuario .lista .li-tit{
    cursor: default;
    display: inline-block;
    padding: 10px 20px;
    font-size: 18px;

    color: #fff;
    background: transparent;}
            
.tipo-usuario-container {
padding: 15px;
background:transparent;
}      
  
.usuario-tab{border-bottom: 0px;}
.usuario-tab li{
color: #999; 
background: transparent;}
.usuario-tab li,
.usuario-tab li.active {position: relative;}    
.usuario-tab li.active {
color:#5bc0de;
background:transparent;
padding-left:0px; } 
.usuario-tab li.active label{font-weight:bold;}
.usuario-tab li  input[type="radio"]{margin-right:5px;}  
.usuario-tab li label span{margin-left:10px;}   

    
.usuario-tab li:hover{
color: #5bc0de;}       
.usuario-tab li.active:after {
content: '';
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #E2E2E2;
opacity: 0.5;
position: absolute;
bottom:0;
left: 40%;
margin-left: -8px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
 }
        
      
.usuario-tab li.active:hover:after, .usuario-tab li.active:focus:after {
content: '';
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #E2E2E2;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
 }

.tipo-usuario-container .form-wrap div .resp-tabs-container{
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, .4);

}  
        
.tipo-usuario-container .form-wrap div .resp-tabs-container  .resp-tab-content-active{
border-top-color: #f0f0f0;
border:0px;padding-bottom:5px;}
.tipo-usuario-container .form-wrap div .resp-tabs-container .resp-tab-content-active  .alert{margin-bottom:25px;}
.tipo-usuario-container .form-center {  width: 600px;}
.tipo-usuario-container .form-center label,
.tipo-usuario-container .form-center  .cedula-ident label{font-weight: normal;}
.tipo-usuario-container .form-center  .columna-responsiva label{display:block;}


.tabla-contrasena{margin-bottom:10px;}
.tabla-contrasena tbody tr td span {text-align:left;}
.tabla-contrasena tbody tr td:first-child {width: 50%;}
.tabla-contrasena input[type="checkbox"],
.tabla-contrasena input[type="radio"]{margin-right:5px;}  
.captcha {width:100%;display:table;margin:0 auto;padding:10px 0 20px;text-align:center;}
.captcha .g-recaptcha {width:304px;margin:0 auto;}

@media (max-width: 768px) {
.tabla-contrasena tbody tr td:first-child {width: 100%;}
.tabla-contrasena input[type="checkbox"] {margin:0px 10px 0px 0px;}
.tipo-usuario-container .form-wrap div .resp-tabs-container h2.resp-accordion {
display: block;
color: #fff;
font-size: 18px;}

.tipo-usuario-container .form-wrap div .resp-tabs-container h2.resp-accordion.active {
color: #fff;}
.tipo-usuario-container .form-wrap div .resp-tabs-container h2.resp-accordion label .icon-tool {
padding: 2px;}
.tipo-usuario-container .form-wrap div .resp-tabs-container h2.resp-accordion label {
margin-bottom:0px; }
.tipo-usuario-container .form-center{    width: 100%;}
    .identificador .form-center {
    width: 100%;}
}


.cedula-ident {
padding:10px;
border:1px solid #ccc;
background-color:#f9f9f9;
text-align:center;
display:table;}
.cedula-ident img{margin-bottom:10px;border:1px solid #ccc; border-radius:18px;}
.cedula-ident label{font-weight:normal;font-size:13px;}
.acceso {padding:10px;color:White;}    
.acceso .acceso-head h2{ margin:15px 0px;text-align:center; }      
.acceso .acceso-head p {margin-bottom:50px;text-align:center;}
.acceso .list-beneficios { list-style-image: url(../../Imagenes/RecuperacionContrasena/Imagen-lista.png);font-size:16px;margin-left: 35px;    margin-bottom: 8px;}    
.acceso .list-beneficios li{
padding-bottom:35px;
padding-left: 20px;
 } 
 .blanco{color:#ffffff;}
.cont-portlet table,
.cont-portlet .resp-tabs-container,
.cedula-ident,
.acceso .resp-tab-content,
.cont-portlet input[type="text"] {
color:#666666;
background:#ffffff;}
.acceso .btn-pri-no {width:100%;padding: 12px 20px;height:auto;}  
.acceso .btn-pri {background:#00bc9b;    padding: 12px;height:auto;}  
.acceso .btn-pri:hover {background:#00896f;display:inline-block;}   
.acceso  .form-wrap{padding-top:0px;}

@media (max-width: 320px) {
.acceso .btn-pri{
    white-space: pre-wrap;
    height:auto;}   
.alert {font-size:14px;}
.table-responsiva .wrap-td{float:none;}    
}
@media (max-width: 640px){
.tabla-contrasena .wrap-td{padding:0px 2px;float:none;}
.table-responsiva .label-table{padding:8px;}
}



.correo-portlet {
color: #666666;
border: 1px solid #666666;
background: #ffffff;
margin: 0 auto;
max-width: 800px;
display: table;} 
.correo-portlet a {text-decoration:underline;}   
.correo-portlet-head{
width: 100%;
margin-bottom: 20px;
background: #196cb1;
padding:17px 20px;}
.correo-portlet-content{padding: 20px 20px 0px;}    
.correo-passwordsol{
font-size:20px;
font-weight:bold;
background: url(../../Imagenes/RecuperacionContrasena/correopassword.png) no-repeat left top #d9ebfb;
padding: 31px 30px 35px 105px;
margin: 25px 0px;
display:inline-block;}
.correo-portlet-footer{
border-top: 1px solid #ccc;
padding:10px 0px;
text-align:center;}
.correo-portlet-footer p{font-size:14px;}
.correo-portlet-footer .ico-small {
display: inline-block;
float: none;
height: 19px;
margin:0px 5px -4px 10px;}
.correo-disclaimer{
font-style:italic;
margin:45px 0px 25px 0px;}   
.correo-ayuda{margin:20px 0px;}    
.correo-ayuda span{
color:#00bc9b;
font-weight:bold;
font-size:18px;} 


.fondo-recuperacion{
background: url('../../Imagenes/RecuperacionContrasena/fondorec.png');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 30px 0px;
overflow:auto; }
.fondo-recuperacion  .correo-portlet-head{margin-bottom:0px;}  
.fondo-recuperacion .seguridad .alert{font-size:14px;}
.fondo-recuperacion .row  div .breadcrumb{background:transparent;padding:5px 15px;display: table;width: 100%;}
.fondo-recuperacion .row .breadcrumb a,
.fondo-recuperacion .form-center a.sin-acceso,
.list-beneficios a{color:#39b3d7;}
.fondo-recuperacion .row .breadcrumb li.active a{color:#ffffff;line-height: initial;}
.fondo-recuperacion .row .cont-portlet .cont-portlet-content .acc-btn{padding:15px 0px;}


@media (max-width: 768px) {
.correo-disclaimer   {max-width:100%;}
.correo-passwordsol {display:block;padding: 31px 30px 35px 118px;}
.cedula-ident{width:100%;}
.cedula-ident label{margin-bottom:10px;}
.cedula-ident .col-6:first-of-type img {margin-bottom:25px;} 
.fondo-recuperacion{padding:0px;}
 #tabs .icon-tool{padding:0px;}
}    
.acceso .form-center {width:100%;}
    
.seguridad{ background: #F0F0F0;color:#666666;font-size:16px;padding:10px;margin-bottom:20px;}    
.seguridad ul{margin-bottom:10px;}
.seguridad ul li{
padding: 10px 0px 10px 35px;
background: transparent url(../../Imagenes/RecuperacionContrasena/seguridad-lista.png) no-repeat left center;}

.seguridad ul li.seguridad-ok{
background: transparent url(../../Imagenes/RecuperacionContrasena/seguridad-ok.png) no-repeat left center;color:#00bc9b;font-weight:bold;}
.texto-exito{color:#5cb85c;}
.texto-advertencia{color:#f0ad4e;}
.texto-error{color:#d9534f;}    

.barra-seg {margin:20px 5px;}
.input-wrap input[type="text"].invalid:last-child { background-image:none;}
.desabilitado{ color:#999999;}
.alert.alerta-adv-pequeno {
    padding: 8px 15px;
    min-height:30px;
    color: #ad8b3a;
    background-color: #FFF7E5;
    border: 1px solid #f1c40f;
}
@media (min-width: 640px){
.identificador .form-center   {width: 600px;}}

.paginador {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 20px;}
.paginador ul {
  float: right;
  list-style: none;}
.paginador ul li {
  float: left;
  height: 30px;
  width: 30px;
  font-size: 14px;
  border: 1px solid #ddd;
  margin-left: 2px;
  text-align: center;
  line-height: 200%;
  background: #fff;}
.paginador ul li.current {
  background: #0667B4;
  color: #fff;
  border: 1px solid #0667B4;}
.paginador ul li.prev-pager, .paginador ul li.next-pager {
  background: #f0f0f0;}
.paginador ul li a {
  display: block;
  height: 30px;
  width: 30px;
  color: #0667B4;
  text-decoration: none;} 
  
    @media (max-width: 640px)  {
   .tabla-contrasena td.fila-responsiva{display: table;}
    .columna-responsiva:first-child{width: 30%;background: #8AB7DC;box-shadow: inset -4px 0 0 0 #779ec0;} 
    .columna-responsiva:last-child {padding:5px;}
    .fila-responsiva .columna-responsiva {display:table-cell;vertical-align: top;float:none;}  
    .fila-responsiva span {text-align:left;}
    .tabla-contrasena .label-table  {  display: table-cell;height: 100%;width:100%;}
   
    .tipo-usuario-container{padding:0px;}
    /*.dat-obligatorios {margin:10px 0px;display:table;width:100%;}*/
    }
.columna-responsiva label{font-size:14px;}
.modalorg .modal-header .close {
    display: block;
}
.modalorg .modal-header{border-bottom:0px;}
.modalorg .modal-body{padding-top:0px;padding-bottom:5px;}
#tabs2 .tabla-contrasena .wrap-td,
#tabla .wrap-td {float:left;}
.cont-portlet .alert.alerta-adv{color:#666;}

a:focus, a:hover
{
    color:#23527c;
    text-decoration:underline;
}
a
{
    color:#337ab7;
    text-decoration:none;
}