/*input[type="text"] {
    border: none;
    background: none;
    width: 100%;
}*/

.column-container {
    border: 1px solid #ccc; /* Add border */
    padding: 0px;
    margin-bottom: 20px; /* Add space between columns */
}

.check-title {
    background-color: #D3E3FD;
    padding: 2px;
    margin-bottom: 10px;
}

.time-input {
 
    height: 40px; /* Default height */
}
/*.btn-checkin:focus {
    outline: none !important;    
    box-shadow: none !important;
}
.btn-checkin {
    color: white;
    margin-top: 34px;
    width: 60%;
}*/
#currentDate{
    color:gray;
    font-size:14px;
}
.dashholiday_body
{
    height:287px;
}
.checkinhours, .dashjob_description, .dashticket_description, .dashbirthday_description, .dashhoiday_description {
    line-height: 1rem;
}
    .dashhoiday_description p
    {
        font-size:12px
    }
        .dashhoiday_description h6{
            font-size:15px;
        }

        .in-out {
            text-align: right; /* Align input fields to the right */
        }

.day-date-time {
    float: left; /* Align day-date-time section to the left */
    margin-bottom: 10px; /* Add space below */
    line-height:1rem;
}

.button-container {
    display:flex;
}

.calendar {
    max-width: 400px;
    margin: 0 auto;
}

.highlight-festival {
    background-color: #C497EE; /* Purple background color */
    color: black; /* Text color */
    border-radius: 3px;
}


.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: aliceblue;
    padding: 0;
    border-bottom: none !important;
}

.calendar-body th,
.calendar-body td {
    padding: 0;
    text-align: center;
    border: none;
    line-height: 1.5 !important; /* Adjust the line height as needed */
    position: relative;
}

    .calendar-body td:hover .festival-tooltip {
        visibility: visible;
    }

    .calendar-body td:hover .festival-tooltip:before {
        content: attr(data-festival);
        position: absolute;
        bottom: calc(100% + 5px);
        left: 50%;
        transform: translateX(-50%);
        background-color: #ff69b4; /* Pink background color */
        color: white;
        padding: 3px 5px; /* Adjust size */
        border-radius: 3px; /* Adjust border radius */
        visibility: visible;
        z-index: 999;
    }



    .calendar-body .festival-tooltip:before {
        content: '';
        position: absolute;
        border-width: 5px;
        border-style: solid;
        border-color: #ff69b4 transparent transparent transparent; /* Pink border color */
        top: -5px;
        left: 50%;
        transform: translateX(-50%);
    }
   

.calendar-body tr {
    border: none;
    margin-bottom: 10px;
}

/*.calendar-body th:nth-child(6),*/ /* Saturday */
/*.calendar-body th:nth-child(7),*/ /* Sunday */
/*.calendar-body td:nth-child(6),*/ /* Saturday */
/*.calendar-body td:nth-child(7) {*/ /* Sunday */
    /*color: red;
}*/

.chevron-icon {
    font-size: 1.0rem;
    color: #007bff;
    cursor: pointer;
}
.card-header {
    background-color: #EEF4FF;
    padding: .25rem 0.50rem;
    border-bottom: none;
}




.bg-primary {
    background-color: #007bff !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.list-unstyled li {
    margin-bottom: 5px;
}

.calendar {
    max-width: 400px;
    margin: 0 auto;
}



.time-input {
    font-size: 17px;
    color: #3E78CF;
    height: 40px; /* Default height */
    font-weight: bold;
}

.current-time {
    font-size: 17px;
    color: #3E78CF;
    font-weight: 600;
}
.check-time
{
    line-height:1rem;
}

.in-out {
    text-align: right; /* Align input fields to the right */
}

.day-date-time {
    float: left; /* Align day-date-time section to the left */
    margin-bottom: 10px; /* Add space below */
}

.highlight-current {
    background-color: #cfe4f8; /* Purple background color */
    color: black; /* Text color */
    font-size: 14px; /* Adjust size */
    border-radius: 3px; /* Adjust border radius */
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #EEF4FF;
    padding: 0;
    border-bottom: none !important;
}

.calendar-body th,
.calendar-body td {
    padding: 8px 4px;    
    text-align: center;
    border: none;
    line-height: 2; /* Adjust the line height as needed */
    position: relative;
}

    .calendar-body td:hover .festival-tooltip  {
        visibility: visible;
    }

