@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Yellowtail&display=swap');

html {
  min-height: 100%;
  position: relative;
  /* scroll-behavior: smooth; */
}
/*ESTILOS TEXTOS*/
body{
    font-family: 'Montserrat';
    font-size: 16px;
    line-height: 1.4;
    color: #000;
}


.img-contain img, .img-contain video {
    object-fit: contain;
    object-position: center;
    -o-object-fit: contain;
    -o-object-position: center;
    width: 100%;
    height: 100%;
}

.custom-file-input ~ .custom-file-label::after {
    content: "Elegir";
}

input[type=checkbox]{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border: 1px solid #bbb;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type=checkbox]:after{
    content: "✓";
    position: absolute;
    font-size:12px;
    color:#fff;
    opacity: 0;
    line-height: 1;
}

.name span{
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: break-spaces;
}

input[type=checkbox]:checked{
    background: #1AA9CA;
    border-color: #1AA9CA;
}

input[type=checkbox]:checked:after{
    opacity: 1;
}

.ptb-5{
    padding-bottom: 50px;
}

footer{
    position: relative;
    z-index: 2;
    padding: 20px;
    background-color: #1AA9CA!important;
}

footer a{
    display: block;
}

footer .links-footer{
    display: flex;
    justify-content: center;
}

.footer .links-footer .link{
    margin: 0 18px;
    text-align: center;
}  

/* .footer .links-footer > .link:nth-child(1), .footer .links-footer > .link:nth-child(2){
    text-decoration: underline;
} */

.links-footer-group{
    display: flex;
}

.links-footer-group span{
    color: #fff;
    margin: 0 8px;
    display: block;
}

@media (max-width:991px){
    .links-footer-group{
        flex-wrap: wrap;
        justify-content: center;
    }
    .links-footer-group span{
        display: none;
    }
}



#errorLogin{
    color: red;
    display: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat';
	font-weight: 700;
}

.h1, h1{
	font-size: 46px;
}

.h2, h2{
	font-size: 40px;
}

.h3, h3{
	font-size: 35px;
}

.h4, h4{
	font-size: 27px;
}

.h5, h5{
	font-size: 25px;
}

.h6, h6{
	font-size: 18px;
}

.font1{
	font-family: 'Yellowtail'!important;
	font-weight: normal!important;
}

.gray{
	color: #B3B3B3!important;
}

.black{
	color: #000!important;
}

.red{
	color: #F7170E!important;
}

.blue{
	color: #1AA9CA!important;
}

.link-login{
	color: #000;
	text-decoration: none;
	font-weight: 500;
}

.link-login:hover{
	color: #1AA9CA;
}

.link-active{
	color: #1AA9CA;
	text-decoration: none;
	font-weight: 500;
}

.link-active:hover{
	color: #1AA9CA;
}

#titulo-franja{
	text-decoration: underline;
}
.logo-header{
    height: 84px;
    transition: all 0.3s;
 /*   margin-left: 15%;*/
}



.logo-fb{
    height: 50px;
}
.titulo-bg{
	font-family: 'Yellowtail'!important;
	background: #F0B119;
	padding: 5px 15px;
	border-radius: 50px;
	font-weight: normal;
	margin: 10px 0;
}

.text-left{
	text-align: left!important;
}

.text-right{
	text-align: right!important;
}

.meta-text{
	font-size: 14px;
}

.center-sm{
	text-align: inherit;
}

#toolbar-text{
	font-size: 28px;
	font-family: 'Yellowtail'!important;
	color: #F7170E;
}
.btn-group {
    width: 100%;
}
.text-toolbar{
	font-weight: 500;
}
.subrayado{
	text-decoration: underline;
}
i.fa {
    background: #ccc;
    padding: 6px 7px;
    border-radius: 15px;
    color: #5d5757;
    font-size: 13px;
}
i.fa.fa-question-circle-o{
    background: none;
    padding: 0;
    border: none;
    color: #f7170e;
    font-size: 20px;
}
i.fa.fa-chevron-left, i.fa.fa-times {
    background: none;
    color: #f7170e;
    padding: 0;
    font-size: 16px;
}
span.newNot {
    background: red;
    font-size: 9px;
    color: #fff;
    padding: 2px 4px;
    border-radius: 15px;
    top: -5px;
    position: absolute;
    right: -5px;
}
tr.no-leida {
    font-weight: bold;
}
tr.tachada {
    text-decoration: line-through;
    color: red;
}
li.list-inline-item {
    font-size: 14px;
}

