:root, :root.light, :root .light {
    --tiempo-animacion: .15s;
    --color-primary: #0f70b7;
    --color-paleta-b: #253031;
    --color-paleta-c: #2978A0;
    --color-paleta-d: #C6E0FF;
    --color-paleta-e: #EDCB96;
    --color-primary-rgb: 77, 128, 79;
    --color-primary-atenuado: #DEFAE7;
    --color-secondary: #2EE69C;
    --color-borde-form: gray;
    --color-fondo-contraste: #f5f7fa;
    --color-azul-a: #222E50;
    --color-azul-b: #439A86;
    --color-form-label: var(--color-azul-b);
    --color-popover: var(--ecn-warning-200);
    --fuente-normal: "Inter Regular", sans-serif;
    --fuente-bold: "Inter Bold", sans-serif;
    --fuente-light: "Inter Light", sans-serif;
    --tam-fuente-menu: 0.8rem;
    --tam-fuente-normal: 0.9rem;
    --tam-fuente-tabla-md: 0.9rem;
    --tam-fuente-tabla-sm: 0.8rem;
    --form-control-max-height: calc(3.5rem + 2px);
    --form-control-max-height-2: calc(2 * var(--form-control-max-height));
    --form-control-margin-bottom: 1.5rem;
    --ecn-gray-soft: #f5f7fa;
    --ecn-gray-100: #eff2f6;
    --ecn-gray-200: #e3e6ed;
    --ecn-gray-300: #cbd0dd;
    --ecn-gray-400: #9fa6bc;
    --ecn-gray-500: #8a94ad;
    --ecn-gray-600: #6e7891;
    --ecn-gray-700: #525b75;
    --ecn-gray-800: #3e465b;
    --ecn-gray-900: #31374a;
    --ecn-gray-1000: #222834;
    --ecn-gray-1100: #141824;
    --ecn-gray-soft-rgb: 245, 247, 250;
    --ecn-gray-100-rgb: 239, 242, 246;
    --ecn-gray-200-rgb: 227, 230, 237;
    --ecn-gray-300-rgb: 203, 208, 221;
    --ecn-gray-400-rgb: 159, 166, 188;
    --ecn-gray-500-rgb: 138, 148, 173;
    --ecn-gray-600-rgb: 110, 120, 145;
    --ecn-gray-700-rgb: 82, 91, 117;
    --ecn-gray-800-rgb: 62, 70, 91;
    --ecn-gray-900-rgb: 49, 55, 74;
    --ecn-gray-1000-rgb: 34, 40, 52;
    --ecn-gray-1100-rgb: 20, 24, 36;
    --ecn-soft: #f5f7fa;
    --ecn-100: #eff2f6;
    --ecn-200: #e3e6ed;
    --ecn-300: #cbd0dd;
    --ecn-400: #9fa6bc;
    --ecn-500: #8a94ad;
    --ecn-600: #6e7891;
    --ecn-700: #525b75;
    --ecn-800: #3e465b;
    --ecn-900: #31374a;
    --ecn-1000: #222834;
    --ecn-1100: #141824;
    --ecn-facebook: #3c5a99;
    --ecn-google-plus: #dd4b39;
    --ecn-twitter: #1da1f2;
    --ecn-linkedin: #0077b5;
    --ecn-youtube: #ff0001;
    --ecn-github: #333333;
    --ecn-bootstrap: #6f45a9;
    --ecn-css3: #203ccf;
    --ecn-html5: #bf4b2c;
    --ecn-sass: #c55589;
    --ecn-gulp: #d54049;
    --ecn-w3c: #255997;
    --ecn-primary: #3874ff;
    --ecn-secondary: #31374a;
    --ecn-success: #25b003;
    --ecn-info: #0097eb;
    --ecn-warning: #e5780b;
    --ecn-danger: #ed2000;
    --ecn-light: #eff2f6;
    --ecn-dark: #141824;
    --ecn-primary-soft: #f5f8ff;
    --ecn-primary-100: #e5edff;
    --ecn-primary-200: #adc5ff;
    --ecn-primary-300: #85a9ff;
    --ecn-primary-500: #004dff;
    --ecn-primary-600: #003cc7;
    --ecn-warning-soft: #fff6e0;
    --ecn-warning-100: #ffefca;
    --ecn-warning-200: #ffe6ad;
    --ecn-warning-300: #ffcc85;
    --ecn-warning-500: #d6700a;
    --ecn-warning-600: #bc3803;
    --ecn-danger-300: #f48270;
    --ecn-danger-100: #ffe0db;
    --ecn-danger-200: #fabcb3;
    --ecn-danger-500: #cc1b00;
    --ecn-danger-600: #b81800;
    --ecn-success-100: #d9fbd0;
    --ecn-success-200: #bee8b4;
    --ecn-success-300: #90d67f;
    --ecn-success-500: #23890b;
    --ecn-success-600: #1c6c09;
    --ecn-info-100: #c7ebff;
    --ecn-info-200: #96d9ff;
    --ecn-info-300: #60c6ff;
    --ecn-info-500: #0080c7;
    --ecn-info-600: #005585;
    --ecn-card-radius: 0.5rem;
    --ecn-radius-m: 0.375rem;
    --ecn-radius-sm: 0.2rem;

    --smoked-20: rgba(59, 57, 55, 0.2);
    --shadow-card-2-active: 0 2px 5px 0 var(--smoked-20);

    --wpf-aliceblue: #F0F8FF;
    --wpf-antiquewhite: #FAEBD7;
    --wpf-aqua: #00FFFF;
    --wpf-aquamarine: #7FFFD4;
    --wpf-azure: #F0FFFF;
    --wpf-beige: #F5F5DC;
    --wpf-bisque: #FFE4C4;
    --wpf-black: #000000;
    --wpf-blanchedalmond: #FFEBCD;
    --wpf-blue: #0000FF;
    --wpf-blueviolet: #8A2BE2;
    --wpf-brown: #A52A2A;
    --wpf-burlywood: #DEB887;
    --wpf-cadetblue: #5F9EA0;
    --wpf-chartreuse: #7FFF00;
    --wpf-chocolate: #D2691E;
    --wpf-coral: #FF7F50;
    --wpf-cornflowerblue: #6495ED;
    --wpf-cornsilk: #FFF8DC;
    --wpf-crimson: #DC143C;
    --wpf-cyan: #00FFFF;
    --wpf-darkblue: #00008B;
    --wpf-darkcyan: #008B8B;
    --wpf-darkgoldenrod: #B8860B;
    --wpf-darkgray: #A9A9A9;
    --wpf-darkgreen: #006400;
    --wpf-darkkhaki: #BDB76B;
    --wpf-darkmagenta: #8B008B;
    --wpf-darkolivegreen: #556B2F;
    --wpf-darkorange: #FF8C00;
    --wpf-darkorchid: #9932CC;
    --wpf-darkred: #8B0000;
    --wpf-darksalmon: #E9967A;
    --wpf-darkseagreen: #8FBC8F;
    --wpf-darkslateblue: #483D8B;
    --wpf-darkslategray: #2F4F4F;
    --wpf-darkturquoise: #00CED1;
    --wpf-darkviolet: #9400D3;
    --wpf-deeppink: #FF1493;
    --wpf-deepskyblue: #00BFFF;
    --wpf-dimgray: #696969;
    --wpf-dodgerblue: #1E90FF;
    --wpf-firebrick: #B22222;
    --wpf-floralwhite: #FFFAF0;
    --wpf-forestgreen: #228B22;
    --wpf-fuchsia: #FF00FF;
    --wpf-gainsboro: #DCDCDC;
    --wpf-ghostwhite: #F8F8FF;
    --wpf-gold: #FFD700;
    --wpf-goldenrod: #DAA520;
    --wpf-gray: #808080;
    --wpf-green: #008000;
    --wpf-greenyellow: #ADFF2F;
    --wpf-honeydew: #F0FFF0;
    --wpf-hotpink: #FF69B4;
    --wpf-indianred: #CD5C5C;
    --wpf-indigo: #4B0082;
    --wpf-ivory: #FFFFF0;
    --wpf-khaki: #F0E68C;
    --wpf-lavender: #E6E6FA;
    --wpf-lavenderblush: #FFF0F5;
    --wpf-lawngreen: #7CFC00;
    --wpf-lemonchiffon: #FFFACD;
    --wpf-lightblue: #ADD8E6;
    --wpf-lightcoral: #F08080;
    --wpf-lightcyan: #E0FFFF;
    --wpf-lightgoldenrodyellow: #FAFAD2;
    --wpf-lightgray: #D3D3D3;
    --wpf-lightgreen: #90EE90;
    --wpf-lightorange: #FFB07C;
    --wpf-lightpink: #FFB6C1;
    --wpf-lightsalmon: #FFA07A;
    --wpf-lightseagreen: #20B2AA;
    --wpf-lightskyblue: #87CEFA;
    --wpf-lightslategray: #778899;
    --wpf-lightsteelblue: #B0C4DE;
    --wpf-lightyellow: #FFFFE0;
    --wpf-lime: #00FF00;
    --wpf-limegreen: #32CD32;
    --wpf-linen: #FAF0E6;
    --wpf-magenta: #FF00FF;
    --wpf-maroon: #800000;
    --wpf-mediumaquamarine: #66CDAA;
    --wpf-mediumblue: #0000CD;
    --wpf-mediumorchid: #BA55D3;
    --wpf-mediumpurple: #9370DB;
    --wpf-mediumseagreen: #3CB371;
    --wpf-mediumslateblue: #7B68EE;
    --wpf-mediumspringgreen: #00FA9A;
    --wpf-mediumturquoise: #48D1CC;
    --wpf-mediumvioletred: #C71585;
    --wpf-midnightblue: #191970;
    --wpf-mintcream: #F5FFFA;
    --wpf-mistyrose: #FFE4E1;
    --wpf-moccasin: #FFE4B5;
    --wpf-navajowhite: #FFDEAD;
    --wpf-navy: #000080;
    --wpf-oldlace: #FDF5E6;
    --wpf-olive: #808000;
    --wpf-olivedrab: #6B8E23;
    --wpf-orange: #FFA500;
    --wpf-orangered: #FF4500;
    --wpf-orchid: #DA70D6;
    --wpf-palegoldenrod: #EEE8AA;
    --wpf-palegreen: #98FB98;
    --wpf-paleturquoise: #AFEEEE;
    --wpf-palevioletred: #DB7093;
    --wpf-papayawhip: #FFEFD5;
    --wpf-peachpuff: #FFDAB9;
    --wpf-peru: #CD853F;
    --wpf-pink: #FFC0CB;
    --wpf-plum: #DDA0DD;
    --wpf-powderblue: #B0E0E6;
    --wpf-purple: #800080;
    --wpf-red: #FF0000;
    --wpf-rosybrown: #BC8F8F;
    --wpf-royalblue: #4169E1;
    --wpf-saddlebrown: #8B4513;
    --wpf-salmon: #FA8072;
    --wpf-sandybrown: #F4A460;
    --wpf-seagreen: #2E8B57;
    --wpf-seashell: #FFF5EE;
    --wpf-sienna: #A0522D;
    --wpf-silver: #C0C0C0;
    --wpf-skyblue: #87CEEB;
    --wpf-slateblue: #6A5ACD;
    --wpf-slategray: #708090;
    --wpf-snow: #FFFAFA;
    --wpf-springgreen: #00FF7F;
    --wpf-steelblue: #4682B4;
    --wpf-tan: #D2B48C;
    --wpf-teal: #008080;
    --wpf-thistle: #D8BFD8;
    --wpf-tomato: #FF6347;
    --wpf-transparent: #FFFFFF;
    --wpf-turquoise: #40E0D0;
    --wpf-violet: #EE82EE;
    --wpf-wheat: #F5DEB3;
    --wpf-white: #FFFFFF;
    --wpf-whitesmoke: #F5F5F5;
    --wpf-yellow: #FFFF00;
    --wpf-yellowgreen: #9ACD32;
}


