:root {
    --bg-light-gray: #f2f2f2;
    --dark-black: #222;
}



.application-login-section {
    background-color: #fff;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    /* background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0.296) 100%), url(../img/baner/1.jpg); */
    backdrop-filter: blur(10px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.application-login-section video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.auth-left-cs {
    /*background-image: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, #22222200 100%), url(../img/baner/special/1.jpg);*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    height: 100vh;
    width: 50%;
    display: flex;
    justify-content: Center;
    align-items: center;
    position: relative;
}

.auth-left-cs video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.application-login-section .container {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
}

.application-login-section .container .row {
    width: 100%;
}

.auth-left {
    width: 30%;
    background-color: #fff;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #137DC5;
    padding: 20px;
}

.login-field-box {
    /* max-width: 500px; */
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    width: 100%;

}

.login-field-box img {
    width: 220px;
}

.auth-left .login-field-box h2 {
    font-weight: 600;
    color: #000;
    font-size: 35px;
}

.auth-left .login-field-box p {
    text-align: center;
    line-height: 27px;
    font-size: 15px;
}

.auth-left .login-field-box input {
    height: 55px;
}

#rememberMe {
    width: 18px !important;
    height: 18px !important;
    border-color: #222 !important;
}

.login-box-latest {
    /*background-color: #2a1313d6;*/
    border-radius: 25px;
    padding: 40px !important;
    padding-top: 20px !important;
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
    /*filter: blur(10px);*/
    background: rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(16.9px);
    -webkit-backdrop-filter: blur(16.9px);
}

.login-box-latest .btn--form {
    width: 75%;
    border-radius: 40px;
    color: #fff;
    background-color: #e4af12;
}

.login-box-latest .btn--form:hover {
    background-color: #ba8f0c;
}

/*.login-box-latest .btn--form.color-1 {*/
/*    background-color: #ea5050;*/
/*}*/
/*.login-box-latest .btn--form.color-1:hover {*/
/*    background-color: #b52424;*/
/*}*/

/*.login-box-latest .btn--form.color-2 {*/
/*    background-color: #45c73e;*/
/*}*/
/*.login-box-latest .btn--form.color-2:hover {*/
/*    background-color: #1d9017;*/
/*}*/

/*.login-box-latest .btn--form.color-3 {*/
/*    background-color: #5489d1;*/
/*}*/
/*.login-box-latest .btn--form.color-3:hover {*/
/*    background-color: #1e4884;*/
/*}*/
.login-box-latest .btn--form-login {
    width: 100%;
    border-radius: 10px;
   background: #CD0F00;
background: linear-gradient(163deg, rgba(205, 15, 0, 1) 0%, rgba(0, 74, 115, 1) 100%);
}

.login-box-latest .btn--form-login:hover {
    border-radius: 40px;
}

.login-box-latest h4 {
    font-size: 23px;
    text-align: center;
    line-height: 34px;
    font-weight: 500;
    color: #fff;

}

.login-box-latest input[type="text"],
.login-box-latest input[type="password"] {
    height: 50px !important;
    /*padding:0 !important;*/
    border: 0 !important;
    border: 1px solid #ccc !important;
    border-radius: 7 !important;
    color: #fff !important;
    font-weight: 300 !important;

}

.login-box-latest input[type="text"]::placeholder,
.login-box-latest input[type="password"]::placeholder {
    color: #fff !important;

}

.login-box-latest input[type="text"]:focus,
.login-box-latest input[type="password"]:focus {
    border: 1px dashed #ccc !important;
}

.login-screen-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;

}

.login-screen-left h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}

.login-screen-left p {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}

.sidebar-cont {
    position: relative;
    height: 100%;

}

.sidebar-profile {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    /* top: 100%; */
    background-color: #3b3b3b;
}

.sidebar-profile .side-profile-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    gap: 10px;
}

.sidebar-profile .side-profile-box img {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px dashed #fff;
}

.sidebar-profile .side-profile-box .side-profile-dt {
    padding-left: 10px;
}

.sidebar-profile .side-profile-box .side-profile-dt h3 {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.sidebar-profile .side-profile-box .side-profile-dt p {
    margin: 0;
    font-size: 12px;
    margin-top: 2px;
    color: #20cc20;
    font-weight: 600;
}

.header-top-cs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    padding-right: 20px;

}

.header-top-cs .header-section-dt h3 {
    font-size: 27px;
    font-weight: 500;
    color: #000;
    margin: 0;
}

.header-top-cs .header-section-dt p {
    font-size: 14px;
    margin: 0;
    color: #858585;
    font-weight: 400;
}

.header-top-cs .header-section-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
    width: 56%;
}

.header-top-cs .header-section-right a {
    font-size: 16px;
    border: 1px solid #ccc;
    min-width: 45px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background: #ffffff6b;
}

.header-top-cs .header-section-right a i {
    color: #fff;
}

.section-top-padding {
    padding-top: 20px;
}

.progress-bar {
    background-color: #025187 !important;
}

.dashboard-top-section select {
    height: 45px;
    /* background-color: #eeeeee; */
    border: 0;
    outline: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-black);
    border: 1px solid #9f9b9b;
}

.dashboard-top-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.dashboard-top-section ul li {
    margin: 0 10px;
    font-size: 15px;
    font-weight: 600;
    color: #9a9a9a;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.dashboard-top-section ul li span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard-top-section ul li span.bg_Gray {
    background-color: #ababab;
}

.dashboard-top-section ul li span.bg_Orange {
    background-color: #ea8436;
}

.dashboard-top-section ul li span.bg_Green {
    background-color: #16a816;
}

.dashboard-list-btns ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
}

.dashboard-list-btns ul li {
    margin-right: 5px;
}

.dashboard-list-btns ul li a {
    padding: 7px 11px;
    text-decoration: none;
    font-size: 14px;
    /* border: 1px solid #025187; */
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border-radius: 5px;
    transition: 0.5s;
}

/* 
.dashboard-list-btns ul li a.active {
    background-color: #025187;
    color: #fff;
} */

.dashboard-list-btns ul li a:hover {
    /* background-color: #025187;
    color: #fff; */
    border-radius: 40px;
}

.dashboard-list-btns ul li a.bg_1 {
    background-color: #39B27C;
}

.dashboard-list-btns ul li a.bg_2 {
    background-color: #1a7bb9;
}

.dashboard-list-btns ul li a.bg_3 {
    background-color: #f8d347;
}

.dashboard-list-btns ul li a.bg_4 {
    background-color: #b52323;
}

.dashboard-list-btns ul li a.bg_5 {
    background-color: #cb4ec9;
}

.dashboard-list-btns ul li a.bg_6 {
    background-color: #7a339e;
}

.dashboard-project-view {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.dashboard-project-view h3 {
    /* background-color: #afce333b; */
    color: #000;
    border: 1px solid #222;
    padding: 15px 15px;
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    width: 100%;
    border-radius: 5px;
}

.dashboard-project-view h3 span {
    margin-left: 15px;
}

.dashboard-project-view ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding: 20px 0 0 30px;
}

.dashboard-project-view ul li {
    width: 47%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    margin-bottom: 30px;
    font-size: 16px;
    /* font-weight: 600; */
    color: #000;
}

.dashboard-project-view ul li:nth-child(even) {
    padding-left: 40px;
}

.dashboard-project-view ul li:nth-child(even)::before {
    left: 13px;
}

.dashboard-project-view ul li span {
    font-weight: 400;
    font-size: 14px;
    color: #575656;
}

.dashboard-project-view ul li::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #aec942;
    border-radius: 50%;
    border: 4px solid #d9e89d;
    position: absolute;
    left: -27px;
    top: 4px;

}

/* canvas#doughnut {
    width: 300px !important;
    height: 300px !important;
    margin: auto;
} */

.flex-col-bet {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.project-view-bottom .col-lg-4 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.project-view-bottom .project-view-bottom-icon {
    width: 50px;
    height: 50px;
    border: 1px solid #025187;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-view-bottom .project-view-bottom-icon i {
    font-size: 18px;
    color: #025187;
}

.project-view-bottom .project-view-bottom-dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.project-view-bottom .project-view-bottom-dt h4 {
    font-size: 25px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.project-view-bottom .project-view-bottom-dt p {
    margin: 0;
    font-size: 16px;
    color: #575656;
    font-weight: 600;
}

.border-right-cs {
    border-right: 1px solid #ccc;
}

.add-project-btn {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 600;
    height: 37px;
    background-color: #137DC5;
    color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    width: fit-content;
    transition: 0.5s;
}

.add-project-btn:hover {
    border-radius: 40px;
    color: #fff;

}

.dashboard-top-section {
    margin-bottom: 30px;
}

.project-progress-main-container {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.project-process-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-process-tree-box {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 3;
}

.project-process-tree-box span {
    font-size: 15px;
    font-weight: 400;
}

.project-process-tree-box h6 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.project-process-tree-box i {
    font-size: 20px;
}

.project-process-tree-box i.fs_30 {
    font-size: 30px;
}

.project-process-tree-box-short {
    position: absolute;
    padding: 10px;
    background-color: #e9fd98ed;
    border: 1px solid #025187;
    top: -73px;
    width: 185px;
    border-radius: 10px;

}

.project-process-tree-box-short span {
    width: 25px;
    height: 25px;
    background-color: #e9fd98ed;
    border: 1px solid #025187;
    border-left: 0;
    border-top: 0;
    display: flex;
    margin: auto;
    margin-bottom: -22px;
    rotate: 46deg;
}

.project-process-tree-box-short p {
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    margin: 0;
}

.project-process-box {
    position: relative;
}

.project-process-box .project-process-line {
    width: 100%;
    height: 4px;
    background-color: #d5d5d5;
    position: absolute;
    left: 0px;
    top: 45px;
}

.project-process-box .project-process-line-2 {
    width: 50%;
    /* height: 4px; */
    border: 2px dashed #15ee3a;
    position: absolute;
    left: 0px;
    top: 45px;
}

.v-none {
    visibility: hidden;
}

.project-process-tree-box i.fa-circle-check {
    color: #2ec517;
    background: #fff;
}

.project-process-tree-box i.fa-stopwatch {
    color: #d5af15;
    background: #fff;
}

.project-process-tree-box i.fa-circle-info {
    color: #f70e0e;
    background: #fff;
}

.dashboard-project-container p {
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 500;
    color: #000;
}

.dashboard-project-container p span {
    font-size: 14px;
    font-weight: 400;
}

.dashboard-project-container p span i {
    margin: 0 10px;
}

.main-table-container {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
    /* background: rgb(255 255 255 / 73%);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px); */
}

.main-table-container-top-btns-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.main-table-container-top-btns-box a {
    width: fit-content;
    padding: 6px 13px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    background-color: #e04d4d;
    text-decoration: none;
    font-weight: 600;
    transition: 0.5s;
    border: 1px solid #e04d4d;
}

.main-table-container-top-btns-box a i {
    margin-left: 5px;
}

.main-table-container-top-btns-box a:hover {
    border-radius: 40px;
    background-color: transparent;
    color: #e04d4d;
    border: 1px dashed #e04d4d;
}

.main-table-container-top-filter input,
.main-table-container-top-filter select {
    height: 37px;
    border-radius: 4px;
    font-size: 15px;
}

.main-table-container-top-filter label {
    font-weight: 600;
    margin-bottom: 5px;
}


.entry-select {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}

.entry-select p {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: #000;
}

.entry-select select {
    width: 100px;
    background-color: #f2f2f2;
    border: 0;
}

.table_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px;
}

.table_bottom p {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    color: #000;
    white-space: nowrap;
}

.table-pagination .page-item {
    margin: 0 5px;
}

.table-pagination .page-item .page-link {
    border-radius: 10% !important;
    padding: 0;
    padding: 4px 11px;
    font-size: 14px;
    border: 0;
    color: #222;
}

.table-pagination .page-item .page-link.page_active {
    background-color: #222;
    color: #fff;
}

.table-pagination .pagination {
    margin: 0;
}

.td-project-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

}

.td-project-box img {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    object-fit: cover;
}

.td-project-box .td-project-info {
    padding-left: 10px;
}

.td-project-box .td-project-info h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #000;

}