/*GENERALES*/
#franja-flotante{
/*	position: absolute;*/
	bottom: -4%;
}

#franja-flotante-internas{
/*	position: absolute;*/
	bottom: 34%;
}

.bg-primary {
    background-color: #1AA9CA!important;
}

.card{
	border: 0;
}

.card .card-img{
    height: 65px;
}

@media (max-width:1600px){
    .card .card-img{
        height: 68px;
        width: auto;
        -o-object-position: top;
           object-position: top;
        -o-object-fit: cover;
           object-fit: cover;
    }
}

.nav-pills .nav-link{
	color: #000;
	font-weight: 700;
	background-color: #E5E5E5;	
    border-radius: 5px;
    margin: 0 5px; 
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #1AA9CA;
}

.nav-tabs .nav-link{
	color: #000;
	font-weight: 700;
	background-color: #E5E5E5;	
    border-radius: 5px;
    margin: 0 5px;
    min-width: 160px;
    text-align: center;
}

.nav-tabs .nav-link.active, .nav-tabs .show>.nav-link {
    color: #fff;
    background-color: #1AA9CA;
    min-width: 160px;
    text-align: center;
}

.nav-tabs{
	border: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.nav-tabs li{
    margin-bottom: 10px;
}

.card-img-overlay{
	padding: 6px;
}

.espacio-tablas{
	padding: 0 12% !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody{
	border: none;
}
.bottom {
    margin-top: 3%;
}

.table-blue{
	background: #1AA9CA;
    --bs-table-bg: #1AA9CA;
    --bs-table-striped-bg: #1AA9CA;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #1AA9CA;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #1AA9CA;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e;
}

.table>:not(caption)>*>*{
    border-color: #bcbcbc;
}
.tachada{
	text-decoration: line-through;
    color: red;
}
button.multiselect.dropdown-toggle.custom-select {
    text-align: left;
    background: #e2e2e2;
}
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url(../img/iconarrowndown.png) no-repeat right #ddd !important;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    content: "\f142";
}

#form-no{
	width: 16%!important;
}
.logo-bravo{
    float: right;
}


img.p-fb.logo-footer-bravo {
    float: right;
    margin-right: 15%;
}
.logo-fb{
    text-align: center;
}
#footer-desktop{
    display: block;
}
#footer-responsive{
    display: none;
}
.footer {
    /* position: absolute; */
    width: 100%;
    bottom: 0;
}
.modal-login{
	max-width: 360px;
}

.modal-registro{
	max-width: 560px;
}

.modal-header{
	border-bottom: 0!important;
}

.modal-content{
	padding: 0 15px;
}

.modal-header .close {
    padding: 0;
    margin: -1rem -7% -1rem auto;
    font-size: 46px;
    font-weight: normal;
}
button.close.regtro{
	margin: -1rem -5% -1rem auto;
}
button.close.regtro2{
	margin: -1rem -3% -1rem auto;
}
.modal-body.text-center {
    padding: 0px 20px 13px !important;
}

/* @media (max-width:578px){
    .btn-delete{
        margin: 20px 0;
    }
} */

.modal-body h6 {
    padding-bottom: 3%;
    color: #1aa9ca;
}
.ocultar-sm{
	display: inherit;
}

.btn-cf-flotante {
    position: absolute;
    right: 0;
    bottom: 50%;
}

.btn-cf-flotante2 {
    position: fixed;
    right: 0;
    bottom: 22%;
    z-index: 2;
}

@media (max-width:578px){
    .btn-cf-flotante2{
        bottom: 30px;
    }
}

.borde-izq{
	border-left: 2px solid #000;
}
.margen5{
	padding-left: 5% !important;
	padding-right: 5% !important;
}

