/* VARIABLES */
:root{
    /* COLORES */
    --color_UEES: #791632;
    --color_UEES_light: #b02e57;
    --color_gray_light: #DFDFDF;
    --color_WHITE: #FFFFFF;
    --color_BLACK_light: #111111;
    --color_GRAY_BorderInputs: #CCCCCC;
    /** PROPIEDADES TRANSLATE **/
    --prop_translate_btn_region: translateX(8px);
    --prop_translate_btn_X: translateX(-5px);
    --prop_translate_btn_Y: translateY(-3px);
    --prop_translate_btn_ctrl_shuttle: translateY(-3px);
    /** PROPIEDAD BOX-SHADOW  **/
    --prop_box_shadow: 0px 0px 10px 5px var(--color_GRAY_BorderInputs);
    /** PROPIEDADES TRANSITION **/
    --prop_transition: .3s ease-in-out;
}

/* esto */
/* div#containerRegionDetalle #R3249812013386318431,
#R3209187411672138715 {
    box-shadow: var(--prop_box_shadow);
} */
/* 
div#container_Title_Facultad {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 10px;
}
div#containerDetalle {
    margin-top: 20px;
}*/

/* otros datos */

*,
:focus {
    outline: none !important;
}

button.ui-button {
    color: var(--color_BLACK_light) !important;
}

.ui-tooltip {
    background: var(--color_UEES);
    color: var(--color_WHITE);
    border-radius: 12px;
    /* font-family: system-ui; */
}

/* .apex-item-wrapper--display-only span {
    border: none !important;
    text-decoration: none !important;
} */

.t-NavTabs-link{
    text-decoration: none !important;
    padding-bottom: 18px !important;
}

.t-NavTabs,
.t-NavTabs-item{
    font-size: 16px !important;
}

/* li.t-NavTabs-item:hover,
li.t-NavTabs-item.is-active {
    background: var(--color_NAVTAB_ACTIVE) !important;
} */

/* span.t-NavTabs-label {
    white-space: pre-line;
    text-decoration: none !important;
} */

.a-IRR-tableContainer {
    border-radius: 16px;
}

.swal2-confirm.swal2-styled{
    background: var(--color_UEES) !important;
}

.swal2-actions button{
    transition: var(--prop_transition);
}

.swal2-actions button:hover {
    transform: var(--prop_translate_btn_Y);
    transition: var(--prop_transition);
}

.t-Login-title{
    color: var(--color_WHITE);
}

/* SCROLL PARA CLASSIC REPORT */
.t-Report {
    border-radius: 16px;
    overflow-x: scroll;
}

.a-IRR-table tr th:first-child {
    border-radius: 16px 0px 0px 0px;
}
.a-IRR-table tr th:last-child {
    border-radius: 0px 16px 0px 0px;
}

.a-IRR-container {
    margin-top: 10px;
}

.t-Region{
    border-radius: 16px;
}

.t-Region-header,table th a,.a-GV-table th,th.a-IRR-header{
    background: var(--color_UEES) !important;
    color: var(--color_WHITE) !important;
    text-transform: uppercase;
    /* border-radius: 16px 16px 0px 0px; */
}
th.a-IRR-header{
    background: var(--color_UEES) !important;
}

.t-Region-title {
    color: var(--color_WHITE);
    text-align: center;
    font-weight: 700;
}

/* LABEL DE LOS INPUT Y CHECKBOX*/
.t-Dialog  .t-Dialog-body .t-Form-labelContainer .t-Form-label,
.t-Form-labelContainer .t-Form-label,
.apex-item-single-checkbox label{
    font-weight: 700;
}

/* IMAGEN O FOTO PARA C/REGISTRO */
td.u-tR img,
td.u-tC img,
td.t-Report-cell img,
table td img {
    width: 100px;
    /* height: 100px; */
}

input {
    outline: none !important;
    opacity: 100% !important;
}

/*INPUT*/
.t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper input {
    background: var(--color_WHITE);
    border-radius: 16px;
}

.apex-item-text.apex-item-datepicker {
    border-radius: 16px 0px 0px 16px !important;
}

/* ICONO DEL INPUT */
.apex-item-icon {
    background: var(--color_UEES) !important;
    border-radius: 16px 0px 0px 16px !important;
    color: var(--color_WHITE);
    margin-right: 5px;
}

button.a-Button.a-Button--calendar{
    background: var(--color_UEES) !important;
    border-radius: 0px 16px 16px 0px;
    color: var(--color_WHITE);
}

body .ui-widget.a-DevTools .a-PropertyEditor-propertyGroup-button{
    background-color: transparent !important;
}

