/* common final css */
.form-control.empty__error {
  background-color: gray;
}
.main{
    overflow: unset;
}
.sidebar-link a span {
    color: #9efff6!important;
    padding-right: 5px;
}

.no_pro_error {
    color: #08cad1;
    padding-left: 2.5em;
    font-size: 14px; 
}


.common_input_textarea {padding: 16px!important;}

.select2-selection__rendered {
    color: #343a40!important;
}


.sidebar-link:hover i {color: #08cad1;}

.select2-selection {
    border-color: #ededed!important;
}

.Risks_Issues_Management_details .blue_text {
    color: #666276 !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    margin: 6px 4px !important;
}

.select2-container .select2-selection--single {
   height: 32px;
}

.page-template-page-Project_Tor .Risks_Issues_Management_details .blue_text {
   font-size: 16px !important; 
}

.expand-btn, .stakeholderss_field_data .collapse-btn, .toggle-text {
    cursor: pointer;
    width: 139.17px !important;
    background-color: #08cad1;
    padding: 5px 15px !important;
    border-radius: 10px;
    color: white !important;
    letter-spacing: 0.5px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    margin-top: 20px;
    text-decoration: none !important;
}


.page-template-page-project_brief .project_brief_page .expected_benefits .success_text {
        
 color: black;
    max-width: fit-content;
  
    border-radius: 25px;
    font-weight: 600;
    font-size: 0.95em;
}

.page-template-page-Highlight_Report .sponcer {
    font-size: 0.8em;
}

.page-template-page-Highlight_Report .red_badge {
        background-color: #ff6961 !important;
}

.page-template-page-Highlight_Report .common_field_main_heading .text_primary {
    font-weight: 500!important;
}

.page-template-page-benefit-profile .brp_benefit_desc, .page-template-page-benefit-profile .brp_outcome {width: 350px!important;}


#project_review_reference option {font-size: 16px!important;}

.common_dropdown_list {
    width: 100%;
    background: transparent !important;
    border: 1px solid #eee;
    border-radius: 5px;
    height: 45px;
    padding: 12px;
    font-size: 14px;
    color: #495057;
}

.project-summary-box .risks-list {justify-content: inherit; }

.score_matric_td_popup{
   cursor: pointer
}

.stattog {display: none;}
.cattog {display: none;}


.noraid {
    border-radius: 0px!important;
}

.project1_brief .col-3 .container {padding-top: 0rem !important;}
.project1_brief {   
    background-color: #090C13;
    border-radius: 10px;
    padding: 25px;
    border: 2px solid #e7f3ff;}

 .project1_brief   h3.common_field_heading {color: white!important; margin-bottom: 15px !important; }

    .project1_brief .common_input_text {    
    background-color: #090C13!important;
    color: white;
    width: 75%;
     border: 1px solid #383838 !important
}


.page-template-page-project_brief .remove_li_inscope .first a  {
    font-size: 13px;
}

#inscope_filetoupload, #outofscope_filetoupload {
    border-radius: 0px!important;
}

.project_step .remove_li_inscope, .project_step .remove_li_outofscope  {
    list-style: none;
    overflow-y: auto;
    height: 103px;
    padding-right: 15px;
}
.remove_li_inscope li {
    margin-bottom: 15px;
}

.business_impact_option {margin:inherit!important;}

.project1_brief  .calender-form-group .common_input_text {    
    background-color: #090C13!important;
    color: white;
        border: 1px solid #383838 !important;
}

.project1_brief {width: 100%!important; padding-top: 15px; }

.repleft {width: 50%; float: left;}

.repshare {width: 50%; float: right;     position: relative;
    top: 15px; left: -3px;}


.project1_brief .calender-form-group {
    justify-content: left;
}

.project1_brief .calender-form-group img {
    display: none;
}

.decision_btn.btn_danger {
    height: 35px !important;
}
.decision_btn {
    width: 225px;
    border: none !important;
    margin: auto;
    text-align: center;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    height: 35px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.decision_btn[value='Approved'] {
    background-color: #42d6a4;
}
.decision_btn[value='More Information Needed'] {
    background-color: #ffb480;
}
.decision_btn[value='Declined'] {
    background-color: #ff6961;
}
.status_score {
    max-height: 170px !important;
}
.status_selected_option[data-value=''] {
    background-color: #eeeeee;
    color: #000;
    font-weight: normal;
}
.approver_details .status_selected_option {
    background-color: #eeeeee;
    height: 35px;
}
.approver_details .status_selected_option[data-value='1'], .approver_details .status_option[data-value='1'] {
    background-color: #42d6a4;
}
.approver_details .status_selected_option[data-value='2'], .approver_details .status_option[data-value='2'], .approver_details .status_selected_option[data-value='3'], .approver_details .status_option[data-value='3'] {
    background-color: #ffb480;
}
.approver_details .status_selected_option[data-value='4'], .approver_details .status_option[data-value='4'], .approver_details .status_selected_option[data-value='5'], .approver_details .status_option[data-value='5'] {
    background-color: #ff6961;
}
.vision_approve_project {
    background-color: #08cad1;
}
.score_popup {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    position: fixed;
    inset: 0px;
    text-align: center;
    z-index: 2147483647; 
}
.score_popup .popup__content {
    width: 95%;
    overflow: auto;
    padding: 50px;
    background: rgb(9, 12, 19);
    color: white;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}
.score_popup .popup__content img {
    width: 100%;
}
.score_popup .close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    display: block;
}
.score_popup .close span {
    cursor: pointer;
    position: fixed;
    width: 20px;
    height: 3px;
    background: white;
}
.score_popup .close span:nth-child(1) {
    transform: rotate(45deg);
}
    .score_popup .close span:nth-child(2) {
    transform: rotate(135deg);
}

.page-template-page-business_case .approve_decision .btn_success {width: 140px!important;}

.vision_statement_descriotion .approve_decision .btn_success  {width: inherit!important;}

.highlight_report_step .label_badge {margin-left:0px!important;}
.page-template-page-present_highlight_report .highlight_report_step .label_badge {margin-left:10px!important;}

.custbuswidth {
    width: 15%!important;
    margin-right: 15px;
}
.custbuswidth2 {
        width: 143px !important; 
    padding-right: 0px;}

#business_case_step_3 .custom_col_child  {
 
    margin-left: 0px!important;
}

.page-template-page-project_brief input::file-selector-button {
  background-color: #08cad1;
  color: white;
  padding: 5px 15px;
  font-weight: 400;
  border: none;
  border-radius: 0px!important;
}

.page-template-page-project_brief .form-control[type=file]:not(:disabled):not([readonly]) {
    border: none;
}



.bcrows {
    margin-top: 50px;
}

.page-template-page-business_case .kpi_currency {
    color: #b1b1b1;
}

.page-template-page-business_case .calender-form-group img {
    display: none;
}

.open_tasks_data {
    display: none;
}
.page-template-dashbord .common_rounded_select.red {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.page-template-dashbord .common_rounded_select.orange {
    padding-top: 5px; padding-right: 1px;}
.page-template-dashbord .common_rounded_select {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#alertsDropdown {
    display: none;
}
.milestonePastDueData {
    display: none;
}

.page-template-page-vision_statement .calender-form-group {
    justify-content: left;
}

.page-template-page-vision_statement .vision_statement_descriotion {    
    margin-bottom: 20px;
}

.page-template-page-vision_statement .strategic_alignment, #strategic_objectives_content {    
    padding-left: 10px;
}


.vision_statement_section .btn_success {
    line-height: 7px;
}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0;
}

select::-ms-expand { /* for IE 11 */
    display: none;
}

