@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

input {
    font-size: 11px !important;
}

* {
    font-family: 'Roboto', sans-serif;
}

html * {
    font-size: 11px;
}

hr {
    color: DarkGray;
    background-color: #f00;
    height: 2px;
    width: 95%;
}

td .value {
    font-size: 14px !important;
}

html, body {
    margin: 0;
    padding: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 25px !important;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #E5E5E5;
}

#map {
    width: 100%;
    height: 100%;
}

table.full {
    width: 100%;
}

table.margins {
    margin: 15px;
}

table.padding {
    padding: 15px;
}

td.center {
    text-align: center;
}

.min-width {
    width: 1%;
    white-space: nowrap;
}

td.labelAuto {
    text-align: right;
    white-space: nowrap;
}

h1.status {
    font-size: 15px;
    padding-left: 20px;
}

td.label {
    text-align: right;
    width: 5%;
    white-space: nowrap;
    padding-left:4px;
}

td.label-address {
    text-align: right;
    width: 100px;
}

td.label-map {
    text-align: right;
    width: 40%;
    vertical-align: top;
}

tr.space > td {
    padding-bottom: 0.9em;
}

.office-marker-header {
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
}

.value {
    text-align: left;
    font-weight: bold;
}

.value-best-match {
    width: 10px;
    text-align: right;
}

.value-map {
    text-align: left;
    font-weight: bold;
    margin-right: 7px;
    word-wrap: break-word;
}

a, a:visited, a:active {
    color: inherit;
}

    a:hover {
        color: rgb(157, 176, 49);
    }

.pac-container {
    z-index: 999999 !important;
}

/* row */
.claimsStatusUnassigned {
    color: red;
}

.claimsStatusError {
    background-color: #ff9090
}

.claimsStatusWarning {
    background-color: #f7f2bd;
}

.claimsStatusOverdue {
    color: red;
    font-weight: bold;
}

    .claimsStatusOverdue:any-link {
        color: red;
        font-weight: bold;
    }

.claimsDaysStatusOverdue {
    background-color: red;
    color: white;
    font-weight: bold;
}

.assignmentStatus, .claimStatus {
    font-weight: bold;
}

.assignmentScheduled {
    background-color: lightgreen;
    color: white;
}

.assignmentInProgress {
    background-color: Red;
    color: white;
}

.assignmentPending {
    background-color: Orange;
    color: white;
}

.assignmentFinished {
    background-color: Gray;
    color: white;
}

.statusLink {
    text-decoration: underline;
    color: white;
    font-weight: bold;
}

.statusExpertAssigned {
    background-color: sandybrown;
    border: 2px solid #ff884d;
    color: white;
}

.statusProspectClientNote {
    background-color: Orange;
    border: 2px solid #e68a00;
    color: white;
}

.statusSiteInspection, .statusInspectionScheduled {
    background-color: Green;
    border: 2px solid #004d00;
    color: white;
}

.statusProjectReport, .statusReport {
    background-color: Blue;
    border: 2px solid #0000cc;
    color: white;
}

.statusProjectSendOut, .statusReadyForCustomer {
    background-color: Black;
    border: 2px solid #404040;
    color: white;
}

.statusOneStep, .statusOneStepActivity {
    background-color: mediumvioletred;
    border: 2px solid #e6005c;
    color: white;
}

.statusProjectReportReview, .statusReview {
    background-color: Purple;
    border: 2px solid #4d0066;
    color: white;
}

.statusUnassigned {
}

.statusCanceled {
    background-color: DarkGray;
    border: 2px solid #b8b894;
    color: white;
}

.statusDone {
    background-color: Gray;
    border: 2px solid #b8b894;
    color: white;
}

.mandatory {
    color: red !important;
    font-weight: bold !important;
}

.proposed {
    color: orange !important;
    font-weight: bold !important;
}

.mandatory-normal {
    color: red;
    font-weight: normal;
}

table.suggested, .suggested td.dxeButton, .suggested input.dxeEditAreaSys {
    background: LightYellow !important;
}

.suggested {
    /* color: white; */
    font-weight: bold !important;
    /* background-color: black; */
}

.NoWrap {
    white-space: nowrap;
}

.button-default {
    font-weight: bold !important;
    color: white !important;
    background: #008800 !important;
    text-shadow: 0 1px 0px black !important;
}

.buttoncontainer {
    padding: 20px;
    float: left;
    /*  border: 1px dashed red; */
}

.first {
    clear: both;
    /*  border: 1px dashed red; */
}

.editor p {
    margin-top: 0em;
    margin-bottom: 2em;
}

/* Header */
.headerPane {
    background-position: left top;
    background-repeat: no-repeat;
}

.headerTop {
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerPane .headerTop {
    height: 40px;
    font-size: 14px;
    padding: 10px 10px 0 10px;
}

.development {
    color: red;
    font-weight: bold;
    font-variant: small-caps;
}

.templateTitle {
    float: left;
    font-weight: bold;
}

.templateSubTitle {
    float: left;
}

    .templateSubTitle .new {
        color: red;
        font-weight: bold;
    }

    .templateSubTitle .title {
        font-weight: bold;
    }

    .templateSubTitle .number {
        font-weight: bold;
        color: green;
    }

.templateTitle a a:visited {
    text-decoration: none;
}

.user-info,
.user-welcome {
    font-size: 16px;
    color: #fff;
}

.user-info {
    color: #9DB032;
    margin-right: 1rem;
    margin-left: 0.3rem;
}

.hamburgerMenu {
    height: 19px;
    width: 23px;
    float: left;
    cursor: pointer;
    margin-right: 2rem;
}

#ContentLeft {
    display: none;
    cursor: pointer;
    width: 233px;
    background-color: #fff;
    border-right: 0;
    padding-right: 0;
    z-index: 0;
}

.hamburgerMenu span {
    display: block;
    width: 23px;
    height: 4px;
    border-radius: 5px;
    background-color: #fff;
}

    .hamburgerMenu span + span {
        margin-top: 0.2rem;
    }

.vertex-logo {
    height: 19px;
}

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

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

.loginBox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 500px;
}

.centerBox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    width: 400px;
}

.loginControl a a:visited {
    text-decoration: none;
    border-bottom: dashed 1px;
}

.headerMenu {
    margin-top: 11px;
}

/* Footer */
.footerPane {
    position: relative;
    height: 100%;
}

.footerMenu {
    float: right;
    padding-top: 7px;
}

.version {
    float: left;
}

.copyright {
    float: right;
    margin-right: 15px;
}

.content {
    padding: 0 15px;
    height: calc(100vh - 80px) !important;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Account */
.accountHeader h2 {
    margin: 10px 0 7px 0;
    font-size: 16px;
}

.accountHeader p {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.accountHeader {
    margin-bottom: 20px;
}

.form-field {
    margin-bottom: 8px;
}

.field-validation-error {
    font-size: 11px;
    color: Red;
}

.warning {
    color: darkorange;
    font-weight: bold;
}

.error {
    color: Red;
    font-weight: bold;
}

.highlight {
    font-weight: bold;
}

div.survey {
    display: block;
    padding-bottom: 10px;
}

div.description {
    padding-top: 10px;
    font-style: italic;
}

.question {
    font-weight: bold;
}

.position {
    font-weight: bold;
    color: green;
}

/* Contact */

.checkBox {
    width: 40px;
    max-width: 40px;
}

.checkBox2 {
    width: 22px;
    max-width: 22px;
}

/* Forensic Map */

#right-spread-panel {
    width: 450px;
    display: none;
    min-width: 450px;
    position: fixed;
    right: 0px;
    background-color: transparent;
}

#additional-right-project-panel {
    width: 35px;
    min-width: 35px;
    height: 255px;
    position: fixed;
    right: 0px;
    background-color: #fafafa;
    border: 1px solid #d4d4d4;
    display: none;
}

#additional-right-project-panel-v2 {
    width: 35px;
    min-width: 35px;
    height: 170px;
    position: fixed;
    right: 0px;
    background-color: #fafafa;
    border: 1px solid #d4d4d4;
    display: none;
}

#additional-left-personnel-panel {
    width: 35px;
    min-width: 35px;
    height: 114px;
    min-height: 114px;
    position: fixed;
    background-color: #fafafa;
    border: 1px solid #d4d4d4;
    display: none;
}

#additional-search-result-panel {
    width: 35px;
    min-width: 35px;
    height: 114px;
    min-height: 114px;
    position: fixed;
    background-color: #fafafa;
    border: 1px solid #d4d4d4;
    display: none;
}


.additional-left-panel-navigation-item-active {
    width: 30px;
    min-width: 30px;
    height: 114px;
    min-height: 114px;
    border-bottom: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
    background-color: #D4E0FC;
}

.additional-left-panel-navigation-item {
    background-color: #fafafa;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    width: 30px;
    height: 114px;
    vertical-align: middle;
}

    .additional-left-panel-navigation-item:hover {
        background-color: #D4E0FC;
        cursor: pointer;
    }

.additional-left-panel-navigation-item-disabled {
    height: 114px;
    display: none;
}

.additional-left-table-item-x2 {
    width: 35px;
    min-width: 35px;
    height: 114px;
    min-height: 114px;
    border-bottom: 1px solid gainsboro;
}

.additional-left-table-item-x2-disabled {
    width: 35px;
    min-width: 35px;
    height: 114px;
    display: none;
}

.additional-left-table-item-x1 {
    width: 35px;
    min-width: 35px;
    height: 114px;
    min-height: 114px;
    border-bottom: 1px solid gainsboro;
}

#left-spread-panel {
    width: 500px;
    min-width: 500px;
    position: fixed;
    display: none;
    background-color: transparent;
}

.rotate {
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-90deg);
    white-space: nowrap;
}

#additional-right-project-table td:hover {
    background-color: #D4E0FC;
    width: 100%;
    cursor: pointer;
}

#additional-left-table {
    width: 35px;
    min-width: 35px;
    max-width: 35px;
}

    #additional-left-table td:hover {
        background-color: #D4E0FC;
        cursor: pointer;
        width: 35px;
        min-width: 35px;
        max-width: 35px;
    }

.additional-right-project-table-item-x1 {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid gainsboro;
}

.additional-right-project-table-item-x2 {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid gainsboro;
}

.additional-right-project-table-item-x3 {
    width: 100%;
    height: 79px;
    border-bottom: 1px solid gainsboro;
}

#additional-right-project-button-div {
    background-color: #fafafa;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
}

    #additional-right-project-button-div:hover {
        background-color: #D4E0FC;
        cursor: pointer;
    }

.additional-right-panel-navigation-item-active {
    background-color: #D4E0FC;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    width: 30px;
    vertical-align: middle;
}

.additional-right-panel-navigation-item {
    background-color: #fafafa;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    width: 30px;
    vertical-align: middle;
}

    .additional-right-panel-navigation-item:hover {
        background-color: #D4E0FC;
        cursor: pointer;
    }