.linea-der{
	border-right: 1px solid #000;
}
i.fa.fa-plus-circle.azul {
    color: #1aa9ca;
    font-size: 1.5em;
    vertical-align: bottom;
}
.label-small{
	font-size: 1em;
    padding-left: 8px;
}
.tipo-flex{
	display: flex;
}

/*ESTILOS ESPACIOS*/
.ptb-4{
	padding: 40px 0!important;
}
.ptb-4-top{
    padding: 40px 0px 10px!important;
}

.ptb-3{
	padding: 30px 0!important;
}
.ptb-3-bottom{
    padding: 0px 0px 20px !important;
}

.ptb-1{
	padding: 10px 0!important;
}

.pt-1{
	padding-top: 10px!important;
}

.pt-15{
	padding-top: 15px!important;
}

.pt-3{
	padding-top: 30px!important;
}

.pt-5{
	padding-top: 139px!important;
}

.pb-4{
	padding-bottom: 40px!important;
}

.p-list{
	padding-top: 22px;
}

.p-fb{
	padding-top: 18px;
}

.p-formulario{
	width: 40%;
}


/*ESTILOS BOTONES y LINKS*/
.btn{
	font-family: 'Montserrat';
	font-size: 17px;
    font-weight: 600;
    color: #212529;
    border-radius: 8px;
    padding: 8px 15px;
}

.btn-primary{
    color: #000;
    background-color: #F0B119;
    border-color: #F0B119;
}

.btn-primary:hover {
    color: #F0B119;
    background-color: transparent;
    border-color: #F0B119;
}

.btn-secondary{
    color: #fff;
    background-color: #1AA9CA;
    border-color: #1AA9CA;
    width: 100%;
    border-radius: 5px;
}


.btn-secondary:hover {
    color: #1AA9CA;
    background-color: transparent;
    border-color: #1AA9CA;
}

.btn-delete{
    color: red;
    /* background-color: red; */
    border-color: red;
    border-radius: 5px;
    width: 100%;
    max-width: 285px;
}

.btn-delete:hover{
    color: #fff;
    background-color: red;
    border-color: red;
}

.footer-links{
    color: #fff!important;
    text-decoration: none;
    text-align: center;
}

.icon-footer-link {
    margin: 0 16px;
}

.icon-footer-link img{
    height: 35px;
}

.btn-flotante{
	color: #000;
    background-color: #F0B119;
    border-color: #F0B119;
	border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	padding: 6px 20px 6px 20px;
}

/* .btn-flotante:hover{
	color: #F0B119;
    background-color: transparent;
    border-color: #F0B119;
} */


/*ESTILOS MENÚ*/
header{
    background: none;
	position: fixed;
    top: 0;
    left: 0;
	width: 100%;
    z-index: 99;
    transition: all 0.3s;
}

@media (max-width:991px){
    header:not(.sticky-header) .navbar-collapse{
            top: 112px;
        }
}

@media (max-width:450px){
    .logo-header{
         height: 74px;
    }
    header:not(.sticky-header) .navbar-collapse{
        top: 104px;
    }
}

header.sticky-header{
    background:#2e57a6;
}

header.sticky-header .logo-header{
    height: 65px;
}

@media (max-width:578px){
    header.sticky-header .logo-header{
        height: 60px;
    }
}

.container-fluid{	
	padding-left: 0;
}

.nav-link{
	font-family: 'Montserrat';
	font-size: 17px;
	letter-spacing: 0.01em;
}

.navbar-light .navbar-nav .nav-link{
    color: #fff;
    padding-left: 15px;
    padding-right: 15px; 
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
	/*background: #1AA9CA;*/
	/*padding: 5px 15px;
	border-radius: 8px;*/
    color: #F0B119 !important;
}

.navbar-light .navbar-nav .nav-link.active{
    background: #1AA9CA;
    padding: 8px 15px;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    margin-right: 16px;
}

.navbar-light .navbar-nav .show>.nav-link {
    color:#F0B119 ;
}

.linea-menu{
	background: transparent!important;
	padding: 7px 0!important;
	color: #F0B119!important;
}

ul.dropdown-menu.dropdown-menu-right.show {
    background: #fff;
    color: #fff;
}

a.dropdown-item {
    color: #2e57a6;
    font-weight: 500;
}
.dropdown-menu{
	border-radius: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
	background: none;
}