.dropdown-menus {    
    position: absolute;
    top: 100%;
    left: 31px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: max-content;
    padding: 10px 20px;
    margin: 3px 0 0;
    font-size: 1rem;
    color: white;
    text-align: left;
    list-style: none;
    background-color: #08cad1;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;}

.dropdown-item {    transition: background .1s ease-in-out, color .1s ease-in-out;
    text-transform: none;
    padding: 5px;
    min-width: 100px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 14px;}


.brief_team_role  {
    text-align: left;
    font-size: 1.2em;
}

.risks_opportunities .common_field_heading {
    margin-top: 25px!important;
}

.vision_statement_descriotion .approver_details .risks_opportunities {
    background-color: #e4e4e4;
    padding: 0 25px 25px 25px;
    border: 1px solid #efefef;
    border-radius: 15px;
}


.risks_opportunities .status_select {margin: 0!important;}

button.remove_row_btn {
    color: #ff0000;
    border: none;
    background-color: transparent;
    font-size: 20px;
    padding: 0px 15px !important;
    margin: 0px !important;
}

.page-template-page-custom-user-loggin .main, .page-template-page-custom-user-register .main, .page-template-page-custom-user-forget-password .main {
    padding: 0px!important;
}

.risksProgressBar div {color: #315095!important;}
.actionsProgressBar div {color: #34d1bb!important;}
.issuesProgressBar div {color: #3490d1!important;}
.decisionsProgressBar div {color: #f36aa9!important;}
.pastDueactionsProgressBar div {color: #ffb480!important;}
.pastDuedecisionsProgressBar div {color: #08cad1!important;}
.approachActionProgressBar div {color: #ffb480!important;}
.approachDecisionsProgressBar div {color: #08cad1!important;}



.page-template-page-custom-user-loggin .footer, .page-template-page-custom-user-register .footer, .page-template-page-custom-user-forget-password .footer {
    display: none;
}

.common_add_new_btn i {color: #08cad1!important;}

.remove_row_btn i {
    color: #93979b;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 8px;
}

.form_step_btn_common {
    color: #0A0B14;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    background-color: transparent;
    border: none;
}

.sidebar-toggle:hover .hamburger {background: #08cad1!important;}

.sidebar-toggle:hover .hamburger, .sidebar-toggle:hover .hamburger:after, .sidebar-toggle:hover .hamburger:before {background: #08cad1!important;}

.sidebar-link:hover svg {color: #08cad1;}

.form_step_btn_common i {
    color: #ffffff;
    background-color: #08cad1;
    border-radius: 50%;
    padding: 6px 10px;
    margin-left: 10px;
    width: 30px;
    height: 30px;
}

.align-middle .loggin-logo {
    margin: 0 auto;
    display: block;
    max-width: 300px;
}

.common_input_text:-webkit-autofill,
.common_input_text:-webkit-autofill:hover,
.common_input_text:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s !important;
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 0 0 100px #ffffff inset !important;
    -webkit-text-fill-color: #18293D !important;
    color: #18293D !important;
}

body .date_field_block {
    min-width: 300px !important;
}

body .date_parent_column {
    max-width: fit-content !important;
    display: flex !important;
    align-items: center !important;
}

/* input:valid {
    background-color: #18293D !important;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #18293D inset !important;
    background-color: #18293D !important;
} */
/* .common_input_text.blue_input:-webkit-autofill,
.common_input_text.blue_input:-webkit-autofill:hover,
.common_input_text.blue_input:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
    background-color: #18293D !important;
    -webkit-box-shadow: 0 0 0 100px #18293D inset !important;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff !important;
} */
.common_input_text.information_input:-webkit-autofill,
.common_input_text.information_input:-webkit-autofill:hover,
.common_input_text.information_input:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
    background-color: #3BB7C8 !important;
    -webkit-box-shadow: 0 0 0 100px #3BB7C8 inset !important;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff !important;
}

.desktop_height {
    min-height: 100vh !important;
}

.common_space_block {
    margin-bottom: 30px;
}

.common_space_block.sm {
    margin-bottom: 18px;
}

/* custom width common class important */
.w-95 {
    width: 95%;
}

.w-60 {
    width: 60%;
}

.w-85 {
    width: 85%;
}

.w-65 {
    width: 65%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w_65 {
    width: 65%;
}

.w_70 {
    width: 70%;
}

/* common progressbar */
/*.main_progressbar {
    max-width: 60%;
    margin: auto;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 30px;
}*/

.main_progressbar {
    position: fixed;
    width: -webkit-fill-available;
    top: 68PX;
    z-index: 999;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition);
}



.progress {height:1.5rem; border-radius: 0;}

.main_progressbar .progress {
    display: flex;
    overflow: hidden;
    background-color: #e1e1e1;
    font-size: 0.75rem;
}

.main_progressbar .progress-bar {
    background-color: #42d6a4 !important;
    color: #fff;
    transition: width 0.6s ease;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 0 !important;
    padding: 10px 0px;
}

/* common green checkbox */
.common_green_checkbox_main {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
}

.common_green_checkbox_main .checkmark {
    display: inline-block;
    height: 19px;
    width: 18px;
    border: 1px solid #BCCCDC;
    transition: background-color 0.3s;
    border-radius: 6px;
}

.common_green_checkbox_main input:checked+.checkmark {
    background-color: #3BC862;
    border-radius: 6px;
}

.common_green_checkbox_main input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* common step list (tabs) */
.step_list_common {
    max-width: 85% !important;
}

.active-tab {
    background-color: #08cad1 !important;
}

.step_list_common li:first-child {
    border-radius: 8px 0px 0px 0px;
}

.step_list_common li {
    list-style: none;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    float: left;
    padding: 10px 20px;
    min-width: 130px;
    background-color: #18293D;
    cursor: pointer;
}

.step_list_common li:nth-child(odd) {
    background-color: #203144;
}

.step_list_common li:nth-child(even) {
    background-color: #18293D;
}

.active_menu_item,
.peoject_closure_active_menu_item,
.admin_customer_active_menu_item,
.highlight_report_active_menu_item {
    background-color: #48aaf1 !important;
}

.toolwrapper {
background: #08cad1;
border-radius: 10px 10px 0px 0px;
color: white;
cursor: help;
font-size: 10px;
margin: 100px 75px 10px 75px;
padding: 15px 20px;
position: relative;
text-align: center;
width: 200px;
-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.toolwrapper .flowtooltip {
background: #1496bb;
bottom: 100%;
color: #fff;
display: block;
left: -20px;
margin-bottom: 15px;
opacity: 0;
padding: 20px;
pointer-events: none;
position: absolute;
width: 100%;
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.toolwrapper .floowtooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* Tooltips */
.toolwrapper {
background: #08cad1;
border-radius: 10px 10px 0px 0px;
color: white;
cursor: help;
font-size: 10px;
margin: 100px 75px 10px 75px;
padding: 15px 20px;
position: relative;
text-align: center;
width: 200px;
-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.toolwrapper .flowtooltip {
background: #1496bb;
bottom: 100%;
color: #fff;
display: block;
left: -20px;
margin-bottom: 15px;
opacity: 0;
padding: 20px;
pointer-events: none;
position: absolute;
width: 100%;
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.toolwrapper .floowtooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* Tooltips */
.toolwrapper .flowtooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #1496bb 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}

.toolwrapper:hover .flowtooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}

.lte8 .wrapper .tooltip {
display: none;
}

.lte8 .wrapper:hover .tooltip {
display: block;
}


/* common white custom dropdown */
.common_dropdown {
    font-size: 12px;
    color: #203144;
    font-weight: 600;
    background-color: #fff;
    width: 130px;
    font-family: 'Montserrat', sans-serif !important;
    margin: 0px 10px;
}

.common_dropdown .dropdown_inner_content.active ul {
    display: block;
    border-top: none;
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* min-width: 100%; */
    min-width: 130px;
}

.common_dropdown .customer.active ul {
    display: block;
    width: 135px;
    border: 1px solid #BCCCDC;
    border-top: none;
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.common_dropdown .dropdown_inner_content {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #BCCCDC;
    padding: 5px 10px;
border: 1px solid #e3e3e3;
    min-width: 130px;
    background-color: #ffffff;
    
}

.common_dropdown .dropdown_option {
    padding: 5px 10px;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    font-size: 14px;
}

.common_dropdown .dropdown_text {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    font-size: 14px;
}

.common_dropdown .dropdown_inner_content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 2;
    left: -1px;
    border: 1px solid #BCCCDC;
    top: 100%;
    font-size: 12px;
}



.common_dropdown .dropdown_inner_content.active {
    border-bottom: none;
    border-bottom-left-radius: 0;
    background-color: #fff;
    border-bottom-right-radius: 0;
}

.common_dropdown .dropdown_option:hover {
    background-color: #2c8af3;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

.common_dropdown .dropdown_inner_content .dropdown_icon::after {
content: "▼";
    position: absolute;
    right: 7px;
    color: #717171;
    font-size: 12.5px;
    top: 7px;
}

.dropdown_icon {
    font-size: 18px;
}

/* common rounded checkbox */
.rounded_block {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 10px;
}

.rounded_block input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.rounded_block .radiomark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px !important;
    width: 20px !important;
    border: 1px solid #b3b3b3;
    border-radius: 50%;
}

.rounded_block input:checked~.radiomark {
    background-color: #fb9156;
    border: none;
}

/* common status custom dropdown */
.raid_log_risk.status_select,
.raid_log_action.status_select,
.raid_log_issue.status_select,
.raid_log_decisions.status_select,
.raid_log_dependencies.status_select,
.impact_to_bau_list.status_select {
    width: 120px;
}

.raid_log_risk .is_open,
.raid_log_implemented .is_implemented_open,
.raid_log_action .is_open,
.raid_log_issue .is_open,
.raid_log_decisions .is_open,
.project_closure_performance .is_open,
.raid_log_dependencies .is_close,
.follow_status .is_fully_released,
.raid_log_action .is_low,
.raid_log_issue .is_low,
.raid_log_decisions .is_low,
.dossier_status .is_complete,
.approve_decision .is_approve,
.impact_to_bau_list .none{
    background-color: #42d6a4;
}

.approve_decision .btn_success {
    border: none;
    padding: 5px 23px;
}


.project_dossier_page .project_dossier_inner .table_content_scroll {
    /* padding-bottom: 250px; */
}
.empty_table {
    padding: 20px;
    text-align: center;
}

.dossier_status .is_approved
{
    background-color: #42d6a4;
}
.dossier_status .status_selected_option[data-value="Approved"] {
    background-color: #42d6a4 !important;
    border-radius: 8px;
}

.dossier_status .status_selected_option[data-value="Complete"] {
    background-color: #42d6a4 !important;
    border-radius: 8px;
}

.dossier_status .is_complete
{
    background-color: #42d6a4;
    border-radius: 8px;
}



.dossier_status .is_declined
{
    background-color: #ff6961;
}
.dossier_status .status_selected_option[data-value="Declined"] {
    background-color: #ff6961 !important;
    border-radius: 8px;
}

.dossier_status .is_onhold
{
    background-color: #ffb480;
}
.dossier_status .status_selected_option[data-value="Onhold"] {
    background-color: #ffb480 !important;
    border-radius: 8px;
}




.dashboard_details .portfolio_status_table .dossier_status .Issues .decision-counter, .dashboard_details .portfolio_status_table .dossier_status .Risks .common_rounded_select   {
    background-color: #08cad1!important;
    color: black!important;
}


.dashboard_details .portfolio_status_table .dossier_status .Risks .red, .dashboard_details .portfolio_status_table .dossier_status .Decisions .actions-counter, .dashboard_details .portfolio_status_table .dossier_status .Issues .issues-counter {
    background-color: #ffb480!important;
    color: black!important;
}


.dashboard_details .portfolio_status_table .dossier_status .Risks .common_rounded_select.oramarginset {
    background-color: #f9f9f9 !important;
    color: black;
}


.raid_log_risk .is_close,
.raid_log_action .is_close,
.raid_log_issue .is_close,
.raid_log_decisions .is_close,
.project_closure_performance .is_close,
.raid_log_dependencies .is_open,
.dossier_status .is_planned {
    background-color: #C83B87 !important;
}

.dossier_status .is_inclosure {
    background-color: #48AAF1 !important;
}
.dossier_status .status_selected_option[data-value="InClosure"] {
    background-color: #48AAF1 !important;
    border-radius: 8px;
}
.dossier_status .is_need_approval {
    background-color: #FFC300 !important;
}
.dossier_status .status_selected_option[data-value="Needapproval"] {
    background-color: #FFC300  !important;
    border-radius: 8px;
}
.dossier_status .is_approved {
    background-color: #2fb67e !important;
}
.dossier_status .status_selected_option[data-value="Approved"] {
    background-color: #2fb67e  !important;
    border-radius: 8px;
}

.dossier_status .status_selected_option[data-value="Closed"] {
    background-color: #42d6a4 !important;
    border-radius: 8px;
}
.dossier_status .is_started {
    background-color: #3BB7C8 !important;
}

.md .is_min {
    background-color: #48AAF1 !important;
    color: #fff;
}

.dossier_status .status_selected_option[data-value="Started"] {
    background-color: #08cad1 !important;
    border-radius: 8px;
}
.raid_log_implemented .is_implemented_close,
.raid_log_action .is_high,
.impact_to_bau_list .significant {
    background-color: #ff6961 !important;
}

#projectDropdown .sidebar-link,
#projectDropdown a.sidebar-link {
  padding: 0px 20px 5px 8px !important;
}

.faqbox {
    border-radius: 25px;
    padding: 40px;
    margin: 2.5%;
}

.sidebar-link, a.sidebar-link {
    padding: 10px 30px !important;
}
.sidebar-nav .sidebar-item .feather {
    stroke-width: 3;
    height: 18px;
    width: 18px;
}
#projectDropdown .sidebar-link i {padding-bottom: 8px;}

#projectDropdown  .inner_subDropdown .sidebar-link i {padding-bottom: 0px;}


.follow_status .is_partially_released,
.raid_log_action .is_medium,
.raid_log_issue .is_medium,
.raid_log_decisions .is_medium,
.decisions_impact_select .is_medium,
.raid_log_lessons_learnt .is_medium,
.raid_log_lesson_learnt .is_medium,
.project_closure_quality .is_medium,
.impact_to_bau_list .some {
    background-color: #ffb480;
}

.follow_status .is_tracking,
.project_closure_quality .is_transfer {
    background-color: #48AAF1;
}

.follow_status .status_selected_option[data-value="Tracking"],
.project_closure_quality .status_selected_option[data-value="Transfer"] {
    background-color: #48AAF1;
    border-radius: 8px;
}

.approve_decision .status_selected_option[data-value="Approved"],
.raid_log_risk .status_selected_option[data-value="Open"],
.raid_log_implemented .status_selected_option[data-value="Implemented"],
.raid_log_action .status_selected_option[data-value="Open"],
.raid_log_issue .status_selected_option[data-value="Open"],
.raid_log_decisions .status_selected_option[data-value="Open"],
.project_closure_performance .status_selected_option[data-value="Open"],
.follow_status .status_selected_option[data-value="Fully Released"],
.follow_status .status_selected_option[data-value="Realised"],
.raid_log_action .status_selected_option[data-value="Low"],
.raid_log_issue .status_selected_option[data-value="Low"],
.raid_log_dependencies .status_selected_option[data-value="Closed"],

.project_closure_quality .is_low,
.project_closure_quality .status_selected_option[data-value="Low"],
.impact_to_bau_list .status_selected_option[data-value="1"] {
    background-color: #42d6a4 !important;
    border-radius: 8px;
}

.project_closure_performance .status_selected_option[data-value="Closed"],
.project_closure_quality .status_selected_option[data-value="Closed"],
.raid_log_dependencies .status_selected_option[data-value="Open"],
/* .md .status_selected_option[data-value="-"], */
.dossier_status .status_selected_option[data-value="Planned"] {
    background-color: #C83B87 !important;
    border-radius: 8px;
}

.md .status_selected_option[data-value="-"] {
    background-color: #48AAF1 !important;
    border-radius: 8px;
    color: #fff;
}

.raid_log_issue .is_high,
.raid_log_decisions .is_high,
.decisions_impact_select .is_high,
.raid_log_lessons_learnt .is_high,
.raid_log_lesson_learnt .is_high,
.project_closure_quality .is_high,
.dossier_status .is_delayed,
.project_closure_quality .is_close,
.approve_decision .is_need_approval,
.raid_log_issue .status_selected_option[data-value="High"],
.raid_log_decisions .status_selected_option[data-value="High"],
.decisions_impact_select .status_selected_option[data-value="High"],
.raid_log_lessons_learnt .status_selected_option[data-value="High"],
.raid_log_ .status_selected_option[data-value="High"],
.raid_log_action .status_selected_option[data-value="High"],
.project_closure_quality .status_selected_option[data-value="High"],
.dossier_status .status_selected_option[data-value="Delayed"],
.approve_decision .status_selected_option[data-value="Need Approval"],
.raid_log_implemented .status_selected_option[data-value="Not Implemented"],
.impact_to_bau_list .status_selected_option[data-value="3"] {
    background-color: #ff6961 !important;
}

.raid_log_risk .status_selected_option[data-value="Closed"],
.raid_log_action .status_selected_option[data-value="Closed"],
.raid_log_issue .status_selected_option[data-value="Closed"],
.raid_log_decisions .status_selected_option[data-value="Closed"] {
    background-color: #ff6961 !important;
}

.raid_log_issue .status_selected_option[data-value="High"],
.raid_log_decisions .status_selected_option[data-value="High"],
.decisions_impact_select .status_selected_option[data-value="High"],
.project_closure_quality .status_selected_option[data-value="High"],
.dossier_status .status_selected_option[data-value="Delayed"] {
    border-radius: 8px;
}

.raid_log_action .status_selected_option[data-value="Medium"],
.raid_log_issue .status_selected_option[data-value="Medium"],
.raid_log_decisions .status_selected_option[data-value="Medium"],
.decisions_impact_select .status_selected_option[data-value="Medium"],
.raid_log_lessons_learnt .status_selected_option[data-value="Medium"],
.project_closure_quality .status_selected_option[data-value="Medium"],
.follow_status .status_selected_option[data-value="Partially Released"],
.md .status_selected_option[data-value="Implementing"],
.impact_to_bau_list .status_selected_option[data-value="2"]  {
    background-color: #ffb480 !important;
    border-radius: 8px;
}

.raid_log_dependencies .status_option.is_close {
    background-color: #00C514 !important;
}

.raid_log_dependencies .status_option.is_open {
    background-color: #C83B87 !important;
}


.complate_column .status_selected_option,
.complate_column .status_option {
    padding: 4px !important;
}

.complate_column .is_yes,
.complate_column .is_no {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-id-492 .cmsicotitle, .page-id-480 .cmsicotitle, .page-id-454 .cmsicotitle {
    color: #ffffff !important;
    margin-top: 0px !important;
}

.complate_column .is_yes {
    background-color: red;
}

.complate_column .is_no {
    background-color: #3BC862;
}

.complate_column .status_selected_option[data-value="y"] {
    background-color: red !important;
    border-radius: 50%;
}

.complate_column .status_selected_option[data-value="n"] {
    background-color: #3BC862 !important;
    border-radius: 50%;
}

.status_option.is_partially_released,
.status_option.is_implementing,
.status_selected_option[data-value="Fully Released"] {
    background-color: #FB9156 !important;
}

.status_option.is_tracking,
.status_option.is_not_started,
.status_selected_option[data-value="Tracking"], 
.status_selected_option[data-value="Not Started"] {
    background-color: #48AAF1 !important;
}

.status_option.is_fully_released,
.status_option.is_realised,
.status_selected_option[data-value="Fully Released"] {
    background-color: #3BC862 !important;
}

.status_options {
    position: absolute;
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #42d6a4;
    width: 100%;
    max-height: 150px;
    overflow-y: auto;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    margin-top: 2px;
    z-index: 9999;
    scrollbar-width: none;
}


.page-template-page-project-portfolio .status_options {
    max-height: 274px;
}

.status_select {
    position: relative;
    min-width: fit-content;
    margin: auto;
    text-align: center;
    color: #fff;
    background-color: #42d6a4;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    font-weight: 700;
}

.status_selected_option {
    cursor: pointer;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px !important;
}

.page-template-page-Admin_customer_Super_User .common_success_button  {
   background-color:#08cad1;
}


.page-template-page-raid-log-scrore-matrix .common_error_span {
    color: #ff0000;
    position: absolute;
    bottom: 0;
    left: 40vw;
    font-size: 1.3em;
}


.status_option {
    padding: 8px;
    cursor: pointer;
}

/* ---------------------------------------------------- Business Case page ------------------------------------------------ */
.business_case_step .custom_row .custom_row_child .common_field_label {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}

.business_case_step {padding-left: 20px;}

.page-template-page-business_case .calender-form-group {
    justify-content: left;
}
.page-template-page-business_case .bus_benefit_type_dropdown {
    height: calc(1.5em + .75rem + 2px) !important;
    padding: 0px 10px !important;
}
.working_method_details,
.Sharing_of_Information_details,
.Second_Dropdown_Details,
.Quality_Management_details,
.Meeting_Timetable_details {
    padding: 0px 30px !important;
}

.project_tor,
.Purpose,
.establishment,
.review {
    margin-bottom: 25px;
}

.checkbox_field {
    max-width: 170px;
    max-height: 25px;
    margin: 0px 0px;
    padding: 5px !important;
}

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

.custom_row {
    column-gap: 20px;
}

.custom_row_child {
    display: flex;
    align-items: end;
}

.custom_row_child .column_2 {
    margin-left: 30px !important;
}

.validation_error {
    color: red;
    font-size: 12px;
}

.attachments_main {
    margin-top: 12px;
}

.attachments_main .attachments_btn i {
    padding-left: 4px;
}

.attachments_main i {
    margin-left: 8px;
}

.attachments_btn {
    color: #203144;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background-color: transparent;
    border: none;
    padding: 0;
}

.anticipated_attachment_btn {
    color: #8B8B8B !important;
}

.supporting_information .attachments_main label {
    float: right;
}

.business_case_step .options .row .col-2,
.business_case_step #options_field_container .row .col-2 {
    justify-content: center;
}


#delivery_information .page-template-page-business_case .calender-form-group .common_input_text {
    text-align: left!important;
}


.mosc {
    margin: 25px 0px;
}

.vision_moscow_staus .btn, .vision_category .btn, .vision_type .btn  {
    background-color: white;
}

#vis_state_sub {
    margin: 3rem;
    height: 45px;
}

/* ---------------------------------------------------- Business Case Approval page ------------------------------------------------ */
.approv_btns {
    margin-top: 35px;
    column-gap: 15px;
    display: flex;
}

.approve_common_btn {
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    color: #FFFFFF;
    padding: 12px 10px;
    border-radius: 6px;
    text-align: center;
    border: none;
    min-width: 150px;
}

.approve_success {
    background-color: #42d6a4;
}

.approve_danger {
    background-color: #ff6961;
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}


/* ---------------------------------------------------- dashboard page ------------------------------------------------ */
h5.common_field_heading {
    color: #0A0B14;
    font-size: 20px;
    font-weight: 600;
}

.stakeholder_common_table th {
    color: white!important;
}


.dashboard_details #projects .project_tasks .tasks_container .table_content_scrolld {
    overflow: auto;
    scrollbar-color: #171717 #08cad1;
}


.stakeholder_common_table .common_rounded_select.red {
        background-color: #d14a42 !important;
}

.stakeholder_common_table .common_rounded_select.orange {
    background-color: #ff752a !important;
}

.stakeholder_common_table .common_rounded_select {
    background-color: #2b9649!important; 
}

.stakeholder_common_table .common_rounded_select.backcolor {
    background-color: #0095cf !important;

}

.dashboard_details .common_search_select.bootstrap-select {border: 0px;}

.dashboard_details .brpcolorstatus {
    font-size: 0.85em;
    font-weight: 600;
    padding: 6.21px;
    letter-spacing: 1px;
}

.dashpro {margin-left: 18px!important;
    font-size: 17px !important;
    padding-top: 15px;
}

.dashsub {
    color: #303030;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 35px;
}

.dashbicons {
    color: #ffffff;
    background-color: #08cad1;
    border-radius: 50%;
    padding: 3.50px 8px;
    width: 25px;
    height: 25px;
    display: block;
    float: right;
}

.sidebar-item {padding: 5px 0px;}

.dashbcontainer {flex: none; padding-right: 0px;}


.dbh {
    color: black !important;
}

.projectselectdash .btn-light {color: black;}
.projectselectdash {background-color: transparent!important;}

.tasks_container .common_dashboard_table tr th {
    font-weight: 500;
}

.dashboard_details .common_dashboard_table tr td {
    color: #686868;
    font-size: 1.1em;
}

.dashboard_details .tasks_container .table_content_scrolld {padding: 7px;}

.dashboard_details .filter-option-inner-inner {
    color: white;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 14px;
    font-family: 'Montserrat';
    text-align: center;
    font-weight: 600;
        padding: 7px 0px;
}

.milestonePastDueData .circle {
    margin-top: 0px!important;
}
.milestonePastDueData .circle div {
    font-size: 18px ! Important; 
    color: white;     
    text-align: center;
    max-width: 35px;}
.milestonePastDueData .circle canvas {    
    vertical-align: middle;
    border-radius: 50%;
    background-color: #ff6961;
    float: left;

}
.common_dashboard_table.milestones_table_data .milestonePastDueData .circle div {
    height: 35px;
}

.hightlight_report_container .budget_chart_block {padding: 1rem !important;}

.dashboard_details .table_content_scroll {
    overflow-x: auto !important;
    scrollbar-color: black #f6fcff;
}

.dashboard_details .dropdown-toggle:after {
    color: white !important;
}

.dashboard_details .dbhtitle {
    padding-left: 5px !important;
}

.dbhtitle .align-items-left {
    padding-left: 5px !important;
}



.selectpro {margin-top: 0rem !important;
    margin-bottom: 2rem;}

.dashboard_details .create_new_project {
    border-radius: 6px;
    background: #68ced9;
    color: #bae3ff;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    border: transparent;
    min-width: 220px;
    padding: 10px 0px;
}

.dashboard_details .create_new_project a {
    text-decoration: none;
    color: white !important;
}

.create_new_project a:hover {text-decoration: none;}


.navbar .create_new_project {
    border-radius: 25px;
    background: #08cad1 !important;
    border: none;
    height: 30px;
    width: 30px;
}

.navbar .create_new_project i {
    padding: 2px 1px;
    }
.navbar .create_corporate_objectives {
        border-radius: 25px;
        background: #119d38 !important;
        border: none;
        height: 30px;
        width: 30px;
        padding: 2px 3px 0px 4px;
}
.navbar .create_corporate_objectives i{
    color: white;
    font-size: 16px;
    width: 19px;
}
.navbar-nav .nav-item {
    margin-right: 20px;
}
.navbar .help_redirect {
        border-radius: 25px;
        border: none;
        height: 30px;
        width: 30px;
        padding: 0;
        background: none;
}
.navbar .help_redirect i{
    color: white;
    font-size: 28px;
    width: 19px;
}

.dashboard_page h3.common_field_heading {
    color: white !important;
    font-size: 18px !important;
}

.dashboard_page .dashboard_main_row {
    column-gap: 5px;
}

.project_tasks .tasks_container {
    min-height: 275px;
    border-radius: 15px;
    padding: 20px;
    background: #f9f9f9;
    box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
    display: grid;
}

.common_dashboard_table tr th {
    color: #525252;
    font-size: 18px;
    font-weight: 700;
    line-height: initial;
    padding: 10px;
}

.common_dashboard_table tr td {
    font-size: 14px;
    font-weight: 500;
    color: #0F101A;
    line-height: initial;
    padding: 10px;
}

.common_dashboard_table tr .blue_text {
    color: #48aaf1 !important;
    font-weight: 700 !important;
}

.common_show_button .button_content span {
    color: #111;
    font-size: 16px;
    font-weight: 600 !important;
    text-transform: capitalize;
}

.common_field_main_heading {
    color: #203144 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    margin: 10px 0px !important;
}

.common_show_button .button_content i {
    width: 30px;
    height: 30px;
    background-color: #48aaf1;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0 !important;
    cursor: pointer;
    margin-left: 12px;
}

.common_show_button .button_content {
    display: flex;
    align-items: center;
}

.common_show_button {
    display: block;
    cursor: pointer;
    text-decoration: none;
}

.common_show_button:hover {
    text-decoration: none;
}

.project_tasks .hidden_text,
.visible_hidden {
    visibility: hidden;
}

.project_tasks .issues_container {
    height: 221px !important;
}

.chart {
    width: 300px;
    height: auto;
    margin: auto;
}

.project_dossier_inner {
    position: relative;
}

.popuup_container {
    background-color: #000;
    max-width: 400px;
    padding: 25px;
    border-radius: 25px;
    color: #ffffff;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%) translateY(-50%);
}

.popuup_container strong {
    font-weight: 500 !important;
}

.popuup_container .blue_popup_text,
.popuup_container h5 {
    color: #39EAEE !important;
}

.popuup_container h5 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

i.closePopupIcon {
    color: #000;
    width: 20px;
    height: 20px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

.closeicon_th {
    display: flex;
    justify-content: end;
}

.popup_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 15px;
}

.popup_table tr {
    margin-bottom: 20px;
}

.common_td_popup {
    cursor: pointer !important;
}

.common_td_popup:hover,
.common_popup_close {
    text-decoration: none !important;
}

.common_view_popup {
    max-width: 600px;
    min-height: 500px;
    background-color: #000;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 2%;
    padding: 20px;
    z-index: 999999999999999999999;
}

.required_outcomes_popup {
    display: none;
}

/* ---------------------------------------------------- project breif page ------------------------------------------------ */
.success_text {
    color: #3BC862;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
}

.information_input {
    background-color: #3BB7C8 !important;
    color: #ffffff !important;
    border-color: #3BB7C8 !important;
    padding: 10px !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    border-width: 1px !important;
}

.information_input::after {
    content: "\f05a";
    position: absolute;
    top: 50%;
    right: 10%;
}

.information_input::placeholder {
    color: #ffffff !important;
    text-align: center !important;
}

.information_input:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    border-color: #3BB7C8 !important;
    border-width: 1px !important;
}

.Role_Responsibilities .project_team .fa-info-circle {
    position: absolute;
    right: 0;
    top: 50%;
    right: 0%;
    transform: translate(-180%, -50%);
}

.Role_Responsibilities .project_team .fa-info-circle::before {
    content: "\f05a";
    border: 1px solid #fff;
    border-radius: 50%;
    color: #3bb7c8;
    background-color: #fff;
    font-size: 12px;
}

/* ---------------------------------------------------- project tor page ------------------------------------------------ */
.pl_15 {
    padding-left: 15px !important;
}

.blue_text strong {
    font-weight: 800 !important;
}

.projectoverflow-scroll .col-6 {
    height: auto!important;
}
.project_tor_page .projectoverflow-scroll {

}

.project_tor_page .form-control {
    height: 45px!important;

}

.project_tor_page .establishment a, .project_tor_page .establishment .btn-primary:not(:disabled):not(.disabled):active {
    background-color: white;
    color: black;
    border-color: #dddddd;
}

.project_tor_page .establishment a:hover {
    color: black!important;
}


.project_tor_page .project_bord .role_select .status_role_option {
    background: white !important;
}

.blue_text {
    color: #102a43 !important;
    font-weight: 600;
    font-size: 14px;
    margin: 6px 4px !important;
}

.blue_headings {
    background-color: #102a43 !important;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    margin: 16px 0px;
    padding: 5px 20px;
}

.text_gray {
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0em;
    color: #8B8B8B;
    text-align: left;
    margin: 0% !important;
}

.input_sm {
    max-width: 130px !important;
    min-width: fit-content !important;
    margin: 0px 10px !important;
}

.project_tor_1 {
    padding: 0px 29px !important;
}

.project_tor_main_section .form_content_box {
    padding: 29px 0px !important;
    margin-left: 0px !important;
}
.project_meeting_location .select2-selection--single {
    border: 0px solid #aaa !important;
    border-radius: 0 !important;
}
.project_meeting_location .select2-selection__arrow {
    top: 6px !important;
    right: 6px !important;
}

/* ---------------------------------------------------- project closure report page ------------------------------------------------ */
.current_status_column,
.project_closure_step .same_column_size,
.follow_activity .col-1.same_column_size {
    width: 12% !important;
}

.desc {width: 375px;     margin-right: 10px;}
.desc .dropdown {width: 375px !important;}

.achievedsize {width: 6.4%!important;}

.closure_deliverable .current_status_column {width: 6%!important;}
.milestone-rows .current_status_column {width: 6%!important;}

.timecenter {width: 100%; text-align: center;}

.project_closure_step .w-80 .col-1 {
    width: 8.33333333%;
}


.open-risk a {
    background-color: #08cad1;
    padding: 7px 15px;
    border-radius: 10px;
    color: white;
    letter-spacing: 0.5px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
}

.open-risk a:hover {text-decoration: none;}

.open-risk > h4 {
    margin-bottom: 15px !important;
}

.viewraidrow {margin-top: 15px;}


.project_closure_step #activities_field_container .same_column_size {
    width: 11.5% !important;
}

#activities_field_container .calender-form-group {
    justify-content: inherit;
}

.page-template-page-Project_Closure_Report .col-2 .calender-form-group {
    justify-content: inherit;
}

.common_closure_status_column {
    width: 10% !important;
}

.clouser_report_dropdown .common_dropdown .dropdown_inner_content ul,
.project_milee .clouser_report_dropdown .common_dropdown .dropdown_inner_content {
    min-width: 54px !important;
}

#Deliverable_Title_container .col-2 {
    width: 17% !important;
}

.checkmark {
    position: absolute;
    height: 20px;
    width: 20px;
    left: 7px;
    top: -6px;
    border: 1px solid #8b8b8b;
    background-color: #f6f6f6;
}

.follow_actv_column {
    width: 14% !important;
}

.follow_status.status_select {
    /* min-width: 130px !important; */
    min-width: 100% !important;
}

.project_course_report_section .form_content_box {
    /* max-width: 1106px !important; */
    min-width: 100%;
    min-height: 660px !important;
}

.project_milee .clouser_report_dropdown .dropdown_inner_content {
    padding: 10px !important;
    text-align: center !important;
}





/* ---------------------------------------------------- highlight report page ------------------------------------------------ */
h3 .text_success {
    color: #3BC862;
}

h3 .text_primary {
    color: #48AAF1;
}

.highlight_report_step .timeline_name {
    padding: 10px !important;
    border: 1px solid #8B8B8B;
    border-radius: 6px;
    height: 166px;
}

.highlight_report_step h3 .text_primary {
    color: black;
}

.page-template-page-Highlight_Report .dbhtitle {
    padding-left: 0px;
}

.page-template-page-Highlight_Report .project1_brief {background-color: white; border: 1px solid #ececec;     margin-top: 15px;}
.page-template-page-Highlight_Report .project1_brief h3.common_field_heading {color:black!important;}
.page-template-page-Highlight_Report .project1_brief .common_input_text {
    background-color: #ffffff !important;
    color: #000000;
    width: 75%;
    border: 1px solid #e9e9e9 !important;
}
.page-template-page-Highlight_Report .sponcer h4.common_field_heading {
    color: #000000 !important;
}
.page-template-page-Highlight_Report .page-template-page-Highlight_Report .sponcer .select2-container--default .select2-selection--single .select2-selection__rendered {
           border: none;
    line-height: 30px !important;
    font-size: 1.15em;
    height: 100%;
    color: black !important;
    background-color: white !important; 
}

.reportentries {
    
    border-radius: 15px;
    padding: 35px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
    height: 100%
}

.page-template-page-present_highlight_report .reportentries .dbhtitle { padding-left:4px;}



.hightlight_report_container .budget_chart_block {background-color: transparent;}


.hightlight_report_container .milestones_table_data tbody td {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: initial;
    padding: 10px;
}


.highlight_report_page .project_course_report_section {background-color: white;}

.budgetcomments {margin-left: 10%;}

.graphentries {box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
    padding: 20px;
    border-radius: 15px;
    margin-right: 20px;

}

.highplus {margin-top: 10px;}

.highlight_report_step .table_content_scroll {
    overflow-x: auto !important;
    scrollbar-color: #ffffff #eeeeee;
}

.orange_box {
    background-color: #FB9156;
}

.green_box {
    background-color: #3BC862;
}

.red_box {
    background-color: #DA2700;
}

.primary_box {
    background-color: #48AAF1;
}

.yellow_box {
    background-color: #E6FF49;
}

.grey_box {
    background-color: #4F4F4F;
}

.common_field_box {
    height: 42px;
    width: 38px;
    border-radius: 8px;
}

/* ---------------------------------------------------- highlight report page present------------------------------------------------ */
.page-template-page-present_highlight_report .step_list_common {
    width: 100%;
    max-width: 100%!important;
    background-color: #090C13 !important;
}

.hrentryfields .form-control[readonly] {background-color: white!important;}

.highlight_report_active_menu_item {display: none;}
.page-template-page-present_highlight_report  .highlight_report_active_menu_item {display: block;}

.page-template-page-present_highlight_report .step_list_common li { 
    font-size: 1em;
    background-color: #090C13 !important;
        margin: 0 auto;
}

.hightlight_report_container .budget_main_row {
    margin-top:30px;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {

    font-size: 0.86em;
    background-color: white !important;
    line-height: 30px !important;

}



.page-template-page-present_highlight_report .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}


.page-template-page-present_highlight_report .select2-container {
    height: calc(1.5em + .75rem + 2px);
}

.highlight_report_step .select2-container {
    height: calc(1.5em + .75rem + 2px);
    width: auto!important;
}


.sponcer { margin-top: 20px;}
.sponcer h4.common_field_heading {color: white!important;}

.highlight_report_page .graphentries, .highlight_report_page .reportentries, .highlight_report_page .hightlight_report_box {
box-shadow: none;
    border: 1px solid #ececec;
}

.page-template-page-present_highlight_report .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent!important;
    height: calc(1.2em + .75rem + 2px);
    border: 1px solid #383838!important;
}



.actionbut {

    background-color: #08cad1;
    color: white;
    padding: 10px 15px;
    border-radius: 15px;
    font-size: 0.9em;
    font-weight: 500;
}

.actionbut:hover {color: white;}

.highlight_report_page .common_dashboard_table tr th {font-size: 1em;}

.highlight_report_page .sponcer {margin-bottom: 10px!important;}

.highlight_report_page .issues_content_table a:hover {

text-decoration: none;
}

.highlight_report_page .common_field_main_heading  a {

    background-color: #08cad1!important;
    color: white;
    padding: 10px 15px!important;
    border-radius: 10px!important;
    font-size: 0.9em!important;
    font-weight: 500;
    float: right;
        width: 150px;
    text-align: center;
}


.highlight_report_page .fa-plus-circle:before  {color: #08cad1;}

.highlight_report_page .common_field_main_heading  a:hover {

text-decoration: none;
}


.page-template-page-raid-log-scrore-matrix .bus_risk_id, .page-template-page-raid-log-scrore-matrix .rows_action_id, .page-template-page-raid-log-scrore-matrix .rows_issues_id, .page-template-page-raid-log-scrore-matrix .rows_decisions_id, .page-template-page-raid-log-scrore-matrix .rows_lessons_id {text-align: center;}

.page-template-page-present_highlight_report .footer {display: none;}

.hightlight_report_container .justify-content-start {
    justify-content: flex-end !important;
}

.brp_benefit_desc_text, .brp_outcome_text  {
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 7px 0px;
}

.page-template-page-Project_Closure_Report .common_green_checkbox_main input:checked+.checkmark {
    width: 25px;
    height: 25px;
}

.page-template-page-Project_Closure_Report .activityes span a {

    background-color: #08cad1;
    padding: 7px 15px;
    border-radius: 10px;
    color: white;
    letter-spacing: 0.5px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;


}

.page-template-page-Project_Closure_Report .activityes h3

{
        margin-bottom: 15px !important;
}


.page-template-page-Project_Closure_Report .activityes p

{
        margin-top: 15px !important;
}

.page-template-page-Project_Closure_Report .milestone-rows .dropdown-toggle, .page-template-page-Project_Closure_Report .closure_deliverable .dropdown-toggle {
    background-color: white;
}

.page-template-page-Project_Closure_Report .project_costs .col-md-5 {
        margin-left: 12px; width: 30%;
}

.page-template-page-Project_Closure_Report label.common_green_checkbox_main>input[type="checkbox"]:checked+*::before {
    font-size: 0.8em;
    font-weight: 600;
    margin: 7px;
}

.highlight_report_page .select2-container .select2-selection--single {height: 100%!important;}
.page-template-page-Project_Closure_Report .select2-container .select2-selection--single {height: 100%!important; border-radius: 5px; width: 100%}


.page-template-page-Highlight_Report .sponcer .select2-container--default .select2-selection--single .select2-selection__rendered {
   
        border: none!important;
        line-height: 30px !important;
        font-size: 1.15em;
        height: 100%;

}



.page-template-page-Highlight_Report .select2-container--default .select2-selection--single {
    border: none;
}


.project_course_report_section .highlight_report_step {
    margin: 0 auto;
    display: block;
}


.page-template-page-present_highlight_report .project_course_report_section .highlight_report_step {
    width: 80%;
    margin: 0 auto;
    display: block;
}



  

/* ---------------------------------------------------- Raid Logg Score  ------------------------------------------------ */

.raid_log_scrore_matrix .step_list_common li,
.brp_pages .step_list_common li,
.project_resource_pages .step_list_common li {
    cursor: pointer;
}

.description_tooltip input::placeholder {
    text-align:left;
}

.toolingtip .mar-change {
        font-size: 0.6em;
    font-weight: 600;
    letter-spacing: 0px;
    margin-top: 25px;
}

.raid_log_scrore_matrix .table_content_scroll {
    scrollbar-width: thin;
    scrollbar-color: #0f0f0f #eeeeee;
}

.project_dossier .table_content_scroll {
    scrollbar-width: thin;
    scrollbar-color: #dfdfdf #eeeeee;
}



/* .view_comment_block  {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
  overflow-y: scroll; 
}

.view_comment_block::-webkit-scrollbar {
  display: none; 
} */

.comment-box .row_comment_text {margin-bottom: 20px;}

.select2-container .select2-selection--single .select2-selection__rendered {text-align: left;}

.page-template-page-raid-log-scrore-matrix .swal2-close:focus {box-shadow: none!important;}
.page-template-page-raid-log-scrore-matrix .swal2-icon .swal2-icon-content {font-size: 1.5em!important;}
.page-template-page-raid-log-scrore-matrix .swal2-icon {width: 3em!important; height: 3em!important;}
.page-template-page-raid-log-scrore-matrix .swal2-popup {    padding: 1.25em 1.25em 2.3em;}
.page-template-page-raid-log-scrore-matrix .swal2-icon.swal2-info {border-color: #08cad1!important;
    color: #08cad1!important;}

.page-template-page-benefit-realisation .brp_pages .menu {
    position: absolute;
    z-index: 50;
}

/*.page-template-page-raid-log-scrore-matrix .select2-container--default .select2-selection--single {
    
    
}*/

.raid_log_page .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    background-color: white !important;
    line-height: 30px !important;
    font-family: 'Montserrat';
    font-weight: 400;
    text-align: left;
}
.action_table .action_description {
    width: 350px;
    text-align:left;
    color: #495057;
}
.issue_table .issue_description, .decisions_table #decisions_needed, #lesson_description { 
    /* width: 320px;
    text-align:left; */
}
.decisions_table #decisions_source, #decisions_agree_outcome, #lesson_recommendations {
    text-align:left;
    color: #495057; 
}
.risk_table .risk_tab_value, .decisions_table .decisions_needed, .lessons_learnt_table .lessons_description, .risk_impact_description, .action_impact_description, .issue_impact_description, .risk_actions_mitigation, .action_description, .issue_description, .issue_resolution, .decisions_needed, .decisions_agree_outcome, .lessons_description, .lessons_recommendations, .decisions_source {
    width: 350px;
    text-align:left !important;
    border: 1px solid var(--bs-border-color) !important;
    border-radius: 7px !important;
    padding: 8px !important;
    background: transparent !important;
    font-size: 14px !important;
}
.decisions_table td .description_tooltip, .lessons_learnt_table td .description_tooltip {
    text-align:left;
}
.raid_log_implemented  {min-width: 140px; font-size: 14px;
    font-weight: 600;}

    .statuswidth {width: 170px!important;}

 .raid_log_implemented  .status_options { font-size: 14px;
    font-weight: 600;}   


.commentsize {min-width: 150px!important;}

#lesson_type {
    text-transform: capitalize;
}



.raidlog_riskbody .risk_risks_1 {width: 520px!important;}


.risk_risks_1 .dropdown-toggle:after {display: none;}
.risk_actions_mitigation .dropdown-toggle:after {display: none;}



.raid_logg_table td {
    width: 10%;
}

.raid_list_heading {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.risk_matrix_text {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
}

.raid_list_block {
    width: 35%;
}

.raid_logg_table tr {
    min-height: 60px;
    text-align: center;
}

.raid_logg_table td {
    color: #0A0B14;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #BCCCDC !important;
}

/* comment box */
.view_comment_block {
    height: calc(100% - 350px);
    overflow-y: scroll;
    padding-right: 10px;
}

.comment_writing_block {
    border-top: 1px solid #cfcfcf;
    padding-top: 20px;
    margin-top: 30px;
}

.comment_description {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #DEDEDE;
    background: #FFF;
}

.comment-content {
    margin-bottom: 25px;
}

.comment_post_button {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    background-color: #48AAF1;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #48AAF1;
}

.scroll_y::-webkit-scrollbar {
    width: 5px;
}

.scroll_y::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.scroll_y::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d;
}

/* maintain table column width */
.raid_logg_table .almost_certain_column {
    width: 35%;
    text-align: start !important;
    padding: 10px !important;
    background-color: #EEE !important;
}

.raid_logg_table .persantage_column,
.raid_logg_table .certain_column,
.raid_logg_table .persantage_column {
    width: 7%;
    background-color: #fff !important;
}

.severe_block {
    background-color: #F00 !important;
    color: #fff !important;
}

.material_block {
    background-color: #FBC400 !important;
    color: #fff !important;
}

.tolerable_block {
    background-color: #00C514 !important;
    color: #fff !important;
}

.key_section .key_h6 {
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.key_section .key_p {
    color: #0A0B14;
    font-size: 14px;
    font-weight: 500;
}

.key_section .key_heading,
.key_section .key_content {
    padding: 20px;
    margin-bottom: 10px;
}

.key_section .key_content {
    background-color: #EEE;
    max-width: 500px;
}

.key_section .key_heading {
    min-width: 170px !important;
    min-height: 60px !important;
    max-width: 170px !important;
    display: flex;
    align-items: center;
}

/* -------------- Risk Table css ------------------ */
.risk_main_table {
    display: table;
    width: 100%;
    border-collapse: collapse !important;
}

.risk_table {
    min-width: 2586px !important;
}

.complate_column .status_select {
    width: 22px !important;
}

.common_main_table .score_block {
    display: flex;
    justify-content: center;
}

.common_main_table .score_block .score_text {
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 14px;
    padding: 2px;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}

.common_main_table .score_block .red_score {
    background: #DA2700;
}

.common_main_table .score_block .orange_score {
    background: #FB9156;
}

.common_main_table .score_block .green_score {
    background: #3BC862;
}

.common_main_table .complate_column .status_select {
    min-width: fit-content !important;
}

.common_main_table .complate_column .status_select .status_options {
    background-color: transparent !important;
}
.page-template-page-benefit-profile .swal2-icon .swal2-icon-content {font-size: 1.5em!important;}
.page-template-page-benefit-profile .swal2-icon {width: 3em!important; height: 3em!important;}
.page-template-page-benefit-profile .swal2-popup {    padding: 1.25em 1.25em 2.3em;}
.page-template-page-benefit-profile .swal2-close:focus {box-shadow: none!important;}
.page-template-page-benefit-profile .swal2-icon.swal2-info {border-color: #08cad1!important;color: #08cad1!important;}
.add_new_comment_btn {
    background-color: transparent;
    border: none;
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin: 10px 0px;
}

.add_new_comment_btn i {
    padding-right: 10px;
    color: #102a43;
    font-size: 20px;
    font-weight: bolder;
    vertical-align: middle;
}

/* project summary sidebar */
.project-summary-box {
    position: fixed;
    top: 0;
    right: -50%;
    width: 50%;
    height: 100%;
    background-color: black;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: right 0.5s ease-in-out;
    overflow-y: auto;
    padding: 78px 40px 40px 60px;
    z-index: 99999;
}

.project-summary-box .raid_list_block {width: 80%;}

/* brp sidebar */
.project-summary-box .close-btn i,
.comment-box .close-btn i {
    cursor: pointer;
}

.project-summary-box {scrollbar-width: none;}

.comment_date {
    justify-content: space-between;
}

.close-btn {
    display: flex;
    justify-content: end;
}

.comment-box .fa-caret-left::before {
    font-size: 14px;
}

.comment-box {
    position: fixed;
    top: 70px;
    right: -400px;
    width: 400px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: right 0.5s ease-in-out;
    overflow-y: auto;
    padding: 40px 40px 40px 30px;
    z-index: 70;
}

.comment-box .fa-caret-left {
    width: 22px !important;
    height: 22px !important;
    background-color: #48AAF1 !important;
    border-radius: 50% !important;
    color: #fff !important;
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comment-content textarea::placeholder {
    color: #4F4F4F;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    font-weight: 500;
    padding: 17px;
}

/* ---------------------------------------------------- BRP page  ------------------------------------------------ */
.order_lists li {
    margin: 8px 0px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #ffffff;
    font-weight: 500;
}

.order_lists ol {
    padding-left: 1rem;
}

.brp2_lists i {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
    font-weight: 400;
    margin-right: 10px;
}

.brp_main_content .unorder_lists li {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: left;
    color: #ffffff;
    font-weight: 500;
}

.brp_main_content .common_main_table .bac_eee
{    
    background-color: #eeeeee !important;
}

.brp_details h4 {
    color: #d9e2ec;
    font-size: 12px;
    font-weight: 600;
}

.brp_list_block {
    background: #090c13;
    padding: 20px 40px 20px 40px;
}

.thead_bg {
    background-color: #ADADAD !important;
    color: #FFF !important;
}

.brp_inner_content .thead_bg

{
    background-color: #090C13 !important;

}

.brp_list_block .unorder_lists ul {
    list-style: none !important;
}

.brp_list_block .unorder_lists ul .list_box .list_icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}

.brp_list_block .unorder_lists ul .list_box .list_icon span {
    font-size: 10px;
    color: #fff;
    font-weight: 600;
}

.brp_list_block .unorder_lists ul .list_box .list_icon.green_item {
    background-color: #3BC862;
}

.brp_list_block .unorder_lists ul .list_box .list_icon.red_item {
    background-color: #DA2700;
}

.brp_list_block .unorder_lists ul .list_content p {
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
}

.left_border_brp {
    border: 1px solid #bfbfbf !important;
}

.brp_table_section tbody {
    border-left: 1px solid #bfbfbf;
}

.brp_table_section table tbody tr {
    height: 42px;
    background-color: #fff !important;
    width: 100%;
}



.purple_text_id {
    color: #5285D2 !important;
    font-weight: 600 !important;
}

/* ---------------------------------------------------- Stakehoder Map Page ------------------------------------------------ */
.common_content_block {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 2px 1px 0px rgba(240, 240, 240, 0.05);
}

.stakeholder_common_table th {min-width: 110px;}

.stakeholder_main_container .submit_button {
    margin-top: 25px;
}

.stakeholder_main_container .col-3 {
    width: 15%;
}

.stackholder_interest_submit {
    background: #08cad1 !important;
    color: white ! Important;
    letter-spacing: 0.5px;
    font-size: 15px !important;
    text-align: center;
    font-weight: 600!Important;
    border-radius: 10px ! Important;
    padding: 10px 35px!important;
    text-transform: inherit!important;
        text-decoration: none !important;
}

.custom_remove_button::after {
    content: "";
    width: 9px;
    height: 2px;
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.common_content_block .add_interest {
    padding-left: 30px;
}

.stakeholder_main_contant {
    background-color: #EEEEEE;
    padding: 2rem;
}

.common_content_block .add_new_minus_btn {
    background-color: transparent;
    border: none;
    color: #4F4F4F;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    margin: 10px 0px;
}

.common_content_block .add_new_minus_btn i {
    color: #DA2700;
    font-size: 20px;
    font-weight: bolder;
    vertical-align: middle;
}

.project_tasks .inner_pie {
    display: flex !important;
    align-items: center;
    margin-bottom: 13px !important;
}

.project_tasks .pie_chart_span {
    color: #18293d;
    font-size: 10px;
    font-weight: 500;
}

.project_tasks .pie_chart {
    margin-left: 45px;
}

.stakeholder_main_contant .radio_button {
    width: 17px !important;
    height: 17px !important;
}

/* ---------------------------------------------------- Stakehoder Map new Page ------------------------------------------------ */

.stakeholder_main_container {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    margin: auto;
}

.stakeholder_map_main .stakeholder_main_container .table_content_scroll {
        overflow-x: inherit!important;
}
 

.stakeholder_interest_table tr {height: 73px;}



.interest_heading {
    color: #203144;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    text-align: end;
}

.add_interest_box {
    display: flex;
    gap: 30px;
    max-width: 40%;
}

.add_interest_button {
    color: #8B8B8B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    text-decoration: none !important;
    position: relative;
    
    display: flex;
    align-items: center;
}

a.add_interest_button::before {
    content: "+";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0%;
    background-color: #48aaf1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 20px;
    line-height: 0;
    font-weight: 400;
    transform: translateY(-50%);
}

.rounded_checkbox {
    position: relative;
    cursor: pointer;
    width: 22px;
    height: 22px;
    display: block;
    margin: auto;
}

.rounded_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.rounded_checkbox .orange_mark {
    position: absolute;
    top: 0;
    left: 0%;
    height: 20px !important;
    width: 20px !important;
    border: 1px solid #b3b3b3;
    border-radius: 50%;
}

.rounded_checkbox input:checked~.orange_mark {
    background-color: #f36aa9;
    border: none;
}

.stakeholder_common_table {
    width: 100%;;
}

.stakeholder_common_table.bordered thead,
.stakeholder_common_table.bordered tbody {
    border: 1px solid #eeeeee;
}

table.stakeholder_common_table th,
table.stakeholder_common_table td {
    padding: 12px;
}

.interest_heading_box,
.stakeholders_title {
    min-height: 50px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.interest_heading_box h5 {
    color: #203144;
    font-size: 20px;
    font-weight: 600;
    text-align: end;
}

.interest_heading_box h6 {
    text-align: center;
    color: #203144;
    font-weight: 500;
    font-size: 14px;
}

.interest_heading_box i {
    color: #cbcbcb;
    width: 20px;
    height: 20px;
    background-color: white;
    border: 1px solid #b3b3b3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: auto;
    font-size: 10px;
    font-weight: 600;
}

.left_table_content td {
    font-size: 15px;
    color: #18293D;
    font-weight: 600;
    text-align: end;
}



.stakeholder_common_table .left_table_content td {
    text-align: start;
}


.add_interest_heading {
    color: #203144;
    text-align: end;
    font-weight: 600;
    margin: 0;
}

/* ---------------------------------------------------- Sidebar and Navbar  ------------------------------------------------ */
.nav .nav-item a .align-middle {
    color: #fff;
}




.main nav .nav-item .avatar.avatar-100 {
    border-radius: 50%;
}

/* ---------------------------------------------------- All closure , hightlight and Archived  ------------------------------------------------ */
/* ---------------------------------------------------- Project Dossier ------------------------------------------------ */
/* common project table */

.page-template-page-archived_project .common_main_table .table_body_row .checkbox_column {width: auto;}
.dossier_table .common_search_select.bootstrap-select .btn.btn-light {border: none;}
.dossier_table .common_search_select.bootstrap-select {border: none;} 
.dossier_table .dropdown-toggle:after {display: none;}
.dossier_table .filter-option-inner-inner {text-align: left;}
.dossier_table #pml {text-align: center;}

.dossier_table .custom_select_option {padding: 20px; font-weight: 500;}
.dossier_table option {padding: 20px;}
.archive_project_table {    max-width: 1000px;
    width: -webkit-fill-available;}
.dossier_table {
    width: 100%;
}
.table_view_button {
    border: 1px solid #7B7B7B;
    padding: 6px 40px;
    border-radius: 63px;
    cursor: pointer;
}

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


.custom_select_option:focus-visible {
    border: none;
    outline: none;
}

.project_table tbody tr {
    background-color: #eeeeee;
    border-bottom: 1px solid#BFBFBF;
}

.project_table thead th {
    color: #434343;
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 10px;
}

.project_table thead {
    border-bottom: 2px solid #BFBFBF;
}

.project_table tbody tr {
    background-color: #FFF;
    border-bottom: 1px solid #eeeeee;
}

.project_table tbody td {
    color: #4F4F4F;
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    min-width: 150px;
    padding: 10px 0px;
}

.project_table tbody td.blue_text,
.project_plan tbody td.blue_text {
    color: #5285D2 !important;
    font-weight: 700 !important;
}

.project_table .project_checkbox_column {
    max-width: 10px !important;
}

.project_table .project_checkbox_column i,
.project_plan .project_checkbox_column i {
    background: #F6F6F6;
    border: 2px solid #E7E7E7;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    cursor: pointer;
}

.selected_row {
    background-color: #ffefef !important;
}

.dossier_status.status_select {
    margin: 0px 15px;
}

.project_dossier_container {
    background-color: #eeeeee;
}

.content_box_show {
    background-color: #000;
    padding: 20px;
    border-radius: 16px;
    max-width: 500px;
}

body .info_text {
    color: #39eaee !important;
}

/* ---------------------------------------------------- Project Plan ------------------------------------------------ */
.project_plan_container {
    background-color: #f1f1f1;
}

.project_plan .milestone_name {width: 300px!important;}

.table_plan_block {
    min-width: 2586px !important;
}

.page-template-page-project_plan .table_content_scroll {
    padding-bottom: 115px;
}

.page-template-page-project_plan .common_input_text {padding-right: 0px!important;}

.project_plan .rounded_options {
    overflow-y: hidden;
}

.page-template-page-raid-log-scrore-matrix .rounded_options {overflow:hidden;}

.project_plan {
    display: table !important;
    width: 100% !important;
    /* border-collapse: collapse !important; */
    border-collapse: separate;
    border-spacing: 0;
    margin: 0px !important;
}

.project_plan .bac_f1 {
    background: #f1f1f1;
}

.project_plan .th_blue {
    background: transparent;
    color: #4F4F4F;
}

.project_plan tr .th_blue {
    background: transparent;
    color: #4F4F4F;
    border-left: 1px solid #dddddd;
    border-right: 0px solid #dddddd !important;

}

.trackerhead {
    background: transparent;
    color: #4F4F4F;
    border: 1px solid #dddddd;
}

.project_plan .th_white {
    background: #fff;
    color: #203144 !important;
}

.project_plan .th_blue img,
.project_plan .th_white img {
    margin-right: 4px !important;
    height: 10px;
    width: 12px !important;
}

.project_plan .project_checkbox_column {
    width: 3% !important;
}

.border_right {
    border-right: 1px solid #efefef !important;
}

.common_width_td {
    width: 30px !important;
}

.background_gray {
    background: #F1F1F1 !important;
}

input[type="date"].common_input_text {
    border: none !important;
    max-width: 130px !important;
}

.add_row_img {
    width: 14px;
}

.popup {
    display: none;
    position: absolute;
    background: #F6F6F6;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    z-index: 1;
    margin-left: 35px !important;
}

.popup ul {
    list-style-type: none;
    padding: 0;
    margin: 0px !important
}

.popup ul li a {
    color: #434343 !important;
    text-decoration: none !important;
}

.popup ul li {
    margin-bottom: 5px;
    border-bottom: 1px solid #E1E1E1;
    text-align: left;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    padding: 10px;
    list-style: none;
    margin: 0px;
}

.add_new_image:hover+.popup {
    display: block;
}

.border_right input[type="checkbox"]:checked+.plan_checkbox {
    background-color: #ffb480;
}

.project_plan .plus_icon i.fa.fa-plus {
    background: #203144;
    color: #fff;
    border-radius: 20px;
    padding: 3px;
    font-size: 10px;
    height: 17px;
    width: 17px;
    cursor: pointer;
}

/* project plan table */
.project_plan td {
    color: #4F4F4F;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
}


/* 
.common_main_table.project_plan td {
    padding: 0 !important;
} */

.project_plan thead tr {
    box-shadow: 0px 2px 1px 0px rgba(240, 240, 240, 0.05);
    background: #F6F6F6;
}

.project_plan thead th {
    font-size: 14px;
    color: #4F4F4F;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    padding: 8px 0px;
    height: 30px;
    background-color: transparent;
    
}

.project_plan tbody tr {
    background-color: #ffffff;
    border-top: 1px solid #eeeeee;
    height: 42px !important;
}

/* ---------------------------------------------------- Raid Log ------------------------------------------------ */
.raid_log_page .main_inner_content {
    background-color: #fff;
    height: auto;
}

.active-tab {
    background-color: #08cad1 !important;
}

.raid_log_page .risk_matrix_inner_content {
    padding: 35px 42px 35px 42px;
    background-color: #000;
}

.tab-content {
    display: none;
}

.active-tab-content {
    display: block;
}

/* ---------------------------------------------------- One Consulting Admin Page ------------------------------------------------ */
h1.common_field_heading {
    color: #0f101a;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
}

.admin_customer_btn {
    height: 40px;
    min-width: 240px;
    background: #3bc862;
    border-radius: 6px;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.customer_information .common_field_label {
    color: #111 !important;
    font-size: 20px;
    font-weight: 600 !important;
    text-transform: capitalize;
}

.gray_input {
    background-color: #d9d9d9 !important;
    border-radius: 10px !important;
}

.gray_input:focus {
    background-color: #d9d9d9 !important;
}

.current_customer table tbody tr {
    vertical-align: middle;
}

h6.common_field_heading {
    color: #0F101A !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.admin_table th {
    color: #111;
    font-size: 15px;
    font-weight: 700 !important;
    text-transform: capitalize;
    text-align: center;
    padding: 6px 10px !important;
}

.admin_table td {
    color: #111;
    font-size: 20px;
    font-weight: 600 !important;
    text-transform: capitalize;
}

.customer_information .gray_field:focus {
    background-color: #d9d9d9;
    box-shadow: none;
    border: #d9d9d9;
}

/* ---------------------------------------------------- Admin customer super user ------------------------------------------------ */
.project_course_report_section .form_content_box,
.admin_customer_super_admin_section .form_content_box {
    border-radius: 0px 0px 8px 8px !important;
}

.admin_customer_step .domain_details_area {
    max-width: 500px;
}

.domain_details_area h3.common_field_heading {
    margin: 30px 0px !important;
    color: #111 !important;
}

.approve_domain_area .display_domain_name_common {
    color: #0F101A;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.domain_table td:first-child {
    width: 70%;
}

.domain_table td {
    padding: 10px 0px;
    font-size: 18px;
}

.common_primary_button {
    border-radius: 6px;
    border: none !important;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    background-color: #18293D;
    height: 40px;
    min-width: 130px;
}

.approve_row_submit.approve {
    background: #08cad1;
    border-radius: 6px;
    padding: 10px 0px;
    min-width: 130px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border: transparent;
}

.approve_row_submit.decline {
    background: #DA2700;
    border-radius: 6px;
    padding: 10px 0px;
    min-width: 130px;
    color: #fff;
    font-size: 12px;
    border: transparent;
    font-weight: 700;
}

.user_table td,
.user_table th {
    padding: 10px 20px 10px 0px;
    font-size: 18px;
}

.user_table th {
    text-align: left !important;
    color: #0F101A;
    font-size: 20px;
    font-weight: 700;
}

.user_table .domain_name {
    text-decoration: underline;
}

.role_border {
    border: 1px solid #DEE2E6;
    border-collapse: collapse;
}

.role_table {
    margin-bottom: 1rem;
}

.role_table td:first-child {
    padding-right: 30px;
}

.role_table th,
.role_table td {
    font-size: 14px;
    color: #18293D;
    font-weight: 600;
}

.admin_customer_step .admin_super_user_dropdown .dropdown_inner_content,
.admin_customer_step .admin_customer_user .dropdown_inner_content {
    border: none !important;
}

.admin_super_user_dropdown .common_dropdown .dropdown_inner_content.active,
.admin_super_user_dropdown .common_dropdown .dropdown_inner_content ul {
    width: 140px !important;
}

.admin_customer_step .admin_super_user_dropdown .dropdown_inner_content.active,
.admin_customer_step .admin_customer_user .dropdown_inner_content.active {
    border: 1px solid #BCCCDC !important;
}

.admin_customer_step .admin_customer_user {
    display: flex !important;
    align-items: center !important;
}

.common_dropdown {
    text-align: left !important;
}

/* ---------------------------------------------------- Account Setting page ------------------------------------------------ */
.common_primary_button {
    background: #203144;
    border-radius: 6px;
    padding: 10px 0px;
    min-width: 130px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0px;
    text-transform: uppercase;
}



.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/wp-content/themes/consulting/img/photos/flowlioanimate.gif') 50% 50% no-repeat rgb(249,249,249);
    background-color: #090C13;

}

.page-template-page-Admin_customer_Super_User .btn_success {
    border: none!important;
    height: 35px !important;
    width: 95px!important;
    font-size: 13px!important;
}

.vision_statement_section input::placeholder {

  color: white!important;
} 

.vision_statement_section  .common_input_text:-webkit-autofill {
        -webkit-box-shadow: inherit!important;
    -webkit-text-fill-color: #495057 !important;
}

.page-template-page-Admin_customer_Super_User #admincustomer_table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-template-page-Admin_customer_Super_User #admincustomer_table .role_border {
    border-left: 0px;
    border-right: 0px; 
}

.page-template-page-Admin_customer_Super_User .delete_user_role {
    color: #ff6961!important;
}

.page-template-page-Admin_customer_Super_User .role_table tr {
    height: 60px;
}

.page-template-page-Admin_customer_Super_User #add_interest {
    border: solid 1px #d4d4d4!important;
    border-radius: 5px !important;
}

.admin_customer_super_admin_section .user_table th {
    font-size: 1em;
    font-weight: 600;
}


.account_setting_page .common_primary_button {
    margin-top: 30px !important;
    background: #08cad1!important;
}


.account_setting .form_content_box {
    padding: 50px !important;
}

.account_setting .profile_image_element {
    border-radius: 50%;
}

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

.account_setting .user_email_info {
    color: #0F101A;
    font-size: 14px;
    font-weight: 500;
}

.account_setting .notification_block span {
    color: #0F101A;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.account_setting input[type="checkbox"]:checked {
    color: rgb(63, 145, 66) important;
}

.account_setting .slideon input:checked~.slideon-slider {
    background-color: #3F9142 !important;
}

.account_setting .profile_information .row .col-1 {
    width: 6% !important;
}

/* ---------------------------------------------------- All hightlight page ------------------------------------------------ */
.create_new_area {
    padding: 15px 0px;
}

.create_new_common_btn {
    background-color: #08cad1;
    color: #FFF;
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 0;
    text-transform: uppercase;
    border: transparent;
    padding: 16px 20px;
    border-radius: 8px;
}

.create_new_common_btn i {
    color: #FFF;
    font-weight: 900;
    margin-left: 8px;
}

.highlight_report_step_3 {
    width: 95% !important;
}

/* ---------------------------------------------------- Project Resources & Key Contacts page ------------------------------------------------ */
/* menu and content  */
/* common main table */
.common_main_table .table_body_row {
    border-bottom: 1px solid #eeeeee;
    background-color: #ffffff;
}

.common_main_table .table_body_row td {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif !important;
    color: #4F4F4F;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    text-align: center;
    padding: 0px 10px;
}

.common_main_table .table_heading_row th {
    color: white;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #090C13;
    font-family: 'Montserrat', sans-serif !important;
    padding: 10px;
    text-align: center;
    min-width: 85px;
}

.common_main_table .table_heading_row {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    background-color: #eeeeee;
}

.common_main_table .table_body_row .checkbox_column {
    width: 60px;
    min-height: 60px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.common_main_table .table_heading_second_row .checkbox_column {
    min-width: 60px;
}

.common_main_table .checkbox_column i {
    width: 35px;
    height: 25px;
    border: none;
    background: #090C13;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    cursor: pointer;
    font-weight: 600;
    font-size: 20px;
}

.table_body_row.border-none {
    border: none !important;
    height: 40px;
}

.common_main_table td.blue_text {
    color: #48AAF1 !important;
}

.common_main_table input[type="date"].common_input_text {
    max-width: 150px !important;
    margin: auto;
    text-align: center!important; 
    font-weight: 500;
}

.common_main_table input[type="checkbox"].common_main_checkbox {
    transform: scale(1.5);
    vertical-align: middle;
}

.common_main_table .left_bo_none {
    border-left: 1px solid transparent !important;
}

.common_main_table .status_select {
    min-width: 120px;
}

.common_main_table .status_select.raid_log_implemented {
    width: 140px;
    font-size: 13px;
}

.common_main_table .table_heading_row .fa-caret-down {
    margin: 0px 4px;
    font-size: 14px;
    color: white;
}

.common_main_table .border_none {
    border: 1px solid transparent;
}

.common_main_table .bac_eee {
    border-top: 1px solid transparent;
    background-color: #ffffff !important;
}

.common_main_table .rounded_status {
    background-color: transparent !important;
}

/* common main table large row */
.large_table .table_body_row td {
    padding: 12px 8px !important;
}

/* .large_table .table_body_row .common_main_checkbox {
    transform: translate(0px, 6px);
} */
.add_new_image {
    width: 18px;
    cursor: pointer;
}

/* go live checklist table */
.go_live_checklist_table .table_heading_main_row th {
    background-color: #ADADAD;
    text-align: center;
    color: #fff;
    padding: 8px 0px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: normal;
}

.go_live_checklist_table .table_heading_main_row .common_space_column {
    min-width: 120px;
    background: transparent;
}

.go_live_checklist_table .rounded_options {
    overflow-y: hidden;
}

.go_live_checklist_table .table_heading_second_row th {
        text-align: center;
    padding: 12px 10px;
    color: white;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    font-size: 12px;
}

.stage_check_task {min-width: 400px; text-align: left !important;}
.select2-container {min-width: 200px;}


.go_live_checklist_table .table_heading_second_row {
    border-radius: 8px 8px 8px 0px;
    background: #090C13;
    box-shadow: 0px 2px 1px 0px rgba(240, 240, 240, 0.05);
    border-bottom: 1px solid #BFBFBF;
}

.go_live_checklist_table .table_body_row td {
    text-align: center;
    padding: 12px 10px;
}

/* if rounded then this css work */
.status_select.rounded_status .status_selected_option {
    background: #3BC862;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.status_select.rounded_status .status_option {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.status_select.rounded_status .status_options {
    background: transparent;
}

.status_select.rounded_status .is_yes,
.status_select.rounded_status .status_selected_option[data-value="y"] {
    background: #DA2700 !important;
}

.status_select.rounded_status .is_no,
.status_select.rounded_status .status_selected_option[data-value="n"] {
    background-color: #3BC862 !important;
}

.status_select.md .status_selected_option,
.status_select.md .status_option {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 6px 0px !important;
    text-transform: capitalize !important;
}

.status_select.md {
    width: 100% !important;
}

.status_selected_option[data-value="close"],
.status_option.is_close {
    background-color: #ff6961 !important;
}

.status_selected_option[data-value="open"] {
    background-color: #42d6a4 !important;
}

.common_search_select.lg .btn.dropdown-toggle {
    padding: 10px !important;
}

.status_selected_option[data-value="Y"] {
    background-color: #42d6a4 !important;
}

.status_selected_option[data-value="N"] {
    background-color: #ff6961 !important;
}

/* ---------------------------------------------------- CMS Pages ------------------------------------------------ */

.helpcentre h1 {
        text-align: left;
    margin-top: 4rem !important;
    margin-bottom: 1em !important;
    font-size: 1.5em;
    padding-left: 0px;
}

.page-id-567 .helpcentre {    margin: 5% 5% 50px;}
.page-id-567 .wpcf7 {    margin: 0% 0% 0% 6%;}
.page-id-567 footer.footer {    position: absolute;
    bottom: 0px;
    width: -webkit-fill-available;}

.faqred, .faqorange, .faqgreen, .faqblue, .faqdarkred {background-color: white!important;}

.faqred i {color: #08cad1;}
.faqorange i {color: #ffb480;}
.faqgreen i {color: #42d6a4;}

.faqblue i {color:#090C13;}

.faqdarkred i {color:#ff6961;}

.helpcentre h3 {
text-align: left;
    background: white;
    border-radius: 50px;
    padding: 30px 50px;
    font-size: 1.1em;
    line-height: 1.5em;
    max-width: 1250px;
        color: #0c0c0c;
}


.helprows {
    align-items: center;
    justify-content: flex-start;
    margin-top: 25px;
}



.hlca {    
    margin-bottom: 50px;
}



.flowcol1 {
    background-color: #ffb480;
    color: white;
    border-radius: 10px;
    padding: 20px;
    margin-right: 15px;
    height: 100%;
}

.flowcol2 {
    background-color: #42d6a4;
    color: white;
    border-radius: 10px;
    padding: 20px;
    margin-right: 13px;
    height: 100%;
}

.flowcol3 {
    background-color: #08cad1;
    color: white;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
}

.mosctool h4 {
        padding: 8px 0px;
        color: white;
        font-weight: 600;
        font-size: 1.3em;
}


.mosc {
    display: flex;
    padding-right: 2em;
}

.mosctool p {text-align: justify;}


.mosctool {    
    flex: 1;
    padding-right: 0px !important;
    padding-left: 0px !important;
   }

 .mosc1, .most2, .mosc3 {height: 100%;}  


/* ---------------------------------------------------- Other css ------------------------------------------------ */
.main_content {
    background-color: #eeeeee;
    padding: 2rem;
    width: 100%;
}
 
.page-template-page-business_case .main_content  {padding: 2rem 2rem 2rem 0rem;}
.page-template-page-project_brief .main_content  {padding: 2rem 2rem 2rem 0rem;}

.commentbus {width: 37%!important;}
.commentbus .column_2 {width: inherit!important;}


.commentbus .custom_col {width: 100%!important;}
.commentbus .custom_col .column_2 {width: 100%!important;}

.main_inner_content {
    background-color: #fff;
    height: auto;
}

.calender-form-group img {
    width: 24px;
    margin-right: 10px;
    height: 24px;
    cursor: pointer !important;
}

.calender-form-group {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px !important;
}

.dateRangeInput::placeholder {
    padding: 0px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #18293D !important;
}

.go_live_table td,
.dossiser_table td {
    text-align: left;
    padding: 8px;
    border-spacing: 0px;
    text-align: center;
}

.form_content_box {
    background-color: #ffffff;
    max-width: 879px;
    min-height: 647px;
    margin: auto;
    border-radius: 8px;
    Padding: 29px;
    box-shadow: 0px 2px 1px 0px rgba(240, 240, 240, 0.05);
    margin-top: 16px;
    min-width: 100%;
    margin-left: 2rem;
}

.step {
    display: none;
}

.step.active {
    display: block;
}

.error-message,
.error-msg {
    color: red;
    display: inline-block;
}

.form_step_btns {
    margin-top: 16px;
}

.table_content_block {
    min-width: max-content !important;
}

.table_content_scroll {
    overflow-x: auto !important;
    padding-bottom: 20px;
}

.step_list_raid_log .table_full_width,
.admin_customer_step .table_full_width,
.project_resource_pages .table_full_width {
    width: 100% !important;
}

/* common search select */

.common_search_select.bootstrap-select {
    border: 1px solid #eeeeee;
}

.common_search_select.bootstrap-select .btn.btn-light {
    background: transparent !important;
}

.milestone_progress_score {
    display: flex;
    gap: 6px;
    align-items: center;
}

.milestone_progress_score p {
    margin: 0;
}

.page-template-dashbord .common_search_select.bootstrap-select .btn.btn-light {
    background: #08cad1 !important;
    height: 45px;
    width: 300px;
    border: none;
}

#chatbot-chatgpt div:nth-child(5) {
display: none;
}

.projectselectdash .dropdown-menu.show {
    top: -1px;
    left: -1px;
    width: 302px;  
}

#chatgptTitle.title {    
    font-weight: 600;
    font-family: 'Montserrat';
    padding: 5px;
    display: none;
    
}

.floating-style {
    box-shadow: none!important; 
    border: 1px solid #cbcbcb!important;
}

#chatbot-chatgpt-message {
    padding: 10px; 
    border: 1px solid #ebebeb; 
}
#chatbot-chatgpt-buttons-container {
    display: none!important;
}

#chatgpt-open-btn {
    background-color: #090C13!important;
    z-index: 9999999999!important;
    top: 0.7%!important;
    right: 23.5em!important;
    box-shadow: none!important;
    width: 100px!important;
    height: fit-content!important;
    display: none!important;
}

.chatbot-wide {
    border-radius: 0px!important;
    border: none!important;
}

#chatbot-chatgpt.wide {
        width: 50% !important;
        height: 100% !important;
        z-index: 9999999999;
        right: 0px!important;
        bottom: 0px!important;
        background: #090C13 !important;
}

#chatbot-chatgpt {
    
        background: #00000091 !important;
}

#chatbot-chatgpt-header {
        background-color: #090C13 !important;
        border-radius: 0px!important;
        justify-content: flex-end!important;
}

#chatbot-chatgpt-conversation {
        max-height: 80vh;
        background-color: #090C13;
        padding: 2% 5%;
}

.user-message {margin-bottom: 20px!important;}

#chatbot-chatgpt-input {
    width: 100%!important;
        background: #090C13 !important;
}

.user-text {
    background-color: transparent !important;
    color: white !important;
    border: 1px solid white;
    padding: 10px !important;
    margin-bottom: 10px;
}

.chatbot-collapse-btn {
    background-color: transparent!important;
    padding: 10px 10px 0px 0px;
}

.bot-text {
    background-color: #009095 !important;
    font-size: 17px !important;
    font-weight: 500!important;
    color: white!important;


}

.projectselectdash  .dropdown-menu .inner {    
    overflow-y: clip!important;
}

.page-template-dashboard .benefit_realisation_data {
    min-width: fit-content!important;
}

.red_badge {
    background-color: #ff6961 !important;
}



.common_search_select.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.common_search_select.bootstrap-select .bs-searchbox .form-control:focus {
    border-color: #e7e7e7 !important;
    box-shadow: none !important;
}

::webkit-scrollbar-button { 
     display:none;
    }


/* Width */
.table_content_scroll::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    margin-top: 10px;
}

/* Track */
.table_content_scroll::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.table_content_scroll::-webkit-scrollbar-thumb {
    background: #7B7B7B;
    border-radius: 8px;
}

/* Handle on hover */
.table_content_scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Firefox */
/* Width */
* {

    scrollbar-width: thin;
    scrollbar-color: #0f0f0f #eeeeee;
}


::-moz-scrollbar-button, ::-webkit-scrollbar-button {
  width: 0px;
}

/* Handle */
*::-webkit-scrollbar-thumb {
    border-radius: 8px;
}

.right-0 {
    padding-right: 0 !important;
}

.dateRangeInput::placeholder {
    font-size: 14px !important;
}

/* verticle scrollbar */
.v_scroll_parent ::-webkit-scrollbar {
    width: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
    height: 5%;
}

.v_scroll_parent ::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px;
}