#map-tool-bar {
    width: 100%;
    height: 30px;
    margin-bottom: 0.7rem;
}

#legend-table {
    width: 250px;
    background-color: white;
}

.legend-table-label {
    width: 200px;
    text-align: left;
    line-height: 25px;
    vertical-align: middle;
}

.legend-table-image {
    width: 35px;
    margin-top: 3px;
    text-align: center;
}

.additional-right-panel-content {
    width: 420px;
    text-align: left;
    background-color: #fafafa;
    vertical-align: top;
}

#dashboard-workflow-panel {
    overflow-y: auto;
}

#workflow-panel {
    overflow-y: auto;
    width: 410px;
}

#dashboard-project-info-panel {
    overflow-y: auto;
}

#project-info-panel {
    overflow-y: auto;
    width: 410px;
}

#left-panel {
    overflow-y: auto;
}

#dashboard-financial-info-panel {
    overflow-y: auto;
}

#financial-info-panel {
    overflow-y: auto;
    width: 410px;
}

.search-result-table {
    background-color: lightcyan;
    border: 1px solid black;
    margin-bottom: 5px;
    width: 98%;
}

.left-panel-table-header {
    width: 430px;
    text-align: left;
    background-color: #fafafa;
    border-left: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    text-align: center;
}

.left-panel-table-button {
    width: 30px;
    text-align: center;
    vertical-align: top;
    background-color: transparent;
}

.left-panel-content-panel {
    width: 430px;
    text-align: left;
    background-color: #fafafa;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    vertical-align: top;
}

#left-panel-button-div {
    background-color: #fafafa;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
}

    #left-panel-button-div:hover {
        background-color: #D4E0FC;
        cursor: pointer;
    }


.survey-drag-drop {
    width: 100%;
    height: 60px;
    text-align: center;
    cursor: pointer;
}

    .survey-drag-drop:hover {
        background-color: #F6F6F6;
    }

.survey-drag-drop-item-header {
    width: 100%;
    font-size: 11pt;
    font-weight: bold;
    text-align: center
}

.survey-drag-drop-item {
    width: 100%;
    font-size: 8pt;
}

#DivPrevious:hover {
    background-color: #F6F6F6;
    cursor: pointer;
}

#DivNext:hover {
    background-color: #F6F6F6;
    cursor: pointer;
}

/* Roll Call */
.roll-call-table-header {
    width: 12%;
    text-align: center;
}

.roll-call-table-week {
    width: 125px;
    border: 1px solid black
}

.roll-call-table-week-day-name {
    height: 35px;
    background-color: #a7b939;
    font-size: 12pt;
    width: 100%;
    border-bottom: 1px solid black;
}

.roll-call-table-week-day-number {
    height: 35px;
    background-color: ghostwhite;
    font-size: 12pt;
    width: 100%;
}

