@media only screen and (max-width: 576px){
    .employee-timecard-schedule{
        padding:15px 30px;
    }
    body {
        background: #fff !important;
        font-size: 14px;
        font-weight: 500;
        font-family: Roboto,lato,Arial,sans-serif;
        line-height: 22px;
        color: #1F2730;
        overflow-x:hidden;
    }
    .status-employee{
        float:left; 
        font-size:14px;
        display:inline-block;
        font-weight:500;
    }
    .week-number{
        float:right;
        display:inline-block;
    }
    .employee-status-dropdown{
       background:#fff;
       padding:5px 10px 5px 10px;
       width:65%;
       border: 1px solid #DADBDD;
       display:inline-block;
       border-radius:5px;
       position:relative;
       cursor:pointer;
    }
    .employee-status-week{
        padding-bottom:15px;
    }
    .status-text-user{
        margin-right:20px;
        display:inline-block;
        font-weight:500;
    }
    .employee-status{
       color:#374251;
       background: #F2F2F2;
       border-radius: 8px;
       padding:10px;
       margin-top:20px;
       clear:both;
    }
    .employee-schedule ul li{
       list-style-type:none;
       margin-top:15px;
       vertical-align:middle;
   }
    .employee-schedule{
    margin-top:20px;
}
.employee-schedule-list{
    padding:0px;
    min-height:370px;
}
.employee-schedule-btn{
    display:inline-flex;
    background:#F5F5F5;
    width:47%;
    border-radius: 8px;
    outline:none !important;
    border:none !important;
    font-size:14px;
    height:50px;
    font-weight:400;
    margin-right:4%;
    color:#B4B7BA !important;
    justify-content:center;
}
.employee-schedule-text{
    width:47%;
    display:inline-flex;
    font-size:16px;
    margin-right:4%;
    font-weight:400;
}
.employee-schedule-input{
    display:inline-flex;
    font-size:14px;
    width:47%;
    border-radius:8px;
    height:50px;
    font-weight:500;
    justify-content:center;
    padding-left:10px;
    border: 1px solid #DADBDD;
    text-transform: uppercase;
}
.employee-edit{
    color:#fff;
    background:#374251;
    border-radius: 5px;
   border: 1px solid #DADBDD;
   width:100%;
    text-align:center;
    padding:10px 0px;
    font-size:16px;
}
.employee-save{
    background: #F5F5F5;
    border-radius: 5px;
   border: 1px solid #DADBDD;
    color:#B4B7BA;
    width:100%;
    text-align:center;
    padding:10px 0px;
    font-size:16px;
}
.employee-save-update-mobile {
        color: #fff;
        background: #374251;
        border-radius: 5px;
        border: 1px solid #DADBDD;
        width: 100%;
        text-align: center;
        padding: 10px 0px;
        font-size: 16px;
}
.employee-schedule-save{
    margin-top:20%;
}
.week-number{
    font-size:16px;
    font-weight:400;
    color:rgba(81, 87, 94, 1);
}
.drop-down-icon-cdm{
    float:right;
    margin-right:7px;
    margin-top:10px;
}
.arrow-icon-pending{
     float:right;
    margin-right:7px;
    margin-top:10px;
    transform:rotate(270deg);
}
.arrow-icon-left{
    transform:rotate(90deg);
    position:absolute;
    left:3px;
    top:25px;
    cursor:pointer;
    padding:5px;
}
.arrow-icon-right{
    transform:rotate(270deg);
    position:absolute;
    right:3px;
    top:25px;
    cursor:pointer;
    padding:5px;
}
.employee-schedule-header{
    position:absolute;
    top:0px;
    width:100%;
    z-index:999;
    height:46px;
    background:rgba(55, 66, 81, 1);
     position:fixed;
}
.header-text{
    padding:10px 15px 7px 10px;
    display:inline-flex;
    color:#fff;
    font-weight:500;
}
.pending-head{
    padding:10px 15px 7px 10px;
}
.employee-container{
    margin:46px 0px 70px 0px;
    overflow-x:hidden;
    max-width:100vw;
}
.track-pending{
    display:inline-flex;
    float:right;
    padding:10px 0px 7px 10px;
}
.employee-schedule-footer{
    position:absolute;
    bottom:0px;
    width:100%;
    z-index:999;
    background:#fff;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    position:fixed;
}
.add-new-list{
   display:inline-flex;
    width:32.5%;
    padding:8px 0px 4px 0px;
   justify-content:center;
}
.add-new-blackbg{
    background:#374251;
    padding:7px 13px;
    border-radius:4px;
}
.whitebg-page-change {
    /*padding: 7px 13px 0px 10px;*/
    width:26px;
}
.pending-text{
    font-weight:500;
    color:#fff;
}
.back-icon{
    margin-bottom:10px;
    display:inline-block;
}
.header-div{
     display:inline-block;
     width:77%;
 }
.log-out-btn{
    float:right;
    display:inline-block;
    margin:10px 10px 0px 0px;
}
.mobile-log-out{
    background:#49c0f0;
    color:#fff;
    border-radius:8px;
    padding:3px 10px;
    font-size:14px;
    border:none;
}
.pending-submission-list-div{
    padding:10px 15px;
}
.pending-submission-list{
    padding:0px;
}
.pending-submission-list li{
    list-style-type:none;
}
.pending-submission-list-item{
    width:100%;
    background:#F2F2F2;
    color:#1F2730;
    padding:10px 15px;
    margin-top:10px;
    border-radius:4px;
    font-size:16px;
    font-weight:400;
    cursor:pointer;
}
.employee-status-popup{
    position:absolute;
    bottom:0px;
    background:#fff;
    padding:15px;
    width:100%;
    z-index:99999;
    position:fixed;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
border-radius: 12px 12px 0px 0px;
}
.employee-options-dropdown{
    width:100%;
}
..blockUI {
            z-index: 10000 !important;
        }
.employee-option-status-dropdown{
    width:100%;
    padding-left:10px;
}
.employee-dropdown-list{
    padding:15px 0px 0px 15px;
}
.checkbox-list-status{
    display:inline-block;
}
.select-status-item {
      margin-top: 10px;
      font-size: 14px;
      color:#1F2730;
      list-style-type:none;
}
.employee-option-label{
    margin-left:5px;
    margin-bottom:2px;
    font-size:14px;
}
.employee-leave-day{
    display:inline-flex;
    margin-left:15px;
}
.radio-custom{
    accent-color:black;
}
.employee-leave-label{
    margin-left:5px;  
    font-size:14px;
}
.nav_overlay{
        top:0px;
        left:0px;
        height:100%;
        width:100vw;
        position:absolute;
        filter:blur(1px);
        background:rgba(0,0,0,0.5);
        transition:opacity 0.3s;
        position:fixed; 
        z-index:1;
    }
.main_navigation_open{
        transform:translateY(0px) !important;
        transition:0.3s;
    }
.main-navigation{
        transform:translateY(-220px);
    }
.employee-datepicker-select{
    width:160px;
    height:30px;
    background:#fff;
    color:#1F2730;
    font-size:14px;
    border: 1px solid #DADBDD;
    padding:3px 0px 0px 10px;
    border-radius: 2px;
    margin-top:15px;
    cursor:pointer;
}
.drop-down-datepick{
    float:right;
    margin:7px 7px 0px 0px;
}
.list-head{
    background:#EFF7FB;
    border-bottom:1px solid #E0E0E0;
    padding:10px;
    height:45px;
}
.week-list-head{
    border-bottom:1px solid #E0E0E0;
    padding:10px;
    height:45px;
    background:#f2f2f2;
}
.week-num{
    font-size:16px;
    color: #586A83;
    font-weight:700;
    display:inline-block;
    float:left;
}
.timecard-open{
    color:#6236FF;
}
.timecard-approved{
    color:#5FB800 !important;
}
.timecard-approval-pending{
    color:#32C5FF !important;
}
.timecard-rejected{
    color:#E02020 !important;
}
.date-range{
    font-size: 14px;
    font-weight:400;
    color:#07101AB2;
    display:inline-block;
    float:right;
}
.employee-schedule-table-list{
    width:100%;
    border:1px solid #E0E0E0;
    margin-top:20px;
    clear:both;
    cursor:pointer;
}
.no-pending-submissions{
    color:#B4B7BA;
    margin-top:2vw;
    font-size:16px;
    text-align:center;
}
.no-matching-records{
     color:#B4B7BA;
     font-size:16px;
     margin-top:20vh;
      text-align:center;
}
.employee-schedule-week-list{
    width:100%;
    border:1px solid #E0E0E0;
}
.employee-schedule-day-list{
    width:100%;
    border:1px solid #E0E0E0;
    margin-top:15px;
}
.table-list-div{
    clear:both;
    padding-top:10px;
}
li{
    list-style-type:none;
}
.item-lh{
    width:43%;
    display:inline-block;
    font-size:14px;
    font-weight:400;
}
.employee-list-item{
    margin-top:5px;
}
.item-value{
    width:43%;
    display:inline-block;
    font-size:14px;
    font-weight:400;
    margin-left:5%;
}
.upload-timesheet{
    margin:0px 10px;
}
.status-div{
    padding:10px;
    border-top:1px solid #E0E0E0;
    height:45px;
}
.status-text{
    font-weight:500;
    color:#000;
    float:left;
    display:inline-block;
}
.employee-list-view{
    border:1px solid #E0E0E0;
    margin:20px 15px 10px 15px;
}
.status-value{
    font-weight:500;
    float:right;
    display:inline-block;
}
.employee-list-head{
    background:#FAFAFA;
    padding:10px 0px 10px 15px;
    border-bottom:1px solid #E0E0E0;
}
.list-date{
    color:#586A83;
    font-size:16px;
    font-weight:500;
}
.list-day{
    color:#6D7278;
    font-size:16px;
    font-weight:400;
    margin-left:10px;
}
.filled-text{
    margin-right:10px;
    color:#000;
}
.list-filled{
    float:right;
}
.employee-edit-div{
    margin-top:15px;
    padding:0px 10px !important;
}
.list-item{
    display:inline-block;
    color:#07101AE5;
    font-size:14px;
    padding-left:5px;
    font-weight:500;
    width:55%;
}
.list-item-value{
    display:inline-block;
    color:#07101A80;
    font-size:14px;
    padding-left:10px;
    width:35%;
}
    .list-item-value-pto {
        display: inline-block;
        color: #07101A80;
        font-size: 14px;
        padding-left: 5px;
        width: 43%;
    }
.employee-edit-item{
    padding:10px;
    border-bottom: 1px solid #ddd;
}
    .employee-edit-item-pto {
        padding: 10px 0px 10px 10px;
        border-bottom: 1px solid #ddd;
    }
.employee-edit-list{
    padding:0px !important;
}
.employee-schedule-list-save{
    padding:10px 0px;
}
.datepicker-week{
    padding:15px 5px;
    background: #FFFFFF;
    width:100%;
    position:relative;
box-shadow: 0px 1px 4px rgba(55, 66, 81, 0.3);
border-radius: 0px 0px 8px 8px;

}
.datepicker-week-list{
    padding:0px;
    margin-left:15px;
}
.datepicker-day{
    font-size:12px;
    text-align:center;
}
.datepicker-date{
    font-size:14px;
    font-weight:500;
    text-align:center;
}
.datepicker-week-list-item{
    display:inline-block;
    text-align:center;
    width:10%;
    color:#1F2730;
    margin-left:3.2%;
    cursor:pointer;
   border: 1px solid #B4B7BA;
   border-radius: 6px;
}
.datepicker-week-list-item-active{
    color:#fff !important;
    background:#374251 !important;
}
.datepicker-week-list-item-pending{
    border:1px solid #E02020 !important;
}

/*Admin CSS*/

.search-icon{
    float:right;
    padding:10px 0px 7px 10px;
    margin-right:20px;
}
.seach-box-div{
    padding:10px 0px 7px 10px;
}
.employee-name-div{
    padding:10px 0px 7px 10px;
}
.employee-timecard-reject{
    padding:10px 0px 7px 10px;
}
.admin-search-input{
    background: #374251;
    border: 1px solid #DADBDD;
    border-radius: 4px;
    color:#fff;
    width:70%;
    display:inline-block;
    margin-left:15px;
    padding-left:10px;
}
.employee-name{
    display:inline-block;
    margin-left:10px;
    color:#fff;
    font-size:16px;
}
.admin-container{
    overflow-x:hidden;
    margin:46px 0px 15px 0px;
}
.login-container{
    padding:15% 3%;
}
.approve-reject-disable{
    opacity: 0.3;
}
.week-picker{
    color: #1F2730;
    border: 1px solid #DADBDD;
    border-radius: 4px;
    background:#fff;
    font-size:14px;
    display:inline-block;
    width:180px;
    cursor:pointer;
    padding:5px 0px 5px 5px;
}
.user-employee-status{
    color: #1F2730;
    border: 1px solid #DADBDD;
    border-radius: 4px;
    background:#fff;
    font-size:14px;
    display:inline-block;
    width:130px;
    cursor:pointer;
     padding:5px 0px 5px 5px;
}
.admin-employee-status{
   color: #1F2730;
    border: 1px solid #DADBDD;
    border-radius: 4px;
    background:#fff;
    font-size:14px;
    display:inline-block;
    width:130px;
    cursor:pointer;
    float:right;
    padding:5px 0px 5px 5px;
}
.calendar-icon-img{
    margin:3px 5px 0px 0px;
    float:right;
}
.admin-page-head{
    margin-top:20px;
}
.job-id{
    margin-right:10px;
}

.dropdown-list-status {
      padding-left: 16px;
}
.select-status-item {
      margin-top: 10px;
      font-size: 14px;
      color:#1F2730;
}
.checkbox-list-status{
    display:inline-block;
}
.checkbox-custom {
    accent-color: black;
    color: #fff !important;
}
.status{
    font-weight:500;
    color:#000;
}
.week-days-timecard-details{
    margin-top:20px;
    padding:0px 20px 10px 20px;
}
.day-head{
    color:#586A83;
    font-weight:700;
    font-size:16px;
}
.btn-reject{
    color:#E02020 !important;
    background:#fff;
    border:1px solid #E02020;
    border-radius:4px;
    text-shadow:none;
    margin-right:15px;
    font-size:14px !important;
    padding:4px 10px;
}
.btn-approve,.btn-submit{
    color:#fff;
    font-size:14px !important;
    background:#374251;
    border-radius: 4px;
    margin-right:15px;
    padding:4px 10px;
    border:none;
}
.user-submit{
    padding:10px 0px 10px 0px;
    text-align:right;
    border-top: 1px solid #E0E0E0;
    clear:both;
}
.timecard-admin-options{
    background: #FFFFFF;
   box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.121859);
   padding:10px;
}
.approve-reject{
    float:right;
}
.reject-text-area-div{
    margin-top:20px;
}
.reject-text-area{
    background: #FFFFFF;
border: 1px solid #DADBDD;
border-radius: 2px;
padding:7px 10px;
font-size:14px;
width:100%;
height:300px;
}
.reject-text-area:focus{
    outline:none;
}
.reject-timecard{
    margin-top:20px;
}
.btn-reject-big{
    background:#FF4D4F;
    color:#fff;
    font-size:14px;
    width:100%;
    font-weight:500;
    padding:5px 10px;
    text-align:center;
    border:none;
}
.reject-text{
    color:#fff;
    display:inline-block;
    margin:0px 0px 0px 10px;
}
.close-recject{
    float:right;
    display:inline-block;
}

