.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

body{
    font-size: 14px;
    font-family: 'NeoSansPro';
    font-weight: bold;
}

span{
    font-weight: normal;
}

.centro-cobro{
    font-size: 22px;
}

.centro-cobro.nombre{
    text-transform: uppercase;
}

.separator-mapa{
    margin-top: 400px;
}

.medium-text{
    /* font-family: 'NeoSans'; */
    font-size: 24px;
}

.mayusculas{
    text-transform: uppercase;
}

.breadcrumb{
    background-color: white;
}

.breadcrumb > li > a{
    font-weight: bold;
}

.breadcrumb .active a{
    color: #777777;
}
.breadcrumb > li + li:before{
    content: '>';
    color: #f7c041;
}

.tesoreria21 .carousel-inner
{
    background-color: #00ACCF;
}

.tesoreria21.carousel .carousel-caption
{
    /* font-family: "NeoSansPro"; */
    left: 100px !important;
    top: 80px;
    padding-bottom: 10px;
}

.tesoreria21.carousel.main .carousel-caption
{
    top: 150px;    
}

.tesoreria21 .carousel-caption.subtitle
{
    top: 120px;
}

.tesoreria21 .carousel-caption.subtitle h3
{
    margin: 0;
    padding: 0;
}

.tesoreria21.carousel .carousel-caption.subseccion
{
	/*bottom: 150px;*/
	top: 50px;
	position: absolute;
    bottom: unset !important;
    padding: 0;
}

.tesoreria21.carousel.main .carousel-caption.subseccion
{
    top: 100px;
}

.tesoreria21 .carousel-caption.subseccion h1
{
    margin: 0;
    padding: 0;
    font-size: 40px;
}

.tesoreria21 .carousel-caption.subseccion h4
{
    margin: 0;
    padding: 0;
    font-size: 22px;
}

.jumbotron.tesoreria21{
    border-radius: 0 !important;
    margin-top: 100px;
}

.jumbotron.tesoreria21 .btn-info{
    width: 100%;
}

.fondo_gris_parent{
    padding: 1em;
}

.fondo_gris{
    background-color: #eaeaea;
    padding: 2em;
    height: 320px;
}
.fondo_gris img{
    width: 150px;
}

.fondo_gris_small{
    background-color: #eaeaea;
    height: 265px;
    width: 90%;
    margin-left: 5%;
}

.fondo_gris_small img{
    width: 100px;
}

.fondo_gris_small p{
    font-size: 15px;
    font-weight: bold;
}

.pleca
{
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.pleca a{
    color: #222933;
}

.no_padding{
    padding: 0;
}

.navbar-default.tesoreria21
{
    background-color: #5c113c;
    border: #5c113c;
    margin-bottom: 0 !important;
    position: fixed;
    width: 100%;
    top: 28px;
    z-index: 9999;
}
.navbar-default.tesoreria21 .navbar-nav > li > a
{
    font-size: 20px;
    font-weight: bold;
    line-height: 2.5;
    color: white;
    padding: 5px 35px;
}
.navbar-default.tesoreria21 .navbar-nav > .active > a
{
    font-size: 20px;
    line-height: 2.5;
    color: #222933;
}

.navbar-default.tesoreria21 .navbar-nav .dropdown-menu{
    /* width: 100%; */
    background-color: #222933;
}
.navbar-default.tesoreria21 .navbar-nav .dropdown-menu > li{
    border-bottom: 1px solid white;
}

.navbar-default.tesoreria21 .navbar-nav .dropdown-menu > li > a{
    color: white;
    line-height: 2;
    font-size: 20px;
    /* padding: 1em; */
}

.navbar-default.tesoreria21 .navbar-nav .dropdown-menu > li > a.disabled{
    color: gray;
}

.navbar-default.tesoreria21 .navbar-nav .dropdown-menu > li > a:hover{
    color: #222933;
}

.navbar-default.tesoreria21 .navbar-nav .dropdown-menu > li > a.disabled:hover{
    color: gray !important;
    background-color: #222933 !important;
    cursor: default !important;
}

.navbar-default.tesoreria21 .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333333;
    background-color: #eee;
}

.navbar-default.tesoreria21 .navbar-nav > li > a.disabled:hover, .navbar-default .navbar-nav > li > a.disabled:focus {
    color: gray;
    background-color: #222933 !important;
}

.navbar.tesoreria21 > .container-fluid .navbar-brand{
    display: inline-block;
    height: 60px;
    padding: 0;
}

