/* Variables de los colores página */
:root {
	--verde:  #4BAB2B;
	--gris-claro: #F6F8FE;
	--gris-oscuro: #212945;
	--gris: #474D61;
	--gris-medio: #EBEEF7;
	--gris-medio-dos: #F6F8FE;
	--rojo: #DB0101;
	--amarillo: #FFA800;
	--amarillo-opaco: #F5950D;
	--naranja: #FF7A00;
	--morado-oscuro:#2F3C6A;
	--celeste:#00B2FF;
	--celeste-opaco:#10A9E5;
	--gris-oscuro-dos:#888CA6;
	--azul-asegire:#0F1F2A;
	--morado:#4E279F;
	--morado-opaco:#4B30A4;
	--azul:#066296;
	--gris-borde:#888CA6;
	--gris-tono:#8B91A1;
	--verde-contraste:#3E8D23;
	--magenta:#D30C7B;
	--magenta-opaco:#BC0B6E;
	--zatinado:#69385C;
	--cafe:#C2714F;
	--cafe-opaco:#BA6D54;
	--azul-metalico:#696047;
	/*--selva:#313715;*/
	
	--selva:#13505B;
	
}


/* Colores de fondo con prioridad */
.bg-gris-tono-imp {
    background-color: var(--gris-tono)!important;
}
.bg-gris-medio-dos-imp {
    background-color: var(--gris-medio-dos)!important;
}
.bg-morado-oscuro-imp {
    background-color: var(--morado-oscuro)!important;
}
.bg-celeste-imp {
    background-color: var(--celeste)!important;
}

.bg-gris-oscuro-dos-imp {
    background-color: var(--gris-oscuro-dos)!important;
}
.bg-azul-asegire-imp {
    background-color: var(--azul-asegire)!important;
}
.bg-morado-imp {
    background-color: var(--morado)!important;
}
.bg-amarillo-imp {
    background-color: var(--amarillo)!important;
}
.bg-azul-imp {
    background-color: var(--azul)!important;
}

/*magenta*/
.bg-magenta-imp {
    background-color: var(--magenta)!important;
}

/*magenta*/
.bg-magenta-opaco-imp {
    background-color: var(--magenta-opaco)!important;
}

/*magenta*/
.bg-amarillo-opaco-imp {
    background-color: var(--amarillo-opaco)!important;
}

/*magenta*/
.bg-celeste-opaco-imp {
    background-color: var(--celeste-opaco)!important;
}

/*magenta*/
.bg-morado-opaco-imp {
    background-color: var(--morado-opaco)!important;
}

/*magenta*/
.bg-cafe-opaco-imp {
    background-color: var(--cafe-opaco)!important;
}

.bg-cafe-imp {
    background-color: var(--cafe)!important;
}




.bg-gris-oscuro-imp {
    background-color: var(--gris-oscuro)!important;
}


/* Colores botones estado */


.bg-gris-tono-imp {
    background-color: var(--gris-tono)!important;
}
.bg-gris-medio-dos-imp {
    background-color: var(--gris-medio-dos)!important;
}
.bg-morado-oscuro-imp {
    background-color: var(--morado-oscuro)!important;
}
.bg-celeste-imp {
    background-color: var(--celeste)!important;
}

.bg-gris-oscuro-dos-imp {
    background-color: var(--gris-oscuro-dos)!important;
}
.bg-azul-asegire-imp {
    background-color: var(--azul-asegire)!important;
}
.bg-morado-imp {
    background-color: var(--morado)!important;
}
.bg-amarillo-imp {
    background-color: var(--amarillo)!important;
}
.bg-azul-imp {
    background-color: var(--azul)!important;
}
.bg-gris-oscuro-imp {
    background-color: var(--gris-oscuro)!important;
}



/*gris*/
.btn-bg-gris-oscuro-imp {
    background-color: var(--gris-oscuro)!important;
}
.btn-bg-gris-oscuro-imp:hover {
    background-color: #1E253F!important;
}
.btn-bg-gris-oscuro-imp:focus {
    background-color: #1E253F!important;
}

/* azul */
.btn-bg-azul-imp {
    background-color: var(--azul)!important;
}
.btn-bg-azul-imp:hover {
    background-color: #055988!important;
}
.btn-bg-azul-imp:focus {
    background-color: #055988!important;
}

/*amarillo*/
.btn-bg-amarillo-imp {
    background-color: var(--amarillo)!important;
}
.btn-bg-amarillo-imp:hover {
    background-color: #E89900!important;
}
.btn-bg-amarillo-imp:focus {
    background-color: #E89900!important;
}

