:root {
    font-size: 85%;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.5;
}

h1,
h2 {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: '#0dcaf0' !important;
}
 
h3,
h4,h5 {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: rgb(133, 134, 143) !important;
}

p,rgb(113, 114, 122)
span,
li {
    font-weight: 300;
}

.fw-bold {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.btn {
    border-radius: 4px;
    text-transform: uppercase;
}

.tooltip .tooltip-inner {
    white-space: pre-line !important;
}

/********[MULTY SCANN]*******/

/* .modal .scanner-area {
    height: auto;
}

.modal .scanner-ui {
    height: 250px;
    background-color: #000; 
} */

.scanner-area,
.scanner-box {
    max-width: 450px;
    height: 250px;
    margin: 0 auto;
    position: relative;
}

.btn-iniciar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
    transition: all 0.3s ease;
}

.btn-iniciar:hover {
    box-shadow: 0 6px 18px rgba(0, 86, 179, 0.3);
    transform: translate(-50%, -50%) scale(1.05);
}

.scanner-ui {
    max-width: 450px;
    max-height: 250px;
    width: 100%;
    height: 100%;
    min-height: 250px;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    border: 2px solid #ccc;
    background-color: #d9d9d9;
}

.scanner-ui video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.scan-timer {
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}

@media (max-width: 480px) {

    .scanner-box,
    .scanner-ui {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 3 / 2;
    }
}

/* ⚠️ Ya no uses .fade */
.cw-fade {
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.cw-fade-in {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.cw-fade-out {
    opacity: 0 !important;
    transform: scale(0.95) !important;
    pointer-events: none;
}

.cw-flash {
    animation: cwFlashAnim 0.3s ease-in-out;
}

@keyframes cwFlashAnim {
    0% {
        box-shadow: 0 0 10px 2px limegreen;
    }

    100% {
        box-shadow: none;
    }
}

/*
.fade {
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.fade-in {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.fade-out {
    opacity: 0 !important;
    transform: scale(0.95) !important;
    pointer-events: none;
}

.flash {
    animation: flashAnim 0.3s ease-in-out;
}

@keyframes flashAnim {
    0% {
        box-shadow: 0 0 10px 2px limegreen;
    }

    100% {
        box-shadow: none;
    }
}
 
 */

/****************CUSTOM COLORS*******************/

.bg-main {
    background: rgba(24, 123, 87, 1);
}

.bg-sub-main {
    background: rgba(141, 198, 161, 1);
}
.border-sub-main{
    border-color: rgba(141, 198, 161, 1)!important;
}

/*Estilos login*/
#divLoading {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(254, 254, 255, .75);
    z-index: 999999 !important;
    display: none;
}

#divLoading img {
    width: 100px;
    height: 100px;
}

.imageToCaro {
    cursor: pointer;
}

#modalCarousel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    /* Asegura que el modal esté por encima de otros elementos */
}

#modalCarousel .modal-content {
    display: block;
    max-width: 90%;
    width: auto;
    height: 80vh;
    object-fit: contain;
    margin: 0 auto;
    margin-top: 5%;
}

#modalCarousel .close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 30px;
    color: white;
    cursor: pointer;
    z-index: 1001;
    padding: 10px;
    width: 50px;
    /* Ancho */
    height: 50px;
    /* Alto */
    background: rgba(0, 0, 0, 0.5);
    /* Fondo oscuro semitransparente */
    border-radius: 50%;
    /* Hace el botón circular */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
}

#modalCarousel .close:hover {
    background: rgba(149, 149, 149, 0.8);
}

#modalCarousel .next,
#modalCarousel .prev {
    position: absolute;
    top: 50%;
    font-size: 30px;
    color: white;
    cursor: pointer;
    padding: 10px;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    text-decoration: none;
    transition: background 0.3s;
    z-index: 1001;
    /* Asegura que las flechas estén por encima del modal */
}

#modalCarousel .next {
    right: 10px;
}

#modalCarousel .prev {
    left: 10px;
}

#modalCarousel .prev:hover,
#modalCarousel .next:hover {
    background: rgba(0, 0, 0, 0.7);
}