body {
    background: #fafafa;
    color: #333333;
    margin-top: 5rem;
}

h1, h2, h3, h4, h5, h6 {
    color: #444444;
}

ul {
    margin: 0;
}

.bg-steel {
    background-color: #5f788a;
}

.site-header .navbar-nav .nav-link {
    color: #cbd5db;
}

.site-header .navbar-nav .nav-link:hover {
    color: #ffffff;
}

.site-header .navbar-nav .nav-link.active {
    font-weight: 500;
}

.content-section {
    background: #ffffff;
    padding: 10px 20px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 20px;
}

.article-title {
    color: #444444;
}

a.article-title:hover {
    color: #428bca;
    text-decoration: none;
}

.article-content {
    white-space: pre-line;
}

.article-img {
    height: 65px;
    width: 65px;
    margin-right: 16px;
}

.article-metadata {
    padding-bottom: 1px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e3e3e3
}

.article-metadata a:hover {
    color: #333;
    text-decoration: none;
}

.article-svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.account-img {
    height: 125px;
    width: 125px;
    margin-right: 20px;
    margin-bottom: 16px;
}

.account-heading {
    font-size: 2.5rem;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* ListadoVisitas */
/*--------------------------------------------------------------------------------------------------------------------*/

.derecha {
    float: right;
}

.imagen_circular {
    border-radius: 50%;
}

.imagen {
    width: 100px;
}

.icono {
    width: 20px;
}

.texto {
    width: 14px;
}

.titulo {
    width: 18px;
}

table {
    width: 100%;
}

.tabla {
    background-color: white;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: 7px;
    margin-top: 7px;
}

/* ListadoVisitas */


@font-face {
    font-family: "Montserrat Bold";
    src: url("../fonts/Montserrat-Bold.otf");
}

@font-face {
    font-family: "Montserrat Light";
    src: url("../fonts/Montserrat-Light.otf");
}

@font-face {
    font-family: "Montserrat Regular";
    src: url("../fonts/Montserrat-Regular.otf");
}

.fuente_bold_tema {
    font-family: "Montserrat Bold";
}

.fuente_regular_tema {
    font-family: "Montserrat Regular";
}

.fuente_light_tema {
    font-family: "Montserrat Light";
}

/* ENCABEZADOS DE DETALLE DE VISITA */
.encabezado {
    height: 30px;
    background-color: #0f70b7;
}

.encabezado_h {
    background-color: #0f70b7;
}

.hover_sombrear {
    background-color: #FFF;

    -o-transition: color var(--tiempo-animacion) ease-out, background var(--tiempo-animacion) ease-in;
    -ms-transition: color var(--tiempo-animacion) ease-out, background var(--tiempo-animacion) ease-in;
    -moz-transition: color var(--tiempo-animacion) ease-out, background var(--tiempo-animacion) ease-in;
    -webkit-transition: color var(--tiempo-animacion) ease-out, background var(--tiempo-animacion) ease-in;
    transition: color var(--tiempo-animacion) ease-out, background var(--tiempo-animacion) ease-in;
}

.hover_sombrear_desactivado {
    background-color: #FFF;

    -o-transition: color var(--tiempo-animacion) ease-out, background var(--tiempo-animacion) ease-in;
    -ms-transition: color var(--tiempo-animacion) ease-out, background var(--tiempo-animacion) ease-in;
    -moz-transition: color var(--tiempo-animacion) ease-out, background var(--tiempo-animacion) ease-in;
    -webkit-transition: color var(--tiempo-animacion) ease-out, background var(--tiempo-animacion) ease-in;
    transition: color var(--tiempo-animacion) ease-out, background var(--tiempo-animacion) ease-in;
}

.hover_sombrear .disponible, .hover_sombrear_desactivado .disponible {
    color: green;
    -o-transition: color var(--tiempo-animacion) ease-out;
    -ms-transition: color var(--tiempo-animacion) ease-out;
    -moz-transition: color var(--tiempo-animacion) ease-out;
    -webkit-transition: color var(--tiempo-animacion) ease-out;
    transition: color var(--tiempo-animacion) ease-out;
}

.hover_sombrear .no-disponible, .hover_sombrear_desactivado .no-disponible {
    color: red;
    -o-transition: color var(--tiempo-animacion) ease-out;
    -ms-transition: color var(--tiempo-animacion) ease-out;
    -moz-transition: color var(--tiempo-animacion) ease-out;
    -webkit-transition: color var(--tiempo-animacion) ease-out;
    transition: color var(--tiempo-animacion) ease-out;
}

.hover_sombrear path {
    fill: #0F70b7;
    -o-transition: fill var(--tiempo-animacion) ease-out;
    -ms-transition: fill var(--tiempo-animacion) ease-out;
    -moz-transition: fill var(--tiempo-animacion) ease-out;
    -webkit-transition: fill var(--tiempo-animacion) ease-out;
    transition: fill var(--tiempo-animacion) ease-out;
}

.svg_icono {
    width: 14px;
    height: 14px;
}

.hover_sombrear:hover path {
    fill: white;
}

.hover_sombrear .texto-boton-grande {
    font-size: 1.2em;
    font-weight: bold;
    color: #444444;
}

.hover_sombrear:hover .disponible, .hover_sombrear:hover .no-disponible, .hover_sombrear:hover .texto-boton-grande {
    color: white;
}

.hover_sombrear:hover {
    color: white;
    background: var(--color-primary);
}

.hover_sombrear:hover .en_hover_sombrear {
    color: white;
}

.sin_estilo, .sin_estilo:hover, .sin_estilo:visited, .sin_estilo:focus {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
}

/* FONDO DE BODY -----------------------------------------------------------------------------------------------------*/
/* FONDO DE BODY -----------------------------------------------------------------------------------------------------*/

html {
    height: 100%;
    background-color: #ffffff;
    /*margin-top: 56px; !* El alto del navbar *!*/
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, 1)), url("../../static/visitas/img/logo_fondo_tablet.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#login_box {
    height: 100%;
    background-color: white;
}