.roll-call-table-week-content-c1 {
    width: 10%;
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.roll-call-table-week-content-c1-v2 {
    width: 10%;
    border: 2px solid black;
    border-right: none;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.roll-call-table-week-content-c2 {
    width: 12%;
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

.roll-call-table-week-content-c2-v2 {
    width: 12%;
    border: 2px solid black;
    border-right: none;
    text-align: left;
    vertical-align: top;
    padding: 5px;
}

.roll-call-table-week-content-c3 {
    width: 8%;
    border: 2px solid black;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

.roll-call-table-week-content-c3-v2 {
    width: 8%;
    border: 2px solid black;
    text-align: left;
    padding: 5px;
}

.roll-call-table-cell-header {
    width: 100%;
    font-weight: bold;
    font-size: 10pt;
    margin-bottom: 5px;
    text-decoration: black;
    text-align: center;
}

.roll-call-table-cell-description {
    width: 100%;
    font-size: 8pt;
    margin-bottom: 5px;
}


/* Roll Call personnel tab */
.personnel-roll-call-table-week-day-name {
    height: 25px;
    background-color: #a7b939;
    font-size: 12pt;
    width: 100%;
    border-bottom: 1px solid black;
}

.personnel-roll-call-table-week-day-number {
    height: 25px;
    background-color: ghostwhite;
    font-size: 12pt;
    width: 100%;
}

.personnel-roll-call-table-week-content-c1 {
    width: 10%;
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.personnel-roll-call-table-week-content-c1-v2 {
    width: 10%;
    border: 2px solid black;
    border-right: none;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.personnel-roll-call-table-week-content-c2 {
    width: 12%;
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

.personnel-roll-call-table-week-content-c2-v2 {
    width: 12%;
    border: 2px solid black;
    border-right: none;
    text-align: left;
    vertical-align: top;
    padding: 5px;
}

.personnel-roll-call-table-week-content-c3 {
    width: 8%;
    border: 2px solid black;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

.personnel-roll-call-table-week-content-c3-v2 {
    width: 8%;
    border: 2px solid black;
    text-align: center;
    padding: 5px;
}

.personnel-roll-call-table-cell-header {
    width: 100%;
    font-weight: bold;
    font-size: 9pt;
    margin-bottom: 5px;
    text-decoration: black;
    text-align: center;
}

.personnel-roll-call-table-cell-description {
    width: 100%;
    font-size: 7.5pt;
    margin-bottom: 5px;
}

.expert-dashboard-roll-call-table-week-day-name {
    height: 16px;
    background-color: #a7b939;
    font-size: 10pt;
    width: 100%;
    border-bottom: 1px solid black;
}

.expert-dashboard-roll-call-table-week-day-number {
    height: 16px;
    background-color: ghostwhite;
    font-size: 10pt;
    width: 100%;
}

.expert-dashboard-roll-call-table-week {
    width: 99%;
    border: 1px solid black
}

.expert-dashboard-roll-call-table-header {
    text-align: center;
    font-size: 10pt;
}

.expert-dashboard-roll-call-location-content-c2 {
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}


.expert-dashboard-roll-call-table-week-content-c1-v2 {
    width: 10%;
    border: 2px solid black;
    border-right: none;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.expert-dashboard-roll-call-table-week-content-c2 {
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

    .expert-dashboard-roll-call-table-week-content-c2:hover {
        background-color: #a7b939;
        cursor: pointer;
    }

.expert-dashboard-roll-call-table-week-content-c2-v2 {
    border: 2px solid black;
    border-right: none;
    text-align: left;
    vertical-align: top;
    padding: 5px;
}

.expert-dashboard-roll-call-note-content-c3-active {
    border: 2px solid black;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

.expert-dashboard-roll-call-note-content-c3 {
    border: 2px solid black;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

    .expert-dashboard-roll-call-note-content-c3:hover {
        background-color: #a7b939;
        cursor: pointer;
    }

.expert-dashboard-roll-call-note-content-c3-v2 {
    border: 2px solid black;
    text-align: left;
    padding: 5px;
}

.expert-dashboard-roll-call-table-week-content-c1 {
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.expert-dashboard-roll-call-location-content-c2:hover {
    background-color: #a7b939;
    cursor: pointer;
}

.expert-dashboard-roll-call-location-content-c2-v2:hover {
    background-color: #a7b939;
    cursor: pointer;
}

.expert-dashboard-roll-call-billable-hours-week-c2 {
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

    .expert-dashboard-roll-call-billable-hours-week-c2:hover {
        background-color: #a7b939;
        cursor: pointer;
    }

.expert-dashboard-roll-call-billable-hours-week-c2-active {
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

.expert-dashboard-roll-call-disabled-button {
    width: 50%;
    text-align: center;
    background-color: red;
    border: 1px solid red;
}

.marker-office-header-info-panel {
    border: 1px solid black;
    margin-bottom: 6px;
}

.marker-header-info-panel {
    border: 1px solid black;
    margin-bottom: 6px;
}

    .marker-header-info-panel:hover {
        background-color: grey;
        cursor: pointer;
    }

.marker-header-info-panel-active {
    background-color: grey;
    border: 1px solid black;
    margin-bottom: 6px;
}


/* Map rall call css */
.map-dashboard-roll-call-note-content-c3-v2 {
    border: 2px solid black;
    text-align: left;
    padding: 5px;
}

.map-dashboard-roll-call-table-week-content-c2-v2 {
    border: 2px solid black;
    border-right: none;
    text-align: left;
    vertical-align: top;
    padding: 5px;
}

.map-dashboard-roll-call-table-week-content-c1-v2 {
    width: 10%;
    border: 2px solid black;
    border-right: none;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.map-dashboard-roll-call-table-week-content-c2 {
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}


.map-dashboard-roll-call-note-content-c3 {
    border: 2px solid black;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

.map-dashboard-roll-call-table-week-day-number {
    height: 16px;
    background-color: ghostwhite;
    font-size: 10pt;
    width: 100%;
}

.map-dashboard-roll-call-table-week-day-name {
    height: 16px;
    background-color: #a7b939;
    font-size: 10pt;
    width: 100%;
    border-bottom: 1px solid black;
}

.map-dashboard-roll-call-table-week {
    width: 99%;
    border: 1px solid black
}

.map-dashboard-roll-call-table-header {
    text-align: center;
    font-size: 10pt;
}


.map-dashboard-roll-call-table-week-content-c1 {
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.map-dashboard-roll-call-location-content-c2 {
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

.map-dashboard-roll-call-billable-hours-week-c2 {
    border: 2px solid black;
    border-right: none;
    border-bottom: none;
    text-align: left;
    padding: 5px;
}

/* Survey */

#MainSurveyTable {
    width: 100%;
    border: 2px solid darkgray;
}

.MainSurveyTable-col1 {
    width: 70%;
    height: 100%;
    border-right: 2px solid darkgray;
    vertical-align: top;
}

.MainSurveyTable-col2 {
    width: 30%;
    height: 100%;
    vertical-align: top;
}

#LeftSurveyTable {
    width: 99%;
    margin-top: 10px;
    border: 1px solid darkgray;
}

#LeftSurveyTableDiv {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

#RightTopSurveyTable {
    width: 98%;
    margin-top: 10px;
    border: 1px solid darkgray;
}

.RightTopSurveyTable-header {
    width: 100%;
    height: 25px;
    border-bottom: 1px solid darkgray;
}

#RightTopSurveyTableDiv {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

#RightMiddleSurveyTable {
    width: 98%;
    height: 5px
}

#RightBottomSurveyTable {
    width: 98%;
    border-top: 1px solid darkgray;
    border-left: 1px solid darkgray;
    border-right: 1px solid darkgray;
}

.RightBottomSurveyTable-header {
    width: 100%;
    height: 25px;
    border-bottom: 1px solid darkgray;
}

#RightBottomSurveyTableDiv {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.SurveySectionTable-attachment {
    width: 170px;
    height: 35px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.SurveySectionTable-attachment-item {
    width: 170px;
    text-align: center;
    background-color: #F6F6F6;
    border: 1px solid darkgray;
}

    .SurveySectionTable-attachment-item:hover {
        background-color: darkgray;
        cursor: pointer;
    }

.RightBottomSurveyTable-action {
    width: 100%;
    height: 30px;
}

.RightBottomSurveyTable-action-save {
    text-align: center;
    background-color: green;
    border: 1px solid darkgray;
    transition: 0.2s;
    color: white;
}

    .RightBottomSurveyTable-action-save:hover {
        background-color: #F6F6F6;
        border: 1px solid green;
        color: black;
        cursor: pointer;
    }

.RightBottomSurveyTable-action-item {
    text-align: center;
    background-color: #F6F6F6;
    border-top: 1px solid darkgray;
    transition: 0.2s;
}

    .RightBottomSurveyTable-action-item:hover {
        background-color: green;
        color: white;
        cursor: pointer;
    }

.RightBottomSurveyTable-action-item-active {
    text-align: center;
    border-top: 1px solid darkgray;
    background-color: green;
    color: white;
    transition: 0.2s;
}

    .RightBottomSurveyTable-action-item-active:hover {
        background-color: gainsboro;
        border-right: 1px solid darkgray;
        border-left: 1px solid darkgray;
        color: black;
        cursor: pointer;
    }

.RightTopSurveyTable-header-item1 {
    width: 50%;
    text-align: center;
}

.RightTopSurveyTable-header-item1-v2 {
    width: 75%;
    text-align: center;
}

.RightTopSurveyTable-header-item2 {
    width: 25%;
    text-align: center;
    background-color: #F6F6F6;
    border-right: 1px solid darkgray;
    border-left: 1px solid darkgray;
    transition: 0.2s;
    color: black;
}

    .RightTopSurveyTable-header-item2:hover {
        background-color: green;
        color: white;
        cursor: pointer;
    }

.RightTopSurveyTable-header-item2-active {
    width: 25%;
    text-align: center;
    background-color: green;
    color: white;
    border-right: 1px solid green;
    border-left: 1px solid green;
    transition: 0.2s;
}

    .RightTopSurveyTable-header-item2-active:hover {
        background-color: gainsboro;
        border-right: 1px solid darkgray;
        border-left: 1px solid darkgray;
        cursor: pointer;
    }

.RightTopSurveyTable-header-item3 {
    width: 25%;
    text-align: center;
    background-color: #F6F6F6;
}

    .RightTopSurveyTable-header-item3:hover {
        background-color: green;
        color: white;
        cursor: pointer;
    }


.max-width {
    width: 100%;
}

.max-height {
    height: 100%;
}

/*Survey*/
/*Colapse */

/*2*/
.survey-section-collapse-v1 {
    background-color: #eee;
    width: 4%;
    height: 100%;
    transition: 0.4s;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid darkgray;
}

    .survey-section-collapse-v1.active, .survey-section-collapse-v1:hover {
        background-color: #ddd;
    }

    .survey-section-collapse-v1:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        margin-left: 5px;
    }

    .survey-section-collapse-v1.active:after {
        content: "\2212";
    }

/*3*/
.section-note-collapse-v1 {
    background-color: #eee;
    width: 10%;
    height: 100%;
    transition: 0.4s;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid darkgray;
}

    .section-note-collapse-v1.active, .section-note-collapse-v1:hover {
        background-color: #ddd;
    }

    .section-note-collapse-v1:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        margin-left: 5px;
    }

    .section-note-collapse-v1.active:after {
        content: "\2212";
    }

/*4*/
.section-collapse-v1 {
    background-color: #eee;
    width: 10%;
    height: 100%;
    transition: 0.4s;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid darkgray;
}

    .section-collapse-v1.active, .section-collapse-v1:hover {
        background-color: #ddd;
    }

    .section-collapse-v1:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        margin-left: 5px;
    }

    .section-collapse-v1.active:after {
        content: "\2212";
    }

/****************************/

/*Table CSS*/
.section-question-table {
    width: 100%;
    height: 30px;
    background-color: #eee;
}

.section-note-table {
    width: 100%;
    height: 30px;
    background-color: #eee;
    border: none;
}

/****************************/
.section-note-button {
    background-color: #eee;
    width: 10%;
    height: 100%;
    text-align: center;
    border-left: 1px solid darkgray;
}

    .section-note-button.active {
        background-color: #eee;
        width: 10%;
        height: 100%;
        transition: 0.4s;
        text-align: center;
        cursor: pointer;
        border-left: 1px solid darkgray;
    }

        .section-note-button.active:hover {
            background-color: #ddd;
        }

.section-panel {
    width: 100%;
    height: 30px;
    background-color: #eee;
    border: none;
}

/*Require*/


.require-data-red {
    width: 3%;
    height: 100%;
    background-color: red;
}

.require-data-green {
    width: 3%;
    height: 100%;
    background-color: green;
}

.require-data-cyan {
    width: 3%;
    height: 100%;
    background-color: cyan;
}

.require-data-none {
    width: 3%;
    height: 100%;
    background-color: transparent;
}

.require-data-v2-red {
    width: 5%;
    height: 100%;
    background-color: red;
}

.require-data-v2-green {
    width: 5%;
    height: 100%;
    background-color: green;
}

.require-data-v2-cyan {
    width: 5%;
    height: 100%;
    background-color: cyan;
}

.require-data-v2-none {
    width: 5%;
    height: 100%;
    background-color: transparent;
}
/*****************************/

.section-dynamic-button-col {
    width: 10%;
    height: 100%;
    transition: 0.4s;
    text-align: center;
}

.section-hidden-button-col {
    width: 10%;
    height: 100%;
    text-align: center;
    border-left: 1px solid darkgray;
}

    .section-hidden-button-col.active {
        width: 10%;
        height: 100%;
        transition: 0.4s;
        text-align: center;
        cursor: pointer;
        border-left: 1px solid darkgray;
        cursor: pointer;
    }

        .section-hidden-button-col.active:hover {
            background-color: #ddd;
        }


.section-dynamic-button-col.active {
    width: 10%;
    height: 100%;
    transition: 0.4s;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid darkgray;
    cursor: pointer;
}

    .section-dynamic-button-col.active:hover {
        background-color: #ddd;
    }

/*Content*/
.empty-content-v1 {
    width: 5%;
    border: none;
    background-color: white;
}

.empty-content-v2 {
    width: 10%;
    border: none;
    background-color: white;
}

.border-bottom {
    border-bottom: 1px solid darkgray;
}

.border-left {
    border-left: 1px solid darkgray;
}

.section-content-v1 {
    width: 60%;
    height: 100%;
    font-size: 14px;
    padding: 5px;
    transition: 0.4s;
}


.note-section-content-v1 {
    width: 75%;
    height: 100%;
    font-size: 14px;
    padding: 5px;
}

.survey-section-question-content-v1 {
    width: 93%;
    height: 100%;
    font-size: 12px;
    padding: 5px;
    font-weight: bold;
}

.survey-section-header {
    text-align: left;
    width: 96%;
    font-size: 14px;
    padding: 5px;
    font-weight: bold;
}

.survey-section-header-btn-v1 {
    text-align: center;
    width: 4%;
    border-left: 1px solid darkgray;
    transition: 0.4s;
}

    .survey-section-header-btn-v1:hover {
        background-color: #ddd;
        cursor: pointer;
    }

.survey-section-header-btn-v2 {
    text-align: center;
    width: 4%;
}

.section-note-content-v2 {
    width: 65%;
    height: 100%;
    font-size: 12px;
    padding: 5px 5px 5px 8px;
}

.section-note-content-v1 {
    width: 65%;
    height: 100%;
    font-size: 12px;
    padding: 5px 5px 5px 8px;
}

    .section-note-content-v1:hover {
        color: green;
        cursor: pointer;
    }

.section-question-content-v1 {
    width: 95%;
    height: 100%;
    font-size: 12px;
    padding: 5px;
}

    .section-question-content-v1:hover {
        cursor: pointer;
        color: green;
    }

.section-question-content-v1_current {
    width: 95%;
    height: 100%;
    font-size: 12px;
    padding: 5px;
}

    .section-question-content-v1_current:hover {
        cursor: pointer;
        color: green;
    }

.section-content-v1:hover {
    color: green;
    cursor: pointer;
}

.section-content-v2 {
    width: 65%;
    height: 100%;
    font-size: 14px;
    padding: 5px;
}

    .section-content-v2:hover {
        color: green;
        cursor: pointer;
    }

.section-content-v2_current {
    color: green;
    width: 65%;
    height: 100%;
    font-size: 14px;
    padding: 5px;
}
/*****************************/

/*Panels*/

div.section-question-panel {
    width: 100%;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border: none;
}

div.section-note-panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

div.survey-section-question-panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


/*Survey Photo galery*/
.photo-galery-photosheet-item {
    min-width: 100%;
    height: 100%;
    text-align: center;
    background-color: #F6F6F6;
    border-top: 1px solid darkgray;
    transition: 0.2s;
    color: black;
}

    .photo-galery-photosheet-item:hover {
        background-color: green;
        color: white;
        cursor: pointer;
    }

.photo-galery-photosheet-item-active {
    min-width: 100%;
    height: 100%;
    text-align: center;
    background-color: green;
    border-top: 1px solid green;
    transition: 0.2s;
    color: white;
}

    .photo-galery-photosheet-item-active:hover {
        background-color: #F6F6F6;
        border-top: 1px solid darkgray;
        color: black;
        cursor: pointer;
    }

.photo-galery-photosheet-cover-photo {
    min-width: 100%;
    height: 100%;
    text-align: center;
    background-color: lightseagreen;
    border-top: 1px solid lightseagreen;
}


#overflow {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    height: 180px;
    width: 100%;
    min-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

    #overflow .container {
    }



        #overflow .container div {
            height: 150px;
            min-width: 250px;
            float: left;
            background-color: white;
            border: 2px solid #000;
            margin-left: 2px;
            margin-right: 2px;
            margin-top: 3px;
        }

            #overflow .container div:hover {
                border: 2px solid green;
                cursor: pointer;
            }

.div-state-highlight {
    height: 180px;
    border-left: 2px solid black;
}

/*Widget*/
.widgetPanel {
    background: #F9F9FA;
    border: solid 1px #D3D6DA;
    padding: 2px;
    margin: 0 0 5px 0;
    height: 28px;
    -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.117188);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .widgetPanel img {
        margin-right: 11px;
    }

    .widgetPanel .disabled {
        -moz-opacity: 0.2;
        filter: alpha(opacity=20);
        opacity: 0.2;
        cursor: default !important;
    }


.leftZone,
.rightZone {
    float: left;
}

.leftZone {
    margin-right: 3px;
}


.project-detail-tab {
    width: 100px;
    transition: 0.4s;
    text-align: center;
}

    .project-detail-tab:hover {
        background-color: #ddd;
    }

.project-detail-tab-border-v1 {
    border-left: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    cursor: pointer;
}

.project-detail-tab-border-v2 {
    border-top: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    cursor: pointer;
}

.project-detail-tab-active {
    background-color: #ddd;
    cursor: default;
}

.widget-workflow-table-v1-active {
    background-color: #ddd;
    border: 1px solid green;
    width: 100%;
    height: 50px;
    cursor: default;
}

.widget-workflow-table-v1 {
    border: 1px solid gainsboro;
    width: 100%;
    height: 50px;
}

    .widget-workflow-table-v1:hover {
        background-color: #ddd;
        cursor: pointer;
    }




.status-table {
    width: 100%;
}

.status-table-active {
    width: 100%;
}

    .status-table-active:hover {
        width: 100%;
        cursor: pointer;
    }

.claimsStatusOk {
    color: green;
}

.widget-survey-table-v1-active {
    background-color: #ddd;
    border: 1px solid green;
    width: 100%;
    height: 50px;
    cursor: default;
}

.widget-survey-table-v1 {
    border: 1px solid gainsboro;
    width: 100%;
    height: 50px;
}

    .widget-survey-table-v1:hover {
        background-color: #ddd;
        cursor: pointer;
    }

.widget-survey-statusInProgress {
    background-color: green;
    border: 2px solid #004d00;
    color: white;
}

    .widget-survey-statusInProgress:hover {
        cursor: pointer;
    }

.widget-survey-statusFinished {
    background-color: Gray;
    border: 2px solid #b8b894;
    color: white;
}

    .widget-survey-statusFinished:hover {
        cursor: pointer;
    }

.widget-survey-statusPending {
    background-color: Orange;
    border: 2px solid #e68a00;
    color: white;
}

    .widget-survey-statusPending:hover {
        cursor: pointer;
    }

.widget-survey-statusRejected {
    background-color: red;
    border: 2px solid #cc0000;
    color: white;
}

    .widget-survey-statusRejected:hover {
        cursor: pointer;
    }

/*Schedule*/
a.schedule-appoitment {
    color: #333333;
    text-decoration: none;
}

    a.schedule-appoitment :active {
        color: #333333;
    }

    a.schedule-appoitment :link {
        color: #333333
    }

    a.schedule-appoitment :visited {
        color: #333333
    }

.appoitment-blue {
    width: 100%;
    background-color: powderblue;
    border: 1px solid skyblue;
}

    .appoitment-blue:hover {
        background-color: aquamarine;
        border: 1px solid deepskyblue;
    }

.max-width {
    width: 100%;
}

.clear-filter-button {
    width: 100%;
    text-align: center;
}

    .clear-filter-button:hover {
        cursor: pointer;
    }

.note-col1 {
    width: 10%;
}

.note-col2 {
    width: 90%;
    text-align: center;
    font-weight: bold;
}

.vision-info-header {
    width: 100%;
    height: 30px;
    background-color: #F6F6F6;
    border: 1px solid gainsboro;
    vertical-align: middle;
}

.fts-info-panel {
    width: 98%;
    margin-left: 1%;
    border: 1px solid black;
    line-height: 50px;
    text-align: center;
}

.zone {
    float: left;
}

    .zone.left {
        margin-right: 11px;
    }

.form-layout-submit {
    padding-right: 10px;
    padding-top: 10px;
}

.form-layout-cancel {
    padding-right: 10px;
    padding-top: 10px;
}

table.readonly, .readonly td.dxeButton, .readonly input.dxeEditAreaSys, .readonly input.dxeEditArea_DevEx, .readonly textarea {
    background: #F1F1F1 !important;
}

.cell-wrap-text {
    word-break: break-word;
}

td.jsa-label {
    text-align: right;
    width: 250px !important;
    max-width: 250px !important;
    word-break: break-word;
}

.btn-login-header {
    font-size: 10pt;
}

.separator-item {
    float: left;
    height: 20px;
}

.separator {
    width: 100%;
    height: 4px;
    border-bottom: 1px solid #DFDFDF;
}

.separator-with-label {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #DFDFDF;
}


/*form styles*/
#wizard-step-form {
    text-align: center;
    position: relative;
}

/*progressbar*/
#project-survey-progressbar,
#project-profile-progressbar,
#pwa-progressbar,
#proposal-progressbar,
#prospect-progressbar,
#project-progressbar,
#project-phase-task-progressbar,
#project-delete-progressbar,
#survey-report-progressbar,
#pnt-progressbar,
#pnt-proposal-progressbar {
    overflow: hidden;
    counter-reset: step;
}

    #project-delete-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 50%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

    #pwa-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 7.69%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

    #proposal-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 12.5%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

    #prospect-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 25%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

    #pnt-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 16.66%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

    #pnt-proposal-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 33.3%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

    #project-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 10%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

    #project-phase-task-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 20%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

    #survey-report-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 20%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

    #project-profile-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 12.5%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

    #project-survey-progressbar li {
        list-style-type: none;
        color: gray;
        font-size: 12px;
        width: 50%;
        float: left;
        position: relative;
        letter-spacing: 1px;
    }

        #project-profile-progressbar li:before,
        #project-survey-progressbar li:before,
        #pwa-progressbar li:before,
        #proposal-progressbar li:before,
        #prospect-progressbar li:before,
        #project-progressbar li:before,
        #project-phase-task-progressbar li:before,
        #project-delete-progressbar li:before,
        #survey-report-progressbar li:before,
        #pnt-proposal-progressbar li:before,
        #pnt-progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 28px;
            height: 28px;
            line-height: 26px;
            display: block;
            font-size: 14px;
            color: gray;
            background: white;
            border: 1px solid gray;
            border-radius: 25px;
            margin: 0 auto 10px auto;
            z-index: 2;
        }

        #project-profile-progressbar li:after,
        #project-survey-progressbar li:after,
        #pwa-progressbar li:after,
        #proposal-progressbar li:after,
        #prospect-progressbar li:after,
        #project-progressbar li:after,
        #project-phase-task-progressbar li:after,
        #project-delete-progressbar li:after,
        #survey-report-progressbar li:after,
        #pnt-proposal-progressbar li:after,
        #pnt-progressbar li:after {
            content: '';
            width: 80%;
            height: 1px;
            background: white;
            position: absolute;
            left: -39%;
            top: 14px;
        }

@media(min-width: 1920px) {
    #project-profile-progressbar li:after,
    #project-survey-progressbar li:after,
    #pwa-progressbar li:after,
    #proposal-progressbar li:after,
    #prospect-progressbar li:after,
    #project-progressbar li:after,
    #project-phase-task-progressbar li:after,
    #project-delete-progressbar li:after,
    #survey-report-progressbar li:after,
    #pnt-proposal-progressbar li:after,
    #pnt-progressbar li:after {
        content: '';
        width: 88%;
        height: 1px;
        background: white;
        position: absolute;
        left: -44%;
        top: 14px;
    }
}

@media(min-width: 1366px) {
    #project-profile-progressbar li:after,
    #project-survey-progressbar li:after,
    #pwa-progressbar li:after,
    #proposal-progressbar li:after,
    #prospect-progressbar li:after,
    #project-progressbar li:after,
    #project-phase-task-progressbar li:after,
    #project-delete-progressbar li:after,
    #survey-report-progressbar li:after,
    #pnt-proposal-progressbar li:after,
    #pnt-progressbar li:after {
        content: '';
        width: 61%;
        height: 1px;
        background: white;
        position: absolute;
        left: -29%;
        top: 14px;
    }
}

@media(min-width: 1440px) {
    #project-profile-progressbar li:after,
    #project-survey-progressbar li:after,
    #pwa-progressbar li:after,
    #proposal-progressbar li:after,
    #prospect-progressbar li:after,
    #project-progressbar li:after,
    #project-phase-task-progressbar li:after,
    #project-delete-progressbar li:after,
    #survey-report-progressbar li:after,
    #pnt-proposal-progressbar li:after,
    #pnt-progressbar li:after {
        content: '';
        width: 72%;
        height: 1px;
        background: white;
        position: absolute;
        left: -35%;
        top: 14px;
    }
}