.navbar.tesoreria21 > .container-fluid .navbar-brand > img{
    height: 100%;
}

.carousel.tesoreria21
{
    margin-top: 50px;
    height: 254px !important;
}

.carousel.main.tesoreria21
{
    margin-top: 50px;
    height: 394px !important;
}

.porque_tesoreria h2{
    font-weight: bold;
}

.servicios_tesoreria h2{
    font-weight: bold;
}

.caja_servicio, .forma_pago{
    /* width: 190px; */
    width: 100%;
}

.caja_servicio img{
    /* width: 100%; */
    height: 229px;
}

.caja_servicio.disabled img {
    filter: opacity(0.5);
}

.caja_servicio.active:hover img {
    filter: opacity(0.5);
}

.forma_pago img{
    /* width: 100%; */
    height: 229px;
}

.forma_pago.active:hover img {
    filter: opacity(0.5);
}


.ayudaref_tesoreria, .nota-factura{
    font-size: 16px;
}

.ayudaref_tesoreria h2{
    font-size: 25px;
}

.ayuda_tesoreria h2, .ayuda_tesoreria h4{
    font-weight: bold;
}

.ayuda_tesoreria img{
    width: 150px;
}

.ayuda_tesoreria p{
    /* font-family: 'NeoSans'; */
    font-style: italic;
    font-size: 16px;
}

.liston_gris{
    background-color: #eaeaea;
    padding: 1em;
    /* font-family: 'Exo', sans-serif; */
    letter-spacing: 2px;
    font-size: 22px;
    font-weight: bold;
}
.liston_amarillo{
    background-color: #e6bd40;
    padding: 0.3em;
}
.liston_amarillo h1{
    margin: 0;
}

footer #footer {
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer.tesoreria21{
    font-size: 14px;
    background-color: #222933;
}

#footer.tesoreria21 img{
    width: 100%;
}

#footer.tesoreria21 ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer.tesoreria21 li, #footer.tesoreria21 p{
    /* font-family: "NeoSans"; */
    /* font-size: 18px; */
}

#footer.tesoreria21 .copyright{
    color: #ACACAC;
}

#footer.tesoreria21 .emergencia li{
    font-weight: bold;
}

footer a
{
	color: white;
    font-weight: normal;
    font-size: 16px;
	line-height: 1;
	text-decoration: none;
}
/* ########################################### */
.tesoreria21 .nav-tabs{
    border: 0;
    /* background-color: #d4d4d4; */
}

.tesoreria21 .nav-tabs > li{
    border-radius: 0;
    background-color: #d4d4d4;
    margin-right: 1px;
    width: 33%;
}

.tesoreria21 .nav-tabs > li:last-child{   
    width: 33%;
}

.tesoreria21 .nav-tabs > li > a {
    color: #222933;
    font-size: 14px;
    text-align: center;
    cursor: default;
}

.tesoreria21 .nav-tabs > li > a{
    font-weight: bold;
}

.tesoreria21 .nav-tabs > li.active > a{
    background-color: #efefef;
    height: 100%;
}

.tesoreria21 .nav-tabs > li > a:hover {
    border: 1px solid transparent;
}
.tesoreria21 .nav > li:not(.active) > a:hover{
    text-decoration: none;
    background-color: #d4d4d4;
}

.tesoreria21 .tab-content{
    border-radius: 0;
    margin-top: 10px !important;
}

.tesoreria21 .tab-pane.tab_clave, .tesoreria21 .tab-pane.tab_estado {
    min-height: 400px;
}

.tesoreria21 .tab-pane .btn{
    border-radius: 0;
}

.tesoreria21 .tab-pane .btn-lg{
    font-size: 25px;
    font-weight: bold;
    width: 200px;
    height: 60px;
}

/* .tesoreria21 .tab-pane.tab_clave{
    min-height: 400px;
} */

.tesoreria21 .terminos-pase-ref{
    width: 100%;
}

.tesoreria21 .terminos-pase-ref span{
    text-align: right;
    font-size: 12px;
    display: inline-block;
    font-weight: normal;
    padding: 0.5em;
    color: #233051 !important;
}

.tesoreria21 .terminos-pase-ref input{
    display: inline-block;
    width: 22px;
}

.tesoreria21 .tab-pane.tab_clave h1{
    margin-top: 2em;
    font-weight: bold;
    font-size: 20px;
}