#div_id_username .controls input,#div_id_password .controls input {
    width: 100%;
    padding-left: 1em;
    text-align: center;
    min-height: 2.5em;
}

#div_id_username label,#div_id_password label {
    font-weight: bold;
    color: #0F70b7;
}

#div_id_password {
    margin-top: 20px;
}

/* FONDO DE BODY -----------------------------------------------------------------------------------------------------*/
/* FONDO DE BODY -----------------------------------------------------------------------------------------------------*/

/*.bg {*/
/*  !* The image used *!*/
/*  !*background-image: url("img/logo_fondo_tablet.png");*!*/
/*    background: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,1)), url("img/logo_fondo_tablet.png");*/

/*  !* Full height *!*/
/*  !*height: 100%;*!*/

/*  !* Center and scale the image nicely *!*/
/*  background-position: center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: cover;*/
/*}*/


/* SIDENAV -----------------------------------------------------------------------------------------------------------*/
/* SIDENAV -----------------------------------------------------------------------------------------------------------*/
/* SIDENAV -----------------------------------------------------------------------------------------------------------*/

.sidenav {
    height: 100%;
    width: 15%;
    max-width: 250px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #0f70b7;
    overflow-x: hidden;
    padding-top: 20px;
}

.sidenav_titulo {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    /*font-size:12px;*/
    font-size: large;
    font-weight: bolder;
    color: white;
    display: block;
}

