/* ------------ @override de css -------------*/
.btn
{
	border-radius: 0.6em 0.6em 0.6em 0.6em !important;
}

.modal-content
{
	border-radius: 0.8em 0.8em 0.8em 0.8em !important;
}
.shortcut
{
	border-radius: 0.4em 0.4em 0.4em 0.4em !important;
	border: 2px solid #ccc !important;
	box-shadow: inset 0 0 0px rgba(0,0,0,.2), 0 1px 0 lightgrey !important;
}

.shortcut .title
{
	/*font-size: 76% !important;*/
    font-weight: bold !important;
    margin-top: 1px !important;
}

.shadowed {

   border-radius: 0.5em 0.5em 0.5em 0.5em !important;
}

/* --------------- fin @override -------------*/

/*--------------- Vecino Digital Common -------------*/
.font-sans
{
	font-family: sans-serif !important;
}
.borde-blanco-1
{
	border: 1px solid white !important;
}

.backCssVdDemoDivs
{
	background-color: rgba(0, 0, 0, 0.42);
	margin-top: 15px !important;
	padding-bottom: 20px !important;
}

.backCssVdWhiteDivs
{
	background-color: #FFFFFF;
	margin-top: 15px !important;
	padding-bottom: 20px !important;
}
.hidden-element
{
	display:none;
}

.fondo_portal{
	background: 			url('../img/background-img/default_01.jpg') !important; 
	background-repeat: 		no-repeat !important; 
	background-size: 		cover !important; 
	background-attachment: 	fixed !important;
}

.fondo_portal_admin{
	background: 			url('../img/background-img/default_03.jpg') !important; 
	background-repeat: 		no-repeat !important; 
	background-size: 		cover !important; 
	background-attachment: 	fixed !important;
}

.botones_menu{
	box-shadow: 	none 		!important;
	border: 		none 		!important;
	background: 	transparent !important;
	font-weight: 	bold 		!important;
}

.iconos_varios{
	background:		transparent !important;
	font-weight: 	bold 		!important;
}

.iconos_especiales{
	background:		transparent !important;
	font-weight: 	bold 		!important;
	width: 			120px		!important;
	height: 		90px		!important;
}

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

.colores-textos-titulos
{
	color: #FFFFFF;
}

.boton-reg-form
{
	background-color: #06a8d2; 
	border-color: #06a8d2;
	font-size:1.2em !important;	
}

.modal-30-vd
{
	    width: 40% !important;
}
.modal-40-vd
{
	    width: 40% !important;
}
.modal-50-vd
{
	    width: 60% !important;
}
.modal-60-vd
{
	    width: 60% !important;
}
.modal-70-vd
{
	    width: 70% !important;
}
.modal-80-vd
{
	    /*width: 80% !important;*/
}
.modal-90-vd
{
	    width: 90% !important;
}
.modal-100-vd
{
	    width: 100% !important;
}
/**/
.font-bold
{
	font-weight: bold !important;
}

.text-box-vd-nsize
{
	height: 2.2em !important;
    font-size: 1em !important;
    font-weight: 600;
    border-radius: 0.3em 0.3em 0.3em 0.3em !important;
}

.text-box-vd
{
	height: 2.2em !important;
    font-size: 1.3em !important;
    font-weight: 600;
    border-radius: 0.3em 0.3em 0.3em 0.3em !important;
}
.text-box-vd-icono-izq
{
	height: 2.2em !important;
    font-size: 1.3em !important;
    font-weight: 600;
    border-radius: 0em 0.3em 0.3em 0em !important;
}
.text-box-vd-icono-der
{
	height: 2.2em !important;
    font-size: 1.3em !important;
    font-weight: 600;
    border-radius: 0.3em 0em 0em 0.3em !important;
}

.admin-widgets-color
{
	background: rgba(29, 29, 29, 0.9) !important;
}

.sombra-1-texto
{
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.96);
}

/*extiende de la clase block-title*/
.block-title
{
	border-radius: 0.8em 0.8em 0.8em 0.8em !important;
}
/*botones vecinodigital*/
.btn-vd-normal
{
	color: #fff !important;
	background-color:#fff !important;
}