@media (min-width:991px){
    .profile-menu .sm-link-menu{
        display: none;
    }
    a.dropdown-item {
        font-size: 14px;
    }
}
@media (max-width:991px){
    .profile-menu a > i{
        display: none;
    }
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    margin-left: -21px;
}

/*ESTILOS BANNERS*/
/*.franja-banner{
	background-image: url(../img/banner-home.jpg);
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}*/
.franja-banner{
	background: url(../img/banner-home.jpg) #2e57a6;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}
.row.franja-iconos {
    margin-top: 5%;
}
tr.odd, tr.even {
    cursor: pointer;
}

/*.franja-banner-internas{
	background-image: url(../img/banner-internas.jpg);
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}*/


/*ULTIMA*/
/*.franja-banner-internas {
    background: url(../img/banner-internas.jpg) #2e57a6;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}*/

#como-funciona{
    scroll-margin-top: 85px;
}

#solicitudesRecientes, #divComoFunciona {
    background: #fff;
    position: relative;
}

#solicitudesRecientes, .big-section{
    min-height: calc(100vh - 110px);
}

.franja-banner-internas {
    background: url(../img/banner-internas.jpg) #2e57a6;
    height: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 21px solid #f7170e;
}

.text-center.btn-azul {
    background: #1aa9ca;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 5px 20px;
    margin-bottom: -21px;
}

#panelBanner{
    
}
.textos-banner{
	padding: 7.5% 0 35% 0;
}

section.third {
  background: url(../img/banner-home1.svg) #2e57a6;
  z-index: -99;
}
section.third2 {
  background: url(../img/banner-home2.svg) #2e57a6;
  z-index: -99;
}

section.third .content, section.third2 .content {
  top: calc((-2 * 100vh) + var(--scroll-var));
  position: fixed;
}
.content {
  position: absolute;
  height: 100%;
  width: 100%;
/*  display: flex;*/
  align-items: center;
  justify-content: center;
}

.copy {
  color: #fff;
  font-family: 'Noto Serif', serif;
  font-weight: 300;
}
section {
  min-height: 100vh;
  width: 100%;
  text-align: center;
  overflow: hidden;
  background-attachment: fixed !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
  position: relative; /*Mandatory for the overflow effect*/
  height: 100vh;
}


.text-azul{

	color: #1AA9CA;
	font-size: 14px;
    text-align: justify;
    padding-top: 5%;
}
.text-azul2{
    padding-top: 2%;
    color: #1AA9CA;
    font-size: 14px;
    text-align: justify;
}

/*.textos-banner-internas{
	padding: 7.5% 0 20% 0;
}*/

.textos-banner-internas {
    padding: 7.5% 0 9.7% 0;
}

/* banner */
.banner-content{
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    top: 23%;
    max-width: 540px;
    width: 100%;
    padding: 15px;
}


#titulo1{
	font-family: 'Yellowtail';
    font-size: 42px;
    line-height: 0.8;
    color: #F0B119;
    font-weight: 400;
    margin-bottom: 25px;
}

#titulo2{
    font-family: 'Montserrat';
    font-size: 25px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    margin-bottom: 40px;
}

#titulo1, #titulo2{
     text-align: center;
}

@media (max-width:450px){
    .banner-content{
        top: 35%;
    }
    #titulo1{
        font-size: 36px;
    }
    #titulo2{
        font-size: 20px;
    }
}

@media (orientation: landscape) and (max-width:578px){
    .banner-content{
        top: 36%;
    }
    #banP{
        background-attachment: initial !important;
    }
}

@media (max-width:350px){
    .banner-content{
        top: 28%;
    }
    
}

.feature-img{
    height: 120px;
}
.flecha{
    width:30px;
}

.modal-dialog{
    margin-left: auto !important;
    margin-right: auto !important;
}

#divComoFunciona{
    scroll-margin-top: 100px;
}

.up-btn{
    padding: 0 10px;
}

.card-btn{
    /* display: flex;
    justify-content: center; */
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
}

.card-btn:after{
    content: "";
    width: 100%;
    height: 32px;
    left: 0;
    top: 0;
    position: absolute;
    background: #f5170e;
    z-index: -1;
}

