/*
 @autor:Patty Pinto
 @version: V1.1.6
 @fecha modificacion : 23/03/2023
 */
@font-face {
     font-family: "Arciform";
     src: url("fuente/401746ea18398fb74710226c4250341e.eot");
     /* IE9*/
     src: url("fuente/401746ea18398fb74710226c4250341e.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
     url("fuente/401746ea18398fb74710226c4250341e.woff2") format("woff2"), /* chrome firefox */
     url("fuente/401746ea18398fb74710226c4250341e.woff") format("woff"), /* chrome firefox */
     url("fuente/401746ea18398fb74710226c4250341e.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
     url("fuente//401746ea18398fb74710226c4250341e.svg#Arciform") format("svg");
     /* iOS 4.1- */
 }

 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 900;
     font-display: swap;
     src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

 html,
 body {
     margin: 0px auto;
     /* padding: 0.5% %; */
     height: 100%;
     width: 100% !important;
     position: absolute !important;
     float: right !important;
     background-color: #F4F6F9 !important;
     min-height: 100% !important;
 }

 /* Estilo para la barra lateral */
.sidebar-dark-wine {
    /* background: rgb(85, 12, 42) !important; */
    background-image:  url("/adminlte/img/fondo/fondo_lila.jpg") !important;
    width: 250px; /* Ancho fijo para la barra lateral */
    height: 100vh; /* Altura completa de la ventana */
    position: fixed; /* Fija la barra lateral en su lugar */
    top: 0; /* Posiciona la barra lateral en la parte superior */
    left: 0; /* Posiciona la barra lateral en el extremo izquierdo */
    background-size: cover; /* Ajusta la imagen de fondo */
}

/* Estilo para el contenedor principal */
.content-wrapper {
    margin-left: 250px;
    min-height: 100vh;
    padding: 3.6% 0% 5% 0%;
    background-image: url("/adminlte/img/fondo/fondo_blanco_g123.jpg") !important;
    background-size: cover !important;
    background-attachment: fixed;
    background-position: right top;
    background-repeat: no-repeat;
    overflow-x: hidden;

    @media (max-width: 576px) {
        margin-left: 0;
        padding: 0% 0% 0% 0%; /* Ajuste del padding para responsividad */
        background-size: cover 100%;
        background-position: top center;
        background-attachment: scroll;
    }
}

.breadcrumb {
    display: flex !important;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    @media (max-width: 576px) {
        .layout-navbar-fixed .wrapper .content-wrapper {
            margin-top: calc(0.5rem + 1px) !important;
        }
    }

}


.content{
    z-index:  10; /* Superposici�n del texto sobre las capas inferiores */
}




/* Estilos base para la imagen */
.image-hover {
    min-width: 20%; /* Ancho de la imagen */
    height: auto; /* Altura autom�tica para mantener la proporci�n */
    transition: transform 0.3s ease-in-out; /* Transici�n suave */
    padding-bottom: 40%;
}

/* Media query para dispositivos con un ancho m�ximo de 576px (generalmente m�viles) */
@media (max-width: 576px) {
    .image-hover {
        min-width: 80%; /* Reducir el ancho de la imagen */
        margin: 0 auto; /* Centrar la imagen */
    }
}

/* Media query para dispositivos con un ancho m�ximo de 768px (generalmente tablets y m�viles) */
@media (max-width: 768px) {
    .image-hover {
        min-width: 100%; /* Reducir el ancho de la imagen */
    }
}


 .bg-guindo {
     background-color: #3f1b1e !important;
     color: #f7cb83;
     /*#e9547c;*/
 }

 .bg-verde {
     background-color: rgb(79, 185, 168) !important;
     color: #fff;
 }

 .bg-rojo {
     background-color: rgb(174, 24, 87) !important;
     color: #fff;
 }
 .bg-rojoCustom {
    background: linear-gradient(207deg, rgb(241, 135, 33) 0%, rgb(174, 24, 87) 75%);
    color: #fff;
}

 .bg-rojo-ligth {
     background-color: rgb(234 84 124/85%) !important;
     color: #fff;
 }

 .text-rojo {
     color: rgb(174, 24, 87);
 }

 .text-rojo-arciform {
     color: rgb(174, 24, 87);
     font-family: "Arciform";
 }

 .btn-rojo {
     color: #fff !important;
     background-color: rgb(174, 24, 87) !important;
     border-color: rgb(174, 24, 87) !important;
     box-shadow: none;
 }
 /*amarillo*/

 .bg-amarillo {
     background-color: rgb(241, 135, 33) !important;
     color: #fff;
 }

 .bg-amarillo-light {
     background-color: rgb(249, 177, 84) !important;
     color: #fff;
 }

 .bg-plomo-light {
     background: #F4F6F9;
     color: #fff;
     z-index: -1;
     border: 0px !important;
 }

 .bg-plomo {
     background: rgb(60, 60, 59) !important;
     color: #fff;
 }

 .img-fluid-register-logo {
     max-width: 50% !important;
     height: auto !important;
     margin: 0;
     padding: 0;
 }
 /*=============================================================*/
 /* steps */
 /*=============================================================*/

 .bs-stepper-circle {
     font-size: 1.5em;
 }

 .active .bs-stepper-circle {
     background-color: rgb(174, 24, 87) !important;
     color: #fff;
 }

 .login-box {
     height: 95vh !important;
 }

 .register-box {
     width: 55% !important;
     height: 100vh !important;
     margin: 0px auto !important;
     padding: 0px !important;
 }

 /* @media all and (max-width: 600px) { */
     /* .content-wrapper {
         align-content: center;
         min-height: 100% !important;
         position: relative;
         width: 100% !important;
         padding: 5.5% 0px !important;
     } */
     /* .login-box {
         width: 95% !important;
         height: 100vh !important;
     } */
 /* } */

 @media all and (max-width: 700px) {
     .register-box {
         width: 100% !important;
     }
 }

 @media all and (max-width: 800px) {
     div .step {
         margin: 0 auto !important;
         padding: 0px !important;
     }
     .bs-stepper-circle {
         font-size: 0.9em;
     }
     span .bs-stepper-label {
         font-size: 3.2vw;
         display: block;
         /* word-wrap: break-word; */
     }
 }

 @media all and (min-width: 360px) and (max-width: 640px) {
     div .step {
         margin: 0 auto !important;
         padding: 0px !important;
     }
     .bs-stepper-circle {
         font-size: 0.9em;
     }
     span .bs-stepper-label {
         font-size: 3.2vw;
         display: block;
         /* word-wrap: break-word; */
     }
 }
 /* border radius*/

 .box-border-none {
     border-radius: 1.5rem !important;
 }

 .box-border-home {
     border-radius: 1.5rem !important;
     border: 0px;
     /* border: rgb(112, 111, 111) solid 2px; */
 }

 .box-border-rojo {
     border-radius: 1.5rem !important;
     height: inherit !important;
 }

 .box-border-rojo-light {
     border-radius: 1.5rem !important;
     height: inherit !important;
 }

 .box-border-amarillo {
     border-radius: 1.5rem !important;
     height: inherit !important;
 }

 .info-box .info-box-icon-home {
     -moz-border-radius: 1.4rem 4.8rem 4.8rem 1.4rem !important;
     -webkit-border-radius: 1.4rem 4.8rem 4.8rem 1.4rem !important;
     border-radius: 1.4rem 4.8rem 4.8rem 1.4rem !important;
     padding: 0%;
     vertical-align: middle !important;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
     color: white;
     margin: 0px !important;
     height: inherit !important;
 }

 .info-box-content a {
     text-decoration: none;
     color: rgb(46, 46, 45);
     font-family: 'Arciform';
     font-stretch: ultra-condensed;
     box-sizing: content-box;
     width: 100%;
     line-height: calc(1em + 1.8px);
     text-align: left;
     opacity: 0.8;
     padding: 1% 0px;
 }

 .info-box-content a:hover {
     text-decoration: none;
     color: rgb(241, 135, 33);
 }

 .info-box-content a.link-home:visited {
     text-decoration: none
 }

 .info-box-content a.link-home:active {
     text-decoration: none
 }

 .info-box-content a.link-home:hover {
     text-decoration: none;
     color: rgb(241, 135, 33);
 }

 .info-box-content a.link-home-white:link {
     text-decoration: none;
     color: #fff;
 }

 .info-box-content a.link-home-white:visited {
     text-decoration: none
 }

 .info-box-content a.link-home-white:active {
     text-decoration: none
 }

 .btn-space:hover {
     text-decoration: none;
     color: rgb(241, 135, 33);
 }

 @media all and (max-width: 360px) {
     html {
         margin: 0px auto;
         padding: 0px;
         height: 100%;
         width: 100%;
         position: absolute;
         top: 20px;
     }
     .btn-space {
         height: 100px !important;
         line-height: calc(1em + 2px);
         font-stretch: condensed;
         box-sizing: content-box;
         margin-left: calc(1% + 2px);
         margin-right: calc(1% + 2px);
         margin-bottom: calc(3% + 2px);
         width: 70% !important;
     }
     .info-box-content a.link-home:link {
         text-decoration: none;
         color: rgb(112, 111, 111);
         text-align: center;
         line-height: calc(1em + 1.8px);
         font-size: calc(9vw + 0.6vw);
         font-weight: 10;
         display: block;
         text-overflow: ellipsis;
         overflow: hidden;
     }
 }

 @media all and (max-width: 320px) {
     html {
         margin: 0px auto;
         padding: 0px;
         height: 100%;
         width: 100%;
         position: absolute;
         top: 20px;
     }
     .btn-space {
         height: 100px !important;
         line-height: calc(1em + 2px);
         font-stretch: condensed;
         box-sizing: content-box;
         margin-left: calc(1% + 2px);
         margin-right: calc(1% + 2px);
         margin-bottom: calc(3% + 2px);
         width: 70% !important;
     }
     .info-box-content a.link-home:link {
         text-decoration: none;
         color: rgb(112, 111, 111);
         text-align: center;
         line-height: calc(1em + 1.8px);
         font-size: calc(1vw + 1vw);
         font-weight: 10;
         display: block;
         text-overflow: ellipsis;
         overflow: hidden;
     }
 }

 @media all and (max-width: 314px) and (orientation: landscape) {
     html {
         margin: 0px auto;
         padding: 0px;
         height: 100%;
         width: 100%;
         position: absolute;
     }
     .btn-space {
         line-height: calc(1em + 2px);
         font-stretch: condensed;
         box-sizing: content-box;
         margin-left: calc(1% + 2px);
         margin-right: calc(1% + 2px);
         margin-bottom: calc(3% + 2px);
         width: 70% !important;
     }
     .info-box-content a.link-home:link {
         text-decoration: none;
         color: rgb(112, 111, 111);
         text-align: center;
         line-height: calc(1em + 1.8px);
         font-size: calc(0.9vw + 0.6vw);
         font-weight: 10;
         display: block;
         text-overflow: ellipsis;
         overflow: hidden;
     }
 }


 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
    /*background-color: #6a0dad !important;
    d15582 rosado pastel*/
     color: #f9e9d0 !important;
     background-color: #d15582  !important;
 }
 /*************************************************/
 .navbar-top-rojo {
    padding: 1.8% !important;
    background-image: url("/adminlte/img/fondo/fondo_lila.jpg") !important;
    background-size: cover; /* Ajusta la imagen para cubrir todo el contenedor */
    background-repeat: no-repeat; /* Evita la repetici�n de la imagen */
    background-position: center; /* Centra la imagen en el contenedor si es m�s grande */
}


 .bg-table-header {
     background-color: rgb(209, 85, 130);
     /* #C0C0C0 #471419; */
     color: white;
     /* opacity: 0.8; */
 }

 .table-bordered {
     border-top-right-radius: 15px !important;
     border-top-left-radius: 15px !important;
 }

 .blanco {
     color: #fff;
 }

 .texto-nav-bar {
     text-align: center;
     color: white;
     font-size: calc(1rem + 1vw);
     font-family: 'arciform';
     padding: 0px;
 }

 .text-left {
     text-align: left !important;
 }
 /* cambios css para modo vertical y horizontal */

 @media only screen and (min-width: 320px) and (max-width: 736px) {
     html {
         margin: 0px auto;
         padding: 0px;
         height: 100%;
         width: 100%;
         position: absolute;
         /* top: 60px; */
     }
     .info-box-content a.link-home:link {
         line-height: calc(1em + 1.8px);
         font-size: calc(6vw + 1vw);
         font-weight: 10;
     }
     .button-content {
         margin: 0px auto !important;
         padding-left: 25%;
         width: 100%;
     }
     .logo_footer {
         height: 0.3% !important;
         opacity: 0.8;
     }
     .btn-space {
         margin-left: calc(1% + 2px);
         margin-right: calc(1% + 2px);
         margin-bottom: calc(3% + 2px);
         width: 100% !important;
         line-height: calc(1em + 2px);
         font-stretch: ultra-condensed;
         box-sizing: content-box;
         padding: 0px;
         height: 120px !important;
         float: right !important;
         padding: 0px !important;
     }
     .button-content {
         padding-left: 0px !important;
     }
     .info-box-content a.link-home:link {
         text-decoration: none;
         color: rgb(112, 111, 111);
         text-align: center;
         line-height: calc(1em + 1.8px);
         font-size: calc(4vw + 1vw);
         font-weight: 10;
         display: block;
         text-overflow: ellipsis;
         overflow: hidden;
     }
 }

 .info-box .info-box-icon-home {
     height: inherit !important;
 }

 .logo_footer {
     height: 40px !important;
     opacity: 0.8;
 }
 /*
  ##Dispositivo = Tablets, Ipads (vertical) pro
  ##Resolucion = B/w 768px to 1024px
*/

 @media only screen and (min-width: 1024px) and (max-width: 1366px) {
     html {
         margin: 0px auto;
         padding: 0px;
         height: 100%;
         width: 100%;
         position: absolute;
         top: 40px;
     }
     .btn-space {
         margin-left: calc(1% + 2px);
         margin-right: calc(1% + 2px);
         margin-bottom: calc(3% + 3px);
         width: calc(20% * 1px) !important;
         line-height: calc(1em + 2px);
         font-stretch: ultra-condensed;
         box-sizing: content-box;
         padding: 0px;
         height: 120px !important;
         float: right !important;
     }
     .info-box-content a.link-home:link {
         text-decoration: none;
         color: rgb(112, 111, 111);
         text-align: center;
         line-height: calc(1em + 1.8px);
         font-size: calc(0.9vw + 0.6vw);
         font-weight: 10;
         display: block;
         text-overflow: ellipsis;
         overflow: hidden;
     }
 }

 @media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
     html {
         margin: 0px auto;
         padding: 0px;
         height: 100%;
         width: 100%;
         position: absolute;
         top: 20px;
     }
     .btn-space {
         margin-left: calc(1% + 2px);
         margin-right: calc(1% + 2px);
         margin-bottom: calc(3% + 2px);
         width: calc(20% * 1px) !important;
         line-height: calc(1em + 2px);
         font-stretch: ultra-condensed;
         box-sizing: content-box;
         padding: 0px;
         height: 120px !important;
         float: right !important;
     }
     .info-box-content a.link-home:link {
         text-decoration: none;
         color: rgb(112, 111, 111);
         text-align: center;
         line-height: calc(1em + 1.8px);
         font-size: calc(0.9vw + 0.6vw);
         font-weight: 10;
         display: block;
         text-overflow: ellipsis;
         overflow: hidden;
     }
 }
 /*
  ##Dispositivo = Tablets, Ipads (vertical)
  ##Resolucion = B/w 768px to 1024px
*/

 @media (min-width: 768px) and (max-width: 1024px) {
     html {
         margin: 0px auto;
         padding: 0px;
         height: 100%;
         width: 100%;
         position: absolute;
         top: 40px;
     }
     .info-box .info-box-icon-home {
         height: inherit !important;
     }
     li .breadcrumb-item {
         width: inherit !important;
         word-wrap: break-word !important;
         padding-top: 0px !important;
     }
     .logo_footer {
         height: 50px !important;
         opacity: 0.8;
     }
     .btn-space {
         margin-left: calc(1% + 2px);
         margin-right: calc(1% + 2px);
         margin-bottom: calc(3% + 2px);
         width: calc(20% * 1px) !important;
         line-height: calc(1em + 2px);
         font-stretch: ultra-condensed;
         box-sizing: content-box;
         padding: 0px;
         height: 120px !important;
         float: right !important;
     }
     .btn-space:hover,
     a.link-home:hover {
         text-decoration: none;
         color: rgb(241, 135, 33);
     }
     .info-box-content a.link-home:link {
         text-decoration: none;
         color: rgb(112, 111, 111);
         text-align: center;
         line-height: calc(1em + 1.8px);
         font-size: calc(1.5vw + 1vw);
         font-weight: 10;
         display: block;
         text-overflow: ellipsis;
         overflow: hidden;
     }
 }
 /*
    ##Dispositivo = Tablets, Ipads (horizontal)
    ##Resolucion = B/w 768px to 1024px
  */

 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
     html {
         margin: 0px auto;
         padding: 0px;
         height: 100%;
         width: 100%;
         position: absolute;
         top: 40px;
     }
     li .breadcrumb-item {
         width: inherit !important;
         word-wrap: break-word !important;
         padding-top: 0px;
     }
     /* .content-wrapper {
         padding-top: 0px !important;
         min-height: 100% !important;
     } */
     .logo_footer {
         height: 30px !important;
         opacity: 0.8;
     }
     .btn-space {
         margin-left: calc(1% + 2px);
         margin-right: calc(1% + 2px);
         margin-bottom: calc(3% + 2px);
         width: calc(20% * 1px) !important;
         line-height: calc(1em + 2px);
         font-stretch: ultra-condensed;
         box-sizing: content-box;
         padding: 0px;
         height: 120px !important;
         float: right !important;
     }
 }
 /*
  ##Dispositivo = Desktops
  ##Resolucion = 1281pxo mayorresolusion desktops
*/

 @media (min-width: 982px) and (max-width: 1261px) {
     html {
         margin: 0px auto;
         padding: 0px;
         height: 100%;
         width: 100%;
         position: absolute;
     }
     li .breadcrumb-item {
         width: inherit !important;
         word-wrap: break-word !important;
         padding-top: 0px;
     }
     /* .content-wrapper {
         padding-top: 0px !important;
         min-height: 100% !important;
     } */
     .logo_footer {
         height: 30px !important;
         opacity: 0.8;
     }
     .btn-space {
         margin-left: calc(1% + 2px);
         margin-right: calc(1% + 2px);
         margin-bottom: calc(3% + 2px);
         width: calc(20% * 1px) !important;
         line-height: calc(1em + 2px);
         font-stretch: ultra-condensed;
         box-sizing: content-box;
         padding: 0px;
         height: 130px !important;
         float: right !important;
     }
 }
 /*
    ##Dispositivo = Laptops, Desktops
    ##Resolucion = B/w 1025px to 1280px
  */

 @media (min-width: 1025px) and (max-width: 1280px) {
     .logo_footer {
         height: 40px !important;
         opacity: 0.8;
     }
     .btn-space {
         margin-left: calc(1% + 2px);
         margin-right: calc(1% + 2px);
         margin-bottom: calc(3% + 2px);
         width: calc(20% * 1px) !important;
         line-height: calc(1em + 2px);
         font-stretch: ultra-condensed;
         box-sizing: content-box;
         padding: 0px;
         height: 130px !important;
         float: right !important;
     }
     .info-box-content a.link-home:link {
         text-decoration: none;
         color: rgb(112, 111, 111);
         text-align: center;
         line-height: calc(1em + 1.8px);
         font-size: calc(0.9vw + 0.6vw);
         font-weight: 10;
         display: block;
         text-overflow: ellipsis;
         overflow: hidden;
     }
 }

 

 .logo_innova {
    /*min-width: calc(160px - 1px) !important;*/
    min-height: 100% !important;
    max-width: none !important;
    object-fit: contain;
    width: 100%;
    padding: inherit;
    margin: 0px;
 }

 span .brand-text .font-weight-light {
     padding-left: 1% !important;
     margin-bottom: 5% !important;
     line-height: 0vw !important;
 }

 .login-box,
 .register-box {
     width: 340px;
 }

 @media (min-width: 1280px) {
     .btn-space {
         margin-left: calc(1% + 2px);
         margin-right: calc(3% + 2px);
         margin-bottom: calc(5% + 5px);
         width: calc(20% * 1vh) !important;
         line-height: calc(1em + 2px);
         font-stretch: ultra-condensed;
         box-sizing: content-box;
         padding: 0px;
         height: 120px !important;
         float: right !important;
     }
     .info-box-content a.link-home:link {
         text-decoration: none;
         color: rgb(112, 111, 111);
         text-align: center;
         line-height: calc(1em + 1.8px);
         font-size: calc(0.7vw + 0.6vw);
         font-weight: 10;
         display: block;
         text-overflow: ellipsis;
         overflow: hidden;
     }
 }
 /* tablas responsive */

 @media screen and (min-width:360px)and (max-width: 800px) {
     body {
         margin: 0;
         size: 10px !important;
     }
     h1 {
         size: 11px;
     }
     h2 {
         size: 10px;
     }
     h3 {
         size: 7px !important;
         color: #686766 !important;
     }
     .ico_sms {
         display: none;
     }
     .estado {
         display: none;
     }
     .texto-nav-bar {
         display: none;
     }
     table {
         width: 100% !important;
     }
 }

 .text-infor-tramite {
     box-shadow: -1px 19px 10px -21px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: -1px 19px 10px -21px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: -1px 19px 10px -21px rgba(0, 0, 0, 0.3);
     padding-bottom: 5px;
 }
 /*  css textarea responsive */

 .container {
     max-width: 820px;
     margin: 0px auto;
     margin-top: 50px;
 }

 .comment {
     float: left;
     width: 100%;
     height: auto;
 }

 .commenter {
     float: left;
 }

 .commenter img {
     width: 35px;
     height: 35px;
 }

 .comment-text-area {
     float: left;
     width: 100%;
     height: auto;
 }

 .textinput {
     float: left;
     width: 100%;
     min-height: 75px;
     outline: none;
     resize: none;
     border: 1px solid grey;
 }

 .dropzone .dz-preview .dz-error-message {
    top: 150px!important;
    text-align: center;
}

.form-check-label{
    cursor: pointer;
}



.brand-link {
    height: 800px !important;

}



.text-wine{
    color: #fcfcfc  !important;
 }