.sidenav_a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    /*font-size:12px;*/
    font-size: medium;
    color: white;
    display: block;
}

.main {
    margin-left: 160px;
    padding: 0px 10px;
}

/* SIDENAV -----------------------------------------------------------------------------------------------------------*/
/* SIDENAV -----------------------------------------------------------------------------------------------------------*/
/* SIDENAV -----------------------------------------------------------------------------------------------------------*/

/* Modales Bootstrap */

@media (min-width: 575px) {
    .modal-w-100{
        max-width: 100% !important;
    }

    .modal-w-80{
        max-width: 80% !important;
    }

    .modal-w-75{
        max-width: 75% !important;
    }

    .modal-w-50{
        max-width: 50% !important;
    }

    .modal-w-25{
        max-width: 25% !important;
    }
}

@media (max-width: 575px) {
    /* Para moviles */
    .modal-w-100{
        max-width: 100% !important;
    }

    .modal-w-80{
        max-width: 100% !important;
    }

    .modal-w-75{
        max-width: 100% !important;
    }

    .modal-w-50{
        max-width: 100% !important;
    }

    .modal-w-25{
        max-width: 100% !important;
    }

    .h-sm-450px{height: 450px !important;}

    .h-sm-350px{height: 350px !important;}

    .h-sm-250px{height: 250px !important;}

    .h-sm-125px{height: 125px !important;}

    .h-sm-100px{height: 100px !important;}

}