.v_scroll_parent ::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.v_scroll_parent ::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.common_content_block .pt30 {
    padding-top: 30px !important;
}

/* ---------------------------------------------------- Project brief ------------------------------------------------ */
.role_select .status_role_option i.fa.fa-info-circle {
    position: absolute;
    right: 15px;
    top: 14px;
}


.page-template-page-project_brief .role_responsibilities h3 {
    background-color: #42d6a4;
    color: white !important;
    border-radius: 10px;
    padding: 10px;
    min-width: 200px;
    width: fit-content;
    text-align: center;
    padding: 8px 10px;
    font-weight: 500 !important;
}

.page-template-page-project_brief .Key_Project_Contacts h3 {
    background-color: #ffb480;
    color: white !important;
    border-radius: 10px;
    padding: 10px;
    min-width: 200px;
    text-align: center;
    width: fit-content;
    padding: 8px 10px;
    font-weight: 500 !important;
}

.page-template-page-project_brief h3 {
    width: fit-content;
    text-align: left;
    padding: 8px 10px;
    font-weight: 500 !important;
}

.responserow .common_field_heading h3 {color: white;}



.project_brief_page .Key_Project_Contacts #Key_Project_Contactss_field_container .form-control {
    height: auto!important;
}



.project_brief_page .approver_details .calender-form-group {
    justify-content: flex-start!important;
}