.tesoreria21 .tab-pane.tab_clave input.clave{
    font-size: 2em;
    font-weight: bold;
    height: 60px;
}

.tesoreria21 .tab-pane.tab_clave span.aviso{
    font-size: 1em;
    margin-top: 1em;
    display: inline-block;
    font-weight: bold;
}

.tesoreria21 .tab_estado .datos_predial h2{
    text-align: center;
    background-color: #222933;
    color: white;
    padding: 10px;
    /* border-radius: 10px; */
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    font-size: 1.4em;
    font-weight: bold;
    z-index: 999;
}

.tesoreria21 .tab_estado .datos_predial div.clave{
    font-size: 1.4em;
    background-color: white;
    margin-top: 64px;
    width: 70%;
    left: 15%;
    padding: 0.8em 0.5em;
    top: 0;
    position: absolute;
}

.tesoreria21 .tab_estado .datos_predial h2.iniciales{
    top: 120px;
}

.tesoreria21 .tab_estado .datos_predial .nombre{
    font-size: 1.4em;
    background-color: white;
    margin-top: 44px;
    width: 70%;
    left: 15%;
    padding: 0.8em 0.5em;
    /* border-radius: 0 0 10px 10px; */
    box-shadow: 0 5px 10px #9a9a9a;
    z-index: 99;
    position: absolute;
    top: 140px;
}

.tesoreria21 .tab_estado .datos_predial .indicaciones{
    background-color: #d4d4d4;
    color: #222933;
    font-weight: bold;
    width: 70%;
    left: 15%;
    position: absolute;
    top: 244px;
    padding: 0.5em;
    /* border-radius: 0 0 10px 10px; */
    box-shadow: 0 5px 10px #9a9a9a;
}

.tesoreria21 .tab_estado .datos_predial .escudo{
    position: absolute;
    top: 340px;
    width: 60%;
    left: 20%;
    background-color: #f9f9f9;
    /* border-radius: 10px; */
    padding: 1em;
}

.tesoreria21 .tab_estado .datos_predial .escudo.middle{
    top: 180px;
}

.tesoreria21 .tab_estado .datos_predial .email_referenciado{
    position: absolute;
    top: 400px;
    width: 70%;
    left: 15%;
}

.tesoreria21 .tab_estado .datos_predial .email_referenciado .emailref{
    font-size: 25px;
    height: 50px;
    width: 100%;
}

.tesoreria21 .tab_estado .estado_predial ul{
    margin-top: 1em;
    /* border-radius: 10px; */
    border: 1px solid #222933;
    /* font-family: 'NeoSans'; */
}

.tesoreria21 .tab_estado .estado_predial ul > .list-group-item{
    position: relative;
    display: block;
    padding: 5px 10px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    font-size: 18px
}

/* .tesoreria21 .tab_estado .estado_predial ul > .list-group-item:first-child{
    border-radius: 10px 10px 0 0
} */

/* .tesoreria21 .tab_estado .estado_predial ul > .list-group-item small{
    background-color: #222933;
    color: white;
    padding: 0.2em 0.5em;
    font-size: 0.7em;
    border-radius: 50%;
} */

.gray-loader{
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #efefef65;
    z-index: 9990;
}

.gray-loader .loader{
    text-align: center;
    margin-top: 100px;
}

.gray-loader .loader > span{
    display: block;
    font-size: 24px;
    font-weight: bold;
}

.gray-loader .loader > span::after{
    content: 'CARGANDO...';
}

.tesoreria21 .tab_estado .estado_predial ul > .list-group-item div{
    display: inline-block;
    width: 70%;
}

.tesoreria21 .tab_estado .estado_predial ul > .list-group-item span.valor{
    display: inline-block;
    position: absolute;
    right: 10px;
    font-weight: bold;
}

.tesoreria21 .tab_estado .estado_predial ul > .list-group-item span.valor.moneda::before{
    content: '$';
}


.tesoreria21 .tab_estado .estado_predial ul > .list-group-item a{
    color: #222933;
}

/* .tesoreria21 .tab_estado .estado_predial ul > .list-group-item div {
    display: inline-block;
    width: 100%;
    z-index: 10;
    padding: 5px 10px;
    background-color: red;
} */
/* .tesoreria21 .tab_estado .estado_predial ul > .list-group-item:last-child {
    font-size: 16px;
} */

.tesoreria21 .tab_estado .estado_predial ul > .list-group-item a.detalle_tooltip{
    position: absolute;
    right: 10px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding: 0;
    text-align: right;
    display: inline-block;
}

