body {
    background: #0c1124;

    font-family: 'Montserrat', sans-serif;
    color: rgb(255, 245, 240);
    /* font-size: 1.3em; */
}

a:hover,
a:visited,
a:link,
a:active {
    text-decoration: none;
}

.input-group-text{
    background-color: #2e2e2e;
    color: #6c757d;
    border: 1px solid #2e2e2e;
    border-radius: 5px;
    /* padding: 5px; */
    font-size: 1.2em;
    /* padding-inline: 5px; */
    padding-right: 5px;
}

.form-control{
    background-color: #2e2e2e;
    color: aliceblue;
    border: 1px solid #2e2e2e;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.9em;
}
.form-control option{
    background-color: #2e2e2e;
    color: aliceblue;
    border: 1px solid #2e2e2e;
    border-radius: 5px;
    padding: 5px;
}
.form-control:focus {
    background-color: #1d1818;
    color: aliceblue;
    border: 1px solid #2e2e2e;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0 2px 4px 0 rgba(8, 129, 123, 0.8), 0 6px 20px 0 rgba(7, 65, 121, 0.2);
}





#pendingAprovalModal .modal-header .close {
    display: none;
}

/* html,
body {
    background-image: url('../images/fondo-login.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
} */

#cwfApp {
    margin-top: 100px;
}

section {
    margin-top: 40px;
}

.bordeado {
    border: black 1x solid;
    border-radius: 15px;
}


.fondoTransClaro {
    background-color: #1f253f;
    /* RGBA color con opacidad del 50% */
}

.fondoTransOscuro {
    background-color: #14202e;
}

.colorVerdeDolar {
    color: #8EDC80;
}


/* SCROLLBAR-------------------- */


/* width */

::-webkit-scrollbar {
    width: 10px;
}


/* Track */

::-webkit-scrollbar-track {
    background: #818181;
}


/* Handle */

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/*----------------- */


/* Ejemplo: Estilo para el contenedor del ícono */
.tiktok-icon {
    width: 35px; /* Ajusta el ancho según tus preferencias */
    height: 50px; /* Ajusta la altura según tus preferencias */
    content: ""; /* Contenido generado */
    display: inline-block;
    background-image: url('../images/tiktok.svg'); /* Ruta a tu archivo SVG */
    background-size: cover; /* Ajusta el tamaño del fondo según tus preferencias */
    padding: 20px; /* Ajusta el padding según tus preferencias */
  }