/* INPUT DE TIPO DISPLAY-ONLY */
.display_only.apex-item-display-only {
    border: 1px solid var(--color_GRAY_BorderInputs) !important;
    background-color: var(--color_WHITE);
    border-radius: 16px;
    text-decoration: none !important;
    /* font-weight: normal !important; */
}

/* INPUT DE TIPO TEXTAREA - SELECTLIST - MULTISELECTLIST*/
.textarea.apex-item-textarea,
.selectlist.apex-item-select,
.apex-item-multi {
    background: var(--color_WHITE);
}

/* BOTON DEL POPUP-LOV */
.a-Button.a-Button--popupLOV{
    background: var(--color_UEES) !important;
    color: var(--color_WHITE);
    right: 4%;
    border-radius: 0px 16px 16px 0px;
}

/*ITEMS DEL POPUP-LOV*/
.a-IconList-item{
    /* text-transform: uppercase; */
}

/* ESCOGEDOR DE ARCHIVOS (CHOOSE FILE) */
.apex-item-filedrop {
    background: var(--color_WHITE);
}

.a-Button--shuttle{
    transition: var(--prop_transition);
    border: 1px dashed var(--color_UEES);
}

.a-Button--shuttle:hover{
    background-color: var(--color_UEES);
    color: var(--color_WHITE);
    font-weight: 700;
    transform: var(--prop_translate_btn_ctrl_shuttle);
    transition: var(--prop_transition);
}

/* BODY DE LOS SHUTTLE */
.shuttle_left.apex-item-select,
.shuttle_right.apex-item-select {
    background: var(--color_WHITE);
}

/* OPCIONES DE SHUTTLE [ROLES] */
.shuttleSelect1 select option,
.shuttleSelect2 select option{
    font-weight: 600;
    font-size: 13px;
}

.shuttleSelect1 select option:hover,
.shuttleSelect2 select option:hover{
    background-color: var(--color_UEES);
    color: var(--color_WHITE);
}

.apex-item-wrapper--shuttle .t-Form-labelContainer .t-Form-label,
.rol_assigned,
.t-Form-itemText.t-Form-itemText--post  {
    color: var(--color_BLACK_light);
    font-size: 14px;
    text-decoration: 2px solid overline var(--color_UEES);
}

.t-Form-itemText.t-Form-itemText--post {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-left: 55%;
    margin-top: 1%;
    font-weight: bold;
}

/* LABEL ROLES DISPONIBLES */
.apex-item-wrapper--shuttle .t-Form-labelContainer .t-Form-label{
    margin-left: 5%;
}

/* CONTENEDOR DEL INPUT SELECTOR DE FECHA */
.oj-inputdatetime-input-trigger {
    border-radius: 0px !important;
    /* right: 2% !important; */
}

/* INPUT DEL SELECTOR DE FECHA DATE*/
.oj-inputdatetime-input.oj-text-field-input {
    border-radius: 16px 0px 0px 16px !important;
}

/* ICONO DEL INPUT SELECTOR DE FECHA [CALENDAR] */
.oj-inputdatetime-calendar-icon.oj-clickable-icon-nocontext {
    background: var(--color_UEES) !important;
    color: var(--color_WHITE) !important;
}

/* ICONO DEL SELECCIONADOR DE ARCHIVO */
.apex-item-filedrop-icon {
    background: var(--color_UEES)  !important;
    color: var(--color_WHITE) !important;
    border-radius: 0px 16px 16px 0px;
}

/* BOTONES */
.t-Button--iconLeft{
    transition: var(--prop_transition);
}

/* EFECTO HOVER PARA LOS BOTONES */
.t-Button--iconLeft:hover{
    transform: var(--prop_translate_btn_X);
    transition: var(--prop_transition);
}

/*BOTON ELIMINAR*/
.t-Button--danger{
    margin-left: 50px !important;
}

.oj-datepicker-content{
    background: var(--color_WHITE);
}

/* ICONOS DE AYUDA [HELP-BUTTON] */
.t-Form-helpButton {
    background-color: var(--color_UEES) !important;
    color: var(--color_WHITE);
    font-weight: 700;
}

.t-Form-helpButton:hover{
    color: var(--color_BLACK_light);
    /* box-shadow:  var(--prop_box_shadow); */
}

/* TEXTO DE LOS MENSAJES DE AYUDA */
.apex-help-dialog{
    color: var(--color_BLACK_light);
    /* font-weight: 600; */
}

.ui-dialog.ui-dialog--modern .ui-dialog-content {
    background: var(--color_UEES);
    color: var(--color_WHITE);
    font-weight: 700;
}

/* BOTONES CANCELAR Y ACTUALIZAR */
.ui-dialog-buttonpane button:nth-child(1),
.ui-dialog-buttonpane button:nth-child(2) {
    font-weight: 700;
    margin-right: 15px;
    transition: var(--prop_transition);
}

