/**
 * Loader
 */
#loader {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    visibility: visible;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: #fff;
    z-index: 90000;
}
#loader.fadeOut {
    opacity: 0;
    visibility: hidden;
}
.spinner {
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}
@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

/**
 * Header
 */
.header {
    background: #770be2;
    color: #fff;
}
.header .header-container .nav-left > li > a,
.header .header-container .nav-right > li > a {
    color: #fff;
}
.header .header-container .nav-left > li > a:hover,
.header .header-container .nav-left > li > a:focus,
.header .header-container .nav-right > li > a:hover,
.header .header-container .nav-right > li > a:focus{
    color: #e6e6fa;
}

/**
 * Sidebar
 */
.sidebar .nav-item i {
    color: #770be2;
}

/**
 * Pagination
 */
.pagination {
    justify-content: center;
}

/**
 * Table
 */
table.table th, table.table td {
    vertical-align: middle;
}
table.table th {
    background: #e6e6fa;
}

/**
 * Image
 */
img {
    max-width: 100%;
}

/**
 * Common class
 */
.bg-touei {
    background: #e6e6fa;
}
.mh-150 {
    max-height: 150px;
}