/*Scrollbar*/
@media (min-width: 992px){
    /* width */
    ::-webkit-scrollbar {
      width: 10px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
      border-radius: 10px;
    }
     
    /* Handle */
    ::-webkit-scrollbar-thumb {
      background: #ccc; 
      border-radius: 3px;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background: #bed748!important;
    }
}
/*End Scrollbar*/

.page-title-box{
    background-color: #f5f7fa;
    background-image: none;
}

.page-title-box h4{
    color: #636e75;
}

.breadcrumb-item>a{
    color: #636e75;
}

.breadcrumb-item+.breadcrumb-item::before{
    color: #636e75;
}

.breadcrumb-item.active{
    color: #999!important;
}

.btn-shadow{
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="email"]:focus, textarea:focus, select:focus{
    transition: 0.1s;
    border: 2px solid #bed748 !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ddd !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ddd !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ddd !important;
}

.tox-tinymce-aux {
    z-index: 99999999 !important;
}

/*Datatables modification color*/

table>thead>tr,th {
    height: 0px !important;
}

table>tbody>tr {
    border: 1px solid #eee !important;
}

table>tbody>tr:active {
    --bs-table-accent-bg: none;
    background-color: #fce4ec!important;
    cursor: pointer;
    transition: 0.5s;
}

div.dataTables_processing>div:last-child>div{
    background: #bed748!important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

/*End datatable*/

.mm-active>a {
    color: #bed748!important;
    background-color: #f5f7fa!important;
}

.mm-active>a:hover {
    color: #bed748!important;
    background-color: #f5f7fa!important;
}

.mm-active>a i {
    color: #bed748!important;
}

.mm-active>a i:hover {
    color: #bed748!important;
}

.mm-active .active {
    color: #bed748!important;
}

.mm-active .active i {
    color: #bed748!important;
}

.bg-primary{
    background-color: #bed748;
}

.btn-primary{
    background-color: #bed748!important;
    border-color: #bed748!important;
}

.btn-primary:hover{
    background-color: #9eb728!important;
    border-color: #9eb728!important;
}

.page-item.active .page-link {
    background-color: #bed748;
    border-color: #bed748;
}

.user-sidebar{
    background-color: #bb002f;
}

.item-nowrap{
    white-space: nowrap !important;
    overflow-x: hidden;
}

.form-check-input:checked {
    background-color: #bed748 !important;
    border-color: #bed748 !important;
}

.text-primary{
    color: #bed748 !important;
}

.tw-nowrap {
    white-space: nowrap !important;
}

.typeahead.dropdown-menu li.active{
    background-color: #eee !important;
}


.bg-primary-theme{
    background-color: #bed748!important;
}

.form-check-input.theme-secondary:checked {
    background-color: #0fbcdf;
    border-color: #0fbcdf;
}

#sidebar-menu ul li a:hover{
    color: #bed748!important;
}

#sidebar-menu ul li a i:hover{
    color: #bed748!important;
}


.nav-link:active {
    background-color: #ddd !important;
    transition: 0.1s;
}

.nav-link:hover {
    transition: 0.3s;
    background-color: #9eb728 !important;
    color: white !important;
}

.accordion-button:not(.collapsed) {
    color: #606060!important;
    background-color: #def768!important;
    font-weight: bold;
    font-size: 1rem;
}

.accordion-button.collapsed{
    font-weight: bold;
    font-size: 1rem;
}

@media (max-width: 992px){
    .navbar-brand-box {
        display: none !important;
    }

    .vertical-menu{
        top: 0px !important;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .page-content{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #datatable_processing{
        border: 2px solid #525ce5 !important;
    }

    div.dataTables_wrapper div.dataTables_filter{
        text-align: center !important;
    }
    
}