/*Login page CSS*/

.leo-logo{
    display:flex;
    justify-content:center;
    margin:10% 0%;
}
.username-label{
    color:#1F2730;
    font-size:14px;
    font-weight:400;
}
.input-login-credentials{
    margin-top:10vh;
    padding:0% 10%;
}
.input-login-credentials-forget{
    margin-top:0vh;
    padding:0% 10%;
}
.username-input-forget{
    width:100% !important;
}
.username-input{
    width:65vw;
    border:1px solid #DADBDD;
    height:30px;
    color:#1F2730;
    font-size:16px;
    margin-top:10px;
    padding-left:5px;
    padding-right:30px;
}
.username-input:focus{
    outline:none;
}
.password-div{
    margin-top:30px;
}
.remember-username-text{
    font-size:14px;
    font-weight:400;
    color:#1F2730;
    display:inline-block;
    vertical-align:middle;
}
.remeber-username-check{
    display:inline-block;
    vertical-align:middle;
}
.remeber-user-name{
    margin-top:15px;
}
input[type="checkbox"]
{
    vertical-align:middle;
}
.login-button-div{
   padding-top:30px;
}
.btn-login{
    background:#00BBF2;
    color:#fff;
    text-align:center;
    padding:5px 10px;
    width:75vw; 
    border:none;
    font-weight:400 !important;
    border-radius:2px;
}
.forgot-password{
    text-align:center;
    margin-top:20px;
    font-size:12px;
    text-decoration:none;
}
.forgot-password-div{
    display:flex;
    justify-content:center;
}
.password-input-div{
    position:relative;
}
.show-password-icon{
    position:absolute;
    right:15px;
    cursor:pointer;
    top:22px;
}
.hide-password-icon{
    position:absolute;
    right:13px;
    cursor:pointer;
    top:13px;
    height:20px;
    width:20px;
}
.file-content{
    color:#000;
    font-size:14px;
    display:inline-block;
    padding:5px 0px 0px 5px;
}
.fileupload-ellipsis{
     overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:80% !important;
    cursor:pointer;
}
.image-options{
    float:right;
    display:inline-block;
}
.upload-image-div{
    border-bottom:1px solid #E0E0E0;
    padding:15px 0px;
}
.img-icon{
    vertical-align:inherit !important;
    margin-left:10px;
    margin-bottom:2px;
}
.upload-image-list{
    padding:0% 6%;
    clear:both;
}

