.navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand>img {     max-height: 60px;}

.table td, .table th
{
    white-space: inherit;
}

.badge-small {
    padding: 0.45em 0.775em;
    font-size: .70em;
    border-radius: 0.25rem;
}

.badge-primary {
    color: #a3017e;
    background-color: #f883dd
}

.badge-primary[href]:focus,.badge-primary[href]:hover {
    color: color-yiq(#cb0c9f);
    text-decoration: none;
    background-color: #910972
}

.badge-secondary {
    color: #5974a2;
    background-color: #e4e8ed
}

.badge-secondary[href]:focus,.badge-secondary[href]:hover {
    color: color-yiq(#8392ab);
    text-decoration: none;
    background-color: #617390
}

.badge-success {
    color: #67b108;
    background-color: #cdf59b
}

.badge-success[href]:focus,.badge-success[href]:hover {
    color: color-yiq(#82d616);
    text-decoration: none;
    background-color: #609f10
}

.badge-info {
    color: #08a1c4;
    background-color: #abe9f7
}

.badge-info[href]:focus,.badge-info[href]:hover {
    color: color-yiq(#17c1e8);
    text-decoration: none;
    background-color: #1193b0
}

.badge-warning {
    color: #fbc400;
    background-color: #fef5d3
}

.badge-warning[href]:focus,.badge-warning[href]:hover {
    color: color-yiq(#fbcf33);
    text-decoration: none;
    background-color: #ecb905
}

.badge-danger {
    color: #bd0000;
    background-color: #fc9797
}

.badge-danger[href]:focus,.badge-danger[href]:hover {
    color: color-yiq(#ea0606);
    text-decoration: none;
    background-color: #ae0404
}

.badge-light {
    color: #c7d3de;
    background-color: #fff
}

.badge-light[href]:focus,.badge-light[href]:hover {
    color: color-yiq(#e9ecef);
    text-decoration: none;
    background-color: #c6cdd5
}

.badge-dark {
    color: #1e2e4a;
    background-color: #8097bf
}

.badge-dark[href]:focus,.badge-dark[href]:hover {
    color: color-yiq(#344767);
    text-decoration: none;
    background-color: #1f2b3e
}

.badge-white {
    color: #e8e3e3;
    background-color: #fff
}

.badge-white[href]:focus,.badge-white[href]:hover {
    color: color-yiq(#fff);
    text-decoration: none;
    background-color: #e0e0e0
}


.nav.nav-pills {
    font-size: 15px;
}
.nav.nav-pills i { margin-right: 5px;}
.nav.nav-pills .nav-link.active {
    background-image: linear-gradient(310deg,#344767,#344767);
    color: #fff
}

.alert-success {
    background-image: linear-gradient(310deg,#90d79f,#b0e271);
}

select {
    background-image: url(../img/dropdown.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
    background-size: 10px;
}

.icon-sm i {
    font-size: 0.85rem;
}

.navbar-vertical .navbar-nav .nav-item .nav-link .icon i {
    color: #344767;
}

.navbar-vertical .navbar-nav .nav-item .nav-link.active .icon i {
    color: #fff;
}

.course_check ul {
    list-style: none;
    padding: 0;
}

.course_check ul li { display: block; float: left; margin-right: 5px; margin-bottom: 5px;}

.loader-box {
    padding: 30px;
    text-align: center;
}

.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation 0.8s linear infinite;
}
.loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border-bottom: 4px solid #344767;
    border-left: 4px solid transparent;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}