.btn-vd-invertido
{
	background-color: #4c5667 !important;
    border: 1px solid #2f333c !important;
    color: #ffffff !important;
}
.btn-vd-invertido:hover
{
	background-color: #3c424e !important;
    color: #ffffff !important;
}


.btn-vd-celeste
{
	color: #fff !important;
	background-color:#1c9fc6 !important;
	border-color: #166292 !important;
}
.btn-vd-celeste:hover
{
	color: #fff !important;
	background-color:#198fb2 !important;
}

.btn-vd-rosado
{
	color: #fff !important;
	background-color:#F33494 !important;
	border-color: #8a2357 !important;
}
.btn-vd-rosado:hover
{
	color: #fff !important;
	background-color:#c22976 !important;
}

.btn-vd-morado
{
	color: #fff !important;
	background-color:#c22976 !important;
	border-color: #6d1a44 !important;
}
.btn-vd-morado:hover
{
	color: #fff !important;
	background-color:#9b205e !important;
}

/*tamaño boton vecinodigital*/

.btn-uxs
{
	padding: 0px 8px 0px !important;
    font-size: 10px !important;
}


/*Bases de redondeo*/
.demoRedondeocssvd
{
    padding: 8px;
    height: 48px !important;
    border: 2px solid #183854;
    background: #3780c1 !important;
    color: white;
    font-size: 0.9em !important;
}
.round-xxs-vd
{
	border-radius: 0.3em 0.3em 0.3em 0.3em !important;
}
.round-xs-vd
{
	border-radius: 0.6em 0.6em 0.6em 0.6em !important;
}
.round-s-vd
{
	border-radius: 0.8em 0.8em 0.8em 0.8em !important;
}
.round-normal-vd
{
	border-radius: 1em 1em 1em 1em !important;
}
.round-lg-vd
{
	border-radius: 1.3em 1.3em 1.3em 1.3em !important;
}
.round-xlg-vd
{
	border-radius: 1.5em 1.5em 1.5em 1.5em !important;
}

.round-box-title
{
	border-radius: 0.8em 0.8em 0em 0em !important;
}
.round-box-content
{
	border-radius: 0em 0em 0.8em 0.8em !important;
}

/*efecto gotita*/
.gotita-izq-abajo
{
	border-radius: 1em 1em 1em 0em !important;
}
.gotita-izq-arriba
{
	border-radius: 0em 1em 1em 1em !important
}
.gotita-der-abajo
{
	border-radius: 1em 1em 0em 1em !important;
}
.gotita-der-arriba
{
	border-radius: 1em 0em 1em 1em !important;
}

.bp-magenta
{
	background: #f33494 !important;
}
.bp-rojo
{
	background: #f33444 !important;
}
.bp-morado
{
	background: #7145f5 !important;
}
.bp-azul
{
	background: #458af5 !important;
}
.bp-verde
{
	background: #45f56c !important;
}
.bp-amarillo
{
	background: #f5c045 !important;
}


.tablaVd
{
	font-size: 1.35em !important;
	color: white !important;
	border: 1px solid #909090 !important;
}

.tablaVd thead
{
    color: #191919 !important;    
}

.tablaVd thead th
{
	background-color: #676767 !important;
    font-weight: 100 !important;
    color: white !important;
    font-size: 0.7em !important;
}

.tablaVd tbody tr td
{
    background-color: #eaeaea !important;
    font-size: 0.7em !important;
    color: rgb(19, 19, 19) !important;
    border: 1px solid #cccccc !important;
}

.tablaVd_Pc
{
	font-size: 1.2m !important;
	color: white !important;
	border: 1px solid #909090 !important;
}

.tablaVd_Pc thead
{
    color: #191919 !important;    
}

.tablaVd_Pc thead th
{
	background-color: #676767 !important;
    font-weight: 100 !important;
    color: white !important;
    font-size: 0.7em !important;
}

.tablaVd_Pc tbody tr td
{
    background-color: #eaeaea !important;
    font-size: 1.0m !important;
    color: rgb(19, 19, 19) !important;
    border: 1px solid #cccccc !important;
}


.tablaAdminVd
{
	font-size: 1.25em !important;
    color: #3e3e3e!important;
    border: 1px solid #1b1b1b !important;
}