/*gris tono*/
.btn-bg-gris-tono-imp {
    background-color: var(--gris-tono)!important;
}

.btn-bg-gris-tono-imp:hover {
    background-color: #7E8492!important;
}

.btn-bg-gris-tono-imp:focus {
    background-color: #7E8492!important;
}

/*gris medio dos*/
.btn-bg-gris-medio-dos-imp {
    background-color: var(--gris-medio-dos)!important;
}
.btn-bg-gris-medio-dos-imp:hover {
    background-color: #E0E1E7!important;
}
.btn-bg-gris-medio-dos-imp:focus {
    background-color: #E0E1E7!important;
}
/*morado oscuro*/
.btn-bg-morado-oscuro-imp {
    background-color: var(--morado-oscuro)!important;
}
.btn-bg-morado-oscuro-imp:hover {
    background-color: #2B3760!important;
}
.btn-bg-morado-oscuro-imp:focus {
    background-color: #2B3760!important;
}
/*celeste*/
.btn-bg-celeste-imp {
    background-color: var(--celeste)!important;
}
.btn-bg-celeste-imp:focus {
    background-color: #00A2E8!important;
}
.btn-bg-celeste-imp:hover {
    background-color: #00A2E8!important;
}
/*gris oscuro dos*/
.btn-bg-gris-oscuro-dos-imp {
    background-color: var(--gris-oscuro-dos)!important;
}
.btn-bg-gris-oscuro-dos-imp:hover {
    background-color: #7C7F97!important;
}
.btn-bg-gris-oscuro-dos-imp:focus {
    background-color: #7C7F97!important;
}

/*azul asegire*/
.btn-bg-azul-asegire-imp {
    background-color: var(--azul-asegire)!important;
}
.btn-bg-azul-asegire-imp:focus {
    background-color: #0E1C26!important;
}
.btn-bg-azul-asegire-imp:hover {
    background-color: #0E1C26!important;
}
/*morado*/
.btn-bg-morado-imp {
    background-color: var(--morado)!important;
}
.btn-bg-morado-imp:hover {
    background-color: #472391!important;
}
.btn-bg-morado-imp:focus {
    background-color: #472391!important;
}

/*rojo*/
.btn-bg-rojo-imp {
    background-color: var(--rojo)!important;
}
.btn-bg-rojo-imp:hover {
    background-color: #C70101!important;
}
.btn-bg-rojo-imp:focus {
    background-color: #C70101!important;
}

/*naranja*/
.btn-bg-naranja-imp {
    background-color: var(--naranja)!important;
}
.btn-bg-naranja-imp:hover {
    background-color: #E86F00!important;
}
.btn-bg-naranja-imp:focus {
    background-color: #E86F00!important;
}

/*verde*/
.btn-bg-verde-imp {
    background-color: var(--verde)!important;
}
.btn-bg-verde-imp:hover {
    background-color: #449B27!important;
}
.btn-bg-verde-imp:focus {
    background-color: #449B27!important;
}

/*verde contraste*/
.btn-bg-verde-contraste-imp {
    background-color: var(--verde-contraste)!important;
}
.btn-bg-verde-contraste-imp:hover {
    background-color: #388020!important;
}
.btn-bg-verde-contraste-imp:focus {
    background-color: #388020!important;
}

/*cafe*/
.btn-bg-cafe-imp {
    background-color: var(--cafe)!important;
}

/*magenta*/
.btn-bg-magenta-imp {
    background-color: var(--magenta)!important;
}

/*azul-metalico*/
.btn-bg-azul-metalico-imp {
    background-color: var(--azul-metalico)!important;
}

/*zatinado*/
.btn-bg-zatinado-imp {
    background-color: var(--zatinado)!important;
}

/*selva*/
.btn-bg-selva-imp {
    background-color: var(--selva)!important;
}
































/* estilos con prioridad */


.btn-style-imp {
    padding: 10px 20px !important;
    gap: 10px !important; 
    border-radius: 8px !important;
    border-style: none !important;
    display:flex !important;
}

.btn-style-estado-imp {
    padding: 5px !important;
    gap: 10px !important; 
    border-radius: 14px !important;
    border-style: none !important;
    display:flex !important;
    width: 173px!important;
height: auto!important;
}


.btn-style-tabla-imp {
    padding: 5px !important;
    border-radius: 14px !important;
    border-style: none !important;
    display:flex !important;
}

.btn-style-desktop-imp {
    padding: 6px 12px;
border-radius: 8px;
    border-style: none !important;
    display:flex !important;
}