.td-project-box .td-project-info p {
    font-size: 14px;
    text-align: left;
    color: #636363bf;
    font-weight: 400;
}

.td-project-dt h3 {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #000;
    margin-bottom: 2px;
    line-height: 22px;
}

.td-project-dt small {
    font-size: 13px;
    text-align: center;
    color: #636363bf;
    font-weight: 500;
}

.action-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

tr td div.action-box a {
    font-size: 13px;
    font-weight: 500;
    padding: 4px 15px;
    white-space: nowrap;
    color: #fff !important;
    background-color: #089748;
    border-radius: 30px;
    border-radius: 25px !important;
}

.action-box a.dlt {
    background-color: #970808;
}

.action-box a.view {
    background-color: #2c6c74;
}

.action-box a.cstm {
    background-color: #c7ad19;
}

.action-box a.dropdown-toggle {
    border-radius: 2px;
}

.action-box .dropdown ul li a {
    padding: 8px;
    background-color: transparent;
    color: #000 !important;
    font-size: 12px;
}

.action-box .dropdown ul li a i {
    font-size: 15px;
}

.action-box .dropdown ul li a.edit {
    color: #027009 !important;
}

.action-box .dropdown ul li a.dlt {
    color: #b23939 !important;
}

.action-box .dropdown ul li a.cstm {
    color: #707002 !important;
}

.action-box .dropdown ul li a.cstm1 {
    color: #027049 !important;
}

.action-box .dropdown ul li a.cstm2 {
    color: #023970 !important;
}

.action-box .dropdown ul li a.cstm3 {
    color: #70025a !important;
}

.action-box .dropdown ul li a.cstm4 {
    color: #704d02 !important;
}

.badge-progess {
    font-size: 14px;
    font-weight: 600;
    padding: 4px 15px;
    white-space: nowrap;
    color: #3fc943 !important;
    background-color: #6dd47f3d;
    border-radius: 30px;
}

.badge-completed {
    font-size: 14px;
    font-weight: 600;
    padding: 4px 15px;
    white-space: nowrap;
    color: #45c50a !important;
    background-color: #94f26875;
    border-radius: 30px;
}

.badge-cancelled {
    font-size: 14px;
    font-weight: 600;
    padding: 4px 15px;
    white-space: nowrap;
    color: #d63b35 !important;
    background-color: #e36b6733;
    border-radius: 30px;
}

td.department-project-td {
    min-width: 250px;
}

.progres-cs {
    width: 80%;
    margin: auto;
    height: 9px;
}

.modal-form-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
}

.modal-form-btns button {
    width: 110px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background-color: #236c64;
    color: #fff;
    border-radius: 5px;
    transition: 0.5s;
    font-size: 15px;
    font-weight: 500;

}

.modal-form-btns button:first-child {
    background-color: #970808;
}

.modal-form-btns button:hover,
.modal-form-btns a.pdf-download:hover {
    border-radius: 40px;
}

.modal-form-btns a.pdf-download {
    width: 180px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background-color: #b23939;
    color: #fff;
    border-radius: 5px;
    transition: 0.5s;
    font-size: 15px;
    font-weight: 500;
}

.table-csv-btns {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-csv-btns ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-csv-btns ul li {
    margin: 0 4px;
}

.table-csv-btns ul li a {
    padding: 4px 15px;
    background-color: #b23939;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.5s;
}

.table-csv-btns ul li a:hover {
    border-radius: 40px;
}

.dashboard-project-team {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.dash-team-box-top h3 {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    color: #000;
    margin-bottom: 5px;
}

.dash-team-box-top p {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    color: #6a6a6a;
}

.project-team-main-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    /* background-color: #f7f7f7; */
}

.project-team-main-container h3 {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    margin-bottom: 5px;
}

.project-team-main-container p {
    font-size: 13px;
    margin: 0;
    font-weight: 500;
    color: #6a6a6a;
}

.project-team-main-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.project-team-main-container ul li img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}

.project-team-main-container ul li {
    margin-left: -10px;
}

.eclipse-btn {
    font-size: 23px;
    color: #000;
}

.df-flex {
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

.dasboard-project-bottom-right {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.header-display {
    display: flex;
    align-items: center;
}

.header-display p {
    color: #025187;
    margin: 5px;
    font-size: 1.2rem;
    word-spacing: 0.5rem;
}

pre {
    padding: 10px;
    margin: 0;
    cursor: pointer;
    font-size: 1.2rem;
    color: #025187;
}

.days,
.week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin: auto;
    /* padding: 0 20px; */
    justify-content: space-between;

}

.week div,
.days div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    width: 2.5em;
    border-radius: 100%;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

/* .days div:hover {
    background:#f2f2f2;
    color: rgb(40, 201, 25);
    cursor: pointer;
  } */
.week div {
    opacity: 0.5;
}

.current-date {
    background-color: var(--accent);
    color: var(--white);
}

.display-selected {
    margin-bottom: 10px;
    /* padding: 20px 20px; */
    text-align: center;
}

.calendar-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.dasboard-project-bottom-right h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.dashboard-leads-box {
    padding: 10px;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    background-color: #efefef;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dashboard-leads-box img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid #fff;
}

.dash-leads-dt {
    padding-left: 20px;
    width: 100%;
}

.dash-leads-dt h6 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}

.dash-leads-dt h6 span {
    font-weight: 400;
    font-size: 13px;
    background-color: #9ca380;
    border-radius: 40px;
    padding: 4px 9px;
    color: #fff;
}

.dash-leads-dt small {
    font-weight: 500;
    font-size: 13px;
    color: #676464;
}

.project-main-overview {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.btn-common {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 600;
    height: 37px;
    background-color: #e04d4d;
    color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: 20px; */
    width: fit-content;
    transition: 0.5s;
}

.btn-common:hover {
    border-radius: 40px;
    color: #fff;

}

.btn-more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: #000;
}

.widget-title {
    font-size: 28px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.project-dashboard-main-box .project-main-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.project-dashboard-main-box .project-main-title img {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    object-fit: cover;
}

.project-dashboard-main-box .project-main-title h3 {
    font-size: 19px;
    font-weight: 600;
    color: #000;
}

.project-dashboard-main-box {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.project-main-desc {
    padding-top: 10px;
}

.project-main-desc p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px;
}

.project-main-desc span {
    background: antiquewhite;
    color: #d7442b;
    padding: 8px 19px;
    font-weight: 600;
    border-radius: 40px;
    font-size: 14px;
}

.df-flex-col-bet {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.project-step {
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
}

.project-step ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.project-step ul li {
    margin: 7px 0;
}

.project-step ul li a {
    padding: 10px 15px;
    display: flex;
    width: 100%;
    background-color: #eff4db;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #BDD460;
    border-radius: 40px;
    color: #000;
    font-size: 17px;
    font-weight: 600;
}

.project-step ul li a span {
    width: 40px;
    height: 40px;
    background-color: #d8dec0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.project-step ul li a.active {
    background-color: #8aa034;
    color: #fff;
}

.project-step ul li a.active span {
    background-color: #fff;
    color: #BDD460;
}

.project-create-step {
    /* padding: 15px; */
    background-color: #fff;
    margin: 20px 0 40px 0;
    /* border: 1px solid #ccc; */
    border-radius: 8px;


}

.project-create-step ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;

}

.project-create-step ul li a {
    color: #909090;
    font-weight: 600;
    font-size: 16px;

}

.project-create-step ul li a span {
    width: 180px;
    height: 5px;
    background-color: #c7c7c7;
    display: flex;
    border-radius: 10px;
    margin-bottom: 10px;
}

.project-create-step ul li a.active span {
    background-color: #137DC5;
}

.project-create-step ul li a.active {
    color: #000;
}

.project-create-container {

    padding: 20px;
    background-color: #ffffffdb;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.o-f-p {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-bottom: 5px;
}

.project-create-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 19px;
}

.project-create-btns a {
    padding: 6px 20px;
    background-color: #137DC5;
    border: 1px solid #137DC5;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-radius: 4px;
    text-decoration: none;
    align-items: center;
    display: flex;
    justify-content: center;
    transition: 0.5s;
    border-radius: 40px;

}

.project-create-btns a:hover {
    background-color: #023970;
    color: #fff;
    border-radius: 40px;
}

.project-create-btns a:first-child {
    background-color: transparent;
    color: #b23939;
    border-color: #b23939;
}

.project-create-btns a:first-child:hover {
    background-color: #b23939;
    color: #fff;
}


.project-preview-table tr th {
    padding: 15px;
}

.project-preview-table tr th .project-prev-td {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #5f5f5f;
}

.project-preview-table tr td {
    font-size: 15px;
    line-height: 28px;
    font-weight: 600;
    padding: 15px;
}

.project-success {
    border-radius: 15px;
    background-color: #fff;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.project-success img {
    width: 200px;
}

.project-success h3 {
    margin: 20px 0;
    font-size: 25px;
    color: #000;
    font-weight: 600;
}

.project-success a {
    width: 100px;
    background-color: #b23939;
    color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    text-decoration: none;
    transition: 0.5s;
}

.project-success a:hover {
    border-radius: 40px;
}

.mt_70 {
    margin-top: 70px !important;
}

.project-updates-top h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

.project-updates-top p {
    font-size: 15px;

}

.project-sidebar {
    /* background-color: #fff; */
    padding: 5px;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    /* position: sticky;
    top: 100px; */
}

