[v-cloak] {
    display: none;
}

.bg-info {
    background-color: #5583EC !important
}

[class*=sidebar-dark-] {
    background-image: linear-gradient(
        0deg, #5583EC, #04449e);
}

[class*=sidebar-dark-] .navbar-header {
    padding: 0 1rem;
    height: 61px;
    background: #04449e;
}

.webuploader-pick {
    background-color: #448bff !important;
}

.btn {
    color: white !important;
}

.btn.btn-white {
    color: #414750 !important;
}

.btn-secondary {
    color: #FFFFFF;
    background-color: #7e9097 !important;
    border-color: #6e7e84 !important;
}

.btn-primary, .btn-dropbox {
    color: #FFFFFF;
    background-color: #448bff !important;
    border-color: #448bff !important;
}

.btn-primary:hover, .btn-dropbox:hover {
    background-color: #1e73ff !important;
    border-color: #1e73ff !important;
}

.btn-success:hover {
    background-color: #0d9448 !important;
    border-color: #0c8842 !important;
}

.btn-warning:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
}

.btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

.bg-primary {
    color: #FFFFFF;
    background-color: #448bff !important;
}

.bg-success {
    color: #FFFFFF;
    background-color: #10b759 !important;
}

.main-menu .nav-link .fa {
    font-size: 1.2rem !important;
}

.main-sidebar .nav-sidebar .nav-item > .nav-link {
    margin-right: 0;
}

.main-sidebar .nav-sidebar .nav-item > .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.main-sidebar .nav-sidebar .nav-item > .nav-link.active {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.text-link {
    padding: 3px 5px;
    border-radius: 5px;
    cursor: pointer;
}

.text-link:hover {
    background-color: rgba(120, 120, 120, 0.1) !important;
}

/*.navbar-header {*/
/*    background: url("/images/login-bg.jpg")  bottom -50px right -80px !important;*/
/*    background-size: 400px !important;*/
/*    background-repeat: no-repeat !important;*/
/*}*/