/* Hide PIA icons */
form[p4-class=Processing] .alpaca-layout-binding-holder[alpaca-layout-binding-field-name=details] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[alpaca-layout-binding-field-name=virtual_assn_controller] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[alpaca-layout-binding-field-name=virtual_assn_unitasmanager] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[alpaca-layout-binding-field-name=virtual_virt_data] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[alpaca-layout-binding-field-name=virtual_virt_data] legend:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_ANA_LEG_INFO] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_CONTEXT] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_CO_CONTROLLERS] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_DEST_COUNTRIES] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_DUR_ANA] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_EXTRA_EU_TRANSFERS] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_EXTRA_RULE] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_LEGAL_NOTICES] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_LEG_BAS_DETAILS] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_MAIN_CONTROLLER] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_MEASURES_SUMMARY] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_PRO_LEG_BASIS] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_SUBS_MGT_DET] label.control-label:after, form[p4-class=Processing] .alpaca-layout-binding-holder[class*=CUSTOM_TRANSF_DETAILS] label.control-label:after {
    display: none;
}

/* Doc shortcut */
 .p4-menu .p4-grid-container .p4-grid-class-button.p4-grid-class-Page {
      background-color: #5a9c28;
      border-color: #5a9c28
 }

/*:root {
    --font: "Urbanist", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}*/


:root {
    --font: "Inter", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --text-pia: lightgray;
}

form[p4-class=Contract] .p4-form-server-validable-control label.control-label::before,form[p4-class=Contract] .p4-form-server-validable-control legend.alpaca-container-label::before,form[p4-class=Processing] .p4-form-server-validable-control label.control-label::before,form[p4-class=Processing] .p4-form-server-validable-control legend.alpaca-container-label::before,
form[p4-class=Activity] .p4-form-server-validable-control label.control-label::before,form[p4-class=Activity] .p4-form-server-validable-control legend.alpaca-container-label::before,form[p4-class=Arco] .p4-form-server-validable-control label.control-label::before,form[p4-class=Arco] .p4-form-server-validable-control legend.alpaca-container-label::before, form[p4-class=Dbn] .p4-form-server-validable-control label.control-label::before,form[p4-class=Dbn] .p4-form-server-validable-control legend.alpaca-container-label::before,form[p4-class=Project] .p4-form-server-validable-control label.control-label::before,form[p4-class=Project] .p4-form-server-validable-control legend.alpaca-container-label::before {
    font-family: "Inter"
}

.alpaca-fileupload-container, .alpaca-fileupload-container .btn, .alpaca-fileupload-container table, .p4-tabbed-display-item, div.alpaca-field-summernote div.note-editor, div.alpaca-field-summernote div.note-statusbar, div.alpaca-field-summernote div.note-toolbar, input, textarea {
    border-radius: 8px !important;
}

.p4-form-side .col-sm-3 {
        width: 50%;
    }
.p4-form-side .col-sm-9 {
        width: 50%;
    }

.p4-form-side .p4-holder-form-Processing-mode-41-CUSTOM_PROCESSING_INFO .col-form-label {
    display: none;
}

.p4-form-side .p4-holder-form-Processing-mode-41-CUSTOM_PROCESSING_INFO .col-sm-9 {
    width: 100%;
}

.p4-form-side div[alpaca-layout-binding-field-name^="virtual_link"] {
    border-top: 2px solid grey;
    padding-top: 12px;
    margin-left: 4px;
    margin-top: 24px;  
}

/* Display Co-controllers next to Real Controllers 
TODO : Display well on small screens
*/

form[p7y-view="edit"] .alpaca-layout-binding-holder.p4-holder-form-Processing-mode-41-ASSN_controller {
    width: 50%;
    float: left;
}

form[p7y-view="edit"] .alpaca-layout-binding-holder.p4-holder-form-Processing-mode-41-CUSTOM_CO_CONTROLLERS {
    width: 48%;
    float: right;
}

form[p7y-view="edit"] .alpaca-layout-binding-holder.p4-holder-form-Processing-mode-41-ASSN_unitasmanager {
    float: left;
}
.p4-form-right .jqx-widget-content {
    background-color: var(--form-bar-bg);
}

/* reset Data Categories to black - to improve printing*/
.class .category {
    color: black;
    background-color: unset;
}

/* button Close has red text */
body .p4-form-top button[name="__close__"] span.p4.p4-cancel:before {
    color: #f44336 !important;
}

/* avoid multiple spaces in Notes in DataCards */
.p4-datafield-compact-card button {
    white-space: unset;
}

.contract .register .title {
  color: unset;
}
.contract a {
    color: unset;
}
.contract h3 {
    color: unset;
}

td .p4-datafield-compact-data-main>span {
    display: flex !important;
}

