/*.attendance-nav {
    width: 90%;
    margin: auto;
}*/

.attendence-title {
    margin-right: 15px;
}


.left-right-icon {
    font-weight: bold;
    font-size: 15px;
}

.left-btn, .right-btn {
    font-size: 15px;
    margin: 0px 2px 0px 2px;
}

.apply-filter {
    height: 34px;
    width: 100%;
    background-color: rgb(0, 140, 255);
    color: white !important;
    border: 0;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
}


.from-to-calen {
    margin-top: 8px;
    font-size: 13px;
}

.attendence-thead {
    font-size: 14px;
}

.att-div {
    display: flex;
    /* justify-content: center; */
    justify-content: space-between;
}


.att-calender {
    display: flex;
    margin-right: 25px;
}


.table-attendence td, .table-attendence th {
    border: none !important;
}

.bar-width-green {
    width: 1% !important;
    background-color: #92d050 !important;
}

.bar-width-blue {
    width: 1% !important;
    background-color: #00B4F2 !important;
}

.bar-width-yellow {
    width: 1% !important;
    background-color: orange !important;
}

.bar-width-gray {
    width: 1% !important;
    background-color: #7F7F7F !important;
}
.bar-width-yellow1 {
    width: 1% !important;
    background-color: #FFD700 !important;
}

.bar-width-red {
    width: 1% !important;
    background-color: #C70000 !important;
}

.attendance-bar {
    background-color: #EEF4FF !important;
    height: 31px !important;
    border-radius: 2px !important;
}

.bar-wi {
    width: 65% !important;
}

.bar-wd {
    padding-right: 60px !important;
}

.attendence-thead th {
    background-color: #d8e6fb !important;
}

.present-btn {
    font-size: 13px;
    background-color: #92d050;
    color: white;
    border: 0;
    height: 29px;
    width: 98%;
}

.leave-btn {
    font-size: 13px;
    background-color: #c70000;
    color: white;
    border: 0;
    height: 29px;
    width: 98%;
}

.absent-btn {
    font-size: 13px;
    background-color: #00B4F2;
    color: white;
    border: 0;
    height: 29px;
    width: 98%;
}
.holiday-btn {
    font-size: 13px;
    background-color: #FFD700;
    color: white;
    border: 0;
    height: 29px;
    width: 98%;
}

.yellow-btn {
    font-size: 13px;
    background-color: #FCC41B;
    color: white;
    border: 0;
    height: 29px;
    width: 98%;
}

.gray-btn {
    font-size: 13px;
    background-color: #7F7F7F;
    color: white;
    border: 0;
    height: 29px;
    width: 98%;
}

table.dataTable.no-footer {
    border-bottom: none;
}

.fntblur {
    font-size: 14px;
    color: darkgrey;
}

.bar-time {
    color: black !important;
    text-align: center !important;
    margin: auto;
    font-weight: 500;
}

.firsthalf-leave-button {
    background: linear-gradient(to right, #0FCD92 50%, red 50%);
    color: white;
    border: none;
    height: 29px;
    font-size: 13px;
    border: 0;
    width: 98%;
}

.secondhalf-leave-button {
    background: linear-gradient(to right,red 50%,#0FCD92 50%);
    color: white;
    border: none;
    height: 29px;
    font-size: 13px;
    border: 0;
    width: 98%;
}

.bar-width-firsthalf-leave {
    width: 1% !important;
    background: linear-gradient(to right, #0FCD92 50%, red 50%) !important;
}

.bar-width-second-leave {
    width: 1% !important;
    background: linear-gradient(to right,red 50%,#0FCD92 50%);
}