.tablaAdminVd>thead>tr>th, .tablaAdminVd>tbody>tr>th, .tablaAdminVd>tfoot>tr>th, .tablaAdminVd>thead>tr>td, .tablaAdminVd>tbody>tr>td
{
    padding: 8px !important;
    line-height: 1.428571429 !important;
    vertical-align: top !important;
    border: 1px solid #0a0a0a !important;
}

.tablaAdminVd tbody tr td
{
	background-color: #f1f1f1 !important;
    font-size: 1em !important;
    color: rgb(0, 0, 0) !important;
    border: 1px solid #505050 !important;
    font-weight: bold !important;
}

.tablaAdminVdThActivo
{
	background-color: #012a35 !important;
    color: white !important;
    font-weight: bolder !important;
}
.tablaAdminVdThInactivo
{
	background-color: #bfbfbf !important;
    color: white !important;
    font-weight: bolder !important;	
}
.tablaAdminVdTdInactivo
{
	background-color: #bfbfbf !important;
}


/*tablas vd*/
.headTablaTextoVd
{
	font-size: 1.35em !important;
	background-color: #3a3a3a !important;
	color: white !important;
}
.bodyTablaTextoVd
{
	    font-size: 1.2em !important;
    font-weight: bold !important;
    color: #191919 !important;
}

.bodyTablaTextoVdSinColor
{
	font-size: 1.2em !important;
    font-weight: bold !important;
}

.texto-success-vd
{
	color: #1c84c6 !important;
}
.texto-danger-vd
{
	color: #ed5565 !important; 
}
.texto-warning-vd
{
	color: #ff7916 !important; 
}
.texto-verde-vd
{
	color: #00b140 !important; 
}

.tamanio-escala-1-2
{
	transform: scale(1.2);
}

.tamanio-escala-1-4
{
	transform: scale(1.4);
}

.tamanio-escala-1-6
{
	transform: scale(1.6);
}

.tamanio-escala-1-8
{
	transform: scale(1.8);
}

.tamanio-escala-2-0
{
	transform: scale(2.0);
}
.tamanio-escala-2-2
{
	transform: scale(2.2);
}

.texto-base-blanco
{
	color:#fff !important;
}
.texto-base-gris-claro
{
	color:#a5a5a5 !important;
}
.texto-base-gris
{
	color:#3e3e3e !important;
}
.texto-base-negro
{
	color:#000 !important;
}

.text-size-1
{
	font-size:1em !important;
}
.text-size-1-2
{
	font-size:1.2em !important;
}
.text-size-1-4
{
	font-size:1.4em !important;
}
.text-size-1-6
{
	font-size:1.6em !important;
}
.text-size-1-8
{
	font-size:1.8em !important;
}
.text-size-2-0
{
	font-size:2.0em !important;
}
.text-size-2-2
{
	font-size:2.2em !important;
}
.text-size-2-4
{
	font-size:2.4em !important;
}
.text-size-2-6
{
	font-size:2.6em !important;
}
.text-size-2-8
{
	font-size:2.8em !important;
}
.text-size-3-0
{
	font-size:3em !important;
}

.borde-gris-1
{
	border-style: solid;
    border-width: 1px;
    border-color: #505050;
}
.borde-gris-2
{
	border-style: solid;
    border-width: 2px;
    border-color: #505050;
}

.cursor-mano
{
	cursor: pointer;
}

.label-invertido
{
	background-color:#4c5667 !important;
	color: #ffffff !important;
}

/*--------------- FIN Vecino Digital Common -------------*/