.card-btn a{
    background: #1AA9CA;
    border-radius: 0 0 10px 10px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    display: flex;
    padding: 8px 30px;
    margin: 0 auto;
}

/* vista detalle */

.data-icons-container{
    display: flex;
    
}

.data-icon{
    display: flex;
    align-items: flex-end;
    margin-right: 22px;
}

.data-icon img{
    margin-right: 5px;
    height: 30px;
}



/* custom table */
.actions-application{
    display: flex;
    justify-content: center;
}

.actions-application i{
    margin: 0 5px;
    position: relative;
}

.multiple-items{
    max-height: 68px;
    overflow: auto;
}

.long-text{
    margin-bottom: 0;
}

@media (min-width:991px){
    .long-text{
        display: -webkit-box;
       -webkit-box-orient: vertical;
       overflow: hidden;
       text-overflow: ellipsis;
       -webkit-line-clamp: 2;
       white-space: break-spaces;
   }
}

.ri-table{
    /* max-height: 580px; */
    overflow: auto;
}

.ri-table.no-scroll{
        max-height: initial;

}


.ri-table button{
    border: none;
    background: none;
    margin: 0 auto;
    display: block;
}

.ri-table table{
    table-layout: fixed;
    white-space: nowrap;
    width: initial !important;
    border-bottom: none !important;
}

@media (min-width:991px){
    .ri-table table{
        width: 100% !important;
    }
}

.ri-table table thead{
    background: #1AA9CA;
    color: #fff;
}



/* .ri-table table thead th:nth-child(2), .ri-table table thead th:nth-child(3){
    width: 26% !important;
} */

.ri-table table thead th:first-child{
    /* width: 24% !important; */
    min-width: 100px;
    background-image: none !important;
}

.ri-table table thead th {
    padding: 10px 14px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    max-width: 200px;
    width: 17.6% !important;
    background: #1AA9CA;
    border-bottom:none;
    
}

.ri-table table thead th:not(:first-child){
    padding-right: 25px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.ri-table table thead th.sm-column{
    width: 10% !important;
    min-width: 90px;
}

.ri-table.home{
    max-height: 100%;
}

.ri-table.home table thead th:first-child{
    width: 8% !important;
}

.ri-table table thead th:first-child{
    left: 0;
    z-index: 2;
    width: 10% !important;
    min-width: 120px;
}

@media (max-width:991px){
    .ri-table table thead th:first-child{
        min-width: 80px; 
    }
}

.ri-table table tbody td{
    padding: 8px 14px;
    border-top: 0;
    border: 1px solid #eee;
    vertical-align: middle;
}
.ri-table table tbody td:last-child{
    /* border-right: 0; */
}

.ri-table table tbody td:first-child{
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background: #fff;
    
}

@media (max-width:991px){
    .ri-table:not(.home) table thead th:first-child{
        /* min-width: 100px; */
        -webkit-filter: drop-shadow(-4px 0px 8px rgba(43, 43, 43, 0.1));
                filter: drop-shadow(-4px 0px 8px rgba(43, 43, 43, 0.1));
    }
    .ri-table table thead th{
        min-width: 135px;
    }
    .ri-table:not(.home) table tbody td:first-child{
        -webkit-filter: drop-shadow(-4px 0px 8px rgba(43, 43, 43, 0.17));
                filter: drop-shadow(-4px 0px 8px rgba(43, 43, 43, 0.17));
    }
}

/* a.btn.btn-primary.btn-banner.btn-cuentanos {
    position: fixed;
    top: 39%;
} */

#linea-banner{
	color: #fff;
}
img.img-fluid.franja {
    width: 30%;
}

/*ESTILOS FORMULARIOS*/
.form-control, .form-select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #636363;
    background-color: #e2e2e2;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    
}

.form-control, .form-select, .ri-select{
margin-bottom: 10px;
}

.padding-bottom{
	padding-bottom: 8%;
}
.btn-ubicar{
    margin-left: 9px;
    max-height: 38px;
}
.text-mapa{
	display: none;
}
#mapa-geocoder{
    padding: 10px 0px;
    margin: 10px 0px;
    border: 2px solid #ccc;
}
#zona-enviars{
	display: none;
}