/* Estilos para pantallas pequeñas */
@media screen and (max-width: 600px) {
    #modalCarousel .close {
        font-size: 24px;
        /* Ajusta el tamaño del botón */
        top: 10px;
        right: 10px;
        padding: 8px;
        /* Reduce el tamaño del botón */
    }

    #modalCarousel .next,
    #modalCarousel .prev {
        font-size: 24px;
        /* Ajusta el tamaño de las flechas */
        padding: 8px;
        /* Ajusta el padding de las flechas */
    }
}

/******************[ IMAGE DROPZONE ]***********************/


.file-dropzone {
    width: 100%;
    height: auto;
    min-height: 350px !important;
    border: 2px dashed #ccc !important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat !important;
    padding: 15px !important;
    background-size: contain !important; 
    background-size: 300px auto !important;
}

.dz-message {
    display: none;
}

.previewImgCrop-container {
    display: none;
    width: 100%;
    height: auto;
    max-height: 550px !important;
    min-height: 350px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    border: 1px solid #ccc;
    background-color: #ffffff;
    align-items: center;
    justify-content: center;
}

.previewImgCrop {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.pdf-icon_view {
    width: 70%;
    height: 70%;
    display: none;
    margin: auto;
}

.boxCropRotate {
    /*    display: none;*/
    text-align: center;
    margin-top: 10px;
    width: 100%;
}

.error-message {
    color: red;
    display: none;
    text-align: center;
}

.file-dropzone.error {
    border-color: red !important;
}

/* Personalizar las líneas de recorte */
.cropper-crop-box,
.cropper-view-box {
    border: 2px solid rgba(255, 255, 255, 0.75) !important;
    /* Líneas más claras */
}

/* Personalizar las handles de recorte (esquinas) */
.cropper-point {
    width: 15px;
    height: 15px;
    background-color: rgba(255, 49, 53, 0.75) !important;
    /* Color más claro */
    border-radius: 50%;
    /* Esquinas redondeadas */
}

/* Personalizar la máscara */
.cropper-bg {
    background-color: rgba(0, 0, 0, 0.5) !important;
    /* Máscara semitransparente */
}

/* Personalizar la vista de recorte */
.cropper-view-box {
    outline: 1px solid rgba(255, 255, 255, 0.75) !important;
    /* Borde de la vista de recorte */
}

/* Personalizar las líneas de guía */
.cropper-dashed {
    border: 1px dashed rgba(255, 255, 255, 0.75) !important;
    /* Líneas de guía más claras */
}

/* Personalizar las líneas de guía verticales */
.cropper-dashed.dashed-v {
    border-left: 1px dashed rgba(255, 255, 255, 0.75) !important;
}

/* Personalizar las líneas de guía horizontales */
.cropper-dashed.dashed-h {
    border-top: 1px dashed rgba(255, 255, 255, 0.75) !important;
}

.tooltip-box {
    position: absolute;
    background-color: #ffffff;
    /* Fondo blanco */
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    max-width: 300px;
    white-space: normal;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    /* Sombra para el efecto flotante */
    z-index: 1000;
    /* Para que el tooltip siempre esté encima */
}

.tooltip-box::after {
    content: '';
    position: absolute;
    bottom: -10px;
    /* Cambia según la posición del tooltip */
    left: 50%;
    /* Centra la flecha horizontalmente */
    transform: translateX(-50%);
    /* Ajuste para centrar */
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff;
    /* Color de fondo del tooltip */
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));
    /* Sombra para la flecha */
}

.switch-large .form-check-input {
    width: 3rem;
    height: 1.5rem;
    background-color: yellow;
}

.switch-large .form-check-input:checked {
    background-color: #4CAF50;
}

.switch-large .form-check-input:before {
    width: 1.5rem;
    height: 1.5rem;
}

.select2 {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 100% !important;
    padding: .1rem .75rem;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    top: 50%;
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 5px;
}

.labelMsg{
    font-size: small;
    color: #697383;
    padding-left: .5rem;
    padding-bottom: .2rem;
}

[class*="pointer"],
[class*="clickable"],
[class*="cursor-pointer"] {
    cursor: pointer !important;
}