.project-sidebar ul {
    padding: 15px;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: rgb(80 78 78 / 14%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(7px);
    border-radius: 10px;
}

.project-sidebar ul li a {
    padding: 5px 23px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background-color: #ffffff3d !important;
    /* border-bottom: 1px solid #2222222b; */
    border: 1px solid #ffffff3d !important;
    font-weight: 500;
    border-radius: 5px;
}

.project-sidebar ul li a.active {
    background-color: #fff !important;
    color: #222 !important;
    border-radius: 40px;
}

.project-sidebar ul li a:hover {
    border-radius: 40px;
}

.project-sidebar ul li a.a-disable {
    background-color: #d2d2d2;
    color: #000;
}

.project-sidebar ul li a.bg-nav-top-1 {
    background-color: #ffc107;
    border-color: #ffc107;
}

.project-sidebar ul li a.bg-nav-top-2 {
    background-color: #b528da;
    border-color: #b528da;
}

.project-sidebar ul li a.bg-nav-top-3 {
    background-color: #2fb4c8;
    border-color: #2fb4c8;
}

.project-sidebar ul li a.bg-nav-top-4 {
    background-color: #e045c0;
    border-color: #e045c0;
}

.project-sidebar ul li a.bg-nav-top-5 {
    background-color: #fd7f0d;
    border-color: #fd7f0d;
}

.project-list-container-main h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-list-container-main-member {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.project-list-container-main-member-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.project-list-container-main-member-img img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.project-list-container-main-member p {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
}

.project-list-container-main-member p span {
    padding: 3px 10px;
    border-radius: 5px;
    background: #025187;
    font-weight: 500;
    color: #ffff;
    font-size: 11px;
    margin-left: 10px;
}

.project-list-container-main-member-img p {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
}

.project-list-container-main-desc h5 {
    color: #025187;
    font-size: 15px;
    font-weight: 600;
}

.project-list-container-main-desc p {
    margin-bottom: 4px;
    font-size: 14px;
    color: #000;
}

h4.info-text-proect-view {
    font-size: 19px;
    font-weight: 600;
    color: #000;
}

h4.info-text-proect-view i {
    font-size: 15px;
    color: #025187;
}

.project-main-over-view {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.project-over-main-img {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-over-main-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.project-over-main-dt h2 {
    font-weight: 600;
    color: #000;
    font-size: 25px;
}

.project-over-main-dt h3 {
    font-weight: 600;
    color: #454545;
    font-size: 16px;
}

.project-over-main-dt h3.date-h3 i {
    font-size: 15px;
    margin-right: 5px;
}

.project-over-main-dt h3.date-h3 span {
    color: red;
}

.project-over-main-dt p {
    font-size: 15px;
}

.project-over-main-dt p strong {
    color: #4b4b4b;
}

.project-over-view-tasks {
    /* background-color: #f2f2f2; */
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 10px;
}

.project-over-view-tasks-mem-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.project-over-view-tasks-mem-img img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #fff;
}

.project-over-view-tasks-dt h3 {
    font-size: 19px;
    font-weight: 600;
    color: #000;
}

.project-over-view-tasks-dt ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

}

.project-over-view-tasks-dt ul li {
    width: 49%;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.project-over-view-tasks-dt ul li a {
    color: #000;
}

.project-over-view-tasks-dt ul li span {
    color: red;
    margin-left: 10px;
}


.task-progress {
    width: 49%;
    margin: unset;
    height: 9px;
    background: #fff;
    border: 1px solid #ccc;
    margin-right: 5px;
}

.project-task-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.project-task-top select {
    width: 200px;
    height: 40px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
}

.project-task-top .project-team-main-container {
    padding: 0;
    border: 0;
}

.project-task-main-box {
    background-color: #fff;
    padding: 20px;
    /* border: 1px solid #ccc; */
    border-radius: 10px;
    margin: 10px 0;
}

.project-task-badge-add {
    background-color: #efefef;
    /* border: 1px solid #ccc; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
}

.project-task-badge-add p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.project-task-badge-add a {
    width: 35px;
    height: 35px;
    background-color: #025187;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.project-task-badge-add a:hover {
    background-color: #b23939;
}

.project-task-main-container {
    background-color: #eeeeee;
    padding: 20px;
    /* border: 1px solid #ccc; */
    border-radius: 15px;
}

.project-task-main-container h6 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.project-task-main-container h6 a {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #6e6e6e;
    color: #000;
    border-radius: 50%;
    rotate: -40deg;
    font-size: 14px;
}

.project-task-main-container h6 a:hover {
    background-color: #025187;
    color: #fff;
}

.project-task-main-container-dt h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

.project-task-main-container-dt p {
    font-size: 14px;
    color: #222;
    line-height: 25px;
}

.project-task-main-container-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-task-main-container-bottom .project-team-main-container {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.project-task-main-container-bottom small {
    font-size: 13.5px;
}

.project-task-main-container.bg_success {
    background-color: #a1dca261;
}

.project-task-main-container.bg_wrn {
    background-color: #efcf6d59;
}

.task-status {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}

.task-status ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.task-status label {
    font-weight: 600;
    font-size: 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.task-status label i {
    width: 25px;
}

.task-status label span {
    padding: 5px 18px;
    background-color: #26a660;
    color: #fff;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}

.modal-btn-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.modal-btn-footer .btn-common {
    width: 120px;
    border-radius: 10px;
}

.modal-btn-footer .btn-common:hover {
    border-radius: 40px;
}

.modal-btn-footer a.btn-cancel {
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 600;
    height: 37px;
    background-color: transparent;
    color: #b23939;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    width: 120px;
    transition: 0.5s;
    border-radius: 10px;
    border: 1px solid #b23939;
}

.modal-btn-footer a.btn-cancel:hover {
    background-color: #b23939;
    color: #fff;
    border-radius: 40px;
}

.modal-title-cs {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.create-members-preview ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.create-members-preview ul li a {
    padding: 4px 6px;
    background-color: #f7f7f7;
    border-radius: 40px;
    color: #000;
    border: 1px solid #ccc;
}

.create-members-preview ul li a i {
    margin-right: 5px;
    color: #2c6c74;

}

.project-doc-main-container {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 10px 0;
}

.project-doc-container {
    background-color: #eeeeee;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #adadad;
}

.project-doc-container h3 {
    font-size: 17px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    color: #000;
}

.project-doc-container h3 a {
    color: #000;
}

.project-doc-box {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-doc-box i {
    font-size: 35px;
    color: #737373;
}

.pop_add_user_profile img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.pop_add_user_profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.pop_add_user_profile input {
    display: none;
}

.pop_add_user_profile label {
    width: 140px;
    height: 40px;
    background-color: #025187;
    color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.pop_add_user_profile a {
    width: 140px;
    height: 40px;
    background-color: #eeeeee;
    color: #222;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
}

.pop_add_user_profile_top {
    padding-top: 20px;
}

.pop_add_user_profile_top p {
    margin: 0;
    margin-top: 7px;
    font-size: 13px;
    font-weight: 600;
}

.project-calendar-main {
    background-color: #fff;
    margin: 0;
    padding-right: 0;
}

.project-calendar-filter h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}

.project-calendar-filter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.project-calendar-filter ul li {
    margin: 10px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.project-calendar-filter ul li input {
    width: 18px;
    height: 18px;
}

.project-calendar-filter ul li label {
    font-weight: 600;
    color: #444444;
}

.project-calendar-top-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
    gap: 10px;
}

.project-calendar-top-left button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #025187;
    background-color: #f7f7f7;
    color: #025187;
    transition: 0.5s;
}

.project-calendar-top-left button:hover {
    background-color: #025187;
    color: #fff;
}

.project-calendar-top-left p {
    margin: 0;
    font-weight: 600;
    font-size: 17px;
}

.project-calendar-top-right {
    padding-top: 15px;
}

.project-calendar-top-right ul {

    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;

}

.project-calendar-top-right ul li a {
    padding: 7px 20px;
    background-color: #f7f7f7;
    color: #000;
    border-right: 1px solid #ccc;
}

.project-calendar-top-right ul li:last-child a {
    border-right: 0;
}

.project-calendar-top-right ul li:first-child a {
    background-color: #025187;
    color: #fff;
}

.project-calendar-top-right ul li a:hover {
    background-color: #025187;
    color: #fff;
}

.border-bottom-cs {
    border-bottom: 1px solid #ccc;
}

.calender-table thead tr th {
    text-align: center;
    padding: 15px 5px;
    font-weight: 600;
    color: #3a3a3a;
    border: 1px solid #ccc;
    width: 200px;
}

.calender-table tbody tr td {
    border: 1px solid #ccc;
    min-width: 100px;
}

.calender-table tbody tr td .td-calendar-box {
    max-width: 200px;
    height: 100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.calender-table tbody tr td .td-calendar-box p {
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: 600;
    color: #000;
}

.calender-table tbody tr td .td-calendar-box p.disable-p {
    color: #7c7c7c;
}

.calender-table tbody tr td .td-calendar-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.calender-table tbody tr td .td-calendar-box ul li {
    margin-bottom: 5px;
}

.calender-table tbody tr td .td-calendar-box ul li a {
    font-size: 12px;
    font-weight: 600;
    background-color: #f7f7f7;
    color: #000;
    padding: 4px 7px;
    border-radius: 5px;
    white-space: nowrap;

}

.calender-table tbody tr td .td-calendar-box ul li a.pink-a {
    background-color: #f39ace61;
    color: #ce0a7c;
}

.calender-table tbody tr td .td-calendar-box ul li a.green-a {
    background-color: #a9f39a61;
    color: #31c014d1;
}

.calender-table tbody tr td .td-calendar-box ul li a.orange-a {
    background-color: #f3d89a61;
    color: #d99c0de9;
}

.calender-table tbody tr td .td-calendar-box ul li a.blue-a {
    background-color: #9adbf361;
    color: #1c96c2;
}

.calender-table {
    overflow-x: auto;
}

.calender-table::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
.calender-table::-webkit-scrollbar-track {
    background-color: #f7f7f7;
    border-radius: 10px;
}

/* Handle */
.calender-table::-webkit-scrollbar-thumb {
    background: #025187;
    border-radius: 10px;
}

.project-activiy-main-container {
    background-color: #fff;
    padding: 10px;
}

.project-activiy-top ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    /* gap: 5px; */
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-bottom: 20px;
}

.project-activiy-top ul li a {
    padding: 7px 11px;
    text-decoration: none;
    font-size: 14px;
    /* border: 1px solid #025187; */
    color: #222;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    /* border-radius: 5px; */
    transition: 0.5s;
    width: 150px;
    text-transform: uppercase;
    height: 50px;

}

.project-activiy-top ul li a:hover,
.project-activiy-top ul li a.active {
    background-color: #025187;
    color: #fff;
}

.project-activiy-top-left {
    padding-top: 15px;
}

.project-activiy-top-left p {
    margin: 0;
    font-weight: 600;
    font-size: 17px;
}


.project-activiy-top-right ul {

    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;

}

.project-activiy-top-right ul li a {
    padding: 10px 20px;
    /* background-color: #f7f7f7; */
    color: #000;
    border: 1px solid #ccc;
}

.project-activiy-top-right ul li:last-child a {
    border-right: 0;
}

.project-activiy-top-right ul li:first-child a {
    background-color: #025187;
    color: #fff;
}

.project-activiy-top-right ul li a:hover {
    background-color: #025187;
    color: #fff;
}

.td-project-name {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.td-project-name span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #cce85b;
}

.td-project-name span.round-gray {
    background-color: #ccc;
}

.color-green {
    color: #16a816;
}

.f-size {
    font-size: 18px;
}

.sidebar-radio input {
    border: 1px solid #696969;
}

.sidebar-radio .form-check {
    margin: 10px 0;
}

.sidebar-radio .form-check label {
    font-weight: 600;
    font-size: 15px;
    color: #000;
}

.project-access-main {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.project-access-top h3 {
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
}

.project-access-top p {
    font-size: 15px;
    font-weight: 500;
}

.project-access-top-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
    padding-right: 15px;
}

.project-access-top-search input {
    border: 0;
    font-size: 14px;
    font-weight: 500;
}

.access-admin span {
    font-size: 11px;
    font-weight: 600;
    padding: 5px;
    background-color: #a9f39a61;
    color: #31c014d1;

    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: auto;
    margin-top: 5px;
}

td.access-tb-field {
    max-width: 100px;
}

.access-tb-field input,
.access-tb-field select {
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
}

.proeject-view-bottom-cs {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    column-gap: 20px;

}

.btn-view-cs {
    width: 120px;
    margin-top: 20px;
}

.btn-more {
    font-weight: 600;
    color: #288dd1;
    text-decoration: underline;
}

.project-create-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}

.project-create-field label {
    white-space: nowrap;
    font-weight: 500;
}

.project-create-field input,
.project-create-field textarea {
    width: 75%;
}

.w-80 {
    width: 76%;
    margin: 0;
}

.w-100-inp input {
    width: 100%;
}

.w-75 {
    width: 75%;
}

.btn-vw-project {
    background-color: transparent;
    border: 1px solid #222;
    color: #222;
}

.btn-vw-project:hover {
    background-color: #137DC5;
    border-color: #137DC5;
}

.project-view-date {
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    width: fit-content;
    margin-top: 23px;
}

.project-view-date p {
    margin: 0;
    color: #000;
    font-size: 15px;
}

.project-view-date .col-3 {
    width: 120px;
}

.project-view-date small {
    font-weight: 600;
    margin-bottom: 10px;
}

.project-view-date .icon-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.task-modal-head small {
    font-weight: 600;
    color: #a7a7a7;
}

.task-create-field {
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.task-create-field label {
    white-space: nowrap;
    width: 190px;
    font-weight: 600;
    color: #444444;
}

.task-create-field label i {
    width: 25px;
}

.task-create-field input {
    width: 40%;
}

.task-create-attach {
    margin: 0;
    padding: 0;
    list-style: none;
}

.task-create-attach li {
    margin: 10px 0;
}

.task-create-attach li a {
    font-size: 14px;
    font-weight: 600;
    color: #444444;
}

.task-create-attach li a i {
    width: 25px;
}

.border-top-cs {
    border-top: 1px solid #ccc;
}

.h-border {
    height: 55px;
    border-bottom: 1px solid #ccc;
    margin-left: -10px;
    margin-right: -12px;
}

.shadow-table tr th {
    background-color: transparent;
    color: #222;
    border: 0;
}

/* .shadow-table tbody tr{
   border-bottom: 1px solid #ccc;
} */

.shadow-table tbody tr {
    border: 0;
    box-shadow: 0px 15px 10px -15px #111;
    box-shadow: 5px -15px 10px -17px #111;

}

/* .shadow-table tr td:first-child{
    box-shadow: -15px 0px 10px -15px #111; 
}
.shadow-table tr td:last-child{
    box-shadow: 15px 0px 10px -15px #111;  
} */
.btn-loadMore {
    margin: auto;
    display: flex;
    width: 130px;
    border-radius: 5px;
    margin-top: 20px;
}

.bg-th tr th {
    background-color: #025187;
    color: #fff;
}




/* Department */

.w-110 {
    width: 110px;
}

.pt_30 {
    padding-top: 30px;
}

.department-tab-btns {
    background-color: #fff;
    padding: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
    margin-top: 5px;
}

.department-tab-btns ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.department-tab-btns ul li a {
    padding: 7px 15px;
    color: #414040;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.department-tab-btns ul li a:hover,
.department-tab-btns ul li a.active {
    background-color: #72871d;
    color: #fff;
}

.department-middle-box {
    background-color: #fff;
    padding: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
    margin-top: 10px;
}

.department-middle-box select {
    height: 45px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    font-size: 15px;
    font-weight: 600;

}

.department_call_box {
    padding: 14px;
    border: 1px solid #6a6a6a;
    border-radius: 10px;
    margin: 12px 0;
}

.department_call_top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.department_call_top img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.department_call_top-title p {
    margin: 0;
    font-weight: 600;
    color: #000;
    font-size: 18px;
}

.department_call_top-title p span {
    font-size: 13px;
    color: #878686;
}

.department_call_top-title p span i {
    margin: 0 10px;
}

.department_bottom_desc {
    padding-top: 15px;
}

.department_bottom_desc p {
    font-size: 15px;
    line-height: 25px;
    color: #000;
}

.department_bottom_desc a {
    width: 150px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #222;
    color: #222;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
    transition: 0.5s;
}

.department_bottom_desc a i {
    margin-right: 10px;
}

.department_bottom_desc a:hover {
    background-color: #72871d;
    color: #fff;
    border-color: #72871d;
}

.department_call_right {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
}

.department_call_date {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.department_call_date p {
    font-weight: 600;
}

.department_call_right a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    font-size: 15px;
}

.department_call_right a:hover {
    color: #025187;
}

.form-title {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.department-project-form {
    background-color: #f2f2f2;
    margin: 10px 0;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.department-project-form input {
    background-color: #fff;
}

.department-project-form input:focus {
    background-color: #fff;
}

.department_note_box {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 10px 0;
}

.department_note_box p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
}

.department_logo img {
    width: 200px;
}

.department_form_top_sale {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.department_form_top_sale label {
    white-space: nowrap;
    font-weight: 600;
    color: #000;
}

.department_form_top_sale input {
    background-color: #cfcfcf;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.department_form_top_sale input:focus {
    background-color: #cfcfcf;
}

.department_form_right {
    background-color: #fff;
    padding: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
    margin-top: 10px;
}

.department_form_right ul {
    list-style: none;
    padding: 0;
    margin: 0;

}

.department_form_right ul li {
    margin: 10px 0;
}

.department_form_right ul li a {
    width: 100%;
    padding: 7px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #dfdfdf;
    font-weight: 600;
    color: #000;
    transition: 0.5s;
    border-radius: 5px;
    font-size: 15px;
}

.department_form_right ul li a:hover {
    background-color: #6b7e23;
    color: #fff;
}

.form_department input {
    height: 40px;
}



.check-with-label:checked+.label-for-check {
    border: 1px solid #025187;
    color: #025187;
    background-color: #fff;
}

.department_doc_select .label-for-check {
    width: 100%;
    height: 90px;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 60px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    padding-right: 20px;
    background-color: #fff;

}

.department_doc_select {
    position: relative;
    margin: 10px 0;
}

.department_doc_select input {
    position: absolute;
    top: 33px;
    left: 25px;
    width: 25px;
    height: 25px;
    border-radius: 50% !important;
}

.department_doc_select .check-label-1 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.department_doc_select .check-label-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.department_doc_select .check-label-1 p {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #54687B;
    margin: 0;
    margin-top: 10px;
}

.department_doc_select input[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 23px;
    height: 23px;
    padding: 3px;
    /* background-color only for content */
    background-clip: content-box;
    border: 1px solid #025187;
    background-color: #fff;
    border-radius: 50%;
}

/* appearance for checked radiobutton */
.department_doc_select input[type="radio"]:checked {
    background-color: #025187;
}

.department_file_name p {
    font-weight: 600;
    color: #000;
    font-size: 19px;
    margin: 0;
    margin-bottom: 5px;
}

.check-with-label:checked+.label-for-check .department_file_name p {
    color: #72871d;
}

.department_file_name small {
    color: #000;
    text-decoration: underline;
}

.dpt_file_selected,
.dpt_file_select {
    font-size: 17px;
    font-weight: 600;
}

.dpt_file_selected {
    color: #6b7e23;
}

.dpt_file_selected {
    display: none;
}

.check-with-label:checked+.label-for-check .dpt_file_selected {
    display: block;
}

.check-with-label:checked+.label-for-check .dpt_file_select {
    display: none;
}

.department_doc_table {
    background-color: #fff;
    padding: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
    margin-top: 10px;
}

.department_doc_table ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.department_doc_table ul li a {
    width: 120px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #323232;
    font-size: 14px;
    font-weight: 600;
}

.department_doc_table ul li a.active {
    border: 1px solid #323232;
}

.department_doc_table ul li a:hover {
    background-color: #dbdbdb;
}

.department_doc_table_search {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border: 1px solid #222;
    border-radius: 5px;
    padding: 0 10px;
    gap: 5px;
}

.department_doc_table_search input {
    border: 0;
    font-size: 14px;
    font-weight: 600;
    height: 37px;
}

.department_doc_table table tr th {
    background-color: #FFDEC4;
    /* text-align: center; */
    font-size: 17px;
    padding: 10px 6px;
}

.department_doc_table table tr td {
    padding: 13px 5px;
    vertical-align: middle;
}

.dept_file_table tr td input {
    width: 22px;
    height: 22px;
}

.dept-td-file-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.dept-td-file-box i {
    width: 30px;
    height: 30px;
    background-color: #cfcfcf;
    color: #767676;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dept-td-file-box p {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #444444;
}

.dept_file_table .td-icon-text {
    font-size: 15px;
}

.dept_file_table .td-icon-text i {
    font-size: 14px;
    margin-right: 5px;
}

.dept_file_table tr td a {
    color: #000;
}

.meet-contract-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.meet-contract-name p {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.meet-contract-name img {
    width: 40px;
}

.dept_meet-field-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 75%;
    gap: 10px;
}

.dept_meet-field-box input {
    width: 250px;
}

.dept_meet-field-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dept_meet-field-box ul li {
    white-space: nowrap;
    background-color: #dcdcdc;
    padding: 5px 15px;
    border-radius: 40px;
    font-weight: 600;
    color: #000;
}

.dept_meet-field-box ul li a {
    color: #000;
    margin-left: 10px;
}

.dept_meet_attendees ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.dept_meet_attendees ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #a3a1a1;
    margin: 10px 0;
}

.dept_meet_attendees_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.dept_meet_attendees_left span {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6b7e23;
    color: #fff;
    border-radius: 50%;
}

.dept_meet_attendees_left_member h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}

.dept_meet_attendees_left_member small {
    font-weight: 600;
}

.dept_meet_attendees ul li a {
    font-size: 15px;
    font-weight: 600;
    color: #696969;
}

.w-fit {
    width: fit-content !important;
}

.section-title span {
    font-size: 14px;
}

.section-title {
    font-size: 23px;
    /* background-color: #799700; */
    color: #fff;
    /* padding: 14px; */
    border-radius: 6px;
    font-weight: 600;
    margin-bottom: 15px;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.shadow-box {
    background-color: #ffffffc9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
    background: rgb(255 255 255 / 73%);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.o-f-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.o-f-check input {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.o-f-check label {
    font-weight: 600;
}

.shadow-box .box-title {
    font-weight: 600;
    font-size: 19px;
    line-height: 30px;
    color: #ea8436;
}

.save-btn {
    width: 110px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background-color: #e04d4d;
    color: #fff;
    border-radius: 5px;
    transition: 0.5s;
    font-size: 15px;
    font-weight: 500;
    margin: auto;
}

.save-btn:hover {
    border-radius: 40px;
}


.user-view-left {
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
}

.user-basic-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.user-basic-info img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.user-basic-info {
    background-color: #ebf7bc;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #BDD460;
}

.user-basic-info h3 {
    font-size: 25px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.user-basic-info p {
    margin: 0;
    font-size: 13px;
}

.user-view-left ul {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    list-style: none;
}

.user-view-left ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #ccc;
}

.user-view-left ul li:last-child {
    border-bottom: 0 !important;
}

.user-view-left ul li span.badge {
    background-color: #16a816;
}

.user-view-left ul li a.user-edit-btn {
    padding: 5px 20px;
    border-radius: 40px;
    background-color: #e52d2d;
    color: #fff;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.user-view-left ul li a.user-edit-btn:hover {
    background-color: #b23939;
}

.user-view-container {
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
}

.user-view-box {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 10px;
}

.user-view-box h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    color: #ea8436;
}

.user-view-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.user-view-box ul li {
    width: 33%;
    margin: 10px 0;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.user-view-box ul li span {
    font-weight: 400;
    margin-left: 10px;
    color: #5f5f5f;
}

.user-view-box ul li span.Yellow-badge {
    background-color: #da9f21;
    color: #fff;
    padding: 0px 10px;
    border-radius: 40px;
}

.user-view-address ul li {
    width: 49%;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    margin: 4px 0;
}

.user-view-address ul li span {
    color: red;
}

.user-view-address ul {
    justify-content: space-between;
}

.user-view-address ul li .adrress-user strong {
    font-weight: 600;
}

.user-view-address ul li .adrress-user p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    margin-top: 10px;
}


.modal-btn-box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
}

.modal-btn-box a {
    width: 100px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 15px;
}

.bg-default {
    background-color: #089748 !important;
}

.bg-epn-red {
    background-color: #dd4b39 !important;
}

.modal-btn-box a:hover {
    border-radius: 40px;
}

.modal-not h3 {
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
    font-weight: 600;

}

.permissions-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.permissions-box ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    margin: 12px 0;
    width: 33%;
}

.permissions-box ul li label {

    color: #000;
    font-size: 14px;
}

.permissions-box ul li input {
    width: 16px;
    height: 16px;
}

.input-tb-field input,
.input-tb-field select {
    font-size: 14px;
    font-weight: 500;
    height: 37px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.nowrap-table tr th {
    white-space: nowrap;
}

.salary-bottom {
    background-color: #f7f7f7;
    padding: 15px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.salary-bottom input,
.salary-bottom textarea {
    background-color: #fff;
}

.salary-bottom input:focus,
.salary-bottom textarea:focus {
    background-color: #fff;
}

.salary-print-section {
    background-color: #f2f2f2;
    padding: 50px;
    min-height: 100vh;
}

.salary-print-widget {
    background-color: #fff;
    /* padding: 12px; */
    border-radius: 10px;
    /* border: 1px solid #ccc; */
}

.salary-print-widget h3 {
    font-size: 19px;
    margin: 0;
    font-weight: 600;
}

.salary-print-widget h3 span {
    color: #b23939;
}

.salary-print-table {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}

.form-check-cs p {
    font-weight: 600;
    font-size: 15px;
    margin: 0;
    color: #ad1919;
}

.form-check-cs .form-check {
    margin: 15px 0;
}

.form-check-cs .form-check input {
    width: 18px;
    height: 18px;
    border: 1px solid #222;
}

.form-check-cs .form-check label {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.Attendance-tab-btns {
    box-shadow: none;
    padding: 0;
    margin-bottom: 15px;
}

.Attendance-tab-btns ul li a {
    width: fit-content;
    background-color: #e8e8e8;
}

.Attendance-top-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Attendance-top-title a {
    padding: 7px 15px;
    background-color: #b23939;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    transition: 0.5s;
}

.Attendance-top-title a i {
    margin-right: 5px;
}

.Attendance-top-title a:hover {
    border-radius: 40px;
}

.mbsc-scroller-wheel-item div {
    display: none;
}

.input-tb-label-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding-left: 20px;
}

.input-tb-label-check input {
    width: 18px;
    height: 18px;
}

.input-tb-label-check label {
    font-size: 16px;
    font-weight: 600;
    color: #000;

}

.Attendance-add-table tr th {
    white-space: nowrap;
    min-width: 180px;
}

.file-cs-cstm input {
    border-color: #8e8e8e;
}

.file-cs-cstm input::file-selector-button {
    background-color: #BDD460 !important;
}

.filter-cs-20 h3 {
    font-size: 17px;
    font-weight: 600;
    color: #ea8436;
}

.filter-cs-20 .col-lg-20 {
    width: 20%;
}

.hrm-dashboard-widget {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    height: 100%;
}

.hrm-dashboard-widget h3 {
    font-weight: 600;
    font-size: 19px;
    line-height: 30px;
    color: #ea8436;
}

.hrm-dashboard-widget-inner p {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.hrm-dashboard-widget-inner .widget-inner-hrm {
    background-color: #ebf5c447;
    border: 1px solid #c2da634d;
    border-radius: 5px;
    padding: 10px;
    height: 100%;
}

.hrm-dashboard-widget-inner .widget-inner-hrm h6 {
    font-weight: 600;
    color: #000;
    margin: 0;
    line-height: 20px;
    font-size: 14px;
}

.hrm-dashboard-widget-inner .widget-inner-hrm h5 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    margin-top: 10px;
    color: #b23939;

}

.hrm-dashboard-widget-inner tr th {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 10px;
    background-color: #f2f2f2;
    text-align: center;
}

.hrm-dashboard-widget-inner table {
    margin: 10px 0;
}

.hrm-dashboard-widget-inner tr td {
    font-size: 14px;
    text-align: center;
}

.hrm-dash-left-table tr th,
.hrm-dash-left-table tr td {
    text-align: left !important;
}

.hrm-dashboard-widget h3 {
    display: flex;
    align-items: center;
}

.hrm-dashboard-widget h3 span {
    min-width: 33px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #afa21c;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    margin-right: 5px;
}

.hrm-dashboard-widget h3 span.icon-bg-1 {
    background-color: #39B27C;
}

.hrm-dashboard-widget h3 span.icon-bg-2 {
    background-color: #1a7bb9;
}

.hrm-dashboard-widget h3 span.icon-bg-3 {
    background-color: #b52323;
}

.hrm-dashboard-widget h3 span.icon-bg-4 {
    background-color: #cb4ec9;
}

.hrm-dashboard-widget h3 span.icon-bg-5 {
    background-color: #14aa11;
}

.hrm-dashboard-widget h3 span.icon-bg-6 {
    background-color: #7a339e;
}

.hrm-settings-container {
    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
}

.hrm-settings-container ul.hrm-settings-nav {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 25%;
    border: 1px solid #a9a9a9;
    border-radius: 10px;
    overflow: hidden;
    height: fit-content;
}

.hrm-settings-container ul.hrm-settings-nav li {
    width: 100%;
}

.hrm-settings-container ul.hrm-settings-nav li button {
    width: 100%;
    margin: 0 !important;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #a9a9a9;
    height: 60px;
    font-size: 18px;
    font-weight: 500;
}

.hrm-settings-container ul.hrm-settings-nav li button:hover {
    background-color: #99ae42;
    color: #fff;
}

.hrm-settings-container ul.hrm-settings-nav li button.active {
    border: 1px solid #BDD460;
}

.hrm-settings-container ul.hrm-settings-nav li:last-child button {
    border-bottom: 0px solid #a9a9a9;
}

.hrm-settings-container .tab-content {
    width: 75%;
    padding-left: 20px;
}

.small-label small {
    font-size: 12px;
    font-weight: 500;
    color: #877e7e;
}

.status-green {
    padding: 2px 13px;
    background-color: #bbf7d6c6;
    border: 1px solid #089748;
    color: #089748;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
}

.status-blue {
    padding: 2px 13px;
    background-color: #8cdbf4;
    border: 1px solid #087697;
    color: #087697;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
}

.status-orange {
    padding: 2px 13px;
    background-color: #ffecd0;
    border: 1px solid #e49629;
    color: #e49629;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
}

.status-red {
    padding: 2px 13px;
    background-color: #fbdede;
    border: 1px solid #e42929;
    color: #e42929;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
}

.uploadFIleDocument {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 15px;
    padding-top: 0;

    gap: 10px;
    margin-bottom: 10px;
}

.uploadFIleDocument .uploadFIleDocument-action-btn {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #089712;
    color: #fff;
    border: 0;
    margin-top: 15px;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uploadFIleDocument .uploadFIleDocument-action-btn:hover {
    background-color: #027009;
}

.uploadFIleDocument .uploadFIleDocument-action-btn.bg-danger:hover {
    background-color: #b23939 !important;
}

.uploadFIleDocument input {
    background-color: #fff !important;
    height: 37px;
}

.uploadFIleDocument input::file-selector-button {
    height: 37px;
}

.td-check-field {
    display: flex;
    justify-content: center;
    align-items: center;
}

.td-check-field input {
    width: 18px;
    height: 18px;
}

.badge-font .badge {
    font-size: 14px;
    margin: 2px;
}

.leave-activity h3 {
    padding: 5px 13px;
    background-color: #bbf7d6c6;
    border: 1px solid #089748;
    color: #089748;
    border-radius: 40px;
    font-size: 17px;
    font-weight: 600;
    width: fit-content;
}

.leave-activity h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.leave-activity h4 span {
    color: red;
}

.leave-manage-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.leave-manage-tabs ul li a {
    width: 150px;
}

.Probation-manage-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.Probation-manage-tabs ul li a {
    width: fit-content;
}

.flex-input-pop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;

}

.flex-input-pop label {
    white-space: nowrap;
    font-weight: 500;
    color: #000;
}

.flex-input-pop input,
.flex-input-pop select,
.flex-input-pop textarea {
    height: 37px;
    background-color: #ededed;
    border: 0;
    max-width: 300px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}

.flex-input-pop input:focus,
.flex-input-pop select:focus,
.flex-input-pop textarea:focus {
    background-color: #ededed;
}

.flex-input-pop textarea {
    height: 70px;
}

.review-note {
    background-color: #fbdede;
    border: 1px solid #e42929;
    color: #e42929;
    border-radius: 10px;
    padding: 10px 20px;
}

.review-note ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    gap: 30px;
}

.review-note ul li {
    font-weight: 500;
    font-size: 14px;
}

.review-pop-preview {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.review-pop-preview label {
    white-space: nowrap;
    font-weight: 500;
    color: #000;
    width: 300px;
    font-size: 16px;
}

.review-pop-preview ul {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.review-pop-preview ul li {
    font-size: 17px;
    margin: 0 5px;
    font-weight: 500;
}

.review-pop-preview ul li i {
    color: #ef9b34;
}

.review-pop-preview p {

    width: 100%;
    font-size: 13px;
    margin: 0;

}

.review-pop-preview {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.check-select-colored ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
}

.check-select-colored ul li a {
    padding: 5px 15px;
    background-color: #14aa11;
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
}

.check-select-colored ul li a.orange {
    background-color: orange;
}

.check-select-colored ul li a.red {
    background-color: red;
}

.employee-basic-info {
    background-color: #83d99673;
    border: 1px solid #7ae391;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.employee-basic-widget {
    background-color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    height: 100%;
}

.employee-basic-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.employee-basic-widget ul li {
    margin: 10px 0;
    font-weight: 500;
    color: #000;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.employee-basic-widget ul li span.blue {
    color: #0ebe11;
}

.employee-basic-widget ul li span.red {
    color: #d30e0e;
}

.e-performance-widget {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

}

.e-performance-widget .review-pop-preview {
    padding: 0;
    border: 0;
    width: 100%;
}

.e-performance-widget .review-pop-preview label {
    font-size: 15px;
}

.payslip-logo {
    display: flex;
    justify-content: center;
    align-items: center;

}

.payslip-logo img {
    width: 200px;
}

.payslip-logo h3 {
    font-size: 25px;
    font-weight: 600;
    color: #000;
}

.payslip-widget {
    background-color: #a9f9bb73;
    border: 1px solid #7ae391;
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.payslip-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.payslip-widget ul li {
    margin: 12px 0;
    font-weight: 600;
    color: #000;
    font-size: 15px;
}

.payslip-widget ul li span {
    font-weight: 400;
    margin-left: 10px;
}

.payslip-table-bottom ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;

}

.payslip-table-bottom ul li {
    width: 33%;
    background-color: #f2f2f2;
    padding: 10px;
    margin: 13px 0;
    border: 1px solid #ccc;
    font-weight: 600;
    color: #000;
    justify-content: space-between;
    align-items: center;
    display: flex;
    border-radius: 10px;
    font-size: 14px;
}

.pay-slip-amount {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.pay-slip-amount h3 {
    font-weight: 600;
    font-size: 25px;
}

.pay-slip-amount h4 {
    font-size: 18px;
}

.sign-payslip {
    height: 80px;
    border-top: 1px solid #222;
    display: flex;
    justify-content: center;
    align-items: end;
    font-weight: 600;
    font-size: 15px;
    color: #000;
}

.payroll-edit-top h3 {
    font-weight: 600;
    color: #000;
    font-size: 25px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.payroll-edit-box {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 12px;
}

.payroll-edit-box input,
.payroll-edit-box textarea,
.payroll-edit-box select {
    background-color: #fff !important;
}

.payroll-edit-box h3,
.payroll-edit-tb-box h3 {
    font-size: 22px;
    font-weight: 600;
    color: #dd6422;
}

.payroll-edit-table tr td {
    max-width: 150px;
}

.payroll-edit-tb-box p {
    font-weight: 600;
    color: #000;
    margin-top: 10px;
    font-size: 16px;
}

.payroll-edit-box p {
    font-weight: 600;
    color: #000;
    font-size: 18px;
}

.payroll-view-top-ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    color: #000;
    font-size: 17px;
    margin: 20px 0;
}

.payroll-tb-widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 0 15px;
}

.payroll-tb-widget ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    color: #000;
    margin: 12px 0;
}

.bonus_track_top ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}

.bonus_track_top ul li {
    padding: 10px 15px;
    background-color: #ff737345;
    color: #ad1f1fd9;
    border: 1px solid #ad1f1f7a;
    width: 25%;
    border-radius: 7px;
    font-weight: 600;
    font-size: 15px;
}

.employee_salary_bonus {
    background-color: #f7f7f7;
    padding: 5px 15px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.employee_salary_bonus ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.employee_salary_bonus ul li {
    margin: 15px 0;
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

.employee_salary_bonus ul li:first-child span {
    color: #16a816;
}

.employee_salary_bonus ul li span {
    color: red;
    margin-left: 10px;
}

.chart-tree-container {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-direction: column;
    max-width: 1000px;
    margin: auto;
}

.chart-tree-top {
    padding: 6px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    min-width: 180px;
    position: relative;
}

.chart-tree-top::before {
    content: '';
    width: 0.1px;
    height: 80px;
    background-color: #b8afaf;
    position: absolute;
    left: 50%;
    top: 100%;
}

.chart-tree-top img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.chart-tree-info h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.chart-tree-info p {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #39B27C;
}

.chart-tree-ul {
    width: 90%;
}

.chart-tree-ul ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-top: 79px;
    gap: 20px;
    /* border-top: 1px solid #b8afaf; */
    padding-top: 20px;
    position: relative;
}

.chart-tree-ul ul::before {
    content: '';
    width: 80%;
    height: 1px;
    background-color: #b8afaf;
    position: absolute;
    left: 10%;
    top: 0;
}

.chart-tree-ul ul li .chart-tree-top::after {
    content: '';
    width: 1px;
    height: 20px;
    background-color: #b8afaf;
    position: absolute;
    left: 50%;
    bottom: 100%;
}

.chart-tree-ul2 {
    width: 100%;
}

.chart-tree-ul2 ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
    margin-top: 79px;
    gap: 100px;
    /* border-top: 1px solid #b8afaf; */
    padding-top: 20px;
    position: relative;
}

.chart-tree-ul2 ul li {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    margin-left: -80px;
    position: relative;

}

.chart-tree-ul2 ul li::before {
    content: '';
    width: 51.5%;
    height: 1px;
    background-color: #b8afaf;
    position: absolute;
    top: -20px;
    left: 24.3%;
}

.chart-tree-ul2 ul li .chart-tree-top::before {
    display: none;
}

.chart-tree-ul2 ul li .chart-tree-top::after {
    content: '';
    width: 1px;
    height: 20px;
    background-color: #b8afaf;
    position: absolute;
    left: 50%;
    bottom: 100%;
}


.btn-title-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-title-top a {
    padding: 7px 15px;
    background-color: #b23939;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    transition: 0.5s;
}

.btn-title-top a i {
    margin-right: 5px;
}

.btn-title-top a:hover {
    border-radius: 40px;
}

.salary-table tr td input {
    min-width: 110px;
}

.tooltip-btn {
    border: 0;
    background-color: transparent;
    color: #1c96c2;
}

.tooltip-inner {
    background-color: #1c96c2 !important;
    color: #fff !important;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #1c96c2 !important;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-right-color: #1c96c2 !important;
}

.view-current-performance {
    background-color: #cbf8ce;
    border-color: #027009;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #77ce7d;
}

.view-current-performance .review-pop-preview {
    padding-bottom: 0;
    border-bottom: 0;
    padding: 10px 0;
}

.currnt-performance-title {
    color: #027009;
    font-size: 18px;
    text-align: center;
}

.view-Previous-performance {
    background-color: #fff0da;
    border-color: #027009;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #faad3d;
}

.view-Previous-performance .review-pop-preview {
    padding-bottom: 0;
    border-bottom: 0;
    padding: 10px 0;
}

.Previous-performance-title {
    color: #cb7f0a;
    font-size: 18px;
    text-align: center;
}

.currnt-perfo-info {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.currnt-perfo-info ul {
    width: 100%;
    padding: 0 30px;
}

.currnt-perfo-info ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 15px 0;
    font-weight: 500;
    color: #000;
}

.currnt-perfo-info table {
    margin-top: 30px;

}

.currnt-perfo-info table tr th {
    padding: 8px 10px !important;
}

.currnt-perfo-info table tr td {
    padding: 8px 10px !important;
    font-size: 14px;
}

.view-attendance-table tr td i.fa-circle-check {
    color: #199521;
    font-size: 23px;
}

.view-attendance-table tr td {
    font-size: 16px;
}

.view-attendance-table tr td i.fa-circle-xmark {
    color: #b23939;
    font-size: 23px;
}

.salery-print-top-ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.salery-print-top-ul li {
    font-size: 17px;
    font-weight: 600;
    background-color: #f7f7f7;
    width: 24%;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;

}

.salery-print-top-ul li span {
    margin-left: 5px;
    /* color: #dc3545; */
}

.salery-print-top-ul li.bg-1 {
    background-color: #1a7bb9;
}

.salery-print-top-ul li.bg-2 {
    background-color: #b52323;
}

.salery-print-top-ul li.bg-3 {
    background-color: #cb4ec9;
}

.salery-print-top-ul li.bg-4 {
    background-color: #7a339e;
}

.performancec-tooltip-btns-ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.performancec-tooltip-btns-ul ul li button {
    color: #000;
    font-weight: 600;
}

.performancec-tooltip-btns-ul ul li button i {
    color: #1a7bb9;
}

.radio-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding-top: 10px;
}

.radio-label,
.radio-container label {
    font-weight: 500;
    color: #000;
    font-size: 14px;
}

.radio-container input {
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #222 !important;
}

.tb-checkox input {
    width: 18px;
    height: 18px;
}

a.bg-blue-cs {
    background-color: #288dd1 !important;
    color: #fff !important;
    border-color: #288dd1 !important;
}

.late-entry {
    padding: 2px 13px;
    background-color: #fbdede;
    border: 1px solid #e42929;
    color: #e42929;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
}

.early-entry {
    padding: 2px 13px;
    background-color: #bbf7d6c6;
    border: 1px solid #089748;
    color: #089748;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
}

.attendance-leave-badge ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.attendance-leave-badge ul li {
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background-color: violet;
    border-radius: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.attendance-leave-badge ul li span {
    margin-left: 10px;
    background-color: #fff;
    color: #000;
    padding: 0 2px;
    border-radius: 5px;
}

.attendance-leave-badge ul li.s-leave {
    background-color: #dc891d;
}

.attendance-leave-badge ul li.p-leave {
    background-color: #0da09e;
}

.attendance-leave-badge ul li.c-leave {
    background-color: #a00d0d;
}

.performance-edit-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

.performance-edit-btn a {
    background-color: #b23939;
    padding: 4px 15px;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
}

.reviewer-history {
    background-color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    height: 100%;
    margin-top: 10px;
    padding-top: 10px;
}

.reviewer-history h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

.reviewer-history table {
    margin: 0;
    margin-bottom: 10px;
}

img.bonus-flag-performance {
    width: 60px;
    margin: auto;
    display: flex;
}



.searchDropDown a:hover {
    background-color: #ddd;
}

.showDrop {
    display: block;
}


.inner-tabs-cs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.inner-tabs-cs {
    box-shadow: none;
    padding: 0;
    margin-bottom: 15px;
}

.inner-tabs-cs ul li a {
    width: fit-content;
    background-color: #e8e8e8;
}

.tb-form-field input,
.tb-form-field select {
    font-size: 12px;
    border: 1px solid #222;
    border-radius: 3px;
    height: 35px;
}

.print-box-widget {
    padding: 10px;
    /* background-color: var(--bg-light-gray); */
    border: 1px solid #ccc;
    border-radius: 10px;
}

.print-box-widget h5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 19px;
    line-height: 30px;
    color: #ea8436;

}

.print-inner-widget {
    background-color: var(--bg-light-gray);
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.print-inner-widget ul {
    padding: 0;
    margin: 0;
    list-style: none;

}

.print-inner-widget ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    font-weight: 500;
    font-size: 15px;
    color: #000;
}

.print-trio-ul ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.print-trio-ul ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    font-weight: 500;
    font-size: 15px;
    color: #000;
    background-color: var(--bg-light-gray);
    border-radius: 5px;
    width: 33%;
    border: 1px solid #ccc;
}

.print-trio-ul-bg ul li {
    background-color: #a9f9bb73;
    border: 1px solid #7ae391;
}

table tr td.td-text-danger {
    color: red !important;
}


.multiple-items-container {
    padding: 15px;
    background-color: #f2f8d8;
    border-radius: 7px;
    border: 1px solid #BDD460;
}

.multiple-items-container input,
.multiple-items-container select {
    height: 37px;
    background-color: #fff;
    border-radius: 5px;
}

.multiple-items-container input:focus,
.multiple-items-container select:focus {
    background-color: #fff;
}

.multi-add-dlt-btns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.multi-add-dlt-btns button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #25a925;
    color: #fff;
}

.multi-add-dlt-btns button.multie-dlt {
    background-color: red;
}

.bottom-container-fields {
    padding: 15px;
    background-color: #f2f8d8;
    border-radius: 7px;
    border: 1px solid #BDD460;
}

.bottom-container-fields input,
.bottom-container-fields select {
    height: 37px;
    background-color: #fff;
    border-radius: 5px;
}

.bottom-container-fields input:focus,
.bottom-container-fields select:focus,
.bottom-container-fields textarea:focus {
    background-color: #fff;
}

.bottom-container-fields textarea {
    background-color: #fff;
}

.bottom-container-fields-ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bottom-container-fields-ul ul li {
    margin: 10px 0;
    background-color: #f7f7f7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.info-top-widget {
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;

}

.info-top-widget h5 {
    font-weight: 600;
    font-size: 19px;
    line-height: 30px;
    color: #ea8436;
}

.info-top-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 20px;

}

.info-top-widget ul li {
    margin: 15px 0;
    font-weight: 500;
    color: #000;
}

.info-top-widget ul li span {
    font-weight: 300;
    margin-left: 10px;
}

.five-col-row .col-lg-20 {
    width: 20%;
}

.top-btns-cs {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    padding-bottom: 10px;
}

.top-btns-cs a {
    padding: 7px 15px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background-color: #ea8436;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.5s;
}

.top-btns-cs a:hover {
    border-radius: 40px;
}

.print-title {
    font-weight: 600;
    font-size: 19px;
    line-height: 30px;
    color: #ea8436;
}

.remark-box {
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #ccc;
}

.remark-box h3 {
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.remark-box p {
    font-size: 14px;
    margin: 0;
}

.delivery-track-title {
    text-align: center;
    font-weight: 600;
    font-size: 23px;
    line-height: 30px;
    color: #BDD460;
}

.track-container {
    padding: 30px 0;
    /* border-radius: 10px;
   
    background-color: rgba(13, 162, 56, 0.06);
    border: 1px solid rgba(13, 162, 56, 0.21); */
}

.track-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* flex-wrap: wrap; */
    gap: 13px;
}

.track-container ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 19%;
}

.track-container ul li .track-img {
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    gap: 6px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}

.track-container ul li .track-img p {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.track-container ul li.track-active .track-img {
    border: 2px dashed #bdd460;
    background-color: #bdd46069;
}

.track-container ul li .track-img img {
    width: 70px;
}

.track-container ul li .track-img img.w__80 {
    width: 80px;
}

.track-bottom {
    padding-top: 20px;
}

.track-bottom p {
    margin: 0;
    margin-top: 12px;
    font-size: 15px;

}

.project-widget-container {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 15px;
}


.invoice-short-top ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 20px
}

.invoice-short-top ul li {
    width: 49%;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    font-weight: 600;
    color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.invoice-short-top ul li:nth-child(even) {
    justify-content: flex-end;

}

.color-green {
    color: #19c419;
}

.color-red {
    color: red;
}

.color-orange {
    color: #d8a304;
}

.project-modal-documents-content h1 {
    font-size: 21px;
    font-weight: 600;
    color: #023970;

}

.gallery-label {
    margin-bottom: 10px;
}

.gallery-label img {
    width: 100%;
    height: 80px;
    border-radius: 4px;
    object-fit: cover;
    cursor: pointer;
}

.gallery-main-img img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 4px;
}

#expandedImg,
#srcExpandImg,
#svcExpandImg,
#productsvcImgExpnd,
#typeExpandImg {
    display: none;
}

.gallery-col {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-top: 15px;
}

.document-feedback {
    background-color: #f7f7f7;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-bottom: 8px;

}

.document-feedback-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.document-feedback-top img {
    width: 40px;
    height: 40px;
    border: 3px solid #023970;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.document-feedback-top span {
    font-weight: 600;
    color: #000;
}

.document-feedback-top ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.document-feedback-top ul li {
    margin: 10px 0;
    font-weight: 500;
    color: #000;
    font-size: 15px;

}

.document-feedback-top ul li i {
    color: #ef9b34;
}

.document-feedback-text {
    padding: 10px;
}

.document-feedback-text p {
    margin: 0;
    margin-top: 10px;
    font-size: 15px;
    color: #000;

}

.upload-doc-img img {
    width: 150px;
    height: 100px;
    border-radius: 10px;
    margin-top: 10px;
    object-fit: cover;
}


.dashboard-customer-widget {
    background-color: #e2f0f9;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #a5aad8;
}

.dashboard-customer-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dashboard-customer-widget ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    font-size: 15px;
    color: #000;
}

.dashboard-customer-widget a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    background-color: #025187;
    color: #fff;
    text-decoration: none;
    height: 40px;
    border-radius: 5px;
    margin-top: 10px;
    transition: 0.5s;

}

.dashboard-customer-widget a:hover {
    border-radius: 40px;
}

.dashboard-project-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

/*.dashboard-project-btns a:last-child{*/
/*    background-color: #b23939;*/
/*}*/
/*.dashboard-project-btns a:first-child{*/
/*     background-color: #025187 !important;*/
/*}*/
.dashboard-project-btns a {
    font-size: 14px;
    font-weight: 500;
    width: unset;
    padding: 5px 10px;
    height: unset;
}

/*.dashboard-project-btns a.green-color{*/
/*    background-color:#239f04 !important;*/
/*}*/
.dashboard-project-btns a.red-color {
    background-color: #b23939 !important;
}

.dashboard-project-btns a.dark-orange-color {
    background-color: #987318 !important;
}

.dashboard-project-btns a.blue-color {
    background-color: #137DC5 !important;
}

.project_view_doc_img {
    background-color: #fff;
    border-radius: 5px;
}

.project_view_doc_img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}