#project-profile-progressbar li:first-child:after,
#project-survey-progressbar li:first-child:after,
#pwa-progressbar li:first-child:after,
#proposal-progressbar li:first-child:after,
#prospect-progressbar li:first-child:after,
#project-progressbar li:first-child:after,
#project-phase-task-progressbar li:first-child:after,
#project-delete-progressbar li:first-child:after,
#survey-report-progressbar li:first-child:after,
#pnt-progressbar li:first-child:after,
#pnt-proposal-progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}


#project-profile-progressbar li.completed:before, #pwa-progressbar li.completed:after,
#project-survey-progressbar li.completed:before, #pwa-progressbar li.completed:after,
#pwa-progressbar li.completed:before, #pwa-progressbar li.completed:after,
#proposal-progressbar li.completed:before, #proposal-progressbar li.completed:after,
#prospect-progressbar li.completed:before, #prospect-progressbar li.completed:after,
#project-progressbar li.completed:before, #project-progressbar li.completed:after,
#survey-report-progressbar li.completed:before, #survey-report-progressbar li.completed:after,
#project-phase-task-progressbar li.completed:before, #project-phase-task-progressbar li.completed:after,
#project-delete-progressbar li.completed:before, #project-delete-progressbar li.completed:after,
#pnt-proposal-progressbar li.completed:before, #pnt-proposal-progressbar li.completed:after,
#pnt-progressbar li.completed:before, #pnt-progressbar li.completed:after {
    background: #7A942E;
    border-color: #7A942E;
    color: white;
}

#project-profile-progressbar li.current:before, #pwa-progressbar li.current:after,
#project-survey-progressbar li.current:before, #pwa-progressbar li.current:after,
#pwa-progressbar li.current:before, #pwa-progressbar li.current:after,
#proposal-progressbar li.current:before, #proposal-progressbar li.current:after,
#prospect-progressbar li.current:before, #prospect-progressbar li.current:after,
#project-progressbar li.current:before, #project-progressbar li.current:after,
#project-phase-task-progressbar li.current:before, #project-phase-task-progressbar li.current:after,
#project-delete-progressbar li.current:before, #project-delete-progressbar li.current:after,
#survey-report-progressbar li.current:before, #survey-report-progressbar li.current:after,
#pnt-proposal-progressbar li.current:before, #pnt-proposal-progressbar li.current:after,
#pnt-progressbar li.current:before, #pnt-progressbar li.current:after {
    background: #337AB7;
    border-color: #337AB7;
    color: white;
}

#project-profile-progressbar li.invalid:before, #pwa-progressbar li.invalid:after,
#project-survey-progressbar li.invalid:before, #pwa-progressbar li.invalid:after,
#pwa-progressbar li.invalid:before, #pwa-progressbar li.invalid:after,
#proposal-progressbar li.invalid:before, #proposal-progressbar li.invalid:after,
#prospect-progressbar li.invalid:before, #prospect-progressbar li.invalid:after,
#project-progressbar li.invalid:before, #project-progressbar li.invalid:after,
#project-phase-task-progressbar li.invalid:before, #project-phase-task-progressbar li.invalid:after,
#project-delete-progressbar li.invalid:before, #project-delete-progressbar li.invalid:after,
#survey-report-progressbar li.invalid:before, #survey-report-progressbar li.invalid:after,
#pnt-proposal-progressbar li.invalid:before, #pnt-proposal-progressbar li.invalid:after,
#pnt-progressbar li.invalid:before, #pnt-progressbar li.invalid:after {
    background: #DC3023;
    border-color: #DC3023;
    color: white;
}