.table-responsive,
.dataTables_wrapper {
    position: relative; 
    overflow: visible !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    /* padding: .1em 0em;
    margin-left: 0px; */

    margin: 0;
    padding: 0;
    margin-left: 0px;
    margin-right: 0px;
}
.page-link {
    position: relative;
    display: block;
    padding: 5px;
    font-size: small;
}
/*
.dataTables_wrapper .dataTables_paginate span .paginate_button {
    width: auto !important;
}
/* .dataTables_processing, .dataTables_empty {
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
} */
/*
.dataTable {
    width: 100%;
    overflow-x: auto;
}

.dataTables_processing,
.dataTables_empty {
    display: none;  
        width: 100% !important;
        position: absolute;
        top: 0;
        left: 0 !important;
        z-index: 1050;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.8);
        pointer-events: none;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 4px;
}


*/
.dataTables_processing img {
    max-width: 30px;
    margin-right: 10px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 60px !important; 
}
    

.dataTables_processing {
    width: 100% !important;
    left: 100px !important;
    z-index: 99;
}

.signPad {
    border: 1px solid #ccc; /* Gray border */
    background-color: #f8f9fa; /* Light gray background, typical for Bootstrap themes */
    max-height: 300px;
    width: 100%;
}

/*  style cancel buttons */
.swal-button--cancel{
    color: #ffffff;
    background-color: #A4ABB6;	
}
.swal-button--confirm{
	background-color: #4FC13A;	
	color: #ffffff; 
}
.swal-button--danger{
	background-color: #FF3838;
	color: #ffffff; 
}

.errorText {
	color: red !important;
}

/*DUPLICATE #F1ECCE */
.text--duplicate {
    color: rgba(187,178,130,1.00);
}
.bg--duplicate {
	background-color: #BBB282;
}
.mh--duplicate {
	background: #BBB282; 
}
.btn--duplicate  {
	color: #ffffff;
  	background-color: #BBB282;
  	border-color: #BBB282;
}
.btn--duplicate:hover {
    color: #ffffff;
    background-color: rgba(187,178,130,1.00);
    border-color: #857A3D;
}
.btn-check:focus + .btn--duplicate, .btn--duplicate:focus {
    color: #ffffff;
    background-color: #BBB282;
    border-color: #BBB282;
    box-shadow: 0 0 0 0.25rem rgba(187,178,130, 0.5);
}
.btn-check:checked + .btn--duplicate, .btn-check:active + .btn--duplicate, .btn--duplicate:active, .btn--duplicate.active, .show > .btn--duplicate.dropdown-toggle {
    color: #ffffff;
    background-color: #BBB282;
    border-color: #BBB282;
}
.btn-check:checked + .btn--duplicate:focus, .btn-check:active + .btn--duplicate:focus, .btn--duplicate:active:focus, .btn--duplicate.active:focus, .show > .btn--duplicate.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(187,178,130,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(187,178,130,0.50);
}
.btn--duplicate:disabled, .btn--duplicate.disabled {
    color: #ffffff;
    background-color: #BBB282;
    border-color: #BBB282;
}
.btn-outline--duplicate {
    color: #BBB282;
    border-color: #BBB282;
}


/*NEW #2DCCFF */
.text--new {
	color: #2DCCFF;
}
.bg--new {
	background-color: #2DCCFF;
}
.mh--new {
	background: #2DCCFF; 
    color: white!important;
}
.mh--new h5 { 
    color: white!important;
}
.btn--new  {
	color: #ffffff;
  	background-color: #2DCCFF;
  	border-color: #2DCCFF;
}
.btn--new:hover {
    color: #ffffff;
    background-color: #006687;
    border-color: #2DCCFF;
}
.btn-check:focus + .btn--new, .btn--new:focus {
    color: #ffffff;
    background-color: #2DCCFF;
    border-color: #2DCCFF;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--new, .btn-check:active + .btn--new, .btn--new:active, .btn--new.active, .show > .btn--new.dropdown-toggle {
    color: #ffffff;
    background-color: #2DCCFF;
    border-color: #2DCCFF;
}
.btn-check:checked + .btn--new:focus, .btn-check:active + .btn--new:focus, .btn--new:active:focus, .btn--new.active:focus, .show > .btn--new.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(45,204,255,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(45,204,255,0.50);
}
.btn--new:disabled, .btn--new.disabled {
    color: #ffffff;
    background-color: #2DCCFF;
    border-color: #2DCCFF;
}
.btn-outline--new {
    color: #2DCCFF;
    border-color: #2DCCFF;
}

