/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
/*.dl-horizontal dt {
    white-space: normal;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

:root {
    --primary: 139, 115, 229; /*#8b73e5;*/
    --primary-hover: 140, 87, 255; /*#8c57ff;*/
    --header-gradient: linear-gradient(90deg, rgba(104, 61, 229, 1) 0%, rgba(233, 166, 114, 1) 70%, rgba(249, 184, 98, 1) 100%);
    --text-icons: #4d566c;
    --background-grey: 237, 242, 249; /*#edf2f9;*/
    --background-grey-hover: 214, 221, 233; /*#d6dde9;*/
    --background-black: 26, 29, 57; /*#1a1d39;*/
    --dt-row-selected: 139, 115, 229, 100;
    --login-background-image: url("./images/fotointerface3.png");
    --logo-image: url("./images/360_Blanco.png");
}

body {
    background-image: none;
    background-color: rgba(var(--background-grey), 1);
    /*color: var(--text-icons);*/
}

.content-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* BUTTONS */
.btn-primary {
    color: #fff;
    background-color: rgba(var(--primary), 1);
    border-color: rgba(var(--primary), 1);
}

    .btn-primary:hover {
        color: #fff;
        background-color: rgba(var(--primary-hover), 1);
        border-color: rgba(var(--primary-hover), 1);
    }


/* LOGIN AND FORGOT PASSWORD*/
.bg-login-image {
    background: var(--login-background-image);
    background-position: center;
    background-size: cover;
}

.logo-image {
    background: var(--logo-image);
    background-position: center;
    background-size: cover;
}

.signin-panel p, .forgot-panel p,
.signin-form label, .forgot-form label,
.signin-title, .signin-subtitle,
.signup-title, .signup-subtitle,
.forgot-title, .forgot-subtitle {
    color: rgba(var(--background-grey), 1);
}

.signin-sidebar {
    position: relative; /* Quitar en caso de querer el menu a la izquierda */
    background-color: rgba(var(--background-black), 1);
}


.signin-form .form-control, .forgot-form .form-control {
    padding: 5px;
}

.forgot-sidebar {
    background-color: rgba(var(--background-black), 1);
    border-left: 1px solid rgba(var(--background-black), 0.85);
}

/* TOPNAVBAR */
.header {
    background: var(--header-gradient);
}

/* NAVIGATION */
.sidebar {
    background-color: rgba(var(--background-grey), 1);
}

.nav-sidebar .nav-sub,
.nav-sidebar .nav-sub-link,
.nav-sidebar .nav-label .content-label,
.nav-sidebar .nav-item.show .nav-link,
.nav-sidebar .nav-link {
    color: var(--text-icons);
}

.nav-sidebar .nav-sub {
    background-color: rgba(var(--background-grey-hover), 0.5);
}

/*.nav-sidebar .nav-sub-link:hover {
    background-color: rgba(var(--background-grey-hover), 0.5);
}
*/
/*.nav-sidebar .nav-sub-link:hover,
.nav-sidebar .nav-link:hover {
    color: rgba(var(--background-grey), 1);
}*/

.nav-sidebar .nav-link:hover {
    background-color: rgba(var(--primary-hover), 1);
    color: rgba(var(--background-black), 1);
}

.nav-sidebar .nav-item.show .nav-link {
    background-color: rgba(var(--primary-hover), 1);
    color: rgba(var(--background-grey), 1);
}

    .nav-sidebar .nav-item.show .nav-link.active {
        background-color: rgba(var(--primary-hover), 1);
        color: rgba(var(--background-grey), 1);
    }

.nav-sidebar .nav-link.active + .nav-sub {
    background-color: rgba(var(--primary-hover), 0.5);
}

.nav-sidebar .nav-link .with-sub {
    background-color: rgba(var(--primary-hover), 1);
    color: rgba(var(--background-grey), 1);
}
.nav-sidebar .nav-item.show .nav-link.active::after {
    border-color: #9192fe;
}

.nav-sidebar .nav-item:active {
    background-color: rgba(var(--primary), 1);
    color: rgba(var(--background-grey), 1);
}

.nav-sidebar .nav-item show {
    background-color: rgba(var(--primary), 1);
}

/* MODALS */
.modal-header {
    background-color: #f3f3fb;
    border-bottom: 1px solid rgba(230, 231, 239, 0.85);
}

.modal-dialog-scrollable {
    height: auto;
}

.modal-dialog {
    margin: 8.75rem auto;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 1267px;
    }
}

/* TABLES */
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: rgba(var(--primary-hover), 1);
}

/*#subDataTable tr:hover > td {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(var(--background-black), 1);
}*/

table.display td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.page-item.active .page-link {
    background-color: rgba(var(--primary-hover), 1);
    border-color: rgba(var(--primary-hover), 1);
}

/* COLORES ESTADOS AVISOS */
.Realizado {
    color: green;
}

.Pendiente {
    color: orange;
}

.Fallido {
    color: red;
}