:root, [data-bs-theme=light] {

    --primary: #cc7a33!important;
    --primary-hover:#feb56a!important;
}
a{
    color: var(--primary);
}
a:hover{
    color:  var(--primary-hover);
}
.sidebar-nav ul .sidebar-item>.sidebar-link.active {
    background-color: #5D87FF;
    color: #fff;
}
.h-100vh{
    height:100vh;
}

body{
    background: #f0f0f0;
    font-family:  "Roboto", sans-serif!important;
    font-weight: 400 !important;
}

.sidebar-nav .dropdown-menu.show{
    margin-left:1em!important;
    z-index: 999999999;
}

.simplebar-wrapper{
    overflow: visible!important;
}

.left-sidebar .scroll-sidebar{
    overflow: visible;
}

.form-control{
    background-color: var(--bs-body-bg);
}

.scroll-to-top{
    display: none;
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    cursor: pointer;
}

.form-group {
    margin-bottom: 15px;


}

.bg-custom{
    background-color: #cc7a33;
}
.bg-secondary{
    background-color: var(--primary)!important;
}
.text-secondary{
    color:var(--primary)!important;
}
.btn-outline-secondary{
    color: var(--primary);
    border-color: var(--primary);
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover {
    background-color: var(--primary-hover);
    color: white;
}

.sidebar-nav ul .sidebar-item>.sidebar-link.active {
    background-color:  var(--primary);
    color: #fff;
}

.btn.show{
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn:hover,.btn:active{
    background-color: var(--primary-hover)!important;
    border-color: var(--primary-hover)!important;
}

.btn-secondary{
    background-color: var(--primary);
    border-color: var(--primary);
}
.dropdown-menu{
    color:var(--primary);
}
.form-check-input:checked {
    background-color: var(--primary);;
    border-color: var(--primary);
}
.kv-toggle-all {

    color: var(--primary);
}

.active>.page-link{
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}
.page-link:hover{
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    color: #fff;
}
.page-link,.text-primary {
    color: var(--primary);
}

.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.kv-grid-table tbody tr td {
    vertical-align: middle !important;

}

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}