/* ================== GENERAL ================== */

html {
    font-size: 14px;
}

body, .tooltip, .popover {
    font-family: 'Reddit Sans';
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'CocogoosePro';
    font-weight: 200;
}

h1, h2 {
    color: #444;
}

h1, .h1 {
    font-size: 2rem;
}

h2, .h2 {
    font-size: 1.75rem;
}

h3, .h3 {
    font-size: 1.5rem;
}

h4, .h4 {
    font-size: 1.25rem;
}

h5, .h5 {
    font-size: 1.1rem;
}

h6, .h6 {
    font-size: 1rem;
}

main {
    min-height: 200px;
}

.cursor-pointer {
    cursor: pointer !important;
}

.azul-algabo {
    background-color: #001489;
}

.azul-algabo-color {
    color: #001489;
}

.celeste-algabo {
    background-color: #425CC7;
}

.celeste-algabo-color {
    color: #425CC7;
}

.alert {
    margin-bottom: 1px;
    padding: 10px 15px;
}

.fw-bold {
    font-weight: bold;
}

/* ================== INPUTS ================== */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
    transition: color 9999s ease-out, background-color 9999s ease-out;
    transition-delay: 9999s;
}

/*Texto para el botón del input file custom de bootstrap*/
.custom-file-label::after {
    content: "Examinar" !important;
}

.borde-input-con-error {
    border: solid red 2px;
}

/* ================== BOTONES Y LINKS ================== */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

#nav-principal-algabo .nav-link:hover {
    background-color: #5e79e8;
    transition: background-color .2s;
}

a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

/* ================== HEADER AND NAV ================== */

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.navbar-brand-custom {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-inline: .6rem;
}

@media (max-width: 991px) {
    .nav-link i {
        text-align: center;
        width: 1.25em;
    }
}

.environment-fixed {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: inline-block;
}

/* ================== FOOTER (STICKY) ================== */

html {
    position: relative;
    min-height: 100%;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
}

/* ================== LOGIN PAGE ================== */

.login-section {
    height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(rgba(40, 60, 137, 0), rgba(40, 60, 137, .4)), url("../img/planta.jpg?1");
    background-size: cover;
}

.login-title {
    color: #335;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
}

.login-content {
    background-color: white;
    z-index: 10;
    border-radius: 10px;
}

    .login-content svg {
        color: #335;
    }

#contenedor-alert-danger-top-login,
#contenedor-alert-success-top-login {
    position: absolute;
    top: 51px;
    width: 100%;
    z-index: 20;
}

.login-developer {
    font-size: .8rem;
    font-weight: bold;
}

.login-artech img {
    height: 20px;
}

.inputcustomLogin {
    border-bottom-width: 2px;
    padding-bottom: 0;
    padding-left: 0;
    margin-left: 8px;
    outline: none;
    font-size: 15px;
}

    .inputcustomLogin::placeholder {
        opacity: 1;
    }

    .inputcustomLogin:focus {
        box-shadow: none !important;
        border-bottom-color: #001489;
    }

    /*Esto es para firefox que recuadra en rojo lo invalido*/
    .inputcustomLogin:invalid {
        box-shadow: none;
    }

    .inputcustomLogin:active {
        outline: none;
    }

.btn-primaryLogin {
    background-color: #001489;
    border: none;
    border-radius: 20px;
}

    .btn-primaryLogin:hover {
        background-color: #061fae !important;
    }

    .btn-primaryLogin:active {
        box-shadow: none;
    }

    .btn-primaryLogin:focus {
        box-shadow: none;
    }

.btn-secondaryLogin {
    color: #001489;
}
.btn-secondaryLogin:hover {
    color: #001489;
}

/* ================== PEDIDOS ================== */

.semaforo-Aprobado {
    color: white;
    background-color: #32c754;
}

.semaforo-Despachado {
    color: white;
    background-color: #1C8233;
}

.semaforo-Entrega-parcial, .semaforo-Entregado {
    color: white;
    background-color: #1C8233;
}

.semaforo-En-preparación {
    color: white;
    background-color: #3c2b7b;
}

.semaforo-Cancelado {
    color: white;
    background-color: #dc3545;
}

.semaforo-Pendiente {
    color: white;
    background-color: #17a2b8;
}

.semaforo-En-revisión {
    color: white;
    background-color: #ffc107;
}

.semaforo-Borrador {
    color: white;
    background-color: #868e96;
}

.semaforo-vale-pendiente {
    color: white;
    background-color: #6D609C;
}

.semaforo-vale-asignado {
    color: white;
    background-color: #5E5092;
}

.semaforo-vale-armado {
    color: white;
    background-color: #4E3E87;
}

.semaforo-vale-controlado {
    color: white;
    background-color: #3C2B7B;
}

/* ================== LOADER ================== */

#ajaxLoad {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: fixed;
}

.loader {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: fixed;
}

/* ================== OTROS ================== */

.tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

.bg-tab-grey {
    background-color: #e1ebe4;
}

.texto-de-una-linea {
    white-space: nowrap;
}

.white-space-no-wrap {
    white-space: nowrap !important;
}

/*Borde para el header de un datatable al scrollear si este es fijo, y la vista tiene la extensión para fijar*/
.dtfh-floatingparent {
    border-bottom: 2px solid #dee2e6 !important;
}

@media (max-width: 575px) {
    #stats-container .card-body h4 {
        font-size: 1rem;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #stats-container .card-body h4 {
        font-size: 1.2rem;
    }
}

#tabla-clientes-mayor-ventas-body >tr td
{
    padding-top:15px;
    padding-bottom :14px;
}