html, body {
    height: 100%;
}


/* navbar */
.navbar.navbar-dark.bg-dark {
    background: linear-gradient(135deg, rgb(110, 85, 215) 0%, rgb(80, 50, 175) 100%) !important;
}

    .navbar.navbar-dark.bg-dark .navbar-nav .nav-link {
        color: #fff;
    }

#totalNot span.badge.badge-danger {
    margin-top: -25px;
    margin-left: -10px;
    /* z-index: 19999; */
    position: absolute;
}
/* end navbar */


/* sidebar */
.sidebar-light {
    background: rgb(55, 50, 170) !important;
    background: linear-gradient(135deg, rgb(215, 15, 215) 0%, rgb(10, 5, 190) 100%) !important;
}


    .sidebar-light .sidebar-submenu .sidebar-menu-button {
        cursor: pointer;
    }

    .sidebar-light .open > .sidebar-menu-button:hover,
    .sidebar-light .sidebar-menu-button:hover,
    .sidebar-light .sidebar-submenu .sidebar-menu-button:hover {
        color: #fff !important;
    }

    .sidebar-light .sidebar-menu-button,
    .sidebar-light .open > .sidebar-menu-button,
    .sidebar-light .sidebar-submenu .sidebar-menu-button {
        color: #F6FAFC !important;
    }
    
    .sidebar-light .sidebar-submenu .sidebar-menu-text {
        border-left: none !important;
        line-height: 1.5;
    }

    .sidebar-light .sidebar-menu-button.py-2 {
        padding-top: 0.75rem !important;
    }

    .sidebar-light .sidebar-menu-button:hover {
        transition: 0.3s;
    }

    .sidebar-light .sidebar-menu-button:hover {
        background: rgba(0,0,0,.15) !important;
    }

    .sidebar-light .sidebar-menu-toggle-icon {
        color: #fff !important;
    }

    .sidebar-light.sidebar-left {
        border-right-color: rgb(10, 5, 190);
    }

.sidebar-heading {
    font-size: .85rem !important;
    margin-bottom: 1rem !important;
}

.sidebar-heading:first-child {
    margin-top: 3.5rem !important;
}
/* end sidebar */


.cap-shortcuts a {
    background: #444;
    background: -moz-linear-gradient(top, #444 0%, #000 80%);
    background: -webkit-linear-gradient(top, #444 0%,#000 80%);
    background: linear-gradient(to bottom, #444 0%,#000 80%);
    transition: 0.3s;
}

    .cap-shortcuts a:hover {
        background: rgb(55, 50, 170) !important;
        background: -moz-linear-gradient(135deg, rgb(215, 15, 215) 0%, rgb(10, 5, 190) 100%) !important;
        background: -webkit-linear-gradient(135deg, rgb(215, 15, 215) 0%, rgb(10, 5, 190) 100%) !important;
        background: linear-gradient(135deg, rgb(215, 15, 215) 0%, rgb(10, 5, 190) 100%) !important;
    }

    .cap-shortcuts a:first-child  {
        margin-left: 0;
    }

    .cap-shortcuts a:last-child {
        margin-right: 0;
    }

.cap-shortcuts a {
    margin: 0 .35rem .35rem .35rem;
}

/* notification */
.badge-warning {
    background-color: gold !important;
}

.badge {
	vertical-align: super;
	margin-left: -6px;
}
/* end notification */


/* pagination */
.page-item.active .page-link {
    background: linear-gradient(135deg, rgb(80, 10, 195) 0%, rgb(120, 50, 185) 100%) !important;
    border-color: rgb(120, 50, 185) !important
}

.page-link:hover {
    background-color: rgba(120, 50, 185, .8) !important;
    border-color: rgba(120, 50, 185, .8) !important;
}
/* end pagination */


/* table*/
.table.table-sm thead th {
    font-size: 0.75rem !important;
    border-bottom: 0 !important;
}

.table.table-sm tbody td {
    border-top: 0;
}

.table td {
    padding: 0.35rem 1rem;
    vertical-align: top;
    border-top: 1px solid #DCE0E2;
}

.table-responsive .table.table-sm tbody tr:last-child {
    border-bottom: 0;
}
/* end table*/


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

.text-primary {
    color: #1f396e !important;
}

.btn-primary {
    background: rgb(55, 50, 170) !important;
    background: linear-gradient(135deg, rgb(215, 15, 215) 0%, rgb(10, 5, 190) 100%) !important;
    padding: .6rem 1.8rem !important;
}

.bg-primary {
    background: rgb(55, 50, 170) !important;
    background: linear-gradient(135deg, rgb(215, 15, 215) 0%, rgb(10, 5, 190) 100%) !important;
}

#wizard .bg-success {
    background-color: #29e1b3 !important;
}

label {
    font-size: small;
}



/* new classes */
.cap-rounded-xlg {
    border-radius: .7rem !important;
}

.cap-bg-baby-blue {
    background-color: #f8fbff !important;
}

.cap-bg-light-blue {
    background-color: #dae7fc;
}

.cap-bg-gradient-dark {
    background: #444;
    background: -moz-linear-gradient(top, #444 0%, #000 80%);
    background: -webkit-linear-gradient(top, #444 0%,#000 80%);
    background: linear-gradient(to bottom, #444 0%,#000 80%);
}


/* spinner */
.cap-spinner-container.bg-dark {
    background-color: rgba(55, 60, 100, 0.85) !important;
}

    .cap-spinner-container.bg-dark .spinner-border.text-info {
        color: #61d14f !important;
    }



/* tabs */
.nav-pills .nav-link {
    color: #ccc;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: rgb(105,55,240) !important;
}

.nav-pills.cap-sub-tabs .nav-link.active {
    background-color: inherit !important;
    border-bottom: 5px solid rgb(105,55,240) !important;
    color: #333 !important;
}
/* end tabs */



/* select2 inputs */
.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple {
    border-radius: .95rem !important;
}

.select2-container--default .select2-selection--multiple, 
.select2-container--default.select2-container--focus .select2-selection--multiple {
    /*overflow-y: auto;*//*se elimina porque aparecia scroll horizontal cuando aparecia el placeholder*/
    max-height: 170px;
}


.btn-success {
    background-color: #29e1b3 !important;
    border-color: #29e1b3 !important;
}

.btn-danger {
    background-color: #fc7e89 !important;
    border-color: #fc7e89 !important;
}

.btn-info {
    background-color: #92bfe6 !important;
    border-color: #92bfe6 !important;
}