.modal-body-pagos
{
	height: 650px !important;
	background-size: inherit !important;
	background-repeat: no-repeat !important;
	background-position-x: 50% !important;
	background-position-y: 50% !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

/*pcirculacion panel pagos*/
.tr-pcirculacion-ppagos
{
	background-color:#ecfffe;
}

.btn-pcirculacion-ppagos
{
	text-shadow: 2px 2px 6px #000;
    -moz-text-shadow: 0 0 2px #000;
    -webkit-text-shadow: 0 0 2px #000;
    font-weight: bold !important;
    font-size: 1.4em !important;
}

/*---------------------- Evaluacion ----------------------*/
.evalEstrellaMensaje
{
	width: 100px;
}
.evalEstrellacaritas 
{
    width: 40px;
}
.evalEstrellasEst
{
	    width: 50px;
}
/*-->modal evaluacion*/
.modal-content-eval
{
	-webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px; 
}

.modal-content-vd
{
	-webkit-border-radius: 11px !important;
    -moz-border-radius: 11px !important;
    border-radius: 11px; 
}

.divEvalIndex
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-color: #6d6d6d;
    border-width: 1px !important;
    border-radius: 14px !important;
    background: #1d4a7d;
    border: 1px solid #061b42;
    height: 88px !important;
    box-shadow: 3px 2px 0px 1px #102838;
    font-weight: 100 !important;
    cursor:pointer;
}

.divTutorialButton
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-color: #6d6d6d;
    border-width: 1px !important;
    border-radius: 14px !important;
    background: #1d4a7d;
    border: 1px solid #061b42;
    height: 65px !important;
    box-shadow: 3px 2px 0px 1px #102838;
    font-weight: 100 !important;
    cursor:pointer;
}

.divTutorialButton:hover
{
	background-image:none !important;
    -webkit-animation: fadeIt 1s cubic-bezier(0.17, 0.57, 0.57, 0.9);
    -moz-animation: fadeIt 1s cubic-bezier(0.17, 0.57, 0.57, 0.9); 
    -o-animation: fadeIt 1s cubic-bezier(0.17, 0.57, 0.57, 0.9);
    animation: fadeIt 1s cubic-bezier(0.17, 0.57, 0.57, 0.9);
	background-color: #112c4b;
}