/*APPROBE #4FC13A */
.text--approve {
	color: #4FC13A;
}
.bg--approve {
	background-color: #4FC13A;
}
.mh--approve {
    background: #4FC13A;
    color: #ffffff !important;
}
.mh--approve h5 { 
	color: #ffffff !important;
}
.btn--approve  {
	color: #ffffff !important;
  	background-color: #4FC13A;
  	border-color: #4FC13A;
}
.btn--approve:hover {
    color: #ffffff !important;
    background-color: #2F8500;
    border-color: #4FC13A;
}
.btn-check:focus + .btn--approve, .btn--approve:focus {
    color: #ffffff !important;
    background-color: #4FC13A;
    border-color: #4FC13A;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--approve, .btn-check:active + .btn--approve, .btn--approve:active, .btn--approve.active, .show > .btn--approve.dropdown-toggle {

    color: #ffffff !important;
    background-color: #4FC13A;
    border-color: #4FC13A;
}
.btn-check:checked + .btn--approve:focus, .btn-check:active + .btn--approve:focus, .btn--approve:active:focus, .btn--approve.active:focus, .show > .btn--approve.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(86,240,0,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(86,240,0,0.50);
}
.btn--approve:disabled, .btn--approve.disabled {
    color: #ffffff !important;
    background-color: #4FC13A;
    border-color: #4FC13A;
}
.btn-outline--approve {
    color: #change;
    border-color: #change;
}

/*CHANGE #f5c011 */
.text--change {
    color: #C2AE00;
}
.bg--change {
    background-color: #f5c011;
    color: #635900;
}
.mh--change {
    background: #f5c011;
}
.mh--change h5 { 
	color: white !important;
}
.btn--change  {
	color: #ffffff !important;
  	background-color: #f5c011;
  	border-color: #f5c011;
}
.btn--change:hover,.btn--change:active {
    color: #ffffff !important;
    background-color: #A39202;
    border-color: #f5c011;
}
.btn-check:focus + .btn--change, .btn--change:focus {
    color: #ffffff !important;
    background-color: #f5c011;
    border-color: #f5c011;
    box-shadow: 0 0 0 0.25rem rgba(252,
        232,
        58,
        0.50);
}
.btn-check:checked + .btn--change, .btn-check:active + .btn--change, .btn--change:active, .btn--change.active, .show > .btn--change.dropdown-toggle {
    color: #ffffff !important;
    background-color: #f5c011;
    border-color: #f5c011;
}
.btn-check:checked + .btn--change:focus, .btn-check:active + .btn--change:focus, .btn--change:active:focus, .btn--change.active:focus, .show > .btn--change.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(252,232,58,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(252,232,58,0.50);
}
.btn--change:disabled, .btn--change.disabled {
    color: #ffffff !important;
    background-color: #f5c011;
    border-color: #f5c011;
}
.btn-outline--change {
    color: #f5c011;
    border-color: #f5c011;
}

/*ATENTION #ff9102 */
.text--atention {
	color: #ff9102;
}
.bg--atention {
	background-color: #ff9102;
}
.mh--atention {
	background: #ff9102; 
}
.mh--atention h5 {
    color: white !important;
}
.btn--atention  {
	color: #ffffff;
  	background-color: #ff9102;
  	border-color: #ff9102;
}
.btn--atention:hover {
    color: #ffffff;
    background-color: #ff7002;
    border-color: #ff9102;
}
.btn-check:focus + .btn--atention, .btn--atention:focus {
    color: #ffffff;
    background-color: #ff9102;
    border-color: #ff9102;
    box-shadow: 0 0 0 0.25rem rgba(255,
        145,
        2, 0.5);
}
.btn-check:checked + .btn--atention, .btn-check:active + .btn--atention, .btn--atention:active, .btn--atention.active, .show > .btn--atention.dropdown-toggle {
    color: #ffffff;
    background-color: #ff9102;
    border-color: #ff9102;
}
.btn-check:checked + .btn--atention:focus, .btn-check:active + .btn--atention:focus, .btn--atention:active:focus, .btn--atention.active:focus, .show > .btn--atention.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255,
        112,
        2,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(255,
        112,
        2,0.50);
}
.btn--atention:disabled, .btn--atention.disabled {
    color: #ffffff;
    background-color: #ff9102;
    border-color: #ff9102;
}
.btn-outline--atention {
    color: #ff9102;
    border-color: #ff9102;
}

