.resaltar-radio {
    background-color: rgba(255, 0, 0, 0.2);
    border: 2px solid red;
    border-radius: 8px;
    margin: 0;
}

.card-hover.bg-body-secondary:hover {
    background-color: var(--bs-secondary) !important; /* Cambia al color de fondo de Bootstrap "secondary" */
    color: var(--bs-dark) !important; /* Cambia al color de fondo de Bootstrap "secondary" */
}

.btn-secondary-hover:hover {
    background-color: var(--bs-primary) !important; /* Cambia al color de fondo de Bootstrap "secondary" */
    color: var(--bs-light) !important; /* Cambia al color de fondo de Bootstrap "secondary" */
}

.text-bg-primary::placeholder {
    color: var(--bs-secondary); /* Usa el color secundario */
    opacity: 1; /* Totalmente visible */
}

ul.errors {
    font-size: 90%;
    font-weight: lighter;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: justify;
    width: 100%;
}
ul.errors li {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: red;
}
/*
Seleccion Fila con border y CON color de fondo
*/
table.table tbody tr.row_selected td,
table.table tbody tr.row_selected td {
    /*
    background: #008CBA;
    color: #FFF;
    */
    background: #D7EAF9;
    color: #000 !important;

    border-top: 1px solid #66AFE9;
    border-bottom: 1px solid #66AFE9;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
table.table tbody tr.row_selected td:first-child,
table.table tbody tr.row_selected td:first-child {
    border-left: 1px solid #66AFE9;
}
table.table tbody tr.row_selected td:last-child,
table.table tbody tr.row_selected td:last-child {
    border-right: 1px solid #66AFE9;
}
/*
Seleccion solo border sin color de fondo
*/
table.table tbody tr.row_selected_only_border td {
    /* background:rgb(128,128,128); */
    /* background: transparent; */
    /* background:rgba(128,128,128,0.1); */
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); */
    /*
    zoom: 1;
    z-index: -1;
    */
    border-top: 1px solid darkblue;
    border-bottom: 1px solid darkblue;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
table.table tbody tr.row_selected_only_border td:first-child{
    border-left: 1px solid darkblue;
}
table.table tbody tr.row_selected_only_border td:last-child {
    border-right: 1px solid darkblue;
}
/*
colgroup col.success {
    background-color: #dff0d8;
    border: 1px solid black;
}
colgroup col.error{
    background-color: #f2dede;
    border: 1px solid black;
}
colgroup col.danger{
    background-color: #f2dede;
    border: 1px solid black;
}
colgroup col.warning {
    background-color: #fcf8e3;
    border: 1px solid black;
}
colgroup col.info {
    background-color: #d9edf7;
    border: 1px solid black;
}
*/
.toolbar {
    float: left;
}
td.details-control {
    background: url('/images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('/images/details_close.png') no-repeat center center;
}
/*
* Colores para las clases lineales
*/
/* INFO */
table.table thead tr
th.info-left-bottom{
    border-left: 1px solid darkblue;
    border-bottom: 1px solid darkblue;
}
table.table thead tr
th.info-center-bottom{
    border-bottom: 1px solid darkblue;
}
table.table thead tr
th.info-right-bottom{
    border-bottom: 1px solid darkblue;
}

/* SUCCESS */
table.table thead tr
th.success-left-bottom{
    border-left: 1px solid darkgreen;
    border-bottom: 1px solid darkgreen;
}
table.table thead tr
th.success-center-bottom{
    border-bottom: 1px solid darkgreen;
}
table.table thead tr
th.success-right-bottom{
    border-bottom: 1px solid darkgreen;
}

/* DANGER */
table.table thead tr
th.danger-left-bottom{
    border-left: 1px solid darkred;
    border-bottom: 1px solid darkred;
}
table.table thead tr
th.danger-right-bottom{
    border-right: 1px solid darkred;
    border-bottom: 1px solid darkred;
}

/* WARNING */
table.table thead tr
th.warning-left-bottom{
    border-left: 1px solid darkorange;
    border-bottom: 1px solid darkorange;
}
table.table thead tr
th.warning-right-bottom{
    border-right: 1px solid darkorange;
    border-bottom: 1px solid darkorange;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
    width: auto;
    min-width: 0;
    max-width: none;
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

select {
    max-width: 100%;
}

.huge {
    font-size: 40px;
}

/*
div.FixedHeader_Cloned{
    border: 1px solid darkgray;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
div.FixedHeader_Cloned th,
div.FixedHeader_Cloned td {
    background-color: white !important;
}
*/
.typeahead {
    z-index: 1051;
}
.marcoIframe {
    border: 0px solid darkblue;
    border-radius: 4px;
    height: 850px;
    overflow: hidden;
    width: 100%;
}
.scroll-wrap {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: no-display;
}
/* Make inline editables take the full width of their parents */
.editable-container.editable-inline,
.editable-container.editable-inline .control-group.form-group,
.editable-container.editable-inline .control-group.form-group .editable-input,
.editable-container.editable-inline .control-group.form-group .editable-input textarea,
.editable-container.editable-inline .control-group.form-group .editable-input select,
.editable-container.editable-inline .control-group.form-group .editable-input input:not([type=radio]):not([type=checkbox]):not([type=submit])
{
    width: 100%;
}

#chartdiv {
    width: 100%;
    height: 435px;
    font-size: 11px;
}
#chartdiv1 {
    width: 100%;
    height: 800px;
    font-size: 11px;
}
#chartdiv2 {
    width: 100%;
    height: 800px;
    font-size: 11px;
}
#chartdiv3 {
    width: 100%;
    height: 800px;
    font-size: 11px;
}
#chartdiv4 {
    width: 100%;
    height: 800px;
    font-size: 11px;
}
#chartdiv5 {
    width: 100%;
    height: 800px;
    font-size: 11px;
}
#chartdiv6 {
    width: 100%;
    height: 800px;
    font-size: 11px;
}
#chartdiv7 {
    width: auto;
    height: 100vh;
    font-size: 11px;
}
#chartdiv8 {
    width: 100%;
    height: 800px;
    font-size: 11px;
}
#chartdiv9 {
    width: 100%;
    height: 800px;
    font-size: 11px;
}
#chartdiv10 {
    width: 100%;
    height: 800px;
    font-size: 11px;
}

