div[id$='_ProgressIndicator'] .progress {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--portalThemeColor1);
    background-color: var(--portalThemeColor5) !important;
    background: none;
    box-shadow: none;
    overflow: unset
}

div[id$='_ProgressIndicator']>.progress>.active {
    background-color: #fff;
    color: var(--portalThemeColor1);
    font-weight: 500;
    border-radius: 4px 4px 0 0;
    border-color: var(--portalThemeColor1) var(--portalThemeColor1) #fff;
    margin-right: 5px;
}
.list-group-item:last-child {
    margin-bottom: -1px !important;
}
div[id$='_ProgressIndicator']>.progress>.list-group-item-success,
.incomplete {
    background-color: var(--portalThemeColor3) !important;
    color: #000000 !important;
    border-bottom: 1px solid var(--portalThemeColor1) !important;
    margin-right: 5px;
    font-weight: 400;
}

div[id^='WebFormControl_']>#WebFormPanel>#EntityFormView>.tab-title {
    text-align: center;
    border-bottom: none;
    font-weight: bold;
}

/* review page */
.active-accordian-header {
    background-color: var(--portalThemeColor1);
    color: white;
    padding: 5px 10px;
}

.active-accordian-header:after{content: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22white%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20stroke=%22white%22%20stroke-width=%222%22%20fill-rule=%22evenodd%22%20d=%22M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z%22/%3E%3C/svg%3E');
      display: inline-block;
      margin-left: 5px;
      vertical-align: middle;
      width: 16px;
      height: 16px;
      transform: rotate(180deg);
}

.inactive-accordian-header:after{content: url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22white%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20stroke=%22white%22%20stroke-width=%222%22%20fill-rule=%22evenodd%22%20d=%22M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z%22/%3E%3C/svg%3E');
      display: inline-block;
      margin-left: 5px;
      vertical-align: middle;
      width: 16px;
      height: 16px;
      
}

.inactive-accordian-header {
    background-color: var(--portalThemeColor2);
    color: white;
    padding: 5px 10px;
}

div[id^='WebFormControl_'] .section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 12px;
    margin: 0;
    cursor: pointer;
}

/* Need to roll back if section title html content changes */
div[id^='WebFormControl_'] .section-title h3 {
    color: white;
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}

.text-align-right {
    text-align: right;
}

/* Related to review page */
#WebFormPanel:has(>#EntityFormView > div[data-name^='Review_']) {
    background-color: unset;
}

div[data-name^='Review_'] fieldset {
    background-color: #fff;
}

div[data-name^='Review_'] .field-label {
    color: #757575;
    font-weight: unset;
}

div[data-name^='Review_'] #aps_comments_label {
    color: black;
    font-weight: bold;
}

#EntityFormView>div[data-name^='Review_'] fieldset table td .control input[disabled],
#EntityFormView>div[data-name^='Review_'] fieldset table td .control input,
#EntityFormView>div[data-name^='Review_'] fieldset table td .control select[disabled],
#EntityFormView>div[data-name^='Review_'] fieldset table td .control textarea[disabled],
#EntityFormView>div[data-name^='Review_'] fieldset table td .control textarea[readonly="readonly"],
#EntityFormView>div[data-name^='Review_'] fieldset table td .control input[disabled="disabled"],
#EntityFormView>div[data-name^='Review_'] fieldset table td .control input[readonly],
#EntityFormView>div[data-name^='Review_'] fieldset table td .control select[disabled="disabled"],
#EntityFormView>div[data-name^='Review_'] fieldset table td .control textarea[disabled="disabled"] {
    font-weight: 500;
    background-color: #fff !important;
}

#EntityFormView>div[data-name^='Review_'] fieldset table td .control input[disabled]:focus,
#EntityFormView>div[data-name^='Review_'] fieldset table td .control input:focus,
#EntityFormView>div[data-name^='Review_'] fieldset table td .control select[disabled]:focus,
#EntityFormView>div[data-name^='Review_'] fieldset table td .control textarea[disabled]:focus,
#EntityFormView>div[data-name^='Review_'] fieldset table td .control textarea[readonly="readonly"]:focus,
#EntityFormView>div[data-name^='Review_'] fieldset table td .control input[disabled="disabled"]:focus,
#EntityFormView>div[data-name^='Review_'] fieldset table td .control input[readonly]:focus,
#EntityFormView>div[data-name^='Review_'] fieldset table td .control select[disabled="disabled"]:focus,
#EntityFormView>div[data-name^='Review_'] fieldset table td .control textarea[disabled="disabled"]:focus {
  outline: none !important;
}

#EntityFormView>div[data-name^='Review_'] fieldset table td .control input[readonly]~.input-group-btn {
    display: none;
}

#EntityFormView>div[data-name^='Review_'] fieldset table td .control input[readonly] {
    background: 0 0;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    cursor: auto;
    padding-left: 0;
    padding-right: 0;
}

div[data-name^='Review_'] .control>.field-label {
    font-weight: 500 !important;
    color: unset;
}

/* Doing because to save the checkobx from the prefrom bundle css */
html[dir=ltr] .crmEntityFormView .cell.checkbox-cell:first-child {
    padding: 0 28px 20px !important;
}