/* ----------------- */

.box-custom{background-color: white !important; border-radius: 10px !important;}
.centrar-elementos{display: flex; justify-content: center; align-items: center}

/* Disabled effect */

textarea[disabled] {
    opacity: 0.5 !important;
}

/* ----------------- */

/* region ESTILOS DATATABLES */

/* ---------------------------------------------------------------------------- */
/* ------------------------ ESTILOS DATATABLES  ------------------------------- */
/* ---------------------------------------------------------------------------- */

table.table-alterna td, table.table-alterna th {
    font-size: var(--tam-fuente-tabla-md);
}

.table-alterna {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.table-alterna thead {
    background-color: var(--color-primary);
    color: white;
}

.table-alterna tbody tr:nth-of-type(even) {
    background-color: white;
}

.table-alterna tbody tr:nth-of-type(odd) {
    background-color: var(--color-fondo-contraste);
}

/* region Barra de progreso en datatable */
.progress-bar-datatable {
    height: 1.5rem !important;
    position: relative;
    /*border: 1px solid lightgray;*/
}

.progress-bar-datatable span {
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 1.5rem;
    color: gray;
}

.progress-bar-datatable span.white-text {
    color: white;
}

/* endregion Barra de progreso en datatable */
.table-alterna tbody tr:hover {
    background-color: #e5e6e7;
}

#table tbody tr.selected {
    background-color: var(--color-primary-atenuado);
    transition: background-color 0.15s ease-in-out;
}

