@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700,900');
/* @import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap'); */


html{background-color: transparent !important;}
:root{
    --primary-color: #81B504;
    --secondary-color:#045ba0;
}
body{
    /* background-image: url(../img/dashboard_bg.jpg); */
    background-repeat: no-repeat;background-size: 100% 100%;background-color: #f5fcff !important;background-attachment: fixed;
    font-family: "Poppins", sans-serif !important;
     /* font-family: "Varela Round", sans-serif !important; */
    padding-right: 0 !important;
}
.app:before{background-color: transparent !important;}
.bg-black{background-color: transparent;}
.bg-black .nav > li:hover > a, .bg-black .nav > li:focus > a, .bg-black .nav > li.active > a{background-color: transparent;background-repeat: no-repeat;background-size: cover;    background-repeat: no-repeat;
    background-size: 100% 100px;   background-position: 20px -30px;}
.bg-black .nav > li:hover > a, .bg-black .nav > li:focus > a, .bg-black .nav > li.active > a{    color: var(--primary-color);}
.bg-black .nav > li{position: static !important;}
.bg-black .nav > li.active > a::after{
    /* background-image: url(../img/menu_atcive.png); */
    width: 100%;
    content: '';
    height: 50px;
    position: absolute;
    left: 0;
    top: 0px;
    background-size: 101% 99%;
    background-repeat: no-repeat;
    background-position: 24px 1px;
    z-index: -1;
    background-color: #eaf6f7;
}
.bg-black .nav > li.active > .nav-sub a::after{
        height: 40px;
}
.bg-black .nav > li.active > ul{
    background-color: #eaf6f7;
}
.bg-black .nav > li > a::after{
    /* background-image: url(../img/menu_atcive.png); */
    width: 100%;
    content: '';
    height: 50px;
    position: absolute;
    left: -300px;
    top: 0px;
    background-size: 101% 99%;
    background-repeat: no-repeat;
    background-position: 24px 1px;
    z-index: -1;
    /* background-color: #eaf6f7; */
    transition: 0.2s ease-in-out;
}
.bg-black .nav > li:hover a::after{
    left: 0;
}
.app-content {
    margin-left: 250px;
    min-height: 100vh;
    background: #f3fcff;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.04);
    border-radius: 0;
    padding: 20px;
    margin-top: -50px;
    padding-top: 45px;
}

.app-aside, .navbar-header {
    width: 250px;
}
.wrapper-md {
    padding-left: 0;
}
.app-aside .navi-wrap {
    width: 100%;
}
.navi ul.nav li a{
    padding: 14px 20px;
}
.bg-black.dk, .bg-black .dk {
    background-color: transparent
}

.navi ul.nav-sub li a {
    padding: 6px 20px;
}
.navbar-header .top-notification-bar{
    top: 63px;
    left: 0;
    max-width: 260px;
}
.menu-top-br{
    margin-top: 10px;
}
.trial-notif-bar{
    width: 100%;
    background-color: transparent !important;
}
.trial-notif-bar-cnt span{
    color: #000 !important;
    font-size: 14px !important;
}
.trial-notif-bar-cnt a{  color: #fff !important;  background-color: var(--primary-color);    margin-top: -3px !important;}
.bg-white-only{
    background-color: transparent !important;
    box-shadow:none !important
}
.select2-container--default .select2-selection--single{
    border-radius: 3px !important;
    padding-left: 8px;
    border: 1px solid #ebebeb !important;
    background-color: transparent !important;
}
.dashbrd_main_page_txt{
    width: auto;
    display: inline-block;
    margin-right: 10px !important;
}
.wrapper-md.page-heaad1{
    width: auto;
    display: inline-block;
    margin-top: -40px;
    position: fixed;
    z-index: 10;
}
.full-head-new .navbar-btn{
    left: -60px;
    margin-top: 11px;
    position: absolute;
    height: 34px;
    display: flex;
    align-items: center;
}
.navbar-collapse.collapse{
    padding-top: 3px;
    margin-left: 270px;
    padding-bottom: 0px;
    /* border-bottom: 1px solid #E6EDF1; */
    background-color: #f5fcff !important;
    border-radius: 20px 0 0 0;
}
.top-grid.top-grid-admin>div{
    background: #FFFFFF;
    /* box-shadow:0px 2px 16px 0px rgb(110 110 110 / 9%); */
    border-radius: 4px;
    padding: 13px 0;
    /* border: solid 1px #f3f3f3; */
     border: 0;
    box-shadow: none;
    transition: 0.2s ease-in-out;
    cursor: pointer !important;
}
.top-grid.top-grid-admin>div a{
    color: #393a3a !important;
    cursor: pointer;
}
.top-grid.top-grid-admin  .animated:hover{
    box-shadow: 0px 12px 27px 0px rgba(63, 63, 63, 0.1);
}
.top-grid.top-grid-admin .animated.acteff_main_box:hover{box-shadow: none;}
.panel{
    /* box-shadow: 0px 2px 6px 0px rgb(110 110 110 / 9%); */
    border-radius: 5px;
    border: 0;
    box-shadow: none;
}
.top-grid.top-grid-admin>div{
    grid-template-columns: 80px 1fr;
}
.top-grid.top-grid-admin>div .top-grid-img {
    width: 55px;
    margin-left: 5px;
}
.range-picker-right{border: 0 !important;padding-top: 0;}
.range-picker-right .fa-caret-down{
    margin-left: 4px;
}
.user-pro-icons .fa{
    top: -3px;
    position: relative;
}
.app-aside-folded .navbar-collapse, .app-aside-folded .app-content, .app-aside-folded .app-footer{
    margin-left: 60px !important;
}
.app-aside-folded .top-notification-bar{
    display: none !important;
}
.app-aside-folded .navi > ul > li > a:hover span{
    box-shadow: 6px 0px 20px #dcdada;
    background: #f1f6f8;
}
.app-aside-folded .full-head-new .navbar-btn {
    left: -20px;
}
.app-aside-folded .navi > ul > li > a:hover span{
    left: 60px;
    top: 0px;
    width: 200px;
    text-align: left;
    padding-left: 20px;
}
.app-aside-folded .navi > ul > li > ul{ background: #f1f6f8 !important;    top: 48px !important;}
#footer{display: none;}
.bg-black a:hover{color: var(--primary-color);}
.footer_lft_version_sec{
    height: auto;
    float: left;
    text-align: center;
    position: fixed;
    width: 88%;
    bottom: 0;
    left: 250px;
    background-color: #ddf0f5;
    padding: 10px 0;
    z-index: 9;
    background: linear-gradient(0deg, rgb(255 255 255), rgb(240 250 253));
    box-shadow: 0px 4px 15px rgb(0 0 0 / 7%);
}
a.productivity_link{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.07);
border-radius: 15px;
padding: 15px;
margin-top: 10px ;
margin-left: 5%;
width: 90%;
text-align: center;
color: #393a3a !important;
margin-bottom: 40px;

}
a.productivity_link span {position: static; width: auto;}
a.productivity_link span img{opacity: 1;width: 90px;}
.timer{font-weight: 500;color: #484848;}

.top-grid.top-grid-admin>div .top-grid-admin-title{font-size: 30px;}
.grid-head, .grid-head h3, .grid-head h4{
    font-size: 20px;
}

.rightside-dashboard .grid-absence{
    grid-template-columns: 0;
    display: inline-block;
    height: 158px;
    width: 100%;
    overflow: auto;

}
/* .app-aside-folded .footer_lft_version_sec{display: none;} */
.app-aside-folded a.productivity_link span img{width: 100%;}
.app-aside-folded .menu-top-br {
    margin-top: 0px;
}
.screenshot-indu {
    padding: 20px !important;
}
.screenshot_view-indu{
    border: 5px solid #FFFFFF !important;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.230));
    border-radius: 10px !important;
}
#datemsg{color: #242424;font-weight: 400;}
.no-data-found{text-align: center;height: 92%;  display: flex;    align-items: center;   justify-content: center;min-height: 170px;width: 100%;}
.no-data-found img{    width: 110px;}
#category_chart{padding-top: 50px;  margin-bottom: -51px;position: relative;}

.dash_box1 .timer{color: #9ACD20 !important;}
.dash_box2 .timer{color: #a19747 !important;}
.dash_box3 #attended{color: #3DA4F5 !important;}
.dash_box4 .timer{color: #9E69E2 !important;}
/* .dash_box1 .top-grid-imge img{box-shadow: 0px 4px 12px rgba(154, 205, 32, 0.4);}
.dash_box2 .top-grid-imge img{box-shadow: 0px 4px 12px rgba(25, 214, 180, 0.4);}
.dash_box3 .top-grid-imge img{box-shadow: 0px 4px 12px rgba(61, 164, 245, 0.4);}
.dash_box4 .top-grid-imge img{box-shadow: 0px 4px 12px rgba(158, 105, 226, 0.4);} */
.panel-default{    border-color: transparent;}
.bg-light.lter{    background-color: transparent;    border: 0;}
.bg-light.lter .col-sm-6{width: auto !important;}
.select2-container{width: 150px !important;}
/* .table thead{box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.07);} */
#form_search_users #search{
    border-radius: 3px;
    width: 100%;
    padding-right: 30px;
    text-overflow: ellipsis;
    }

#form_search_users::after {
    font-family: 'FontAwesome';
    content: '\f002';
    position: absolute;
    right: 15px;
    top: 7px;
    color: #aeaeae;
}
.menu-top-br .nav-sub{overflow: visible;}
table .archive_user{border-radius: 30px; background-color: #ffffff; padding: 4px 10px; box-shadow: 3px 0 10px #ebebeb; color: #000000;position: relative; top: -1px;    border: 2px #ebebeb solid;transition: 0.2s ease;}
table .archive_user a{display: flex ; align-items: center; gap: 5px;}
table .archive_user:hover{
    transform: translate(0px, -2px);
}
table .archive_user img{width: 18px;position: relative; top: -1px;}
#form_search_users{display: inline-block;position: relative;width: 100%;}
#form_search_users .search-r-form{display: inline-block;position: relative;width: 100%;}
#form_search_users .padding_both{display: inline-block;position: relative;width: 100%;}
#form_search_users .form-group{display: inline-block;position: relative;width: 100%;}
.screenshot_view-indu input{position: absolute;right: 10px;top: 10px;width: 20px;height: 20px;z-index: 9;}
.bg-light.lter div{width: auto;    display: inline-flex;}
.screenshot-view{box-shadow: 2px 1px 5px #d8d8d8;   border: 7px solid #ffffff;border-radius: 10px;}
.panel-default .wrapper-md{padding: 20px;}
.table-header{box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.07);background-color: #fff;}
.card-container .front, .back{box-shadow: 0px 4px 7px rgb(0 0 0 / 4%) !important;  background-color: rgb(255 255 255 / 45%); border-radius: 15px !important;overflow: hidden;}
.settins-cntainer{height: 100%;transition: 0.2s ease;background: #FFFFFF !important;border-radius: 3px;
    filter: drop-shadow(0px 6px 17px rgba(0, 0, 0, 0.1));min-height: 200px;}
.show-data {height: 60px;width: 60px; display: flex;background-color: var(--primary-color);padding: 10px;border-radius: 50%;color: #fff;align-items: center;
    justify-content: center;margin: auto;}
.show-data .fa-5x{font-size: 30px !important;color: #fff;}
.settins-cnt{width: 100%;  height: auto; float: left;}
.integrations-container{background-color: #fff; filter: drop-shadow(0px 6px 17px rgba(0, 0, 0, 0.1));    border-radius: 15px;width: 100%;display: inline-block;padding: 10px;overflow: hidden;    padding-bottom: 40px !important;}
.integrations-container p{font-size: 13px}
.navi ul.nav li a:focus{background-color: transparent !important;}
.app-usage-page-dateselect{width: 100%;display: flex;align-items: center;justify-content: space-between;}
/* #form_date_change .app-usage-page-dateselect{width: auto; margin-top: -10px;} */
.app-usage-indiv2{float: right;}
.app-usage-indiv2 button{border-radius: 3px;}
.app-usage-indiv2 .btn-primary{background-color: var(--primary-color);border-color: var(--primary-color);}
.mydsc_top_right_prdvty{
    width: 100%;
    height:230px;
    float: left;
    text-align: center;
    background-image: url(../img/line_round.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 270px 270px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.desklog-time-bar.admin-user-overview-time-bar .progress{    height: 15px !important; }
.table .desklog-time-bar.admin-user-overview-time-bar .progress{    height: 20px !important; }

#time_data .admin-user-overview{  margin-top: -10px !important; margin-bottom: 0px;}
.app-aside-folded .bg-black .nav > li.active::after{top: -12px;}
.modal{z-index: 9999;}
.modal-backdrop{z-index: 9998;}
.daterangepicker{z-index: 8 !important;}

.top-grid.top-grid-admin>div a{background-color: transparent;}
.bg-black .nav > li > a {color: #5B5A5A;}
.mydsc_top_right_prdvty{margin-top: 30px;}
.table-bordered > tbody > tr > td{ border: 0 !important;border-top: 1px solid #eaeff0 !important}
.register-user-btn .create-user-btn{border-radius: 3px;}
.panel-body .btn-success{border-radius: 3px;}
.select2-dropdown{box-shadow: 0px 12px 20px #00000011;  border-radius: 0 0 10px 10px !important;;}
.modal-content{border-radius: 3px;}
.modal-dialog .close{opacity: .3;    font-size: 28px;}
.modal-footer{   background-color: transparent !important;}
.modal-footer .btn-default{min-width: 100px;  border-radius: 15px;}
.modal-footer .btn-success{ border-radius: 15px;}
.top_sec_date_sel .m-r { margin-right: 5px;}
.top_sec_date_sel #new_date{    padding: 6px 3px;}
.dys_wrk_sc{margin-top: 0px;}
.progress-bar-info{background-color: var(--secondary-color)}
.progrss-value .progress { border-radius: 20px;}
#form_date_change .app-usage-indiv2{float: none !important;margin-left: 0;}
.appusage_top_filter_select .app-usage-indiv1{margin-right: 0;}
.modal-body .select2-container{width: 100% !important;}
.form-control{border-radius: 3px;border-color: #ebebeb;}
.multiselect{border-radius: 3px;}

/* .screenshot{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;} */
.gnrl_stngs_lft {    background-color: transparent !important;}
.gnrl_stngs_lft li.active > a{background-color: var(--primary-color) !important;border: 0 !important;color: #fff !important;display: inline-block; }
.gnrl_stngs_lft li a{margin-bottom: 10px;width: 100% !important;  background-color: #fff; /* box-shadow: 0px 5px 10px #e4e4e4; */ display: inline-block; border-radius: 0px;font-size: 14px;    border-bottom: 1px #e5e5e5 solid;padding-left: 5px !important;}
.gnrl_stngs_lft .nav-tabs{border: 0;margin-top: 0px;}
.set_gnl_frm .form-control{border-radius: 7px;}
.set_gnl_frm .btn-primary{padding: 10px 30px; border-radius: 3px;}
.gnrl_stngs_lft .nav-tabs > li > a.active{
    color: var(--primary-color) !important;
    width: 106% !important;
    background-color: #fff !important;
    opacity: 1;
    border: solid 1px #e5e5e5 !important;
    border-left: 2px var(--primary-color) solid !important;
    border-right: 0 !important;
    font-weight: 500;
    padding-right: 5px;
}
.gnrl_stngs_lft .nav-tabs > li > a.active:hover{
    color: var(--primary-color) !important;
}

.alert{position: relative;z-index: 9;}
.gnrl_st_tab_mn_respo .btn-link{display: none;}
.panel-body legend span{font-weight: 500;font-size: 18px;color: #58666e;}
.panel .grid-head{ font-size: 17px;color: #58666e;font-weight: 400;}
.wrapper-md.page-heaad1 .h3{    margin-top: 3px!important;}
.settins-cnt .head{    font-size: 22px;}
.settins-cnt .details{    font-size: 14px;}

.prdct_staff_box_btn_row{width: 100%;float: left;margin-bottom: 0;}
.prdct_staff_box{width: 100%;float: left;margin-bottom: 5px;margin-top: 5px;}
.alert_onboard{
    width: auto;
    padding: 11px 15px;
    position: fixed;
    right: 20px;
    bottom: 50px;
    border-radius: 3px;
    z-index: 99999;
    font-size: 16px;
    border: 0;
    min-width: 250px;
}

.prdct_staff_box_btn{
    width: auto;
    height: 45px;
    float: left;
    line-height: 43px;
    padding: 0px 2px;
    color: #666;
    font-size: 14px;
    margin-bottom: 11px;
    background-color: transparent;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    opacity: 0.8;
    margin-right: 13px;
    cursor: pointer;
    margin-bottom: 0;
}
.prdct_staff_box_btn_act{font-size: 14px; color: #58666e;opacity: 1; background-color: transparent;position: relative;z-index: 2;border-bottom: 2px var(--primary-color) solid;}
.prdocutivity_sec .cat-list-container {padding: 0px 0px; padding-left: 5px;}
.prdocutivity_sec .panel-body {padding: 4px 10px; line-height: 30px;}
.prdocutivity_sec label{margin-bottom: 0;max-width: 200px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.prdocutivity_sec.panel-default .wrapper-md{padding-bottom: 5px;padding-top: 10px;}
.prdocutivity_sec .list-section{    margin-bottom: 20px;grid-row-gap: 5px;}
.prdocutivity_sec.panel-default.list-heading{    margin-bottom: 0;}
.prdocutivity_sec.list-profile-cnt h5{font-size: 14px;}
#screenshots{white-space: nowrap;}
.page-heaad1 #screenshots{margin: 0;}
.prdocutivity_sec .col-md-4 .form-control{margin-top: 10px;}
.prdocutivity_sec .col-md-2 .save_productivity_bulk {margin-top: 30px !important;}

.menu-top-br .nav-sub li.active::after{background-image: none;}

.app_ind_cnt_sec{
    width: 100%;
    height: auto;
    float: left;
}
.app_box_01{min-height: 300px;margin-bottom: 0px;}
.mb_0 {
    margin-bottom: 0;
}
.mb_10 {
    margin-bottom: 10px;
}
.mb_05 {
    margin-bottom: 5px;
}
.pd_tb_0 {
    padding-top: 0;
    padding-bottom: 0;
}

#header .panel-footer{background-color: transparent;}
 .dropdown-menu{
    border: 0;
    box-shadow: none;
    border-radius: 3px;
    border: 0;
    box-shadow: 0px 3px 10px #00000017;

}
.daterangepicker .ranges{
    /* box-shadow: 0px 0px 20px #ccc; */
    border-radius: 10px;
    border: 0 !important;
}
.daterangepicker{
    border: 0 !important;
    /* box-shadow: 0px 0px 20px #ccc !important; */
    border-radius: 10px !important;
    border: solid 1px #ccc !important;
}
.datepicker.dropdown-menu{
    border: 0 !important;
    box-shadow: 0px 0px 20px #ccc !important;
    border-radius: 10px !important;
}
#time_data .week-table{
    border: 0 !important;
    box-shadow: 0px 0px 20px #f3f3f3 !important;
    border-radius: 10px !important;
    margin-top: 20px;
}
#schedule_table .week-table{
    border: 0 !important;
    box-shadow: 0px 0px 20px #f3f3f3 !important;
    border-radius: 10px !important;
}
.table td .desklog-time-bar .progress {border-radius: 0px !important;}
.progrss-value .progress{border-radius: 30px !important;}

.desklog-time-bar .progress{border-radius: 0px !important;}

.user_dtl_view{
    width: auto;
    position: fixed;
    margin-top: -55px;
    z-index: 9991;
    margin-left: -5px;
}
.user_dtl_view div{margin: 0;white-space: nowrap;}
.user_dtl_view div h1{font-size: 15px;    padding-top: 7px;}
.user_dtl_view .report-download-button{     margin-left: 10px;}
.table th, td{color: #4a4a4a;font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.table th{font-weight: 500;}
.modal .button{border-radius: 3px;}
#myModal .list-icon span{    background: var(--primary-color) !important;}
.table-bordered > thead > tr > th{font-size: 16px;color: #000;border-top: 1px solid #eaeff0;}
.table-shifts td{    font-size: 15px !important;}
.btn-primary{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    border-radius: 3px;
}
.table .btn-primary{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.table .btn-primary:hover{
    background-color: #207ec7;
    border-color: #207ec7;
}
.front .btn-primary{border-radius: 0;}
#delete_div .delete_user{ border-radius: 5px;}
.button_back #change{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    border-radius: 20px;
}
.button_back #change:hover{
    background-color: #008fa1;
    border-color: #008fa1;
    border-radius: 20px;
}
.button_back #add{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    border-radius: 20px;
}
.button_back #add:hover{
    background-color: #008fa1;
    border-color: #008fa1;
    border-radius: 20px;
}

.add-employees-popup.content .button{background-color: var(--secondary-color) !important;  border-color: var(--secondary-color) !important;}
.add-employees-popup.content .button.skip {border: 1px solid var(--secondary-color) !important;color: var(--secondary-color) !important;background-color: #fff !important;}
.add-user-role-popup.content .button{background-color: var(--secondary-color) !important;  border-color: var(--secondary-color) !important;}
.add-user-role-popup.content .button.skip {border: 1px solid var(--secondary-color) !important;color: var(--secondary-color) !important;background-color: #fff !important;}
.add-restriction-popup.content .button{background-color: var(--secondary-color) !important;  border-color: var(--secondary-color) !important;}
.add-restriction-popup.content .button.skip {border: 1px solid var(--secondary-color) !important;color: var(--secondary-color) !important;background-color: #fff !important;}

.modal-content .btn-success{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.modal-content .btn-success:hover{
    background-color: #008c9e;
    border-color: #008c9e;
}


.form-group .col-sm-4 .btn-danger{border-radius: 20px;}
.modal-footer .btn {border-radius: 3px;}
.app-usage-grid [data-letters]:before{
    background: var(--secondary-color);
}
.desklog-time-bar .progress{margin-bottom: 0 !important;}
.desklog-time-bar.admin-user-overview-time-bar .project_progress{height: 10px !important; margin-bottom: 5px !important;margin-top:2px !important;}

.productive-app-grid .word-break{    font-size: 14px;}
.table_row_mob-remove-brd [data-letters]:before{background: var(--secondary-color);}
.tab-content h4 .label-primary{ background-color: #607d8b; font-weight: 100 !important;}
#schedule_content .input-group{display: inline;}
#schedule_content .input-group .form-control{border-radius: 3px !important;}
.card .name { font-size: 19px;}
.pln_sec_view2{
     width: 230px;
    display: inline-block;
    text-align: left;
    margin-top: -7px !important;
    font-size: 13px !important;
}
.pln_sec_view2 span{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.table-bordered .list-profile span{    background: var(--secondary-color) !important;}
.media [data-letters]:before{    background: var(--secondary-color) !important;}
.table [data-letters]:before{    background: var(--secondary-color) !important;}

/* .screenshot-pagination{    display: inline-block;} */
.button_back .mark_all_btn .btn-danger{border-radius: 20px;}
.button_back .pull-right .btn{    border-radius: 20px;}

.appusage-user-cnt{display: flex; flex-direction: column;line-height: 13px;padding-top: 3px;}

.menu-top-br{
    margin-top: 10px;
    height: auto;
    /* overflow: auto; */
    padding-top: 12px;
}
.app-aside-folded .menu-top-br{
    overflow: visible;
}
/*
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(48, 48, 48, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(59, 59, 59, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgb(253 253 253 / 50%);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(20, 20, 20, 0.4);
} */

.app-aside-folded a.productivity_link{
    padding: 0;
    margin: 34px 0px 8px 3px;
    font-size: 0;
    height: 60px;
}
#email-error{color: #f00;}

.user_dtl_view_sec2{margin-top: 0px;  display: inline-block !important;  width: 100%;margin-bottom: 10px;}
.user_dtl_view_top_name{position: fixed;top:-60px}
.report-download-button #generate_report_app_usage{position: absolute;right: 40px; margin-top: 30px;z-index: 9;}
.user_dtl_view_btn_2 .report-download-button {margin-bottom: 22px;}
.page-title .page-buttons:nth-child(3n+1) a.btn{
    margin: 0 3px;
    border-radius: 3px !important;
}
.page-title .page-buttons:nth-child(3n+1) a.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.widt_autpo_btn{width: 100%;position: absolute;left: 0;bottom: 0;display: grid;    grid-template-columns: repeat(2, 1fr);}
.w-integrations{    grid-template-columns: repeat(3,1fr);}
#ip_restriction .table .btn{border-radius: 3px;padding: 6px 12px;}
.top-notification-bar{
    position: relative !important;
    display: inline-block !important;
    z-index: 9;
    top: 25px !important;
    left: 0 !important;
}
.plan_mob_show{display: none;}
#schedule_content .multiselect-container .input-group{display: table;}
#schedule_content .multiselect-container .input-group .multiselect-search{border-radius: 0 !important;}

.select2-container--default.select2-container--open{z-index: 999999 !important;}

.dash_top_new_cl{
    display: grid;
    margin-bottom: 15px;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    grid-gap: 20px;
}


.grid-app-usage{
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 3px;
}
.dsp_flx{
    display: flex;
    height: 100%;
}
/* #myChart{width: 100% !important;} */

.nv-legendWrap{transform:translate(-15%, -38px);}
.category-chart-sec .nv-legendWrap{transform: translate(0%, -40px) !important;}

.my_dashboard_panel_time_view_box{
    width: 100%;
    height: auto;
    display: inline-block;
    width: 300px;
    min-width: 300px;
    position: relative;
    margin-top: 25px;
}
.my_dashboard_panel_time_view_box_btn{
    width: 100%;
    height: 90px;
    display: inline-block;
    text-align: center;
    color: #333333;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.my_dashboard_panel_time_view_box_btn img{max-width: 60px;}
.my_dashboard_panel_time_view_box_btn span{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
.my_dashboard_panel_time_view_box img{width: 100%;}
.my_dashboard_panel_time_view_right_ttl{
    display: flex;
    flex-wrap: wrap;
    margin-left: 8%;
    max-width: 300px;
}
.my_dashboard_panel_time_view_box_time{
    width: 100%;
    height: 60px;
    display: inline-block;
    text-align: center;
    color: #333333;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.my_dashboard_panel_time_view_box_time strong{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    color: #719D07;
    font-size: 28px;
}
.my_dashboard_panel_time_view_sec{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.break_rotating{
    -webkit-animation: break_rotating 50s linear infinite;
    -moz-animation: break_rotating 50s linear infinite;
    -ms-animation: break_rotating 50s linear infinite;
    -o-animation: break_rotating 50s linear infinite;
    animation: break_rotating 50s linear infinite;
  }

  .my_dashboard_panel_time_total_sc{
    width: 100%;
    height: auto;
    float: left;
    color: #719D07;
    font-size: 35px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
}
.my_dashboard_panel_time_total_sc strong{font-weight: normal;}
.my_dashboard_panel_time_total_sc span{
    width: 100%;
    height: auto;
    float: left;
    color: #666;
    font-size:17px;
}
.my_dashboard_panel_btn_sec{
    width: 100%;
    height: auto;
    float: left;
    max-width: 200px;
}
.my_dashboard_panel_btn{
    max-width: 170px;
    width: 100%;
    height: auto;
    float: left;
    background: #f7fff2;
    /* box-shadow: 1.20424e-15px 6.67px 11.33px rgba(50, 51, 48, 0.11), inset -3.74651e-16px -6.11852px 4px #E5E5E5, inset 3.74651e-16px 6.11852px 16.12px #DCDCDC; */
    margin-bottom: 40px;
    padding: 25px 0;
    text-align: center;
    transition: 0.2s ease-in;
    box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.11);
    border-radius: 10px;
}
.my_dashboard_panel_btn:hover{    transform: translate(0px, -10px);}
.my_dashboard_panel_btn_ico{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}
.my_dashboard_panel_btn_ico_bx{
    margin: auto;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    left: 0;
    top: -50px;
    background-color: #A0C33F;
    text-align: center;
    padding-top: 8px;
    padding-left: 4px;
    font-size: 18px;
    color: #fff;
    border-radius: 50%;
    border: solid 5px #F2F2F2;
}
.my_dashboard_panel_main_cnt_row.mt-0{margin-top: 0;}
.my_dashboard_panel_btn_ico img{max-width: 50px;}
.my_dashboard_panel_btn_txt{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    color: #242424;
    font-size: 17px;
}
.my_dashboard_panel_main_cnt_box_1{
    width: 22%;
    float: left;
}

.my_dashboard_panel_main_cnt_row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    margin-top: 40px;
    align-items: center;
    justify-content: center;
}

.my_dashboard_panel_main_timer_sec{
    width: 100%;
    max-width: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.my_dashboard_panel_main_timer_box{
    min-width: 24%;
    height: auto;
    float: left;
}
.my_dashboard_panel_main_timer_box .my_dashboard_panel_main_cnt_box_1{
    width: 100%;margin-top: 25px;
}
.my_dashboard_panel_main_timer_box .my_dashboard_panel_main_cnt_box_2{
    min-width: 300px;
    display: inline-block;
}

.wrk_hr_lst{margin-bottom: 0;}
.wrk_hr_lst .note-content{margin-top: 0;text-align: center;}
.admin-user-timeLlne .note-content ul{padding-left: 0;}
.btn_running .my_dashboard_panel_btn_txt{color: #1168a7;}
.act_img{display: none;}
.btn_running .act_img{display: block;}
.btn_running  .non_act_img{display: none;}
.btn_disable{
  pointer-events: none;
  opacity: 0.4;
}


  @-webkit-keyframes break_rotating /* Safari and Chrome */ {
    0% {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
  }
  @keyframes break_rotating {
    from {
      -ms-transform: rotate(-deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(-360deg);
      -moz-transform: rotate(-360deg);
      -webkit-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
  }

  @-webkit-keyframes rotating /* Safari and Chrome */ {
    0% {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(-deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .rotating {
    -webkit-animation: rotating 50s linear infinite;
    -moz-animation: rotating 50s linear infinite;
    -ms-animation: rotating 50s linear infinite;
    -o-animation: rotating 50s linear infinite;
    animation: rotating 50s linear infinite;
  }

.mgt-8{
    margin-top: -8px;
}
.appusage_datearea{
    display: flex;
justify-content: center;
margin-bottom: 15px;
}

.appuser-date-select{float: left;margin-top:0px;}
.appuser-date-select .view-change{
    position: relative;
top: 2px;
}
#reportrange{border-radius: 3px;}

.snapshot_bg{
    width: 100%;
    height: auto;
    float: left;
    position: relative;

}
.snapshot_bg::before{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    content: '';
    z-index: 1;
}
.snapshot_bg img{width: 100%;filter: blur(6px);}
.snap_sec_cnt{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    height: 220px;
    margin: auto;
    z-index: 2;
}
.snap_shot_view_sec{
    width: 100%;
    height: auto;
    float: left;

}
.snap_shot_img_box{
    width: 100%;
    height: auto;
    float: left;
    max-height: 160px;
    overflow: hidden;
}
.snap_shot_img_box img{width: 100%;height: auto;}
/* profile pic */
.thumb-sm.avatar{
    height: 40px !important;
    overflow: hidden;
}

.report_types_view label{
    width: 100%;
    height: auto;
    color: #242424;
    margin-bottom: 15px;
}
.report_types_view .custom-control{
    padding:5px 10px;
    box-shadow: 0px 10px 10px #f3f3f3;
    margin-bottom: 5px;
    font-size: 13px;
}
.report_types_view .custom-control input{margin-right: 10px;width: 18px;height: 18px;border:1px solid #ccc;}
.work-report-graph{grid-template-columns: 1fr;}
.work-report-graph-cnt{
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 20px;
    justify-content: center;
    position: relative;
}
.work-report-graph-cnt .timer p{width: auto;display: inline-block;color: #333 !important;font-size: 12px;font-weight: 300 !important;}
.work-report-graph-container{position: relative;}
.work-report-graph-container #myChart {
    width: 100% !important;
    height: 280px !important;
}
.work-report-graph-cnt  .text-sm{font-size: 15px;}
.work-report-graph-cnt .btm_clr_idfr{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}
.work-report-graph-cnt .btm_clr_idfr span{
    width: 30px;
    height: 6px;
    border-radius: 10px;
    float: left;
    background-color: var(--primary-color);
}
.work-report-graph-totalprdct-percntg{
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    top: 6%;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-size: 13px;
    color: #666;
    line-height: 21px;
    padding-top: 5px;
}
.work-report-graph-totalprdct-percntg strong{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 27px;
    color: var(--primary-color);
    font-weight: normal;
}
/* .percg_inn{
    top: 17%;
} */

.absnc_cldr_flt{
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.get_Start_show_btn{
    width: 110px;
    height: auto;
    background-color: var(--primary-color);
    border-radius: 10px;
    position: fixed;
    right: 10px;
    bottom: 50%;
    z-index: 10;
    box-shadow: 0px 10px 20px #0000002e;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    color: #fff;
    gap: 5px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}
.get_Start_show_btn:hover{background-color: #537404;}
.get_Start_show_btn img{width: 30px;margin-top: -1px;}
.get_start_view_box{
    width: 100%;
    height: auto;
    display: inline-block;
    border-radius: 15px;
    padding: 15px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    position: relative;
    margin-top: 20px;
    position: fixed;
    top: 30%;
    max-width: 900px;
    right: 120px;
    box-shadow: 0px 3px 20px #00000026;
    display: none;
    z-index: 9;
}
/* .get_Start_show_btn .get_start_close_btn .fa{
        position: absolute;
    top: -26px;
    left: 9px;
    background-color: #fff;
    padding: 5px;
    border-radius: 30px;
    height: 28px;
    line-height: 17px;
    font-size: 20px;
    border: solid 1px #e5e5e5;
} */
.get_start_view_box .get_start_close_btn{display: none;}

.get_start_progress_view_box{
    width: 100%;
    height: auto;
    display: inline-block;
    background-color: var(--secondary-color);
    padding: 10px;
    border-radius: 15px;
    padding-bottom: 35px;
    margin-bottom: 15px;
}

.get_start_progress_view_box_head{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    color: #fff;
    font-size:24px;
    margin-bottom: 10px;
    padding: 0 10px;
}
.get_start_progress_view_box_head span{
    float: right;
    color: #fff;
    font-size: 12px;
}
.get_start_progress_view_box_head span a{color: #fff;text-decoration: none;}

#progress-bar {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 15px 15px 0;
    table-layout: fixed;
    width: 100%;
    counter-reset: step;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  #progress-bar li {
    list-style-type: none;
    display: table-cell;
    width: 20%;
    float: left;
    font-size: 16px;
    position: relative;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border: solid 1px #ffffff21;
    padding: 5px 0;
  }
  #progress-bar li:before {
    width: 30px;
    height: 30px;
    color: #212121;
    content: counter(step);
    counter-increment: step;
    line-height: 29px;
    font-size: 15px;
    border: 1px solid #efefef;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    position: relative;
  }
  #progress-bar li:after {
    width: 100%;
    height: 4px;
    content: "";
    position: absolute;
    background-color: #fff;
    top: 18px;
    left: -50%;
    z-index: -1;
  }
  #progress-bar li:first-child:after {
    content: none;
  }
  #progress-bar li.step-done {
    color: #98cd16;
  }
  #progress-bar li.step-done:before {
    border-color: #77a507;
    background-color: #77a507;
    color: #fff;
    content: "";
    font-family: "FontAwesome";
  }
  /* #progress-bar li.step-done + li:after {
    background-color: #77a507;
    z-index: 0;
  } */
  #progress-bar li.step-active {
    color: #98cd16;
  }
  #progress-bar li.step-active:before {
    border-color: #77a507;
    color: #77a507;
    font-weight: 700;
  }
  #progress-bar li.step-active{z-index: 1;}
  #progress-bar li span{
    width: 100%;
    float: left;
    font-size: 13px;
    color: #fff;
  }

  .get_start_intro_page_box{
    width: 100%;
    float: left;
    height: auto;
    float: left;

  }
  .get_start_intro_page_box h4{
    width: 100%;
    float: left;
    font-size: 20px;
    color: #000;
    margin-top: 0;
  }
  .get_start_intro_page_box p{
    width: 100%;
    float: left;
    font-size: 14px;
    color: #383838;
    line-height: 21px;
    font-weight: 300;
  }
  .get_start_intro_page_img{
    width: 100%;
    float: left;
    text-align: right;
    margin-top: 35px;
  }
  .get_start_intro_page_img img{
    max-width: 450px;
    border: solid 5px #fff;
    /* box-shadow: 0px 0px 10px #e5e5e5; */
    width: 100%;
}
 .get_start_intro_btn{
    width: auto;
    color: #fff;
    background-color: #77a507;
    float: left;
    border-radius: 3px;
    font-size: 15px;
    transition: 0.2s ease;
    padding: 10px 30px;
 }
 .get_Start_show_btn_toggle{
    padding: 5px 5px;
    display: flex;
    gap: 5px;
    align-items: center;
    line-height: 16px;
    font-size: 14px;
 }
 .get_start_intro_btn:hover{background-color: var(--secondary-color);}
 #progress-bar li.step-done span{color: #98cd16;}
 #progress-bar li.step-active span{color: #98cd16;}

 .step_view_pop_cnt{
    width: 100%;
    float: left;
 }
 .step_view_pop_cnt ol{
    width: 100%;
    float: left;
    padding: 0;
 }
 .step_view_pop_cnt ol li{
    list-style: none;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    counter-increment: my-awesome-counter;
 }
 .step_view_pop_cnt ol li::before{
    background: #7fb601;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    line-height: 22px;
    font-size: 13px;
    color: white;
    text-align: center;
    margin-right: 0.5rem;
    content: counter(my-awesome-counter);
    position: absolute;
    left: 0px;
 }

 .step_view_pop_img{width: 100%;}

 .appusg_tble_hd{width: 30%;}
 .get_start_close_btn{
    width: 25px;
    height: 25px;
    position: absolute;
    right: -3px;
    top: -12px;
    z-index: 8;
    -webkit-text-stroke: 2px #fff;
    cursor: pointer;
    background-color: #fff;
    padding: 5px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #e5e5e5;
 }
 .get_start_close_btn .fa{font-size: 20px;color: #666;padding-top: 2px;}


 .creat_tm_usr_btn{
    width: 180px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    left: 10%;
    right: 0;
    margin: auto;
    bottom:30%;
    background-color: var(--primary-color);
    text-align: center;
    font-size: 17px;
    color: #fff;
    border-radius: 3px;
    transition: 0.2s ease;
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate;
    z-index: 9;
 }
 .creat_tm_usr_btn:hover{
    transform: scale(1.1);
 }
 .task_not_4 .task-count-sec strong{
    color: #f05050;
 }
 .task_not_8 .task-count-sec strong{
    color: #ffc900;
 }
 .task_not_10 .task-count-sec strong{
    color: var(--primary-color);
 }
 .assignd.view_box.task_not_4{
    color: #f05050;
 }

 .task_qck_bx_info span{display: none;}
 .task_qck_bx_info:hover span{display: block;}

 .app-aside-folded .navi > ul > li > ul{display: none;}
 .app-aside-folded .active > .nav-sub{opacity: 0;}
 .app-aside-folded li:hover .nav-sub{display: block;overflow: visible;background-color: #f2fcfd !important;}
 .app-aside-folded li:hover a.auto span{
    display: block;
    box-shadow: 6px 0px 20px #dcdada;
    background: #f1f6f8;
    left: 60px;
    top: 0px;
    width: 200px;
    text-align: left;
    padding: 15px 1px;
    padding-left: 20px;
    position: absolute
}



 @-webkit-keyframes bounce {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes bounce {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.table td .desklog-time-bar .progress{max-width: 100% !important;height: 8px !important;}
.appusage-userdetailGrph .usageGrph{
    overflow: hidden;
    display: flex;
    user-select: none;
    cursor: pointer;


}
.appusage-userdetailGrph .usageGrph .desklog-time-bar{
    min-width: 400px;
    display: inline-block;
}
.appusage-userdetailGrph .usageGrph .time-all{display: flex;}
.appusage-userdetailGrph .usageGrph li {
    list-style: none;
    position: relative;
    font-size: 11px;
    padding-top: 4px;
    list-style: none;
    flex: 3;
}
.table td .desklog-time-bar .progress.project_progress{margin-top: 5px;margin-bottom: 5px !important;}
.appusage-userdetailGrph .usageGrph .desklog-time-bar .popover{position: fixed !important;font-size: 12px; width: 155px;}
.appusage-userdetailGrph .usageGrph .desklog-time-bar .popover .popover-title{font-size: 14px;word-wrap: break-word;}
.appusage-userdetailGrph .usageGrph::-webkit-scrollbar {
    height: 0px;
  }

  .appusage-userdetailGrph .usageGrph::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    height: 0px;
  }

  .appusage-userdetailGrph .usageGrph::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    height: 0px;
  }

  .active_app_usge_dv{
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center
  }

  .active_app_usge_txt_dv{
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 23px;
    z-index: 9;
    background-color: #fff;
    padding: 5px;
    color: #242424;
    font-size: 16px;
    box-shadow: 0px 0px 10px #ccc;
  }
  .active_app_usge_dv:hover .active_app_usge_txt_dv{
    display: block;
  }

  .ongoing-bar:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-image: linear-gradient(45deg, #ffffff 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #ffffff 50%, #ffffff 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 10px 10px;
    opacity: 0.3;
    animation: progress-anim-1-after 0.5s infinite linear;
}
@-webkit-keyframes progress-anim-1-after {
    0% {
        background-position: 0 100%;
    }
    100% {
        background-position: 10px 100%;
    }
}

.filer_up_arrow_ico{
    position: absolute;
    right: 3px;
    width: 10px !important;
    height: 10px;
    line-height: 0;
    bottom: 20px;
}
.appusage-view thead tr th{position: relative;}
.appusage-view thead tr th a i{font-size: 10px;}
.table_row_mob-remove-brd  th a i{font-size: 10px;}

#total_work_hour {
    font-size: 26px;
    font-weight: bold;
    color: #719D07;
}
#total_idle{
    font-size: 26px;
    font-weight: bold;
    color: #719D07;
}
#total_work_hour p {
    width: auto;
    display: inline-block;
    color: #333 !important;
    font-size: 12px;
    font-weight: 300 !important;
  }
#total_idle p {
    width: auto;
    display: inline-block;
    color: #333 !important;
    font-size: 12px;
    font-weight: 300 !important;
  }

 .appusage-userdetailGrph.app_usg_bar_week {
    grid-template-columns: 320px 200px;
 }
 .otp_Sndd_mail{
    width: 100%;
    display: inline-block;
    text-align: left;
 }
 .change_mail{
    width: auto;
    padding: 1px 10px;
    border-radius: 3px;
    border: solid 1px #ccc;
    font-size: 13px;
    color: var(--secondary-color);
}

.dashboard_top_hourly_graph{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
}
.dashboard_top_hourly_graph_head{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 18px;
    color: #58666e;
}
.dashboard_top_hourly_graph_cnt{
    width: 100%;
    height: auto;
    display: inline-block;
}
.hourly_work_detail_appusage{
    width: 100%;
    height: auto;
    display: flex;
    background: linear-gradient(180deg, #F6F6F6 0%, rgba(235, 235, 235, 0.00) 100%);
    min-height: 40px;
    margin-top: 10px;
    gap: 3px;
}
.hourly_work_detail_appusage_no_work{
    width: auto;
    height: auto;
    display: inline-block;
    background: linear-gradient(180deg, #F6F6F6 0%, rgba(235, 235, 235, 0.00) 100%);
    min-height: 40px;
}
.hourly_work_detail_appusage_timeatwork{
    width: auto;
    height: auto;
    display: inline-block;
    background: #f6f6f6;
    min-height: 40px;
    margin-bottom: 0;
    position: relative;
}
.hourly_work_detail_appusage_timeatwork::before{
    position: absolute;
    right: -4px;
    height: 100%;
    width: 4px;
    content: '';
    background-color: #fff;
    z-index: 8;
}
.appusage_single .desklog-time-bar{padding-top: 0;}
.hourly_time_work_productive_sec{
    width: 100%;
    height: 45px;
    display: flex;
    margin-bottom: 0px;
    align-items: end;
    flex-direction: column;
    position: relative;
}
.hourly_time_work_productive{
    height: 20px;
    width: 100%;
    background-color: var(--primary-color);
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.hourly_time_work_timeatwork{
    height: 20px;
    width: 100%;
    background-color: #B7CA84;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.appusage_day_view_2 .progress-bar-danger{position: relative;}
/* .appusage_day_view_2 .progress-bar-danger::before{
    height: 45px;
    top: -45px;
    content: '';
    background-color: #f6f6f6;
    width: 100%;
    position: absolute;
} */
.appusage_day_view_2 .firts_time_bar .progress-bar-dark{position: relative;overflow: visible;}
.appusage_day_view_2 .firts_time_bar .progress-bar-dark::before{
    height: 45px;
    top: -45px;
    content: '';
    background-color: #f6f6f6;
    width: 100%;
    position: absolute;
    pointer-events: none;
}

.appusage_day_view_2 .progress{overflow: visible !important}
.appusage_day_view_2 .progress-bar-danger{overflow: inherit !important; position: relative;}

.right_setting_tab_view .grid-head {
    margin-bottom: 15px;
    color: var(--secondary-color);
    font-size: 20px;
    margin-top: 20px;
}
.right_setting_tab_view .p-0{padding: 0}
.right_setting_tab_view form .btn-primary#invoice_go{padding: 5px 30px;}
.right_setting_tab_view .mt-0{margin-top: 0 !important;}
.right_setting_tab_view .px-0{padding-left: 0;padding-right: 0;}
.app-aside-folded .menu-top-br li{position: relative !important;}
.app-aside-folded li.active a::after{
    width: 100%;
    height: 45px !important;
    top: 6px !important;
    background-size: 132% 99%  !important;
    background-position: 24px 1px  !important;
    background: #dbf0f7 !important;
}
.app-aside-folded li.active .nav-sub a::after{
    top: 0 !important;
}
.app-aside-folded .app-aside{
    position: sticky;
    top: 0;
}
.app-aside-folded .navi > ul > li > a{
    padding: 4px 20px;
}
.admin-user-timeLlne{text-align: center;}
.get_start_progress_view_box #progress-bar{
    display: flex;
    flex-wrap: wrap;
}
.get_start_progress_view_box #progress-bar li{
    height: 95%;
    margin-bottom: 10px;
    width: 27%;
}

#modal_edit_task{top: 0 !important;}
#modal_edit_task .modal-dialog{
    position: absolute;
    top: 0;
    left: inherit;
    right: 0;
    margin: inherit !important;
    transform: inherit !important;
    margin-left: auto !important;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 780px;
}
#modal_edit_task .modal-content{
    padding: 0;
    padding-bottom: 10px;
    border-radius: 0;
    height: 100vh;
    overflow: auto;
}
#modal_edit_task .modal-header{color: #000;}
#modal_edit_task .modal-footer{text-align: left;border: 0;width: 100%;   display: inline-block;   padding-top: 0;}
#modal_edit_task .modal-footer .btn{padding: 10px 35px;}
#modal_edit_task .modal-title{font-size: 21px;text-align: left !important;}
.task_edit_section_tab_sec{
    display: inline-block; width: 100%;
}
/* .task_edit_section_tab_sec #form_edit_task{
    border: solid 1px #c7c7c7;
    border-top: 0;
    border-radius:0 5px 5px;
} */
#form_edit_task .col-md-6 .form-control{margin-top: 0;min-width: 40px;}
.task_edit_section_tab_btn{
    width: 100%;
    display: inline-block;
    font-size: 15px;
    border: solid 1px #fff;
    border-bottom: 1px #e5e5e5 solid;
}
.task_edit_section_tab_btn a{
    padding: 5px 20px;
    display: inline-block;
}
.task_edit_section_tab_btn a.active{
    border: solid 1px #c7c7c7;
    top: 1px;
    position: relative;
    left: -1px;
    background-color: #fff;
    border-bottom: 0;
    color: #000;
    font-weight: 500;
}


.current_task_time_over.current_task_view{
    background-color: #ffe3e3;
    border-bottom: 2px #b50404 solid;
}
#summaryReportModal .col-md-6 .input-group .form-control{
    border-radius: 3px !important;
}
.mb-15{margin-bottom: 15px;}
#summaryReportModal .input-group{width: 100%;}
.appusg_tble_hd{position: relative;}
.timeline_activty_indication{width: 5px;height: 96%;position: absolute;left: 0;top: 0;padding-right: 13px;border-left: solid 4px;z-index: 9;}
#projectFilter, #task_status{
    height: 34px !important;
    min-width: 75px;
}
.project-card-text span{
    font-size: 12px;
}
.settings_main_view_pg{
    padding: 0;
    padding-top: 15px !important;

}
.settings_main_view_pg .panel-body{
    padding: 0;
}
.settings_main_view_pg .panel-body .settings-section-view{
    padding: 0;
    padding-top: 5px !important;
}
.filter_row_screenshot_individual{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 5px;
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 3px;
}
 .app-aside .aside-wrap ul.nav:first-child{padding-bottom: 70px;}

@media (min-width: 1300px){
    /* .acteff_content h2{white-space: nowrap;} */
}
@media (min-width: 1155px){
    .dasboard_top_section .col-md-7{padding-right: 0;}
    .work_task_timesection .col-md-7{padding-right: 0;}
    .dasboard_top_section .col-md-5{padding-left: 10px;}
    .work_task_timesection .col-md-5{padding-left: 10px;}
    .project_task_view_row .col-md-3{padding-right: 0px;}
    .project_task_view_row .col-md-9{padding-left: 10px;}

}
@media (min-width: 991px){
    .mydesklg_prj_dtl .col-md-6:first-child{padding-right: 0;}
    .mydesklg_prj_dtl .col-md-6:last-child{padding-left: 10px;}
}

@media (max-width: 1900px){
    .snap_shot_img_box{max-height: 260px;}
    .app-aside .aside-wrap ul.nav:first-child{min-height: 63vh;}
}

@media (max-width: 1600px){
    #progress-bar{display: inline-block;}
    #progress-bar li{margin-bottom: 10px;}
    #progress-bar li:after{display: none    ;}
    .get_start_intro_page_img img{text-align: center;}
    .nv-legendWrap{transform: translate(-10%, -40px);}
    .work-report-graph-container #myChart{margin-left: 0px;}
    .work-report-graph-cnt{width: 100%;float: left;display: flex; align-content: center; justify-content: center; text-align: center; gap: 20px; position: relative; top: 20px;}
    .work-report-graph{grid-template-columns: 1fr;}
    .snap_shot_img_box{max-height: 230px;}
}
@media (max-width: 1530px){
    #category_chart {padding-top: 50px;}
    .navi ul.nav li a {padding: 10px 20px;}
    .work-report-graph{    grid-template-columns: 1fr;}
    .work-report-graph-cnt{display: flex;  gap: 10px;}
    .project-card-text h5{    font-size: 18px;}
    .project-card-text span {font-size: 11px;}
    .project-card{flex-direction: column;row-gap: 10px !important;align-items: start !important;}
    .project-card-img { width: 20px !important; height: 20px !important; line-height: 28px !important;}
    .project-card-img img{width: 100%;}
    .project-card-text .row .col-md-6:first-child{padding-right: 2px;}
    /* .project-card-text .row .col-md-6:last-child{padding-left: 2px;} */
}

@media (max-width: 1430px){
    .break_col_flwdth_xl{width: 100% !important;}
    .break_col_flwdth_xl.rightside-dashboard{display: grid !important;grid-template-columns: 1fr 1fr 1fr;gap: 10px;}
    .web_time_bar_view2{overflow: auto;max-width: 500px;}
    .web_time_bar_n {width: 100%;white-space: nowrap;min-width: 800px;}
}


@media (max-width: 1370px){
    .my_dashboard_panel_btn{padding: 15px 0;}
    .app-aside .aside-wrap ul.nav:first-child{min-height: inherit;}
    .rightside-dashboard .grid-absence{    height: 162px;}
    .screenshot { grid-template-columns: 24% 24% 24% 24%;   }
    .admin-user-overview-col{margin-right: 2% !important;  margin-left: 2% !important;}
    .admin-user-overview{display: inline-block !important;width: 100%;text-align: center;}
    .rightside-dashboard .list-details {    grid-template-columns: 40px 1fr;}
    .rightside-dashboard  .list-profile span { width: 30px !important;  height: 30px !important;}
    .rightside-dashboard .list-profile-cnt h5{
        font-size: 13px !important;
        white-space: nowrap;
    }
    .card-container, .front, .back {max-height: 350px !important;    }
    a.productivity_link {margin-bottom: 40px;}
    .navi ul.nav li a {  padding: 11px 20px;}
    .navi ul.nav-sub li a{padding:6px 20px}
    .app-aside-folded .navi > ul > li > a{    height: 40px;}
    .app-aside-folded li.active a::after{top: 1px !important;}
    .app-aside-folded .navi > ul > li > a i{    line-height: 20px;}
    .SwitchPlan .modal-header{    margin-top: -25px;}
    .Plan-Details-container h4 {  font-size: 25px;}
    .Plan-Details-container h3 {font-size: 25px;margin-bottom: 15px;}
    .Plan-Details-container ul li{    margin-top: 9px;font-size: 15px;}
    .nv-legendWrap{transform: translate(-30px, -40px);}
    /* .rightside-dashboard{display: flex;} */
    .rightside-dashboard .offline_3dvd{min-height:95%;margin-bottom: 20px;  width: 100%;}
    #idlechartdiv.work-report-graph {grid-template-columns: 1fr;}
    #idlechartdiv.work-report-graph .work-report-graph-cnt{display: flex;}
    #idlechartdiv.work-report-graph .timer{font-size: 26px;}
    .work-report-graph-totalprdct-percntg strong{font-size: 20px;}
    .app-aside-folded li.active a::after{background-position: 4px -15px !important;}
}

@media (max-width: 1355px){
    .footer_lft_version_sec{    font-size: 13px;}
    .rightside-dashboard .list-profile-cnt h5{ font-size: 13px;}
    .mydsc_top_right_prdvty{margin-top: 0px;}
    .admin-user-overview-col{margin-right: 2% !important;  margin-left: 2% !important;}
    .admin-user-overview{display: inline-block !important;width: 100%;text-align: center;}

}
@media (max-width: 1300px){
    .rightside-dashboard{display: flex;gap: 10px;}
    .break_col_flwdth{width: 100% !important;}
    /* .offline_3dvd{width: 32% !important;float: left;margin-right: 2%;min-height: 255px;} */
    .offline_3dvd:last-child{margin-right: 0;}
}

@media (max-width: 1340px){
    .screenshot{grid-template-columns: 33% 33% 33%; }
    /* .over-flow{min-width: 720px;margin-left: -33% !important;    } */
    .admin-user-overview{    margin-top: 20px !important;margin-bottom: -10px !important;}
    .mydsc_top_right_prdvty{    height: 210px;    background-size: 240px 240px;}
    .dash_top_new_cl{display: inherit;}
    .dash_top_new_cl>.panel{margin-bottom: 20px;}
    .wrk_reprt_1{width: 100%;}
    .wrk_reprt_2{width: 49%;float:left;}
    .wrk_reprt_3{width: 49%;float:right;}
    .work-report-graph {grid-template-columns: 1fr 1fr;    }
    .work-report-graph-cnt{display: inline-block;}


}
@media (max-width: 1210px){
    .top-grid{    grid-template-columns: 1fr 1fr;}
    /* .three-col-grid { grid-template-columns: 1fr;} */
    .break_col_flwdth_sm{width: 100% !important;}
    .work_overview_box{margin-top: 15px;}
    .acteff_content h2{font-size: 24px !important;}
    .acteff_main_box {padding: 17px 7px !important;}

}
@media (max-width: 1200px){
    .work-report-graph-totalprdct-percntg strong{font-size: 17px;}
    .admin-user-timeLlne{display: inline-block !important;width: 100%;}
    .over-flow{min-width: 100%;margin-left: 0 !important;    }
    .admin-user-overview{display: inline-block !important;width: 75%;}
    /* .mydsc_top_right_prdvty{    background-size: 170px 170px;} */
    .admin-user-overview-col .top-grid-report {  font-size: 2em;}
    .snap_shot_img_box{max-height: 220px;}
    .project_task_view_row .col-md-7{padding-right: 15px !important;width: 100% ;}
}
@media (max-width: 1230px) {
    .my_dashboard_panel_time_total_sc{ font-size: 27px;}
    .web_time_bar_view2{display: inherit !important;margin: auto;}
    }
@media (max-width: 1155px) {
   .dashboar_top_left_sec{margin-bottom: 10px;}
   .work_task_timesection .at_work-report{margin-bottom: 10px !important;}
   .my_dashboard_panel_time_view_sec{max-width: 400px;}
}

@media (max-width: 670px) {
    .my_dashboard_panel_time_total_sc{font-size: 20px;}
    .my_dashboard_panel_time_view_box{margin-top: 0;}
}
@media (max-width: 480px) {
    .my_dashboard_panel_btn{width: 100%;margin: 0;margin-bottom: 10px;}
    .my_dashboard_panel_time_total_sc { width: 100%;  margin: 1% 1%;  text-align: center;margin-bottom: 10px;}
}
@media (max-width: 1100px){
    .break_col_flwdth_xl.rightside-dashboard{display: inline-block !important;}
    .offline_3dvd{width: 100% !important;margin: 0;margin-bottom: 15px;}
    .nv-legendWrap{transform: translate(0px, -40px);}
    .my_dashboard_panel_time_total_sc {font-size: 23px;}
    .mob_aligh_tsk_dtl{justify-content: space-between;}
}

@media (max-width: 1024px){
    .top-grid{    grid-template-columns: 1fr 1fr !important;}
}

@media (max-width: 1010px){
    /* #new_date{display: none !important;} */
    .wrapper-md.page-heaad1{width: auto;white-space: nowrap;}
    .app-usage-indiv2.mgt-8{margin-top: 0 !important;padding: 0 !important;}
    .app-usage-indiv2.mgt-8 button { margin: 5px 0px 6px 0px;}
    .appuser-date-select {text-align: center;}
    .appuser-date-select .inline.text-left{text-align: center !important;}
    .appusage-userdetailGrph .usageGrph .desklog-time-bar{min-width: 100%;display: inline-block;}
    .mytask_head_tp {white-space: nowrap;align-items: center;}
    .mytask_head_tp .dashbrd_main_page_txt{position: static !important;}
}
@media (max-width: 991px){
    .wrapper-md.page-heaad1{margin-top: -20px;position: relative;white-space: inherit;}
    .right_setting_tab_view{border: 0;}
    .mydsc_top_right_prdvty { background-size: 220px 220px;  }
    .admin-user-overview{width: 100%;margin-top: 10px !important; margin-bottom: 0px !important;}
    .mydsc_top_right_prdvty .admin-user-overview-col{border: 0 !important;}
    .screenshot{grid-template-columns:49% 49%;}
    .gnrl_st_tab_mn_respo .btn-link{display: block; top: 0px; position: relative;;}
    .gnrl_stngs_lft{margin-bottom: 20px;}
    .w-integrations{    grid-template-columns: repeat(1,1fr);}
    .absnc_cldr_flt{flex-direction: column;justify-content: center;}
    .my_dashboard_panel_main_cnt_row{display: inline-block;}
    .my_dashboard_panel_main_cnt_box_1 {width: 90%;margin-left: 5%;}
    .my_dashboard_panel_btn_sec{max-width: inherit;}
    .my_dashboard_panel_btn{height: auto;margin: 0 1%;float: none;display: inline-block;margin-bottom: 40px;}
    .my_dashboard_panel_main_timer_box .my_dashboard_panel_main_cnt_box_1{margin-left: 0;}
    .my_dashboard_panel_time_view_sec{display: inline-block;margin-top: 20px;}
    .my_dashboard_panel_time_total_sc{width: 31%; margin: 0 1%;margin-bottom: 20px;text-align: center;}
    #progress-bar li{width: 130px;}
    .my_dashboard_panel_time_total_sc .my_dashboard_panel_btn{float: none; display: inline-block;}
    .my_dashboard_panel_time_view_right_ttl{margin-left: 0;max-width: inherit;}
    .my_dashboard_panel_main_timer_box .admin-user-timeLlne {    text-align: center;}
    .my_dashboard_panel_main_timer_box .my_dashboard_panel_btn_ico_bx svg{height: auto;width: auto;display: inline-block;}
    .get_start_progress_view_box #progress-bar li{width: 40%;}
    .app-header-fixed .app-header {z-index: 9991 !important;}
    .my_dashboard_panel_main_timer_box .my_dashboard_panel_time_total_sc{margin: auto;float: none;margin-top: 30px;}
    .wrapper-md.page-heaad1 { margin-top: 0px !important; z-index: 9992; position: fixed; top: 0;width: auto; }
    .timeline-top-filter-row .col-lg-5{width: 100%;}
    .timeline-top-filter-row .col-lg-5 #form_search_users {width: 100%;max-width: 100%;}
    .project_view_btm_info{width: auto !important;}
    .project_task_view_row .row{justify-content: center !important;flex-direction: column;}
    .project-card-text h5 {font-size: 20px;}
    .project-card-text .row .col-md-6:first-child{padding-right: 15px;}
    .project-card-text .row .col-md-6:last-child{padding-left: 15px;}
}


@media (max-width: 980px){

    #content.app-content{width: auto !important}
}
@media (max-width: 960px){
    .navbar-collapse.collapse{margin-left: 220px;}
    .app-aside, .navbar-header {width: 200px;}
    .app-content {margin-left: 200px;}
    .top-grid {grid-template-columns: 1fr 1fr;}
    .trial-notif-bar-cnt span{font-size: 13px !important;}
    #form_date_change .app-usage-page-dateselect{    margin-top: 0px;}
    #form_date_change .app-usage-indiv2{margin-bottom: 0;}

}
@media (max-width: 768px){
    .wrapper-md.page-heaad1{position: static;}
    .task_filter_btn{position:static !important}
    .appusg_tble_hd{width: 100%;}
    .percg_inn{font-size: 12px; line-height: 17px;}
    .work-report-graph-totalprdct-percntg strong{font-size: 15px;}
    .wrk_reprt_2{width: 100%;float:left;}
    .wrk_reprt_3{width: 100%;float:right;}
    .app-header .navbar-collapse.collapse {display: none !important;}
    .app-header .navbar-collapse.collapse.show {display: block !important;}
    .hidden-xs {display: none !important;}
    .visible-xs {display: block !important;    }
    .trial-notif-bar{height: auto !important;}
    .pln_sec_view2{height: auto !important;text-align: center !important;}
    .pln_sec_view2 span{display: inline-block;float: none;}
    .plan_mob_show{display: block;width: 100%;}
    .plan_mob_show .top-notification-bar{position: static !important;}
    .aside-wrap .top-notification-bar{display: none !important;}
    .navbar-header .top-notification-bar{max-width: 100%;}
    .top-notification-bar {position: fixed !important;z-index: 9 !important;top: 0 !important;left: 0 !important;background-color: #77a507;width: 100%;    }
    .pln_sec_view2{margin-top: 3px !important;}
    .pln_sec_view2 span{width: auto;}
    .work-report-graph-container #myChart{  height: 260px!important;}
    .wrapper-lg, .wrapper-md{padding-right: 0 !important;padding-left: 0 !important;}
    .top-grid{    grid-template-columns: 100% !important;}
    .screenshot{grid-template-columns:100%;}
    .app-usage-indiv2{width: 100%;}
    .app-usage-indiv2 button {  margin: 5px 6px 6px 6px;}
    .top_sec_date_sel{width: 100%;float: left;margin-top: 10px;}
    .wrapper-md.page-heaad1{margin-top: 0px;    width: 100%;padding: 0;}
    .app-aside, .navbar-header {        width: 98%;    }
    .navbar-header .top-notification-bar {
        top: 0px;
        position: fixed;
        width: 100%;
        background-color: var(--primary-color);
        overflow: hidden;
        left: 0;
        right: 0;
        margin: auto;

    }
    .trial-notif-bar-cnt a {  color: var(--primary-color) !important;   background-color: #fff;}
    .off-screen + *{position: static;}
    .navbar-header{width: 98%;  float: left;background-color: #fff;height: 53px;margin-top: 0px;}
    .navbar-collapse.collapse {   padding-top: 0;    margin-left: 0;   margin-top: 50px;}
    .trial-notif-bar-cnt span{color: #fff !important;font-size: 14px !important;}
    .admin-user-overview{ margin: auto 0% 10px 0 !important;}
    .admin-user-overview-col{width: 90% !important;}
    .productivity-graph.panel{    margin-bottom: 20px !important;}
   .page_scrn_2 .row{display: inline-block !important;width: 100% !important;}
   #zoomimg .modal-content {  width: 100% !important;}
   #zoomimg .container {  width: 100% !important;}
   #zoomimg .single_image img{width: 100% !important;}
   .media-body { width: 100%;    float: left;}
   .media{ width: 100%;}
   #userconfigure .m-md{margin: 0;}
   .panel-body legend .btn-success{margin-top: 0;margin-bottom: 15px;}
   .prdct_staff_box_btn_row{margin-bottom: 0;display: flex;overflow: auto;}
   .prdct_staff_box_btn{border-radius:0px;white-space: nowrap;}
   .user_dtl_view_sec2{margin-top: 20px;display: block !important;}
   .user_dtl_view{display: inline-block; margin-top: 10px;   margin-bottom: 10px;position: static;}

   .app-header-fixed .app-header{position: relative;}
   .app-header-fixed{padding-top: 0;}
   html, body {overflow-x: visible !important;}
   .navbar-header {width: 100%;}
   .header_fix_mob .navbar-collapse.collapse{margin-top: 7px;  position: fixed; width: 100%;}
   .app-content{padding: 10px;padding-top: 55px;}
   .app-content-body {  padding-top: 12px !important;}
   .off-screen.hidden-xs{display: block !important;}
   .rightside-dashboard{display: inline-block;}
   #form_date_change .app-usage-indiv2{float: left !important;margin-bottom: 0;}
   .hbox .col{display: inline-block;  width: 100%;}
   .cat-list-details .add-category-dropdown {  left: 0 !important;}
   #content.app-content{width: 100%;margin-left: 0 !important;}
    .off-screen + *{width:100%;padding-top:50px;overflow:hidden;-webkit-transform:translate3d(200px,0,0px);transform:translate3d(200px,0,0px);-webkit-transition:-webkit-transform .2s ease;-moz-transition:-moz-transform .2s ease;-o-transition:-o-transform .2s ease;transition:transform .2s ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
    .off-screen.pull-right{right:0}
    .off-screen.pull-right + *{-webkit-transform:translate3d(-75%,0,0px);transform:translate3d(-75%,0,0px)}
    .mytask_action_dt .quick_task_bill_on{width: 100%;}
    .mytask_action_dt .div-td{width: 100%  !important;display: inline-block !important;padding-left: 8px !important;}
    .current_task_view{flex-direction: column;justify-content: start;text-align: left;align-items: start;gap: 5px;}
}
@media (max-width: 500px){
    .appusage_single{padding-top: 0;}
    .app_usage_top_activity_sec .acteff_main_box{width: 90%;}
    #form_search_users{    width: 260px;}
    .wrapper-md .two-col-grid{display: inline-block;width: 100%;}
.add-category-dropdown {  left: -9px !important;}
.table_row_mob table td:first-child{white-space: inherit !important;}
.appusage-userdetailGrph {    display: inline-block !important;    width: 100%;}
.aug-container { display: inline-block !important; width: 100% !important;}
    .bg-light.lter.wrapper-md{padding-bottom: 0;}
.app_grid .productive-app-grid{padding: 0;}
.screenshot{padding: 0 !important;}
.panel-body .btn-success{margin: 10px 0;}
.hbox .col{display:block;}
.page-buttons{text-align: center;}
.label-primary{width: 100%;}
#update_app_category{padding: 15px !important;}
#update_app_productivity{padding: 15px !important;}
.panel-default .list-section{display: inline-block;width: 100%;}
#add_new_leave{margin: 0 !important;}
#create_role_user .importedUser {margin: 0;}
#create_role_user .importedUser .col-md-6{right: 0 !important;}
.register-user-btn{    margin-bottom: 20px;}
.appuser-date-select .btn{    padding: 6px 2px;}
.prdct_staff_box_btn { width: 100%;height: 30px; float: left;line-height: 30px;}
.get_start_progress_view_box #progress-bar li{width: 100%;}
.timeline_activty_indication{height: 55%;padding-right:0}
.timeline_activty_indication{right: 0;left: inherit;bottom: 7px;}
/* .efficiency_view_timeline {bottom: 6px !important; left: inherit !important; right: 10px !important; display: block !important;}
.efficiency_view_timeline :before{transform: rotate(175deg);left: inherit !important;right: -10px;} */
}
/* @media (max-width: 420px){
    .percg_inn{    top: 43%;}
} */
/* @media (max-width: 350px){
    .app-content{padding-top: 105px;}
} */

.total-task-view-row{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 0px;
}
.total-task-view-box{
    float: left;
    width: 100%;
    height: 95%;
    background: #FFFFFF;
    border: 4px solid rgba(218, 223, 205, 0.17);
    box-shadow: 13px 16px 30px rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 15px;
    border-bottom: 5px #fff solid;
    position: relative;
}
.total-task-view-top-sec{
    float: left;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 40px;
    gap:0px;
    /* border-bottom: 1px #e5e5e5 dashed; */
}
.d-flx-dv{display: flex;}
.wk_mnth_box{
    grid-template-columns: 1fr 1fr;
}
.task-count-sec{
    float: left;
    width: 100%;
}
.task-count-sec span{
    float: left;
    width: 100%;
    color: #4B4B4B;
    font-weight: 400;
    font-size: 13px
}
.task-count-sec strong{
    float: left;
    width: 100%;
    color: #71A000;
    font-weight: 400;
    font-size:30px
}
.task-count-ico{
    width: 40px;
    height: auto;
    float: right;
    display: none;
}
.task-count-ico img{width: 100%;}
.total-task-view-spend-tm{
    float: left;
    width: 100%;
    font-size: 15px;
    color: #666;
    padding-top: 5px;
}
.total-task-view-spend-tm span{
    float: right;
    color: #000000;
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 600;
}
.stng_dspl{
    display: flex;
    width: 100%;
    white-space: nowrap;
}
.total-task-view-spend-tm span div{
    font-size: 12px;
    color: #666;
    font-weight: normal;
}
.assignd_view_bx{
    float: left;
    width: 100%;
    font-size: 13px;
    color: #666;
    text-align: right;
}
.assignd_view_bx strong{
    float: left;
    width: 100%;
    font-size: 30px;
    color: #2683ce;
    font-weight: 400;
}
.task_not_4 .assignd_view_bx strong{
    color: #f05050;
    display: flex;
    align-items: center;
    justify-content: end;
 }
 .task_not_8 .assignd_view_bx strong{
    color: #ffc900;
 }
 .task_not_10 .assignd_view_bx strong{
    color: var(--primary-color);
 }

 .assignd_view_bx.task_not_4 strong{
    color: #f05050;
 }
 .assignd_view_bx.task_not_8 strong{
    color: #ffc900;
 }
 .assignd_view_bx.task_not_10 strong{
    color: var(--primary-color);
 }
 .task-count-sec.task_not_4 strong{
    color: #f05050;
 }
 .task-count-sec.task_not_8 strong{
    color: #ffc900;
 }
 .task-count-sec.task_not_10 strong{
    color: var(--primary-color);
 }

.total-task-view-row .progress{
    float: left;
    width: 100%;
    height: 4px !important;
    color: #242424;
    overflow: visible;
    margin-bottom: 0;

}
.progress-bar-avarage{
    background-color: #fad733;
}

.progress_bar_section{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
    width: 100%;
}
.task_qick_view_dy{
    width: 100%;
    display: inline-block;
    text-align: center;
}

.progress-view{
    display: grid;
    grid-template-columns: 1fr 30px;
    width: 100%;
    height: auto;
    align-items: center;
    gap: 5px;
}
.progress_bar_section .progress-view:first-child{
    direction: rtl;
    border-right: 2px #ccc solid;
}
.progress_bar_section .progress-view:first-child .progress .progress-bar{float: right;}
.progress_bar_section .progress-view:first-child span{text-align: left;}
.progress-view span{
    text-align: right;
    font-size: 12px;
}
.up_arrow_tsk{
    display: inline-block;
    background-color: #CDFFE4;
    padding: 2px 5px;
    float: none !important;
    width: 20px !important;
    text-align: center;
    position: relative;
    top: -5px;
    border-radius: 3px;
}
.down_arrow_tsk{
    display: inline-block;
    background-color: #FFDDDD;
    padding: 2px 5px;
    float: none !important;
    width: 20px !important;
    text-align: center;
    position: relative;
    top: -5px;
    border-radius: 3px;
}
.task_not_4 .assignd_view_bx strong .down_arrow_tsk{
    top: 0;
    left: 5px;
    border-radius: 3px;
    height: 23px;
    line-height: 12px;
}
.task-count-sec strong em{
    font-size: 14px;
    color: #666;
    font-style: initial;
    font-weight: 100;
    margin-left: -3px;
}
.assignd_view_bx strong em{
    font-size: 14px;
    color: #666;
    font-style: initial;
    font-weight: 100;
}


.exeeded_tsk{border-bottom: 5px #FF5018 solid;}
.exeeded_tsk .total-task-view-spend-tm span{color: #FF5018;}

.exeeded_dlay{ border-bottom: 5px #EBB900 solid;}
.exeeded_dlay .total-task-view-spend-tm span{color: #EBB900;}

.primary_tsk{ border-bottom: 5px #7ea0cd solid;}
.primary_tsk .total-task-view-spend-tm span{color: #7ea0cd;}


.border-style-sec
{
    padding: 3px 2px 4px 8px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: white;
    color: var(--secondary-color);
    margin-bottom: 7px;
}
.table-pagination-sec{
    display: flex;
    align-items: center;
    gap: 15px;
    padding-top: 12px;
}
.table-pagination-sec .border-style-sec{margin: 0;padding: 5px 2px 6px 8px;}
.table-pagination-sec ul.pagination{margin: 0;display: inherit;}

.notification-nmbr-box{
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background-color: #ff2527;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -8px;
    right: 0;

}
.notification-nmbr-box h5{
    font-weight: bold;
    color: white;
}

.nmbr-box{
    width: 20px;
    height: 20px;
    background-color: red;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-left: 10px;
}

.mt-1{margin-top: 10px;}
.mb-3{margin-bottom: 30px;}
.pl-0{padding-left: 0;}
.typ_usr_selct .btn-group{
    width: 100%;
    float: left;
    margin-top: 5px;
}
.typ_usr_selct .multiselect{
    width: 100%;
    float: left;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}
.typ_usr_selct .multiselect-container{
    width: 100%;
    float: left;
}
.mt-30{
    margin-top: 30px;
}


.switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 60px;
    padding-left: 60px;
    padding-top: 6px;
  }

  .switch input {
    display:none;
  }

  .switch .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
    margin-right: 6px;
  }

  .switch .slider:before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width: 26px;
  }

  .switch input:checked + .slider {
    background-color: #66bb6a;
  }

  .switch input:checked + .slider:before {
    transform: translateX(19px);
  }

  .switch .slider.round {
    border-radius: 34px;
  }

  .switch .slider.round:before {
    border-radius: 50%;
  }

  .row_pop_n{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .leave_dtl_pop_user_dtl{
    width: 100%;
    text-align: center;
    margin: 10px 0;
  }

  .leave_dtl_pop_user_dtl .leav_dtl_pop_bx{
    width: 100%;
    text-align: center;
    /* box-shadow: 7px 6px 30px #ebebeb; */
    border: solid 1px #e5e5e5;
    padding: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    height: 95%;
    margin-bottom: 10px;
  }
  .leav_dtl_pop_bx span{
    font-size: 14px;
    color: #666;
    width: 100%;
    display: inline-block;
  }
  .leav_dtl_pop_bx strong{
    font-size: 24px;
    color: #000;
    width: 100%;
    display: inline-block;
  }
  .pop_table_view_tp2 tr{
    /* box-shadow: 0px 0px 10px #f3f3f3; */
    margin-bottom: 10px;
  }
  .pop_table_view_tp2 th{
    color: #000 !important;
    font-weight: 600;
}
  .pop_table_view_tp2 tr td{
    padding: 8px !important;
    color: #242424;
  }
  .leav_request_status{
    display: inline-block;
    color: #000000;
    padding: 0px 5px;
    border-radius: 3px;
  }
  .leav_req_full{
    color:#000000;
    background-color: #3880e161;
    padding: 2px;
    border-radius: 6px;
  }
  .leav_req_half{
    color:#000000;
    background-color: #73a6224a;
    padding: 2px;
    border-radius: 6px;
  }
  .leave_time_sts{
    display: inline-block;
    padding: 0px 5px;
    border-radius: 3px;
    background-color: #486ca9;
    color: #fff;
    margin-left: -2px;
}
.leave_special_sts{
    display: inline-block;
    padding: 0px 5px;
    border-radius: 3px;
    background-color: #44c3d4 ;
    color: #fff;
    margin-left: -2px;
}
#other_leave_table{max-height: 250px;}

  .appusage-view .appusage-user-cnt .team_name{
    width: 100%;
  }
  .appusage-userdetailGrph{width: 100%;}

  .appusage-view thead tr th:nth-child(1){
    min-width: 200px;
    width: 30%;
  }
  .appusage-view tr td:nth-child(1){
    min-width: 200px;
    width: 30%;
  }

  .appusage-view thead{
    display: inline-block;
    width: 100%;
}
  .appusage-view thead tr th:nth-child(2), .appusage-view tr td:nth-child(2){
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    width: 8%;
  }
  .appusage-view thead tr th:nth-child(3), .appusage-view tr td:nth-child(3){
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    width: 7%;
  }
  .appusage-view thead tr th:nth-child(4), .appusage-view tr td:nth-child(4){
    width: 110px;
    min-width: 110px;
    max-width: 110px;
    width: 6%;
  }
  .appusage-view thead tr th:nth-child(5), .appusage-view tr td:nth-child(5){
      width: 110px;
      min-width: 90px;
      max-width: 90px;
      width: 6%;
  }
  .appusage-view thead tr th:nth-child(6), .appusage-view tr td:nth-child(6){
      width: 110px;
      min-width: 100px;
      max-width: 100px;
      width: 6%;
  }
  .appusage-view thead tr th:nth-child(7), .appusage-view tr td:nth-child(7){
      width: 140px;
      min-width: 75px;
      max-width: 110px;
      width: 4%;
  }
  .appusage-view the    ad tr th:last-child{
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    width: 6%;
  }
  .Active.App{word-wrap: break-word;}
.ongoing-bar{background-color: #a0c9cf !important;position: relative;}
.progress-bar-requested-running{background-color: #3477A7 !important;position: relative;}
 .progress-bar-requested-paused{background-color: #1D5485;}
 .progress-bar-requested{background-color: #1e63b9;}

 .progress-bar-requested-running:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-image: linear-gradient(45deg, #FFFFFF 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #FFFFFF 50%, #FFFFFF 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 10px 10px;
    opacity: 0.3;
    animation: progress-anim-1-after 0.5s infinite linear;
}
@-webkit-keyframes progress-anim-1-after {
    0% {
        background-position: 0 100%;
    }
    100% {
        background-position: 10px 100%;
    }
}
#aside.app-aside{
    overflow: auto;
}
.app-aside-folded #aside.app-aside{
    overflow: visible;
}
#aside.app-aside::-webkit-scrollbar {
    width: 5px;
}

#aside.app-aside::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(48, 48, 48, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#aside.app-aside::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(59, 59, 59, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgb(253 253 253 / 50%);
}
#aside.app-aside::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(20, 20, 20, 0.4);
}
#generate_report_app_usage{
    position: absolute;
    right: 10px;
    top: 12px;
}
.total-task-view-row .dropdown-menu{
    padding: 10px;
}
.total-task-view-row .dropdown-menu a{
    width: 100%;
    display: inline-block;
}
.task_filter_btn{position: absolute;right: -15px; top: -2px;}
.task_filter_btn a.dropdown-toggle{font-size: 26px;line-height: 5px;outline: none;box-shadow: none;width: 100%;}
.task_filter_btn a.dropdown-toggle span{width: 100%;float: left;}
.task_filter_btn .dropdown-menu{
    padding: 10px;
    right: 0;
    left: inherit !important;
    transform: inherit !important;
    top: 30px !important;
    line-height: 27px;
}

.task_auto_running_show_popup{
    width: 95%;
    max-width: 450px;
    height: auto;
    position: fixed;
    left: 50px;
    bottom: 50px;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
    padding: 21px;
    border-radius: 15px;
    transition: all .2s ease-in-out;
    animation: shake 500ms ease-in-out forwards;
}
.task_auto_running_show_popup_cnt{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 15px;
}
.task_auto_running_show_popup_cnt strong{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 5px;
    color: #499513;
    font-size: 22px;
}
.task_auto_running_show_popup_cnt p{
    width: 100%;
    height: auto;
    float: left;
    color: #242424;
    font-size: 16px;
}
.task_auto_running_show_popup_btn_row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    justify-content: end;
    gap: 10px;
}
.task_auto_running_show_popup_btn1{
    width: 100px;
    height: auto;
    float: right;
    background-color: var(--primary-color);
    text-align: center;
    padding: 10px 20px;
    color: #fff;
    font-size: 15px;
    transition: 0.2s ease;
}
.task_auto_running_show_popup_btn2{
    width: 100px;
    height: auto;
    float: right;
    background-color: #fff;
    text-align: center;
    padding: 10px 20px;
    color: #242424;
    border: solid 1px #e5e5e5;
    font-size: 15px;
    transition: 0.2s ease;
}
.task_auto_running_show_popup_btn3{
    width: 100px;
    height: auto;
    float: left;
    background-color: #fff;
    text-align: center;
    padding: 10px 20px;
    color: #242424;
    border: solid 1px #e5e5e5;
    font-size: 15px;
    transition: 0.2s ease;
}
.task_auto_running_show_popup_btn1:hover{background-color: var(--secondary-color);color: #fff;}
.task_auto_running_show_popup_btn2:hover{background-color: var(--secondary-color);color: #fff;}
.task_auto_running_show_popup_btn3:hover{background-color: var(--secondary-color);color: #fff;}
.pop-footr{width: 100%;height: auto;display: inline-block;text-align: center;margin-bottom: 20px;}

.btn-print{background-color: #00acee; color: #ffffff; margin-right: 5px; border-radius: 20px; padding: 10px 30px;transition: 0.2s ease;}
.btn-download{background-color: #ffffff;color: #242424;    border-radius: 20px;padding: 10px;border: solid 1px #ddd;transition: 0.2s ease}
.btn-print:hover{background-color: var(--primary-color);color: #fff;}
.btn-download:hover{background-color: var(--primary-color);color: #fff;}

.paid_float_btn{position: fixed;bottom:50px;left: 0;right: 0;margin: auto;z-index: 9;background-color: var(--secondary-color);text-align: center;padding: 10px 30px ;color: #fff;font-size: 15px;border-radius: 3px;max-width: 150px; width: auto;}
.paid_float_btn:hover{background-color: var(--primary-color);color: #fff;}

.bill_View_quick_cnt{
    width: 100%;
    height: auto;
    margin-top: 10px;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 17px rgb(0 0 0 / 6%);
  }
  .bill_View_quick_cnt_box{
    width: 100%;
    height: auto;
    float: left;
    padding: 10px ;
    text-align: left;
    margin-bottom: 10px;
    background-color: #fff;
    /* box-shadow: 0px 4px 17px rgb(0 0 0 / 6%); */
    border: solid 1px #bbe0ec;
    border-radius: 15px;
  }
  .bill_View_quick_cnt_box h5{
    font-size: 15px;
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
    text-align: left;

  }
  .bill_View_quick_cnt_box strong{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-size: 18px;

  }
.clr_grn{color: var(--primary-color);}
  .dlfx_cnt{
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  .dlfx_cnt div{text-align:center;width: 100%;}
  .dlfx_cnt div h5{text-align:center}
  .dlfx_cnt div strong{text-align:center}



@keyframes shake {
    0% {
      transform: rotate(2deg);
    }
    50% {
     transform: rotate(-3deg);
    }
    70% {
      transform: rotate(3deg);
    }

    100% {
      transform: rotate(0deg);
    }
}

.week-table .desklog-time-bar.admin-user-overview-time-bar .progress{
    height:8px !important;
    margin-bottom: 0px !important;
}
.week-table .project_progress{
    height: 7px !important;
    margin-bottom: 5px !important;
    margin-top: -6px;
    border-radius: 0;
}
.week-table td{
    vertical-align: middle !important;
}
.week-table .project_progress .progress-bar-dark{    background-color: #e1e5e6;}
.week-table .popover-content{font-size: 13px;}

.admin-user-overview .up_arrow_tsk{
    height: 25px;
    line-height: 13px;
}
.admin-user-overview .down_arrow_tsk{
    height: 25px;
    line-height: 13px;
}

.nvd3 .nv-axis{opacity: 0.8 !important;}

.appusage-view.table td .desklog-time-bar .progress{
    height: 7px !important;
    margin-top: 0px;
}

.attendence_rprt tbody tr:first-child .desklog-time-bar .popover.top {
    margin-top: 0;
    top: inherit !important;
}
.attendence_rprt tbody tr:first-child .desklog-time-bar .popover > .arrow {
    border-width: 11px;
    bottom: inherit !important;
    top: -20px;
    transform: rotate(180deg);
}
.attendence_rprt .desklog-time-bar{max-width: 200px;}
.attendence_rprt table thead tr th:first-child{width: 40%;}

.home-user-task-sec .panel {
    display: grid;
    grid-template-columns: 80px 1fr;
    padding: 10px 0;
    gap: 10px;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 5px 10px 22px #d5dfe3 !important;
}
.mytast_box_ico {
    padding: 12px;
    display: inline-block;
    padding-top: 6px;
}
.mytast_box_ico img {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    box-shadow: -10px 15px 20px #bbc7b0;
}
.mytast_box_txt {
    text-align: left;
}
.home-user-task-sec .panel .overview-head {
    font-size: 16px;
}
.home-user-task-sec .mytast_box_txt h3 {
    font-size: 35px;
    text-shadow: 10px 10px 21px var(--primary-color)8c;
    color: var(--primary-color);
    margin-top: 3px;
}
.user_side_filter {
    padding-top: 10px;
    border-left: 3px var(--primary-color) solid;
    padding-left: 10px;
    position: relative;
    z-index: 6;
    box-shadow: 8px 8px 20px rgb(0 0 0 / 5%);
}
.left-backlog-collaps {
    min-height: 30px;
    padding: 0;
}
.progres_bar_task_row{
    background: #FFFFFF;
    box-shadow: 0px 4px 18px rgb(0 0 0 / 8%);
    border-radius: 0px;
    border: 0;
}
.progres_bar_task_row .task_bar_sec_progress .progress-sm {
    width: 100%;
    height: 4px;
    margin-bottom: 0;
}
.progres_bar_task_row .task_bar_sec_progress{padding-left: 58px;}
#task_view_modal .bg-light{background-color: #fff;}
#task_view_modal .modal-dialog { width: 730px;max-width: 93%;top: 50%; left: 50%; transform: translate(-50%, -50%); margin: inherit;}
#task_view_modal_content.modal-content {overflow: hidden;}
#task_view_modal_content.modal-content .panel-tools .form-group{
    float: left;
    width: 100%;
    margin: 0 !important;
}
.fnt_mdm {
    color: #464646;
    font-weight: 600;
}
.prj_sprt_name_pop {
    color: #464646;
    font-weight: 600;
    background-color: transparent;
    font-size: 15px;
    border-radius: 0;
    white-space: normal;
    text-align: left;
    width: 100%;
    padding: 0;
    margin-top: 0px;
}
.task_name1 {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.newprctp {
    width: auto;
    display: inline-block;
    margin-top: -6px;
}
.home-user-task-sec #submit_date{margin-top: 0 !important;}
.mt-view .task-search {
    width: 30px;
    height: 30px;
    box-shadow: 3px 0px 10px #cbcbcb;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
}

.progres_bar_task_row .task_bar_sec_progress .pull-none-folded {
    height: 12px;
}
.progres_bar_task_row .task_bar_sec_progress .progress_text {
    font-size: 10px;
    position: relative;
    top: -25px;
}
.task_bar_sec_progress {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    padding: 0 15px;
}

.dashboard_project_table{
    width: 100%;
    float: left;
    max-width: 100% !important;
    min-width: 800px;
}
.dashboard_project_table thead{
    box-shadow: none;
    border-bottom: dashed 1px #ccc;
}
.dashboard_project_table td{border: 0 !important;}
.dashboard_project_table thead th{border: 0;    border-bottom: 1px solid #f3f3f3 !important;color: #242424;}
.dashboard_project_table tbody tr{border-bottom: 1px solid #f3f3f3 !important;}
.project_quick_Stats{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
    max-width: 500px;
    left: 0;
    right: 0;
    float: left;
    top: 10px;
}
.project_quick_Stats_box .up_arrow_tsk{
    height: 27px;
    line-height: 15px;
}
.project_quick_Stats_box .down_arrow_tsk{
    height: 27px;
    line-height: 15px;
}
.project_quick_Stats_box{
    width: auto;
    display: inline-block;
    font-size: 15px;
    position: relative;
    top: -5px;
}
.project_quick_Stats_box strong{
    width: 100%;
    display: inline-block;
    font-size: 30px;
    position: relative;
    top: 0px;
    font-weight: 400;
}
.project_quick_Stats_box.prjct_tsk_up strong{color: #71A000;}
.project_quick_Stats_box.prjct_tsk_down strong{color: #f05050;}
.dashboard_project_table td, .dashboard_project_table th{    padding: 10px 5px !important;}
.prj-status {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}
.prj_flt_btn_1{
    padding-top: 0;
    margin-bottom: 15px;
}
.prj_quick_hd_fltr .project_quick_Stats_box strong{
    top: -6px;
}

.list-profile span, .list-profile img {
    width: 34px;
    height: 34px;
}

.list-details {
    margin: 6px 0px;
}

.hbox{position: relative;}
.new_loader_view{
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 99;
    display: none;
}
.new_loader_view.hide{display: none;}
.new_loader_view #ajax_loader_new{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 9;
}

.mt_10{margin-top:10px}
.invoice_sngle_filter_row{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}
.invoice_sngle_filter{
    float: right;
    margin-bottom: 10px;
}
.filter_sort_sc{
    width: auto;
    max-width: 150px;
    float: right;
    margin-right: 0px;
    margin-top: -2px;
}
.filter_sort_sc .btn{
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #e5e5e5;
    color: #000;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter_sort_sc .dropdown-menu li a{color: #000;}

.enqur_pop_img{
    max-width: 300px;
}
.enq_pop_row{
    padding: 30px 0;
    display: flex;
    align-items: center;
}
.time-request .btn-danger{
    border-radius: 20px;
}
.create_user_btn_top {
    position: fixed;
    z-index: 9911;
    right: 305px;
    top: 7px;
}

.create_team_btn {
    position: fixed;
    z-index: 9911;
    right: 310px;
    top: 9px;
}

.work_shedule_create {
    position: fixed !important;
    top: 10px;
    z-index: 9991;
    right: 295px;
}
.absnce_dtl_btn {
    position: fixed !important;
    top: 20px;
    z-index: 9991;
    left: 662px;
}
.button_back {
    display: none;
}

.setting_top_btn_sec {
    position: fixed;
    z-index: 9911;
    right: 310px;
    top: 11px;
}
.add_pymnt_methord_btn{position: fixed;z-index: 9911;right:250px; top: 23px;}
.settng_usR_role{position: fixed;z-index: 9911;right:305px; top: 11px;}
.add_payment_methord_btn{position: fixed;z-index: 9911;right:250px; top: 13px;}
.sets_dflt_algn{position: fixed;z-index: 9911;right:300px; top: 12px;}

.productivity-report .up_arrow_tsk{top: 1px;padding: 7px 5px;}
.productivity-report .down_arrow_tsk{padding: 7px 5px;}
.app-header-fixed .app-header{z-index: 10;}
.mytask_top_dtl{position: fixed;margin-left: 5px;top: 20px;z-index: 9;}
.div-td.mt-status .dropdown-menu{display: none;}
.div-td.mt-status .dropdown-menu.show{display: block;top: -40px !important;}
.company_leavs_btn{position: fixed !important;top: 10px;z-index: 9991;right: 450px;}

.project_filter_box {
    background: #ffffff;
    box-shadow: 4px 4px 4px rgb(0 0 0 / 6%);
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    height: auto;
    padding: 3px;
    margin-bottom: 5px;
    margin-top: 23px;
    border: solid 1px #e9e9e9;
}
.project_fltr_new label{
    width: 100%;
}
.project_filter_box .select2-container{
    width: 100% !important;
    display: inline-block;
}

.project-data-box{
    background: #ffffff;
    /* box-shadow: 4px 4px 4px rgb(0 0 0 / 6%); */
    border-radius: 5px;
    width: 100%;
    height: auto;
    padding: 10px
}

.slct_clr_drop{
    background-color: transparent;
    align-items: center;
    display: flex;
    gap: 3px;
}

.slctd_colr{
    width: 12px;
    height: 12px;
    float: left;
}
.view_colr{
    width: 12px;
    height: 12px;
    float: left;
    cursor: pointer;
    margin: 4px 5px 0 10px
}
.slct_color_pckr{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    padding: 10px;
}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}

.m_0{margin: 0;}
.project_view_bx .nav-tabs  a.active {
    color: #555;
    cursor: default;
    background-color: transparent;
    border: 0;
    border-bottom: var(--primary-color) 2px solid !important;
}
.project_view_bx .tab-content > .active{
    /* border: solid 1px #e5e5e5;
    border-top: 0; */
}
.prj_vsblity_sc{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    gap: 10px;
    align-items: center;
}
.prj_vsblity_sc div{
    width: auto;
}

.action_btn_table{
    width: 30px;
    min-width: 30px;
    height: 30px;
    box-shadow: 3px 0 10px #cbcbcb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.amount_enter_pop_info{
    width: 100%;
    height: auto;
    float: left;
    background-color: #9ff4ff;
    color: #242424;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 10px;
}

.project_tsk_table .form-control{
    border: 0;
    font-size: 15px;
    padding-top: 0;
    margin-top: 0;
}
.project_tsk_table .list-icon-head .form-control{
    margin-left: 14px;
}

.bill_onoff_btn input[type="checkbox"] {
  position: relative;
  width: 40px;
  height: 20px;
  -webkit-appearance: none;
  appearance: none;
  background: #ccc;
  outline: none;
  border-radius: 2rem;
  cursor: pointer;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
}

.bill_onoff_btn  input[type="checkbox"]::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}

.bill_onoff_btn  input[type="checkbox"]:checked::before {
  transform: translateX(100%);
  background: #fff;
}

.bill_onoff_btn input[type="checkbox"]:checked {
  background: #00ed64;
}

.hourly_rate_dv{
    width: 100%;
    height: auto;
    display: flex;
}

.bill_onoff_btn{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    gap: 10px;
}
.prj_vsblity_sc input[type="checkbox"]{
    margin: 0;
}
.user-pro-icons span.hidden-sm{
    max-width: 78px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.project_status_box_left{
    width: 100%;
    height: auto;
    position: relative;
    padding: 10px;
    /* border: solid 1px #e5e5e5; */
    display: inline-block;
    margin-top: 20px;
}

.project_status_box_left_row{
    width: 100%;
    height: auto;
    float: left;
    border-bottom: 1px #e5e5e5 dashed;
    padding: 8px 0;

}
.project_status_box_left_row_sub{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.project_status_box_left_row span{
    font-size: 14px;
    color: #666;
}
.project_status_box_left_row strong{
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.project_status_right_chart{
    width: 100%;
    height: 100%;
    position: relative;
    padding: 10px;
    border: solid 1px #e5e5e5;
}

.d-flex-new{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.project_status_chart_sec_first{
    width: 100%;
    height: auto;
    float: left;
}
.project_status_chart_sec_sec{
    width: 100%;
    height: auto;
    float: left;
    margin-top: -25px;
    position: relative;
}
.task_chart_center_txt{
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    color: #242424;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 120px;
}
#overview_task h1{display: none;}
.task_chart_center_txt strong{font-size: 35px;}
.prj_priorty{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}
.poject-table tbody td:first-child{
    position: relative;
    padding-right: 3px;
    padding-left: 35px;
}
.poject-table .prj_priorty{
    width: 2px;
    height: 20px;
    display: inline-block;
    border-radius: 0;
    margin-right: 0;
    position: absolute;
    left: 8px;
    top: 25%;
}
.project_status_tag{
    position: absolute;
    right: 75px;
    padding: 2px 4px;
    border: solid 1px #ccc;
    font-size: 12px;
    color: #242424;
    border-radius: 3px;
    top: 3px;
}
.project_from_tag{
    padding: 0px 4px;
    border: 0;
    background-color: #e3f2ff;
    font-size: 12px;
    color: #000000;
    border-radius: 3px;
    letter-spacing: 0.5px;
    z-index: 9;
    border: solid 1px #c5e5eb;
    height: auto;
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 3px;
}
.prj_members_boxs_row{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 10px;
}

.prj_member_ico{
    width: 30px;
    height: 30px;
    display:flex;
    margin-left: -14px;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    background-color: var(--secondary-color);
}
.prj_member_ico img{width: 100%; height: 100%;background-color: #fff;}
.prj_member_ico:nth-child(odd) {
    background-color: #008fa1
}
.prj_member_ico:nth-child(even) {
    background-color: var(--primary-color)
}
.mytask_added_sc .prj_member_ico{
    background-color: var(--secondary-color) !important;
}
.lists_kanban .prj_member_ico{
    background-color: var(--secondary-color) !important;
}

.poject-table .progress-view span{font-size: 14px;}

.view_more_member{
    background-color: #fff !important;
    border: solid 1px #ccc;
    color: #242424;
    -webkit-text-stroke: 1.5px white;
}
.poject-table .view_more_member{
    -webkit-text-stroke:inherit;
}
.priorty_drop_dwn li{
    padding: 5px 0;
}
.prj_task_add_box{
    border-radius: 0;
    min-height: 45px;
    border: solid 1px #fff !important;
    transition: 0.2s ease;
    font-size: 17px !important;
    color: #000 !important;
}
.prj_task_add_box::placeholder{color: #000;font-size: 17px;}
.task_title_list{transition: 0.2s ease;border: solid 1px #fff !important;}
.task_title_list:hover{border: solid 1px #ccc !important;}
.prj_vsblity_sc input{width: 18px;height: 18px;}
.prj_vsblity_sc label{font-size: 15px;color: #242424;cursor: pointer;}
.project_member_all{
    width: 100%;
    height: auto;
    display: inline-block;
    max-height: 400px;
    overflow: auto;
}
.project_member_all ul{
    padding: 0;
    width: 100%;
    display: grid;
}
.project_member_all li{
    display: grid;
    grid-template-columns: 50px 1fr;
    list-style: none;
    margin-bottom: 7px;
    align-items: center;
}
.project_member_all li .prj_member_ico{margin-left: 0;}
.prj_add_tsk_bx{
    width: 100%;
    height: auto;
    position: relative;
    padding-right: 250px;
}
.project_filter_box_sec{
    width: 100%;
    max-width: 1000px;
    display: flex;
    align-items: center;
    gap: 5px;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    margin-bottom: 2px;
}

.prj_details_filter_bx{
     width: 100%;
    display: flex;
    gap: 5px;
    position: relative;
    top: -5px;
    background-color: #e5f7f9;
    margin-bottom: -8px;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
    padding: 0 1px;
    border-radius: 3px;
    box-shadow: 0px -10px 10px #00000012;
    z-index: 5;
    border: solid #ffffff 3px;
    align-items: center;
}
.prj_details_filter_bx .prj_details_filter_bx_sec{
    max-width: 850px;
    display: flex;
    gap: 6px;
    align-items: center;
}
.prj_details_filter_bx.showProjectFilter{
    opacity: 1;
    overflow: visible;
    height: 50px;
}
.filter_prj_dtl_head{
    position: absolute;
    left: 6px;
    top: -15px;
    background-color: #fff;
    padding: 1px 8px;
    color: #000;
    z-index: 2;
    font-size: 13px;
}
.prj_details_filter_bx #btn_clear_task_filter{
    border-radius: 3px !important;
    background-color: #e33c3c;
    border: 0;
    margin-right: 3px;
}
.prj_details_filter_bx .multiselect-container{
    right: 0px;
    left: inherit !important;
}
.prj_details_filter_bx .btn-default{
    border: 0;
    box-shadow: none;
    background-color: transparent !important;
}

.prj_details_filter_bx .col-md-5:first-child .btn-default.multiselect{
    border: 0;
    padding: 0 5px;
}
.filter_ico_prj_task{
    width: 30px;
    min-width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    border: 1px #e5e5e5 solid;
    padding-top: 3px;
}
.filter_ico_prj_task.filterActive{background-color: #fff;}


.prj_add_tsk_bx #btn_add_task{
    border-radius: 0;min-width: 80px;position: absolute;right: 2px;top: 2px;height: 41px;
    border-radius: 3px;line-height: 29px;
}
.subtask_add{
    border-radius: 0;min-width: 80px;position: absolute;right: 2px;top: 2px;height: 41px;
    border-radius: 3px;line-height: 29px;
}
.prj_add_tsk_bx .form-control{margin-top: 0;}

.task_act_btn_sec{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap:10px;
    padding-left: 10px;
}
.task_act_btn{
    width: 30px;
    height: 30px;
    position: relative;
    background-color: var(--secondary-color);
    text-align: center;
    font-size: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.2s ease;
    -webkit-text-stroke: 1.5px var(--secondary-color);
}
.task_act_btn:hover{color: #fff;background-color: var(--primary-color); -webkit-text-stroke: 1.5px var(--primary-color);}
.task_stop_btn{
    width: 30px;
    height: 30px;
    position: relative;
    background-color: #df0808;
    text-align: center;
    font-size: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 0.2s ease;
    -webkit-text-stroke: 1.5px #df0808;
}
.task_stop_btn:hover{color: #fff;background-color: var(--secondary-color);-webkit-text-stroke: 1.5px var(--secondary-color);}

.pagination_cntr{
    width: 100%;
    height: auto;
    padding: 8px;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 8px;
    box-shadow: none !important;
}
.pagination_cntr #table-pagination-sec{
    display: flex;
justify-content: space-between;
width: 98%;
}

.pagination_cntr #pagination_limit{
    background-color: #fff;
    color: #242424;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
}

.project_status_sec_view{
    width: 100%;
    height: auto;
    display: inline-block;
}
.project_task_dtl{
    width: 100%;
    height: auto;
    display: inline-block;
}
.project_task_dtl_graph_sec{
    width: 100%;
    height: auto;
    display: flex;
    padding: 10px;
    align-items: center;
    /* border: dashed 1px #e3e3e3; */
    margin-top: 10px;

}
.project_dtail_view_Cnt.prj_overview_bx .project_task_dtl_graph_sec{
    margin-top: -30px;
}
.prjct-legend-con span{display: inline-block;}
.prjct-legend-con span.chart-legend {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.prjct-legend-con ul{padding: 0;}
.prjct-legend-con li{list-style: none;margin-bottom: 5px;}
.dashbrd_project_prgs_box{
    width: 100%;
    height: auto;
    display: inline-block;
    max-width: 350px;
}
.dashbrd_project_prgs_box_row{
    width: 95%;
    height: auto;
    display: flex;
    margin-bottom: 18px;
    justify-content: center;
    gap: 5px;
}
.dashbrd_project_prgs_box_name{
    font-size: 16px;
    color: #323232;
    width: 100%;
    display: inline-block;
    position: relative;
    padding-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Poppins", sans-serif !important;
    max-width: 380px;
}
.dashbrd_project_prgs_box_bargraph{
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.dashbrd_project_prgs_box_bargraph_value{
    width: auto;
    display: inline-block;
    font-size: 14px;
    color: #666;
}
.dashbrd_project_prgs_box_row .progress{margin-bottom: 0;height: 3px;}
.dashbrd_project_prgs_box_row .progress-view{    grid-template-columns: 30px 1fr 30px;}

.dashboard_prj_task_dtl_box{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    max-height: 380px;
    overflow: auto;
}
.prj_dtl_table{
    width: 100%;
    height: auto;
    float: left;
    /* border: solid 1px #e5e5e5; */
}
.prj_dtl_table th{
    padding: 5px ;
    /* border-top: solid 1px #e5e5e5; */
    border-bottom: solid 1px #e5e5e5;
    font-size: 17px;
    font-weight: 500;
    color: #242424;
}
.prj_dtl_table .progress{
    margin-bottom: 0;
    height: 4px;
}
.prj_dtl_table td{
    padding:10px 5px ;
    border-top: solid 1px #e5e5e5;
    /* border-bottom: solid 1px #e5e5e5; */
    font-size: 15px;
    color: #242424;
}
.graph_prj_box{max-width: 250px;width: 50%;}
.project_task_dtl_graph_sec .tsk_box_full{width: 100% !important;}

.my_task_flter{
    border: 1px #e5e5e5 solid;
    border-bottom: 0;
    padding-bottom: 10px;
    margin-bottom: 0px;
    padding-right: 40px !important;
}
.my_task_flter .task_boxs_lst{
    display: flex;
    align-items: center;
    position: relative;
}
.my_task_flter .task_boxs_lst .btn-default{
    padding: 1px;
    border: 0;
    box-shadow: none !important;
    background-color: transparent;
    color: #242424 !important;
    font-weight: normal;
}
.my_task_flter .task_boxs_lst .form-group{
    margin-bottom: 0;
}
.my_task_flter  .open .dropdown-toggle.btn-default{
    box-shadow: none !important;
    background-color: transparent;
    color: #242424 !important;
}
.mytask_added_sc {
    box-shadow: none;
    margin-top: 0;
}
.mytask_added_sc .div-table{
    border: 0;
}
.ttl_work_time{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 13px;
    color: #666;
    position: relative;
    top: 6px;;
}
.ttl_work_time strong{font-weight: normal;}

.mytask_todo_task_adding_sc{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 10px;
    position: relative;
    /* box-shadow: 8px 8px 20px rgb(0 0 0 / 5%);
    border: 1px #e5e5e5 solid; */
    margin-bottom: 3px;
    background: #fff;
}


.mytask_todo_task_row{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 0.8fr 0.5fr 50px 30px;
}
.task_new_create_box{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
}
.task_new_create_box input[type="checkbox"], .task_new_create_box input[type="radio"]{margin-top: 15px;}
.task_new_right_sec{
    width: 100%;
    height: auto;
    float: left;
    display: grid;
    grid-template-columns: 6fr 1fr 50px 1fr;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
    border-left: 1px solid #ebebeb;
}
.quick_task_bill_on{
    font-size: 19px;
    text-align: center;
    color: #a0a0a0;
    cursor: pointer;
    border: solid 1px #fff;
    border-radius: 3px;
    font-family: "Poppins", sans-serif !important;
}
.biible_hd{
    font-family: "Poppins", sans-serif !important;
    text-align: center;
    width: 100%;
}
.quick_task_bill_on span{
    display: inline-block;
    border: solid 1px #fff;
    border-radius: 3px;
    min-width: 30px;
}
.quick_task_bill_on span:hover{
    border: solid 1px #ccc;
}
.quick_task_bill_on.active{
    color: var(--primary-color) !important;
    font-size: 22px;
}

.task_new_input{
    width: 100%;
    height: 45px;
    float: left;
    padding-left: 10px;
    border: 0;
    font-size: 15px;
    color: #000;
    border: solid 1px #e7e7e7;
    transition: 0.2s ease;
}
.task_new_input:hover{border: solid 1px #e5e5e5;}
.task_new_input::placeholder{color: #000;font-size: 18px;}
.project_plus{
    width: 25px;
    min-width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #499513;
    color: #499513;
    font-size: 20px;
    border-radius: 25px;
    cursor: pointer;
    position: relative;
    z-index: 5;
    left: -2px;
    top: -2px;
}
.task_prj_sect .multiselect .caret {position: relative;top: -5px;  }
.project_task_add{
    width: auto;
    min-width: 85px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin-top: 0px;
    transition: 0.2s ease;
    padding: 0 5px;
}
.project_task_add:hover{background-color: var(--primary-color);}
.task_prj_sect .btn-default span{max-width: 130px;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.task_time_running{
    font-size: 18px;
    color: #000;
    text-align: center;
}
.task_start_stop_btn{
    width: 40px;
    text-align: center;
    height: 40px;
    line-height:40px;
    color: #fff;
    /* background-color: var(--secondary-color); */
    font-size: 14px;
    margin: auto;
    transition: 0.2s ease;
}
.task_start_stop_btn:hover{background-color: var(--primary-color);}
.task_start_stop_btn a{
    text-decoration: none;
    color: #fff;
    width: 100%;
    display: inline-block;
}
.task_prj_sect{
    display: flex;align-items: center;justify-content: center;
    padding: 10px;
    border: solid 1px #e5e5e5;
    padding-bottom: 7px;
    border-radius: 3px;
}
.task_prj_sect .btn-default{
    padding: 0;
    border: 0;
    color: #242424 !important;
    box-shadow: none;
    background-color: transparent !important;
}
/* .task_prj_sect .multiselect-container{
    max-width: 240px;
    margin-left: -40px;
} */
.action-btn-sec{
    display: flex;
    align-items: center;
    gap: 10px;
}
.invoice_view_btn {
    font-size: 15px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border-radius: 3px;
    box-shadow:0px 0px 15px #ccc;
}

.dropbtn-invoice {
    background-color: #fff;
    color: #000;
    border: none;
    cursor: pointer;
    outline: none;
}

.dropdown-invoice {
    position: relative;
    display: inline-block;
}

.dropdown-content-invoice {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
    padding: 5px ;
    padding-bottom: 0;
}

.dropdown-content-invoice a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    float: left;
}
.sub_drp_box{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    gap:5px;
}
.sub_drp_box a{margin-right: 5px;
    padding: 5px 13px;
    width: 100%;
    display: inline-block;
}

.dropdown-content-invoice a:hover {
    background-color: #e5e5e5
}

/* .dropdown-invoice:hover .dropdown-content-invoice {
display: block;
} */
.sub_drp_box div{width: 100%;}
.show_invoice_drop .dropdown-content-invoice{display: block;}
.sub_drp_box a i{width: 20px;text-align: center;font-size: 14px;}

.appusage_right_fltr_2{display: flex;flex-direction: row-reverse;}
.appusage_right_fltr_2 .appusage_date_exl{margin-right: 0;display: flex;white-space: nowrap;}
.task_start_stop_btn .task_act_btn{
    width: 37px !important; height: 37px;
    border-radius: 3px;
line-height: 37px;
padding-left: 3px;
}

.total_task_spent_mytask{
    position: static;
    right: 10px;
    color: #242424;
    top: -3px;
    width: auto;
    height: 21px;
    float: left;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    display: inline-block;
    padding: 2px 10px;
}
.total_task_spent_mytask span{
    width: 100%;
    font-size: 12px;
    display: inline-block;
}
.my_task_flter .task_boxs_lst .col-md-2{padding: 0 5px;width: auto;}

.toggle_task_view #taskViewToggle{
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    /* position: relative; */
    cursor: pointer;
}

.toggle_task_view input[type=checkbox]:checked+.fa-th::before{
    content: "\f0c9";
    background-image: none;
    color: #000;
    margin-top: 3px;
}
.row_task_list{position: relative;}
.row_task_list .mt-name{position: relative;}
.row_task_list .priority-label{
    margin-right: 4px;
    width: 2px;
    height: 16px;
    display: inline-table;
    border-radius: 20px;
    margin-left: 2px;
    position: absolute;
    left: 13px;
    top: 33%;
}
.mytask_action_dt{
    font-size: 22px;
    color: #000;
    font-weight: 600px;
}
.mytask_action_dt .dropdown-toggle{
    padding-top: 0;
    padding-bottom: 10px;
    box-shadow: none;
}
.mytask_action_dt .dropdown-menu{
    left: inherit !important;
    right: 0;
    transform: inherit !important;
    top: 30px !important;
}
.mytask_action_dt .div-td{
    width: 100%;
    display: inline-block;
    padding-bottom: 0;
}
.mytask_action_dt .action_btn_table{
    width: 100%;
    display: inline-block;
    box-shadow: inherit;
    text-align: left;
    padding-top: 0px;
}
.mytask_action_dt .action_btn_table .fa{margin-right: 8px; color: #242424;}
.project_tsk_table .action_btn_table{font-size: 12px;background-color: #fff;}
.mytask_action_dt .quick_task_bill_on{
    color: #000;
    font-size: 14px;
    text-align: left;
    display: flex;
}
.mytask_action_dt .quick_task_bill_on span{
    width: auto;
    min-width: 20px;
    pointer-events: none;
    margin-left: 10px;
}
.row_task_list .addedit_task_box{
    display: grid;
    grid-template-columns:  1fr 180px;
    gap: 15px;
}
.task_lst_prj_sec{
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    top: 5px;
}
.task_lst_prj_sec span{
    font-size: 11px;
    color: #666;
    width: 100%;
    position: absolute;
    margin-top: -10px;
}



/********Free user dashboard********/

.free-dashboard-right-sec .panel{margin-bottom: -10px;}
.row_flex_free{display: flex;flex-wrap: wrap;}
.row_flex_free .height100{min-height: 450px;}
.row_flex_free .height100 .productivity-report{height: 100%;}
.row_flex_free .height100 .productivity-report .no-data-found{height: 100%;}

.height100{height: 100%;}
.productivity_user_box{
    width: 100%;
    height: auto;
    float: left;
    margin: 15px 0;
    overflow: auto;
    margin-top: 2px;
}
.productivity_user_box_row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}
.productivity_user_box table{
    width: 100%;
    float: left;
}
.productivity_user_box th,td{
    padding: 2.2px;
}
.at_work-report .productivity_user_box{
    overflow: inherit;
}
.productivity_user_avatar{
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 50%;
    background-color: var(--secondary-color);
    text-align: center;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.productivity_user_name_progress{
    width: 100%;
    height: auto;
    float: left;
}
.productivity_user_name_bx{
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    font-weight: 400;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* margin-bottom: -2px; */
    position: relative;
    /* padding-right: 80px; */
    line-height: 17px;
    padding-bottom: 3px;
}
.productivity_user_box .ttl_work_time{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 15px;
    color: #000;
    top:0;
    white-space: nowrap;
    /* font-weight: 600; */

}
.productivity_progress .task_bar_sec_progress{margin: 0;padding-left: 0;position: relative;padding-right: 40px;top: 4px;}
.productivity_progress .progress-bar-success{margin: 0;}
.productivity_user_name_bx .task_bar_sec_progress{padding-left: 0;}
.productivity_progress .task_bar_sec_progress .progress{margin: 0;height: 6px;overflow: visible; width: 100%; left: 0; display: inline-block; position: absolute;max-width: 100%;}
.productivity_progress .task_bar_sec_progress .progress_text{position: absolute; right: 0; top: -8px;    font-size: 12px;}
 .free_dashboard_prj_sc{margin-top: 20px;}
 .prj_fr_dashbord_name{width: 100%;text-align: left;}
 .prj_fr_dashbord_name .dashbrd_project_prgs_box_row{text-align: left;justify-content: left;}
 .prjrct_clr_box{width: 8px;height: 8px;display: inline-block;margin-right: 5px;border-radius: 3px;}
 .dashbrd_project_prgs_box_name .project_spent_hr{font-size: 15px; color: #000; width: auto; float: left; padding-left: 17px;
    position: absolute;width: auto;top: 0;right: 0;}
    .overview_selcted_name .fa-close{color: #242424;}
    .overview_selcted_name{margin-top: 3px;}
    .search-user-fltr .form-group{
        position: relative;
    padding-right: 20px;
    }
    .user_clr_btn{
    position: absolute;
    right: 4px;
    width: 28px;
    height: 34px;
    background: #fff;
    top: 0;
    padding-top:1px;
    border: solid 1px #cfdadd;
    border-radius: 0 20px 20px 0;
    text-align: center;
    line-height: 29px;
    padding-right: 2px;
    font-size: 13px;
    }

.progress.progress-bar-task-wrk{width: 100%;height:5px !important;}


 /* .prj_flt_btn_free .project-range{
    display: flex;
    align-items: center;
    font-size: 12px;
} */
/* .prj_flt_btn_free .project-range ul a{
    width: 100%;
    display: inline-block;
} */
/******End free user dashboard******/


/* zoom images onclick */

.get_start_intro_page_img {
    position: relative;
    display: inline-block;
    }

.get_start_intro_page_img img {
    border-radius: 3px;
    cursor: pointer;
    transition: transform 0.2s;
    }

.get_start_intro_page_img img:hover {
    transform: scale(1.1);
    }

.zoomed-image {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    }

.zoomed-image img {
    object-fit: contain;
    border-radius: 3px;
    cursor: pointer;
    transition: transform 0.2s;
    width: 800px;

    }

.zoomed-image img:hover {
    transform: scale(1.1);
    }
/* zoom images onclick end */


.graph_prj_box{max-width: 350px;position: relative;}
.graph_prj_box_total_round{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    text-align: center;
    color: #242424;
    font-size: 14px;
    /* z-index: -1; */
}
.graph_prj_box_total_round span{
    width: 100%;
    float: left;
}
.graph_prj_box_total_round strong{
    width: 100%;
    float: left;
    font-size: 16px;
}

.my_task_flter{
    border: 0px #e5e5e5 solid;
    box-shadow: none;
    }


/****Dashboard Work/Project style****/

.workTask_graphbox{
    width: 100%;
    position: relative;
    height: 280px;
    display: inline-block;
}
.at_work-report{
    width: 100%;
    position: relative;
    display: inline-block;
    min-height: 395px;
}

.workTask_box_top_time{
    width: 97%;
    margin-left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 16px;
    color: var(--primary-color);
}

.work_prj_cm_chart_view{width: 100%;display: inline-block;margin-top: 10px;}
.work_prj_cm_chart_btm_legnd{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.work_prj_cm_chart_btm_legnd .work_prj_cm_chart_btm_legnd_box{
    color: #242424;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.work_prj_cm_chart_btm_legnd_box span{
    width: 20px;
    height: 8px;
    float: left;
    margin-right: 5px;
}
.work_overview_box{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 8px;
    border: solid 1px #e5e5e5;
}
.work_overview_box h5{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 17px;
    color: #58666e;
}
.work_overview_box_cnt{
    width: 100%;
    height: auto;
    display: inline-block;
}
.work_overview_box_cnt_row{
    width: 100%;
    height: auto;
    display: flex;
    font-size: 14px;
    gap: 8px;
    justify-content: space-between;
}
.work_overview_box_cnt_row strong{color: #242424;}
.work_overview_box_cnt table{
    width: 100%;
    height: auto;
}
.work_overview_box_cnt table td strong{color: #000;}
.work_overview_box_cnt td, .work_overview_box_cnt th{
    font-size: 15px;
    padding: 5px;
}
.flx_algn_cnt{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.total_work_prj_calculation{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.total_work_prj_calculation p{
    font-size: 13px;
    color: #666;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}
.total_work_prj_calculation strong{
    font-size: 17px;
    color: #000;
    width: 100%;
    display: inline-block;
}

.btn_coupon_code{
    width: 100%;
    height: 40px;
    max-width: 200px;
    background-color: #77a507;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 50px;
    transition: 02s ease;
    border: 0;
    float: right;
}
.btn_coupon_code:hover{background-color: #002b4d;color: #fff;}


.right_landing_coupon {
    width: 100%;
    height: auto;
    display: flex;
    color: #77a507;
    align-items: center;
    justify-content: space-between;
}

.right_landing_coupon span {
    width: 100%;
    height: auto;
    display: inline-block;
    cursor: pointer;
}

.apply_coupon_section_input {
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
}

.apply_coupon_section_input input {
    width: 100%;
    height: 41px;
    padding-right: 80px;
    border: 0;
    padding-left: 8px;
    font-size: 16px;
    color: #000;
    border: solid 1px #ccc;
    border-radius: 50px;
    outline: none;
}

.apply_coupon_btn {
    position: absolute;
    width: 75px !important;
    right: 3px;
    top: 3px;
    background-color: #002b4d;
    color: #fff !important;
    font-size: 14px;
    text-align: center;
    padding: 4px;
    padding: 8px 4px;
    border-radius: 20px;
}

.apply_coupon_btn:hover {
    background-color: #77a507;
    color: #fff;
}

.coupon_applied_bx {
    width: auto;
    display: inline-block;
    margin-top: 10px;
}

.coupon_applied_bx span {
    width: auto;
    background-color: #d2dfb4;
    color: #000;
    border-radius: 50px;
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 4px 20px;
    white-space: nowrap;
}

.right_landing_frm_subttl {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px #e7e7e7 dashed;
    padding: 5px 0;
}

.addmore_coupon_sec{
    width: 100%;
    display:inline-block;
    margin: 20px 0;
}
.addmore_coupon{
    width: auto !important;
padding: 5px 20px !important;
background-color: #ffffff;
color: #002b4d !important;
font-size: 14px;
text-align: center;
padding: 4px;
border-radius: 25px;
border: solid 1px #002b4d;
font-family: sans-serif;
white-space: nowrap;
}
.addmore_coupon:hover{
    background-color: #77a507;
    color: #fff !important;
}
.clrgrn{color: #77a507;}

#billing_charge_section h4{
    color: var(--secondary-color);
}

.timeline-top-gridview{
    width: 100%;
    height: auto;
    display: flex;
    overflow: auto;
    /* grid-template-columns: repeat(auto-fit, minmax(14%, 1fr)); */
    /* margin-bottom: 10px;
    gap: 10px; */
}
.timeline-top-gridview-box{
    background: #fdfdfde3;
    box-shadow: 0px -8px 6px rgb(151 151 151 / 2%) inset;
    border-radius: 0px;
    padding: 10px;
    grid-template-columns: 50px 1fr;
    display: grid;
    align-items: center;
    border: 1px solid #f3f3f3;
    width: 100%;
    border-bottom: 1px #ededed solid;
    border-top: 1px #fff solid;
}
.timeline-top-gridview-box:hover{
    background: transparent;
    border: 1px solid #fff
}

.timeline-top-gridview-box.active_grid{
    border: solid 1px #e5e5e5;
    border-bottom: 0;
    padding-bottom: 12px;
    position: relative;
    top: 0px;
    box-shadow: none !important;
    background: #fff !important;
    bottom: 0;
    border-top: 2px var(--primary-color) solid;
}
.count_timeline_box_image{
    display: inline-block;
}
.count_timeline_box_image img{width: 100%;}
.timeline-top-gridview-box .count_timeline_box{
    text-align: left;
    padding: 0px 10px 0px 10px;
    /* background: #fff; */
    width: 100%;
    display: inline-block;
}
.count_timeline_box span{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #666;
    white-space: nowrap;
}
.count_timeline_box h4{
    width: 100%;
    display: inline-block;
    font-size: 27px;
    color: #242424;
    font-weight: 400;
    margin: 0;
}
.quik_view_boxes_head{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
    color: #242424;
}
.quik_view_boxes_head h3{
    font-size: 18px;
    color: #242424;
}

.category_view_app_view{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.categories_view_contant_row {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 30px 1.2fr 1.2fr 80px;
    gap: 10px;
    align-items: center;
}
.productive_app_usage_list_progress_right_val{
    font-size: 15px;
    color: #242424
}
.categories_view_contant_app {
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 14px;
    color: #242424;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.productive_app_usage_list_progress {
    width: 100%;
    height: auto;
    position: relative;
    /* padding-right: 50px; */
    margin-top: 3px;
}
.work_hour_time {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
}
.productive_app_usage_list_progress .progress {
    height: 7px;
    margin: 0;
}

.graph_clr{
    width: 10px;
    display: inline-block;
    height: 10px;
}
.left_arrow_cnt{
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 120px;
}
.overview_top_grid_row{
    width: 100%;
    display: inline-block;
    /* margin-bottom: 10px; */
}
.overview_top_quick_box {
    width: 100%;
    height: 95%;
    display: flex;
    gap: 10px;
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.06) 0.01%, rgba(247, 249, 255, 0.46) 100%); */
    /* box-shadow: 0px 5.05px 22.613px rgba(0, 0, 0, 0.14); */
    background-color: #fff;
    border-radius: 3px;
    /* border: solid 1px #f3f3f3; */
    padding:10px 20px;
    margin-bottom: 8px;
    position: relative;
}
.overview_top_quick_box_ico{
    width: 60px;
}
.overview_top_quick_box_ico img{width: 100%;}
.overview_top_quick_box_cnt{
    width: 100%;
    display: inline-block;
}
.overview_top_quick_box span {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #4A4A4A;
    margin-bottom: 2px;
}
.overview_top_quick_box strong {
    width: 100%;
    height: auto;
    float: left;
    font-size: 27px;
    color: #000;
    font-weight: 500;
}

.settings-section-view{
    /* background-color: #ffffff; */
    padding: 15px;
    border-radius: 10px;
    min-height: 80vh;
    /* box-shadow: 0px 0px 20px #0000000d; */
}
.settins-cntainer{filter: inherit;border: solid 1px #fff !important;}
.bg-black .nav > li.active::before{
    /* position: absolute;
    right: -50px;
    width: 100px;
    height: 100px;
    background-color: #fff;
    content: ''; */
}
.gnrl_stngs_lft .nav-tabs li{width: 95%;}
.right_setting_tab_view{
    border-left:solid 1px #dee5e7;
    min-height:78vh !important;
    margin-top: 0;
}
.search-user-fltr{
    width: 180px;
    display: inline-block;
}

.over_view_Search_user_Sec{
    display: flex;
    white-space: nowrap;
    /* align-items: baseline; */

}
.tableParentDesk{
    overflow: auto;
    width: 100%;
    display: inline-block;
}
.tableParentDesk table {
    width: 100%;
    display:block;
    min-width: 460px;
}
.tableParentDesk tr{
    width: 100%;
    display: inline-table;
}
.tableParentDesk thead {
    display: inline-block;
    width: 100%;
    height: 35px;
}
.tableParentDesk tbody {
    height: 400px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}

.right_setting_tab_view .tab-pane {
    width: 100%;
    border: solid 1px #e5e5e5;
    margin-left: 0;
    margin-top: 0px;
    border-radius: 0;
}
.right_setting_tab_view .tab-pane .panel-body{
   margin-top: 20px;
}
.right_setting_tab_view .tab-pane .col-md-12.animated{
    padding:0 0;
    position: relative;
    z-index: 9;
}
.right_setting_tab_view .tab-pane .wrapper{
    padding:15px 0;
    padding-top: 0;
}
.right_setting_tab_view .tab-pane .panel-body .wrapper{
    padding:0 0;
}
.right_setting_tab_view .multiselect-container .form-control{margin-top: 0 !important;}

.setting_help_section{
    width: 100%;
    height: auto;
    float: left;
    margin-top:20px;
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
  }
.setting_help_section_head{
    width: 100%;
    height: auto;
    float: left;
    padding: 5px;
    border-bottom: 1px #ccc solid;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.setting_help_section_head h3{
    font-size: 22px;
    color: #242424;
    margin: 0;
}
.setting_help_section_close{
    width: 30px;
    height: 30px;
    display: inline-block;
    color: #242424;
    cursor: pointer;
    text-decoration: none;
}

.setting_help_section_cnt{
    width: 100%;
    height: auto;
    float: left;
    padding: 5px;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 26px;
}
.setting_help_section_cnt ul{
    padding: 0;
    padding-left: 20px;
}
.screenshot-app-perc label{
    word-break: break-all;
}
.task_ico_top{
    width: 35px;
    height: 35px;
    position: absolute;
    right: 15px;
    bottom: 10px;
    background-color: var(--secondary-color);
    text-align: center;
    line-height: 33px;
    border-radius: 30px;
    cursor: pointer;
}

.screenshot .screenshot-view{
    position: relative;
    display: flex !important;
     height: 100% !important;
}
/* .screenshot .screenshot-view a{
    height: 100% ;
    width: 100%;
} */

.screenshot .screenshot-view .screenshot-view-img2{
    width: 100% !important;
    height: 100% !important;
    /* min-height:150px; */
}

.screenshot-indu #screenshot_img{
    position: relative;
    display: flex !important;
     /* height: 80% !important; */
}
.screenshot-indu #screenshot_img a{
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #f0f0f0;
    display: flex;
    justify-content: center;
}
.screenshot-indu #screenshot_img img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.screenshot .screenshot-view a{
    width: 100%;
    height: 200px !important;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.screenshot .screenshot-view .screenshot-view-img2{
        object-fit: cover;
}


.task_ico_top img{max-width: 22px;}
.task_icon_content{display: none;}
.task_ico_top:hover .task_icon_content{display: block;}
.screenshot{overflow: visible;position: relative;z-index: 8;}
.screenshot .screenshot_view .screenshot-delete-link{line-height: 32px !important;}
.task_icon_content{
    width: 300px;
    height: auto;
    /* display: inline-block; */
    padding: 10px;
    position: absolute;
    right: 0;
    bottom:30px;
    background-color: #fff;
    max-height: 140px;
    border-radius: 10px;
    overflow: auto;
    box-shadow: 0px 0px 20px #00000047;
}
.task_icon_content_row{
    width: 100%;
    display: inline-block;
    word-wrap: break-word;
}
.task_icon_content_row p{
    text-align: left;
    margin: 0;
    font-size: 12px;
    line-height: 17px;
}
.task_icon_content_row label{
    font-size: 13px;
    color: #242424;
    text-align: left;
    line-height: 17px;
    width: 100%;
    vertical-align: top;
}
.screen_pop_prj_dtl{
    width: 100%;
    display: inline-block;
}
.screen_pop_prj_dtl p, .screen_pop_prj_dtl label{
    text-align: center;
    display: inline-block;
    width: auto;
    line-height: 26px;
}
.budget_spent_bar{
    display: flex;
    gap:5px;
}
.budget_spent_bar strong{font-size: 15px;color: #242424;}
.progress_budget{
    display: inline-block;
    min-width: 170px;
}
.progress_budget .progress-sm{
    height: 7px;
    margin-top: 7px;
}
.progress_budget .progress{height: 7px;}
.timeline-top-filter-row{
    background-color: #fff;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 0;
    margin-bottom: 5px;
    border-radius: 3px;
    box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.06);
}
.user_pagination_new{
    justify-content: space-between;
    width: 60%;
}
.register_ftr_save_btn_row{
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 10px 0;
}
.register_ftr_save_btn_row .btn-primary{
    padding: 10px 32px;
}
.settings-section-view .panel-default{position: relative;z-index: 9;}

.paln_pop_box_row{
    width: 100%;
    height: auto;
    display: flex;
    gap: 10px;
    margin: 5px 0;
}
.paln_pop_box{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    box-shadow:0px 0px 20px #e1e1e1;
    text-align: center;
    font-size: 13px;
    color: #242424;
}
.paln_pop_box strong{width: 100%;height: auto;display: inline-block;font-size: 22px;color: #242424;}
#change_role .subheading{
    text-align: center;
    font-size: 14px;
}
.dashboar_top_left_sec{
    width: 100%;
    height: auto;
    display: inline-block;
}
.dash_top_work_1_row{
    width: 100%;
    height: auto;
    display: grid;
    gap: 0px;
    grid-template-columns: repeat(5, 1fr);
}
.working_hr_box{
    width: 100%;
    display: inline-block;
}
.working_hr_box p{
    width: 100%;
    font-size: 14px;
    color: #242424;
    margin: 0;
}
.working_hr_box h3{
    width: 100%;
    font-size: 31px !important;
    margin: 0;
    font-weight: 500 !important;
}
.working_hr_box h3 span{
    font-size: 31px !important;
    font-weight: 500 !important;
}
.working_hr_box h3 p{
    font-size: 18px !important;
    margin-left: 5px;
    width: auto;
    display: inline-block;
    color: #333 !important;
    font-size: 12px;
    font-weight: 300 !important;
}
.working_hr_box .up_arrow_tsk{
    padding: 7px;
    width: 28px !important;
    text-align: center;
    position: relative;
    top: 3px;
}
.working_hr_box .down_arrow_tsk{
    padding: 7px;
    width: 28px !important;
    text-align: center;
    position: relative;
    top: 3px;
}
.working_hr_box:first-child{border-right: 1px dashed #ccc;width: 85%;height: 70%;}
.working_hr_box:nth-child(2){border-right: 1px dashed #ccc;width: 85%;height: 70%;}
.working_hr_box:nth-child(3){border-right: 1px dashed #ccc;width: 85%;height: 70%;}
.working_hr_box:first-child h3 .timer{color: var(--secondary-color);}
.working_hr_box:nth-child(2) h3{color: var(--primary-color);}
.working_hr_box:nth-child(3) h3 .timer{color: var(--secondary-color);}

.dash_top_work_linechart{
    width: 100%;
    height: auto;
    display: inline-block;
}
.acteff_main_box{
    display: inline-block !important;
    text-align: left !important;
    padding: 13px 7px !important;
}
.acteff_img{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 5px;
}
.acteff_img img{max-width: 34px;}
.acteff_content{
    width: 100%;
    height: auto;
    display: inline-block;
}
.acteff_content h5{
    width: 100%;
    display: inline-block;
    margin: 0;
    font-size: 14px;
    color: #7c7c7c;
}
.acteff_content h2{
    width: 100%;
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 27px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    font-family: sans-serif;
    /* text-shadow: 1px 2px #ccc; */
}
.acteff_content h2 span{
    padding: 5px 8px;
    color: #fff;
    font-size: 11px;
    position: relative;
    top: -8px;
    margin-left: 5px;
    border-radius: 3px;
    text-shadow: none;
}

.work_task_timesection{
    width: 100%;
    height: auto;
    /* display: inline-block; */
    float: left;
}
.work_task_timesection .col-md-7{
    width: 66%;
}
.work_task_timesection .col-md-5{
    width: 34%;
}
.top-grid{
    grid-template-columns: 1fr 1fr;
}

.work_task_main_section{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}
.work_task_main_section .workTask_graphbox{
    min-height: 245px;
    margin-bottom: 43px;

}
.work_task_rprt_box{
    width: auto;
    max-width: 150px;
    height: auto;
}
.work_task_rprt_box_cnt{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 20px;
}
.work_task_rprt_box_cnt p{
    width: 100%;
    font-size: 13px;
    color: #929292;
    display: inline-block;
    margin-bottom: 0;
}
.work_task_rprt_box_cnt h5{
    width: 100%;
    display: inline-block;
    margin: 0;
    color: var(--primary-color);
    font-size: 26px;
    margin-top: 5px;
    white-space: nowrap;
    letter-spacing: -2px;
}
.work_task_rprt_box_cnt h5 span{
    padding: 5px 8px;
    color: #fff;
    font-size: 11px;
    position: relative;
    top: -8px;
    margin-left: 5px;
    border-radius: 3px;
    letter-spacing: 0;
}
.timline_filter .form-control{border: 0;}
.timline_filter .col-md-3{padding: 0;width: auto;}
.export_btn{border-radius: 3px;margin-left: 10px;}

.projectTimelineTable table {
    border-collapse: collapse;
    width: 100%;
    min-width: 1000px;
}

.projectTimelineTable {
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 15px;

}

.projectTimelineTable td {
    margin-bottom: 8px;
    padding: 12px;
    border: 1px solid rgb(240, 240, 240);
    font-size: 15px;
    font-family: sans-serif;
    padding-left: 8px;
}

.projectTimelineTable p {
    margin: 0;
}

.projectTimelineTable thead h5 {
    color: black;
    font-size: 15px;
    font-family: sans-serif;

}


.projectTimelineTable thead .grandTotal {
    color: rgb(0, 50, 108);
}

.projectTimelineTable thead p {
    color: rgb(111, 111, 111);
    font-size: 13px;
    font-weight: 500;
    font-family: sans-serif;
}

.projectTimelineTable .innerData {
    background: #f7ffff;
}

.projectTimelineTable th {
    padding: 10px;
    border: 1px solid rgb(240, 240, 240);
    margin-bottom: 8px;
}

.projectTimelineTable h5 {
    margin: 0 !important;
    padding-bottom: 10px;
}

.projectTimelineTable .dropHead {
    background-color: #fff !important;
    border: 0 !important;
    border-bottom: 1px #e5e5e5 solid !important;
}

.project_filter_box  .top_sec_date_sel{
    margin-top: 8px;
    display: inline-block;
}


.projectTimelineTable .borderLine {
    border: 0 !important;
    color: rgb(0, 50, 108);
    font-family: sans-serif;
    /* font-weight: 600; */
    font-size: 15px !important;
    text-align: left;
}

.projectTimelineTable .borderLine h5 {
    padding-bottom: 0 !important;
}

.projectTimelineTable .prjBtnHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.projectTimelineTable .row th:nth-of-type(3),
.projectTimelineTable .row td:nth-of-type(3) {
    text-align: right;
}
.projectTimelineTable{overflow: auto;}


.projectTimelineTable tr.shown,
.projectTimelineTable tr.hidden {
    background-color: #cde7ff;
    display: table-row;
}

.projectTimelineTable tr.hidden {
    display: none;
}

.projectTimelineTable .row button {
    background-color: transparent;
    font: inherit;
    padding: 0.25em 0.5em 0.25em .25em;
    width: 100%;
    text-align: left;
    color: black;
}



.projectTimelineTable .row button:focus,
.projectTimelineTable .row button:hover {
    color: black;
}

.projectTimelineTable .row button svg {
    width: .8em;
    height: .8em;
    margin: 0 0 -.05em 0;
    fill: #66f;
    transition: transform 0.25s ease-in;
    transform-origin: center 45%;
}

.projectTimelineTable .row button:hover svg,
.projectTimelineTable .row button:focus svg {
    fill: rgb(32, 32, 32);
}

/* Lean on programmatic state for styling */
.projectTimelineTable .row button[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.projectTimelineTable .cell button {
    padding: 0.3em 0.2em 0 0.2em;
    text-align: center;
    text-indent: 0;
    border: 0;
    display: flex;
    align-items: center;
    background: none;
    gap: 5px;
}

.projectTimelineTable .alignLeft{
    text-align: right;
}

.projectTimelineTable tfoot td{
    font-weight: 600;
    color: rgb(0, 50, 108);
    font-size: 15px !important;
}

.projectTimelineTable .cell button svg {
    width: 10px;
    min-width: 10px;
    height: 10px;
    fill: rgb(23, 23, 23);
    transition: transform 0.25s ease-in;
    transform-origin: center 45%;
    transform: rotate(0deg);
}

.projectTimelineTable .cell button:hover,
.projectTimelineTable .cell button:focus {
    outline: none;
}

.projectTimelineTable .cell button:hover svg,
.projectTimelineTable .cell button:focus svg {
    fill: rgb(25, 25, 25);
}

/* Lean on programmatic state for styling */
.projectTimelineTable .cell button[aria-expanded="true"] svg {
    transform: rotate(180deg);
}



/* Proven method to visually hide something but */
/* still make it available to assistive technology */
.projectTimelineTable .visually-hidden {
    position: absolute;
    top: auto;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    /* IE 6/7 */
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    white-space: nowrap;
}

.mytask_toggle_btn{
    width: auto;
    display: flex;
    padding: 5px 10px;
    /* border: solid 1px #e5e5e5; */
    background-color: #dfeef5;
    border-radius: 30px;
    gap: 5px;
    align-items: center;
    text-align: center;
    max-width: 210px;
    justify-content: center;
    position: absolute;
    left: 20px;
    top: 14px;
}
.mytask_toggle_btn p{width: auto;font-size: 13px;color: #242424;margin: 0;}
.dashboar_top_left_sec .work-report-graph-totalprdct-percntg strong{font-size: 21px;}
.dashboar_top_left_sec .work-report-graph-totalprdct-percntg{font-size: 10px;line-height: 15px;}
.appusage_single .work-report-graph-totalprdct-percntg strong{font-size: 26px;font-weight: 600;}
.appusage_single .work-report-graph-totalprdct-percntg{
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
}
.appusage_single .app-usage-page-dateselect{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
    padding-left: 0px;
    margin: 0;
}
.appusage_single .app-usage-indiv2 .btn-primary{
    background-color: transparent;
    border: 0;
    color: #242424 !important;
    border-radius: 0 !important;
    height: 38px;
    margin-bottom: 0;
    margin-left: 0;
    border-bottom: 2px var(--primary-color) solid;
    opacity: 1;
}
.appusage_single .admin-user-top-sec{
    border-radius: 0 7px 7px 7px;
    margin-bottom: 10px;
}
.list-body{min-height: 300px;}

.appusage_top_view_sec{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap:10px;
}
.appusage_single .appusage_top_view_sec .wrapper-md{width: 100%;padding-left: 0;padding-right: 0;}
.appusage_top_timehour_graph{
    width: 100%;
    height: 100%;
    max-width: 230px;
    border-right: 1px dashed #e5e5e5;
    padding-bottom: 10px;
}
.app_usage_top_activity_sec{
    width: 100%;
    max-width: 200px;
    height: 100%;
    padding: 10px;
}
.appusage_top_timehour_graph .app_usage_top_activity_sec{
    max-width: inherit;
}
.appusage_top_left_user_dtl{
    width: 100%;
    height: auto;
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 5px;
}
.appusage_top_left_user_dtl_img{
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50px;
    background-color: #f3f3f3;
    overflow: hidden;
}
.appusage_top_left_user_dtl_txt{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.appusage_top_left_user_dtl_txt h5{
    width: 100%;
    color: #272727;
    font-size: 17px;
    margin: 0;
    max-width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.appusage_top_left_user_dtl_txt p{
    width: 100%;
    color: #5E5E5E;
    font-size: 10px;
    margin: 0;
}
.appusage_top_left_work_hour_graph{
    width: 100%;
    height: auto;
    display: inline-block;
}

.app_usage_top_activity_sec .acteff_main_box{
border-radius: 7px;
background: #FFF;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09);
margin-bottom: 15px;
width: 100%;
border: 1px #ebebeb solid;
}

.user_timeline_new_view{
    width: 100%;
    max-width: 900px;
    /* overflow: auto; */
    margin: auto;
}
.user_timeline_new_time_line_srcl{
    width: 100%;
    white-space: nowrap;
    min-width: 800px;
}
.appusage_single .over-flow{max-width: inherit !important;overflow: visible;}
.appusage_top_view_sec_load{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}
.appusage_individual_load_activity_Sec{
    width: 100%;
    height: auto;
    display: inline-block;
    width: 100%;
}
.appusage_top_view_sec_load .acteff_main_box{
    border-radius: 7px;
    background: #FFF;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.09);
    margin-bottom: 15px;
    width: 99%;
    position: relative;
    z-index: 8;
}
.appusage_top_view_sec_load #time_data .admin-user-overview{
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.appusage_top_view_sec_load .admin-user-overview-col{
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: center;
    width: 30% ;
    border-right: 1px dashed #ccc;
}
.appusage_top_view_sec_load .admin-user-overview-col:last-child{border: 0;}

#time_data .appusage_top_view_sec_load  .week-table{
    max-width: inherit !important;
    margin-top: 0;
}

.appusage_single #generate_report_app_usage{right: 0px;top: 22px;;}
.appusage_single .table thead{box-shadow: none;border-top: 1px dashed #ccc}

.appusage_top_view_sec_load .wrapper-md{
    padding-bottom: 0px;
    width: 100%;
    text-align: left;
    padding: 10px;
    overflow: auto;
}
.appusage_top_view_sec_load #time_data .week-table{box-shadow: none;}
#time_data .appusage_top_view_sec_load  .admin-user-overview{
    text-align: left;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0 !important;
}
/* .appusage_top_view_sec_load .appusage_top_timehour_graph{max-width: 250px;} */
.appusage_single .usage_app_load .app-usage-indiv1{    margin-right: 100px;}

.project_dashboard_top_view{
    width: 100%;
    display: flex;
    gap: 10px;
}
.project-card{
    width: 100%;
    background: #FFFFFF;
    /* box-shadow: 0px 2px 16px 0px rgb(110 110 110 / 9%); */
    border-radius: 7px;
    padding: 16px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 18px;
    position: relative;
}
.project-card-img{
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
}
.project-card-text{
    width: 100%;
    height: auto;
    display: inline-block;
}
.project-card-text p{
    width: 100%;
    height: auto;
    display: inline-block;
    color: #383838;
    font-weight: 500;
    font-size: 16px;
    margin: 0;
}
.project-card-text h5{
    width: 100%;
    height: auto;
    display: inline-block;
    color: var(--primary-color);
    font-size: 25px;
    margin: 0;
}
.project-card-text h5 span{
    color: #545454;
    font-size: 12px;
}
.upcmng_project_dealine_cnt{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
    overflow: auto;
}
.upcmng_project_dealine_cnt table{
    width: 100%;
    min-width: 600px;
}
.upcmng_project_dealine_cnt th{
    padding: 5px;
    background-color: #EEF7FA;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}
.upcmng_project_dealine_cnt td{
    padding: 10px 5px;
    color: #000000;
    font-size: 15px;
    /* border-bottom: 1px #e5e5e5 solid; */
}
.prj_deadline_prgs{
    height: 4px;
    margin-bottom: 0;
}
.prj_overview_bx .row{
    flex-direction: column;
}
.prj_overview_bx .tsk_box_full{
    width: 100%;
}
.prj_billable_box{
    height: 100%;
}
.prj_overview_billtask .panel{
    height: auto !important;
}

.project_task_view_row{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
}
.project-overview-graph{
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
}
.project_view_btm_info_sec{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
}
.project_view_btm_info{
    width: auto;
    display: inline-block;
    text-align: left;
    position: relative;
    margin-bottom: 12px;

}
.project_view_btm_info_dot{
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f3f3f3;
    border-radius: 30px;
}
.project_view_btm_info_txt{
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #949494;
    font-size: 11px;
    padding-left: 20px;
}
.project_view_btm_info_txt strong{
    width: 100%;
    display: inline-block;
    color: #323232;
    font-size: 17px;
}
.task-overview-graph{
    width: 100%;
    display: inline-block;
    min-height: 130px;
}
.billable_tast_view_graph{
    width: 100%;
    display: inline-block;
    position: relative;
}

.project_detail_sec{
    width: 100%;
    display: inline-block;
}

.project_dtail_view_Cnt{
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.activities_section_cnt_sec{
    width: 100%;
    height: auto;
    display: inline-block;
    overflow: auto;
}
.activities_section_cnt_sec table{
    width: 100%;
    float: left;
}
.activities_section_cnt_sec th{
    padding: 5px;
    /* background-color: #EEF7FA; */
    color: #000000;
    font-size: 15px;
    font-weight: normal;
}
.activities_section_cnt_sec td{
    color: #3D3D3D;
    font-size: 15px;
    /* border: solid 1px #E6E6E6; */
    padding:5px;
    font-family: sans-serif;
}
.taskspent_view_prj_dashboard{
    width: 100%;
    height: auto;
    display: inline-block;
}
.taskspent_view_prj_dashboard_sec{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.taskspent_view_prj_dashboard_sec small{position: absolute;right: 0;top: 3px;}

.taskspent_view_prj_dashboard_sec .taskspent_view_prj_dashboard{
    max-width: 300px;
    float: right;
}
#generate_report_app_usage_weekly{margin: 0;    margin-top: 6px;}
.app-aside-folded .app-aside{z-index: 9;}
#billabeltask{height: 200px !important;}
.project_task_view_row .row{display: flex;justify-content: space-between;}
.project_task_view_row .row .panel{height: 98.5%;}
.project_task_view_row .col-md-7{padding-right: 0;}
.project_task_view_row .panel-body{height: 90%;}
.project_task_view_row .project_dtail_view_Cnt{height: 90%;}
.project_task_view_row .row{height: 100%;}
.prj_dtl_over_top_box #billabeltask{height: auto !important;}
.grph_total_time_dtl{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.total_work_time_dv{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 13px;
}
.total_work_time_dv strong{
    width: 100%;
    font-size: 14px;
    display: inline-block;
}
.grph_total_time_dtl .total_work_time_dv:first-child strong{
    color: #f4d41f;
}
.grph_total_time_dtl .total_work_time_dv:nth-child(2) strong{
    color: var(--primary-color);
}
.grph_total_time_dtl .total_work_time_dv:nth-child(3) strong{
    color: #eb4064;
}

.project_task_dtl_sec_cntr{
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;;
}
.working_hr_box h3 .lastday_compare {
    padding: 3px 4px !important;
    color: #fff;
    font-size: 11px !important;
    position: relative;
    top: -6px;
    border-radius: 3px;
}
.tab-content .tab-pane .panel-body{
    padding: 0;
    padding-top: 0;
    margin-top: -1px;
}
.project_task_box{
    width: 100%;
    display: flex;
    gap: 5px;
    align-items: center;
}
.task_icon_dv{
    width: 35px;
    min-width: 35px;
    height: 35px;
    position: relative;
    border-radius: 50%;
    background-color: var(--primary-color);
    text-align: center;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.monthly_calander_view{
    width: 100%;
    display: block;
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    overflow: auto;
    margin-bottom: 10px;
  }
  .monthly_calander_view .calendar {
    width: 100%;
    background-color: #fff;
    min-width: 770px;
  }

  .monthly_calander_view  .calendar-head {
    display: flex;
    min-height: 30px;
    background-color: #eee;
    color: #fff;
  }

  .monthly_calander_view .dayname {
    padding-top: 10px;
    padding-bottom: 10px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    text-transform: uppercase;
    color: #000;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    line-height: 1;
    border-right: 1px #e5e5e5 solid;
  }

  .monthly_calander_view  .row {
    display: flex;
    min-height: 120px;
    margin: 0;
  }

  .monthly_calander_view  .day {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    color: #000;
    padding: 5px;
    box-shadow: -1px -1px #e5e5e5, inset -1px -1px 0 0 #e5e5e5;
  }

  .monthly_calander_view  .day.next {
    color: #d5d7db;
  }
  .day-number{
    position: relative;
    height: 100%;
  }
  .time_work_dtl{
    position: absolute;
    bottom:0;
    width: 100%;
    text-align: center;
    cursor: pointer;
  }
  /* .holiday_cldr{bottom: 10%;} */
/* .day-number:hover .time_work_dtl{bottom: 0px;} */
.day-number:hover .holiday_cldr{bottom: 0}
  .time_work_dtl strong{color: var(--primary-color);font-size: 20px;font-weight: normal;}
  .time_work_dtl p{color: #238CD8;font-size: 20px;font-weight: normal;}
  .holiday_cldr strong{color: #FF1515;font-size: 14px}
  .holiday_cldr strong {color: #ff1515;font-size: 14px}
  .holiday_cldr p {color: #ff1515;}
  .clockinout_dtl{
    width: 100%;
    margin-top: 5px;
    display: flex;
    gap: 5px;
    display: none;
    transition: 0.2s ease;
  }
  .clockinout_dtl_box{
    width: 100%;
    display: inline-block;
  }
  .clockinout_dtl_box p{
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: #666;
    margin-bottom: 0;
  }
.clockinout_dtl_box strong{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #000;
}
.day-number:hover .clockinout_dtl{display: flex;}
.clockin_out_percentage_box{
    width: 100%;
    display: flex;
    margin-top: 25px;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    border: solid 1px #e5e5e5;
    margin-left: 2%;
}
.clockin_out_percentage_box_cnt{
    width: 100%;
    display: inline-block;
    text-align: center;
    border-right:1px dashed #e5e5e5;
}
.clockin_out_percentage_box .clockin_out_percentage_box_cnt:last-child{border: 0;}
.clockin_out_percentage_box_cnt p{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #666;
    margin-bottom: 0;
}
.clockin_out_percentage_box_cnt strong{
    width: 100%;
    display: inline-block;
    font-size: 22px;
    color: var(--primary-color);
    font-weight: normal;
}

.clandar_clr_infom{
    width: 100%;
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.clandar_clr_infom_box{
    width: 100%;
    display: flex;
    gap: 5px;
    font-size: 13px;
    color: #242424;
    padding:0 5px;
}
.clandar_clr_infom_box_round{
    width: 15px;
    height: 15px;
    background-color: #00457C;
    border-radius: 50%;
}
.showclmode .clandar_clr_infom{display: none;}
.thismonthholiday{
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    border: solid 1px #e5e5e5;
    margin-left: 2%;
}
.thismonthholiday h6{
    width: 100%;
    display: inline-block;
    border-bottom: 1px #e5e5e5 solid;
    font-size: 14px;
    margin: 0;
    padding: 5px 0;
    padding-bottom: 12px;
    margin-bottom: 5px;
    font-weight: 300;
}
.thismonthholiday_row{
    width: 100%;
    display: inline-block;
    padding: 4px 0;
    border-bottom: 1px #e5e5e5 solid;
}
.thismonthholiday_row:last-child{border: 0;}
.thismonthholiday_row span{
    width: 100%;
    display: inline-block;
    font-size: 13px;
}
.thismonthholiday_row strong{
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    color: #000000;
}
.thismonthholiday_scrl{
    width: 100%;
    display: inline-block;
    max-height: 200px;
    overflow: auto;
}
.appusage_user_month.appusage_top_left_user_dtl{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    display: flex;
    margin-top: 25px;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    border: solid 1px #e5e5e5;
    margin-left: 2%;
}
.appusage_user_month .appusage_top_left_user_dtl_txt h5{
    max-width: 100%;
}
.appusage_user_month .appusage_top_left_user_dtl_img {
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-top: -30px;
}
.appusage_user_month .appusage_top_left_user_dtl_img img{width: 100%;}
.grid_list_selector{
    width: auto;
    margin-left: 10px;
    cursor: pointer;
    display: flex;
    gap: 12px;
    border-radius: 20px;
    padding: 1px 11px;
    align-items: center;
    justify-content: center;
    background-color: #f2ffd2;
    border: solid 1px #e5e5e5;
    position: relative;
}
.grid_list_selector .fa{
    position: relative;
    z-index: 2;
    height: 30px;
    display: flex;
    align-items: center;
    padding-top: 4px;
}
.grid_list_selector::before{
    content: '';
    width: 34px;
    height: 33px;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    background-color: #c8e388;
    border-radius: 30px;
    transition: 0.2s ease-in-out;
}
.grid_list_selector.showclmode::before{
    content: '';
    width: 34px;
    height: 33px;
    position: absolute;
    z-index: 0;
    right: 0;
    left: inherit;
    top: 0;
    background-color: #c8e388;
    border-radius: 30px;
}
.grid_list_selector .fa:first-child{
        left: -1px;
}
/* .grid_list_selector .fa-th{display: none;}
.showclmode.grid_list_selector .fa-th-list{display: none;}
.showclmode.grid_list_selector .fa-th{display: block;} */
.showclmode .monthly_calander_view{display: none;}
.showclmode .monthly_list{display: none;}
.thismonthholiday{display: block;}
.showclmode .thismonthholiday{display: none;}



.monthlyview_option2{
    width: 100%;
    height: auto;
    display: none;
}
.showclmode .monthlyview_option2{display: inline-block;}
.monthlyview_option2 .main-table th, .monthlyview_option2 .main-table td{
    min-width: 110px;
}

.prevNxtmnday .day-number{opacity: 0.2;}
.calender-today .day-number{
    background-color: aliceblue;
}
.prj_top_card_loader{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 2px 16px 0px rgb(110 110 110 / 9%);
    border-radius: 7px;
    padding: 16px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 18px;
}

.project_overview_loader{
    width: 100%;
    height: auto;
    display: inline-block;
}
.project_overview_loader_top{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 20px;
}
.project_overview_loader_cnt{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
}
.project_overview_loader_box{
    width: 100px;
    display: inline-block;
}
.project_overview_loader_top .round_loading{width: 150px;height: 150px;}
.billable_task_loader{
    width: 100%;
    display: inline-block;
}

.billable_task_loader .graph-loader{min-height: inherit;}
.loader-half-circle {
    width: 100%;
    max-width: 350px;
    height: 160px;
    background-color: white;
    border-top-left-radius: 140px;
    border-top-right-radius: 140px;
    border: 16px solid rgba(130, 130, 130, 0.2);
    border-bottom: 0;
    /* background: rgba(130, 130, 130, 0.2); */
    /* background-image: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background-image: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%); */
    position: relative;
    margin: auto;
    margin-top: 50px;

}
.loader-half-circle::after{
    width: 115%;
    height: 120%;
    position: absolute;
    left: -20px;
    top: -20px;
    content: '';
    background: rgba(130, 130, 130, 0.2);
   background-image: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background-image: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    animation: wave-lines 2s infinite ease-out;
    mix-blend-mode: color-dodge;
}
.project_task_over_load{
    width: 100%;
    display: inline-block;
}
.project_detail_sec .round_loading{width: 150px;height: 150px;}

.project_overview_activity_loader{
    width: 100%;
    display: inline-block;
}
.project_overview_activity_loader_head{
    width: 100%;
    display:flex;
    gap: 20px;
    margin-bottom: 20px;
}
.project_overview_activity_loader_cnt{
    width: 100%;
    display: inline-block;
}
.project_overview_activity_loader_cnt_row{
    width: 100%;
    display:flex;
    gap: 20px;
}
.header_fix_mob .navbar-collapse.collapse{border-radius: 0;}
.resend_invit_mail{
    float: right;
    padding: 5px 10px;
    margin-top: 5px;
    border-radius: 30px;
    background-color: #e0fafb;
    /* box-shadow: 0px 2px 15px #ccc; */
    color: #00457C !important;
    font-size: 12px;
    margin-bottom: 10px;
}
.resend_invit_mail:hover{background-color: #d0eef0;}
.resend_invit_mail .fa-check{color: #00c30a;}
.work_shedulebar .progress-bar-schedule{
    background-color: #607d8b !important;
    color: #9dbfc7  !important;
}
.acteff_main_box .efficiency_filter{
    color: #58666e;
    position: absolute;
    right: 27px;
    top: 2px;
    font-size: 14px;
}
.setting_mdl_active_info{
    width: 100%;
    display:flex;
    gap: 5px;
    white-space: nowrap;
    align-items: center;
    flex-wrap: wrap;
}
.setting_mdl_active_info label{margin: 0;}
.setting_mdl_active_info strong{color: #444444;}
.setting_mdl_active_info select{max-width: 300px;}
.app-aside-folded .footer_lft_version_sec{left: 0;width: 100%;}
.pagination li.active a{background-color: var(--secondary-color) !important;border-color: var(--secondary-color) !important;}
#taskRequestTable .table-responsive{width: 100%;display: inline-block;}

.form-wizard-wrapper {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding-top: 8px;
    z-index: 1;
    display: inline-block;
    width: 100%;
}
/* .form-wizard-wrapper .form-wizardmove-button {
    position: absolute;
    width: 50px;
    left: 0;
    bottom: -2px;
    border-radius: 4px;
    -webkit-transition: all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1) 0s;
    transition: all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1) 0s;
    border-bottom: 3px var(--primary-color) solid;
} */
.form-wizard-wrapper ul {
    /* background-color: #00457C; */
    z-index: 1;
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0;
    padding: 0;
    /* border-bottom: 1px #d5d5d5 solid;
    overflow: auto; */
    max-width: 720px;
    gap: 10px;
    margin: auto;
}
.form-wizard-wrapper ul li {
    list-style-type: none;
    width: auto;
    text-align: center;
    display: flex;
    justify-content: start;
    margin-bottom: 2px;
    min-width:80px;
}
.form-wizard-wrapper ul li a {
    display: block;
    padding: 10px;
    width: 100%;
    color: #686868;
    text-decoration: none;
}
.form-wizard-wrapper ul li a:focus{
    outline: 0;
}
.form-wizard-wrapper ul li a.active{
    color: var(--primary-color);
}
.form-wizard-wrapper ul li a span {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}
.form-wizard-wrapper ul li.active a {
    background-color: #ffffff;
}
.form-wizard-wrapper .form-wizard-content {
    background-color: #eff3e7;
    padding: 8px;
    color: #777777;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1) 0s;
    transform: translate3d(100%, 0px, 0px);
    /* position: absolute; */
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: none;
    width: 100%;
    border-radius: 40px;
}
.form-wizard-wrapper .form-wizard-content.show {
    transform: translate3d(0px, 0px, 0px);
    display: flex !important;
}
.form-wizard-wrapper .form-wizard-content form{
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 25px 15px;
    border-radius: 30px;
    padding-bottom: 0;
}
.form-wizard-wrapper .form-wizard-content h6 {
    font-size: 24px;
    margin: 0 0 10px;
    width: 100%;
    display:inline-block;
    padding-bottom: 5px;
    color: #242424;
    text-align: center;
}
.form-wizard-wrapper .form-wizard-content .mt-5{
    margin-top: 20px !important;
}
.form-wizard-wrapper .form-wizard-content .form-wizard-next-btn,
.form-wizard-wrapper .form-wizard-content .form-wizard-previous-btn {
    background-color: var(--primary-color);
    color: #ffffff;
    display: inline-block;
    padding: 10px 36px;
    border-radius: 4px;
    margin-top: 20px;
    text-decoration: none;
}
.form-wizard-wrapper .form-wizard-content .form-wizard-next-btn:hover {
    background-color: #9CD909;
}
.form-wizard-wrapper .form-wizard-content .form-wizard-previous-btn {
    background-color: #f1f1f1;
    color: #000000;
}
.form-wizard-wrapper .form-wizard-content .form-wizard-previous-btn:hover {
    background-color: #d2cece;
}
.form-wizardmove-button{display: none !important;}
.wizard .wizard-buttons .wizard-btn{
    border-radius: 40px !important;
    margin: 0 3px;
}
.btn_add_team_btn{
    width: auto;
    padding: 5px 20px;
    background-color: #00457C;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 20px;
    position: absolute;
    left: 0px;
    top: 5px;
}
.btn_add_team_btn:hover{
    color: #fff;
    background-color: #002b4d;
}
.wizard .wizard-buttons .wizard-btn.next{
    background-color: var(--primary-color);
    color: #ffffff;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    margin-top: 0px;
    text-decoration: none;
}
.wizard .wizard-buttons .wizard-btn.prev{
    background-color: #bdbdbd;
    color: #242424;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    margin-top: 0px;
    text-decoration: none;
}
.wizard-m-auto{
    margin: auto;
    float: none;
}
.pt-0{padding-top: 0 !important;}
.form-wizard-content .wizard-content{
    padding-bottom: 0 !important;
}
.wizard.vertical .wizard-buttons{margin-top: 10px;}
.onboard_right_content{
    width: auto;
    background-color: #eff3e7;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 280px;
    min-width: 280px;
    border-radius:10px;
    padding: 20px;
}
.onboar_left_cnt_bx_section{
    width: 100%;
    display: inline-block;
    padding: 40px;
    padding-top: 10px;
    border: solid 5px #efefef;
    border-radius: 9px;
    padding-bottom: 0px;
    overflow: auto;
    max-height:70vh;
    position: relative;
}
.onboar_left_cnt_bx_section::-webkit-scrollbar {
    width: 16px;
}
.onboard_right_content h3{
    width: 100%;
    display: inline-block;
    color: #242424;
    font-size: 23px;
}
.onboard_right_content p{
    color: #000;
    font-size: 13px;
    line-height: 24px;
}
.skip-onboard{
    position: absolute;
    left: 30px;
    top: 20px;
}
.form-wizard-content-wrapper {
    height: auto;
    display: inline-block;
    position: relative;
    background-color: #fff;
    width: 100%;
    padding: 10px;
}
.form-wizard-wrappe .text-field {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

  .onboard_frst_popup{
    width: 100%;
    min-height: 100vh;
    margin: auto;
    background-color: rgba(0,0,0,0.4);
    padding: 10px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9991;
    overflow: auto;
  }
  .onboard_frst_popup .form-wizard{
    width: 96%;
    max-width: 1200px;
    position: absolute;
    left: 0;
    top: 5%;
    margin: auto;
    right: 0;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    z-index: 99;
  }

  .onboard_frst_popup .form-column{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    margin-bottom: 0px;
    padding-bottom: 0;
    padding-top: 0;
  }
  .onboard_frst_popup .form-column label{
    display: inline-block;
    width: 100%;
    color: #000;
    /* height: 43px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #e5e5e5;
    min-width: 170px; */
  }
  .onboard_frst_popup .form-column input[type=radio]:checked+label {
    border: solid 2px var(--primary-color);
    color: var(--primary-color);
}
.prj_rdio_slctr .col{position: relative;}
.prj_rdio_slctr .col input[type="radio"]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    cursor: pointer;
}
.ml-0{margin-left: 0;}
.note_cls_bx_onboard{
    padding: 5px;
    color: #242424;
    text-align: center;
}

  .onboar_left_cnt_bx_section label{color: #000;}
  .onboard_frst_popup .wizard.vertical{
    border-radius: 10px;
  }
  .onboard_frst_popup .form-wizard-wrapper .form-wizard-content{
    border-radius: 20px;
  }
  .onboard_frst_popup  .form-control{
    border-radius: 7px;
  }

  .prj_rdio_slctr .radio-inline{
    display: inline-block;
    width: 100%;
     height: 43px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #e5e5e5;
    min-width: 170px
  }
  .email_rept_list .custom-control{
    height: 43px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 10px #e5e5e5;
    min-width: 170px
  }
  .onboard_frst_popup .text-field{
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #e5e5e5;
    padding-left: 8px;
  }
  .select_box_n{
    width: 100%;
    height: 95%;
    /* display: inline-block;
    box-shadow: 0px 10px 30px #e5e5e5;
    padding: 30px 10px;
    text-align: center;
    border: solid 1px #fff;
    margin-top: 10px; */
    cursor: pointer;
  }
  .select_box_n.active{border: solid 1px var(--primary-color);}
  .select_box_n i{
    font-size: 40px;
    color: #242424;
  }
  .select_box_n span{
    width: 100%;
    display: inline-block;
  }
  .select_box_cld input{
    position: absolute;
    visibility: hidden;
  }
  .onboard_frst_popup_head{
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .onboard_frst_popup_head h2{color: #000;font-size: 25px;margin-top: 0;}
  /* .form-wizard-wrapper .float-right{float: right;} */
  .close_pop_btn{
    position: absolute;
    right: 6px;
    top: -4px;
    padding: 10px;
    cursor: pointer;
  }
  .form-wizard-wrapper .float-right{
    float: right;
  }

  #project_create_form .select2-container--default .select2-selection--single{
    border-radius: 3px !important;
  }
  .client_selection.form-group{
    padding-right: 40px;
    position: relative;
  }
  .prj_new_add_btn{
    position: absolute;
    right: 0px;
    top: 26px;
    border-radius: 0 3px 3px 0;
    width: 42px;
    height: 40px;
    z-index: 9999;
  }
  .client_selection .form-group{margin-bottom: 0;}
 #client_toggle_field{
    margin-bottom: 20px;
    background: aliceblue;
    padding: 6px;
    padding-bottom: 10px;
    margin-top: -9px;
 }
#show_advanced_optns{
    display: none;
    width: 100%;
    float: left;
    border-top: 1px #cfdadd solid;
    padding-top: 10px;
}
.advanced_prct_new_bx{
    width: 100%;
    display: inline-block;
    border: solid 1px #ebebeb;
    padding: 10px;
    border-radius: 3px;
    margin-top: 20px;
}
.advanced_tab_btn{
    width: 100%;
    display: inline-block;
}
.advanced_prct_new_bx .advanced_tab_btn .form-group{
   cursor: pointer;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#show_advanced_optns .col-md-6{
    padding-left: 5px;
    padding-right: 5px;
}
#show_advanced_optns .col-md-6 .form-group{
    margin-bottom: 0;
}
.onboard_top_btn_img{
    width: auto;
    display: inline-block;
    text-align: center;
}
.onboard_top_btn_img img{max-width: 30px !important;}
.round-checkboxes {
    display: inline-block;
    height: 34px;
    width: 34px;
    position: relative;
    margin-right: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.round-checkboxes input[type=checkbox] {
    visibility: hidden;
}

.round-checkboxes label {
    background-color: #fff;
    border: 1px solid #cfd2d5;
    border-radius: 50%;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    color: #9a9a9a;
}

.round-checkboxes label, .round-checkboxes label:after {
    height: 34px;
    width: 34px;
    line-height: 34px;
    text-align: center;
}
.round-checkboxes input[type=checkbox]:checked+label {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}
.select_box_cld label:hover{
    color: var(--primary-color);
}
.select_box_cld input[type=radio]:checked+label{
    border: solid 2px var(--primary-color);
    background-color: #fff;
    color: var(--primary-color);
}
.form-wizard-wrapper .form-wizard-content .row{
    /* border-bottom: 4px solid #f1f1f1; */
    padding-bottom: 10px;
    padding-top: 15px;
    width: 100%;
}
.center_div{
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: nowrap;
}
.prj_rdio_slctr{
    display: flex;
    border: 0 !important;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.mauto{
    margin: auto;
    float: none;
}
.max-300w input{
    max-width: 300px;
}
.max-500w{
    max-width: 500px;
}
.email_rept_list{
    justify-content: center;
    display: flex;
    gap: 10px;
}
.justy-center{
    justify-content: center;
}
.effcency_full{
    border: solid 2px #34d93b;
    border-radius: 50px;
}
.effcency_zero{
    border: solid 2px #f00;
    border-radius: 50px;
}
.effcency_half{
    border: solid 3px #FFC107;
    border-radius: 50px;
}
.efficiency_view_timeline {
    width: 70px;
    height: 35px;
    text-align: center;
    color: #242424;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 0;
    margin: 0;
    box-shadow: 0px 0px 10px #00000038;
    z-index: 9;
    line-height: 16px;
    font-size: 11px;
    display: none;
    white-space: normal;
}
.appusage-user-icon:hover .efficiency_view_timeline {display: block;}
.efficiency_view_timeline:before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-width: 11px;
    border-style: solid;
    border-right-color: #fff;
    border-left-width: 0;
    left: -11px;
    top: 7px;
    /* transform: rotate(90deg); */
}
.efficiency_view_timeline strong{
    width: 100%;
    display: inline-block;
    font-size: 18px;
}
.timeline_activty_indication:hover .efficiency_view_timeline {display: block;}

.mytask_head_tp{
    width: 100%;
    display: flex;
}
.mytask_head_tp .dashbrd_main_page_txt{
    padding-top: 3px;
}
.task-swither {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.task-swither label {
    font-size: 12px;
    color: #424242;
    font-weight: 500;
    border: 1px solid #dce9ef;
    border-radius: 25px;
    max-width: inherit;
}
.task-swither .switch{
    width: auto;
    padding: 0;

}
.btn-color-mode-switch {
    display: inline-block;
    margin: 0px;
    position: relative;
}

.btn-color-mode-switch>label.btn-color-mode-switch-inner {
    margin: 0px;
    width: 180px;
    min-width: 180px;
    height: 33px;
    background: #fff;
    border-radius: 26px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    display: block;
    line-height: 20px;
    cursor: pointer;
    font-family: sans-serif;
}

.btn-color-mode-switch>label.btn-color-mode-switch-inner:before {
    content: attr(data-on);
    position: absolute;
    font-size: 12px;
    font-weight: 500;
    top: 6px;
    right: 20px;

}

.btn-color-mode-switch>label.btn-color-mode-switch-inner:after {
    content: attr(data-off);
    width: 92px;
    height: 29px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 26px;
    position: absolute;
    left: 2px;
    top: 1px;
    text-align: center;
    transition: all 0.3s ease;
    padding: 5px 0px;
    background: var(--primary-color);
    background: linear-gradient(0deg, var(--primary-color) 0%, #a6d72f 100%);
    color: white !important;
    font-weight: 500;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
}

.btn-color-mode-switch>.alert {
    display: none;
    background: #FF9800;
    border: none;
    color: #fff;
}

.btn-color-mode-switch input[type="checkbox"] {
    cursor: pointer;
    width: 50px;
    height: 29px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0px;
}

.btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner {
    background: #fff;
    color: #212121;
    cursor: pointer;
}

.btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:after {
    content: attr(data-on);
    left: 86px;
    background: var(--primary-color);
    background: linear-gradient(0deg, var(--primary-color) 0%, #a6d72f 100%);
    color: white !important;
    font-weight: 500;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
}

.btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:before {
    content: attr(data-off);
    right: auto;
    left: 20px;
}

.btn-color-mode-switch input[type="checkbox"]:checked~.alert {
    display: block;
}
.my_task_day_filter_sec{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding: 0 9px;
    margin-top: -2px;
    padding-top: 5px;
    padding-left: 0;
    overflow-y: hidden;
    position: relative;
    margin-bottom: 7px;
}

.my_task_day_filter_btn_sec{
    width: auto;
    display: flex;
    gap: 0px;
}
.my_task_day_filter_btn_sec a{
    text-decoration: none;
    font-size: 14px;
    color: #666;
    padding: 9px 15px;
    border:0;
    border-bottom: 0;
    position: relative;
}
.my_task_day_filter_btn_sec a span{
    position: absolute;
    right: 0;
    top: 1px;
    width: auto;
    padding:0 3px;
    border-radius: 30px;
    background-color: #002b4d;
    color: #fff;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.my_task_day_filter_btn_sec a.active{
    background-color: transparent;
    color: #000;
    position: relative;
    border-bottom: 2px solid var(--primary-color);
    font-weight: 500;
}
.profile_ico{
    width: 30px;
    height: 30px;
    min-width: 30px;
    background: var(--secondary-color) !important;
    color: #fff;
    border-radius: 30px;
    overflow: auto;
    float: left;
    text-align: center;
    line-height: 30px;
    margin-top: -6px;
    position: absolute;
    left: 7px;
    display: block;
     margin: auto;
     margin-right: 5px !important;
}
.profile_ico img{width: 100%;height: 100%;}
.priority_bar_timesheet{
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.appusage-user-icon .icon{
    border: solid 2px ;
    border-radius: 30px;
}
.appusage-user-icon [data-letters]:before{
    width: 31px;
    height: 31px;
    line-height: 31px;
}
.appusage-user-icon .timline_user_ico{
    border-radius: 30px;
    border: solid 2px;
}
.efficiency_view_timeline .mobile_view{
    display: none;
}
.appusage-view tbody tr:last-child .efficiency_view_timeline {
    bottom: inherit;
    top: -30px;
}
.appusage-view tbody tr:last-child .efficiency_view_timeline :before{top: 27px;transform: rotate(270deg);}

#viewallmember .modal-footer{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
#project_add_member_div{
    border: solid 1px #e5e5e5;
    padding: 5px 10px;
    border-radius: 8px;
}
#project_add_member_div .prj_addmember_lbl{
    background: #fff;
    padding: 5px;
    position: relative;
    margin-top: -40px;
    top: -16px;
    padding: 0px;
    margin-bottom: -10px;
}
.progress-bar-task-wrk{
    width: 10%;
    position: absolute;
    top: 5px;
    background-color: var(--secondary-color);
    overflow: visible;

}
.task_bar_sec_progress_value{
    position: absolute;
    top: -23px;
    right: 0;
    left: 0;
    margin: auto;
    min-width: 40px;
    background-color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 12px;
    padding: 5px;
    border: solid 0.5px #d9d9d9;
    border-radius: 6px;
    display: none;
    max-width: 80px;
    color: #000;
    z-index: 5;
}
.task_bar_sec_progress_value strong{
    width: 100%;
    display: inline-block;
}

.task_bar_sec_progress .progress-bar-task-wrk:hover span{display: block;}
.task_bar_sec_progress .progress-bar-success:hover span{display: block;}
.task_bar_sec_progress .progress span strong{
    width: 100%;
    display: inline-block;
    font-size: 13px;
}
.select2-dropdown{
    min-width: 300px !important;
    padding: 7px  !important;
}
.my_task_flter .dropdown-menu{
    min-width: 300px !important;
    max-width: 300px !important;
    padding: 7px  !important;
    /* min-height: 250px; */
}
.multiselect-item .input-group-btn .btn-default{
    padding: 6px 10px;
    border: solid 1px #ccc;
    border-radius: 0 5px 5px 0;
    border-left: 0;
    margin-top: -1px;
    padding-bottom: 7px;
}
.create_user_btn_timeline{
    width: auto;
    padding: 13px 30px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 17px;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30%;
    text-align: center;
    max-width: 180px;
    border-radius: 30px;
    transition: 0.2s ease;
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate;
}
.create_user_btn_timeline:hover{
    background-color: #00457C;
    color: #fff;
    box-shadow: none;
}
.user_eye_ico{
    width: 31px;
    height: 30px;
    line-height: 28px;
    display: inline-block;
    padding-left: 6px;
    font-size: 16px;
    margin-right: 5px;
    box-shadow: 3px 0 10px #ebebeb;
    border-radius: 30px;
    background-color: #fff;
    border: solid 1px #e5e5e5;
}
.user_eye_ico:hover{
    background-color: #f2f9ff;
}
.project_member_add{
    position: relative;
}
.register_user_btn{
    background-color: #00457C;
    color: #fff;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: normal;
    border-radius: 30px;
    margin-top: 1px;
    display: inline-block;
}
.register_user_btn:hover{
    background-color: #002b4d;
    color: #fff;
}
.project_setting_info{
    width: 100%;
    display: inline-block;
    padding: 15px;
    border-radius: 30px;
    background-color: #f3f3f3;
    margin-top: 30px;
    margin-bottom: 50px;
}
.project_setting_info h5{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 20px;
    color: #000;
}
.project_setting_info p{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 28px;
    color: #666;
}
.project_setting_head{
    width: 100%;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative;
}

.prj_config_profit_sc .radio-inline{
    padding: 9px 20px !important;
    background-color: #fff;
    box-shadow: 0px 5px 20px #d9d9d9;
    display: flex;
    margin: 0;
    margin-bottom: 10px;
    height: 170px;
    border-radius: 3px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 16px;
    margin-top: 20px;
}
.note_user_register_pop{
    padding: 10px;
    background-color: #f3f3f3;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-top: 15px;
    border-radius: 5px;
}
.note_user_register_pop p{
    margin-bottom: 0;
    font-size: 14px !important;
    text-align: left;
}
.mb-40{margin-bottom: 40px;}
.webTimer_onOff_box{
    border-radius: 20px;
    background-color: #fff;

}
.prj_config_profit_sc .radio-inline input{visibility: hidden;}
.prj_config_profit_sc label:has(input:checked).radio-inline {
    border: solid 2px var(--primary-color);
    background-color: #f9ffec;
  }

.no_projectShown_popup_sec{
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 50%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;

}
.no_projectShown_popup{
    position: sticky;
    left: 0;
    top: 30%;
    bottom: 0;
    right: 0;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    z-index: 99;
    text-align: center;
    font-size: 20px;
    max-width: 500px;
    max-height: 270px;
    margin: auto;
    box-shadow: 0px 15px 30px #bdbaba
}
.no_projectShown_popup span{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    color: #000;
    margin-top: 20px;
}
.create_new_prj_btn_overview{
    width: auto;
    background-color: #00457C;
    color: #fff !important;
    font-size: 15px;
    padding:12px 30px;
    border-radius: 30px;
    box-shadow: 0px 5px 20px #00457c70;

}
.create_new_prj_btn_overview:hover{box-shadow: none;color: #fff;}
.pop_close_btn{
    position: absolute;
    right: 13px;
    top: 12px;
    font-size: 13px;
    cursor: pointer;
}
.task_qck_bx_info{position: relative;}
.screenshot_head_user{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.screenshot_head_user .app-usage-indiv1{
    float: right;
    margin: 0;
    border: 0;
    display: flex;
    align-items: center;
}
#paymentinvoice  .table {
    border: solid 1px #e5e5e5 !important;
    margin-top: 20px;
}
.assigntime_view_edit_pop{
    display: flex;
    align-items: center;
    gap: 5px;
}
.assigntime_view_edit_pop label{margin: 0;margin-bottom: 14px;}
.task_edit_time_bx{
    display: flex;
    gap: 5px;
    width: 96%;
}
.task_edit_time_bx .col-md-6{
    padding: 0;
}
.task_edit_time_bx .form-control{padding: 6px 6px;}
#assigned_time_block.col-md-6 .task_edit_time_bx .col-md-6 .assigntime_view_edit_pop{
    padding-left: 18px;
}
.div-td.mt-time{min-width: 110px;}
.prj_filter_clear_btn .btn-danger{
    border-radius: 0 20px 20px 0;
    position: relative;
    margin-left: -29px;
    background-color: #f5fcff;
    color: #F44336 !important;
    border: solid 1px #cfdee1;
    border-left: 0;
    padding-left: 20px;
    height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    z-index: 5;
}
.project_filter_view .select2-container--default .select2-selection--single{
    border-radius: 3px !important;
    padding-left: 8px;
    border: 1px solid #f5fcff !important;
    background-color: transparent !important;
}

.activities_section_view .panel-body{
    padding: 0;
}
.activities_section_view .H-selectR{
    padding: 5px;
    padding-top: 10px;
}
.activities_section_cnt_sec table tr{
    border-bottom: 1px #EEF7FA solid;
}
.overview_activity_frst_box{
    position: relative;
    padding-left:30px;
}
.priorty_project_overview{
    font-size: 0;
    position: absolute;
    left: 0;
    width: 3px;
    height: 35px;
}
.prj_overview_type{
    position: absolute;
    left: 9px;
    top: 9px;
}
.prj_overview_deadline_prj_name{
    position: relative;
    padding-right: 85px;
}
.prj_progress_single{
    height: 4px;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 91%;
    background-color: #e1e1e1;
    overflow: visible;
}
.prj_progress_single span{
    position: absolute;
    right: -33px;
    bottom: -2px;
}
.prj_progress_single .progress-bar-info{
    height: 4px;
    margin: 0;
}
.mt-5{margin-top: 5px;}
.prj_list_estd_time_graph{
    position: relative;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.prj_list_estd_time_graph a{
    min-width: 70px;
    white-space: nowrap;
}
.prj_list_estd_time_graph a:last-child{text-align: right;}
.prj_list_estd_time_graph .progress{
    margin: 0;
    height: 4px !important;
    width: 100%;
}
.prj_list_ttl_hour_hd{
    position: absolute;
    left: 0;
    /* right: 0; */
    width: auto;
    font-size: 12px;
    top: -8px;
    background-color: #fff;
    border-radius: 3px;
    border: solid 1px #ebebeb;
    /* box-shadow: 0px 6px 10px #e5e5e5; */
    text-align: center;
    color: #000;
    display: none;
    padding: 5px;
}
.prj_list_estd_time_graph a{position: relative;}
.prj_list_estd_time_graph a:hover .prj_list_ttl_hour_hd{display: block;}

.prj_lst_prgss_bar{
    padding: 0;
    margin: 0;
}
.prj_lst_prgss_bar.progress-sm{height: 4px;}

.appusage_activity_efficiency_row{
    position: relative;
    width: 100%;
    display: inline-block;
    z-index: 9;
}
.feature_in_highplan_text{
    position: absolute;
    left: 0;
    width: 94%;
    text-align: center;
    color: #323232;
    font-size: 13px;
    background-color: #ffffffd6;
    height: 77%;
    margin: 5px;
    display: flex;
    align-items: center;
    padding: 10px;
    font-weight: bold;
    z-index: 8;
    margin-top: 0;
}


@keyframes bounce {
    0%, 100% {
      transform: scale(1); /* Start and end position */
    }
    50% {
      transform: scale(1.1); /* Middle position */
    }
}

  .close_btn_onboard_complete{
    width: 30px;
    height: 30px;
    position: absolute;
    right: -10px;
    top: -18px;
    color: #fff;
    background-color: #b8c1a1;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
  }

  .wizard.vertical{
    background-color: #fff;
    border-radius: 30px;
  }
  .wizard.vertical .wizard-nav{
    height: 200px;
    margin: auto;
  }
  .completed-tab-act{
    width: 20px;
    height: 20px;
    position: absolute !important;
    border-radius: 50px;
    overflow: hidden;
    background-color: var(--primary-color);
    text-align: center;
    line-height: 20px;
    font-size: 11px;
    color: #fff;
    display: inline-block !important;
    min-width: 20px;
    left: -5px;
    top: -5px;
  }
  .btn_add_team_btn.disabled{
    background-color: #ccc;
    opacity: 0.8;
  }

#leaveDetailsModal .table-responsive{
    overflow: auto;
    max-height: 300px;
}
.leave_ttl_count_row{
    width: 100%;
    padding: 15px;
    background-color: #fff;
}
.leave_ttl_count_row font{
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 5px 10px #e0e0e0;
    display: inline-block;
    color: #000 !important;
}
.leave_ttl_count_row font span{
    color: #000;
    font-size: 22px;
}
.prft_loss_bx_prj_overview {
    max-width: 160px;
    padding: 0;
}
.prft_loss_bx_prj_overview .prj_prft_loss{
    position: static;
    width: 100%;
    font-size: 14px;
    padding: 4px 0;
    line-height: 23px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.prft_loss_bx_prj_overview .project-card-text{
    height: 100%;
    display: flex;
}
.prft_loss_bx_prj_overview .prj_prft_loss strong{
    font-size: 23px;
}
.total_work_time_dv#worked_time{
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
.onboard_radio_row{
    width: auto;
    display: flex;
    gap: 8px;
}
.onboard_frst_popup .onboar_left_cnt_bx_section .multiselect{
    border-radius: 3px;
    padding: 9px;
    margin-top: -5px;
}
.billabel_config_row{
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

.project_fltr_new .export_btn{
    margin-top: 21px;
}
.my_spcl_leav_row{
    width: 100%;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
#add_away_modal .multiselect{border-radius: 3px;width: 100% !important;box-shadow: none !important;border: solid 1px #cfdadd;}
#add_away_modal .form-control{border-radius: 3px;}
#add_away_modal .btn-group{width: 100% !important;}
.date_select_leave .input-group{width: 100%;}
.date_select_leave .input-group input{border-radius: 3px !important;}
.header-new-br.header_fix_mob{background-color: #f5fcff;}
.search-user-fltr #search_user{overflow: hidden;text-overflow: ellipsis;}
.calender-today{background-color: aliceblue;border-bottom: 3px var(--primary-color) solid;}
.leave_request_table a.btn-danger{border-radius: 50%;}

.up-in-toggle {
    padding: 0;
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
  }
  .up-in-toggle input {
    clip: rect(0, 0, 0, 0);
    height: 0px;
    width: 1px;
    border: 0;
    overflow: hidden;
    visibility: hidden;
  }
  .up-in-toggle input:checked + label {
    background: var(--primary-color);
    background: linear-gradient(0deg, var(--primary-color) 0%, #a6d72f 100%);
    color: white !important;
    font-weight: 500;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
  }
  .up-in-toggle label {
    display: inline-block;
    width: 70px;
    background-color: #e9e9e9;
    color: #a5adb7 !important;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-size:14px;
    padding: 6px 6px;
    float: left;
    transition: all 0.1s ease-in-out;
  }
  .up-in-toggle label:hover {
    cursor: pointer;
  }

  .up-in-toggle label:first-of-type {
    border-radius: 15.5px 0 0 15.5px;
  }

  .up-in-toggle label:last-of-type {
    border-radius: 0 15.5px 15.5px 0;
  }
.toggle_width_2 label{
    width: 100px;
}
.toggle_option2_width_2{
    width: auto;
    padding-left: 0;
}
.toggle_option2_width_2 label.btn-color-mode-switch-inner{
    background-color: #e9e9e9 !important;
    color: #a5adb7 !important;
}

.toggle_option2_width_2 label.btn-color-mode-switch-inner:after{
    height: 32px;
}
.prj_task_btn_row{
    display: flex;
    gap: 5px;
    margin-right: 8px;
}
.toggle_option_ornt_change.btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:after{
    left: 0;
}
.toggle_option_ornt_change.btn-color-mode-switch>label.btn-color-mode-switch-inner:after{
    left: 86px;
}
.toggle_option_ornt_change.btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:before{
    right: 23px;
    left: auto
}
.toggle_option_ornt_change.btn-color-mode-switch>label.btn-color-mode-switch-inner:before{
    right: auto;
    left: 22px
}
.prj_detail_top_tab_head{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-top: 18px;
    margin-bottom: 10px;
}
.prj_detail_top_tab_head::before{
    position: absolute;
    left: 0;
    width: 100%;
    border-bottom: 1px #e5e5e5 solid;
    content: '';
    bottom: -1px;
}
.prj_detail_members_view_top{
    width: auto;
}
.prj_details_prft_loss_tg{
    width: auto;
    display: inline-block !important;
    padding: 8px 8px;
    border: 0;
    border-radius: 4px;
    font-size: 10px;
    text-align: center;
    width: 62px;
    line-height: 12px;
    color: #fff;
    position: relative;
    top: -3px;
}
.prj_details_prft_loss_tg strong{
    width: 100%;
    display: inline-block;
    font-size: 15px;
    white-space: nowrap;
    font-weight: 500;
}
.prj_top_progress_bx{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 4px;
    position: relative;
    top: -9px;
}

.prj_right_progress_bx{
    /* min-width: 40%; */
    display: flex;
    align-items: center;
    gap: 2px;
    /* background: #ffffff;
    box-shadow: 2px 2px 11px rgb(0 0 0 / 6%); */
    padding: 0 4px;
    margin-top: 0px;
    /* border: solid 1px #e5e5e5; */
    position: relative;
    padding-top: 6px;
}
.prj_right_progress_bx .prj_detail_prgress_view{
    margin: 0;
    box-shadow: none;
    border-right: 1px #e5e5e5 solid;
}
.prj_right_progress_bx .prj_list_ttl_hour_hd{
    top: -2px;
    left: -10px;
    right: inherit;
}
.prj_right_progress_bx .filter_prj_dtl_head{
    top: -6px;
    border: 0;
    line-height: 11px;
    padding: 3px;
}
.prj_right_progress_bx .filter_prj_dtl_head:before{
    content:'';
    height: 35%;
    background-color: #f5fcff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.prj_dtl_over_top_sec{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
.prj_dtl_over_top_box{
    width: 100%;
    height: 98%;
    display: inline-block;
    border: solid 1px #e5e5e5;
    padding: 10px;
    padding-top: 17px;
    background-color: #fff;
    box-shadow: 0px 5px 12px #efefef;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.prj_dtl_over_top_box h5{
    width: auto;
    position: absolute;
    top: -10px;
    background-color: transparent;
    color: #000;
    padding: 2px 4px;
    z-index: 1;
}
.prj_dtl_over_top_box h5::before{
    content: '';
    height: 60%;
    background-color: #ffffff;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    z-index: -1;
}
.prj_dtl_over_top_box .col-md-6 p{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    margin: 0;
}
.prj_dtl_over_top_box .col-md-6 strong{
    width: 100%;
    display: inline-block;
    font-size: 22px;
    color: #000;
    font-weight: 500;
}

.prj_dtl_over_second_row{
    width: 100%;
    display: inline-block;
}
.prj_dtl_over_second_row .row{
    display: flex;
    flex-wrap: wrap;
}
.prj_dtl_over_second_row .row .col-md-4 .prj_dtl_over_top_box{
    height: auto;
    overflow: hidden;
}
.prj_dtl_over_top_box h4{
    width: 100%;
    display: inline-block;
    color: #000;
    margin: 0;
    margin-bottom: 15px;
}
.prj_dtl_over_top_box .project_view_btm_info{
    width: 100%;
}
.prj_dtl_over_top_sec .row .col-md-4{padding-right: 0;}
.prj_dtl_over_top_sec .row .col-md-4:last-child{padding-right: 15px;}
.prj_dtl_over_second_row .col-md-8{padding-right: 0;}
.appusage-view.table td .desklog-time-bar{
    display: grid;
    grid-template-columns: 1fr;
    height: 15px;
}
.appusage-view.table td .desklog-time-bar .progress{
    height: 100% !important;
    margin: 0 !important;
}
.onboard_frst_popup .form-wizard-content-wrapper{padding-top: 0;}
.onboard_frst_popup .form-wizard-link.active{background-color: transparent; margin-bottom: -2px;border-bottom: 2px var(--primary-color) solid;}
.project_weekly_bar .popover.top{top:120px !important;}
.project_weekly_bar .popover.top > .arrow{bottom: inherit;transform: rotate(180deg);top: -11px;}
#projectInvoice_modal .modal-content{background-color: #f3f3f3;}
.timeline_add_column_btn{
    position: absolute;
    width: 40px;
    height: 30px;
    z-index: 9;
    right: -1px;
    top: 3px;
}
.timeline_add_column_btn .dropdown-toggle{
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 0;
    text-align: center;
    color: #000000;
    font-size: 14px;
    padding: 4px;
    background-color: #ffffff;
    margin-top: -5px;
    /* box-shadow: 0px 0px 10px #dedede; */
    border-left: 1px #ede9e9 solid;

}
.timeline_add_column_btn .dropdown-menu{
    left: inherit;
    right: 0;
    min-width: 210px;
    padding: 10px;
}

.header-new-br .nav > li > a:hover, .header-new-br .nav > li > a:focus{
    background-color: transparent;
}
#formWizard4 .wizard-nav{display: none;}
#formWizard4.leave-wizard-map .wizard-nav{display: flex;}
#formWizard4.leave-wizard-map .wizard-nav.dots .wizard-step:first-child{display: none;}
#formWizard4 .wz_next_btn{
    background-color: var(--primary-color);
    color: #ffffff;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 40px;
    margin-top: 0px;
    text-decoration: none;
    transition: all 400ms;
}
#formWizard4 .wz_next_btn:hover{
    background-color: rgba(20, 138, 204, 0.8);
}
.prj_members_boxs_row_dtl{
    width: 100%;
    display: flex !important;
    align-items: center;
    gap: 5px;
    margin-left: 10px;
}
.prj_members_boxs_row_dtl .prj_member_ico:first-child{
    margin-left: 0px;
}
.prj_members_boxs_row_dtl .select2-container{
    margin-right: 10px;
}

#multipleAssigneeModal .modal-dialog { max-width: 800px;width: 94%;}

#multipleAssigneeModal .form-group .form-control{
    padding-left: 0;
    border: 0;
    border-bottom: 1px #e5e5e5 solid;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    margin-bottom: 1px;
}
#multipleAssigneeModal label{
    font-size: 12px;
    margin-bottom: 0;
}
.multiAssignRowDesgn{
    border-bottom: 1px #f3f3f3 solid;
    margin-bottom: 10px;
    cursor: all-scroll;
    background-color: #fff;
    position: relative;
    padding-left: 20px;
    width: 100%;
}
.multiAssignRowDesgn:last-child{border: 0;}
.multiAssignRowDesgn::before{
    content: '\f0c9';
    position: absolute;
    left: 1.5%;
    top: 28%;
    font-size: 16px;
    color: #a3a3a3;
    font: normal normal normal 14px / 1 FontAwesome;
}
#multipleAssigneeModal .assigntime_view_edit_pop{
    margin-bottom: 0;
}
.multi_add_task_head{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    background-color: #fff;
    position: relative;
}
#multipleAssigneeModal .col-md-4 .col-md-12{
    padding-left: 0;
}
.multi_add_task_head label{
    font-size: 15px !important;
}
.multi_add_task_head .btn-info{border-radius: 3px;}
.multitask_mn_del_btn{
    position: relative;
    cursor: pointer;
}
.multitask_ass_delete{
    width: 80px;
    height: 29px;
    background-color: #fff;
    border: solid 1px #d5d5d5;
    border-radius: 3px;
    position: absolute;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 13px;
    gap: 0px;
    top: 37px;
    display: none;
    z-index: 5;
}

.multitask_ass_delete:before{
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000;
}
.show_delet .multitask_ass_delete{display: flex;}
.multitask_ass_delete a{
    width: 100%;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}
.multitask_ass_delete a:hover{
    opacity: 1;
}
.multitask_ass_delete a:first-child{
    background-color: #f00;
    color: #fff;
}
.multitask_ass_delete a:last-child{
    background-color: #666;
    color: #fff;
}
.multiAssignRowDesgn .assigned_user_box{
    width: 100%;
    max-width: 100%;
}

.nav-tabs > li > a{
    padding: 10px 5px;
    margin-right: 15px !important;
    border: 0 !important;
    background-color: transparent !important;
}

.nav-tabs > li > a:hover{color: #000 !important}
.nav-tabs > li > a:focus{color: #000 !important}
.nav-tabs > li.active > a{
    border: 0;
    border-bottom: 2px solid var(--primary-color) !important;
}
.time-request .btn-primary{border-radius: 50px;}
#taskRequestTable .btn-primary{border-radius: 50px;max-width: 30px;padding-left: 8px;}
.leave_request_table  .btn-primary{border-radius: 50px;width: 30px;height: 30px;padding-left: 7px;;}
.gnrl_stngs_lft .nav-tabs > li.active > a:hover{color: #fff !important;}
.gnrl_stngs_lft .nav-tabs > li.active > a:focus{color: #fff !important;}
.gnrl_stngs_lft .nav-tabs > li > a{
    background-color: #e1eff3 !important;
    opacity: 0.8;
}
.gnrl_stngs_lft .nav-tabs > li > a.active:hover{
    color: var(--primary-color) !important;
}
.gnrl_stngs_lft .nav-tabs > li > a.active:focus{
    color: var(--primary-color) !important;
}
.project_filter_box.project_fltr_new input::-webkit-input-placeholder {color: black;  }
.project_filter_box.project_fltr_new input:-ms-input-placeholder {color: black;}
.project_filter_box.project_fltr_new input::-moz-placeholder {color: black;opacity: 1;  }
.project_filter_box.project_fltr_new input:-moz-placeholder {color: black;opacity: 1;  }
.project_filter_box.project_fltr_new .form-control{
    border: 0;
    border-left: 1px #e5e5e5 solid;
    border-radius: 0;
}
.project_filter_box.project_fltr_new .col-md-3 .form-control{border: 0;}
.project_filter_box.project_fltr_new .select2-container--default .select2-selection--single{
    border: 0 !important;
    border-left: 1px #e5e5e5 solid !important;
    border-radius: 0 !important;
}
.project_fltr_new #excelButton{
    float: right;
    text-align: right;
}
.progress .progress-bar{text-align: center;}
.progress .popover-title{    word-break: break-all;}
#register-user .error_box{
    color: rgb(169, 68, 66);
    position: absolute;
    white-space: nowrap;
    font-size: 12px;
    bottom: -2px;
}
#register-user .help-block{
    color: rgb(169, 68, 66);
    position: absolute;
    white-space: nowrap;
    font-size: 13px;
    bottom: -15px;
}
#register-user .form-group {
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 0;
}
#message_box.alert{
    position: fixed;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 60px;
    top: inherit;
    z-index: 99991;
    width: auto;
    max-width: 420px;
    height: auto;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    animation: bounceAlert 1s;
}
#message_box.alert.alert-success {
    color: #fff ;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
#message_box.alert.alert-danger {
    color: #fff ;
    background-color: #d71313;
    border-color: #d71313;
}
#message_box.alert #close_link{margin-top: -21px !important;}
.prj_right_progress_bx .nav_tab{
    position: relative;
    top: -4px;
    padding: 0 4px;
    padding-top: 7px;
}
.prj_right_progress_bx .nav_tab.active{
    background-color: #fcffdd;
}
.prj_right_progress_bx .nav_tab.active:before{
    width: 105%;
    height: 3px;
    background-color: var(--primary-color);
    position: absolute;
    left: 0;
    bottom: -6px;
    content: '';
}
#accessButton .filter_prj_dtl_head{
    top: -12px;
    left: -21px;
}
#overviewDiv .project_filter_box{background-color: transparent;padding: 0;box-shadow: none;}
.prj_dtl_over_top_box .taskspent_view_prj_dashboard_sec .taskspent_view_prj_dashboard{max-width: 100%;}
.prj_dtl_over_top_box .prj_overview_type{position: static;}
.prj_dtl_over_top_box .overview_activity_frst_box{padding-left: 10px;}
.prj_dtl_over_top_box .productivity_progress .task_bar_sec_progress .progress{height: 3px;width: 92%;}
.prj_dtl_over_top_box .taskspent_view_prj_dashboard_sec small{right: 4px;}
.prj_dtl_over_second_row .col-md-7{padding-right: 5px;}
.prj_dtl_over_second_row .col-md-5{padding-left: 5px;}
.project_task_dtl_graph_sec .graph_prj_box{max-width: inherit;width: 100%;}
.alignatemCenter{display: flex;flex-wrap: wrap;align-items: center;}
#taskDtlDn{position: relative;z-index: 2;}
.prj_detail_top_tab_head .nav-tabs{border: 0;}
.prj_dtl_over_top_box_scroll{width: 100%;display: inline-block;overflow: auto;max-height: 225px;}
#zoomimg .modal-dialog{width: 98%;max-width: 1200px;-webkit-transform: translate(0, -15%); -ms-transform: translate(0, -15%); -o-transform: translate(0, -15%); transform: translate(0, -15%);}
#zoomimg .modal-content{width: 100%;max-width: 100%;}
#zoomimg .modal-body .container{width: 100% !important;}
#zoomimg .modal-body .container img{width: 100% !important;}
#TaskViewMultitask.addedit_task_box{ grid-template-columns:40px 1fr 180px;display: grid}
#changeProfitConfModal .modal-body{display: inline-block;width: 100%;}
.appusage-view .filer_up_arrow_ico{
    position: absolute;
    height: auto;
    display: inline-block;
    right: inherit;
    bottom: inherit;
}
.screenshot_captured{
    font-size: 19px;
    position: relative;
}
.customTooltipHeaderIco{
    width: auto;
    padding: 3px 8px;
    background-color: #fff;
    font-size: 15px;
    position: absolute;
    min-width: 300px;
    left: -113px;
    top: 40px;
    box-shadow: 0px 0px 20px #ededed;
    display: none;
    text-align: center;
}
.screenshot_captured:hover .customTooltipHeaderIco{
    display: block;
}
.prj_dtl_progress_spent_view{
    display: none !important;
    flex-direction: column;
    text-align: center;
    line-height: 15px;
    background-color: #fff;
    padding: 5px;
    border: solid 1px #e5e5e5;
    position: absolute;
    bottom: -30px;
    left: 20%;
    max-width: 100px;
    min-width: 100px;
    border-radius: 3px;
}
.prj_dtl_progress_spent_view span{
    width: 100%;
    display: inline-block;
    font-size: 11px;
}
.prj_list_estd_time_graph .prj_lst_prgss_bar:hover .prj_dtl_progress_spent_view{display: flex !important;}
#taskRequestTable #allApproveRejectSec{
    position: fixed;
    left: 13%;
    right: 0;
    width: fit-content;
    padding: 0 10px;
    margin: auto;
    bottom: 120px;
    z-index: 5;
    background-color: #fff;
    text-align: center;
    border: solid 1px #e5e5e5;
    border-radius: 6px;
}
#allApproveRejectSec .approve_all, #allApproveRejectSec .reject_all, #allApproveRejectSec .delete_all{
    padding: 10px 30px;
    margin: 10px 0;
}
#allApproveRejectSec .delete_all{
    background-color: #cd4242;
    border-color: #cd4242;
}
.multi_assign_task_info_pop_box{
    width: 96%;
    display: inline-block;
    padding: 2px 5px;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    padding-top: 7px;
    margin-left: 15px;
    margin-top: 5px;
}
.multi_assign_task_info_pop_box .form-control{margin-bottom:7px;}
.multi_assign_task_info_pop_box_srl{
    width: 100%;
    display: inline-block;
    max-height: 200px;
    /* overflow: auto; */
}
/* .task_edit_section_tab_sec .multi_add_task_head{
    margin-top: -10px;
    top: -10px;
} */
.multi_assign_task_info_pop_box .assigntime_view_edit_pop label{margin-bottom: 0;}
.multi_assign_task_info_pop_box .task_edit_time_bx{padding-left: 0;}
.justfy-content-between{
    justify-content: space-between;
}
.justfy-content-between .table-pagination-center{
    margin: inherit;
}
.min100-vh{min-height: 87vh;}
#modal_edit_task .multi_assign_task_info_pop_box .form-control{
    padding-left: 4px;
}
.readonly{
    background-color: #ebebeb !important;
    pointer-events: none;
}
.users_access_sec.fixed{
    position: fixed;
    z-index: 9;
    top: 57px;
}
.sticky-first-td {
    position: sticky;
    left: 0;
    z-index: 1;
}
.prj_history_table{
    width: 100%;
}
.prj_history_table th{font-weight:400;color: #000;}
.prj_history_table td, .prj_history_table th{
    font-size: 16px;
    text-align: center;
    padding: 8px;
    border: 1px #e5e5e5 solid;
    color: #242424;
}
.prj_hour_bx{
    position: relative;
}
.prj_hour_bx .form-control{
    padding-right: 40px;
}
.prj_hour_bx i{
    position: absolute;
    right: 10px;
    top: 10px;
}
.prj_history_table_scrl{
    width: 100%;
    display: inline-block;
    max-height: 300px;
    overflow: auto;
}

.task_pause_confirm_popup{
    width: 90%;
    height: auto;
    background-color: #fff !important;
    max-width: 450px;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* box-shadow: 0px 3px 30px #bebebe; */
    border-radius: 3px;
    overflow: visible !important;
    height: max-content;
}
.task_pause_confirm_popup_cnt{
    /* display: flex; */
    align-items: center;
    gap: 20px;
    color: #000;
    font-size: 16px;
    padding: 15px;
}
.btn-pasue-task{
    width: 120px;
    height: 40px;
    background-color: var(--primary-color);
    color: #fff !important;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    line-height: 38px;
    border: 0;
}
.btn-pasue-task:hover{
    background-color: #002b4d;
    color: #fff;
}
.task_pause_confirm_popup_close{
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    /* box-shadow: 3px 0 10px #cbcbcb; */
    cursor: pointer;
    -webkit-text-stroke: 2px white;
}
.export-dropdow{
    padding: 10px;
    right: 10px !important;
    transform: inherit !important;
    left: inherit !important;
    top: 32px !important;
}
.export-dropdow #exportButton{
    width: 100%;
    margin: 0;
    margin-top: 8px !important;
}

.export-dropdow1{
    padding: 10px;
    right: 10px !important;
    transform: inherit !important;
    left: inherit !important;
    top: 32px !important;
}
.export-dropdow1 #exportButton{
    width: 100%;
    margin: 0;
    margin-top: 8px !important;
}

.exp_drop_add_ico{
    width: 30px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border: solid 1px #e5e5e5;
    margin-left: -1px;
}

.export-dropdow input[type="checkbox"], .export-dropdow input[type="radio"] {
    display: grid;
    place-content: center;
    width: 15px;
    height: 15px;
  }

  .export-dropdow input[type="radio"]::before {
    content: "";
    width: 13px;
    height: 13px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
  }

  .export-dropdow input[type="radio"]:checked::before {
    transform: scale(1);
    background-color: var(--primary-color);
    mix-blend-mode: color;
  }

  .export-dropdow input[type="checkbox"] {
    position: relative;
    width: 22px;
    height: 12px;
    -webkit-appearance: none;
    background: #c6c6c6;
    outline: none;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);
    transition: 0.7s;
}

.export-dropdow input:checked[type="checkbox"] {
    background: var(--primary-color);
    }

.export-dropdow input[type="checkbox"]:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    top: 0;
    left: 0;
    background: #ffffff;
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: .5s;
    }

.export-dropdow input:checked[type="checkbox"]:before {
    left: 9px;
    }

 .export-dropdow  label.export_list_row{
        margin-bottom: 5px;
    }

    .timeline_add_column_btn .export-dropdow label{
        display: flex;
        gap: 5px;
        margin-bottom: 10px;
        font-size: 13px;
    }


  .project_filter_sec{
    margin-left: auto;
  }

  .leave_info_request_page{
    padding: 2px 10px;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
  }
  .task_request_all_accept{
    position: fixed;
    left: 13%;
    right: 0;
    width: 250px;
    margin: auto;
    bottom: 120px;
    z-index: 5;
    background-color: #fff;
    text-align: center;
    border: solid 1px #e5e5e5;
    border-radius: 6px;
    }
    .task_request_all_accept .btn {
        padding: 10px 30px;
        margin: 10px 0;
    }
    .prj_detail_top_tab_head .multiselect-item .input-group-btn .btn-default{
        margin-top: 0px;
    }


    .export-dropdow-new{
        min-width: 500px;
        padding: 10px 20px;
        right: 0px !important;
        transform: inherit !important;
        left: inherit !important;
        top: 37px !important;
        border-radius: 2px;
        box-shadow: none;
        border: solid 1px #ccc !important;
        white-space: normal !important;
    }

    .exportdropdown_head{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-bottom: 8px;
        color: #000;
        border-bottom: 1px #e5e5e5 solid;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .exportdropdown_type_selection{
        width: 100%;
        display: inline-block;
        margin-bottom: 15px;
    }
    .exportdropdown_type_selection p{
        color: #666;
    }
.exportdropdown_type_row{
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.exportdropdown_type_box {
    width: 100px;
    height: 80px;
    padding-top: 10px;
    border: solid 1px #e5e5e5;
    margin-bottom: 10px;
    text-align: center;
    transition: 0.2s ease;
    color: #000;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.report_page_generated_files .exportdropdown_type_box{
    width: 230px;
    height: 60px;
    display: flex;
    border: solid 1px #e5e5e5;
    margin-bottom: 0;
    text-align: center;
    transition: 0.2s ease;
    color: #000;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
    align-items: center;
    box-shadow: 0px 3px 10px #00000014;
    padding-right: 10px;
    border: solid 1px #cadba1;
    background-color: #fcfff6;
    padding-top: 0;
}
.exportdropdown_type_box:hover{
    border: solid 1px var(--primary-color);
    background-color: #f7ffe5;
}
.exportdropdown_type_box.active{
    background-color: #f7ffe5;
    border: solid 1px var(--primary-color);
}
.report_page_generated_files .exportdropdown_type_box_ico{
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    max-width: 60px;
    border-right: 1px #e5e5e5 solid;
}
.report_page_generated_files .exportdropdown_type_box h6{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0;
    font-size: 13px;
     word-wrap: break-word;
}
.exportdropdown_type_box_ico img{width: 35px;}
.exportdropdown_viewtype_sec{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 10px;
}
.exportdropdown_viewtype_sec ul{
    width: 100%;
    padding: 0;
    list-style: none;
}
.exportdropdown_viewtype_sec li input[type=checkbox] {
    accent-color: var(--primary-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
  border:1px solid #e5e5e5;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.exportdropdown_viewtype_sec li input[type=checkbox]:checked {
  background-color: var(--primary-color);
}

.exportdropdown_viewtype_sec li input[type=checkbox]:checked::before {
  content: '';
  display: block;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 1px;
  left: 5px;
}

.exportdropdown_viewtype_selct{
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.exportdropdown_viewtype_selct_row{
    width: 100%;
    display: flex;
    gap: 10px;
}
.exportdropdown_viewtype_selct_bx{
    width: 100%;
    position: relative;
}
.exportdropdown_viewtype_selct_bx label{
    font-size: 13px;
}
.daterangepicker.drop-up{
    z-index: 9999 !important
}
.exp_post_ico{
    position: absolute;
    right: 10px;
    bottom: 10px;
    opacity: 0.7;
}
.exportdropdown_viewtype_selct .form-control{
    border-radius: 2px;
    border: solid 1px #e5e5e5 !important;
    font-size: 14px;
}
.form-group label{font-size: 14px;}

.modal-content .form-control{height: 40px;}

.task_ic_drop_field{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.poject-table tr th strong{
    font-weight: 500;
}
.drop_head_tst{
    width: 100%;
    display: inline-block;
    margin-bottom: 8px;
    color: #000;
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #fff;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 5px;
}


.task_pause_pop_taskname{
    width: 100%;
    display: flex;
    margin-top: -2px;
    font-size: 15px;
    color: #000;
    text-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.task_pause_pop_taskname p{font-size: 12px;color: #666;margin: 0;width: 82px;min-width: 82px;}
#ongoing_task_title{min-width: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;margin-top: -2px;}
.task_pause_pop_cnt{
    width: 100%;
    display: flex;
    gap: 5px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}
.taskPauseHead{
    width: 100%;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 10px;
}
.btn-cancel-task{
    width: auto;
    height: 40px;
    background-color: #fff;
    color: #000;
    border: solid 1px var(--primary-color);
    padding: 0 20px;
    border-radius: 7px;
    font-size: 16px;
}
.btn-cancel-task:hover{
    background-color: #002b4d;
    color: #fff;
}
.taskPauseBtnRow{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.leave_request_table_new .prj_member_ico{margin: 0;}
.leave_type_indicaton{
    position: absolute;
    left: 2px;
    top: 5%;
    height: 90%;
    width: 3px;
}
.modal-title.text-left{
    text-align: left ;
}
.onboard_btmMob{display: none;}
#AtworkUserModal table th{font-weight: 400;border-bottom: 1px #e5e5e5 solid;padding-bottom: 10px;}
.taskTagView .select2-container .select2-selection--multiple{
    min-height: 40px;
}
select.form-control{
   appearance: none;
   background-image: url(../img/dropdown-ico.png);
   background-repeat: no-repeat;
   background-position: calc(100% - 10px) center;
   background-size: 10px;
}
.prj_details_filter_bx .search_flt_sc .form-control{
    background-color: #ffffffc7;
    margin: 3px 0;
    margin-left: 0px;
    height: 35px;
    margin-left: 4px;
    padding-left: 33px;
    padding-right: 0;
    border-radius: 9px;
        margin-top: 2px;
}
.search_flt_sc{
    position: relative;
}
.search_ico{
    position: absolute;
    left: 11px;
    top: 9px;
    color: #666;
}
.prj_details_filter_bx .col-md-5{
    width: auto;
}
.project_dtl_overview_prj_time_progress{
    width: 100%;
    height: auto;
    display: inline-block;
}
.exportdropdown_viewtype_selct_row .row{
    width: 100%;
}
.no-scroll{
    overflow: hidden;
}
.drop_head_tst_2{
    width: 100%;
    display: inline-block;
    padding: 10px;
    color: #000;
}
.btn_task_action_icon_dv .multiselect-container:before{
    width: 100%;
    content: 'Add Assignee';
    display: inline-block;
    padding: 5px 10px;
    color: #000;
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: #fff;
    border-bottom: 1px #e5e5e5 solid;
}
.tag_pick_ico .select2-container--default.select2-container--focus .select2-selection--multiple{
    border: solid #d5d5d5 1px !important;
}
.integration-tab-content{
    display: none;
}
.integration-tab-content.active{
    display: block;
}
.integration_tab{
    width: 100%;
    display: flex;
    padding: 0;
    list-style: none;
    gap: 20px;
    color: #666;
    margin-bottom: 20px;
}
.integration_tab li{
    color: #8f8f8f;
    cursor: pointer;
}
.integration_tab li.active{
    color: var(--primary-color);
    border-bottom: 2px var(--primary-color) solid;

}
.added_account_dv{
    width: 100%;
    display: inline-block;
    padding: 10px;
    max-height: 500px;
    overflow: auto;
}
.added_account_row{
    width: 100%;
    display: inline-block;
    padding: 10px;
    border: solid 1px #e5e5e5;
    margin-bottom: 20px;
    border-radius: 5px;
    position: relative;
}
.added_account_row table{
    width: 100%;
}
.added_account_row .fa-copy{
    font-size: 14px;
    margin-left: 10px;
}
.added_account_bx_action{
    width: auto;
    position: absolute;
    right: 10px;
    top: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.onboard_first_cnt_section{
    width: 100%;
    display: inline-block !important;
    padding: 30px;
    padding-bottom: 10px;
    border-radius: 15px;
    background-color: #fff;
}
.onboard_level_box{
    width: 100%;
    display: flex;
    /* flex-direction: column; */
    gap: 0px;
    align-items: center;
    padding: 10px;
    border: 2px solid #e3ebd9;
    background-color: #f3f3f3;
    border-radius: 5px;
    transition: 0.5s ease;
    position: relative;
    cursor: pointer;
    text-align: left;
    margin-bottom: 20px;
}
.onboard_level_box:hover{
    transform: scale(1.01);
    border: 2px solid var(--primary-color);
    background-color: #fff;
}
.onboard_level_box h5{
    font-size: 18px;
    color: #000;
}
/* .onboard_level_box_cnt{
    border-left: 1px #e5e5e5 solid;
    padding-left: 15px;
} */
.selected{
    border: 2px solid var(--primary-color);
    background-color: #fff;
}
.onboard_level_box input{
    position: absolute;
    left: 5px;
    top: 5px;
}
.onboard_first_cnt_section  .row{
    width: auto !important;
}
.onboard_first_cnt_section .wizard-buttons{
    margin-top: 50px;
}
.onboard_level_box img{
    height: 70px;
}
.modules_sec .prj_rdio_slctr{
    text-align: center;
    justify-content: start;
}
.modules_sec .row-center{
    justify-content: center;
}
.modules_sec strong{
    color: #000;
}
.onboard_frst_popup p{
    font-size: 15px;
}
.onboar_left_cnt_bx_section h5 {
    font-size: 18px;
    color: #000;
}
.additional_setting_onboard{
    width: 100%;
    display: flex;
    overflow: hidden;
    border: 1px #e5e5e5 solid;
    border-top: 0;
    padding: 10px;
    flex-wrap: wrap;
}
.view_additional_setting_btn{
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #000;
    padding: 10px ;
    border: 1px #e5e5e5 solid;
    margin-top: 15px;
}
.modules_sec .prj_rdio_slctr .radio-inline{
    min-width: 70px;
}
.leave_setting_wizard .wizard-content{
    width: 100%;
    padding: 0 !important;
}
.leave_setting_wizard .row-center{
    justify-content: center;
    align-items: start;
}
.leave_setting_wizard .form-wizard-content{
    width: 100%;
}
.leave_setting_wizard .wizard{
    width: 100%;
}
.leave_setting_wizard .onboar_left_cnt_bx_section .multiselect{
    margin: 0;
}
.dashboard_onboard_pending_bar{
    width: 100%;
    padding: 10px ;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: -15px;
    border: solid 1px #e6f1cb;
    position: relative;
}

.dashboard_onboard_pending_bar .row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.dashboard_onboard_pending_bar h2{
    color: #000;
    font-size: 24px;
}

#onboardtabview{
   text-align: center;
   padding-bottom: 0px;
}
#onboardtabview .tab-content{
    text-align: left;
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
}
#onboardtabview ul{
    border: 0;
}
#onboardtabview ul.nav-tabs li {pointer-events: none;}
.tab_nav{
    width: auto;
    padding: 10px 30px;
    background-color: var(--primary-color);
    color: #fff !important;
    border-radius: 50px;
}
.tab_nav.prev{
    background-color: #666;
    color: #fff;
}
.tab_nav:hover{
    background-color: #00457C;
    color: #fff;
}
.onboar_left_cnt_bx_section h6{
    width: 100%;
    display: inline-block;
    font-size: 25px;
    color: #000;
    text-align: left;
    margin-bottom:8px;
}
.showOnboard{cursor: pointer;}

.checkmark {
    position: absolute;
    top: -10px;
    left: -10px;
    height: 25px;
    width: 25px !important;
    border: 1px #0073aa solid;
    transition: all 0.5s ease-in-out;
      border-radius: 50%;
      background-color: #fff;
  }
.onboard_level_box:hover input ~ .checkmark {
    background-color: #ccc;
}
.onboard_level_box input:checked ~ .checkmark {
    background-color: #0073aa;
    transition: all 0.5s ease-in-out;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.onboard_level_box input:checked ~ .checkmark:after {
    display: block;
}

.onboard_level_box .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.onboard_level_box input{
    visibility: hidden;
}
.onboard_head_cc{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    text-align: left;
}
.onboar_left_cnt_bx_section .justify-content-center{
    justify-content: center;
}
.onboar_left_cnt_bx_section .btn-color-mode-switch>label.btn-color-mode-switch-inner{
    width: 155px;
}
.onboar_left_cnt_bx_section .toggle_option_ornt_change.btn-color-mode-switch>label.btn-color-mode-switch-inner:after{
    left: 90px;
}
.onboard_frst_popup .onboar_left_cnt_bx_section .btn-group{
    width: 100%;
}
.onboard_frst_popup .onboar_left_cnt_bx_section .dropdown-menu{
    width: 100%;
}
.onboard_frst_popup .onboar_left_cnt_bx_section .multiselect{
    width: 100%;
    text-align: left;
    margin-top: 0;
}
.showBillabelSetting .onboard_level_box{
    background-color: #fff;
}
.start_time_selector_row{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.start_time_selector{
    width: 100%;
    max-width: 250px;
}
.onboard_invite_row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.onboard_invite_row .col-md-4{
    text-align: right;
}
.timer_run_section img{width: 100%;}
.timer_run_section{
    width: 100%;
    display: inline-block;
    padding: 15px;
    margin-bottom: 7px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}
.timer_run_section .row>.col-md-6:last-child::before{
    width: 5px;
    height: 100%;
    position: absolute;
    left: -10px;
    top: 0;
    margin: auto;
    background-color: #eef6f9;
    content: '';
}
.timer_run_section .row>.col-md-6:first-child::before{
    background-color: transparent;
}
.timer_run_section h4{
    color: #242424;
    font-size: 25px;
}
.start-time-btn{
    width: auto;
    padding: 10px 40px;
    background-color: var(--primary-color);
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    transition: 0.2s ease-in-out;
}
.start-time-btn:hover{
    color: #fff;
    background-color: #002b4d;
}

.timer_run_header{
    width: auto;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    float: right;
    color: #000;
    font-weight: 500;
    margin-top: 5px;
    padding: 4px;
    padding-left: 10px;
    background-color: #e6f4f9;
    border-radius: 25px;
    position: relative;
}
.play_ico_header{
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    color: #004073;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border: 1px #c1d2df solid;
}
.play_ico_header i{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    position: relative;
    top: 1px;
    left: 1px;
    line-height: 0;
    padding: 0;
    margin: 0;
}


@-moz-document url-prefix() {
    .play_ico_header i{top: 1px;}
}

.play_ico_header i.fa-stop{
    left: 0;
}
.timer_run_header:hover{
    background-color: #d3e5eb;
}
.play_ico_header i.fa-spin{
    top: 0px;
    left: 0px
}
.play_ico_header i.fa-spin::before {
    position: relative;
    top: 0px;
    left: 0px;
}
.timer_play_puase_btn{
    display: inline-block;
}
.timer_count_dv{
    /* border-left: 1px #cee2e9 solid; */
    padding-left: 10px;
    margin-left: auto;
}
.select_project_btn{
        position: absolute;
    right: 0;
    top: 0
}
.select_project_btn .select2-selection__placeholder{
    color: #000 !important;
    font-weight: 400 !important;
}
.select_project_btn .select2-container--default .select2-selection--single{
    border: 0 !important;
}
.time_request_popup .modal-title{    font-size: 23px;}

.new_date_selection_field_box_main{
    width: 100%;
    padding: 10px 0;
    position: relative;
}
.new_date_selection_field_box{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0px;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    box-shadow: 0px 5px 10px #e3e3e3;
    border: solid 1px #e1e1e1;
    top: 40px;
    z-index: 9;
}
.new_date_selection_field_box strong{
    padding: 0 2px;
    margin-top: -15px;
}
.new_date_selection_field_label{
    width: 100%;
    display: flex;
    align-items: center;
}
.new_date_selection_field_label p{
    width: 100%;
    font-size: 13px;
}
.new_date_selection_field_label p:last-child{
    padding-left: 10px;
}
.new_date_selection_field_box_main label{
    background-color: #fff;
    position: absolute;
    top: -10px;
    font-size: 14px;
}
.new_date_selection_field .col-md-6{
    padding-top: 10px;
    background-color: #fff;
}
.new_date_selection_field .col-md-6:last-child{
    background-color: #fff;
    border-left: 2px;
}
#myModal.time_request_popup .new_date_selection_field .col-md-6{
    padding-left: 0;
}
#myModal.time_request_popup .new_date_selection_field .col-md-6:last-child{
    padding-right:0;
}
.time_request_popup .new_date_selection_field_label{
    max-width: 220px;
}
.new_date_selection_field_box_inp{
    width:auto;
    min-width: 103px ;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}
.new_date_selection_field_box_inp::before{
    position: absolute;
    left: 3px;
    bottom: 9px;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16850490196078427) 0%, rgb(0 0 0) 60%);
    border-radius: 3px;
    content: '';
    width: 60px;
    height: 28px;
    z-index: 0;
    opacity: 0.04;
    pointer-events: none;
}
.new_date_selection_field_box input{
    width: 100%;
    height: 53px;
    text-align: center;
    font-size: 25px;
    background-color: #ffffff;
    border: solid 1px #f3f3f3;
    padding-right: 20px;
}
.new_date_selection_field_box input:focus{
    border: solid 1px var(--primary-color);
}
.new_date_selection_field_box_frmt button{
    border: 0;
    border: solid 1px #f3f3f3;
    background-color: #fff;
    width: 100%;
}
.new_date_selection_field_box_frmt button:hover{
    background-color: #f9ffec;
}
.new_date_selection_field_box_frmt button.selected{
    border: 1px solid #efefef;
    background-color: var(--primary-color);
    color: #fff;
}
.new_date_selection_field_box_inp p{
    margin: 0;
    font-size: 11px;
    width: 65px;
    padding-left: 5px !important;
    text-align: center;
    color: #000;
    display: inline-block;
    margin-bottom: -10px;
    position: relative;
    top: -16px;
}
#task_section_div .multiselect-container{max-width: 100%;width: 100%;}
.number_numbercnt_change{
    width: 100%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.download-drop-btn ul li a.active {
    border-bottom: 2px solid var(--primary-color) !important;
}
.timer_run_header .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 31px;
}
.working_on_popup{
    width: 350px;
    background-color: #e6f4f9;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 55px;
    border-radius: 5px;
    border: solid 2px #d4e5eb;
    /* border: solid 1px #e5e5e5;
    box-shadow: 0px 9px 10px #0000001a; */
    display: none;
}
.working_on_popup::before{
    content: '';
    border-bottom: 20px solid #e6f4f9;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    right: 30px;
    width: 40px;
    top: -20px;
}

.working_top_header_txt{
    width: 100%;
    display: inline-block;
    padding: 0 0px;
    padding-bottom: 7px;
    color: #000;
    cursor: pointer;
}
#onboardtab3 .checkmark{border-radius: 5px;}
.onboar_left_cnt_bx_section .new_date_selection_field_box input{
    background-color: #fff;
    border: solid 1px #eaeaea;
    height: 53px;
}
.working_on_popup .select2-container{
    left: 0 !important;
    right: 0;
    background-color: #ffffff7d;
    border: solid 2px #d7eaf1;
}
.working_on_popup .select2-dropdown{
    width: 100%;
    min-width: 350px !important;
}
#working_on_popup_project_task_new .close{
    position: absolute;
    top: 15px;
    right: 10px;
}
#taskMainDiv .multiselect{
    box-shadow: none;
    height: 40px;
    text-align: left;
}
.task_view_create_bx{
    width: 100%;
    display: flex;
    position: relative;
    /* padding-right: 40px; */
}
.task_view_create_bx .form-group{
    width: 100%;
}
.task_view_create_bx #toggleButton_new{
    width: 40px;
    height: 40px;
    border: solid 1px #e5e5e5;
    text-align: center;
    color: #000 !important;
    font-size: 24px;
    background-color: #fff;
    /* position: absolute; */
    right: 1px;
    margin-top: 0px !important;
    margin-left: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#projectSelect{
    padding: 0 10px;
    padding-top: 8px;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.close_project_show{
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 5;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #ffe9e9;
    border: solid 1px #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 100;
    -webkit-text-stroke: .3px #ffe9e9;
    cursor: pointer;
}
.task_close_project_show{
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 5;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #ffe9e9;
    border: solid 1px #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 100;
    -webkit-text-stroke: .3px #ffe9e9;
    cursor: pointer;
}
.task_select_first_view{
    width: 100%;
    display: flex;
}
.task_select_first_view .form-group{
    width: 100%;
}
.task_select_first_view #task_toggleButton_new {
    width: 40px;
    height: 40px;
    border: solid 1px #e5e5e5;
    text-align: center;
    color: #000 !important;
    font-size: 24px;
    background-color: #fff;
    position: static !important;
    margin-top: 0px !important;
    margin-left: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.task_creat_view{
    padding: 0 0px;
    padding-top: 8px;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.task_select_first_view .multiselect{
    box-shadow: none;
    height: 40px;
}
.task_creat_view  .multiselect{
    box-shadow: none;
    height: 40px;
}
.task_creat_view .multiselect-container{
    max-width: 100% !important;
}
.task_select_first_view .multiselect-container{
    max-width: 100% !important;
}
#myTaskModal .input-group{
    width: 100%;
}

#working_on_popup_project_task_new .form-group label {
    font-size: 17px;
}
.dashboard_add_team_btn{
    font-size: 16px;
    padding: 2px 10px;
    border-radius: 2px;
    color: #818181 !important;
    width: 26px;
    height: 26px;
    border-radius: 5px;
    border: solid 1px #d7d7d7;
    position: relative;
    top: -2px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -20px;
}
.task_prj_sect .dropdown-toggle{
    box-shadow: none !important;
}
.check_in_out_dtl{
    width: auto;
    margin-top: 12px;
    margin-bottom: 5px;
    border-right: 1px #e5e5e5 solid;
    margin-right: 10px;
    padding-right: 10px;
    display: inline-block;
}
.check_in_out_dtl:last-child{border: 0;}
.check_in_out_dtl strong{color: #000;font-weight: 500px;}

.new_date_selection_field_box input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0;
}

.new_date_selection_field_box input[type="number"]::-webkit-inner-spin-button,
.new_date_selection_field_box input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.profile_card .media-left{
    position: relative;
}
.profile_card .media-left img{
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    border: solid 1px #ccc;
}
.profile_card .media-left #deleteIcon {
    border-radius: 30px;
    height: 25px;
    width: 25px;
    background-color: #f00;
    position: absolute;
    right: 17px;
    top: 0;
    padding: 2px;
}

.onboar_left_cnt_bx_section .new_date_selection_field{
    margin-bottom: 0;
}
#admin_members_div .multiselect-item .input-group-btn .btn-default{
    padding: 9px 10px !important;
}
#admin_members_div  .dropdown-menu{
    max-width: 100%;
}
.setting-checkbox-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.setting-checkbox-box {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.setting-checkbox-input {
display: none;
}

.setting-box {
    width: 130px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    border: 2px solid transparent;
    border-radius: 5px;
    transition: border-color 0.3s ease;
}
.setting-checkbox-box::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -6px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 50%;
    transition: background-color 0.3s ease;
    z-index: 3;
  }

  .setting-checkbox-input:checked + .setting-box::before {
    background-color: var(--secondary-color);
    border-color: #fff;
    content: '';
    position: absolute;
    top: -2px;
    left: -4px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
  }
.setting-checkbox-input:checked + .setting-box {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #fff;
}

#register-user .setting-box{
    height: 35px;
}

#vieExcludeUsersModal .list-cnt-name{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 220px;
    display: inline-block;
}
#add_company_leave_modal .input-group .add_leaveRowBtn{
    height: 40px;
}
.appusage-view1 .progress.project_progress{
    margin-top: 0 !important;
}
.appusage-view1 th.no-border-timeline-th{
    border-right: 1px #fff solid !important;
}
.onboard_lst_btn_row{
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 0;
    position: sticky;
    left: 0;
    bottom: -67px;
    background-color: #fff;
    height: 70px;
}
#projectPrivilegeModal table{
    width: 100%;
}
#projectPrivilegeModal table td{
    padding: 8px 0;
}
.prj_permission_role_slctr{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}
.project-permission .panel-heading{
    background-color: #fff;
}
.project-permission .toggle-btn {
    width: 40px;
    height: 20px;
    background: #ccc;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.project-permission .toggle-btn input[type="checkbox"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 1;
}
.project-permission .toggle-btn input[type="checkbox"]:checked + .slider {
    background: #4caf50;
}
.project-permission .toggle-btn .slider {
    width: 100%;
    height: 100%;
    background: #ccc;
    border-radius: 20px;
    position: absolute;
    transition: .3s;
}
.project-permission .toggle-btn .slider:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 50%;
    top: 1px;
    left: 1px;
    transition: .3s;
}
.project-permission .toggle-btn input[type="checkbox"]:checked + .slider:before {
    transform: translateX(20px);
}
.project-permission  .panel-heading {
    position: relative;
    padding: 10px;
}
.project-permission .panel-title {
    margin: 0;
}
.project-permission  .accordion-body {
    padding: 15px;
}
.project-permission .accordion-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.project-permission .accordion-header-content .toggle-btn {
    margin-right: 10px;
}
.project-permission .panel-title a {
    text-decoration: none;
    color: inherit;
}
.project-permission .panel-title .accordion-toggle::after {
    content: "\f078"; /* FontAwesome down arrow */
    font-family: 'FontAwesome';
    font-size: 1.25rem;
    display: inline-block;
    margin-left: 10px;
    transition: transform 0.3s ease;
}
.project-permission .panel-title .collapsed::after {
    content: "\f077"; /* FontAwesome up arrow */
    transform: rotate(180deg);
}
.project-permission .prj-setting-acrd-list{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    justify-content: space-between;
    border-bottom: 1px #e5e5e5 solid;
}
.project-permission .prj-setting-acrd-list:last-child{
    border: 0;
}
#projectPrivilegeModal .modal-body {
    padding: 0px;
    border: solid 1px #e5e5e5;
    margin: 18px;
    max-height: 80vh;
    overflow: auto;
}
#projectPrivilegeModal .setting-checkbox-container{
    flex-wrap: wrap;
    padding-top: 35px;
    padding-bottom: 5px;
    padding-left: 15px;
    position: relative;
    width: 100%;
    display: flex;
    gap: 20px;
    background-color: #f3f3f3;
    border-radius: 0;
    text-align: left;
}
#projectPrivilegeModal .setting-checkbox-container h6{
    position: absolute;
    left: 7px;
    top: 7px;
    color: #000;
    margin: 0px;
}
#projectPrivilegeModal .setting-box {
    width: auto;
    height: 40px;
    padding: 0 10px;
    background-color: #fff;
}
#projectPrivilegeModal .modal-dialog{
    right: 0;
    left: auto;
    transform: inherit !important;
    margin: 0;
    position: fixed;
    top: 0;
    height: 100%;
}
#projectPrivilegeModal .modal-content{
    height: 100%;
}
#projectPrivilegeModal .panel:last-child .panel-heading{border-bottom: 0 !important;}
#projectPrivilegeModal .panel:last-child{border-bottom: 0 !important;margin-bottom: -20px;}
#projectPrivilegeModal .modal-footer{text-align: left;}
#projectPrivilegeModal .modal-footer .btn{
    padding: 10px 30px;
}
#projectPrivilegeModal .modal-title{
    text-align: left;
}
.prj_permisson_role_info{
    position: relative;
    display: inline-block;
}
.prj_permisson_role_info:after {
    content: attr(tip);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    line-height: 1.2em;
    color: #242424;
    padding: 4px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    position: absolute;
    top: -4px;
    left: 20px;
    width: 250px;
    border: solid 1px #e5e5e5;
    display: none;
    z-index: 9;
    font-size: 13px;
}
.prj_permisson_role_info:hover:after{
    display: block;
}
.prj_permisson_role_info .fa{
    width: 20px;
    height: 20px;
    border: solid 1px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 12px;
    background-color: #fff;
}
.privilege_actived_txt{
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: #686868;
    font-weight: 200;
    letter-spacing: 0.5px;
}
.project-permission .panel-default .panel-body{
    background-color: #fbfbfb;
    padding-bottom: 0;
    padding-top: 5px;
}
#clickup_deletion_modal{
    top: 15%;
}
#clickup_deletion_modal .modal-header {padding-right: 40px !important;}
#clickup_deletion_modal .modal-content .fa-close{
    font-weight: 300;
    font-size: 18px;
    right: 10px;
    position: absolute;
    top: 10px;
}
.clickup_deletion_modal_row{
    display: flex;
    justify-content: center;
    gap: 10px;
}
.clickup_deletion_modal_row .btn{
    font-weight: normal;
}
.clickup_config_row{
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 10px;
    overflow: auto;
}
.clickup_config_box{
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 15px;
    border: solid 1px #dfdfdf;
}
.clickup_config_box button{
    border: solid 1px #a2c6e3;
    background-color: #e3f3ff;
    padding: 5px 30px;
    color: #00457C;
    margin-top: 10px;
}
.clickup-webhook-connect:hover{
    background-color: #00457C;
    color: #fff;
}
.modal-footer .btn-primary{min-width: 100px; }
.clickup_config_user_mapping_bx{
    width: 100%;
    display: inline-block;
    margin-top: -1px;
    text-align: center;
    padding: 10px;
    border: solid 1px #dfdfdf;
}
.clickup_config_user_mapping_bx form{
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 0px;
    background-color: #ffffff;
    padding: 5px;
    border: solid 1px #dfdfdf;
}
.clickup_config_user_mapping_btn{
    width: 100%;
    padding: 10px;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 3px;
    color: #000;
    border: solid 1px #dfdfdf;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.clickup_config_user_mapping_bx input[type="file"]{
    margin-top: 4px;
    width: 100%;
    display: inline-block;
}
.clickup_config_user_mapping_bx_head{
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    text-align: left;
    background-color: #f7f7f7;
    padding: 10px;
}
.clickup_config_user_mapping_bx_head h4{
    color: #424242;
}
.clickup_config_user_mapping_bx_head p{
    font-size: 14px;
}
.clickup_config_user_mapping_bx button{
    border: solid 1px #d4ecff;
    background-color: #f3ffe5;
    padding: 5px 20px;
    color: #000000;
    border-radius: 5px;
    white-space: nowrap;
}
.clickup_config_user_mapping_bx .alert{
    position: absolute;
    left: 12px;
    width: 96%;
    padding: 0;
    border-radius: 0;
    bottom: 39px;
}
.holiday_txt_on_wn_holiday{
    position: absolute;
    right: 40px;
    top: 15px;
    color: #a90000;
}
.download_sample_user_lst_bx{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.download_sample_user_lst_bx button{
    background-color: #e8f5ff;
}
.table-daily .day-column{
    position: relative;
}
.table-daily .day-column .holiday_txt_on_wn_holiday {
    position: absolute;
    right: 10px;
    top: 1px;
    color: #a90000;
}
.holiday_span{
    text-align: center !important;
    font-weight: normal !important;
}
.ck.ck-balloon-panel.ck-balloon-panel_visible{
    z-index: 9999999;
}
.number_field_plus_btn_row{
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    max-width: 27px;
    height: 58px;
}
.number_field_plus_btn_row button{
    border: 2px #ffffff solid;
    height: 100%;
    background-color: #f9ffec;
    border-top: 0;
    border-right: 0;
}
.number_field_plus_btn_row button:last-child{
    border-bottom: 0;
}
.number_field_plus_btn_row button:hover{
    background-color: var(--primary-color);
    color: #fff;
    border: 2px var(--primary-color) solid !important;
}
.time_request_popup .modal-body{
    padding-top: 0;
    background-color: #ffff;
}
.new_date_selection_field_box_frmt{
    max-width: 50px;
    height: 75px;
}
.screenshot_page .nav-tabs a.active{
    border-bottom: 2px solid var(--primary-color) !important;
}
.headSecondBox_reply .ck-editor__editable_inline{
    width: 100%;
}
.time_set_selection{
    margin-top: 20px;
}
.workhour_tm_st_bx{
    padding: 13px;
    background-color: #f7f7f7;
    position: relative;
}
.workhour_tm_st_bx:after {
    content: '';
    position: absolute;
    right: 10%;
    top: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f7f7f7;
    clear: both;
}
.workhour_tm_st_bx .new_date_selection_field{
    margin-top: 15px;
}
#onboardTabBtn2.active{
    border-bottom: 2px solid var(--primary-color) !important;
    color: #686868;
}
/* #onboardTabBtn3.active{
    border-bottom: 2px solid var(--primary-color) !important;
    color: #686868;
} */
#clickup_configuration_modal .modal-header{border: 0;}
#clickup_configuration_modal .modal-footer{border: 0;}
.table_action_menu{
    font-size: 22px;
    color: #000;
    font-weight: 600px;
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}
.table_action_menu .dropdown-menu{
    left:  inherit !important;
    right: 0;
    padding: 0;
}
.table_action_menu li .mt-view a{
    width: 100%;
    display: inline-block;
    padding: 7px 10px ;
    color: #242424;
    border-bottom: 1px #e5e5e5 solid;
}
.table_action_menu li .mt-view a:last-child{
    border: 0;
}
.table_action_menu .dropdown-toggle {
    padding: 0;
}
.table_action_menu li .mt-view a:hover{
    background-color: #d5ebfd;
}
.showParantKanban .show_parent_kanban_task_bt{
    transform: rotate(180deg);
}
.project_tag_view{
    width: auto;
    padding: 5px 0px;
    background-color: #fff;
    color: #666;
    font-size: 15px;
    flex-wrap: wrap;
    display: flex;
    gap: 20px;
    cursor: pointer;
    position: relative;
    margin-top: 20px;

}
.project_tag_view_box{
    width: auto;
    padding: 5px 15px;
    background-color: #fff;
    border: solid 1px #e5e5e5;
    font-size: 14px;
    position: relative;
    box-shadow: 0 2px 10px #e5e5e5;
}
.project_tag_view_box .delete_tag_confirm{
    position: relative;
}
.tag_setting_action{
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 30px;
    color: #5e5e5e !important;
    border: solid 1px #e5e5e5;
    font-size: 12px;
    position: absolute;
    right: -6px;
    top: -10px;
    display: none;
}
.proj_tag_head{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.btn_add_tag_btn{
    width: auto;
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff !important;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
}
.project_tag_view_box:hover .tag_setting_action{display: flex;}
.btn_add_tag_btn:hover{
    background-color: #002b4d;
}
.project_tag_view_box  .dropdown-menu{
    left: inherit !important;
    right: 20px !important;
    top: 0px !important;
}
.project_current_action_row{
    border: solid 2px #cfeaff;
    border-left: 0;
    border-right: 0;
    background-color: #fafdff;
    transition: 1s ease-in-out;
}
.project_setting_disabled{
    pointer-events: none;
    opacity: 0.7;
    background-color: whitesmoke;
    border: solid 4px #fff;
    user-select: none;
}
.project_setting_disabled .prj_settings_right_info_box{
    background-color: #ededed;
}

.project_setting_disabled .prj_config_profit_sc .radio-inline{
    box-shadow: none;
}
.role_selector .multiselect{
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
    height: 34px;
    border: solid 1px #ebebeb;
}
.efficiency_setting_view{
    flex-direction: column;
}
.efficiency_setting_view .setting-box{
    width: 100%;
    height: auto;
    text-align: left;
    justify-content: start;
    color: #000;
    background-color: transparent;
}
.efficiency_setting_view .setting-checkbox-box{
    border: 2px solid #e3ebd9;
    background-color: #fff;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
}
.efficiency_setting_view .setting-checkbox-input:checked + label{
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
}

.efficiency_setting_view .setting-checkbox-input:checked + h4 + p {
    color: white;
}
.efficiency_setting_view .setting-checkbox-box{
    width: 100%;
    max-width: 1100px;
    margin-top: 20px;
}
.efficiency_setting_view .setting-checkbox-box p{
    font-size: 13px;
}
.efficiency_setting_view .setting-checkbox-box:hover{
    border-color: var(--primary-color);
}
.efficiency_setting_view .disabled .setting-checkbox-box:hover{
    border: 2px solid #e3ebd9 !important;
    transform: inherit;
    box-shadow: none;
}
.efficiency_setting_view .productive-overlay:hover .disabled.setting-checkbox-box{
    pointer-events: inherit !important;
    border: 2px solid #e3ebd9 !important;
    transform: inherit;
    box-shadow: none;
}
.efficiency_setting_view .disabled .setting-checkbox-box.selected{
    transform: inherit !important;
    box-shadow: none !important;
}

.custom_time_view{
   width: 23px;
   height: auto;
   position: absolute;
   left: 0;
   top: 0;
}
.custom_time_view .btn{
    background-color: transparent;
    border-right: 1px #e5e5e5 solid;
    height: 34px;
    text-align: center;
}
.custom_time_view .dropdown-menu{
    right: 0 !important;
    left: inherit !important;
    transform: inherit  !important;
    top: 30px !important;
    min-width: 270px;
    padding: 5px;
}
.custom_time_view label{
    padding: 3px 5px;
    width: 100%;
    display: flex;
    gap: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}
.input_toggle_btn{
    position: relative;
    display: inline-block;
}
.custom_time_view li:last-child label{
    border: 0;
    margin-bottom: 0px;
}
.admin-user-timeLlne-view{
    text-align: center;
}
.custom_time_view_area{
    width: 100%;
    display: flex;
}
.custom_time_view_area_bx{
    width: 100%;
    height: auto;
    padding: 4px;
    border-right: 1px #e5e5e5 solid;
    text-align: center;
}
.custom_time_view_area_bx:last-child{
    border: 0;
}
.custom_time_view_area_bx label{
    line-height: 17px;
}
.custom_time_view_area_bx label span{
    width: 100%;
    display: inline-block;
}
.custom_time_view_drop h4{
    padding-left: 5px;
}
.default_tag_view{
    background-color: #F1F8E9;
    border: solid 1px #d9e9c8;
    box-shadow: 0 2px 10px #f5f5f5;
    cursor: default;
}


/***Demo Modal Start***/

.demo-pop-left{
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    background: url('../img/modal-left-bg.svg'), #ffffff;
    padding: 8px 99px 38px 30px;
    background-repeat: no-repeat;
    background-size: cover;
}
.demo-pop-left .main-log{
    max-width: 100px;
    margin-bottom: 20px;
}
.demo-pop-left .main-heading{
    font-size: 24px;
    font-weight: 700;
    color: #232323;
    line-height: 1.4;
}
.text-green-modal{
    color: #74A304 !important;
}
.text-bold-modal{
    font-weight: 600;
}
.main-content-modal{
    font-size: 15px;
    margin: 15px 0 2px 0;
    display: block;
    line-height: 1.7;
    color: #000;
}
.midal-hori-line{
    display: inline-block;
    background-color: var(--primary-color);
    height: 1px;
    width: 90%;
    margin: 15px 0;
}
.sub-heading-modal{
    font-size: 18px;
    font-weight: 700;
    color: #232323;
    line-height: 1.4;
}
.modal-product-points-list{
    padding: 0;
    margin-top: 17px;
}
.modal-product-points-list > li{
   padding-left: 30px;
   list-style: none;
   position: relative;
   font-size: 15px;
   display: block;
   color: #000;
   padding-top: 4px;
    padding-bottom: 4px;
}
.modal-product-points-list > li +li{
    margin-top: 7px;
}
.modal-product-points-list > li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('../img/point-tick.png');
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    height: 27px;
    width: 27px;
}
.awards{
    /* display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap:5px; */
    padding-right: 50px;
    margin-top: 22px;
    overflow: hidden;
    width: 93%;
    display: inline-block;
    white-space: nowrap;
}
.modal-awards{
    width: auto;
    display: inline-block;
}
.awards_slide{
    animation: marquee 20s linear infinite;
    display: inline-block;
}
@keyframes marquee {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-100%, 0, 0);
    }
  }
.awards .modal-awards img{
    max-width: 130px;
    /* filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3)); */
}
.demo_popup_right_form{
    width: 100%;
    padding: 0 5%;
}
.close_demo_link{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #666;
    border: solid 1px #e5e5e5;
    padding: 2px 10px;
    cursor: pointer;
    text-align: right;
}
.close_demo_link:hover{
    background-color: #f3f3f3;
}
.btn_demo_pop_submit{
    width: 100%;
    height: auto;
    background-color: var(--primary-color);
    padding: 12px 10px;
    border: 0;
    margin-bottom: 10px;
}
.btn_demo_pop_submit:hover{
    background-color: #679102;
}
.demo_popup_right_form h3{
    color: #000;
    margin-bottom: 20px;
}
.onboard_level_box_cnt .onboard_lst_first_view{
    padding: 0;
    display: inline-block;
    margin-top: 5px;
}
.onboard_level_box_cnt .onboard_lst_first_view li{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    text-align: left;
    font-size: 14px;
}
.onboard_time_select_box_view{
    position: relative;
    width: 250px;
    display: inline-block;
    padding: 0 15px;
}
.onboard_time_select_box_view .number_field_plus_btn_row{
    max-width: 35px;
}
.onboard_time_select_box_view .new_date_selection_field_box input{
    padding-right: 0;
    height: 58px;
    width: 66px;
    padding-bottom: 8px;
}
.workhour_tm_st_bx .onboard_time_select_box_view{
    width: 288px;
}

.onboard_time_select_box_view .number_field_plus_btn_row button {
    border: 2px #f0f9e5 solid;
}

.onboard_time_select_box_view .new_date_selection_field_box_frmt button{
    height: 29px;
}

.time_request_pop_time .new_date_selection_field_box input{
    width: 66px;
    padding-right: 0;
    padding-bottom: 7px;
}
.time_request_pop_time .number_field_plus_btn_row button {
    border: 2px #f0f9e5 solid;
}
.time_request_pop_time .number_field_plus_btn_row button:first-child{
    margin-bottom: 1px;
}
.time_request_pop_time .number_field_plus_btn_row{
    height: 26px;
    max-width: 37px;
}
.time_request_pop_time .new_date_selection_field_box_inp::before{
    left: 3px;
    bottom: 9px;
    width: 60px;
    height: 25px;
}
.time_request_pop_time .new_date_selection_field_box_frmt{
    height: 54px;
}
.time_request_pop_time .new_date_selection_field_box_inp{
    min-width: 107px;
    margin-bottom: -5px;
}
#createproject .prj_vsblity_sc div{
    display: flex;
    align-items: center;
}
#createproject .prj_vsblity_sc label{
    margin: 3px;
    position: relative;
    top: 3px;
}
#tbody_task .mainTableTr:nth-last-child(2) td table .export-dropdow1{
    top: inherit !important;
    bottom: 30px;
}
.prj_task_loader_focus{
    animation: blink 1.5s linear infinite;
}
.project_tsk_table > tbody .prj_task_loader_focus td{
    background-color: #f4ffdb !important;
}
.timer_run_skip{
    float: right;
    color: #666;
    font-size: 13px;
}
.timer_start_with_project_btn{
    width: auto;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    display: flex;
    background-color: var(--primary-color);
    align-items: center;
    gap: 10px;
    max-width: 120px;
}
.timer_start_with_project_btn:hover{
    background-color: #4a6802;
    color: #fff;
}

.show_create_project_div_header_timer{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    border: solid 1px #cee2ea;
    padding: 10px;
    position: relative;
}
.show_create_project_div_header_timer label{
    position: absolute;
  left: 5px;
  top: -11px;
  background-color: #e6f4f9;
  padding: 0 5px;
}
.show_create_project_div_header_timer_frm{
    width: 100%;
    display: flex;
    gap: 5px;
    margin-top: 10px;
}
.show_create_project_div_header_timer_frm .timer_start_with_project_btn {
    padding: 9px 13px;
    color: #fff !important;
}
.close_timer_prj_task_crt{
  position: absolute;
  right: -4px;
  color: #373737 !important;
  background-color: #cceaf5;
  padding: 3px;
  top: -13px;
  border-radius: 30px;
  border: solid 1px #e5e5e5;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
}
.prj_select_loading{
    width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    height: 95%;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #666;
    display: none;
}
.timer_projectSelect{
    position: relative;
}
.timer_prj_loader .prj_select_loading{
    display: flex;
}
.geo_ftch_map_section{
    width: 100%;
    display: inline-block;
    padding: 10px;
    height: 98%;
    background-color: #fff;
    border-radius: 3px;
    position: relative;
}
.geo_fetch_main_sec .overview_top_quick_box{
    flex-direction: column;
    justify-content: center;
}
.geo_fetch_main_sec .overview_top_quick_box .overview_top_quick_box_cnt{
    text-align: center;
}
.geo_fetch_main_sec .task_qck_bx_info{
    position: absolute;
    right: 8px;
    top: 8px;
}
.geo_fetch_main_sec .overview_top_quick_box_ico img {
    width: 80%;
}
.map_canvas{
    height: 100%;
}
.custom-label {
    background: rgba(255, 255, 255, 0.8);
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 12px;
    text-align: center;
}
.map_user_detail_section{
    width: 100%;
    display: inline-block;
    margin-top: 0px;
    padding: 0 10px;
}
.map_user_detail_box{
    width: 100%;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    height: 98%;
    margin-bottom: 0px;
}
.map_user_detail_box_cnt{
    width: 100%;
    display: inline-block;
    padding: 10px;
    overflow: auto;
}
.map_user_detail_box_cnt_row{
    display: inline-block;
    font-size: 14px;
    width: 100%;
}
.map_user_detail_user_progress .progress{
    margin: 0;
    height: 4px;
}
.map_user_detail_section .row{
    display: flex;
    flex-wrap: wrap;
}
.map_user_detail_box .over_view_dnd_legelnd strong{
    width: 100%;
    display: inline-block;
}
.geo_fetch_user_log{
    width: 100%;
    display: inline-block;
    background-color: #fff;
    padding: 10px;
}
.geo_fetch_user_log th{
    padding: 5px 0;
    border-bottom: 1px #f3f3f3 solid;
    font-weight: 500;
}
.geo_fetch_user_log td{
    border-bottom: 1px #f3f3f3 solid;
    padding: 5px 0;
}
.map_user_detail_box_cnt table{
    width: 100%;
    min-width: 290px;
}
.map_user_detail_box_cnt table th{
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px #e5e5e5 solid;
}
.map_user_detail_box_cnt table td{
    padding: 7px 0;
    border-bottom: 1px #f3f3f3 solid;
}
.map_user_detail_box_cnt table .prj_member_ico{
    margin-left: 0;
}
.map_user_detail_box_cnt table tr:last-child td{
    border: 0;
}
.billview_section_top_date{
    position: relative;
}
.edit_bill_field_btn{
    position: absolute;
    width: 30px;
    height: 30px;
    left: -27px;
    top: 0px;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0px 0px 10px #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9;
    border: solid 1px var(--primary-color);
}
.edit_bill_show_box{
    width: 300px;
    height: auto;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    border: solid 1px #e5e5e5;
    box-shadow: 0px 0px 50px #ededed;
    position: absolute;
    top: 20px;
    left: 0;
    border-radius: 5px;
    z-index: 9;
    text-align: left;
}
.billview_cnt_addreess .edit_bill_show_box{
    left: 30px;
}
.billview_section_top_logo .edit_bill_show_box{
    right: 10px;
    left: inherit;
}
.edit_bill_show_box_row{
    width: 100%;
}
.edit_bill_show_box_row label{
    font-size: 13px;
    margin: 0;
}
.edit_bill_show_box_row .form-control{
    height: 34px;
}
.edit_bill_show_box_row textarea.form-control{
    height: 100px;
}
.to_company_logo_placeholder{
    font-size: 35px;
    color: #f1f1f1;
}
.invoice_no_select{
    border: 0;
    font-size: 16px;
    color: #242424;
    border-bottom: 1px #fff solid;
}
.invoice_no_select:hover{
    border-bottom: 1px #e5e5e5 solid;
}

.edit_bill_show_box_btn_row{
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: start;
    padding: 10px 0;
}
.save_bill_show_box_data_btn{
    width: auto;
    padding: 5px 20px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    border: 0;
}
.close_bill_show_box_data_btn{
    width: auto;
    padding: 5px 20px;
    background-color: #666;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    border: 0;
}
.edit_bill_field_btn{
    display: none;
}
.billview_section_top_date:hover .edit_bill_field_btn{
    display: flex;
}
.billview_cnt_addreess span:hover .edit_bill_field_btn{
    display: flex;
    left: 0;
    top: -4px;
    bottom: inherit;
}
.billview_section_top_logo:hover .edit_bill_field_btn{
    display: flex;
}
.billview_cnt_addreess span:last-child .edit_bill_field_btn{
    right: -10px;
}
.billview_section_top_logo .edit_bill_field_btn{
    right: -10px;
    left: inherit;
}
.bill_invoice_dtl_section_headding select{
    border: solid 1px #e5e5e5;
}
.project_task_in_billing{
    width: 100%;
    display: inline-block;
    padding: 3px 20px;
    border: 1px #e5e5e5 solid;
    margin-top: 1px;
}
.project_task_in_billing table{
    width: 100%;
}
.project_task_in_billing tr td{
    color: #666;
    font-size: 14px;
    border-bottom: 1px #e5e5e5 solid;
    padding: 6px 0;
}
.project_task_in_billing tr:last-child td{
    border: 0;
}
.project_task_in_billing td p{
    margin: 0;
}
#projectInvoice_modal .project_task_in_billing{
    max-height: 200px;
    overflow: auto;
}
.show_task_col {
    font-size: 13px;
}
.show_task_col label{
    margin: 0;
    padding: 3px 8px;
    border: solid 1px #b4dbff;
    margin-top: 10px;
    background-color: #c3e2ff;
    color: #135895;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 3px;
}
.show_task_col label:hover{
    background-color: #002b4d;
    color: #fff;
}
.show_task_col label input{
    position: absolute;
    left: 6px;
    top: 2px;
}
.show_task_col label.show_task_label i{
    transform: rotateY(160deg);
    position: relative;
    left: 2px;
}

.prj_lst_duration_sc{
    position: relative;
}
#clear_date{
    position: absolute;
    right: 0px;
    top: 25px;
    background-color: #fff;
    border-radius: 3px;
    padding: 5px;
    color: #242424;
    width: 25px;
    height: 34px;
    display: inline-block;
    border: solid 1px #dfdfdf;
    line-height: 17px;
    text-align: center;
    font-size: 19px;
    padding: 0;
    padding-left: 0px;
    padding-top: 8px;
}

/* .edit_bill_field_btn{display: none !important;}
.bill_invoice_dtl_section_headding span:last-child{display: none;}
.project_task_in_billing{display: none;}
.show_task_col{display: none;} */

.prj_pin_btn{
    position: absolute;
    left: 10px;
    top: 10px;
}
.prj_pin_btn i.fa{
    position: absolute;
    left: 5px;
    top: 3px;
    font-size: 17px;
    color: #efefef;
    cursor: pointer;
}
.prj_pin_btn input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.prj_pin_btn input[type="checkbox"]:checked + i {
    color: var(--primary-color);
}
.poject-table tbody td:first-child:hover .prj_pin_btn i.fa{
    color: #ccc;
}
.prj_pin_btn input[type="checkbox"]:checked + i {
    color: var(--primary-color);
}
.poject-table tbody td:first-child:hover .prj_pin_btn input[type="checkbox"]:checked + i{
    color: var(--primary-color);
}
.project_fltr_new .row{display: flex;}
.create_prj_task_Btn{
    display: inline-block;
    margin-bottom: 0px;
    padding: 3px;
    border: solid 1px #bddae5;
    max-width: 122px;
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
}
.create_prj_task_Btn:hover{
    background-color: #dbeaef;
}
.working_on_popup .prj_select_loading{
    height: 37px
}

.timer_hover_project_task_show{
    width: 350px;
    background-color: #e6f4f9;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 55px;
    border-radius: 5px;
    border: solid 2px #d4e5eb;
    display: none;
}
.timer_run_header:hover .timer_hover_project_task_show{
    display: block;
}
.timer_hover_project_task_show::before {
    content: '';
    border-bottom: 20px solid #e6f4f9;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    right: 30px;
    width: 40px;
    top: -20px;
}
.geo_fetch_contant_area{
    width: 100%;
    display: inline-block;
    /* max-height: 307px; */
    /* overflow: auto; */
}
.map_user_detail_box .geo_fetch_contant_area{
    height: 335px;
    overflow: auto;
}
.map_user_detail_box .geo_fetch_contant_area .no-data-found{
    min-height: 290px;
    position: relative;
    background-color: #ffffff;
    margin-bottom: -10px;
}
.geo_fetch_contant_area table{
    width: 100%;
}
.geo_fetch_contant_area table tr {
    border-bottom: 1px #EEF7FA solid;
}
.geo_fetch_contant_area th{
    font-weight: 300;
    color: #000;
}
.geo_fetch_contant_area td{
    padding: 7px 0px;
}
#geo_conf_div{
    margin-top: 20px;
}
.appusage_single .web_time_bar_view2 .total-time li:before{
    top: 15px;
    left: 1px;
}
.task_delete_pop_task_name{
    background-color: aliceblue;
    padding-bottom: 5px;
}
.task_delete_pop_task_name span{
    width: 100%;
    display: inline-block;
    font-size: 12px;
    padding-top: 10px;
}
.task_delete_pop_task_name label{
    width: 100%;
    display: inline-block;
    font-size: 15px;
    color: #000;
}
.geo_location_sec .row{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.geo_location_history{
    height: 100%;
    position: relative;
    padding-bottom: 50px;
}
.geo_location_history .view_all_btn_geo{
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.geo_location_sec .panel-body{border: 0;}
.geo_location_sec .geo_fetch_contant_area{height: 100%;border: 0;}
.geo_fetch_detail_popup .prj_member_ico{margin-left: 0;}
#LocationUserModal{border-radius: 10px !important;overflow: hidden;}
.geo_fetch_detail_popup table td, .geo_fetch_detail_popup table th{padding: 5px 15px;}
.geo_fetch_detail_popup table tr td:first-child{padding: 5px 5px;}
.geo_fetch_detail_popup table tr th:first-child{padding: 5px 5px;}
#LocationUserModal .modal-footer{background-color: transparent !important;}
.geo_fetch_detail_popup table tbody tr:last-child{border: 0;}
#LocationUserModal .modal-body{padding: 0 15px;}
.geo_fetch_detail_popup{max-height: 400px;overflow: auto;}
.kanban_task_bx_head{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 18px;
}
#add_away_modal #row_without_danger .multiselect-item .input-group-btn .btn-default{
   min-height: 35px;
}
.fixed-height .regsiter_usr_lst_fltr .reg_filter_fld .dropdown-toggle.btn{
    font-size: 14px;
    color: #555 !important;
    font-weight: 100;
}
.fixed-height .regsiter_usr_lst_fltr .reg_filter_fld .search-r-form #search::placeholder{
    font-size: 14px;
    color: #555 !important;
    font-weight: 100;
}
#add_schedule_modal .form-group span.error{
    width: 100%;
    display: inline-block;
    font-size: 14px;
}
.app-usage-indiv #form_date_change .app-usage-indiv2{
    margin:inherit !important;
    margin-left: 0 !important;
    display: flex;
    gap: 5px;
}
.minHourViewSec{
    padding-left:5px;
    border-left: 1px #e5e5e5 solid;
    min-width: 150px;
    text-align: left;
    margin-bottom: 5px;
}
.minHourViewSec .progress-view{
    grid-template-columns: 30px 1fr 30px;
}
.minHourViewSec .progress-view .progress{
    margin: 0;
    height: 5px;
}
.minHourViewSec .progress-view span{
    text-align: left;
}
.minHourViewSec label{
    margin: 0;
    font-size: 11px;
    color: #2e2e2e;
}
.minHourViewSec .progress-view .progress{
    overflow: visible;
    position: relative;
}
.minHourViewSec .progress-view .progress:hover .prj_dtl_progress_spent_view {
    display: block !important;
    bottom: -46px;
    z-index: 9;
}
.minHourViewSec  .progress-view .prj_dtl_progress_spent_view strong{
    font-size: 13px;
}
.minHourViewSec  .progress-view .prj_dtl_progress_spent_view span{
   text-align: center;
}
.select_users_single_details{
    display: inline-block;
    padding: 0px 0;
    text-align: center;
    margin-left: auto;
    position: relative;
    top: -6px;
}
.select_users_single_details span.select2.select2-container{
    float: left;
    width: 100% !important;
    text-align: left;
}
.select_users_single_details p{
    display: inline-block;
    width: 100%;
    font-size: 12px;
    margin: 0;
    text-align: left;
}
.select_users_single_details select{
    display: inline-block;
    padding: 0;
    text-align: center;
    margin-left: auto;
    position: relative;
    top: -5px;
}
.prj_detail_top_tab_head .select_users_single_details .select2-selection--single{
    padding: 1px 12px;
    height: 26px !important;
    padding-left: 0;
    border-radius: 2px !important;
    width: 100%;
    background-color: #fff !important;
    border: 1px solid #cfdadd !important;
}
.prj_detail_top_tab_head .select_users_single_details .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 16px;
}
.billnig_daterange_box{
    padding: 6px 12px  !important;
    width: 100%;
    color: #58666e !important;
    background-color: #fff;
    border: solid 1px #dee5e7;
    margin-top: 5px;
    padding-right: 26px !important;
}
.billnig_daterange_box:hover{
    background-color: #edf1f2;
}
.prj_lst_duration_sc .btn-default{
    border: solid 1px #dee5e7  !important;
    box-shadow: none !important;
}
.prj_lst_duration_sc .btn-group{
    display: inherit;
}
#tagFilterResetBtn{
    position: relative;
    right: 2px;
    top: 0px;
    background-color: #fff;
    border-radius: 3px;
    padding: 5px;
    color: #242424;
    width: 25px;
    min-width: 25px;
    height: 34px;
    border: solid 1px #dfdfdf;
    line-height: 17px;
    text-align: center;
    font-size: 19px;
    padding: 0;
    padding-left: 0px;
    padding-top: 8px;
}
.modal-header.ui-draggable-handle{
    cursor: move;
    position: relative;
}
.modal-header.ui-draggable-handle::before{
    content: '\f0c9';
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    left: 17px;
    top: 23px;
    height: auto;
    font-size: 20px;
    color: #b5b0b0;
}
.acteff_main_box .efficiency_filter span{
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.supportCreateBox{margin-top: 40px;}
/* .alert{
    font-size: 13px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    position: fixed !important;
    left: 0;
    right: 0;
    max-width: fit-content;
    margin: auto;
    top: inherit;
    bottom: 60px;
    animation: bounceAlert 2s ease infinite;
    text-align:center ;
}
.alert.alert-success {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.alert.alert-danger {
    color: #ffffff;
    background-color: #b30000;
    border-color: #b30000;
} */
.progress-bar.progress-bar-danger.focused{
    border: dashed 1px #007b9b;
    animation: blink 2s ease infinite;
}
.progress-bar.progress-bar-warning.focused{
    border: dashed 1px #007b9b;
    animation: blink 2s ease infinite;
}
.daterangepicker td.in-range { background-color: #d7e2e7 !important;}
.daterangepicker td.active, .daterangepicker td.active:hover{
    background-color: #357ebd !important;
}
.select_users_single_details .select2-container{
    left: inherit !important;
    right: 0px  !important;
}
.select_users_single_details .select2-container--open .select2-dropdown{
    left: inherit;
    right: 0;
    text-align: left;
}
.invoice_right_filter{
    display: flex;
    gap: 10px;
    text-align: left;
}
.invoice_right_filter #tagFilterSec{display: flex;}
.invoice_right_filter #tagFilterSec{display: flex;}

.custom_time_view input[type="checkbox"], .custom_time_view input[type="radio"] {
    display: grid;
    place-content: center;
    width: 15px;
    height: 15px;
  }

  .custom_time_view input[type="radio"]::before {
    content: "";
    width: 13px;
    height: 13px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
  }

  .custom_time_view input[type="radio"]:checked::before {
    transform: scale(1);
    background-color: var(--primary-color);
    mix-blend-mode: color;
  }

  .custom_time_view input[type="checkbox"] {
    position: relative;
    width: 22px;
    height: 12px;
    -webkit-appearance: none;
    background: #c6c6c6;
    outline: none;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);
    transition: 0.7s;
}

.custom_time_view input:checked[type="checkbox"] {
    background: var(--primary-color);
    }

.custom_time_view input[type="checkbox"]:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    top: 0;
    left: 0;
    background: #ffffff;
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: .5s;
    }

.custom_time_view input:checked[type="checkbox"]:before {
    left: 9px;
    }

 .custom_time_view  label.export_list_row{
        margin-bottom: 5px;
}
.demo_popup_btn_row{
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.resend_btn_popup{
    width: 50%;
    height: 100%;
    min-height: 44px;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 10px 10px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 3px;
}
.leaveReportTopSection #form_date_change{display: flex !important;}
.billfield_add_option .custom_time_view{
    right: 0;
    left: inherit;
}
.billfield_add_option .custom_time_view .btn{
    color: #fff;
    border: 0;
}
.billfield_add_option .custom_time_view .btn i{
    color: #fff;
    font-size: 20px;
    padding-top: 4px;
    -webkit-text-stroke: 0.5px #507102;
}
.billfield_add_option .custom_time_view .dropdown-menu{
    color: #242424;
    min-width: 200px;
}
.billfield_add_option .custom_time_view .dropdown-menu  .billview_change_btn{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.billview_change_btn{
    border: 0;
    margin-top: 10px;
    cursor: pointer;
    padding: 5px 20px;
}
.bill_invoice_dtl_section_head button{
    background-color: transparent;
    border: 0;
}
.bill_invoice_dtl_section_head i.fa{
    -webkit-text-stroke: 1px var(--primary-color);
}
.project_invoice_add_description{
    width: 100%;
    display: inline-block;
    padding: 10px;
    background-color: aliceblue;
    border-bottom: 1px dashed #e5e5e5;
}
.project_invoice_add_description button{
    width: auto;
    padding: 2px 5px;
    background-color: #d3eef4;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #141414;
    margin-bottom: 7px;
    border: solid 1px #afd1d9;
}
.project_invoice_add_description_box{
    width: 100%;
    display: inline-block;
    position: relative;
    border: solid 1px #c4d6e6;
    padding: 10px;
}
.project_invoice_add_description_box_close{
    position: absolute;
    right: -10px;
    top: -12px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 15px;
    color: #242424;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 27px;
    border: solid 1px #ccc9c9;
    -webkit-text-stroke: 1px #ffffff;
    cursor: pointer;
}
.billview_footer_total{
    width: 100%;
    display: inline-block;
}
.add_invoice_bottom_dtl{
    width: auto;
    padding: 4px 15px;
    background-color: #ffffff;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #141414;
    margin-bottom: 7px;
    border: solid 1px #e4e4e4;
    display: inline-block;
}
.add_invoice_bottom_dtl_row{
    width: 100%;
    display: inline-block;
    text-align: right;

}
.prj_bill_adjustable_fields{
    width: 100%;
    display: inline-block;
    padding: 3px 0;
}
.prj_bill_adjustable_fields .invoice_dsc_input_{
    border: 0;
    height: 30px;
    border-bottom: 1px #eaeaea solid;
    font-size: 14px;
}
.prj_bill_adjustable_fields .field-row{
    display: flex;
    gap: 10px;
}
.adding_prj_invoice_btm_fld td{
    border: 0 !important;
}
.invoice_remove_field{
    background-color: transparent;
    border: 1px #eaeaea solid;
    -webkit-text-stroke: 1px #ffffff;
    color: #000;
    height: 30px;
    border-radius: 30px;
    width: 30px;
}
.show_row{
    display: table-row !important;
}

.add_invoice_bottom_payment_dtl{
    width: auto;
    padding: 4px 15px;
    background-color: #ffffff;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #141414;
    margin-bottom: 0px;
    border: solid 1px #e4e4e4;
    float: left;
}
.add_invoice_bottom_payment_dtl_box{
    width: 100%;
    display: inline-block;
    /* border: solid 1px #e5e5e5;
    padding: 5px; */
    position: relative;
}

.add_invoice_bottom_payment_dtl_box .form-control{
    border: 0;
    height: 30px;
    border-bottom: 1px #eaeaea solid;
    font-size: 14px;
    border-radius: 0;
    color: #000;
}
.add_invoice_bottom_payment_dtl_box textarea{
    margin-top: 10px;
    height: auto;
    min-height: 100px;
}
.project_invoice_add_pyment_close{
    position: absolute;
    right: -10px;
    top: -12px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 15px;
    color: #242424;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 27px;
    border: solid 1px #ccc9c9;
    -webkit-text-stroke: 1px #ffffff;
    cursor: pointer;
}
.modal-open .modal{
    z-index: 999999;
    background-color: transparent;
}
.billview_currency_selector{
    text-align: right;
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 14px;
    color: #000;
}
.billview_section_box_invoice_number{
    font-size: 14px;
    color: #000;
}
.billview_top_address_section{
    font-size: 14px;
    color: #000;
}
.billview_currency_selector select{
    width: auto;
    padding: 0px 10px;
    border: solid 1px #d2d2d2;
    border-radius: 3px;
    font-size: 13px;
    color: #242424;
    background-color: #fff;
}
.send_invite_chk_btn{display: inline-block;}
.profile_pic_name .media-left{
    width: 100px;
    min-width: 100px;
    height: 100px;
}
.task_cmnt_atch_cnt{
    width: 17px;
    height: 17px;
    border-radius: 30px;
    background-color: #477d97;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    overflow: hidden;
    position: absolute;
    right: -11px;
    top: -9px;
}

#tab_default_2 .project_filter_box .project_member_add .multiselect-container{
    max-height: 400px;
    overflow: auto;
}
body .daterangepicker {
    z-index: 999999 !important;
}
.row-p-0{padding: 0;}
.seting_row_new_2{
    display: flex;
    gap: 10px;
    padding-left: 5px;
    margin-bottom: 15px;
}
.full-head-new .navbar-right .dropdown-menu .panel-footer{
    display: flex;
    padding: 0;
    justify-content: end;
    padding-right: 20px;
    padding-bottom: 6px;
}
#notificationsettings_Modal .modal-content{padding: 0px !important;}
#notificationsettings_Modal .modal-content .modal-title{    font-size: 21px;}
#tagManagement .alert{display: inline-block;width: 100%}
.alert{ z-index: 9999991;}
.archived_row{background-color: #fff8f8;}
.drop_break_none{
    display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
}
.nop_paid_leave_info{
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    color: #bb0000;
}
#notleader_absence_div span{
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
    color: #a94442;
}
.new-alert-design{
    position: fixed;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 60px;
    top: inherit;
    z-index: 99991;
    width: auto;
    max-width: fit-content;
    height: auto;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    animation: bounceAlert 1s;
    padding: 10px 20px;
}

.new-alert-design.alert-success {
    background-color: var(--primary-color);
    color: #fff;
}
.new-alert-design.alert-danger {
    background-color: #d71313;
    color: #fff;
}
.modal-center-new .modal-dialog {
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#add_away_modal .form-group{
    display: inline-block;
    width: 100%;
}
#leader_absence_div{padding: 0 !important;}
.prj_clear_btn_inlast{
    position: absolute;
    right: 15px;
    top: 12px;
}
.showHidePrjTagDate{
    padding: 2px 5px;
    border: solid 1px #e5e5e5;
    margin-top: -4px;
}
.PrjTagDateSec{
    width: 100%;
    display: none;
    gap: 15px;
}
.PrjTagDateSecShow{
    display: flex;
}
.prj_invoice_view_table_row .project_invoice_add_description{
  border: 0;
  margin-top: -7px;
}
.prj_invoice_view_table_row  .project_invoice_add_description_box{
    border: 0;
}
.bill_invoice_dtl_section_content_main_row{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 5px;
    border: solid 1px #c4d6e6;
}
.enter_prefix_input{
    border-bottom: 1px #ccc solid !important;
}
.time_request_type_parent{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 0px;
    background-color: #fff;
    border-radius: 0;
    padding: 4px;
    border: solid 1px #e9e9e9;
}
.time_request_type_parent .form-group{
    margin-bottom: 0;
    position: relative;
    padding: 2px;
    padding-bottom: 0;
    margin-top: 0px;
    border-top: solid 1px #e9e9e9;
}
.time_request_type_parent .timeAtWorkBtnRow{
    padding: 0;
    border: 0;
    margin-bottom: -5px;
    margin-top: 0;
    height: 44px;
}
.timeAtWorkBtnRow{
    width: 100%;
}
.timerequestTypeSel{
    width: auto;
    padding: 8px 10px;
    border: 0;
    color: #838383;
    font-size: 13px;
    background-color: transparent;
}
.timerequestTypeSel.active{
    color: #537404;
    background-color: #faffec;
    border: solid 1px #e2edc3;
    border-bottom: var(--primary-color) 3px solid;
    margin-bottom: -1px;
}
.time_request_type_parent #timeAt-work-reqType{
    padding-top: 7px;
}
.time_request_type_parent #timeAt-work-reqType label{
    font-size: 13px;
}
.time_request_type_parent #timeAt-work-reqType .form-control{
    padding: 5px;
    height: 27px;
    font-size: 13px;
}
.btn-offline.timerequestTypeSel.active{
    color: #320000;
    background-color: #ffe9e9;
    border: solid 1px #ffdada;
    border-bottom: #b90000 3px solid;
}
.fileupload.fileupload-new{
    position: relative;
}
.fileupload .thumb{
    position: static;
    min-width: 170px;
}
.noLogoText{
    position: absolute;
    left: 150px;
    top: 35px;
    font-size: 20px;
    color: #a5a5a5;
}
.user-edit-image-buttons .clear{
    min-width: 140px;
}
.fileupload.fileupload-new .btn{
    margin-left: -15px;
    padding-left: 20px;
}
.nologoBillView{
    width: 100%;
    display: inline-block;
    text-align: right;
    font-size: 25px;
    color: #bdbdbd;
}
.mobile_number_view{
    padding: 0px 3px;
    border:solid 1px #e5e5e5;
}
.mobile_number_view .form-control{
    border-radius: 0;
    border: 0;
    border-bottom: 1px #e5e5e5 solid !important;
}
.mobile_number_view .chck_area{
    padding-left: 10px;
    margin: 0;
    margin-top: 2px;
    margin-bottom: -1px;
}
#mobile_no-error {
    display: none;
}
.request_to_type_view{
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px !important;
}
.request_to_type_view label{
    margin: 0;
}
.request_to_lft_bx{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.request_frm_right_bx{
    font-size: 14px;
    white-space: nowrap;
}
.request_selection_btn{
    background-color: #fff;
    border: solid 1px #e5e5e5;
    color: #666;
    font-size: 14px;
    padding: 6px 10px;
    position: relative;
}
.request_selection_btn:hover{
    background-color: #f0f9e5;
    border-color: #c5e3a1;
}
.request_selection_btn.active{
    border-color: #c5e3a1;
    background-color: #f0f9e5;
    color: #4d6c00;
}
.request_selection_btn.active:after{
    width: 20px;
    height: 20px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 30px;
    position: absolute;
    top: -7px;
    left: -8px;
    content: '\f00c';
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 11px;
    text-rendering: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
}
.offline_btn.active{
    background-color: #f9e5e5;
    border-color: #e3a1a1;
    color: #6a0000;
}
.offline_btn.active:after{
    background-color: #b50404;
}
.offline_btn:hover{
    background-color: #f9e5e5;
    border-color: #e3a1a1;
}
.margin-0{margin: 0;}
.delete_modal_cnt{
    width: 100%;
    display: inline-block;
    padding: 10px;
    border-bottom: 1px #e5e5e5 solid;
}
.delete_modal_cnt h4{
    margin-bottom: 5px;
    color: #000;
}
.delete_modal_cnt p{font-size: 14px;}
.team_name_show{
    color: var(--primary-color);
}
.full_width{
    width: 100%;
    display: inline-block;
}
.remove_tream_btn{
    width: auto;
    padding: 5px 20px;
    border-radius: 5px;
    background-color: #FFE0E0;
    text-align: center;
    border: 0;
    color: #6F0000;
}
.remove_tream_btn:hover{
    background-color: #F5C8C8;
}
.assigned_prj_show_box{
    width: 100%;
    display: inline-block;
    border: 1px #e5e5e5 solid;
}
.assigned_prj_show_box_head{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    color: #000;
    border-bottom: 1px #e5e5e5 solid;
}
.assigned_prj_show_box_lst{
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
    max-height: 150px;
    overflow: auto;
    line-height: 27px;
    font-size: 13px;
    color: #000;
}
.assigned_prj_show_box_lst ul{
    padding: 0;
    list-style: none;
}
.assigned_prj_to_memeber{
    width: 100%;
    padding: 10px 10px;
    border-top: 1px #e5e5e5 solid;
    font-size: 14px;
    color: #000;

}
.assigned_prj_to_memeber .assigned_prj_to_memeber_bx{
    display: flex;
    max-width: 300px;
    white-space: nowrap;
    gap: 3px;
    margin-top: 10px;
}
.assigned_prj_to_memeber select{
    width: auto;
    padding: 5px 10px;
    border: solid 1px #DBDBDB;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
}
.assigned_prj_show_box #transferOwnerBtn{
    background-color: #E6F4C2;
    padding: 6px 10px;
    font-size: 14px;
    color: #000;
    border: solid 1px #DBDBDB;
    border-radius: 3px;
    margin-left: 3px;
    margin-bottom: 10px;
    cursor: pointer;
}
.assigned_prj_show_box #transferOwnerBtn:hover{
    background-color: #D8EAAD;
}
.disable_option{
    opacity: 0.2;
    pointer-events: none;
}
.table_row_mob-remove-brd .appusage-view1 td{color: #242424;}
.assigned_prj_show_box #transferOwnerBtn.successBtn{
    background-color: var(--primary-color);
    color: #fff;
    pointer-events: none;
    font-size: 15px;
}
.transferOwnershipBtn{
    border: 0;
    background-color: transparent;
    margin-left: 10px;
}
.transferOwnershipBtn img{
    width: 21px;
    position: relative;
    top: -1px;
    opacity: 0.7;
}
.add_time_mnl{
    padding: 2px 5px;
    height: 17px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
    color: #919191;
    max-width: 20px;
    margin: auto;
}
.team_filter_in_team_page{
    background: #ffffff87;
    box-shadow: 4px 4px 4px rgb(149 149 149 / 6%);
    border-radius: 4px;
    width: 100%;
    height: auto;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    display: flex;
    position: relative;
}
.team_filter_in_team_page .form-group {margin: 0;max-height: 35px;}
.team_filter_in_team_page .form-group select {margin: 0;max-height: 35px;}
.team_filter_in_team_page .col-md-2{min-width: 180px;padding-left: 0;}
.team_filter_in_team_page .filter_hd_n{
    position: absolute;
    left: 6px;
    top: -1px;
    z-index: 9;
    font-size: 14px;
    background-color: #fff;
    padding: 0 5px;
    height: 3px;
    line-height: 0;
}
.jira_usr_setup .download_sample_user_lst_bx{background-color: #f5f6f7;margin: 10px 0;}
.jira_usr_setup .download_sample_user_lst_bx button{
    margin: 5px 0;
    border: solid 1px #d4ecff;
    background-color: #e4f3ff;
    padding: 1px 10px;
    color: #000000;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 14px;
}
.jira_usr_setup form {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 0px;
    background-color: #ffffff;
    padding: 5px;
    border: solid 1px #dfdfdf;
    position: relative;
    margin-bottom: 20px;
}
.jira_usr_setup input[type="file"] {
    margin-top: 4px;
    width: 100%;
    display: inline-block;
}
.jira_usr_setup button {
    border: solid 1px #d4ecff;
    background-color: #f3ffe5;
    padding: 5px 20px;
    color: #000000;
    border-radius: 5px;
    white-space: nowrap;
}
.added_account_row p{margin: 0}
.jira_usr_setup form .alert{
    width: 100%;
    position: absolute;
    bottom: -45px;
    padding: 0 5px;
    left: 0;
}
.tag_view_dsgn_jira_cnt{
    width: auto;
    display: inline-block;
    padding: 0px 8px;
    background-color: #e6f3ff;
    border-radius: 5px;
}
.flatpickr-calendar.open{
    z-index: 9999991 !important;
}
.ui-autocomplete{z-index: 9999991 !important;}
.bulk_productivity_change_btn{
    margin-left: 8px;
    height: 32px;
    border-radius: 5px;
    line-height: 18px;
}
.app_search_prdvity_pop{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
.app_search_prdvity_pop .btn-success{
    position: absolute;
    right: 3px;
    top: 3px;
    border-radius: 5px;
}
.app_search_prdvity_pop #searchApps{
    padding-right: 65px;
}
#bulkUpdateProductivityModal .modal-dialog{
    max-width: 400px;
}
#bulkUpdateProductivityModal .multiselect{
    text-align: left;
    height: 38px;
    box-shadow: none;
    border-color: #e7e7e7;
}
#bulkUpdateProductivityModal .error-message{
    font-size: 13px;
}
#bulkUpdateProductivityModal #appNameSection{
    width: 100%;
    float: left;
    max-height: 100px;
    overflow: auto;
}
#bulkUpdateProductivityModal #appNameSection span{
    width: auto;
    display: inline-block;
    background-color: aliceblue;
    padding: 2px 8px;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 13px;
    color: #000;
    border: solid 1px #e5e5e5;
    border-radius: 20px;
}
#bulkUpdateProductivityModal #appNameSection i.fa{
    -webkit-text-stroke: 1px #f0f8ff;
}
#bulkUpdateProductivityModal h3.modal-title{font-size: 20px;}
.this_app_using_users_view{
    position: relative;
    display: inline-block;
    padding: 0 5px;
    color: #666;
    cursor: pointer;
    top: -2px;
}
.app_category_app_using_users_dtl_box{
    position: absolute;
    width:110%;
    min-width: 300px;
    max-width: 350px;
    height: 280px;
    background-color: #fff;
    border-radius: 3px;
    border: solid 1px #e5e5e5;
    right: 0;
    top: 20px;
    z-index: 9;
    padding: 15px;
    padding-top: 5px;
    box-shadow: 10px 10px 10px #0000000f;
    display: none;
}
.app_category_app_using_users_dtl_box table{
    width: 100%;
}
.app_category_app_using_users_dtl_box table th, .app_category_app_using_users_dtl_box table td{
    border-bottom: 1px #f1f1f1 solid;
    color: #242424;
    padding: 7px 0;
}
.app_category_app_using_users_dtl_box table tr:last-child td{
    border: 0;
    white-space: nowrap;
}
.app_category_app_using_users_dtl_box table td:last-child{
    text-align:right;
}
.app_category_app_using_users_dtl_box table .progrss-value{
    width: 100%;
}
.this_app_using_users_view h4{
    color: #000;
    border-bottom: 1px #dfdfdf solid;
    padding-bottom: 10px;
}
.app_using_users_view_pop_close {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    right: 7px;
    top: 9px;
    border: solid 1px #e5e5e5;
    border-radius: 30px;
    line-height: 28px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
}
.app_category_app_using_users_dtl_box_scrl{
    width: 100%;
    display: inline-block;
    max-height: 220px;
    overflow: auto;
}
.team_view_page_sec{
    width: 100%;
    display: inline-block;
    background-color: #ffffff6b;
    border-radius: 3px;
    border: solid 1px #e5e5e58a;
}
.team_filter_in_team_page .btn-group > .btn:first-child{text-align: left;box-shadow: none;border: solid 1px #e5e5e5;max-height: 40px;}
.app_category_app_using_users_dtl_box .app_category_app_using_users_dtl_box_scrl .prj_member_ico{margin-left: 0;margin-right: 5px;}
#app_modal .word-break-spanR3{
    position: relative;
}
#app_modal .word-break-spanR3 .this_app_using_users_view{
    position: absolute;
    right: 0;
    top: inherit;
    bottom: 15px;
}
#app_modal .word-break-spanR3 .progrss-value{
    padding-right: 30px;
}
.overview_page_export_btn{
    width: 80px;
    float: right;
    margin-top: 12px;
    position: absolute;
    right: 15px;
}
.overview_page_export_btn .new_exprt_btn{
    padding: 5px 4px;
}
.app_category_app_using_users_dtl_box .app_usn_users{
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.inactive_detect_added_category_bx_hd{
    width: auto;
    display: inline-block;
    margin-top: 10px;
}
.inactive_detect_added_category_bx{
    width: 100%;
    display: inline-block;
    padding: 10px;
    border: solid 1px #e5e5e5;
}
.inactive_detect_added_category_bx_scrl{
    width: 100%;
    display: inline-block;
    max-height: 500px;
    overflow: auto;
}
.inactive_detect_added_list_table{
    width: 100%;
    margin-bottom: 5px;

}
.inactive_detect_added_category_bx_scrl_row table{
    width: 100%;
}
.inactive_detect_added_list_table th{font-weight: normal;border-bottom: 1px #e5e5e5 solid;padding-bottom: 5px;color: #000;font-size: 14px}
.inactive_detect_added_category_bx_scrl_row td{padding: 5px 0;border-bottom: 1px #f3f3f3 solid;font-size: 14px;color: #242424;}
/* .inactive_detect_added_category_bx_scrl_row tr:last-child td{border: 0;} */
.added_categories_action_dv{
    display: flex;
    gap: 10px;
    justify-content: end;
    padding-right: 15px;
    position: relative;
}
.added_categories_action{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #0000000a;
    color: #000;
    font-size: 14px;
}
.added_categories_action:hover{
    background-color: var(--primary-color);
    color: #fff !important;
}
.view_more_btn_category {
    display: inline-block;
    margin-top: 5px;
    color: #4B6A00 !important;
    cursor: pointer;
}
.categories_max_height_dv {
    max-height: 40px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.categories_max_height_dv.expanded {
    max-height: none;
}
.added_categories_action_dv .multitask_ass_delete{
    right: 60px;
    top: 0px;
}
.added_categories_action_dv .multitask_ass_delete::before{
    transform: rotate(90deg);
    left: inherit;
    right: -15px;
    top: 9px;
}

.generated_files_view_div{
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    max-height: 400px;
    overflow: auto;
}
.generated_files_view_div .exportdropdown_type_box{
    min-width: 161px;
    height: 97px;
    margin-bottom: 0px;
}
.app-usage-indiv .exportdropdown_type_selection p{
    margin-bottom: 5px;
    color: #000;
    font-size: 15px;
}
.generated_files_view_div .exportdropdown_type_box p{
    font-size: 12px;
    color: #666;
}
.detailed_export_div_sc .export-dropdow-new{
    min-width: 550px;
}
.hint_disc{
    width: 100%;
    display: inline-block;
    padding: 10px;
    background-color: #f0f7e0;
    font-size: 12px;
    margin-bottom: 12px;
}
.hint_disc p{
    margin: 0 !important;
    color: #000;
    font-size: 13px !important;
}

.loader-exl-report {
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    padding: 1px;
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .detailed_export_div_sc .export-dropdow-new .GenerateReportBtn{
    margin-bottom: 5px !important;
  }
  .loader-exl-report:before {
    content: "";
    border: 1px solid #fff;
    border-radius: 10px;
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
  }
  .loader-exl-report .loaderBar {
    position: absolute;
    border-radius: 10px;
    top: 11px;
    right: 100%;
    bottom: 0;
    left: 0;
    background: var(--primary-color);
    width: 0;
    animation: borealisBar 2s linear infinite;
    height: 2px;
  }
  .loader-exl-report  span{
    position: relative;
    background-color: #fff;
    z-index: 9;
    padding: 2px 20px;
    padding-left: 0;
    color: var(--primary-color);
  }
  .generated_files_download_delete_btn_row{
    width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    bottom: -500px;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: 0.2s ease-in-out;
  }
  .generated_files_download_delete_btn_row a{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 15px;
    border-radius: 50px;
    justify-content: center;
  }
  .generated_files_download_delete_btn_row a:last-child{
    background-color: #9f0000;
  }
  .generated_files_download_delete_btn_row a:hover{
    background-color: #537404 !important;
  }
  .exportdropdown_type_box:hover .generated_files_download_delete_btn_row{
    background-color: #ffffffa1;
    bottom: 0;
  }
  .detaild_report_view2 {
    display: flex !important;
    gap: 5px ;
    max-width: 250px;
  }
  .detaild_report_view2 .btn{
    margin: 0 !important;
  }
  .attendance_export_btn_row .detaild_report_view2{
    position: absolute;
    right: 10px;
    top: 0px;
    display: flex !important;
    gap: 5px;
    justify-content: center;
  }
  .desklog-time-bar .progress-bar.progress-bar-warning {
    transition: transform 0.3s ease-in-out;
  }
  .desklog-time-bar .progress-bar.progress-bar-danger {
    transition: transform 0.3s ease-in-out;
  }
  #aside.app-aside{
   padding-bottom: 100px;
  }
  .download_app__btn_left_menu {
    position: fixed;
    left: 0;
    bottom: 0;
    width: auto;
    min-width: 40px;
    padding: 5px;
    text-align: center;
    color: #575757;
    border: 1px #e5e5e5 solid;
    cursor: pointer;
    background-color: aliceblue;
    z-index: 5;
}
.download_app__btn_left_menu span{display: none;transition: 0.8s ease-in-out;}
.download_app__btn_left_menu:hover{width: 245px; display: flex ; align-items: center; gap: 10px;}
.download_app__btn_left_menu:hover span{display: block;}
.download_app__btn_left_menu .fa-download{padding-top: 4px;}
.download_app_btn_active.download_app__btn_left_menu{width: 250px; display: flex ; align-items: center; gap: 10px;}
.download_app_btn_active.download_app__btn_left_menu span{display: block;}

.download_app_popup{
    width: 300px;
    height: 450px;
    background-color: #fff;
    padding: 10px;
    position: fixed;
    left: 250px;
    z-index: 9999;
    bottom: 2px;
    box-shadow: 0px 0px 30px #00000012;
    border: solid 1px #e5e5e5;
    display: none;
}
.download_app_popup h4, .download_app_popup h5{
    width: 100%;
    display: inline-block;
    color: #000;
    margin-bottom: 15px;
}
.download_app_popup_desktop_sec{
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}
.download_app_popup_desktop_sec i{
    color: var(--primary-color);
    margin-right: 5px;
}
.download_app_popup_desktop_sec ul{
    width: 100%;
    display: inline-block;
    padding: 0;
    list-style: none;
}
.download_app_popup_desktop_sec li{
    width: 100%;
    display: inline-block;
    padding: 10px 5px;
    color: #000;
    border-bottom: 1px #e5e5e5 solid;
}
.download_app_popup_desktop_sec li a{
    color: #000;
    transition: 0.2s ease;
    width: 100%;
    display: inline-block;
}
.download_app_popup_desktop_sec li a:hover{
    margin-left: 5px;
}
.download_app_popup_desktop_sec .dropdown-toggle{
    border: 0;
    background-color: transparent;
    padding: 0;
    width: 100%;
    display: inline-block;
    text-align: left;
}
.download_app_popup_desktop_sec .dropdown-menu {
    width: 104%;
    top: 8px !important;
    left: -5px !important;
    box-shadow: -1px 5px 5px #0000001c;

}
.download_app_popup_desktop_sec .dropdown-menu a{
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
}
.download_mob_app_box_tab_section{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.download_mob_app_box_tab_section a{color: #666;font-size: 13px;}
.download_mob_app_box_tab_section a.active{
    color: var(--primary-color);
    border-bottom: 1px var(--primary-color) solid;
}
.download_mob_app_box_tab_cnt{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}
.download_mob_app_box_tab_cnt img{
    width: 100%;
    max-width: 110px;
    border: solid 3px #fff;
}
.download_mob_app_box_tab_cnt p{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    margin-top: 10px;
}
.close_app_pop{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #666;
}
.close_app_pop i{
    -webkit-text-stroke: 2px white;
}
.work_project_comparison  .graph_prj_box #taskDtlDn{
    z-index: inherit;
}
.app-aside-folded .download_app_popup{left: 60px;}
.app-aside-folded .download_app__btn_left_menu{min-width: 10px;width: 58px;font-size: 0;bottom: 40px;display: block !important}
.app-aside-folded .download_app__btn_left_menu i.fa{font-size: 15px;}
.app-aside-folded .download_app__btn_left_menu i.fa-angle-right{display: none;}
.generate_excel_progress_cnt{
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.generate_excel_progress_cnt .generate_excel_progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}
.generate_excel_progress_cnt .progress{
    margin: 0;
    height: 2px;
    width: 100%;
    transition: 0.5s ease-in-out;
}
.generate_excel_progress_cnt .generate_excel_progress_percentage{
    font-size: 13px;
    text-align: right;
}
.kanban_task_bx_head{
    max-width: 100%;
    display: inline-block;
}
.new_date_selection_field_box_main.p-0{
    padding: 0;
}
.time_clock_ico{
    position: absolute;
    right: 25px;
    top: 45px;
    z-index: 9;
}
.time_request_pop_time .new_date_selection_field_box_main .form-control{
    font-size: 15px;
    color: #000;
}
.onboard_frst_popup .new_date_selection_field_box{ position: static; padding: 0; background-color: transparent; box-shadow: none; border: 0;}
.onboard_frst_popup .new_date_selection_field_box_frmt{ height: 62px;}
.timeline_add_column_btn.project_task_page_add_clmn{
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 7;
    right: 2px;
    top: 10px;
    border: solid 1px #f1f1f1 !important;
    padding-top: 5px;
    border-left: 2px #e5e5e5 solid !important;
}
.timeline_add_column_btn.project_task_page_add_clmn .dropdown-toggle{
    border: 0;
}
.main-table-project-task .subtaskTableDrag.nested-table-project-sub-task .prj_members_boxs_row_dtl .prj_member_ico{margin-left: 0 !important;}
.main-table-project-task .subtaskTableDrag.nested-table-project-sub-task  .task_act_btn_sec{padding-left: 10px;}
.main-table-project-task .subtaskTableDrag.nested-table-project-sub-task  .quick_task_bill_on{padding-left: 0 !important;width: 30px !important;}
.main-table-project-task .subtaskTableDrag.nested-table-project-sub-task  .prj_members_boxs_row_dtl .select2-container{    margin-right: -50px;}

.employee_wellness_module{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.employee_wellness_module_enable_main_section{
    width: 100%;
    display: inline-block;
    padding: 10px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
}
.employee_wellness_module_enable_main_section p{
    margin: 0
}
.employee_wellness_activities_area_box{
    width: 100%;
    display: inline-block;
    padding: 10px;
    padding-bottom: 0;
    border: solid 1px #e5e5e5;
    border-bottom: 0;
    background-color: #fff;
    margin-top: 5px
}
.employee_wellness_module_row{
    width: 100%;
    display:flex;
    gap: 10px;
    position: relative;
}
.employee_wellness_module_label{
    width: 100%;
    max-width: 400px;
    display: inline-block;
    color: #000;
}
.employee_wellness_module_label label{margin: 0;}
.employee_wellness_module_label p{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #666;
}
.border_right_wellness:before{
    content: '';
    border-right: 1px #e5e5e5 solid;
    position: absolute;
    right: 0;
    height: 70%;
    top: 10%;
}
.employee_wellness_activities_area{
    width: 100%;
    display: inline-block;
    padding: 10px;
    border: solid 1px #e5e5e5;
    margin-bottom: 15px;
     border: solid 1px #e1e1e1;
    box-shadow: 0 4px 5px #ebebeb;
    background-color: #fff;
}
.employee_wellness_activities_area_row{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.employee_wellness_activities_card{
    width: auto;
    padding: 10px;
    border: solid 1px #e1e1e1;
    box-shadow: 0 4px 10px #ebebeb;
    display: flex;
    gap: 10px;
    font-size: 15px;
    transition: 0.2s ease-in-out;
}
.employee_wellness_activities_card:hover{
    border: solid 1px var(--primary-color);
}
.employee_wellness_activities_card span{
    color: #000;
}
.employee_wellness_activities_card .dropdown-toggle{white-space: nowrap;}
.employee_wellness_activities_card_btn{height: 23px;}
.employee_wellness_activities_card_btn{
    width: auto;
    border-radius: 30px;
    border: solid 1px #CECECE;
    padding: 2px 7px;
    font-size: 12px;
    text-decoration: none;
    background-color: aliceblue;
}
.employee_wellness_activities_card_btn:hover{
    background-color: var(--primary-color);
}
.employee_wellness_activities_card_btn:hover .dropdown-toggle{
    color: #fff;
}
.employee_wellness_activities_area h3{
    margin-top: 0;
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 15px;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 5px;
    color: #000;
}
.employee_wellness_activities_card_btn .dropdown-menu{
    left: inherit !important;
    right: -10px;
    top: 2px !important;
}
.employee_wellness_activities_card_btn .dropdown-item{
    width: 100%;
    display: inline-block;
    padding: 7px;
}
.employee_wellness_activities_card_btn .dropdown-item:hover{
    background-color: var(--primary-color);
    color: #fff;
}
.employee_wellness_break_box_row{
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}
.employee_wellness_break_box_row .col-md-6:first-child{
    padding-right: 5px;
}
.employee_wellness_break_box_row .col-md-6:last-child{
    padding-left: 5px;
}

.employee_wellness_break_box_cnt{
    width: 100%;
    display: inline-block;
    height: 350px;
    overflow: auto;
    position: relative;
    padding-bottom: 30px
}
.employee_wellness_break_box{
    width: 100%;
    display: inline-block;
    padding: 10px;
    border: solid 1px #e1e1e1;
    box-shadow: 0 4px 10px #ebebeb;
    background-color: #fff;

}
.employee_wellness_break_box_head{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: -5px;
}
.employee_wellness_break_box_head_right{
    width: auto;
    display: flex;
    float: right;
    justify-content: end;
    gap: 10px;
}
.employee_wellness_break_box_head_right_time{
    width: auto;
    display: flex;
    float: right;
    justify-content: end;
    position: relative;
}
.employee_wellness_break_box_head_right_time strong{
    font-weight: 300;
    color: #000;
}
.employee_wellness_break_box_head_right a{
    height: 100%;
    display: inline-block;
    background-color: #E2EBC8;
    padding: 14px 10px;
}
.employee_wellness_break_box_head_right span{
    width: auto;
    padding: 2px 6px;
    background-color: #EFF4E2;
    border-radius: 3px;
    min-width: 100px;
    text-align: center;
    color: #000;

}
.strict_enable_section .employee_wellness_break_box_head_right_time{
    width: auto;
    padding: 2px 6px;
    background-color: #EFF4E2;
    border-radius: 3px;
    min-width: 100px;
    text-align: center;
    color: #000;
}
.employee_wellness_break_box_head_right p{
    width: 100%;
    display: inline-block;
    margin: 0;
    font-size: 12px;
    color: #000;
}
.employee_wellness_break_box_head h3{
    margin-top: 0;
    font-weight: 400;
    color: #000;
    font-size: 17px;
    margin-bottom: 0;
}
.employee_wellness_break_box{
    width: 100%;
    display: inline-block;
    border: solid 1px #e1e1e1;
    box-shadow: 0 4px 5px #ebebeb;
    position: relative;
}
.employee_wellness_break_box .employee_wellness_break_box{
    margin-bottom: 10px;
}
.employee_wellness_break_box_cnt .employee_wellness_break_box{
    padding-left: 35px;
    padding-right: 50px;
    cursor: move;
    margin-bottom: 10px;
}
.employee_wellness_break_box h6{
    font-size:14px;
    margin: 0;
    color: #000;
}
.employee_wellness_break_box p{
    font-weight: 100;
    color: #8f8f8f;
    margin: 0;
    font-size: 13px;
}
.employee_wellness_break_box_delete{
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.employee_wellness_break_box_delete i{
    -webkit-text-stroke: 1px #fff
}
.show_duration_interval_enter_field{
    width: 100%;
    position: absolute;
    bottom: -39px;
    background-color: #fff;
    z-index: 8;
    padding: 5px;
    padding-right: 30px;
    box-shadow: 0px 4px 10px #0000002b;
}
.duration_interval_time_submit{
    color: #fff;
    background-color: var(--primary-color);
    border: 0;
    padding: 5.5px 8px;
    position: absolute;
    right: 0;
    top: 5px;
}
.employee_wellness_break_box_head_right_time select.form-control{
    padding-right: 23px;
    padding-left: 6px;
    min-width: 130px;
}
.employee_wellness_activities_area_box .strict_enable_section{
    border-bottom:1px #e5e5e5 solid;
    padding-bottom: 5px;
    margin: 0 -10px;
}
.employee_wellness_activities_area_box.disabled{opacity: 0.7;background-color: whitesmoke;user-select: none}
.employee_wellness_activities_area_box.disabled .employee_wellness_break_box{
    background-color: #f1f1f1
}
.employee_wellness_break_box_head_right_time_select{
    width: 100%;
    display: flex;
}
.employee_wellness_break_box_head_right_time_select span{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
}
.break_box_head_right_time_select_change_btn{
    width: auto;
    padding: 2px 8px;
    background-color: #ffffff;
    font-size: 15px;
    height: 27px;
    color: #000;
    margin-top: 0px;
    border: solid 1px #d8e3bd;
}
.break_box_head_right_time_select_change_btn:hover{
    background-color: #edfdc8
}
.employee_wellness_break_box_cnt .employee_wellness_break_box::before {
    content: "\f0c9";
    width: 16px;
    height: 14px;
    position: absolute;
    left: 10px;
    top: 40%;
    color: #9f9f9f;
    z-index: 1;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
}
.order_card_view{
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 5px;
    color: #000;
    font-size: 13px;
    border-top: 1px #e5e5e5 solid;
    position: absolute;
    left: 0;
    bottom: 4px;
    padding-left: 5px;
    background-color: #fff;
    z-index: 9;
}
.order_card_view label{
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0;
}
.order_card_view input{margin: 0 !important}
.emp_well_Card_nodata{
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 5px;
    justify-content: center;
}
.insight_top_datepicker{
    display: flex;
    align-items: center;
    gap: 5px;;
}
.insight_top_datepicker h4{
    margin: 0;
    font-size: 15px;
}
.insight_top_datepicker .btn{
    position: relative;
    top: -2px;
}
.show_team_leader_position_box{
    width: 100%;
    display: flex;
    gap: 0px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: -6px;
}
.show_team_leader_position_box .text-danger{
    background-color: #ffffff;
    padding: 7px 15px;
    font-size: 14px;
    border: solid 1px #f3f3f3;
    font-weight: 400;
    border-radius: 50px;
    padding-right: 30px;
}
.show_team_leader_position_box p{margin: 0;}
.show_team_leader_position_box button{
    background-color: #cb3a3a;
    padding: 5px 10px;
    color: #ffffff;
    border-radius: 60px;
    font-size: 13px;
    border: solid 1px #fff;
    box-shadow: 0px 1px 5px #e3e3e3;
    position: relative;
    margin-left: -20px;
}
.show_team_leader_position_box button:hover{
    background-color: #8f0909;
    color: #fff;
}
.show_team_leader_position_box button span{
    display: none;
    position: absolute;
    right: -40px;
    background-color: #fff;
    color: #db0000;
    font-size: 12px;
    border-radius: 30px;
    top: 31px;
    padding: 5px 10px;
    padding-left: 11px;
    border: solid 2px #ffffff;
    letter-spacing: 0px;
    box-shadow: 0px 2px 10px #bfbfbf;
    min-width: 120px;
}
.show_team_leader_position_box button:hover span{
    display: block;
}
.kanban_taskstart_end_time_view{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
}
.kanban_taskstart_end_time_view p{
    margin: 0;
    color: #666;
    font-size: 9px;
    margin-bottom: 3px;
}
.kanban_taskstart_end_time_view strong{
    color: #58666e;
    font-size: 12px;
    font-weight: 500;
}
.kanban_taskstart_end_time_view span:last-child{text-align: right;}

.dashboard_center_show_data_section{
    width: 100%;
    height: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    background-image: url(../img/dashboard_view_new_user.jpg);
    background-size: cover;
    font-family: sans-serif;
    flex-direction: column;
}
.dashboard_center_show_data_section h2{
    color: #405b00;
    font-size: 27px;
    margin-bottom: 10px;
    line-height: 40px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    position: relative;
}
.dashboard_center_show_data_section h2::before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 4px;
    background-color: #75a500;
    bottom: -10px;
}
.dashboard_center_show_data_section h2 span{
    font-weight: 500;
    font-size: 25px;
}
.dashboard_center_show_data_section p{
    width: 100%;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #666;
}
.dashboard_center_show_data_box{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.dashboard_center_show_data_section_cnt{
    width: 90%;
    margin: auto;
    text-align: center;
    padding: 25px;
    position: relative;
    top: -100px;
    max-width: 650px;
    background-color: #ffffff2e;
    box-shadow: 0px 4px 20px #00000014;
    margin-bottom: 30px;
}
.disc-list {
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;
    counter-reset: step;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    }
    .disc-list li {
    counter-increment: step;
    /* Increment the list number */
    position: relative;
    width: 150px;
    height: 150px;
    padding: 6px;
    text-align: center;
    border-radius: 50%;
    /* Make it a circle */
    background: #888;
    color: #888;
    display: flex;
    flex-shrink: 0;
    /* Don't allow the discs to squash inside the container */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 1.5rem 1.25rem 1.5rem 1.5rem;
    /* Right margin is the normal width - the border-width */
    overflow: visible;
    }
    .disc-list li p{
        position: absolute;
        top: 180px;
        color: #2d2d2d;
        font-size: 13px;
        font-family: "Poppins", sans-serif;
        line-height: 20px;
        min-width: 170px;
    }
    .disc-list li a{
        color: #253400;
        text-decoration: none;
    }
    .disc-list li:nth-child(1) {
    background: var(--primary-color);
    color: var(--primary-color);
    }
    .disc-list li:nth-child(2) {
    background: #648d00;
    color: #648d00;
    }
    .disc-list li:nth-child(3) {
    background: #405b00;
    color: #405b00;
    }

    .disc-list li span {
        color: #FFF;
        display: block;
        font-weight: 500;
        letter-spacing: 0.5px;
        font-size: 15px;
        line-height: 18px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-family: "Poppins", sans-serif;
        padding-top: 50px;
    }
    .disc-list li span::before {
        content: counter(step);
        display: block;
        font-size: 18px;
        margin-bottom: 0.1rem;
        font-weight: 500;
        position: absolute;
        right: 0;
        left: 0;
        top: 30px;
        width: 35px;
        height: 35px;
        line-height: 36px;
        border-radius: 60px;
        background-color: #ffffff26;
        margin: auto;
    }
    .disc-list li svg {
        position: absolute;
        left: -1.5rem;
        top: -1.5rem;
        bottom: -1.5rem;
        /* Same as the disc-list li margin */
        right: -1.5rem;
        width: 181px;
        height: 181px;
    }
    .disc-list li svg path {
        stroke: currentcolor;
    }

   .nodata_insight_section{
    width: 100%;
    height: 90%;
    display: flex;
   }
  .nodata_insight_section_cnt{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ttl_task_dght_box{
    width: 100%;
    display: inline-block;
  }
  /* .task_totl_values_bx .col-md-3, .task_totl_values_bx .col-md-2{
    margin-top: 15px;
  } */
  .task_totl_values_bx .col-md-3 span, .task_totl_values_bx .col-md-2 span{
    min-width: 10px;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50px;
  }
  .task_totl_values_bx h6{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px #f3f3f3 solid;
    padding-bottom: 10px;
    font-size: 16px;
    color: #242424;
    margin-bottom: 18px;
    font-weight: normal;
    margin-top: 0;
    position: relative;
  }
  .task_totl_values_bx h6:before{
    content: '';
    position: absolute;
    left: -10px;
    top: 2px;
    width: 3px;
    height: 29px;
    background-color: var(--primary-color);
  }
  .task_totl_values_bx .option_view_1{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #242424;
    margin-bottom: 0px;
  }
  .option_view__box{
    width: 100%;
    display: flex;
    gap: 10px;
  }
  .option_view__box_ico{
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #FAFFEC;
    border: solid 1px #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
  }
  .option_view__box_ico img{
    width: 100%;
  }
  .task_volium_box_distrbt{
    padding: 10px;
    width: 100%;
    height: 95%;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 3px 6px 0px #e5e5e552;
    border: solid 1px #f3f3f3;
  }
  .task_volium_box_distrbt .option_view_1{
    width: 100%;
    display: flex;
    gap: 13px;
  }
  .task_volium_box_distrbt_ico{
    border-right: 1px #e5e5e5 solid;
    padding-right: 10px;
        height: 30px;
  }
  .task_volium_box_distrbt strong{
    font-size: 20px;
  }
  .right_tsk_prty_bx .card-body-insight{
    border-radius: 10px;
    box-shadow: 3px 4px 0px #e5e5e533;
    border: solid 1px #f3f3f3;
    min-height: inherit;
    height: 95%;
  }
  .right_tsk_prty_bx .card-body-insight h4{
    margin-top: 0;
  }
  .team_prfl_card_options{
    position: relative;
  }
  .team_prfl_card_options .dropdown-toggle{
    position: absolute;
    right: 0px;
    background-color: transparent;
  }

   .team_prfl_card_options .dropdown-menu{
    margin-left: 10px;
    padding: 0;
    left: inherit !important;
    transform: inherit !important;
    right: 10px;
    top: 30px !important;
   }
   .team_prfl_card_options .dropdown-menu a{
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
   }
.team_prfl_card_options .dropdown-menu::before{
    content: '';
    position: absolute;
    right: 0;
    top: -11px;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e9e9e9;
}
.team_prfl_card_options .dropdown-menu:hover{
    background-color: aliceblue;
}
.leader_view{
    background-color: rgb(252 255 246);
    border: solid 2px #bfdd76;
}
.leader_view::before{
    width: 80px;
    height: 30px;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -55px;
    background-image: url(../img/crown-teamleader.png);
    background-size: cover;
}
.not_this_teams_leader_view{
    background-color:'#ddecba';
    border: solid 2px #ddecba;
}
.not_this_teams_leader_view::before{
    width: 80px;
    height: 30px;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -55px;
    background-size: cover;
}
.insight_info_section{position: relative;width: auto !important;}
.info_insight_rnd{
    width: 16px !important;
    height: 16px;
    line-height: 13px;
    display: inline-block;
    text-align: center;
    justify-content: center;
    font-size: 11px !important;
    color: #666;
    border-radius: 50px;
    border: solid 1px #ccc;
    padding-top: 1px;
    font-family: monospace;
    position: relative;
    top: -1px;
}
.insight_info_cnt{
     width: 300px;
    position: absolute;
    top: 22px;
    background-color: #fff;
    padding: 10px;
    line-height: 19px;
    font-size: 12px;
    z-index: 9;
    box-shadow: 0px 5px 13px #00000024;
    letter-spacing: 0.2;
    color: #242424;
    display: none;
}
.clockin_out_mob_full .insight_info_cnt{right: 0;}
.insight_info_section:hover .insight_info_cnt{
    display: block;
}
.task_totl_values_bx_cnt_view{
    width: 100%;
    display: flex;
    height: 70%;
    justify-content: space-between;
    gap: 10px;
}
.insight_legend_view_2.task_priorty_box {
    row-gap: 30px;
    margin-top: 10px;
}
.task_volium_box_distrbt_cnt{
    text-align: left;
    white-space: nowrap;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 12px;
    color: #464646;
}
.task_volium_box_distrbt_cnt strong{
    color: #000;
}
.task_total_number_list_box{
    display: flex;
    gap: 10px;
}
.task_total_number_list_box_ico{
    width: 75px;
    min-width: 75px;
    height: 75px;
    margin-left: 10px;
    border-radius: 10px;
    display: inline-block;
}
.task_total_number_list_box_cnt{
    width: 100%;
    display: inline-block;
}
.task_total_number_list_box_cnt p{
    margin-bottom: 0;
}
.task_total_number_list_box_cnt h5{
    margin-top: 0;
    font-size: 45px;
    color: #242424;
    margin-bottom: 0;
}
.task_cnt_ttl_view_row{
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
}
.task_cnt_ttl_view_bx{
    width: fit-content;
     flex: 1;
}
.activities_section_cnt_sec a{
    padding-left: 15px;
    margin-top: 10px;
    display: inline-block;
}
.time_reqquest_view_date_filter{
    display: flex;
    gap: 5px;
    margin-right: 15px;
}
.team_managers_view{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
    align-items: center;
}

.team_managers_view span{
    width: auto;
    text-align: center;
    font-size: 11px;
    color: #404040;
    letter-spacing: 0.5px;
    padding-right: 18px;
}
.team_inner_filter_row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.project_member_ico_bx{
     display: flex;
    align-items: center;
    border-right: 1px #ccc solid;
    padding-right: 10px;
}
.team_Filter_right_bx{
    display: flex;
    gap: 10px;
}
#add_away_modal{
   overflow:auto;
}
.project_member_ico_bx .manger_head{
    font-size: 13px;
    padding-right: 20px;
    white-space: nowrap;
}
.no_manager_bx{
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    min-width: 55px;
}
.no_manager_bx img{max-width: 50px;}
.no_manager_bx span{
    width: 90px;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-align: center;
    line-height: 12px;
    color: #58666e;
    bottom: -7px;
    background-color: #fffffff0;
    padding: 3px 1px;
    margin-top: 2px;
}
.no_manager_bx:hover span{display: block;}
.no_manager_bx_team{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 155px;
    background-color: #f5f5f5;
    border-radius: 40px;
}
.no_manager_bx_team img{max-width: 48px;}
.no_manager_bx_team span{
    width: 80px;
    font-size: 11px;
    color: #404040;
    position: static;
    letter-spacing: 0;
    line-height: 13px;
    padding: 0;
}
.team_rename_modal .modal-dialog{
    width: 100%;
    max-width: 330px;
}
.team_rename_modal .modal-header{border: 0;}
.new_pop_img{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
}
.new_pop_img img{max-width: 100%;}
.team_rename_modal .modal-footer .btn{
    width: 100%;
    padding: 10px;
}
.team_rename_modal .form-group label{
    color: #000;
}
#addMemberModal .modal-header{border: 0;}
#addMemberModal .modal-dialog{
    width: 100%;
    max-width: 330px;
}
#addMemberModal .form-group .btn-group {
     width: 100% !important;
    display: inline-block;
}
#addMemberModal .form-group .dropdown-toggle {
     width: 100% !important;
    display: inline-block;
}
#addMemberModal .modal-footer .btn{
    width: 100%;
    padding: 10px;
}
.teams_user_list_row .custom-tooltip-wrapper{
    width: 100%;
    display: inline-block;
}
.manual-flip .profession{width: 100%;display: inline-block;}
.remove_team_member_pop .modal-dialog{
    width: 100%;
    max-width: 350px;
}
.remove_team_member_pop .modal-header{border: 0;}
.remove_team_member_pop .modal-body{
    padding: 10px 30px;
    text-align: center;
}
#moveMemberModal .modal-dialog{
    width: 100%;
    max-width: 350px;
}
#moveMemberModal .modal-header{border: 0;}
#moveMemberModal .modal-dialog label{
    color: #000;
}
#moveMemberModal .modal-footer .btn{
    width: 100%;
    padding: 10px;
}
.work_life_blnce_prgrs{
    width: 100%;
    display: inline-block;
}
.worklife_prgress_box_top_bx .work_life_blnce_prgrs:first-child .progress{
    justify-content: end;
    display: flex;
}
.email_config_row_bx{
    width: 100%;
    display: flex;
    gap: 10px;
}
.email_config_box{
    width: 100%;
    display: flex;
}
.email_config_box#teamSelectDiv .multiselect-selected-text{
    white-space: normal;
}
.project_filter_box.project_fltr_new{
    position: relative;
}
.prj_filter_head{
     position: absolute;
    left: 6px;
    top: -5px;
    z-index: 7;
    font-size: 12px;
    background-color: #fff;
    padding: 3px 10px;
    color: #747474;
    height: 17px;
    border: solid 1px #e9e9e9;
    line-height: 9px;
    border-radius: 6px;
}
.flatpickr-input[readonly]{background-color: #fff;}
.appusage_top_left_work_hour_graph #idlechart{
    position: relative;
    z-index: 9;
}
.inactive_detect_added_category_bx_hd_div{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.inactive_detect_added_category_bx_hd_div a{
    color: #242424 !important;
    text-decoration: none;
    padding: 3px 10px;
    border-radius: 30px;
    border: solid 1px #E5e5e5e5;
    white-space: nowrap;
    background-color: aliceblue;
    font-size: 14px;
}
.inactive_detect_added_category_bx_hd_div a:hover{
    background-color: #e9faff;
}
.confirm_modal_Cnt_img{
    width: 80%;
    height: auto;
    display: inline-block;
}
.confirm_modal_Cnt_img img{width: 100%;}
.confirm_modal_Cnt{
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    text-align: center;
    width: 100%;
    align-items: center;
}
.confirm_modal_Cnt h3{
    margin-top: -10px;
}
.confirm_modal_Cnt p{
    font-size: 15px;
}
.dashboard_screenshot_sec .screenshot_view.screenshot_view-indu #screenshot_img{
    height: auto !important;
}
#createproject .multiselect{height: 40px;box-shadow: none;border: 1px solid #e5e5e5 !important;}
.leav_setting_action_btn_cntr{display: flex;gap: 5px;}
.leave_setting_act_btn{width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;border-radius: 30px;border: solid 1px #ccc;font-size: 13px;}
.leave_setting_act_btn:hover{background-color: #fff;}
.other_leave_date{min-width: 240px;text-align: left;display: inline-block;}
.other_leave_time{min-width: 80px;text-align: right;display: inline-block}
.project_listpage_filterBx{
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
}
.project_fltr_view_box{
     width: 102%;
    padding: 3px;
    padding-top: 5px;
    /* border: solid 1px #e5e5e5; */
    background-color: #fff;
    box-shadow: 0px 2px 5px #e5e5e670;
    border-radius: 3px;
}
.project_fltr_view_box .col-md-2:last-child{
    display: flex;
    gap: 3px;
}
.project_listpage_filterBx .row{
    width: 102%;
}
.screenshot_img_indications{
    width: 100%;
    position: absolute;
    left: 0;
    top: 10px;
    padding: 0 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.screenshot_user_status{
    width: auto;
    display: inline-block;
}
.screenshot_user_status span{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 30px;
}
.screenshot_inner_images_count{
    padding: 1px 10px;
    border-radius: 30px;
    background-color: #0000004d;
    width: fit-content;
    height: 25px;
    text-align: center;
}
.screenshot_inner_images_count img{
    width: 16px;
    position: relative;
    top: -1px;
    margin-right: 4px;
}
.changelogIndication{
    color: red;
    font-size: 20px;
    position: absolute;
    left: 60px;
    top: 4px;
}
.attendance_rpt_week_detailed_exprt{
    position: absolute;
    right: 100px;
    top: 0px;
}
.bulkUpdateParagraph{
    margin-bottom: 20px;
    font-size: 14px;
    padding: 10px;
    background-color: #efefef;
    color: #242424;
}
#bulkUpdateProductivityModal .modal-dialog {max-width: 400px;}
#copyProductivityModal .modal-dialog {max-width: 400px;}
.screenshot .screenshot-view img{height: 100%;}
.task_edit_section_tab_sec .flatpickr-input[readonly] {
    background-color: #eeeeee;
}
.insight_last_btm_boxes tbody tr{
    border-bottom: 1px #efefef solid;
}
.insight_last_btm_boxes tbody tr:last-child{
    border: 0;
}
.insight_app_usge_tbl .insight_last_btm_boxes tbody tr:last-child{
    border: 0;
}

.nonproductiveAppList{
    width: 100%;
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}
.nonproductiveAppListApp{
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 1px #ccc;
    padding: 3px;
    position: relative;
}
.nonproductiveAppListApp img{
    max-width: 100%;
}
.nonproductiveAppListDtlUsage{
    width: 100%;
    display: inline-block;
}
.nonproductiveAppListDtl{
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-left: 10px;
}
.nonproductiveAppListDtlUsage{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
.nonproductiveAppListDtlUsage h2{
    margin: 0;
}
.nonproductiveAppListDtl h4{
    margin-bottom: 0;
}
.nonproductiveAppListDtl p{
    color: #242424;
    font-size: 12px;
    margin-top: 0;
}
.nonproductiveAppListAppBx{
    text-align: center;
    width: 70px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.nonAppUsageAppName{
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80px;
}
.nonAppUsageTooltip{
    background-color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 2px 3px;
    border-radius: 5px;
    position: absolute;
    left: -20px;
    top: 25px;
    min-width: 100px;
    border: solid 1px #ccc;
    display: none;
    z-index: 9;
}

.ontimePerformers_sec .nav-tabs{
    width: 100%;
}
.ontimePerformers_sec .tab-content{
    width: 100%;
}
.nonproductiveAppListApp:hover .nonAppUsageTooltip{display: block;}
.task_total_values_cnt_col{
    width: 100%;
    display: inline-block;
    position: relative;
}
.option_view_1_ico{
    width: 25px;
    min-width: 25px;
    height: auto;
    display: inline-block;
    position: relative;
    top: 2px;
}
.option_view_1_ico img{width: 100%;}
.task_total_values_cnt_col:last-child:before{
    border-left: 1px #e5e5e5 solid;
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    left: -15px;
}
.task_total_values_cnt_col:first-child:before{
    display: none;
}
.ttl_task_graph_dv{
    width: 100%;
    display: inline-block;
    margin-top: -30px;
}
.ttl_task_all_comparison_text{
     width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
}
.leave_report_year_date_fltr{
    display: flex !important;
    white-space: nowrap;
}
.leave_report_year_date_fltr_col{
    display: flex !important;
}
.screenshot_view_suspicious_ico{
    position: absolute;
    width: 25px;
    height: 25px;
    left: 20px;
    top: 10px;
    z-index: 9;
}
.screenshot_view_suspicious_ico img{
    width: 100%;
    transition: 0.2s ease-in-out;
}
.screenshot_view:hover .screenshot_view_suspicious_ico img{transform: scale(1.1);}
.suspicious_activity_label{
    display: none;
    width: 150px;
    height: 23px;
    background-color: #ffd7d7;
    color: #000;
    font-size: 13px;
    padding: 2px;
    position: absolute;
    right: -149px;
    top: 0;
    border-radius: 30px;
    text-align: center;
    padding-top: 3px;
}
.screenshot_view_suspicious_ico:hover .suspicious_activity_label{
    display: block;
}
.managerModalStyle{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #292b2ca3;
    text-align: center;
}
.managerModalStyle .close{opacity: 0.7;}
.managerModalStyle .modal-content {
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 350px;
    padding: 10px;
    margin: auto;
    width: 100%;
}
.managerModalStyleFrm{
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    row-gap: 20px;
    max-width: 315px;
    margin: auto;
}
.managerModalStyle #managerForm {
    display: block;
}
.row-flex-new{
    display: flex;
    flex-wrap: wrap;
}
#register-team .select2-selection--single{
        height: 40px;
}
#register-team #select2-lead_by-container{
        height: 40px;
        line-height: 37px;
}
#register-team .form-group .dropdown-toggle{
        height: 40px;
}
.card-container .prj_member_ico{min-width: 30px;}
.managerModalStyleFrm .multiselect-container{width: 100%;}
.restriction_select{
    gap: 0;
}
.restriction_select .btn-group{
    width: 100%;
}
.restriction_select .multiselect.dropdown-toggle{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 100;
    box-shadow: none;
}
.restriction_select .btn-group .multiselect-container{
    width: 100%;
}
.existing-managers-list{
    width: 100%;
    display: flex;
    padding: 5px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
    max-height: 135px;
    overflow: auto;
}

.existing-managers-list .user_round_popup{
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 11px;
    line-height: 25px;
    border-radius: 30px;
    display: flex !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.user_round_popup img{width: 100%;}
.existing-manager-item .remove-manager{
    cursor: pointer;
    font-size: 9px;
}
.existing-manager-item .remove-manager i{
    font-size: 15px;
    color: #4c4c4c;
    -webkit-text-stroke: 1px white;
}
#register-team .form-group .btn-group{
    float: left;
    width: 100%;
}
#existing_managers_container .existing-manager-item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding: 3px 7px;
    border: solid 1px #c9d1ed;
    border-bottom: 0;
    font-size: 13px;
    color: #242424;
    position: relative;
}
#existing_managers_container .existing-manager-item:last-child{
    border-bottom: 1px #c9d1ed solid;
}
#existing_managers_container .existing-manager-item span{
    text-align: left;
    width: 100%;
    display: inline-block;
    word-wrap: break-word;
    max-width: 240px;
}
#existing_managers_container .existing-manager-item span.remove-manager{
    width: 15px;
    min-width: 15px;
}
.existing-managers-list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
#register-team .form-group span.error{width: 100%;display: inline-block;}
.existing-manager-item .delete-confirmation{
    width: 80px;
    height: 29px;
    background-color: #fff;
    border: solid 1px #d5d5d5;
    border-radius: 3px;
    position: absolute;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 13px;
    gap: 0px;
    top: 0;
    right: 30px;
    display: none;
    z-index: 5;
}
.existing-manager-item .delete-confirmation a{
    width: 100%;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    background-color: #c3c3c3;
    color: #fff;
}
.existing-manager-item .delete-confirmation a:first-child {
    background-color: #f00;
    color: #fff;
}
.existing-manager-item .delete-confirmation:before {
    position: absolute;
    top: 9px;
    right: -15px;
    transform: rotate(90deg);
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #cbcbcb;
}
.existing-manager-item .delete-confirmation a:hover {
    opacity: 1;
}
.added_categories_action_dv .multitask_ass_delete a{height: 29px;}
.flex-row-most-efficient{
   display: flex;
  flex-wrap: wrap;
}
.flex-row-most-efficient .col-md-3{
     flex: 1;
}
.showReccuringTaskShowCard{
    width: 100%;
    display: inline-block;
    background-color: #fff;
     border: 1px solid #e6e6e6;
    margin-bottom: 5px;
    box-shadow: 0px 2px 10px #e4e4e4;
}
.showReccuringTaskShowCard p{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    color: #8d8d8d;
}
.showReccuringTaskShowCard .col-xs-3 div{color: #242424;}
.showReccuringTaskShowCard_head{
    width: 100%;
    display: inline-block;
    font-size: 15px;
    border-bottom: 1px dashed #ccc;
    padding: 8px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 500;
    background-color: #75a500;
}
.showReccuringTaskShowCard h6{
    width: 100%;
    display: inline-block;
    font-size: 15px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 8px;
    margin: 0;
    color: #242424;
    font-weight: 500;
}
.showReccuringTaskShowRow{
    width: 100%;
    display: inline-block;
    padding: 10px;
    border-bottom: 2px #ededed solid;
}
.showReccuringTaskShowscroll{
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.showReccuringTaskShowDelete{
    position: absolute;
    right: 20px;
    top: 15px;
}
.showReccuringTaskShowRow .row{
    position: relative;
}
 .three-way-toggle {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 300px;
    border-radius: 30px;
    background: #eee;
    overflow: hidden;
    font-family: sans-serif;
    user-select: none;
    height: 40px;;
}

.three-way-toggle label {
    flex: 1;
    text-align: center;
    padding: 10px 0;
    margin: 0;
    z-index: 1;
    cursor: pointer;
    font-weight: 500;
    color: #333;
    position: relative;
}

.three-way-toggle input[type="radio"] {
    display: none;
}

.three-way-toggle .slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0%;
    width: 33.33%;
        background: var(--primary-color);
background: linear-gradient(0deg, var(--primary-color) 0%, #a6d72f 100%);
    border-radius: 30px;
    z-index: 0;
    transition: left 0.3s ease;
}

.three-way-toggle label.active {
    color: white;
    font-weight: bold;
}
.wellness_nodata_div{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wellness_nodata_div img{
    max-height: 250px;
    width: auto;
}

.attendanceMailUsersList{
    width: 100%;
    display: inline-block;
    padding: 5px 0;
    margin-bottom: 20px;
}
.attendanceMailUsersList table{
    width: 100%;
    border-collapse: collapse;
        max-width: 700px;
}
.attendanceMailUsersList table th{
    background-color: #f1f9ff;
    color: #242424;
    font-weight: 500;
    text-align: left;
    border: solid 0px #e5e5e5 !important;
    padding: 0px 10px !important;
}
.attendanceMailUsersList table th, .attendanceMailUsersList table td{
    padding: 10px 5px;
    border: solid 1px #e5e5e5;
    text-align: left;
    border-top: 0;
}
.attendanceMailUsersList table tbody{
        display: block;
    height: 200px;
    overflow: auto;
}
.attendanceMailUsersList table thead, .attendanceMailUsersList table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.new_nav_option_icon{
    padding: 1px 7px;
    border-radius: 4px;
    width: 38px;
    text-align: center;
    position: absolute;
    left: 160px;
    top: 16px;
    background-color: #d7f293;
    z-index: 5;
    overflow: hidden;
    border: solid 1px #c0e074;
    height: 19px;
    line-height: 16px;
    color: #466300;
    font-weight: 500;
    letter-spacing: 1.5px;
    font-size: 9px;
}
.new_nav_option_icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: -200px;
    width: 200px;
    height: 100%;
    z-index: 9;
    background: -webkit-linear-gradient( to right, rgba(25, 165, 148, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(30, 196, 180, 0) 99% );
    background: linear-gradient(to right, rgba(25, 165, 148, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(30, 196, 180, 0) 99%);
    -webkit-background-size: 200% 100%;
    background-size: 200% 100%;
    animation: slide-light 2.3s infinite;
    -webkit-animation: slide-light 2.3s infinite;
}
.app-aside-folded .new_nav_option_icon{top: 17px;}

.screenshot-indu #screenshot_img .task_ico_top .task_icon_view img{height: auto !important;}
.app-content{height: auto;}
.task_ico_top{display: flex;align-items: center;justify-content: center;}
.plan-img-sec .img-text-sec p{text-align: center;}
.location_on_icon_geo{
    width: 17px;
    height: 18px;
    border-radius: 30px;
    background-color: #d8f296;
    position: absolute;
    top: 3px;
    left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #346000;
    font-size: 12px;
}
#ccManagementModal #ccManagementContainer .form-group{display: flex;}
#ccManagementModal #ccManagementContainer .form-group .remove-cc-btn{min-width: 40px;}
#ccManagementModal .modal-dialog{max-width: 400px;}
#ccManagementModal #ccManagementContainer .alert{padding: 5px;;}
#ccManagementModal #ccManagementContainer .form-group.non-flex{display: inline-block;width: 100%;}
#ccManagementModal .modal-header .close {
    margin-top: -22px;
    margin-right: -6px;
    -webkit-text-stroke: 2px white
}
.current_app_show_mydesklog_tooltip a{
    display: inline-block;
    width: 100%;
    font-size: 11px;
    padding: 4px 4px;
    border: solid 1px #d6eba1;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #000;
    border-radius: 15px;
}
.current_app_show_mydesklog_tooltip a:hover{
    background-color: var(--primary-color);
    color: #fff;
}
.current_app_show_mydesklog_tooltip strong{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    display: inline-block;
}




@keyframes slide-light {
  0% {
    left: -200px;
    opacity: 0;
  }

  20% {
    opacity: 0.5;
  }

  80% {
    left: 100%;
    opacity: 0;
  }

  100% {
    left: 100%;
    opacity: 0;
  }
}

@-webkit-keyframes slide-light {
  0% {
    left: -200px;
    opacity: 0;
  }

  20% {
    opacity: 0.5;
  }

  80% {
    left: 100%;
    opacity: 0;
  }

  100% {
    left: 100%;
    opacity: 0;
  }
}

.project_filterRow_box{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.show_recurring_tasks{
    width: 35px;
    height: 44px;
    border-radius: 3px;
    border: solid 1px #b8d7e1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #edfaff;
    cursor: pointer;
}
.show_recurring_tasks:hover{
    background-color: #d7f3ff;
    border-color: #b8d7e1;
}
.show_recurring_tasks img{max-width: 100%;filter: brightness(0.5);}
#attendanceMailUsersWrapper{
    width: 100%;
    display: inline-block;
    padding: 10px;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
}
#nonProductiveMailUsersWrapper{
    width: 100%;
    display: inline-block;
    padding: 10px;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
}
.shoHideAttendanceMailUsersBtn{
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    cursor: pointer;
}
.user_list_view_3{
    display: flex;
    gap: 5px;
    align-items: center;
    min-width: 150px;
}
.user_list_view_3 .prj_member_ico{min-width: 30px;min-height: 30px;}
.insight_data_period_cnt{
    width: 101%;
    height: 100%;
    background-color: #ffffffcc;
    backdrop-filter: blur(2px);
    text-align: center;
    color: #000;
    position: absolute;
    left: -10px;
    top: 0px;
    z-index: 9;
}
.insight_data_period_bx{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.insight_data_period_bx h5{
    font-size: 28px;
    line-height: 40px;
}
.insight_data_period_bx p{
    width: 100%;
    display: inline-block;
    color: #625d5d;
}
.insight_data_period_bx svg{width: 100%;max-width: 50px;}
.upgrade_you_plan_box{
    width: 100%;
    max-width: 220px;
    padding: 10px;
    background-color: var(--primary-color);
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 40px;
    z-index: 9;
    border-radius: 10px;
    box-shadow: 0px 4px 7px #4f6e034a;
    margin-left: 12px;
    overflow: hidden;
    transition: 0.2s ease-in-out;
}
.upgrade_you_plan_box:hover{bottom: 45px;}
.upgrade_you_plan_box:before{
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    -webkit-animation: shineUpgrade 5s ease-in-out infinite;
    animation: shineUpgrade 5s ease-in-out infinite;
}
@-webkit-keyframes shineUpgrade {
  0% {
    left: -100%;
    transition-property: left;
  }
  11.5044247788%, 100% {
    left: 100%;
    transition-property: left;
  }
}

@keyframes shineUpgrade {
  0% {
    left: -100%;
    transition-property: left;
  }
  11.5044247788%, 100% {
    left: 100%;
    transition-property: left;
  }
}
.upgrade_you_plan_box p{
    width: 100%;
    display: inline-block;
    font-size: 13px;
}
.btn-upgrade{
    background-color: #fff;
    color: var(--primary-color) !important;
    border-radius: 10px;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}
.btn-upgrade:hover{
    background-color: #f3ffd7
}

.btn-upgrade svg{
    width: 18px;
    position: absolute;
    left: 9px;
    top: 0px;
    height: 32px;
}
.app-aside-folded .upgrade_you_plan_box{
    display: none;
}
.new_updates_popup{
     width: 100%;
    max-width: 500px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    position: fixed;
    right: 100px;
    bottom: 50px;
    z-index: 9;
    box-shadow: 0px 4px 20px #00000026;
    border: solid 3px #8BC34A;
    background-image: url(../img/new-updates-bg.jpg);
    background-size: cover;
    background-position: bottom;
}
.new_updates_popup h3{margin-top: 0;color: #000;font-size: 23px;}
.new_updates_popup p{
    font-size: 13px;
    line-height: 20px;
    color: #403f3f;
    font-weight: 400;
    letter-spacing: 0.5px;
}
.new_updates_popup h5{color: #424242; margin-bottom: 5px;}
.new_updates_popup_ico{
    width: auto;
    display: inline-block;
    padding: 10px;
    background-color: #e3f6b3;
    border-radius: 10px;
}
.new_updates_popup_ico img{max-height: 30px;}
.new_updates_popup_close{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.product_update_explore{
    width: auto;
    padding:5px 10px;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    background-color: #fff;
    font-size: 13px;
}
.product_update_explore:hover{background-color: var(--primary-color);color: #fff;}
.screenshot_filte_Select_bx{
        top: 8px;
    position: relative;
    width: 100%;
}
.screenshot_filte_Select{
    padding-right: 50px;
}
.screenshort_type_filter_loader{
    position: absolute;
    right: 30px;
    top: 50%;
    width: 16px;
    height: 16px;
    border: 2px solid #ddd;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin 0.5s linear infinite;
    transform: translateY(-50%);
}
.screenshort_type_filter_loader_div{
    width: 100%;
    position: absolute;
    background-color: #ffffff7a;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.current_app_show_mydesklog{
    width: auto;
    min-width: 40px;
    height: 39px;
    /* background-color: #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px #e5e5e5 solid;
    position: relative;
    padding-left: 5px;
    margin-left: 5px;
    gap: 5px;
}
.current_app_show_head{
    width: 100%;
    display: inline-block;
    font-size: 12px;
    text-align: left;
    line-height: 15px;
}
.current_app_show_headdv{
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
}
.current_app_show_mydesklog_ico{
    position: relative;
}
.current_app_show_mydesklog img{max-width: 22px;}
.current_app_show_mydesklog_ind{
    width: 7px;
    height: 7px;
    border-radius: 30px;
    position: absolute;
    right: 2px;
    top: 1px;
    background-color: #eb4064;
    -webkit-animation: fadeLive 2s linear infinite;
    animation: fadeLive 2s linear infinite;
}
.current_app_show_head strong{
    width: 100%;
    display: inline-block;
    color: #2e2e2e;
    font-size: 14px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    padding-bottom: 3px;
}

/* Status 1 - Green (Active) */
.current_app_show_mydesklog_ind.status-1 {
    background-color: #08ff14;
}

/* Status 2 - Yellow (Warning) */
.current_app_show_mydesklog_ind.status-2 {
    background-color: #f4d41f;;
}
@keyframes fadeLive {
  0%,100% { opacity: 0 }
  50% { opacity: 1 }
}
.current_app_show_mydesklog_tooltip{
    position: absolute;
    padding: 2px 10px;
    line-height: 15px;
    text-align: center;
    background-color: #fff;
    width: 100%;
    font-size: 14px;
    min-width: 120px;
    box-shadow: 0px 1px 10px #ccc;
    top: 35px;
    border-radius: 3px;
    display: none;
    z-index: 9;
}
.current_app_show_mydesklog_tooltip span{
    width: 100%;
    display: inline-block;
    font-size: 11px;
    color: #666;
    padding-top: 5px;
}
.current_app_show_mydesklog:hover .current_app_show_mydesklog_tooltip{display: block;}
#deleteimg h2.modal-title{font-size: 22px;}
.modal-open #deleteimg{background-color: rgba(0,0,0,0.5)}
#deleteimg .modal-dialog{max-width: 400px;width: 90%;}
#deleteBulkImg h2.modal-title{font-size: 22px;}
.modal-open #deleteBulkImg{background-color: rgba(0,0,0,0.5)}
#deleteBulkImg .modal-dialog{max-width: 400px;width: 90%;}
.user_offlineStatus_round{width: 10px;height: 10px;border-radius: 30px;background-color: #f00;display: inline-block;
    max-width: 10px;min-width: 10px;
    position: relative;
    top: 1px;
    -webkit-animation: fadeLive 2s linear infinite;
    animation: fadeLive 2s linear infinite;
}
.user_offlineStatus{
    text-align: left;
    display: flex;
    gap: 5px;
    border-left: 1px #e5e5e5 solid;
    height: 39px;
    padding-left: 10px;
    margin-left: 5px;
    align-items: center;
    position: relative;
}
.user_offlineStatus_txt_view{
    position: absolute;
    padding: 6px 10px;
    word-break: break-word;
    line-height: 16px;
    text-align: center;
    background-color: #fff;
    width: 100%;
    min-width: 130px;
    box-shadow: 0px 1px 10px #ccc;
    top: 35px;
    border-radius: 3px;
    display: none;
    z-index: 9;
    white-space: normal;
    word-wrap: break-word;
    font-size: 12px;
}
.user_offlineStatus p span.status_txt:hover .user_offlineStatus_txt_view{
    display: block;
}
.user_offlineStatus p{margin-bottom: 0;line-height: 15px;font-size: 10px;}
.user_offlineStatus p span.status_txt{
    width: 100%;display: inline-block;color: #2e2e2e;font-size: 14px;padding-left: 14px;
    max-width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    padding-bottom: 3px;
}
.task_ttl_comparison{
    font-size: 11px;
    padding: 3px;
    color: #ffffff;
    height: 15px;
    width: 15px;
    display: inline-block;
    line-height: 10px;
    position: relative;
    top: -2px;
    display: none;
}
.task_ttl_comparison_main.negative_value_task .negative_value_arrow{
    display: inline-block;
}
.task_ttl_comparison_main.plus_value_task .plus_value_arrow{
    display: inline-block;
}
.top-grid.top-grid-admin>div .top-grid-admin-txt{
    font-size: 14px;
    color: #242424;
}
#prjStatusPie{max-height: 200px;}
.table_row_mob-remove-brd{
    width: 100%;
    display: inline-block;
}
.employee_wellness_break_box_main{
     width: 100%;
    display: inline-block;
    padding: 10px;
    border: solid 1px #e1e1e1;
    box-shadow: 0 4px 10px #ebebeb;
    background-color: #fff;
    min-width: 510px;
}
.employee_wellness_break_box_row_main{
    width: 100%;
    display: flex;
    gap: 7px;
    overflow: auto;
}
.exportdropdown_viewtype_selct_row .col-md-5{padding-right: 0px;}
.exportdropdown_viewtype_selct_row .col-md-3{padding-right: 0px;}
.exportdropdown_viewtype_selct_row .col-md-4{padding-right: 0px;}
.plan-img-sec .img-text-sec{
    background-color: #ffffffad;
    padding: 60px 20px;
    border-radius: 30px;
}
.upgrade_you_plan_box_img{display: inline-block;}
.upgrade_you_plan_box_img img{max-width: 30px;}
.upgrade_you_plan_box_txt{
    display: flex;
    gap: 10px;
    align-items: center;
}
.upgrade_you_plan_box_txt h6{
    color: #fff;
    font-size: 15px;
}
.total-task-view-mainBox{
    width: 100%;
    display: inline-block;
}
.dashboard_atwrk_value_dv{
    width: 100%;
    display: inline-block;
}
.dashboard_atwrk_value_dv .pull-none-folded{
    width: 100%;
    font-size: 11px;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.dashboard_atwrk_value_dv .pull-none-folded .progress_text{
    position: static;
    font-size: 11px;
}
#at_work_div .task_bar_sec_progress{
    padding-right: 0;
}
.dahabord_artwork_head_show{
    position: absolute;
    left: 0;
    background-color: #fff;
    border: solid 1px #e5e5e5;
    padding:1px 5px;
    top: 0;
    display: none;
    white-space: nowrap;
}
.dahabord_artwork_head{position: relative;}
.dahabord_artwork_head:hover .dahabord_artwork_head_show{display: block;}
#taskRequestTable td{font-weight: 400;}
.appusage-userdetails .appusage-user-cnt .full_name{
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding-bottom: 3px;
}
.task_comparison_txt{
    padding: 1px 4px !important;
    color: #fff;
    font-size: 11px !important;
    position: relative;
    top: -3px;
    border-radius: 3px;
    font-weight: normal;
}
.leave_page_view .table-shifts .media{
    display: flex;
}
.leave_page_view .table-shifts .media .media-body a{
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}
.leave_page_view .table-shifts .userAvatar{
    min-width: 2.5em;
}
.list-icon .user-status-info{
    font-size: 11px;
    color: #f00;
    margin-top: 2px;
    position: absolute;
    width: 60px;
    height: 30px;
    left: -35px;
    top: 20px;
    white-space: normal;
}
#myModal .user-status-info .user-status-info-head{
    color: #242424;
    padding: 0;
    line-height: 15px;
    height: 17px;
    display: inline-block;
    position: relative;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    border: 0;
    font-size: 13px;
    background-color: transparent !important;
}
#myModal .user-status-info span.user-status-info-cnt{
    display: none;
    position: absolute;
    background: #ffffff !important;
    padding: 6px 5px;
    border: solid 1px #ebebeb;
    color: #666;
    left: 47px;
    top: -5px;
    border-radius: 3px;
    width: 150px;
    font-size: 11px;
    word-break: break-word;
    white-space: inherit;
    height: auto;
    text-align: center;
    font-weight: 500;
    box-shadow: 0px 0px 10px #0000001f;
    z-index: 9;
}
#myModal .icon-and-content .list-icon:hover .user-status-info-cnt{
    display: block;
}
.task_total_number_list_box_cnt h5{
    display: flex;
    align-items: baseline;
}
.task_total_number_list_box_cnt .task_comparison_txt{
    padding: 4px 4px !important;
    top: -5px;
    left: 2px;
}
.employee_wellness_module .insight_info_cnt{
    z-index: 99;
}
/* #content_section .productive-app-grid .detais-save2{
    position: relative;
    right: 40px;
} */
.timed-activity-controls{
    position: relative;
}
.activity_timed_enforce_chk{
    position: absolute;
    left: 145px;
    top: 20px;
    white-space: nowrap;
}
.atended_pop_user_offline_stats_ico{
    line-height: 16px;
    position: absolute;
    width: auto !important;
    color: #fff;
    left: 6px;
    font-size: 12px !important;
}
.modal .user_list_dashboard .red-dot{
    width: 15px;
    height: 15px;
}
.appusage-view1 .user-status-info-cnt{
    display: none;
    position: absolute;
    background: #ffffff !important;
    padding: 5px 5px;
    border: solid 1px #ebebeb;
    color: #666;
    top: -2px;
    left: 13px;
    border-radius: 3px;
    width: 150px;
    font-size: 11px;
    word-break: break-word;
    white-space: inherit;
    height: auto;
    text-align: center;
    font-weight: 500;
    box-shadow: 0px 0px 10px #0000001f;
    z-index: 9;
    line-height: 14px;
}
.appusage-user-icon .reddot:hover .user-status-info-cnt{
    display: block;
}
.appusage-user-icon .reddot .user-status-info-head{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
}
.appusage-user-icon  .atended_pop_user_offline_stats_ico{
    line-height: 16px;
    position: absolute;
    width: auto !important;
    color: #fff;
    left: 5px;
    top: -1px;
    font-size: 10px !important;
}
.map_integration_help{
    width: auto;
    height: auto;
    border: solid 1px #ccc;
    border-radius: 15px;
    padding: 3px 10px;
    font-size: 12px;
    text-decoration: none !important;
}
#register-user .modal-dialog{
    height: auto !important;
    width: 100% !important;
    max-width: 700px;
}
.regsiter_user_create_pop_head{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px #e5e5e5 solid;
}
.regsiter_user_create_pop_head h2 span{
    font-size: 23px;
}
.popup_create_role_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popup_create_role_head .create_role_head_pop{
    font-size: 13px;
    text-decoration: underline;
    color: #063e6a;
}
#register-user .modal-dialog label{
    margin-bottom: 0;
    font-size: 15px;
}
#manager_administration_div{
    display: inline-block;
    width: 100%;
}
.dahboard_ptoject_list_view_all_table{
    width: 100%;
    max-height: 300px;
    overflow: auto;
}
.dahboard_ptoject_list_view_all_table td .dashbrd_project_prgs_box_name{
    color: #323232 !important;
}
.dahboard_ptoject_list_view_all_table td{
    padding: 4px 5px;
    color: #6c6c6c !important;
    font-size: 14px;
}
.dahboard_ptoject_list_view_all_table tr td:last-child{
    text-align: right;
}
.dahboard_ptoject_list_view_all_table tr th:last-child{
    text-align: right;
}
.dahboard_ptoject_list_view_all_table th{
    border-bottom: 1px #e5e5e5 solid;
    font-weight: 500;
    font-size: 14px;
    padding:8px 7px;
    color: #000;
}
.dahboard_ptoject_list_view_all_table tfoot td{
    border-top: 1px #ededed solid;
    border-bottom: 1px #ededed solid;
}
.dahboard_ptoject_list_view_all_table .avatarText h4{
    margin: 0;
    font-size: 15px;
}
.app_usage_btn_dv{
    display: flex;
}
#TaskUserModal #taskUserDiv{
    min-height: 300px;
}
#TaskUserModal .modal-header{
    border: 0;
}
#TaskUserModal .modal-body{
    padding: 10px;
}
#TaskUserModal .close{
    position: relative;
    top: -25px;
    -webkit-text-stroke: 1px #fff;
}
#TaskUserModal .avatarBgText .avatarBg{
    width: 25px;
    height: 25px;
}
#TaskUserModal .avatarBgText .avatarBg span{
    font-size: 12px;
    font-weight: normal !important;
}
#myModal .close{
      -webkit-text-stroke: 1px #fff;
}
.card-body-header-flex .nav-tabs > li > a{
    padding: 0;
}
.card-body-header-flex .nav-tabs > li > a.active{
    border-bottom:2px var(--primary-color) solid !important;
}
.flex-row-most-efficient .nav-tabs{width: 100%;margin-bottom: 10px;}
.flex-row-most-efficient .tab-content{width: 100%;}
.insight_last_btm_boxes .tab-pane.fade.active.show{opacity: 1;}
.flex-row-most-efficient .card-body-insight .nav-tabs h4{
    color: #242424;
    font-weight: 200;
    font-size: 17px;
}
.flex-row-most-efficient .card-body-insight .nav-tabs h4:hover{
    color: #537404;
}
.insight_last_btm_boxes .card-body-header-flex .active h4{color: var(--primary-color) !important;}


 .inner_page_top_grid {
    width: 100%;
    margin-bottom: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
    margin-top: 10px
}

.inner_page_top_grid_box {
    width: 100%;
    height: auto;
    padding: 10px;
    text-align: left;
    background-color: #fff;
    /* box-shadow: 0px 0px 10px #e5e5e5; */
    border-radius: 5px;
    /* border-left: 1px #5fb92a solid */
    /* border: solid 1px #f3f3f3; */
    display: flex;
    gap: 20px;
    align-items: center
}

.inner_page_top_grid_box_ico {
    max-width: 45px;
    height: auto;
}

.inner_page_top_grid_box_ico img {
    width: 100%;
}
.inner_page_top_grid_box_cnt_hd{
    width: 100%;
    display: flex;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 5px;
    align-items: center;
    gap: 10px;
    font-size: 15px !important;
    font-weight: 500;
    text-transform: uppercase;
    color: #565656 !important;
}
.inner_page_top_grid_box_cnt_hd .inner_page_top_grid_box_ico{
    max-width: 30px;
}
.inner_page_top_grid_box strong {
    font-size: 22px;
    color: #242424;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    line-height: 20px;
}
.inner_page_top_grid_box_cnt{
    width: 100%;
    display: inline-block;
}
.inner_page_top_grid_box span {
    font-size: 14px;
    color: #666;
}
.innerpage_top_grid_filter{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.innerpage_top_grid_filter label{
    margin-bottom: 2px;
    font-size: 13px;
    padding-top: 6px;
}
#AtworkUserModal .avatarText h4{
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
}

#subscription-prompt-modal{
    background-color: #fff;
}
#subscription-prompt-modal .modal-header .close{
    margin-top: -30px;
}
#subscription-prompt-modal .modal-dialog{
    width: 100%;
    height: auto;
    max-width: inherit;
    margin: 0 !important;
    box-shadow: none;
}
#subscription-prompt-modal .modal-content{
    width: 100%;
    height: auto;
    box-shadow: none;
    background-color: transparent;
    border: 0;
}
.upgrade-plan-wrapper-pop{
    width: 100%;
    display: inline-block;
}
.upgrade_plan_backdrop_content{
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0.2;
    z-index: 1;
    text-align: left;
    filter: blur(1px);
    width: 100%;
}
.upgrade_section_upgrade_cnt{
    max-width: 500px;
    margin: auto;
    margin-top: 15%;
    position: relative;
    top: 100px;
    z-index: 5;
}
.upgrade-section .settingUpgradeModalHead{
    font-size: 30px;
    font-weight: 500;
    color: #000;
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.upgrade-section h2, .upgrade-section p{color: #000;}
.upgrade-section h2, .upgrade-section p, .upgrade-section a.btn-success{position: relative;z-index: 5;}
#subscription-prompt-modal .btn-plan-upgrade-settings{
    display: flex;
    padding: 13px;
    border-radius: 30px;
    text-align: center;
    margin: auto;
    justify-content: center;
    background-color: #fff;
    border: solid 2px #5fb92a;
    color: #3e8416 !important;
    font-size: 15px;
    transition: 0.2s ease;
    max-width: 160px;
}
#subscription-prompt-modal .btn-plan-upgrade-settings:hover{
    background-color: var(--primary-color);
    color: #fff !important;
}

.upgrade_section_upgrade_cnt .btn-plan-upgrade-settings{
    display: flex;
    padding: 13px;
    border-radius: 30px;
    text-align: center;
    margin: auto;
    justify-content: center;
    background-color: #fff;
    border: solid 2px #5fb92a;
    color: #3e8416 !important;
    font-size: 15px;
    transition: 0.2s ease;
    max-width: 160px;
}
.upgrade_section_upgrade_cnt .btn-plan-upgrade-settings:hover{
    background-color: var(--primary-color);
    color: #fff !important;
}
.right_setting_tab_view .upgrade-section{
    min-height: 100vh;
    position: relative;
}
.settings_main_view_pg .settings-section-view .showUpgradeIcon{
    color: #58666e !important;
    position: relative;
    padding-right: 30px;
}
.settings_main_view_pg .settings-section-view .showUpgradeIcon.active{
    padding-right: 40px;

}
.settings_main_view_pg .settings-section-view .showUpgradeIcon::before{
    content: '';
    position: absolute;
    right: 5px;
    top: 30%;
    border-radius: 30px;
    background-image: url(../img/paid-plan.png);
    background-size: 15px;
    text-align: center;
    width: 16px;
    height: 16px;
}
.settings_main_view_pg .settings-section-view .active.showUpgradeIcon::before{
   right: 15px;
}
.settings_main_view_pg .upgrade_section_upgrade_cnt{
    margin-top: 0;
}
#subscription-prompt-modal #upgradePlanModalLabel{
    color: #000;
}
.right_setting_tab_view .upgrade_plan_backdrop_content{
    position: static;
}
.right_setting_tab_view .upgrade-section .upgrade_section_upgrade_cnt{
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
}
.settings-section-view .settins-section .settins-cntainer.showUpgradeIcon::before{
    background-size: 23px;
    width: 24px;
    height: 23px;
    right: 5px;
    top: 5px;
}
.settings-section-view .upgrade_section_upgrade_cnt{
    top: 180px;
}
.personlSettingsDv .side_tab.active.showUpgradeIcon::before{
    right: 5px;
}
#TaskUserModal table {
    width: 100%;
    border-collapse: collapse;
  }
#TaskUserModal thead, #TaskUserModal tbody tr, #TaskUserModal tfoot tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
#TaskUserModal tbody {
    display: block;
    height: 230px;
    overflow-y: auto;
    padding-top: 7px;
}
.insight_view_all_btn{
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    padding-left: 8px;
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.insight_view_all_btn a{
    transition: 0.2s ease-in-out;
    color: #666;
}
.insight_view_all_btn a:hover{
    color: var(--primary-color);
}
.insight_team_perfomance_box {
    height: 100%;
    /* position: relative; */
    display: inline-block;
    width: 100%;
    padding-bottom: 30px;
}
.teamperfomanceModal_contant{
    width: 100%;
    height: 245px;
    position: relative;
    display: inline-block;
    overflow: auto;
}
#teamperfomanceModal.fade.show{
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
#teamperfomanceModal .modal-dialog{
    transform: inherit !important;
}
#teamperfomanceModal .modal-dialog{
    border-radius: 10px;
}
#teamperfomanceModal .insight_user_dtl span{
    font-size: 14px;
}
.create_user_btn_showdata{
    cursor: pointer;
    background-color: #f3ffb1;
    padding: 1px 7px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 6px;
    font-family: sans-serif;
    position: relative;
    z-index: 9;
}
.create_user_btn_showdata:hover{
    background-color: #ebffbb;
}
.download_desklog_popup{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 99999;
    display: none;
}
.download_desklog_popup_view{
    width: 100%;
    max-width: 700px;
    background-color: #fff;
    padding:20px;
    border-radius: 10px;;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding-bottom: 0;
}
.download_desklog_popup_img{
    width: 100%;
    height: auto;
    display: inline-block;
    border-radius: 20px;
    margin-top: -105px;
    position: relative;
    z-index: -1;
}
.download_desklog_popup_img img{width: 100%;}
.download_desklog_popup_img .darkMode{display: none;}
.download_desklog_popup_view h2{color: #000;}
.download_desklog_popup_view a svg{width: 15px;height: 15px;}
.download_otherDevice a{
    display: inline-block;
    padding: 2px 10px;
    border: solid 1px #e5e5e5;
    border-radius: 20px;
    margin-left: 10px;
    font-size: 14px;
    box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
}
.download_otherDevice a:hover{
    color: #58666e !important;
    background-color: #edf1f2;
}
.btn-flex-download{
    display: flex;
    gap: 5px;
    align-items: center;
}
.download_otherDevice>span{
      display: flex;
    align-items: center;
    justify-content: center;
}

.btn-download-app{
    width: auto;
    background-color: var(--primary-color);
    padding:10px 20px !important;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 5px !important;
}
.btn-download-app:hover{
    color: #fff;
    background-color: #679102;
}
.download_otherDevice_close{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}
.btn-flex-download .dropdown{
          display: flex;
    align-items: center;
    justify-content: center;
}
.btn-flex-download .dropdown button{
    display: flex;
      align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 2px 10px;
    border: solid 1px #e5e5e5;
    border-radius: 20px;
    font-size: 14px;
}
.btn-flex-download .dropdown svg{
   width: 15px;height: 15px;
}
.download_desklog_popup_view .dropdown-menu.show a{
    margin: 0;
}
.download_desklog_popup_view .dropdown-menu.show li{
    padding: 5px;
}
.download_mac_btn_main svg{
       width: 15px;height: 15px;
}
.download_otherDevice .download_otherDevice a{margin-bottom: 0;}
.download_otherDevice {
        display: flex;
    gap: 10px;
    justify-content: center;
}
.download_otherDevice svg{
    filter: invert();
}
.download_otherDevice button{
   display: inline-block;
    padding: 2px 10px;
    border: solid 1px #e5e5e5;
    border-radius: 20px;
    font-size: 14px;
    box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
}
#block_invite_row .invite_row{
    width: 100%;
    display: inline-block;
    border: solid 1px #e5e5e5;
    padding: 10px 00;
}
.start_your_first_task_section{
    width: 100%;
    display: flex;
    text-align: left;
    max-width: 620px;
    margin: auto;
    margin-top: 0px;
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 20px #00000017;
    gap: 10px;
    justify-content: space-between;
    font-family: sans-serif;
    padding-left: 20px;
    border: solid 2px #cccccc63;
    margin-bottom: 30px;
}
.start_your_first_task_section h4{
    margin: 0;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-bottom: 4px;
}
.start_your_first_task_section p{
    text-align: inherit;
    margin: 0;
    line-height: 17px;
    font-size: 12px;
}
.start_your_first_task_section .start-time-btn{
    width: auto;
    padding: 10px 20px;
    border-radius: 30px;
    margin: 0;
}
.switch_relax_mode_view{
    width: 100%;
    display: flex;
    text-align: left;
    max-width: 620px;
    margin: auto;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 20px #00000017;
    gap: 10px;
    justify-content: center;
    align-items: center;
    color: #242424;
    margin-top: 130px;
    font-family: sans-serif;
    border: solid 2px #cccccc63;

}
.switch_relax_mode_view h4{
    font-size: 16px;
    font-family: "Poppins", sans-serif;

}
.switch_relax_mode_view button{
    width: auto;
    padding: 3px 13px;
    background-color: var(--primary-color);
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    transition: 0.2s ease-in-out;
    border: 0;
    margin-left: auto;
    border-radius: 30px;
    white-space: nowrap;
    height: 40px;
}
.switch_relax_mode_view button:hover{
    color: #fff;
    background-color: #002b4d;
}
.personlSettingsDv .accordion-container li{
    list-style: none;
}
.personlSettingsDv .left_nav_profile_settings a{
    margin-bottom: 7px;
    color: #000000;
    border: none;
    border-radius: 2px;
    padding: 7px 12px;
    font-size: 15px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 96% !important;
    background-color: #e1eff3;
    opacity: 0.8;
    padding-left: 10px !important;
}
.personlSettingsDv .left_nav_profile_settings a:hover{
        transform: translateY(-1px);
    background: #f1ffd0;
}
.personlSettingsDv .left_nav_profile_settings a.active{
    background: var(--primary-color) !important;
    color: #fff !important;
    width: 101% !important;
}
.enable_project_tracking_msg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    background-color: #fbfbfbad;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(1.5px);
    font-weight: 500;
    font-size: 15px;
    margin:  0 !important;
}

.showConfirmationPopup{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 99999;
}
.showConfirmationPopup_view{
    width: 100%;
    max-width: 400px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.showConfirmationPopupClose{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}
.showConfirmationPopup_Cnt{
    width: 100%;
    display: inline-block;
}
.showConfirmationPopup_Cnt h2{
    width: 100%;
    font-size: 26px;
    color: #242424;
}
.showConfirmationPopup_Cnt p{
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 20px;
}
.showConfirmationPopup .btn-confirm{
    border-radius: 40px;
    background-color: var(--primary-color);
    padding: 10px 30px;
    color: #fff;
    margin-bottom: 10px;
}
.showConfirmationPopup .btn-confirm:hover{
    background-color: #74A304;
}
.showConfirmationPopup_img img{max-height: 220px;width: 100%;}
#myModal .list-cnt .list-cnt-name{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;
    display: inline-block;
    padding: 5px 0;
}
.showConfirmationPopup_img .darkMdImg{display: none;}
.settings-section-view .right_setting_tab_view .prdocutivity_sec .panel-body{
    padding: 10px;
    padding-bottom: 0;
}
.settings-section-view .right_setting_tab_view .prdocutivity_sec input[type="checkbox"]{
    margin: 0;
    margin-top: -4px;
}
.settings-section-view .right_setting_tab_view .prdocutivity_sec .cat-list-details input[type="checkbox"]{margin-top: -6px;}
.right_setting_tab_view .prdocutivity_sec .cat-list-container .btn-primary{
        padding: 6px 12px !important;
}
.settings-section-view .right_setting_tab_view .select2-container{
    width: 150px !important;
}
.gnrl_stngs_lft #notificationsMenu{
    padding: 10px;
    padding-right: 0px;
    background: white
}
.gnrl_stngs_lft #notificationsMenu li a{
    margin-bottom: 3px;
    background-color: #fff !important;
    border: solid 1px #e5e5e5 !important;
    padding: 8px 5px;
    font-size: 13px;
}
.gnrl_stngs_lft #notificationsMenu li a.active{
    color: var(--primary-color) !important;
    width: 100% !important;
    background-color: #fff !important;
    opacity: 1;
    border-right: 0 !important;
    font-weight: 500;
    padding-right: 5px;
    border: solid 1px var(--primary-color) !important;
}
#productivity .productivity_team_action_row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#productivity .productivity_team_action_row.col-sm-12 .pull-left{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.upgrade_plan_backdrop_content .settings-section-view.appurlView{
   padding: 10px;
}
.upgrade_plan_backdrop_content .appurlView form:not(.smart-wizard){
    width: 100%;
}
.upgrade_plan_backdrop_content .appurlView form:not(.smart-wizard){
    width: 100%;
}
.app_category_name{
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 5px 0;
    margin-bottom: -5px;
    white-space: nowrap;
}
.attendence_rprt .appusage-userdetailGrph .appusage-user-icon .icon{
    width: 35px;
    height: 35px;
    background: var(--secondary-color) !important;
}
.category_head_settings{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#prod_app_block .overview_page_export_btn{
    margin-top: -37px;
    position: absolute;
}
.app_productivity_selection_view{
    width: 100%;
    padding-top: 10px;
    background-color: #ffffff73;
    border-top: 1px #ebf5f9 solid;
}

.employee_wellness_head_new{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:5px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    position: relative;
    z-index: 6;
    margin-top: -10px;
}
.employee_wellness_head_new h3{
    font-size: 22px;
    font-size: 18px;
    margin: 0;
    color: #000;
}
.employee_wellness_head_new label{
    padding-top: 0;
}
.employee_wellness_head_new .btn-color-mode-switch{
    position: static !important ;
    padding: 0 !important;
    width: auto !important;
    transform: inherit !important;
}
.employee_wellness_head_new .btn-color-mode-switch {
    scale: 0.8;
    margin-right: -20px;
}
.employee_wellness_head_new .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner {
    background: #e7e7e7;
}
.integrations-container{
    min-height: 280px;
}
.integrations-container .upgrade-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.integrations-container .upgrade-section .upgrade_section_upgrade_cnt{
    margin: inherit;
    top:inherit;
}
.integrations-container .upgrade-section .settingUpgradeModalHead {
    font-size: 25px;
}
.integrations-container .upgrade_section_upgrade_cnt .btn-plan-upgrade-settings{
    padding: 10px;
    font-size: 13px;
}
.integrations-container .upgrade_plan_backdrop_content{
        opacity: 0.3;
}
.frequency_selector input[type="checkbox"] {accent-color: #c4f54e;}
.settings_task_customization_btn{
    margin-right: -25px;
    border: 0;
    border-left: 1px #c7c7c7 solid;
    background-color: transparent;
    padding-left: 9px;
    margin-top: 3px;
}
.settings_task_customization .export-dropdow{
    right: -20px !important;
    top: 30px !important;
}
.settings_task_customization .export-dropdow label {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
    font-size: 13px;
}

.attribute-limit-tooltip{
    display:none;
    position:absolute;
    left: 25px;
    top: -6px;
    background:#fff;
    color: #000;;
    padding:6px 8px;
    border-radius:4px;
    font-size:12px;
    z-index:9999;
    border: solid 1px #e5e5e5;
}
.frequency_selector{
    display: flex;
    align-items: center;
    gap: 5px;
}
.frequency_selector label{
    border: solid 1px #e5e5e5;
    padding: 1px 10px;
    border-radius: 25px;
    font-size: 13px;
}
.settings_task_customization  .dropdown-menu{
    margin-top: 10px;
}
.timeZoneView{
    position: relative;
    text-align: center;
    border-right: 1px #e5e5e5 solid;
    padding-right: 5px;
    height: 34px;
}
.timeZoneView span.timeZoneDisplay{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    padding: 0px 8px;
    padding-top: 6px;
    max-width: 90px;
    margin: auto;
    line-height: 11px;
    font-size: 11px;
}
.timeZoneView span.timeZoneDisplay .fa{
    font-size: 18px;
    color: #878787;
    margin: 0 4px;
    position: relative;
    left: 3px;
}
.timeZoneView span.timeZoneDisplay small{
    font-size: 10px;
    max-width: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}
.show_hoverFull_zone{
    position: absolute;
    left: 0;
    bottom: -24px;
    background-color: #fff;
    padding: 5px 7px;
    color: #242424;
    text-align: center;
    border: solid 1px #e5e5e5;
    display: none;
}
.timeZoneView:hover .show_hoverFull_zone{
    display: block;
}
.timeBarIndication{
    margin-top: -10px;
}
.current_time_display{
    font-size: 12px;
    min-width: 72px;
    display: inline-block;
    color: #242424;
}
.settings_task_customization .dropdown-menu{
    min-width: 250px;
}
.attribute_start_date_column  .export-dropdow1{
    min-width: 270px;
}
.filter_close_btn{
    position: absolute;
    right: -8px;
    top: -13px;
    width: 25px;
    min-width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 9;
    color: #242424;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #e5e5e5;
    background-color: #fff
}
.upload_logo_section{
    width: 100%;
    padding: 40px 20px;
    background-color: #fff;
    border-radius: 5px;
    max-width: 500px;
    margin: 70px auto;
    box-shadow: 0px 8px 20px #f3f3f3
}
.upload_logo_section .logo-preview-section{
    border: solid 1px #f3f3f3;
    padding: 50px;
    text-align: center;
    max-width: 400px;
    margin: auto;
    margin-bottom: 40px;
}
.upload_logo_section h4{
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #666;
    font-weight: 200;
    font-family: system-ui;
}
.upload_logo_section h2{
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: #242424;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: uppercase;
}
#show_advanced_optns .form-group label{
    font-size: 12px;
    margin-bottom: 0;
}
#show_advanced_optns .form-group {
    margin-bottom: 3px !important;
}
.settings_task_customization li{
    position: relative;
}
.report-page-section{
    width: 100%;
    display: inline-block;
    position: relative;
}
.report_page_filter_section{
    width: 100%;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #F0F0F0;
    margin-top: 16px;
}
.report_page_filter_section_header{
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    color: #000;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.report_page_filter_date_prd_selector{
    display: flex;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
}
.report_page_filter_date_prd_selector span{
    font-size: 13px;
    color: #666;
    padding: 10px 5px;
    border-right: solid 1px #e5e5e5;
    width: 100%;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}
.report_page_filter_date_prd_selector span:hover{
    background-color: #eaf6f7;
}
.select_report_feild{
    width: 100%;
    display: inline-block;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    height: 33px;
}
.select_report_feild{
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 10px;
   font-size: 13px;
   cursor: pointer;
}
.btn-report-submit{
    background-color: var(--primary-color);
    width: 100%;
    text-align: center;
    border: 0;
    border-radius: 3px;
    color: #fff;
    margin-top: 25px;
}
.btn-report-submit:hover{
    background-color: #5e8502;
    color: #fff ;
}
.report_page_generated_files{
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    row-gap: 10px;
    padding: 10px 3px;
}
.show_example_preview_section .report_page_filter_section_header{
    padding: 0;
    margin: 0;
    border: 0;
}
.report_page_generated_files_list{
    width: 100%;
    display: inline-block;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    max-width: 200px;
    text-align: center;
}
.report_page_generated_files_icon{
    width: 100%;
    display: inline-block;
    padding: 10px;
    border:solid 1px #e5e5e5;
    border-radius: 5px;
}
.report_page_generated_files_list h5{
    margin-bottom: 0;
}
.report_page_generated_files_list a{
    font-size: 13px;
    margin: auto;
}
.report_page_generated_files_list img{
    transition: 0.3s ease-in-out;
}
.report_page_generated_files_list:hover img{
    transform: scale(1.1);
}
.report_page_sample_table{
    width: 100%;
}
.report_page_sample_table td, .report_page_sample_table th{
    border: solid 1px #e5e5e5;
    font-size: 13px;
    padding: 7px 10px;
}
.date_range_ico  .flatpickr-input{
    background-image: url(../img/date-icon.png);
    background-size: 16px;
    background-position: 95% 7px;
    background-repeat: no-repeat;
    padding-right: 30px;
    padding-left: 5px;
}
.upgrade-badge-project-ftr{
     position: absolute;
    right: 0;
    top: 0;
    background: rgb(255 255 255 / 97%);
    padding: 11px 8px;
    border-radius: 4px;
    border: 1px solid #eee;
    font-size: 12px;
    color: #383838;
    width: 100%;
}

.onboar_left_cnt_bx_section .module-selection{
    flex-wrap: inherit;
}
.onboar_left_cnt_bx_section .module-selection .col-md-3{
    width: 100%;
}
.reccuringTaskBoxrow .info_insight_rnd{
    line-height: 11px;
}
.reccuringTaskBoxrow .insight_info_cnt{
    bottom: 22px;
    top: inherit;
    font-size: 13px !important;
    font-family: sans-serif;
}
.webtimerSwitchedRevertPopup{
    width: 100%;
    height: auto;
    position: fixed;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 20px #00000017;
    left: 50px;
    bottom: 50px;
    z-index: 99;
    max-width: 450px;
    animation: animate4 1s ease;
}
@keyframes animate4 {
70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}
.webtimerSwitchedRevertPopup h3{
    font-size: 19px;
    color: #000;
    margin: 0;
    padding-right: 14px;
        margin-bottom: 4px;
}
.webtimerSwitchedRevertPopup .closeWebtimerSwitchedRevertPopup{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    text-align: center;
}
.advanced_prct_new_bx .form-control{
    padding-left: 5px;
}
.revertWebTimer{
    float: right;
    background-color: var(--primary-color);
    border: 0;
    padding: 7px 30px;
}
.revertWebTimer:hover{
    background-color: #5e8502;
    color: #fff ;
}
.efficiency-dividend-divisor-box{
    padding: 10px 20px;
    box-shadow: 0px 0px 20px #ededed;
    border-radius: 5px;
    padding-bottom: 20px;
}
.efficiency-dividend-divisor-box .row{
    display: flex;
    flex-wrap: wrap;
}
.current-baseline-metric-box{
    padding: 15px 20px;
    box-shadow: 0px 0px 20px #ededed;
    border-radius: 5px;
    padding-bottom: 20px;
    display: inline-block;
    padding-bottom: 13px;
    color: #222222;
}
.current-baseline-metric-box .d-flex{
    display: flex;
    align-items: center;
}
.current-baseline-metric-box .change-efficiency-btn{
    width: 150px;
    background-color: var(--primary-color);
    padding: 7px 30px;
    color: #fff;
    border-radius: 7px;
    font-size: 15px;
}
.current-baseline-metric-box .change-efficiency-btn:hover{
    background-color: #5e8502;
    color: #fff;
}
.efficiency_setting_view .efficiency-dividend-divisor-box .row .setting-checkbox-box{
        min-height: 140px;
    background-color: #fff;
}
.indication_ico_upgrade{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: -3px;
    z-index: 5;
}
.indication_ico_upgrade img{
    width: 100%;
}
.insight_user_achivement_user{
    width: 35px;
    min-width: 35px;
    height: 35px;
    border-radius: 30px;
    background-color: #004073;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
}
.insight_user_dtl_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.insight_most_work_achivement .insight_user_dtl_box{
    text-align: start;
    margin-top: 0;
}
.insight_app_usge_tbl .insight_most_work_achivement .insight_user_dtl{
    flex-direction: column;
    text-align: left;
    align-items: start;
    gap: 0;
}
.workTendTime{
   color: #242424 !important;
    font-weight: 200!important;
    font-size: 17px !important;
}
.activity_insight_box{
    padding-left: 20px;
}
.activity_insight_box h2{
    font-size: 45px;
    color: #242424;
}
.nonProductiveApptable{
    width: 100%;
}
.nonProductiveApptable tr{
    border-bottom: solid 1px #e5e5e5;
}
.nonProductiveApptable tr td{
    padding: 3px 0;
    font-size: 13px;
}
.nonProductiveApptable tr:last-child{
    border-bottom: 0;
}
.nonProductiveAppListNew{
    width: auto;
    display: flex;
    justify-content: end;
    gap: 5px;
}
.nonProductiveAppsHead{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nonProductiveAppsHead a{
    font-size: 13px;
}
.insight_highlite_user_details_card{
    width: 100%;
    display: inline-block;
    padding: 0;
    border: solid 1px #f5f5f5;
    margin-top: 10px;
    background-color: #fdfff5;
    color: #000000eb;
    font-size: 13px;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0.5;
}
.insight_highlite_user_details_card.negative_text{
        background-color: #fffaf3;
}
.insight_highlite_user_details_card_top_sec{
    padding: 5px;
}
.insight_highlite_user_details_card_cnt{
     width: 100%;
    display: inline-block;
    padding: 8px;
    padding-top: 0;
}
.insight_highlite_user_details_card_top_sec span.insight_user_dtl_name{
    color: #000;
    font-weight: 500;
}
.effcient_point_txt{
    color: #669000;
    font-weight: 500;
    position: relative;
    margin-left: 20px;
}
.efficincy_usr_tag_bx{
    background-color: #fff;
    padding: 1px 5px;
    border: solid 1px #dbdbdb;
    border-radius: 3px;
    font-size: 12px;
}
.efficincy_usr_tag_bx::before {
    content: '';
    position: absolute;
    left: -17px;
    top: 51%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 19px solid #e9e9e982;
}
.insight-activity-eff-box-value  .insight-utlization-trend{
    width: auto;
    display: inline-block;
}

.efficiency_setting_view .efficiency-dividend-divisor-box .setting-checkbox-input:checked + label{
    background-color: transparent;
}

.webTimer_icon{
    width: 17px;
    height: 17px;
    background-color: #fff;
    border-radius: 30px;
    position: absolute;
    left: -5px;
    bottom: -3px;
    z-index: 5;
    border: solid 1px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.webTimer_icon img{
    width: 90%;
    height: auto;
    position: relative;
    top: 0px;
}
.geoTracking_icon{
    width: 17px;
    height: 17px;
    background-color: #fff;
    border-radius: 30px;
    position: absolute;
    left: -5px;
    bottom: -3px;
    z-index: 5;
    border: solid 1px #e5dfdf;
    display: flex;
    align-items: center;
    justify-content: center;
}
.geoTracking_icon img{
    width: 90%;
    height: auto;
    position: relative;
    top: 0px;
}
#baselineMetricModal .modal-dialog{
    max-width: 460px;
}
#baselineMetricModal .modal-header h3{
    margin: 0;
}
#baselineMetricModal .modal-body h5.modal-title{
    text-align: left;
    margin-bottom: 5px;
    margin-top: 15px;
}
#baselineMetricModal .modal-body p{
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 30px;
}
 #baselineMetricModal .modal-footer .btn-secondary{background-color: transparent;border: solid 1px #ccc}
.dark-mode  #baselineMetricModal .modal-footer .btn-secondary{background-color: transparent;border: solid 1px #424242}
#baselineMetricModal .modal-header{border-bottom: 0}
#baselineMetricModal  .modal-content{border-radius: 10px;}

#upgarde_alert_modal .modal-header{border: 0;}
#upgarde_alert_modal h3{color: #363636;}
.upgrade_alert_btn{position: relative;}
.report_page_filter_section .form-group label{width: 100%;display: inline-block;color: #000;margin-bottom: 0;}
.report_page_filter_section .form-group .select2-container{width: 100% !important;}
.report_page_filter_section .form-group .select2-container .select2-selection--single{height: 40px;}
.report_page_filter_section .form-group .select2-container .select2-selection--single .select2-selection__rendered{line-height: 40px;}
.report_page_filter_section .form-group .select2-container .select2-selection--single .select2-selection__arrow{height: 40px;}
.report_page_filter_section .form-group select.form-control{height: 40px;}
.report_page_filter_section .form-group .select_report_feild{height: 40px;}
.report_page_filter_section  .btn-report-submit{ padding: 10px 20px;min-width: 180px;margin-top: 0;}
.input_date_picker_icon_new{
    background-image: url(../img/date-icon.png);
    background-position: 98% 45% ;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 30px;
}

/************* Responsive Start **************/
.insight_highlite_user_details_card_top_sec .most_users_list .insight_user_dtl{
    justify-content: start;
}
.taskOptUpgradePlan input{
    cursor: not-allowed;
    opacity: 0.5;
}
.taskOptUpgradePlan{
    color: #ccc;
}

.taskOptUpgradePlan .indication_ico_upgrade{display: block !important;}

.insight_highlite_user_details_card_top_sec .insight_user_dtl{
    opacity: 1 !important;
}
.insight_most_work_Section_card{display: none;}
.insight_most_work_achivement .insight_most_work_Section_card{
    width: 100%;
    display: inline-block;
    position: relative;
    background-color: #fdfff5;
    padding: 5px;
    /* border: solid 1px #f5f5f5; */
    /* box-shadow: 0px 2px 10px #e7e7e7; */
    margin-top: 5px;
    color: #587a05;
    font-size: 13px;
    font-family: "Poppins", sans-serif;
}
.negative_text.insight_most_work_Section_card{
    background-color: #fffaf3;
    color: #640000;
}
.mydesklg_prj_dtl.disabled-section .panel-body{
    position: relative;
}
.mytask-upgrade-overlay{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ffffffad;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: #000;
    text-align: center;
}
.upgrade_main_overlay{
    width: 97%;
    display: inline-block;
    padding: 10px;
    position: absolute;
    height: 97%;
}
.show_or_hide_generated_files{
    display: none;
}

/************* Responsive Start **************/
.btn_upgrade_plan_ico{
    background-color: #fff;
    border-radius: 30px;
    line-height: 0;
    right: -7px;
    padding: 1px;
    border: solid 1px #d1d1d1;
}
.report_page_filter_btn_row_flex{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.report_page_filter_section .btn-outline-primary{
        padding: 10px 20px;
}
#userAministration .form-group label{
    width: 100%;
    display: inline-block
}
#userAministration .multiselect-container{width: 100% !important;}
#userAministration .btn-group{width: 100% !important;}
#createproject .select2-container{height: 40px;}
#createproject .select2-container .select2-selection--single{height: 40px;}
#createproject .select2-container  .select2-selection__rendered{line-height: 40px;}
#createproject .select2-container .select2-selection__arrow{top: 6px;}
.modal-content #profit_loss_config_select[disabled]{opacity: 0.5;}
.mytask-upgrade-overlay .img-text-sec a {
    max-width: 180px;
    width: 100%;
    display: inline-block;
}
.mytask-upgrade-overlay .img-text-sec a button{
    width: 100%;
}

.report_page_generated_files .no-files-message{
    margin: auto;
}
#block_workprojectbardiv .work_task_rprt_box .work_task_rprt_box_cnt #total_time_at_work {color: #81B504 !important; }
.admin-user-top-sec .category-chart-sec{
    min-height: 290px;
}

.plan-img-sec .img-text-sec{
    text-align: center;
}
.plan-img-sec .img-text-sec a{
    max-width: 200px;
    display: inline-block;
    width: 100%;
}
.plan-img-sec .img-text-sec a .btn{
    width: 100%;
}


#report_generation_progress .generateExcelProgressSec{
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 0 8px;
}
#report_generation_progress{
    width: 100%;
    display: inline-block;
    border: 0 !important;
    background-color: transparent !important;
    text-align: center;
}
#report_generation_progress .generateExcelProgressText{
    margin-bottom: 5px;
    color: #303030;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    font-size: 15px;
}
#report_generation_progress .generateExcelProgressSec .progress{
    width: 100%;
}
.upgrade-report-option{
    pointer-events: none;
}
.upgrade-report-option.checkbox-label span{
    color: #ccc;
    display: flex;
    gap: 10px;
    align-items: center;
    /* justify-content: space-between; */
    width: 100%;
}
.report_page_filter_btn_row_flex .submit_report_btn_btn_bx{
    position: relative;
    margin-top: 6px;
}
.report_page_filter_btn_row_flex .submit_report_btn_btn_bx .generateExcelLoader{
    background-color:#adcf5c;
    width: 100%;
    text-align: center;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    color: #fff;
     line-height: 35px;
    border-radius: 0;
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.report_generation_progress_div{
    width: 100%;
    display: inline-block;
    min-height: 28px;
}

.switch_user_plan_pop .modal-content{
    border-radius: 15px;
    max-width: 550px;
}
.switch_user_plan_pop .subheading{
    text-align: center;
    font-size: 13px;
    margin-left: -13px;
    padding: 0 20px;
    margin-top: 6px;
}
.switch_user_plan_pop .subheading br{
    display: none;
}
.switch_user_plan_pop .subheading span.paln_switch_usr_count{
    width: 100%;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center ;
    margin-top: 10px;
}
.switch_user_plan_pop .subheading span.paln_switch_usr_count span{
    padding: 5px 10px;
    border: solid 1px #e5e5e5;
    border-radius: 30px;
}
.switch_user_plan_pop .table thead{
    background-color: #fff !important;
}
.switch_user_plan_pop .table td {
    border-top: 1px dashed #eaeff0;
    word-wrap: break-word;
        max-width: 250px;
}
.switch_user_plan_pop .modal-footer-text .text{
    padding: 10px;
    background-color: aliceblue;
}
.switch_user_plan_pop .modal-body{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.floating-popup-style-1 {
    position: fixed;
    bottom: 50px;
    right: 0;
    left:0;
    max-width: 550px;
    width: 95%;
    margin: auto;
    z-index: 9999;
    animation: slideInRight 0.5s ease-out;
}

.floating-popup-style-1-content {
    background-color:#fff;
    color:rgb(19, 16, 16);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items:center;
}

.floating-popup-style-1-close {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    color: #9d9b9b;
    font-size: 20px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.floating-popup-style-1-close:hover {
    background: rgba(0, 0, 0, 0.3);
    transform: rotate(90deg);
    color: #fff;
}

.floating-popup-style-1-text {
    flex: 1;
}

.floating-popup-style-1-text strong {
    display: flex;
    gap:5px;
    align-items: center;
    font-size: 22px;
    margin-bottom: 8px;
    font-weight: 500;
}

.floating-popup-style-1-text p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.floating-popup-style-1-text a {
    color: #81b504;
}
#myTaskModal .task_select_first_view .multiselect-container {
    width: 100%;
}
.report_page_filter_section .btn-group .btn-default{display: flex; justify-content: space-between; align-items: center;padding: 9px 9px;}
.report_page_filter_section .multiselect-item .input-group-btn .btn-default{padding: 10px 10px;}
#engagedUsersModal #engagedUsersTable td{
    text-align: left;
    border-right: 1px solid #eaeff0 !important;
    word-wrap: break-word;
}
#engagedUsersModal .modal-title { font-size: 21px; font-weight: 500;margin-bottom: 10px;}
.engaged_inactivity_category_select .multiselect-container{
    width: 100% !important;
}
#myTaskModal.time_request_popup #taskprojectDiv .multiselect{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#myModal.time_request_popup #projectDiv .multiselect{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width:1500px){
    .project_filter_box.timline_filter .col-md-6{width: 100%;}
    .project_filter_box.timline_filter .col-md-6 .row.filter_row_new{text-align: center; display: flex ; justify-content: center; flex-wrap: wrap;margin-bottom: 13px;}
    .project_filter_box.timline_filter .col-md-6 {text-align: center; display: flex ; justify-content: center; flex-wrap: wrap;gap: 10px;}
}
@media (max-width:1450px){
    .employee_wellness_break_box_head{flex-direction: column}
    .project_listpage_filterBx .row{width: 100%;}
    .working_hr_box p{font-size: 12px;}
    .weektable_option2 .main-table th, .weektable_option2 .main-table td{padding: 10px 16px;font-size: 15px;}
    .appusage_top_timehour_graph{max-width: 240px;}
    #time_data #datemsg {font-size: 12px;}
    .insight-highlight-scroll-div .insight-highlight-box {padding: 4px 10px !important;}
    .insight_clock_in_out_dtl h4{font-size: 20px !important;}
    .insight_app_usge_tbl .insight_most_work_achivement .insight_user_dtl_name{font-size: 14px;}

}
@media (max-width:1160px){
    .employee_wellness_break_box_row .col-md-6{width: 100%;}
    .disc-list{gap: 80px; justify-content: center; align-items: center; flex-direction: column;}
    .disc-list li p{line-height: 15px;top: 150px;}
    .disc-list li{width: 130px; height: 130px;margin-bottom: 30px;}
    .dashboard_center_show_data_section_cnt{top: 0;}
    .disc-list li span{font-size: 13px;}
    #productivity .productivity_team_action_row{flex-direction: column;align-items: start;gap: 10px;}
    .disc-list li svg{width: 160px; height: 160px;}
}
@media (max-width:470px){
    /* .employee_wellness_break_box_head_right{flex-direction: column} */
    .email_config_row_bx{flex-direction: column}
    .right_setting_tab_view .upgrade-section .upgrade_section_upgrade_cnt{top: 20%;}

}


  @keyframes borealisBar {
    0% {
      left: 0%;
      right: 100%;
      width: 0%;
    }
    10% {
      left: 0%;
      right: 75%;
      width: 25%;
    }
    90% {
      right: 0%;
      left: 75%;
      width: 25%;
    }
    100% {
      left: 100%;
      right: 0%;
      width: 0%;
    }
  }

/***Demo Modal End***/

@keyframes blink {
  0%, 100% {opacity: 1;}
  50% {opacity: 0.4;}
}
@keyframes bounceAlert {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

@media (min-width: 1200px){
    .geo_location_sec .col-md-6:first-child{padding-right: 5px;}
    .geo_location_sec .col-md-6:last-child{padding-left: 5px;}
}
@media (max-width: 1930px){
    .mydesklg_prj_dtl .project_task_dtl_graph_sec .graph_prj_box{max-width: 300px;}
}
@media (max-width: 1730px){
    .mydesklg_prj_dtl .dashbrd_project_prgs_box_name{max-width: 280px;}
    .flex-row-most-efficient .card-body-insight .nav-tabs h4{font-size: 14px;}
    .card-body-insight h4{font-size: 14px !important;}
    .insight-highlight-scroll-div h6{font-size: 14px !important;}
    .insight-head-right-content p{font-size: 11px !important;}
    .insight_most_work_achivement .insight_most_work_Section_card{line-height: 18px;}

}
@media (max-width: 1600px){
    /* #billabeltask{height: 150px !important;} */
    .user_timeline_new_view{ max-width: 600px;}
    .user_timeline_new_view{overflow: auto;}
    .dashbrd_project_prgs_box_name{max-width: 300px;}
}
@media (max-width: 1570px){
    .mydesklg_prj_dtl .project_task_dtl_graph_sec .graph_prj_box{margin-left: -80px;}
    .prj_detail_top_tab_head .nav-tabs > li > a{margin-right: 5px !important;}
    .prj_details_filter_bx .btn-default{padding: 5px 5px;}
    .prj_right_progress_bx .nav_tab{padding: 0 0px;}
    .prj_details_filter_bx{gap: 2px;}
    .insight_app_usge_tbl td{min-width: inherit !important;}
    .appusage_prdvity_sec .insight_app_usge_tbl td{font-size: 12px;}
    .appusage_prdvity_sec .insight_app_usge_tbl td span.green{max-width: 50px;overflow: hidden;;text-overflow: ellipsis;display: inline-block;}
    .flex-row-most-efficient .card-body-insight .nav-tabs h4{font-size: 13px;}
    .ontimePerformers_sec .nav-tabs h4{font-size: 12px;}
    .card-body-insight .nonproductiveAppListDtl h4{font-size: 13px;}
    .nonproductiveAppListDtl p{font-size: 10px;}
}
@media (min-width: 1400px){
    .assignd_view_bx strong{font-size: 35px;}
    .task-count-sec strong{font-size: 35px;}
}
@media (max-width: 1450px){
    .work-report-graph-totalprdct-percntg strong{font-size: 30px;}
    .work-report-graph-totalprdct-percntg{height: 42px;}
    .appusage_top_view_sec_load .admin-user-overview-col{width: 22%;}
    .productivity_user_name_bx{font-size: 14px;}
    .productivity_user_box .ttl_work_time{font-size: 13px;}
    body{font-size: 14px;}
    .dashbrd_project_prgs_box_name {font-size: 15px;}
    .prj_dtl_table th {font-size: 15px;}
    .bg-black .nav > li.active > a::after{height: 40px;}
    .task-count-sec span{font-size: 12px;}
    .task-count-sec strong{font-size: 25px;}
    .assignd_view_bx strong{font-size: 25px;}
    .acteff_content h5{font-size: 13px;}
    .app-content-body .appusage-view1 th{font-size: 13px !important;}
    .table th, td{font-size: 14px !important;}
    .insight_user_dtl{font-size: 13px !important;}
    .insight-highlight-box{font-size: 12px !important;}
    .insight_highlite_user_details_card-highlight-box{font-size: 12px !important;}
    .insight_app_usge_tbl td strong{font-size: 13px !important;}
    .insight_most_work_achivement .insight_user_dtl { font-size: 16px;}
    .punctuality_head_view{margin-top: 13px;}
    .acteff_content h2{font-size: 23px;margin-top: 5px;}
    .screenshot-indu #screenshot_img img{min-height: 140px;}
    .productivity_user_name_bx{max-width: 120px;}
    .project_task_dtl_graph_sec .graph_prj_box { max-width: 250px; }
    .screenshot{grid-template-columns: 1fr 1fr 1fr;}
    .insight-activity-eff-box-value h2{font-size: 50px;}
}
@media (max-width: 1600px){
   .appusage_single .admin-user-overview-col .top-grid-report {font-size: 1.7em;}
   .appusage_single .admin-user-overview-col .top-grid-title {  font-size: 1.0em;margin-bottom: 5px; display: inline-block;}
   .appusage_single #time_data .admin-user-overview{display: flex !important;align-items: center;justify-content: space-evenly;}
   .appusage_single .admin-user-overview-col{margin-left: 1% !important;margin-right: 1% !important;}
  .app_usage_top_activity_sec{max-width: 200px;}
  .appusage_top_timehour_graph .app_usage_top_activity_sec{max-width: inherit;}
  .my_dashboard_panel_time_total_sc{font-size: 27px;}
  .screenshot_view-indu{height: 100%;margin-bottom: 10px;}
  .working_hr_box h3{font-size: 27px !important;}
  .working_hr_box:first-child{width: 100%;}
  .working_hr_box:nth-child(2){width: 100%;}
  .working_hr_box:nth-child(3){width: 100%;}

}
@media (max-width: 1400px){
    .webtimer_sec .my_dashboard_panel_time_view_box{width: 230px;min-width: 200px;}
    .my_dashboard_panel_time_view_box_time strong {font-size: 25px;}
    .mytask_todo_task_row{ grid-template-columns: 0.7fr 0.5fr 50px 30px; }
    .timeline-top-gridview-box{grid-template-columns: 35px 1fr;}
    .count_timeline_box span{font-size: 12px;}
    .count_timeline_box h4{font-size: 26px;}
    .acteff_content h2{font-size: 25px;letter-spacing: -1px;}
    .top-grid.top-grid-admin>div .top-grid-img{width: 45px;margin-left: 5px;}
    .top-grid.top-grid-admin>div {grid-template-columns: 60px 1fr;}
    .working_hr_box .down_arrow_tsk {padding: 5px;width: 19px !important;}
    .working_hr_box .up_arrow_tsk {padding: 5px;width: 19px !important;}
    .working_hr_box h3{font-size: 24px !important;letter-spacing: -1px;}
    .working_hr_box:first-child{width: 97%;}
    .working_hr_box:nth-child(2){width: 97%;}
    .acteff_content h2 span{padding: 5px 4px;  font-size: 9px;letter-spacing: 0;}
    .work_task_rprt_box_cnt h5{font-size: 24px;}
    .work_task_rprt_box_cnt h5 span{padding: 5px 4px;  font-size: 9px;}
    .acteff_main_box{padding: 15px !important;}
    .project-card-text h5{font-size: 17px;}
    .prj_config_profit_sc .radio-inline{font-size: 15px;}
    #zoomimg .modal-dialog{max-width: 800px;}
    .mydesklg_prj_dtl .dashbrd_project_prgs_box_name{max-width: 250px;}
    .prj_task_btn_row{margin-right: 0;}
    .minHourViewSec{min-width: 140px;}
    .card-body-header-flex .nav-tabs > li > a{margin-right: 5px !important;}
}
@media (max-width: 1330px){
    .attndc_report_weekly .table{white-space: nowrap;}
    .mydesklg_prj_dtl .project_task_dtl_graph_sec .graph_prj_box {max-width: 280px;}
    .prj_details_filter_bx .btn-default {padding: 5px 2px;    }
    .manual-flip .team_managers_view {padding-top: 15px;}
    .manual-flip .team_managers_view span {position: absolute; top: -2px;}
    .card-body-header-flex .nav-tabs > li > a > h4 { font-size: 11px; }
    /* .insight-highlight-box { font-size: 11px !important; } */
}
@media (max-width: 1300px){
    .prj_detail_top_tab_head .nav-tabs > li > a{margin-right: 0px !important;}
}
@media (max-width: 1270px){
    .acteff_content h2 {font-size: 23px;}
    .project_view_btm_info_sec{display: grid;grid-template-columns: 1fr 1fr;}
    .leaveReportTopSection .col_main{float: none; display: flex ; flex-direction: column; width: 100%;}
    .leaveReportTopSection .col{width: 100%;}
    .flex-row-most-efficient .card-body-insight .nav-tabs h4{font-size: 12px;}
}
@media (max-width: 1250px){
    .my_dashboard_panel_time_total_sc{font-size: 22px;}
    .my_dashboard_panel_time_view_right_ttl{    margin-left: 3%;}
    .user_timeline_new_view{ max-width: 500px;}
    .admin-user-timeLlne .note-content ul li {margin-right: 0 !important;font-size: 12px !important;}
    .appusage_single .admin-user-overview-col .top-grid-report {font-size: 1.5em;}
    .geo_fetch_main_sec  .col-md-2{ width: 100%; padding-left: 15px; padding-right: 15px !important; }
    .geo_fetch_main_sec  .col-md-10{ width: 100%; padding-left: 30px !important; padding-right: 28px; }
    .map_user_detail_section .row .col-md-4{ width: 100%; margin-top: 10px; }
    .geo_fetch_user_log{ width: 97%; margin: auto; display: inherit; margin-top: 10px; }
    .geo_fetch_main_sec .col-md-2 {display: flex;}
    .minHourViewSec{min-width: 140px;}
}
@media (max-width: 1200px){
.create_client_tp_btn{position: fixed;margin-top: 0;right: 220px;}
.create_team_btn{right: 220px;}
.break-2col-1200 .col-md-3{width: 50%;flex: inherit;}
.break-2col-1200 .col-md-4{width: 50%;flex: inherit;}
.screenshot {grid-template-columns: 1fr 1fr;}
}
@media (max-width:1190px) {
.project_view_btm_info_sec{display: inline-block;}
.prft_loss_bx_prj_overview {max-width: 100%;}
.setting_top_btn_sec{right: 210px;}
.settng_usR_role{right: 220px;z-index: 9991;}
}
@media (max-width:1170px) {
    .activities_section_cnt_sec table{min-width:700px;}
    .user_pagination_new{width: 100%;}
    #generate_report_app_usage{position: static !important;}
    .create_user_btn_top {position: static;margin-top: 30px;justify-content: start !important;gap:5px;margin-bottom: -20px;}
    .fixed-height #generate_report{    margin-right: -15px;}
    .work_shedule_create { position: static !important;margin-top:10px !important;}
    .project_fltr_new .row{width: 100%;}
    .project_fltr_new .row .col-md-3{margin-bottom: 10px;}
    .project_fltr_new .row .col-md-2{margin-bottom: 10px;}
    .project_fltr_new .export_btn{margin-top: 10px;margin-left: 0;}
    #priority_select{width: 100% !important;}
    .absnce_dtl_btn {position: static !important;    margin-top: 10px;}
    .add_pymnt_methord_btn {position: static !important;margin-top: -39px;margin-bottom: 50px;}
    .setting_top_btn_sec .btn {margin-bottom: 5px;padding: 6px 5px;}
    .mytask_top_dtl{position: static;    margin-top: 12px;}
    .company_leavs_btn{position: static !important;}
    .absnc_cldr_flt_2{flex-wrap: wrap;justify-content: center;}
    .absnc_cldr_flt_2 .page-title{margin-bottom: 8px;}
    .absnc_cldr_flt_2{margin-bottom: 8px;}
    .btn_row_absce{display: flex;align-items: center;row-gap: 5px;gap: 5px;}
    .appusage_top_view_sec{flex-wrap: wrap;justify-content: center;}
    .admin-user-timeLlne{text-align: center;}
    .appusage_top_timehour_graph{order: 2;border-right: 0;max-width: 48%  !important;}
    .app_usage_top_activity_sec{text-align: center;order: 3;max-width: 50% !important;}
    .appusage_single .appusage_top_view_sec .wrapper-md{padding-bottom: 0px;order: 1;    flex: 0 0 auto;}
    .appusage_single .app-usage-indiv1{margin-left: 10px;margin-right: auto;margin-top: 0;}
    .appusage_single .app-usage-page-dateselect{flex-direction: column-reverse;}
    .appusage_top_view_sec_load{flex-wrap: wrap;justify-content: center;}
    .appusage_single .usage_app_load .app-usage-indiv1{margin-right: auto;}
    .appusage_single .excel_download_btn {float: left !important;margin-top: 14px;margin-left: -18px;position: static;}
    #time_data .appusage_top_view_sec_load .admin-user-overview{text-align: center;}
    .appusage_top_view_sec_load .admin-user-overview-col{text-align: center;}
    .user_timeline_new_view{max-width: 90%;}
    .appusage_top_view_sec_load .appusage_top_timehour_graph {display: flex; max-width: 400px; margin-bottom: 20px; align-items: center;flex-wrap: wrap;}
    .appusage_top_view_sec_load .appusage_top_timehour_graph .app_usage_top_activity_sec{width: 49%;order: 2;}
    .appusage_top_view_sec_load .appusage_top_timehour_graph .appusage_top_left_work_hour_graph{width: 49%;order: 1;}
    .appusage_top_view_sec_load .appusage_top_timehour_graph .thismonthholiday{order: 3;}
    .work_task_main_section .workTask_graphbox{margin-bottom: 23px;}
    .wrapper-md.page-heaad1 .select2-container{width: 110px !important;}
    .wrapper-md.page-heaad1 .search-user-fltr{width: 170px !important;}
    .btn_row_absce .work_shedule_create{margin-top: 0 !important;}
    .create_client_tp_btn{position: fixed; z-index: 9991; right: 215px; top: -24px;}
     .prj_detail_top_tab_head{flex-direction: column-reverse !important;align-items: center;justify-content: center;gap: 10px;}
     .project_filter_sec{margin-left: inherit;}
}
  @media (max-width:1580px) {
    .appusage-userdetailGrph{grid-template-columns:210px 210px !important; gap: 0px !important;}
    .tsk_box_full{width: 100% !important;}
    .project_task_dtl_graph_sec{justify-content: space-between;margin-bottom: 15px;}
    .my_task_flter .task_boxs_lst .col-md-2{padding: 0 5px;width: auto;}
    .row_flex_free .height100{min-height: inherit;}
    .day-number:hover .clockinout_dtl {display: inline-block;margin-top: 0;}
    .day-number:hover .time_work_dtl strong{margin-bottom: -6px;float: left;width: 100%;}
    .day-number:hover  .time_work_dtl p{margin-bottom: 0;}
    .day-number:hover .clockinout_dtl_box p{margin-bottom: -5px;    float: left;}
    .day-number:hover .time_work_dtl{background-color: #fff;}
    .time_request_pop_time .new_date_selection_field_box_frmt {  height: 51px;}
    .new_nav_option_icon{ top: 12px;}
    .insight_header_fix h4{font-size: 14px;}
    .insight_header_fix select#date_type{width: 100px !important;}
    .insight_header_fix .select2-container{width: 100px !important;}
    .workTask_box_top_time{font-size: 13px;}
}
@media (max-width:1300px) {
.project_filter_box_sec{flex-direction: column;}
.project_task_dtl_graph_sec .graph_prj_box{max-width: 250px;}

}

@media (max-width:1250px) {
    .my_task_flter .task_boxs_lst{display: flex;width: 100%;flex-wrap: wrap;row-gap: 12px;padding-left: 8px;}
    .mytask_todo_task_row{ grid-template-columns: 0.7fr 0.8fr 50px 30px; }
    /* .project_task_add{top: inherit; position: absolute;  right: 10px; bottom: 18px;} */
    .app_usage_top_activity_sec{max-width: 160px;}
    .dashbrd_project_prgs_box_name {max-width: 200px !important;}
    .user_mydesklog_top_bar{flex-direction: column !important; justify-content: center; text-align: center;gap: 10px;}
    .user_mydesklog_top_bar .app-usage-indiv1{margin: auto;}
}
@media (max-width:1200px) {
    .project_task_view_row .row.mt-5{flex-wrap: wrap;}
    .project_task_view_row .row.mt-5 .col-md-7{width: 100%;}
    .project_task_view_row .row.mt-5 .prj_overview_billtask{width: 100%;}
    .project_task_view_row .col-md-3.breakflltab{overflow: visible;}
    .project_task_dtl_graph_sec .graph_prj_box {max-width: 230px;}
}
@media (max-width:1190px) {
    .task_dtl_bx_2{display: inline-block !important;width: 100%;margin:0;}
    .task_dtl_bx_2 .col-lg-6{padding: 0 !important;}
    .timeline-top-gridview{grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));}
    .productivity_user_box table{min-width: 400px;}
    .working_hr_box:nth-child(2){height: 90%;}
    .working_hr_box:first-child{height: 90%;}
    .acteff_main_box{padding:16px 15px !important;}
    .breakflltab{width: 100% !important; overflow: auto;}
    .project_dashboard_top_view{flex-wrap: wrap;}
    .project-card{margin-top: 0;width: 48%;}
    .project-overview-graph{max-width: 430px;margin: auto;display: inherit;}
    .work-report-graph-totalprdct-percntg{line-height: 23px;font-size: 15px;}
    .work-report-graph-totalprdct-percntg strong {font-size: 25px;}
    .project_view_btm_info_sec{margin-top: 20px;}
    .task-overview-graph{max-width: 430px;margin: auto;display: inherit;}
}
@media (max-width:1170px) {
    .attendance_export_btn_row .detaild_report_view2{position: static;margin: auto;}
}
@media (max-width: 1155px){
    .dashboard_onboard_pending_bar{margin-bottom: -10px;}
    #steps_onboard{float: none !important;}
    .total_task_spent_mytask{position: static;text-align: center;padding: 5px 0;width: 100%;}
    .break_full{width: 100% !important;}
    .work_task_main_section{overflow: visible;}
    .project_task_dtl_graph_sec{flex-wrap: wrap;justify-content: center;}
    .graph_prj_box{width: 100%;max-width: 400px;}
    .prj_fr_dashbord_name .dashbrd_project_prgs_box{max-width: 100%;}
    .prj_fr_dashbord_name .dashbrd_project_prgs_box{max-width: 100%;}
    .prj_fr_dashbord_name .dashbrd_project_prgs_box_name{max-width: inherit;}
    .prj_detail_top_tab_head{flex-direction: column;justify-content: center;}
    .project_filter_sec{margin-left: inherit;}
    .mydesklg_prj_dtl .project_task_dtl_graph_sec .graph_prj_box{margin-left: 0;}
    .mydesklg_prj_dtl .dashbrd_project_prgs_box_name{max-width: 100% !important;}
    .project_filterRow_box{flex-wrap: wrap;justify-content: center;}
    .get_start_view_box{max-width: 500px;}
    .get_start_view_box .row .col-md-6{width: 100%;}
    .get_start_intro_page_box{max-height: 380px; overflow-x: hidden;}

}
@media (max-width:1040px) {
    .project_fltr_new .row{display: inline-block;}
    #generate_report_app_usage_weekly{margin-top: 0;margin-left: 5px;}
    .profile_card .media-body{width: 100%;}
    .profile_card .media{width: 100%;}
    .upgrade_you_plan_box{max-width: 170px;}
    .app-usage-indiv #form_date_change .app-usage-indiv2{margin: auto !important;}

}
@media (max-width:1010px) {
    .productivity_bar_graph_sec .task_qck_bx_info:hover [data-tooltip]:before{right: 0;}
    .appusage_single #time_data .admin-user-overview{display: inline-block !important;}
    .create_team_btn { position: relative !important; margin-top: -20px; z-index: 99; right: 0; top: -14px !important; }
    .sets_dflt_algn{margin-top: -50px; width: 100%; position: absolute;right: 140px;top: 37px;}
    .setting_top_btn_sec{position: static !important;margin-bottom: 10px;margin-top: 10px;}
    .add_payment_methord_btn{position: relative !important;top: -10px;;right: 160px;margin-top: -40px;}
    h1.h3.font-thin {margin-bottom: 10px !important;position: relative;z-index: 0;}
    .mytask_todo_task_row{display: inline-block;width: 100%;}
    .task_new_right_sec{padding-left: 0;margin-top: 8px;border: 0;}
    /* .appusage_right_fltr_2{display: inline-block;width: 100%;} */
    /* .appusage_right_fltr_2 .appusage_date_exl{width: 100%;display: flex; justify-content: space-between;} */
    /* .filter_sort_sc {width: 100%;max-width: 100%;}
    .filter_sort_sc .btn{width: 100%;max-width: 100%;} */
    .appusage_right_fltr_2{align-items: center;gap: 10px;}
    .task_start_stop_btn{position: absolute;right: 10px; bottom: 17px;}
    .work_shedule_create{margin-top: 0;}
    .project_timline_flt_row{display: flex;gap: 10px;align-items: center;}
    .appusage_right_fltr_2 .appusage_date_exl{margin: 0;width: auto;}
    .project_timline_flt_row .app_usage_date_fltr{width: auto;}
    .create_team_btn{right: 210px;z-index: 9991;}
    .table-responsive{width: 100%;}
    .task_new_create_box{width: 90%;}
}

@media (max-width:991px) {
.enq_pop_row{display: inline-block;width: 100%;}
.d-flx-dv{display: inherit;}
.attendence_rprt .desklog-time-bar{max-width: 100%;    margin-top: 10px;}
.enqur_pop_img{display:none;}
.fixed-height #generate_report{margin-top: -6px;margin-bottom: 10px;margin-right: 10px;}
.dashboard_prj_task_dtl_box{overflow: auto;}
.prj_dtl_table{min-width: 800px;}
/* .project_task_dtl_graph_sec{display: inline-block;} */
.dashbrd_project_prgs_box_row{    justify-content: space-between;}
.graph_prj_box{margin-bottom: 20px;margin-top: 15px;}
.my_dashboard_panel_main_timer_sec{text-align: center;display: inline-block;}
.my_dashboard_panel_main_timer_sec.webtimer_sec{margin-top: 50px;}
.my_dashboard_panel_main_timer_box{width: 100%;min-height: inherit;}
#reset_filter_div {width: 100%;}
.total_task_spent_mytask{position: static;text-align: center;padding: 5px 0;width: 100%;white-space: nowrap;}
.workTask_box_top_time {width: 94%;    font-size: 13px;}
.left_arrow_cnt{display: none;}
.settings-section-view{padding-top: 45px;}
.gnrl_st_tab_mn_respo .btn-link.active{top: -32px;}
.gnrl_st_tab_mn_respo .btn-link{position: absolute;top: -40px; right: 20px;}
.settings_main_view_pg{    padding-top: 45px !important;}
.gnrl_stngs_lft .nav-tabs li{width: 100%;}
.right_setting_tab_view{height: auto;border-left: 0;}
.settings-section-view{height: auto;}
.sets_dflt_algn{position: static;float: left;margin-bottom: 10px;margin-top: 10px;}
.personlSettingsDv{display: inline-block;width: 100%;}
.right_setting_tab_view form .btn-primary{margin-top: 10px;}
.time_work_dtl strong{font-size: 15px;}
.time_work_dtl p{font-size: 14px;}
.clockinout_dtl_box strong{font-size: 12px;}
.clockinout_dtl_box p{font-size: 10px;}
.acteff_main_box .task_qck_bx_info [data-tooltip]:before{width: 250px !important;}
/* .chartjs-tooltip{font-size: 10px;white-space: pre-line;} */
.leav_page_sc .app-usage-indiv1{margin-left: 0 !important;float: left;width: 100%;}
.leav_page_sc .nav-tabs{margin-bottom: 10px; padding-bottom: 7px;}
#myModal .scroll-bar-container{overflow: auto;    width: 100%;}
#cancelPaymentConfirmModal .modal-dialog{width: 95%;}
.add_payment_methord_btn{position: static !important;margin: 0px;  margin-bottom: 50px;}
.col.user_dtl_view_sec2 #generate_report_app_usage{position: static !important;}
.onboar_left_cnt_bx_section{flex-direction: column;gap: 0;}
.onboard_right_content{max-width: 100%;width: 100%;}
.select_box_cld{margin-bottom: 15px;}
.onboard_frst_popup .form-wizard{padding: 0px}
.wizard.vertical .wizard-content{width: 105% !important;}
.wizard-nav{display: none !important;}
.onboard_frst_popup_head h2{margin-top: 70px;display: inline-block;}
.onboar_left_cnt_bx .round-checkboxes{margin-right: 0;}
.onboar_left_cnt_bx_section .center_div{flex-direction: column;}
.onboar_left_cnt_bx_section .prj_rdio_slctr{flex-direction: column;}
.project_filter_box_sec{flex-wrap: wrap;}
.project_filter_box_sec .col-md-12{width: 100%;}
.prj_add_tsk_bx{border-bottom: 1px #e5e5e5 solid;}
.prj_dtl_over_second_row .row{display: block;}
.prj_dtl_over_second_row .col-md-8{padding-right: 15px;}
.prj_dtl_over_top_sec .row .col-md-4{padding-right: 15px;}
.prj_detail_top_tab_head{flex-direction: column-reverse;row-gap: 10px;}
.prj_right_progress_bx{width: 100%;}
#multipleAssigneeModal .col-md-2 .col-md-12{padding-left: 0;}
#multipleAssigneeModal .task_edit_time_bx{padding-left: 0;}
#taskRequestTable #allApproveRejectSec{left: 0;}
.min100-vh{padding-bottom: 80px !important;}
.task_pause_confirm_popup_cnt{flex-direction: column;}
.my_task_day_filter_btn_sec { position: static; overflow: auto; max-width: 100%; }
.my_task_day_filter_sec{flex-direction: column;align-items: start;}
.total_task_spent_mytask{padding-left: 10px;}
.project_filter_sec{margin-left: inherit;}
.onboar_left_cnt_bx_section  .form-group label{word-wrap: break-word;white-space: normal;}
.timer_run_section::before{display: none;}
.timer_run_section .row-center{justify-content: center; text-align: center;}
#varify_mail_modal .row-center{flex-direction: column-reverse;}
#varify_mail_modal .row-center .col-md-7{width: 100%;}
#varify_mail_modal .row-center .col-md-5{width: 100%;margin-top: 70px;}
.demo-pop-left{background-image: none;padding: 45px;position: relative;padding-top: 140px;}
#varify_mail_modal .row-center .col-md-7{padding: 0 15px !important;}
#varify_mail_modal .modal-dialog{max-height: 80vh;overflow-x: hidden;}
.demo-pop-left::before{background: url(../img/modal-left-bg-mob.svg), #ffffff; width: 100%; height: 100%;content: ''; position: absolute;background-size: cover;
    background-position: center 0; top: 0px; left: 0; background-repeat: no-repeat; z-index: 0;}
.demo-pop-left-cnt{position: relative;z-index: 2;}
.demo-pop-left .main-log{max-width: 100%;width: 100%;text-align: center;}
.demo-pop-left .main-heading{text-align: center;}
.main-content-modal{text-align: center;}
.demo_popup_right_form h3{text-align: center;}
.otp_Sndd_mail{text-align: center;}
.leaveReportTopSection #form_date_change{flex-direction: column;}
.leaveReportTopSection #form_date_change .app-usage-indiv2{    margin: inherit !important;}
#myModal.time_request_popup .new_date_selection_field .col-md-6{padding-right: 0;}
.productivity_bar_graph_sec .col-md-6 {margin-bottom: 10px;}
.card-container, .front{min-height: 350px;}
.dashboard_screenshot_sec .screenshot_view-indu{height: auto;margin-bottom: 10px;}
.break-2col-1200 .col-md-3{width: 100%;flex: inherit;}
.break-2col-1200 .col-md-4{width: 100%;flex: inherit;}
.efficiency_col_md_3{width: 100%;margin-bottom: 10px;}
.prj_spent_sec .card-body-insight{margin-bottom: 10px;}
.employee_wellness_break_box_row .col-md-6:first-child{padding-right: 15px;}
.employee_wellness_break_box_row .col-md-6:last-child{padding-left: 15px;}
.appusage_prdvity_sec .insight_app_usge_tbl td{font-size: 13px;}
.appusage_prdvity_sec .insight_app_usge_tbl td span.green{max-width: inherit;}
.prj_details_filter_bx.showProjectFilter{flex-direction: column;height: auto;}
.onboar_left_cnt_bx_section .module-selection{flex-wrap: wrap;}
.prj_details_filter_bx .prj_details_filter_bx_sec{flex-direction: column;justify-content: start;width: 100%;}
.activity_timed_enforce_chk{left: 165px;}
.activity_insight_box{width: 100%;text-align: center;}
.activity_insight_box .insight-utlization-trend{width: 100%;text-align: center;}
.card-body-insight-cnt .col-md-5.breakDiv991{width: 100%;text-align: center;}

}
@media (max-width:960px) {
    .footer_lft_version_sec{left: 200px;}
    .app-aside-folded .footer_lft_version_sec{left: 0;width: 100%;}
    .timer_run_header{display: none;}
    .dark_theme_switcher{left: -210px !important; top: 42px !important;}
    #app_modal .word-break-spanR3 .app_category_app_using_users_dtl_box{right: -60px;}
    .detailed_export_div_sc .export-dropdow-new{min-width: 98%;}
    .download_app_popup{left: 195px;}
    .project_export_btn_bx{width: 86% !important;margin-top: 0px;margin-right: 0px;padding-right: 0;}
    .project_listpage_filterBx .col-md-11{padding-right: 0;}
    .project_export_btn_bx button{width: 100%;}
    .new_nav_option_icon{top: 12px;}
    #time_data .user_mydesklog_top_bar .app-usage-indiv2 .btn{padding: 6px 0px !important ;}
    #time_data .user_mydesklog_top_bar .app-usage-indiv2>span{display: flex;justify-content: center;}
}
@media (max-width:768px) {
    .download_desklog_popup_img{margin-top: 0;}
    .onboard_lst_btn_row .tab_nav{display: inline-block; margin-bottom: 7px;}
    .settings_main_view_pg { padding-top: 0 !important; }
    .settings-section-view { padding-top: 0 !important; }
    .gnrl_st_tab_mn_respo .btn-link{top: -55px; right: 20px;}
    .gnrl_st_tab_mn_respo .btn-link.active { top: -54px; }
    .settings-section-view .gnrl_st_tab_mn_respo .btn-link{top: -45px;}
    .day-column .shift{display: block !important;}
    .onboard_btmMob{display: block;margin-bottom: 30px;}
    .onboar_left_cnt_bx_section .onboard_right_content{display: none;}
    #form_board_tracking .onboar_left_cnt_bx_section .row{width: auto;}
    .screenshot_head_user{justify-content: center;flex-direction: column;}
    .appusage-userdetailGrph .usageGrph::before{content: 'Work Timeline';width: 100%;display: inline-block;color: #4c4c4c;}
    .appusage-userdetailGrph .usageGrph{flex-direction: column;text-align: left;padding: 10px;padding-top: 0;}
    .table_row_mob .appusage-userdetails{background: #f9f9f9;padding: 10px;border: solid 1px #eaeff0;}
    .table_row_mob table td:first-child{padding: 0;border: 0;background-color: #fff;}
    .graph_prj_box{max-width: inherit;width: 100%;}
    .appusage_date_exl{display: flex;justify-content: space-between;}
    .appusage_date_exl .view-change{display: none;}
    .appusage_user_search{width: 100% !important; max-width: 100%;}
    .appusage-view .download-ico-btn{margin: 0;}
    .table_row_mob table td.app_usage_log::before{    margin-top: 7px;}
    .active_app_usge_dv{width: auto;display: flex; justify-content: end; align-items: center; position: relative; text-align: right;}
    .active_app_usge_dv img{width: 20px;height: 20px;margin: inherit;}
    .active_app_usge_txt_dv{display: none !important;position: static;box-shadow: none !important;    padding: 0;}
    .footer_lft_version_sec{width: 100%;left: 0;}
    .task_prj_sect .multiselect-container{margin-left: 0;max-width: 100%;}
    .project_status_chart_sec_sec{margin-left: -70px;}
    .workTask_box_top_time {width: 92%;font-size: 12px;}
    .task_auto_running_show_popup{right: 2.5%;}
    .appusage-view1 tr td:nth-child(1){width: 100%;max-width: 100%;}
    .appusage-view1 thead tr th:nth-child(2), .appusage-view1 tr td:nth-child(2){width: 100%;max-width: 100%;}
      .appusage-view1 thead tr th:nth-child(3), .appusage-view1 tr td:nth-child(3){width: 100%;max-width: 100%;}
      .appusage-view1 thead tr th:nth-child(4), .appusage-view1 tr td:nth-child(4){width: 100%;max-width: 100%;}
      .appusage-view1 thead tr th:nth-child(5), .appusage-view1 tr td:nth-child(5){width: 100%;max-width: 100%;}
      .appusage-view1 thead tr th:nth-child(6), .appusage-view1 tr td:nth-child(6){width: 100%;max-width: 100%;}
      .appusage-view1 thead tr th:nth-child(7), .appusage-view1 tr td:nth-child(7){width: 100%;max-width: 100%; }
      .table_row_mob table td, .table_row_mob table th{display: block !important;min-height: 30px;}
      .appusage-view1 thead tr th:last-child{width: 100%;max-width: 100%; }
      .timeline-top-gridview{display: flex;white-space: nowrap;    overflow: auto;}
      .timeline-top-gridview-box .count_timeline_box{display: flex;flex-direction: column;}
      .timeline-top-gridview-box{min-width:135px;width: 100%;}
      .count_timeline_box_image {display: none;}
      .down_arrow_tsk{top: 5px;}
      .up_arrow_tsk{top: 5px;}
      .create_user_btn_top{margin-top: 0;}
      .project_view_bx li  a{padding: 10px 5px;font-size: 13px;}
      .settings-section-view .padder{padding: 0;}
      .right_setting_tab_view .tab-pane{margin-left: 0;}
      .app-usage-indiv #datemsg{width: 100%;display: inline-block;max-width: 170px;}
      .table-pagination-sec{flex-direction: column;align-items: center;}
      .bg-light.lter div{display: inline-block;height: 38px;}
      .prj_filter_clear_btn .btn-danger{height: 38px;margin-top: -1px;margin-left: -33px }
      .settings-section-view .gnrl_stngs_lft{position: relative;}
      .right_setting_tab_view .tab-pane{margin-left: 0 !important;}
      .wrapper-md.page-heaad1{z-index: 5;}
      .bg-black .nav > li.active a::after{display: none;}
      .mb_mob_2{margin-bottom: 5px;    border-bottom: 7px #f3fcff solid;}
    .appusage_top_view_sec_load .admin-user-overview-col:last-child{    border: 1px solid #dcdcdc;}
    .app_usage_top_activity_sec{    max-width: 100% !important;}
    .appusage_top_timehour_graph{max-width: 100% !important;}
    .appusage_top_timehour_graph .app_usage_top_activity_sec{max-width: 100%;}
    .appusage_top_view_sec_load .appusage_top_timehour_graph { max-width: 100%;}
    .appusage_top_view_sec_load .appusage_top_timehour_graph .app_usage_top_activity_sec{width: 100%;order: 2;}
    .appusage_top_view_sec_load .appusage_top_timehour_graph .appusage_top_left_work_hour_graph{width: 100%;order: 1;}
    .create_team_btn{right: 0;}
    #leaveDetailsModal .modal-dialog{width: 95% !important;}
    .leave_dtl_pop_user_dtl .row{flex-direction: column;}
    .row_task_list{border: solid 1px #e5e5e5; margin-bottom: 10px;padding: 10px;}
    .email_rept_list{flex-wrap: wrap;}
    .form-wizard-wrapper ul{flex-direction: column;}
    .onboard_frst_popup .form-wizard-wrapper ul{flex-direction: inherit;flex-wrap: wrap;}
    .onboard_frst_popup .form-wizard-wrapper ul li{width: auto;}
    .form-wizard-wrapper ul li a{display: flex;justify-content: center;}
    .project_dashboard_top_view .project-card .row{display: flex;}
    .btn_add_team_btn{position: static;}
    .creat_tm_usr_btn{left: 0;}
    #TaskViewMultitask.addedit_task_box{ grid-template-columns:40px 1fr;}
    #TaskViewMultitask .task_lst_prj_sec{width: 100%;grid-column: auto / span 2;}
    .customTooltipHeaderIco {z-index: 1;margin-top: -10px;left: 0;}
    .settng_usR_role {position: relative !important;top: -40px;;right: 0;margin-top: -10px; }
    .create_client_tp_btn{margin-top: 0px;margin-bottom: 10px;position: absolute;right: 10px;top: -10px;}
    .prj_details_filter_bx{flex-direction: column;margin-top: 20px;}
    .prj_details_filter_bx .btn-default{text-align: left;border: 0;}
    .prj_details_filter_bx .col-md-5{width: 100%;}
    .users_access_sec.fixed{top: 52px;}
    .project_filter_sec .prj_details_filter_bx {flex-direction:inherit;overflow: visible !important;}
    .project_filter_sec .prj_details_filter_bx .col-md-5{width: auto;}
    .export-dropdow-new{width: 100%;min-width: inherit; position: fixed !important; top: 140px !important; left: 0 !important; right: 0 !important; margin: auto;max-height: 80vh;overflow: auto;}
    .new_exprt_btn{position: static;}
    .project_filter_sec .prj_details_filter_bx{margin: auto;width: auto;height: auto;}
    .task_pause_pop_cnt{flex-direction: column;align-items: center;text-align: center;}
    .prj_add_tsk_bx .form-control{border-bottom: 1px #e5e5e5 solid !important;}
    .export_list_row span{font-size: 13px;}
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td{line-height: 14px !important;}
    .daterangepicker .ranges ul{display: flex;flex-wrap: wrap;flex-direction: column;}
    .daterangepicker.opensright:before{display: none;}
    .daterangepicker.opensright:after{display: none;}
    .daterangepicker{right: 20px !important;}
    .export-dropdow-new{padding-bottom: 50px;}
    .clickup_config_row{flex-wrap: wrap;}
    .clickup_config_user_mapping_bx form{flex-wrap: wrap;justify-content: start;}
    .download_sample_user_lst_bx{flex-wrap: wrap;justify-content: center;}
    .custom_time_view{right: 0;left: inherit;}
    .custom_time_view .btn{border: 0;}
    .demo-pop-left{padding: 25px;padding-top: 150px;width: 100%;}
    .awards{padding-right: 0;}
    .demo_popup_right_form .userInput input {margin: 5px !important;}
    .app-usage-indiv #form_date_change .app-usage-indiv2{justify-content:center ;}
    .bill_invoice_dtl_section_headding{flex-direction: column;gap: 10px;margin-bottom: 10px;}
    .invoice_right_filter{flex-direction: column;}
    .seting_row_new_2{flex-wrap: wrap;}
    #invoice_list .panel-body{overflow: auto;}
    .custom_time_view{right: 0; top: -50px;left: inherit;}
    .custom_time_view .btn{border: 0;}
    .assigned_prj_to_memeber{flex-wrap: wrap;}
    .download_app_popup{left: 5px;bottom: 30px;}
    .work_prj_cm_chart_btm_legnd{gap: 5px;}
    .work_prj_cm_chart_btm_legnd_box span {width: 10px;}
    .timer_run_section .row>.col-md-6:last-child::before{display: none;}
    .table_row_mob-remove-brd .timeline_add_column_btn .dropdown-toggle{width: 100%;height: 25px;}
    .table_row_mob-remove-brd .timeline_add_column_btn{width: 100%;height: auto;position: static;}
    .table_row_mob-remove-brd .timeline_add_column_btn .dropdown-menu{right: 0px !important;left: 0 !important; margin: auto; top: 20px !important; width: 250px;}
    .prj_fr_dashbord_name .dashbrd_project_prgs_box_name{width: 100%;display: flex;align-items: center;}
    .prj_fr_dashbord_name .dashbrd_project_prgs_box_name{max-width: inherit !important;white-space: inherit;}
    .prj_fr_dashbord_name .prjrct_clr_box{min-width: 8px;}
    .filter_sort_sc .dropdown-menu{left: 0;right: 0;margin: auto;}
    .time_request_pop_time .new_date_selection_field_box_frmt{height: 53px; display: flex ; flex-direction: column; width: 50px;}
    .prd_nonprd_chart_box{border: 0 !important;}
    .nodata_insight_section_cnt{justify-content: center !important;}
    .team_inner_filter_row{flex-direction: column;row-gap: 10px;justify-content: start;}
    .sort_task_btn {width: 33px;height: 36px;}
    .sort_task_btn .dropdown-menu{left: -6px !important;right: inherit;top: 27px !important;}
    .filter_row_screenshot_individual{margin-top: 50px;flex-direction: column;}
    .filter_row_screenshot_individual .mark_all_btn{text-align: center;}
    .employee_wellness_break_box{ margin-bottom: 15px;min-width: 400px;}
    .employee_wellness_module_row{flex-direction: column;gap: 0;margin-bottom: 10px;}
    .border_right_wellness{margin-bottom: 20px;}
    .employee_wellness_module_label p{margin-bottom: 5px;}
    .geo_fetch_main_sec{display: inherit;}
    .geo_fetch_contant_area td{min-width: 200px;}
    .map_user_detail_box .geo_fetch_contant_area{overflow: auto;}
    .location_logs_section{overflow: auto;}
    .upgrade_you_plan_box{max-width: 177px;}
    .user_offlineStatus{border: 0;}
    .get_start_view_box{max-width: 310px;}
    .work_task_timesection .productivity_user_box table{min-width: inherit;}
    .screenshot {grid-template-columns: 1fr;}
    .start_your_first_task_section{justify-content: center;flex-direction: column;text-align: center;}
    .basic_config_fld_row .col-md-2{width: 100% !important;}
    .basic_config_fld_row .col-md-4{width: 100% !important;}
    .dashboard_center_show_data_section h2{font-size: 17px;line-height: 25px;}
    .dashboard_center_show_data_section h2 span{font-size: 17px;}
    .dashboard_center_show_data_box .disc-list li p{top: 180px;}
    .dashboard_center_show_data_box .disc-list li { width: 150px; height: 150px; margin-bottom: 30px; }
    .disc-list li svg {width: 180px;height: 180px;}
    .current-baseline-metric-box .d-flex{flex-direction: column;align-items: start;}
    .mytask_right_side_selection{margin-left: 30px !important;}
    .task_new_create_box{width: 100%;}

}
@media (max-width:500px) {
    .switch_relax_mode_view{flex-wrap: wrap; text-align: center; gap: 0;justify-content: center;}
    .switch_relax_mode_view button{margin: auto;}
    .dashboard_center_show_data_section_cnt{padding-bottom: 100px;}
    .productivity_bar_graph_sec { width: 100% !important; display: inline-block; margin-bottom: 10px; }
    .geo_fetch_main_sec .col-md-2 {display: inline-block;}
    .demo-pop-left{padding: 15px;padding-top: 150px;}
    .prj_right_progress_bx{flex-wrap: wrap;justify-content: space-between;}
    #accessButton .filter_prj_dtl_head{left: -5px;}
    .prj_right_progress_bx .prj_detail_prgress_view{border-right: 0; border-bottom: 1px #e5e5e5 solid;border-radius: 0;}
    .bg-light.lter .col-sm-6.prj_overview_page_head_mob_full_wdth{width: 100% !important;display: inline-block;}
    .project_filter_view{margin-left: 15px;}
    .settings-section-view .gnrl_st_tab_mn_respo .btn-link{top: -55px;}
    .settings-section-view .gnrl_st_tab_mn_respo .btn-link.active{top: -30px;}
    .gnrl_stngs_lft .nav-tabs{margin-top: 30px;width: 100%;}
    .project-card{width: 100%;}
    .fixed-height #generate_report{margin-top: 5px;}
    .btn_row_absce{flex-wrap: wrap;justify-content: center;}
    .my_dashboard_panel_time_view_right_ttl{display: inline-block;}
    .my_dashboard_panel_time_total_sc{width: 100%;}
    .workTask_box_top_time {width: 84%;font-size: 11px;margin-left: 47px;}
    .appusage_right_fltr_2 .appusage_date_exl{flex-wrap: wrap;display: flex;justify-content: center;}
    .timeline-top-filter-row .appusage_right_fltr_2{flex-direction: column;}
    .filter_sort_sc{width: 100%;max-width: 100%;}
    .filter_sort_sc .btn{width: 100%;max-width: 100%;}
    .app_usage_date_fltr{width: 100%;justify-content: center;}
    .at_work-report .H-selectR{text-align: center;}
    .overview_top_grid_row{margin-bottom: 0;}
    .task_icon_content {width: 250px;    bottom: 35px;}
    .dash_top_work_1_row{display: grid;text-align: center;grid-template-columns: repeat(2, 1fr);}
    .working_hr_box:first-child{border-bottom: 1px dashed #ccc; padding: 10px 0; margin-bottom: 10px;border-right: 0;}
    .working_hr_box:nth-child(2){border-bottom: 1px dashed #ccc; padding: 10px 0; margin-bottom: 10px;border-right: 0}
    .working_hr_box:nth-child(3){border-bottom: 1px dashed #ccc; padding: 10px 0; margin-bottom: 10px;border-right: 0}
    .working_hr_box:nth-child(4){border-bottom: 1px dashed #ccc; padding: 10px 0; margin-bottom: 17px;border-right: 0}
    .dashboard_top_workhour:nth-child(5){grid-column: 1 / -1;}
    .dash_top_work_linechart canvas{margin: auto;}
    .work_task_main_section{flex-direction: column; }
    .work_task_rprt_box_cnt{text-align: center;}
    .project_quick_Stats{width: 100%;    grid-template-columns: 1fr;}
    .appusage_single .excel_download_btn{margin-top: 0;}
    .project_task_view_row .row .panel {height: 98%;}
    #createproject #priority_select{width: 100% !important;}
    .project_filter_box #priority_select{width: 100% !important;}
    #taskRequestTable .panel-body{padding: 0;}
    #taskRequestTable .table-responsive{padding-top: 10px;}
    .importedUser .col-md-3{margin: 20px 0;width: 100%;display: inline-block;}
    .appusage_top_timehour_graph{max-width: 90%;}
    /* .grid_list_selector{position: absolute;right: 0;} */
    .efficiency_view_timeline .mobile_view{display: block  !important;right: 6px !important;    bottom: 15px;}
    .appusage-user-icon .efficiency_view_timeline {display: none !important;}
    .table_row_mob .appusage-userdetails{padding-right: 80px !important;}
    .efficiency_view_timeline{bottom: 12px !important;right: 40px !important;box-shadow: none;z-index: 0;}
    .efficiency_view_timeline :before{display: none;}
    .work_shedule_create{margin-top: 10px !important;}
    .filter_close{width: auto;height: auto;}
    .project_filter_sec .prj_details_filter_bx{flex-wrap: wrap;justify-content: center;}
    .onboard_level_box{flex-direction: column;}
    .onboar_left_cnt_bx_section{padding: 20px;}
    .onboard_level_box_cnt{border: 0;padding: 0;}
    .working_days_start_time .row{width: 100%;display: inline-block;}
    .start_time_selector{max-width: 100%;}
    .onboar_left_cnt_bx_section .justify-content-center{width: 100%;display: inline-block;}
    .check_in_out_dtl{border: 0;}
    .my_dashboard_panel_time_total_sc a{width: 100%;display: inline-block;}
    .my_task_mn_sc .alert{width: 90%;}
    .app-usage-indiv #form_date_change .app-usage-indiv2{flex-direction: column-reverse;}
    .minHourViewSec{border: 0; max-width: inherit; margin: auto; width: 90%; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; padding: 10px 0;margin-left: 20px;}
    .gnrl_st_tab_mn_respo .btn-link{top: -73px; right: 16px;z-index: 99;}
    .drop_break_none{flex-direction: column;text-align: left;align-items: start;}
    .select2-dropdown {min-width: 200px !important;}
    .screenshot-indu #screenshot_img img{height: auto;}
    .screenshot .screenshot-view img{height: auto;}
    .project_listpage_filterBx .row{width: 103%;}
    .team_Filter_right_bx .project_member_ico_bx {padding-top: 15px;position: relative;}
    .team_Filter_right_bx .project_member_ico_bx .manger_head {position: absolute; top: -2px;}
    .working_hr_box h3 {font-size: 28px !important;}
    .screenshot_page .nav.nav-tabs{width: 100%;display: inline-block;}
    .projectTimelineTable tr td:first-child{min-width: 170px !important;}
    .projectTimelineTable tr th:first-child{min-width: 170px !important;}
    .get_start_view_box { max-width: 260px; top: 20%; right: 60px; }
    .current_app_show_mydesklog{border-left: 0;border-bottom: 1px #e5e5e5 solid;width: 90%;margin: auto;padding: 0;}
    .category_head_settings{flex-direction: column;gap: 10px;align-items: start;}
    .efficiency_setting_view .setting-checkbox-box p{flex-direction: column;text-align: left;padding: 8px;}
    #prod_app_block .overview_page_export_btn{position: static; margin-top: 10px; margin-right: 10px; margin-bottom: -20px;}
    .form-group.chck_area{display: flex;align-items: top;gap: 10px;}
    .frequency_selector{flex-wrap: wrap;align-items: top;gap: 10px;}
    .report_page_filter_date_prd_selector{flex-wrap: wrap;gap: 10px;}
    .report_page_generated_files .exportdropdown_type_box {width: 160px;}
    .report_page_filter_section .btn-report-submit{min-width: 160px;    padding: 10px 10px;}
    .report_page_filter_section .btn-outline-primary{ padding: 10px 10px;}
    #report_generation_progress .generateExcelProgressSec{flex-direction: column;}
}


.mytask_toggle_btn .toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    border-radius: 50px;
    overflow: hidden;
    margin-bottom: 0
}

.mytask_toggle_btn input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
}

.mytask_toggle_btn .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.mytask_toggle_btn .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px
}

.mytask_toggle_btn input[type="checkbox"]:checked+.slider {
    background-color: #2196F3;
}

.mytask_toggle_btn input[type="checkbox"]:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.mytask_toggle_btn input[type="checkbox"]:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.myTaskDragandDropSec {
    margin-top: 50px;

}

.myTaskDisplay {
    overflow: scroll;
}

.taskNameFilterSec {
    width: 100%;
    height: auto;
    padding: 10px;
    background-color: white;
    margin-bottom: 15px;
    box-shadow: 8px 8px 20px rgb(167 167 167 / 5%);
    border: 1px #f7f7f7 solid;
    border-radius: 3px;
}

.enterTaskName input {
    width: 100%;
    padding: 7px;
    font-size: 20px;
    outline: 0;
    border-radius: 3px;
    border: 1px solid #cccc;

}

.taskNameFilterSec {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 200px 150px;
    gap: 10px;
}

.modal_head_titles{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.modal_head_titles .active{
    color: var(--primary-color);
}
.modal_head_titles a{
    color: #7D7D7D;
    text-decoration: none;
}
.modal_head_titles a:hover{
    text-decoration: none !important;
}
.btn-modal{
    background: #499513;
    border-radius: 3px !important;
    border: 0 !important;
    width: 100px;
    color: white;
    height: 40px;
}
.btn-modal:focus{
    background-color: #8CBD15 !important;
    color: white !important;
    outline: 0 !important;
}
.btn-modal:hover{
    color: #ffffff !important;
    outline: 0 !important;
}


.showMoreLink a {
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.06em;
    color: #007de3;
    text-decoration: none !important;
}

.showMoreLink {
    text-align: center;
}

.showMoreLink a:hover {
    color: #00457C;
}

/* ongoing style starts */

.onGoingSec .onGoingHeadMenuSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.onGoingHead {
    display: flex;
    align-items: center;
    gap: 5px;
}

.onGoingHead h5 {
    margin: 0;
}

.onGoingHead span {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0.06em;
    background: #E1E1E1;
    border-radius: 4.1px;
    color: #00457C;
    padding: 5px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.onGoingHead h5 {
    font-weight: 500;
    font-size: 17px;
    line-height: 15px;
    letter-spacing: 0.06em;
    color: #00457C;
}

.menuIconOngoing .fa-ellipsis-v {
    float: right;
    color: #00457C;
    font-size: 14px;
}

.onGoingWhiteBox {
    width: 100%;
    padding: 10px;
    background-color: white;
    height: auto;
    margin-bottom: 15px;
}

.pauseSec .pauseHeadMenuSec{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.pauseHead{
    display: flex;
    align-items: center;
    gap: 5px;
}

.pauseHead h5{
    margin: 0;
}

.pauseHead span{
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0.06em;
    background: #E1E1E1;
    border-radius: 4.1px;
    color: #00457C;
    padding: 5px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pauseHead h5{
    font-weight: 500;
    font-size: 17px;
    line-height: 15px;
    letter-spacing: 0.06em;
    color: #00457C;
}

.pauseWhiteBox {
    width: 100%;
    padding: 10px;
    background-color: white;
    height: auto;
    margin-bottom: 15px;
}
/* Done style starts */

.doneSec .doneHeadMenuSec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.doneHead {
    display: flex;
    align-items: center;
    gap: 5px;
}

.doneHead h5 {
    margin: 0;
}

.doneHead span {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0.06em;
    background: #E1E1E1;
    border-radius: 4.1px;
    color: #00457C;
    padding: 5px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doneHead h5 {
    font-weight: 500;
    font-size: 17px;
    line-height: 15px;
    letter-spacing: 0.06em;
    color: #00457C;
}

.menuIconDone .fa-ellipsis-v {
    float: right;
    color: #00457C;
    font-size: 14px;
}

.doneWhiteBox {
    width: 100%;
    padding: 10px;
    background-color: white;
    height: auto;
    margin-bottom: 15px;
}

.payment-slip a{
color: #5f5d5d;
font-size: 19px;
}
.payment-slip{
    margin-left: 15px;
}
.descrptn_qck_bx_info{position:relative}
.descrptn_qck_bx_info [data-tooltip]:before{
    width: 230px;
    white-space: normal;
    word-wrap: break-word;
}




/*
main {
    display: flex;
  }

  section {
    width: 400px;
  }

  input[type="text"] {
    margin-top: 5px;
    width: auto;
    height: 30px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  } */



  .colors {
    align-items: center;
  }

  .color {
    box-sizing: border-box;
    margin-top: 5px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }

  .column {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .lists {
    display: flex;
    justify-content: start;
    flex: 15;
    width: 100%;
  }

  .list {
    align-self: flex-start;

  }

  .list > header {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    color: #00457C;
  }

  .list-body {
    height: 100%;
  }

.appusage_top_view_sec_load  .appusage_top_left_user_dtl{
    /* min-height: 83px;
    align-items: center;
    border-bottom: 1px dashed #ccc;
    width: 96%; */
    padding: 10px;
}

.appusage_day_view .admin-user-overview-col{
    width: auto;
    border-right: 0px dashed #ccc;
}

.app-content-full .wrapper-md{padding-right: 0;}
.right_setting_tab_view .btn-primary{
    padding: 10px 40px !important;
    border-radius: 5px !important;
}
.dashboard_prj_task_dtl_box .prj_dtl_table td{
    padding: 5px 5px;
}
.productivity_user_box_row{
    margin-bottom: 0px;
}
.project_task_dtl .row{
    display: flex;
    align-items: center;
}

 .work_project_comparison .project_task_dtl .tsk_box_full{
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.top-grid.top-grid-admin .task_qck_bx_info{
    width: 20px;
    height: 20px;
    border-radius: 30px;
    color: #666;
    border-radius: 30px;
    position: absolute;
    right: 10px;
    top: 5px;
    text-align: center;
    padding-top: 3px;
    font-size: 18px;
    z-index: 9;
}
.acteff_main_box .task_qck_bx_info{
    left: inherit;
    right: 5px;
}

.acteff_main_box .task_qck_bx_info [data-tooltip]:before {
    position: absolute;
    content: attr(data-tooltip);
    opacity: 0;
    width: 300px;
    height: auto;
    padding: 9px;
    background-color: #fff;
    box-shadow: 0px 0px 20px #ccc;
    font-family: sans-serif;
    line-height: 20px;
    border-radius: 3px;
    font-size: 14px;
    white-space: pre-line;
    right: 10px;
    top: -40px;
}
.app_usage_top_activity_sec .acteff_main_box:last-child [data-tooltip]:before {
    top: 10px;
}
.top-grid.top-grid-admin .task_qck_bx_info [data-tooltip]:before {top: 0;right: 20px;}

.acteff_main_box .task_qck_bx_info:hover {
    opacity: 1;
}

.acteff_main_box .task_qck_bx_info:hover [data-tooltip]:before {
    opacity: 1;
}
.hourly_work_detail_appusage_timeatwork .popover{
    min-width: 210px;
    text-align: center;
}
.prj_timeline_scroll{
    width: 100%;
    max-height: 500px;
    overflow: auto;
}
.weektable_option2 .desklog-time-bar{padding: 0;display: flex;}
.project_weekly_bar {height: 7px;border-radius: 0;margin: 0;}
.project_weekly_bar .progress-bar-dark { background-color: #e1e5e6;}
.projectTimelineTable tr th:first-child{width: 20%;min-width: 220px}
.projectTimelineTable tr td:first-child{width: 20%;min-width: 220px}
.projectTimelineTable th, .projectTimelineTable td{width: 10%;min-width: 120px;}
.appusage_top_view_sec_load .wrapper-md .table-responsive td {min-width: 120px;}
#approvalConfirmationModal .modal-dialog .close{position: absolute; right: 10px; top: 17px;}
.weektable_option2 .main-table th, .weektable_option2 .main-table td{
    padding: 10px 10px;
    font-size: 16px;
    color: #000;
}
.today-column {
    background-color: aliceblue !important;
}
.weektable_option2 tbody tr:last-child .today-column{
    border-bottom: 2px var(--primary-color) solid;
}


.disabled {
    color: gray; /* Change the text color to gray */
    pointer-events: none; /* Disable pointer events to make it unclickable */
    cursor: not-allowed; /* Show a "not-allowed" cursor on hover */
}
.disabled_view{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.4;
}

.loader_box{
    width: 100%;
}
.loader_box .work_task_rprt_box{min-width: 150px;}
.text-loading-sklt{
    border-radius: 2px;
    background: rgba(130, 130, 130, 0.2);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 2s infinite ease-out;
    width: 100%;
    height: 20px;
    margin-bottom: 10px;
}
.round_loading{
    background: rgba(130, 130, 130, 0.2);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 2s infinite ease-out;
    width:100px;
    height: 100px;
    border-radius: 50%;
    margin: auto;

}
.loading_view_Section_1 .dash_top_work_1_row{align-items: center;}
.loading_graph_dash{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.loading_top_quickview{
    width: 100%;
    display: grid;
    gap: 15px;
    grid-template-columns: 80px 1fr;
    padding: 13px 0;
}

.box_loader{
    width: 60px;
    height: 60px;
    background: rgba(130, 130, 130, 0.2);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 2s infinite ease-out;
    margin-left: 10px;
}

.new-row{
    width: 100%;
    display: inline-block;
}
.graph-loader{
    width: 100%;
    display: flex;
    align-items: end;
    gap: 20px;
    justify-content: space-around;
    border: solid 2px rgba(130, 130, 130, 0.1);
    border-top: 0;
    min-height:300px;
    animation: wave-lines 2s infinite ease-out;
    overflow: hidden;
}
.graph-bar{
    border-radius: 2px;
    background: rgba(130, 130, 130, 0.2);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 2s infinite ease-out;
    width: 20px;
    min-width: 20px;
    height: 40%;
}
.row-center{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.mt-40{margin-top: 40px;}

.atwork_table_loader{
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-around;
}
.atwork_table_loader span{
    width: 100%;
}
.project_list_loader{
    width: 100%;
    display: flex;
    gap: 20px;
}
.project_list_loader_bx{
    width: 100%;
    display: inline-block;
}
.project-card-img .round_loading{width: 50px;height: 50px;}
.align-center{
    display: flex;
    align-items: center;

}
.prj_name_cnt{
  width: 34px;
  height: 34px;
  display: grid;
  align-items: center;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  background: var(--secondary-color) !important;
  margin-right: 5px;
  line-height: 34px;
}
#projectListModal .pro-image-cnt{
    grid-template-columns: 45px 1fr;
    padding: 5px 0;
    border-bottom: 1px #f2f2f2 solid;
}
.project_list_all_scr{
    width: 100%;
    height: auto;
    max-height: 300px;
    overflow: auto;
}

.user_list_dashboard{
    width: 100%;
    height: auto;
    max-height: 500px;
    overflow: auto;
    min-height: 100px;
    padding-bottom: 60px;
    padding-top: 20px;
}
.prj_overview_billtask .project_view_btm_info{width: 100%;}
.progress-bar-task_requestd{background-color: #2c4d82;}
#taskReqMainDiv .form-group{position: relative;}
#taskReqMainDiv #tasktoggleButton{position: absolute;right: 13px;padding: 3px 10px;border-radius: 20px;top: -5px;z-index: 1;}
.prj_name{position: relative;max-width: 650px;overflow: hidden;text-overflow: ellipsis;padding: 4px 0;padding-right:150px;white-space: nowrap;}
.prj_prft_loss{
    position: absolute;
    right: 5px;
    padding: 3px 0px;
    border: 0;
    border-radius: 4px;
    font-size: 10px;
    text-align: center;
    width: 62px;
    z-index: 8;
    /* display: none; */
    background-color: #fff;
    line-height: 11px;
    top: 0;
    top: 0px;
    color: #fff;
    white-space: normal;
}
.prj_name:hover .prj_prft_loss{display: block;}
/* .prj_name .prj_prft_loss{padding: 5px 0px;} */
.project_filter_view{
    border: solid 1px #CFDEE1 ;
    border-radius: 3px;
}
.project_filter_view .col-sm-6{padding: 0;}


.prj_prft_loss strong{width: 100%;display: inline-block;font-size: 14px;color: #fff;font-family: sans-serif;}
/* .poject-table tr:last-child .prj_prft_loss{
    top: -50px;
    bottom: inherit;
} */
.form-wizard-wrapper ul.multiselect-container{display: none;}
.form-wizard-wrapper ul.multiselect-container li a{
    padding: 3px !important;
    text-align: left;
}
.form-wizard-wrapper ul.multiselect-container li a label{
    padding-left: 30px;
}
.border-0{border: 0 !important;}
.mb-3{margin-bottom: 30px;}
#subscribe .modal-dialog{transform: inherit;}
#subscribe .modal-header{border:0}
#subscribe .modal-footer{border:0}
#subscribe .modal-dialog{
    max-width: 360px;
}
.dashboard_team_selection .select2-container--default .select2-selection--single{
    height: auto;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #ebebeb !important;
}
.select2-container.select2-container--open .select2-selection--single{
    box-shadow: 0px 0px 10px #dbdbdb;
    position: relative;
    background-color: #fff !important;
    border: 1px solid #cfdadd !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
}
.multiselect-container .form-control{
    border: solid 1px #cfdadd;
    height: 35px;
    margin: 0;
}
#AtworkUserDiv .progress-bar-success{
    background-color: var(--primary-color);
}
.prj_dtail_setting_box{
    width: 100%;
    display: inline-block;
    padding: 15px;
    margin-bottom: 20px;
    border-bottom: 8px solid #edf7fb;
    margin: 0;
    position: relative;
}
.prj_dtail_setting_box:last-child{border-bottom: 0;}
.prj_settings_right_info_box{
    width: 100%;
    display: inline-block;
    padding: 15px;
    background-color: #f0f8fb;
    height: auto;
    overflow: auto;
    margin-top: 30px;
}
.prj_settings_right_info_box h4{
    width: 100%;
    display: inline-block;
    font-size: 20px;
    color: #464646;
    margin-top: 0;
}
.prj_settings_right_info_box p{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    color: #5a5a5a;
}
.prj_settings_right_info_box ul{
    width: 100%;
    display: inline-block;
    padding-left: 20px;
}
.basic_config_fld_row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.basic_config_fld_row .col-md-2{
    width: 20%;
}
.basic_config_fld_row .col-md-4{
    width: 40%;
}
#block_billable_type .radio-inline{margin-left: 0;}

.fixed-height .regsiter_usr_lst_fltr .form-group {
    display: flex;
    gap: 3px;
}
.regsiter_usr_lst_fltr .form-control{
    padding: 5px;
}
.fixed-height .regsiter_usr_lst_fltr .form-group .btn{
    font-size: 13px;
}
.project_dashboard_top_view .feature_in_highplan_text{
    left: 0;
    width: 94%;
    top: 0;
    height: 90%;
}
.bill_onoff_btn .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:before{
    left: 7px;
}

.wizard .wizard-buttons .wizard-btn.wz_next_btn{
    background-color: var(--primary-color) ;
    color: #ffffff;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    margin-top: 0px;
    text-decoration: none;
}

.project_filter_box p{
    font-size: 13px;
    color: #000;
}
.project_filter_box label{
    color: #000;
    margin-bottom: 0;
}
#formWizard4 .onboar_left_cnt_bx_section .col-md-6 .btn-group{width: 100%;}
#formWizard4 .onboar_left_cnt_bx_section .col-md-6 .multiselect{width: 100%;text-align: left;}
.modal .select2-dropdown{box-shadow: none;}
.right_setting_tab_view .form-group label{
    font-size: 15px;
    color: #403f3f;
}
.right_setting_tab_view .form-group .form-control{
    margin-top: 4px;
}
.btn-filter-dv{
    width: auto;
    display: flex;
    gap: 10px;
    padding-left: 5px;
}
.onboar_left_cnt_bx .row-center{
    justify-content: center;
}
.right_setting_tab_view{
    border: 0;
}
.hour_allowance_section .form-group .form-control{
    margin-top: 0;
}
.timer_hover_project_task_show_row span{
    width: 100%;
    display: inline-block;
    padding: 0;
    font-size: 14px;
    color: #464545;
}
.timer_hover_project_task_show_row{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}
.time_cst_apply_btn{
    width: auto;
    padding: 5px 20px;
    cursor: pointer;
    margin-left: 5px;
    margin-bottom: 5px;
}

.time_cst_apply_btn{
    width: auto;
    padding: 5px 20px;
    cursor: pointer;
    margin-left: 5px;
    margin-bottom: 5px;
    appearance: inherit !important;
}

.time_cst_apply_btn[data-tooltip]:before {
    position: absolute;
    content: attr(data-tooltip);
    opacity: 0;
    width: 190px;
    height: auto;
    padding: 9px;
    background-color: #fff;
    z-index: 9;
    font-family: sans-serif;
    line-height: 20px;
    border-radius: 5px;
    font-size: 14px;
    white-space: pre-line;
    color: #242424;
    border: solid 1px #e5e5e5;
    margin-top: 24px;
    margin-left: -23px;
}
.time_cst_apply_btn:hover[data-tooltip]:before {
    opacity: 1;
}

.data_tooltip{
    position: relative;
}
.data_tooltip[data-tooltip]:before {
    position: absolute;
    content: attr(data-tooltip);
    opacity: 0;
    width: 190px;
    height: auto;
    padding: 5px;
    background-color: #fff;
    z-index: 9;
    font-family: sans-serif;
    line-height: 20px;
    border-radius: 5px;
    font-size: 13px;
    white-space: pre-line;
    color: #242424;
    border: solid 1px #e5e5e5;
    margin-top: -8px;
    margin-left: 28px;
    pointer-events: none;
}
.input_toggle_btn:hover[data-tooltip]:before {
    opacity: 1;
}
.map_integration_btn_row{
    grid-template-columns: repeat(3, 1fr);
}
.manager_administrative_sec{
    position: relative;
    border: solid 1px #e5e5e5;
    padding: 10px;
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 10px;
}
.manager_administrative_head{
    position: absolute;
    left: 7px;
    top: -10px;
    color: #000;
    background-color: #fff;
    padding: 0 5px;
}
.manager_administrative_sec .form-group{
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.allUserSelect{
    top: 32px; position: relative;
}
.successBtn{
    background-color: var(--primary-color);
    color: #fff;
    pointer-events: none;
}
.row_task_list .list-icon-head:first-child{margin-top: 3px;}

.group_card_img_bx{
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
    border: solid 1px #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
.team_ttl_user_cnt{
    position: absolute;
    padding: 5px 10px;
    background-color: #f3f3f3;
    color: #787878;
    left: 10px;
    top: 10px;
    border-radius: 30px;
    font-size: 14px;
}
.team_btn_row_sec{
    display: flex;
    gap:5px;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease-in-out;
}
.team_btn_row_sec .btn-danger{
    border-radius: 50px;
    display: none;
    transition: 0.2s ease-in-out;
}
.card-container:hover .btn-danger{
    display: block;
}
.new_team_user_box{
    box-shadow: 0px 10px 20px rgb(0 0 0 / 6%) !important;
    background-color: rgb(255 255 255 / 45%);
    border-radius: 15px !important;
    overflow: visible;
    text-align: center;
    padding-top: 10px;
    height: 80%;
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
    padding-bottom: 0;
}
.add_team_member_btn{
    padding: 10px;
    background-color: #e1f1ff;
    border-radius: 50px;
    margin-left: 5px;
    min-width: 35px;
    text-align: center;
}
.new_team_user_box_img{
    width: 80px;
    height: 80px;
    border-radius: 50px;
    overflow: hidden;
    margin: auto;
    border: 3px #ffffff solid;
    margin-top: -50px;
    box-shadow: 0px 4px 20px #0000001f;
}
.new_team_user_box .new_team_user_box_img img{
    width: 100%;
    height: 100%;
}
.new_team_user_box_proffession{
    background-color: var(--primary-color);
    padding: 2px 10px;
    font-size: 12px;
    color: #fff;
    border-radius: 30px;
}
.team_user_cnt_dtl{
    padding: 0 10px;
    border-top: 1px #e5e5e5 dashed;
    border-bottom: 1px #e5e5e5 dashed;
}
.team_user_cnt_dtl li{
   list-style: none;
       font-size: 13px;
    font-weight: 200;
}
.teams_user_list_row{
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}
.creatd_date{
    font-size: 12px;
    color: #666;
}
.team_user_btn{
        background-color: #ffe8e8;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 12px;
}
.new_team_user_box .social-links{
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.team_prfl_user_options{
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
    height: 30px;
}
.team_prfl_user_options .dropdown-toggle{
    position: absolute;
    right: 0px;
    background-color: transparent;
  }
.team_prfl_user_options .dropdown-menu{
    margin-left: 10px;
    padding: 0;
    left: inherit !important;
    transform: inherit !important;
    right: 10px;
    top: 30px !important;
    min-width: 170px;
}
.team_prfl_user_options .dropdown-menu::before{
    content: '';
    position: absolute;
    right: 0;
    top: -11px;;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e9e9e9;
}
.team_prfl_user_options .dropdown-menu ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.team_prfl_user_options .dropdown-menu li a{
    width: 100%;
    padding: 5px 0;
    padding-left: 10px;
    display: inline-block;
}
.team_prfl_user_options .dropdown-menu li a:hover{
background-color: aliceblue;
}
.multiselect-container>li>a>label{
    max-width: 500px; overflow: hidden; text-overflow: ellipsis;
}

@keyframes wave-lines {
0% {
    background-position: -468px 0;
}
100% {
    background-position: 468px 0;
}
}



@media (max-width: 1370px){
    .max-wdt100{max-width: 100px;}
    .dashbrd_project_prgs_box_name{max-width: 270px;}
    .appusage_day_view{text-align: center !important;}
    .appusage_day_view .admin-user-overview-col{padding: 10px 2px;}
    .main_view_section .user_parent_section{gap: 5px;}
    .prj_name{max-width: 350px;}
    .basic_config_fld_row .col-md-2{width: 200px;}
}
@media (max-width: 1150px){
    .project_task_dtl .row{flex-wrap: wrap;}
    .prj_dtail_setting_box:last-child .col-md-12{display: inline-block;}

}
@media (max-width: 1050px){
    .max-wdt100{max-width: 100%;}
}
@media (max-width: 991px){
    .allUserSelect{top: 0;}
    .prj_settings_right_info_box{margin-top: 10px;}
    .prj_config_profit_sc .radio-inline{width: 100%;margin: 0;margin-bottom: 10px;    height: 100px;}
    .prj_settings_right_info_box{height: auto !important;}
    .get_start_progress_view_box #progress-bar{flex-direction: column;}
    .task_pause_confirm_popup{bottom: 100px;}
    .task_new_right_sec{grid-template-columns: 6fr 1fr 70px 1fr;}
    .task_start_stop_btn{bottom: 15px;}
    .task_start_stop_btn .task_act_btn{height: 35px;}

}
@media (max-width: 480px){
    .basic_config_fld_row .col-md-2{width: 100%;}
    .remove_tream_btn{margin-left: 0;margin-top: 10px;}
    .task_start_stop_btn { bottom: 12px; }
}

/****** skeleton Loader Start ******/
.loading-skeleton{ user-select: none;margin-bottom: 20px;}
.loading-skeleton h1, .loading-skeleton h2, .loading-skeleton h3, .loading-skeleton h4, .loading-skeleton h5, .loading-skeleton h6,
.loading-skeleton p, .loading-skeleton li, .loading-skeleton span, .loading-skeleton canvas, .loading-skeleton td, .loading-skeleton th, .loading-skeleton .prdct_staff_box_btn, .loading-skeleton .btn, .loading-skeleton label, .loading-skeleton .form-control, .loading-skeleton
.dashboard_top_hourly_graph_head, .loading-skeleton .productivity_user_avatar, .loading-skeleton .progress, .loading-skeleton .progress-bar, .loading-skeleton .fa, .loading-skeleton .dashboard_screenshot_box_img{
  color: transparent !important;
  appearance: none;
  -webkit-appearance: none;
  background-color: #eee !important;
  border-color: #eee;
  position: relative;
  z-index: 99;
  text-shadow: none;
}
.loading-skeleton .working_hr_box:nth-child(3) h3 .timer{
    width: 100%;
    display: inline-block;
    height: 42px;
}
.loading-skeleton .dashboard_qiuck_dtl_sec .top-grid-four span{
    display: inline-block;
    width: 100%;
}
.loading-skeleton  .dashboard_qiuck_dtl_sec .acteff_img{
    width: 50px !important;
    display: inherit !important;
    margin-right: 10px;
    height: 50px;
    border-radius: 50px;
}
.loading-skeleton .work_task_timesection .at_work-report a{background-color: #eee;color: transparent;width: auto;display: inline-block;}
.loading-skeleton td strong{color: transparent;}
.loading-skeleton td .productivity_user_avatar{background-color: #eee;}
.loading-skeleton td .productivity_user_name_bx{background-color: #eee;}
.loading-skeleton .work-report-graph-totalprdct-percntg{display: none ;}
.loading-skeleton  .dashboard_qiuck_dtl_sec .acteff_img img{visibility: hidden;}
.loading-skeleton .progress{margin-top: 10px;}
.loading-skeleton td{border: solid 2px #fff;background-color: transparent !important;}
.loading-skeleton .task_bar_sec_progress .progress_text{right: -31px;top: -12px;width: 20px;}
.loading-skeleton .workTask_box_top_time div{background-color: #eee;color: transparent;}
.loading-skeleton .work_prj_cm_chart_btm_legnd .work_prj_cm_chart_btm_legnd_box{background-color: #eee;color: transparent;}
.loading-skeleton th{border: solid 2px #fff;}
.loading-skeleton .working_hr_box{width: 90%;}
.loading-skeleton .working_hr_box p{margin-bottom: 10px;color: transparent !important;}
.loading-skeleton #total_work_hour p{color: transparent !important;}
.loading-skeleton h1::placeholder, .loading-skeleton h2::placeholder, .loading-skeleton h3::placeholder, .loading-skeleton h4::placeholder, .loading-skeleton h5::placeholder, .loading-skeleton h6::placeholder, .loading-skeleton canvas::placeholder,  .loading-skeleton td::placeholder,
.loading-skeleton p::placeholder, .loading-skeleton li::placeholder, .loading-skeleton span::placeholder,
.loading-skeleton .btn::placeholder,
.loading-skeleton label::placeholder,
.loading-skeleton .form-control::placeholder {
  color: transparent;
}
.loading-skeleton .task_lst_prj_sec strong{
    color: transparent;
}
.loading-skeleton .dash_box3 #attended{color: transparent !important;}
.loading-skeleton .dashboard_top_hourly_graph_cnt img{filter: inherit;width: 100%;}
.loading-skeleton .dasboard_top_section .row .break_full a{
    color: transparent !important;
    appearance: none;
    -webkit-appearance: none;
}
.loading-skeleton canvas{
    position: relative;
    mix-blend-mode: luminosity;
    background-color: transparent !important;
    opacity: 0.2;
    margin-right: 10px;
}
.loading-skeleton .detais-save2{display: none;}
.loading-skeleton .dashboard_top_hourly_graph_head{width: auto;}
.loading-skeleton #total_work_hour{overflow: hidden;}
.loading-skeleton .top-grid.top-grid-admin>div .top-grid-img{width: 50px;height: 50px;background: #eee;border-radius: 50px;}
.loading-skeleton .dashboard_screenshot_box_img img{min-height: 150px;visibility: hidden;display: inline-block;}
.loading-skeleton .working_hr_box h3 span p{display: none;}
.loading-skeleton .top-grid-admin .block{
    width: 100%;
    margin-top: 10px !important;
    display: inline-block;
}
.loading-skeleton .top-grid-admin .block span{
    width: 100%;
    display: inline-block;
    color: transparent !important;
}
.loading-skeleton .acteff_img{width: auto;}
.loading-skeleton .acteff_content h5{width: auto;}
.loading-skeleton .dashbrd_project_prgs_box .dashbrd_project_prgs_box_row{background-color: #eee;color: transparent;}
.loading-skeleton .dashbrd_project_prgs_box_name{color: transparent;}
.loading-skeleton .prjrct_clr_box{background-color: transparent !important;}
.loading-skeleton .graph_prj_box_total_round span{width: 80%;margin: auto;float: none;display: grid;}
.loading-skeleton .graph_prj_box_total_round strong{width: 80%;margin: auto;float: none;display: grid;background-color: #eee;color: transparent;margin-top: 10px;}
.loading-skeleton .range-picker span{height: 16px;}
.loading-skeleton .task_filter_btn a{height: 15px;}
.loading-skeleton .dashboar_top_left_sec .panel{min-height: 347px;}
.loading-skeleton  strong{background-color: #eee;color: transparent;}
.loading-skeleton .current_task_view{background-color: #fff;border-bottom: 2px #afafaf solid;}
.loading-skeleton .task_act_btn{background-color: #f5f5f5 !important;}
.loading-skeleton .task_stop_btn{background-color: #f5f5f5 !important;}
.loading-skeleton .total_task_spent_mytask{top: 4px;height: 24px;}
.loading-skeleton .taskheadSubSec h3{width: 85%;}
.loading-skeleton .my_task_day_filter_btn_sec a{
    color: transparent;
    padding:8px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
    border: solid 1px #e5e5e5;
    min-width: 80px;
}
.my_task_day_filter_btn_sec{position: static;}
.loading-skeleton .my_task_day_filter_btn_sec span{
    color: transparent;
    position: static;
    background: #ebebeb;
}

.poject-table .loading-skeleton td:first-child{padding-left: 0 !important;}
.loading-skeleton .row_task_list .addedit_task_box .myTask-name{height: 19px;margin-top: 10px;}
.loading-skeleton .row_task_list .addedit_task_box .myTask-name{height: 19px;margin-top: 10px;}
.loading-skeleton .progres_bar_task_row .task_bar_sec_progress{width: 90%;margin-left: 15px;}
.loading-skeleton .task-allocated{background-color: #eee;}
.loading-skeleton .addedit_task .fa-code{display: none;}
.projectTimelineTable.loading-skeleton th{background-color:transparent !important ;}
.projectTimelineTable.loading-skeleton th h5{background-color: #eee;color: transparent;height: 30px;}
.loading-skeleton .my_task_day_filter_sec{display: none;}
.loading-skeleton .task_boxs_lst .project-range i{background-color: transparent !important;}
.loading-skeleton .project-card-text p{margin-bottom: 8px;}
.loading-skeleton .project-card-img img{background-color: #eee;}
.loading-skeleton .no_sklt_loader{filter: inherit;}
.loading-skeleton .project_view_btm_info_txt{color: transparent;}
.loading-skeleton .row_task_list .addedit_task_box{grid-template-columns: 1fr 180px;}
.loading-skeleton .prj_dtl_over_top_box .col-md-6 strong{font-size: 0;}
.loading-skeleton .project_view_btm_info_dot{background-color: #e5e5e5 !important;}
.loading-skeleton .task_stop_btn{-webkit-text-stroke:inherit;}
.loading-skeleton .task_act_btn{-webkit-text-stroke:inherit;}
.loading-skeleton.projct_detail_loader .list-icon-head{gap: 10px;padding-left: 10px;}
.loading-skeleton.projct_detail_loader .prj_member_ico {background-color: #e3e3e3 !important;}
.loading-skeleton.projct_detail_loader .prj_member_ico span{display: none;}
.loading-skeleton.projct_detail_loader .select2-selection__arrow{display: none;}
.loading-skeleton.projct_detail_loader .prjTaskSpanLdr{width: 80%;display: inline-block;}
.loading-skeleton.projct_detail_loader .prj_members_boxs_row_dtl .select2-container{max-height: 20px;overflow: hidden;}
.loading-skeleton .appusage-userdetailGrph .usageGrph::before{display: none;}
.loading-skeleton .efficiency_view_timeline{display: none !important;}
.loading-skeleton .appusage-userdetailGrph{text-align: center;}
#timeline_view_skelton .loading-skeleton{overflow: hidden;;}
#AtworkUserModal .loading-skeleton .progressNumBar .progress{height: 20px;margin-top: 6px;}
#AtworkUserModal .loading-skeleton .avatarBgText .avatarBg{background-color: transparent !important;}
.app_usage_skelton{pointer-events: inherit;margin-top: 10px;}
.app_usage_skelton .overview_top_quick_box_cnt i{display: none;}
.app_usage_skelton .overview_top_quick_box_ico{height: 60px;background-color: #e5e5e5;}
.app_usage_skelton .skelton_round_appusage_sec{width: 100%;display: inline-block;background-color: #fff;text-align: center;}
.app_usage_skelton .skelton_round_appusage{width: 200px;height:200px;background-color: #fff;border-radius:50%;border: solid 10px #e5e5e5;display: inline-block;}
.app_usage_skelton .appusage__list_skelton{width: 100%;display: flex;gap: 10px;margin-bottom: 10px;}
.app_usage_skelton .appusage__list_skelton span{width: 100%;height: 30px;background-color: #e5e5e5;}
.app_usage_skelton .prdct_staff_box span {height: 15px;margin-bottom: 30px;display: inline-block;}
.app_usage_skelton .logs_sec__skelton{width: 100%;display: inline-block;background-color: #fff;border-radius: 5px;padding: 10px;}
.app_usage_skelton .logs_sec__skelton span{margin-bottom: 10px;height: 15px;}
.skelton_user_bx_overview_user_sec{width: 100%;display: flex;gap: 30px;margin-bottom: 15px;}
.skelton_user_bx_overview{display: flex;align-items: center;gap: 10px;}
.app_usage_skelton .user_avatar_bg{background-color: #e5e5e5;}
.app_usage_skelton .productivity_bar_graph_sec .col-md-6{padding: 0;}
.loading-skeleton.timelineSkelton .usageGrph.dragscroll .desklog-time-bar{background-color: #e5e5e5;}

@keyframes loading-skeleton {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.loading-skeleton {
  pointer-events: none;
  animation: loading-skeleton 1s infinite alternate;
}
.loading-skeleton img {
  filter: grayscale(100) contrast(0%) brightness(1.8);
}
.loading-skeleton .prj_prft_loss{display: none;}
.loading-skeleton .project_status_tag{
  right: 75px;
  min-width: 83%;
  display: inline-block;
  position: absolute;
}
.loading-skeleton .prj_member_ico{
  background-color: #f3f3f3;
  color: transparent;
}

/****** skeleton Loader end******/
.ck-editor__editable_inline {
    min-height: 100px;
    max-height: 200px;
    width: 800px;
    max-width: 100%;
    resize: both;
    overflow: auto;
}