/*
Style-rjr.css
Archivo que contiene maquetación adicional para el sistema
Nuevo 11-08-2024
Agregada configuracion para compatibilidad con bootstrap 5
-------------------------------------------------------
License
-------------------------------------------------------
• New BSD License
-------------------------------------------------------
*/

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
/* DIVISORES */
hr.dashed {
    border-top: 2px dashed #999;
}

hr.dotted {
    border-top: 2px dotted #999;
}

hr.solid {
    border-top: 2px solid #999;
    opacity: 0.5;
}

hr.hr-text {
  position: relative;
    border: none;
    height: 1px;
    background: #999;
}

hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    color: #999;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* tabs */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #ced4da;
    border-color: gray;
}

/* tablas */
table thead {
    background-color: #ced4da;
    border-color: gray;
}

/* DataTables Buttons centrado */
.text-center .dt-buttons {
    display: inline-block !important;
    float: none !important;
}

/* Input group estilo OneUI */
.input-group {
    border-radius: 0.375rem;
    overflow: hidden;
}

.input-group .form-control.form-control-alt {
    border-radius: 0;
    border-color: #ebeef2 !important;
    background-color: #ebeef2 !important;
    transition: none;
}

.input-group .form-control.form-control-alt:focus {
    border-color: #dde2e9 !important;
    background-color: #dde2e9 !important;
    box-shadow: none;
}

.input-group .form-control.form-control-alt[readonly] {
    background-color: #ebeef2 !important;
    cursor: pointer;
}

.input-group .btn {
    border-radius: 0;
    border-color: #334155;
    background-color: #334155;
    color: #fff;
}

.input-group .btn:hover {
    background-color: #475569;
    border-color: #475569;
}

.input-group .btn:first-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.input-group .form-control.form-control-alt:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.input-group .form-control.form-control-alt {
    border-radius: 0;
    border-color: #ebeef2;
    background-color: #ebeef2;
}

.input-group .form-control.form-control-alt:focus {
    border-color: #dde2e9;
    background-color: #dde2e9;
    box-shadow: none;
}

.input-group .btn {
    border-radius: 0;
}

.input-group .btn:first-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.input-group .form-control.form-control-alt:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}