.prev-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 15px;
    background-color: #f7f7f7;
}

.prev-logo img {
    width: 200px;
}


.invoice-prev-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.invoice-prev-title h3 {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    margin: 0;
}

.invoice-sign {
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

.invoice-sign p {
    padding-top: 10px;
    margin-top: 30px;
    border-top: 1px solid #7f7f7f;
    font-size: 15px;
    font-weight: 600;
    width: 30%;
    text-align: center;
}

.invoice-info-bottom ul {
    padding: 0;
    margin: 0;
    list-style: none;

}

.invoice-info-bottom ul li {
    margin: 13px 0;
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}

.invoice-info-cnt ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;

}

.invoice-info-cnt ul li {

    font-size: 15px;
    margin: 8px 0;
    font-weight: 600;

}

.invoice-info {
    background-color: #fff;
    padding: 4px 15px;
    border-radius: 10px;
    height: 100%;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
    border: 1px solid #fff;
}

.invoice-info h4 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-top: 10px;
}

.invoice-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.invoice-info ul li {
    font-size: 14px;
    margin: 13px 0;
    font-weight: 500;
    color: #171717;
}

.invoice-info ul li span {
    font-weight: 400;
}



.invoice_bottom_pay {
    /*box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;*/
    /*padding:12px;*/
    /*border-radius:12px;*/
}