/*
form[p4-risk-before="2"][p4-risk-after="2"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--risk-2) 50%,var(--risk-2) 100%);
}


form[p4-risk-before="1"]:not([p4-risk-after]) .p4-form-content .nav li a:has(.fa-burst),form[p4-risk-before="1"][p4-risk-after="0"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-1) 0,var(--risk-1) 50%,var(--form-misc-grey) 50%)
}

form[p4-risk-before="1"][p4-risk-after="1"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-1) 0,var(--risk-1) 50%,var(--risk-1) 50%,var(--risk-1) 100%)
}

form[p4-risk-before="1"][p4-risk-after="2"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-1) 0,var(--risk-1) 50%,var(--risk-2) 50%,var(--risk-2) 100%)
}

form[p4-risk-before="1"][p4-risk-after="3"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-1) 0,var(--risk-1) 50%,var(--risk-3) 50%,var(--risk-3) 100%)
}

form[p4-risk-before="1"][p4-risk-after="4"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-1) 0,var(--risk-1) 50%,var(--risk-4) 50%,var(--risk-4) 100%)
}

form[p4-risk-after="1"]:not([p4-risk-before]) .p4-form-content .nav li a:has(.fa-burst),form[p4-risk-after="1"][p4-risk-before="0"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--form-misc-grey) 50%,var(--risk-1) 50%,var(--risk-1) 100%)
}

form[p4-risk-before="2"]:not([p4-risk-after]) .p4-form-content .nav li a:has(.fa-burst),form[p4-risk-before="2"][p4-risk-after="0"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--form-misc-grey) 50%)
}

form[p4-risk-before="2"][p4-risk-after="1"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--risk-1) 50%,var(--risk-1) 100%)
}

form[p4-risk-before="2"][p4-risk-after="2"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--risk-2) 50%,var(--risk-2) 100%)
}

form[p4-risk-before="2"][p4-risk-after="3"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--risk-3) 50%,var(--risk-3) 100%)
}

form[p4-risk-before="2"][p4-risk-after="4"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--risk-4) 50%,var(--risk-4) 100%)
}

form[p4-risk-after="2"]:not([p4-risk-before]) .p4-form-content .nav li a:has(.fa-burst),form[p4-risk-after="2"][p4-risk-before="0"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--form-misc-grey) 50%,var(--risk-2) 50%,var(--risk-2) 100%)
}

form[p4-risk-before="3"]:not([p4-risk-after]) .p4-form-content .nav li a:has(.fa-burst),form[p4-risk-before="3"][p4-risk-after="0"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-3) 0,var(--risk-3) 50%,var(--form-misc-grey) 50%)
}

form[p4-risk-before="3"][p4-risk-after="1"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-3) 0,var(--risk-3) 50%,var(--risk-1) 50%,var(--risk-1) 100%)
}

form[p4-risk-before="3"][p4-risk-after="2"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-3) 0,var(--risk-3) 50%,var(--risk-2) 50%,var(--risk-2) 100%)
}

form[p4-risk-before="3"][p4-risk-after="3"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-3) 0,var(--risk-3) 50%,var(--risk-3) 50%,var(--risk-3) 100%)
}

form[p4-risk-before="3"][p4-risk-after="4"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-3) 0,var(--risk-3) 50%,var(--risk-4) 50%,var(--risk-4) 100%)
}

form[p4-risk-after="3"]:not([p4-risk-before]) .p4-form-content .nav li a:has(.fa-burst),form[p4-risk-after="3"][p4-risk-before="0"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--form-misc-grey) 50%,var(--risk-3) 50%,var(--risk-3) 100%)
}

form[p4-risk-before="4"]:not([p4-risk-after]) .p4-form-content .nav li a:has(.fa-burst),form[p4-risk-before="4"][p4-risk-after="0"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-4) 0,var(--risk-4) 50%,var(--form-misc-grey) 50%)
}

form[p4-risk-before="4"][p4-risk-after="1"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-4) 0,var(--risk-4) 50%,var(--risk-1) 50%,var(--risk-1) 100%)
}

form[p4-risk-before="4"][p4-risk-after="2"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-4) 0,var(--risk-4) 50%,var(--risk-2) 50%,var(--risk-2) 100%)
}

form[p4-risk-before="4"][p4-risk-after="3"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-4) 0,var(--risk-4) 50%,var(--risk-3) 50%,var(--risk-3) 100%)
}

form[p4-risk-before="4"][p4-risk-after="4"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--risk-4) 0,var(--risk-4) 50%,var(--risk-4) 50%,var(--risk-4) 100%)
}

form[p4-risk-after="4"]:not([p4-risk-before]) .p4-form-content .nav li a:has(.fa-burst),form[p4-risk-after="4"][p4-risk-before="0"] .p4-form-content .nav li a:has(.fa-burst) {
    background: linear-gradient(120deg,var(--form-misc-grey) 50%,var(--risk-4) 50%,var(--risk-4) 100%)
}
*/

