/* funcionalidad */

body:not(.visitante) .visible_visitante, 
body:not(.autenticado) .visible_autenticado, 
body:not(.ordinario) .visible_ordinario,
body:not(.administrador) .visible_administrador {
   display: none;
}

body.pendientes #contenedor_tabla_terminados, 
body.terminados #contenedor_tabla_pendientes {
   display: none;
}

/* general */

* {
   font-family: Arial;
}

input.readonly {
   background-color: #eee;
}

table {
   word-wrap: break-word;
   width: 100%;
}

tbody tr th {
   overflow: hidden;
   white-space: normal;
   word-wrap: break-word;
   vertical-align: middle;
   padding-left: 40px;
}

tbody td > div.btn {
   padding: 0px;
   white-space: pre;
}

tbody tr td:not(#drop-btn) {
   overflow: hidden;
   white-space: normal;
   word-wrap: break-word;  
}

tbody tr td {
   text-align: left;
   vertical-align: middle;
}

fieldset {
   width: 100%;
   padding: 8px 0px;
}

#modalAlertaMensaje {
   white-space: pre-wrap;
}

#radio_terminados, #seleccion_usuario {
   margin-left: 15px;
}

#boton_agregar {
   float: right;
}

#seleccion_usuario {
   max-width: 485px;
   overflow-x: clip;
}

#seleccion_usuario:first-child {
   min-width: 300px;
}

#seleccion_firmante {
   width: 100%;
}

#seleccion_firmante div:first-child {
   width: 100%;
   overflow-x: clip;
}

#div_opciones_usuario, #div_opciones_firmante {
   max-height: 300px;
   overflow-y: scroll;
}

#firmas {
   overflow: initial;
   white-space: initial;
}

#seccion-invitados {
   display: flex;
   flex-flow: column;
   overflow-y: scroll;
   height: 10vh;
   gap: 5px;
   font-size: small ;
}

.documentos {
   overflow-y: scroll;
   height: 60vh;
}

.persona-invitada {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

.persona-invitada div:hover {
   transition: ease-in-out .1s;
   color: #9F2241;
   cursor: pointer;
}

/* search-select */

.search-select {
   display: inline-block;
}

.search-select.show {
   display: inline-block !important;
}

.search-select .dropdown-menu {
   width: 600px;
}

.search-select button, .search-select ul, .search-select input {
   width: 100%;
}

.search-select button {
   text-align: left;
}

.search-select button i {
   float: right;
}

/* override gbmx */

.container_override {
   width: 75vw;
   margin: 75px auto;
   overflow: auto;
}

.container_override table {
   display: table;

   width: 100%;
}

.container_override .row {
   margin: 0px;
}

/* modo masivo */

main.modo_masivo .modo_simple, main.modo_simple .modo_masivo {
   display: none;
}
main.modo_simple #boton_firmar_masiva {
   visibility: hidden;
}

#span_masiva {
   display: inline; 
   padding: 0px; 
   position: relative; 
   left: 75px;
}
#boton_firmar_masiva {
   position: relative; 
   left: 95px;
}

.custom-control-label {
   font-weight: normal !important;
}
.custom-control-label::before {
   top: 7px !important;
}
.custom-control-label::after {
   top: 9px !important;
}

input[type=checkbox].modo_masivo {
   margin: 20px 25px;
}