html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 14px;
        font-family: "Arial", Sans-Serif;
    }
}
.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.fs-7{
    font-size:14px !important;
}
.fs-8 {
    font-size: 13px !important;
}
.fs-9 {
    font-size: 12px !important;
}
.fs-10 {
    font-size: 11px !important;
}
.fs-11 {
    font-size: 10px !important;
}
.fs-12 {
    font-size: 9px !important;
}
.vfs-link{
    text-decoration:none;
}
.vfs-btn-xs {
    font-size:10px !important;
    padding-left:5px !important;
    padding-right:5px !important;
}
.vfs-btn:hover{
    text-decoration:none !important;
    background:#eee !important;
    padding:5px;
    border-radius:5px;
}
.vfs-link:hover{
    text-decoration:none !important;
    color:#ffa500 !important;
}
.vfs-post-profile-img{
    max-width:35px !important;
    background:#ffffff !important;
    border-radius:50%;
    padding:5px;
}
.vfs-post-profile-img-md {
    max-width: 70px !important;
    background: #ffffff !important;
    border-radius: 50%;
    padding: 5px;
}
.vfs-post-profile-img-sm {
    max-width: 50px !important;
    background: #ffffff !important;
    border-radius: 50%;
    padding: 5px;
}
.vfs-post-profile-img-lg {
    max-width: 100px !important;
    background: #ffffff !important;
    border-radius: 10px;
    padding: 5px;
}
.vfs-img-circle{
    border-radius:50% !important;
}
#uploadImage {
    cursor: pointer;
}
.vfs-fixed-sidebar {
    position: fixed;
    height: 100%; /* Set the height to 100% of the viewport height */
    overflow-y: auto;
}
.vfs-fixed-sidebar::-webkit-scrollbar {
    width: 8px; /* Adjust the width as needed */
}

.vfs-fixed-sidebar::-webkit-scrollbar-thumb {
        
}

.vfs-fixed-sidebar::-webkit-scrollbar-track {
        
}
@media only screen and (max-width: 768px) {
    /* Styles to hide the div on mobile devices */
    .vfs-fixed-sidebar {
        display: none; /* Or other visibility options */
        
    }
}
.vfs-sidebar-toggle{

}
@media only screen and (min-width: 768px) {
    /* Styles to hide the div on non-mobile devices */
    .vfs-sidebar-toggle {
        display: none; /* Or other visibility options */
    }
}
.form-control:focus{
    border-color:#333333;
}
.form-check-input:active, .form-check-input:checked{
    background-color: #333333;
}
.bg-orange {
    background-color: #FF7B1D;
}

.bg-green {
    background-color: #76BC21;
}

.bg-panel {
    background-color: #F6F5FB !important;
}

.text-title {
    color: #4E5272;
}

.text-orange-primary {
    color: #FF7B1D;
}

.text-orange-secondary {
    color: #F35C17;
}

.btn-green {
    background-color: #76BC21 !important;
    color: #FFFFFF !important;
    font-weight: 600;
}

.btn-orange {
    background-color: #F35C17 !important;
    color: #FFFFFF !important;
    font-weight: 600;
}

.active-sub {
    background-color: rgb(255,123,29, 0.1);
    border-radius: 10px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: 3px !important;
    margin-right: 10px !important;
    color: #FF7B1D;
    font-weight: 600;
}

.sub-link {
    background-color: rgb(255,255,255, 0.5);
    border-radius: 10px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: 3px !important;
    margin-right: 10px !important;
    color: #4E5272;
    font-weight: bold;
}

    .sub-link:hover {
        background-color: rgb(255,123,29, 0.1);
        border-radius: 10px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-top: 3px !important;
        margin-right: 10px !important;
        color: #FF7B1D;
        font-weight: 500;
    }

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    border-radius: 3px;
}

.ui-autocomplete {
    z-index: 10000; /* Adjust the value based on your needs */
    border-radius: 10px;
}

.ui-menu-item {
    padding: 8px;
    cursor: pointer;
    /* Add other styles as needed */
}