.user-img{width: 30px;height: 30px;margin-right: 5px;border-radius: 7px;}
span.toggle-status{background-color: revert !important;color: inherit;font-weight: 400;text-align: left;padding: 0;display: block;font-size: inherit;;}


/* //css 30-jan-2023 */
.login_page  button.btn.btn-primary { color: #FFFFFF; }


.project_split_payment.table_wrapper table.split_Table tbody td {
    padding: 6px 10px !important;
    font-size: 14px;
    background: transparent;
}
/* button.btn:hover {  background: transparent;  } */


.swal-overlay--show-modal .swal-modal .swal-button.swal-button--cancel {
    background: red;
    color: #fff;
}

button.swal-button.swal-button--confirm {
    background: #0773BB;
}
table.table .dropdown-menu.show { display: block; inset: -30px 0px 0px -40px !important; transform: translate(-113px, 23px) !important; height: max-content; }
.swal-modal .swal-text:first-child {margin: 30px 0 0px;color: #000;}
body .reguired{ color: red;}
.text-gray{color :#808080;}
.text-gray.password_note{font-size:small ; }
body .dashboard_section header { z-index: 10; }
.bg-white.wsfile { border: 1px solid #29ace2; }
.font18 { font-size: 18px; font-weight: 700; }
#ProjectListTable tbody tr.pointer{ cursor: pointer;}
body .PreviewImages a.lightbox__thumbnail img{ margin: auto !important;}
body img.img_icon { margin: auto !important; }



/* //Project Manager Css */


.bg-blue-light {
    background: #EDF8EE;
}

.hidden-input {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: 20px;
}

.cust_details_container p {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.cust_details_container textarea {
    border: 1px solid #CDCDCD;
    border-radius: 5px;
}
.AllMediaPfManager p.size-info { font-size: 12px; color: rgba(255,255,255,0.5); }

.hidden-input:before { background: #FFFFFF; border-radius: 5px; position: absolute; content: "Upload File"; width: 150px; height: 40px; opacity: 1; right: 20px; text-align: center; color: #0773BB; line-height: 38px; font-weight: 600; font-size: 16px; top: 50%; transform: translatey(-50%); visibility: visible; cursor: pointer; }
.hidden-input input.actual-btn { opacity: 0; cursor: pointer; }

.saperater-light { border: 1px solid rgb(225 225 225 / 60%); display: inline-block; width: 100%; }
.menu-links a {
    color: #000;
    padding: 0 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.color-light {
    color: #948F8F;
}

.font-16 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.worl-title {
    font-weight: 600;
    color: #3E3E3E;
}
span.client_title.gray {
    color: #3E3E3E;
}
.split_Table td input:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #ddd;
}
.saperater {
    border: 1px solid #C9C9C9;
    display: inline-block;
    width: 100%;
}
.photo-upload .form-label {
    
    
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
 
}
.Suppliers-table table thead {
    background: #218BB9;
    border-radius: 45px 5px 10px 20px;
}

.table_wrapper table.split_Table thead th {
    background: #218BB9;
}
.table-striped.split_Table tbody  td {vertical-align: middle;}
.table-striped.split_Table tbody .active td {
    background: #C8E4F2;
}

.Suppliers-table th:first-child {
    border-radius: 5px  0px  0px  0px;
}
.Suppliers-table th:last-child {
    border-radius: 0px  5px  0px  0px;
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { background-repeat: no-repeat; }

.edit_upload a.add-btn { width: auto; border: 1px solid #17689E; border-radius: 5px; color: #17689E; }
table.table.ContractorAndSuppliers th { white-space: nowrap; min-width: 150px; }

input.custom_input_file.load-file.font16{ display: none; }

.photo-upload.cwhite .file-data { min-height: 120px; }



.table_wrapper table.split_Table thead th {
    background: #218BB9;
    white-space: nowrap;
}
.project_split_payment.table_wrapper table.split_Table thead th{padding: 6px 10px !important;}
.edit_upload a.add-btn {
    width: auto;
    border: 1px solid #17689E;
    border-radius: 5px;
    color: #17689E;
}
.edit_upload a  .trash-btn {
    border: 1px solid #FF0000;
}
.table-striped.split_Table tbody  td {vertical-align: middle;}
.table-striped.split_Table tbody .active td {
    background: #C8E4F2;
}

.Suppliers-table th:first-child {
    border-radius: 5px  0px  0px  0px;
}
.Suppliers-table th:last-child {
    border-radius: 0px  5px  0px  0px;
}
.border-2px  {
    border-bottom: 2px solid #3E3E3E;
}
.table-striped.split_Table tbody td {
    padding:7px 15px;
    background: #fff;
    box-shadow: none;
}
.table-striped.split_Table.border-color-blue tbody td {
    border: 1px solid #17689E;
}
.table-striped>tbody> tr.edit-row td {
    background: #C8E4F2;
}
.split_Table a.dropdown-item img {
    width: 20px;
}
.split_Table .input-row input {
    border: 1px solid #cdcdcd !important;
}
.table-striped.split_Table.Action_Table  tbody td {
    padding: 0 20px;
}
.Action_Table tbody tr td.custom_width { min-width: 130px; }
body table input.form-control.prepend_cost_input.excel { border: 1px solid #e9ecef !important; border-radius: 0 !important; }
body .AllMediaPfManager .file-data {
    min-height: auto !important;
}
table.table.table-striped .dropdown button.btn.dropdown-toggle { background: transparent; }
table.table.table-striped .dropdown button.btn.dropdown-toggle:hover { background: transparent; }
table.table.table-striped .dropdown button.btn.dropdown-toggle:active { background: transparent; }
table.table.table-striped .dropdown button.btn.dropdown-toggle:focus { background: transparent; }
.dark-grey-text{color: #3e3e3e}
.approved_block img { height: 30px; width: auto; border: 1px solid #0773bb; border-radius: 5px; }
.light-dark-grey-text{color:#999}
.saperater-dark-color{color:#3e3e3e;}
.font14{font-size: 14px !important;}
.font12{font-size: 12px !important;}

.daily-update-btn{width: 170px;height: 35px;background: #ABDDFF;border-radius: 5px;font-family: 'Open Sans';font-style: normal;font-weight: 600;font-size: 15px;line-height: 22px;display: flex;align-items: center;text-align: center;justify-content:center;}
.daily-update-filter{border-radius: 8px !important;width: 145px;height: 38px;color: #3E3E3E !important}
.width200{width:200px;}
a.dropdown-item{font-size: 14px;}

.Suppliers-table table.split_Table td,.Suppliers-table table.split_Table th{border-left:1px solid #17689E}
.Suppliers-table table.split_Table td:first-child,.Suppliers-table table.split_Table th:first-child{border-left: 0px;border-top: 0px;}
.Suppliers-table table.split_Table td:last-child,.Suppliers-table table.split_Table th:last-child{border-right: 0px;}
.Suppliers-table table.split_Table thead th{padding: 6px 15px;}
.Suppliers-table  .table-striped.split_Table.Action_Table tbody td{padding: 0px 15px;}
.remarks_from_director{width: 200px;}

ul.CustomNavBar { padding: 0; display: -webkit-box; overflow-x: scroll; }
ul.CustomNavBar li.tabitem { width: auto; margin: 5px; border-radius: 3px; font-weight: 600; font-size: 16px; line-height: 42px; text-align: center; color: #444444; background: #EDF2F8; padding: 4px 30px; margin-bottom: 20px;}
body ul.CustomNavBar li.tabitem:hover { background: #245474 !important; color: #fff ; border-bottom: transparent; }
body ul.CustomNavBar li.tabitem:hover a { background: #245474; color: #fff; }

body ul.CustomNavBar li.tabitem.active { background: #245474 !important; color: #fff ; border-bottom: transparent; }
body ul.CustomNavBar li.tabitem.active a { background: #245474; color: #fff; }

.daily-update-upload .file-data{min-height: auto !important;}
.daily-update-upload .photo_Section .file-data .hidden-input::before{content: "Upload Photos";}
.daily-update-upload .video_Section .file-data .hidden-input::before{content: "Upload Videos";}
.daily-update-upload .hidden-input input.actual-btn{width: 153px;right: 18px;position: absolute;top: -20px;height: 41px;}
.PreviewImages .lightbox .lightbox__image img{width: 100%;height: 100%; object-fit: none;}

.approve-btn{height: 35px;font-family: 'Open Sans';font-style: normal;font-weight: 600;font-size: 16px;line-height: 24px;display: flex;align-items: center;text-align: center;color: #FFFDFD;padding:0px;}
.director-approve{padding: 0px 5px;}
.client-approve{background: #FF7B52;width: 152px;}
.client-success{background: #FF7B52;}
ul.nav-tabs.stage_section { padding-bottom: 10px; overflow-x: auto; white-space: nowrap; display: flex; flex-flow: row; }
 .fil_active_eye a { background: #17689E; }
 .fil_active_eye a img { filter: brightness(0) invert(1); } 
.media_section .custom_check .checkmark{border: 1px solid #c3c3c3;}
.media_section .show_upload .custom_check .checkmark{  top: 50%; transform: translatey(-50%);}
.upload-pic {   display: flex;  align-items: center; }
.cursor-pointer{cursor: pointer;}
a.search-icon{border: 1px solid #aaa;}
.upload-pic img { object-fit: contain; }
.edit_upload a.trash { color: red; background: transparent; border-color: red; }
body a.mark-check{font-size: 20px;background: #10AB45;border-color: #10AB45;color: #fff;}
body a.mark-check-final{font-size: 20px;background: #FF7B52;border-color: #FF7B52;color: #fff;}
.need_to_discuss{background: #aaaaaa;color: #fff;border-radius: 5px;}
.daily-update-table.table-striped > tbody > tr.daily-update-bg td{background: #edf2f8;}
.daily-update-table.table-striped > tbody > tr.daily-update-discuss td{background: #fcfde0;}
.daily-update-table.table-striped > tbody > tr.daily-update-approved td{background: #fef4eb;}
.Notifications .daily-update-filter{  width: auto; } 
.ResetFilterData img { margin: auto 0; display: flex; }
.change-of-scope-popup .change-of-scope-popup-title{background: #d5d5d5;color: #272727;font-size: 20px;font-weight: 600;}
.change-of-scope-popup .change-scope-btn-approve{background: #17689e !important;border: 1px solid #17689e !important; font-weight: normal !important;}
.change-of-scope-popup .change-scope-btn-close{background: #6c757d !important;border: 1px solid #6c757d !important; font-weight: normal !important;}
.change-of-scope-popup .plan-separator{border-top: 2px solid #3e3e3e;border-color: #3e3e3e;opacity: 1;}
.change-of-scope-popup .lightbox__thumbnail{background: #edf2f8;}
.font-weight-normal{font;font-weight: normal !important;}
.notification-badge{margin: 0px;position: absolute;background: #ff7b52;font-size: 10px;color: #fff;right: 0px;border-radius: 10px;line-height: initial;width: 20px;height: 20px;text-align: center;justify-content: center;display: flex;align-items: center;}
.PaymentUpdatePage input#actual-btn { opacity: 0; }
body .payment_update .prepend_cost_input{max-width: initial;}
table.split_payment_table td { white-space: nowrap; }
body button.DownloadInvoice { min-width: auto !important; line-height: initial!important; padding: 5px 10px; }
body button.prepend_button,body button.prepend_button:hover,body button.prepend_button:active{ min-width: auto; margin: 0; background: #f8f8f8; color: #aaaaaa; border: 1px solid #b3b3b3; z-index: 0;}
.payment_update .photo-upload.cwhite .file-data {min-height: 60px;}
.payment_update .photo-upload.cwhite .hidden-input{width: 151px;overflow: hidden;height: 40px;right: 20px;}
.payment_update .photo-upload.cwhite .hidden-input::before{right: 0px;}
.payment_update .photo-upload.cwhite input#actual-btn{width: 100%;height: 40px;}
.YetToStart a.apply_btn.forword-btn.add_new_daily_update { position: absolute; bottom: 25px; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; width: 200px !important; }
.YetToStart { position: relative; }

#select-date .modal-content{height: auto;align-items: initial;justify-content: initial;flex-flow: column;}
.datepicker-modal .datepicker .picker-switch, .datepicker-modal .datepicker .next, .datepicker-modal .datepicker .prev, .datepicker-modal .datepicker tfoot tr th
{cursor: pointer;background: #245474 !important;border-radius: 0;color: #FFF;padding: 15px;}
.datepicker-modal .datepicker td, .datepicker-modal .datepicker th {width: 20px;height: 36px !important;color: #333;}
.datepicker-modal .prev {border-radius: 15px 0 0 15px !important;}
.datepicker-modal .next {border-radius: 0 15px 15px 0 !important;}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {color: #fff;}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {background-image: linear-gradient(to bottom,#245474,#245474);}
.datepicker-modal .bootstrap-datetimepicker-widget table td.old,.datepicker-modal .bootstrap-datetimepicker-widget table td.new{color: #939597}
.datepicker-modal .bootstrap-datetimepicker-widget table td.day:hover, 
.datepicker-modal .bootstrap-datetimepicker-widget table td.hour:hover,
.datepicker-modal .bootstrap-datetimepicker-widget table td.minute:hover,
.datepicker-modal .bootstrap-datetimepicker-widget table td.second:hover{background: #245474 !important;color: #fff;}
.datepicker-modal table{background: #EDF2F8;}
.datepicker-modal button.btn {background: #0773BB;color: #fff;}
.text-ornge {color: red;}
.btn-close-theme {background: transparent;font-size: 25px;padding: 0 !important;margin: 0 !important;padding: 0;height: auto;width: auto;margin-left: 10px !important;opacity: 100 !important;}
.btn-close {box-shadow: none !important;}

.w-100{width: 100% !important}
.notification-listing .modal-dialog{max-width: 100% !important}
.notification-listing .modal-content{flex-flow: column;justify-content: left;align-items: baseline;height: calc(100vh - 0px);}
.notification-listing .modal-body .btn-clear-all:hover{background: none;}
.font24{font-size: 24px;}
table.table tr td:first-child span{word-break: break-word;}