.project_brief_page .approver_details .calender-form-group .form-control {
    padding: 0px!important;
}

 

.role_select .status_role i.fa.fa-info-circle {
    top: 8px;
    position: absolute;
    right: 15px;
}

.escalation_conatct {
    display: flex;
    gap: 20px;
}

.escalation_conatct label {
    white-space: nowrap !important;
}

.escalation_conatct .common_input_text {
    max-width: 25% !important;
}



/* -------------- Project Brief Dropdown css ------------------ */
.role_select .status_role_option {
    cursor: pointer;
    border-radius: 8px;
    cursor: pointer;
    padding: 10px !important;
    border-radius: 7px;
    text-transform: capitalize;
    color: #495057;
    border: 1px solid var(--bs-border-color);
    font-weight: 400;
}

.stakehead {   
    padding-left: 0 !important;
    margin: 10px 0px !important;}

.status_role_option.is_sponsor.pbrief_spon {
    font-weight: 500 !important;
    position: relative !important;
}

.status_roless {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px;
    font-weight: 500;
    margin-top: 2px;
    z-index: 9999;
    color: #000;
    position: absolute;
}

.role_select {
    position: relative;
    min-width: fit-content;
    margin: auto;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px;
    font-weight: 500;
}

#project_brief_submit {
    height: 45px;
}

.role_select .status_role {
    padding: 10px;
    cursor: pointer;
    position: relative !important;
    border-radius: 0px;
    background: #f8f8f8 !important;
    text-align: left;
}

.status_select.project_brief.priority_status.table-dropdown,
.project_brief .status_option {
    font-weight: 500;
}

.project_agree_area .field_information_line {
    font-weight: 600 !important;
    color: #203144 !important;
}

.loggin-logo,
.sidebar_logo {
    max-width: 115px;
    margin-bottom: 30px;
}

.sidebar {    
    max-width: 280px;
    min-width: 280px;
}

.sidebar-content {
    width: 100%;
}


.project_tor_submit {
    margin: 20px 20px 0px 20px !important;
}

.Meeting_Timetable_details .d-flex.align-items-center {
    flex-wrap: wrap;
}

/* ToR Accordion */

    .create_new_project {
    background: #08cad1;
    }
    .create_new_project a {
    color: white;
    letter-spacing: 0.5px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
}

.accordion-section.active .accordion-header {
    background-color: #48AAF1;
}

.tor_main_content .accordion-section {
    margin-bottom: 10px;
}

.tor_main_content .accordion-header h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    margin: 0;
    display: flex;
    min-height: 40px;
    align-items: center;
}

.tor_main_content .accordion-header {
    background-color: #090C13;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tor_main_content .accordion-header i {
    min-width: 25px;
    min-height: 25px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 20px;
    font-size: 20px;
}

.tor_main_content .accordion-section.active .accordion-header i {
    transform: rotate(90deg) !important;
}

.tor_main_content .accordion-content {
    padding: 10px;
    display: none;
}

.tor_main_content .active .accordion-content {
    display: block;
}

.tor_main_content .arrow {
    float: right;
}

.tor_main_content .accordion-content .d-flex.align-items-center {
    flex-wrap: wrap !important;
    gap: 6px;
    justify-content: left;
}

/* Budget Tracker */