/* Clase de contenedor de botones y search autogenerado, para poder reordenarlos */
.buttons-toolbar {
    display: flex;
    justify-content: flex-end;
}

/* Margen manual necesario si añadimos controles al encabezado de bootstrap table */
.columns-right {
    margin-left: 5px;
}

/* Margen manual necesario si añadimos controles al encabezado de bootstrap table. Reordenar elementos */
.float-right.search {
    order: -1;
    margin-left: 5px;
}

/* Forzar altura 100% a elementos de bootstrap table para igual su altura a la del select2 */
.buttons-toolbar .btn-group {
    height: 100%;
}

/* region Barras de desplazamiento */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary) white;
    -o-transition: color var(--tiempo-animacion) ease-out,
    background-color var(--tiempo-animacion) ease-in,
    background var(--tiempo-animacion) ease-in;
    -ms-transition: color var(--tiempo-animacion) ease-out,
    background-color var(--tiempo-animacion) ease-in,
    background var(--tiempo-animacion) ease-in;
    -moz-transition: color var(--tiempo-animacion) ease-out,
    background-color var(--tiempo-animacion) ease-in,
    background var(--tiempo-animacion) ease-in;
    -webkit-transition: color var(--tiempo-animacion) ease-out,
    background-color var(--tiempo-animacion) ease-in,
    background var(--tiempo-animacion) ease-in;
    transition: color var(--tiempo-animacion) ease-out,
    background-color var(--tiempo-animacion) ease-in,
    background var(--tiempo-animacion) ease-in;
}

*::-webkit-scrollbar {
    width: 16px;
}

textarea::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 5px;
    border: 2px solid white;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    border-radius: 5px;
    border: 2px solid white;
}

*::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0.5);
}

/* endregion Barras de desplazamiento */

.fixed-table-loading {
    min-height: 300px;
    position: relative;
    border-bottom: 1px solid #dee2e6;
}

/* endregion ESTILOS DATATABLES */