.invoice_bottom_pay ul {
    padding: 0;
    margin: 0;
    /*display:flex;*/
    list-style: none;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

}

.invoice_bottom_pay ul li {
    border: 0;
    border: 1px solid #ccc;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    padding: 10px;
    width: 100%;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin-bottom: 10px;

}

/*.invoice_bottom_pay ul li:last-child{*/
/*    border-bottom:0 !important;*/
/*}*/

.invoice_bottom_pay ul li span {
    font-weight: 400;
}

.term-ul-invoice {
    margin-top: 0;
    height: 100%;
    background-color: #f7f7f7;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.term-ul-invoice h3 {
    font-size: 17px;
    font-weight: 700;
    color: #000;

}

.vat-dt p {
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}


.invoice_gen_basic {
    padding: 8px 15px;
    background-color: #b0b0b00f;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 100%;
    margin: 0;
}

.invoice_gen_basic ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.invoice_gen_basic ul li {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin: 15px 0;

}

.invoice_gen_basic ul li span {
    font-weight: 400;
    margin-left: 5px;
}


.flex-check-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 18px;
}

.flex-check-box input {
    width: 18px;
    height: 18px;
}

.flex-check-box label {
    margin: 0;
    margin-top: 2px;
}

.flex-between-list ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px
}

.flex-between-list ul li {
    width: 32%;
    padding: 10px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;

}

