
*{
    transition: 0.3ms;
}

body {
    font-family: "Open Sans";
    font-weight: 300;
}
.color-naranja {
    color: rgb(87,192,230) !important;
}
#navbar {
    opacity: 0.9;
    margin-bottom: 0px;
}
.navbar-brand>img {
    height: 100%;
    padding: 5px;
    width: auto;
}

#contenido-sguimiento {
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 503px;
}

.navbar-default .navbar-nav>li>a {
    color: #4c4c4c;
    border-bottom: 3px solid #f8f8f8;
    font-weight: 300;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a.selected {
    border-bottom: 3px solid rgb(87,192,230);
    color: rgb(87,192,230);
}
.titulo-paga-linea {
    font-size: 40px;
    font-family: Open Sans;
    color: #333;
    font-weight: 300;
}
.input-gray {
    font-size: 18px;
    color: white;
    background-color: #d9d9d9;
    border-radius: 0px;
}

.input-gray::-webkit-input-placeholder {
    color: white;
}
.input-gray:-moz-placeholder {
    /* FF 4-18 */
    color: white;
}
.input-gray::-moz-placeholder {
    /* FF 19+ */
    color: white;
}
.input-gray:-ms-input-placeholder {
    /* IE 10+ */
    color: white;
}
.btn-green {
    background-color: rgb(83,192,231);
    color: white !important;
    font-size: 18px;
    border-radius: 0px;
}

.btn-green:hover,
.btn-green:active,
.btn-green:visited {
    background-color: rgb(83,192,231) !important;
    color: white !important;
}
#pago-linea-colonia + span > span > .select2-selection{
    background-color: rgb(83,192,231);
    color: white;
}

#select2-pago-linea-colonia-container,
#select2-pago-linea-colonia-container > span {
    color: white;
}

.select2-selection__arrow,
.select2-selection__arrow > b {
    color: white;
    border-color: white transparent transparent !important;
}

#select2-pago-linea-colonia-results .select2-results__option--highlighted {
    background-color: rgb(83,192,231);
}
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent transparent white !important;
    border-width: 0 4px 4px !important;
}


.pamplona-green-select + span > span.select2-selection{
    background-color: rgb(83,192,231);
    color: white;
}

.pamplona-green-select + span > span.select2-selection{
    background-color: rgb(83,192,231);
    color: white;
}

select.pamplona-green-select {
    background-color: #96bf31;
    color: white;
}
select.pamplona-green-select option{
    color: #333;
    background-color: #fff;
}

.input-white {
    font-size: 18px;
    color: rgb(87,192,230);
    background-color: white;
    border-radius: 0px;
}

.input-white::-webkit-input-placeholder {
    color: rgb(87,192,230);
}
.input-white:-moz-placeholder {
    /* FF 4-18 */
    color: rgb(87,192,230);
}
.input-white::-moz-placeholder {
    /* FF 19+ */
    color: rgb(87,192,230);
}
.input-white:-ms-input-placeholder {
    /* IE 10+ */
    color: rgb(87,192,230);
}
.btn-color-1 {
    background-color: rgb(87,192,230);
    color: white !important;
    font-size: 18px;
    border-radius: 0px;
}
.btn-color-1:hover,
.btn-color-1:active,
.btn-color-1:visited {
    background-color: rgb(87,192,230) !important;
    color: white !important;
}
#reporte-linea-colonia + span > span > .select2-selection{
    background-color: rgb(87,192,230);
    color: white;
}

#select2-reporte-linea-colonia-container,
#select2-reporte-linea-colonia-container > span {
    color: white;
}

#select2-reporte-linea-colonia-results .select2-results__option--highlighted {
    background-color: rgb(87,192,230);
}

select.pamplona-orange-select {
    background-color: #e76726;
    color: white;
}
select.pamplona-orange-select option{
    color: #333;
    background-color: #fff;
}

#contenido-wp {
    padding: 90px 30px 0px 0px;
}

#contenido-wp .contenido-titulo {
    font-weight: 300;
    font-size: 24px;
    color: #999;
}

#contenido-wp .contenido-descripcion {
    font-weight: 300;
    font-size: 18px;
    color: #666;
}

#contenido-wp .contenido-heightimg {
    height: 65px;
    vertical-align: middle;
}

