html[data-sidebar-size="sm"] .page-content {
    padding: calc(70px + 35px + 1.5rem) calc(1.5rem * 0.5) 60px calc(12.5rem * 0.5);
}

.categrory-widgets{
    height: 95%;
}

.categrory-widgets .read-more-btn{
    position: absolute;
    bottom: 20px;
}


[data-layout=vertical] [data-sidebar-size=sm] .navbar-menu .navbar-nav
.nav-item:hover>a.menu-link span {
display: inline-block;
padding-left: 25px;
}

.navbar-header .topbar-user .dropdown-menu.show {
    top: 56px !important;
    right: 0px;
}

.form-control::placeholder{
    color: #aaaaaa !important;
}

@media only screen and (max-width: 600px) {
    .page-content {
        padding: calc(70px + 35px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5);
    }
    html[data-sidebar-size="sm"] .page-content {
        padding: calc(70px + 35px + 1.5rem) calc(1.5rem * 0.5) 60px calc(1.5rem * 0.5);
    }
    .custom-permalink{
        width: 100%;
    }
    #reportModal{
        top: 270px;
    }
    #reportModal .modal-body{
        height: 500px;
    }
    .area-group-btns .btn{
        border-radius: 0px !important;
        width: 100px;
    }
    .navbar-header .dropdown .dropdown-menu {
        width: 13rem !important;
    }
    .login-column{
        min-height: 45vh !important;
    }
  }

  .btn:focus {
    box-shadow: none !important;
}

.btn-info:focus{
    background-color: #1ea6d3 !important;
    border-color: #1ea6d3 !important;
    color: white !important;
}

.btn-danger:focus{
    background-color: #ef476f !important;
    border-color: #ef476f !important;
    color: white !important;
}

.btn-secondary:focus{
    background-color: #7c6bff !important;
    border-color: #7c6bff !important;
    color: white !important;
}

.btn-success:focus{
    background-color: #06d6a0 !important;
    border-color: #06d6a0 !important;
    color: white !important;
}

.btn-primary:focus{
    background-color: #4b93ff !important;
    border-color: #4b93ff !important;
    color: white !important;
}

.btn-warning:focus{
    background-color: #f1be46 !important;
    border-color: #f1be46 !important;
    color: white !important;
}

.btn-soft-primary:focus{
    box-shadow: none !important;
}

.btn-soft-secondary:focus{
    box-shadow: none !important;
}

.form-control[readonly], .page-item.disabled .page-link{
    background-color: transparent !important;
}

.form-control[disabled]{
    background-color: transparent !important;
}

html[data-bs-theme="dark"] #line_chart_datalabel rect{
    fill: none !important;
}

.dashboard-manage-products{
    opacity: .5;
}

html[data-bs-theme="dark"] .dashboard-manage-products{
    opacity: .2;
}

html[data-bs-theme="dark"] .page-content{
    background-color: #132846 !important;
}

html[data-bs-theme="dark"] .breadcrumb-item.active{
    color: #bbb9b9;
}

html[data-bs-theme="dark"]{
    background-color: #132846 !important;
}

html[data-bs-theme="dark"] #toggle-password{
    color: #fff !important;
}

#data_Table_length label {
    text-transform: capitalize !important;
}

html[data-bs-theme="dark"] .membership-widget{
    background-color: transparent !important;
}
/* Dark Theme */
.logo-light {
    display: none !important;
}

.logo-dark {
    display: block !important;
}

/* Dark Theme */
html[data-bs-theme="dark"] .logo-light {
    display: block !important;
}

html[data-bs-theme="dark"] .logo-dark {
    display: none !important;
}

/* .modal.fade{
    overflow: hidden !important;
} */

.note-toolbar{
    background-color: white !important;
}
.note-modal-footer{
    height: auto !important;
    text-align: end !important;
}
.note-image-btn, .note-link-btn, .note-video-btn{
    float: none !important;
}


.note-input{
background: white !important;
color: black !important;
}

html[data-bs-theme="dark"] .select2-search__field{
background-color: transparent !important;

}


/* Apply dark styles when theme is active */
html[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple {
background-color: #132846 !important;
color: white !important;
border: 1px solid #555 !important;
}

html[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #132846 !important;
color: white !important;
border: 1px solid #444 !important;
}

html[data-bs-theme="dark"] .select2-container--default .select2-results__option {
background-color: #132846 !important;
color: white !important;
}

/* 👉 HOVER EFFECT for options */
html[data-bs-theme="dark"] .select2-container--default .select2-results__option:hover {
background-color: #444 !important;
color: white !important;
cursor: pointer;
}

html[data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
background-color: #132846 !important;
color: white !important;
border: 1px solid #444 !important;
} 

html[data-bs-theme="dark"] .quote-row:hover, html[data-bs-theme="dark"] .quote-details-row td{
    background-color: #132846 !important;
}

.breadcrumb-item{
    display: flex;
    align-items: center;
}

.tx-danger{
    color: red;
}

.note-toolbar{
    display: flex !important;
    flex-wrap: wrap;
}

.note-color-all, .note-font, .note-para, .note-insert, .note-view {
    display: flex !important;
    gap: 15px !important;
}

.note-font{
    width: 220px;
}

.note-color-all .dropdown-toggle, .note-font button{
    width: 35px !important;
}

.note-font button:last-child, .note-insert button:last-child{
    margin-right: 10px !important;
}

@media screen and (max-width: 1024px) {
    .blog-cards{
        padding-top: 20px;
    }
}

@media screen and (max-width: 850px) {
    #data_Table_wrapper .col-sm-12{
        overflow-x: auto;
    }

    .global-create-btn, .global-list-btn{
        font-size: 12px !important;
    }
    .advance-filter-body{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .blog-list-header{
        padding: 16px 20px !important;
    }
    .no-use-label{
        display: none;
    }
}

@media screen and (max-width: 480px) {
    #data_Table_length, #data_Table_info, #contactUsTable_length{
        margin-bottom: 15px;
    }
    .global-create-btn, .global-list-btn{
       margin-top: 20px;
    }
    table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after{
        top: 65%;
    }
    table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before{
        top: 30px;
    }
    .note-font{
        width: 100%;
    }
    .services-body-card{
        padding: 16px 17px !important;
    }
    .services-pagination-text{
        width: 100%;
        text-align: center;
    }
    .services-pagination{
        justify-content: center;
        width: 100%;
    }
    .job-list-btn{
        width: 100%;
    }
  
}