.invoice-title-h2 h2 {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #f8b042;
    /* display: flex
; */
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    text-align: left;
    /* background: #ec881121; */
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}


.invoice_gen_last_box {
    background-color: #f7f7f7;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #2f509e47;
}

.invoice_gen_last_box h2 {
    margin-top: 0;
    padding-top: 2px;
}

.invoice_gen_last_box input,
.invoice_gen_last_box select,
.invoice_gen_last_box textarea {
    background-color: #fff;
}

.invoice_gen_last_box input:focus,
.invoice_gen_last_box select:focus,
.invoice_gen_last_box textarea:focus {
    background-color: #fff;

}

.invoice_gen_last_box input[type='checkbox'] {
    border: 1px solid #ccc;
}

.invoice_gen_last_box input[type='checkbox']:focus {
    background-color: transparent;
}


.customer-project-widget a:hover {
    border-radius: 40px;
}

.project-top-view-main {
    background-color: #ffffffb3;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background: rgb(255 255 255 / 73%);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.project-top-view-main ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.project-top-view-main ul li {
    width: 33%;
    margin: 13px 0;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;

}

.project-top-view-main ul li p {
    margin: 0;
}

.project-top-view-main ul li span {
    font-weight: 500;
}

.project-main-view-right {
    background-color: #fff;
    border-radius: 5px;
}

