.c-app:not(.c-dark-theme) {
    background: rgb(245,247,250);
    background: -moz-radial-gradient(circle, rgba(245,247,250,1) 0%, rgba(209,211,214,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(245,247,250,1) 0%, rgba(209,211,214,1) 100%);
    background: radial-gradient(circle, rgba(245,247,250,1) 0%, rgba(209,211,214,1) 100%);
}

.tab-content {
    overflow: auto;
}

.c-header {
    background-color: #6b030e !important;
    border-color: #4b020a !important;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#9d0414), to(#6b030e)) !important;
    background-image: -webkit-linear-gradient(top, #9d0414, 0%, #6b030e, 100%) !important;
    background-image: -moz-linear-gradient(top, #9d0414 0%, #6b030e 100%) !important;
    background-image: linear-gradient(to bottom, #9d0414 0%, #6b030e 100%) !important;
    background-repeat: repeat-x !important;
    -webkit-background-size: 100% 40%;
    -moz-background-size: 100% 40%;
    -o-background-size: 100% 40%;
    background-size: 100% 40% !important;
    background-position: top center;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9d0414', endColorstr='#ff6b030e', GradientType=0) !important;
}

rect {
    shape-rendering: auto !important;
}

#example_length > label > select {
    padding: 0.25rem 1.75rem 0.25rem 0.5rem !important;
    height: calc(1.5em + 0.75rem + 2px) !important;
}

.no-redirect {
    pointer-events: none;
    cursor: default;
}

.c-dark-theme .table thead {
    background-color: #282933;
    border-color: rgba(255, 255, 255, 0.075);
}

.c-dark-theme .page-item.active .page-link {
    color: #fff;
    background-color: #9c0011;
    border-color: #7e000f;
}

.c-header .c-icon, .c-header-nav .c-header-nav-btn .c-icon, .c-header-nav .c-header-nav-link {
    color: #eee !important;
}
.sk-circle .sk-child:before, .sk-wave .sk-rect {
    background-color: #968383 !important;
}

.c-app:not(.c-dark-theme) #aside:not(.c-sidebar-right) {
    background: #e3e3e3 !important;
}

    .c-app:not(.c-dark-theme) #aside:not(.c-sidebar-right) .c-multi-select-inline {
        background: #f0f3f500 !important;
    }

input.c-multi-select-search {
    width: 100%;
}

.c-app:not(.c-dark-theme) .modal-content {
    background: #efefef;
}

.c-app:not(.c-dark-theme) #aside {
    background: #d5d5d5;
}

.modal-close {
    position: absolute;
    width: 35px;
    height: 35px;
    right: -15px;
    top: -15px;
    background: url(plainmodal-close.png) no-repeat;
    background-color: #181924;
    border-radius: 30px;
    border: 2px solid #9d9d9d;
    cursor: pointer !important;
    transition: 0.2s;
}

.c-app:not(.c-dark-theme) .modal-close {
    background-color: #fff;
}

.modal-close:hover {
    border: 3px solid #efefef;
}

.c-app:not(.c-dark-theme) .modal-close:hover {
    border: 3px solid #a9a4a4;
}

.modal-close i:hover {
    transition: 0.2s;
    font-weight: 800;
}

.one-line {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

    .one-line:overflowing {
        height: 200px;
    }

    .one-line:not(:hover) {
        text-overflow: ellipsis;
    }

    .one-line:hover span, .one-line:focus span {
        display: inline-block;
        animation-name: scroll-text;
        animation-duration: 7s;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-iteration-count: infinite;
        animation-direction: normal;
    }

@keyframes scroll-text {
    0% {
        transform: translateX(0%);
    }

    90% {
        transform: translateX(-100%);
    }

    95% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(0%);
    }
}

.glass-teal {
    background-color: #555d66;
    background-image: linear-gradient(#75bcdb,#2f85ac) !important;
    filter: saturate(.5);
    transition-property: filter;
    transition: filter 0.2s ease-out;
}

.glass-gray {
    background-color: #555d66;
    background: linear-gradient(#9a9999,#3f3f40) !important;
    transition: filter 0.2s ease-out;
}



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

/* Make the modal take up full screen */
.modal-fullscreen {
    width: 95%;
    height: 100%;
    margin: 0px !important;
    padding: 0px !important;
    max-width: 100%;
    min-width: 95%;
}

    .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen .modal-body {
        overflow-y: auto; /* scrolls if content exceeds screen */
    }

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

.c-app:not(.c-dark-theme) .c-footer {
    background: rgba(85,85,85,1);
    z-index: 0;
}

    .c-app:not(.c-dark-theme) .c-footer div {
        color: aliceblue;
    }

    .c-app:not(.c-dark-theme) .c-footer a {
        color: #a9a4d3;
    }