.ui-dialog-buttonpane button:nth-child(1):hover,
.ui-dialog-buttonpane button:nth-child(2):hover {
    transition: var(--prop_transition);
    transform: var(--prop_translate_btn_Y);
}

/*** BOTON CANCELAR ***/
.ui-dialog-buttonpane button:nth-child(1) {
    background:var(--color_UEES) !important;
    color: var(--color_WHITE) !important;
}

.ui-dialog-buttonpane button:nth-child(2){
    background: var(--color_UEES) !important;
    color: var(--color_WHITE) !important;
}

.t-Button--primary {
    color: var(--color_WHITE);
}

.ui-dialog button{
    background: var(--color_WHITE) !important;
    color: var(--color_BLACK_light);
    transition: var(--prop_transition);
}

/* CLASSIC REPORT */
.t-Report .t-Report-colHead,
.t-Report .t-Report-colHead a{
/*     background-color: var(--color_UEES);
    color: var(--color_WHITE); */
    text-transform: uppercase;
}

/*CLOCKPICKER*/
.containerReloj{
    padding: 0px;
    margin-left: -2%;
}
.containerReloj .t-Form-fieldContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
.containerReloj .t-Form-itemText--pre{
    display: flex;
    justify-content: center;
    /* align-items: center; */
    font-weight: 700;
    margin-left: 10%;
}
.containerReloj input {
    padding: 3% 7%;
}
.popover.clockpicker-popover{
    top: 0% !important;
}
.containerReloj  i.fa.fa-clock-o {
    margin: 8px;
}
.containerReloj input {
    border: 1px solid var(--color_GRAY_BorderInputs);
}

/* CONTADOR [REDUCE Y ADD] */
.container_inputContador .t-Form-fieldContainer .t-Form-inputContainer .t-Form-itemWrapper input{
    border-radius: 0px !important;
}
.btn__reduce, .btn__add {
    font-weight: bold;
    font-size: 1.1em;
}
.btn__reduce:hover, .btn__add:hover{
    cursor: pointer;
    transition: var(--prop_transition);
}

.containerContentCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* PARA LAS REGIONES DEL PREVIEW IMAGE */
.container_global_image .t-Region-body,
.container_imagen .t-Region-body{
    padding-top: 0px !important;
}
.container_preview_img,
.container_displayImage{
    text-align: center;
}
.container_displayImage .t-Form-fieldContainer{
    display: flex;
}
.container_displayImage img{
    width: 280px !important;
    height: 250px !important;
    border: 1px solid var(--color_BLACK_light) solid;
    background-color: #ffffffba;
}

/* PARA IMAGENES QUE SE MUESTRAN EN EL MODAL */
.container_modal_img {
    padding: 0px;
    margin: 0px;
}
.container_modal_img .t-Report-colHead,
.container_modal_img table.t-Report-pagination.t-Report-pagination--bottom  {
    display: none;
}
/* Para ocultar el scroll de la imagen */
.container_modal_img .t-Report{
    overflow: hidden;
}

/* TABS */
.t-Tabs.t-Tabs--simple.a-Tabs{
    margin-bottom: 5px;
}
.t-Tabs-item.a-Tabs-selected.is-active {
    background: var(--color_UEES);
    border-radius: 10px;
}
a.t-Tabs-link {
    /* padding: 10px !important; */
    /* font-size: 1.2em !important; */
}
.t-Tabs {
    font-weight: 600;
}
.t-Tabs-item.a-Tabs-selected.is-active a {
    color: var(--color_WHITE);
}
.t-Tabs--simple .is-active .t-Tabs-link {
    color: var(--color_WHITE);
/*     box-shadow: 0 calc(var(--ut-tabs-item-active-highlight-width,0.225rem) * -1) 0 var(--ut-tabs-item-active-highlight-color,currentColor) inset; */
    /* border-top: 0.325rem var(--color_YELLOW_light) solid; */
    border-bottom: 0.125rem var(--color_UEES) solid;
    border-radius: 16px;
    /* box-shadow: 0px 0px 2px 5px var(--color_BLACK_light);  */
    /* border: 0.325rem solid var(--color_BLACK_light); */
    background-color: var(--color_UEES);
    transition: var(--prop_transition);
    text-shadow: none;
}
.t-Tabs-link {
    color: var(--color_UEES);
    font-size: .8rem;
    font-weight: 700;
    margin: 2px;
    margin-bottom: 10px;
    transition: var(--prop_transition);
    /* text-shadow: 1.2px 1.2px var(--color_BLACK_light); */
}