/*EDIT #D000FF */
.text--edited {
	color: #D000FF;
}
.bg--edited {
	background-color: #D000FF;
}
.mh--edited {
	background: #D000FF; 
}
.mh--edited h5 {
    color: white !important;
}
.btn--edited  {
	color: #ffffff;
  	background-color: #D000FF;
  	border-color: #D000FF;
}
.btn--edited:hover {
    color: #ffffff;
    background-color: #a000c4;
    border-color: #D000FF;
}
.btn-check:focus + .btn--edited, .btn--edited:focus {
    color: #ffffff;
    background-color: #D000FF;
    border-color: #D000FF;
    box-shadow: 0 0 0 0.25rem rgba(208,
        0,
        255, 0.5);
}
.btn-check:checked + .btn--edited, .btn-check:active + .btn--edited, .btn--edited:active, .btn--edited.active, .show > .btn--edited.dropdown-toggle {
    color: #ffffff;
    background-color: #D000FF;
    border-color: #D000FF;
}
.btn-check:checked + .btn--edited:focus, .btn-check:active + .btn--edited:focus, .btn--edited:active:focus, .btn--edited.active:focus, .show > .btn--edited.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(160,
        0,
        196,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(160,
        0,
        196,0.50);
}
.btn--edited:disabled, .btn--edited.disabled {
    color: #ffffff;
    background-color: #D000FF;
    border-color: #D000FF;
}
.btn-outline--edited {
    color: #D000FF;
    border-color: #D000FF;
}

/*REVERSED #008080 */
.text--reversed {
	color: #008080;
}
.bg--reversed {
	background-color: #008080;
}
.mh--reversed {
	background: #008080; 
}
.mh--reversed h5 {
    color: white !important;
}
.btn--reversed  {
	color: #ffffff;
  	background-color: #008080;
  	border-color: #008080;
}
.btn--reversed:hover {
    color: #ffffff;
    background-color: #008080;
    border-color: #008080;
}
.btn-check:focus + .btn--reversed, .btn--reversed:focus {
    color: #ffffff;
    background-color: #008080;
    border-color: #008080;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--reversed, .btn-check:active + .btn--reversed, .btn--reversed:active, .btn--reversed.active, .show > .btn--reversed.dropdown-toggle {
    color: #ffffff;
    background-color: #008080;
    border-color: #008080;
}
.btn-check:checked + .btn--reversed:focus, .btn-check:active + .btn--reversed:focus, .btn--reversed:active:focus, .btn--reversed.active:focus, .show > .btn--reversed.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
}
.btn--reversed:disabled, .btn--reversed.disabled {
    color: #ffffff;
    background-color: #008080;
    border-color: #008080;
}
.btn-outline--reversed {
    color: #008080;
    border-color: #008080;
}

/*SEE INFO #ff9102 */
.text--info {
	color: #222B40;
}
.bg--info {
	background-color: #222B40;
}
.mh--info {
	background: #222B40; 
}
.mh--info h5 {
    color: white !important;
}
.btn--info  {
	color: #ffffff;
  	background-color: #222B40;
  	border-color: #222B40;
}
.btn--info:hover {
    color: #ffffff;
    background-color: #D20069;
    border-color: #222B40;
}
.btn-check:focus + .btn--info, .btn--info:focus {
    color: #ffffff;
    background-color: #222B40;
    border-color: #222B40;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--info, .btn-check:active + .btn--info, .btn--info:active, .btn--info.active, .show > .btn--info.dropdown-toggle {
    color: #ffffff;
    background-color: #222B40;
    border-color: #222B40;
}
.btn-check:checked + .btn--info:focus, .btn-check:active + .btn--info:focus, .btn--info:active:focus, .btn--info.active:focus, .show > .btn--info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(255,179,2,0.50);
}
.btn--info:disabled, .btn--info.disabled {
    color: #ffffff;
    background-color: #222B40;
    border-color: #222B40;
}
.btn-outline--info {
    color: #222B40;
    border-color: #222B40;
}