#project-profile-progressbar li.completed:hover:before, #project-profile-progressbar li.step:hover:before, #project-profile-progressbar li.invalid:hover:before,
#project-survey-progressbar li.completed:hover:before, #project-survey-progressbar li.step:hover:before, #project-survey-progressbar li.invalid:hover:before,
#pwa-progressbar li.completed:hover:before, #pwa-progressbar li.step:hover:before, #pwa-progressbar li.invalid:hover:before,
#proposal-progressbar li.completed:hover:before, #proposal-progressbar li.step:hover:before, #proposal-progressbar li.invalid:hover:before,
#prospect-progressbar li.completed:hover:before, #prospect-progressbar li.step:hover:before, #prospect-progressbar li.invalid:hover:before,
#project-progressbar li.completed:hover:before, #project-progressbar li.step:hover:before, #project-progressbar li.invalid:hover:before,
#project-phase-task-progressbar li.completed:hover:before, #project-phase-task-progressbar li.step:hover:before, #project-phase-task-progressbar li.invalid:hover:before,
#project-delete-progressbar li.completed:hover:before, #project-delete-progressbar li.step:hover:before, #project-delete-progressbar li.invalid:hover:before,
#survey-report-progressbar li.completed:hover:before, #survey-report-progressbar li.step:hover:before, #survey-report-progressbar li.invalid:hover:before,
#pnt-proposal-progressbar li.completed:hover:before, #pnt-proposal-progressbar li.step:hover:before, #pnt-proposal-progressbar li.invalid:hover:before,
#pnt-progressbar li.completed:hover:before, #pnt-progressbar li.step:hover:before, #pnt-progressbar li.invalid:hover:before {
    color: white;
    cursor: pointer;
    background: #337AB7;
    border-color: #337AB7;
}

.wizard-navigation-button {
    width: 35%;
    height: 25px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    line-height: 25px;
    transition: 0.3s;
}

    .wizard-navigation-button:hover {
        cursor: pointer;
        border: solid 2px #273546 !important;
    }

    .wizard-navigation-button .fa,
    .wizard-navigation-button span {
        color: #273546 !important;
        font-size: 14px;
    }

    .wizard-navigation-button span {
        font-weight: bold;
    }

.wizard-navigation-remove-button {
    cursor: pointer;
    height: 25px;
    text-transform: uppercase;
    color: white !important;
    width: 30%;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    transition: 0.3s;
}

    .wizard-navigation-remove-button:hover {
        border: 2px solid #273546 !important;
    }

    .wizard-navigation-remove-button .fa,
    .wizard-navigation-remove-button span {
        color: #273546 !important;
        font-size: 14px;
    }

    .wizard-navigation-remove-button span {
        font-weight: bold;
    }

.wizard-navigation-remove-button-red {
    width: 30%;
    text-align: center;
    background-color: #DC3023;
    border: 1px solid #ABBAD0;
    vertical-align: middle;
    line-height: 25px;
    transition: 0.3s;
}

    .wizard-navigation-remove-button-red:hover {
        cursor: pointer;
        background-color: #bf1d11;
        color: white !important;
    }

.wizard-navigation-button-disabled {
    width: 35%;
    background-color: rgba(62, 69, 20, 0.4) !important;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    opacity: 0.6;
}

.wizard-btn-title {
    font-size: 12pt;
}

.wizard-validation-message {
    padding-top: 10px;
}

/*Drag Zone for Grid*/
dropZoneExternal > div,
dropZoneExternalActive > div,
.dropZoneExternal > img {
    position: absolute;
}

.dropZoneExternal {
    position: relative;
    border: 1px dashed #9DC4E3 !important;
    cursor: pointer;
}

.dropZoneExternalActive {
    position: relative;
    border: 1px dashed #337AB7 !important;
    background-color: #9DC4E3;
    cursor: pointer;
}

.dropZoneExternal,
.dropZoneExternalActive,
.dragZoneText {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100px;
}

#dragZone {
    width: 100%;
    display: table;
}

#dropZone {
    top: 0;
}

.wizard-navigation-button-disabled .fa,
.wizard-navigation-button-disabled span {
    color: #273546;
    text-transform: uppercase;
}

.wizard-navigation-button-disabled span {
    font-weight: bold;
}

.wizard-btn-title {
    font-size: 12pt;
}

.uploadControlDropZone {
    display: none;
}

.dropZoneText,
.dragZoneText {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16pt;
    color: #337AB7;
}

.dxucInlineDropZoneSys span {
    color: #fff !important;
    font-size: 10pt;
    font-weight: normal !important;
}

.uploadContainer {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-top: 10px;
}


/**Bootstrap DropDownList**/
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad;
}

    .open > .dropdown-toggle.btn-default:hover,
    .open > .dropdown-toggle.btn-default:focus,
    .open > .dropdown-toggle.btn-default.focus {
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c;
    }

.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74;
}

    .open > .dropdown-toggle.btn-primary:hover,
    .open > .dropdown-toggle.btn-primary:focus,
    .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #204d74;
        border-color: #122b40;
    }

.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439;
}

    .open > .dropdown-toggle.btn-success:hover,
    .open > .dropdown-toggle.btn-success:focus,
    .open > .dropdown-toggle.btn-success.focus {
        color: #fff;
        background-color: #398439;
        border-color: #255625;
    }

.open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc;
}

    .open > .dropdown-toggle.btn-info:hover,
    .open > .dropdown-toggle.btn-info:focus,
    .open > .dropdown-toggle.btn-info.focus {
        color: #fff;
        background-color: #269abc;
        border-color: #1b6d85;
    }

.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512;
}

    .open > .dropdown-toggle.btn-warning:hover,
    .open > .dropdown-toggle.btn-warning:focus,
    .open > .dropdown-toggle.btn-warning.focus {
        color: #fff;
        background-color: #d58512;
        border-color: #985f0d;
    }

.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925;
}

    .open > .dropdown-toggle.btn-danger:hover,
    .open > .dropdown-toggle.btn-danger:focus,
    .open > .dropdown-toggle.btn-danger.focus {
        color: #fff;
        background-color: #ac2925;
        border-color: #761c19;
    }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    /*right: 25px;*/
    z-index: 1000;
    display: none;
    float: left;
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.17);
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0;
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
        color: #777777;
    }

        .dropdown-menu > .disabled > a:hover,
        .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}

.dropbtn:focus {
    color: #a7b939;
}

.drop-down-item {
    height: 32px;
    width: 220px;
    color: #000;
}

    .drop-down-item:hover {
        background-color: #808995;
        color: #ffffff;
        cursor: pointer;
    }

.drop-down-item-label {
    padding: 6px 21px 7px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.5px;
}

.main-grid-icon-menu {
    display: inline-block;
    text-align: center;
    margin-left: 7px;
    margin-right: 7px
}

.main-grid-icon {
    display: inline-block;
    margin-left: 7px;
}

.relative-content {
    position: relative;
}


.wizard-validation-message {
    padding-top: 10px;
}

.customUrl:hover {
    cursor: pointer;
}

.dropZoneExternalActive {
    position: relative;
    border: 1px dashed #337AB7 !important;
    background-color: #9DC4E3;
    cursor: pointer;
}

.dropZoneExternal,
.dropZoneExternalActive,
.dragZoneText {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 100px;
}

#dragZone {
    width: 100%;
    display: table;
}

#dropZone {
    top: 0;
}

.uploadControlDropZone {
    display: none;
}

.dropZoneText,
.dragZoneText {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 16pt;
    color: #337AB7;
}

.dxucInlineDropZoneSys span {
    color: #fff !important;
    font-size: 10pt;
    font-weight: normal !important;
}

.uploadContainer {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-top: 10px;
}

.customUrl {
    text-decoration: underline;
}

    .customUrl:hover {
        cursor: pointer;
    }


.arrow-icon {
    position: absolute;
    top: 50%;
    right: -4px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    transition: opacity 1s;
}

    .arrow-icon > img {
        filter: invert(1);
    }

#rpLogin_RPC {
    background-color: #f3f3f3;
}

#BottomPanel {
    padding-top: 4px;
    padding-bottom: 4px;
}

.version > span,
.copyright > span {
    color: #fff;
}

@media (max-width: 1366px) {
    .version > span,
    .copyright > span {
        font-size: 10px !important;
    }
}

.templateSubTitle {
    color: white;
    margin-left: 3rem;
}

    .templateSubTitle .title {
        line-height: 23px;
        font-size: 17px;
    }

#RollCallWeeks td,
#RollCallWeeks input {
    background-color: #E5E5E5;
}

.dxsplHSeparator_Theme,
#flCompanyLicenseMainInformation,
#flCompanyLicenseAdditionalInformation {
    display: block;
    margin-left: auto;
}

.content-margins {
    margin-top: 0.5rem;
}

.content[ismenuopen="True"] .content-margins {
    transition: transform 0.25s ease-in-out;
    transform: translateX(256px);
}

.content[ismenuopen="False"] .content-margins {
    transition: transform 0.25s ease-in-out;
    transform: translateX(0);
}

.dxsplHSeparator_Theme,
#splResizing_1_CC {
    transition: width 0.25s ease-in-out;
}

/* powerBi dashboard */
.content[ismenuopen="False"] #embedContainer {
    left: 0 !important;
}

.dxsplControl_Theme .dxsplPane_Theme {
    background-color: transparent !important;
}

.account-manager-styling {
    border-top: 4px solid rgb(167, 185, 57) !important;
    border-bottom: 4px solid rgb(167, 185, 57) !important;    
}

.dxgvSelectedRow_Theme .dxgv > a > i {
    color: #fff !important;
}

.dxWeb_edtCheckBoxChecked_Theme {
    background-color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 3px;
}

/*.dxrpControlGB_Theme,*/
.dxeCheckBoxList_Theme,
.dxflGroupBox_Theme {
    border: 1px solid #273546 !important;
}

.dxrpControlGB_Theme span.dxrpHeader_Theme,
.dxflGroupBoxCaption_Theme {
    background: #E5E5E5;
}

#MMchartInformationFormLayout .dxflGroupBoxCaption_Theme,
#PMchartInformationFormLayout_0 .dxflGroupBoxCaption_Theme {
    background-color: #fff !important;
}


.dxgvControl_Theme a,
.dxgvControl_Theme .fa {
    color: #9DB032 !important;
    text-decoration: none !important;
}