#contenido-sguimiento-titulo {
    font-weight: 300;
    font-size: 40px;
    color: white;
}
.btn-white {
    background-color: white;
    color: rgb(83,192,231) !important;
    border-radius: 0px;
}
.contenido-sguimiento-descripcion {
    font-weight: 300;
    font-size: 18px;
    color: white;
}
footer {
    background-color: rgb(83,192,231);
    padding-top: 65px;
    padding-bottom: 50px;
}

.texto-footer {
    color: white;
    font-weight: 300;
    font-size: 16px;
}

.texto-footer a {
    color: white;
    font-weight: 300;
    text-decoration: none;
    font-size: 16px;
}

#prensa .nav {
    text-align: center;
}

#prensa .nav li {
    float: none;
    display: inline-block;
    background-color: rgb(83,192,231);
    border-radius: 0px;
}

#prensa .nav li > a {
    color: white;
    border-radius: 0px;
}

.nav-tabs>li>a:hover {
    background-color: rgb(83,192,231);
    border-color: rgb(83,192,231);
}

#prensa .nav li.active {
    color: rgb(83,192,231);
    background-color: white;
}

#prensa .nav li.active > a{
    color: rgb(83,192,231);
}

#prensa .btn-white-prensa {
    color: white;
}

#prensa .btn-white-prensa:hover {
    color: white;
}

#prensa .titulo-prensa {
    font-weight: 300;
    font-size: 20px;
    color: white;
    padding-top: 30px;
    padding-left: 20px;
}

#prensa .fecha-prensa {
    font-weight: 300;
    font-size: 14px;
    color: white;
    padding-top: 10px;
    padding-left: 20px;
}




@media(min-width:1200px) {
    .text-lg-right {
        text-align: right
    }
    .text-lg-center {
        text-align: center
    }
    .text-lg-left {
        text-align: left
    }
}
@media(min-width:992px) and (max-width:1200px) {
    .text-md-right {
        text-align: right
    }
    .text-md-center {
        text-align: center
    }
    .text-md-left {
        text-align: left
    }
}
@media(min-width:768px) and (max-width:992px) {
    .text-sm-right {
        text-align: right
    }
    .text-sm-center {
        text-align: center
    }
    .text-sm-left {
        text-align: left
    }
}
@media(max-width:760px) {
    .text-xs-right {
        text-align: right
    }
    .text-xs-center {
        text-align: center
    }
    .text-xs-left {
        text-align: left
    }
}

.overlay {
    position: relative;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

@media(min-width:1200px) {
    .overlay {
        background-color: transparent;
    }
}

#banner-pamplona{
    filter: brightness(0.5);
}

#titulo-servicio {
    font-size: 40px;
    font-weight: 300;
    color: rgb(87,192,230) !important;
    position: relative;
    top: -65px;
    background-color: white;
    padding: 10px 30px;
}

#prensa .notas-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    height: 327px;
    background-color: rgba(0,0,0,0.4);
}

#prensa .notas {
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
    background-color: #000;
}

/*
pago en linea
*/
.intro-header {
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #f2f2f2;
}

#container-pagolinea {
    padding-top: 73px;
    padding-bottom: 126px;
}

.titulo-paga-linea {
    color: white;
}

@media(min-width:1200px) {
    #container-pagolinea {
        background-color: transparent;
        padding-top: 166px;
        padding-bottom: 224px;
    }

    .intro-header {
        background: left center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        -o-background-size: contain;
        background-color: #f2f2f2;
    }
    .titulo-paga-linea {
        color: #333;
    }
}

/*
reporte en linea
 */

.reporte-linea {
    background: center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-color: #edede3;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#container-reportelinea {
    padding-top: 90px;
    padding-bottom: 126px;
}
.color-naranja {
    color: white !important;
}
@media(min-width:1200px) {
    .reporte-linea {
        background: right center no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        -o-background-size: contain;
        background-color: #edede3;
    }
    .color-naranja {
        color: rgb(87,192,230) !important;
    }
}

.text-descripcion {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;     /* fallback */
    max-height: 70px;      /* fallback */
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
    position: absolute;
    bottom: 55px;
    right: 20px;
    color: white;
    text-align: left;
    width: calc(100% - 34px);
}

/* 
.btn-color-1 {
    rgb(87,192,230)!important;
} */