*:focus {
    outline: none !important;
}
body {
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
}
.form-control {
    font-size: 15px;
}
.form-control:focus {
    box-shadow: none;
    border-color: inherit;
}

a {
    text-decoration: none !important;
}

.v-center {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    bottom: initial;
    z-index: 4;
}
.bg-login-image,
.bg-password-image {
    background-image: url(../img/bg-login-image.jpg);
}

.text-red {
    color: red!important;
}

.card-header h6 {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.card-body iframe {
    width: 300px;
    height: 200px;
}

.card-body iframe.w_500 {
    width: 500px;
    height: 350px;
}

.card-body label {
    font-weight: 700;
    font-size: 15px;
}

.w_50 {width: 50px!important;}
.w_100 {width: 100px!important;}
.w_150 {width: 150px!important;}
.w_200 {width: 200px!important;}
.w_300 {width: 300px!important;}
.w_100_p {width: 100%!important;}

.h_80 {height: 80px!important;}
.h_100 {height: 100px!important;}
.h_150 {height: 150px!important;}
.h_200 {height: 200px!important;}

.bg_f3f3f3 {background: #f3f3f3!important;}

form.user .form-control-user,
form.user .btn-user {
    border-radius: .35rem;
}

.sidebar .nav-item .nav-link {
    padding-top: 0.6rem!important;
    padding-bottom: 0.6rem!important;
}
.sidebar .nav-item .nav-link i {
    width: 18px!important;
}

.dashboard-page .h4 {
    font-size: 16px!important;
}

.dashboard-page .h5 {
    font-size: 30px!important;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item {
    font-weight: 500!important;
}

.sidebar .nav-item .nav-link span {
    font-size: 14px!important;
    font-weight: 500!important;
}