::-webkit-scrollbar {

    display: none;

}



/**********File Inputs**********/

.container-input {

    text-align: center;

    background: #282828;

    border-top: 5px solid #c39f77;

    padding: 50px 0;

    border-radius: 6px;

    width: 50%;

    margin: 0 auto;

    margin-bottom: 20px;

}



.inputfile {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}



.inputfile + label {

    max-width: 80%;

    font-size: 1.25rem;

    font-weight: 700;

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    /*display: inline-block;*/

    overflow: hidden;

    padding: 0.625rem 1.25rem;

    display: inline-flex;

    

    flex-direction: column;

    align-items: center;

}



.inputfile + label svg {

    width: 1em;

    height: 1em;

    vertical-align: middle;

    fill: currentColor;

    margin-top: -0.25em;

    margin-right: 0.25em;

}



.iborrainputfile {

    font-size:16px; 

    font-weight:normal;

    font-family: 'Lato';

}



/* style 2 */



.inputfile-2 + label {

    color: black;

    border: 2px solid currentColor;

    border-radius: 5px;

}



.inputfile-2:focus + label,

.inputfile-2.has-focus + label,

.inputfile-2 + label:hover {

    color: #9f8465;

}



.btn-navigation-registers{

    background: none;

    border: 0;

    color: inherit;

    font: inherit;

    line-height: normal;

    overflow: visible;

    padding: 0;

    -webkit-user-select: none; /* for button */

    -webkit-appearance: button; /* for input */

    -moz-user-select: none;

    -ms-user-select: none;

}



@media (min-width: 768px) {



    .form-control{

        width: 80% !important;

    }



    .form-label{

        text-align: left;

        padding-top: calc(.375rem + 1px);

        padding-bottom: calc(.375rem + 1px);

        margin-bottom: 0;

        font-size: inherit;

        line-height: 1.5;

        flex: 0 0 auto;

        width: 15%;

    }



    .select2-container{

        width: 80% !important;

    }

}



.select2-selection__rendered{

    border-radius: 0.375rem;

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-slate-200) / var(--tw-border-opacity));

    font-size: 0.875rem;

    line-height: 1.25rem;

    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);

    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;

    transition-duration: 200ms;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    --tw-border-opacity: 1;

    border-color: rgb(var(--color-slate-200) / var(--tw-border-opacity));

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: #fff;

    border-width: 1px;

    padding-right: 0.75rem;

    padding-bottom: 0.5rem;

    padding-left: 0.75rem;

    font-size: 1rem;

    --tw-shadow: 0 0 #0000;

}

.select2-container .select2-selection--single .select2-selection__rendered {

    text-align:left

}



#paneliframe{

    width: 100%;

    height:84vh;

    overflow:hidden;

}



.content1{

    padding-bottom:0 !important;

    min-height:90vh !important;

}



.content2{

    min-height: 30vh;

    height: -webkit-fill-available;

    padding-bottom:0 !important;

    margin-top: 0 !important;

    /*padding-right:1px;*/

    padding-left:2px;

}



.contentDiv1{

    position: relative;

    z-index: 5;

    height:calc(100vh - 140px);

}



.form-box{

    height:100vh;

    overflow-y:auto;

}





/*Codigo de toño*/

.floating-button {

    position: fixed;

    z-index: 15;

    bottom: 20px;

    right: 5px;

    width: 50px;

    height: 50px;

    background-color: #007bff; /* Cambia este color según tus necesidades */

    border-radius: 50%;

    display: none;

    justify-content: center;

    align-items: center;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

    cursor: pointer;

}



.floating-button i {

    color: white;

    font-size: 24px;

}



.floating-button-search {

    position: fixed;

    z-index: 15;

    bottom: 75px;

    right: 5px;

    width: 50px;

    height: 50px;

    background-color: #007bff; /* Cambia este color según tus necesidades */

    border-radius: 50%;

    display: none;

    justify-content: center;

    align-items: center;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

    cursor: pointer;

      color: white;

    font-size: 24px;

}



.floating-button i {

    color: white;

    font-size: 24px;

}



@media only screen and (max-width: 600px) {

    .floating-button {

        display:flex;

    }

    

    .floating-button-search {

        display:flex;

    }

}

