﻿.lds-spinner {
    color: #008200;
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    top: 0px;
}
.lds-spinner div {transform-origin: 32px 32px;animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after {
   content: " ";
   display: block;
   position: absolute;
   top: 3px;
   left: 29px;
   width: 5px;
   height: 14px;
   border-radius: 20%;
   background: #008200;
}
.lds-spinner div:nth-child(1) {transform: rotate(0deg);animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) {transform: rotate(30deg);animation-delay: -1s;}
.lds-spinner div:nth-child(3) {transform: rotate(60deg);animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) {transform: rotate(90deg);animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) {transform: rotate(120deg);animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) {transform: rotate(150deg);animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) {transform: rotate(180deg);animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) {transform: rotate(210deg);animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) {transform: rotate(240deg);animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) {transform: rotate(270deg);animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg);animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) {transform: rotate(330deg);animation-delay: 0s;}
@keyframes lds-spinner { 0% { opacity: 1;}100% {opacity: 0;}}
/*Termina definición de estilos cargador(Loading)*/

.form-group>h4 {font-weight:500;font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;}
.form-check label{font-weight:normal;font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;}
.form-control {font-family: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif;}
select.form-control:not([size]):not([multiple]) {height: calc(2.15625rem + 11px);font-size: 13px;}
.formCssConfronta table {width:100%}
.form-CheckBoxList input,.form-RadioButtonList input {margin-top: -0.3rem;margin-right: 0.5rem;}
.espacioForm,.form-DropDownList {margin-top:2%;}
.btn2 {
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.9375rem !important;
    line-height: 1.5 !important;
    border-radius: 0 !important;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out !important;
}
.btn-secondary2 {color: #fff !important;background-color: #373a3c !important; border-color: #373a3c !important;}
.requiredfrm:after{content: "  *  ";color: #ff0000;font-size: 13px;}
.btnfloatright {float: right;}
.csspaneles {min-height: 322px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
	font-size: 12px;
}
.ui-widget.ui-widget-content{min-width: 245px;}
.ui-datepicker{z-index: 37 !important;}
.formDirecciones {min-height:104px;padding-left:10px;padding-right:10px;}
.infoRecuadro {text-align: center;margin-top: 28px;margin-bottom: 28px;}
.infoFormControl { float:left;}
.infoFormEspacio {-webkit-box-flex: 0;-ms-flex: 0 0 3.3333333333%;flex: 0 0 3.3333333333%;max-width: 3.3333333333%; margin-right: 7px;margin-left: 7px;}
.infoFormControlEspacios { margin-right:8px;}
.infoFormControlInput {max-width: 45px; min-width: 44px;}
.infoFormControlSelect {max-width: 70px; min-width: 44px;padding: 0.2rem 0.1rem;}
.infoFormControlSelectCardinal {max-width: 100px;min-width: 57px!important;padding: 0.08rem 0.08rem;}
.paddingform{ padding-left:0px;}
.formCssDatosConfronta input[type=text],.formCssDatosConfronta input[type=password] {
  height: 44px;
  font-size: 14px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.formCssDatosConfronta input[type=text]:hover, .formCssDatosConfronta input[type=password]:hover{
  border: 1px solid #0f1f6770;
  border-top: 1px solid #0f1f6770;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 10px 5px rgba(0,0,0,.1);
}
.formCssDatosConfronta select
{
    height: calc(2.15625rem + 22px)!important;
    font-size: 14px;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.formCssDatosConfronta select:hover{
  border: 1px solid #0f1f6770;
  border-top: 1px solid #0f1f6770;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 10px 5px rgba(0,0,0,.1);
}
.cssDatosBasicosConfronta input[type=text], .cssDatosBasicosConfronta select{font-size: 14px;text-transform: uppercase;}
.cssDatosBasicosConfronta input[type=text]:hover, .cssDatosBasicosConfronta select:hover{
  border: 1px solid #0f1f6770;
  border-top: 1px solid #0f1f6770;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 10px 5px rgba(0,0,0,.1);
}
.btn-submitForm {
  border: 0px;
  margin:0px!important;
  color: #fff!important;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #0f1f67!important;
  font-size:14px!important;
}
.btn-submitForm:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3)!important;
  background-color: #1f2021!important;
}
select.form-control:not([size]):not([multiple]) {height: calc(2.15625rem + 1px)!important;}
.cssDatosBasicosConfronta input[type=text], .cssDatosBasicosConfronta select{font-size: 14px;text-transform: uppercase;}
#modalSiteControl,#modalBackgroudSiteControl,#modalBackgroudSiteControlSite {opacity:0.4}
#mdlSiteLoading {z-index: 9999;}
.ccAccesoContrasena {min-height: 560px;}
.ccAccesoContrasena input[type=password]{
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.ccAccesoContrasena input[type=password]:hover 
{
  border: 1px solid #0f1f6770;
  border-top: 1px solid #0f1f6770;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 10px 5px rgba(0,0,0,.1);
}
#txtPrimerApellido,#dpListTipoIdentificacion,#dpListTipoIdentificacion option,#txtNumeroCedula,#txtFechaExpedicionCedula{font-size: 14px;text-transform: uppercase;}
#txtCorreoPersonal,#txtCorreoInstitucional{text-transform: lowercase;}
.cssRedireccionPortal{text-decoration: none;color: #0f1f67!important;font-weight: 400;text-align: center;display: contents;opacity: 0.6;transition: opacity ease 0.5s; font-weight:bold;}
.cssRedireccionPortal:hover {opacity: 1;}
.demo-header{display:none!important;}
.col-form-label {font-weight: bold;}

/* Para 960px */  
@media only screen and (max-width: 980px) and (min-width: 821px) {  
  .ccAccesoContrasena {min-height: 500px;}
}  
  
/* Para 800px */  
@media only screen and (max-width: 820px) and (min-width: 621px) {  
  .ccAccesoContrasena {min-height: 500px;}
}  
  
/* Para 600px */  
@media only screen and (max-width: 620px) and (min-width: 501px) {  
  .ccAccesoContrasena {min-height: 600px;}
}  
  
/* Para 480px */  
@media only screen and (max-width: 500px) and (min-width: 341px) {  
  .ccAccesoContrasena {min-height: 610px;}
}  
  
/* Para 320px */  
@media only screen and (max-width: 340px) and (min-width: 5px)  {  
  .ccAccesoContrasena {min-height: 616px;}
} 

span.form-control.infoFormControl.cssckboxAutorizacion{
    width: 10%;
    padding: 0px!important;
    color: #495057;
    background-color: transparent!important;
    border: 0px!important;
    -ms-transform: scale(1.6); /* IE */
    -moz-transform: scale(1.6); /* FF */
    -webkit-transform: scale(1.6); /* Safari y Chrome */
    -o-transform: scale(1.6); /* Opera */
    transform: scale(1.6);
    display: inline!important;
}
.csslblTerminoCondiccion {
   float: left;
   width: 90%;
   padding-top: calc(0rem);
   padding-bottom: calc(0.2rem);
}
#ckTerminoCondiccion {
    display:inline!important;
}
.cssformRadioButtonList label {
    color:#000000!important;
}
label[id*="lblPregunta"] {
  color:#000000!important;
}
.form-RadioButtonList>tbody>tr>td>label,.form-RadioButtonList label {
    color:#000000!important;
}
#txtCorreoInstitucionalConfronta,#txtCorreoPersonalConfronta {
    text-transform: lowercase;
}