.dxgvSelectedRow_Theme .fa,
.dxgvSelectedRow_Theme .a {
    color: #fff !important;
    text-decoration: none !important;
}

.user-img {
    border-radius: 100%;
    cursor: pointer;
}

.user-popup {
    display: none;
    position: absolute;
    top: 55px;
    right: 10px;
    width: 180px;
    border-radius: 5px;
    height: auto;
    color: #000;
    background-color: #fff;
    padding: 1.1rem;
    z-index: 9999;
    -webkit-box-shadow: 1px 3px 19px -5px rgba(66, 68, 90, 1);
    -moz-box-shadow: 1px 3px 19px -5px rgba(66, 68, 90, 1);
    box-shadow: 1px 3px 19px -5px rgba(66, 68, 90, 1);
}

.user-controls,
.user-controls a {
    display: block;
    font-size: 18px;
    text-align: center;
    color: #000;
    text-decoration: none;
}

    .user-controls a:hover {
        color: #9DB031;
    }

    .user-controls + .user-controls {
        padding-top: 1rem;
    }

table.dxgvHHEC td.dxgvPHEC:not(.dxgvMCLN) {
    border-right-width: 0 !important;
}

.BreadCrumbHyperLink, .BreadCrumbMainHyperLink {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #7f91a7;
    font-size: 13px;
    text-decoration: none;
    letter-spacing: 0.05rem;
}

.BreadCrumbPanel {
    display: flex;
    align-items: center;
    margin-left: 3rem;
    color: white;
}

.BreadCrumbMainHeader {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(157, 176, 49) !important;
    font-size: 15px;
    text-decoration: none;
    letter-spacing: 0.05rem;
}

.BreadCrumbArow {
    font-size: 13px;
    padding: 0 0.3rem;
}

.dxgvSelectedRow_Theme .customUrl {
    color: #fff;
}

#htmlWizardDescriptionFull,
#htmlProjectUpdateWizardDescriptionFull,
#htmlWizardDescriptionFull_MainCell > table,
#htmlProjectUpdateWizardDescriptionFull_MainCell > table {
    width: 100% !important;
}

.content[ismenuopen="True"] #embedContainer {
    left: 256px !important;
}

.content[ismenuopen="True"] .account-manager-styling {
    width: calc(100vw - 287px) !important;
    transition: transform 0.25s ease-in-out;
    transform: translateX(256px);
}

.content[ismenuopen="False"] .account-manager-styling {
    width: 100%;
    transition: transform 0.25s ease-in-out;
    transform: translateX(0);
}

#ForensicMapMenu {
    height: auto !important;
}

.content[ismenuopen="True"] .dxsplHSeparator_Theme,
.content[ismenuopen="True"] #splResizing_1_CC,
.content[ismenuopen="True"] #rpMergeConfirmation,
.content[ismenuopen="True"] #splResizing_2_CC,
.content[ismenuopen="True"] #splResizingMyAccountList_2_CC,
.content[ismenuopen="True"] #TableMain,
.content[ismenuopen="True"] #wizard-step-form,
.content[ismenuopen="True"] #MainTableContent,
.content[ismenuopen="True"] .resizeContent,
.content[ismenuopen="True"] #MainTable,
.content[ismenuopen="True"] #personnels,
.content[ismenuopen="True"] #flCompanyLicenseMainInformation,
.content[ismenuopen="True"] #flCompanyLicenseAdditionalInformation,
.content[ismenuopen="True"] #WizardMainInformationForm,
.content[ismenuopen="True"] #flMainInformation,
.content[ismenuopen="True"] #flWebsiteApproval,
.content[ismenuopen="True"] #flDescriptionProjectProfile,
.content[ismenuopen="True"] #flProjectAddresses,
.content[ismenuopen="True"] #flTypeOfSite,
.content[ismenuopen="True"] #flIndustries,
.content[ismenuopen="True"] #flExpertises,
.content[ismenuopen="True"] #ProjectProfileWizardMainInformationForm,
.content[ismenuopen="True"] #flFullDescription,
.content[ismenuopen="True"] #WizardSiteProjectInformationForm,
.content[ismenuopen="True"] #ProjectPhaseTaskUpdateWizardSummaryForm,
.content[ismenuopen="True"] #flPictures,
.content[ismenuopen="True"] #embedContainer,
.content[ismenuopen="True"] #PnTProposalSelectionForm,
.content[ismenuopen="True"] #WizardServicesForm,
.content[ismenuopen="True"] #rpWizardProfileDescription,
.content[ismenuopen="True"] #WizardHealthSafetyForm,
.content[ismenuopen="True"] #WizardSummaryForm,
.content[ismenuopen="True"] #PnTMainInformationForm,
.content[ismenuopen="True"] #rpWizardExpertises,
.content[ismenuopen="True"] #ProjectUpdateWizardMainInformationForm,
.content[ismenuopen="True"] #ProjectUpdateWizardSiteProjectInformationForm,
.content[ismenuopen="True"] #WizardProjectLocationForm,
.content[ismenuopen="True"] #ProjectDeleteWizardMainInformationForm,
.content[ismenuopen="True"] #WizardClientAuthorizationForm,
.content[ismenuopen="True"] #ProjectUpdateWizardSummaryForm,
.content[ismenuopen="True"] #rpWizardClientInformationIndustries,
.content[ismenuopen="True"] #ProjectDeleteWizardSummaryForm,
.content[ismenuopen="True"] #rpProjectPhaseTaskUpdatMainInformation,
.content[ismenuopen="True"] #ProjectUpdateWizardServicesForm,
.content[ismenuopen="True"] #PnTSummaryForm,
.content[ismenuopen="True"] #rpWizardTypeOfSites,
.content[ismenuopen="True"] #ProjectPhaseTaskUpdateWizardPhaseSelectionForm,
.content[ismenuopen="True"] #ProjectProfileWizardSummaryForm,
.content[ismenuopen="True"] #ProposalWizardServicesForm,
.content[ismenuopen="True"] #ProjectSurveyWizardMainInformationForm,
.content[ismenuopen="True"] #ProposalWizardSummaryForm,
.content[ismenuopen="True"] #rpWizardFullDescription,
.content[ismenuopen="True"] #WizardStep2Form,
.content[ismenuopen="True"] #ProjectSurveyWizardSummaryForm,
.content[ismenuopen="True"] #ProposalWizardMainInformationForm,
.content[ismenuopen="True"] #PnTProposalMainInformationForm,
.content[ismenuopen="True"] #WizardStep3Form,
.content[ismenuopen="True"] #WizardStep1Form,
.content[ismenuopen="True"] #PnTProposalSummaryForm,
.content[ismenuopen="True"] #PnTClientAuthorizationForm,
.content[ismenuopen="True"] #splRollCallResizing_1,
.content[ismenuopen="True"] #splRollCallResizing_1_CC,
.content[ismenuopen="True"] #ReportWizardTemplateSelectionForm,
.content[ismenuopen="True"] #flProfileDescription,
.content[ismenuopen="True"] #EditReportXMLLayoutForm,
.content[ismenuopen="True"] #detailCountryGeneralFormLayout,
.content[ismenuopen="True"] #detailStatesFormLayout,
.content[ismenuopen="True"] #ProposalWizardSiteProjectInformationForm,
.content[ismenuopen="True"] #flUpdateWizardProjectSelection,
.content[ismenuopen="True"] #rpCreateTicket,
.content[ismenuopen="True"] #VisionApprovalWizardPhaseTaskSheetSummaryForm,
.content[ismenuopen="True"] #EditSettingsForm,
.content[ismenuopen="True"] #CheatSheetForm,
.content[ismenuopen="True"] #ProposalWizardClientInformationForm,
.content[ismenuopen="True"] #flBrowseCertificationAuthority,
.content[ismenuopen="True"] #ReportWizardPhotosSelectionForm,
.content[ismenuopen="True"] #wizard-navigation-form,
.content[ismenuopen="True"] #rpWizardFiles,
.content[ismenuopen="True"] #EditNewsletterForm,
.content[ismenuopen="True"] #PnTPhasesTasksForm,
.content[ismenuopen="True"] #forensic-map-form,
.content[ismenuopen="True"] #reportDesigner,
.content[ismenuopen="True"] #InvalidOperationFormLayout,
.content[ismenuopen="True"] #rpStartMainData,
.content[ismenuopen="True"] #rpWizardProjectFiles,
.content[ismenuopen="True"] .resize-class,
.content[ismenuopen="True"] #reportViewer,
.content[ismenuopen="True"] #rpWizardIndustries {
    width: calc(100% - 256px) !important;
}