.tesoreria21 .tab_estado .estado_predial ul > .list-group-item a.detalle_tooltip:after
{
    content: 'DETALLE';
    margin-left: 13px;
    background-color: #5c113c;
    padding: 5px 10px;
    color: white;
    position: absolute;
    border-right: 5px solid #e6bd40;
}

.tesoreria21 .tab_estado .estado_predial ul > .list-group-item:last-child{
    border-radius: 0;
    color: #f6bb60;
    background-color: #222933;
    font-weight: bold;
    font-size: 18px;
    padding: 1em;
}

/* .tesoreria21 .tab_estado .estado_predial .detalle_tooltip:hover{
    right: -7px;
    display: inline-block;
    border-right: 5px solid #222933;
    color: transparent !important;
} */

.tesoreria21 .tab_estado .estado_predial .btn.siguiente{
    padding: 10px 16px;
    font-size: 32px;
    line-height: 1.3333333;
    /* border-radius: 6px; */
    width: 100%;
    box-shadow: 0 5px 10px #9a9a9a;
    border-radius: 0;
}

/* .tesoreria21 #predial_tarjeta .datos_tarjeta{
    margin-top: 1em;
    background-color: #e4e4e4;
    padding: 1em;
    border-radius: 10px;
    font-size: 1.5em;
    font-weight: bold;
} */
.tesoreria21 .tab_tarjeta
{
    padding: 1em;
    padding-bottom: 2em;
}

.tesoreria21 .tab_tarjeta .datos_tarjeta .generales{
    margin-top: 1em;
    background-color: #f6f6f6 !important;
    padding: 1em !important;
    /* border-radius: 10px; */
    font-size: 20px !important;
    font-weight: bold;
}

.tesoreria21 .tab_tarjeta .datos_tarjeta input.form-control{
    font-size: 0.8em;
    height: 30px;
    font-weight: normal;
    border: 1px solid #5c113c !important;
    border-radius: 0;
}

.tesoreria21 .tab_tarjeta .datos_tarjeta .tarjeta{
    margin-top: 1em;
    background-color: #e4e4e4;
    padding: 1em;
    /* border-radius: 10px; */
    font-size: 20px !important;
    font-weight: bold;
}

/* .tesoreria21 .terminos{
    
} */

.tesoreria21 .terminos span{
    text-align: right;
    font-size: 12px;
    display: inline-block;
    font-weight: normal;
    padding: 0.5em;
    color: #233051 !important;
}

.tesoreria21 .terminos a{
    color: #5c113c;
}

.tesoreria21 .terminos input{   
    display: inline-block;
    width: 22px;
}

.tesoreria21 .table{
    background-color: white;
    border: 1px solid #e2e2e2;
    /* border-radius: 10px; */
    margin-top: 1em;
}

.tesoreria21 .table > tbody > tr{
    background-color: white;
}

/* .tesoreria21 .table > tbody > tr:nth-of-type(odd){    
    background-color: #f2f8fb;
} */

.tesoreria21 .table > tbody > tr:last-child{
    border-bottom:  1px solid #5c113c;
    background-color: #f6f6f6;
}

.tesoreria21 .table > tbody > tr > td{
    border-right: 0;
    border-top:  1px solid #5c113c;
    padding: 10px;
    height: 50px;
    font-size: 18px;
}

.tesoreria21 .tab_tarjeta .table > tbody > tr > td{
    font-size: 20px !important;
}

.tesoreria21 .table > tbody > tr > td:first-child{
    border-left: 1px solid #5c113c; 
}

.tesoreria21 .table > tbody > tr > td:last-child{
    border-right: 1px solid #5c113c; 
}

.tippy-tooltip{
    background-color: #222933;
    border-radius: 0 0 0 0 !important;
    height: 100%;
    max-height: 400px;
    color: white;
    margin-left: 10px;
}

.tippy-backdrop{
    background-color: #222933;
    border-radius: 0 0 0 0 !important;
    height: 100%;
    max-height: 400px;
    color: white;
}

.tippy-tooltip strong{
    color: #e6bd40;
}

.show_mobile {
    display: none;
}

.sinfilas_tesoreria h2, .sinfilas_tesoreria h3{
    font-weight: bold;
}

.video_predial h2, .video_predial h3{
    font-weight: bold;
}

small.nota{
    font-size: 70%;
}