.today-tooltip {
    display: none;
    position: absolute;
    background-color: #333; /* Background color */
    color: #fff; /* Text color */
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    z-index: 10;
    white-space: nowrap;
}
.calendar-body td:hover .today-tooltip {
    display: block;
}

.calendar-body td:hover .festival-tooltip:before {
    content: attr(data-festival);
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    background-color: #ff69b4; /* Pink background color */
    color: white;
    padding: 3px 5px; /* Adjust size */
    border-radius: 3px; /* Adjust border radius */
    visibility: hidden;
    z-index: 999;
}

.calendar-body .festival-tooltip {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ff69b4; /* Pink background color */
    color: white;
    padding: 3px 5px; /* Adjust size */
    border-radius: 3px; /* Adjust border radius */
    z-index: 999;
}

.calendar-body tr {
    border: none;
   }

/*.calendar-body th:nth-child(6),*/ /* Saturday */
/*.calendar-body th:nth-child(7),*/ /* Sunday */
/*.calendar-body td:nth-child(6),*/ /* Saturday */
/*.calendar-body td:nth-child(7) {*/ /* Sunday */
    /*color: red;
}*/

.chevron-icon {
    font-size: 1.0rem;
    color: #007bff;
    cursor: pointer;
}
/*leave css*/



.dashcard_style {
    height: 287px;
    width: auto;    
}
.scrollbar
{
    overflow-y:auto;
}
::-webkit-scrollbar 
{
    width: 2px;
}
.smalltext {
    color: #BDBDBD;
    font-size: 14px;
}
#dashday
{
    font-size:16px;
    color:#000000;
}
.leaveslider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.leaveslider-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.leaveslider-item {
    min-width: 25%;
    box-sizing: border-box;
    padding: 0.5rem;
}

    .leaveslider-item .card {
        text-align: center;
        width: 100%;
        padding: 0px;
        border: 1px solid transparent;
    }

.leave-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 0 auto 10px;
    font-size: 1.5rem;
    color: #fff;
}

.bg-bereavement {
    background-color: #948078;
}
.bg-hourly {
    background-color: #F35F8C;
}

.bg-compensatory {
    background-color: #50514f;
}

.bg-earned {
    background-color: #2ECC87;
}

.bg-emergency {
    background-color: #3DC2C8;
}

.bg-danger {
    background-color: #47B2F7;
}

.bg-secondary {
    background-color: #6c757d;
}

.bg-marriage {
    background-color: #B38BDC;
}

.bg-paternity {
    background-color: #70c1b3;
}

.bg-maternity {
    background-color: #247ba0;
}

.leave-title {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0px;
}

.leave-details {
    font-size: 0.8rem;
    margin-bottom: 0px;
}

.leaveslider-control {
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    background-color: transparent;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .leaveslider-control.left {
        left: 0px;
    }

    .leaveslider-control.right {
        right: 0px;
    }

.fa-chevron-right, .fa-chevron-left {
    color: black;
}

.box_body {
    padding: 0.25rem;
    overflow-y: auto;
}

.box_topic {
    background-color: #EEF4FF;
    padding: 1rem;
}
@media (min-width:1201px)  and (max-width:1307px)
{
    .check-label{
        margin-left:-10px;
    }
    .time-input{
        margin-left:-10px;
    }
}
@media (min-width:1147px) and (max-width:1200px) {
    .check-label {
        margin-left: -15px;
    }

    .in-out .time-input {
        margin-left: -15px;
    }
    #dashcurrentTime
    {
        font-size:20px;
    }
}


.badge-low {
    color: #fff;
    background-color: #306d9c;
}

.badge-mid {
    color: #fff;
    background-color: #ff6600;
}

.leave-request-Page {
    cursor: pointer;
}

.compOff-History-Page {
    cursor: pointer; 
}

.hr-dashtickets {
    cursor: pointer;
}
    /*----The carousel css end's here----*/
    /*.btn-checkin-in {
    background-color: #007bff;*/ /* Blue */
    /*color: white;*/ /* Optional: Ensure text is visible */
    /*}

.btn-checkout-out {
    background-color: #FF6347;*/ /* Tomato red */
    /*color: white;*/ /* Optional: Ensure text is visible */
    /*}

.btn-disabled {
    background-color: #007bff;*/ /* Blue for disabled */
    /*color: white;*/ /* Optional: Ensure text is visible */
    /*opacity: 0.6;*/ /* Optional: Add opacity for disabled effect */
    /*cursor: not-allowed;*/ /* Change cursor to not-allowed */
    /*}*/