.modal-xl {
    width: 97%;
    max-width: 97%;
}

/*
.modal.in .modal-dialog {
    -webkit-transform: translate(0, calc(50vh - 50%));
    -ms-transform: translate(0, 50vh) translate(0, -50%);
    -o-transform: translate(0, calc(50vh - 50%));
    transform: translate(0, 50vh) translate(0, -50%);
}
*/

.caja-texto {
    font-size: 15px;
    font-weight: 400;
    background-color: #889ccf;
    color: #000;
    margin: 0 autos;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

/*--------------------------------------------------------loading-------------------------------------------------------*/
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.preloader {
    z-index: 99999999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.68) !important;
}

/*----------------------------------------------------dots-container-----------------------------------------------------------*/

.preloader .dots-container {
    height: calc(70px / 7);
    width: calc(70px / 7);
}

.preloader .smaller-dot {
    background: rgb(254, 95, 0);
    height: 100%;
    width: 100%;
    border-radius: 50%;
    animation: flower-spinner-smaller-dot-animation 2.5s 0s infinite both;

}

.preloader .bigger-dot {
    background: rgb(254, 95, 0);
    height: 100%;
    width: 100%;
    padding: 10%;
    border-radius: 50%;
    animation: flower-spinner-bigger-dot-animation 2.5s 0s infinite both;
}

@keyframes flower-spinner-bigger-dot-animation {
    0%, 100% {
        box-shadow: rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px;
    }

    50% {
        transform: rotate(180deg);
    }

    25%, 75% {
        box-shadow: rgb(254, 95, 0) 26px 0px 0px,
            rgb(254, 95, 0) -26px 0px 0px,
            rgb(254, 95, 0) 0px 26px 0px,
            rgb(254, 95, 0) 0px -26px 0px,
            rgb(254, 95, 0) 19px -19px 0px,
            rgb(254, 95, 0) 19px 19px 0px,
            rgb(254, 95, 0) -19px -19px 0px,
            rgb(254, 95, 0) -19px 19px 0px;
    }

    100% {
        transform: rotate(360deg);
        box-shadow: rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px;
    }
}

@keyframes flower-spinner-smaller-dot-animation {
    0%, 100% {
        box-shadow: rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px;
    }

    25%, 75% {
        box-shadow: rgb(254, 95, 0) 14px 0px 0px,
            rgb(254, 95, 0) -14px 0px 0px,
            rgb(254, 95, 0) 0px 14px 0px,
            rgb(254, 95, 0) 0px -14px 0px,
            rgb(254, 95, 0) 10px -10px 0px,
            rgb(254, 95, 0) 10px 10px 0px,
            rgb(254, 95, 0) -10px -10px 0px,
            rgb(254, 95, 0) -10px 10px 0px;
    }

    100% {
        box-shadow: rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px,
            rgb(254, 95, 0) 0px 0px 0px;
    }
}
/*--------------------------------------------------rotation-loader-------------------------------------------------------------*/

.preloader .rotation-loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #6ca2ff #6ca2ff transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.preloader .rotation-loader::after,
.preloader .rotation-loader::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent #fa6208 #fa6208;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}
.preloader .rotation-loader::before {
    width: 32px;
    height: 32px;
    border-color: #6ca2ff #6ca2ff transparent transparent;
    animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
/*---------------------------------------------------------------------------------------------------------------*/
.vertical-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}