.timesheet-images{
    width:100px;
    height:100px;
    padding:10px;
    border:1px solid #DADBDD;
}
.image-files-div{
    display:inline-block;
    padding:10px 15px;
}
.Timesheet-upload-images{
    text-align:center;
    display:flex;
    max-width:100%;
    overflow-x:auto;
}
.Timesheet-upload-highlight-images{
    text-align:center; 
    margin-top:30px;
}
.Timesheet-upload-highlight-images img{
    width:100%;
}
.no-images-text{
    font-size:20px;
    margin-top:10px;
}
.time-sheet-no-image{
    text-align:center;
    margin-top:50%;
}
.time-sheet-no-image img{
    width:50%;
}
.highlight-border{
    border:1px solid green;
}
.img-text{
    font-size:12px;
    text-align:center;
    padding-top:10px;
}
.timesheet-highlight-image{
    width:100%;
    padding:10px;
    border:1px solid #DADBDD;
}
.delete-popup-body{
    padding:10px;
}
.delete-img{
    color:#1F2730;
    font-size:16px;
    font-weight:500;
    padding:8px 15px;
}
.delte-coformation{
    padding:8px 15px;
    font-weight:400;
    font-size:14px;
    color:#51575E;
}
.forget-password-success{
    padding:8px 15px;
    font-weight:400;
    font-size:14px;
    color:red;
    text-align:center;
    color:red;
}
.modal-forgot-password{
    width:80%;
    margin:0% 10%;
}
.btn-yes{
    display:inline-block;
    color:#FF4D4F;
    border: 1px solid #FF4D4F;
    border-radius:4px;
    background-color:#fff !important;
    margin-left:15px;
    width:60px;
    padding:3px 0px;
}
.btn-cancel,.btn-delete{
     display:inline-block;
     border: 1px solid #DADBDD;
     width:60px;
     color:#000;
      padding:3px 0px;
     background-color:#fff !important;
}
.btn-delete{
    width:100%;
    border-radius:8px;
    margin-top:20px;
}
.delte-cancel-buttons{
    padding:8px 15px;
    text-align:right;
}
.submission-model-footer {
     padding: 8px 15px;
}
.success-img-icon{
    padding-top:10%;
}
.popup-text{
    color:#51575E;
    padding:15px 0px 30px 0px;
}
.modal-SaveUpdate{
    width:80%;
    text-align:center;
    margin-left:10%;
}
.login-copyrights{
    font-size:12px;
    color:#51575E;
    text-align:center;
    margin-top:20vh;
    padding:0% 8%;
}
.username-forgot{
    width:100%;
}
.Enter-email-text{
    color:#1F2730;
    font-size:14px;
    font-weight:400;
}
.Email-address-text-input{
    margin-top:30px;
}
.required-input-indication{
    margin-right:5px;
    color:#F5222D;
}
.username-input-email{
    width:75vw;
}
.Email-address-input{
    padding:20px;
}
.submit-cancel-buttons{
    margin-top:8vh;
}
.btn-cancel-login{
    display:inline-block;
    background:#fff;
    color:#1F2730;
    border:1px solid #DBDBDD;
    border-radius:4px;
    width:48%;
   font-size:16px;
   padding:7px 10px;
}
.btn-submit-login{
    display:inline-block;
    border:1px solid #DBDBDD;
    border-radius:4px;
    width:48%;
   font-size:16px;
   padding:7px 10px;
   color:#fff;
   background:#00BBF2;
    margin-right:2.5%;
}
.select-input{
    width:100%;
    height:35px;
}
.forget-password-input-fields{
    margin-top:30px;
}
.validate-msg{
    color:red;
    float:left;
    margin-top:5px;
}

    .pto-logging-header{
        display:flex;
        align-items:center;
        justify-content:center;
        height:100%;
    }
    .pto-logging-header-text {
        color: #FFFFFF;
        font-size:16px;
        font-weight:600;
    }
    .pto-logging-options{
        padding:5%;
    }
    .pto-types-div{
        margin-bottom:1.5rem;
        width:100%;
    }
    .pto-types-dropdown {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 5px;
        border-bottom: 1px solid #E8E9ED;
        cursor: pointer;
        word-break:break-all;
    }
    .pto-types-dropdown-inner-div {
        margin-top: 5px;
    }
    .pto-hours-days-radio-input {
        accent-color: black;
        cursor: pointer;
        vertical-align: middle;
        margin-top:3px;
    }
    .pto-hours-days-radio-label {
        margin-left: 5px;
        vertical-align: middle;
        cursor: pointer;
    }
    .pto-other-text-input {
        border: none;
        font-size: 13px;
        border-bottom: 1px solid #E8E9ED;
        width: 200px;
        margin-top: 5px;
        padding: 3px 5px;
    }
    .pto-other-text-input:focus {
         outline: none;
    }
    .pto-types-clockin-div {
        display: flex;
        margin-bottom: 1rem;
    }
    .pto-clockout {
        margin-left: 20px;
    }
    .pto-days-hours-div {
        display: flex;
        margin-bottom:1rem;
    }
    .pto-hours-radio-div {
        margin-right: 20px;
    }
    .pto-hours-days-logging-div {
        display: flex;
       /* align-items: center;
        justify-content:center;*/
    }
    .pto-logging-hours-minutes-div {
        display: flex;
        align-items: center;
        margin-left: 20px;
        border-bottom: 1px solid #DADBDD;
        height: 32px;
    }
    .pto-hours-minutes-input {
        border: none;
        width: 20px;
    }

    .pto-hours-minutes-input:focus {
        outline: none;
    }
    .pto-type-dropdown-initial-text {
        color: #B4B7BA;
    }
    .pto-logging-datepicker, .pto-logging-datepicker-text {
        position: relative;
        border-bottom: 1px solid #DADBDD;
        height: 32px;
        padding: 4.5px 0px 5px 10px;
        cursor: pointer;
    }
    .pto-logging-datepicker {
        width: 125px;
    }
    .pto-logging-datepicker-text {
        width: 100px;
    }
    .pto-datepicker-img {
        position: absolute;
        top: 8px;
        right: 10px;
    }
    .employee-status-popup .ui-datepicker {
        width: 100%;
        border: none;
        /*        height:40vh;*/
    }
    .employee-status-popup .ui-datepicker .ui-datepicker-calendar{
        height:35vh;
    }
    .no-highlight {
        background-color: transparent !important;
        color: #1F2730;
    }
    .timesheet-error-msg {
        font-size: 11px;
        margin-top: 7px;
        color: red;
        line-height:16px;
    }
    .logged-days-text {
        color: #B4B7BA;
        /*margin-left: 20px;*/
        margin-top:5px;
    }
    .pto-logging-remarks {
        max-height: 80px;
        min-height: 80px;
        overflow: hidden;
        margin-top: 1.5rem;
    }
    .pto-remarks-textarea-box {
        width: 100%;
        height: auto;
        resize: none;
        border: none;
        border-bottom: 1px solid #E8E9ED;
        padding: 8px;
        box-sizing: border-box;
        overflow-y: hidden;
    }
    .pto-remarks-textarea-box:focus{
        outline:none !important:
    }
    .pto-modal-footer{
       /* margin-top:1.5rem;*/
    }
    .pto-save-btn {
        width: 100%;
        background: #374251;
        color: #fff;
        border-radius: 8px;
        border: 1px solid #374251;
        padding:4px 10px;
    }
    .pto-save-btn-disable {
        opacity: 0.3;
        cursor: not-allowed !important;
    }
    .submission-susscess-img{
        margin:0px 5px 2px 0px;
    }
    .btn-sub-ok{
        width:100%;
        border-radius:8px;
    }
    .employee-schedule-pto-btn {
        background: #f5f5f5;
        color: #51575E !important;
        cursor: pointer;
        display: inline-flex;
        width: 47%;
        border-radius: 8px;
        outline: none !important;
        border: 1px solid #DADBDD;
        font-size: 16px;
        height: 50px;
        font-weight: 400;
        margin-right: 4%;
        justify-content: center;
        align-items: center;
    }
    .pto-close-img{
        position:absolute;
        right:5px;
    }
    .blockUI {
        z-index: 10000 !important;
    }
    .pto-other-text-div {
        display: inline-flex;
    }
    /*.pto-other-text-span, .pto-other-text-span-dropdown {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .pto-other-text-span-dropdown {
        max-width: 60%;
    }*/
    .bottom-footer-tab-name {
        color: #51575E;
        font-size:12px;
    }
    .bottom-footer-tab-name-active {
        color: #2C6394;
        font-weight:500;
    }
    .add-new-list-inner-div {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}
@media only screen and (max-height: 800px){
    .login-copyrights{
        margin-top:5vh !important;
    }
}