.project-main-view-right img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
}

.project-main-view-right a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65%;
    background-color: #025187;
    color: #fff;
    text-decoration: none;
    height: 40px;
    border-radius: 5px;
    margin: auto;
    margin-top: 10px;
    transition: 0.5s;
}

.project-main-view-right a:hover {
    border-radius: 40px;
}

.image-updating-list {
    padding: 15px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 10px;
    max-width: 350px;
    overflow: auto;
}

.image-updating-list ol {
    padding: 0 15px;
    margin: 0;
}

.image-updating-list ol li {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 500;
    color: #b23939;
}

.image-updating-list ol p {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 500;
    color: #b23939;
    margin-left: -16px;
}

.project-status-green {
    padding: 3px 13px;
    background-color: #039445;
    border: 1px solid #089748;
    color: #fff;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
}

.project-status-orange {
    padding: 3px 13px;
    background-color: #ffc107;
    border: 1px solid #ffc107;
    color: #fff;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
}

.project-status-red {
    padding: 3px 13px;
    background-color: #f1606e;
    border: 1px solid #f1606e;
    color: #fff;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
}


.user-dropdown-top .dropdown-toggle {
    width: fit-content !important;
    padding: 0 18px;
    background: #ffffff6b;
    color: #fff !important;
    border-radius: 40px !important;
    font-weight: 300;
}

.user-dropdown-menu li a {
    border: 0 !important;
    text-align: left;
    color: #222;
    justify-content: flex-start !important;
    font-size: 14px !important;
    font-weight: 500;
}



.text-editor-cs .ck.ck-editor__main>.ck-editor__editable {
    height: 300px !important;
}

.phase-group {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px 6px;
    margin: 0;
    margin-bottom: 10px;
}

.phase-group input,
.phase-group select {
    background-color: #fff !important;
}

.phase-group input:focus,
.phase-group select:focus {
    background-color: #fff !important;
}

.doc-group {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px 6px;
    margin: 0;
    margin-bottom: 10px;
}

.doc-group input,
.doc-group select {
    background-color: #fff !important;
}

.doc-group input:focus,
.doc-group select:focus {
    background-color: #fff !important;
}

.doc-view-file {
    padding: 3px 10px;
    border-radius: 40px;
    background-color: #43be5f;
    font-size: 13px;
    color: #fff;
}

.doc-view-file:hover {
    background-color: #29873f;
    color: #fff;
}

.doc-file-view-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    background-color: #fff;
    height: 45px;
    border: 1px solid #222;
    border-radius: 5px;
    padding: 0 15px;

}

.doc-dlt {
    padding: 3px 10px;
    border-radius: 40px;
    background-color: #ff1919;
    font-size: 13px;
    color: #fff;
}

.doc-dlt:hover {
    background-color: #b23939;
}

.doc-folder-create {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;

}

.doc-folder-create input {
    height: 45px;
    font-size: 13px;
    border-color: #222;
    background-color: transparent;
    color: #222 !important;
    width: 400px;
    background-color: #fff !important;
}

.doc-folder-create button {
    width: 150px;
    height: 45px;
    background-color: #239f04 !important;
    color: #fff;
    border-radius: 8px;
    border-color: #239f04;
    font-size: 15px;
    font-weight: 500;
    transition: 0.5s;

}

.doc-folder-create button:hover {
    border-radius: 40px;
}

.textarea-h-45 {
    height: 45px;
}

.project-view-main-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.project-view-main-top h3,
.project-view-main-top h4 {
    font-size: 19px;
    font-weight: 600;
    margin: 0;
}

.project-view-main-top h3 span {
    color: #ea3a3a;
}

