:root {
    --app1: #7cbdff;
    --app2: #7cbdff;
    --app_third: #9dc9e9;
    --app_confirm: #20BF60;
    --header_color: #62a7d9;
    --app_text: #ffffff;
    --white: white;
    --app_cancel: red;
    --blue: #195d97;
    --daterangepickercolor: #7cbdff;
    --sweertalert-background: #54a4f5;
    --sweertalert2-background: #2088f0;
}


.btn-custom-cut {
    background: var(--app_cancel) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

.btn-custom {
    background: linear-gradient(12deg, var(--app_third) -100%, var(--app2) 24%, var(--app1) 80%) !important;
    background: var(--blue) !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

.mr-15px {
    margin-right: 15px !important;
}

.image-resolution {
    color: green;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}


#sidebar-menu .badge {
    padding: 6px 5px 5px 5px !important;
    border-radius: 6px !important;
}


.login-card {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFC91F 100%);
}

.authentication-bg {
    background-color: #ebd386 !important;
}

body.authentication-bg {
    background-color: #ebd386 !important;
}

.navbar-custom {
    /* background-color: #FFC91F !important; */
    /* background: linear-gradient(circle, #fad867 0%, #FFC91F 100%); */
    background: radial-gradient(circle, #FFC91F 0%, #2A5100 100%);
    background: radial-gradient(circle, #FFC91F 65%, #2A5100 362%)

}

.btn_add_plus {
    width: 200px;
    float: right;
    background: #FFC91F !important;
    border: hsl(46, 100%, 56%) !important;
    color: #000000 !important;
}

.btn_add_plus:hover {
    color: #000000;
    background-color: #FFC91F !important;
    border-color: #FFC91F !important;
}

#sidebar-menu .menuitem-active .active {
    color: #FFC91F !important;
}

#sidebar-menu .menuitem-active>a {
    color: #FFC91F !important;
}

#sidebar-menu>ul>li>a:active,
#sidebar-menu>ul>li>a:focus,
#sidebar-menu>ul>li>a:hover {
    color: #FFC91F !important;
    text-decoration: none;
}

.pointerclass {
    cursor: pointer !important;
}

.bg-custom-counter {
    background-color: #FFC91F !important;
    color: #2A5100 !important;
}

.buttons-excel {
    background: #ED4006;
    color: white;

}

.buttons-excel:hover {
    background: #ED4006;
    color: white;
}

a:hover {
    color: #ffffff;
    text-decoration: none;
}

.custom-card {
    background-color: #FFC91F;
    color: white !important;
    cursor: default;
    border-radius: 30px;
    box-shadow: 12px 6px 8px #bebebe, -15px -15px 30px #ffffff;
    transition: 0.2s ease-in-out;
    min-height: 145px;
}

.custom-card:hover {
    color: #2A5100 !important;
    border-color: #FFC91F !important;
    background-color: #FFC91F !important;
}

.custom-card h4 {
    color: white !important;
}

.new-logo {
    /* border: 1px solid !important; */
}


.avatar-title {
    color: #FFC91F !important;
}

/* .rounded-circle {
    border-color: #FFC91F !important
} */

.text-truncate {
    color: #0A0F1A;
}

.page-item.active .page-link {
    z-index: 3 !important;
    color: #fff !important;
    background-color: #FFC91F !important;
    border-color: #FFC91F !important;
}