/*CANCEL #A4ABB6 */
.text--cancel {
	color: #A4ABB6;
}
.bg--cancel {
	background-color: #A4ABB6;
}
.mh--cancel {
	background: #A4ABB6; 
}
.btn--cancel  {
	color: #ffffff;
  	background-color: #A4ABB6;
  	border-color: #A4ABB6;
}
.btn--cancel:hover {
    color: #ffffff;
    background-color: #697383;
    border-color: #A4ABB6;
}
.btn-check:focus + .btn--cancel, .btn--cancel:focus {
    color: #ffffff;
    background-color: #A4ABB6;
    border-color: #A4ABB6;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--cancel, .btn-check:active + .btn--cancel, .btn--cancel:active, .btn--cancel.active, .show > .btn--cancel.dropdown-toggle {
    color: #ffffff;
    background-color: #A4ABB6;
    border-color: #A4ABB6;
}
.btn-check:checked + .btn--cancel:focus, .btn-check:active + .btn--cancel:focus, .btn--cancel:active:focus, .btn--cancel.active:focus, .show > .btn--cancel.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(164,171,182,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(164,171,182,0.50);
}
.btn--cancel:disabled, .btn--cancel.disabled {
    color: #ffffff;
    background-color: #A4ABB6;
    border-color: #A4ABB6;
}
.btn-outline--cancel {
    color: #A4ABB6;
    border-color: #A4ABB6;
}

/*DELETE #FF3838 */
table.dataTable tbody tr .bg-noautho{
    background: #FFD2D2 !important;
	background-color: #FFD2D2 !important;
	opacity: 1; 
}
 
.text--delete {
	color: #FF3838;
}
.bg--delete {
	background-color: #FF3838;
}
.mh--delete {
	background: #FF3838; 
}
.mh--delete h5 {
    color: white !important;
}
.btn--delete  {
	color: #ffffff;
  	background-color: #FF3838;
  	border-color: #FF3838;
}
.btn--delete:hover {
    color: #ffffff;
    background-color: #AA0000;
    border-color: #FF3838;
}
.btn-check:focus + .btn--delete, .btn--delete:focus {
    color: #ffffff;
    background-color: #FF3838;
    border-color: #FF3838;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--delete, .btn-check:active + .btn--delete, .btn--delete:active, .btn--delete.active, .show > .btn--delete.dropdown-toggle {
    color: #ffffff;
    background-color: #FF3838;
    border-color: #FF3838;
}
.btn-check:checked + .btn--delete:focus, .btn-check:active + .btn--delete:focus, .btn--delete:active:focus, .btn--delete.active:focus, .show > .btn--delete.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255,56,56,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(255,56,56,0.50);
}
.btn--delete:disabled, .btn--delete.disabled {
    color: #ffffff;
    background-color: #FF3838;
    border-color: #FF3838;
}
.btn-outline--delete {
    color: #FF3838;
    border-color: #FF3838;
}

/*DISABLE #4F4F4F */
.text--disable {
    color: #4F4F4F;
}
.bg--disable {
	background-color: #4F4F4F;
}
.mh--disable {
	background: #4F4F4F; 
}
.mh--disable h5 {
    color: white !important;
}
.btn--disable  {
	color: #ffffff;
  	background-color: #4F4F4F;
  	border-color: #4F4F4F;
}
.btn--disable:hover {
    color: #ffffff;
    background-color: #292929;
    border-color: #4F4F4F;
}
.btn-check:focus + .btn--disable, .btn--disable:focus {
    color: #ffffff;
    background-color: #4F4F4F;
    border-color: #4F4F4F;
    box-shadow: 0 0 0 0.25rem rgba(141,1,255, 0.5);
}
.btn-check:checked + .btn--disable, .btn-check:active + .btn--disable, .btn--disable:active, .btn--disable.active, .show > .btn--disable.dropdown-toggle {
    color: #ffffff;
    background-color: #4F4F4F;
    border-color: #4F4F4F;
}
.btn-check:checked + .btn--disable:focus, .btn-check:active + .btn--disable:focus, .btn--disable:active:focus, .btn--disable.active:focus, .show > .btn--disable.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(79,79,79,0.50);
    -webkit-box-shadow: 0 0 0 0.25rem rgba(79,79,79,0.50);
}
.btn--disable:disabled, .btn--disable.disabled {
    color: #ffffff;
    background-color: #4F4F4F;
    border-color: #4F4F4F;
}
.btn-outline--disable {
    color: #4F4F4F;
    border-color: #4F4F4F;
}