img.img-thumbnail.rounded.float-left {
    max-width: 100px;
    min-height: 100px;
}
#zona-enviar{
	display: none;
}
/* div[class^="col-"]{
	padding-right: 0px;
    padding-left: 10px;
} */
.margin-der{
   padding-right: 10px; 
}
/*ESTILOS CELULAR*/
@media (max-width: 769px){
	.ocultar-sm{
		display: none;
	}

	.center-sm{
		text-align: center;
	}

}



/*Estilos nuevos banner*/

#bannerPpal{
    background-image: url('../img/banner_768.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    background-attachment: fixed;
}

/*ESTILOS DEL SCROLL*/
/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #1aa9ca; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

#divFrmOlvidoPass{
    display: none;
}

.text-red{
    color: red;
}
label.label-small.izquierda{
    font-size: 1em;
    padding-left: 8px;
    text-align: left;
}
.aceptoTerminos {
    margin-top: 4px;
}
.sin-banner{
    background: #2e57a6; 
    min-height: 112px;
}
.sin-bold{
    font-weight: normal;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    color: #ccc;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 2px !important;
}

.dataTables_wrapper .dataTables_length select {
    padding: 1px !important;
    margin-top: 4px !important;
}

td.td-acciones {
    letter-spacing: -5px !important;
    text-align: center !important;
}

td.td-acciones > img{
    cursor: pointer;
    height: 32px;
}

td.td-acciones2 {
    text-align: center !important;
}

.opacidad{
    opacity: 0.5;
}

h5.text-center.red .con-boton {
    max-width: 90%;
}
i.fa.fa-arrow-left {
    background: none;
}
button.btn.btn-primary.devolver {
    margin-left: -197px;
    margin-right: 121px;
}

a.devolver {
    margin-top: -30px !important;
    position: absolute;
    color: #f7170e !important;
    font-weight: bold;
    padding-left: 25px;
}
a.devolver-3 {
    margin-top: -30px !important;
    position: absolute;
    color: #f7170e !important;
    font-weight: bold;
    padding-left: 13px;
}
.devolver2 {
    margin-top: -30px !important;
    position: absolute;
    color: #f7170e !important;
    font-weight: bold;
    right: 0px;
}

.margen-sup-3 {
    margin-top: 3%;
    padding-left: 4px;
}
.margen-sup {
    margin-top: 5%;
    padding-left: 4px;
}
.text-negro{
    color: #000;
}
.sin-padding{
    padding-top: 0px;
    margin: 0px !important;
}
.row.margeniz2 {
    padding-left: 7px;
}

.carousel-item, img.d-block.w-100{
    max-height: 400px;
}

.carousel-item{
    height: 400px;
}

button.btn.btn-secondary, button#btnIngresar{
    text-transform: capitalize !important;
}
button.btn.btn-secondary {
    max-width: 285px;
}
.btn-group {
    width: 100% !important;
}
.multiselect-container.dropdown-menu.show {
    max-height: 190px;
    overflow: auto;
    width: 100%;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #1aa9ca !important;
}
.img-slider{
    display: block;
    height: 400px;
    margin: auto;
}

.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

a.nav-link.active2{
    color: #F0B119 !important;
    font-weight: 700;
}

@media (max-width:991px){
    a.nav-link.active2, .navbar-light .navbar-nav .nav-link:hover{
        color: #2e57a6 !important;
        /* border-top: 2px solid #fff; */
        /* border-bottom: 2px solid #fff; */
        border-radius: 0;
    }
    .nav-link.active{
        font-weight: initial !important;
    }
   
}

table.dataTable thead .sorting_asc:not(.sorting_disabled) {
    background-image: url('../img/drop-down-arrow.png') !important;
    background-size: 10px 10px;
    background-position: 96% 50%;
}

table.dataTable thead .sorting_desc:not(.sorting_disabled) {
    background-image: url('../img/drop-up-arrow.png') !important;
    background-size: 10px 10px;
}

.dtr-control{
    background-image: none !important;
}


.whatsapp {
    position: fixed;
    width: 54px;
    height: 54px;
    bottom: 93px;
    right: 18px;
    z-index: 100;
}

