@font-face {
  font-family: brokman-regular;
  font-weight: 400;
  src: url(../font/brokman-regular-webfont.woff); }
@font-face {
  font-family: brokman-bold;
  font-weight: 700;
  src: url(../font/brokman-bold-webfont.woff); }
@media (min-width: 992px) {
  .jumbotron-home h1 {
    font-size: 3rem; } }
body {
  /*padding-top: 4.2rem;*/
}

h1,
h2,
h3 {
  font-family: "brokman-bold", arial, sans-serif; }

h1,
h2 {
  letter-spacing: -.005em; }

section {
  margin-bottom: 3rem; }

.card {
  margin-bottom: 2rem; }

nav.navbar {
  min-height: 4.5rem;
  border-bottom: solid 1px #e0e0e0;
  background: url(https://d1pucn86e4upao.cloudfront.net/templates/g5_hydrogen/custom/images/borde-colores.svg) center top repeat-x white; }

.jumbotron-home {
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-bottom: 0;
  background-position: center top;
  background-position: left top;
  background-size: cover;
  background-size: cover; }
  .jumbotron-home h1,
  .jumbotron-home h2,
  .jumbotron-home p {
    text-shadow: 0 0 10px #59131c; }
  .jumbotron-home p.lead {
    font-weight: 700; }
  .jumbotron-home li.list-group-item {
    font-size: 90%;
    font-weight: 400;
    line-height: 1.5; }

.botonera-buscador .btn {
  margin: .3rem;
  color: #7ec6e6; }

.accesos {
  padding: 1.5rem 0;
   }
    .accesos .icono-acceso {
        font-size: 5rem;
        color: #FF8200;
    }

.divisor-seccion {
  border-width: 5px; }

.telefonos .card {
  border: none; }
  .telefonos .card .card-title {
    font-family: brokman-bold !important; }
  .telefonos .card .card-body {
    padding: .5rem; }

footer {
    color: #fff;
    background: #FF8200;
    /*background: -webkit-gradient(linear, left top, right top, from(#040000), to(#4b0014));
  background: linear-gradient(to right, #040000 0%, #4b0014 100%);*/
}
  footer a {
    color: #fff; }
    footer a:hover {
      color: white; }
    footer hr {
        border-color: #FF8200;
    }

ol.breadcrumb {
  padding: .75rem 0;
  background: transparent; }

.titulo-seccion {
  margin: 0 auto;
  text-align: center; }

ul.sy-bus-result.list-group {
  text-align: left;
  color: #000; }
  ul.sy-bus-result.list-group a {
    font-size: 1rem;
    color: #7ec6e6; }
  ul.sy-bus-result.list-group h1,
  ul.sy-bus-result.list-group h2,
  ul.sy-bus-result.list-group figcaption h1,
  ul.sy-bus-result.list-group figcaption p {
    font-size: 16px;
    text-shadow: none; }

/*# sourceMappingURL=patron.css.map */

.img-fluid-noticias {
    min-height: 168px;
}
.img-fluid-noticias {
    max-height: 168px;
}

/*boton de formularios dinamicos*/
.syrah-asist button{
  margin-top: 10px!important;
  text-align: center;
  display: block;
  margin: auto;
  padding: 8px;
  background-color: #77132d;
  color: #e2e1e0;
  font-size: 20px;
  border-radius: 4px;
  border: none;
}

@media (max-width: 575px){
  .syrah-asist button {
    width: 94%;
    margin: 3.3%;
  }
}

@media (min-width: 576px){
  .syrah-asist button {
    width: 510px;
  }
}

@media (min-width: 768px){
  .syrah-asist button {
    width: 690px;
  }
}

@media (min-width: 992px){
  .syrah-asist button {
    width: 930px;
  }
}


@media (min-width: 1200px){
  .syrah-asist button {
    width: 1110px;    
  }
}

.syrah-asist .form-row .col-12{
    flex: none;
}
.sy-busc-div2 {
  display: none;
}
/*BOOSTRAP COL 10*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}


@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/*FIN STYLE COL 5*/

/*titulo organigrama*/
.alto-tit-org {
  height: 76px;
}
.trunca-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;/*si no se declara añade los ... pero muestra todo el texto*/
}
.trunca-text2 {
  -webkit-line-clamp: 2;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/*LOGOS NAVBAR RESPONSIVE*/
@media (max-width: 767px) {
    .padre-img1 {
        position: relative;
        width: 600px;
        overflow: hidden;
        top: 0px;
        height: 85px;
        margin-left: -5px;
        zoom: .55;
    }

  .padre-img2{
      overflow: hidden;
      margin-left: -55%;
  }

  .img1 {
      /*margin-left: 95px;*/
      display: none;
  }

  .img2{
      margin-left: 95px;
  }

    .img3 {
        display: block;
        width: 120px;
        margin-left: 25px;
    }

}
          
@media (max-width: 575px) {
  .padre-img2{
      margin-left: -50%;
  }
}

@media (max-width: 495px) {
  .padre-img2{
      margin-left: -42%;
  }
}

@media (max-width: 425px) {
  .padre-img2{
      margin-left: -38%;
  }
}

@media (max-width: 400px) {
  .padre-img2{
      margin-left: -33%;
  }
}

@media (max-width: 375px) {
  .padre-img2{
      margin-left: -27%;
  }
}

@media (max-width: 350px) {
  .padre-img2{
      margin-left: -22%;
  }
}

@media (max-width: 325px) {
  .padre-img2{
      margin-left: -17%;
  }
}

@media (max-width: 300px) {
  .padre-img2{
      margin-left: -12%;
  }
}
/*FIN LOGOS NAVBAR RESPONSIVE*/

/*COLOR CARDS NRO TELEFONOS ORGANISMOS*/
.card-bg-gob{
  background-color: #A21A27;
  color: white;
}

.card-bg-gob-alt{
  background-color: #fff;
  color: #7C142D;
  border: solid 6px;
}

.card-body-bg-white{
  background-color: #fff;
  color: #555;
}

.card-body-bg-alt{
  background-color: #fff;
  color: #555;
}

.p-8 {
  padding: 8px;
}

.border-bottom-item{
  border-bottom: 1px solid #7C142D!important;
}

.link-white,.link-white:hover{
  color:white;
  text-decoration: none;
  cursor: pointer;
}
.link-azul,.link-azul:hover{
  color: #7ec6e6!important;
  text-decoration: none;
  cursor: pointer;
}

.texto-centro{
  text-align: center;
}

.texto-left{
  text-align: left;
}

.texto-right{
  text-align: right;
}

.fs-40{
  font-size: 40px;
}

.banner-w100 {
    background-color: #FF8200;
    color: white;
    padding: 4rem !important;
    height: 100px;
}

.text-decoration-none:hover{
  text-decoration: none!important;
}

.pointer:hover{
  cursor:pointer;
}

.banner-w100 h1{
  margin-top: -30px;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

@media (max-width: 1199px) {
  .banner-w100 h1{
    font-size: 42px;
  }
}

@media (max-width: 991px) {
  .banner-w100{
    padding: 4rem 4rem 1rem 4rem!important;
  }
  .banner-w100 h1{
    font-size: 29px;
  }
}

@media (max-width: 767px) {
  .banner-w100 h1{
    text-align: center;
    padding: 0px;
    margin-top: -42px;
  }
}

@media (max-width: 517px) {
  .banner-w100{
    padding-bottom: 35px;
  }
  .banner-w100 h1{
    font-size: 26px;
  }
}



@media (max-width: 480px) {
  .banner-w100 h1{
    font-size: 24px;
  }
}

@media (max-width: 455px) {
  .banner-w100 h1{
    font-size: 22px;
  }
}

@media (max-width: 430px) {
  .banner-w100 h1{
    font-size: 21px;
  }
}

@media (max-width: 418px) {
  .banner-w100 h1{
    font-size: 18px;
    margin-top: -33px;
  }
}

@media (max-width: 381px) {
  .banner-w100 h1{
    margin-top: -41px;
  }
}

@media (max-width: 271px) {
  .banner-w100 h1{
    margin-top: -42px;
    font-size: 18px;
  }
}



/*viñeta item lista off*/
li.sy-item.syrah-opcion{
  list-style: none;
}

.tramites a, .a-color-blue{
  color:#7ec6e6!important;
  cursor:pointer;
}

/*EXPEDIENTES RESULTADO*/
.syrah-result table{
  text-align: center;
}

/*LIST VIEWS*/
p.text-primary.titulosclaros.display-4.mobile.p-1-top {
  font-size: 14px!important;
}

li.sy-item.syrah-opcion.w3-padding-8 {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
}
.syrah-lista-body {
  height: 429.21478px;
  position: relative;
  overflow: scroll;
}
/*FIN LIST VIEWS*/

/*FUENTE MSJ BIENVENIDA*/


@media (min-width: 991px) {
  .fs-responsive{
    font-size: 48px;
  }
}

@media (max-width: 990px) {
  .fs-responsive{
    font-size: 5vhpx;
  }
}

@media (max-width: 575px) {
  .fs-responsive{
    font-size: 4vh;
  }
}

@media (max-width: 450px) {
  .fs-responsive{
    font-size: 3vh;
  }
}
/*FIN FUENTE MSJ BIENVENIDA*/

.titulo-componente-open{
  font-size: 30px;
  font-weight: 600;
}

#modal-footer{
  max-width: 1110px;
  margin: auto;
  margin-top: 35px;
  padding-left: 20px;
}

.list-link a {
  background-color: #8D1C29;
}

.list-link a:hover{
  background-color: #ccc;
  color: #111!important;
}

.text-justified{
  text-align: justify;
}

/*Organigrama*/
.nombreOrganismo {
  min-height: 68px!important;
  font-size: 18px!important;
}

.orgTitulo {
  font-size: 14px;
   min-height: 44px;
    font-weight: 400;
}

.orgTitulo2 {
  font-size: 14px;
   min-height: 44px;
    font-weight: 500;
}

.cargoFuncionario {
  font-size: 14px;
  min-height: 49px;
} 

/*FIN Organigrama*/

/*Crousel*/
.carousel {
    background: black;
}

.carousel-cell {
    width: 70%;
    height: 200px;
    /* flex-box, center image in cell */
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

    .carousel-cell img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        /* dim unselected */
        opacity: 0.7;
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-filter: blur(5px);
        filter: blur(5px);
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
        transition: opacity 0.3s, transform 0.3s, filter 0.3s;
    }

    /* brighten selected image */
    .carousel-cell.is-selected img {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: none;
        filter: none;
    }

@media screen and ( min-width: 768px ) {
    .carousel-cell {
        height: 400px;
    }
}

@media screen and ( min-width: 551px ) {
    .mostrar-objeto {
        display: none !important;
    }
}


@media screen and ( max-width: 550px ) {
    .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .pantalla-550 {
        display: none !important;
    }
    .pantalla-550-centrado {
        text-align: center !important;
    }
    .pantalla-550-izquierda {
        text-align: left !important;
    }
    .pantalla-550-fa-2x {
        font-size: 1.5em !important;
    }
    .pantalla-550-fuente {
        font-size: small !important;
    }
    .pantalla-550-fuente-xxsmall {
        font-size: xx-small !important;
    }
    .pantalla-550-col-12 {
        width: 100% !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        max-width: 100% !important;
        flex: 0 0 100%;
    }

    .pantalla-550-col-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .pantalla-550-col-7 {
        flex: 0 0 58.33333% !important;
        max-width: 58.33333% !important;
    }

    .pantalla-550-col-9 {
        flex: 0 0 70% !important;
        max-width: 70% !important;
    }

    .pantalla-550-col-10 {
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }

    .pantalla-550-col-3 {
        flex: 0 0 28% !important;
        max-width: 28% !important;
    }

    .pantalla-550-notificacion {
        line-height: 1 !important;
        right: -2px !important;
    }

    .pantalla-550-margen-izq-der-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .pantalla-550-tamanio-imagen {
        width: 18px !important;
        height: 18px !important;
    }

    .pantalla-550-zoom-070 {
        zoom: .7;
    }

    .pantalla-550-margen-arriba-1 {
        padding-top: .25rem !important;
    }
    .pantalla-550-margen-arriba-2 {
        padding-top: .5rem !important;
    }
    .pantalla-550-width {
        width: 69% !important;
    }

    .pantalla-550-margin-izq-der-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    @supports (position:sticky) {
        .pantalla-550-sticky-top-header {
            position: sticky;
            top: 116px;
            z-index: 1020
        }
    }
}

@supports (position:sticky) {
    .sticky-top-header {
        position: sticky;
        top: 116px;
        z-index: 1020
    }
}

@media screen and ( min-width: 960px ) {
    .carousel-cell {
        width: 60%;
    }
}

/* buttons, no circle */
.flickity-prev-next-button {
    width: 60px;
    height: 60px;
    background: transparent;
    opacity: 0.6;
}

    .flickity-prev-next-button:hover {
        background: transparent;
        opacity: 1;
    }
    /* arrow color */
    .flickity-prev-next-button .arrow {
        fill: black;
    }

    .flickity-prev-next-button.no-svg {
        color: black;
    }
    /* closer to edge */
    .flickity-prev-next-button.previous {
        left: 0;
    }

    .flickity-prev-next-button.next {
        right: 0;
    }
    /* hide disabled button */
    .flickity-prev-next-button:disabled {
        display: none;
    }

.caption-carousel {
    background: #FAFAFA;
    margin: 0;
    padding: 10px;
    text-align: center;
}

/* 3.14 Component - Button */

.btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus {
        outline: none;
    }

    .btn-icon,
    .btn.btn-icon {
        display: inline-block;
        width: 28px;
        height: 28px;
        padding: 0;
        border: none;
        line-height: 28px;
        text-align: center;
        font-size: 14px;
    }

    .btn-circle,
    .btn.btn-circle {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}

.btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}

.btn.btn-lg {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn.btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px;
}

.btn-scroll-to-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    /*background-color: #3498db;*/
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 1020;
}
.btn-scroll-to-top:hover {
    /*background-color: #e74c3c;*/
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.btn-scroll-to-top span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -13px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff;
}

.page-with-right-sidebar .btn-scroll-to-top {
    left: 25px;
    right: auto;
}

.btn > .pull-left,
.btn > .pull-right {
    line-height: 1.428571429;
}

.btn-block {
    padding-left: 12px;
    padding-right: 12px;
}

.btn:active,
.btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
} 

/*Treeview*/
/* Style the caret/arrow */
.caret {
    cursor: pointer;
    user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
    .caret::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        /* line-height: 1; */
        content: "\f0da";
        /* content: "\25B6"; */
        color: black;
        display: inline-block;
        margin-right: 6px;
        width: 10px;
        text-align: center;
        /* margin-top: 3px; */
    }

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
        .caret-down::before {
    transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
    display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
    display: block;
}


/********* Propios *********/
.BordeRedondeado {
    border: 1px solid !Important;
    visibility: visible;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-color: gainsboro !important;
}

.BordeRedondeadoTab {
    list-style-type: none !important;
    vertical-align: top !important;
    /*display: inline-block !important;*/
    /*zoom: 1 !important;*/
    border-width: 1px 1px 0;
    border-style: solid !important;
    margin: .1em .3em 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-topright: 5px !important;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    padding: 5px 10px !important;
    margin-left: 12px !important;
    margin-top: 8px !important;
    font-weight: 900 !important;
    border-color: gainsboro !important;
}

.SeleccionaFilaFocus {
    background-color: #FF8200 !important;
    color: white !important;
    cursor: pointer;
}

.SeleccionaFila:focus {
    background-color: #FF8200 !important;
    color: white !important;
    cursor: pointer;
}

.SeleccionaFila:active {
    background-color: #FF8200 !important;
    color: white !important;
    cursor: pointer;
}

.SeleccionaFila:hover {
    background-color: #e2c1bf !important;
    color: #000 !important;
    cursor: pointer;
}

.note {
    margin-bottom: 20px;
    position: relative;
    border-radius: 4px;
    display: flex;
    flex: 1;
    /*background: var(--bs-alert-bg);
    color: var(--bs-alert-color);
    border-color: var(--bs-alert-border-color);*/
    border-left: 3px solid;
}

.note .note-icon {
    width: 80px;
    font-size: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.note .note-content {
    padding: 15px;
    flex: 1;
}