.content[ismenuopen="False"] .dxsplHSeparator_Theme,
.content[ismenuopen="False"] #splResizing_1_CC,
.content[ismenuopen="False"] #rpMergeConfirmation,
.content[ismenuopen="False"] #InvalidOperationFormLayout,
.content[ismenuopen="False"] #splResizing_2_CC,
.content[ismenuopen="False"] #splResizingMyAccountList_2_CC,
.content[ismenuopen="False"] #ProjectUpdateWizardSiteProjectInformationForm,
.content[ismenuopen="False"] #WizardMainInformationForm,
.content[ismenuopen="False"] #wizard-step-form,
.content[ismenuopen="False"] #detailCountryGeneralFormLayout,
.content[ismenuopen="False"] #ProjectProfileWizardMainInformationForm,
.content[ismenuopen="False"] #flBrowseCertificationAuthority,
.content[ismenuopen="False"] #MainTableContent,
.content[ismenuopen="False"] .resizeContent,
.content[ismenuopen="False"] #ProposalWizardSummaryForm,
.content[ismenuopen="False"] #PnTProposalSummaryForm,
.content[ismenuopen="False"] #splRollCallResizing_1,
.content[ismenuopen="False"] #TableMain,
.content[ismenuopen="False"] #splRollCallResizing_1_CC,
.content[ismenuopen="False"] #ProjectUpdateWizardSummaryForm,
.content[ismenuopen="False"] #ProjectDeleteWizardMainInformationForm,
.content[ismenuopen="False"] #ProjectDeleteWizardSummaryForm,
.content[ismenuopen="False"] #WizardStep1Form,
.content[ismenuopen="False"] #rpCreateTicket,
.content[ismenuopen="False"] #PnTProposalMainInformationForm,
.content[ismenuopen="False"] #ProposalWizardServicesForm,
.content[ismenuopen="False"] #flProfileDescription,
.content[ismenuopen="False"] #WizardSummaryForm,
.content[ismenuopen="False"] #detailStatesFormLayout,
.content[ismenuopen="False"] #WizardServicesForm,
.content[ismenuopen="False"] #PnTMainInformationForm,
.content[ismenuopen="False"] #ProjectUpdateWizardMainInformationForm,
.content[ismenuopen="False"] #WizardProjectLocationForm,
.content[ismenuopen="False"] #ProjectUpdateWizardServicesForm,
.content[ismenuopen="False"] #CheatSheetForm,
.content[ismenuopen="False"] #EditNewsletterForm,
.content[ismenuopen="False"] #MainTable,
.content[ismenuopen="False"] #personnels,
.content[ismenuopen="False"] #flCompanyLicenseMainInformation,
.content[ismenuopen="False"] #ProposalWizardSiteProjectInformationForm,
.content[ismenuopen="False"] #ProposalWizardMainInformationForm,
.content[ismenuopen="False"] #ProjectSurveyWizardMainInformationForm,
.content[ismenuopen="False"] #WizardHealthSafetyForm,
.content[ismenuopen="False"] #ProjectSurveyWizardSummaryForm,
.content[ismenuopen="False"] #WizardSiteProjectInformationForm,
.content[ismenuopen="False"] #flCompanyLicenseAdditionalInformation,
.content[ismenuopen="False"] #flMainInformation,
.content[ismenuopen="False"] #flWebsiteApproval,
.content[ismenuopen="False"] #flDescriptionProjectProfile,
.content[ismenuopen="False"] #rpProjectPhaseTaskUpdatMainInformation,
.content[ismenuopen="False"] #flProjectAddresses,
.content[ismenuopen="False"] #rpWizardProfileDescription,
.content[ismenuopen="False"] #PnTSummaryForm,
.content[ismenuopen="False"] #ProjectProfileWizardSummaryForm,
.content[ismenuopen="False"] #flTypeOfSite,
.content[ismenuopen="False"] #ProjectPhaseTaskUpdateWizardSummaryForm,
.content[ismenuopen="False"] #flIndustries,
.content[ismenuopen="False"] #flExpertises,
.content[ismenuopen="False"] #PnTClientAuthorizationForm,
.content[ismenuopen="False"] #flFullDescription,
.content[ismenuopen="False"] #WizardClientAuthorizationForm,
.content[ismenuopen="False"] #rpWizardClientInformationIndustries,
.content[ismenuopen="False"] #flPictures,
.content[ismenuopen="False"] #WizardStep2Form,
.content[ismenuopen="False"] #embedContainer,
.content[ismenuopen="False"] #WizardStep3Form,
.content[ismenuopen="False"] #rpWizardFullDescription,
.content[ismenuopen="False"] #VisionApprovalWizardPhaseTaskSheetSummaryForm,
.content[ismenuopen="False"] #ProposalWizardClientInformationForm,
.content[ismenuopen="False"] #PnTProposalSelectionForm,
.content[ismenuopen="False"] #flUpdateWizardProjectSelection,
.content[ismenuopen="False"] #wizard-navigation-form,
.content[ismenuopen="False"] #ProjectPhaseTaskUpdateWizardPhaseSelectionForm,
.content[ismenuopen="False"] #rpWizardIndustries,
.content[ismenuopen="False"] #rpWizardTypeOfSites,
.content[ismenuopen="False"] #PnTPhasesTasksForm,
.content[ismenuopen="False"] #EditSettingsForm,
.content[ismenuopen="False"] #EditReportXMLLayoutForm,
.content[ismenuopen="False"] #ReportWizardTemplateSelectionForm,
.content[ismenuopen="False"] .resize-class,
.content[ismenuopen="False"] #rpStartMainData,
.content[ismenuopen="False"] #reportViewer,
#ReportWizardTemplateSelectionForm #splResizing,
#ReportWizardTemplateSelectionForm #splResizing_0,
#ReportWizardTemplateSelectionForm #splResizing_0_CC,
#ReportWizardTemplateSelectionForm #splResizing_1_S,
#ReportWizardTemplateSelectionForm #splResizing_1_CC,
.content[ismenuopen="False"] #ReportWizardPhotosSelectionForm,
#ReportWizardPhotosSelectionForm #splResizing_1_CC,
.content[ismenuopen="False"] #rpWizardExpertises,
.content[ismenuopen="False"] #forensic-map-form,
.content[ismenuopen="False"] #reportDesigner,
.content[ismenuopen="False"] #rpWizardFiles,
#htmlContentMain_MainCell > table:first-child,
#htmlContentSensitive_MainCell > table:first-child,
#Presentations_MainCell > table:first-child,
#Awards_MainCell > table:first-child,
#Associations_MainCell > table:first-child,
#htmlDescBrief_MainCell > table:first-child,
#htmlDescFull_MainCell > table:first-child,
#HtmlControl_1_MainCell > table:first-child,
#HtmlControl_2_MainCell > table:first-child,
#htmlReportTemplateFooter_MainCell > table:first-child,
#htmlReportTemplateHeader_MainCell > table:first-child,
#htmlContentSensitive_MainCell > table:first-child,
#htmlContentHeader_MainCell > table:first-child,
#htmlContentFooter_MainCell > table:first-child,
#Publications,
#htmlContentFooter,
#htmlContentSensitive,
#htmlContentHeader,
#HtmlControl_1,
#htmlReportTemplateFooter,
#HtmlControl_2,
#htmlReportTemplateHeader,
#htmlDescBrief,
#htmlDescFull,
#Associations,
#Presentations,
#Awards,
#Publications_MainCell > table:first-child,
#DescriptionProjectProfile,
#DescriptionProjectProfile_MainCell > table:first-child,
#htmlContentHeader_MainCell > table:first-child,
#Biography_MainCell > table:first-child, .content[ismenuopen="False"] #editTable,
#htmlContentMain,
#Biography,
#LicensesReportMultiple_Div,
#pcActivityOneStepTab,
#pcActivityProjectReportTab,
#tlCheatSheet,
#pcActivityReviewTab,
#rpWizardProjectFiles,
#htmlContentFooter_MainCell > table:first-child {
    width: 100% !important;
}

#splResizing_1_CC,
#rpMergeConfirmation,
#InvalidOperationFormLayout,
#reportDesigner,
#rpWizardFullDescription,
#ProjectPhaseTaskUpdateWizardSummaryForm,
#EditNewsletterForm,
#personnels,
#flMainInformation,
#flProfileDescription,
#splRollCallResizing_1,
#splRollCallResizing_1_CC,
#detailStatesFormLayout,
#ProjectDeleteWizardMainInformationForm,
#flWebsiteApproval,
#PnTProposalSummaryForm,
#detailCountryGeneralFormLayout,
#ProposalWizardSummaryForm,
#CheatSheetForm,
#WizardStep2Form,
#PnTProposalMainInformationForm,
#EditSettingsForm,
#WizardStep1Form,
#PnTMainInformationForm,
#ProposalWizardClientInformationForm,
#flBrowseCertificationAuthority,
#rpCreateTicket,
#ProposalWizardServicesForm,
#WizardMainInformationForm,
#TableMain,
#ProposalWizardMainInformationForm,
#PnTClientAuthorizationForm,
#WizardStep3Form,
#ProposalWizardSiteProjectInformationForm,
#ProjectUpdateWizardServicesForm,
#ProjectDeleteWizardSummaryForm,
#ProjectSurveyWizardSummaryForm,
#ProjectSurveyWizardMainInformationForm,
#ProjectUpdateWizardSiteProjectInformationForm,
#WizardServicesForm,
#flDescriptionProjectProfile,
#PnTSummaryForm,
#ProjectUpdateWizardSummaryForm,
#WizardSummaryForm,
#ProjectProfileWizardMainInformationForm,
#ProjectUpdateWizardMainInformationForm,
#WizardProjectLocationForm,
#WizardSiteProjectInformationForm,
#WizardClientAuthorizationForm,
#WizardHealthSafetyForm,
#pivotGrid,
#flProjectAddresses,
#flTypeOfSite,
#rpProjectPhaseTaskUpdatMainInformation,
#ProjectPhaseTaskUpdateWizardPhaseSelectionForm,
#flIndustries,
#ProjectProfileWizardSummaryForm,
#rpWizardClientInformationIndustries,
#flExpertises,
#rpWizardExpertises,
#PnTPhasesTasksForm,
#VisionApprovalWizardPhaseTaskSheetSummaryForm,
#rpWizardProfileDescription,
#flUpdateWizardProjectSelection,
#rpWizardIndustries,
#rpReports,
#EditReportXMLLayoutForm,
#flFullDescription,
#wizard-step-form,
#rpWizardFiles,
#PnTProposalSelectionForm,
#wizard-navigation-form,
#rpNewReports,
#splResizing_2_CC,
#splResizingMyAccountList_2_CC,
#forensic-map-form,
#ReportWizardPhotosSelectionForm,
#ReportWizardTemplateSelectionForm,
#gridTeamFlatRollCall,
#rpWizardTypeOfSites,
#gvVisionExportAccount,
#rpStartMainData,
#viewTags,
#reportViewer,
#rpWizardProjectFiles,
.resize-class,
#viewEmployeeMeetingByVertical,
#viewEmployeeMyMeeting,
#viewEmployeeCustomTeamMeeting,
#viewPersonnelSchedule,
#viewEmployeeMyProspectMeeting,
#viewPersonnelApprovedTimeOff,
#sPersonnelApprovedTimeOffMonthCalendar,
#flPictures {
    margin-left: auto;
}

#RollCallWeeks {
    border: 1px solid #273546;
}

.content[ismenuopen="False"] #splRollCallResizing2_0_CC {
    transform: translateX(0);
    transition: transform 0.25s ease-in-out;
}

.content[ismenuopen="True"] #splRollCallResizing2_0_CC {
    transform: translateX(265px);
    transition: transform 0.25s ease-in-out;
}

.content[ismenuopen="True"] #editTable {
    width: 90%;
}

.dxtlNode_Theme td.dxtl {
    padding: 3px 5px 4px !important;
}

.dxgvSelectedRow_Theme a {
    color: white !important;
}

.dxbButton_Theme {
    color: #273546 !important;
    border: 2px solid #9DB032 !important;
    background-color: unset !important;
    box-shadow: none !important;
}

.dxbButtonHover_Theme {
    border: 2px solid #273546 !important;
}

.dxbButton_Theme.dxbDisabled_Theme {
    opacity: 0.6;
}

#LeftNavBar {
    background-color: #fff;
}

.dxnbLite_Theme .dxnb-content {
    background-color: #fff !important;
}

.dxnbLite_Theme .dxnb-header, .dxnbLite_Theme .dxnb-headerCollapsed {
    background-color: #fff !important;
    color: #273546 !important;
}

.dxnbLite_Theme .dxnb-header {
    color: #9DB032 !important;
}

.dxnbLite_Theme .dxnb-item.dxnb-link, .dxnbLite_Theme .dxnb-item .dxnb-link, .dxnbLite_Theme .dxnb-bullet.dxnb-link {
    background-color: #fff !important;
    color: #273546 !important;
    font-weight: bold;
    padding: 10px 33px 10px !important;
}

#LeftNavBar .dxnb-itemSelected {
    border: 2px solid #9DB032 !important;
}

.dxpLite_Theme .dxp-current,
.dxpLite_Theme:not(.dxpLiteDisabled_Theme) .dxp-current.dxp-num:hover {
    background-color: #EDEDED !important;
    color: #757575 !important;
}

