.custom-dropdown-toggle {
    border: none;
    background-color: transparent;
}

    .custom-dropdown-toggle::after {
        content: none; /* Remove default dropdown arrow */
    }

.dropdowns-container {
    display: flex;
    align-items: center;
}

.dropdown-menu {
    border: none; /* Remove border around the dropdown */
    box-shadow: none; /* Remove box-shadow around the dropdown */
}

.dropdown {
    margin-right: 15px;
}

.dropdown-menu .dropdown-item {
    color: inherit;
    background-color: transparent !important; /* Remove default hover and active color */
    background-color: transparent; /* Remove default hover and active color */
}

    .dropdown-menu .dropdown-item:hover,
    .dropdown-menu .dropdown-item:focus,
    .dropdown-menu .dropdown-item.active,
    .dropdown-menu .dropdown-item:active {
        background-color: transparent !important; /* Remove active color on hover and click */
        background-color: #e9e4e4 !important; /* Remove active color on hover and click */
    }

.btn-light:focus {
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn-light:hover {
    color: #212529;
    background-color: transparent !important;
    border-color: transparent !important;
}

.custom-dropdown-toggle {
    border: none;
    background-color: transparent;
}

    .custom-dropdown-toggle::after {
        content: none; /* Remove default dropdown arrow */
    }

.advancesearch {
    padding-left: 9px;
}

.dropdowns-container {
    display: flex;
    align-items: center;
}

.month-dropdown {
    margin-right: 0px;
}

.days-container {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 0px;
}


.day {
    text-align: center;
    border-radius: 25%;
    cursor: pointer;
    margin: 5px;
    width: 24px;
    height: 24px;
    line-height: 25px;
    background-color: #fff;
   /* color: black;*/
  
}
  
#exampleSelect1:focus,
#exampleSelect2:focus,
#exampleSelect3:focus
{
    border-color: transparent !important;
    box-shadow: none !important;
}

.export-label {
    display: inline-block;
    margin-right: 10px;
}

#status-dropdown {
    border: none;
    box-shadow: none;
}

    #status-dropdown:focus {
        border: none;
        box-shadow: none;
    }

#location-dropdown {
    border: none;
    box-shadow: none;
}

    #location-dropdown:focus {
        border: none;
        box-shadow: none;
    }
.hoverable-row .fa-pencil-alt {
    display: none;
}

/* Show the pencil icon when hovering over the row */
.hoverable-row:hover .fa-pencil-alt {
    display: inline;
}

.res-admin-attendance-main thead th {
    color: #fff;
}

@media (min-width:1257px) {
    .btn-addshift {
        margin-left: 30px
    }
}

@media (min-width:1100px) and (max-width:1103px) {
    .status-drop {
        margin-left: 0%;
    }
}

.employee-details {
    line-height: 1rem;
}

    .employee-details small {
        color: #3E78CF;
        font-size: 13px;
    }

    .attemployee-image
    {
        height:35px;
        width:35px;
        border-radius:50%;
    }
.adminatt_tbody
{
    font-size:14px;
    
}
.adminatt_thead {
    background-color: #3E78CF;
    height: 35px;
    font-size: 13px;
}
#adminaddendancetable_wrapper
{
    padding-top:0px;
}

.btn-addshift, #dateDropdown .btn-sm {
    background-color: #3E78CF;
    color: white;
}
@media (max-width:1305px)
{
    .btn-addshift
    {
        font-size:14px;
    }
    #status-dropdown, #location-dropdown, .export-label {
        font-size: 14px;
    }
}
@media (min-width:1305px)
{
    .btn-addshift
    {
        margin-left:30px;
    }
}
@media (min-width:1445px) and (max-width:1550px)
{
    #daysContainer
    {
        width:1000px;
    }
}
@media (min-width:1300px) and (max-width:1445px) 
{
    #daysContainer {
        width: 895px;
    }
}
@media (min-width:1200px) and (max-width:1300px) {
    #daysContainer {
        width: 800px;
    }
    .btn-addshift
    {
        font-size:12px;
        margin-left:20px;
    }
    .att_navbar {
        margin-left: -30px;
    }
}
@media (min-width:1100px) and (max-width:1200px) {
    #daysContainer {
        width: 700px;
    }
}
@media (min-width:1000px) and (max-width:1100px) {
    #daysContainer {
        width: 670px;
    }
    #daysContainer .day{
        font-size:11px;
    }
    #status-dropdown, #location-dropdown {
        font-size: 12px;
        width: 80px !important;
    }
    .export-label {
        font-size: 12px;
    }
    #exportIcon
    {
        margin-top:5px !important;
        font-size:10px;
        margin-right:20px
    }
    .att_navbar {
        margin-left: -80px;
    }
    #attedencemonth{
        font-size:13px;
    }
    .adminatt_thead, .adminatt_tbody, .leave-btn {
        font-size: 10px;
    }
    
}