/* ---------------- CARDS ----------------- */
.a-CardView-items {
    /* display: flex; */
}
.t-Card,
.a-CardView{
    box-shadow: 0px 0px 8px 2px var(--color_GRAY_BorderInputs);
}
.a-CardView {
    background: var(--color_UEES);
    border-radius: 16px;
    margin-top: 10px;
    transition: var(--prop_transition);
}
.a-CardView:hover {
    transition: var(--prop_transition);
    transform: var(--prop_translate_cards);
}
.a-CardView-title {
    color: var(--color_WHITE);
}
.a-CardView-subTitle {
    color: var(--color_WHITE);
    margin-top: 12px !important;
}
.a-CardView-badge {
    background: var(--color_WHITE);
    margin-top: 10px;
}
.a-CardView-body{
    color: var(--color_WHITE);
}

/* div#P9999_PERSISTENT_AUTH_CONTAINER label {
    color: var(--color_WHITE);
} */

.MsjNoDataFound {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 5px;
    text-align: center;
}

.text_consult{
    font-family: monospace;
    font-weight: 700;
    color: var(--color_UEES);
}

/* PRE-TEXT COMO LABEL | EN TEXTFIELD ABOVE */
.preText_above .t-Form-labelContainer {
    padding: 0px;
    margin: 0px;
    margin-bottom: -15px;
}

.preText_above .textarea.apex-item-textarea, 
.preText_above .selectlist.apex-item-select, 
.preText_above .apex-item-multi {
    width: 50%;
}

.preText_above span.t-Form-itemText.t-Form-itemText--pre {
    font-size: .95em;
    font-weight: 600;
    /* margin-right: 5px; */
    width: 50%;
}

.preText_above .t-Form-itemText.t-Form-itemText--post {
    position: unset;
    margin-left: -3%;
    margin-top: unset;
    align-items: center;
    background: var(--color_UEES);
    color: var(--color_WHITE);
    border: var(--color_UEES);
    border-radius: 0px 16px 16px 0px;
    padding: 4px 8px;
    z-index: 1;
}


.preText_above .t-Form-inputContainer input,
.preText_above .t-Form-inputContainer select {
    border: 1px solid var(--color_UEES) !important;
    /* margin-left: 30%; */
}

.preTextColorBold .t-Form-labelContainer {
    display: none;
}

.preTextColorBold span.t-Form-itemText.t-Form-itemText--pre {
    color: var(--color_UEES);
    font-size: 1.1em;
    font-weight: bold;
}

.preTextColorBold .display_only.apex-item-display-only{
    font-size: 1.1em;
    font-weight: bold;
}

span.t-Form-itemText.t-Form-itemText--pre{
    font-weight: bold;
}

.checkLabelBottom .t-Form-fieldContainer{
    padding: 0px;
}
.checkLabelBottom span.t-Form-itemText.t-Form-itemText--post {
    margin-left: unset;
    margin-right: 2px;
    align-items: unset;
    background: unset;
    color: unset;
    font-size: 12px;
    text-decoration: unset;
    padding: unset;
    text-align: center;
    white-space: nowrap;
    margin-top: 20%;
}
.checkLabel_left span.t-Form-itemText.t-Form-itemText--post {
    margin-left: unset;
    margin-right: 2px;
    margin-top: 15px;
    align-items: unset;
    background: unset;
    color: unset;
    font-size: 12px;
    text-decoration: unset;
    padding: unset;
    text-align: center;
    white-space: nowrap;
}
.checkLabelBottom .t-Form-itemWrapper {
    display: flex;
    flex-direction: column;
}
.checkLabelBottom .apex-item-single-checkbox {
    margin-bottom: 20px;
}
.checkLabelBottom span.t-Form-itemText.t-Form-itemText--post {
    margin-bottom: 20%;
}

/* PARA TITULOS EN DISPLAY ONLY -  DEFAULT - STATIC VALUE */
.titleDetalle{
    display: flex;
    justify-content: center;
    align-items: center;
}

.titleDetalle .display_only.apex-item-display-only{
    text-decoration: 2px solid var(--color_UEES) overline !important;
    font-size: 1.3rem;
    font-weight: bold !important;
    border: none !important;
}

.text-not-bold{
    font-weight: normal;
}

.itemTextTitle .display_only.apex-item-display-only {
    border: none !important;
    font-weight: bold !important;
    color: var(--color_UEES);
    font-size: 1.2em;
}

.text_no_dataFound{
    color: var(--color_UEES);
    font-size: 30px;
    font-weight: 500;
}

.containerMsjNoDataFoundPage{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* --------------- MANTENIMIENTO ------------------ */
/* TITULO DEL MENSAJE DE AYUDA */
.ui-dialog-titlebar,
.t-Region-header {
    background: var(--color_UEES) !important;
    color: var(--color_WHITE);
    margin-bottom: 5px;
}

.ui-dialog-title,
.t-Region-title {
    color: var(--color_WHITE);
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
}