/*end Codigo de toño*/



.contentDiv2{

    /*height:calc(100vh - 130px);*/

    height:  calc(100vh - 140px);

}



@media only screen and (max-width : 900px) {

    

    .content1{

        padding-bottom:0 !important;

        min-height:90vh !important;

    }

    

    .content2{

        padding-bottom:0 !important;

        margin-top: 0 !important;

        padding-right:1px;

        padding-left:2px;

    }

    

    #paneliframe{

        /*height:calc(100vh - 165px);*/

        border-radius: 20px !important;

    }



    .contentDiv1{

        height:calc(100vh - 230px);

    }



    .contentDiv2{

        /*height:calc(100vh - 130px);*/

        height: calc(100vh - 280px);

    }

            

    #statsDiv{

        display:none;

    }

    

    #statsDivHidden{

        display:none;

    }



    .form-box{

        /*height:85vh;*/

	height:100vh;

        overflow-y:auto;

    }

}



/*Agregamos codigo para los estilo de la firma*/

.signature-field-wrapper {

    padding: 16px;

    border-radius: 8px;

    margin-bottom: 24px;

    /*width: fit-content;*/

}



.canvas-container {

    width: 100%;

    /*width: fit-content;*/

    border: 2px dashed #ddd;

    border-radius: 4px;

    overflow: auto;

    margin-bottom: 16px;

}



.signature-canvas {

    box-sizing: border-box;

    /*width: 100%;*/

    width: auto;



    height: 200px;

    background-color: white;

    cursor: crosshair;

    touch-action: none;

    -ms-touch-action: none;

}



.signature-actions {

    display: flex;

    gap: 8px;

    flex-wrap: wrap;

    justify-content: center;

}

.signature-canvas.finished {

    opacity: 0.8;

    pointer-events: none;

}

.header-with-button {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 24px;

}



.signature-actions {

    display: flex;

    gap: 8px;

    flex-wrap: wrap;

}



.btn:disabled {

    opacity: 0.5 !important;

    cursor: not-allowed;

    pointer-events: none !important;

}

/*End agregamos codigo para los estilos de la firma*/



@media (max-width: 768px) {

    .col-span-12 {

        align-content: start;

        text-align: left;

    }



    .media-center{

        text-align: center !important;

        align-content: center !important;

    }

}



.content-form-check-input{

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.label-form-check-input{

    margin-bottom: 0;

    margin-right: 10px;

    display: inline-block;

}





.form-check-center{

    margin: auto !important;

}



.content-btn-media-UI{

    display: flex;

    justify-content: center;

}



.delete-media-UI {

    color: black;

    border: 2px solid currentColor;

    max-width: 80%;

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    /* display: inline-block; */

    overflow: hidden;

    padding: 0.625rem 1.25rem;

    display: inline-flex;

    flex-direction: column;

    align-items: center;

    font-size: 16px;

    font-weight: normal;

    font-family: 'Lato';

    margin-left: 5px;

    transition: background-color 0.3s;

}







.delete-media-UI:focus,

.delete-media-UI:hover {



    color: #fff;

    background-color: #dc3545;



}





/*codigo para centrar el formulario en pc*/

@media (min-width: 769px) {

  /* Estilos específicos para pantallas de PC o dispositivos grandes */

  .p-5 form .grid .grid {

    width: 50% !important; /* Ejemplo: Establecer el ancho del formulario al 50% en pantallas grandes */

    margin: auto !important; /* Centrado horizontal */

  }



  .p-5 form .justify-end{

    width: 50% !important;

  }

}



/*codigo para el zoom del PDF */

.row-pdf{

    position: relative;

    display: inline-block;

}



.btn-zoom-pdf-floating{

    display:flex;

    height: 30px;

    width: 30px;

    align-items: center;

    justify-content: center;

    position: absolute;

    right: 16px;

    bottom: 10px;

    z-index: 10;

    padding: 5px;

    background: rgba(0, 0, 0, 0.7);

    color: white;

    border: none;

    border-radius: 100%;

    cursor: pointer;

    min-height:30px;

    min-width:30px;

    height:30px;

    width:30px;

    max-height:30px;

    max-width:30px;

}

/*End codigo para el zoom del PDF*/