@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zen+Kaku+Gothic+Antique&display=swap');

@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Heebo-Bold.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Heebo-Regular.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Heebo-Medium.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Heebo-SemiBold.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Inter-Bold.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Inter-SemiBold.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Inter-Medium.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Inter-Regular.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Poppins-Bold.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Poppins-SemiBold.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Poppins-Medium.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Poppins-Regular.ttf);
}
@font-face {
    font-family: Nunito-Bold;
    src: url(../website/fonts/Nunito-Bold.ttf);
}
@font-face {
    font-family: Nunito-SemiBold;
    src: url(../website/fonts/Nunito-SemiBold.ttf);
}
@font-face {
    font-family: Nunito-ExtraBold;
    src: url(../website/fonts/Nunito-ExtraBold.ttf);
}
@font-face {
    font-family: Nunito-Regular;
    src: url(../website/fonts/Nunito-Regular.ttf);
}
@font-face {
    font-family:Nunito-Medium;
    src: url(../website/fonts/Nunito-Medium.ttf);
}
body{
    background:#FAFAFB;
}
:root{
    --title-color:rgba(74, 74, 74, 1);
    --color-white:#fff;
    --btn-color:#2E6583;
    --text-color:#4A4A4A;
    --box1-color:#83D483;
    --box3-color:#F8961E;
    --box2-color:#F94144;

}

::-webkit-scrollbar {width: 8px;height:8px;background-color: white;}
::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #2E6583;}


h2{font-size: 19px;font-family:Nunito-Bold;color: var(--title-color);}
/* ==================================================declaration by qasim starts here================= */