.bg_primary  {background-color: #090C13;}

.common_checkbox_field {width: 20px; height: 20px;}

.budget_table {
    margin-top: 35px;
}

.budget_table thead tr {
        background-color: #090C13!important;
}

.budget_table th {
        color: white!important;
}

.budgetfinances {padding: 3em;}

.totalfigs .bg_grey {    background-color: #090C13 !important;
    text-align: left;
    padding: 20px !important;
    border-right: 1px solid white;}

.financeHeadings {background-color: #090C13;}

.page-template-page-Account_Setting .financeHeadings {background-color: white;}

.budgetfinances .total_text {
    background-color: transparent;
    padding: 10px;
    border-radius: 5px;
    margin-right: 10px;
}

.totalSumPer {
    color: white!important;
}

.budgetfinances .totalhigh {
    margin-right: 20px;
    font-size: 1rem;
    font-weight: 500;
    color: #08cad1;
}

.budget_description {
    text-align: left !important;
}
.custom_page_title {
    color: #203144;
    font-size: 20px;
    font-weight: 700;
}

.custom_container {
    padding: 50px;
}

.mb30 {
    margin-bottom: 30px;
}

/* common data table */

.common_data_table th,
.common_data_table td {
    padding: 8px 5px !important;
}

.common_data_table tbody td {
    padding: 10px 5px !important;
    text-align: center;
}

.common_data_table tfoot td {
    padding: 10px 5px !important;
    text-align: center;
}

.common_data_table th {
    text-align: center;
    color: #4F4F4F;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.common_data_table tbody tr {
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
}

.common_data_table thead tr {
    background-color: #F6F6F6;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
}



.add_new_row_box {
    width: fit-content;
    margin: auto;
    cursor: pointer;
}

.common_editable_field,
.common_editable_field:focus {
    border: none;
    outline: none;
    text-align: center;
    background: transparent;
    font-weight: 500;
}

.common_editable_field::placeholder {
    text-align: center;
    color: #4F4F4F;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif !important;
}

.bg_grey {
    background-color: #f6f6f6 !important;
}

.TSB {color: #08cad1 !important;}

.total_text {
    font-weight: 500;
    font-size: 16px;
}

.chart {
    min-width: 300px !important;
}

/* highlight report new layout */




.hrentryfields .highplus {padding-top: 8px;}

.budget_chart_block {
    min-height: 300px;
    background-color: #203144;
    border-radius: 20px;
}

.common_field_label.main_title {
    font-weight: 700 !important;
}

.mw-75 {
    max-width: 75% !important;
}

.hightlight_report_box {
    padding: 20px;
    background-color: white;
    border-radius: 20px;
    margin-right: 20px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.1);
}

.hightlight_report_box .table_content_block {
    min-width: fit-content;
}

.table_content_white th,
.table_content_white td {
    color: #ffffff !important;
}

.table_md th {
    padding: 12px 10px !important;
}

.table_md td {
    padding: 10px !important;
}

.rag_badge {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
}

.rag_badge.red_badge {
    background-color: #ff6961 !important;
}

.rag_badge.orange_badge {
    background-color: #FB9156 !important;
}

.label_badge {
    padding: 6px 14px;
    border-radius: 8px;
    color: #ffffff;
    font-weight: 500;
    margin-left: 10px;
}

.label_badge.green_badge {
    background-color: #42d6a4 !important; 
}

.barchart {
    max-width: 400px;
    height: 400px;
}

.down.wrapfixed {
    display: none;
}

.stakeholder_main_col .main_heading {
    justify-content: space-around;
    align-items: center;
    display: flex;
    min-width: 100%;
}

.stakeholder_main_col.right_column.borderd {
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #dee2e6;
}

.main_heading h6 {
    color: #203144;
    font-weight: 700;
    text-align: center;
}

.main_heading span .fa.fa-minus {
    color: #ffffff;
    width: 20px;
    height: 20px;
    background-color: #DA2700;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: auto;
}

/* select.selectpicker.common_search_select {
    display: block !important;
} */

.nav .nav-item {
    width: 100%;
}

.common_score_options.custom_select_option {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background-color: #000;
    color: #ffffff;
    text-align: center;
}

#raid_risk_likelihood_score+.bootstrap-select .dropdown-toggle .bs-caret {
    display: none;
}

.common_search_select .dropdown-menu.show {
    /* z-index: 999999999999999999999 !important; */
}

input.hide_cal[type="date"]::-webkit-calendar-picker-indicator,
input.hide_cal[type="date"]::-webkit-inner-spin-button {
    display: none !important;
}

/* common custom select options with hidden field */

.common_rounded_select {
    position: relative;
    width: 25px;
    height: 25px;
    margin: auto;
    background-color: #42d6a4;
    border: none;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    user-select: none;
    color: #ffffff;
    font-weight: 700;
}

.rounded_selected {
    border: 1px solid transparent;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rounded_options {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 9;
    transform: translateX(-50%);
    max-height: 165px;
    overflow-y: scroll;
}

.rounded_options span {
    display: block;
    padding: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #000;
}

.rounded_options span:hover {
    background-color: #f0f0f0;
}

/* set color  */

.hrentryfields .main_title {
    font-weight: 700 !important;
    font-size: 0.95em;
    margin-bottom: 15px !important;
    color: #666276 ! Important;
}

.hrentryfields .accordion-btn {color: black;}

.common_rounded_select.red {
    background-color: #ff6961 !important;
}

.common_rounded_select.orange {
    background-color: #ffb480 !important;
}

.common_rounded_select.green {
    background-color: #42d6a4 !important;
}
.common_rounded_select.low_green {
    background-color: #69d642 !important;
}
.common_rounded_select.yellow {
    background-color: #ffeb00!important; 
    color:#000;
}
.common_rounded_select.light_green {
    background-color: #008000 !important;
}
.common_rounded_select.light_red {
    background-color: #F00 !important;
}
.common_rounded_select.light_orange {
    background-color: #ff8c3b !important;
    color:white;
}

/* with percentage */

.common_rounded_select.percentage {
    min-width: 70px;
    min-height: 30px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #DA2700;
}

.common_rounded_select.percentage .rounded_options {
    width: 100% !important;
}

/* common currency field */

.common_currency_field .common_editable_currency::-webkit-inner-spin-button,
.common_currency_field .common_editable_currency::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.set_currency::before {
    content: "\00A3";
    font-weight: 600;
    font-size: 16px;
}

.common_currency_field {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.page-template-page-business_case .custbuswidth .dateRangeInput {
    font-weight: 500 !important;
    color: #6a6a6a !important;
}


.page-template-page-business_case input[type="checkbox"] {
        outline: 1px solid white;
    width: 20px;
    height: 20px;
}

.swal2-styled.swal2-confirm {
        background-color: #08cad1!important;
}


.page-template-page-business_case_approval .approval_details a, .page-template-page-checklist-tasks-approval-php .checklist_task_approval .approval_details a {

    color: white;
    background-color: #08cad1;
    padding: 10px 15px;
    border-radius: 10px;
    font-weight: 500;
}

.business_case_step .commentbus .resource_itb_additional {margin-left: 20px;}


.page-template-page-business_case .riskpcol {width: 13%;}

.page-template-page-business_case_approval .approval_details h3 {
    margin-bottom: 25px !important;
}

.page-template-page-business_case_approval .approval_details h4 {
    margin-top: 25px !important;
}

.page-template-page-business_case #bus_risk_id {
    margin-top: 0px!important;
}

.common_currency_field .common_editable_currency {
    max-width: 100px !important;
    border: none;
    padding: 0 0 0 5px !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    text-align: center;  
}

select[disabled] > option {
    color: light-dark(graytext, rgb(170, 170, 170));
}

.common_editable_currency:focus {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* row submit button */

.row_submit_button {
    text-decoration: none;
    color: #ffffff;
    background-color: #08cad1;
    padding: 8px 30px;
    border-radius: 20px;
}

.row_submit_button:hover {
    text-decoration: none;
    color: #ffffff !important;
}

/* common form submit button */
.submit_button,
.common_submit_button {
    text-decoration: none;
    color: #ffffff;
    background-color: #48aaf1;
    padding: 8px 30px;
    font-size: 13px;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.submit_button,
.common_submit_button:hover {
    text-decoration: none;
    color: #ffffff !important;
}

/* sidebar new css */

.sidebar.collapsed {
    margin-left: -190px;
}

.sidebar.collapsed .align-middle,
.sidebar.collapsed .fa.fa-caret-down.white-icon,
.sidebar.collapsed .fa.fa-caret-down.white-icon1 {
    display: none;
}

.sidebar.collapsed .sidebar-link svg,
.sidebar.collapsed a.sidebar-link svg {
    text-align: right;
    display: block !important;
    width: 25px;
    height: 25px;
    margin-right: 4px;
}

.sidebar.collapsed .sidebar-link,
.sidebar.collapsed a.sidebar-link {
    display: flex;
    justify-content: flex-end;
}

.sidebar.collapsed a.sidebar-link .fa {
    font-size: 22px;
    margin-right: 4px;
}

.fa.white-main {
    font-size: 18px;
}

.inner_subDropdown .nav li a.nav-link {
    font-weight: 500;
}

.inner_subDropdown .white-icon1 {
    transform: translate(30%, -80%) !important;
    margin-right: 0 !important;
}

/* common brp color options */
.round_selection_options {
    display:none;
    border: 1px solid #ccc;
    padding: 5px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    z-index: 99999;
}
/* .round_selection_options.open_from_top {
    top: auto;
    bottom: 100%;
}
.round_selection_options.is_open {
    opacity:1;
    pointer-events: auto;
} */
.brp_table_section .common_main_table .bac_eee {
    background-color: #eeeeee !important;
}

.round_option_item {
    display: block;
    padding: 5px;
    cursor: pointer;
}
th.project_total_tasks {
    font-size: 15px !important;
    text-transform: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
th.project_total_tasks .task_progress {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
}
th.project_in_progress_tasks {
    font-size: 15px !important;
    text-transform: none !important;
    text-align:left !important;
    padding-left: 28px !important;
    padding-right: 0 !important;
}
th.project_in_progress_tasks .task_progress {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
}
th.project_completed_tasks {
    font-size: 15px !important;
    text-transform: none !important;
    text-align:left !important;
    padding-left: 28px !important;
    padding-right: 0 !important;
}
th.project_completed_tasks .task_progress {
    display: flex;
    gap: 33px;
    align-items: center;
}
.task_desc {
    width: 210px;
    border: 0px;
    padding: 0px 10px 0px 0px !important;
}
.task_desc::placeholder {
    padding: 0px 10px 0px 0px;
}
.round_selection_selected {
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: 2px solid #cbcbcb;
    border-radius: 50%;
}

.round_option_item {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-radius: 50%;
    padding: 0;
    margin-bottom: 8px
}

.round_option_item.CO11 {
    background-color: #FB9156 !important;
}

.round_option_item.CO22 {
    background-color: #48AAF1 !important;
}

.round_option_item.CO33 {
    background-color: #3BC862 !important;
}

.round_option_item.CO44 {
    background-color: #203144 !important;
}

.round_option_item.CO55 {
    background-color: #DA2700 !important;
}
.round_option_item.CO66 {
    background-color: #efeeee !important;
}

.round_selections_main {
    position: relative;
    max-width: 30px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.round_selection_hidden[value="CO11"]+.round_selection_selected {
    background-color: #FB9156 !important;
    border-color: #FB9156 !important;
}

.round_selection_hidden[value="CO22"]+.round_selection_selected {
    background-color: #48AAF1 !important;
    border-color: #48AAF1 !important;
}

.round_selection_hidden[value="CO33"]+.round_selection_selected {
    background-color: #3BC862 !important;
    border-color: #3BC862 !important;
}

.round_selection_hidden[value="CO44"]+.round_selection_selected {
    background-color: #203144 !important;
    border-color: #203144 !important;
}

.round_selection_hidden[value="CO55"]+.round_selection_selected {
    background-color: #DA2700 !important;
    border-color: #DA2700 !important;
}

.round_selection_hidden[value="CO66"]+.round_selection_selected {
    background-color: #efeeee !important;
    border-color: #efeeee !important;
}

.closure_deliverable .common_search_select {
    width: 100% !important;
}



.desktop {
    min-height: 100vh !important;
}

.common_stage_table {
    height: 350px !important;
    overflow-y: scroll !important;
}

.sticky_menu {
    position: sticky;
    width: -webkit-fill-available;
    z-index: 99999999999;
    top: 0;
}
.navbar-expand .navbar-collapse{
    justify-content: flex-end;
}

/* common description popup */

.common_description_popup {
    height: 300px;
    width: 500px;
    position: absolute;
    background-color: #ffffff;
    border-radius: 10px;
    border: 3px solid #eeeeee;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    display: none;
    padding: 20px;
}

.common_anchor,
.common_anchor:hover {
    color: #4F4F4F;
    text-decoration: none;
    cursor: pointer;
    font-weight: 400;
}

/* ---------------------------------------------------- Media Query ------------------------------------------------ */
@media only screen and (max-width: 1800px) {

    .common_main_table td,
    .common_main_table th {
        padding: 10px !important;
    }

    .common_data_table th,
    .common_data_table td {
        padding: 12px 5px !important;
    }

    .common_data_table tbody td {
        padding: 8px 5px !important;
    }

    .mw-75 {
        max-width: 100% !important;
    }

    .popuup_container {
        right: 0%;
    }

}

@media only screen and (max-width: 1650px) {
    .common_closure_status_column {
        width: 14% !important;
    }

    .admin_customer_step .w-45 {
        width: 65% !important;
    }
}

@media only screen and (max-width: 1600px) {

    .brp_list_block .order_lists.w-50,
    .raid_list_block,
    .admin_customer_super_admin_section .admin_customer_step-list>li,
    .key_achivement .row .col-lg-4,
    .background_purpose_description.w-60,
    .w-75,
    .project_course_report li,
    .main_inner_content .menu li,
    .project_reso .main_inner_content .menu li,
    .project_course_report_section .menu,
    .Project_Sponsor .row .col-6,
    .project_tor_step .project_bord.pleft-10.w-60 .row .col-2,
    .project_tor_step .project_bord.pleft-10.w-60 .row .col-3,
    .project_tor_step .establishment .row.w-60 .col-3,
    .project_details .row>.col-3,
    .project_details .row>.col-6,
    .project_approval .row>.col-3,
    .project_details .row>.col-6,
    .project_brief_1 .row>.col-3,
    .project_brief_1 .row>.col-4,
    .project_brief_1 .row>.col-2,
    .establishment>.project_bord .row>.col-5,
    .establishment>.project_bord .row>.col-7,
    .establishment .row>.col-5,
    .establishment .row>.col-7,
    .domain_details_area,
    .project_course_report li,
    .project_costs .row>.col-2,
    .project_costs .row>.col-6,
    .expected_benefits .row>.col-4,
    .project_course_report li,
    .project_approval .row>.col-6 {
        width: 100% !important;
    }

    .account_setting .profile_information .row .col-1 {
        width: 10% !important;
    }

    .account_setting .profile_information .row .col-1 {
        max-width: fit-content !important;
        width: auto !important;
    }

    .vision_statement_project .row.w-50 {
        width: 90% !important;
    }

    .step_list_common {
        min-width: 100% !important;
    }


    .page-template-page-benefit-realisation .brp_pages .step_list_common {
            height: 43px;
            margin-left: 1px !important;
    }

    .risk_matrix_inner_content {
        padding: 35px 20px 35px 20px !important;
    }

    p.key_p,
    .key_risks {
        width: auto !important;
    }

    .main_inner_content .menu {
        display: block !important;
        width: 100% !important;
    }

    .Project_Sponsor .row {
        display: block !important;
    }

    .project_tor_step .project_bord {
        margin-top: 25px !important;
    }

    .key_risks.d-flex {
        display: block !important;
        width: auto;
    }

    .form_content_box {
        padding: 25px;
    }

    .approved_domain_area {
        overflow-x: scroll !important;
    }

    .project_resource_menu {
        max-width: 100% !important;
    }

    .menu .d-flex li {
        display: block !important;
        width: 100%;
    }

    .highlight_report_page   .menu .d-flex li {
        display: none !important;
        width: 100%;
    }

    .profile_information .row {
        column-gap: 40px;
    }

    .peoject_scroll_raid_log,
    .peoject_scroll_resource {
        overflow-x: scroll;
        width: 100%;
    }

    .project_reso_table_parent {
        min-width: 100% !important;
    }

    .custom_container {
        padding: 20px;
    }

    .stakeholder_main_container {
        max-width: 100%;
    }

    .main_content {
        padding: 1rem;
    }
}

@media only screen and (max-width: 1500px) {

    .project_tor_step .project_bord.pleft-10.w-60,
    .project_tor_step .establishment .row.w-60 {
        width: 100% !important;
    }

    .check_mark {
        left: 13px;
    }

    .w-45,
    .w-35 {
        width: 95% !important;
    }
}

@media only screen and (max-width: 1400px) {
    .project_timeline_main .project_timeline_block {
        padding: 20px 20px;
    }

    .project_closure_step,
    .w-75,
    .recommendations_area,
    .col-10,
    .communication_management,
    .col-10,
    .supporting_comments .col-lg-8.col-sm-12,
    .project_costs .w-85,
    .w-80,
    .w-60,
    .project_sponsor_seo_area>.w-90,
    .project_sponsor_seo_area>.w-85,
    .admin_customer_step .w-45,
    .project_details.w-70,
    .background_purpose .row.w-50,
    .expected_benefits .row.w-95 {
        width: 100% !important;
    }

    .stakeholder_map_main .table_block {
        width: 1100px !important;
    }

    .open-action>.row>.col-1,
    .open-action>.row>.col-3,
    .open-action>.row>.col-2,
    .open-action>.row>.col-6 {
        width: 50% !important;
    }
}

@media only screen and (max-width: 1350px) {
    .project_tasks .content_scroll {
        min-width: 800px !important;
    }

    .project_tasks .scroll_parent,
    .v_scroll_parent {
        overflow-x: scroll !important;
    }

    .v_scroll_content {
        min-width: 1350px !important;
    }

    .highlight_report_step_3,
    .w-65 {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1300px) {

    .profile_data .w-85,
    .project_approval .w-85,
    .expected_benefits.w-70 {
        width: 100% !important;
    }

    .customer_information.w-50 {
        width: 80% !important;
    }

    .key_achivement .col-lg-4 {
        width: 50% !important;
    }

    .budget .first_row {
        width: 64%;
    }

    .escalation_conatct .common_input_text {
        max-width: 60% !important;
    }
}

@media only screen and (max-width: 1200px) {

    .project_tor_step .project_bord.pleft-10.w-60 .row .col-2,
    .project_tor_step .project_bord.pleft-10.w-60 .row .col-3,
    .project_tor_step .establishment .row.w-60 .col-3,
    .profile_data .row .col-4 {
        width: 50% !important;
    }

    .project_tor_step .project_bord.mt-5 {
        margin-top: 2rem !important;
    }

    .budget .row .cm-4 {
        width: 59% !important;
    }

    .budget .row .cm-2 {
        width: 18% !important;
    }

    .raid_log_menu .step_list_common li,
    .pro_clo_report .step_list_common li {
        min-width: fit-content;
        font-size: 9px;
    }

    .step_list_common li {
        padding: 10px 5px !important;
    }

    .row.dashboard_main_row {
        display: grid;
    }
}

@media only screen and (max-width: 1024px) {
    .account_setting .profile_information .row .col-1 {
        width: 15% !important;
    }
}

@media only screen and (max-width: 991px) {

    .project_brief_page .form_content_box .project1_brief .col-3,
    .project_brief_page .form_content_box .project1_brief .col-2,
    .project_brief_page .form_content_box .project1_brief .col-4,
    .project_costs .col-2,
    .project_costs .col-6,
    .cost_information .row.w-95>.col-3 {
        width: 50% !important;
    }

    .brp_main_content .menu,
    .risk_matrix_text,
    .project_details.w-85,
    .approver_details .row.w-85,
    .cost_information .row.w-95,
    .project_approval .row.w-85,
    .vision_statement_project .row.w-50,
    .vision_statement_descriotion .row.w-95,
    .profile_data .row.w-85,
    .communication_management.w-75,
    .recommendations_area.w-75,
    .w-85,
    .w-60,
    .Project_Sponsor .row.w-50,
    .project_course_report li,
    .w-45,
    .w-95 {
        width: 100% !important;
    }

    .step_list_common {
        max-width: 100% !important;
        display: grid !important;
    }

    .scroll {
        overflow-x: scroll !important;
        width: 100% !important;
    }

    .scroll1 {
        min-width: 711px !important;
    }

    .project_closure_step .col-1.same_column_size {
        width: 11% !important;
    }

    .profile_information .row {
        column-gap: 0px !important;
    }

    #project_resources_page .common_table_add_new .add_new_image {
        margin-left: 25px;
    }

    .project_course_report li,
    .follow_actv_column {
        width: 15% !important;
    }

    .checkbox_brp,
    .checkbox_brp2 {
        left: 9% !important;
    }

    .oneconsulting_admin_details .w-50 {
        width: 75%;
    }

    .checkbox_raid_decisions,
    .checkbox_raid_action,
    .checkbox_ress {
        left: 34% !important;
    }

    .table_parent .raid_log_risk_2 {
        width: 320px;
        height: 21px;
    }

    .check_mark_golive {
        left: 28% !important;
    }

    .left_53 {
        left: 23px !important;
    }

    .peoject_scroll {
        overflow-x: scroll;
        width: 100%;
    }

    .project_resour {
        min-width: 1300px;
    }

    .v_scroll_parent {
        overflow-x: scroll !important;
    }

    .v_scroll_content {
        min-width: 991px !important;
    }

    .pl-12 {
        padding-left: 12px;
    }

    .project_bord.pleft-10,
    .Risks_Issues_Management_details.pleft-10 {
        padding-left: 0px !important;
    }

    .flowbut {display: none;}

.Risks_Issues_Management_details  .blue_text strong {
    font-weight: 600 !important;
}

    .background_purpose .row.w-60,
    .expected_benefits .row.w-95 {
        width: 100% !important;
        margin-bottom: 7px !important;
    }

    .account_setting .form_content_box {
        padding: 20px !important;
    }

    .w-90 {
        width: 100% !important;
        margin: auto !important;
    }

    .consultings .admin_customer_btn {
        margin-top: 1rem !important;
    }

    .expected_benefits.w-70,
    .w-90 {
        width: 100% !important;
    }

    .cost_information .row>.col-3,
    .open-risk-inputs .row .wit-50 {
        width: 50% !important;
    }

    .profile_information .row {
        column-gap: 20px;
    }

    .hightlight_report_container .row {
        display: grid !important;
    }

    .row.budget_main_row .col-6 {
        min-width: 100% !important;
    }
}

@media only screen and (max-width: 900px) {
    .user_detail_block .row.w-65 {
        width: 100% !important;
        justify-content: space-between;
    }

    .budget .row .cm-4 {
        width: 59% !important;
    }

    .budget .row .cm-2 {
        width: 18% !important;
    }

    .establishment .row>.col-1,
    .establishment .row>.col-2,
    .establishment .row>.col-3,
    .establishment .row>.col-4,
    .establishment .row>.col-5,
    .establishment .row>.col-6,
    .establishment .row>.col-7,
    .establishment .row>.col-8 {
        width: 50% !important;
    }
}

@media only screen and (max-width: 800px) {
    .project_brief_1 .row {
        display: block !important;
    }

    .project_brief_1 .row .col-2,
    .project_brief_1 .row .col-3,
    .project_brief_1 .row .col-4,
    .budget .first_row {
        width: 100% !important;
    }

    .expected_benefits .row .col-4 {
        width: 100% !important;
        margin: 20px 0px !important;
    }

    .highlight_report_step .budget .row .col-4.cm-4 {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .highlight_report_step .budget .row .col-4.cm-2,
    .project_tor .col-3,
    .project_tor .col-4,
    .project_tor .col-2 {
        width: 50% !important;
    }
}

@media only screen and (max-width: 768px) {

    .project_tor .row>.col-3,
    .project_tor .row>.col-4,
    .project_tor .row>.col-2,
    .customer_information.w-50,
    .Escalation_text .col-6,
    .order_lists,
    .w-85,
    .w-70,
    .w-60,
    .w-90,
    .step .w-50,
    .wi-100,
    .w-50,
    .project_costs .w-85,
    .supporting_comments>.row>.w-75,
    .communication_management.w-75,
    .recommendations_area.w-75,
    .project_review_sign_off.w-75,
    .recommendations_area.w-75 .col-10,
    .communication_management.w-75 .col-10,
    .supporting_comments.w-75,
    .oneconsulting_admin_details .w-45,
    .project1_brief .row .col-3,
    .project1_brief .row .col-2,
    .project1_brief .row .col-4,
    .budget .row .col-4.budget_main_column {
        width: 100% !important;
    }

    .highlight_report_step .background_Overview .col-3,
    .highlight_report_step .background_Overview .col-4,
    .w-51,
    .project_sponsor_seo_area .row .with-50,
    .financial_benifit .wi-50 {
        width: 50% !important;
    }

    .project_tasks.mt-5 {
        margin-top: 1rem !important;
    }

    .brp_list_block {
        padding: 10px 20px 10px 20px !important;
    }

    .admin_table td {
        font-size: 16px !important;
    }

    .admin_customer_step .domain_details_area {
        max-width: 100% !important;
    }

    .main_content {
        padding: 1rem !important;
    }

    .account_setting .form_content_box,
    .oneconsulting_admin .form_content_box {
        padding: 20px !important;
    }

    .key_section .key_heading,
    .key_section .key_content {
        padding: 10px;
        margin-bottom: 10px;
    }



    .statuss {
        margin-top: 2%;
    }

    .brp_section {
        height: auto;
        padding: 20px;
    }

    .table_parent.risk_matrix_inner_content {
        padding: 30px 20px 30px 23px !important;
    }

    .project_resources_content {
        padding: 30px 0px 0px 20px !important;
    }

    .pl-10 {
        padding-left: 8px;
    }

    .raid_log_menu .step_list_common li,
    .pro_clo_report .step_list_common li {
        min-width: 82px !important;
        font-size: 9px;
        padding: 10px 5px !important;
    }

    .custom_checkbox {
        transform: scale(1.5);
    }

    .form_content_box>.commu_mana>.w-75 {
        width: 100% !important;
        margin: auto !important;
    }

    .w-65,
    .w-85,
    .w-70 {
        width: 100% !important;
        /* margin: 0px !important; */
    }

    .ps-timeline-sec .container ol.ps-timeline li {
        width: 25% !important;
    }

    .background_purpose .row.w-60,
    .expected_benefits .row.w-95 {
        width: 100% !important;
        margin-bottom: 7px !important;
        margin-left: 0px !important;
    }

    .oneconsulting_admin {
        padding: 20px 16px 16px 30px !important;
    }

    .project_tasks .project_issuess {
        margin-top: 20px !important;
    }

    .welcome_james_detail .project_created {
        text-align: start !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .domain_approv_and_role {
        overflow-x: scroll !important;
    }

    .profile_data .row>.col-4 {
        width: 48% !important;
    }

    .financial_benifit .common_min {
        min-height: 17px !important;
    }

    .budget .parent_main_row {
        display: block !important;
    }

    .parent_main_row .budget_main_column {
        min-width: 100% !important;
    }

    .project_tor_1,
    .working_method_details,
    .Sharing_of_Information_details,
    .Second_Dropdown_Details,
    .Quality_Management_details,
    .Meeting_Timetable_details {
        padding: 0px 10px !important;
    }

    .input_sm {
        max-width: 100% !important;
    }

    .project_tor_submit {
        margin: 0px 0px 0px 20px !important;
    }

    .tor_main_content .accordion-header h3 {
        font-size: 16px !important;
    }


}

@media only screen and (max-width: 650px) {

    .project_approval .row .col-3,
    .project_approval .row .col-6 {
        width: 100% !important;
    }

    .working_method_details .d-flex,
    .Meeting_Timetable_details .d-flex,
    .Sharing_of_Information_details .d-flex {
        flex-wrap: wrap !important;
    }

    .form_content_box {
        padding: 15px;
    }

    .display-flex.p-20 {
        display: block;
    }

    .budget {
        padding: 7px !important;
    }

    .approver_details .row>.col-4,
    .approver_details .row>.col-2,
    .approver_details .row>.col-3 {
        width: 50% !important;
    }

    .profile_information .row {
        display: block !important;
        max-width: fit-content;
        text-align: center;
        margin: auto;
    }

    #ac_set_form .profile_information .row .col-1 {
        width: 100% !important;
        margin: auto !important;
    }
}

@media only screen and (max-width: 600px) {

    .vision_statement_project .row,
    .customer_information .info_row,
    .escalation_conatct {
        display: grid !important;
    }

    .vision_statement_project .row .col-5,
    .vision_statement_project .row .col-7,
    .key_achivement .col-lg-4,
    .project_sponsor_seo_area .row .with-50,
    .open-action>.row>.col-1,
    .open-action>.row>.col-3,
    .open-action>.row>.col-2,
    .open-action>.row>.col-6,
    .project_brief_page .form_content_box .project1_brief .col-3,
    .project_brief_page .form_content_box .project1_brief .col-2,
    .project_brief_page .form_content_box .project1_brief .col-4,
    .budget .row .cm-4,
    .ps-timeline-sec .container ol.ps-timeline li p,
    .vision_statement_project .w-50 .col-4,
    .cost_information .row>.col-3,
    .dropdown-pages_project_tor,
    .project_approval .row.w-85,
    .vision_statement_project .row.w-50>.vision_statement_project .row.w-50 .col-4,
    .vision_statement_project .row.w-50 .col-8 {
        width: 100% !important;
    }

    .customer_information.mt-5 {
        margin-top: 1rem !important;
    }

    .Quality_Management_details .d-flex,
    .Second_Dropdown_Details .d-flex {
        display: block !important;
    }

    .Risks_Issues_Management_details .common_dropdown,
    .Quality_Management_details .common_dropdown,
    .Second_Dropdown_Details .common_dropdown {
        margin: 0px;
    }

    .Quality_Management_details .blue_text,
    .Second_Dropdown_Details .blue_text {
        margin-bottom: 10px !important;
    }

    .key_section .key_h6 {
        padding: 15px;
    }

    .key_section .key_p {
        height: auto !important;
    }

    .customer_information .info_row .col-4,
    .customer_information .info_row .col-8 {
        width: 100%;
        padding: 2px 10px !important;
    }

    .highlight_report_step .budget .row .col-4.cm-4 .col-3 {
        width: 50% !important;
        margin-bottom: 5px !important;
    }

    .project_timeline .timeline_name {
        overflow-y: scroll !important;
    }

    .Risks_Issues_Management_details .d-flex {
        display: block !important;
    }

    .Risks_Issues_Management_details .blue_text {
        margin-bottom: 10px !important;
    }

    .budget .row .cm-2 {
        width: 50% !important;
    }

    .com-4 {
        font-size: 14px;
    }

    .escalation_conatct .common_input_text {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 500px) {

    .establishment .row>.col-1,
    .establishment .row>.col-2,
    .establishment .row>.col-3,
    .establishment .row>.col-4,
    .establishment .row>.col-5,
    .establishment .row>.col-6,
    .establishment .row>.col-7,
    .establishment .row>.col-8,
    .cost_information .row>.col-3 {
        width: 100% !important;
    }

    .profile_information .row {
        justify-content: center !important;
        margin-top: 20px !important;
    }

    .profile_data .row .col-4 {
        width: 100% !important;
        margin: 6px 0px;
    }

    .main_progressbar {
        max-width: 60%;
    }

    .dropdown-menu-container_super_user,
    .dropdown-pages_super_user ul {
        font-size: 8px !important;
    }

    .dropdown-menu-container-project-tor {
        width: 100px !important;
        margin-left: 2px;
    }
}

@media only screen and (max-width: 425px) {

    .w-51,
    .w-60 .col-6,
    .approver_details .row>.col-4,
    .approver_details .row>.col-2,
    .approver_details .row>.col-3,
    .financial_benifit .wi-50,
    .sponcer .col-6 {
        width: 100% !important;
    }

    .budget .first_row .row .col-3 {
        width: 50% !important;
    }

    .comment-box {
        width: 295px !important;
    }

    .com_h3 {
        font-size: 11px !important;
    }

    .customer_information .info_row {
        display: block;
    }

    .customer_information .info_col {
        width: 100%;
        margin-bottom: 10px;
    }

    .admin_customer_btn {
        padding: 10px 30px 10px 30px;
    }

    .project_tasks .pie_chart {
        margin-left: 10px !important;
    }

    .dashboard_details .main_pie_chart {
        width: 180px !important;
        height: 180px !important;
    }

    .approv_btns {
        display: grid;
        grid-row-gap: 10px;
    }
}

@media only screen and (max-width: 375px) {

    .cost_information .row.w-95>.col-3,
    .project_sponsor_seo_area .row .with-50 {
        width: 100% !important;
    }

    .account_setting .form_content_box {
        padding: 10px !important;
    }

    .account_setting .profile_information .row .col-1 {
        margin: auto;
        margin-bottom: 10px;
    }

    .remove_row_btn i {
        font-size: 16px !important;
    }

    .approve_common_btn {
        padding: 8px 30px;
    }

    .project_resour {
        min-width: 950px !important;
    }

    .profile_information .row {
        display: block !important;
        text-align: center;
    }

    .profile_information .row .col-1,
    .profile_information .row .col-5 {
        width: 100%;
        justify-content: center;
    }
}

/* Archive dropdown */
.archive_dropdown {
    display: none;
    position: absolute;
    background-color: #F6F6F6;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    z-index: 1;
}

.archive_dropdown a {
    color: #434343;
    padding: 7px 16px;
    text-decoration: none;
    display: block;
    font-size: 10px;
    text-align: left;
    border: 1px solid #eeeeee;
}

.archive_dropdown a:hover {
    background-color: #f1f1f1;
}

.archive_dropdown.active {
    display: block;
}

/*pop*/

.risksragpopup h2 {
    color: #08cad1;
    width: 65%;
    margin: 0 auto;
    text-align: left;
    font-weight: bold;
}

.actionragpopup p, .risksragpopup p, .visionpopup p, .mospopup p {
    /* width: 65%; */
    margin: 0 auto;
    text-align: left;
    padding: 20px 0px;
}

.tbpopup, .ownerpopup, .trackpopup, .planpopup, .actionragpopup, .issuesragpopup, .risksragpopup, .mospopup, .visionpopup, .change_popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 9999999999;
}
.tbpopup .popup__content, .risksragpopup .popup__content, .mospopup .popup__content, .visionpopup .popup__content, .issuesragpopup .popup__content, .ownerpopup .popup__content, .trackpopup .popup__content, .planpopup .popup__content, .actionragpopup .popup__content, .change_popup .popup__content {
  width: 50%;
  overflow: auto;
  padding: 50px;
  background: #090C13;
  color: white;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}
.tbpopup .popup__content .close, .issuesragpopup .popup__content .close, .visionpopup .popup__content .close, .mospopup .popup__content .close, .risksragpopup .popup__content .close, .trackpopup .popup__content .close, .ownerpopup .popup__content .close, .planpopup .popup__content .close, .actionragpopup .popup__content .close, .change_popup .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  display: block;
}
.tbpopup .popup__content .close span, .issuesragpopup .popup__content .close span, .visionpopup .popup__content .close span, .mospopup .popup__content .close span, .risksragpopup .popup__content .close span, .trackpopup .popup__content .close span, .ownerpopup .popup__content .close span, .planpopup .popup__content .close span, .actionragpopup .popup__content .close span, .change_popup .close span  {
  cursor: pointer;
  position: fixed;
  width: 20px;
  height: 3px;
  background: white;
}
.tbpopup .popup__content .close span:nth-child(1), .visionpopup .popup__content .close span:nth-child(1), .mospopup .popup__content .close span:nth-child(1), .issuesragpopup .popup__content .close span:nth-child(1), .risksragpopup .popup__content .close span:nth-child(1), .actionragpopup .popup__content .close span:nth-child(1), .planpopup .popup__content .close span:nth-child(1),  .trackpopup .popup__content .close span:nth-child(1), .ownerpopup .popup__content .close span:nth-child(1), .change_popup .close span:nth-child(1) {
  transform: rotate(45deg);
}
.tbpopup .popup__content .close span:nth-child(2), .mospopup .popup__content .close span:nth-child(2), .visionpopup .popup__content .close span:nth-child(2),  .issuesragpopup .popup__content .close span:nth-child(2), .risksragpopup .popup__content .close span:nth-child(2), .actionragpopup .popup__content .close span:nth-child(2), .planpopup .popup__content .close span:nth-child(2), .trackpopup .popup__content .close span:nth-child(2), .ownerpopup .popup__content .close span:nth-child(2), .change_popup .close span:nth-child(2) {
  transform: rotate(135deg);
}

th .white-main {    
    padding-left: 5px;
}

.popup__content h3 {
        font-weight: 600;
        color: #08cad1;
         padding-bottom: 10px;
}

.popup__content p {
   text-align: left;
}

.popred, .poporange, .popgreen {
    color: white;
    background-color: #ff6961;
    padding: 8px;
    border-radius: 10px;
    width: 240px;
    margin: 0 auto;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 1em;
}
.poporange {
    background-color: #ffb480!important;
}
.popgreen {
    background-color: #42d6a4!important;
}


/* loggin */

.slogan {
    color: white;
    text-align: center;
    padding-left: 28%;
    font-weight: 500;
    font-size: 0.9em;   
}

.user_logins {
    
    background-color: #090C13;
}

.tacbox {
  display:block;
  margin: 1em;
  max-width: 800px;
}
.tacbox a {color: #08cad1;}

.user_logins .users_heading {
    color: #D9E2EC;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 35px;
}

.user_logins .login_btn {
    padding: 8px 16px;
    border-radius: 6px;
    background: #25cfb9;
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    color: white;
}

.user_logins .login_btn:hover {
    background: #25cfb9 !important;
    cursor: pointer;
    
}

.p-0 .align-middle {color: white!important;}


.user_logins .login_details {
    padding: 1.5rem;
}

.user_logins .new_links {
    display: block;
    justify-content: space-around;
    text-align: center;
}
.new_accounts {margin-bottom: 10px;}
.new_accounts span {color: white;}

.page-template-page-custom-user-loggin, .page-template-page-custom-user-register {overflow: hidden;}

.user_logins .user_links {
    text-decoration: none;
    color: #D9E2EC;
}

.login_details .form-control::placeholder {
    color: #9AA5B1;
    font-size: 12px;
    font-weight: 500;
}

.user_logins .field_information_line {
    color: #7395bb !important;
}

.user_logins .loggin_input_text {color: #626262;}

.loggin_input_text {
    background: white!important;
}

.user_logins .common_input_text {
    color: #9AA5B1 !important;
}



.error-message,
.common_error_span {
    color: #ff0000;
    display: inline-block;
}

.success-message {
    color: green;
}

.profile_information .avtar_camera_icon {
    position: absolute;
    top: 82%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 8px;
    color: #6c757d;
    font-size: 12px;
    background: #b9ceff;
}

.profile_information .avtar_camera_icon:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff !important;
}

.profile_information .avtar_lable {
    cursor: pointer;
    position: relative;
}

.profile_information .avtar_input {
    display: none;
}

/* form */
.loggin_input_text:-webkit-autofill,
.loggin_input_text:-webkit-autofill:hover,
.loggin_input_text:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
    background-color: #090C13 !important;
    -webkit-box-shadow: 0 0 0 100px #090C13 inset !important;
    -webkit-text-fill-color: #9AA5B1;
    color: #9AA5B1 !important;
}

.loggin_input_text,
.loggin_input_text:focus {
    background: #090C13;
    border-radius: 6px;
    border: 1px solid #BCCCDC;
    padding: 8px;
}

body .loggin_input_text:focus {
    border: 1px solid #0E589C;
    box-shadow: none !important;
}

.display_none {
    display: none !important;
}

#selectedImage {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

#imageSelector {
    position: relative;
}

.sidebar-nav {
    overflow-y: scroll;
    scrollbar-width: none;
}

.raidwhite {
    background-color: white !important;
    color: black !important;
}

.rlgrey {
    background-color: lightgray !important;
}

.rlgrey h6 {
    color: black !Important;
    font-weight: 600 !important;
}

.last-part h4 {
    padding-left: 3% !important;
    color: white !important;
    font-size: 1.1rem !important;
}

.tasks_container h4 {
   color: #020202 !important;
    font-size: 17px !important;
       
}

.tasks_container .dbhtitle {
    margin-bottom: 10px;
}




.tasks_container .mb-4 {

    
    margin: 11px;
    padding-bottom: 15px;
    border-radius: 10px;
    padding-bottom: 20px;
    background-color: #fdfdfd;
}





.page-template-dashbord #myBarChart {
    width: auto !important;
    height: auto !important;
}

.page-template-dashbord .budget_chart_block {
    padding: 15px 0px 0px 25px !important;
    background-color: transparent;
}
/* #project_plans .expir_date{
    background-color: #DA2700 !important; color: #fff; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer;
} */
.rounded_selected_enddate{
    text-align: center;
    cursor: pointer;
    user-select: none;
    color: #ffffff;
    font-weight: 700;
}
.rounded_selected_enddate:focus {
    color: #ffffff;
}

.background_purpose_description .bnp {margin-top: 30px !important;}
.background_purpose .bnp {margin-top: 30px !important;}
.investment_information .bnp {margin-top: 30px !important;}
.supporting_information .bnp {margin-top: 30px !important;}
.psoption {font-weight: normal;
    margin-top: 0px;}


.btn_success {
    background-color: #42d6a4 !important;
    color: white ! Important;
    letter-spacing: 0.5px;
    font-size: 15px !important;
    text-align: center;
    font-weight: 600!Important;
    border-radius: 10px ! Important;
    height: 45px!important;
    text-transform: inherit;

}

.btn_danger {
    margin: 0px;
    text-decoration: none;
    color: #ffffff;
    background-color: #ff6961 !important;
    padding: 8px 30px;
    font-size: 14px;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 45px!important;
    border: none;
}

.btn_warning {
    margin: 0px;
    text-decoration: none;
    color: #ffffff;
    background-color: #ffb480 !important;
    padding: 8px 30px;
    font-size: 14px;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 45px!important;
    border: none;
}

#business_case_step_3 .btn_success {
    font-size: 14px !important;
    height: 45px;
    width: 16em;
    text-transform: uppercase;
    margin-top: 20px;
}

#confirmModal > div {
    background-color: #090C13 !important;
    border-radius: 10px ! Important;
    color: white;
}

.swal2-popup  {
    background-color: #090C13 !important;
    border-radius: 10px ! Important;
    color: white;
}

.swal2-content .swal2-html-container {color: white!important;}
.swal2-styled:focus {box-shadow: none!important;}

#highlight_report_submit { margin-top: 20px!important;}

.calender-form-group .expir_date,
#project_dossier .expir_date,
#project_plans .expir_date,
#action_table .expir_date{
    background-color: #ff6961 !important; color: #fff; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer;
}



/* ---------------------------------------------------- CMS / Info Pages ------------------------------------------------ */

/* The accordion functionality */
:root {
--transitionLength: 0.4s;
--transitionTiming: ease;
}

.accordion-animation-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows var(--transitionLength) var(--transitionTiming);
}