form[p4-risk-before="1"]:not([p4-risk-after]) .p4-form-content .nav li:nth-child(8),form[p4-risk-before="1"][p4-risk-after="0"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-1) 0,var(--risk-1) 50%,var(--form-misc-grey) 50%)
}

form[p4-risk-before="1"][p4-risk-after="1"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-1) 0,var(--risk-1) 50%,var(--risk-1) 50%,var(--risk-1) 100%)
}

form[p4-risk-before="1"][p4-risk-after="2"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-1) 0,var(--risk-1) 50%,var(--risk-2) 50%,var(--risk-2) 100%)
}

form[p4-risk-before="1"][p4-risk-after="3"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-1) 0,var(--risk-1) 50%,var(--risk-3) 50%,var(--risk-3) 100%)
}

form[p4-risk-before="1"][p4-risk-after="4"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-1) 0,var(--risk-1) 50%,var(--risk-4) 50%,var(--risk-4) 100%)
}

form[p4-risk-after="1"]:not([p4-risk-before]) .p4-form-content .nav li:nth-child(8),form[p4-risk-after="1"][p4-risk-before="0"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--form-misc-grey) 50%,var(--risk-1) 50%,var(--risk-1) 100%)
}

form[p4-risk-before="2"]:not([p4-risk-after]) .p4-form-content .nav li:nth-child(8),form[p4-risk-before="2"][p4-risk-after="0"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--form-misc-grey) 50%)
}

form[p4-risk-before="2"][p4-risk-after="1"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--risk-1) 50%,var(--risk-1) 100%)
}

form[p4-risk-before="2"][p4-risk-after="2"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--risk-2) 50%,var(--risk-2) 100%)
}

form[p4-risk-before="2"][p4-risk-after="3"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--risk-3) 50%,var(--risk-3) 100%)
}

form[p4-risk-before="2"][p4-risk-after="4"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-2) 0,var(--risk-2) 50%,var(--risk-4) 50%,var(--risk-4) 100%)
}

form[p4-risk-after="2"]:not([p4-risk-before]) .p4-form-content .nav li:nth-child(8),form[p4-risk-after="2"][p4-risk-before="0"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--form-misc-grey) 50%,var(--risk-2) 50%,var(--risk-2) 100%)
}

form[p4-risk-before="3"]:not([p4-risk-after]) .p4-form-content .nav li:nth-child(8),form[p4-risk-before="3"][p4-risk-after="0"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-3) 0,var(--risk-3) 50%,var(--form-misc-grey) 50%)
}

form[p4-risk-before="3"][p4-risk-after="1"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-3) 0,var(--risk-3) 50%,var(--risk-1) 50%,var(--risk-1) 100%)
}

form[p4-risk-before="3"][p4-risk-after="2"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-3) 0,var(--risk-3) 50%,var(--risk-2) 50%,var(--risk-2) 100%)
}

form[p4-risk-before="3"][p4-risk-after="3"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-3) 0,var(--risk-3) 50%,var(--risk-3) 50%,var(--risk-3) 100%)
}

form[p4-risk-before="3"][p4-risk-after="4"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-3) 0,var(--risk-3) 50%,var(--risk-4) 50%,var(--risk-4) 100%)
}

form[p4-risk-after="3"]:not([p4-risk-before]) .p4-form-content .nav li:nth-child(8),form[p4-risk-after="3"][p4-risk-before="0"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--form-misc-grey) 50%,var(--risk-3) 50%,var(--risk-3) 100%)
}

form[p4-risk-before="4"]:not([p4-risk-after]) .p4-form-content .nav li:nth-child(8),form[p4-risk-before="4"][p4-risk-after="0"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-4) 0,var(--risk-4) 50%,var(--form-misc-grey) 50%)
}

form[p4-risk-before="4"][p4-risk-after="1"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-4) 0,var(--risk-4) 50%,var(--risk-1) 50%,var(--risk-1) 100%)
}

form[p4-risk-before="4"][p4-risk-after="2"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-4) 0,var(--risk-4) 50%,var(--risk-2) 50%,var(--risk-2) 100%)
}

form[p4-risk-before="4"][p4-risk-after="3"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-4) 0,var(--risk-4) 50%,var(--risk-3) 50%,var(--risk-3) 100%)
}

form[p4-risk-before="4"][p4-risk-after="4"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--risk-4) 0,var(--risk-4) 50%,var(--risk-4) 50%,var(--risk-4) 100%)
}

form[p4-risk-after="4"]:not([p4-risk-before]) .p4-form-content .nav li:nth-child(8),form[p4-risk-after="4"][p4-risk-before="0"] .p4-form-content .nav li:nth-child(8) {
    background: linear-gradient(120deg,var(--form-misc-grey) 50%,var(--risk-4) 50%,var(--risk-4) 100%)
}