@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@media print {
    .no-print {
      display: none !important;
    }
  }

:root {
    --globalfontsize: 16px;

	--primarycolor: #212322;
    --turtle-green: #3D441F;
    --shadow-yellow: #887549;
    --pine-tree-dark: #040503;
    --nordic-dark-teal: #062B31;
}
.text-brown{
    color: var(--shadow-yellow)!important;
}
.form-group{
    position: relative;
}
body {
	font-family: "Work Sans", sans-serif!important;
    font-size: var(--globalfontsize)!important;
    color: var(--primarycolor)!important;
    background-color: #F5F5F5!important;
	line-height: 1.4!important;
    font-weight: 400!important;
    overflow-x: hidden;
}
p, h1, h2 , h3, h4, h5, h6{
    margin-bottom: 0;
}
.badge-pill{ 
    padding: 5px 8px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
}
.text-16{
    font-size: 16px;
}
.btn:hover{
    border-color:transparent!important
}
.team_table  .status_btn.Approved{
    color: #065f46;
    border: 1px solid #a7f3d0;
    background-color: #d1fae5;
}
.team_table  .status_btn.Pending{
    color: #92400e;
    border: 1px solid #fde68a;
    background-color: #fef3c7;
}
.topbar__menu .accordion-button{
    text-wrap:wrap
}
.table .list-of-images{
    width:300px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:5px
}
.team_table  .status_btn.Rejected{
    color: #F25656;
    border: 1px solid #F25656;
    background-color: #F256561A;
}
.team_table .Pending.status_btn::after{
    display: none;
}
.team_table .status_btn{
    padding: 5px 20px;
    border-radius: 6px;
    font-size: 14px;
}
.sidebar ul{
    padding: 0!important;
}
/* styles.css */
.map-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
  }
  .table{
    border-color: transparent!important;
  }
  .map-modal .mapbox-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
  }
  
* {
	outline: none !important;
}
a, a:hover {
	text-decoration: none !important;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    text-decoration: none;
}
:focus {
    box-shadow: none !important;
}
img {
	max-width: 100%;
    width: auto;
    height: auto;
}
path, a:hover path {
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
.chart-info-item .pink{
    background-color: #FF5275;
}
.chart-info-item .green{
    background-color: #00796B;
}
.turtle-green {
    background-color: var(--turtle-green);
}
.shadow-yellow {
    background-color: var(--shadow-yellow);
}
.pine-tree-dark {
    background-color: var(--pine-tree-dark);
}
.nordic-dark-teal {
    background-color: var(--nordic-dark-teal);
}
.text-primary {
    color: var(--primarycolor) !important;
}
.text-turtle-green {
    color: var(--turtle-green);
}
.text-shadow-yellow {
    color: var(--shadow-yellow);
}
.text-pine-tree-dark {
    color: var(--pine-tree-dark);
}
.text-nordic-dark-teal {
    color: var(--nordic-dark-teal);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important;
    text-transform: capitalize;
}
.modal-content {
    border-radius: 12px;
}
.form-control{
    padding: 6px 15px!important;
}  
.input-group-text {
    border-color: #C4C4C4;
    border-radius: 0.5rem;
}
.custom-control-label {
    cursor: pointer;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border: none;
    background: var(--shadow-yellow);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background: url(../img/icons/tick.svg) no-repeat center / contain !important;
}
.custom-control-label::after {
    top: 0.438rem;
    width: 0.5rem;
    height: 0.5rem;
    left: -1.313rem;
}
.custom-control-label::before {
    width: 0.875rem;
    height: 0.875rem;
    border-color: var(--shadow-yellow);
    background-color: transparent;
}
.status__selection-wrapper {
    position: relative;
}
.status__selection-wrapper .status-select {
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    padding: 7px;
    /* appearance: none; */
    background-color: rgba(127, 200, 116, 0.2);
    color: #168A07;
    font-size: 0.875rem;
    font-weight: 400;
}
.accordion-button:not(.collapsed){
    background-color: #88754905!important;    
    color: #212322!important;
}
/* .status__selection-wrapper select:after {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    width: 40px;
    height: calc(100% - 2px);
    background: #ffffff url(../img/icons/down-arrow.svg) no-repeat center / 10px;
    border-radius: 0 8px 8px 0;
    pointer-events: none;
} */
.custom-select {
    border-color: #C4C4C4;
    font-size: 0.875rem;
    border-radius: 0.5rem;
    height: auto;
    padding: 0.563rem 0.938rem;
    appearance: none;
    /* background: url(../img/icons/down-arrow.svg) no-repeat 94% center / 10px; */
}

.btn:foucs {
    box-shadow: none !important;
}
.btn {
    background-color: var(--shadow-yellow);
    border: none;
    color: #ffffff;
    padding: 1rem 3.125rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 40px;
    white-space: break-spaces;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.btn:hover {
    background-color: var(--turtle-green);
    color: #ffffff;
}
.btn-sm {
    font-weight: 400;
    padding: 0.438em 1.25em;
    border-radius: 0.625rem;
}
.btn-lg {
    padding: 1rem 9.375rem;
}
.btn-secondary {
    background-color: rgba(136, 117, 73, 0.1);
    color: var(--shadow-yellow);
}
.btn-outline {
    background-color: transparent;
    color: var(--shadow-yellow);
    border: 1px solid var(--shadow-yellow);
}
.button-group .btn:not(:last-child) {
    margin-right: 0.5rem;
}

.grey__head .detail_tr{
    background-color: #887549;
    color:#fff;
    padding:8px 15px;
    border-radius:8px 8px 0 0;
}

.border_table{
    border:1px solid #887549;
    border-radius:8px 8px 0 0;
}

.list_checkbox input[type=checkbox] {
    position: relative;
      border: 2px solid #887549;
      background-color: #fff;
      border-radius: 2px; 
      cursor: pointer;
      line-height: 0;
      margin: 0 .6em 0 0;
      outline: 0;
      padding: 0 !important;
      vertical-align: text-top;
      height: 15px;
      width: 15px;
      border-radius: 4px;
      -webkit-appearance: none; 
  }
  
 .list_checkbox input[type=checkbox]:hover {
    opacity: 1;
  }
  
 .list_checkbox input[type=checkbox]:checked {
    background-color: #887549;
    opacity: 1;
    border: 2px solid #887549;

  }
  
  .list_checkbox input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 47%;
    width: 4px;
    height: 9px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: 0px -1px 0 -6px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
  }


  .multiple_border{
    padding:15px;
    background-color: #fff;
    position: relative;
  }


  /* .multiple_border span{
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-top:1px dashed #887549;
    display:block
  } */


  .multiple_border  .checkbox_row {
    margin-top:15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index:1;
  }
  .multiple_border  .checkbox_row::before{

    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    margin: auto;
    width: 94%;
    border: 1px dashed #887549;
  }
  .multiple_border  .checkbox_row .checkbox_box{
    text-align: center;
  }

  .multiple_border  .checkbox_row .checkbox_box p{
    font-size:16px;
    color:#887549;
    font-weight:500;
    margin-bottom:0;
  }

.user-avatar {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(136 117 73 / 10%);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-avatar img {
    border-radius: 50%;
}
.height-auto { height: auto !important; }

/* Table CSS */
.table td, .table th {  
    font-size: 0.875rem;
}
.table td, .table th {
    font-size: 0.875rem;
    padding: 5px 15px;
}
.table td:not(:last-child), .table th:not(:last-child) {
    padding-right: 1.429rem;
} 
.table thead th {
    vertical-align: middle;
}
.table thead th{
    border-top: 0;
    background-color: #fff;
    text-wrap: nowrap;
}
.approval th{
    border-top: 0;
    background-color: #EDE9DF !important;
    text-wrap: nowrap;
}
.table td a:not(:last-child) {
    margin-right: 0.313rem;
}
.table td svg {
    width: 18px;
    height: 18px;
}
.table th .filter-btn {
    padding: 0.188rem 0.25rem;
    border-radius: 0.25rem;
}
.table tbody td .btn-outline {
    padding: 0.25rem 0.8rem;
    font-size: 0.875rem;
}
.table td .badge {
    /* background-color: rgba(181, 1, 1, 0.1);
    color: #D30909; */
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.438rem 0.625rem;
    border-radius: 0.375rem;
}
.table td .badge.completed {
    background-color: rgba(127, 200, 116, 0.2);
    color: #10A53A;
}
table.dataTable.no-footer {
    border-bottom: none;
}
/* Table CSS */

/* Custom File Upload */
.custom__file-upload {
    position: relative;
}
.custom__file-upload [type=file] {
    display: none;
}
.custom__file-label {
    background-color: rgba(136, 117, 73, 0.1);
    border: 1px dashed rgba(136, 117, 73, 0.54);
    border-radius: 0.5rem;
    margin: 0;
    padding: 1.5rem 1.25rem;
    display: block;
    text-align: center;
    cursor: pointer;
}
.custom__file-label span {
    display: block;
    color: var(--shadow-yellow);
    font-size: 0.75rem;
    margin-top: 0.313rem;
    font-weight: 400;
}
/* Custom File Upload */

/* Modal CSS */
.swal-modal {
    width: 25rem;
    border-radius: 1.188rem;
}
.swal-icon {
    border-color: var(--shadow-yellow);
}
.swal-icon--success__ring {
    border-color: var(--shadow-yellow);
    background-color: var(--shadow-yellow);
}
.swal-icon--success__line {
    background-color: #ffffff;
    z-index: 9;
}
.swal-title {
    font-weight: 600;
}
.swal-button-container {
    display: block;
}
.swal-footer .swal-button {
    background-color: var(--shadow-yellow);
    display: block;
    width: 100%;
    border-radius: 0.813rem;
    font-size: 1rem;
    padding: 1.063rem 1.25rem;
}
.swal-footer .swal-button:hover {
    background-color: var(--turtle-green);
}
/* Modal CSS */

/* Authentication CSS Start */

.inner_card{
    border: 1px solid #DAC89F !important;
    padding: 30px !important;

}
.authentication__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.authentication__main .authentication__left {
    max-width: 45%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
}
.authentication__main .authentication__right {
    max-width: 55%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    background-color: #F6F6F7;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: 9999;
    width: 55%;
}
.authentication__left__inner {
    padding: 3.75rem;
}
.authentication__left__inner .header__logo {
    margin-bottom: 3.125rem;
}
.authentication__left__inner .header__logo img {
    width: 6.25rem;
}
.header_message h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 1.875rem;
}
.authentication__form .form-group label {
    font-weight: 400;
    font-size: 1rem;
}
.authentication__form .form-group .form-control {
    font-size: arem;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0.875rem 0.875rem 0;
    padding: 0.938rem 1.25rem;
}
.authentication__form .form-group .input-group-text {
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.875rem 0 0 0.875rem;
}
.authentication__form .form-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--primarycolor);
}
.authentication__form .form-group .form-control::-moz-placeholder { /* Firefox 19+ */
  color: var(--primarycolor);
}
.authentication__form .form-group .form-control:-ms-input-placeholder { /* IE 10+ */
  color: var(--primarycolor);
}
.authentication__form .form-group .form-control:-moz-placeholder { /* Firefox 18- */
  color: var(--primarycolor);
}
.authentication__right .register__banner {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.authentication__form .form-group .btn {
    background-color: var(--primarycolor);
    color: #ffffff;
    border-radius: 0.875rem;
    padding: 0.938rem 1.25rem;
    font-weight: 300;
    font-size: 1rem;
}
.authentication__right__inner {
    background-color: #1F2322;
    height: 100vh;
}

@media (max-width: 991px){
    .authentication__main {
        height: 100vh;
    }
    .authentication__main .authentication__left {
        max-width: 55%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        height: 100vh;
        overflow: auto;
    }
    .authentication__main .authentication__right {
        max-width: 45%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        position: relative;
        height: auto;
        width: 45%;
    }
    .register__section__logo .brands__logos .brands__logo {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}
@media (max-width: 767px){
    .authentication__main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .authentication__main .authentication__left,
    .authentication__main .authentication__right {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        height: auto;
    }
    .authentication__main .authentication__right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .authentication__main .authentication__left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .authentication__right__inner {
        height: 13rem;
    }
    .authentication__right__inner img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .authentication__left__inner {
        padding: 1.75rem;
    }
}
/* Authentication CSS End */

/* Header CSS */
.header {
    background-color: #ffffff;
    padding: 1.875rem 3.125rem;
}
.header-action-form .form-control {
    border: none;
    background-color: rgba(196, 196, 196, 0.2);
    color: #212322;
    border-radius: 0.625rem;
    padding: 0.438rem 1rem 0.438rem 2.5rem;
}
.form-group .search-icon {
    position: absolute;
    top: 10px;
    left: 0.938rem;
    right: auto;
    bottom: auto;
}
.multiSelectContainer  {
    border:0!important;
    padding:0!important
}
.highlightOption{
    background-color: var(--shadow-yellow)!important;
}
.form-group .search-icon svg {
    width: 1rem;
    height: 1rem;
}
.header-action-form .form-control::placeholder {
    opacity: 0.4;
}
.topbar__menu > li, .header-add-action, .header-action-form {
    margin-left: 1.875rem;
}
.topbar__menu li a {
    color: var(--primarycolor);
}

.header-add-action .dropdown-menu.show {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: inherit!important;
}
.header-add-action .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 24px 35px 19px rgba(0, 0, 0, 0.15);
    border-radius: 0.875rem;
    overflow: initial;
    border: none;
    padding: 1.875rem 0.938rem 0.625rem;
    min-width: 26rem;
    margin: 1.875rem 0 0;
}
.header-add-action .dropdown-menu:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 20px 30px;
    border-color: transparent transparent #ffffff transparent;
    filter: drop-shadow(0 -8px 7px rgba(0, 0, 0, 0.15));
}
.header-add-action .dropdown-menu .dropdown-item {
    max-width: calc(100% / 2 - 1.25rem);
    flex: 0 0 calc(100% / 2 - 1.25rem);
    margin: 0 0.5rem 0.6rem;
}
.header-add-action .dropdown-menu .dropdown-item a {
    border: 1px solid var(--shadow-yellow);
    color: var(--shadow-yellow);
    display: block;
    padding: 1rem;
    border-radius: 0.5rem;
}
.header-add-action .dropdown-menu .dropdown-item svg {
    margin-right: 5px;
}
.header-add-action .dropdown-menu .dropdown-item path {
    fill: var(--shadow-yellow);
}
.header-add-action .dropdown-menu .dropdown-item a:hover {
    background-color: var(--shadow-yellow);
    border-color: var(--shadow-yellow);
    color: #ffffff;
}
.header-add-action .dropdown-menu .dropdown-item a:hover path {
    fill: #ffffff;
}
.mobile-menu { display: none; }

.account-user-avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.account-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    background-color: var(--shadow-yellow);
}
.header-action-icon svg {
    width: 2.125rem;
    height: 2.125rem;
}

.notification-icon-badge {
    display: inline-block;
    background-color: var(--shadow-yellow);
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 1px; 
}
.dropdown-menu {
    margin-top: 20px;
    padding: 1rem;
    border-color:rgb(67 65 65 / 30%);
    min-height: initial;
    max-height: 520px;
}
.dropdown-item {
    padding:7px 0;
}
.dropdown-item:hover {
    background-color: transparent;
    color: var(--shadow-yellow);
}

/* .notification__list {
    max-width: 18rem;
} */
.notification--item:not(:last-child) {
    margin-bottom: 1rem;
}
.notification--item h6 {
    font-size: 0.875rem;
    opacity: 0.6;
}
li.notification--item.unread .dropdown-item {
    background-color: #f3f5fb;
    border-color: #f3f5fb;
}
.notification--item .dropdown-item {
    border: 1px solid rgba(196, 196, 196, 0.3);
    border-radius: 4px;
    padding: 10px;
    position: relative;
}
.notification--item .dropdown-item:not(:last-child) {
    margin-bottom: 0.5rem;
}
.notification-details {
    max-width: calc(100% - 35px);
}
.notification--item .dropdown-item .remove {
    position: absolute;
    top: 0;
    left: auto;
    right: 10px;
    bottom: auto;
    opacity: 0.6;
    cursor: pointer;
}
.notification--item .user-avtar {
    min-width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--shadow-yellow);
}
.notification--item .user-avtar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.notification--item .user-name {
    font-size: 14px;
}
.notification--item .user-message {
    font-size: 12px;
    width: 80%;
}
/* Header CSS */

/* Sidebar CSS */
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100vh; 
    overflow: auto;
    background-color: #fcfaf9;
    border-right: 1px solid #e6e0d9;
    z-index: 9;

}
.sidebar .sidebar__menu {
    padding: 0 20px!important;
}
.sidebar .logo {
    padding: 0 25px;
    text-align: center;
}
.logo img {
    height: 4.125rem;
}
.sidebar__menu {
    margin-top: 3rem;
}
.cursor-pointer{
    cursor: pointer;
}
.process_table .project_type{
    background-color: #cbad674f;
    color: #493307;
    display: inline-block;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
    margin-top:5px;
}
.process_table .project_name{
    font-size: 14px;
    color: #90909A;
    font-weight: 500;
    margin:7px 0 0 0;
}
.process_table .process_row{
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    color:#030B16;
    margin-bottom: 2px;
} 
.verticle-top{
    vertical-align: top;
}
.modal.show{
    background-color: #0000005c;
}
.process_table .process_row .team_members{
    color:#657488; 
    display: inline-block;
    padding-left: 5px;
}
.process_table .process_row  .count_bar{
    color:#657488; 
    display: inline-block;
    padding:0 5px
}
.process_table .process_row .days_count{
    color:#FF5275;
}
.process_table .project_code{
    color: #030B16;
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}
.process_table .project_code .team_name{
    font-size: 14px;
    color: #887549;
} 
.side-nav-item .side-nav-link {
    color: #8c857b;
    font-size: 16px; 
    font-weight: 400;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    position: relative;
} 
/* .sidebar__menu .side-nav-item:hover{ 
    background-color: #EBE5DF;
    color: #1A1A1A; 
    border-radius: 6px;
}

.sidebar__menu .side-nav-item:hover span{
    color: #2d2a26;
}

.sidebar__menu .side-nav-item:hover svg path{
    
    fill: #2d2a26;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
} */

.side-nav-item .side-nav-link .arrow-icon{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin:auto;
    display: flex;
    align-items: center;
}

.side-nav-item .side-nav-link .arrow-icon svg{
    width:16px
}
.side-nav-item .side-nav-link svg path{
    fill:#808080
}
.sidebar__menu .side-nav-item.active { 
    
    background-color: #EBE5DF;
    color: #1A1A1A;
    border-right: 5px solid #C4A484;
    border-radius: 6px;
}
.sidebar__menu.side-nav{
    
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sidebar__menu .side-nav-item.active  span{
    color:#2d2a26;
}
/* .sidebar__menu .side-nav-item.active > a, 
.side-nav-item .side-nav-link[data-toggle="collapse"]:not(.collapsed) {
    color: var(--primarycolor);
    font-size: 1.25rem;
    opacity: 1;
    font-weight: 600;
} */
.side-nav-item .side-nav-link:hover {
    opacity: 1;
}
.side-nav-item svg {
    margin-right: 0.938rem;
    width: 18px;
    height: 18px;
} 
.side-nav-submenu_sidebar {
    padding-left: 50px;
}
.side-nav-submenu_sidebar .side-nav-link{
    padding:8px 15px
}
.sidebar__menu .side-nav-item.active svg path,
.side-nav-item .side-nav-link[data-toggle="collapse"]:not(.collapsed) svg path {
    fill: #2d2a26;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.side-nav-submenu {
    padding: 0 1.875rem 1.875rem 3.75rem;
}
.side-nav-submenu .nav-submenu-item:not(:last-child) {
    margin-bottom: 10px;
}
.side-nav-submenu .nav-submenu-item a {
    color: var(--primarycolor);
    opacity: 0.6;
}
.side-nav-submenu .nav-submenu-item.active a {
    opacity: 1;
    font-weight: 600;
}
.side-nav-submenu_sidebar{
    color:white
}
/* Sidebar CSS */

/* Main Wrapper CSS */
.main__wapper {
    margin-left:300px;
}
header{
    padding:12px 20px!important
} 


.card {
    border: none;
    padding: 1.25rem;
    margin-bottom: 1.875rem;
    height: calc(100% - 1.875rem);
    border-radius: 1.25rem;
    justify-content: space-between;
}
.content__wrapper {
    padding: 2.5rem 20px;
}
.content__wrapper .page-title { display: none; }
.title-line {
    position: relative;
}
.title-line:after,
.title-line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}
.title-line{
    font-size:22px;;
}
.main_date{    
    padding: 10px 20px!important;
}
/* .title-line:after {
    width: 35%;
    height: 1px;
    background-color: rgba(33, 35, 34, 0.1);
}
.title-line:before {
    width: 20%;
    height: 4px;
    background-color: var(--shadow-yellow);
    border-radius: 4px 4px 0 0;
} */
/* Main Wrapper CSS */

/* Dashbaord CSS */
.task__progress .progress {
    background-color: transparent;
    border-radius: 50%;
    width: 5.313rem;
    height: 5.313rem;
    position: relative;
    --percentage: var(--value);
}
.task__progress .progress:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: conic-gradient(#3D441F calc(var(--percentage) * 1%), rgba(6, 43, 49, 0.1) 0);
    mask: radial-gradient(white 55%, transparent 0);
    mask-mode: alpha;
    -webkit-mask: radial-gradient(#0000 50%, #000 0);
    -webkit-mask-mode: alpha;
}
.task__progress .progress::after {
    counter-reset: percentage var(--value);
    content: counter(percentage) '%';
    font-size: 1rem;
    color: var(--primarycolor);
}
.task__progress .progress-bar {
    background-color: var(--turtle-green);
}

.dashboard__stats {
    min-height: 13.125rem;
}
.stats__icon svg {
    width: 1.875rem;
    height: 1.875rem;
    opacity: 0.2;
}
.stats__icon svg path[fill] {
    fill: #ffffff;
}

.chart-info-item:not(:last-child) {
    margin-bottom: 1rem;
}
.chart-info-item .info-bg {
    min-width: 0.938rem;
    width: 0.938rem;
    height: 0.938rem;
    margin-top: 5px;
    border-radius: 50%;
}

.activity__list .activity-item {
    border: 1px solid #F2F2F2;
    border-radius: 1rem;
    padding: 0.75rem;
    margin-bottom: 1rem;
}
.activity-item .activity-details {
    margin-left: 10px;
}
.activity-item .activity-details p {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0.375rem;
}
.activity-item .activity-details a {
    font-size: 0.75rem;
    color: var(--primarycolor);
}
/* Dashbaord CSS */

/* File Details Page CSS */
.file__process-list li:not(:last-child) {
    margin-bottom: 1rem;
}
.file__process-list li a {
    font-size: 0.875rem;
    color: rgba(19, 20, 21, 0.4);
    display: flex;
    align-items: center;
}
.file__process-list li span {
    font-size: 0.75rem;
    min-width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.625rem;
    background-color: #F4F2ED;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.file__process-list li.active a {
    color: var(--primarycolor);
    font-weight: 500;
}
.file__process-list li.active a span {
    background-color: var(--shadow-yellow);
    color: #ffffff;
}
/* File Details Page CSS */

/* Profile Page CSS */
.nav-pills .nav-item:not(:last-child) {
    margin-right: 3rem;
}
.nav-pills .nav-link {
    border-radius: 0;
    font-size: 1.125rem;
    color: rgba(33, 35, 34, 0.3);
    padding: 0;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--shadow-yellow);
    background-color: transparent;
    font-weight: 600;
}