.accordion-trigger-input:checked ~ .accordion-animation-wrapper {
  grid-template-rows: 1fr;
}

.accordion-animation {
  min-height: 0;
}

.accordion-transform-wrapper {
  transform: translateY(-100%);
  visibility: hidden;
  transition: transform var(--transitionLength) var(--transitionTiming), visibility 0s var(--transitionLength) var(--transitionTiming);
}

.accordion-trigger-input:checked ~ .accordion-animation-wrapper .accordion-transform-wrapper {
  transform: translateY(0);
  visibility: visible;
  transition: transform var(--transitionLength) var(--transitionTiming), visibility 0s linear;
}

/* Margins inside the container will throw animation height calculations off, better use paddings */
.accordion-content * {
  margin: 0;
}


/*ACCORDIAN Vision Statement*/

.vision_accordians input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.vision_accordians .row {
  display: flex;
}
.vision_accordians .row .col {
  flex: 1;
}
.vision_accordians .row .col:last-child {
  margin-left: 1em;
}

/* Accordion styles */
.vision_accordians .tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.vision_accordians .tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.vision_accordians {margin-top: 30px;}
.vision_accordians .tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 0px;
  /* Icon */
}
.vision_accordians .tab-label:hover {
  background: #1a252f;
}
.vision_accordians .tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.vision_accordians .tab-content-vision {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.35s;
}
.vision_accordians .tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}

.accblue .tab-label {background-color:#08cad1; font-weight: 500;}
.accorange .tab-label {background-color:#ffb480; font-weight: 500;}
.accgreen .tab-label {background-color:#42d6a4; font-weight: 500;}



.vision_accordians .tab-close:hover {
  background: #1a252f;
}

.vision_accordians input:checked + .tab-label {
  background: #1a252f;
}
.vision_accordians input:checked + .tab-label::after {
  transform: rotate(90deg);
}
.vision_accordians input:checked ~ .tab-content-vision {
  max-height: 100vh;
  padding: 1em;
}


/* The styles */

.page-id-454 .site-main {height: 100%; padding: 2rem;}

.cms_common_field_heading {background-color: #f5f7fb; font-weight: 600;
    margin-bottom: 50px !important;}

.accordion {
  min-width: 320px;
  width: 80%;
  margin: 5%;
  background: white;
}

.accordion-item {
  border-top: 2px solid #e1e1e1;
  
  margin-bottom: -2px;
  overflow: hidden;
}

.accordion-trigger-input {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;

}


.accordion-trigger {
  display: block;
  position: relative;
  padding: 8px;
  transition: box-shadow var(--transitionLength) var(--transitionTiming);
  z-index: 1;
  cursor: pointer;
  text-transform: uppercase; 
  font-weight: 600;
  color: #282828;
}


.accordion-trigger-input:focus-visible ~ .accordion-trigger {
  outline: 2px solid;
  outline-offset: -2px;
}

.accordion-trigger::after {
  display: block;
  position: absolute;
  right: 16px;
  top: 18px;
  content: '';
  width: 8px;
  height: 8px;
  border: 2px solid #676767;
  border-bottom: transparent;
  border-left: transparent;
  transform: rotate(135deg);
  transition: transform var(--transitionLength) var(--transitionTiming);
}

.accordion-trigger-input:checked ~ .accordion-trigger::after {
  transform: rotate(135deg) rotateX(180deg) rotateY(180deg) translateY(4px) translateX(-4px);
}

.accordion-trigger-input:checked ~ .accordion-trigger {

  transition: box-shadow calc(var(--transitionLength) / 4) var(--transitionTiming);
}

.accordion-content {
    padding: 16px 16px 0px 16px;

}

.accordion-content h2 {
  padding-bottom: 0.75em;
}

.accordion-content p {
  padding-bottom: 1.5em;
}

.accordion-content p:last-of-type {
  padding-bottom: 0;
}

.accordion-content img {
  max-width: 100%;
}

.page-id-497 .site-main, .page-id-1019 .site-main, .page-id-1134 .site-main {margin: 5%; height: 100%;}

.cmsico {font-size: 50px!important; display: block!important;
    text-align: center; color: #222e3c;}

.cmsicotitle  {
    color: #a1a1a1 !important;
    font-weight: 500 !important;
    font-size: 1.1em !important;
    margin-top: 15px !important;
    text-align: center!important;
}


.academy .col-3 {width: 30%;}

.response .roles h2 {
    color: black;
    text-align: left;
    font-size: 1em;
    font-weight: 600;
}


.academy h3 {
    text-align: left!important;
    background: none!important;
    padding: 10px 50px 30px 0px!important;
}


h3.academy-tooltip  {
    text-align: left!important;
    background: white!important;
    padding: 15px 30px !important;
    margin-bottom: 35px;
}

.response .roles  {
     margin-top: 50px;
}

.response .roles li
{
    line-height: 2.5em;
}

.responserow a:hover {
        text-decoration: none !important;

}

.responserow .col-12 {
        padding-left: 0px!important;
    
}

.responserow .repsonses {
    float: right;
    background-color: #ffffff!important;
    color: #595959!important;
    border: 1px solid #ebebeb;
    font-weight: 400!important;
}
   



    


.helpcentre p {display: none;}

.navbar-align .fa-circle-question {
    vertical-align: middle;
    color: white;
    margin-right: 10px;
    font-size: 1.6rem;
}

.hlca:hover {text-decoration: none!important;}

/* New Project Portfolio */

.page-template-page-project-portfolio .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 270px;
}

.page-template-page-project-portfolio .project_sponsor {
    color: #4F4F4F;
    text-align: left;
}

.dossier_project_name {text-align: left;}

.ail {text-align: left!important; padding-left: 10px!important;}


 #budget_spent_percentage {
    color: #fff;
    border-radius: 5px;
    max-width: 85px;
    padding: 8px;
    font-weight: 600;
        letter-spacing: 0.03em;
 }

 .page-id-492 .accordian {

    background: transparent;
 } 

 .dataTables_empty {
    padding: 50px;
    color: #787878;
 }

 .projects-viewall-span:hover {
    text-decoration: none;
}

 .projects-viewall-span {
    font-size: 0.9em;
}

 .navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
    margin-left: -4em;
    padding: 10px;
    margin-top: 1em;
 }

.cattog, .stattog, .benefit_table_select {
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 30px;
    background-color: #090C13;
    margin-top: 10px;
    border-color: #4c4c4c;
    margin-bottom: 10px;
    color: white;
}

.start_date_select {
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 30px;
    background-color: #090C13;
    margin-top: 10px;
    border-color: #4c4c4c;
    margin-bottom: 10px;
    color: white;
}

.end_date_select {
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 30px;
    background-color: #090C13;
    margin-top: 10px;
    border-color: #4c4c4c;
    margin-bottom: 10px;
    color: white;
}

.benefit_owner_select {
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 30px;
    background-color: #090C13;
    margin-top: 10px;
    border-color: #4c4c4c;
    margin-bottom: 10px;
    color: white;
}


.dossier_pro_id_close {cursor:default;}
.project_dossier_inner .disabled {cursor:default; font-weight: 500;
    color: black; }

.project-summary-box .close-btn i{
    padding: 4px 6px;
    background-color: #08cad1;
    border-radius: 100%;
    color: #fff;
    rotate: 180deg;
}
.project-summary-box-title{
    color: #fff;
    font-weight: 600;
    margin-bottom: 25px;
}
.project-summary-box .project-name {
    color: #05d1c5;
    font-size: 16px;
    font-weight: 600;
}
.project-summary-box .title-po {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 15px;
}
.main-box-div{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 50px;
}
.main-box-div .main-box-div-col{
    width: 33%;
    padding-right: 20px;
}
.project-summary-box ul{
    padding-left: 0px;
    list-style-type: none;
}
.project-summary-box ul li, .project-summary-box span{
    line-height: 28px;
    color: #d5d5d5;
    margin-bottom: 8px;
}
.project-status[data-status="approved"]{
    padding: 6px 25px;
    color: #fff;
    background-color: #3bc862;
    font-weight: 500;
    border-radius: 8px;
}
.project-status[data-status="need approval"]{
    padding: 6px 7px;
    color: #fff;
    background-color: #ff6961;
    font-weight: 500;
    border-radius: 8px;
}
.project-summary-box .impact-list li {

    min-width: 110px;
    text-align: center;
    font-weight: 500 !important;
    display: block;
    flex: 0 1 auto;
    list-style-type: none;
}

.risks-list, .impact-list {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    height: 100%;
}

.risks-list li {
    min-height: 60px;
    margin-bottom: 0px ! Important;
}

ul.impact-list li.high{
    padding: 5px 20px;
    color: #fff;
    background-color: #ff6961;
    font-weight: 600;
    border-radius: 8px;
    max-width: fit-content;
    margin-bottom: 10px;
}
ul.impact-list li.medium{
    padding: 5px 20px;
    color: #fff;
    background-color: #ffb480;
    font-weight: 600;
    border-radius: 8px;
    max-width: fit-content;
    margin-bottom: 10px;
}
ul.impact-list li.low{
    padding: 5px 20px;
    color: #fff;
    background-color: #42d6a4;
    font-weight: 600;
    border-radius: 8px;
    max-width: fit-content;
    margin-bottom: 10px;
}
@media only screen and (min-width: 990px) and (max-width: 1450px) {
    .main-box-div .main-box-div-col{
        width: 50%;
    }
}
@media only screen and (max-width: 989px) {
    .main-box-div .main-box-div-col{
        width: 100%;
        padding-right: 0px;
    }
    .project-summary-box .title-po{
        margin-top: 30px;
        margin-bottom: 10px;
    }
}


/* Go Live Checklist */
#project_resources {
    width: 100%;
}
#pre_go_live_checklist, #go_live_checklist, #post_go_live_checklist{
    width: 70%;
}
#project_resources_page .content_block {
    display: flex;
}
#project_status_live_checklist {
    max-width: 450px;
    padding: 40px;
    background-color: #090C13;
    margin: 0px 20px 20px;
    border-radius: 30px;
}
#project_status_live_checklist h3{
    color: #fff;
    font-weight: 600;
}
#project_status_live_checklist h4{
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.tab-content-status {
    width: 100%;
}
.tab-content-status .tab-content-status-imd {
    display: flex;
    flex-direction: column;
    gap: 13px;
}
.tab-content-status .status-title{
    color: #08cad1 !important;
    font-weight: 600;
}
.tab-content-status .tab-content-status-chart{
    margin-top: 15px;
    display: flex;
    flex-direction: column;
}
.status-chart-pgl, .status-chart-gl, .status-chart-psgl{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.tab-content-status .status-chart-status{
    width: 22px;
    height: 22px;
    display: block;
    background-color: #000;
    border-radius: 100px;
    border: 1px solid #fff;
    position: relative;
}
.tab-content-status .status-chart-status.active-green{
    background-color: #3BC862;
}
.tab-content-status .status-chart-status.pending-red{
    background-color: #E14927;
}
.tab-content-status .status-chart-status.defult-black{
    background-color: #000;
}
.tab-content-status .status-chart-all:not(.status-chart-psgl) .status-chart-content .status-chart-status::before{
    content: "";
    width: 100px;
    display: block;
    position: absolute;
    rotate: 90deg;
    top: 70px;
    right: -40px;
    height: 1px;
    background-color: #fff;
}
.tab-content-status .status-chart-content {
    overflow: hidden;
}
.tab-content-status .status-chart-all .status-chart-heading h4 {
    margin-bottom: 6px;
}
.tab-content-status .status-chart-all:not(.status-chart-psgl) .status-chart-heading > div{
    margin-bottom: 25px;
    color: #d3d3d3;
    font-size: 16px;
}
.tab-content-status .status-chart-all.status-chart-psgl .status-chart-heading > div{
    margin-bottom: 25px;
    color: #d3d3d3;
    font-size: 15px;
}
.closure-report-btn {
    cursor: pointer;
    border-radius: 8px;
    padding: 7px;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    max-width: 175px;
}
.closure-report-btn.report-awaiting-approval-btn {
    background-color: #ff6961;
}
.closure-report-btn.report-create-report-btn {
    background-color: #42d6a4;
}
.tab-content-comment-approval {
    padding-right: 20px;
    padding-bottom: 20px;
        margin: 0px 20px 20px;
}
@media only screen and (max-width: 1810px) {
    #project_resources_page .content_block{
        flex-direction: column;
    }
    #project_status_live_checklist{
        margin: 20px;
    }
    .tab-content-comment-approval{
        padding: 20px;
    }
    .tab-content-status{
        display: flex;
    }
}
@media only screen and (max-width: 710px) {
    .tab-content-status {
        flex-direction: column;
    }
}

/* white calendar icon */
input#p_date::-webkit-calendar-picker-indicator {
    cursor: pointer;
    margin-right: -4px;
    filter: invert(0.8);
}
input#brp_realisation_target_date.expir_date::-webkit-calendar-picker-indicator,
input#raid_target_completion_date.expir_date::-webkit-calendar-picker-indicator,
input#raid_revised_date.expir_date::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: invert(1);
}
.mt-20{margin-top: 20px;}
.mt-40{margin-top: 40px;}


/* color switcher */


.page-template-dashbord .main_content {
    background-color: black!important;
}

.page-template-dashbord .sidebar-link, .page-template-dashbord a.sidebar-link, .page-template-dashbord .navbar-bg, .page-template-dashbord .sidebar, .sidebar-content {
    background: #000000 !important;
}

.page-template-dashbord .project_tasks .tasks_container {
    background: #171717!important;
}