html[dir=ltr] .crmEntityFormView .cell .picklist input[type=radio] {
    margin: 5px 5px 0px 0;
}

#WebFormPanel .actions {
    background-color: var(--portalThemeColor3);
    margin: 0;
    padding: 20px 15px 20px 15px;
    border-radius: 0 0 4px 4px;
    display:flex;
}

#WebFormPanel .actions .previous-btn {
    background-color: #fff;
}

#WebResource_Map {
    width: 130px;
    flex:1;
    cursor: pointer;
}

#WebFormPanel:has(> #EntityFormView > [data-name^='Application_']) {
    margin: 0 20%;
}


@media screen and (max-width: 768px) {
    #WebFormPanel:has(> #EntityFormView > [data-name^='Application_']) {
        margin: 0 2.5%;
    }
}

/* Applying disabled background color to state field */
div[data-name^='Application_'] #aps_projectstateid {
    background-color: #eee !important;
}

.form-note {
    font-size: 14px;
    font-weight:normal !important;
}

.form-note.content {
    font-size: 16px;
    font-weight:normal !important;
}

.actions:has(.form-note) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* Utils */
.text-center {
    text-align: center !important;
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

/* common */
.full-width-anchor-btn {
    width: 100%;
    border-radius: 0;
    padding: 10px 0;
    background-color: var(--portalThemeColor1);
    color: white;
    font-weight: 600;
}

.full-width-anchor-btn:hover {
    background-color: white;
}

.full-width-anchor-btn:focus {
    background-color: var(--portalThemeColor1);
    color: white !important;
}

.description {
    font-size: 16px;
    margin-left: 0 !important;
}

#success_heading {
    color: var(--portalThemeColor1);
}

/* //Regarding success msg on the popup */
#MessagePanel.alert.alert-info.success.alert.alert-success,
#MessagePanel.message.alert.success {
    background-color: var(--portalThemeColor7);
    color: white;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

#MessagePanel.alert.alert-info.success.alert.alert-success>#MessageLabel,
#MessagePanel.alert.alert-info.success.alert.alert-success>#MessageLabel>.glyphicon,
#MessagePanel.message.alert.success>#MessageLabel,
#MessagePanel.message.alert.success>#MessageLabel>.glyphicon {
    color: white !important;
}

#MessagePanel.alert.alert-info.success.alert.alert-success>#MessageLabel:focus-visible,
#MessagePanel.message.alert.success>#MessageLabel:focus-visible {
    outline: none;
}

#MessagePanel>input {
    display: none;
}

.tab-section-title{
font-size: 16px !important;
text-transform:capitalize;
font-weight: bold;
}

.form-control::placeholder {
    color:gray !important
}

.options-container{
top: 100%;
    position: absolute;
    width: 100%;
    z-index: 3;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 11px;
    margin-bottom: 8px;
    margin-top: 8px;
    box-sizing: border-box;
}
.menu-items-container {
    max-height: 300px;
    overflow-y: auto;
    position: relative;
    padding-bottom: 4px;
    padding-top: 4px;
    box-sizing: border-box;
}
.menu-items-container >.option {
cursor: default;
    display: block;
    font-size: inherit;
    width: 100%;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: transparent;
    color: inherit;
    padding: 8px 12px;
    box-sizing: border-box;
cursor:pointer;
}

.menu-items-container >.option:focus {
    background-color: var(--portalThemeColor1);
    color: white;
    outline:none;
}
/* ends */

.btn-icon {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;border: 0;
}
.btn-icon:disabled {
cursor:not-allowed !important;
}

.center-modal-vertically {
    display: flex;
    align-items: center;
    justify-content:center;
    height: calc(100% - 3rem*2);
}

@media only screen and (max-width:767px){
    html[dir=ltr] .crmEntityFormView .cell.checkbox-cell:first-child {
    padding: 0 0px 20px !important;
}

.crmEntityFormView table.section {
    padding-left: 12px;
    padding-right: 12px;
}
}
@media only screen and (max-width:495px){
div[id$='_ProgressIndicator'] .progress {
    padding-left:15px !important;
    padding-right:15px !important;
}
}

#EntityFormView>div[data-name^='Review_(conflictreview)'] fieldset table td .control .clearlookupfield {
    display: none !important;
}

#EntityFormView>div[data-name^='Review_(conflictreview)'] fieldset table td .control .launchentitylookup {
    display: none;
}

#EntityFormView>div[data-name^='Review_(estimates)'] fieldset table td .control .clearlookupfield {
    display: none !important;
}

#EntityFormView>div[data-name^='Review_(estimates)'] fieldset table td .control .launchentitylookup {
    display: none;
}

#EntityFormView>div[data-name^='Review_PIR'] fieldset table td .control .clearlookupfield {
    display: none !important;
}

#EntityFormView>div[data-name^='Review_PIR'] fieldset table td .control .launchentitylookup {
    display: none;
}



@media (max-width: 767px){
.crmEntityFormView table.section {
    padding-left: 15px;
}
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
}

.fa-trash-o:before{
    content: "\f014";
    font-size:26px;
}

.fa-file-o:before {
    content: "\f15b" !important;
    margin-right:2px;
}