.dxpLite_Theme:not(.dxpLiteDisabled_Theme) .dxp-num:hover {
    background-color: #9DB032 !important;
    color: #fff !important;
}

/* NavBar */

.menu-section + .menu-section,
.report-menu-section + .report-menu-section {
    margin-top: 1rem;
}

.menu-item,
.report-menu-item {
    margin-top: 0.5rem;    
}

.l-0 {
    z-index: 1;
}

.lev-1,
.lev-2 {
    padding: 12px 23px;
    position: fixed;
    left: 0;
    top: 62px;
    bottom: 0;
    transform: translateX(0px);
    width: 210px;
    cursor: pointer;
    background-color: #fff;
    transform: translateX(-110%);
    z-index: 2;
}

.menu-active > .lev-1,
.menu-active > .lev-2 {
    transform: translateX(0);
}

.menu-section-title,
.report-menu-section-title,
.menu-item {
    display: block;
    width: 100%;
}

.menu-item-link,
.report-menu-item-link {
    padding: 0.3rem;
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 0.9rem;
}

    .menu-item-link[data-menu-active="true"],
        .report-menu-item-link[data-menu-active="true"] {
        background-color: #9db032 !important;
        color: white;
    }

.submenu-title-container,
.title-container {
    display: flex;
    align-items: center;
}

    .title-container i,
    .submenu-title-container i {
        padding-right: 1rem;
    }

    .submenu-title-container i {
        color: #9db032;
    }

.report-menu-section-title,
.menu-section-title {
    color: #9db032;
    font-size: 1.2rem;
}

.lev-1-search {
    position: initial;
    transform: translateX(0);
    width: auto;
}

.search-container,
.report-search-container{
position: fixed;
top: 0;
background: white;
width: 83%;
height: 74px;
z-index: 99;
}

.search-container input[type="text"]{
    font-size: 1rem !important;
}

#quick-search,
#report-quick-search {
    border: none;
    border-bottom: 2px solid #9db032;
    width: 189px;
    padding: 14px;
    margin-top: 9px;
    font-size: 1rem !important;
}

    #quick-search:focus,
    #report-quick-search:focus{
        outline: none;
    }

.report-return-l-0:hover,
.return-l-0:hover {
    color: #c6d480;
}

.menu-item-link,
.report-menu-item-link {
    position: relative;
}

.menu-section-title,
.report-menu-section-title {
    position: relative;
}

    .menu-section-title i,
    .report-menu-section-title i,
    .menu-item-link i,
    .report-menu-item-link i {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
    }

.menu-item-link:hover,
.report-menu-item-link:hover,
.title-container:hover {
    background-color: rgb(121, 118, 118);
    color: #fff;
}

#sidebar,
#report-sidebar {
    margin-top: 67px;
    padding-right: 12px;
    height: 86vh;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: grey #ffffff;
}

@media (max-height: 1070px) {
    #sidebar,
    #report-sidebar {
        height: 78vh;
    }
}

#sidebar::-webkit-scrollbar-track,
#report-sidebar::-webkit-scrollbar-track {
    background-color: #ffffff;
}

#sidebar::-webkit-scrollbar,
#report-sidebar::-webkit-scrollbar {
    width: 8px;
    background-color: gray;
}

#sidebar::-webkit-scrollbar-thumb,
#report-sidebar::-webkit-scrollbar-thumb {
    background-color: gray;
}

.dxgvFilterRow_Theme td.dxgv  {
    border-right: 1px solid #ccc;
}

#TopPanel {
    z-index: 11002;
}
/* Report List */
#reportListBtn {
    color: #fff;
    font-size: 1.1rem;
    margin-left: 1rem;
    cursor: pointer;
}

#ReportList {
    position: absolute;
    left: 100%;
    height: calc(100vh - 141px);
    width: 256px;
    transform: translateX(50%);
    background-color: #fff;
    transition: transform 0.25s;
    z-index: 11000;
    box-shadow: 1px 0 9px -2px rgb(0 0 0 / 30%);
}

    #ReportList[state=onhold] {
        transform: translateX(0);
    }

    #ReportList[state=active] {
        transform: translateX(-100%);
    }


    #ReportList .l-0 {
        z-index: 1;
    }

.report-lev-1 {
    top: 62px;
}

.report-lev-2,
.report-lev-3 {
    top: 0;
}
    .report-lev-1, .report-lev-2, .report-lev-3 {
    padding: 0 23px 12px 23px;
    position: fixed;
    left: unset;
    left: 0;    
    bottom: 0;
    width: 210px;
    cursor: pointer;
    background-color: #fff;
    transform: translateX(-200%);
    z-index: 11001;
}


    .menu-active > .report-lev-1,
    .menu-active > .report-lev-2,
    .menu-active > .report-lev-3 {
        transform: translateX(0);
    }

    .report-menu-section-title {
        margin-top: 1rem;
    }

.report-lev-2-search,
.report-lev-3-search {
    position: initial;
}

.report-lev-2-search {    
    transform: translateX(-12px) !important;    
    width: 199px !important;    
}

.report-lev-3-search {
    width: 190px !important;
    transform: translateX(-18px) !important;
}

    .report-lev-3-search > .report-menu-section-title > i,
    .report-lev-2-search > .report-menu-section-title > i {
        display: none;
    }

.report-lev-2-search a:not([href]) {
    display: none !important;
}
.report-lev-2-search .sub-report-title {
    width: 100%;
}

.sub-report-title {
    color: #9db032;
    font-size: 1.2rem;
    width: 85%;
    display: block;
}

.report-lev-1 > .report-menu-section-title .return-l-0{
    padding: 0 25px 32px 23px;
}

.menu-active > .report-lev-1.menu-active {
    overflow-y: hidden;
}

.report-lev-1,
.report-lev-2,
.lev-1 {
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: grey #ffffff;
}

    .report-lev-1:-webkit-scrollbar-track,
    .report-lev-2:-webkit-scrollbar-track,
    .lev-1:-webkit-scrollbar-track {
        background-color: #ffffff;
    }

    .report-lev-1::-webkit-scrollbar,
    .report-lev-2::-webkit-scrollbar,
    .lev-1::-webkit-scrollbar {
        width: 8px;
        background-color: #fff;
    }

    .report-lev-1::-webkit-scrollbar-thumb,
    .report-lev-2::-webkit-scrollbar-thumb,
    .lev-1::-webkit-scrollbar-thumb {
        background-color: gray;
    }

.report-search-container {
    display: none;
}

.dxICheckBox_Theme {
    border: 2px solid transparent;
}

.inactive-row {
    background-color: #c3c3c3 !important;
    font-style: italic;
}

.orange-row {
    background-color: orange !important;
}

.is-dynamic-row {
    background-color: goldenrod;
    font-style: italic;
}

.scpa-container {
    display: flex;
    align-items: end;
}

.scpa-container > * + *{
    margin-left: 0.5rem;
}
    .scpa {
    width: 13px;
    height: 13px;
    display: inline-block;
}

.scpa-active {    
    background: green;
    border-radius: 100%;
}

.scpa-inactive {
    background: red;
    border-radius: 100%;
}

.scpa, .scpaso, .scpa-label {
    font: 12px Tahoma, Geneva, sans-serif;
}

.shptpa-container {
    display: flex;
    align-items: end;
}

.shptpa-container > * + * {
    margin-left: 0.5rem;
}

.shptpa {
    width: 13px;
    height: 13px;
    display: inline-block;
}

.shptpa-active {
    background: green;
    border-radius: 100%;
}

.shptpa-inactive {
    background: red;
    border-radius: 100%;
}

.shptpa, .shptpaso, .shptpa-label {
    font: 12px Tahoma, Geneva, sans-serif;
}


@media (max-height: 800px) {
    .popup-responsive-scroll {
        height: 604px;
        overflow-y: scroll;
    }
}

.content[ismenuopen="False"] #HolidaysPrepopulationForm, .content[ismenuopen="False"] #rpHolidaysPrepoplutionPanel, .content[ismenuopen="False"] #rpHolidaysPrepoplutionPanel_RPC, .content[ismenuopen="False"] #rpHolidaysPrepoplutionPanel_CRC {
    width: 98vw !important;
}

.content[ismenuopen="True"] #HolidaysPrepopulationForm, .content[ismenuopen="True"] #rpHolidaysPrepoplutionPanel, .content[ismenuopen="True"] #rpHolidaysPrepoplutionPanel_RPC, .content[ismenuopen="True"] #rpHolidaysPrepoplutionPanel_CRC {
    width: calc(98vw - 256px) !important;
    margin-left: auto;
}

#pcCOITab * {
    font-size: 16px !important;
}

.coi-address {
    display: flex;
}

.content[ismenuopen="True"] #pcFtsResultTab_C0,
.content[ismenuopen="True"] #pcFtsResultTab_C1,
.content[ismenuopen="True"] #pcFtsResultTab_C2,
.content[ismenuopen="True"] #pcFtsResultTab_C3,
.content[ismenuopen="True"] #pcFtsResultTab_C4,
.content[ismenuopen="True"] #pcFtsResultTab_C5 {
    width: 95% !important;
}

.content[ismenuopen="False"] #pcFtsResultTab_C0,
.content[ismenuopen="False"] #pcFtsResultTab_C1,
.content[ismenuopen="False"] #pcFtsResultTab_C2,
.content[ismenuopen="False"] #pcFtsResultTab_C3,
.content[ismenuopen="False"] #pcFtsResultTab_C4,
.content[ismenuopen="False"] #pcFtsResultTab_C5 {
    width: 100% !important;
}


@media (max-width : 1280px) {
    .content[ismenuopen="False"] #pcFtsResultTab_C0,
    .content[ismenuopen="False"] #pcFtsResultTab_C1,
    .content[ismenuopen="False"] #pcFtsResultTab_C2,
    .content[ismenuopen="False"] #pcFtsResultTab_C3,
    .content[ismenuopen="False"] #pcFtsResultTab_C4,
    .content[ismenuopen="False"] #pcFtsResultTab_C5 {
        width: 95% !important;
    }
    .content[ismenuopen="True"] #pcFtsResultTab_C0,
    .content[ismenuopen="True"] #pcFtsResultTab_C1,
    .content[ismenuopen="True"] #pcFtsResultTab_C2,
    .content[ismenuopen="True"] #pcFtsResultTab_C3,
    .content[ismenuopen="True"] #pcFtsResultTab_C4,
    .content[ismenuopen="True"] #pcFtsResultTab_C5 {
        width: 80% !important;
    }

}


#COI-btns {
    width: 97% !important
}

.dxsplHSeparator_Theme {
    height: 20px !important;
}

.dxsplHSeparatorButton_Theme {    
    padding: 6px 5px !important;    
}

#splResizing {
    width: calc(100% - 10px) !important;
}
#treeHelpContentAdmin .dxbButton_Theme {
    border: unset !important;
}