span.ui-messages-error-icon > ul {
	display: flex !important;
    flex-direction: column!important;
}

















.verde {
	color: var(--verde);
}

.verde-imp {
	color: var(--verde) !important;
}

.bg-verde {
	background-color: var(--verde);
}

.bg-verde-imp {
	background-color: var(--verde) !important;
}

.bg-rojo-imp {
	background-color: var(--rojo) !important;
}

.bg-rojo-imp {
	background-color: var(--rojo) !important;
}

.bg-naranja-imp {
	background-color: var(--naranja) !important;
}

.bg-gris-imp {
	background-color: var(--gris) !important;
}

.bg-gris-medio {
	background-color: var(--gris-medio) !important;
}

.alinear-texto-centro {
	text-align: center !important;
}





.ui-datatable-scrollable-header {
	/*width:100% !important;*/
	background-color:var(--gris-claros) !important;
}
.ui-datatable-header {
	/*width:100% !important;*/
	background-color:var(--gris-claros) !important;
}
body .ui-datatable thead th {
	background-color:var(--gris-claros) !important;
}

body .ui-datatable .ui-datatable-data>tr{
	background-color:var(--gris-claros) !important;
	width:100% !important;
}
/*.ui-datatable-scrollable-body {
	width:100% !important;
}*/

td.titulos-tablas {
	font-family: 'Inter'!important;
font-style: normal!important;
font-weight: 400!important;
font-size: 14px!important;
line-height: 20px!important;
color: var(--gris)!important;
text-align: center!important;
}


body .ui-datatable .ui-datatable-footer {
    background-color: rgb(235, 238, 247)!important;
    border: unset !important;
    border-width: unset !important;
    color: unset !important;
    padding: unset !important;
    font-weight: unset !important;
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
    margin-top:20px;
    display: flex;
    flex-direction: row-reverse;
}

.label-mini {
width:80%!important;	
}


.ui-inputtextarea {
    width: 100%;
}

body .ui-radiobutton .ui-radiobutton-box {
    border: 1px solid #ced4da;
    border-width: 2px;
    background: #fff;
    width: 14px;
    height: 14px;
    text-align: center;
    position: relative;
    border-radius: 4px;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #2196f3;
    background: unset;
    color: #fff;
    width: 14px;
    height: 14px;
    border-radius: 1px;
}
.ui-messages-error{
	display:flex!important;
}

span.ui-fileupload-simple span.ui-button {
	
    background: unset!important;
    color: #fff;
    border: unset!important;
    margin: 0;
    outline: 0 none;
    border-radius: 4px;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
    font-family: Inter !important;
    font-style: normal!important;
    font-weight: 700!important;
    font-size: 14px!important;
    line-height: 19px!important;
}



span.ui-fileupload-simple span.ui-button span.ui-button-text {
	
    padding-top:unset!important;
    padding-bottom:unset!important;
    

}





.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none!important;
    box-shadow: none!important;
}

.navbar-toggler {
	outline: none!important;
    box-shadow: none!important;
    padding:0px!important;
    border: none!important;
	
}

.fotos-flex {
    column-gap: 20px!important;

}

.ui-selectoneradio label {
	font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: var(--gris);
	
}

body .ui-widget {
    font-family: Inter !important;
    font-size: 16px!important;
    text-decoration:unset !important;
}

div.btn-foto span.ui-button {
	 
    background: #4BAB2B!important;
    color: #fff;
    border: unset!important;
    margin: 0;
    outline: 0 none;
    border-radius: 8px;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
    padding-top: 6px!important;
    padding-bottom: 6px!important;
        display: flex;
    align-items: center;
    font-style: normal!important;
    font-weight: 700!important;
    font-size: 16px!important;
    padding-left: 8px;

	
}

/*.ui-datatable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: unset!important;
}*/


body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background: #4BAB2B!important;
    background-image: url("/iconos/check_ok.svg")!important;
}

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    
    border-radius: unset!important;
}

div.tabla-historial tbody {
	background-color:#F6F8FE;
}

span.mundo a.ui-spinner-button{
    background: var(--verde);
    color: #fff;
    border: 1px solid var(--verde);
    margin: 0;
    outline: 0 none;
    border-radius: 4px;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}

body .ui-button {
	border: none !important;
	
	}
	
	
div.btn-bg-amarillo-imp span.ui-button-text {
	color:white;
	
}


body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #4BAB2B!important;
    background: #4BAB2B!important;
    color: #fff;
}


.dialog-base.ui-dialog {
    max-width: 100%!important;
      width: 100%!important;
    height: 100vh!important;
     left: 0!important;
    top: 0px!important;
}