.txt1 {
    font-family: Poppins-Regular;
}
.txt2 {
    font-family: Poppins-Regular;
}
.d-inline{
    display: inline !important;
}
.checkbox-input{
    align-items: center;
    display: inline-flex;
    margin-bottom:0; 
}
.checkbox-input .checkbox-sm{
    width: 15px;
    margin-right: 5px;
}

.flex-align-center{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flex-align-center span{
    font-size: 20px !important;
    top: 0 !important; 
    padding: 10px;
    background-color: #ccc;
}
.top-inherit{
    top: inherit !important;
}
.modal-footer button{
    width: fit-content;
    padding: 8px 25px;
}
.h-70p{
    height: 70px;
}
#Title.table th{
    padding:2px !important;
}
.tt-cap, .btn.btn-primary{
    text-transform: capitalize;
}
.btn-m {
    cursor: pointer;
}
.red div{
    color: red !important;
}
.calendar-details{
    padding: 0.5rem!important;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
.overview-table td{
    padding: 5px;
}
.table th {
    padding: 0.2rem 0.75rem;
}
.no-gutters .form-group label{
    padding: 0px 8px;
}
.calendar-details{
    overflow: auto;
}
.checkbox-input-icon{
    height: 20px !important;
    width: 20px !important;
    margin-right: 5px !important;
}
.cust-lable{
    position: inherit !important;
    padding-left: 0px !important;
    align-items: center !important;
    justify-content: left !important;
    display: flex !important;
    margin-left: 0 !important;
}
.red{
    color: red;
}
.red span{
    background-color: inherit;
    padding: inherit;
}
span.red{
    background-color: inherit;
    padding: inherit;
    font-size: inherit !important;
}

@media (max-width: 575px){
    .table th, .monthly-cal, .holiday-table tr td{
        padding: 0 !important;
    }
    .monthly-table td{
        padding: 2px !important;
    }
    .btn-primary{
        width: 145px;
    }
    .monthly-table th{
        font-size: 12px;
        font-weight: 500;
    }
    .monthly-table tr td{
        font-size: 12px;
    }
    
}
.f-weight-400{
    font-weight: 400;
}
.text-t-none{
    text-transform:none;
}
/*  testing the cache is it work or not.
.dashboard-control{
    background-color: rgb(170, 94, 94);

} */
@media (min-width: 580px){
    .farver{
        display: flex !important;
    }
}