.project-view-info {
    background-color: #fffaeb;
    border: 1px solid #f6e9c2;
    padding: 5px 15px;
    border-radius: 15px;
    height: 100%;
}

.project-view-info ul {
    display: unset;
    list-style: none;
    padding: 0;
    margin: 0;

}

.project-view-info ul li {
    width: 100%;
    margin: 17px 0;
    font-weight: 600;
    font-size: 15.5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.project-view-info ul li span {
    margin-left: 10px;
    font-weight: 400;
    color: #6c6c6c;
}

.project-view-info ul li p {
    margin: 0;
}


.box-title-center {
    font-weight: 600;
    font-size: 19px;
    line-height: 30px;
    color: #ea8436;
    text-align: center;
}


.edit-btn-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 111px;
    background-color: #37a90a;
    color: #fff;
    text-decoration: none;
    height: 36px;
    border-radius: 5px;
    margin-top: 10px;
    transition: 0.5s;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

.edit-btn-main:hover {
    border-radius: 40px;
}

.edit-btn-main-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    background-color: #3f97f6;
    color: #fff;
    text-decoration: none;
    height: 40px;
    border-radius: 5px;
    margin-top: 10px;
    transition: 0.5s;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-left: auto;
}

.edit-btn-main-icon:hover {
    border-radius: 40px;
}


.project-view-accordion .accordion-item {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 11px;
    overflow: hidden;
}

.project-view-accordion .accordion-item .accordion-button {
    font-size: 18px;
    font-weight: 600;
}

.project-view-accordion .accordion-item .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #025187;
}

.doc-folder-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #222;
    padding-right: 10px;
}

.doc-folder-top h3 {
    border: 0 !important;
}

.doc-folder-top input {
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.file-dlt-btn {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    border: 0;
    margin-top: 15px;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.file-dlt-btn:hover {
    background-color: #b23939;
}

.view-document p {
    font-size: 16px;
    margin: 6px 0;
}

.view-document p strong {
    font-weight: 500;
}



.plus-cs-btn {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #22b922;
    color: #fff;
    border: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

.plus-cs-btn:hover {
    background-color: #158115;
}

.minus-cs-btn {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: red;
    color: #fff;
    border: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

.minus-cs-btn:hover {
    background-color: #b23939;
}

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

.invoice_field_form input,
.invoice_field_form select {
    background-color: #fff;
}

.invoice_field_form input:focus,
.invoice_field_form select:focus {
    background-color: #fff;
}


.reset-btn {
    width: 110px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background-color: #ee4c4c;
    color: #fff;
    border-radius: 5px;
    transition: 0.5s;
    font-size: 15px;
    font-weight: 500;

}

.reset-btn:hover {
    border-radius: 40px;
}

.project-view-desc ul li {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.project-view-desc ul li span {
    margin: 0 !important;
}

.project-view-desc ul li h1,
.project-view-desc ul li h2,
.project-view-desc ul li h3,
.project-view-desc ul li h4,
.project-view-desc ul li h5,
.project-view-desc ul li h6,
.project-view-desc ul li h1 strong,
.project-view-desc ul li h2 strong,
.project-view-desc ul li h3 strong,
.project-view-desc ul li h4 strong,
.project-view-desc ul li h5 strong,
.project-view-desc ul li h6 strong {
    font-size: 20px;
    color: #b23939;
    font-weight: 500;
}

.project-view-desc ul li p {
    font-size: 15px;
    line-height: 25px;
}

.project-view-main-top h5.project-status-badge {
    font-size: 15px;
}

.project-view-collapse {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.survey-title {
    text-align: center;
    color: #f99905;
}

.survay-rating-section {
    padding: 15px;
    background-color: #f7f7f7f7;
    border-radius: 15px;
    border: 1px solid #ccc;
}

.suravey-rating-box {
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 7px;
    border: 1px solid #ccc;
}

.text-inp textarea {
    height: 100px;
}

.radio-comtent-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 10px;

}

.radio-comtent-list ul li {
    margin: 10px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;

}

.radio-comtent-list ul li input {
    width: 18px;
    height: 18px;
}

.back-btn-csr {
    background-color: #d94242 !important;
}

.back-btn-csr:hover {
    background-color: #b23939 !important;
    color: #fff !important;
}


.folder-wrapper-cs {
    background-color: #fff6db;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #f6e4b0;
}

.folder-wrapper-cs h3 {
    background: #ffffff7a;
    color: #000 !important;
}

.pagination-custom .table_bottom {
    margin: 12px 0;
}

.table_bottom svg {
    width: 30px;
}


.table_bottom .table-pagination {
    width: 100%;
    justify-content: flex-end;
    display: flex;
}

.table_bottom .table-pagination nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table_bottom .table-pagination nav div:last-child {
    display: flex;
    align-items: center;
    gap: 10px;
}

.image-table tr td img {
    width: 100px;
    height: 70px;
    border-radius: 7px;
    object-fit: cover;
}

.main-table-container .chart h3{
    font-size: 20px;
    color: #000;
}
.page-title h3{
    font-size: 25px;
    color: #fff;
}
.page-title h3 span{
    font-size: 15px;
}
.page-title{
    padding: 10px 0;
    padding-top: 0;
}
.active-toggle{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.max-width-250 td{
    max-width: 250px;
}


.action-btns{
    display: flex !important
;
    justify-content: center !important;
    align-items: center;
    gap:5px;
}

.action-btns .btn-delete{
   width: 30px;
    height: 30px;
    background-color: #d92f2f;
    color: #fff;
   border-radius: 20%;
    display: flex
;
    justify-content: center;
    align-items: center;
    border: 0;
    font-size:13px;
    text-decoration:none;
}
.action-btns i{
    color: #fff;
}
.action-btns .btn-edit{
   width: 30px;
    height: 30px;
    background-color: #17922a;
    color: #fff;
  border-radius: 20%;
    display: flex
;
    justify-content: center;
    align-items: center;
    border: 0;
    font-size:13px;
    text-decoration:none;
}
.action-btns .btn-view{
   width: 30px;
    height: 30px;
    background-color: #1c83b1;
    color: #fff;
   border-radius: 20%;
    display: flex
;
    justify-content: center;
    align-items: center;
    border: 0;
    font-size:13px;
    text-decoration:none;
}
.action-btns .btn-cstm{
  
    height: 30px;
    padding:10px;
    background-color: #b2b815;
    color: #fff;
   border-radius: 5px;
    display: flex
;
    justify-content: center;
    align-items: center;
    border: 0;
    font-size:13px;
    text-decoration:none;
}
.action-btns .btn-nowrap{
    white-space:nowrap;
    border-radius:10px;
    font-size:13px;
    color:#fff !important;
}
.action-btns .full-width-btn{
    white-space:nowrap;
    border-radius:5px;
    font-size:13px;
    color:#fff !important;
     height: 30px;
     background-color: #2fa9bc;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0 10px;
}
.action-btns .btn-nowrap i{
    margin-right:3px !important;
}


.submit-btn{
       width: 150px;
    height: 40px;
   background: #027009;
    border: 0;
    display: flex
;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: 0.5s;
    border-radius: 5px;
    font-size:15px;
    text-decoration:none;
    margin:10px auto;
}
.submit-btn:hover{
      border-radius:40px;
}

.price-select{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.price-select select{
    width: 80px;
}
.nowrap{
    white-space: nowrap;
}
.table-img-logo tr td img{
    width: 100px;
    height:  80px;
    object-fit: cover;
    border-radius: 5px;
}

.cms-field-container h3{
    margin: 10px 0;
    font-size: 20px;
    font-weight: 600;
    color: #004A73;
}
td div.text-line-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.modal-btn-box{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 30px;
}
.modal-btn-box button{
  width: 80px;
  height: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  font-size: 15px;
  border: 0;
}
.bg-default{
  background-color: #000 !important;
}
.bg-epn-red{
  background-color: #dd4b39  !important;
}

.time-to-select{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
h3.setting-title{
    font-size: 18px;
    font-weight: 600;
}

.backup-container ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.backup-container ul li{
    margin: 20px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.backup-container ul li label{
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.backup-container ul li button{
    width: fit-content;
    padding: 7px 15px;
    border: 0;
    border-radius: 40px;
    background-color: #027009;
    color: #fff;
    font-size: 15px;
}
.bg-modal-btn{
    background-color: #236c64 !important;
}
.page-title-btn h3{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-title-btn h3 a{
    padding: 7px 15px;
    font-size: 15px;
    background-color: #004A73;
    border-radius: 5px;
    color: #fff;
    transition: 0.5s;
}
.page-title-btn h3 a:hover{
    border-radius: 40px;
}



.profile-preview{
  background-color: #f2f2f2;
  padding:25px;
  border-radius: 10px;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;


}
.profile-preview ul{
  padding: 0;
  list-style: none;
}
.profile-preview ul li{
  margin: 15px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
}
.profile-preview ul li span{
  font-weight: 400;
}
.td-nowrap{
    white-space: nowrap;
}
.nowrap-th tr th{
    white-space: nowrap;
}
.table-group-btns ul{
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding-top: 5px;
}
.table-group-btns ul button{
    padding: 5px 15px;
    background-color: #f1606e;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    border: 0;
    transition: 0.5s;
}
.table-group-btns ul button:hover{
    border-radius: 40px;
    background-color: #970808;
}
.top-flex-btns{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}
.top-flex-btns a{
  white-space: nowrap;
  font-size: 15px;
  margin: unset;
}
.top-flex-btns a.bg-green{
    background-color: #027049;
    border-color: #027049;
}
.top-flex-btns a.bg-blue{
    background-color: #3da4a5;
    border-color: #3da4a5;
}
.form-check-label{
    gap: 10px;
}
.form-check-label input{
    width: 20px;
    height: 20px;
}
.property-multiple{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.field-plus-btn{
    min-width: 40px;
    height: 40px;
    border: 0;
    background-color: #027009;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.field-plus-btn:hover{
   background-color: #05500a; 
}
.field-minus-btn{
    min-width: 40px;
    height: 40px;
    border: 0;
    background-color: #b23939;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.field-minus-btn:hover{
   background-color: #850e0e; 
}
.budget-select{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
select.select-action{
    font-size: 13px;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 5px;
    outline: 0;
}
.container-section-title h3{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    color: orange;
}
.layout-section{
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 15px;
}


@media screen and (max-width:1200px){
    #main{
        margin-left: 0;
        padding-top: 75px
    }
    .header{
        width: 100%;
    }
    .sidebar {
        z-index: 1000;
    }
}
@media screen and (max-width:991px){
    .header-nav{
        display: none;
    }
    .profile-preview{
        margin-top: 10px;
    }
    .table-group-btns ul button{
        margin-bottom: 10px;
    }
}
@media screen and (max-width:768px){
    .digital-time-container{
        display: none;
    }
    .header-top-cs{
        justify-content: flex-end;
    }
    .table_bottom{
        flex-direction: column;
        align-items: flex-end;
        gap: 5px;
    }
    .table-group-btns ul{
        justify-content: flex-start;
    }
}
@media screen and (max-width:567px){
    .header .search-form input {
        width: 120px;
    }
    .dashboard-card-second .dashboard-card-dt{
        padding-left: 15px !important;
    }
}
@media screen and (max-width:450px){
    .top-flex-btns{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .table-group-btns ul{
        flex-direction: column;
        margin: 10px 0;
    }
    .table-group-btns ul li{
      width: 100%;
    }
    .table-group-btns ul li button{
      width: 100%;
      margin: 0;
    }
    .pagetitle{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    
}