.errorText{
	color: red;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #D9D9D9 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #D9D9D9 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #D9D9D9 !important;
}

.requiredInput {
	color: red;
}
	
/*Estilos login*/


/*

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ * /
  color: #b8b8b8 !important;
  opacity: 1; /* Firefox * /
}

:-ms-input-placeholder { /* Internet Explorer 10-11 * /
  color: #b8b8b8 !important;
}

::-ms-input-placeholder { /* Microsoft Edge * /
  color: #b8b8b8 !important;
}

.errorText, .errorText a, .errorText span {
	color: red !important;
}

.labelMsg {
    margin-top: 2px;
    margin-right: 0px;
    margin-left: 6px;
    margin-bottom: 0px;
	font-size: 11px;
}

.requiredInput {
	color: red;
}

.form-control.is-invalid { 
/*    border-right: -2rem !important;* /
}

.form-select {
	padding: 0.71rem 1.25rem;
    color: #6e6e6e;
	border-radius: 0.625rem;
}

.prevPhoto {
    display: flex;
    align-items: center!important;
    justify-content: center!important;
    width: 100%;
    height: 210px;
    border: 1px solid #CCC;
    position: relative;
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
	text-align: center;
	strong {
		padding: 0 10px
	}
}

.prevPhoto label{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.prevPhoto img{
    width: 100%; 
	max-height: 200px;
}

.notBlock{
	display: none !important;
}

.upimg{
	/*display: none !important;* /
	width: 96%; 
	margin-left: 2%;
	margin-top: 10px;
	margin-bottom: 10px;
/*  	margin: 0 auto;* /
  	position: relative;
  	text-align: center;
	line-height: 25px; 
	color: #999;
	border: 2px dashed #ccc;
	display: inline-block;
	transition: transform 0.9s;
 
}

.draging {
    transform: scale(1.05);
    border: 3px dashed #008915;
	color: #008915;
}

.upimg .textImg {
	padding: 65px;
}

.upimg #viewImg .currImg {
	width: auto;
	height: auto;
	max-width: 300px;
    max-height: 300px;
}

.upimg input{
	position: absolute;
	height: 100%;
	width: 100% !important;
	opacity: 0;
	top: 0;
	left: 0;
}

.delPhoto{
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: red;
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 10;
}

.rotPhoto{
	color: #FFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: orange;
	position: absolute;
	left: -10px;
	top: -10px;
	z-index: 10;
}

/*Text* 
.fs--0 {
    font-size: 8px !important;
}
.fs--1 {
    font-size: 11px !important;
}
.fs--2 {
    font-size: 12px !important;
}
.fs--3 {
    font-size: 18px !important;
}
.fs--4 {
    font-size: 24px !important;
}
.fs--5 {
    font-size: 40px !important;
}

.fl--1 {
    line-height: 4px !important;
}
.fl--2 {
    line-height: 8px !important;
}
.fl--3 {
    line-height: 14px !important;
}
.fl--4 {
    line-height: 20px !important;
}
.fl--5 {
    line-height: 24px !important;
}
.fl--6 {
    line-height: 30px !important;
}

.mb--1 {
    margin-bottom: 100px;	
}
.mb--2 {
    margin-bottom: 150px;	
}
.mb--3 {
    margin-bottom: 200px;	
}
.mb--4 {
    margin-bottom: 250px;	
}
.mb--5 {
    margin-bottom: 300px;	
}

/******************[ COLORS ]*********************** /

.text-utva-dark {
	color: #a52210;
}

.text-utva {
	color: #fded14;
}

.text-utva-light {
    color: #FEFAC2;
}

.bg-utva-dark {
    background-color: #a52210;
}
.bg-utva {
    background-color: #fded14;
}
.bg-utva-light {
    background-color: #FEFAC2;
}

/******************[ END COLORS ]***********************/