/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
.auth-one-bg {
    background-image: none!important;
}

.navbar-brand-box,
.simplebar-mask{
    background-color: #027BFF;
}

.btn-info, .btn-success{
    border: 1px solid #027BFF;
    background-color: #027BFF;

}
.btn-info:hover, .btn-success:hover{
    color: #027BFF;

    border: 1px solid #027BFF;
    background-color: transparent;
}

.btn-danger{
    color: white;

    border: 1px solid #EE7172;
    background-color: #EE7172;
}
.btn-danger:hover{
    color: #EE7172;
    border: 1px solid #EE7172;
    background-color: transparent;
}

.active>.page-link, .page-link.active, .page-link:focus{
    background-color: #027BFF;
    border-color: #027BFF;
}

.card{
    border-radius: 10px;
}

.card.crm-widget{
    width: 95%;
    background-color: transparent;
    box-shadow: none;
}

.card-header{
    color: white;
    border-radius: 10px;
    background-color: #027BFF;
}
.card-header:first-child{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.card-header h4{
    color: white;
}

.card-body .row{
    /*display: flex;
    flex-wrap: nowrap;*/
    align-items: center;
    justify-content: space-between;
    /*gap: 1rem;*/
    background-color: transparent;
}

.card-body .col{
    /* width: 18%; */
    height: 120px;

    color: white;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    border-right: none;
    border-radius: 10px;
    background-color: #027BFF;
}
.card-body .col h5.text-muted,
.card-body .col h2{
    color: white !important;
    text-align: center;
}
.card-body .col i{
    display: none;
}
.card-body .col .ms-3{
    margin-left: 0 !important;
}

.py-4.px-3{
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}
.card-height-100 {
    padding-right: inherit!important;
    padding-left: inherit!important;
}
.btn-white{
    background-color: white!important;
}
.btn-white:hover{
    color: #027BFF!important;
}
.sidebar-background{
    opacity: inherit;!important;
    background-color: #027BFF!important;
}
.apexcharts-yaxis text {
    fill: #000000!important;
}
.text-white{
    color: white!important;
}
.div-select2 > form > .select2-container {
    width: 250px !important;
}
.navbar-brand-box{
    background-color: #027BFF !important;
}
.choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    margin-left: 15px!important;
}
.choices__inner {
    background-color: #ffffff!important;
    /*padding: 0!important;*/
}