.page-template-dashbord .tasks_container .mb-4, .page-template-dashbord .benefitcont {
     background: none!important;
}


.page-template-dashbord .tasks_container h4, .page-template-dashbord .toolingtip h5, .page-template-dashbord .left_table_content td, .page-template-dashbord .dbh, .page-template-dashbord .common_dashboard_table tr th {
    color: white !important;
}
.my_tasks_projects tbody .start_date {
    color: #fff !important;
}
.page-template-dashbord .dashboard_details .common_dashboard_table tr td, .dashsub {
    color: #a6a6a6!important;
}
.page-template-dashbord .footer {
    background-color: black!important;
}
/* Meeting TOR */
.add_meeting:hover{
    background-color: #000;
    transition: 0.3s ease-in;
}
.meeting_board{display: flex;column-gap: 17px;justify-content: space-between;}
.add_meeting{background: #08cad1;width:auto;padding:3px 25px;border-radius: 50px;border: 0px;color: #ffffff;font-size: 15px;}
.add_meeting {
    background: #08cad1;
    width: auto;
    padding: 12px 18px;
    border-radius: 50px !important;
    border: 0px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    height: calc(1.5em + .75rem + 6px);
    min-width: 130px;
}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.meeting_section{padding:40px;border-radius:15px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.meeting_location,.meeting_frequency,.meeting_select{width:100% !important;}
.project_meeting_submit{background: #08cad1;width:100%;line-height: 18px;}
.meeting_section label{font-weight: 600;color: #000;}
.meeting_section input{border-radius:50px !important;height: calc(1.5em + .75rem + 6px);}
.meeting_section .common_search_select.bootstrap-select{border-radius:50px !important;height: calc(1.5em + .75rem + 6px);}
.meeting_section .select2-container{border-radius:50px !important;height: calc(1.5em + .75rem + 5px);border: 1px solid #eeeeee;}
.meeting_section .select2-selection .select2-selection__rendered{height: 40px;line-height: 36px !important;border: 1px solid #eeeeee;border-radius:50px;}
.meeting_section .common_search_select.bootstrap-select .btn.btn-light{height: 40px;line-height: 27px !important;border-radius:50px;line-height: 20px;}
.meeting_table{width:100%;}
.close_modal_meeting{margin: 0;
    position: absolute;
    opacity: 1;
    z-index: 10;
    cursor: pointer;
    top: 40px;
    right: 20px;
    border: 0;
    background: transparent;
    font-size: 33px;
}
.meeting .common_search_select .dropdown-menu.show{min-width:100% !important;}
.meeting .select2-container .select2-selection--single{width: 100% !important;}
.risk_score_metrix_setting h4{padding:10px 10px 10px 0px;color:black;font-weight: 600;}
/* dashboard css*/
.selectpro .nav-tab{
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 20px;
}
.selectpro .nav-tab li .nav-link{ 
    border: 2px solid #fff;
    color: #9efff6;
    text-align: center;
    padding: 10px 46px;
    font-weight: 600;
    font-size: 18px;
    width: 230px;
    letter-spacing: 0.5px;
}
.selectpro .nav-tab li .nav-link.active{
    background-color: #08cad1;
    border: 2px solid #08cad1;
    color: #fff;
}
.tab-content.show{
    display: block;
}


.benefit_realisation_data .oramarginset {color: white;}

.common_dashboard .tasks_container {
    background: #171717 !important;
    min-height: 275px;
    border-radius: 15px;
    padding: 20px;
    background: #f9f9f9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
    display: grid;
}
.risk-colum{
    flex-direction: column;
    text-align: center;
}
.active_project{
    font-size: 17px !important;  
}
.project_budget_title{
    font-size: 17px !important;
    font-weight: 500; 
    margin-bottom: 15px !important;
}
.portfolio_budget_status th,.portfolio_budget_status td{
    text-align: center;
}
.portfolio_status th,.portfolio_status td{
    text-align: center;
}
.is_closed
{
    background-color: #42d6a4 !important;
    border-radius: 8px;
}
.portfolio_status td button{
    border: 0px;
    padding: 8px 40px;
    margin-top: 12px;
}
.portfolio_status td .is_approved{
    background-color: #119d38 !important;
}
.portfolio-tab .tasks_container{
    min-height: 222px;
}


.portfolio-tab .portfolio_raid_log {
    height:100%;
}

.portfolio_dashbaord_budget th{
    color: #a6a6a6 !important;
    font-weight: 500;
    font-size: 1.1em;
}
.portfolio_dashbaord_budget td{
    padding-bottom: 4px;
}
.portfolio_dashbaord_budget .text-white{
    color: #fff !important;
    padding-top: 4px;
    padding-bottom: 16px;
}
.common_dashboard_portfolio_table tr td {
    font-size: 17px;
    font-weight: 600;
    line-height: initial;
    padding: 10px;
    color: #a6a6a6 !important;
    text-align: center;
}
.common_dashboard_portfolio_table tr .text-price{
    font-size: 18px;
    font-weight: 600;
    line-height: initial;
    padding: 10px;
    color: #08cad1 !important;
}
.portfolio_status th{
    font-weight: 500 !important;
    font-size: 16px !important;
}
.portfolio_status_table{
    min-height: 180px;
}
.portfolio_raid_log{
    min-height: 494px !important;
}
.hide {
    display: none;
}
.display_content {
       display: block;
}
.project_change_tab .btn-light{
    letter-spacing: 0.5px;
    height: 51px !important;
    line-height: 30px !important;
}
.project_change_tab .filter-option-inner-inner{
    font-weight: 600;
    font-size: 18px;
    padding: 4px 0px !important;
}

/** Portfolio Project Timeline */
#project_timeline_chart {
    width: 800px !important;
 }

 .timeline_chart_scroll {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 1em;
    padding-left: 10%;
 }

 .timeline_head th {
    padding-bottom: 20px;
 }
 .graphic-container {
    min-height: 500px;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
  }


 .timeline_chart_scroll tbody:before {
    content:"@";
    display:block;
    line-height:31.5px;
    text-indent:-99999px;
}

 .timeline_chart_scroll .common_dashboard_table tr td {
        padding: 17px 10px;
 }
 /* Project Brief approval button */
.viewprobrief {
    color: white;
    background-color: #08cad1;
    padding: 10px 15px;
    border-radius: 10px;
    font-weight: 500;
    margin: 10px 0px;
    display: inline-block;
 }
 /*business case supprting file document button */
.remove_li_supporting .first a {
    font-size: 13px;
}
.remove_li_supporting li {
    margin-bottom: 15px;
}
.remove_li_supporting {
    list-style: none;
    padding: 0px;
    overflow-y: auto;
    height: 103px;
    padding-right: 15px;
}
.remove_li_supporting .remove_inputval {
    float: right;
    cursor: pointer;
}
.supporting_information .form-control[type=file]:not(:disabled):not([readonly]) {
    border: none;
}
.supporting_information input::file-selector-button {
    background-color: #08cad1;
    color: white;
    padding: 5px 15px;
    font-weight: 400;
    border: none;
    border-radius: 0px!important;
  }
.pro_launch_communication_mgt {
    padding: 28px 30px;
    display: block;
}
/* project duration in business case and project brief*/
.date_difference {
    font-size: 18px;
    color: black;
    font-weight: 600;
    font-size: 0.95em;
}
/* business case save button */
.business_case_btn_save {
    background: #08cad1;
    color: white ! Important;
    letter-spacing: 0.5px;
    font-size: 15px !important;
    text-align: center;
    font-weight: 600!Important;
    border-radius: 10px ! Important;
    height: 45px !important;
    text-transform: inherit;
    margin-left: 10px;
    font-size: 14px !important;
    height: 45px;
    width: 16em;
    text-transform: uppercase;
    margin-top: 20px;
    border: 0px;
} 

/* Resource Management Planning Page*/
.resource_plan_container .round_selection_options {
    opacity: 0;
    border: 1px solid #ccc;
    padding: 5px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    z-index: 99999;
    pointer-events: none;
    display:block;
}

.slidebuttonout {
    width: fit-content;
    background-color: #1e1e1e;
    padding: 10px 20px;
    border-radius: 25px;
    float: right;
}

.resource_plan_container .table_content_scroll {
    overflow-y: hidden !important;
    
}
.resource_select .dropdown-menu.show {
    max-width: 200px !important;
    min-width: 200px !important;
    overflow: visible !important;
}
button.btn.resource-text-white {
    color: #ffffff;
    font-weight: 600;
 }
 button.btn.resource-text-black {
     color: #0000;
     font-weight: 600;
  }
.common_table_head_color {
    display: block;
    color:#000;
}
.resource_day {
    position: relative;
    width: 72px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.project_issue p {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px dashed;
    padding-bottom: 5px;
}
.resource_issue_notification {
    position: relative;
}
.project_issue p:last-child {
    border-bottom: 0px;
}
.resource_issue_notification .project_issue {
    visibility: hidden;
    width: 210px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px 5px;
    position: absolute;
    z-index: 100;
    top: 52px;
    left: auto;
    overflow-y: auto;
    max-height: 150px;
}

.resource_issue_notification:hover .project_issue {
    visibility: visible;
    display: block;
}

.resource_count span {
    padding-left: 5px;
}
.delete_resource_activities i {
    color: #fff;
}
.projectday-name {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.half_day label.resource_plan_content {
    margin-top: 1px;
}

.resource_project_status {
    width: 150px;
    max-width: 150px !important;
    min-width: 150px !important;
}

.resource_project_status .status-link-width-auto i.fa {
    border-radius: 20px;
    background-color: #fff;
    padding: 5px 6px;
    color: #000;
    width: 25px;
    height: 25px;
}

.pro-planner-link-collapse .status-link-width-auto i.fa {
    border-radius: 20px;
    background-color: black;
    padding: 5px 6px;
    color: white;
    width: 25px;
    height: 25px;
}

.resource_project_days {
    width: 80px;
    max-width: 80px !important;
    min-width: 80px !important;
}

.resource_project_used {
    width: 80px;
    max-width: 80px !important;
    min-width: 80px !important;
}

.resource_project_left {
    width: 80px;
    max-width: 80px !important;
    min-width: 80px !important;
}

.resource_issue_notification {
    padding:15px 0px;
}

.resource_count {
    padding:10px 27px;
    background:#ff6961;
    color:#fff;
    border-radius: 25px;
}
.project_issue {
    display: none;
}
.resource_working_days {
    width: 40px;
    height: 40px;
}
.resource_working_days .resource_rounded_selected {
    line-height: 40px;
}
.resource_used_days {
    width: 40px;
    height: 40px;
    background:#ffb480;
}
.resource_remaining_days {
    width: 40px;
    height: 40px;
}
.resource_used_days .resource_rounded_selected {
    line-height: 40px;
}
.activity_color_error {
    text-transform: inherit;
}
.resource_remaining_days .resource_rounded_selected {
    line-height: 40px;
}

.resource_plan_content {
    display: block;
    padding-left: 0;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    border: 0px solid #ccc;
    width: 72px;
    height: 28px;
    position: relative;
    background: #e3e3e3;
    margin-right: 0px;
}
/* no found project */
.global_search_result {
    font-size: 30px;
    padding: 20px;
    color: #999;
    text-align: center;
}
.resource_plan_content .resource_checkbox {
    background: #fff;
    top: 20px !important;
    z-index: 999;
    width: 420px !important;
    height: 600px;
    border-radius: 30px;
    display: none;
    padding: 20px;
    position: relative;
}

.resource_plan_checkbox_content {
    display: block;
    padding-left: 0;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    border: 0px solid #ccc;
    width: 70px;
    height: 28px;
    position: relative;
    background: #f3f3f3;
    margin-right: 1px;
    margin-top: 2px;
}

.resource_plan_checkbox_content input {
    position: relative;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    height: 100%;
    width: 100%;
}

label.resource_plan_checkbox_content {
    margin-bottom: 10px;
    margin-top: 5px;
}

.resource_plan_checkbox_content input[type="checkbox"]:checked+.resource_checkbox {
    background-color: #42d6a4;
    height: 28px;
}

.resource_plan_checkbox_content input[type="checkbox"]:checked+.resource_checkbox_halfday {
    background-color: #ff6961;
    height: 28px;
}

.resource_plan_checkbox_content input[type="checkbox"]:checked+.resource_checkbox_avaibility {
    background-color: #ff6961;
    height: 28px;
}

.project_plan_container .resource_checkbox,
.project_plan_container .resource_checkbox_halfday {
    position: absolute;
    /*  height: 100% !important; */
    width: 100%;
    left: 0%;
    top: 0%;
}

.project_plan_container .resource_checkbox_avaibility {
    position: absolute;
    /*  height: 100% !important; */
    width: 100%;
    left: 0%;
    top: 0%;
}

.project-name {
    font-size: 15px;
    line-height: 30px;
    display: block;
}

.modal-assign-resource .swal2-popup {
    background: #fff !important;
}

.resource_plan_checkbox_content .round_selection_selected {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    border: 0px;
    background: #e3e3e3;
    margin-bottom: 2px;
}

.resource_plan_checkbox_content .round_selection_options {
    border: 0px;
    max-height: 170px;
    overflow: auto;
    scrollbar-color: #eee #ffffff;
}

.resource_plan_checkbox_content .round_option_item {
    width: 70px;
    height: 28px;
    border: 0;
    border-radius: 20px;
    padding: 0;
    margin-bottom: 2px;
}
.empty_weekend {
    background: #cdcdcd;
    width: 100%;
    height: 90px;
    display: block;
    margin-bottom: 10px;
}
.resource_planning_row td.rowimg {
    margin-bottom: 20px;
}

.swal2-validation-message {
    background: no-repeat;
    color: #fff;
    font-weight: 600;
}

.modal-assign-resource .swal2-validation-message {
    color: #000;
    font-weight: 600;
}

/* Activity css */


.color-select>span {
    text-transform: capitalize;
    padding: 5px 0;
    display: block;
    cursor: pointer;
    margin-left: 67px;
}

.color-selected-show>span {
    text-transform: capitalize;
    padding: 4px 12px;
    display: block;
    cursor: pointer;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    font-size: 15px;
}

.color-select>span span {
    margin-top: -8px
}

.color_list {
    display: none;
}

.color-select ul {
    width: 100%;
    overflow: visible;
    padding: 0;
    /* border-top: 1px solid #3E3E3E; */
    display: inline-block;

}

.color-select ul:after {
    content: "";
    display: table;
    clear: both;
}

.color-select ul li,
.color-select>span span {
    list-style: none;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background: #fff;
    float: left;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    top: -3px;
}

.color-select ul li {
    margin-top: 25px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.color-select ul li span {
    display: none;
}

.color-select ul li:hover {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.color-code-hide {
    display: none;
}

.page-template-page-resource_management .project-summary-box {
    width: 30%;
}

.page-template-page-resource_management span.min-date, .page-template-page-resource_management span.max-date {
    background-color: black;
    padding: 5px 20px;
    border-radius: 20px;
    color: white;
    font-weight: 500;
}

.activity-key {
    color: white;
    padding-right: 15px;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 1.55em;
}

.remove_row_btn .delete_resource_activities {
    color: #ffffff !important;
    font-size: 20px;
    font-weight: bolder;
    margin-top: 8px;
}
span.activity_drop.clear-data {
    margin-top: 60px;
    margin-right: 0px;
}
.clear-data {
    position: absolute;
    right: 1px;
    top: -1px;
    font-size: 16px;
    cursor: pointer;
}
button.btn.resource-text-black {
    color: #000000;
    font-weight: 600;
}

/* title-tip down */
.round_selection_selected[title]:hover {
    position: relative;
}

.round_selection_selected[title]:hover:before {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    content: attr(title);
    margin-top: 0.5em;
    padding: 0.5em;
    width: 70px;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 13px;
    color: #000;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
}

.round_selection_selected[title]:hover:after {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 99999;
    content: '';
    margin-left: -0.125em;
    width: 0;
    height: 0;
    border: 0.25em dashed transparent;
    border-bottom: 0.25em solid #fff;
    font-size: inherit;
}

/* title-tip day select */



.tooltip_acitve[title]:hover {
    position: relative;
}

.tooltip_acitve[title]:hover:before {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999999;
    content: attr(title);
    margin-top: -5.50em;
    padding: 0.5em;
    width: 300px;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 13px;
    color: 000;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
}

.tooltip_acitve[title]:hover:after {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 9999999;
    content: '';
    margin-left: -0.125em;
    width: 0;
    height: 0;
    border: 0.25em dashed transparent;
    border-bottom: 0.25em solid #fff;
    font-size: inherit;
}

/* title-tip-up */
.round_selection_selected-up[title]:hover:before {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.5em;
}

.round_selection_selected-up[title]:hover:after {
    top: auto;
    bottom: 100%;
    border: 0.25em dashed transparent;
    border-top: 0.25em solid #222;
}

/* title-tip-right */
.round_selection_selectedright[title]:hover:before {
    top: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.5em;
}

.round_selection_selected-right[title]:hover:after {
    top: 50%;
    left: 100%;
    margin-left: 0;
    margin-top: -0.125em;
    border: 0.25em dashed transparent;
    border-right: 0.25em solid #222;
}

/* title-tip-left */
.round_selection_selected-left[title]:hover:before {
    top: auto;
    left: auto;
    right: 100%;
    margin-top: 0;
    margin-right: 0.5em;
}

.round_selection_selected-left[title]:hover:after {
    top: 50%;
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-top: -0.125em;
    border: 0.25em dashed transparent;
    border-left: 0.25em solid #222;
}

.resource_activity_apply .add_apply {
    padding: 0px 15px !important;
    border: 0 !important;
    line-height: 30px;
    height: 35px !important;
}

.add_resource_field i {
    font-size: 26px;
}

.add_resource_mgmt_btn_save {
    background: #08cad1;
    color: white ! Important;
    letter-spacing: 0.5px;
    font-size: 15px !important;
    text-align: center;
    font-weight: 600!Important;
    border-radius: 10px ! Important;
    height: 45px !important;
    text-transform: inherit;
    margin-left: 10px;
    font-size: 14px !important;
    height: 45px;
    width: 16em;
    text-transform: uppercase;
    margin-top: 2px;
    border: 0px;
}
.all_resource_projects {
    margin-bottom: 35px;
}

/* Resouce page search input */
#search-wrapper {
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.276);
    align-items: stretch;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    max-width: 400px;
    
}
#Searchbyproject {
    border:none;
    width:350px;
    font-size: 15px;
}
#Searchbyproject:focus {
    outline: none;
}
.search-icon {
    margin: 10px;
    color:rgba(0, 0, 0, 0.564);
}
#search-button {
    border:none;
    cursor: pointer;
    color:#fff;
    background-color:#1dbf73;
    padding:0px 10px;
}
.tooltip_acitve:active {
    pointer-events: none;
}
.tooltip_acitve {
    /* border: 3px solid red !important; */
}
.tooltip_acitve .resource_day:before {
    content: "\f06a"; 
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-weight: 900;
    font-size: 30px;
    z-index: 1;
    color: #ff6961;
} 

/** Corporate Objectives Page */
.our_purpose {
    padding: 0px;
    border-radius: 10px;
    background:#fff;
    margin-bottom: 50px;
    margin-right: 40px;
}
.our_purpose h4 {
    font-weight: 500;
    margin: 0;
    padding: 20px 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 16px;
}
.picton_blue {
    background: #48aaf1;
}
.add_corporate_pillars_field i {
    color: #48aaf1 !important;
}
.corporate_main_title {
    margin-bottom: 30px;
    margin-top: 20px;
}
.corporate_field {
    padding: 20px 20px 30px 20px;
    border-radius: 0px 0px 10px 10px;
    background: #fff;
}
.corporate_field label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.corporate_field textarea {
    resize: none;
    min-height: 70px !important;
    max-height: 70px;
}
.common_pillar_space {
    margin-bottom: 15px;
}

/** vision statement page strategic alignment */
.remove_strategic_alignment i {
    color: #ff6961;
}
.strategic_alignment {
    display: flex;
    align-items: center;
    gap: 13px;
}

.strategic_alignment_list {
    display: none;
    position: absolute;
    top: auto;
    left: 0;
    z-index: 99;
    border: 1px solid #f5f5f5;
    width: 220px;
    padding: 8px 0px;
}

.strategic_alignment_list ul {
    padding: 0px 20px;
}

.strategic_alignment_list li {
    list-style: none;
    padding: 4px 10px;
    width: 100px;
    text-align: center;
    color: #fff;
    border-radius: 7px;
    margin-bottom: 10px;
    cursor: pointer;
}
.selected_strategic_list {
    display: flex;
    gap: 10px;
    width: 335px;
    flex-wrap: wrap;
}

.selected_strategic_list .strategic {
    width: 140px;
    text-align: center;
    color: #fff;
    border-radius: 7px;
    margin-bottom: 7px;
    display: flex;
    gap: 6px;
}

.selected_strategic_list .strategic button {
    padding: 0px !important;
}

.selected_strategic_list .strategic span {
    padding: 4px 10px;
    width: 100px;
    text-align: center;
    color: #fff;
    border-radius: 7px;
    display: block;
}
.selected_strategic_list.business_case  .strategic {
    width:  100px
}
.remove_li_strategic_objectives_file {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}
.remove_li_strategic_objectives_file {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}
.remove_li_strategic_objectives_file li {
    height: 36px;
    display: flex;
    align-items: center;
}
.remove_li_strategic_objectives_file .first a {
    color: black;
    background-color: white;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 13px;
}
.remove_li_strategic_objectives_file .remove_inputval {
    float: right;
    cursor: pointer;
    padding-left: 15px;
}
.remove_li_strategic_objectives_file .common_error_span {
    color: white;
    font-weight: 500;
}

/* page vision */

.remove_li_strategic_objectives_file_vision {
    list-style: none;
    padding: 0px;
    margin-bottom: 27px;
}
.remove_li_strategic_objectives_file_vision {
    list-style: none;
    padding: 0px;
    margin-bottom: 27px;
}
.remove_li_strategic_objectives_file_vision li {
    height: 36px;
    display: flex;
    align-items: center;
}
.remove_li_strategic_objectives_file_vision .first a {
    color: white;
    background-color: #42d6a4;
    padding: 10px 31px;
    font-weight: 500;
    font-size: 14px;
}
.remove_li_strategic_objectives_file_vision .remove_inputval {
    float: right;
    cursor: pointer;
    padding-left: 15px;
}
.remove_li_strategic_objectives_file_vision .common_error_span {
    color: white;
    font-weight: 500;
}
.strategic_objectives .btn.dropdown-toggle, .pro_vision_moscow_status .btn.dropdown-toggle {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    height: 35px;
    padding: 5px 12px;
    font-size: 14px;
    color: #495057;
    outline: none !important;
    box-shadow: none !important;
}
.strategic_objectives .dropdown-menu, .pro_vision_moscow_status .dropdown-menu {
    top: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
.our_purpose .file_inputs.is_open input[type="file"] {
    position: relative;
    top: 0px;
}
.our_purpose .file_inputs input[type="file"] {
    position: absolute;
    right: 0;
    top: 13px;
    text-align: right;
	opacity: 0;
	z-index: 2;
    width: auto;
    max-width: 106px;
}
.our_purpose .file_inputs {
    flex-direction: row;
    padding: 0px !important;
    width: 46%;
    justify-content: space-between !important;
    position: relative;
}
.our_purpose .file_inputs .file_upload {
    position: absolute;
	top: 13px;
	right: 0px;
	z-index: 1;
    background: transparent;
    color: #fff;
}
.our_purpose .file_inputs.is_open .file_upload {
	left: 0px;
    right: auto;
}

/** Project Planner page */
.project_planner {
    display: block;
    margin-bottom: 55px;
}

.project_plan .newtask {
    font-weight: 500;
    color: black;
    font-size: 1.15em;
}

.project_plan .add_milestone_user_row_field:hover {
    text-decoration: none;
    box-shadow: none;
}

.project_planner_row {
    border: 0px;
}

.project_planner_row .row_date {
    display: block;
    padding-left: 0;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    border: 0px solid #ccc;
    width: 100%;
    height: 28px;
    position: relative;
    background: #e3e3e3;
    margin-right: 1px;
}

.project_planner_row .row_day {
    position: relative;
    width: 84px;
}
.milestone_descirption {
    margin-top: 20px;
}
.milestone_desc {
    border: 1px solid #fff;
    text-align: left;
    padding: 0px;
    padding: 27px 0px 20px 0px;
    resize: none;
    width: 260px;
    color: #000;
    font-size: 15px;
}

.milestone_duration {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}
.milestone_desc::placeholder {
    color: #000;
    font-weight: 400;
}

.milestone_desc::-ms-input-placeholder {
    color: #000;
    font-weight: 400;
}

.milestone_desc:focus {
    border-bottom: 1px solid #ccc;
    outline: none !important;
}

.milestone_desc:focus-visible {
    border-bottom: 1px solid #ccc;
    outline: none !important;
}

.milestone_task_date {
    height: 30px;
    color: #000;
    font-weight: 500;
}

.milestone_task_date::placeholder {
    color: #000;
    font-weight: 500;
}

.milestone_task_date::-ms-input-placeholder {
    color: #000;
    font-weight: 500;
}

.project_planner_calender_form_group {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 0px 3px;
    font-weight: 600;
    color: #000;
    width: 200px;
    text-align: center;
}

.project_planner_calender_form_group .milestone_task_date {
    border: 0px;
}

.user_resources_list {
    position: absolute;
    top: 68px;
    left: 0;
    display: none;
}
.user_resources_list .dropdown-toggle {
    display: none;
}
.user_resources_list .bootstrap-select {
    border: 0px;
}
.planner_common_rounded_select.task_status {
    min-width: 40px;
    min-height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #DA2700;
    margin: 0;
}

.planner_common_rounded_select {
    position: relative;
    width: 25px;
    height: 25px;
    margin: auto;
    background-color: #42d6a4;
    border: none;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    user-select: none;
    color: #ffffff;
    font-weight: 700;
}

.project_planner_rounded_options {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 9;
    transform: translateX(-50%);
    max-height: 165px;
    overflow-y: scroll;
    width: 100% !important;
    overflow-y: hidden;
}

.project_planner_rounded_options span {
    display: block;
    padding: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #000;
}

.planner_common_rounded_select.red {
    background-color: #ff6961 !important;
}

.planner_common_rounded_select.orange {
    background-color: #ffb480 !important;
}

.planner_common_rounded_select.green {
    background-color: #42d6a4 !important;
}

.planner_common_rounded_select.low_green {
    background-color: #69d642 !important;
}

.planner_common_rounded_select.yellow {
    background-color: #ffeb00 !important;
    color: #000;
}

.planner_common_rounded_select.light_green {
    background-color: #008000 !important;
}

.planner_common_rounded_select.light_red {
    background-color: #F00 !important;
}

.planner_common_rounded_select.light_orange {
    background-color: #ff8c3b !important;
    color: white;
}

.project_planner_checkbox_content input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    height: 100%;
    width: 100%;
    left: 0px;
}

.row_date input[type="checkbox"]:checked+.planner_checkbox {
    background-color: #42d6a4;
}

.planner_checkbox {
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    left: 0% !important;
    top: 0% !important;
}

.project_planner_checkbox_content {
    display: block;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
}

.add_dependency {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: nowrap;
}

.select_user_resources_list {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: start;
    gap: 15px;
}

.selected_resource_user_list {
    display: flex;
    gap: 0;
    align-items: center;
    justify-content: center;
    width: 150px;
    flex-wrap: wrap;
}

.selected_resource_user_list .user_resources {
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}

.user_clear_data {
    position: relative;
}

.user_icon_clear {
    position: absolute;
    top: -42px;
    left: 1px;
    cursor: pointer;
    z-index: 999;
}

.selected_resource_user_list img {
    position: relative;
    margin-left: -14px;
    border: 5px solid #fff;
    z-index: 99;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.milestone_dependency_sec {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    position: relative;
}

.user_dependency_list {
    display: none;
    position: absolute;
    top: 76px;
    left: 30px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 9;
    transform: translateX(-50%);
    max-height: 165px;
    overflow-y: auto;
    width: 60px;
    scrollbar-color: #eee #ffffff;
}
.user_image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    min-width: 40px;
    max-width: 40px;
}
.user_image img {
    width: 100%;
}
.user_dependency_list span {
    display: block;
    padding: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #000;
}

.task_dependency_selected {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.project-moscow .resource_select_color {
    background-color: #ffffff;
}
.project_planner_row {
    border: 0px !important;
}

.project_milestone_dependency_selected {
    border-radius: 15px;
    padding: 7px 20px;
    color: #fff;
    font-weight: 600;
    width: auto;
}

.project_milestone_dependency_selected span {
    font-weight: 400;
    width: 120px;
}
.milestone_dependency_sec b {
    color: #000;
}
.project_milestone_dependency_options {
    display: none;
    position: absolute;
    top: 0px;
    left: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1110;
    transform: translateX(-50%);
    max-height: 165px;
    overflow-y: scroll;
    overflow-y: hidden;
    width: 200px;
    padding: 5px 10px;
}
.project_planner_header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
}
.project_planner_header .planId {
    width: 90px;
}
.project_planner_row td {
    text-align: left !important;
}
.project_milestone_dependency_options span {
    display: block;
    padding: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    color: #000;
}

.milestone_options {
    display: flex;
}

.milestone_clear_data {
    position: relative;
    left: 6px;
    top: -1px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
}

.milestone_dependency_selected {
    display: flex;
    gap: 6px;
    align-items: center;
    padding-right: 5px;
}

.dependency_selected {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
}

.add_multiple_dependency {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    width: 150px;
}

.select_dropdown_dependency {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
}

.dependency_clear_data {
    position: relative;
    left: 20px;
    top: -7px;
}

.dependency_icon_clear {
    position: absolute;
    top: -36px;
    left: 2px;
    cursor: pointer;
}

.total_tasks {
    width: 40px;
    height: 40px;
    background: #08cad1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.tasks_progress {
    width: 40px;
    height: 40px;
    background: #ffb480;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.tasks_completed {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.milestone_percentage {
    width: 80px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #ff6961;
    font-size: 15px;
    font-weight: 600;
}
.activity_sidebar_icon i {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 15px;
    align-content: center;
}

.task_description {
    position: relative;
    .input_text{
      white-space: nowrap;
          overflow: hidden;
          width: 242px;
          text-overflow: ellipsis;
          margin-right: 6em;
          color: #000;
      }
    }
.description-tooltip {
      position: absolute;
      visibility: hidden;
      opacity: 0;
      transition: opacity 1s ease;
      padding: 10px;
      border-radius: 2px;
      background: rgb(46 46 50);
      color: rgb(255, 255, 255);
      box-shadow: 0px 0px 12px rgba(2, 2, 111, 0.4);
      text-align: left;
      font-size: 13px;
      font-weight: 400;
    }
.input_text:hover + .description-tooltip {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.5s ease-in-out;
      height: auto;
      border: 0px !important;
    }
/* task heading progres */
.task_heading{
    display: flex;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: row;    
    gap: 33px;
    }
.task_heading .task_progress{
    display: flex;
    gap: 20px;
    text-transform: none;
    font-weight: 500;
    font-size: 15px !important;
    align-items: center;
    }

input[aria-describedby^=tooltip] {
    color: blue!important;
}

.page-template-page-raid-log-scrore-matrix .common_editable_field:focus {
    text-align: left;
}
/* Header Tooltip css */
.tooltip-success{
    position: absolute;
    z-index: 99999999999999 !important;
    border-radius: 3px;
    border: 0px !important;
}
.bs-tooltip-auto {
    border: 0px;
}
.tooltip-success .tooltip-inner {
    font-size: 13px !important;
    font-weight: 400 !important;
    background-color: #000 !important;
    color: rgb(255, 255, 255);
    box-shadow: 0px 0px 12px rgba(2, 2, 111, 0.4);
    padding: 8px;
}

/** Raid log page for fixed header table column */
.risk_table thead th, .action_table thead th, .issue_table thead th, .decisions_table thead th, .lessons_learnt_table thead .table_heading_row th{
    position: sticky !important;
    background-color: #090C13;
    z-index: 50;
    top:0px;
}
/* .risk_table tbody td:nth-child(2), .risk_table thead th:nth-child(2), .action_table tbody td:nth-child(2), .action_table thead th:nth-child(2), .issue_table tbody td:nth-child(2), .issue_table thead th:nth-child(2), .decisions_table tbody td:nth-child(2), .decisions_table thead th:nth-child(2) {
    width:100% !important;
    min-width: 70px !important;
}
.lessons_learnt_table tbody td:nth-child(2), .lessons_learnt_table thead .table_heading_row th:nth-child(2) {
    width:110px !important;
    min-width: 110px !important;
} */

.lessons_learnt_table thead tr.table_heading_row {
    background: #090c13;
}
.risk_table tfoot tr:last-child {
    position: relative;
    z-index: 1;
}
.risk_table .select2-container .select2-selection--single,
.action_table .select2-container .select2-selection--single,
.issue_table .select2-container .select2-selection--single,
.large_table .select2-container .select2-selection--single{
   height: 35px !important;
}
.raid_log_scrore_matrix .raid_log_page .raid_log_matrix {
    min-height: calc(100vh - 125px) !important;
}
.project_risks_table .row:nth-child(2) .col-sm-12, .project_action_table .row:nth-child(2) .col-sm-12, .project_issue_table .row:nth-child(2) .col-sm-12, .project_decisions_table .row:nth-child(2) .col-sm-12, .project_lessons_learnt_table{
    max-height: calc(100vh - 300px);
    min-height: 125px;
}
.project_risks_table table.risk_table, .project_action_table table.action_table, .project_issue_table table.issue_table, .project_decisions_table table.decisions_table, .project_lessons_learnt_table table.lessons_learnt_table {
    margin-top: 0 !important;
    width: 100% !important;
}
.risk_table thead tr.table_heading_row th {
    white-space: unset;
}
.issue_resolution, .decisions_source, .decisions_agree_outcome, .lessons_recommendations {
    text-align: left;
}
/** Resource Management Page */
.project_resource_mgt .resource_management_tab thead {
    position: relative;
    z-index: 999;
}
.project_resource_mgt .resource_management_tab tr.resource_planning_row td:nth-child(1),
.project_resource_mgt .resource_management_tab tr.resource_planning_row td:nth-child(2) {
    position: sticky !important;
    left: 0px;
    background-color: #fff;
    z-index: 2;
}

.project_resource_mgt .resource_management_tab tr.resource_planning_row td:nth-child(2) {
    left: 230px;
}

.project_resource_mgt .resource_management_tab thead tr.table_heading_row1 td:nth-child(1),
.project_resource_mgt .resource_management_tab thead tr.table_heading_row1 td:nth-child(2),
.project_resource_mgt .resource_management_tab thead tr.table_heading_row1 td:nth-child(3),
.project_resource_mgt .resource_management_tab thead tr.table_heading_row1 td:nth-child(4) {
    position: sticky !important;
    left: 0px;
    background-color: #fff;
    z-index: 2;
}
.project_resource_mgt .resource_management_tab thead tr.table_heading_row1 td:nth-child(2) {
    left: 150px;
    z-index: 1;
}
.project_resource_mgt .resource_management_tab thead tr.table_heading_row1 td:nth-child(3) {
    left: 230px;
}
.project_resource_mgt .resource_management_tab thead tr.table_heading_row1 td:nth-child(4) {
    left: 310px;
}

.project_resource_mgt .resource_management_tab thead tr.table_heading_row th:nth-child(1),
.project_resource_mgt .resource_management_tab thead tr.table_heading_row th:nth-child(2),
.project_resource_mgt .resource_management_tab thead tr.table_heading_row th:nth-child(3),
.project_resource_mgt .resource_management_tab thead tr.table_heading_row th:nth-child(4) {
    position: sticky !important;
    left: 0px;
    background-color: #090C13;
    z-index: 1;
}
.project_resource_mgt .resource_management_tab thead tr.table_heading_row th:nth-child(2) {
    left: 150px;
}
.project_resource_mgt .resource_management_tab thead tr.table_heading_row th:nth-child(3) {
    left: 230px;
}
.project_resource_mgt .resource_management_tab thead tr.table_heading_row th:nth-child(4) {
    left: 310px;
}
.project_resource_mgt .resource_management_tab tfoot tr td:nth-child(1) {
    position: sticky !important;
    left: 0px;
    background-color: transparent;
    z-index: 1;
}

/** Project Planner Page */
.project_planner_tab tr.project_planner_row td:nth-child(1),
.project_planner_tab tr.project_planner_row td:nth-child(2),
.project_planner_tab tr.project_planner_row td:nth-child(3),
.project_planner_tab tr.project_planner_row td:nth-child(4),
.project_planner_tab tr.project_planner_row td:nth-child(5),
.project_planner_tab tr.project_planner_row td:nth-child(6),
.project_planner_tab tr.project_planner_row td:nth-child(7),
.project_planner_tab tr.resource_planning_row td:nth-child(1),
.project_planner_tab tr.resource_planning_row td:nth-child(2),
.project_planner_tab tr.resource_planning_row td:nth-child(3),
.project_planner_tab tr.resource_planning_row td:nth-child(4),
.project_planner_tab tr.resource_planning_row td:nth-child(5),
.project_planner_tab tr.resource_planning_row td:nth-child(6),
.project_planner_tab tr.resource_planning_row td:nth-child(7) {
    position: sticky !important;
    left: 0px;
    background-color: #fff !important;
    z-index: 999;
}
.project_planner_tab tr.table_heading_row th:nth-child(1) {
    position: sticky !important;
    left: 0px;
    background-color: #090C13;
    z-index: 90;
}
.project_planner_tab tr.add_new_row td:nth-child(1) {
    position: sticky !important;
    left: 0px;
    background-color: transparent;
    z-index: 999;
}
.project_planner_tab tr.project_planner_row td:nth-child(2),
.project_planner_tab tr.resource_planning_row td:nth-child(2) {
    left: 72px;
}

.project_planner_tab tr.project_planner_row td:nth-child(3),
.project_planner_tab tr.resource_planning_row td:nth-child(3) {
    left: 124px;
}

.project_planner_tab tr.project_planner_row td:nth-child(4),
.project_planner_tab tr.resource_planning_row td:nth-child(4) {
    left: 334px;
}

.project_planner_tab tr.project_planner_row td:nth-child(5),
.project_planner_tab tr.resource_planning_row td:nth-child(5) {
    left: 546px;
}

.project_planner_tab tr.project_planner_row td:nth-child(6),
.project_planner_tab tr.resource_planning_row td:nth-child(6) {
    left: 748px;
}

.project_planner_tab tr.project_planner_row td:nth-child(7),
.project_planner_tab tr.resource_planning_row td:nth-child(7) {
    left: 840px;
}
.project_planner_tab tbody tr.project_planner_row td {
    padding: 0px;
}
.project_planner_tab tr.project_planner_row td .remove_planner_task {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
table.project_planner_tab tbody:nth-child(1) .table_heading_row th {
    position: sticky !important;
    background-color: #090C13;
    z-index: 999;
    top: 0px;
}
table.project_planner_tab tbody:nth-child(1) .resource_planning_row td {
    position: sticky !important;
    background-color: #ebebeb;
    z-index: 999;
    top: 60px; 
}
.project_planner .table_content_scroll {
    max-height: calc(100vh - 300px);
    min-height: 125px;
}
.project_planner_tab tbody:nth-child(1) tr.table_heading_row th:nth-child(1), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(1), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(2), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(3), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(4), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(5), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(6), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(7){
    z-index: 1005 !important;
}
/** Project portfolio summary box */
@media only screen and (max-width: 1024px){
    .project-summary-box {
        padding: 78px 20px 20px 20px;
    }
    .main-box-div .main-box-div-col {
        width: 100%;
    }
    .main-box-div {
        margin-top: 15px;
    }
    .project-summary-box .title-po {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 600px) and (min-width: 320px){
    .project-status {
        font-size: 13px;
    }
    .main-box-div {
        margin-top: 15px;
    }
    .project-summary-box .title-po {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 1550px) and (min-width: 1024px){
    .main-box-div .main-box-div-col {
        width: 100%;
    }
    .main-box-div {
        margin-top: 15px;
    }
    .project-summary-box .title-po {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1700px) and (min-width: 1550px){
    .main-box-div .main-box-div-col {
        width: 50%;
    }
    .main-box-div {
        margin-top: 15px;
    }
    .project-summary-box .title-po {
        margin-top: 10px;
    }
}

/** Admin Role page Fixed column */
.role_table tr td:nth-child(1) {
    min-width: 220px;
    max-width: 220px;
    border: 0px;
    font-size: 15px;
    color: #18293D;
    font-weight: 600;
    position: sticky;
    left: 0px;
    z-index: 50;
    background-color: #fff;
}
.role_table tr th:nth-child(1) {
    border: 0px !important;
    min-width: 500px;
    max-width: 220px;
    position: sticky;
    left: 0px;
    z-index: 60;
}
.role_table thead th {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 40;
}
.admin_customer_super_admin_section .table_content_scroll {
    max-height: 700px;
}

/** Stakeholder Map Page */
.stakeholder_map_main .table-responsive {
    max-height: 700px;
}
.stakeholder_interest_table thead th{
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 50;
}
.stakeholder_interest_table {
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0;
}
.stakeholder_interest_table td:nth-child(1){
    min-width: 138px;
    max-width: 138px;
    border: 0px;
    font-size: 15px;
    color: #18293D;
    font-weight: 600;
    position: sticky;
    left: 0px;
    z-index: 40;
    background-color: #fff;
}
.stakeholder_interest_table th:nth-child(1) {
    border: 0px !important;
    min-width: 138px;
    max-width: 138px;
    position: sticky;
    left: 0px;
    z-index: 60;
}
.stakeholder_interest_table th:nth-child(2), .stakeholder_interest_table td:nth-child(2) {
    border-left: 1px solid #eeeeee !important;
}
.stakeholder_interest_table td:last-child, .stakeholder_interest_table th:last-child {
    border-right: 1px solid #eeeeee !important;
}
.stakeholder_interest_table tr:last-child td {
    border-bottom: 1px solid #eeeeee !important;
    margin-bottom: 10px;
}
.stakeholder_interest_table tbody, .stakeholder_interest_table thead, .stakeholder_interest_table tbody tr td {
    border: 0px !important;
}
.stakeholder_interest_table thead th {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

/* Risks Table */

.raid_log_page tfoot tr.table_body_row td:nth-child(1){
    min-width: 50px !important;
    z-index: 50;
}

.raid_log_page tfoot {
    position: relative;
    z-index: 1;
}


/** Risk Table Media Query */
.raid_log_page thead tr.table_heading_row th:nth-child(2),.raid_log_page tbody tr.table_body_row td:nth-child(2){
    left: 105px !important;
}

.raid_log_page thead tr.table_heading_row th:nth-child(3),.raid_log_page tbody tr.table_body_row td:nth-child(3){
    left: 270px !important;
}

.raid_log_page thead tr.table_heading_row th:nth-child(4),.raid_log_page tbody tr.table_body_row td:nth-child(4){
    left: 475px !important;
}
.raid_log_page thead tr.table_heading_row th:nth-child(5),.raid_log_page tbody tr.table_body_row td:nth-child(5){
    left: 610px !important;
}

.lessons_learnt_table  thead tr.table_heading_row th:nth-child(1), .lessons_learnt_table  tbody tr.table_body_row td:nth-child(1) {
    width: 105px !important;
}
.raid_log_page thead tr.table_heading_row th:nth-child(1), .raid_log_page tbody tr.table_body_row td:nth-child(1) {
    width: 80px;
}
.raid_log_page thead tr.table_heading_row th:nth-child(2), .raid_log_page tbody tr.table_body_row td:nth-child(2) {
    width: 115px;
}
.raid_log_page thead tr.table_heading_row th:nth-child(3), .raid_log_page tbody tr.table_body_row td:nth-child(3) {
    width: 190px;
}
.raid_log_page thead tr.table_heading_row th:nth-child(4), .raid_log_page tbody tr.table_body_row td:nth-child(4) {
    width: 120px;
}
.raid_log_page thead tr.table_heading_row th:nth-child(5), .raid_log_page tbody tr.table_body_row td:nth-child(5) {
    width: 350px;
}
.raid_log_page tbody tr.table_body_row td:nth-child(1),
.raid_log_page tbody tr.table_body_row td:nth-child(2),
.raid_log_page tbody tr.table_body_row td:nth-child(3),
.raid_log_page tbody tr.table_body_row td:nth-child(4),
.raid_log_page tbody tr.table_body_row td:nth-child(5) {
    position: sticky !important;
    background-color: #fff;
    left: 0;
    z-index: 50;
}
.raid_log_page thead tr.table_heading_row th:nth-child(1),
.raid_log_page thead tr.table_heading_row th:nth-child(2),
.raid_log_page thead tr.table_heading_row th:nth-child(3),
.raid_log_page thead tr.table_heading_row th:nth-child(4),
.raid_log_page thead tr.table_heading_row th:nth-child(5) {
    position: sticky !important;
    background-color: #090C13;
    left: 0;
    z-index: 999; 
}
.raid_log_page tfoot tr.table_body_row td:nth-child(1),
.raid_log_page tfoot tr.table_body_row td:nth-child(2),
.raid_log_page tfoot tr.table_body_row td:nth-child(3),
.raid_log_page tfoot tr.table_body_row td:nth-child(4),
.raid_log_page tfoot tr.table_body_row td:nth-child(5),
.raid_log_page tfoot tr.table_body_row th:nth-child(1) {
    position: sticky !important;
    left: 0px;
    background-color: #fff;
}
.raid_log_page thead tr.table_heading_row th {
    white-space: unset;
}
.raid_log_page tfoot tr {
    z-index: 2;
    position: relative;
}

/** Project Planner Page */
@media only screen and (max-width: 1800px){
    .project_planner_tab tr.project_planner_row td:nth-child(2), .project_planner_tab tr.resource_planning_row td:nth-child(2) {
        left: 90px;
    }
    
    .project_planner_tab tr.project_planner_row td:nth-child(3), .project_planner_tab tr.resource_planning_row td:nth-child(3) {
        left: 160px;
    }
    .project_planner_tab tr.project_planner_row td:nth-child(4), .project_planner_tab tr.resource_planning_row td:nth-child(4) {
        left: 390px;
    }
    .project_planner_tab tr.project_planner_row td:nth-child(5), .project_planner_tab tr.resource_planning_row td:nth-child(5) {
        left: 620px;
    }
    .project_planner_tab tr.project_planner_row td:nth-child(6), .project_planner_tab tr.resource_planning_row td:nth-child(6) {
        left: 840px;
    }
    .project_planner_tab tr.project_planner_row td:nth-child(7), .project_planner_tab tr.resource_planning_row td:nth-child(7) {
        left: 950px;
    }
}

@media only screen and (max-width: 1600px){
    .project_planner_tab tbody:nth-child(1) tr.table_heading_row th:nth-child(1) {
        top: 0 !important;
        left: unset !important;
    }
    .project_planner_tab tr.project_planner_row td:nth-child(1), .project_planner_tab tr.project_planner_row td:nth-child(2), .project_planner_tab tr.project_planner_row td:nth-child(3), .project_planner_tab tr.project_planner_row td:nth-child(4), .project_planner_tab tr.project_planner_row td:nth-child(5), .project_planner_tab tr.project_planner_row td:nth-child(6), .project_planner_tab tr.project_planner_row td:nth-child(7) {
        top: 0px !important;
        left: unset !important;
    }
    .project_planner_tab tr.resource_planning_row td:nth-child(1), .project_planner_tab tr.resource_planning_row td:nth-child(2), .project_planner_tab tr.resource_planning_row td:nth-child(3), .project_planner_tab tr.resource_planning_row td:nth-child(4), .project_planner_tab tr.resource_planning_row td:nth-child(5), .project_planner_tab tr.resource_planning_row td:nth-child(6), .project_planner_tab tr.resource_planning_row td:nth-child(7) {
        top: 60px !important;
        left: unset !important;
    }
    .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(1), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(2), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(3), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(4), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(5), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(6), .project_planner_tab tbody:nth-child(1) tr.resource_planning_row td:nth-child(7) {
        top: 60px !important;
        left: unset !important;
    }
}
/* moscowdrow */
.moscow, .moscowdrow {
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #090C13;
    border-color: #4c4c4c;
    margin: 10px 0px;
    color: white;
}
.moscowdrow {
    height: 30px;
}

.risk_raised, .raid_risk_raised_by_select {
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #090C13;
    border-color: #4c4c4c;
    margin: 10px 0px;
    color: white;
}
.raid_risk_raised_by_select {
    height: 30px;
}

.budget_loader {background-color: green!important;}
/** Project brief responsibility sidebar */
.responsibility_data {
    position: fixed;
    top: 0;
    right: -65%;
    width: 65%;
    height: 100%;
    background-color: black;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: right 0.5s ease-in-out;
    overflow-y: auto;
    padding: 78px 40px 40px 60px;
    z-index: 99999;
    scrollbar-width: none;
}
.responsibility_data h1.cms_common_field_heading {
    color:#fff;
    background: transparent;
    margin-top: 0px !important;
}
.responsibility_data h2 , .responsibility_data ul li {
    color: #fff !important;
}
.responsibility_data .close-btn i {
    padding: 4px 8px;
    background-color: #08cad1;
    border-radius: 100%;
    color: #fff;
    rotate: 180deg;
}
.responsibility_data .close-btn i {
    cursor: pointer;
}
.responsibility_data ul li {
    list-style-type: square;
}