.user-profile {
    background-color: rgb(136 117 73 / 40%);
    border-radius: 50%;
    min-width: 170px;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.user-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
.profile-box .user-details p {
    opacity: 0.3;
}
.user-profile-action h6:after {
    content: "";
    position: absolute;
    left: 100%;
    width: 100%;
    bottom: 5px;
    height: 1px;
    margin-left: 10px;
    background-color: var(--shadow-yellow);
}
.user-profile-action ul li svg {
    width: 24px;
    height: 24px;
    margin-bottom: 6px;
}
.user-profile-action ul li svg path[stroke="white"] {
    stroke: var(--primarycolor);
    stroke-width: 1.5px;
}
.user-profile-action ul li p {
    line-height: 1.2;
}
/* Profile Page CSS */

/* Responsive CSS */





.inner_box_design {
    position: absolute;
    right: 13px;
}

.innerr_box{
    height: 25px;
    width: 20px;
    background: #fff;
    border-radius:5px;
    border:1px solid #989898;
    right: -25px;
    position: absolute;
    top: 0;
}

.right_border{
    border-right: 1.5px dashed #989898;
    margin-right: 0px;
}

.extra_h3{line-height:15px;padding-top: 20px;
    border-right:1.5px dashed #989898}
  
.overflow_extra{
    overflow:auto;
}

.button_row .btn {border-radius: 0;background-color:#F2F2F2;color:#7A7A7A}
.button_row .btn.active{background-color:var(--shadow-yellow)!important;color: #fff !important;}


.padding_space label{padding-top:12px}

.button_row .btn{padding:7px 45px!important;}
.extra_eye_icon{position:absolute;right:10px;}

.file_icon_form input[type="file"]{
    width:95%;
    
}

input[type="file"]{
    height: auto;    
}
.strategic_texts p{
    font-size: 16px;
    margin-bottom: 10px;
    color: #212121;
}
                  
.strategic_texts p span{
    font-weight: 500;
}
         
                  
.strategic_texts p .task_mark{
    font-weight: 500;
}
     
                  
.strategic_texts p .percantage_wise{
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    padding-left: 7px;
}
                 
.extra_eye_icon {
    position: absolute;
    right: -11px;
    top: 32%;
    bottom: 0;
    margin: auto;
}
.dustbin_icon{margin-top: 30px;}
.file_details_sidebar{
    max-width: 270px;
}

.btn_action_menu{
    padding: 7px 15px !important;
    border: 0!important;
    background: transparent!important;
    color: #887549!important;
    font-size: 20px!important;
}

.pagination_button{
    margin: 0 2px;
    background: none;
    border: 0;
}
.pagination {
    display: flex;
    align-items:center;
    gap: 10px;
}
.pagination button:disabled{
    opacity: 0.5;
}
.pagination button{
    padding:7px 15px;
    font-size:14px;
    color:#fff;
    background-color: var(--shadow-yellow);
    border-radius: 4px;
    border:0
}
.datatable{
    border: 1px solid #c2c6cd;
}

.datatable td , .datatable th{
    vertical-align : middle;
}


.datatable thead th{
    padding: 8px; 
    color:#4b5563;
    background-color: #f8f8f7;
    font-weight: 500;
    font-size: 14px;
    border-top:1px solid #88754954;
    border-bottom:1px solid #88754954;
}
.datatable thead{
    border-bottom:1px solid #88754954; 
}
 
/* .datatable thead th:first-child{
    border-radius: 12px 0 0 0 ;
}
.datatable thead th:last-child{
    border-radius:0 12px 0 0 ;
} */
 

.datatable tfoot td{
    padding: 10px 15px;
}

.datatable tr:nth-child(even) {background: #fcfcfc}
.profile_card{
    
    margin-right: 20px;
}
.profile_table  td{
    border:none!important
}

.profile_table td{
    padding:12px 15px;
}

.profile_table .badge-success{
    color: #28a745;
    background-color: #28a74536;
}

.profile_table{padding-top:20px}
.profile_table .badge-danger{
    
    color: #dc3545;
    background-color: #dc35455c;
}
.profile_table{
    border:0
}

.profile_table .pending{
    color:#c4c406;
    font-size:16px;
    padding:7px 15px;
    background-color: #ffffcc;
    border-radius: 6px;
}
.profile_table .approved{
    color:#10A53A;
    font-size:16px;
    padding:7px 15px;
    background-color: #e3f2e1;
    border-radius: 6px;
}
.profile_table .rejected{
    color:#D30909;
    font-size:16px;
    padding:7px 15px;
    background-color: #eecaca;
    border-radius: 6px;
}

.profile_table td{
    padding: 12px 15px;
    color: #212322;
    font-size: 14px;
    font-weight: 500;
}


/* Add.css */
.radio-button-brown input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid black; /* Change this to the desired color */
    margin-right: 8px;
    outline: none;
    position: relative; /* Add this line to enable positioning of pseudo-element */
}

.radio-button-brown input[type="radio"]::before {
    content: "";
    width: 3px; /* Adjust the size of the hole */
    height: 3px; /* Adjust the size of the hole */
    border-radius: 100%;
    background-color: white; /* Color of the hole */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none; /* Hide the hole by default */
}

.radio-button-brown input[type="radio"]:checked::before {
    display: block; /* Show the hole when the radio button is checked */
}

.radio-button-brown input[type="radio"]:checked {
    background-color: #887549; /* Change this to the desired color */
    border-color: white; /* Change this to the desired color */
}
.todo_box{
    padding:15px;
    border-radius:8px;
    border: 1px solid #DAC89F;box-shadow: 1px 2px 4px 0px #00000040;
}
.main_card { 
    overflow: hidden;
    position: relative;
    padding-left: 50px!important;
} 
.main_card {
    border:1px solid #DAC89F;
    /* padding:15px;  */
    
    background-color: #a0916d;
    border-radius:15px;
}
.main_card .date_row p{


    display: inline-block;
    padding: 5px 15px;
    background-color: #A0916D;
    color: #fff;
    width: 100%;
    transform: rotate(-90deg);
    text-align: center;
    position: absolute;
    right: 49%;
    top: 0;
    bottom: 0;
    height: 25px;
    margin: auto;
}
.main_card .project_details h4{
    font-size:16px;
    font-weight:500;
}
.main_card  p{
    margin-bottom:5px;
    font-size: 18px;
}
/* 
.office_main_box{
    border:1px solid #C4C4C4;
    border-radius:5px;
    padding:0;
    height: 100%;
} */
.office_main_box .box_heading{
    color: #fff;
    margin-bottom:5px;
    padding:7px 15px;
    background-color: #887549;
  display: block;
    font-size:16px;
    font-weight:600
}
.office_main_box  .office_box .box_miniheading{


    color:#90909A;
    font-size:14px;
    font-weight: 500;
    margin-bottom:2px;


}
.office_main_box .office_box h5 {
    font-size: 16px;
    font-weight: 500 !important;
    margin-top: 3px;
    margin-bottom:0;
    color: #270F01;
}
.office_main_box .tps_heading{
    font-size:24px;
    font-weight:600;
    margin-bottom:10px!important;
    color:#000
}
.office_box_row:last-child{
    border-bottom: 0;
}
.office_box_row{
    margin-bottom:10px;
    margin:0 15px;
    padding:15px 0;
    border-bottom:1px dashed #DBDBDB
}
.category_box div{
    padding:2px 15px;
    border:1px solid #DAC89F;
    border-radius: 6px;;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}















.main_card .name_row{
    display: flex;
    align-items: center; 
    background-color: #fff;
    padding: 15px;
    margin-left: -15px;
}

.main_card .name_row .icon{ 
    background-color: #3D441F4D;
    border-radius: 50%;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
}
.main_card .name_row p{

    font-size: 18px;
    color: #212322b8;
    font-weight: 400;
    margin-bottom: 0;
}
.main_card .name_row p span{
    font-size:14px; 
    font-weight:500;
    display: inline-block;
}

.main_card .project_name{
    padding-bottom: 4px;
    color: #212322;
    font-size: 18px;
    padding-left:20px;
    font-weight: 600;
    margin-top: 14px;
    position: relative;
}

.main_card .project_name::after{
    content: "";
    position: absolute;
    left: 0;
    top: 38%;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: #000;
}
 
.main_card .list_view{
    width:100%;
}
.main_card textarea{
   /* resize: none; */
   color:#887549;
   font-size:16px;
   margin-bottom:5px;
}
.main_card .list_box .edit_icon{
    margin-right: 15px;
    height: 27px;
    width: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    background-color: #887549;
    border-radius: 50%;
    margin-top:3px
}

.main_card .status_box .incomplete_text ,.main_card .hod_box .hod_text{
    padding-bottom: 10px;
    color: #212322;
    font-size: 18px; 
    font-weight: 600;
    margin-top: 50px; 
}
.category_btn{
    color: #1f2937;
    background-color: #f3f4f6;    
    font-size: 12px;
    font-weight: 500;
    position: relative;
    padding: 3px 10px;
    border-radius: 12px;
}
.main_card .status_box .status_btn{
    padding:7px 25px;
    border-radius:5px;
    border:0;
    font-size:16px;
    color:#000;
    margin-bottom:25px;
    background-color: transparent;
}

.team_table .status_btn.completed{
    color: #065f46;
    border: 1px solid #a7f3d0;
    background-color: #d1fae5;

}
.team_table .status_btn.pending{
    color: #92400e;
    border: 1px solid #fde68a;
    background-color: #fef3c7;
} 

.main_card .status_box .complete_day{
    font-size:18px;
    margin-bottom:15px;
    font-weight:500
}
.main_card .status_box .complete_day.green_text{
    color:#55C66F;
}
.main_card .status_box .complete_day.red_text{
    color:#F55757
}
.due_date_text{
    color:#212322;
    font-size:18px;
}


.main_card .status_box .status_btn.red{
    background-color: #f7e5e5;
    color:#D30909;
    text-transform: capitalize;
}
.main_card .status_box .status_btn.green{
    background-color: #eef9f0;
    color:#55C66F;
    text-transform: capitalize;
}
.main_card .status_box .status_btn.cyan{
    background-color: #00FFFF;
    text-transform: capitalize;
}
.main_card .status_box .status_btn.yellow{
    background-color: #fdfaec;
    color: #EDCA45;
    text-transform: capitalize;
}
.main_card .hod_box .hod_text{
    text-align:right    ;
}

.main_card .remark_box{
    padding:15px;
    border-radius:5px;
    border:1px solid #DAC89F;
}

.main_card .private_comment{
    display:flex;
    align-items:center;
    margin-bottom: 10px;    
}

.main_card .hod_name_row{
    display:flex;  
    padding-right: 20px;
}
.main_card .admin_name{
    
    font-size: 16px;
    color: #000000;
    padding-right: 20px;
    margin: 0 10px 0 15px;
    font-weight: 500;
}
.main_card .hod_name_row .icon{
    margin-right:7px;
}
.main_card .hod_name_row .hod_name{
    font-size:16px;
    color:#000000;
    padding-right: 20px; 
    margin-bottom: 0;
    font-weight:500

}

.main_card .comment_text{
    font-size:16px;
    font-weight:500;
    margin-bottom:10px!important;
    margin-top:7px!important;
    color:#212322;
    text-align: left;
}
.admin_card_text{
    text-align: right;
    color:#212322;
    font-size:14px;
    margin-bottom:20px;
}
.main_card .date{
    color:#212322;
    font-size:14px;
    font-weight:400;
}
.main_card .reply_box {
    display: flex;
    align-items:center; 
}
.main_card .reply_box .reply_input{

    border-radius: 8px;
    border: 1px solid #DAC89F;
    padding: 10px 15px;
    width: 100%;
    color: #212322;
    font-size: 16px;
}
.main_card .reply_box .reply_input::placeholder{
    color:#C1C1C1
}

.main_card .hod_box .status_btn{
padding:15px 35px;
border-radius:5px;
border:0;
font-size:16px;
color:#000;
margin-bottom:25px;
background: transparent;

}

.main_card .hod_box .status_btn.red{
    background-color: #f7e5e5;
    color:#D30909;
    text-transform: capitalize;
}
.main_card .hod_box .status_btn.green{
    background-color: #eef9f0;
    color:#55C66F;
    text-transform: capitalize;
}
.main_card .hod_box .status_btn.cyan{
    background-color: #00FFFF;
    text-transform: capitalize;
    color: white;
}
.main_card .hod_box .status_btn.yellow{
    background-color: #fdfaec;
    color: #EDCA45;
    text-transform: capitalize;
}

.main_card .border_bottom{
    border-bottom: 1px solid #DAC89F;
    background: #fff;
    padding-bottom :15px;
}
.main_card .border_bottom:last-child{
    border-bottom:0
}

.hod_box .counter_box .counter_show{
    display: inline-block;
    margin:0 20px;
    color:#fff;
    font-weight:500;
    font-size:18px;
    position: relative;
    z-index:1;
}
.hod_box .counter_box .counter_show::after{

        content: "";
        position: absolute;
        left: -14px;
        right: 0;
        top: -14px;
        bottom: 0px;
        width: 30px;
        height: 34px;
        border-bottom: solid 25px #FF3131;
        border-left: solid 22px transparent;
        border-right: solid 16px transparent;
        Z-INDEX: -1;
}
.counter_show{
    background-color: #F55757;
    color: white;
    padding: 6px 20px;
    border-radius: 6px;
    font-size: 16px;
}

.hod_box  .reminder_text{
    color:#212322;
    font-weight:500;
    padding-right:15px;
    display:inline-block;
}
.hod_box  .action_btn{
    font-size:22px;
    font-weight:500;
}
.main_card .status_box .status_btn{
padding:10px 35px;
border-radius:5px;
border:0;
font-size:16px;
color:#fff;
margin-bottom:25px;
}

.diposit_table{
    border:0
}
.diposit_table thead th{ 
    background-color: var(--shadow-yellow);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
}

.diposit_table.table.datatable thead :first-child {
    border-radius: 12px 0 0 0;
}

.diposit_table.table.datatable thead :last-child {
    border-radius: 0 12px 0 0;
}

.diposit_table tbody {
    border: 1px solid #00000052;
}


.diposite_row{
    padding: 20px 0;
}

.diposite_row .diposite_box{
    padding:7px 15px;
    border-radius:6px;
    border:1px solid #DAC89F; 
}

.diposite_row .diposite_box h6{
    font-size: 18px;
    font-weight: 600;
    color:#212322;

}
.diposite_row .diposite_box p{
    margin-bottom: 0;
    color:#212322;
    font-size:16px;
    font-weight: 500;
}
/* 
.team_table.table.datatable thead th{
    background-color: var(--shadow-yellow);
    color:#FFFFFF;
    font-size:16px;
    font-weight: 500;
} */

.team_table.table.datatable thead :first-child{
    border-radius: 12px 0 0 0 ;
}
 
.team_table table td, .team_table td , .datatable td{ 
    color: var(--primarycolor); 
    border-bottom: 1px solid #4b55633b !important;
    padding: 4px 10px;
}

.team_table table tbody td{
    border:0;
    font-size: 14px;
}
table .social_icon{
    width: 24px;
}

.team_table .status_btn{ 
    padding: 2px 10px;
    border-radius: 18px;
    font-size: 12px;
}

.team_table .status_btn.active{
    color:#55C56F;
    border:1px solid #55C56F;
    background-color: #55C56F1A;
}
.team_table .status_btn.inactive{
    
    color:#F25656;
    border:1px solid #F25656;
    background-color: #F256561A;
}
  


.main-ward-box{
    border:1px solid #DAC89F;
    border-radius: 15px;
    overflow: hidden;
}

.card_row{
    background-color: #887549;
    padding:5px 15px;
}


.main-ward-box .ward_title{
    color:#fff;
    font-weight:600;
    margin-bottom:0;
    text-decoration: underline; 

}


.main-ward-box .ward_title span{
    font-weight: 500;
    display: inline-block;
    padding-left:10px;
    text-decoration: none;
}

.heading_title{
    font-size:16px;
    color:#fff;
    margin-bottom:0;
    text-align: center;
}


.card_info{
    font-size:16px;
    font-weight: 500;
    color:#212322;   
}



.card_info span{
    color:#212322;
    font-weight: 400    ;
}

.main-ward-box .card_box{
    padding:15px
}

.card_info:first-child{
    margin-bottom:7px;
}

.card_info:last-child{
    margin-bottom: 0;
}

.dashboard_first_box .card{
    padding:15px;
}


.dashboard_first_box .card .percentage_text{
    font-size:22px;
    font-weight:600;;
    margin-bottom:10px;
    color:#212322 ;
}
.dashboard_first_box .card .number_text{
    font-size:24px;
    font-weight:500;;
    margin-bottom:2px;
    color:#212322 ;
}
.dashboard_first_box .card .task_text{
    font-size:22px;
    font-weight:600;;
    margin-bottom:2px;
    color:#212322 ;
}
.dashboard_first_box .card .progress_text{
    font-size:16px;
    font-weight:400;;
    margin-bottom:10px;
    color:#212322 ;
}

.dashboard_first_box .large_text{
    font-size:32px;
    font-weight:600;;
    margin-bottom:2px;
    color:#212322 ;
}


.expense_table{
    border:1px solid #DAC89F;
    border-radius:6px;
}


.expense_table thead th{
    background-color: #887549;
    color:#fff;
    font-size:16px;
    font-weight:600;
    padding:7px 15px
}

.expense_table thead th:first-child{
    border-radius: 6px 0 0 0;
}
.expense_table thead th:last-child{
    border-radius: 0 6px 0 0 ;

}


.expense_table  .pending{
    background-color: #EDCA4526;
    padding:7px 10px;
    border-radius:8px;
    color:#EDCA45;
}

.expense_table  .approved{
    background-color: #55C66F26 ;
    padding:7px 10px;
    border-radius:8px;
    color:#55C66F;
}


.table_amount_box{
    padding:7px 15px;
    font-size:16px;
    color:#212322;
    margin-bottom:0;
    border:1px solid #DAC89F;
    border-radius:6px;;
    font-weight:600;
    display: inline-block;
}

.table_amount_box span{
    font-weight:500;
}

.project_main_box{
    border:1px solid rgba(218, 200, 159, 1);
    border-radius:6px;
    /* overflow:hidden; */
}

.project_main_box .project_header{
 background-color: rgba(136, 117, 73, 1);
 padding:5px 15px;
 border-radius: 6px 6px 0 0;
}
.project_main_box .edit_dropdown .dropdown-menu{
    width: 150px!important;
    min-width: 150px!important;
    max-width: 150px!important;
    top:-20px;
    left: -50px !important;
}

.project_main_box .project_header p{
    font-size:16px;
    color:#fff;
    margin-bottom:0;
}

.project_main_box .project_header p .header_a_text{
    padding: 2px 10px;
    border-radius: 16px;
    color: #887549;
    background-color: #fff;
    font-weight: 500;
} 

.project_main_box .project_header .detail_href{
    text-decoration: underline!important;
}

.project_main_box .project_body{
    padding:20px 15px
}

.project_main_box .project_body .category_text{
    font-size:18px;
    font-weight:600;
    color:#212322;
    margin-bottom:15px;
}

.project_main_box .project_body .type_text{
    color:#3D441F;
    font-size:18px;
    font-weight:600; 
    margin-bottom:0;
    margin-top:15px;
}
.project_main_box .project_body .date_box{
    height:100%;
    display:flex;
    align-items:end;
    justify-content:center;
}
.project_main_box .project_body .date_box p{
    padding:7px 30px;
    border:1px solid #DAC89F;
    font-size:18px;
    font-weight:500;
    color:#212322;
    border-radius:4px;
    margin-bottom: 0;
}
.project_main_box .project_body .hod_box{
    display:flex;
    justify-content:end;
}
.project_main_box .project_body .hod_img{
    height:50px;
    width:50px;
    overflow: hidden;
    border-radius:50%;
    border:1px solid #DAC89F;
    background-color: #efefef;
}

.project_main_box .site_text{
    color:#212322;
    font-weight: 600;
    ;
}

.project_main_box  .inner_date_box p{
    border:1px solid #DAC89F;
    display: inline-block;
    padding:7px 20px;
    border-radius: 6px;
}

.project_main_box .project_body .hod_box .hod_img{
    
    margin-left: -15px;
}

.project_main_box .detail_href{
    color:#fff
}

.project_main_box .ongoing_text{
    font-size:18px;
    font-weight: 600;
    color: #887549;
    text-align: right;
    margin-bottom: 30px;
}
.profile_box{
    height:30px;
    width:30px;
    border-radius:50%;
    overflow: hidden;
    border:1px solid #DAC89F; 
    display:inline-block;
}

.profile_box img{
    width:100%;
}
.red_green_card .card_btn{
    padding:10px 30px;
    border-radius:6px;
    font-size:16px;
    font-weight:500;
    border:0
}

.red_green_card .card_btn.green{
    color:#55C66F;
    background-color: #55C66F1A;
}
.red_green_card .card_btn.red{
    background-color: #f7e5e5;
    color: #D30909;
}


.radio_box{
    padding:10px 50px;
    border:1px solid #887549;
    display: flex;
    justify-content: space-around;
    border-radius:6px;
}

.card-body .card_header{
    padding:12px 20px;
    border-bottom: 1px solid #88754999;
}

.card-body .card_header span{
    display: inline-block;
    height:35px;
    width: 35px;
    display:flex;
    align-items:center;
    justify-content: center;
    border-radius:6px;
    background-color: var(--shadow-yellow);
    font-size:18px;
    font-weight: 600;
    color:#fff;
}
.building_card button{
    border-radius:16px;
    font-weight: 500;
    color:#887549CC;
    background-color: transparent;
    border:0;
    margin:0 15px;
    padding:7px 15px;
}
.building_card button.active{
    background-color: #F4F0E4;
    font-weight: 600;
    color:#887549
}
.file__process-list .active{
    font-weight: 600;
    color:#887549
}
.main_card_body{
    padding:10px 25px;
}
.main_card_body .key{
    color:#212322;
    font-size:16px;
    font-weight:500;
    margin-bottom: 0;
    margin-right:15px;
    display: inline-block;
}

.main_card_body .value{
    color:#21232299;
    font-size:16px;
    font-weight:400;
    margin-bottom: 0;
}

.card-body .high_rise_inner_card{
    border:2px solid #DAC89F;
    border-radius: 12px;
    margin-bottom: 15px;
}
.main_task_row{
    padding:5px 0;
    border-bottom:1px solid #222222;
}


.todos_section{
    margin:0 0 30px 0;
    padding:20px;
    border-radius: 8px;;
    background-color: #fff;
}

.todos_section .title_heading h4{
    font-size:24px;
    font-weight:600;
    color:#212322;
}
.main_nav_link{
    display:flex;
    align-items: center;
}
.content__wrapper .tab_box a{ 
    overflow: hidden;
    /* background-color: #F4F4F4; */
    font-weight: 500;
} 
.content__wrapper .tab_box a span{
    padding:8px 10px;
    border-radius:6px;
    display: block!important;
}
.content__wrapper .nav-pills .nav-item:not(:last-child) {
    margin-right: 0;
}
.content__wrapper .nav-pills .nav-link.active,.content__wrapper .nav-pills .show>.nav-link{
    background-color: #3D441F;  
}
.content__wrapper .nav-pills .nav-link.active .project_status, .content__wrapper .nav-pills .nav-link.active .project_counter{
    color:#fff; 
}
.content__wrapper .tab_box .project_status{
    font-size:16px;
    font-weight: 600;
    color:#212322;
    display: inline-block; 
    text-wrap: nowrap;
}
.meeting-date-card .main_nav_link {
    overflow: auto;
    flex-wrap: nowrap;
    border-bottom:1px solid #e5e7eb
}

.content__wrapper .tab_box.all_files a{
    background-color:var(--shadow-yellow);
}
.content__wrapper .tab_box.all_files a span{
    color: #fff!important;
}
.pending.tab_box a{
    border-top:5px solid #F55757;
}
.all_task.tab_box a{ 
    border-top:5px solid #3D441F;

}
.completed.tab_box a{
    border-top:5px solid #55C66F;
}
.in_progess.tab_box a{
    border-top:5px solid #D69414;
}
.main_status_body .accordion-item{
    border-color:#C3CCDD
} 
.status_btn {
    padding: 8px 35px;
    border-radius: 5px;
    border: 0;
    font-size: 16px; 
    margin-bottom: 0;
    text-wrap:nowrap; 
    display: inline-block;
}
.vendor_name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2px;
    color: #212121;
}
.vendor_img img{
    width: 16px;
}
.phone_name{
    font-size:14px;
    font-weight: 500;
    color: #6f6f6f;
    margin-bottom: 0;
}
table .bold-text{
    color: #111827;
    font-weight: 500;
    display: inline-block;
}
/* .status_text_btn{
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-left: 15px;
}
.status_text_btn.approved{
    color:#00796B
}
.status_text_btn.rejected{
    color:#FF5275
}
.status_text_btn.pending{
    color:#FFAA2C
} */

/* .status_text_btn::after{
    content:"";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    left: 0;
    top: 0;  
    bottom: 0;
    margin: auto;
}
.status_text_btn.approved::after{
    background-color:#00796B;
}
.status_text_btn.rejected::after{
    background-color:#FF5275
}
.status_text_btn.pending::after{
    background-color:#FFAA2C
} */


.due_date_text{
    text-wrap:nowrap;
    margin-bottom:0
}
.status_btn.green{
    background-color: #55C66F;
    color: #FFFFFF;
    text-transform: capitalize;
}
.status_btn.red{ 
    background-color: #F55757;
    color: #FFFFFF;
    text-transform: capitalize;
}
.status_btn.cyan{
    background-color: #00FFFF;
    text-transform: capitalize;
    color: white;
}
.status_btn.yellow{
    background-color: #F0CD48;
    text-transform: capitalize;
    color: white;
}
.status_btn.Pending{
    background-color: #F55757;
    text-transform: capitalize;
    color: white;
}
.status_btn.Completed{
    background-color: #DCFBE3;
    text-transform: capitalize;
    color: #212322;
}
.status_btn.In_Progress{
    background-color: #F7EAD0;
    text-transform: capitalize;
    color: #212322;
}
.accordion-header .normal_text{
    color:#212322;
    font-size:14px;
    font-weight:500;
}
/* .main_status_body .accordion-item  */

.content__wrapper .tab_box .project_counter{
    color:#212322;
    font-size:18px;
    font-weight: 600;
    display: inline-block;
}

.right_todos_part select{
    padding:8px 25px;
    border-radius:6px;
    color:#212322;
    background-color: #F3F3F3;
    border:0;
}

.accordion-body{
    background-color: #F8F5ED;
}

.form-control{
    margin: 0!important;
    font-size: 14px!important;
}

select.form-control:focus{ 
    border-radius: 6px;
    color: #212322;
    background-color: #F3F3F3;
    border: 0;
}

select.form-control ,  .form-group .form-control{
    padding: 8px 25px;
    border-radius: 6px;
    color: #212322;
    background-color: #fff!important;
    border:1px solid #d1d5db;
}
.form-group .form-control:focus, .form-control:focus{
    border:1px solid  #3d441f!important
}
.select_btn.blue_btn{
    background-color: #887549 !important;
    color:#fff!important
}
.select_btn.blue_btn option{
    background-color: #fff!important;
    color:#212121!important
}
.select_btn{
    padding: 7px 15px;
    border-radius: 4px;
    border: 1px solid #657488;
    color: #212121;
    font-size: 16px;
}
.css-13cymwt-control{
    
    padding: 0 25px;
    border-radius: 6px;
    color: #212322;
    background-color: #F3F3F3;
    border: 0;
}
.outline-btn{
    border:1px solid #887549;
    padding: 7px 25px;
    border-radius: 6px;
    color: #887549;
    background-color: transparent;
}
.heading_row{
    border-bottom:2px solid #C3CCDD;
    margin-bottom: 15px;;
}
.heading_row p{
    font-size:14px;
    font-weight:600;
    padding:10px 0;
    margin-bottom:0;
}
.zed__table .accordion-header.Pending button{
    background-color: #F5575733;
}
.zed__table{
    padding: 0;
}
.card_inner_mini_heading{
    color:#6D654E;
    font-weight:500;
    font-size:14px;;
}

.Pending.status_btn ,  .Completed.status_btn , .In_Progress.status_btn{
    position: relative;
} 
.Pending.status_btn::after{
    content:"";
    position: absolute;
    left: 15px;
    top: 33%;
    bottom: 0;
    margin: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #FFD5D5;
}
.Completed.status_btn::after{
    content:"";
    position: absolute;
    left: 15px;
    top: 33%;
    bottom: 0;
    margin: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #55C66F;
}
.In_Progress.status_btn::after{
    content:"";
    position: absolute;
    left: 15px;
    top: 33%;
    bottom: 0;
    margin: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #D69414;
}
.hod_name_row {
    display: flex;
    align-items:center;

}
.remark_box{
    border:1px solid #C3CCDD!important;
    height:95%;
    border-radius: 8px;
}
.task_line_text{
    font-size:16px;
    margin-bottom:2px;
    color:#6D654E;
    font-weight:500;
    position: relative;
    padding-left: 20px;;
}
.task_line_text::after{
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #887549;
}
.task_line_text span{
    color:#F55757
}
.todos_sidebar_div .modal-dialog{
    margin-right:0!important;
    margin-left:auto
}
.todos_sidebar_div .modal-header {
    padding:10px 20px;
}
.todos_sidebar_div .modal-header .modal-title{
    font-size:20px;
    font-weight: 600;
}
.todos_sidebar_div .project_name{
    
    font-size: 16px;
    font-weight: 600;
    color: #212322;
    margin-bottom:10px
}
.todos_sidebar_div .start_date{
    padding: 10px 0;
    display: block;
    border-top: 1px solid #2123224D;
    border-bottom: 1px solid #2123224D;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
}
.todos_sidebar_div .start_date::after{
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #887549;
    top: 18px;
    left: 0;
}
.todos_sidebar_div .line_row .key{
    color:#212322;
    font-size:14px;
    font-weight:400;
    margin-bottom: 0;
    width:30%
}

.todos_sidebar_div .line_row{
    margin-bottom:20px;
}

.todos_sidebar_div .line_row .value{
    width:70%;
    color:#212322;
    font-size:16px;
    font-weight:500;
    margin-bottom: 0;
}

.todos_sidebar_div .action_btn{
    display:inline-block;
    padding:0 15px;
}

.status_btn_select{
 
    background-color: #F55757 !important;
    color: #FFFFFF !important;
    text-transform: capitalize !important;
    padding: 8px 15px !important;
    border-radius: 5px !important;
    border: 0 !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    text-wrap: nowrap !important;
    display: inline-block !important;
    width: 100px !important;

}


.todos_sidebar_div  .remark_box{
    padding:7px 10px;
}
.todos_sidebar_div .main_chat_view_box {
    margin-top:30px;
}
.todos_sidebar_div .main_chat_view_box .profile_img{
    height: 40px;
    width:40px;
    min-width:40px;
    min-height:40px;
    border-radius: 50%;
    overflow: hidden;
}
.todos_sidebar_div .main_chat_view_box .profile_img img{
    width:100%;
}

.todos_sidebar_div .main_chat_view_box .hod_text{
    color:#212322;
    font-weight:600;
    font-size:18px;
    margin-bottom: 0;
}
.todos_sidebar_div .main_chat_view_box  .date_text{
    color:#212322;
    opacity:0.7;
    display:inline-block;
    padding-left: 15px;
    margin-bottom:0
}
.todos_sidebar_div .main_chat_view_box .chat_msg_text{
    color:#212322;
    margin-bottom:0;
    font-weight:400;
}

.hod_img {
    height:35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
}
.hod_img {
    margin-left:-8px;;
}
.hod_img:first-child{
    margin-left:0!important
}
.card .main_nav_link{
    padding-bottom: 10px;
}
.profile_img{
    height:35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
}
.todo_header button{
    display:block!important;
    background-color: #F8F5ED !important;
}
.outline-extra-btn {
    color:#887549;
    font-size:14px;
    border:1px solid #887549;
    padding:7px 15px;
    background: transparent;
    border-radius: 6px;
}
.addtodo .accordion-button::after{
    display: inline-block;
    position: absolute;
    right: 15px;;
    top: 50%;
}
.addtodo .danger_btn{
    border:0;
    padding-top:25px
}
.submit_btn{
    color:#fff;
    font-size:14px;
    border:1px solid #887549;
    background-color: #887549;
    padding:8px 20px;  
    border-radius: 16px;
    margin-right:20px;
}
.back_btn{
    color:#887549;
    font-size:14px;
    border:1px solid #887549;
    padding:8px 20px;
    background: transparent;
    border-radius: 16px;
}
.pv_main_card{
    background-color: #F3F3F3;
    border-radius: 8px;
}
 .pv_main_card_header{
    padding:0 0 15px 0; 
    background-color: #fff;
}
 .pv_main_card_header p{
    color:#212529;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}
.pv_main_card .pv_main_card_body{
    background-color: #F3F3F3;
    padding:5px 15px;
}
.pv_main_card .pv_main_card_body .input_box input{
    border:1px solid #C3CCDD;
    background-color: #fff;
    width:100%
}
.CircularProgressbar{
    width:50% !important
}
.duedate_text{
    font-size: 12px;
}
.main_card_meeting{
    border:1px solid #efefef;
    background-color: #fff;
    padding:10px;
    border-radius: 12px;
    margin-bottom:15px;
}
.meeting-btn{
    margin-left: 10px;
    padding:7px 20px; 
    background-color: #121212;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color:#fff
}
.meeting-date-group{
    background-color: #F8FAFC;
    margin-bottom: 15px;
}
.group-date{
    padding:10px 0; 
    color:#151515;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.checkintime{
    color:#00796B!important
}
.breaktime{
    color:#FF7F74!important
}
.checkouttime{
    color:#FF5275!important
}
.meeting-date-group .meeting-list{
    border:1px solid #E9EEF2;
    padding:15px 20px;
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
}
.meeting-date-group .meeting-list .right_menu_icons .status_text{
    padding:5px 15px;
    border-radius: 6px;
    font-size: 14px;;
    font-weight: 500;
}
.meeting-date-group .meeting-list .right_menu_icons .status_text.approved{
    color:#00796B;
    background-color: #00796B1A;
}
.meeting-date-group .meeting-list .right_menu_icons .status_text.rejected{
    color:#F43A4D;
    background-color: #F43A4D1A;
}
.half_fulltime{    
    color: #505050;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
}
.half_fulltime::after{
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: auto;
}
.half_fulltime.present::after{
    background-color: #00796B;
}
.half_fulltime.halfday::after{
    background-color: #FF9800;
}
.half_fulltime.absent::after{
    background-color: #F43A4D;
}
 
.main_card_body_part .meeting-list .main_img_row{
    padding-bottom:15px;
    border-bottom:1px solid #E5E5E5;
    display: flex;
    align-items: center;}
.main_card_body_part .meeting-list .main_img_row .img_box{
    height: 32px;
    width:32px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #efefef;
}
.main_card_body_part .meeting-list  .meeting_content_row{
    padding-top:15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_card_body_part .meeting-list  .meeting_content_row .role{
    color:#121212;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 600;
}
 
.main_card_body_part .meeting-list  .meeting_content_row .view_btn{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 0;
    background-color: #CBAD67;
    transform: rotate(-32deg);
    color: #fff;
    font-size: 22px;
}
.grey_bg{
    background-color: #F8FAFC;
    border-radius: 8px;
    border:1px solid #E9EEF2;
}
.main_team_box{
    padding:15px;
}
.main_team_box .team_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
    ;
}

.main_team_box .date_text{
    font-weight: 600;
    color:#121212;
    margin:0
}
.main_team_box .team_box_part{
    padding-top: 15px;;
}
.main_team_box .team_box_part .role{
    color:#121212;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 600;
}
.main_team_box .team_box_part .facility_name{
    color:#7C7C7C;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
}
.main_team_box .team_box_part .facility_name span{
    color:#505050
}
.main_team_box .team_box_part .view_text{
    color:#121212;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}
 .tasks_box h3{
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 600;
    color:#887549;
}
 .tasks_box p{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    color:#00000066;
}
.grey_bg.tasks_box{
    padding:15px 20px;
}
.chart_main_box{
    padding:15px;
    height:100%
}
.chart_main_box .main_card_title p{
    color:#212322;
    font-size: 22px;
    font-weight: 500;
}
.chart_main_box .thumb_icon{
    padding: 2px;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
}
.main_task_text{
    color:#656565;
    font-size: 18px;
    font-weight: 600;
    margin:0 5px;
    display: inline-block;
}
.clarity_box{
    padding:10px 0;
    text-align:center;
    background: #65748829;
    font-size: 16px;
    color:#657488;
    margin:15px 0
}
/* .thumb_icon.thumb_down_red{
    background-color: #FF5275;
}
.thumb_icon.thumb_up_grey{
    background-color: #10A53A;
} */
.chart_main_box .thumb_icon svg {
    width: 100%;
}
.participent_header  .content p{
    font-size: 16px;
    font-weight: 500;
    color: #0C0C0C;
    margin-bottom: 5px;
}
.participent_header {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom:1px dashed #DBDBDB
}
.participent_row .participate_detail_box{
    padding:15px;
    height: 100%;
}
.main_card_meeting{
    background-color: #FFFFFF;
    padding:15px;
}
.main_card_meeting .main_card_heading{
    padding-bottom: 10px;
    border-bottom:1px dashed #DBDBDB;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_card_meeting .main_card_heading .main_icon_box{
    display: flex;
    align-items: center;   
    justify-content: space-between;
    width:100%;
}
.main_card_meeting .main_card_heading .main_icon_box .img_box{
    height: 45px;
    width:45px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #efefef;
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name{
    padding-left: 10px;
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name .usename{
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    color:#0C0C0C;
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name .breakdown_row{
    display: flex;
    align-items: center;
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name .breakdown_row span{
    display: inline-block;
    margin-right: 7px;  
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name .breakdown_row .thumb_icon{
    padding:5px;
    height: 20px;
    width: 20px; 
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #90909A29;
    color:#90909A;
    font-size: 12px;
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name .name{
    color:#90909A;
    font-size: 16px;;
}
.checkmark_icon{
    color:#6D7B923D;
    margin-right:10px;
    padding-left:10px;
    border-left:1px solid #0000001F;
}
.edit_view{
    height: 40px;
    width: 40px; 
    overflow: hidden;
    border-radius: 50%;
    font-size: 20px;
    border:0
}
.edit_view.edit_btn{
    background-color: #F7F7F8;
    border-radius: 50%;
    color:#0C0C0C;
}
.table td{
    vertical-align: middle;
}
.edit_view.delete_btn{
    background-color: #CBAD67;
    border-radius: 50%;
    color:#fff;
    transform: rotate(-35deg);
}   
.main_card_meeting .main_meeting_card_body .inner_hightlight_heading{
    color:#121212;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 16px;
}
.main_card_meeting .main_meeting_card_body .normal_text{
    color:#656565;
    font-size: 14px;
    font-weight: 500;
}
.main_card_meeting .main_meeting_card_body .input_box{
    display: flex;
    margin-bottom: 2px;
}
.main_card_meeting .main_meeting_card_body .input_box label{
    padding-left: 7px;
    margin-bottom: 0;
}
.main_card_meeting .main_meeting_card_body  .work_row{
    padding-bottom: 10px;
    margin: bottom 10px;
    border-bottom: 1px dashed #DBDBDB;
}
.work_highlights{
    padding-top:10px;
} 
.right_border{
    border-right:1px dashed #DBDBDB
}
.grey_bg .gery_bg_heading{
    font-size: 18px;
    font-weight:500;
    color:#121212;
    margin:0;
}
.grey_bg .team_body{
    padding:15px 0 0;
}
.grey_bg .team_body .personal_row{
    margin:0;
}
.grey_bg .team_body .personal_row .key{
    font-size: 16px;
    font-weight: 500;
    color:#7C7C7C;
}
.grey_bg .team_body .personal_row .value{
    font-size: 16px;
    font-weight: 600;
    color:#505050
}
.grey_bg .team_body .row .col-lg-6{
    margin:10px 0
}
.grey_bg .team_body .row .col-lg-6:first-child{
    border-right:1px solid #0000001F
}
.grey_bg .performance_btn{
    border:1px solid #E6EAEF;
    background-color: transparent;
    color:#212322;
    font-weight: 500;
    border-radius:6px;
}
.grey_bg .performance_btn{
    border:1px solid #E6EAEF;
    background-color: transparent;
    color:#212322;
    font-weight: 500;
    border-radius:6px;
    margin-right: 10px;
}
.grey_bg .performance_btn.btn-primary{
    background-color: var(--shadow-yellow);
    color:#fff
}
.grey_bg .performance_btn.btn-primary:not(:disabled):not(.disabled).active, .grey_bg .performance_btn.btn-primary:not(:disabled):not(.disabled):active, .grey_bg .performance_btn.show>.btn-primary.dropdown-toggle{
    background-color: var(--shadow-yellow);
    color:#fff
}
.img_box{
    height:35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
}
.img_box img{
    max-width: 100%;
}   

.add_field_btn{
    padding:8px 20px;
    font-weight: 500;
    font-size: 16px;
    border-radius: 6px;
    color:#fff;
    background-color: var(--shadow-yellow);
    border:0;
}
.team_select{
    width: 300px;
}
select.form-control{
    appearance: auto!important;
}
.delete_icon {
    background-color: transparent;
}
.unique_radio .dummy_input{
    position: absolute;


}
.unique_radio .input{
    display: none;
}
.unique_radio .name{
    padding: 7px 15px 7px 40px;
    display: inline-block;
    background: transparent;
    border: 2px solid #E6EAEF;
    border-radius: 6px;
    position: relative;
}
.unique_radio .name::before{
    content: "";
    position: absolute;
    left: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 18px;
    width: 18px; 
    border: 2px solid #6D7B92;
    border-radius: 50%;
}
.unique_radio .name::after{
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 8px;
    width: 8px; 
    background-color: #6D7B92;
    border-radius: 50%;
}
.unique_radio input:checked + .name{
    background-color: var(--shadow-yellow);
    border: 2px solid var(--shadow-yellow); 
    color:#fff
}


.unique_radio input:checked + .name::before{
    border: 2px solid #fff;
}

.unique_radio input:checked + .name::after{
    background-color:  #fff; 
}
.unique_radio   input{
    display: none;
}

.save_btn{
    padding:7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: var(--shadow-yellow)!important;
    color:#fff;
    border:2px solid var(--shadow-yellow)
}
.cancel_btn{

    padding:7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: transparent;
    color:#030B16;
    border:2px solid #E6EAEF
}

.counter_round{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: red;
    display: flex
;
    justify-content: center;
    align-items: center;
    color: wheat;
}
.participate_detail_box{
    background-color: #3F51B51F;
    border-radius: 14px;
}
.participate_detail_today_box{
    background-color: #E91E631F;
    border-radius: 14px;
    padding:15px;
    height: 100%;
}

.main_highlight_box{
    background-color: #00796B1F;
    border-radius: 14px;
}
.main_highlight_focus_box{
    background-color: #FF98001F;
    border-radius: 14px;
}
.main_highlight_box , .main_highlight_focus_box , .participate_detail_box , .work_highlights{
    border-radius: 14px;
    padding:15px;
    height: 100%;
}
.common_detail_box .task_box:first-child{
    padding-bottom: 15px;
}

.common_detail_box h6{
    color:#121212;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.key_box_title{
    color:#121212;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
} 
.outcome_title{
    font-size: 18px;
    font-weight: 500;
    color: #121212;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    border-bottom:1px dashed #DBDBDB;
}

.participent_row .common_detail_box .task_box{
    padding:15px;
    margin-bottom: 15px;
    border-bottom:1px dashed #DBDBDB;
}
 
.participent_row .common_detail_box .task_box label{
    font-size: 14px;
    font-weight: 500;
    padding-left: 7px;
    display: inline-block;
    color:#656565;
    margin-bottom: 0;
}
.participent_row{
    padding: 10px 10px 25px 10px;
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 12px;
}

/* Thumbs Down */
.thumb_down_red {
    color: red; /* Bright red for negative feedback */
  }
  
  .thumb_down_grey {
    color: #ccc; /* Light grey for neutral state */
  }
  
  /* Thumbs Up */
  .thumb_up_green {
    color: green; /* Green for positive feedback */
  }
  
  .thumb_up_grey {
    color: #ccc; /* Light grey when no tasks are completed */
  }
  
  /* Checkmark */
  .checkmark_blue {
    color: blue; /* Blue for verified */
  }
  
  .checkmark_grey {
    color: #ccc; /* Grey for unverified */
  }
  
  /* Icon Styling */
  .thumb_icon,
  .checkmark_icon {
    font-size: 18px;  /* Adjust icon size */
    margin: 0 5px;    /* Space between icons */
    cursor: pointer;  /* Make them clickable */
  }
  
  .tp_title{
    font-size: 16px;
    font-weight: 600;
    color:var(--shadow-yellow);
    text-align: right;
    margin-bottom: 0;
  }
  .first_parent_tab.nav-pills .nav-link{
    border-bottom:2px solid transparent!important;
    color:#7e7c7c!important;
    border-radius: 0!important;
  } 
  .first_parent_tab.nav-pills .nav-link.active, .first_parent_tab.nav-pills .show>.nav-link{
    background-color: transparent!important;
    border-bottom:2px solid var(--shadow-yellow)!important;
    color:var(--shadow-yellow)!important
  }
  .first_parent_tab .inner_project_status{
    padding:10px 30px; 
    font-size: 16px;
    display: block;
    font-weight: 600;
  }
  .main_accordin_button .accordin_button {
    margin-bottom: 15px;
    border-radius: 6px!important;
    border:0;
}
table .price-tab p{
    color: #111827;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px;
}
table .price-tab span{
    color: #6b7280;
    font-size: 12px;
    font-weight: 500;
}
.main_accordin_button .accordin_button .accordion-header button{
    background-color: #d9d9d9;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px!important;
    color: #212322;
}
.form-check-input{
    border-color:var(--shadow-yellow)!important;
    height: 17px !important;
    width: 17px !important;
}
.form-check-input:checked{
    background-color: var(--shadow-yellow)!important;
}
.main_accordin_button .common_text{
    display: inline-block;
    width:12%; 
    color:#212529
}

.main_accordin_button .accordion-body{
    padding: 0!important;
    background-color: #f3f3f3!important;
}
.main_accordin_button .accordion-body .accordin_body_header{
    padding: 10px 15px;
    background-color: #F8F5ED;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_accordin_button .accordion-body .accordin_body_header span{    
    color: #887549;
    font-size: 18px;
    font-weight: 500;
}
.main_accordin_button .accordion-body .accordin_header h6{
    margin-bottom: 0;
} 
.main_accordin_button .accordion-body .body_row{
    display:flex;
    align-items: center;
    justify-content: space-between; 
    padding: 10px 0;
    border-bottom: 1px solid #887549bf;
}
.main_accordin_button .accordin_main_body{
    padding:15px;
}
.main_accordin_button .main_right_box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.main_accordin_button .main_right_box .delete_main_icon{
    border-left: 2px solid #887549;
    padding-left: 15px;
}
.main_accordin_button .main_right_box img{
    width:20px;
}
.main_accordin_button .main_right_box button{
    border:0;
    background-color: transparent;
}
.main_accordin_button .body_row .form-check-label{
   
    font-size: 16px;
    color: #3d3d3d;
    font-weight: 500;
}
.form_cancel_btn{
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: transparent;
    color: #887549;
    border: 1px solid #887549;
}

.form_print_btn{
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: transparent;
    color: #887549;
    border: 1px solid #887549;
}
.form_save_btn{
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    background-color: #887549;
    color: #fff;
    border: 0;
}
.form_main_Btn{
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: #887549!important;
    color: #fff!important;
    border: 0!important;
}
.form_save_btn:hover , .form_main_Btn:hover{
    background-color: #75643d;
}
.main_accordin_button .form-check{
    padding:10px 25px;    
    border-bottom: 1px solid #887549bf;
}
.main_accordin_button .form-check label{
    font-size: 16px;
    color: #3d3d3d;
    font-weight: 500;
}
.third_tab_row.nav-pills .nav-link.active, .third_tab_row.nav-pills .show>.nav-link{
    background-color: var(--shadow-yellow)!important;
    color:#fff!important;
    font-weight: 500!important;
}
.third_tab_row.nav-pills .nav-link, .third_tab_row.nav-pills .nav-link{
    font-size: 14px;
    font-weight: 500!important;
    border-radius: 6px!important;
    color:#7e7c7c!important
}  
.header_btn {
    height: 100%;
    display: flex;
    align-items: center;
    background: #887549;
    color: #fff!important;
    padding: 7px 15px;
    border-radius: 6px;
}
.header-add-action .dropdown-menu .dropdown-item{
    width:50%;
    padding:0;
    margin:0;
}
.dashboard_part .dashboard_box{
    padding:15px 20px;
    border:1px solid #efefef;
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard_part .dashboard_box .content h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    color:#030B16
}
.dashboard_part .dashboard_box .content p{
    color:#657488;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.chart_part{
    padding:20px 0;
}

.chart_part .stats_box{
    padding:25px;
    border:1px solid #efefef;
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
}
.chart_part .stats_box .stats_header h4{
    font-size: 20px;
    font-weight: 500;
    color:#0C0C0C;
    margin-bottom: 0;
}
.chart_part .stats_box  .stats_row{
    margin-top: 15px;
}
.chart_part .stats_box  .stats_row h6{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}
.chart_part .stats_box  .stats_row p{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    color:#90909A
}
.dashboard_heading{
  font-size: 20px;      
  font-weight: 600;     
  color: #1e293b;    
  margin-bottom: 2px;
}
.dashboard_box_header{
    padding: 10px;
}
.dashboard_subtitle{
    color: #64748b;
    font-size: 14px;
    margin-bottom: 0;
}
.dashboard_box_header .plus_icon{
    height: 30px;
    width:30px;
    display: flex;;
    align-items: center;
    justify-content: center;
    color:#fff;
    background-color: #CBAD67;
    border-radius: 50%;
    padding:5px
}
.task_box , .chart_box{
    padding:15px 20px;
    border-bottom:2px dashed #efefef;
    background-color: #fff;
    border-radius: 12px;
}
 
.task_box  .task_tatal{
    font-size:16px;
    display: inline-block;
    margin-top: 7px;
} 
.dashboard_box_header select{
    padding:7px 15px;
    color:#212529;
    font-size: 16px;
    border:1px solid #ddd;
    border-radius: 6px;
} 
/* 
.main_employee_box{
    border:1px solid #E8ECF4;
    border-radius: 6px;
    padding:15px;
} */
.main_employee_box  .name{
    font-size: 16px;
    color:#2E2E2E;
    font-weight: 700;
    margin-bottom: 5px;
}
.main_employee_box  .date{
    font-size: 14px;
    color:#8391A1;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 2px solid #0000001F;
    font-weight: 500;
}
.main_employee_box  .type{
    position: relative;
    padding-left: 15px;
    font-size: 14px;;
    font-weight: 500;
}
.main_employee_box  .type.Half{
    color:#FF9800
}
.main_employee_box  .type.Full{
    color:#FF5275
} 
.main_employee_box  .type::after{
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 10px;
    border-radius: 50%;    
}
.main_employee_box  .type.Full::after{
    background-color: #FF5275;
}
.main_employee_box  .type.Half::after{
    background-color: #FF9800;
}
.meeting_content_row  .facility_text{
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
    color:#121212;
}
.meeting_content_row .reason{
    color:#657488;
    font-size:16px;
    font-weight: 500;
    margin-bottom:7px;
}
.document_modal .modal-header{
    font-size: 22px;
    font-weight: 500;
    color:#212322;
    padding:12px 20px
}
.document_modal .modal-body h5{
    color:#212322;
    margin-bottom: 20px;
    font-size: 18px;
}
.document_modal .modal-body .main_row{
    padding: 10px 30px;
    border-bottom: 1px solid #574b2f8c; 
} 
.css-1p3m7a8-multiValue{
    background-color: var(--shadow-yellow)!important;
    border-radius: 4px!important;
}
.css-wsp0cs-MultiValueGeneric{
    color: #fff !important;
}
.select__multi-value__remove svg path{
    fill: #fff !important;;
}
.css-13cymwt-control{
    padding:0!important
}
.pie_canvas canvas{
    height: 230px!important;
    width:230px!important;
}
.progress_box_main div span{
    position: absolute;
    right: 0;
    color: #212121!important;
}
.progress_box_main div div div{
    background-color: rgb(203 173 103)!important;
}
.tentative_span{
    padding: 5px 10px;
    background-color: var(--shadow-yellow);
    color:#fff;
    font-size: 14px;
    border-radius: 6px;
}
@media (max-width: 768px) {
    .datatable thead th{
        padding: 7px;
        font-size: 14px;
    }
    .form-control{
        font-size: 14px;
        padding: 6px 6px !important;
    }
    .form_save_btn {
        padding: 5px 12px;
        font-size: 14px;
    }
}
/* 
.radio_true{
    height: 20px;
    width: 20px;
    border: 2px solid #3D441F;
    border-radius: 4px;
    margin-right: 10px;
}

.todo_radio input:checked + .radio_true{
    background-color: #55C66F;
    border:2px solid #55C56F;
}


.todo_radio input:checked + .radio_false{
    background-color: #F55757;
    border:2px solid #F55757;
} */


/* Responsive CSS */
@media (max-width: 1400px) {
    html, body { font-size: 14px; }
}
@media (max-width: 1199px) {
    .btn {
        padding: 1rem 2.3rem;
    }
    .btn-lg {
        padding: 1rem 5rem;
    }
    .p-5 {
        padding: 2rem !important;
    }
    .status__selection-col {
        margin-top: 1rem;
    }
    .status__selection-wrapper .status-select {
        margin: 0 !important;
    }
    /* Header CSS */
    .content__wrapper .page-title { display: block; }
    .header .page-title { display: none; }
    /* Header CSS */
}
@media (max-width: 991px) {
    /* Sidebar CSS */
    .sidebar {
        width: 22rem;
        transform: translateX(-22rem); 
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    } 
    .menu-open .sidebar{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .close_menu {
        position: fixed;
        right: 0;
        top: 0;
        z-index:999;
        height: 40px;
        width:40px;
        padding:5px;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--primarycolor);
    } 
    .menu-open  .close_menu{
        opacity: 1;
    }
    .sidebar .logo {
        padding: 0 1.714rem;
    }
    .side-nav-item .side-nav-link {
        padding: 1rem 1.071rem;
    }
    .sidebar__menu .side-nav-item.active > a, 
    .side-nav-item .side-nav-link[data-toggle="collapse"]:not(.collapsed) {
        font-size: 1.143rem;
    }
    .side-nav-submenu {
        padding: 0 1.429rem 1.429rem 1.429rem;
    }
    .side-nav-submenu .nav-submenu-item a {
        font-size: 1rem;
    }

    .logo img {
        height: 2.8rem;
    }
    .sidebar__menu {
        margin-top: 2rem;
        padding-left: 0;
    }
    .side-nav-submenu_sidebar {
        padding-left: 40px;
    }
    .side-nav-item svg {
        margin-right: 0.714rem;
        width: 1.071rem;
        height: 1.071rem;
    }
    /* Sidebar CSS */

    /* Header CSS */
    .header {
        padding: 0.714rem 1.071rem;
    }
    .account-user-name {
        display: none;
    }
    .account-user-avatar {
        margin: 0;
    }
    .topbar__menu > li, .header-add-action, .header-action-form {
        margin-left: 1.071rem;
    }
    .header-action-icon svg {
        width: 1.786rem;
        height: 1.786rem;
    }
    .mobile-menu {
        display: block; 
    }
    .navbar-expand .navbar-nav .dropdown-menu {
        position: fixed;
        top: 35px;
        left: auto;
        right: 15px;
    
    }

    .form-group .search-icon {
        position: relative;
        left: 0;
    }
    .header-action-form form .form-control {
        display: none;
        position: absolute;
        top: 45px;
        left: 0;
        width: 160px;
        padding: 0.5rem 1rem;
        background-color: #ffffff;
        border-radius: 0.5rem;
    }
    .form-group .search-icon svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .header-add-action .dropdown-menu {
        left: 0;
        transform: none;
    }
    .header-add-action .dropdown-menu:before {
        left: 15px;
        transform: none;
        border-width: 0 20px 10px 20px;
        top: -10px;
    }
    /* Header CSS */

    /* Main Wrapper CSS */
    .main__wapper {
        margin-left: 0;
    }
    .content__wrapper {
        padding: 1.429rem 1.071rem;
    }
    /* Main Wrapper CSS */
}

@media (max-width: 767px) {
    label.mb-0 {
        display: inline-block;
        margin-bottom: 0.5rem !important;
    }
    .input-group-text img {
        width: 1.3rem;
        height: 1.3rem;
    }

    /* Table CSS */
    .table {
        width: 700px;
    }
    .form_for_phone{
        overflow:auto;
    }
    .overflow_extra{background-color: #fff;}
    /* Table CSS */
    
    /* Header CSS */
    .header-add-action .dropdown-menu {
        margin: 1rem 0 0;
        min-width: 21rem;
        padding: 12px;
    }
    .header-add-action .dropdown-menu:before {
        border-width: 0 15px 6px 15px;
        top: -6px;
    }
    .header-add-action .dropdown-menu .dropdown-item {
        max-width: calc(100% / 2 - 0.714rem);
        flex: 0 0 calc(100% / 2 - 0.714rem);
        margin: 0 0.357rem 0.714rem;
    }
    .header-add-action .dropdown-menu .dropdown-item a {
        padding: 0.5rem;
        font-size: 0.857rem;
    }
    .header-add-action .dropdown-menu .dropdown-item svg {
        margin-right: 0.214rem;
        width: 1rem;
        height: 1rem;
    }
    /* Header CSS */

    /* Dashbaord CSS */
    .chart-info-list {
        margin-top: 2rem;
    }
    .card-header .col-md-6.text-right {
        text-align: left !important;
        margin-top: 20px;
    }
    /* Dashbaord CSS */

    /* File Details Page CSS */
    .file__process-list {
        display: flex;
        overflow: auto;
    }
    .file__process-list li {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .file__process-list li:not(:last-child) {
        margin: 0 1rem 0 0;
    }
    .file__process-list li a {
        display: block;
        line-height: 1.2;
    }
    .file__process-list li span {
        margin-bottom: 0.4rem;
    }
    .file_details_sidebar{
        max-width: 100%!important;
    }
    .todos_section .title_heading h4{
        font-size: 18px!important;
    }
    .todos_section .title_heading h4 svg{
        width: 20px;
    } 
    .todos_section {
        margin: 0 0 15px 0!important;
        padding: 15px!important;
    }
    .main_nav_link.row>*{
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .content__wrapper .tab_box a span {
        padding: 5px 8px;
    }
    .content__wrapper .tab_box .project_status {
        font-size: 14px;
        font-weight: 500;
    }
    .content__wrapper .tab_box a span {
        padding: 5px 7px;
    }
    .content__wrapper .tab_box .project_status {
        font-size: 14px;
        font-weight: 500;
    }    
    .meeting_content_row .facility_text {
        font-size: 14px;
    }    
    .main_card_body_part .meeting-list .meeting_content_row .role {
        font-size: 16px;
        margin-bottom: 0;
    }    
    .main_card_body_part .meeting-list .meeting_content_row .view_btn {
        height: 35px;
        width: 35px;
    }    
    .main_card_body_part .meeting-list .main_img_row .img_box {
        height: 35px;
        width: 35px;
    }
    .team_table table td {
        font-size: 14px;
    }
    .process_table .project_code {
        font-size: 14px;
    }
    .process_table .project_name {
        font-size: 12px;
    }
    .process_table .project_type{
        padding: 3px 7px;
        font-size: 12px;
    }
    .process_table .process_row {
        font-size: 12px;
    }
    .img_box {
        height: 35px;
        width: 35px;
    }    
    .chart_main_box .thumb_icon {
        height: 18px;
        width: 18px;
    } 
    .main_task_text {
        font-size: 16px;
    }
    .edit_view {
        height: 35px;
        width: 35px;
    }
    .thumb_icon, .checkmark_icon {
        font-size: 16px;
    }
    
    .tasks_box h3 {
        font-size: 22px;
    }
    
    .tasks_box p {
        margin-bottom: 5px;
        font-size: 16px;
    }
    
    .common_detail_box h6 {
        color: #121212;
        font-size: 18px;
    }
    
    .grey_bg .team_body .personal_row .key , .grey_bg .team_body .personal_row .value {
        font-size: 14px;
    }
    .key_box_title {
        font-size: 14px;
    } 
    .main_highlight_box, .main_highlight_focus_box, .participate_detail_box, .work_highlights{
        margin-bottom: 10px;
        height: auto;
    }
    .pie_canvas canvas{
        height: 100%!important;
        width:100%!important
    }
    .task_box, .chart_box {
        padding: 12px 15px;
    }
    .participent_row .participate_detail_box{
        height: auto!important;
    }
    .grey_bg .team_body .row .col-lg-6 {
        margin: 5px 0!important;
    }
    .accordion-button{
        padding: 7px!important;
    }
    .accordion-body , .card{
        padding: 5px!important;
    }
    .tasks_box p {
         font-size: 14px;
    }
    .main_card_body_part .meeting-list .meeting_content_row .view_btn {
        height: 35px;
        width: 35px
    }
    .main_card_meeting .main_card_heading .main_icon_box .role_and_name .usename {
        margin-bottom: 5px;
        font-size: 16px;
    }
    .process_table .land_td , .process_table .team_td{
        text-wrap:nowrap
    }
    .process_table .process_td img{
        width:16px;
        min-width:16px
    }
    .content__wrapper .tab_box .project_counter {
        font-size: 16px;
    }
    .main_nav_link {
        flex-wrap: nowrap !important;
        overflow: auto;
    }
    .tp_title{
        margin-top:20px
    }
    .main_accordin_button .accordin_button .accordion-header button{
        font-size: 12px;
    }
    .first_parent_tab .inner_project_status {
        padding: 5px 10px;
        font-size: 14px;
        text-wrap: nowrap;
    }
    .form-check-input {
        height: 15px !important;
        width: 15px !important;
    }
    .main_accordin_button .form-check label {
        font-size: 14px;
    }
    .inner_dc_title{
        font-size: 16px;
    }    
    .main_accordin_button .common_text {
        display: inline-block;
        width: 20%;
    }
    .input_box{
        padding-bottom:15px
    }
    .table td:not(:last-child), .table th:not(:last-child){
        padding-right: 0!important;
    }
    table .delete_btn img{
        width:18px!important;
        min-width: 18px!important;
    }    
    .status_text_btn {
        font-size: 14px;
    }
    .main_nav_link {
        padding-bottom: 15px;
    }
    /* File Details Page CSS */
}

@media (max-width: 991px) {
    .pie_canvas canvas {
        height: 100% !important;
        width: 100% !important;
    }
}
@media (max-width: 500px) {
    .btn {
        padding: 0.8rem 2rem;
    }
    .overflow_extra{overflow:hidden;}
    .button-group .btn:not(:last-child) {
        margin: 0 0.1rem 0.4rem 0;
    }
    /* File Details Page CSS */
    .file__process-list li {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
    .file_details_sidebar{
        max-width: 100%!important;
    }
    .extra_eye_icon{
        right: -25px!important;}
        .dustbin_icon {
            margin-top: 50px!important;
        }

       
          
    /* File Details Page CSS */
}


.rich-text-content ul,
.rich-text-content ol {
  padding-left: 20px;
  margin-bottom: 1rem;
}

.rich-text-content ul {
  list-style-type: disc;
}

.rich-text-content ol {
  list-style-type: decimal;
}

.rich-text-content li {
  margin-bottom: 5px;
}
.tgl {
    display: none;
  }
  
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 50px;
    height: 25px;
    position: relative;
    cursor: pointer;
    user-select: none;
    background: #ddd;
    border-radius: 50px;
    transition: background 0.3s;
  }
  
  .tgl + .tgl-btn:after {
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: white;
    border-radius: 50%;
    transition: all 0.3s;
  }
  
  .tgl:checked + .tgl-btn {
    background: #4caf50;
  }
  
  .tgl:checked + .tgl-btn:after {
    left: 26px;
  }
  .campaign-detail-container {
    background-color: #f5f7fa;
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  
  /* Header Styles */
  .campaign-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
  }
  
  .header-left {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  
  .back-button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
    padding: 5px 10px;
  }
  
  .back-button:hover {
    color: #0099cc;
  }
  
  .header-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0;
  }
  
  /* Toggle Switch */
  .toggle-switch {
    position: relative;
    width: 50px;
    height: 26px;
  }
  
  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 26px;
  }
  
  .toggle-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
  }
  
  .toggle-switch input:checked + .toggle-slider {
    background-color: #00b894;
  }
  
  .toggle-switch input:checked + .toggle-slider:before {
    transform: translateX(24px);
  }
  
  /* Content */
  .campaign-content {
    padding: 25px;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  /* Campaign Info Section */
  .campaign-info-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }
  
  .campaign-title-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
  }
  
  .campaign-title-row {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  
  .campaign-icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f0f0f0;
  }
  
  .campaign-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .campaign-title-info {
    display: flex;
    flex-direction: column;
  }
  
  .campaign-name {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0;
  }
  
  .campaign-type {
    font-size: 14px;
    color: #888;
  }
  
  .platform-icons {
    display: flex;
    gap: 10px;
  }
  
  .platform-icon {
    width: 28px;
    height: 28px;
    border-radius: 4px;
  }
  
  .campaign-description {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 25px;
  }
  
  /* Info Cards */
  .info-cards-row {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.2fr;
    gap: 15px;
    margin-bottom: 15px;
  }
  
  .info-card {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .info-label {
    font-size: 13px;
    color: #888;
    font-weight: 500;
  }
  
  .info-value {
    font-size: 15px;
    color: #333;
    font-weight: 500;
  }
  
  .info-value-blue {
    font-size: 16px;
    color: #0099cc;
    font-weight: 600;
  }
  
  .date-time-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }
  
  .date-time-card > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .time-value {
    font-size: 13px;
    color: #888;
  }
  
  .info-card-screenshot {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
  }
  
  .screenshot-content {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  
  .screenshot-icon {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f0f0f0;
  }
  
  .screenshot-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .screenshot-label {
    font-size: 15px;
    color: #333;
    font-weight: 500;
  }
  
  /* Report Section */
  .report-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }
  
  .report-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    margin-top: 0;
  }
  
  .report-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 15px;
  }
  
  .report-card {
    border-radius: 10px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  
  .report-card-yellow {
    background-color: #fff9e6;
  }
  
  .report-card-gray {
    background-color: #f5f5f5;
  }
  
  .report-card-green {
    background-color: #e8f5e9;
  }
  
  .report-card-purple {
    background-color: #f3e5f5;
  }
  
  .report-card-orange {
    background-color: #fff3e0;
  }
  
  .report-card-red {
    background-color: #ffebee;
  }
  
  .report-value {
    font-size: 18px;
    font-weight: 600;
    color: #333;
  }
  
  .report-value-green {
    font-size: 18px;
    font-weight: 600;
    color: #4caf50;
  }
  
  .report-value-orange {
    font-size: 18px;
    font-weight: 600;
    color: #ff9800;
  }
  
  .report-value-red {
    font-size: 18px;
    font-weight: 600;
    color: #f44336;
  }
  
  .report-label {
    font-size: 12px;
    color: #888;
  }
  
  /* Responsive Design */
  @media (max-width: 992px) {
    .info-cards-row {
      grid-template-columns: 1fr 1fr;
    }
    
    .report-row {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 576px) {
    .info-cards-row {
      grid-template-columns: 1fr;
    }
    
    .report-row {
      grid-template-columns: 1fr;
    }
    
    .campaign-header {
      padding: 15px;
    }
    
    .campaign-content {
      padding: 15px;
    }
    
    .campaign-title-section {
      flex-direction: column;
      gap: 15px;
    }
  }







/* new */







/* ===== SECTION ===== */
.daily-snapshot-section {
  padding: 10px 0;
}

/* ===== HEADER ===== */
/* .snapshot-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  color: #1e293b;
} */

.snapshot-updated {
  font-size: 0.875rem;
  color: #64748b;
}

/* ===== CARD ===== */
.snapshot-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  border: 1px solid #f1f5f9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
  height: 100%;
}

.snapshot-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* ===== ICON BOX ===== */
.icon-box {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.icon-teal {
  background: rgba(6, 43, 49, 0.1);
  color: #062b31;
}

.icon-gold {
  background: rgba(136, 117, 73, 0.1);
  color: #887549;
}

.icon-olive {
  background: rgba(61, 68, 31, 0.1);
  color: #3d441f;
}

/* ===== BADGES (Bootstrap conflict) ===== */
.badge-soft {
  background: #f8fafc !important;
  color: #94a3b8 !important;
  font-size: 12px!important;
  padding: 4px 8px!important;
  border-radius: 4px!important;
  font-weight: 500!important;
}

.badge-highlight {
  background: rgba(6, 43, 49, 0.1) !important;
  color: var(--shadow-yellow) !important;
  font-size: 12px!important;
  padding: 4px 8px!important;
  border-radius: 4px!important;
  font-weight: 500!important;
}

/* ===== STATS ===== */
.stat-value {
  font-size: 1.75rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1;
}

.stat-label {
  font-size: 0.875rem;
  color: #94a3b8;
  margin-bottom: 2px;
}

/* ===== PROGRESS (Bootstrap conflict) ===== */
.progress-thin {
  height: 6px !important;
  background: #f1f5f9;
  border-radius: 50px !important;
  overflow: hidden;
}

.progress-thin .progress-bar {
  border-radius: 50px !important;
}

.bg-teal {
  background-color: #062b31;
}

.bg-gold {
  background-color: var(--shadow-yellow)!important;
}

/* ===== FOOTER ===== */
.stat-footer {
  font-size: 12px;
  color: #64748b;
  margin-top: 8px;
}

/* ===== AVATARS ===== */
.avatar-group {
  display: flex;
  align-items: center;
}

.avatar-group img,
.avatar-more {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  margin-left: -8px;
  object-fit: cover;
}

.avatar-group img:first-child {
  margin-left: 0;
}

.avatar-more {
  background: #f1f5f9;
  font-size: 10px;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

/* ===== TREND ===== */
.trend-up {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #3d441f;
  margin-top: 12px;
}



/* ===== COLORS ===== */
.teal_text { color: #062B31; }
.gold_text { color: #887549; }
.red_text { color: #dc2626; }
.success_text { color: #16a34a; }

.teal_bg { background: #062B31; }
.gold_bg { background: var(--shadow-yellow) }
.red_bg { background: #f87171 }

/* ===== CARD ===== */
.dept_card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  overflow: hidden;
}

.dept_header {
  padding: 16px;
  border-bottom: 1px solid #f1f5f9;
}

.teal_gradient {
  background: linear-gradient(to right, rgba(6, 43, 49, 0.05), #fff);
}

.dept_title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: #1e293b;
}

.icon_btn {
  background: transparent;
  border: none;
  cursor: pointer;
}

/* ===== BODY ===== */
.dept_body {
  padding: 20px;
}

.dept_value {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

.percent_text {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}

.muted_text {
  font-size: 14px;
  color: #64748b;
  margin-bottom: 0;
}

/* ===== PROGRESS ===== */
.stack_bar {
  display: flex;
  height: 8px;
  background: #f1f5f9;
  border-radius: 999px;
  overflow: hidden;
}

/* ===== LEGEND ===== */
.legend_row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #475569;
}

.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

/* ===== MINI ===== */
.mini_section {
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.mini_box {
  text-align: center;
  padding: 8px;
  border-radius: 10px;
}

.mini_value {
  font-size: 16px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 0;
}

.mini_label {
  font-size: 14px;
  color: #64748b;
}

/* ===== ALERT ===== */
.alert_box {
  display: flex;
  gap: 8px;
  padding: 12px;
  border-radius: 10px;
}

.red_light_border {
  border: 1px solid rgba(220, 38, 38, 0.25);
}

.alert_icon {
  font-size: 16px;
} 

.mini_section .mini_box{
    background-color: #062b310d;
}

.alert_box.red_light_border .alert_title {
    color: #991b1b;
    font-size: 14px;
    margin-bottom: 0 ;
    font-weight: 600; 
}

.alert_box.red_light_border .alert_text{
    font-size: 12px;
    color: #dc2626;
    font-weight: 400;
    margin-bottom: 0;
}

.card_container{
    
  background-color: #ffffff;              /* bg-white */
  border: 1px solid #e2e8f0;               /* border-slate-200 */
  border-radius: 12px;                     /* rounded-xl */
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
  overflow: hidden;    
}


@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@media print {
    .no-print {
      display: none !important;
    }
  }

:root {
    --globalfontsize: 16px;

	--primarycolor: #212322;
    --turtle-green: #3D441F;
    --shadow-yellow: #887549;
    --pine-tree-dark: #040503;
    --nordic-dark-teal: #062B31;
}
body {
	font-family: "Work Sans", sans-serif!important;
    font-size: var(--globalfontsize)!important;
    color: var(--primarycolor)!important;
    background-color: #F5F5F5!important;
	line-height: 1.4!important;
    font-weight: 400!important;
    overflow-x: hidden;
}
p, h1, h2 , h3, h4, h5, h6{
    margin-bottom: 0;
}
.text-16{
    font-size: 16px;
}
.btn:hover{
    border-color:transparent!important
}
.team_table  .status_btn.Approved{
    color: #065f46;
    border: 1px solid #a7f3d0;
    background-color: #d1fae5;
}
.team_table  .status_btn.Pending{
    color: #92400e;
    border: 1px solid #fde68a;
    background-color: #fef3c7;
}
.topbar__menu .accordion-button{
    text-wrap:wrap
}
.table .list-of-images{
    width:300px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:5px
}
.team_table  .status_btn.Rejected{
    color: #F25656;
    border: 1px solid #F25656;
    background-color: #F256561A;
}
.team_table .Pending.status_btn::after{
    display: none;
}
.team_table .status_btn{
    padding: 5px 20px;
    border-radius: 6px;
    font-size: 14px;
}
.sidebar ul{
    padding: 0!important;
}
/* styles.css */
.map-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
  }
  .table{
    border-color: transparent!important;
  }
  .map-modal .mapbox-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
  }
  
* {
	outline: none !important;
}
a, a:hover {
	text-decoration: none !important;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    text-decoration: none;
}
:focus {
    box-shadow: none !important;
}
img {
	max-width: 100%;
    width: auto;
    height: auto;
}
path, a:hover path {
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
ul, ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
.chart-info-item .pink{
    background-color: #FF5275;
}
.chart-info-item .green{
    background-color: #00796B;
}
.turtle-green {
    background-color: var(--turtle-green);
}
.shadow-yellow {
    background-color: var(--shadow-yellow);
}
.pine-tree-dark {
    background-color: var(--pine-tree-dark);
}
.nordic-dark-teal {
    background-color: var(--nordic-dark-teal);
}
.text-primary {
    color: var(--primarycolor) !important;
}
.text-turtle-green {
    color: var(--turtle-green);
}
.text-shadow-yellow {
    color: var(--shadow-yellow);
}
.text-pine-tree-dark {
    color: var(--pine-tree-dark);
}
.text-nordic-dark-teal {
    color: var(--nordic-dark-teal);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important;
    text-transform: capitalize;
}
.modal-content {
    border-radius: 12px;
}  
.date-data{
    display: flex;
    align-items: center;
    gap: 10px;
}
.lead-box{
    border: 1px solid #e5e7eb;
    padding: 5px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.lead-box .icon{
    height: 25px;
    width: 25px;
    border-radius: 50%;
    overflow: hidden;
}
.lead-box .icon img{
    width: 100%;
}
.lead-box  span{
    color: #374151;
    font-size: 12px;
    font-weight: 500;
}
.date-data span{
    background-color: #f3f4f6 !important;
    font-size: 12px !important;
    font-weight: 500;
    text-wrap: nowrap;
    color: #6b7280;
    padding: 4px 7px !important;
    border-radius: 30px;
    width: auto;
    display: inline-block;
    text-align: center;
}
label {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 2px;
} 
.input-group-text {
    border-color: #C4C4C4;
    border-radius: 0.5rem;
}
.custom-control-label {
    cursor: pointer;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border: none;
    background: var(--shadow-yellow);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background: url(../img/icons/tick.svg) no-repeat center / contain !important;
}
.custom-control-label::after {
    top: 0.438rem;
    width: 0.5rem;
    height: 0.5rem;
    left: -1.313rem;
}
.custom-control-label::before {
    width: 0.875rem;
    height: 0.875rem;
    border-color: var(--shadow-yellow);
    background-color: transparent;
}
.status__selection-wrapper {
    position: relative;
}
.status__selection-wrapper .status-select {
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    padding: 7px;
    /* appearance: none; */
    background-color: rgba(127, 200, 116, 0.2);
    color: #168A07;
    font-size: 0.875rem;
    font-weight: 400;
}
.accordion-button:not(.collapsed){
    background-color: #88754905!important;    
    color: #212322!important;
}
/* .status__selection-wrapper select:after {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    width: 40px;
    height: calc(100% - 2px);
    background: #ffffff url(../img/icons/down-arrow.svg) no-repeat center / 10px;
    border-radius: 0 8px 8px 0;
    pointer-events: none;
} */
.custom-select {
    border-color: #C4C4C4;
    font-size: 0.875rem;
    border-radius: 0.5rem;
    height: auto;
    padding: 0.563rem 0.938rem;
    appearance: none;
    /* background: url(../img/icons/down-arrow.svg) no-repeat 94% center / 10px; */
}

.btn:foucs {
    box-shadow: none !important;
}
.btn {
    background-color: var(--shadow-yellow);
    border: none;
    color: #ffffff;
    padding: 1rem 3.125rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 40px;
    white-space: break-spaces;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.btn:hover {
    background-color: var(--turtle-green);
    color: #ffffff;
}
.btn-sm {
    font-weight: 400;
    padding: 0.438em 1.25em;
    border-radius: 0.625rem;
}
.btn-lg {
    padding: 1rem 9.375rem;
}
.btn-secondary {
    background-color: rgba(136, 117, 73, 0.1);
    color: var(--shadow-yellow);
}
.btn-outline {
    background-color: transparent;
    color: var(--shadow-yellow);
    border: 1px solid var(--shadow-yellow);
}
.button-group .btn:not(:last-child) {
    margin-right: 0.5rem;
}

.grey__head .detail_tr{
    background-color: #887549;
    color:#fff;
    padding:8px 15px;
    border-radius:8px 8px 0 0;
}

.border_table{
    border:1px solid #887549;
    border-radius:8px 8px 0 0;
}

.list_checkbox input[type=checkbox] {
    position: relative;
      border: 2px solid #887549;
      background-color: #fff;
      border-radius: 2px; 
      cursor: pointer;
      line-height: 0;
      margin: 0 .6em 0 0;
      outline: 0;
      padding: 0 !important;
      vertical-align: text-top;
      height: 15px;
      width: 15px;
      border-radius: 4px;
      -webkit-appearance: none; 
  }
  
 .list_checkbox input[type=checkbox]:hover {
    opacity: 1;
  }
  
 .list_checkbox input[type=checkbox]:checked {
    background-color: #887549;
    opacity: 1;
    border: 2px solid #887549;

  }
  
  .list_checkbox input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    top: 47%;
    width: 4px;
    height: 9px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: 0px -1px 0 -6px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
  }


  .multiple_border{
    padding:15px;
    background-color: #fff;
    position: relative;
  }


  /* .multiple_border span{
    position:absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-top:1px dashed #887549;
    display:block
  } */


  .multiple_border  .checkbox_row {
    margin-top:15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index:1;
  }
  .multiple_border  .checkbox_row::before{

    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    margin: auto;
    width: 94%;
    border: 1px dashed #887549;
  }
  .multiple_border  .checkbox_row .checkbox_box{
    text-align: center;
  }

  .multiple_border  .checkbox_row .checkbox_box p{
    font-size:16px;
    color:#887549;
    font-weight:500;
    margin-bottom:0;
  }

.user-avatar {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(136 117 73 / 10%);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-avatar img {
    border-radius: 50%;
}
.height-auto { height: auto !important; }

/* Table CSS */
.table td, .table th {  
    font-size: 0.875rem;
}
.table td, .table th {
    font-size: 0.875rem;
    padding: 5px 15px;
}
.table td:not(:last-child), .table th:not(:last-child) {
    padding-right: 1.429rem;
} 
.table thead th {
    vertical-align: middle;
}
.table thead th{
    border-top: 0;
    background-color: #fff;
    text-wrap: nowrap;
}
.approval th{
    border-top: 0;
    background-color: #EDE9DF !important;
    text-wrap: nowrap;
}
.table td a:not(:last-child) {
    margin-right: 0.313rem;
}
.table td svg {
    width: 18px;
    height: 18px;
}
.table th .filter-btn {
    padding: 0.188rem 0.25rem;
    border-radius: 0.25rem;
}
.table tbody td .btn-outline {
    padding: 0.25rem 0.8rem;
    font-size: 0.875rem;
}
.table td .badge {
    /* background-color: rgba(181, 1, 1, 0.1);
    color: #D30909; */
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.438rem 0.625rem;
    border-radius: 0.375rem;
}
.table td .badge.completed {
    background-color: rgba(127, 200, 116, 0.2);
    color: #10A53A;
}
table.dataTable.no-footer {
    border-bottom: none;
}
/* Table CSS */

/* Custom File Upload */
.custom__file-upload {
    position: relative;
}
.custom__file-upload [type=file] {
    display: none;
}
.custom__file-label {
    background-color: rgba(136, 117, 73, 0.1);
    border: 1px dashed rgba(136, 117, 73, 0.54);
    border-radius: 0.5rem;
    margin: 0;
    padding: 1.5rem 1.25rem;
    display: block;
    text-align: center;
    cursor: pointer;
}
.custom__file-label span {
    display: block;
    color: var(--shadow-yellow);
    font-size: 0.75rem;
    margin-top: 0.313rem;
    font-weight: 400;
}
/* Custom File Upload */

/* Modal CSS */
.swal-modal {
    width: 25rem;
    border-radius: 1.188rem;
}
.swal-icon {
    border-color: var(--shadow-yellow);
}
.swal-icon--success__ring {
    border-color: var(--shadow-yellow);
    background-color: var(--shadow-yellow);
}
.swal-icon--success__line {
    background-color: #ffffff;
    z-index: 9;
}
.swal-title {
    font-weight: 600;
}
.swal-button-container {
    display: block;
}
.swal-footer .swal-button {
    background-color: var(--shadow-yellow);
    display: block;
    width: 100%;
    border-radius: 0.813rem;
    font-size: 1rem;
    padding: 1.063rem 1.25rem;
}
.swal-footer .swal-button:hover {
    background-color: var(--turtle-green);
}
/* Modal CSS */

/* Authentication CSS Start */

.inner_card{
    border: 1px solid #DAC89F !important;
    padding: 30px !important;

}
.authentication__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.authentication__main .authentication__left {
    max-width: 45%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
}
.authentication__main .authentication__right {
    max-width: 55%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    background-color: #F6F6F7;
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: 9999;
    width: 55%;
}
.authentication__left__inner {
    padding: 3.75rem;
}
.authentication__left__inner .header__logo {
    margin-bottom: 3.125rem;
}
.authentication__left__inner .header__logo img {
    width: 6.25rem;
}
.header_message h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 1.875rem;
}
.authentication__form .form-group label {
    font-weight: 400;
    font-size: 1rem;
}
.authentication__form .form-group .form-control {
    font-size: arem;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0.875rem 0.875rem 0;
    padding: 0.938rem 1.25rem;
}
.authentication__form .form-group .input-group-text {
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.875rem 0 0 0.875rem;
}
.authentication__form .form-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--primarycolor);
}
.authentication__form .form-group .form-control::-moz-placeholder { /* Firefox 19+ */
  color: var(--primarycolor);
}
.authentication__form .form-group .form-control:-ms-input-placeholder { /* IE 10+ */
  color: var(--primarycolor);
}
.authentication__form .form-group .form-control:-moz-placeholder { /* Firefox 18- */
  color: var(--primarycolor);
}
.authentication__right .register__banner {
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.authentication__form .form-group .btn {
    background-color: var(--primarycolor);
    color: #ffffff;
    border-radius: 0.875rem;
    padding: 0.938rem 1.25rem;
    font-weight: 300;
    font-size: 1rem;
}
.authentication__right__inner {
    background-color: #1F2322;
    height: 100vh;
}

@media (max-width: 991px){
    .authentication__main {
        height: 100vh;
    }
    .authentication__main .authentication__left {
        max-width: 55%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        height: 100vh;
        overflow: auto;
    }
    .authentication__main .authentication__right {
        max-width: 45%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        position: relative;
        height: auto;
        width: 45%;
    }
    .register__section__logo .brands__logos .brands__logo {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}
@media (max-width: 767px){
    .authentication__main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .authentication__main .authentication__left,
    .authentication__main .authentication__right {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        height: auto;
    }
    .authentication__main .authentication__right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .authentication__main .authentication__left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .authentication__right__inner {
        height: 13rem;
    }
    .authentication__right__inner img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .authentication__left__inner {
        padding: 1.75rem;
    }
}
/* Authentication CSS End */

/* Header CSS */
.header {
    background-color: #ffffff;
    padding: 1.875rem 3.125rem;
}
.header-action-form .form-control {
    border: none;
    background-color: rgba(196, 196, 196, 0.2);
    color: #212322;
    border-radius: 0.625rem;
    padding: 0.438rem 1rem 0.438rem 2.5rem;
}
.form-group .search-icon {
    position: absolute;
    top: 10px;
    left: 0.938rem;
    right: auto;
    bottom: auto;
}
.multiSelectContainer  {
    border:0!important;
    padding:0!important
}
.highlightOption{
    background-color: var(--shadow-yellow)!important;
}
.form-group .search-icon svg {
    width: 1rem;
    height: 1rem;
}
.header-action-form .form-control::placeholder {
    opacity: 0.4;
}
.topbar__menu > li, .header-add-action, .header-action-form {
    margin-left: 1.875rem;
}
.topbar__menu li a {
    color: var(--primarycolor);
}

.header-add-action .dropdown-menu.show {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: inherit!important;
}
.header-add-action .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 24px 35px 19px rgba(0, 0, 0, 0.15);
    border-radius: 0.875rem;
    overflow: initial;
    border: none;
    padding: 1.875rem 0.938rem 0.625rem;
    min-width: 26rem;
    margin: 1.875rem 0 0;
}
.header-add-action .dropdown-menu:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 20px 30px;
    border-color: transparent transparent #ffffff transparent;
    filter: drop-shadow(0 -8px 7px rgba(0, 0, 0, 0.15));
}
.header-add-action .dropdown-menu .dropdown-item {
    max-width: calc(100% / 2 - 1.25rem);
    flex: 0 0 calc(100% / 2 - 1.25rem);
    margin: 0 0.5rem 0.6rem;
}
.header-add-action .dropdown-menu .dropdown-item a {
    border: 1px solid var(--shadow-yellow);
    color: var(--shadow-yellow);
    display: block;
    padding: 1rem;
    border-radius: 0.5rem;
}
.header-add-action .dropdown-menu .dropdown-item svg {
    margin-right: 5px;
}
.header-add-action .dropdown-menu .dropdown-item path {
    fill: var(--shadow-yellow);
}
.header-add-action .dropdown-menu .dropdown-item a:hover {
    background-color: var(--shadow-yellow);
    border-color: var(--shadow-yellow);
    color: #ffffff;
}
.header-add-action .dropdown-menu .dropdown-item a:hover path {
    fill: #ffffff;
}
.mobile-menu { display: none; }

.account-user-avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.account-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    background-color: var(--shadow-yellow);
}
.header-action-icon svg {
    width: 2.125rem;
    height: 2.125rem;
}

.notification-icon-badge {
    display: inline-block;
    background-color: var(--shadow-yellow);
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 1px; 
}
.dropdown-menu {
    margin-top: 20px;
    padding: 1rem;
    border-color:rgb(67 65 65 / 30%);
    min-height: initial;
    max-height: 520px;
}
.dropdown-item {
    padding:7px 0;
}
.dropdown-item:hover {
    background-color: transparent;
    color: var(--shadow-yellow);
}

/* .notification__list {
    max-width: 18rem;
} */
.notification--item:not(:last-child) {
    margin-bottom: 1rem;
}
.notification--item h6 {
    font-size: 0.875rem;
    opacity: 0.6;
}
li.notification--item.unread .dropdown-item {
    background-color: #f3f5fb;
    border-color: #f3f5fb;
}
.notification--item .dropdown-item {
    border: 1px solid rgba(196, 196, 196, 0.3);
    border-radius: 4px;
    padding: 10px;
    position: relative;
}
.notification--item .dropdown-item:not(:last-child) {
    margin-bottom: 0.5rem;
}
.notification-details {
    max-width: calc(100% - 35px);
}
.notification--item .dropdown-item .remove {
    position: absolute;
    top: 0;
    left: auto;
    right: 10px;
    bottom: auto;
    opacity: 0.6;
    cursor: pointer;
}
.notification--item .user-avtar {
    min-width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--shadow-yellow);
}
.notification--item .user-avtar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.notification--item .user-name {
    font-size: 14px;
}
.notification--item .user-message {
    font-size: 12px;
    width: 80%;
}
/* Header CSS */

/* Sidebar CSS */
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    height: 100vh; 
    overflow: auto;
    background-color: #fcfaf9;
    border-right: 1px solid #e6e0d9;
    z-index: 9;

}
.sidebar .sidebar__menu {
    padding: 0 20px!important;
}
.sidebar .logo {
    padding: 0 25px;
    text-align: center;
}
.logo img {
    height: 4.125rem;
}
.sidebar__menu {
    margin-top: 3rem;
}
.cursor-pointer{
    cursor: pointer;
}
.process_table .project_type{
    background-color: #cbad674f;
    color: #493307;
    display: inline-block;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    margin-top: 7px;
} 
.process_table .process_row{
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    color:#030B16;
    margin-bottom: 2px;
} 
table .multi-status-row {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
table .multi-status-row .status-file{
    color: #887549;
    font-size: 12px;
    padding: 2px 8px;
    font-weight: 500;
    border-radius: 4px;
    background-color: #8875492b;
}
.verticle-top{
    vertical-align: top;
}
.modal.show{
    background-color: #0000005c;
}
 
.basic-progressbar .date-item{
    color: #4b5563;
    font-size: 14px;
    margin-right: 15px;
}
.basic-progressbar .date-item span{
    font-weight: 600;
}
.basic-progressbar {
    border-top: 1px solid #f3f4f6;
    border-bottom: 1px solid #f3f4f6;
    padding: 17px 0;
    margin: 17px 0;

} 

.outline-btn{
    padding: 7px 15px;
    border-radius: 6px;
    font-weight: 500;
}
.outline-btn.not-filled{
    color: #374151;
    border: 1px solid #374151;
    background-color: transparent;
}
.outline-btn.filled{
    color: #fff;
    border: 1px solid var(--shadow-yellow);
    background-color: var(--shadow-yellow);
}
.basic-detail-box .project-number{
    color: #6b7280;
    font-size: 14px;
    margin-bottom: 5px;
    font-family: monospace;
} 
.basic-detail-box .project-title{  
    color: #212121;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}
 .till{
    font-size: 12px;
    padding: 2px 7px;
    font-weight: 500;
    border-radius: 12px;
    display: inline-block;
}
 .till.active{
    color: #166534;
    background-color: #dcfce7;
}
.basic-detail-box .till.brown{
    background-color: #e8dfd0;
    color: #6d5e3a;
}

.divider {
    width: 1px;
    height: 16px;
    margin-right: 16px;
    background: rgb(209, 213, 219);
}
.team-list-row{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:5px;
}
.team-list-row .team-list-box span{
    color: #374151;
    font-size: 14px;
    font-weight: 500;
    text-wrap: nowrap
}
table .facilator-team{
    background-color: #3d441f1a;
    padding: 5px;
    border-radius: 6px;  
}
table .facilator-team img{
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 50%;
    overflow: hidden;
}
table .facilator-team .lead-text{
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 1px;
    font-size: 12px;
}
table .facilator-team .lead-value{
    color: #111827;
    font-size: 16px;
    font-weight: 600;
    text-wrap: nowrap;
    margin: 0;
}
.team-list-row .team-list-box img{
    width:25px;
    height: 25px;
    min-width: 25px;
    border-radius: 50%;
    overflow: hidden;
}
.process_table .process_row .team_members{
    color:#657488; 
    display: inline-block;
    padding-left: 5px;
}
.process_table .process_row  .count_bar{
    color:#657488; 
    display: inline-block;
    padding:0 5px
}
.process_table .process_row .days_count{
    color:#FF5275;
}
.process_table .project_code{
    color: #030B16;
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}
.process_table .project_code .team_name{
    font-size: 14px;
    color: #887549;
} 
.side-nav-item .side-nav-link {
    color: #8c857b;
    font-size: 16px; 
    font-weight: 400;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    position: relative;
} 
/* .sidebar__menu .side-nav-item:hover{ 
    background-color: #EBE5DF;
    color: #1A1A1A; 
    border-radius: 6px;
}

.sidebar__menu .side-nav-item:hover span{
    color: #2d2a26;
}

.sidebar__menu .side-nav-item:hover svg path{
    
    fill: #2d2a26;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
} */

.side-nav-item .side-nav-link .arrow-icon{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin:auto;
    display: flex;
    align-items: center;
}

.side-nav-item .side-nav-link .arrow-icon svg{
    width:16px
}
.side-nav-item .side-nav-link svg path{
    fill:#808080
}
.sidebar__menu .side-nav-item.active { 
    
    background-color: #EBE5DF;
    color: #1A1A1A;
    border-right: 5px solid #C4A484;
    border-radius: 6px;
}
.sidebar__menu.side-nav{
    
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sidebar__menu .side-nav-item.active  span{
    color:#2d2a26;
}
/* .sidebar__menu .side-nav-item.active > a, 
.side-nav-item .side-nav-link[data-toggle="collapse"]:not(.collapsed) {
    color: var(--primarycolor);
    font-size: 1.25rem;
    opacity: 1;
    font-weight: 600;
} */
.side-nav-item .side-nav-link:hover {
    opacity: 1;
}
.side-nav-item svg {
    margin-right: 0.938rem;
    width: 18px;
    height: 18px;
} 
.side-nav-submenu_sidebar {
    padding-left: 50px;
}
.side-nav-submenu_sidebar .side-nav-link{
    padding:8px 15px
}
.sidebar__menu .side-nav-item.active svg path,
.side-nav-item .side-nav-link[data-toggle="collapse"]:not(.collapsed) svg path {
    fill: #2d2a26;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.side-nav-submenu {
    padding: 0 1.875rem 1.875rem 3.75rem;
}
.side-nav-submenu .nav-submenu-item:not(:last-child) {
    margin-bottom: 10px;
}
.side-nav-submenu .nav-submenu-item a {
    color: var(--primarycolor);
    opacity: 0.6;
}
.side-nav-submenu .nav-submenu-item.active a {
    opacity: 1;
    font-weight: 600;
}
.side-nav-submenu_sidebar{
    color:white
}
/* Sidebar CSS */

/* Main Wrapper CSS */
.main__wapper {
    margin-left:300px;
}
header{
    padding:12px 20px!important
} 


.card {
    border: none;
    padding: 1.25rem;
    margin-bottom: 1.875rem;
    height: calc(100% - 1.875rem);
    border-radius: 1.25rem;
    justify-content: space-between;
}
.content__wrapper {
    padding: 2.5rem 20px;
}
.content__wrapper .page-title { display: none; }
.title-line {
    position: relative;
}
.title-line:after,
.title-line:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}
.title-line{
    font-size:22px;;
}
.main_date{    
    padding: 10px 20px!important;
}
/* .title-line:after {
    width: 35%;
    height: 1px;
    background-color: rgba(33, 35, 34, 0.1);
}
.title-line:before {
    width: 20%;
    height: 4px;
    background-color: var(--shadow-yellow);
    border-radius: 4px 4px 0 0;
} */
/* Main Wrapper CSS */

/* Dashbaord CSS */
.task__progress .progress {
    background-color: transparent;
    border-radius: 50%;
    width: 5.313rem;
    height: 5.313rem;
    position: relative;
    --percentage: var(--value);
}
.task__progress .progress:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: conic-gradient(#3D441F calc(var(--percentage) * 1%), rgba(6, 43, 49, 0.1) 0);
    mask: radial-gradient(white 55%, transparent 0);
    mask-mode: alpha;
    -webkit-mask: radial-gradient(#0000 50%, #000 0);
    -webkit-mask-mode: alpha;
}
.task__progress .progress::after {
    counter-reset: percentage var(--value);
    content: counter(percentage) '%';
    font-size: 1rem;
    color: var(--primarycolor);
}
.task__progress .progress-bar {
    background-color: var(--turtle-green);
}

.dashboard__stats {
    min-height: 13.125rem;
}
.stats__icon svg {
    width: 1.875rem;
    height: 1.875rem;
    opacity: 0.2;
}
.stats__icon svg path[fill] {
    fill: #ffffff;
}

.chart-info-item:not(:last-child) {
    margin-bottom: 1rem;
}
.chart-info-item .info-bg {
    min-width: 0.938rem;
    width: 0.938rem;
    height: 0.938rem;
    margin-top: 5px;
    border-radius: 50%;
}

.activity__list .activity-item {
    border: 1px solid #F2F2F2;
    border-radius: 1rem;
    padding: 0.75rem;
    margin-bottom: 1rem;
}
.activity-item .activity-details {
    margin-left: 10px;
}
.activity-item .activity-details p {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0.375rem;
}
.activity-item .activity-details a {
    font-size: 0.75rem;
    color: var(--primarycolor);
}
/* Dashbaord CSS */

/* File Details Page CSS */
.file__process-list li:not(:last-child) {
    margin-bottom: 1rem;
}
.file__process-list li a {
    font-size: 0.875rem;
    color: rgba(19, 20, 21, 0.4);
    display: flex;
    align-items: center;
}
.file__process-list li span {
    font-size: 0.75rem;
    min-width: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.625rem;
    background-color: #F4F2ED;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.file__process-list li.active a {
    color: var(--primarycolor);
    font-weight: 500;
}
.file__process-list li.active a span {
    background-color: var(--shadow-yellow);
    color: #ffffff;
}
/* File Details Page CSS */

/* Profile Page CSS */
.nav-pills .nav-item:not(:last-child) {
    margin-right: 3rem;
}
.nav-pills .nav-link {
    border-radius: 0;
    font-size: 1.125rem;
    color: rgba(33, 35, 34, 0.3);
    padding: 0;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--shadow-yellow);
    background-color: transparent;
    font-weight: 600;
}

.user-profile {
    background-color: rgb(136 117 73 / 40%);
    border-radius: 50%;
    min-width: 170px;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.user-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
.profile-box .user-details p {
    opacity: 0.3;
}
.user-profile-action h6:after {
    content: "";
    position: absolute;
    left: 100%;
    width: 100%;
    bottom: 5px;
    height: 1px;
    margin-left: 10px;
    background-color: var(--shadow-yellow);
}
.user-profile-action ul li svg {
    width: 24px;
    height: 24px;
    margin-bottom: 6px;
}
.user-profile-action ul li svg path[stroke="white"] {
    stroke: var(--primarycolor);
    stroke-width: 1.5px;
}
.user-profile-action ul li p {
    line-height: 1.2;
}
/* Profile Page CSS */

/* Responsive CSS */





.inner_box_design {
    position: absolute;
    right: 13px;
}

.innerr_box{
    height: 25px;
    width: 20px;
    background: #fff;
    border-radius:5px;
    border:1px solid #989898;
    right: -25px;
    position: absolute;
    top: 0;
}

.right_border{
    border-right: 1.5px dashed #989898;
    margin-right: 0px;
}

.extra_h3{line-height:15px;padding-top: 20px;
    border-right:1.5px dashed #989898}
  
.overflow_extra{
    overflow:auto;
}

.button_row .btn {border-radius: 0;background-color:#F2F2F2;color:#7A7A7A}
.button_row .btn.active{background-color:var(--shadow-yellow)!important;color: #fff !important;}


.padding_space label{padding-top:12px}

.button_row .btn{padding:7px 45px!important;}
.extra_eye_icon{position:absolute;right:10px;}

.file_icon_form input[type="file"]{
    width:95%;
    
}

input[type="file"]{
    height: auto;    
}
.strategic_texts p{
    font-size: 16px;
    margin-bottom: 10px;
    color: #212121;
}
                  
.strategic_texts p span{
    font-weight: 500;
}
         
                  
.strategic_texts p .task_mark{
    font-weight: 500;
}
     
                  
.strategic_texts p .percantage_wise{
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    padding-left: 7px;
}
                 
.extra_eye_icon {
    position: absolute;
    right: -11px;
    top: 32%;
    bottom: 0;
    margin: auto;
}
.dustbin_icon{margin-top: 30px;}
.file_details_sidebar{
    max-width: 270px;
}

.btn_action_menu{
    padding: 7px 15px !important;
    border: 0!important;
    background: transparent!important;
    color: #887549!important;
    font-size: 20px!important;
}

.pagination_button{
    margin: 0 2px;
    background: none;
    border: 0;
}
.pagination {
    display: flex;
    align-items:center;
    gap: 10px;
}
.pagination button:disabled{
    opacity: 0.5;
}
.pagination button{
    padding:7px 15px;
    font-size:14px;
    color:#fff;
    background-color: var(--shadow-yellow);
    border-radius: 4px;
    border:0
}
.datatable{
    border: 1px solid #c2c6cd;
}

.datatable td , .datatable th{
    vertical-align : middle;
}


.datatable thead th{
    padding: 8px; 
    color:#4b5563;
    background-color: #f8f8f7;
    font-weight: 500;
    font-size: 14px;
    border-top:1px solid #88754954;
    border-bottom:1px solid #88754954;
}
.datatable thead{
    border-bottom:1px solid #88754954; 
}
 
/* .datatable thead th:first-child{
    border-radius: 12px 0 0 0 ;
}
.datatable thead th:last-child{
    border-radius:0 12px 0 0 ;
} */
 

.datatable tfoot td{
    padding: 10px 15px;
}

.datatable tr:nth-child(even) {background: #fcfcfc}
.profile_card{
    
    margin-right: 20px;
}
.profile_table  td{
    border:none!important
}

.profile_table td{
    padding:12px 15px;
}

.profile_table .badge-success{
    color: #28a745;
    background-color: #28a74536;
}

.profile_table{padding-top:20px}
.profile_table .badge-danger{
    
    color: #dc3545;
    background-color: #dc35455c;
}
.profile_table{
    border:0
}

.profile_table .pending{
    color:#c4c406;
    font-size:16px;
    padding:7px 15px;
    background-color: #ffffcc;
    border-radius: 6px;
}
.profile_table .approved{
    color:#10A53A;
    font-size:16px;
    padding:7px 15px;
    background-color: #e3f2e1;
    border-radius: 6px;
}
.profile_table .rejected{
    color:#D30909;
    font-size:16px;
    padding:7px 15px;
    background-color: #eecaca;
    border-radius: 6px;
}

.profile_table td{
    padding: 12px 15px;
    color: #212322;
    font-size: 14px;
    font-weight: 500;
}


/* Add.css */
.radio-button-brown input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid black; /* Change this to the desired color */
    margin-right: 8px;
    outline: none;
    position: relative; /* Add this line to enable positioning of pseudo-element */
}

.radio-button-brown input[type="radio"]::before {
    content: "";
    width: 3px; /* Adjust the size of the hole */
    height: 3px; /* Adjust the size of the hole */
    border-radius: 100%;
    background-color: white; /* Color of the hole */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none; /* Hide the hole by default */
}

.radio-button-brown input[type="radio"]:checked::before {
    display: block; /* Show the hole when the radio button is checked */
}

.radio-button-brown input[type="radio"]:checked {
    background-color: #887549; /* Change this to the desired color */
    border-color: white; /* Change this to the desired color */
}
.todo_box{
    padding:15px;
    border-radius:8px;
    border: 1px solid #DAC89F;box-shadow: 1px 2px 4px 0px #00000040;
}
.main_card { 
    overflow: hidden;
    position: relative;
    padding-left: 50px!important;
} 
.main_card {
    border:1px solid #DAC89F;
    /* padding:15px;  */
    
    background-color: #a0916d;
    border-radius:15px;
}
.main_card .date_row p{


    display: inline-block;
    padding: 5px 15px;
    background-color: #A0916D;
    color: #fff;
    width: 100%;
    transform: rotate(-90deg);
    text-align: center;
    position: absolute;
    right: 49%;
    top: 0;
    bottom: 0;
    height: 25px;
    margin: auto;
}
.main_card .project_details h4{
    font-size:16px;
    font-weight:500;
}
.main_card  p{
    margin-bottom:5px;
    font-size: 18px;
}
/* 
.office_main_box{
    border:1px solid #C4C4C4;
    border-radius:5px;
    padding:0;
    height: 100%;
} */
.office_main_box .box_heading{
    color: #fff;
    margin-bottom:5px;
    padding:7px 15px;
    background-color: #887549;
  display: block;
    font-size:16px;
    font-weight:600
}
.office_main_box .box_miniheading{


    color:#6b7280;
    font-size:14px;
    font-weight: 500;
    margin-bottom:2px;


}
.office_main_box .office_box_row h5 {
    font-size: 16px;
    font-weight: 500 !important;
    margin-top: 3px;
    margin-bottom:0;
    color: #111827;
}
.office_main_box .tps_heading{
    font-size:24px;
    font-weight:600;
    margin-bottom:10px!important;
    color:#000
}
.office_box_row:last-child{
    border-bottom: 0;
}
.office_box_row{
    margin-bottom:10px;
    margin:0 15px;
    padding:15px 0;
    border-bottom:1px dashed #DBDBDB
}
.category_box div{
    padding:2px 15px;
    border:1px solid #DAC89F;
    border-radius: 6px;;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}















.main_card .name_row{
    display: flex;
    align-items: center; 
    background-color: #fff;
    padding: 15px;
    margin-left: -15px;
}

.main_card .name_row .icon{ 
    background-color: #3D441F4D;
    border-radius: 50%;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 25px;
}
.main_card .name_row p{

    font-size: 18px;
    color: #212322b8;
    font-weight: 400;
    margin-bottom: 0;
}
.main_card .name_row p span{
    font-size:14px; 
    font-weight:500;
    display: inline-block;
}

.main_card .project_name{
    padding-bottom: 4px;
    color: #212322;
    font-size: 18px;
    padding-left:20px;
    font-weight: 600;
    margin-top: 14px;
    position: relative;
}

.main_card .project_name::after{
    content: "";
    position: absolute;
    left: 0;
    top: 38%;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: #000;
}
 
.main_card .list_view{
    width:100%;
}
.main_card textarea{
   /* resize: none; */
   color:#887549;
   font-size:16px;
   margin-bottom:5px;
}
.main_card .list_box .edit_icon{
    margin-right: 15px;
    height: 27px;
    width: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    background-color: #887549;
    border-radius: 50%;
    margin-top:3px
}

.main_card .status_box .incomplete_text ,.main_card .hod_box .hod_text{
    padding-bottom: 10px;
    color: #212322;
    font-size: 18px; 
    font-weight: 600;
    margin-top: 50px; 
}

.main_card .status_box .status_btn{
    padding:7px 25px;
    border-radius:5px;
    border:0;
    font-size:16px;
    color:#000;
    margin-bottom:25px;
    background-color: transparent;
}

.team_table .status_btn.completed{
    color: #065f46;
    border: 1px solid #a7f3d0;
    background-color: #d1fae5;

}
.team_table .status_btn.pending{
    color: #92400e;
    border: 1px solid #fde68a;
    background-color: #fef3c7;
} 

.main_card .status_box .complete_day{
    font-size:18px;
    margin-bottom:15px;
    font-weight:500
}
.main_card .status_box .complete_day.green_text{
    color:#55C66F;
}
.main_card .status_box .complete_day.red_text{
    color:#F55757
}
.due_date_text{
    color:#212322;
    font-size:18px;
}


.main_card .status_box .status_btn.red{
    background-color: #f7e5e5;
    color:#D30909;
    text-transform: capitalize;
}
.main_card .status_box .status_btn.green{
    background-color: #eef9f0;
    color:#55C66F;
    text-transform: capitalize;
}
.main_card .status_box .status_btn.cyan{
    background-color: #00FFFF;
    text-transform: capitalize;
}
.main_card .status_box .status_btn.yellow{
    background-color: #fdfaec;
    color: #EDCA45;
    text-transform: capitalize;
}
.main_card .hod_box .hod_text{
    text-align:right    ;
}

.main_card .remark_box{
    padding:15px;
    border-radius:5px;
    border:1px solid #DAC89F;
}

.main_card .private_comment{
    display:flex;
    align-items:center;
    margin-bottom: 10px;    
}

.main_card .hod_name_row{
    display:flex;  
    padding-right: 20px;
}
.main_card .admin_name{
    
    font-size: 16px;
    color: #000000;
    padding-right: 20px;
    margin: 0 10px 0 15px;
    font-weight: 500;
}
.main_card .hod_name_row .icon{
    margin-right:7px;
}
.main_card .hod_name_row .hod_name{
    font-size:16px;
    color:#000000;
    padding-right: 20px; 
    margin-bottom: 0;
    font-weight:500

}

.main_card .comment_text{
    font-size:16px;
    font-weight:500;
    margin-bottom:10px!important;
    margin-top:7px!important;
    color:#212322;
    text-align: left;
}
.admin_card_text{
    text-align: right;
    color:#212322;
    font-size:14px;
    margin-bottom:20px;
}
.main_card .date{
    color:#212322;
    font-size:14px;
    font-weight:400;
}
.main_card .reply_box {
    display: flex;
    align-items:center; 
}
.main_card .reply_box .reply_input{

    border-radius: 8px;
    border: 1px solid #DAC89F;
    padding: 10px 15px;
    width: 100%;
    color: #212322;
    font-size: 16px;
}
.main_card .reply_box .reply_input::placeholder{
    color:#C1C1C1
}

.main_card .hod_box .status_btn{
padding:15px 35px;
border-radius:5px;
border:0;
font-size:16px;
color:#000;
margin-bottom:25px;
background: transparent;

}

.main_card .hod_box .status_btn.red{
    background-color: #f7e5e5;
    color:#D30909;
    text-transform: capitalize;
}
.main_card .hod_box .status_btn.green{
    background-color: #eef9f0;
    color:#55C66F;
    text-transform: capitalize;
}
.main_card .hod_box .status_btn.cyan{
    background-color: #00FFFF;
    text-transform: capitalize;
    color: white;
}
.main_card .hod_box .status_btn.yellow{
    background-color: #fdfaec;
    color: #EDCA45;
    text-transform: capitalize;
}

.main_card .border_bottom{
    border-bottom: 1px solid #DAC89F;
    background: #fff;
    padding-bottom :15px;
}
.main_card .border_bottom:last-child{
    border-bottom:0
}

.hod_box .counter_box .counter_show{
    display: inline-block;
    margin:0 20px;
    color:#fff;
    font-weight:500;
    font-size:18px;
    position: relative;
    z-index:1;
}
.hod_box .counter_box .counter_show::after{

        content: "";
        position: absolute;
        left: -14px;
        right: 0;
        top: -14px;
        bottom: 0px;
        width: 30px;
        height: 34px;
        border-bottom: solid 25px #FF3131;
        border-left: solid 22px transparent;
        border-right: solid 16px transparent;
        Z-INDEX: -1;
}
.counter_show{
    background-color: #F55757;
    color: white;
    padding: 6px 20px;
    border-radius: 6px;
    font-size: 16px;
}

.hod_box  .reminder_text{
    color:#212322;
    font-weight:500;
    padding-right:15px;
    display:inline-block;
}
.hod_box  .action_btn{
    font-size:22px;
    font-weight:500;
}
.main_card .status_box .status_btn{
padding:10px 35px;
border-radius:5px;
border:0;
font-size:16px;
color:#fff;
margin-bottom:25px;
}

.diposit_table{
    border:0
}
.diposit_table thead th{ 
    background-color: var(--shadow-yellow);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
}

.diposit_table.table.datatable thead :first-child {
    border-radius: 12px 0 0 0;
}

.diposit_table.table.datatable thead :last-child {
    border-radius: 0 12px 0 0;
}

.diposit_table tbody {
    border: 1px solid #00000052;
}


.diposite_row{
    padding: 20px 0;
}

.diposite_row .diposite_box{
    padding:7px 15px;
    border-radius:6px;
    border:1px solid #DAC89F; 
}

.diposite_row .diposite_box h6{
    font-size: 18px;
    font-weight: 600;
    color:#212322;

}
.diposite_row .diposite_box p{
    margin-bottom: 0;
    color:#212322;
    font-size:16px;
    font-weight: 500;
}
/* 
.team_table.table.datatable thead th{
    background-color: var(--shadow-yellow);
    color:#FFFFFF;
    font-size:16px;
    font-weight: 500;
} */

.team_table.table.datatable thead :first-child{
    border-radius: 12px 0 0 0 ;
}
 
.team_table table td, .team_table td , .datatable td{ 
    color: var(--primarycolor); 
    border-bottom: 1px solid #4b55633b !important;
    padding: 4px 10px;
}

.team_table table tbody td{
    border:0;
    font-size: 14px;
}
table .social_icon{
    width: 24px;
}

.team_table .status_btn{ 
    padding: 2px 10px;
    border-radius: 18px;
    font-size: 12px;
}

.team_table .status_btn.active{
    color:#55C56F;
    border:1px solid #55C56F;
    background-color: #55C56F1A;
}
.team_table .status_btn.inactive{
    
    color:#F25656;
    border:1px solid #F25656;
    background-color: #F256561A;
}
  


.main-ward-box{
    border:1px solid #DAC89F;
    border-radius: 15px;
    overflow: hidden;
}

.card_row{
    background-color: #887549;
    padding:5px 15px;
}


.main-ward-box .ward_title{
    color:#fff;
    font-weight:600;
    margin-bottom:0;
    text-decoration: underline; 

}


.main-ward-box .ward_title span{
    font-weight: 500;
    display: inline-block;
    padding-left:10px;
    text-decoration: none;
}

.heading_title{
    font-size:16px;
    color:#fff;
    margin-bottom:0;
    text-align: center;
}


.card_info{
    font-size:16px;
    font-weight: 500;
    color:#212322;   
}



.card_info span{
    color:#212322;
    font-weight: 400    ;
}

.main-ward-box .card_box{
    padding:15px
}

.card_info:first-child{
    margin-bottom:7px;
}

.card_info:last-child{
    margin-bottom: 0;
}

.dashboard_first_box .card{
    padding:15px;
}


.dashboard_first_box .card .percentage_text{
    font-size:22px;
    font-weight:600;;
    margin-bottom:10px;
    color:#212322 ;
}
.dashboard_first_box .card .number_text{
    font-size:24px;
    font-weight:500;;
    margin-bottom:2px;
    color:#212322 ;
}
.dashboard_first_box .card .task_text{
    font-size:22px;
    font-weight:600;;
    margin-bottom:2px;
    color:#212322 ;
}
.dashboard_first_box .card .progress_text{
    font-size:16px;
    font-weight:400;;
    margin-bottom:10px;
    color:#212322 ;
}

.dashboard_first_box .large_text{
    font-size:32px;
    font-weight:600;;
    margin-bottom:2px;
    color:#212322 ;
}


.expense_table{
    border:1px solid #DAC89F;
    border-radius:6px;
}


.expense_table thead th{
    background-color: #887549;
    color:#fff;
    font-size:16px;
    font-weight:600;
    padding:7px 15px
}

.expense_table thead th:first-child{
    border-radius: 6px 0 0 0;
}
.expense_table thead th:last-child{
    border-radius: 0 6px 0 0 ;

}


.expense_table  .pending{
    background-color: #EDCA4526;
    padding:7px 10px;
    border-radius:8px;
    color:#EDCA45;
}

.expense_table  .approved{
    background-color: #55C66F26 ;
    padding:7px 10px;
    border-radius:8px;
    color:#55C66F;
}


.table_amount_box{
    padding:7px 15px;
    font-size:16px;
    color:#212322;
    margin-bottom:0;
    border:1px solid #DAC89F;
    border-radius:6px;;
    font-weight:600;
    display: inline-block;
}

.table_amount_box span{
    font-weight:500;
}

.project_main_box{
    border:1px solid rgba(218, 200, 159, 1);
    border-radius:6px;
    /* overflow:hidden; */
}

.project_main_box .project_header{
 background-color: rgba(136, 117, 73, 1);
 padding:5px 15px;
 border-radius: 6px 6px 0 0;
}
.project_main_box .edit_dropdown .dropdown-menu{
    width: 150px!important;
    min-width: 150px!important;
    max-width: 150px!important;
    top:-20px;
    left: -50px !important;
}

.project_main_box .project_header p{
    font-size:16px;
    color:#fff;
    margin-bottom:0;
}

.project_main_box .project_header p .header_a_text{
    padding: 2px 10px;
    border-radius: 16px;
    color: #887549;
    background-color: #fff;
    font-weight: 500;
} 

.project_main_box .project_header .detail_href{
    text-decoration: underline!important;
}

.project_main_box .project_body{
    padding:20px 15px
}

.project_main_box .project_body .category_text{
    font-size:18px;
    font-weight:600;
    color:#212322;
    margin-bottom:15px;
}

.project_main_box .project_body .type_text{
    color:#3D441F;
    font-size:18px;
    font-weight:600; 
    margin-bottom:0;
    margin-top:15px;
}
.project_main_box .project_body .date_box{
    height:100%;
    display:flex;
    align-items:end;
    justify-content:center;
}
.project_main_box .project_body .date_box p{
    padding:7px 30px;
    border:1px solid #DAC89F;
    font-size:18px;
    font-weight:500;
    color:#212322;
    border-radius:4px;
    margin-bottom: 0;
}
.project_main_box .project_body .hod_box{
    display:flex;
    justify-content:end;
}
.project_main_box .project_body .hod_img{
    height:50px;
    width:50px;
    overflow: hidden;
    border-radius:50%;
    border:1px solid #DAC89F;
    background-color: #efefef;
}

.project_main_box .site_text{
    color:#212322;
    font-weight: 600;
    ;
}

.project_main_box  .inner_date_box p{
    border:1px solid #DAC89F;
    display: inline-block;
    padding:7px 20px;
    border-radius: 6px;
}

.project_main_box .project_body .hod_box .hod_img{
    
    margin-left: -15px;
}

.project_main_box .detail_href{
    color:#fff
}

.project_main_box .ongoing_text{
    font-size:18px;
    font-weight: 600;
    color: #887549;
    text-align: right;
    margin-bottom: 30px;
}
.profile_box{
    height:30px;
    width:30px;
    border-radius:50%;
    overflow: hidden;
    border:1px solid #DAC89F; 
    display:inline-block;
}

.profile_box img{
    width:100%;
}
.red_green_card .card_btn{
    padding:10px 30px;
    border-radius:6px;
    font-size:16px;
    font-weight:500;
    border:0
}

.red_green_card .card_btn.green{
    color:#55C66F;
    background-color: #55C66F1A;
}
.red_green_card .card_btn.red{
    background-color: #f7e5e5;
    color: #D30909;
}


.radio_box{
    padding:10px 50px;
    border:1px solid #887549;
    display: flex;
    justify-content: space-around;
    border-radius:6px;
}

.card-body .card_header{
    padding:12px 20px;
    border-bottom: 1px solid #88754999;
}

.card-body .card_header span{
    display: inline-block;
    height:35px;
    width: 35px;
    display:flex;
    align-items:center;
    justify-content: center;
    border-radius:6px;
    background-color: var(--shadow-yellow);
    font-size:18px;
    font-weight: 600;
    color:#fff;
}
.building_card button{
    border-radius:16px;
    font-weight: 500;
    color:#887549CC;
    background-color: transparent;
    border:0;
    margin:0 15px;
    padding:7px 15px;
}
.building_card button.active{
    background-color: #F4F0E4;
    font-weight: 600;
    color:#887549
}
.file__process-list .active{
    font-weight: 600;
    color:#887549
}
.main_card_body{
    padding:10px 25px;
}
.main_card_body .key{
    color:#212322;
    font-size:16px;
    font-weight:500;
    margin-bottom: 0;
    margin-right:15px;
    display: inline-block;
}

.main_card_body .value{
    color:#21232299;
    font-size:16px;
    font-weight:400;
    margin-bottom: 0;
}

.card-body .high_rise_inner_card{
    border:2px solid #DAC89F;
    border-radius: 12px;
    margin-bottom: 15px;
}
.main_task_row{
    padding:5px 0;
    border-bottom:1px solid #222222;
}


.todos_section{
    margin:0 0 30px 0;
    padding:20px;
    border-radius: 8px;;
    background-color: #fff;
}

.todos_section .title_heading h4{
    font-size:24px;
    font-weight:600;
    color:#212322;
}
.main_nav_link{
    display:flex;
    align-items: center;
} 
.main-tabs .tab-link:hover {
    background-color: #dadbdd;
    color: #4b5563;
}
.content__wrapper .tab_box a span{
    padding:8px 10px;
    border-radius:6px;
    display: block!important;
}
.content__wrapper .nav-pills .nav-item:not(:last-child) {
    margin-right: 0;
}
.content__wrapper .nav-pills .nav-link.active,.content__wrapper .nav-pills .show>.nav-link{
    background-color: #3D441F;  
}
.content__wrapper .nav-pills .nav-link.active .project_status, .content__wrapper .nav-pills .nav-link.active .project_counter{
    color:#fff; 
}
.content__wrapper .tab_box .project_status{
    font-size:16px;
    font-weight: 600;
    color:#212322;
    display: inline-block; 
    text-wrap: nowrap;
}
.card .main_nav_link {
    overflow: auto;
    flex-wrap: nowrap;
}

.content__wrapper .tab_box.all_files a{
    background-color:var(--shadow-yellow);
    color: #fff;
} 
.content__wrapper .tab_box.all_files a span{
    color: #fff!important;
    background-color: #ffffff33;
}
.pending.tab_box a{
    border-top:5px solid #F55757;
}
.all_task.tab_box a{ 
    border-top:5px solid #3D441F;

}
.completed.tab_box a{
    border-top:5px solid #55C66F;
}
.in_progess.tab_box a{
    border-top:5px solid #D69414;
}
.main_status_body .accordion-item{
    border-color:#C3CCDD
} 
.status_btn {
    padding: 8px 35px;
    border-radius: 5px;
    border: 0;
    font-size: 16px; 
    margin-bottom: 0;
    text-wrap:nowrap; 
    display: inline-block;
}
.vendor_name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2px;
    color: #212121;
}
.vendor_img img{
    width: 16px;
}
.eye-icon{ 
    position: absolute;
    right: 12px;
    top: 40%;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: 20px;
    margin: auto;
}
.activity_list{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.update-text{
    color: #6b7280;
    font-size: 16px;
    font-weight: 500;
}
.activity_list .activity-text{
    color: #111827;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 2px;
}
.activity_list .activity-text span{
    font-weight: 600;
}
.activity_list  .small-text{
    color:#6b7280;
    font-size: 12px;
    margin-bottom: 0;
}
.phone_name{
    font-size:14px;
    font-weight: 500;
    color: #6f6f6f;
    margin-bottom: 0;
}
.status_text_btn{
    font-size: 12px;
    font-weight: 500;
    position: relative;
    padding: 3px 10px;
    border-radius:12px;
}
.status_text_btn.approved{
    color:#00796B;
    border:1px solid #bbf7d0;
    background-color: #f0fdf4;
}
.status_text_btn.rejected{
    color: #FF5275;
    border: 1px solid #ff527554;
    background-color: #ff527521;
}
.status_text_btn.pending{
    color:#854d0e;
    background-color: #fef9c3;
    border:1px solid #fef08a
}
.material-card {
    background: #ffffff;
    border: 1px solid #e6e9ef;
    border-radius: 12px;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    position: relative;
    transition: all 0.5s ease;
}
.material-card  .card-image{
    overflow: hidden;
}
.material-card:hover img{
    transform: scale(1.2);
}
.material-card img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
    transition: all 0.5s ease;
}
.material-card  .card-body{
    padding: 15px;
}
.material-card .card-title {
    font-weight: 700;
    color: #111827;
    margin: 0;
    font-size: 16px;
}
.material-card  .card-subtitle {
    color: #6b7280;
    font-size: 13px;
    margin-top: 4px;
}
.material-card  .card-meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.material-card  .card-meta span{
    font-size: 14px;
    color: #374151;    
    font-weight: 500;
}
.material-card  .card-meta strong{
    font-weight: 600;
    font-size: 14px;
    color: var(--shadow-yellow);
}
.material-card  .card-badge {
    position: absolute;
    top: 12px;
    right: 12px; 
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 4px;
    font-weight: 500;
}
.card-badge.approved{
    background: #dff6df;
    color: #236d3b;
}
.card-badge.proposed{
    background: #f6e8a9;
    color: #8a6d1d;
} 
.card-badge.rejected{
    color: #991b1b;
    background-color: #fee2e2;
}

/* .status_text_btn::after{
    content:"";
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    left: 0;
    top: 0;  
    bottom: 0;
    margin: auto;
}
.status_text_btn.approved::after{
    background-color:#00796B;
}
.status_text_btn.rejected::after{
    background-color:#FF5275
}
.status_text_btn.pending::after{
    background-color:#FFAA2C
} */


.due_date_text{
    text-wrap:nowrap;
    margin-bottom:0
}
.status_btn.green{
    background-color: #55C66F;
    color: #FFFFFF;
    text-transform: capitalize;
}
.status_btn.red{ 
    background-color: #F55757;
    color: #FFFFFF;
    text-transform: capitalize;
}
.status_btn.cyan{
    background-color: #00FFFF;
    text-transform: capitalize;
    color: white;
}
.status_btn.yellow{
    background-color: #F0CD48;
    text-transform: capitalize;
    color: white;
}
.status_btn.Pending{
    background-color: #F55757;
    text-transform: capitalize;
    color: white;
}
.status_btn.Completed{
    background-color: #DCFBE3;
    text-transform: capitalize;
    color: #212322;
}
.status_btn.In_Progress{
    background-color: #F7EAD0;
    text-transform: capitalize;
    color: #212322;
}
.accordion-header .normal_text{
    color:#212322;
    font-size:14px;
    font-weight:500;
}
/* .main_status_body .accordion-item  */

.content__wrapper .tab_box .project_counter{
    color:#212322;
    font-size:18px;
    font-weight: 600;
    display: inline-block;
}

.right_todos_part select{
    padding:8px 25px;
    border-radius:6px;
    color:#212322;
    background-color: #F3F3F3;
    border:0;
}

.accordion-body{
    background-color: #F8F5ED;
} 
select.form-control:focus{ 
    border-radius: 6px;
    color: #212322;
    background-color: #F3F3F3;
    border: 0;
}
 
.form-group .form-control:focus, .form-control:focus{
    border:1px solid  #3d441f!important
}
.select_btn.blue_btn{
    background-color: #887549 !important;
    color:#fff!important
}
.select_btn.blue_btn option{
    background-color: #fff!important;
    color:#212121!important
}
.select_btn{
    padding: 7px 15px;
    border-radius: 4px;
    border: 1px solid #657488;
    color: #212121;
    font-size: 16px;
}
.css-13cymwt-control{
    
    padding: 0 25px;
    border-radius: 6px;
    color: #212322;
    background-color: #F3F3F3;
    border: 0;
}
.outline-btn{
    border:1px solid #887549;
    padding: 7px 25px;
    font-size: 14px;
    border-radius: 6px;
    color: #887549;
    background-color: transparent;
}
.heading_row{
    border-bottom:2px solid #C3CCDD;
    margin-bottom: 15px;;
}
.heading_row p{
    font-size:14px;
    font-weight:600;
    padding:10px 0;
    margin-bottom:0;
}
.zed__table .accordion-header.Pending button{
    background-color: #F5575733;
}
.zed__table{
    padding: 0;
}
.card_inner_mini_heading{
    color:#6D654E;
    font-weight:500;
    font-size:14px;;
}

.Pending.status_btn ,  .Completed.status_btn , .In_Progress.status_btn{
    position: relative;
} 
.Pending.status_btn::after{
    content:"";
    position: absolute;
    left: 15px;
    top: 33%;
    bottom: 0;
    margin: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #FFD5D5;
}
.Completed.status_btn::after{
    content:"";
    position: absolute;
    left: 15px;
    top: 33%;
    bottom: 0;
    margin: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #55C66F;
}
.In_Progress.status_btn::after{
    content:"";
    position: absolute;
    left: 15px;
    top: 33%;
    bottom: 0;
    margin: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #D69414;
}
.hod_name_row {
    display: flex;
    align-items:center;

}
.remark_box{
    border:1px solid #C3CCDD!important;
    height:95%;
    border-radius: 8px;
}
.task_line_text{
    font-size:16px;
    margin-bottom:2px;
    color:#6D654E;
    font-weight:500;
    position: relative;
    padding-left: 20px;;
}
.task_line_text::after{
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #887549;
}
.task_line_text span{
    color:#F55757
}
.todos_sidebar_div .modal-dialog{
    margin-right:0!important;
    margin-left:auto
}
.todos_sidebar_div .modal-header {
    padding:10px 20px;
}
.todos_sidebar_div .modal-header .modal-title{
    font-size:20px;
    font-weight: 600;
}
.todos_sidebar_div .project_name{
    
    font-size: 16px;
    font-weight: 600;
    color: #212322;
    margin-bottom:10px
}
.todos_sidebar_div .start_date{
    padding: 10px 0;
    display: block;
    border-top: 1px solid #2123224D;
    border-bottom: 1px solid #2123224D;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
}
.todos_sidebar_div .start_date::after{
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #887549;
    top: 18px;
    left: 0;
}
.todos_sidebar_div .line_row .key{
    color:#212322;
    font-size:14px;
    font-weight:400;
    margin-bottom: 0;
    width:30%
}

.todos_sidebar_div .line_row{
    margin-bottom:20px;
}

.todos_sidebar_div .line_row .value{
    width:70%;
    color:#212322;
    font-size:16px;
    font-weight:500;
    margin-bottom: 0;
}

.todos_sidebar_div .action_btn{
    display:inline-block;
    padding:0 15px;
}

.status_btn_select{
 
    background-color: #F55757 !important;
    color: #FFFFFF !important;
    text-transform: capitalize !important;
    padding: 8px 15px !important;
    border-radius: 5px !important;
    border: 0 !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    text-wrap: nowrap !important;
    display: inline-block !important;
    width: 100px !important;

}


.todos_sidebar_div  .remark_box{
    padding:7px 10px;
}
.todos_sidebar_div .main_chat_view_box {
    margin-top:30px;
}
.todos_sidebar_div .main_chat_view_box .profile_img{
    height: 40px;
    width:40px;
    min-width:40px;
    min-height:40px;
    border-radius: 50%;
    overflow: hidden;
}
.todos_sidebar_div .main_chat_view_box .profile_img img{
    width:100%;
}

.todos_sidebar_div .main_chat_view_box .hod_text{
    color:#212322;
    font-weight:600;
    font-size:18px;
    margin-bottom: 0;
}
.todos_sidebar_div .main_chat_view_box  .date_text{
    color:#212322;
    opacity:0.7;
    display:inline-block;
    padding-left: 15px;
    margin-bottom:0
}
.todos_sidebar_div .main_chat_view_box .chat_msg_text{
    color:#212322;
    margin-bottom:0;
    font-weight:400;
}

.hod_img {
    height:35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
}
.hod_img {
    margin-left:-8px;;
}
.hod_img:first-child{
    margin-left:0!important
}
.card .main_nav_link{
    padding-bottom: 10px;
}
.profile_img{
    height:35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
}
.todo_header button{
    display:block!important;
    background-color: #F8F5ED !important;
}
.outline-extra-btn {
    color:#887549;
    font-size:14px;
    border:1px solid #887549;
    padding:7px 15px;
    background: transparent;
    border-radius: 6px;
}
.addtodo .accordion-button::after{
    display: inline-block;
    position: absolute;
    right: 15px;;
    top: 50%;
}
.addtodo .danger_btn{
    border:0;
    padding-top:25px
}
.submit_btn{
    color:#fff;
    font-size:14px;
    border:1px solid #887549;
    background-color: #887549;
    padding:8px 20px;  
    border-radius: 16px;
    margin-right:20px;
}
.back_btn{
    color:#887549;
    font-size:14px;
    border:1px solid #887549;
    padding:8px 20px;
    background: transparent;
    border-radius: 16px;
}
.pv_main_card{
    background-color: #F3F3F3;
    border-radius: 8px;
}
 .pv_main_card_header{
    padding:0 0 15px 0; 
    background-color: #fff;
}
 .pv_main_card_header p{
    color:#212529;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}
.pv_main_card .pv_main_card_body{
    background-color: #F3F3F3;
    padding:5px 15px;
}
.pv_main_card .pv_main_card_body .input_box input{
    border:1px solid #C3CCDD;
    background-color: #fff;
    width:100%
}
.CircularProgressbar{
    width:50% !important
}
.duedate_text{
    font-size: 12px;
}
.main_card_meeting{
    border:1px solid #efefef;
    background-color: #fff;
    padding:10px;
    border-radius: 12px;
    margin-bottom:15px;
}
.meeting-btn{
    margin-left: 10px;
    padding:7px 20px; 
    background-color: #121212;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color:#fff
}
.meeting-date-group{
    background-color: #F8FAFC;
    margin-bottom: 15px;
}
.group-date{
    padding:10px 0; 
    color:#151515;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.checkintime{
    color:#00796B!important
}
.breaktime{
    color:#FF7F74!important
}
.checkouttime{
    color:#FF5275!important
}
.meeting-date-group .meeting-list{
    border:1px solid #E9EEF2;
    padding:15px 20px;
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
}
.meeting-date-group .meeting-list .right_menu_icons .status_text{
    padding:5px 15px;
    border-radius: 6px;
    font-size: 14px;;
    font-weight: 500;
}
.meeting-date-group .meeting-list .right_menu_icons .status_text.approved{
    color:#00796B;
    background-color: #00796B1A;
}
.meeting-date-group .meeting-list .right_menu_icons .status_text.rejected{
    color:#F43A4D;
    background-color: #F43A4D1A;
}
.half_fulltime{    
    color: #505050;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
}
.half_fulltime::after{
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin: auto;
}
.half_fulltime.present::after{
    background-color: #00796B;
}
.half_fulltime.halfday::after{
    background-color: #FF9800;
}
.half_fulltime.absent::after{
    background-color: #F43A4D;
} 
table .stage_card .stage_id{
    color: #9ca3af;
    font-size: 12px;

}
table .stage_card .title-text{
    color: #062b31;
    font-size: 18px;
    font-weight: 600;
    display: block;
} 
table .img-box-row{
    display: flex;
    align-items: center;
}
table .img-box-row .img_box{
    margin-left: -10px;
    border: 2px solid #fff;
}
.total-category-count{
    color: #6b7280;
    font-size: 12px;
    font-weight: 600;
    border:1px solid #e5e7eb; 
    padding: 3px 7px;
}
.main_card_body_part .meeting-list .main_img_row{
    padding-bottom:15px;
    border-bottom:1px solid #E5E5E5;
    display: flex;
    align-items: center;}
.main_card_body_part .meeting-list .main_img_row .img_box{
    height: 32px;
    width:32px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #efefef;
}
.main_card_body_part .meeting-list  .meeting_content_row{
    padding-top:15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_card_body_part .meeting-list  .meeting_content_row .role{
    color:#121212;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 600;
}
 
.main_card_body_part .meeting-list  .meeting_content_row .view_btn{
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 0;
    background-color: #CBAD67;
    transform: rotate(-32deg);
    color: #fff;
    font-size: 22px;
}
.grey_bg{
    background-color: #F8FAFC;
    border-radius: 8px;
    border:1px solid #E9EEF2;
}
.main_team_box{
    padding:15px;
}
.main_team_box .team_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
    ;
}

.main_team_box .date_text{
    font-weight: 600;
    color:#121212;
    margin:0
}
.main_team_box .team_box_part{
    padding-top: 15px;;
}
.main_team_box .team_box_part .role{
    color:#121212;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 600;
}
.main_team_box .team_box_part .facility_name{
    color:#7C7C7C;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
}
.main_team_box .team_box_part .facility_name span{
    color:#505050
}
.main_team_box .team_box_part .view_text{
    color:#121212;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}
 .tasks_box h3{
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 600;
    color:#887549;
}
 .tasks_box p{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    color:#00000066;
}
.grey_bg.tasks_box{
    padding:15px 20px;
}
.chart_main_box{
    padding:15px;
    height:100%
}
.chart_main_box .main_card_title p{
    color:#212322;
    font-size: 22px;
    font-weight: 500;
}
.chart_main_box .thumb_icon{
    padding: 2px;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
}
.main_task_text{
    color:#656565;
    font-size: 18px;
    font-weight: 600;
    margin:0 5px;
    display: inline-block;
}
.clarity_box{
    padding:10px 0;
    text-align:center;
    background: #65748829;
    font-size: 16px;
    color:#657488;
    margin:15px 0
}
/* .thumb_icon.thumb_down_red{
    background-color: #FF5275;
}
.thumb_icon.thumb_up_grey{
    background-color: #10A53A;
} */
.chart_main_box .thumb_icon svg {
    width: 100%;
}
.participent_header  .content p{
    font-size: 16px;
    font-weight: 500;
    color: #0C0C0C;
    margin-bottom: 5px;
}
.participent_header {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom:1px dashed #DBDBDB
}
.participent_row .participate_detail_box{
    padding:15px;
    height: 100%;
}
.main_card_meeting{
    background-color: #FFFFFF;
    padding:15px;
}
.main_card_meeting .main_card_heading{
    padding-bottom: 10px;
    border-bottom:1px dashed #DBDBDB;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_card_meeting .main_card_heading .main_icon_box{
    display: flex;
    align-items: center;   
    justify-content: space-between;
    width:100%;
}
.main_card_meeting .main_card_heading .main_icon_box .img_box{
    height: 45px;
    width:45px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #efefef;
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name{
    padding-left: 10px;
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name .usename{
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    color:#0C0C0C;
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name .breakdown_row{
    display: flex;
    align-items: center;
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name .breakdown_row span{
    display: inline-block;
    margin-right: 7px;  
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name .breakdown_row .thumb_icon{
    padding:5px;
    height: 20px;
    width: 20px; 
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #90909A29;
    color:#90909A;
    font-size: 12px;
}
.main_card_meeting .main_card_heading .main_icon_box .role_and_name .name{
    color:#90909A;
    font-size: 16px;;
}
.checkmark_icon{
    color:#6D7B923D;
    margin-right:10px;
    padding-left:10px;
    border-left:1px solid #0000001F;
}
.edit_view{
    height: 40px;
    width: 40px; 
    overflow: hidden;
    border-radius: 50%;
    font-size: 20px;
    border:0
}
.edit_view.edit_btn{
    background-color: #F7F7F8;
    border-radius: 50%;
    color:#0C0C0C;
}
.table td{
    vertical-align: middle;
}
.edit_view.delete_btn{
    background-color: #CBAD67;
    border-radius: 50%;
    color:#fff;
    transform: rotate(-35deg);
}  
.tp_title{
    padding-bottom: 10px;
} 
.main_card_meeting .main_meeting_card_body .inner_hightlight_heading{
    color:#121212;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 16px;
}
.main_card_meeting .main_meeting_card_body .normal_text{
    color:#656565;
    font-size: 14px;
    font-weight: 500;
}
.main_card_meeting .main_meeting_card_body .input_box{
    display: flex;
    margin-bottom: 2px;
}
.main_card_meeting .main_meeting_card_body .input_box label{
    padding-left: 7px;
    margin-bottom: 0;
}
.main_card_meeting .main_meeting_card_body  .work_row{
    padding-bottom: 10px;
    margin: bottom 10px;
    border-bottom: 1px dashed #DBDBDB;
}
.work_highlights{
    padding-top:10px;
} 
.right_border{
    border-right:1px dashed #DBDBDB
}
.grey_bg .gery_bg_heading{
    font-size: 18px;
    font-weight:500;
    color:#121212;
    margin:0;
}
.grey_bg .team_body{
    padding:15px 0 0;
}
.grey_bg .team_body .personal_row{
    margin:0;
}
.grey_bg .team_body .personal_row .key{
    font-size: 16px;
    font-weight: 500;
    color:#7C7C7C;
}
.grey_bg .team_body .personal_row .value{
    font-size: 16px;
    font-weight: 600;
    color:#505050
}
.grey_bg .team_body .row .col-lg-6{
    margin:10px 0
}
.grey_bg .team_body .row .col-lg-6:first-child{
    border-right:1px solid #0000001F
}
.grey_bg .performance_btn{
    border:1px solid #E6EAEF;
    background-color: transparent;
    color:#212322;
    font-weight: 500;
    border-radius:6px;
}
.grey_bg .performance_btn{
    border:1px solid #E6EAEF;
    background-color: transparent;
    color:#212322;
    font-weight: 500;
    border-radius:6px;
    margin-right: 10px;
}
.grey_bg .performance_btn.btn-primary{
    background-color: var(--shadow-yellow);
    color:#fff
}
.grey_bg .performance_btn.btn-primary:not(:disabled):not(.disabled).active, .grey_bg .performance_btn.btn-primary:not(:disabled):not(.disabled):active, .grey_bg .performance_btn.show>.btn-primary.dropdown-toggle{
    background-color: var(--shadow-yellow);
    color:#fff
}
.img_box{
    height:35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
}
.img_box img{
    max-width: 100%;
}   

.add_field_btn{
    padding:8px 20px;
    font-weight: 500;
    font-size: 16px;
    border-radius: 6px;
    color:#fff;
    background-color: var(--shadow-yellow);
    border:0;
}
.team_select{
    width: 300px;
}
select.form-control{
    appearance: auto!important;
}
.delete_icon {
    background-color: transparent;
}
.unique_radio .dummy_input{
    position: absolute;


}
.unique_radio .input{
    display: none;
}
.unique_radio .name{
    padding: 7px 15px 7px 40px;
    display: inline-block;
    background: transparent;
    border: 2px solid #E6EAEF;
    border-radius: 6px;
    position: relative;
}
.unique_radio .name::before{
    content: "";
    position: absolute;
    left: 7px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 18px;
    width: 18px; 
    border: 2px solid #6D7B92;
    border-radius: 50%;
}
.unique_radio .name::after{
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 8px;
    width: 8px; 
    background-color: #6D7B92;
    border-radius: 50%;
}
.unique_radio input:checked + .name{
    background-color: var(--shadow-yellow);
    border: 2px solid var(--shadow-yellow); 
    color:#fff
}


.unique_radio input:checked + .name::before{
    border: 2px solid #fff;
}

.unique_radio input:checked + .name::after{
    background-color:  #fff; 
}
.unique_radio   input{
    display: none;
}

.save_btn{
    padding:7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: var(--shadow-yellow)!important;
    color:#fff;
    border:2px solid var(--shadow-yellow)
}
.cancel_btn{

    padding:7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: transparent;
    color:#030B16;
    border:2px solid #E6EAEF
}

.counter_round{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: red;
    display: flex
;
    justify-content: center;
    align-items: center;
    color: wheat;
}
.participate_detail_box{
    background-color: #3F51B51F;
    border-radius: 14px;
}
.participate_detail_today_box{
    background-color: #E91E631F;
    border-radius: 14px;
    padding:15px;
    height: 100%;
}

.main_highlight_box{
    background-color: #00796B1F;
    border-radius: 14px;
}
.main_highlight_focus_box{
    background-color: #FF98001F;
    border-radius: 14px;
}
.main_highlight_box , .main_highlight_focus_box , .participate_detail_box , .work_highlights{
    border-radius: 14px;
    padding:15px;
    height: 100%;
}
.common_detail_box .task_box:first-child{
    padding-bottom: 15px;
}

.common_detail_box h6{
    color:#121212;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.key_box_title{
    color:#121212;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 5px;
} 
.outcome_title{
    font-size: 18px;
    font-weight: 500;
    color: #121212;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    border-bottom:1px dashed #DBDBDB;
}

.participent_row .common_detail_box .task_box{
    padding:15px;
    margin-bottom: 15px;
    border-bottom:1px dashed #DBDBDB;
}
 
.participent_row .common_detail_box .task_box label{
    font-size: 14px;
    font-weight: 500;
    padding-left: 7px;
    display: inline-block;
    color:#656565;
    margin-bottom: 0;
}
.participent_row{
    padding: 10px 10px 25px 10px;
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 12px;
}

/* Thumbs Down */
.thumb_down_red {
    color: red; /* Bright red for negative feedback */
  }
  
  .thumb_down_grey {
    color: #ccc; /* Light grey for neutral state */
  }
  
  /* Thumbs Up */
  .thumb_up_green {
    color: green; /* Green for positive feedback */
  }
  
  .thumb_up_grey {
    color: #ccc; /* Light grey when no tasks are completed */
  }
  
  /* Checkmark */
  .checkmark_blue {
    color: blue; /* Blue for verified */
  }
  
  .checkmark_grey {
    color: #ccc; /* Grey for unverified */
  }
  
  /* Icon Styling */
  .thumb_icon,
  .checkmark_icon {
    font-size: 18px;  /* Adjust icon size */
    margin: 0 5px;    /* Space between icons */
    cursor: pointer;  /* Make them clickable */
  }
  
  .tp_title{
    font-size: 16px;
    font-weight: 600;
    color:var(--shadow-yellow);
    text-align: right;
    margin-bottom: 0;
  }
  .first_parent_tab.nav-pills .nav-link{
    border-bottom:2px solid transparent!important;
    color:#7e7c7c!important;
    border-radius: 0!important;
  } 
  .first_parent_tab.nav-pills .nav-link.active, .first_parent_tab.nav-pills .show>.nav-link{
    background-color: transparent!important;
    border-bottom:2px solid var(--shadow-yellow)!important;
    color:var(--shadow-yellow)!important
  } 
  .main_accordin_button .accordin_button {
    margin-bottom: 15px;
    border-radius: 6px!important;
    border:0;
}
.main_accordin_button .accordin_button .accordion-header button{
    background-color: #d9d9d9;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px!important;
    color: #212322;
}
.status-bar-box .project-statusbar{
    height: 7px;
    width: 100%;
    border-radius: 12px;
    position: relative;
    background-color: #e9ecef;
    overflow: hidden;
}
.status-bar-box{
    width: 300px;
}
.inner-status-bar{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    border-radius: 12px;
    background-color: var(--shadow-yellow);
}
.status-bar-box   .overrall-row{
    font-size: 14px;
    font-weight: 500;
    color: var(--shadow-yellow);
}
.form-check-input{
    border-color:var(--shadow-yellow)!important;
    height: 17px !important;
    width: 17px !important;
}
.form-check-input:checked{
    background-color: var(--shadow-yellow)!important;
}
.main_accordin_button .common_text{
    display: inline-block;
    width:12%; 
    color:#212529
}

.main_accordin_button .accordion-body{
    padding: 0!important;
    background-color: #f3f3f3!important;
}
.main_accordin_button .accordion-body .accordin_body_header{
    padding: 10px 15px;
    background-color: #F8F5ED;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_accordin_button .accordion-body .accordin_body_header span{    
    color: #887549;
    font-size: 18px;
    font-weight: 500;
}
.main_accordin_button .accordion-body .accordin_header h6{
    margin-bottom: 0;
} 
.main_accordin_button .accordion-body .body_row{
    display:flex;
    align-items: center;
    justify-content: space-between; 
    padding: 10px 0;
    border-bottom: 1px solid #887549bf;
}
.main_accordin_button .accordin_main_body{
    padding:15px;
}
.main_accordin_button .main_right_box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.main_accordin_button .main_right_box .delete_main_icon{
    border-left: 2px solid #887549;
    padding-left: 15px;
}
.main_accordin_button .main_right_box img{
    width:20px;
}
.main_accordin_button .main_right_box button{
    border:0;
    background-color: transparent;
}
.main_accordin_button .body_row .form-check-label{
   
    font-size: 16px;
    color: #3d3d3d;
    font-weight: 500;
}
.form_cancel_btn{
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: transparent;
    color: #887549;
    border: 1px solid #887549;
}

.form_print_btn{
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: transparent;
    color: #887549;
    border: 1px solid #887549;
}
.form_save_btn{
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    background-color: #887549;
    color: #fff;
    border: 0;
}
.form_main_Btn{
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: #887549!important;
    color: #fff!important;
    border: 0!important;
}
.main-teal-btn{ 
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    background-color: #062b31!important;
    color: #fff!important;
    border: 0!important;
}
.calender-span{
    
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    background-color: #887549;
    color: #fff;
    border: 0;

}
.main-teal-btn:hover{
    background-color: #0a4450;
}
.form_save_btn:hover , .form_main_Btn:hover{
    background-color: #75643d;
}
.main_accordin_button .form-check{
    padding:10px 25px;    
    border-bottom: 1px solid #887549bf;
}
.main_accordin_button .form-check label{
    font-size: 16px;
    color: #3d3d3d;
    font-weight: 500;
}
.third_tab_row.nav-pills .nav-link.active, .third_tab_row.nav-pills .show>.nav-link{
    background-color: var(--shadow-yellow)!important;
    color:#fff!important;
    font-weight: 500!important;
}
.third_tab_row.nav-pills .nav-link, .third_tab_row.nav-pills .nav-link{
    font-size: 14px;
    font-weight: 500!important;
    border-radius: 6px!important;
    color:#7e7c7c!important
}  
.header_btn {
    height: 100%;
    display: flex;
    align-items: center;
    background: #887549;
    color: #fff!important;
    padding: 7px 15px;
    border-radius: 6px;
}
.header-add-action .dropdown-menu .dropdown-item{
    width:50%;
    padding:0;
    margin:0;
}
.dashboard_part .dashboard_box{
    padding:15px 20px;
    border:1px solid #efefef;
    background-color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dashboard_part .dashboard_box .content h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    color:#030B16
}
.dashboard_part .dashboard_box .content p{
    color:#657488;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.chart_part{
    padding:20px 0;
}

.chart_part .stats_box{
    padding:25px;
    border:1px solid #efefef;
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
}
.chart_part .stats_box .stats_header h4{
    font-size: 20px;
    font-weight: 500;
    color:#0C0C0C;
    margin-bottom: 0;
}
.chart_part .stats_box  .stats_row{
    margin-top: 15px;
}
.chart_part .stats_box  .stats_row h6{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}
.chart_part .stats_box  .stats_row p{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    color:#90909A
}
.dashboard_heading{
  font-size: 20px;      
  font-weight: 600;     
  color: #1e293b;    
  margin-bottom: 5px;
}
.dashboard_box_header{
    padding: 10px;
}
.dashboard_subtitle{
    color: #64748b;
    font-size: 14px;
    margin-bottom: 0;
}
.dashboard_box_header .plus_icon{
    height: 30px;
    width:30px;
    display: flex;;
    align-items: center;
    justify-content: center;
    color:#fff;
    background-color: #CBAD67;
    border-radius: 50%;
    padding:5px
}
.task_box , .chart_box{
    padding:15px 20px;
    border-bottom:2px dashed #efefef;
    background-color: #fff;
    border-radius: 12px;
}
 
.task_box  .task_tatal{
    font-size:16px;
    display: inline-block;
    margin-top: 7px;
}
.chip{
    background: #887549!important;
}
.dashboard_box_header select{
    padding:7px 15px;
    color:#212529;
    font-size: 16px;
    border:1px solid #ddd;
    border-radius: 6px;
} 
/* 
.main_employee_box{
    border:1px solid #E8ECF4;
    border-radius: 6px;
    padding:15px;
} */
.main_employee_box  .name{
    font-size: 16px;
    color:#2E2E2E;
    font-weight: 700;
    margin-bottom: 5px;
}
.main_employee_box  .date{
    font-size: 14px;
    color:#8391A1;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 2px solid #0000001F;
    font-weight: 500;
}
.main_employee_box  .type{
    position: relative;
    padding-left: 15px;
    font-size: 14px;;
    font-weight: 500;
}
.main_employee_box  .type.Half{
    color:#FF9800
}
.main_employee_box  .type.Full{
    color:#FF5275
} 
.main_employee_box  .type::after{
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 10px;
    width: 10px;
    border-radius: 50%;    
}
.main_employee_box  .type.Full::after{
    background-color: #FF5275;
}
.main_employee_box  .type.Half::after{
    background-color: #FF9800;
}
.meeting_content_row  .facility_text{
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500;
    color:#121212;
}
.meeting_content_row .reason{
    color:#657488;
    font-size:16px;
    font-weight: 500;
    margin-bottom:7px;
}
.document_modal .modal-header{
    font-size: 22px;
    font-weight: 500;
    color:#212322;
    padding:12px 20px
}
.document_modal .modal-body h5{
    color:#212322;
    margin-bottom: 20px;
    font-size: 18px;
}
.document_modal .modal-body .main_row{
    padding: 10px 30px;
    border-bottom: 1px solid #574b2f8c; 
} 
.css-1p3m7a8-multiValue{
    background-color: var(--shadow-yellow)!important;
    border-radius: 4px!important;
}
.css-wsp0cs-MultiValueGeneric{
    color: #fff !important;
}
.select__multi-value__remove svg path{
    fill: #fff !important;;
}
.css-13cymwt-control{
    padding:0!important
}
.pie_canvas canvas{
    height: 230px!important;
    width:230px!important;
}
.progress_box_main div span{
    position: absolute;
    right: 0;
    color: #212121!important;
}
.progress_box_main div div div{
    background-color: rgb(203 173 103)!important;
}
.tentative_span{ 
    padding: 2px 8px; 
    color: #534629;
    background-color: #8875491f;
    font-size: 12px;
    border-radius: 14px;
}
@media (max-width: 768px) {
    .datatable thead th{
        padding: 7px;
        font-size: 14px;
    }

    .form-control{
        font-size: 14px;
        padding: 6px 6px !important;
    }
    .form_save_btn {
        padding: 5px 12px;
        font-size: 14px;
    }
}
/* 
.radio_true{
    height: 20px;
    width: 20px;
    border: 2px solid #3D441F;
    border-radius: 4px;
    margin-right: 10px;
}

.todo_radio input:checked + .radio_true{
    background-color: #55C66F;
    border:2px solid #55C56F;
}


.todo_radio input:checked + .radio_false{
    background-color: #F55757;
    border:2px solid #F55757;
} */



.rich-text-content ul,
.rich-text-content ol {
  padding-left: 20px;
  margin-bottom: 1rem;
}

.rich-text-content ul {
  list-style-type: disc;
}

.rich-text-content ol {
  list-style-type: decimal;
}

.rich-text-content li {
  margin-bottom: 5px;
}
.tgl {
    display: none;
  }
  
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 50px;
    height: 25px;
    position: relative;
    cursor: pointer;
    user-select: none;
    background: #ddd;
    border-radius: 50px;
    transition: background 0.3s;
  }
  
  .tgl + .tgl-btn:after {
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: white;
    border-radius: 50%;
    transition: all 0.3s;
  }
  
  .tgl:checked + .tgl-btn {
    background: #4caf50;
  }
  
  .tgl:checked + .tgl-btn:after {
    left: 26px;
  }
  .campaign-detail-container {
    background-color: #f5f7fa;
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  
  /* Header Styles */
  .campaign-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
  }
  
  .header-left {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  
  .back-button {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
    padding: 5px 10px;
  }
  
  .back-button:hover {
    color: #0099cc;
  }
  
  .header-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0;
  }
  
  /* Toggle Switch */
  .toggle-switch {
    position: relative;
    width: 50px;
    height: 26px;
  }
  
  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 26px;
  }
  
  .toggle-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
  }
  
  .toggle-switch input:checked + .toggle-slider {
    background-color: #00b894;
  }
  
  .toggle-switch input:checked + .toggle-slider:before {
    transform: translateX(24px);
  }
  
  /* Content */
  .campaign-content {
    padding: 25px;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  /* Campaign Info Section */
  .campaign-info-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }
  
  .campaign-title-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
  }
  
  .campaign-title-row {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  
  .campaign-icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f0f0f0;
  }
  
  .campaign-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .campaign-title-info {
    display: flex;
    flex-direction: column;
  }
  
  .campaign-name {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0;
  }
  
  .campaign-type {
    font-size: 14px;
    color: #888;
  }
  
  .platform-icons {
    display: flex;
    gap: 10px;
  }
  
  .platform-icon {
    width: 28px;
    height: 28px;
    border-radius: 4px;
  }
  
  .campaign-description {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 25px;
  }
  
  /* Info Cards */
  .info-cards-row {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.2fr;
    gap: 15px;
    margin-bottom: 15px;
  }
  
  .info-card {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .info-label {
    font-size: 13px;
    color: #888;
    font-weight: 500;
  }
  
  .info-value {
    font-size: 15px;
    color: #333;
    font-weight: 500;
  }
  
  .info-value-blue {
    font-size: 16px;
    color: #0099cc;
    font-weight: 600;
  }
  
  .date-time-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }
  
  .date-time-card > div {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .time-value {
    font-size: 13px;
    color: #888;
  }
  
  .info-card-screenshot {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
  }
  
  .screenshot-content {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  
  .screenshot-icon {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f0f0f0;
  }
  
  .screenshot-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .screenshot-label {
    font-size: 15px;
    color: #333;
    font-weight: 500;
  }
  
  /* Report Section */
  .report-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  }
  
  .report-title {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    margin-top: 0;
  }
  
  .report-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 15px;
  }
  
  .report-card {
    border-radius: 10px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  
  .report-card-yellow {
    background-color: #fff9e6;
  }
  
  .report-card-gray {
    background-color: #f5f5f5;
  }
  
  .report-card-green {
    background-color: #e8f5e9;
  }
  
  .report-card-purple {
    background-color: #f3e5f5;
  }
  
  .report-card-orange {
    background-color: #fff3e0;
  }
  
  .report-card-red {
    background-color: #ffebee;
  }
  
  .report-value {
    font-size: 18px;
    font-weight: 600;
    color: #333;
  }
  
  .report-value-green {
    font-size: 18px;
    font-weight: 600;
    color: #4caf50;
  }
  
  .report-value-orange {
    font-size: 18px;
    font-weight: 600;
    color: #ff9800;
  }
  
  .report-value-red {
    font-size: 18px;
    font-weight: 600;
    color: #f44336;
  }
  
  .report-label {
    font-size: 12px;
    color: #888;
  }
  
  /* Responsive Design */
  @media (max-width: 992px) {
    .info-cards-row {
      grid-template-columns: 1fr 1fr;
    }
    
    .report-row {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 576px) {
    .info-cards-row {
      grid-template-columns: 1fr;
    }
    
    .report-row {
      grid-template-columns: 1fr;
    }
    
    .campaign-header {
      padding: 15px;
    }
    
    .campaign-content {
      padding: 15px;
    }
    
    .campaign-title-section {
      flex-direction: column;
      gap: 15px;
    }
  }







/* new */







/* ===== SECTION ===== */
.daily-snapshot-section {
  padding: 10px 0;
}

/* ===== HEADER ===== */
/* .snapshot-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  color: #1e293b;
} */

.snapshot-updated {
  font-size: 0.875rem;
  color: #64748b;
}

/* ===== CARD ===== */
.snapshot-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px;
  border: 1px solid #f1f5f9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
  height: 100%;
}

.snapshot-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* ===== ICON BOX ===== */
.icon-box {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.icon-teal {
  background: rgba(6, 43, 49, 0.1);
  color: #062b31;
}

.icon-gold {
  background: rgba(136, 117, 73, 0.1);
  color: #887549;
}

.icon-olive {
  background: rgba(61, 68, 31, 0.1);
  color: #3d441f;
}

/* ===== BADGES (Bootstrap conflict) ===== */
.badge-soft {
  background: #f8fafc !important;
  color: #94a3b8 !important;
  font-size: 12px!important;
  padding: 4px 8px!important;
  border-radius: 4px!important;
  font-weight: 500!important;
}

.badge-highlight {
  background: rgba(6, 43, 49, 0.1) !important;
  color: var(--shadow-yellow) !important;
  font-size: 12px!important;
  padding: 4px 8px!important;
  border-radius: 4px!important;
  font-weight: 500!important;
}

/* ===== STATS ===== */
.stat-value {
  font-size: 1.75rem;
  font-weight: 600;
  color: #1e293b;
  line-height: 1;
}

.stat-label {
  font-size: 0.875rem;
  color: #94a3b8;
  margin-bottom: 2px;
}

/* ===== PROGRESS (Bootstrap conflict) ===== */
.progress-thin {
  height: 6px !important;
  background: #f1f5f9;
  border-radius: 50px !important;
  overflow: hidden;
}

.progress-thin .progress-bar {
  border-radius: 50px !important;
}

.bg-teal {
  background-color: #062b31;
}

.bg-gold {
  background-color: var(--shadow-yellow)!important;
}

/* ===== FOOTER ===== */
.stat-footer {
  font-size: 12px;
  color: #64748b;
  margin-top: 8px;
}

/* ===== AVATARS ===== */
.avatar-group {
  display: flex;
  align-items: center;
}

.avatar-group img,
.avatar-more {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  margin-left: -8px;
  object-fit: cover;
}

.avatar-group img:first-child {
  margin-left: 0;
}

.avatar-more {
  background: #f1f5f9;
  font-size: 10px;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

/* ===== TREND ===== */
.trend-up {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #3d441f;
  margin-top: 12px;
}



/* ===== COLORS ===== */
.teal_text { color: #062B31; }
.gold_text { color: #887549; }
.red_text { color: #dc2626; }
.success_text { color: #16a34a; }

.teal_bg { background: #062B31; }
.gold_bg { background: var(--shadow-yellow) }
.red_bg { background: #f87171 }

/* ===== CARD ===== */
.dept_card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  overflow: hidden;
}

.dept_header {
  padding: 16px;
  border-bottom: 1px solid #f1f5f9;
}

.teal_gradient {
  background: linear-gradient(to right, rgba(6, 43, 49, 0.05), #fff);
}

.dept_title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: #1e293b;
}

.icon_btn {
  background: transparent;
  border: none;
  cursor: pointer;
}

/* ===== BODY ===== */
.dept_body {
  padding: 20px;
}

.dept_value {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

.percent_text {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}

.muted_text {
  font-size: 14px;
  color: #64748b;
  margin-bottom: 0;
}

/* ===== PROGRESS ===== */
.stack_bar {
  display: flex;
  height: 8px;
  background: #f1f5f9;
  border-radius: 999px;
  overflow: hidden;
}

/* ===== LEGEND ===== */
.legend_row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #475569;
}

.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

/* ===== MINI ===== */
.mini_section {
  padding-top: 12px;
  border-top: 1px solid #f1f5f9;
}

.mini_box {
  text-align: center;
  padding: 8px;
  border-radius: 10px;
}

.mini_value {
  font-size: 16px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 0;
}

.mini_label {
  font-size: 14px;
  color: #64748b;
}

/* ===== ALERT ===== */
.alert_box {
  display: flex;
  gap: 8px;
  padding: 12px;
  border-radius: 10px;
}

.red_light_border {
  border: 1px solid rgba(220, 38, 38, 0.25);
}

.alert_icon {
  font-size: 16px;
} 

.mini_section .mini_box{
    background-color: #062b310d;
}

.alert_box.red_light_border .alert_title {
    color: #991b1b;
    font-size: 14px;
    margin-bottom: 0 ;
    font-weight: 600; 
}

.alert_box.red_light_border .alert_text{
    font-size: 12px;
    color: #dc2626;
    font-weight: 400;
    margin-bottom: 0;
}

.card_container{
    
  background-color: #ffffff;              /* bg-white */
  border: 1px solid #e2e8f0;               /* border-slate-200 */
  border-radius: 12px;                     /* rounded-xl */
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
  overflow: hidden;    
}



.meeting-date-card {
    background: #fff;
    border: 1px solid #e7edf3;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.03);
}
.meeting-date-card .main-team-count{
    padding: 7px 15px;
    background-color: #fffbeb;
    border:2px solid #887549;
    border-radius: 8px;
    text-align: center;
}
.meeting-date-card .main-team-count .size{
    color: #3d441f;
}
.meeting-date-card .main-team-count .count{
    font-size: 26px;
    font-weight: 600;
    color: var(--shadow-yellow);
}
.meeting-date-card .meeting-title{
    color: #062b31;
    font-size: 18px;
    font-weight: 500;
}
    .meeting-date-inner {
      background: #f8fafb;
      border: 1px solid #e5e7eb;
      border-radius: 10px;
      padding: 14px;
    }
    .date-pill-btn {
      background: #887549;
      color: #fff;
      border: none;
      border-radius: 10px;
      padding: 10px 14px;
      font-weight: 500; 
      text-align: center;
    }
    .status-chip {
      background: #d1f7df;
      color: #1e7b3b;
      border-radius: 22px;
      padding: 4px 12px;
      font-weight: 500;
      font-size: 14px;
    }
    .tiny-muted {
      color: #374151;
      font-size: 14px;
      font-weight: 500;
    }
 .date-pill-btn::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
 
.text-detail-box{
    color: #062b31;
    font-size: 16px;
    font-weight: 600;
}

.stat-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 18px; 
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.02);
}
.stat-dot {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background: #e3edff;
}
.stat-dot.green { background: #ddf7e7; }
.stat-dot.yellow { background: #fdf4d7; }
.stat-dot.red { background: #fde2e2; }
.stat-pill {
    border-radius: 8px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 500;
}
.pill-blue { background: #eef3ff; color: #2151a3; }
.pill-green { background: #e7f9ec; color: #1c7a3f; }
.pill-yellow { background: #fff5d9; color: #af7b00; }
.pill-red { background: #ffe0e0; color: #b63030; }
.stat-value {
    font-size: 24px;
    font-weight: 600;
    color: #0b1f33;
}
.stat-label {
    font-size: 14px;
    color: #6b7280;
    margin-top: 7px;
}


 /* Department cards */


.dashboard_mini_heading{

    font-size: 18px;
    font-weight: 500;
    color: #062b31;
    margin-bottom: 15px;
}

.dept-card {
    background: #fff;
    border: 1px solid #e7edf3;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.03);
    height: 100%;
}
.avatar-stack {
    display: flex;
    align-items: center;
}
.avatar-stack img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
}
.avatar-stack img + img { margin-left: -10px; }
.badge-dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #8a764a;
    display: inline-block;
}
.alert-badge {
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffe1e1;
    color: #c0392b;
    font-weight: 600;
    font-size: 12px;
    display: grid;
    place-items: center;
}
.dept-title { font-size: 17px; font-weight: 600; color: #0c2336; margin-bottom: 4px; }
.dept-sub { font-size: 13px; color: #6b7280; margin-bottom: 12px; }
.dept-row { font-size: 13px; color: #5a6470;margin-bottom: 5px; }
.dept-row strong { color: #0c2336; }
.progress-bar.green { background: #1fa750; }
.progress-bar.yellow { background: #d6a110; }
.progress-bar.red { background: #c0392b; }
.value-green { color: #1fa750; font-weight: 600; }
.value-yellow { color: #d6a110; font-weight: 600; }
.value-red { color: #c0392b; font-weight: 600; }
.value-muted { color: #9ca3af; font-weight: 600; }
.dept-card .large-text{font-size: 16px;}
.dept-card:hover{
    border:1px solid var(--shadow-yellow);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.simple-grey-card{
    background-color: #ffffff;
    border-radius: 0.75rem;          /* rounded-xl */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
    border: 1px solid #e5e7eb;       /* border-gray-200 */
    padding: 1rem;                   /* p-4 */
}
.back-arrow{
    background-color: #f3f4f6;
    color: #475569;
    display: inline-block;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.date-selection input{
    
    border: 1px solid var(--shadow-yellow);
    padding: 5px 10px;
    border-radius: 4px;
    color: #212121;
    font-weight: 500;
}

.view-box .view-text{
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
}
.view-box .value-text{
    color: #062b31;
    font-size: 14px;
    font-weight: 600;
}

.main-tabs{
    gap: 10px;
    flex-wrap: nowrap!important;
}
.main-tabs .tab-link{
    text-wrap: nowrap;
}
.main-tabs .tab-link{
    padding: 7px 15px;
    border-radius: 6px!important;
    font-size: 14px;
    font-weight: 500!important;
    background-color: #e5e7eb;
    color: #4b5563;
    border: 0;
    transition: all 0.5s ease;
}
.main-tabs .tab-link:hover{
    background-color: #dadbdd;
}
.main-tabs .tab-link.active{
    background-color: var(--shadow-yellow)!important;
    color: #ffffff!important;
}
.dashboard_box_header .member-text{
    color: #6b7280;
    font-size: 14px;
    font-weight: 500;
}
.simple-grey-card .counter-text{
    font-size: 26px;
    font-weight: 600;
}

.simple-grey-card .tiny-muted-little{
    color: #94a3b8;
    font-size: 12px;
    font-weight: 500;
}

.member-box{
     font-size: 14px;         
    line-height: 16px;
    color: #64748b;  
    background-color: #ffffff;
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

 
.activity-card { background: #fff; border: 1px solid #e7edf3; border-radius: 14px; box-shadow: 0 10px 26px rgba(0,0,0,0.04); }
/* .activity-card .top-meta { border-bottom: 1px solid #eef2f7; padding: 18px 18px 14px; } */
.activity-card .small-pill { border-radius: 999px; background: #8875491a; color: var(--shadow-yellow); padding: 2px 5px; font-size: 10px; font-weight: 500; border:1px solid var(--shadow-yellow)}
.activity-card .tiny-muted { color: #6b7280; font-size: 14px; }
.activity-card .section-title { font-weight: 600; font-size: 16px; color: #1f2937; margin-bottom: 10px; }
.activity-card .task-block { border: 1px solid #a5e3d6; background: #f0fdfa; border-radius: 10px; padding: 14px; }
.activity-card .task-inner { border: 1px solid #8ee1cf; background: #f8fffd; border-radius: 8px; padding: 12px; display: flex; align-items: center; gap: 10px; }
.activity-card .task-check { width: 22px; height: 22px; border: 2px solid #22c55e; border-radius: 6px; display: grid; place-items: center; color: #22c55e; }
.activity-card .collab-block { border: 1px solid #f8d383; background: #fff9ed; border-radius: 10px; padding: 14px; }
.activity-card .collab-inner { border: 1px solid #f8d383; background: #fffef9; border-radius: 8px; padding: 12px; }
.activity-card .outcome-block { border: 1px solid #b7e5d4; background: #effcf5; border-radius: 10px; padding: 16px; height: 100%; }
.activity-card .goal-block { border: 1px solid #f7d691; background: #fff9ec; border-radius: 10px; padding: 16px; height: 100%; }
.activity-card .label-muted { font-size: 11px; font-weight: 500; color: #111827; letter-spacing: 0.02em; text-transform: uppercase; }
.activity-card .input-ghost { border: 1px solid #e5e7eb; background: #f9fafb; border-radius: 8px; padding: 10px 12px; font-size: 14px; color: #1f2937; }
.activity-card .footer-bar { border-top: 1px solid #eef2f7; padding: 10px 16px; font-size: 14px; color: #6b7280; }
.activity-card .avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.activity-card .date-card { background: #fff; border: 1px solid #e7edf3; border-radius: 12px; padding: 18px 18px 14px; box-shadow: 0 6px 16px rgba(0,0,0,0.03); }
.activity-card .date-inner { background: #f8fafb; border: 1px solid #e5e7eb; border-radius: 10px; padding: 14px; }
.activity-card .date-pill { background: #887549; color: #fff; border: none; border-radius: 10px; padding: 10px 14px; font-weight: 500; min-width: 160px; }
.activity-card .status-pill { background: #d1f7df; color: #1e7b3b; border-radius: 999px; padding: 6px 12px; font-weight: 600; font-size: 14px; }
.activity-card .history-text{font-size: 14px;color: #062b31;}
.activity-card .history-text:hover{color:var(--shadow-yellow)}
.overview-row .overview-card {
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 16px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(0,0,0,0.04);
}
.overview-row .member-pill {
    display: inline-block;
    background: #062b311a;
    color: #062b31;
    border:1px solid #062b3133;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
}
.overview-row .avatar-list {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 20px 0;
}
.overview-row .avatar-list img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 2px solid #fff;
    object-fit: cover;
    box-shadow: 0 4px 8px rgba(0,0,0,0.06);
}
.overview-row .avatar-list img:not(:first-child), .overview-row .more-avatar{
    
    margin-left: -15px;
}
.overview-row  .more-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #edf2f7;
    color: #475569;
    display: grid;
    place-items: center;
    font-weight: 500;
    border: 2px solid #fff;
}
.overview-row .metric-box {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 12px 14px;
    background: #3d441f0d;
    height: 100%;
}
.metric-title { font-size: 14px; letter-spacing: 0.03em; color: #6b7280; font-weight: 500; text-transform: uppercase; }
.metric-value { font-size: 22px; font-weight: 600; color: #0c2336; }
.metric-sub { font-size: 12px; color: #6b7280; }
.progress.overview { height: 8px; background: #e5e7eb; }
.progress.overview .progress-bar { background: #5c532f; }
@media (max-width: 992px) {
    .page-wrap { padding: 18px 14px; }
}
 .tactical-hero {
      border-radius: 14px;
      padding: 22px;
      background: linear-gradient(135deg, #07343c, #084a55);
      color: #e8f2f5;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);
    }
    .tactical-hero h3 {
      font-weight: 800;
      margin-bottom: 6px;
      color: #e8f2f5;
    }
    .tactical-hero p {
      margin: 0;
      color: #d4e7ec;
      font-size: 14px;
    }
    .next-meeting {
      background: #5a7b85;
      border-radius: 10px;
      padding: 10px 14px;
      color: #fff;
      text-align: center; 
      
        background-color: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }
    .next-meeting .label {
      display: block;
      font-size: 12px; 
    }
    .next-meeting .date {
      display: block;
      font-size: 18px;
      font-weight: 600;
      color: #fff;
    }


.team-select{ 
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;  
    border:1px solid var(--shadow-yellow)!important;
    color: var(--shadow-yellow);
    border: 0;
}
.meeting-tiles{
    overflow-x: auto;
    display: flex;
    gap: 16px;
    padding: 10px 0;
}
.meeting-tiles .tile{
    background: #fff;
    border:1px solid #e2e5eb;
    border-radius: 14px;
    min-width: 190px;
    padding: 16px 18px;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.06);
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 6px;
    transition: all 0.15s ease;
}
.meeting-tiles.small .tile{
    min-width: 150px;
    text-align: center;
    align-items: center;
}
.meeting-tiles.small .tile .day{
    color: #374151;
    font-size: 28px;
    font-weight: 600;
}
.meeting-tiles.small .tile .year{
    color: #6b7280;
    margin-bottom: 5px;
}
.meeting-tiles.small .tile .month{
    font-size: 14px;
    color: var(--shadow-yellow); 
    margin-bottom: 0;
}
.meeting-tiles.small .tile .pill{
    padding: 3px 10px;
    border: 26px;
    color: #3d441f;
    background-color: #3d441f33;
    font-size: 12px;
    border-radius: 14px;
}
.meeting-tiles .tile:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(17, 24, 39, 0.1);
}
.meeting-tiles .tile-pill{
    display: inline-block;
    background: #eef1f5;
    color: #3f4d5e;
    border-radius: 10px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
}
.meeting-tiles .tile-date{
    font-size: 17px;
    font-weight: 600;
    color: #132138;
}
.meeting-tiles .tile-status{
    font-size: 13px;
    color: #6b7280;
}
.meeting-tiles .tile-divider{
    height: 1px;
    width: 100%;
    background: #e5e7eb;
    margin: 8px 0 6px;
}
.meeting-tiles .tile-score-label{
    font-size: 13px;
    color: #6b7280;
}
.meeting-tiles .tile-score{
    font-size: 20px;
    font-weight: 600;
    color: var(--shadow-yellow);
}
.meeting-tiles.small .tile{
    border:2px solid #e2e5eb
} 
.meeting-tiles.small .tile:has(input[type="radio"]:checked){
    background-color: #8875490d;
    border: 2px solid var(--shadow-yellow);
}
.meeting-tiles .tile:has(input[type="radio"]:checked){
    background-color: var(--shadow-yellow);
}    
.meeting-tiles .tile:has(input[type="radio"]:checked) .tile-pill{
    background-color: #fff3;
    color: #fff;
}
.meeting-tiles .tile:has(input[type="radio"]:checked) .tile-date{
    color: #fff;
}
.meeting-tiles .tile:has(input[type="radio"]:checked) .tile-status{
    color: #fffc;
}
.meeting-tiles .tile:has(input[type="radio"]:checked) .tile-divider{
    border-color: #fff3;
}
.meeting-tiles .tile:has(input[type="radio"]:checked) .tile-score-label{
    color: #ffffffe6;
}
.meeting-tiles .tile:has(input[type="radio"]:checked) .tile-score{
    color: #fff;
}

.main-counter-row{
    border-top:1px solid #e5e7eb
}
.main-counter-row .counter-box{
    text-align: center;
}
.main-counter-row .counter-box.green h2{
    color: #16a34a;
}
.main-counter-row .counter-box.blue h2{
    color: #2563eb;
}
.main-counter-row .counter-box h2{
    color: var(--shadow-yellow);
    font-size: 26px;
    margin-bottom: 5px;
    font-weight: 600;
}
.main-counter-row .counter-box p{
    color: #6b7280;
    font-size: 14px;
    font-weight: 500;   
}


.meeting-tiles .tile input{
    display: none;
}
.with-counter.main-tabs .tab-link{
    display: flex;
    align-items: center;
}    
.with-counter.main-tabs .tab-link span{

    height: 18px;
    width: 18px;
    background-color: #c8cacf;
    margin-left: 10px; 
    border-radius: 50%;
    font-size: 12px;
    display: flex!important;
    align-items: center;
    justify-content: center;
}
.with-counter.main-tabs .tab-link.active span{
    background-color: #ffffff33;
    color: #fff;
}
    .profile-card {
      border: 2px solid #3D441F30;
      border-radius: 14px;
      background: #fff;
      box-shadow: 0 12px 26px rgba(0,0,0,0.05);
      overflow: hidden;
      transition: all 0.1s ease;
    }
    .profile-card:hover{
        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.12),
              0 8px 10px -6px rgba(0,0,0,0.12);
    }
    .profile-top {
        background: linear-gradient(135deg, #88754915 0%, #88754905 100%);
        padding: 38px;
        position: relative;
        text-align: center;
        margin-bottom: 25px;
    }
    .profile-top .dots {
      position: absolute;
      top: 12px;
      right: 12px;
      display: flex;
      gap: 6px;
    }
    .profile-top .dots span {
      width: 10px;
      height: 10px;
      background: #f1f5f9;
      border-radius: 50%;
      display: block;
      box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
    }
    .profile-avatar {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        border: 3px solid #fff;
        object-fit: cover;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
        position: absolute;
        left: 20px;
    }
    .profile-body {
      padding: 16px;
    }
    .badge-role {
      display: inline-block;
      background: #f4f1e9;
      color: #8a764a;
      border-radius: 999px;
      padding: 4px 10px;
      font-size: 12px;
      font-weight: 600; 
    }
    .progress-wrap {
      font-size: 12px;
      color: #5a6470;
      margin-top: 14px;
    }
    .progress-bar.shadow-yellow { background: var(--shadow-yellow); }
    .stat-box {
      border: 1px solid #e5e7eb;
      background: #f9fbff;
      border-radius: 10px;
      padding: 12px;
      text-align: center;
    }
    .stat-title { font-size: 14px; color: #6b7280; margin-bottom: 8px; }
    .stat-value { font-size: 22px; font-weight: 600; color: #0c2336; }
    .highlight-box {
      border: 1px solid #88754930;
      background: #88754910;
      border-radius: 8px;
      padding: 12px;
      font-size: 13px;
      color: #4a5562;
    }
.highlight-box .title { 
font-weight: 600;
color: #5d5135;
margin-bottom: 5px;
font-size: 14px; }

.performance-row .perf-card{
    background: #fff;
    border:1px solid #e6e9ef;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.05);
    height: 100%;
}
.performance-row .perf-avatar{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}
.performance-row .perf-name{
    font-weight: 600;
    color: #0f172a;
    font-size: 16px;
}
.performance-row .perf-role{
    font-size: 13px;
    color: #6b7280;
    margin-top: 2px;
}
.performance-row .status-pill{
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    background: #e8f7ed;
    color: #1f8a4c;
}
.performance-row .status-pill.pending{
    background: #fff4d6;
    color: #c47b1c;
}
.performance-row .status-delta{
    font-size: 12px;
    margin-top: 4px;
}
.performance-row .perf-metrics{
    display: flex;
    gap: 10px;
}
.performance-row .metric-box{
    flex: 1;
    border-radius: 10px;
    padding: 12px 14px;
    border:1px solid #e6e8ec;
}
.performance-row .metric-box.success{
    background: #e8f7ed;
    border-color: #d4eedf;
}
.performance-row .metric-box.info{
    background: #eef3ff;
    border-color: #dfe7ff;
}
.performance-row .metric-label{
    font-size: 13px;
    color: #64748b;
    margin-bottom: 4px;
}
.performance-row .metric-value{
    font-size: 22px;
    font-weight: 600;
    color: #1f2937;
}
.performance-row .perf-footer{
    padding-top: 12px;
    margin-top: 10px;
    border-top:1px solid #edf1f5;
    font-size: 13px;
    color: #4b5563;
}
.performance-row .perf-score-label{
    color: #6b7280;
}
.performance-row .perf-score{
    font-weight: 700;
    color: #1f2937;
}
.performance-row .perf-score-dot{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #fde68a, #f59e0b);
    display: inline-block;
    margin-left: 10px;
}
.performance-row .perf-score-dot.muted{
    background: radial-gradient(circle at 30% 30%, #e5e7eb, #cbd5e1);
}

.chart_row .member-summary-card{
    background: #fff;
    border:1px solid #e9eef3;
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.04);
}
.chart_row .avatar-circle{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #0f3737, #173322 70%);
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}
.chart_row .member-name{
    font-size: 20px;
    font-weight: 600;
    color: #0f172a;
}
.chart_row .member-role{
    font-size: 14px;
    color: #5b6473;
    margin-top: 2px;
}
.chart_row .perf-chip{
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    margin-right: 8px;
    margin-top: 6px;
}
.chart_row .perf-chip.good{
    background: #fdeed8;
    color: #9a6a1c;
    border:1px solid #f4d9ad;
}
.chart_row .perf-chip.id-tag{
    background: #e9edf3;
    color: #516070;
    border:1px solid #dde4ed;
}
.chart_row .metric-tile{
    background: #f7f9fd; 
    border-radius: 12px;
    padding: 10px 14px; 
    text-align: left;
}
.chart_row .metric-label{
    font-size: 14px;
    color: var(--shadow-yellow);
    margin-bottom: 5px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.chart_row .metric-number{
    font-size: 24px;
    font-weight: 600;
    color: #0f2232;
}

.meeting-main-row{
    display: flex;
        flex-direction: column;
        gap: 18px;
    }
    .tactical-member-card{
        background: #f9fafb;
        border:1px solid #e5e7eb;
        border-radius: 12px;
        box-shadow: 0 10px 24px rgba(0,0,0,0.05);
    }
    .tactical-member-header{
        padding: 20px;
        background: linear-gradient(
        to right,
        rgba(15, 118, 110, 0.05),
        rgba(107, 142, 35, 0.05)
        );
    }
    .tactical-member-body{
        padding: 20px;
    }
    .tactical-member-header{
        padding-bottom: 12px;
        border-bottom: 1px solid #eceff1;
    }
    .tactical-member-avatar{
        width: 52px;
        height: 52px;
        border-radius: 50%;
        object-fit: cover;
        box-shadow: 0 6px 12px rgba(0,0,0,0.12);
        border: 2px solid #fff;
        background: #fff;
    }
    .tactical-member-name{
        font-size: 18px;
        margin-bottom: 5px;
        font-weight: 600;
        color: #111827;
    }
    .tactical-member-meta{
        font-size: 13px;
        color: #6b7280;
        gap: 8px;
    }
    .tactical-member-role{
        font-weight: 500;
        color: #6b7280;
    }
    .tactical-progress-track{
        width: 150px;
        height: 8px;
        background: #e5e7eb;
        border-radius: 20px;
        overflow: hidden;
    }
    .tactical-progress-bar{
        height: 100%;
        background: linear-gradient(90deg, #c0a156, #7c6a3a);
        border-radius: 20px;
    }
    .tactical-progress-value{
        font-weight: 500;
        color: #5b5133;
    }
    .tactical-note-card{
        background: #f5f5f5;
        border:1px solid #e5e7eb;
        border-radius: 8px;
        padding: 14px;
        height: 100%;
    }
    .tactical-note-label,
    .tactical-input-label{
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--shadow-yellow);
        margin-bottom: 6px;
    }
    .tactical-metric-row{
        padding: 12px 0 4px;
        border-top: 1px solid #eceff1;
        border-bottom: 1px solid #eceff1;
        margin-top: 4px;
    }
    .tactical-metric-label{
        font-size: 12px;
        margin-bottom: 2px;
        color: #6b7280;
        text-transform: uppercase;
        text-align: left;
    }
    .tactical-metric-value{
        font-size: 22px;
        font-weight: 600;
        color: #3d3a35;
        text-align: left;
    }
    .tactical-input-card{
        border:1px solid #e5e7eb;
        border-radius: 8px;
        padding: 14px;
        background: #f8fafc;
        height: 100%;
    }
    .tactical-summary-card{
        border:1px solid #e5e7eb;
        border-radius: 8px;
        padding: 14px;
        background: #3d441f0d;
    }
    .tactical-summary-card p,
    .tactical-input-card p,
    .tactical-note-card p{
        color: #374151;
        font-size: 14px;
    }

    .tacticle-counter-row .stat-card{
        min-width: 200px;
    }
    .tacticle-counter-row .col-lg{
        padding:0 5px;
    }
    .profile-card .form_save_btn:hover{
        color: #fff;
    }
.metric-box.success .metric-label{color: #16a34a;}
.metric-box.success .metric-value{color: #15803d;}

    
.metric-box.info .metric-label{color: #2563eb;}
.metric-box.info .metric-value{color: #1d4ed8;}

.main-chart-row .chart-card{
    background: #fff;
    border:1px solid #e9eef3;
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.04);
}
.main-chart-row .chart-title{
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}
.main-chart-row .review-pill{
    padding: 6px 12px;
    border-radius: 999px;
    background: #f5ecda;
    color: #6f5c33;
    font-weight: 700;
    font-size: 13px;
    border:1px solid #e4d5b2;
}
.main-chart-row .gauge-wrap{ 
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-chart-row .gauge-circle{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: conic-gradient(from 220deg, #29401d 0 80%, #153640 80% 94%, #e5e7eb 94% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.main-chart-row .gauge-circle::after{
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background: #fdfefe;
    border-radius: 50%;
}
.main-chart-row .gauge-inner{
    position: relative;
    text-align: center;
    z-index: 1;
}
.main-chart-row .gauge-value{
    font-size: 30px;
    font-weight: 800;
    color: #0f2232;
}
.main-chart-row .gauge-label{
    font-size: 13px;
    color: #6b7280;
}
.main-chart-row .feedback-box{
    display: flex;
    align-items: center;
    gap: 12px;
    margin:0 5px;
    border-radius: 10px;
    padding: 12px 14px;
    border:1px solid #e5f5ec;
    background: #eafbf1;
    max-width: 360px;
}
.main-chart-row .feedback-box.warning{
    background: #fff5e6;
    border-color: #f7e3c8;
}
.main-chart-row .feedback-box.warning .feedback-title{color: #78350f;}
.main-chart-row .feedback-box.warning .feedback-text{color: #92400e;}

.main-chart-row .feedback-box.positive .feedback-title{color: #064e3b;}
.main-chart-row .feedback-box.positive .feedback-text{color: #065f46;}

.main-chart-row .feedback-dot{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #c9f2d8;
}
.main-chart-row .feedback-box.warning .feedback-dot{
    background: #ffe5b9;
}
.main-chart-row .feedback-title{
    font-weight: 700;
    color: #1f2937;
    font-size: 13px;
}
.main-chart-row .feedback-text{
    font-size: 13px;
    color: #4b5563;
}
.main-chart-row .ring-wrap{
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-chart-row .ring-chart{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: conic-gradient(#5c4f27 0 86%, #ea7a16 86% 94%, #e5e7eb 94% 100%);
    position: relative;
}
.main-chart-row .ring-chart::after{
    content: "";
    position: absolute;
    inset: 22px;
    border-radius: 50%;
    background: #fff;
}
.main-chart-row .ring-stat{
    padding: 12px 10px;
    background: #f7f9fd;
    border:1px solid #e6ebf2;
}
.main-chart-row .ring-stat + .ring-stat{
    border-left: none;
}
.main-chart-row .ring-stat-label{
    font-size: 13px;
    color: #6b7280;
}
.main-chart-row .ring-stat-value{
    font-weight: 700;
    font-size: 20px;
    color: #1f2937;
}
.main-chart-row .ring-stat-value.pending{
    color: #e86a16;
}

.review_row .review-timeline{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.review_row .review-pill{
    border:2px solid #e6e9ef;
    border-radius: 12px;
    padding: 10px 12px;
    cursor: pointer;
    background: #f9fafb;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 8px 14px rgba(0,0,0,0.03);
}
.review_row .review-pill.active{
    background: #fffaf0;
    border-color: var(--shadow-yellow);
    box-shadow: 0 10px 18px rgba(0,0,0,0.06);
}
.review_row .review-pill:hover{
    border-color: var(--shadow-yellow);
}
.review_row .review-date{
    text-align: center;
    padding: 7px 20px;
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 8px;
}
.review_row .review-month{
    text-transform: uppercase;
    font-size: 12px;
    color: var(--shadow-yellow);
    font-weight: 600;
}
.review_row .review-day{
    font-size: 26px;
    font-weight: 600;
    padding: 10px 0 0 0;
    color: var(--pine-tree-dark);
    line-height: 1;
}
.review_row .review-year{
    font-size: 14px;
    color: var(--shadow-yellow);
}
.review_row .review-badge{
    display: inline-block;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
}
.review_row .review-badge.green{
    background: #e5f9ed;
    color: #1f8a4c;
    border:1px solid #c8eed9;
}
.review_row .review-badge.amber{
    background: #fff3cd;
    color: #c47b1c;
    border:1px solid #f0d89c;
}
.review_row .review-label{
    font-size: 16px;
    font-weight: 600;
    color: #1f2937; 
}
.review_row .review-panel{
    border:1px solid #e6e9ef;
    border-radius: 12px;
    background: #fefdfb;
    padding: 14px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.03);
}
.review_row .review-panel .review-stats-row > div{
    padding: 6px;
}
.review_row .review-title{
    font-size: 18px;
    font-weight: 600;
    color: #0f172a;
}
.review_row .review-meta{
    font-size: 14px;
    color: #6b7280;
}
.review_row .review-meta strong{
    font-weight: 500;
    color: var(--shadow-yellow);
}
.review_row .overall-score .overall-label{
    font-size: 12px;
    color: #6b7280;
}
.review_row .overall-score .overall-value{
    font-size: 22px;
    font-weight: 600;
    color: #0f2232;
}
.review_row .review-stat{
    text-align: center;
    padding: 16px 10px;
    border-radius: 8px;
    border:1px solid #e6e9ef;
    background: #f8fafc;
}
.review_row .review-stat.neutral{background: #88754908;}
.review_row .review-stat.success{background: #ecfdf5; border-color: #a7f3d0;}
.review_row .review-stat.danger{background: #fef2f2; border-color: #fecaca;}


.review_row .review-stat.neutral .review-stat-value{color: var(--shadow-yellow)}
.review_row .review-stat.neutral .review-stat-label{color: var(--shadow-yellow);}

.review_row .review-stat.success .review-stat-value{color: #047857}
.review_row .review-stat.success .review-stat-label{color: #047857}

.review_row .review-stat.danger .review-stat-value{color: #991b1b}
.review_row .review-stat.danger .review-stat-label{color: #991b1b;}

.review_row .review-stat-value{
    font-size: 28px;
    font-weight: 600;
}
.review_row .review-stat-label{
    font-size: 14px;
    font-weight: 500; 
    color: #6b7280;
    text-transform: uppercase;
}
.review_row .review-block{
    border:1px solid #e6e9ef;
    border-radius: 10px;
    padding: 12px;
    margin-top: 10px;
}
.review_row .review-block.positive{
    background: #ecfdf580;
    border-color: #a7f3d0;
}
.review_row .review-block.warning{
    background: #fef2f280;
    border-color: #fecaca;
}
.review_row .review-block.neutral{
    background: #fffbeb80;
    border-color: #fde68a;
}
.review_row .review-block-title{
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 7px;
}
.review_row .review-block p{
    font-size: 14px;
}



/* Responsive CSS */
@media (max-width: 1400px) {
    html, body { font-size: 14px; }
}
@media (max-width: 1199px) {
    .btn {
        padding: 1rem 2.3rem;
    }
    .btn-lg {
        padding: 1rem 5rem;
    }
    .p-5 {
        padding: 2rem !important;
    }
    .status__selection-col {
        margin-top: 1rem;
    }
    .status__selection-wrapper .status-select {
        margin: 0 !important;
    }
    /* Header CSS */
    .content__wrapper .page-title { display: block; }
    .header .page-title { display: none; }
    /* Header CSS */
}
@media (max-width: 991px) {
    /* Sidebar CSS */
    .sidebar {
        width: 22rem;
        transform: translateX(-22rem); 
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    } 
        .office_box {
        margin-bottom: 10px;
    }
    .menu-open .sidebar{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .close_menu {
        position: fixed;
        right: 0;
        top: 0;
        z-index:999;
        height: 40px;
        width:40px;
        padding:5px;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--primarycolor);
    } 
    .menu-open  .close_menu{
        opacity: 1;
    }
    .sidebar .logo {
        padding: 0 1.714rem;
    }
    .side-nav-item .side-nav-link {
        padding: 1rem 1.071rem;
    }
    .sidebar__menu .side-nav-item.active > a, 
    .side-nav-item .side-nav-link[data-toggle="collapse"]:not(.collapsed) {
        font-size: 1.143rem;
    }
    .side-nav-submenu {
        padding: 0 1.429rem 1.429rem 1.429rem;
    }
    .side-nav-submenu .nav-submenu-item a {
        font-size: 1rem;
    }

    .logo img {
        height: 2.8rem;
    }
    .sidebar__menu {
        margin-top: 2rem;
        padding-left: 0;
    }
    .side-nav-submenu_sidebar {
        padding-left: 40px;
    }
    .side-nav-item svg {
        margin-right: 0.714rem;
        width: 1.071rem;
        height: 1.071rem;
    }
    /* Sidebar CSS */

    /* Header CSS */
    .header {
        padding: 0.714rem 1.071rem;
    }
    .account-user-name {
        display: none;
    }
    .account-user-avatar {
        margin: 0;
    }
    .topbar__menu > li, .header-add-action, .header-action-form {
        margin-left: 1.071rem;
    }
    .header-action-icon svg {
        width: 1.786rem;
        height: 1.786rem;
    }
    .mobile-menu {
        display: block; 
    }
    .navbar-expand .navbar-nav .dropdown-menu {
        position: fixed;
        top: 35px;
        left: auto;
        right: 15px;
    
    }

    .form-group .search-icon {
        position: relative;
        left: 0;
    }
    .header-action-form form .form-control {
        display: none;
        position: absolute;
        top: 45px;
        left: 0;
        width: 160px;
        padding: 0.5rem 1rem;
        background-color: #ffffff;
        border-radius: 0.5rem;
    }
    .form-group .search-icon svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .header-add-action .dropdown-menu {
        left: 0;
        transform: none;
    }
    .header-add-action .dropdown-menu:before {
        left: 15px;
        transform: none;
        border-width: 0 20px 10px 20px;
        top: -10px;
    }
    /* Header CSS */

    /* Main Wrapper CSS */
    .main__wapper {
        margin-left: 0;
    }
    .content__wrapper {
        padding: 1.429rem 1.071rem;
    }
    /* Main Wrapper CSS */
}

@media (max-width: 767px) {
    label.mb-0 {
        display: inline-block;
        margin-bottom: 0.5rem !important;
    }

    .tactical-hero { padding: 18px 16px; }
    .tactical-hero h3 { font-size: 18px; }
    .next-meeting { margin-top: 12px; }
    .meeting-tiles .tile{min-width: 170px;padding: 14px 16px;}
    .tactical-progress-track{width: 110px;}
    .tactical-member-header, .tactical-member-body{padding: 10px;}
    .tactical-member-avatar{width:46px;height:46px;} 
    .tactical-metric-label{
        font-size: 10px;
    }
    .basic-progressbar{
        gap: 10px;
    }
    .tiny-muted{
        font-size: 12px;
    }
    
    .simple-grey-card .counter-text {
        font-size: 22px;
    }
    .simple-grey-card{
        padding: 5px 8px;
    }
    .main-tabs .tab-link{ 
        padding: 5px 8px!important; 
        font-size: 12px!important;
    }
    .outline-btn{
        font-size: 12px; 
        padding: 5px 20px;
    }
    .basic-progressbar{ 
        padding: 12px 0;
        margin: 12px 0;
    }
    
    .with-counter.main-tabs .tab-link span {
        height: 15px;
        width: 15px;
        font-size: 10px;
    }
    .input-group-text img {
        width: 1.3rem;
        height: 1.3rem;
    }

    /* Table CSS */
    .table {
        width: 700px;
    }
    .form_for_phone{
        overflow:auto;
    }
    .overflow_extra{background-color: #fff;}
    /* Table CSS */
    
    /* Header CSS */
    .header-add-action .dropdown-menu {
        margin: 1rem 0 0;
        min-width: 21rem;
        padding: 12px;
    }
    .header-add-action .dropdown-menu:before {
        border-width: 0 15px 6px 15px;
        top: -6px;
    }
    .header-add-action .dropdown-menu .dropdown-item {
        max-width: calc(100% / 2 - 0.714rem);
        flex: 0 0 calc(100% / 2 - 0.714rem);
        margin: 0 0.357rem 0.714rem;
    }
    .header-add-action .dropdown-menu .dropdown-item a {
        padding: 0.5rem;
        font-size: 0.857rem;
    }
    .header-add-action .dropdown-menu .dropdown-item svg {
        margin-right: 0.214rem;
        width: 1rem;
        height: 1rem;
    }
    /* Header CSS */

    /* Dashbaord CSS */
    .chart-info-list {
        margin-top: 2rem;
    }
    .card-header .col-md-6.text-right {
        text-align: left !important;
        margin-top: 20px;
    }
    /* Dashbaord CSS */

    /* File Details Page CSS */
    .file__process-list {
        display: flex;
        overflow: auto;
    }
    .file__process-list li {
        max-width: 25%;
        flex: 0 0 25%;
    }
    .file__process-list li:not(:last-child) {
        margin: 0 1rem 0 0;
    }
    .file__process-list li a {
        display: block;
        line-height: 1.2;
    }
    .file__process-list li span {
        margin-bottom: 0.4rem;
    }
    .file_details_sidebar{
        max-width: 100%!important;
    }
    .todos_section .title_heading h4{
        font-size: 18px!important;
    }
    .todos_section .title_heading h4 svg{
        width: 20px;
    } 
    .todos_section {
        margin: 0 0 15px 0!important;
        padding: 15px!important;
    }
    .main_nav_link.row>*{
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .content__wrapper .tab_box a span {
        padding: 5px 8px;
    }
    .content__wrapper .tab_box .project_status {
        font-size: 14px;
        font-weight: 500;
    }
    .content__wrapper .tab_box a span {
        padding: 5px 7px;
    }
    .content__wrapper .tab_box .project_status {
        font-size: 14px;
        font-weight: 500;
    }    
    .meeting_content_row .facility_text {
        font-size: 14px;
    }    
    .main_card_body_part .meeting-list .meeting_content_row .role {
        font-size: 16px;
        margin-bottom: 0;
    }    
    .main_card_body_part .meeting-list .meeting_content_row .view_btn {
        height: 35px;
        width: 35px;
    }    
    .main_card_body_part .meeting-list .main_img_row .img_box {
        height: 35px;
        width: 35px;
    }
    .team_table table td {
        font-size: 14px;
    }
    .process_table .project_code {
        font-size: 14px;
    }
    .process_table .project_name {
        font-size: 14px;
    }
    .process_table .project_type{
        padding: 3px 7px;
        font-size: 12px;
    }
    .process_table .process_row {
        font-size: 12px;
    }
    .img_box {
        height: 35px;
        width: 35px;
    }    
    .chart_main_box .thumb_icon {
        height: 18px;
        width: 18px;
    } 
    .main_task_text {
        font-size: 16px;
    }
    .edit_view {
        height: 35px;
        width: 35px;
    }
    .thumb_icon, .checkmark_icon {
        font-size: 16px;
    }
    
    .tasks_box h3 {
        font-size: 22px;
    }
    
    .tasks_box p {
        margin-bottom: 5px;
        font-size: 16px;
    }
    
    .common_detail_box h6 {
        color: #121212;
        font-size: 18px;
    }
    
    .grey_bg .team_body .personal_row .key , .grey_bg .team_body .personal_row .value {
        font-size: 14px;
    }
    .key_box_title {
        font-size: 14px;
    } 
    .main_highlight_box, .main_highlight_focus_box, .participate_detail_box, .work_highlights{
        margin-bottom: 10px;
        height: auto;
    }
    .pie_canvas canvas{
        height: 100%!important;
        width:100%!important
    }
    .task_box, .chart_box {
        padding: 12px 15px;
    }
    .participent_row .participate_detail_box{
        height: auto!important;
    }
    .grey_bg .team_body .row .col-lg-6 {
        margin: 5px 0!important;
    }
    .accordion-button{
        padding: 7px!important;
    }
    .accordion-body , .card{
        padding: 5px!important;
    }
    .tasks_box p {
         font-size: 14px;
    }
    .main_card_body_part .meeting-list .meeting_content_row .view_btn {
        height: 35px;
        width: 35px
    }
    .main_card_meeting .main_card_heading .main_icon_box .role_and_name .usename {
        margin-bottom: 5px;
        font-size: 16px;
    }
    .process_table .land_td , .process_table .team_td{
        text-wrap:nowrap
    }
    .process_table .process_td img{
        width:16px;
        min-width:16px
    }
    .content__wrapper .tab_box .project_counter {
        font-size: 16px;
    }
    .main_nav_link {
        flex-wrap: nowrap !important;
        overflow: auto;
    }
    .tp_title{
        margin-top:20px
    }
    .main_accordin_button .accordin_button .accordion-header button{
        font-size: 12px;
    }
    .first_parent_tab .inner_project_status {
        padding: 5px 10px;
        font-size: 14px;
        text-wrap: nowrap;
    }
    .form-check-input {
        height: 15px !important;
        width: 15px !important;
    }
    .main_accordin_button .form-check label {
        font-size: 14px;
    }
    .inner_dc_title{
        font-size: 16px;
    }    
    .main_accordin_button .common_text {
        display: inline-block;
        width: 20%;
    }
    .input_box{
        padding-bottom:15px
    }
    .table td:not(:last-child), .table th:not(:last-child){
        padding-right: 0!important;
    }
    table .delete_btn img{
        width:18px!important;
        min-width: 18px!important;
    }     
    .main_nav_link {
        padding-bottom: 15px;
    }
    /* File Details Page CSS */
}

@media (max-width: 991px) {
    .pie_canvas canvas {
        height: 100% !important;
        width: 100% !important;
    }
}
@media (max-width: 500px) {
    .btn {
        padding: 0.8rem 2rem;
    }
    .overflow_extra{overflow:hidden;}
    .button-group .btn:not(:last-child) {
        margin: 0 0.1rem 0.4rem 0;
    }
    /* File Details Page CSS */
    .file__process-list li {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
    .file_details_sidebar{
        max-width: 100%!important;
    }
    .extra_eye_icon{
        right: -25px!important;}
        .dustbin_icon {
            margin-top: 50px!important;
        } 
    /* File Details Page CSS */
} 
  
.form-header{    
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}
.form-title {
    font-size: 18px;
    font-weight: 700;
    color: #22262a;
} 

/* Compact facilitator strip */
.facilitator-strip {
    padding: 10px 0;
}
.strip-label {
    font-size: 12px; 
    font-weight: 600;
    color: var(--shadow-yellow);
}
.strip-name {
    font-size: 18px;
    font-weight: 700;
    color: #0f3040;
}
.strip-role {
    font-size: 13px;
    color: #6b747c;
}
.strip-avatar img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border: 2px solid var(--shadow-yellow);
    padding: 2px;
}
.strip-badge {
    position: absolute;
    bottom: -6px;
    left: 4px;
    background: #24492c;
    color: #f2f3e7;
    border-radius: 12px;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: 500;
}
.subteam-block {
    border-left: 1px solid #dfe4ea;
    padding-left: 18px;
}
.strip-divider {
    width: 1px;
    height: 46px;
    background: #dfe4ea;
    margin-right: 16px;
}
.chip {
    background: #f8f8f8;
    border: 1px solid #e5e8ed;
    border-radius: 18px;
    padding: 6px 10px;
    min-width: 96px;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}
.chip-avatar {
    width: 28px;
    height: 28px;
    object-fit: cover;
}
.chip-name {
    font-size: 13px;
    font-weight: 700;
    color: #1e4864;
}
@media (max-width: 767.98px) {
    .subteam-block {
        border-left: none;
        padding-left: 0;
    }
}
/* Facilitator and team detail cards */
.facilitator-section {
    background-color: #f9fafc;
}
.section-label {
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 500;
    color: #5c6068;
}
.facilitator-name {
    font-size: 18px;
    font-weight: 700;
    color: #2f3035;
}
.facilitator-title {
    font-size: 14px;
    color: #555b65;
}
.facilitator-card {
    background: #fffaf2;
    border: 2px solid var(--shadow-yellow);
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(136, 117, 73, 0.18);
}
.facilitator-avatar img {
    width: 76px;
    height: 76px;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
} 
.facilitator-avatar{
    position: relative;
}
.facilitator-avatar::after{
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    height: 20px;
    width: 20px;
    background-color: var(--shadow-yellow);
    border: 2px solid white;
    border-radius: 50%;
} 
.badge-role {
    background: rgba(136, 117, 73, 0.18);
    color: #5a4b2b!important;
}
.badge-shadow-blue {
    background: #dbeafe;
    color: #1e40af!important;
}
.facilitator-contact .contact-link {
    color: #4a3c1f;
}
.facilitator-contact .contact-link:hover {
    text-decoration: underline;
}
.team-card {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.team-card:hover {
    border:1px solid var(--shadow-yellow);
    transform: translateY(-3px);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.08);
}
.team-avatar img {
    width: 52px;
    height: 52px;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
.team-card h6 {
    font-size: 1rem;
}
.team-card p {
    font-size: 0.9rem;
}
.team-name {
    font-size: 1rem;
    font-weight: 700;
    color: #2f3035;
}
.team-title {
    font-size: 0.9rem;
    color: #5b606a;
}
.badge-structural {
    background: #e8dbfa;
    color: #5c3c9c!important;
}
.badge-mep {
    background: #e0f6e9;
    color: #1f7a44!important;
}
.badge-interior {
    background: #fbe0e9;
    color: #c0326b!important;
}
.badge-site {
    background: #f5e2c7;
    color: #9a5a09!important;
}
.badge-landscaping {
    background: #d8f4e6;
    color: #1f8a5c!important;
}
.badge-cost {
    background: #dae6fb;
    color: #2d61c2!important;
}
@media (max-width: 767.98px) {
    .facilitator-card {
        padding: 1.25rem;
    }
    .facilitator-contact {
        width: 100%;
        margin-top: 0.5rem;
        text-align: left !important;
    }
}