@-webkit-keyframes fadeIt {
  0%   { background-color: #1d4a7d; }
  100% { background-color: #112c4b; }
}
@-moz-keyframes fadeIt {
  0%   { background-color: #1d4a7d; }
  100% { background-color: #112c4b; }
}
@-o-keyframes fadeIt {
  0%   { background-color: #1d4a7d; }
  100% { background-color: #112c4b; }
}
@keyframes fadeIt {
  0%   { background-color: #1d4a7d; }
  100% { background-color: #112c4b; }
}

@-webkit-keyframes fadeItStar {
  0%   { color: #bda22c; }
  100% { color: #ffbe00; }
}
@-moz-keyframes fadeItStar {
  0%   { color: #bda22c; }
  100% { color: #ffbe00; }
}
@-o-keyframes fadeItStar {
  0%   { color: #bda22c; }
  100% { color: #ffbe00; }
}
@keyframes fadeItStar {
  0%   { color: #bda22c; }
  100% { color: #ffbe00; }
}

.divEvalIndex:hover
{
	background-image:none !important;
    -webkit-animation: fadeIt 1s cubic-bezier(0.17, 0.57, 0.57, 0.9);
    -moz-animation: fadeIt 1s cubic-bezier(0.17, 0.57, 0.57, 0.9); 
    -o-animation: fadeIt 1s cubic-bezier(0.17, 0.57, 0.57, 0.9);
    animation: fadeIt 1s cubic-bezier(0.17, 0.57, 0.57, 0.9);
	background-color: #112c4b;
}

.divEvalIndex:hover .color-estrella0Widget
{
	background-image:none !important;
    -webkit-animation: fadeItStar 1s cubic-bezier(0.17, 0.57, 0.57, 0.9);
    -moz-animation: fadeItStar 1s cubic-bezier(0.17, 0.57, 0.57, 0.9); 
    -o-animation: fadeItStar 1s cubic-bezier(0.17, 0.57, 0.57, 0.9);
    animation: fadeItStar 1s cubic-bezier(0.17, 0.57, 0.57, 0.9);
	color:  #ffbe00; !important;
}

.color-estrella0Widget
{
	color: #bda22c;
	font-size: 1.2em !important;
}

.seleccionEvaluacionLabel
{
	font-size:1.7em;
}
.sinSeleccionEvaluacionLabel
{
	font-size:1em;
}

.tituloModalEvaluacion
{
	font-size: 17px !important;
    font-weight: 500 !important;
    color: #171717 !important;
}



/*--------------------------- Panel de pagos -------------------------*/
.shortcut_panelPagos {
    width: 73px !important;
    margin: 0 0px 0px 0 !important;
    height: 61px !important;
    text-align: center !important;
    position: relative !important;
    float: left !important;
    padding: 3px 6px 6px 7px !important;
    font-size: 0.9em !important;
    
	box-shadow: inset 0px 0px 0px 1px rgb(0, 0, 0), 0 1px 0 #908a8a !important;
    border: 1px solid #ccc !important;    
}
.text-indicadores-panelPagos
{
	color:#3e3e3e !important;
}



/*--------------------------- FIN Panel de pagos -------------------------*/

/*-------------------------------- Admin ---------------------------------*/
.boton-menu-personas
{
	margin-right:10px !important;
	cursor: pointer !important;
    font-size: 1.15em !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.8) !important;
    cursor: pointer;
}

.boton-menu-personas:hover { 
    background-color: white;
    color:#333;
}

.containerAdmin
{
	background-color: rgba(0, 0, 1, 0.73) !important; 
	color: white !important;
}

.containerAdminGris
{
	background-color: rgba(0, 0, 1, 0.73) !important; 
	color: #3C3C3C !important;
}

.containerAdminSinColor
{
	background-color: rgba(0, 0, 1, 0.73) !important; 
}
.headTablaTextoAdmin
{
	font-size: 0.9em !important;
	background-color: #3a3a3a !important;
	color: white !important;
}
.shortcutTitlesAdmin
{
	color: #252525 !important;
    font-weight: bold !important;
}

.headTablaTextoSubTabla
{
	background-color: #043e4e !important;color: white !important;font-weight: bold;
}

.texto-mini-checkbox
{
	font-size: 1.2em;
    margin-right: 10px;
}

.tamanio-checkbox-1-3
{
	transform: scale(1.3);
}
.tamanio-checkbox-1-5
{
	transform: scale(1.5);
}
.tamanio-checkbox-1-7
{
	transform: scale(1.7);
}

/*admin indicadores*/
.iboxIndicador
{
    background-color: #ececec;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 2px 0px;
    color: inherit;
    margin-bottom: -11px;
    padding: 14px 15px 2px;
    min-height: 48px;
}
.iboxIndicador h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
    font-weight: 600;
}
.ibox
{
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}
.ibox-content {
    clear: both;
	background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;    
}
.noTopIndicador
{
	margin-top: 0px !important;
}
.fontSizeIndicadoresSmall
{
	font-size: 116% !important;
}
.popover
{
      width:200px;
    height:250px; 
}

/*-------------------------------- Fin Admin ---------------------------------*/

/*GRADIENT LOAD EXPERIMENT*/

    @-webkit-keyframes placeHolderShimmer{
        0%{
            background-position:-668px 0
        }
        100%{
            background-position:668px 0
        }
    }

    @keyframes placeHolderShimmer{
        0%{
            background-position:-668px 0
        }
        100%{
            background-position:668px 0
        }
    }
    .animated-background-modal-chart {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: placeHolderShimmer;
        animation-name: placeHolderShimmer;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: #eeeeee;
        background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
        background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
        background: linear-gradient(to right,  #eeeeee 8%,#dddddd 18%,#eeeeee 33%);
        -webkit-background-size: 800px 504px;
        background-size: 800px 504px;
        height: 504px;
        position: relative;
    }

.sol-disp-recoleccion-num
{
	font-size: 1.5em !important;
}



.mensajeRounded
{
	background-color: rgba(32, 79, 150, 0.78) !important;
    /*border-radius: 13px !important;*/
    -moz-border-radius: 0.6em 0.6em 0.6em 0.6em;   
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    color: white !important;
    text-shadow: 3px 1px 2px #000 !important;
    margin-right: 14px !important;
    border: 1px solid rgba(202, 202, 202, 0.78) !important;
}

.mensajeRounded:hover
{
    background-color: rgb(2, 111, 144) !important;
    border: 1px solid rgb(236, 236, 236) !important;
}

.barra-porcentaje-xs-rounded
{
	border-radius: 0.6em 0.6em 0.6em 0.6em !important;
	box-shadow: 0 4px 0 #252525, inset 0 0 4px rgba(0,0,0,.2) !important;
    height: 14px !important;
    padding: 0px !important;
}



.texto-gris-shadowed
{
	color: #191919 !important;
}
.texto-white-shadowed
{
	color: white !important;
    text-shadow: 1px 2px 2px #000 !important;	
}





.headerUserbase
{
	background-color: rgb(36, 98, 168) !important;
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
}

.headerUserbaseImagenPerfil
{
	background-color: rgb(36, 98, 168) !important;
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 0.6em 0.6em 0.6em 0.6em !important;
}
.profile-menu .profile-pic
{
	border-radius: 20%;
}

.alertaTipHeaderPosicion
{
	position: relative;
    left: 14px !important
}
.alertaTipHeaderUserBase
{
	position: relative;
    top: -8px !important;
    background-color: #ec4646 !important;
    right: 0px !important;
}
/*rotacion de icono*/
.fa-rotate-40neg {
    -webkit-transform: rotate(-40deg) !important;
    -moz-transform: rotate(-40deg) !important;
    -ms-transform: rotate(-40deg) !important;
    -o-transform: rotate(-40deg) !important;
    transform: rotate(-40deg) !important;
}

@keyframes gradientEvaluacionKeyf{
    0%{
        background-position: -160px 0
    }
    100%{
        background-position: +160px 0
    }
}





.sombraBotonTipo1
{
	box-shadow: inset -2px -3px 0 rgba(0, 0, 0, 0.48);
}
.sobraTexto1
{
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.96);
}
/**/
.escalaGris
{
	    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   		 filter: grayscale(100%);
   		     opacity: 0.4 !important;
}

/*profile*/
.previewPerfilImagen img
{
	width: 226px !important;
    height: 225px !important;
    border-radius: 8em 8em 8em 8em !important;
    margin-top: 13px !important;
}

/*registrar*/
.tituloRegistrar
{
	font-size: 21px !important;
	font-weight: 500 !important;
}
.btnRegistrarVd
{
	background-color: #06a8d2 !important;
    border-color: #06a8d2 !important;
    border: 3px solid #0c2127 !important;
    text-shadow: 2px 1px 1px rgb(10, 16, 19);
}
.btnIniciarSesionVd
{
    color: #3e3e3e !important;
    border: 1.4px solid #ccc !important;
    background-color: #fff !important;
    border-color: #1d1d1d !important;
    font-weight: 600 !important;
}


.select-municipio-inicio
{
	height: 2.1em !important;
    font-size: 1.6em !important;
    font-weight: bold !important;
}

.logo-registro
{
	width: 61% !important;
    margin-top: -24px !important;
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.text-subtitulos-registro
{
	font-size: 1.2em !important;
    font-weight: 200 !important;
    
}
.error-registro-label
{
	padding-top:0px !important;
	padding-bottom:0px !important;
	/*padding: 0px 15px 0px 15px!important;*/
    font-size: 1.1em !important;
    background-color: red !important;
}

.btn-legal-registro
{
	background-color: #0a7792 !important;
    border-width: 2px !important;
    border-color: #68e8ff !important;
    margin-left: 19px !important;
}
.btn-imprimir-legal-registro
{
	background-color: #09809e !important;
    font-weight: 300 !important;
}

/*---------------------- Permiso de circulacion - LISTA ----------------*/
.textos-estados-pclista-modales
{
	font-weight: bold;
	font-size: 1.3em !important;	
}
.color-titulo-pclista
{
	color: #ffbc20; !important;
}

.titulos-tablas-pclista
{
	color: #4c4c4c !important;
}

.btn-pclista
{
	box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999 !important;
	background-color: #1c84c6 !important;
	border-color: #1c84c6 !important;
}
.btn-pclista:hover
{
	background-color: #1a7bb9 !important;
    border-color: #1a7bb9 !important;
    color: #FFFFFF !important;
}

.btn-info-pclista
{
	background-color: #fff !important;
    font-size: 13px !important;
    border: 0px solid #B6B6B6 !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 0 rgba(0,0,0,0) !important;
    
}

.btn-estados-pclista
{
	font-size: 2em !important;
}

.texto-success-pclista
{
	/*color: #1c84c6 !important;*/
	color: #25960a !important;
}
.texto-danger-pclista
{
	color: #ed5565 !important; 
}
.texto-label-round-pclista
{
	border-radius: 1.8em 0.8em 0.8em 0.8em !important;
	padding-bottom: 0px !important;
    padding-top: 2px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    float:left;
    background-color: #06a8d2 !important;
}

.texto-success-pclista:hover
{
	color: #383838 !important;
}
.texto-danger-pclista:hover
{
	color: #383838 !important;
}
.texto-info-pclista
{
	color: #4a4a4a !important;
    font-weight: 600 !important;
    font-size: 1.25em !important;
}
.textoSecundario-info-pcLista
{
	margin-top: -4px !important;
}

.td-color-pclista
{
	background-color: #eaeaea !important;
	    font-size: 0.8em !important;
}
.th-color-pclista
{
	background-color: #676767 !important;
    font-weight: 100 !important;
    color: white !important;
    font-size: 0.79em !important;
}


/*-------------------- FIN Permiso de circulacion - LISTA --------------*/


/*--------------------    spinekit barras  -----------------------------*/
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/*
	Se carga con esto
	<div class="spinner">
	  <div class="rect1"></div>
	  <div class="rect2"></div>
	  <div class="rect3"></div>
	  <div class="rect4"></div>
	  <div class="rect5"></div>
	</div>
*/


.spinner-bounce {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner-bounce > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner-bounce .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner-bounce .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}


.spinner-bounce-white {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner-bounce-white > div {
  width: 18px;
  height: 18px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner-bounce-white .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner-bounce-white .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}


@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}





@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


.spinner-cube-rotate {
  width: 40px;
  height: 40px;
  background-color: #333;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}



.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

/*--------------------  FIN spinekit barras  ---------------------------*/
.basePagoOtraMuni
{
    margin-right: 10px;
    padding: 0 3px 0 9px;
    height: 35px;
    color: #333;
}

.textoPagaOtroMuni
{
	color: white;
    margin: 0px 2px 0px 2px;
    position: relative;
    top: 7px;
    font-size: 1.1em;
}

.borde-pasos-soltraslado
{
	border: 2px solid #5d5d5d;
    border-radius: 25px;
    font-size: 1.15em !important;
}

.fondo-pasos-activo
{
	background-color: #11acd4;
    color: #fffdfd;
    text-shadow: 0px 0px 8px rgb(0, 0, 0);

}

.fondo-pasos-inactivo
{
	background-color:#fff;
}
/* index */


@media screen and (max-width: 991px) and (min-width: 240px) {
    .separacion-modulos-pago-botones
    {
   		margin-bottom:10px !important;
    }
}

@media screen and (min-width: 1420px) {
	.pagosVecinoIndex
	{
		background-color: #5176ad;
	    padding-bottom: 35.98px;
	    padding-top: 0.6%;
	}
}	

@media screen and (min-width: 992px) and (max-width: 1419px) {
	.pagosVecinoIndex
	{
		background-color: #5176ad;
	    padding-bottom: 36.91px;
	    padding-top: 0.6%;
	}
}	

@media screen and (max-width: 991px) {
	.pagosVecinoIndex
	{
		background-color: #5176ad;
	    padding-bottom: 3.6%;
	    padding-top: 0.6%;
	}
}	

.icono-color-billetera-panel
{
	background: -webkit-linear-gradient(#980a0a, #ff0707);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*---------------------------------- LICENCIA DE CONDUCIR ----------------------------------*/

#quoteContenidoLicencia {
	width: 100%; float: left; margin-right: 5px; margin-left: 0px;
}

#quoteTramiteLicencia {
	width: 95%; margin-left: 15px;
}

#textoFechaHoraLicencia{
	margin-top:30px; margin-left:-10px;
}

b#fechahoraTramite {
	min-width:160px; display:table-cell; background-color:#E0E0E0;
}

#contentTramLicencia {
	margin-top:25px; margin-left:20px;
}

#label_comboLicenciasCalendario {
	 font-size:1.5em;font-weight: bold;
}

#textoValorTramite {
	display:block; margin-top: 20px; margin-bottom: 20px;
}

#timerLicencia {
	 display:block; margin-top: 20px; margin-bottom: 20px;
}

#label_datepicker_turno_licencia {
	font-size:1.5em;font-weight: bold;
}

#botonPagarSeccion {
	margin-top:25px; margin-right:8%; margin-bottom:20px;
}

#licenciaDivTituloTablaHorasAyuda {
	clear:both; padding-top:18px;
}

.textoAvisoLicencia {
	font-size:1.3em;
}

.fa-question-licencia{
	font-size:1.3em;
}

#imgVDLicencia {
	width:19%; height:19%; margin-left:25px; 
}

/***** MODAL HORAS DE ATENCION *****/

/* arreglando los bordes */
#modalHorasDisponiblesLicencia .modal-header {
	border-top-left-radius: 0.8em;
	border-top-right-radius: 0.8em;
}

#modalHorasDisponiblesLicencia .modal-footer {
	border-bottom-left-radius: 0.8em;
	border-bottom-right-radius: 0.8em;
}

.licencia-modal-dialog{
	width: 600px !important; 
	padding-left: 80px !important;
}

.licencia-modal-content{
	width: 75%;
}

.licencia-modal-title{
	color: #191818;
	font-weight: 800;
}


/*******	TABLA DE HORAS	*******/

table .licencia-table{
	background: #fefefe;
	width: 93%;
	margin-left: 10px;
}

.licencia-table-centrar-texto{
	text-align: center;
}

td.licencia-table-td{
	font-size: 11px;
	text-align:center;
	vertical-align:middle !important;
}

.licencia-td-reservado{
	/* height: 20px; */
	line-height: 1.2;
	font-size: 11px;
}

tr.tabla-horas-border-bottom:not(:last-child) {
	border-bottom: 1px solid #e0e0e0;
}

th.tabla-licencia-border-right, .tabla-licencia-border-right {
	border-right: 1px solid #e0e0e0;
}

.fila-simbologia {
	margin-bottom: 6px;
}

.licencia-simbologia-txt {
	padding-left: 5px;
	font-size: 0.8em;
}

/********	BOTONES		********/

.btn.btn-sm.btn-modal-licencia {
	vertical-align: super;
	text-align: center;
}

.licencia-btn-reservar {
	background-color: #a3de83 !important;
}

.licencia-btn-reservar, .licencia-btn-reservado, .licencia-btn-en-espera, .licencia-btn-no-disponible {
	height: 20px;
	border-color: black !important;
	font-size: 11px !important;
	padding-top: 2px !important;
}

.btn.btn-sm.licencia-btn-reservado{
	background-color: #9e1313 !important;
	padding-left: 6px;
	color: #fff;
	opacity: 1 !important;
	cursor: default;
	pointer-events: none;
}

.btn.btn-sm.licencia-btn-en-espera {
	padding-left: 7px;
}

.btn.btn-sm.licencia-btn-no-disponible {
	font-size: 9px !important;
	padding-top: 3px !important;
	padding-left: 4px;
	font-weight: 300;
}

.btn.btn-sm.licencia-btn-en-espera, .btn.btn-sm.licencia-btn-no-disponible{
	background-color: #B6B7B0 !important; 
	color: black; 
	opacity: 0.8 !important; 
}

.btn.btn-sm.licencia-btn-reservado, .btn.btn-sm.licencia-btn-en-espera, .btn.btn-sm.licencia-btn-no-disponible {
	width: 63px;
	padding-right: 10px;
	cursor: default; 
	pointer-events: none;
}

.licencia-btn-reservado:hover{
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 767px){
	.licencia-titulo-simbologia{
		text-align: center;
		padding: 5px;
	}
	
	.licencia-simbologia-txt.txt-ajuste {
		display: inline-block;
		position: absolute;
		top: 1px;
	}
}

/* CONTENIDO TRAMITE LICENCIA DE CONDUCIR */
@media screen and (max-width: 991px) {
	#contentTramLicencia {
		margin-left: -15px !important;
	}
}
@media (max-width: 550px) {
  	.modal-60-vd {
    width: 90% !important;
  	}
  	.text-warning{
  	font-size: 13px !important;
 	}
}
@media (max-width: 338px)
{
	.visita-modal{
		width	   :100% !important;
		margin-left: 0px !important;
	}
}
input.emailLower {
    text-transform: lowercase;
}