h1{font-size: 29px;font-family:Nunito-Bold;color: var(--title-color);}
p{font-size: 16px;font-family:Nunito-Regular;color: var(--title-color);}
h1 ,h2,h3,h4,h5,h6,p,a,span{
    line-height: 1.2;
}
/* ==================================================declaration by qasim end here================= */
.sidebar-img .logo{
    display: block;
    height: 80px;
    width: 100%;
    padding: 15px;
}
.sidebar-img .logo img {
    height: 100% ;
    width: 100% ;
    object-fit: contain;
}
.white-box span.circle img {
    width: 100%;
    height: 100%;
    padding: 5px;
    object-fit:contain;
    object-position:center;
}
.sidebar .slimScrollDiv {height: calc(100% - 300px) !important;padding-bottom: 10px;}
.head_title{padding: 8px 0px 0 16px;}
.navbar {position: sticky;z-index: 2;}
.navbar .navbar-header{height: 59.25px;background: #2E6583; drop-shadow(0px 2px 44px rgba(0, 0, 0, 0.05));}
.navbar .navbar-header .top-left-part {background-color: unset;}
.navbar-header .profile-image {cursor: pointer;}
.navbar-header .user_name {cursor: pointer;}
.navbar .navbar-header .header-left {display: flex;align-items: center;}
.navbar .navbar-header .header-left .language_select_box { min-width: 70px; }
.navbar .navbar-header .header-left .language_select_box .select2-selection { border-radius: 10px; font-size: 11px; font-family: 'Nunito-SemiBold'; }
.sidebar{background: linear-gradient(180deg, #2B4E64 -9.22%, #2E6583 104.06%);padding-top: 0px;border: 0;position: fixed;width: 210px}
.sidebar .logo h1{color: var(--color-white); text-align: center;padding: 4px 0px;}
.page-wrapper{background: #FAFAFB;margin-left: 210px;}
.sidebar-nav ul#side-menu {height: 60vh;}
.inner_form_area .form-group .iti {width: 100%;}
.inner_form_area .form-group .iti .iti__dropdown-content ul li span {color: #000;}
.inner_form_area .form-group  .valid-feedback {
    display: none;
    color: green;
}
.inner_form_area .form-group  .invalid-feedback {
    /* display: none; */
    color: red;
    font-size: 11px;
    display: inline-block;
    margin-top: 5px;
    font-weight: bolder;
}

/*.title h1 {color: var(--title-color);font-size: 24px;font-family: Nunito-Bold;}*/
.navbar .navbar-header .profile_user {display: flex;align-items: center;justify-content: end;}
.sidebar-nav ul#side-menu li a span {font-size: 14px;font-weight: 600;font-family: 'Nunito-SemiBold';color: var(--color-white);line-height: 1;}
.sidebar-nav{background: transparent;}
/*.sidebar-nav ul#side-menu li a.active {border-radius: 0px 5px 5px 0px;border: 1px solid var(--color-white);background: linear-gradient(8deg, rgba(255, 255, 255, 0.69) -17.34%, rgba(255, 255, 255, 0.00) 95.44%);height: 48px;margin-right: 3px;}*/
.sidebar .sidebar-nav ul#side-menu li a.active{
    border-radius: 0px 5px 5px 0px;
    /* border: 1px solid var(--color-white); */
    background: #4d7b95;
    /* height: 48px; */
    margin-right: 3px;
}
.doughnut-box{position: relative;background-color: var(--color-white);height: 100%;border-radius: 10px;background: var(--color-white);padding: 12px 15px;}
/*.white-box.doughnut-box {margin-bottom: 10px;border: 0;position: relative;}*/
.doughnut-box .balance_val {display: flex;align-items: center;justify-content: space-between;}
.per_btn button {border-radius: 7.134px;background: var(--btn-color);color: var(--color-white);font-size: 10px;font-weight: 600;padding: 8px 15px;}
.doughnut-box ul.list-inline{margin-top: 5px;}
.doughnut-box ul.list-inline li{padding: 0;}
.profile-image .img-circle{height: 33px;width: 33px;margin: 0 8px;object-fit: cover;background-color: white;object-position: top;}
.profile_user .user_name h5 {font-size: 12px;color: var(--color-white);font-family: 'Nunito-SemiBold';}
.doughnut-box ul.list-inline li i {padding: 0 6px;}
.doughnut-box ul.list-inline li i.fa.fa-circle.text-primary {padding: 0 6px 0 0px;}
.doughnut-box ul.list-inline li h6 {color: var(--title-color);font-size: 8px;font-weight: 600;font-family: 'Nunito-SemiBold';}
.white-box.ecom-stat-widget {margin-bottom:18px;height: 100%;border-radius: 10px;background: var(--color-white);border: 0;padding: 21px 10px;}
.balance_text h4 {padding-bottom: 5px;font-size: 14px;font-weight: 800;font-family: 'Nunito-ExtraBold';color:rgba(0, 0, 0, 0.7);}
.white-box span.circle {width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 38px;}
.white-box span.num_plus {font-size: 18px;font-family: 'Nunito-ExtraBold';color: var(--title-color);font-weight: 800;}
.white-box p.num_text {font-size: 11px;font-weight: 400;font-family: 'Nunito-SemiBold'; color: var(--title-color);}
.col-xs-3.icon_card {left: 12px;}
.white-box span.bl_circle{background-color: rgba(6, 214, 160, 0.1);color: #06D6A0;}
.white-box span.pk_circle{background-color:rgba(247, 164, 106, 0.1); color: #F7A46A;}
.white-box span.yw_circle{background-color:rgba(255, 209, 102, 0.1);color: #FFD166;}
.white-box span.bk_circle{background-color:rgba(17, 138, 178, 0.1) ;color: #118AB2;}
.box1 { background-color: var(--box1-color); }
.box2 { background-color: var(--box2-color); }
.box3 { background-color: var(--box3-color); }
.all { background-color: #2E6583; }
.card_text {padding-top: 10px;}
.filter_box {border: 2px solid;padding: 4px 10px;border-radius: 10px;background: rgba(255, 255, 255, 0.18);backdrop-filter: blur(6.5px);width:75%;margin: 0 auto 0 auto;}
.filter_box h5 {color: white;font-family: 'Nunito-Bold';}
.filter_box p {display: flex;justify-content: space-between;color: white;font-size: 12px;font-family: 'Nunito-SemiBold';align-items: center;}
.color-box {width: 30.365px;height: 30px;border-radius: 8px;}
.calendar_box .fc-toolbar .fc-left {float: right;order:1;}
.calendar_box .fc-toolbar .fc-right {order: 1;}
view-mycalendar .fc-state-default.fc-corner-right,.fc-state-default.fc-corner-left {border: 0;border-radius: 0;}
#view-mycalendar button.fc-next-button{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
#view-mycalendar button.fc-prev-button {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.calendar_box .fc-toolbar .fc-center {float: left;flex: 1;order: 0;}
/*#view-mycalendar.fc-toolbar .fc-left{float: unset;}*/
/*.calendar_box .fc-toolbar .fc-center h2 {*/
/*font-size: 24px;*/
/*font-family: 'Nunito-ExtraBold';*/
/*}*/
.calendar_box .fc-head th.fc-day-header.fc-widget-header {border: none;text-transform: uppercase;padding: 8px 0;opacity: .7;font-family: 'Nunito-ExtraBold';background-color: #f9fcfd;font-size: 11px;}
.calendar_box .fc-widget-content {max-height: 80px;}
.fc-unthemed .fc-today {background-color: #f9fcfd;}
.calendar_box .fc-basic-view .fc-day-number {font-size: 10px;font-family: 'Nunito-SemiBold';padding-right: 12px;text-align: end;padding-top: 11px;}
#view-mycalendar.calendar_box  .fc-toolbar {margin-bottom: 78px;display: flex;justify-content: space-between;align-items: center;}
/* thead tr{border: 6px  solid #f9fcfd;} */
.date_box {border-radius: 10px;border: 0;}
.calendar_box span.fc-time {opacity: 0;}
.calendar_box .fc-event-container .fc-day-grid-event {left: 18px;width: 15px;height: 15px;border-radius: 50px;padding: 0;background-color: #E71D36;border: 0;top: -23px;cursor: pointer;}
.calendar_box.fc-unthemed td {border-color: #f9fcfd;}
.daterangepicker:after {display: none;}
.daterangepicker:before {display: none;}
.daterangepicker .ranges li.active,.daterangepicker .ranges li:hover {color: #605BFF;border-radius: 3.999px;background-color: rgba(96, 91, 255, 0.05);margin: 0px 3px 0 4px;}
.daterangepicker .ranges li {color: #9B9B9B;font-family: 'Nunito-SemiBold';font-size: 10px;font-style: normal;font-weight: 400;}
.daterangepicker .ranges {background: var(--color-white);height: fit-content;box-shadow: 0px 7.998px 15.995px 0px rgba(0, 0, 0, 0.10);border-radius: 7.998px;}
.daterangepicker .ranges li:last-child {display: none;}
#view-mycalendar .fc-toolbar-chunk .fc-today-button {display: none;}
.daterangepicker.show-calendar .ranges {margin: 0px;}
#reportrange i.fa.fa-calendar {color: #2E6583;font-weight: 900;font-size: 12px;}
#reportrange {width: 26% !important;border-radius: 10px;border: 1px solid #EFEFEF !important;height: 41px;float: right;position: absolute;right: 140px;top: 68px;padding: 10px !important;}
#reportrange span {color: var(--text-color);text-align: center;font-family: Poppins;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.6px;}
.daterangepicker td.active {width: 21px;border-radius: 50%;color: var(--color-white) !important;padding: 0px;height: 32px;min-width: 30px;}
.daterangepicker td.available:hover {background-color: #605BFF;border-radius: 50px;color: var(--color-white);}
.daterangepicker .calendar-table td {color: var(--text-color);font-family: Poppins;font-size: 9.372px;font-style: normal;font-weight: 400;line-height: normal;}
.fc .fc-button {background: #2E6583;border-color:#2E6583}
.fc .fc-button:hover {background: #2B4E64;border-color:#2B4E64}
#view-mycalendar .fc-state-default {background: #2E6583;border-color:#2E6583;border: 1px solid transparent;color: var(--color-white);width: 49px;height: 29px;}
#view-mycalendar .fc-state-default:hover {background: #2B4E64;border-color:#2B4E64}
#view-mycalendar .fc-state-default:focus{box-shadow: rgba(76, 91, 106, 0.5) 0px 0px 0px 0.2rem;}
#view-mycalendar.fc .fc-button .fc-icon{font-weight: bold;}
.table-condensed thead tr:last-child {background-color: #F4F4F4;}
.table-condensed thead tr:last-child th {color: var(--text-color);font-family: Poppins;font-size: 9.372px;font-style: normal;font-weight: 400;line-height: normal;background-color: transparent;border-radius: 0px;}
.daterangepicker.show-calendar .drp-buttons {display: none;}
.daterangepicker th.month {color: var(--text-color);text-align: center;font-family: Poppins;font-size: 11.871px;font-style: normal;font-weight: 600;line-height: normal;}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {color: var(--text-color);font-size: 11.871px;}
#reportrange i.fa.fa-caret-down {display: none;}
.daterangepicker {border: 0;border-radius: 6.248px;background: unset; height: 234px;margin-right: 55px;}
.daterangepicker .ranges ul {width: 100%;padding-top: 10px;}
.filter_btn-icon button {display: inline-flex;padding: 14px 20px;justify-content: center;align-items: center;gap: 10px;border-radius: 10px;background: #2E6583;border: 1px solid #2E6583;color: #fff;text-align: center;font-size: 11px;font-family: 'Nunito-SemiBold';}
.filter_btn-icon .fa-filter:before {font-family: 'FontAwesome';}
.filter_btn-icon button:hover , .filter_btn button:hover{color: white;}
.calendar_box .fc-row .fc-content-skeleton tbody td.fc-more-cell {pointer-events: none;}
/*.filter_btn-icon button {*/
/*display: inline-flex;*/
/*padding: 11px 20px;*/
/*justify-content: center;*/
/*align-items: center;*/
/*gap: 10px;*/
/*border-radius: 10px;*/
/*background: #2E6583;*/
/*color: var(--color-white);*/
/*text-align: center;*/
/*font-size: 11px;*/
/*}*/
.filter_btn button {display: inline-flex;padding: 12px 20px;justify-content: center;align-items: center;gap: 10px;border-radius: 10px;background: #2E6583;color: var(--color-white);text-align: center;font-size: 11px;border: 1px solid #2E6583;}
.filter_btn-icon.date_filter {position: absolute;right: 40px;top: 68px;}
.table-condensed thead tr:last-child th:last-child {border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.table-condensed thead tr:last-child th:first-child{border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
.daterangepicker.show-ranges.ltr .drp-calendar.left {border-bottom-left-radius: 6.248px;border: 0;padding: 0;height: 100%;margin-left: 10px;border-top-left-radius: 6.248px;background: var(--color-white);box-shadow: 0px 0px 17.495px 4.374px rgba(48, 81, 138, 0.05);}
.daterangepicker .drp-calendar.right {padding: 0px;height: 100%;padding: 0 10px 0 0px;border-bottom-right-radius: 6.248px;border-top-right-radius: 6.248px;background: var(--color-white);box-shadow: 0px 0px 17.495px 4.374px rgba(48, 81, 138, 0.05);}
.daterangepicker .calendar-table {background: unset;padding: 0 0 0 10px;}
.white-box.color_table .label-box {display: block;width: 61px;height: 30px;border-radius: 8px;}
.white-box.color_table span.label-box.label-clr-rd{background: #F94144;}
.white-box.color_table span.label-box.label-clr-comp{background: #2E6583;}
.white-box.color_table span.label-box.label-clr-gr{background: var(--box1-color);}
.white-box.color_table span.label-box.label-clr-or{background: var(--box3-color);}
.white-box.color_table span.label-box.label-num {background: rgba(23, 45, 90, .1);color: #2E6583;font-family: 'Nunito-Bold';font-size: 12px;text-align: center;display: flex;align-items: center;justify-content: center;}
.white-box.color_table .table>tbody>tr>td {color: var(--text-color);font-family: 'Nunito-Regular';font-size: 11px;}
.white-box.color_table .table>thead>tr>th {color: var(--text-color);font-family: 'Nunito-Medium';font-size: 12px;}
.white-box.color_table {border: 0;border-radius: 10px;}
h3.box-text {color: var(--text-color);font-family: 'Nunito-Bold';font-size: 18px;}
h3.description-title{font-size: 16px;font-weight: 600;}
.search-filter {display: flex;justify-content: space-between;align-items: center;}
.side-btns {display: flex;align-items: center;text-align: center;gap: 10px;/* margin-right: 35px; */}
div#myTable_length , #myCalendarTable_length {margin-top: 3px;margin-right: 10px;}
.dataTables_filter input[type="search"] {width: 230px;height: 35px;border-radius: 5px;border: 1px solid #F4F4F4;background: var(--color-white);}
.dataTables_filter input::placeholder {color: #9B9B9B;font-family: 'Nunito-Regular';font-size: 12px;font-style: normal;line-height: normal;padding-left: 10px;}
.white-box {border: 0;border-radius: 10px;}

/*.white-box.color_table .table>tbody>tr>td.filter  span , .white-box.color_table .table>tbody>tr>td.status  span {min-width: unset;font-size: 0px;width: 60px;height: 30px;}*/
.white-box.color_table span.label-box { color: #fff; font-family: 'Nunito-Bold'; font-size: 12px; text-align: center; display: flex; align-items: center; justify-content: center; width: fit-content; padding: 8px; height: unset; min-width: 100px; }
/*.dataTables_filter::before {*/
/*content: "/f002";*/
/*position: absolute;*/
/*z-index: 1;*/
/*right: 10px;*/
/*top: 10px;*/
/*font-size: 12px;*/
/*}*/
div#example23_filter {
    position: relative;
}
.icon_card {
    display: flex;
    align-items: center;
    gap: 12px;
}
.table-striped>tbody>tr:nth-of-type(odd){
    background-color: unset !important;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: rgb(160, 159, 207, 0.1);
}
.white-box.color_table .label-col {
    /* display: block; */
    width: 70px;
    height: 30px;
    border-radius: 8px;
    padding: 3px;
}
.white-box.color_table span.label-col.lab_dig {
    background: rgba(23, 45, 90, .1);
    color: #2E6583;
    font-family: 'Nunito-Bold';
    font-size: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.open>.dropdown-menu {
    display: grid;
    width: 50%;
}
.open>.dropdown-menu {
    display: flex;
    left: -20px;
    top: 23px;
}
h4.modal-title {
    color: var(--text-color);
    font-family: 'Nunito-Bold';
    font-size: 24px;
    text-align: center;
}

button.close {
    display: flex;
    width: 25px;
    height: 25px;
    padding: 7px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 7px;
    border-radius: 63px;
    background: #2E6583;
    color: var(--color-white);
    font-size: 16px;
    text-shadow: unset;
    opacity: 1;
}
button.close:hover {
    background: #2E6583;
    opacity: .8;
}
label.control-label {
    color: var(--text-color);
    font-family: 'Nunito-Regular';
    font-size: 14px;
}

.btn-primary {
    background: #2E6583;
    color: var(--color-white);
    font-size: 15px;
    text-shadow: unset;
    border-color: #2E6583;
    border-radius: 10px;
    padding: 7px 12px;
}

body .btn-primary:hover {
    background: #2E6583;
    color: var(--color-white);
    text-shadow: unset;
    border-color: #2E6583;
    opacity: 1;
}
.form-control {
    border-radius: 10px;
    background: #F7F7F8;
    display: flex;
    height: 49px;
    padding: 15px 20px;
    justify-content: start;
    align-items: center;
    gap: 10px;
    border: 0;
}
button.btn.action-btn {
    display: flex;
    height: 52px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #2E6583;
    color: white;
    width: 100%;
}
.Overview button {
    background-color: transparent;
    border: 1px solid #2E6583;
    color: #2E6583;
}

.daterangepicker td:hover {
    width: 21px;
    border-radius: 50%;
    color: var(--color-white) !important;
    padding: 0px;
    height: 32px;
    min-width: 30px;
}
.type h5 {
    color: var(--text-color);
    font-family: 'Nunito-SemiBold';
    font-size: 13px;
    font-style: normal;
}

.type span {
    color: var(--text-color);
    font-family: 'Nunito-Regular';
    font-size: 13px;
    font-style: normal;
}
.type {
    margin-top: 11px;
}
.filter_btn-modal button {
    display: inline-flex;
    padding: 7px 13px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    color: #2E6583;
    text-align: center;
    border: 1px solid #2E6583;
    font-size: 10px;
}

.filter_btn-modal {text-align: end;}
.project_title {
    padding-bottom: 10px;
}
.underline {
    text-decoration: underline;
    font-weight: bold;
}
.modal-header {
    border: 0;
}
.modal .modal-header .modal-header-left{display: inline-flex;align-items: center;column-gap: 10px;}

#overview-modal .modal-header {
    padding: 10px;
    padding-bottom: 0;
}

h4.modal-side-title {
    color: var(--text-color);
    font-family: 'Nunito-Bold';
    font-size: 18px;
    padding-right: 35px;
    margin-top: 0px;
    margin: 0;
}

#overview-modal .modal-header .close {
    margin-top: 0px;
}
/*#overview-modal .modal-dialog {*/
/*    position: absolute;*/
/*    width: 28%;*/
/*    margin: 0 auto;*/
/*    right: 0;*/
/*}*/
/*#clients-overview-modal .modal-dialog {*/
/*    position: absolute;*/
/*    width: 28%;*/
/*    margin: 0 auto;*/
/*    right: 0;*/
/*}*/
/*#clients-item-overview-modal .modal-dialog {*/
/*    position: absolute;*/
/*    width: 28%;*/
/*    margin: 0 auto;*/
/*    right: 0;*/
/*}*/
/*#projects-no-overview-modal .modal-dialog{*/
/*    position: absolute;*/
/*    width: 28%;*/
/*    margin: 0 auto;*/
/*    right: 0;*/
/*}*/
/*#upload-modal .modal-dialog {*/
/*    min-height: 100%;*/
/*}*/
/*#itemname-modal .modal-dialog {*/
/*    min-height: 100%;*/
/*}*/
/* #new-product-modal .modal-dialog {
    min-height: 100%;
}
 */
.table-responsive{
    /*overflow: visible;*/
}

/*.project-modal.table-responsive {*/
/*margin-top: 15px;*/
/*background-color: var(--color-white);*/
/*filter: drop-shadow(0px 4px 21px rgba(0, 0, 0, 0.08));*/
/*border-radius: 10px;*/

/*}*/
.project-modal .table>thead>tr:first-child{
    background: #2E6583;
}


.project-modal .table>thead>tr>th {color: var(--color-white);font-family: 'Nunito-SemiBold';font-size: 11px;font-style: normal;line-height: normal;white-space: nowrap;}

.project-modal .table>tbody>tr>td {
    color: var(--text-color);
    font-family: 'Nunito-SemiBold';
    font-size: 11px;
    font-style: normal;
    line-height: normal;
}

.project-modal .table>tbody>tr>td  i{
    color: var(--text-color);
    font-size: 20px;
    font-weight: 900;
}
.project-modal .table>tbody>tr>td  span.fa-eye{
    color: #2E6583;
    /* font-size: 12px;
    font-weight: 900; */
}
.project-modal .table>tbody>tr>td  span.fa-trash-o {
    color: #E71D36;
}
.project-modal .table>tbody>tr>td span.fa {
    color: var(--text-color);
    font-size: 13px;
}
.project-modal .table>tbody>tr>td .pdf-reply-btn {
    padding: 8px;
    line-height: 1;
}
.project-modal .table>tbody>tr>td .pdf-reply-btn i{
    font-size: 14px;
}

.project-modal .table>tbody>tr>td.file_name div {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.project-modal .table>tbody>tr>td.file_name p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 12px;
    margin: 0;
    min-width: 100px;
}


/* .modal-dialog {
    position: absolute;
    right: 0;
}

div#overview-modal {
    margin: 0px;
} */
#clients-overview-modal .modal-content{
    height: 100%;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#clients-item-overview-modal .modal-content{
    height: 100%;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#projects-no-overview-modal .modal-content{
    height: 100%;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
/* #overview-modal .modal-content{
    height: 100%;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#upload-modal .modal-content {
    height: 100%;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#new-product-modal .modal-content {
    height: auto;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 100vh;
}
#dispatch-product-modal .modal-content {
    height: auto;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
} */
#itemname-modal .modal-content {
    height: 100%;
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.modal-footer {
    border: 0;
    /* padding: 15px 0; */
}
/*#overview-modal .modal-body {*/
/*padding: 15px 0px;*/
/*}*/
/*.modal.fade .modal-dialog{transform: translate(25%,0%);}*/
.add_product {
    text-align: center;
    gap: 6.344px;
    border-radius: 7px;
    border: 1px solid #2E6583;
    display: flex;
    width: 100%;
    height: 32px;
    padding: 7px 13px;
    justify-content: space-between;
    align-items: center;
}

.add_product h4 {
    color: #2E6583;
    font-family: 'Nunito-SemiBold';
    font-size: 10px;
}
.open>.dropdown-menu {
    flex-direction: column;
    /* align-items: center; */
    gap: 6px;
    width: 82px;
    height: fit-content;
    border-radius: 8px;
    background: var(--color-white);
    min-width: 82px;
    box-shadow: 0px 7.998px 15.995px 0px rgba(0, 0, 0, 0.10) !important;
    display: flex;
    left: -20px;
    top: 23px;
    padding: 5px;
    /* justify-content: center; */
}
body .goto-button {
    display: inline-flex;
    padding: 9px 13px;
    justify-content: center;
    /*flex-direction: row-reverse;*/
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #2E6583;
    color: var(--color-white);
    text-align: center;
    font-size: 11px;
    /*border: 1px solid #2E6583;*/
    line-height: 1;
}
body .Overview  .goto-button:hover , body .Overview .goto-button:focus{
    color: var(--color-white);
}
a.btn.borderRadius.view_change_order_modal_btn, a.btn.borderRadius.edit_change_order_modal_btn{
    background: rgba(91, 147, 255, 0.05);
    color: #5B93FF;
    width: 100%;
    justify-content: center;
}

a.btn.borderRadius  , button.btn.borderRadius{height: 22px;width: 68px;display: flex;align-items: center;font-family: 'Nunito-Regular';font-size: 10px;}

a.btn.borderRadius.delete_change_order_modal_btn , button.btn.borderRadius.delete_change_order_modal_btn {
    background: rgba(231, 29, 54, 0.05);
    color: #E71D36;
}
a.btn.borderRadius.assign_change_order_modal_btn {
    color: #FF9900;
    background: rgba(255, 247, 225, 0.81);
}
/*a.btn.borderRadius.view_change_order_modal_btn {*/
/*    color: #2E6583;*/
/*}*/
.assign_tab.open>.dropdown-menu {
    height: 117px;
}
.open>.dropdown-menu a span , .open>.dropdown-menu .btn i {
    padding-right: 5px;
}
button#changeOrder_drop {
    background: none;
}
button#changeOrder_drop i.fa.fa-ellipsis-h {
    width: 19.373px;
    height: 4.843px;
}
#overview-client-modal .modal-dialog {
    position: absolute;
    width: 420px;
    height: 100%;
    margin: 0 auto;
    right: 0;
}


#overview-client-modal .modal-content {
    height: 100%;
}
.modal-content {
    border-radius: 10px;
    padding: 10px 0;
}
.balance_btn button {
    display: inline-flex;
    padding: 7px 14px;
    border-radius: 12px;
    background: #2E6583;
}
.Overview a.btn.borderRadius {
    width: 80px;
    padding: 6px 20px;
}
.Overview .open>.dropdown-menu {
    width: 90px;
    min-width: 90px;
    left: 0px;
    top: 44px;
    height: fit-content;
}
/* #upload-modal .modal-dialog {
    margin: 0;
    position: absolute;
    right: 0;
    bottom:0;
    width: 28%;
}
#country-count-modal .modal-dialog {
    margin: 0;
    position: absolute;
    right: 0;
    bottom:0;
    width: 28%;
    height: 100%;
}
#new-product-modal .modal-dialog {
    margin: 0;
    position: absolute;
    right: 0;
    bottom:0;
    width: 28%;
}
#dispatch-product-modal .modal-dialog {
    margin: 0;
    position: absolute;
    right: 0;
    bottom:0;
    width: 28%;
    height: 100%;
}
#itemname-modal .modal-dialog {
    margin: 0;
    position: absolute;
    right: 0;
    bottom:0;
    width: 28%;
} */
.search-bar_project-details #myTable_filter {
    position: absolute;
    top: -63px;
    right: 446px;
}
.search-bar_client-details #myTable_filter {
    position: absolute;
    top: -63px;
    right: 444px;
}
.search-bar_admin-project-details #myTable_filter {
    position: absolute;
    top: -63px;
    right: 446px;
}
.search-bar_admin-client-details #myTable_filter {
    position: absolute;
    top: -63px;
    right: 444px;
}

.search-bar_agent-details #myTable_filter {
    right: 120px;
    position: absolute;
    top: -96px;
}
.search-bar #myTable_filter {
    right: 112px;
    position: absolute;
    top: -96px;
}
.search-bar_client #myTable_filter {
    position: absolute;
    top: -38px;

    right: 148px;

}
.search-bar_dashboard #myTable_filter {
    position: absolute;
    right: 231px;
    top: -63px;
}
.search-bar_project #myTable_filter {
    position: absolute;
    top: -62px;
    left: 407px;
}
.search-bar_admin #myTable_filter {
    right: 122px;
    position: absolute;
    top: -72px;
}
table#myTable {
    border: 0;
}

div#myTable_info {
    color: var(--text-color);
    font-family: 'Nunito-Medium';
    font-size: 12px;
    font-weight: 500;
}
div#myTable_length label {
    font-weight: 500;
}
div#myTable_paginate {
    color: var(--text-color);
    font-family: 'Nunito-Medium';
    font-size: 13px;
    font-weight: 500;
}
.tabel_top_bar .tabel_top_right .search_form input::placeholder{
    color: var(--text-color);
    font-family: 'Nunito-Medium';
    font-size: 12px;
    font-weight: 500;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid #2E6583;
    background-color: #2E6583;
    color: black !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #2E6583;
    border: 1px solid #2E6583;
    color: var(--color-white);
}
.add_product span.fa.fa-angle-right {
    color: #423E3E;
    width: 2%;
}

button.arrows:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: #2E6583;
}
.filter_btn-modal.Overview {
    padding: 14px 0px;
    /* position: relative; */
    /* width: fit-content; */
    display: flex;
    justify-content: end;
    gap:10px;
}
.overview_btn{background: #2E6583;
    border-radius: 10px;}
body .overview_btn .btn, body .overview_btn .btn:hover , body .overview_btn .btn:focus{color: #fff ;}
.overview_btn .btn:hover{
    color:#fff;}
.overview_btn button.arrows:after{
    color: #fff;
}
.custom-file-upload


input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
label.custom-file-upload {
    border-radius: 10px;
    background: #2E6583;
    display: flex;
    width: 166px;
    height: 39px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--color-white);
    text-align: center;
    font-family: 'Nunito-SemiBold';
    font-size: 14px;
    font-weight: 600;
}
.documents h4.document_title {
    color: var(--text-color);
    font-family: 'Nunito-Bold';
    font-size: 20px;

}

.documents span.fa.fa-file-image-o {
    color: #2E6583;
    text-align: center;
    font-size: 45px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    padding-bottom: 10px;
}
.documents {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 8px;
}
.project-modal table.table {
    border-radius: 12px;
    background: var(--color-white);
    box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.08);
}
.project-modal .table>thead>tr:last-child {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.project-modal .table>thead>tr>th:last-child {
    border-top-right-radius: 12px;
}
.project-modal .table>thead>tr>th:first-child {
    border-top-left-radius: 12px;
}
.search-bar_project .table>tbody>tr>td:first-child {
    cursor: pointer;
}
.dispatch-products {
    width: 100%;
    padding: 10px 0px 20px 0px;
    border-radius: 10px;
    background: var(--color-white);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.16);
    margin: 8px auto;
}

.dispatch-products h4 {
    color: #423E3E;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.6px;
}
.products {
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.dispatch-products .products:hover {
    background: #2E6583;
    color: var(--color-white);
    border-radius: 6px;
}
.dispatch-products .products:hover  h4{
    color: var(--white);
}
#reportrange span:after {
    content: "\f0dc";
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
    padding-left: 3px;
    color: #2E6583;
}
/*button.btn.dropdown-toggle:before {*/
/*content: "\f0dc";*/
/*float: right;*/
/*font-family: fontawesome;*/
/*color: rgba(50,50,50,.5);*/
/*}*/
.col-md-12.company_details h4 {
    color: var(--text-color);
    font-family: 'Nunito-Bold';
    font-size: 18px;
    text-align: left;
    margin-bottom: 5px;
}
.redirect-btns{display: flex;justify-content: end;gap: 12px;margin-bottom: 14px;}
.Overview button:focus {color: #2E6583;}
.Overview button:hover {color: #000;}
.col-md-12.company_agent_details h4 {color: var(--text-color);font-family: 'Nunito-Bold';font-size: 18px;text-align: left;margin-bottom: 15px;}
.multi-select {display: flex;flex-direction: column;}
span.select2.select2-container.select2-container--default {width: 100% !important;}
span.select2-selection.select2-selection--multiple {border-radius: 10px;height: 49px;background: #F7F7F8;}
.select2-results__option[aria-selected] {color: var(--text-color);font-family: 'Nunito-Regular';font-size: 14px;}
span.select2-dropdown.select2-dropdown--below {border-radius: 10px;border: 1px solid #EDEDED;background: var(--color-white);}
span.select2-dropdown.select2-dropdown--below {top: 20px;}
span.select2-selection.select2-selection--multiple {padding: 0;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #605BFF;border-radius: 10px;}
.select2-container--default .select2-results__option[aria-selected=true]{background-color:unset;color: #000;}
.select2-container--default .select2-results__option[aria-selected=true]:after {content: "\f00c";font-family: 'FontAwesome';float: right;}
#assign-client-modal .modal-content {width: 100%;height: 428px;position: relative;}
input.select2-search__field {color: var(--text-color);font-family: 'Nunito-Regular';font-size: 14px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {margin: 9px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {color: var(--text-color);font-family: 'Nunito-Regular';font-size: 14px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border: 0;}
.dataTables_filter label::after {content: "\f002";font-family: 'FontAwesome';position: absolute;top: 8px;right: 8px;}
.dataTables_filter label{position: relative;}
/*.completed.open>.dropdown-menu {*/
/*height: 60px;*/
/*left: 13px;*/
/*top: 39px;*/
/*}*/

.completed.open>.dropdown-menu {height: fit-content;width: 100%;left: 0px;top: 47px;}
.completed a.btn.borderRadius {height: 100%;width: 92%;justify-content: center;}
#country-count-modal.in .modal-dialog, #upload-modal.in .modal-dialog,#overview-client-modal.in .modal-dialog,#overview-modal.in .modal-dialog,#clients-overview-modal.in .modal-dialog,#clients-item-overview-modal.in .modal-dialog,#projects-no-overview-modal.in .modal-dialog,#new-product-modal.in .modal-dialog,#dispatch-product-modal.in .modal-dialog,#itemname-modal.in .modal-dialog{transform:translate(0 , 0);}
#country-count-modal .modal-dialog, #upload-modal .modal-dialog,#overview-client-modal .modal-dialog,#overview-modal .modal-dialog,#clients-overview-modal .modal-dialog,#clients-item-overview-modal .modal-dialog,#projects-no-overview-modal .modal-dialog,#new-product-modal .modal-dialog,#itemname-modal .modal-dialog,#dispatch-product-modal .modal-dialog {transform:translate(100% , 0);}
.filter-clr a.dropdown-item {display: flex;gap: 10px;align-items: center;text-align: center;color: #5B93FF;font-family: 'Nunito-Regular';font-size: 12px;width: 100%;height: 100%;border-radius: 4px;justify-content: center;color: white;padding: 6px;}
.filter-clr.open>.dropdown-menu {width: 100%;min-width: 132px;height: fit-content;padding: 5px;top: 44px;left: -23px;}
.filter-clr .colored-box {width: 23.365px;height: 23px;border-radius: 6px;margin-left: 5px;}
a.btn.borderRadius.inactive_change_order_modal_btn {background: rgb(255 153 0 / 0.45);color: var(--color-white);}
a.btn.borderRadius.completed_change_order_modal_btn {background: rgb(76 175 80 / 0.45);color:  var(--color-white);}
/* ==================================================css by qasim starts here================= */
.inner_centerized_col{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.inner_form_area{width: 100%;}
.inner_form_area .form-group input , .inner_form_area .form-group select{border-radius: 4px;border: 2px solid var(--color-white);height: 38px;margin: 0;overflow: visible;z-index: 1;background-color: var(--btn-color);}
.inner_form_area .form-group input:focus, .inner_form_area .form-group select:focus {border-color: black;}
.inner_form_area .form-group .form-check , .inner_flexible_box {display: flex;align-items: center;gap: 20px;}
.inner_form_area .form-group .form-check label{margin: 0;}
.inner_form_area .btn {
    width: 100%;
    height: 38px;
    border-radius: 5px;
    background: #023047;
    margin: 0 auto;
    color: #fff;
    font-size: 13px;
    /* font-weight: bolder; */
}

.inner_form_area .form-group .toggle-password {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    color: #BEBEBE;
    right: 8px;
    top: 0;
    height: 100%;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.inner_form_area .form-group input:focus + label {color: #424242;}
.inner_form_area .btn:hover{color: var(--color-white);}
.inner_form_area .btn_wrapper{display: flex;flex-direction: column;gap: 60px;}
.inner_form_area .form-group{position: relative;/* padding-inline: 8px; */margin-bottom: 15px;margin: 15px 0;}
.inner_form_area .btn_wrapper ,.inner_form_area .force_align_right {/* padding-inline: 8px; */}
.inner_form_area label ,.inner_form_area h2 ,.inner_form_area p ,.inner_form_area span ,.inner_form_area .form-control{color: var(--color-white);}
.inner_form_area .form-group  label{position: absolute;top: 29%;left: 5%;padding-inline: 8px;font-size: 16px;transform: translateY(0);transition: transform .4s ease ;}
.inner_form_area input:not([type="radio"]):not([type="checkbox"]) + label, .inner_form_area input:not([type="radio"]):not([type="checkbox"]):valid + label {color:#757575;position: absolute;background-color: #fff;z-index: 1;font-size: 12px;transform: translateY(-25px);}
.inner_form_area input[type="date"]::-webkit-datetime-edit-text ,
.inner_form_area input[type="date"]::-webkit-datetime-edit-month-field,
.inner_form_area input[type="date"]::-webkit-datetime-edit-day-field,
.inner_form_area input[type="date"]::-webkit-datetime-edit-year-field{-webkit-appearance: none;}
.inner_form_area input[type="date"]{/* color-scheme: dark; *//* opacity: 0; */}
/*.inner_form_area input[type="date"] + label {color: transparent;}*/
.inner_form_area input[type="date"]:focus + label {/* color: white; */}
/* .inner_form_area input[type="date"]:focus + label {
   color:var(--color-white)
} */
.form-group select + label, .form-group select:valid + label {/* transform: translateY(-27px); *//* font-size: 12px; *//* background-color: #fff; */}
.inner_flexible_box {padding-block-end: 10px;padding-inline-start: 10px;}
.inner_form_area .row {column-gap: 0px;display: flex;flex-wrap: wrap;justify-content: center;}
.inner_form_area .col-md-6 , .inner_form_area .col-md-12 , .inner_form_area .col-sm-12{padding: 0;}
.inner_form_area a{color: #38f2ee;}
.login_page_main_sect{/* background-color: var(--btn-color); *//* height: calc(100vh - 200px);min-height: calc(100vh - 100px); *//* height:100vh; */display: flex;/* align-items: center; */justify-content: center;padding: 20px;min-height: 100vh;align-items: center;justify-content: center;box-sizing: border-box;}
.login_page_main_sect .container-fluid , .login_page_main_sect form , .login_page_main_sect .container-fluid form  .row , .login_page_main_sect .container-fluid form  .row  .col-12 , .login_page_main_sect .inner_centerized_col  {height: 100%;}
.force_align_left{margin-inline-start: -8px;}
.logo_sect{max-height: 300px;width: 100%;background-color: black;}
.logo_container {width: 200px;height: 100px;padding: 10px;}
.logo_container img{width: 100%;height: 100%;object-fit: contain;object-position: left;}
.login_page_main_sect .container-fluid {/* padding: 30px; *//* max-width: 100%; */width: 100%;padding: 0px;}
.login_page_main_sect .row {display: flex;/* align-items: end; */justify-content: center;}

/* ==================================================css by qasim end here================= */
.navbar .open>.dropdown-menu {right: 43px;left: unset;top: 80%;width: fit-content;height: fit-content;}
ul.dropdown-menu li a img {color: #333;width: 17px;filter: invert(.7);height: 17px;    margin-right: 10px;}
.sidebar-nav ul#side-menu a img {height: 17px;width: 17px;}
.sidebar .sidebar-nav ul#side-menu li a {display: flex;align-items: center;gap: 8px;font-size: 14px;padding: 14px 25px 12px 34px;}
#side-menu i.fa.fa-calendar-o {color: #fff;font-weight: 900;}
/*.white-box.color_table .table>tbody>tr>td a {*/
/*    color: var(--text-color);*/
/*}*/
/*.table-responsive #myTable_length {*/
/*    display: none;*/
/*}*/
.btn:focus {color: #fff;}
.btn:hover {color: #000;}
.title h1 {padding-left: 15px;padding-right: 15px;}
#myTable_length select {border: 2px solid #2E6583;font-size: 14px;font-family: 'Nunito-Medium';width: 60px;height: 28px;}
#myTable_paginate {display: flex;flex-direction: row-reverse;align-items: baseline;}
.sidebar-nav ul#side-menu li a i {height: 17px;width: 17px ;font-size:17px;margin: 0px;text-align: center !important;line-height: 1;color: #fff;}
ul.dropdown-menu li:last-child {width: 100%;}
.dropdown-menu>li>a{text-align: center;}
.white-box.color_table .table>tbody>tr>td>a {color: var(--text-color);}
.search-bar_admin-project-details td.sorting_1 {cursor: pointer;}
.search-bar .dataTable.no-footer td.sorting_1 {cursor:pointer}
.search-bar_dashboard td.sorting_1 {cursor: pointer;}
.white-box td.sorting_col_one {cursor: pointer;}
.white-box td.sorting_col {cursor: pointer;}
.sidebar-nav ul#side-menu li a:hover {background: #406d8a;}
#side-menu ul>li>a:hover, .mini-sidebar .sidebar-nav #side-menu>li:hover>a i, .sidebar-nav ul#side-menu li a.active i , .sidebar-nav ul#side-menu li a i {color: white;}
#view-mycalendar button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {display: none;}
#calendar.fc .fc-multimonth {border: 0;overflow: unset;}
#calendar .fc-col-header-cell {background-color: #f9fcfd;}
#calendar.fc .fc-daygrid-day.fc-day-today {background: #f9fcfd;}
#calendar.fc .fc-col-header-cell-cushion {border: none;text-transform: uppercase;opacity: .7;font-family: 'Nunito-ExtraBold';background-color: #f9fcfd;font-size: 8px;color: rgba(0, 0, 0, 0.7);}
#calendar.fc-theme-standard td, .fc-theme-standard th {border: 1px solid #f9fcfd;}
#calendar.fc .fc-multimonth-title {font-size: 19px;font-weight: 800;font-family: 'Nunito-Regular';color: rgba(0, 0, 0, 0.7);}
#calendar.fc .fc-daygrid-day-number {font-size: 10px;font-family: 'Nunito-SemiBold';color: rgba(0, 0, 0, 0.7);}
#calendar button.fc-today-button.fc-button.fc-button-primary {display: none;}
#view-mycalendar .fc-col-header-cell {background-color: #f9fcfd;}
#view-mycalendar.fc .fc-col-header-cell-cushion {border: none;text-transform: uppercase;padding: 8px 0;opacity: .7;font-family: 'Nunito-ExtraBold';background-color: #f9fcfd;font-size: 11px;color:  rgba(0, 0, 0, 0.7);}
#view-mycalendar.fc .fc-daygrid-day.fc-day-today {background-color: #f9fcfd;}
#view-mycalendar.fc .fc-daygrid-day-number {font-size: 10px;font-family: 'Nunito-SemiBold';padding-right: 12px;text-align: end;padding-top: 11px;color: rgba(0, 0, 0, 0.7);}
#view-mycalendar.fc-theme-standard td, .fc-theme-standard th {border: 1px solid #f9fcfd;}
#view-mycalendar.fc-theme-standard .fc-scrollgrid {border: 1px solid #f9fcfd;}
.text-box {display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}

.tabel_top_bar {display: flex;justify-content: space-between;align-items: center;/* justify-content: end; */}
.tabel_top_bar .tabel_top_right { display: flex; align-items: center; column-gap: 10px; }
.tabel_top_bar .tabel_top_right .search_form .txt_field .form-control {border-radius: 5px;border: 1px solid #F4F4F4;background: #FFF;padding: 10px 30px 10px 10px;line-height: 1.3;height: unset;width: 230px;color: #9B9B9B;}
.tabel_top_bar .tabel_top_right .search_form .txt_field { position: relative; }
.tabel_top_bar .tabel_top_right .search_form .txt_field  i {position: absolute;right: 10px;top: 12px;}
.color_table .dataTables_wrapper .dataTables_filter { display: none; }
.tabel_top_bar .tabel_top_right .search_form .txt_field i {color: var(--text-color);font-size: 12px;font-weight: 700;}
.event-calendar .multi-month .fc-toolbar {justify-content: space-between;}
/*.event-calendar .multi-month .fc-toolbar .fc-toolbar-chunk:has(button) {position: absolute;left: 0;top: 20px;width: 100%;}.fc-toolbar .fc-toolbar-chunk:has(button) .fc-button-group {display: flex; justify-content: space-between; width: 100%; align-items: center;}*/
/*.event-calendar .multi-month .fc-toolbar .fc-toolbar-chunk:has(button) .fc-button-group button {width: 50px;flex-grow: 0;margin: 0;border: 0;    background: var(--btn-color);}*/
.event-calendar .fc button .fc-icon {top: -4px;}
/*.event-calendar button.fc-prev-button.fc-button.fc-button-primary {left: 10px;}*/
/*.event-calendar button.fc-next-button.fc-button.fc-button-primary {right: 30px;}*/
.white-box.date_box {position: relative;}
#calendar .fc-view-harness { height: 1900px !important;}
/* #view-mycalendar.fc-theme-standard td >div {height: fit-content;} */
.white-box.color_table .table>tbody>tr>td>a:hover{color:#2E6583;}
.navbar-top-links>li>a {height: 60px;min-height: 100%;line-height: 1;display: flex;}
/*.navbar .navbar-header .profile_user {margin: 0px;}*/
.navbar .navbar-header {padding-left: 210px;}
.nav .open>a:hover {background: transparent;}
.navbar .navbar-header .profile { margin: 0px; }
.navbar .navbar-header .profile:hover  .dropdown-menu { flex-direction: column; gap: 6px; width: 82px; height: fit-content; border-radius: 8px; background: var(--color-white); min-width: 82px; box-shadow: 0px 7.998px 15.995px 0px rgba(0, 0, 0, 0.10) ; display: flex; left: -20px; top: 23px; right: 43px; left: unset; top: 80%; width: fit-content; height: fit-content; transition: 0.5s ease all; }
.navbar .navbar-header .profile  { transition: 0.5s ease all; }
.navbar .navbar-header .profile .dropdown-menu li>a{text-align: left;}
.navbar-header .top-left-part h3 {margin:  0;}
.navbar-header .top-left-part {height: 100%;display: flex;align-items: center;justify-content: flex-end;width: fit-content;}
.navbar-header .top-left-part h3 {color: #fff;}
.navbar .navbar-header .my-header{display: flex;justify-content: space-between;align-items: center;}
.navbar .navbar-header .my-header .header-right{/* width: 50%; */display: flex;justify-content: flex-end;}
.navbar .navbar-header .my-header.header-left{width: 50%;}
.navbar .navbar-header .my-header .btn i{color: white;}
/*sweet-alert*/
body .swal2-popup .swal2-success .swal2-success-ring {border: .25em solid #2E6583;}
body .swal2-popup span.swal2-success-line-tip { background-color: #2E6583;}
body .swal2-popup span.swal2-success-line-long {background-color: #2E6583;}
body .swal2-popup button.swal2-confirm {background-color: #2E6583; border: 0;}
body .swal2-popup button.swal2-cancel {border: 0;}
body .swal2-popup button {border: 1px solid #2E6583;border-radius: 10px;}
body .swal2-popup button.swal2-confirm:focus {box-shadow: 0 0 0 3px hsl(201 48% 35% / 05);}


@media(max-width:1024px) {
    .text-box p {
        width: 0;
        opacity: 0;
        transition: 0.3s all;
    }
    .text-box p{
        flex-direction: row-reverse;
    }

    .text-box:hover p {
        width: 100%;
        opacity: 1;
        transition: 0.3s all;
        color: black;
    }
    .filter-box{
        width: 150px;
    }
    .filter_box h5{
        display: none;
    }
}


#myTableThird_wrapper.dataTables_wrapper .dataTables_length , .dataTables_wrapper .dataTables_length{
    float: right;
    /* margin: 5px 0px; */
    min-height: 36px;
    display: flex;
    align-items: center;
}
.dataTables_wrapper .dataTables_length label {
    margin: 0px;
}

#myTableThird_wrapper.dataTables_wrapper .dataTables_length label , #myTableSecond_wrapper.dataTables_wrapper .dataTables_length label {
    margin-block-start: 8px;
}

.fc .fc-scrollgrid-section-body table{
    height: 528px !important;

}
.fc .fc-view-harness{
    height: 580px !important;

}

.event-calendar .tab-content #profile #calendar .fc-multiMonthYear-view .fc-multimonth-month{
    width: 33.3333% !important;
    padding: 0px 1.2em 1.2em;

}

.fc .fc-multimonth-singlecol .fc-multimonth-daygrid-table{
    height: 381.728px !important;

}
.fc .fc-multimonth-daygrid{
    box-shadow: -3px 10px 50px -42px rgba(0,0,0,076);

}



.first-one h1 {
    color: #fff;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
}

.second-one h4 {
    color: #fff;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.16px;
    margin: 25px 0 0 0;
}

.panel.panel-default.text-scroll {
    background: unset;
}

.panel.panel-default.text-scroll {
    /* width: 90%; */
}


.login_page_main_sect .second-column {
    width: 75%;
    border-radius: 24px;
    background: #fff;
    padding: 80px 40px;
    /* margin-left: auto; */
    /* margin-top: 100px; */
    margin: 0 auto;
    max-width: 460px;
}

.second-column {}
.login_page_main_sect .first-column {
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    /* height: 100%; */
    /* justify-content: center; */
    border-radius: 25px;
    background: #023047;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
    padding: 25px 30px;
    max-width: 420px;
    width: 75%;
}
.inner_form_area .form-group input, .inner_form_area .form-group select {
    border-radius: 8px;
    border: 1px solid #BDBDBD;
    background-color: transparent;
    color: #000;
    a122aaa: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    padding: 10px;
    display: block;
    padding: 10px;
    /* margin: 10px 0; */
    border: 1px solid #ccc;
    border-radius: 5px;
}

.inner_form_area .form-group label {color: #757575;font-family: "Zen Kaku Gothic Antique", sans-serif;font-size: 16px;font-style: normal;font-weight: 400;}

.btn_wrapper span {
    color: #212121;
    text-align: center;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 12.8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn_wrapper span a {
    color: #212121;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 12.8px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
}
h2.force_align_right {
    color: #000;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    /* line-height: 44px; */
    margin: 0px;
    margin-bottom: 30px;
}
.inner_form_area p.force_align {
    color: #000;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 12.8px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.53px;
}

.inner_form_area h2.force_align {
    color: #000;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    /* line-height: 44px; */
    margin-bottom: 25px;
}
.account-text p {
    color: #212121;
    text-align: center;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    font-size: 12.8px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.account-text p::before {
    bottom: 33%;
    content: "";
    position: absolute;
    width: 46%;
    color: beige;
    background: #E0E0E0;
    background-color: #E0E0E0;
    height: 1px;
    left: 0;
}
.account-text p::after {
    bottom: 33%;
    content: "";
    position: absolute;
    width: 46%;
    color: beige;
    background: #E0E0E0;
    background-color: #E0E0E0;
    height: 1px;
    right: 0;
}
.inner_form_area .btn_wrapper .account-text {
    position: relative;
    margin-top: 50px;
}
.first-column .logo_container {
    width: 400px;
    height: 200px;
    padding: 0;
    /* margin: 0; */
    width: 242px;
    height: 80px;
    margin-bottom: 30px;
    width: 150px;
    height: 50px;
    /* flex-shrink: 0; */
}
.first-column .logo_container img {
    object-fit: contain;
    /* filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(211deg) brightness(101%) contrast(104%); */
}
.inner_form_area .btn_wrapper.account-info {
    gap: 20px;
}
.login_page_main_sect .owl-theme .owl-dots .owl-dot span {
    width: 50px;
    height: 5px;
    border-radius: 0px;
}
.login_page_main_sect .owl-theme .owl-dots .owl-dot span { background-color: rgba(158, 158, 158, 1); }
.login_page_main_sect .owl-theme .owl-dots .owl-dot.active span{ background-color: white; border: 4px solid white; }
.owl-theme .owl-dots {display: flex;justify-content: flex-start;}
.register-sec .second-column {width: 100%;max-width: 100%;}

.login_page_main_sect .container{width: 1280px;}
.legend-item { margin-bottom: 8px; display: flex; }
.legend-item .color-box { display: inline-block; width: 15px; height: 15px; margin-right: 5px; border-radius: 0px; }
.legend-item .legend-text {font-size: 14px;color: black;font-size: 12px;/* white-space: nowrap; */}
.chart-container {display: flex;align-items: center;padding: 0px 15px;justify-content: center;column-gap: 20px;}
.tabel_top_bar .tabel_top_right .dropdown .select2 .select2-selection {padding: 14px 20px 14px 15px;border-radius: 10px;background: #2E6583;border: 1px solid #2E6583;color: #fff;text-align: center;font-size: 11px;font-family: 'Nunito-SemiBold';height: unset;line-height: 1;max-width: 135px;width: 135px;}
.tabel_top_bar .tabel_top_right .dropdown .select2 .select2-selection .select2-selection__rendered {color: white;line-height: unset;padding: 0px;text-align: center;}
.tabel_top_bar .tabel_top_right .dropdown .select2 .select2-selection .select2-selection__arrow { height: 100%; color: white; top: 0; }
.tabel_top_bar .tabel_top_right .dropdown .select2 .select2-selection .select2-selection__arrow b { border-color: white transparent white transparent; }
.tabel_top_bar .tabel_top_right .dropdown .select2.select2-container--open .select2-selection  .select2-selection__arrow b { border-color: transparent transparent white transparent; }
body .select2-container .select2-dropdown { padding: 5px; box-shadow: 0px 7.998px 15.995px 0px rgba(0, 0, 0, 0.10) !important; border-radius: 8px; min-width: 200px; border: 1px solid #F4F4F4; }
body .select2-container input.select2-search__field { border-radius: 5px; border: 1px solid #F4F4F4; background: #FFF; padding: 10px 30px 10px 10px; line-height: 1.3; height: unset; color: #9B9B9B; }
body .select2-container .select2-results__option[aria-selected=true] ,  body  .select2-container .select2-results__option--highlighted[aria-selected] { background-color: #2E6583; color: white; border-radius: 4px; }
body .select2-container .select2-results__option {margin-bottom: 5px;padding: 5px;border-radius: 4px;padding: 8px;font-size: 12px;}
.Overview .dropdown .dropdown-menu .btn.active {background-color:#2E6583;color:white;}
.login_page_main_sect:before {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;/* background-color: black; */opacity: 0.3;}
.login_page_main_sect {position:relative;}
.white-box .project-modal   .table>thead>tr>th {
    color: white;
}
.multi-month .fc-daygrid-event{ width: 15px; height: 15px; border-radius: 50px; padding: 0; background-color: #E71D36; border: 0; font-size:0px; }
.multi-month .fc-daygrid-more-link{pointer-events: none;}
.top-modal {z-index: 1060;}

.fc.calendar_full_calendar button .fc-icon {top: 0; line-height: 5px; font-size: 15px;}
#view-mycalendar.fc .fc-button .fc-icon::after {
    top:0;
    font-size:25px;
    margin: 0px;
    height: 100%;
    display: block;
    position: relative;
    line-height: 10px;
}

.modal .modal-body .row {
    display: flex;
    flex-wrap: wrap;
}
.video_dropdown .dropdown-menu { width: 500px; left: unset; right: 0; padding: 10px;border-radius: 10px;background: var(--color-white);border: 0;}
.video_dropdown .dropdown-menu .nav-tabs { display: flex; justify-content: left; width: fit-content; }
.video_dropdown .dropdown-menu .close { position: relative;     display: inline-block; float: unset; }
.video_dropdown .dropdown-toggle { color: white; padding: 5px 10px; }
.video_dropdown .dropdown-menu.show {opacity: 1;transition: 0.5s ease all;top: 30px;}
.video_dropdown .dropdown-menu .dropdown-header {text-align: right;padding: 0px;}
.video_dropdown .dropdown-menu .nav-tabs li a { font-family: inherit; padding: 12px 20px; border-radius: 10px; text-align: center; font-size: 11px; border: 1px solid #2E6583; }
.video_dropdown .dropdown-menu .nav-tabs li.active a { background: #2E6583; color: var(--color-white); border: 1px solid #2E6583; }
.video_dropdown .dropdown-menu  .tab-content { margin-top: 5px; }

#wrapper .right-modal .modal-content {min-height: 100%;border-radius: 0;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
BODY #wrapper .page-wrapper .right-modal .modal-dialog {margin: 0;position: absolute;right: 0;top:0;width: 32%;height: 100%;overflow-y: scroll;}
#wrapper .right-modal.in .modal-dialog{transform:translate(0 , 0);}
#wrapper .right-modal .modal-dialog {transform:translate(100% , 0);}
.white-box.color_table .table>tbody>tr>td[data-toggle] {cursor: pointer;}
.project-modal .delete_phase_items {cursor: pointer;}
.inner_loader{background-color: #ffffff7a;   }
/*.inner_loader .cssload-speeding-wheel {border: 1px solid white;border-radius: 50%;border-left-color: transparent;border-right-color: transparent;}*/

.white-box.color_table .table>thead>tr>th { white-space: nowrap; }
.white-box.color_table .table>tbody>tr>td.item_description_modal , .white-box.color_table .table>tbody>tr>td.productDetailModal { width: 22%; }
.white-box.color_table span.label-box { white-space: nowrap; }

/* Chat Wrapper */
.chat-wrapper {/* padding: 10px; */background: #fff;border-radius: 10px;height: 100%;height: calc(100vh - 5px);}

/* ChatHeader */
.chat-wrapper .chat-header {/* padding: 10px; */background-color: #2E6583;border-radius: 10px 0px 0px 0px;}
.chat-wrapper .chat-header .chat-title-box{display:flex;align-items: center;justify-content: space-between;}
.chat-wrapper .chat-header .chat-title{color: var(--text-color);color: white;padding: 10px;font-family: 'Nunito-Bold';}
.chat-wrapper .chat-header .member-info { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.chat-wrapper .chat-header .member-info .member-avatars { display: flex; align-items: center; gap: 10px; }
.chat-wrapper .chat-header .member-info .member-avatars .user-avatar { border-radius: 50%; width: 30px; height: 30px; overflow: hidden; margin-left: -20px; border: 2px solid #2E6583; }
.chat-wrapper .chat-header .member-info .member-avatars .user-avatar img { width: 100%; height: 100%; }

/* Chat Body */
.chat-wrapper .chat-body {/* height: calc(100vh - 315px); */height: calc(100% - 110px);overflow-y: scroll;padding-right: 20px;padding: 10px;}
.chat-wrapper .chat-body .chat-message {display: flex;gap: 10px;margin-bottom: 25px;flex-wrap: wrap;}
.chat-wrapper .chat-body .chat-message.received { justify-content: flex-start; }
.chat-wrapper .chat-body .chat-message.sent { justify-content: flex-end; }
.chat-wrapper .chat-body .chat-message .user-avatar { width: 30px; height: 30px; overflow: hidden; align-self: start; border-radius: 50%; border: 2px solid #2E6583; background-color: #d6d6d6; position: relative; flex-shrink: 0; }
.chat-wrapper .chat-body .chat-message .user-avatar img {width: 100%;height: 100%;object-fit: contain;object-position: center;vertical-align: unset;}
.chat-wrapper .chat-body .chat-message .message-details { display: flex; gap: 10px; }
.chat-wrapper .chat-body .chat-message .message-details {display: flex;gap: 10px;margin-bottom: 10px;}
.chat-wrapper .chat-body .chat-message .content p{margin: 0px;font-size: 14px;word-break: break-word;}
.chat-wrapper .chat-body .chat-message .content span{margin: 0px;font-size: 13px;}
.chat-wrapper .chat-body .chat-message .content .pdf_attachement {border-radius: 12px;background: var(--color-white);box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.08);padding: 10px;margin-bottom: 10px;width: fit-content;margin-left: 20px;}
.chat-wrapper .chat-body .chat-message .content .pdf_attachement a {display: flex;column-gap: 8px;}

.chat-messages .chat-message:last-child {margin: 0px;}
.chat-wrapper .chat-body .chat-date-box { margin: 25px 0px; text-align: center; position:relative; }
.chat-wrapper .chat-body .chat-date-box:before { content: ""; display: block; height: 2px; background-color:  #2E6583; margin: auto 0; width: 100%; position: absolute; inset-block: 0; z-index: 0; }
.chat-wrapper .chat-body .chat-date-box p {font-size: 12px;line-height:1;background-color: #2E6583;color: #fff;padding: 8px;width: fit-content;margin: 0 auto;z-index: 1;position: relative;}
.chat-wrapper .chat-body .chat-message:hover .reply-btn { opacity: 1; }
.chat-wrapper .chat-body .chat-message .reply-btn { opacity: 0; cursor: pointer; }
.chat-wrapper .chat-body .chat-message .gallerys { display: flex; column-gap: 10px;}
.chat-wrapper .chat-body .chat-message .gallerys .gallery { width: 100px; height: 100px; display: block; border-radius: 10px; overflow:hidden; }
.chat-wrapper .chat-body .chat-message .gallerys .gallery  img{ width: 100%; height: 100%; object-fit:contain; }

/* Chat Footer */
.chat-wrapper .chat-footer form  {position: relative;}
.chat-wrapper .chat-footer form .message-box {display: flex;width: 100%;background-color: #F7F7F8;border-radius:10px;position: relative;}
.chat-wrapper .chat-footer .preview-box {/* display: none; *//* top: 0; */position: absolute;bottom: 50px;height: fit-content;width: 100%;background-color: #F7F7F8;/* padding: 10px; *//* border-radius: 10px; */}
.chat-wrapper .chat-footer .message-input {flex: 1;resize: none;}
.chat-wrapper .chat-footer .message-input-box {flex: 1;}
.chat-wrapper .chat-footer .reply-preview {padding: 10px;display: none;}
.chat-wrapper .chat-footer .chat-action-icons {display: flex;/* column-gap: 5px; */align-items: center;padding-right: 10px;}
.chat-wrapper .chat-footer .chat-action-icons label {font-size: 16px;margin:0px;}
.chat-wrapper .chat-footer .chat-action-icons input[type='file']{display: none;}
.chat-wrapper .chat-footer .btn {background-color: transparent;padding: 6px;color: #2E6583;}
.chat-wrapper .chat-footer .reply-preview .replying-box {display: flex;justify-content: space-between;align-items: start;}
.chat-wrapper .chat-footer .gallerys {display: flex;padding: 10px;column-gap: 10px;display: none;}
.chat-wrapper .chat-footer .gallerys .gallery {width: 70px;height: 70px;display: block;border-radius: 10px;overflow:hidden;border: 1px solid #2E6583;position: relative;}
.chat-wrapper .chat-footer .gallerys .gallery  img{ width: 100%; height: 100%; object-fit:contain; }
.chat-wrapper .chat-footer .btn[disabled]:hover , .chat-wrapper .chat-footer .btn[disabled]{color:gray;}
.chat-wrapper .chat-footer .gallerys .gallery .remove-btn {position: absolute;top: 2px;right: 2px;font-size: 10px;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;border: none;color: red;background-color: white;border-radius: 50%;}
.project-chat-modal .modal-body , .project-chat-modal .modal-content {padding: 0;}
.chat-wrapper .chat-body .chat-message .attachment-image { display: flex; flex-wrap: wrap; column-gap:10px; }
.chat-wrapper .chat-body .chat-message .attachment-image .gallery {}
.chat-wrapper .chat-body .chat-message .attachment-image .gallery img {width: 60px;height: 60px;border-radius:5px;border: 2px solid #2E6583;object-fit: contain;object-position: center;}
.chat-wrapper .chat-body .chat-message .attachment-image .gallery i {font-size: 62px;color: #2E6583;}
.chat-wrapper .chat-body .chat-message .attachment-image .gallery .file-type { font-weight: bold; text-transform: uppercase; font-size: 13px;line-height: 1; margin:0px; margin-top: 5px; }
.chat-wrapper .chat-body .chat-message .reply_to {width: 100%;display: flex;column-gap: 8px;align-items: center;padding-left: 10px;}
.chat-wrapper .chat-body .chat-message  .content { flex: 1; }
.chat-wrapper .chat-body .chat-message .reply_to p { margin: 0px; font-size: 13px; }
.chat-wrapper .chat-body .chat-message .reply_to .user-avatar { width: 20px; height: 20px; }
.chat-wrapper .chat-body .chat-message .reply_to .reply_icon {width: 20px;}
.chat-wrapper .chat-body .chat-message .reply_to .reply_icon img{width: 20px;}
.chat-wrapper .chat-body .chat-message .pdf_attachement_box { padding-bottom: 20px; }
.chat-wrapper .chat-body .chat-message .pdf_attachement_box .pdf_attachement + i{ rotate: -90deg; display: block; text-align: left; width: fit-content; margin-top: -20px; }

.timeline-container { position: relative; width: 100%; max-width: 1000px; margin: 50px auto; height: 20px; display: flex; }
.timeline-bar { position: absolute; top: 50%; left: 0; right: 0; height: 20px; background-color: #e0e0e0; border-radius: 10px; transform: translateY(-50%); opacity: 0; }
.segment { height: 20px; flex: 1; }
.segment:first-child { border-radius: 10px 0 0 10px; }
.segment:last-child { border-radius: 0 10px 10px 0; }
.icon { position: absolute; text-align: center; font-size: 14px; }
.icon i { color: #4682B4; }
.icon-text { font-size: 13px; color: #4682B4; white-space: nowrap; }
.white-box.color_table .table>tbody>tr>td .project_show { background-color: transparent; font-family: Nunito-Bold; color: var(--title-color); }

#wrapper .project-chat-modal .modal-dialog { transform: unset; border-radius: 10px; overflow: hidden; width: 100%; }
#wrapper .project-chat-modal { width: 28%; left: unset; right: 28%; opacity: 1;}
#wrapper .overview-modal .modal-content { min-height: 100vh; }
/*#wrapper .modal .modal-content {min-height: 100vh;}*/
.swal2-container.swal2-backdrop-show {z-index: 100000;}
.error{color: red;
}
label.error {margin: 5px 0px;}
.project-modal .table > tbody > tr.bl_row,
.project-modal .table > tbody > tr.invoice_row {
    /* display: none; */
}

.overview-modal .table > tbody > tr.bl_row,
.overview-modal .table > tbody > tr.invoice_row {
    display: table-row;
}
.account_setting .fileinput .thumbnail>img {width: 100%;height: 100%;object-fit: contain;object-position: center;}
.account_setting .fileinput .thumbnail {width: 200px;height: 200px;}
.account_setting .pager.wizard {text-align: left;}
.account_setting .pager .next>a {float: unset;}


.login_form_box {display: flex;background: white;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);overflow: hidden;width: 500px;margin: 0 auto;}
.login_form_box .login_form_left { background: #023047; color: white; padding: 10px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 30%; }
.login_form_box .login_form_left img { width: 100%; }
.login_form_box .login_form_left .form-control { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 5px; }
.login_form_box .login_form_right {padding: 50px;flex-grow: 1;text-align: center;}
.table>tbody>tr>td .project-chat-btn { position: relative; }
.table>tbody>tr>td .project-chat-btn .unread-badge { width: 12px; height: 12px; border-radius: 50%; display: inline-block; position: absolute; padding: 0; top: -5px; right: -5px; }

.other_documents_table .table > tbody > tr > td:first-child {
    /* width: 150px; */
    /* max-width: 150px; */
    /* min-width: 150px; */
    /* word-wrap: break-word; */
    /* overflow-wrap: break-word; */
    /* white-space: normal; */
}
.doughnut-box .doughnut_chart {
    display: flex;
    justify-content: center;
    column-gap: 15px;
    align-items: center;
}

#wrapper .page-wrapper .overview-modal {margin: 0;/* width: 56%; */left: unset;right: 0;width: 100%;padding: 0 !important;}
#wrapper .page-wrapper .overview-modal .overview-modal-box {display: flex;flex-direction: row;width: 64%;margin-left: auto;}
#wrapper .page-wrapper .overview-modal .overview-box  .modal-content { overflow: scroll; height: 100vh; }
#wrapper .page-wrapper .overview-modal .overview-box { width: 50%; }
#wrapper .page-wrapper .overview-modal .project-chat-box .modal-body { padding: 0; }
#wrapper .page-wrapper .overview-modal .project-chat-box { width: 50%; }
#wrapper .page-wrapper .overview-modal .project-chat-box .modal-content { padding: 0; }
#wrapper .page-wrapper .overview-modal .modal-dialog { width: 100%; margin: 0; }

#upload-progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #f3f3f3;
    /* height: 10px; */
    display: none;
    border-radius: 20px;
    overflow: hidden;
}
#upload-progress-container.show_bar {
    Z-INDEX: 10000;
}
#upload-progress-bar {
    width: 0%;
    height: 100%;
    background: #2E6583;
    transition: width 0.3s ease-in-out;
    color: white;
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    font-family: Nunito-Bold;
}
.project-modal .table>tbody>tr>td.date {
    white-space: nowrap;
}
@media (min-width: 1199px) {
    .modal-lg {width: 1000px;}
}

@media (max-width: 1199px) {
    .modal-lg {width: 1000px;}
    .legend-item .legend-text{font-size: 12px;}
    .chart-container {column-gap: 10px;padding: 0px;}
}