/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/




@font-face {
    font-family: 'Material Symbols Regular';
    font-style: normal;
    src: url(../Content/GoogleMaterialDesign/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    src: url(../Content/GoogleMaterialDesign/MaterialIconsOutlined-Regular.otf) format('opentype');
}

.material-symbols-regular {
    font-family: 'Material Symbols Regular';
    font-weight: normal;
    font-style: normal;
    font-size: 18px; /* Preferred icon size */
    display: inline-block;
    line-height: .5;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    padding: 5px 5px 0 0;
    float: left;
}


.bg-novdark {
    background-color: #182936;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 20px;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
/*.dl-horizontal dt {
    white-space: normal;
}*/

/* Set width on the form input elements since they're 100% wide by default */


.badge-default {
    background-color: #ffd800;
}

    .badge-default[href]:hover,
    .badge-default[href]:focus {
        background-color: #090909;
    }

.badge-primary {
    background-color: #355EA3;
}

    .badge-primary[href]:hover,
    .badge-primary[href]:focus {
        background-color: #6886BA;
    }

.badge-success {
    background-color: #3fb618;
}

    .badge-success[href]:hover,
    .badge-success[href]:focus {
        background-color: #2f8912;
    }

.badge-info {
    background-color: #939393;
}

    .badge-info[href]:hover,
    .badge-info[href]:focus {
        background-color: #7e3f9d;
    }

.badge-warning {
    background-color: #F06C43;
}

    .badge-warning[href]:hover,
    .badge-warning[href]:focus {
        background-color: #e45c00;
    }

.badge-danger {
    background-color: #ff0039;
}

    .badge-danger[href]:hover,
    .badge-danger[href]:focus {
        background-color: #cc002e;
    }

.badge-outline {
    background-color: #ffffff;
    border: 1px solid #666666;
}


.NovDetailLabel {
    font-weight: bold;
    text-align: left;
    background-color: #F1F1F1;
}

.NovDetailData {
    text-align: left;
    background-color: #FFFFFF;
}

.QuestionnaireFieldWide {
    max-width: 850px;
}

.QuestionnaireField {
    max-width: 280px;
}

.filter-blue {
    filter: invert(15%) sepia(99%) saturate(2971%) hue-rotate(192deg) brightness(98%) contrast(88%);
}

.filter-grey {
    filter: grayscale(90%);
}

.validation-summary-errors {
    border: 2px solid red;
    color: red;
    font-weight: bold;
    margin: 6px;
    width: 50%;
}

.field-validation-error {
    color: red;
    font-weight: bold;
    background-color: yellow;
}

.input-validation-error {
    color: red;
    font-weight: bold;
    background-color: pink;
}


input[type=file], input[type=file] + input {
    display: inline-block;
    background-color: #eee;
    border: 1px solid gray;
    font-size: 15px;
    padding: 12px;
}

    input[type=file] + input {
        padding: 13px;
        background-color: #D1D8AE;
    }

::-webkit-file-upload-button {
    -webkit-appearance: none;
    background-color: #D1D8AE;
    border: 1px solid gray;
    font-size: 15px;
    padding: 12px;
}

::-ms-browse {
    background-color: #D1D8AE;
    border: 1px solid gray;
    font-size: 15px;
    padding: 12px;
}

input[type=file]::-ms-value {
    border: none;
}

.main-wrap {
    padding: 2rem;
    position: relative;
    width: 100%;
}

.upload-container {
    z-index: 9999999;
    height: 262px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


.upload_target {
    font-family: 'Material Symbols Outlined';
    font-size: 65px; /* Preferred icon size */
    font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 200, 'opsz' 48
}

.material-symbols-outlined {
    font-family: 'Material Symbols Regular';
    font-size: 65px; /* Preferred icon size */
}


.upload_box {
    background: #ffffff;
    height: 260px;
    width: 100%;
    outline: 1px dashed #262b38;
    outline-offset: -20px;
    border-radius: 10px;
    cursor: pointer;
}

    .upload_box .no_file {
        padding: 5px 20px;
        text-align: center;
        position: relative;
        top: -30px;
        bottom: auto;
        left: 0;
        right: 0;
        line-height: 1;
        width: 100%;
    }

        .upload_box .no_file h3, p {
            color: #92b0b3;
            font-size: 12px;
        }

.navbar {
}


/* VERSION 3 */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

:root {
    --Nov-CommDarker: #204289;
    --Nov-CommDark: #4f7bd7;
    --Nov-CommMed: #a4bbea;
    --Nov-CommLight: #c6d4f2;
    --Nov-CommExtraLight: #e0eeff;
    --Nov-ResDarker: #387930;
    --Nov-ResDark: #4aa03f;
    --Nov-ResMed: #aedda8;
    --Nov-ResLight: #cceac9;
    --Nov-ResExtraLight: #eaffe6;
    --Nov-AptDarker: #9b570e;
    --Nov-AptDark: #d67813;
    --Nov-AptMed: #f6c998;
    --Nov-AptLight: #f9ddbf;
    --Nov-AptExtraLight: #fef7f0;
    --Nov-BppDarker: #613177;
    --Nov-BppDark: #6e3787;
    --Nov-BppMed: #cba6db;
    --Nov-BppLight: #dec8e8;
    --Nov-BppExtraLight: #faf6fb;
    --Nov-LandDarker: #6d5e3b;
    --Nov-LandDark: #9b8554;
    --Nov-LandMed: #d8ceb8;
    --Nov-LandLight: #e7e1d3;
    --Nov-LandExtraLight: #fbfaf8;
    --Nov-UnknownDarker: #7b7115;
    --Nov-UnknownDark: #bbac20;
    --Nov-UnknownMed: #e9df7a;
    --Nov-UnknownLight: #f4efbe;
    --Nov-UnknownExtraLight: #fbfaea;
    /*--Nov--AddPropertyMed: #4f7bd7;*/
    /*--Nov--AddPropertyDark: #2058ce;*/
    /*--Nov--AddPropertyBright: #3d7bff;*/
    --Nov--AddPropertyMed: #4f7bd7;
    --Nov--AddPropertyDark: #2058ce;
    --Nov--AddPropertyBright: #3d7bff;
    --Nov--TextLight: #f5f2f2;
    --Nov--TextDark: #787862;
    --Nov--AquaDarkest: #1a3846;
    --Nov--AquaDark: #42617b;
    --Nov--AquaMedium: #8ea0b0;
    --Nov--AquaLight: #e7f0f5;
    --Nov--BugOrange: #ff6e00;
    --Nov--BugOrangeMed: #ff8e00;
    --Nov--BugOrangeLight: #ffb57c;
    --Nov--BugOrangeExtraLight: #ffd6b7;
    --Nov--TanDark: #c2c2af;
    --Nov--TanLight: #e7e7e0;
    --Nov--TanLighter: #f6f6f4;
    --Nov--QuestionnaireDarkest: #1a3846;
    --Nov--QuestionnaireDark: #42617b;
    --Nov--QuestionnaireMedium: #9bd2e7;
    --Nov--QuestionnaireLight: #e7f0f5;
    --Nov-Radius: 15px;
}

/*:root {
    --Nov-CommDarker: #204289;
    --Nov-CommDark: #4b6bdc;
    --Nov-CommMed: #a9c8e5;
    --Nov-CommLight: #caddef;
    --Nov-ResDarker: #338029;
    --Nov-ResDark: #39a54a;
    --Nov-ResMed: #abd9b8;
    --Nov-ResLight: #cbe7d3;
    --Nov-AptDarker: #9b570e;
    --Nov-AptDark: #e86e00;
    --Nov-AptMed: #dfc5b0;
    --Nov-AptLight: #ebdbce;
    --Nov-BppDarker: #7e8226;
    --Nov-BppDark: #c5c823;
    --Nov-BppMed: #dedca6;
    --Nov-BppLight: #ebe9c8;
    --Nov-LandDarker: #786230;
    --Nov-LandDark: #aa9147;
    --Nov-LandMed: #decfb2;
    --Nov-LandLight: #ebe2d0;
    --Nov-UnknownDarker: #613177;
    --Nov-UnknownDark: #662d91;
    --Nov-UnknownMed: #c2aad6;
    --Nov-UnknownLight: #dacbe6;

    --Nov-Radius: 15px;
}*/


/* Small Resolution - Mobile */
@media (min-width: 10px) and (max-width: 650px) {


    div.largeCard {
        display: none;
        visibility: hidden;
    }

    div.smallCard {
        display: block;
        visibility: visible;
    }

    div.largeCompanyCard {
        display: none;
    }

    div.smallCompanyCard {
        display: block;
    }

    div.largePropertyCard {
        display: none;
    }

    div.smallPropertyCard {
        display: block;
    }

    img.ImageGraphic {
        height: 93px;
        /*width: 100px;*/
        border-radius: var(--Nov-Radius) 0 0 0;
    }

    div.TopContentParent {
        display: none;
    }

    div.BottomContentParent {
        display: none;
    }

    div.AppealStatusContent {
        margin-top: 20px;
        line-height: 20px;
    }

    div.ValueContentParent {
        margin-top: 20px;
    }

    div.NoticedContentParent {
        float: left;
        margin: 10px 12px 0 0;
        line-height: 20px;
    }

    div.FinalContentParent {
        float: left;
        margin: 10px 12px 0 12px;
        line-height: 20px;
    }

    div.ButtonContainer {
        display: none;
    }

    div.ButtonContainerInvoice {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    div.MyInfoRequesterButtonContainer {
        display: inline-block;
    }

    .AddPropertyButtonContainer {
        display: inline-block;
    }

    div.AddressParent {
        margin-top: 5px;
    }

    div.AccountParent {
        display: none;
    }

    div.ParentContainer {
        padding: 0;
        margin: 10px 0 175px 0;
        border-radius: var(--Nov-Radius);
        width: 350px;
        background-color: #00000000;
    }

    div.ContentParent {
        padding: 0;
        margin: 0;
        border-radius: var(--Nov-Radius);
        background-color: #ffffff;
        height: 200px;
    }

    div.ContentDetails {
        padding: 10px;
        margin: 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        height: 200px;
        line-height: 20px;
    }

    div.ButtonParent {
        padding: 10px;
        margin: 0;
        border-radius: 0 0 var(--Nov-Radius) var(--Nov-Radius);
        height: 175px;
    }

    div.InvoiceAmountParent {
        padding: 10px;
        margin: 0;
        border-radius: 0 0 0 0;
        /*height: 275px;*/
    }

    div.ButtonParentNav {
        padding: 10px;
        margin: 0;
        height: 175px;
    }


    .NoticedLabel {
        font-weight: 300;
        font-size: 15px;
        white-space: nowrap;
    }

    .NoticedValue {
        font-weight: 600;
        font-size: 18px;
        white-space: nowrap;
    }

    .FinalLabel {
        font-weight: 300;
        font-size: 15px;
        white-space: nowrap;
    }

    .FinalValue {
        font-weight: 600;
        font-size: 18px;
        white-space: nowrap;
    }

    .AppealStatusLabel {
        font-weight: 300;
        font-size: 18px;
    }

    .AppealStatusValue {
        font-weight: 600;
        font-size: 20px;
    }

    .AddressValue {
        font-weight: 600;
        font-size: 15px;
    }

    .AccountNumberLabel {
        font-weight: 300;
        font-size: 15px;
    }

    .AccountNumberValue {
        font-weight: 600;
        font-size: 15px;
    }

    .CardButton {
        white-space: nowrap;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) var(--Nov-Radius) var(--Nov-Radius);
        width: 100%;
        height: 30px;
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 0.9;
        font-weight: 500;
    }

    .ImageContainer {
        float: left;
        padding: 0;
        margin: 0 10px 0 0;
        border-radius: var(--Nov-Radius) 0 0 0;
        height: 200px;
        width: 100px;
        vertical-align: center;
    }

    .CompanyContentParent {
        padding: 0;
        margin: 0;
        border-radius: var(--Nov-Radius);
        background-color: var(--Nov--AquaMedium);
        border: 2px solid var(--Nov--AquaDark);
        height: 100%;
    }

    .CompanyContentDetails {
        padding: 0;
        margin: 0;
        border-radius: var(--Nov-Radius);
        height: 160px;
    }

    .CompanyParentContainer {
        padding: 0;
        margin: 10px 0 10px 10px;
        border-radius: var(--Nov-Radius);
        width: 352px;
    }

    .CompanyTopContentParent {
        margin-top: -2px;
        margin-left: -2px;
        margin-right: -2px;
        padding-left: 0;
        padding-right: 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        height: 35px;
        background-color: var(--Nov--AquaDark);
    }

    .CompanyName {
        font-weight: 600;
        font-size: 15px;
        margin-left: 20px;
        line-height: 37px;
        Background-Color: var(--Nov--AquaDark);
        color: var(--Nov--AquaLight);
    }

    .CompanyBottomContentParent {
        /* margin-top: 5px;
         padding: 0;*/
        line-height: 19px;
        height: 135px;
        overflow: hidden;
        Background-Color: var(--Nov--AquaLight);
        /* text-wrap: none;*/
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 0px;
        padding-left: 15px;
    }

    .CompanyPropertyName {
        font-weight: 400;
        font-size: 12px;
        margin: 0 0 0 30px;
        padding: 0;
        line-height: 11px;
        overflow: hidden;
        text-wrap: none;
        color: var(--Nov-CommDark);
    }

    .CompanyBottomButtonParent {
        margin: 5px 10px 0 0;
        padding: 3px 5px 10px 5px;
        line-height: 15px;
    }

    .CompanyOverviewButton {
        float: left;
        width: 100%;
        border-radius: 25px;
        margin: 0 5px 10px 5px;
        height: 30px;
        line-height: 0.9;
        font-weight: 500;
    }

    .AppealStatusCompany {
        text-decoration: none;
        color: var(--Nov--AquaDarkest);
    }

    .propertyLink {
        text-decoration: none;
        color: var(--Nov--AquaDarkest);
    }

        .propertyLink:hover {
            text-decoration: none;
            background-color: var(--Nov-AptLight);
            color: var(--Nov--AquaDarkest);
        }

        .propertyLink:visited {
            text-decoration: none;
            color: var(--Nov--AquaDarkest);
        }


    .AddPropertyButton {
        white-space: nowrap;
        /* border-radius: var(--Nov-Radius) var(--Nov-Radius) var(--Nov-Radius) var(--Nov-Radius);*/
        width: 100%;
        height: 60px;
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 1.1;
        font-weight: 500;
    }

    div.UpdateInfoRequesterCompanyButtonParent {
        padding: 10px;
        margin: 0;
        border-radius: 0 0 var(--Nov-Radius) var(--Nov-Radius);
    }

    .UpdateInfoRequesterCompanyCardButton {
        float: left;
        border-radius: 25px;
        margin: 0 2px 0 2px;
        padding: 10px;
        height: 30px;
        font-size: 10px;
        line-height: 0.9;
        font-weight: 500;
    }

    .MyInfoRequesterBgLight {
        background-color: var(--Nov--TanLight);
    }

    div.ParentContainerMyInfoRequester {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius);
        width: 100%;
    }

    .MyInfoRequesterPageHeading {
        font-size: 32px;
        font-weight: 600;
        margin-left: 20px;
    }

    .MyInfoRequesterContent {
        font-size: 16px;
        font-weight: 500;
        margin: 10px;
        padding: 10px;
    }

    div.ParentContainerPasswordChanged {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius);
        width: 100%;
    }

    .PasswordChangedPageHeading {
        font-size: 32px;
        font-weight: 600;
        margin-left: 20px;
    }

    .PasswordChangedContent {
        font-size: 16px;
        font-weight: 500;
        margin: 10px;
        padding: 10px;
    }

    div.ParentContainerFileUpload {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius);
        width: 100%;
    }

    .FileUploadPageHeading {
        font-size: 32px;
        font-weight: 600;
        margin-left: 20px;
    }


    .FileUploadPageAddress {
        font-size: 24px;
        font-weight: 600;
        margin-left: 20px;
    }

    .FileUploadContent {
        font-size: 16px;
        font-weight: 500;
        margin: 10px;
        padding: 10px;
    }

    .FileUploadFileTypeText {
        font-size: 10px;
    }

    .FooterContentParentProperty {
        margin: 0;
        padding: 0;
        width: 350px;
        height: auto;
        border-radius: 0 0 var(--Nov-Radius) var(--Nov-Radius);
    }

    .FooterContentParentInvoice {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        height: auto;
        border-radius: 0 0 var(--Nov-Radius) var(--Nov-Radius);
    }

    .InvoiceSubTitle {
        font-size: 18px;
        font-weight: 500;
    }

    .ContentInvoiceItemContainerTopLeft {
        border-radius: 5px 0 0 0;
        width: 150px;
        margin: 1px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerTopRight {
        border-radius: 0 5px 0 0;
        width: 100px;
        margin: 1px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerBottomLeft {
        border-radius: 0 0 0 10px;
        width: 150px;
        margin: 1px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerBottomRight {
        border-radius: 0 0 5px 0;
        width: 100px;
        margin: 1px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerMiddleLeft {
        border-radius: 0 0 0 0;
        width: 150px;
        margin: 1px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerMiddleRight {
        border-radius: 0 0 0 0;
        width: 100px;
        margin: 1px;
        padding: 5px;
    }

    .EditAccountContent {
        font-size: 12px;
        font-weight: 300;
        margin: 5px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerBottomLineInvoice {
        border-bottom: 2px var(--Nov-LandDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineCommercial {
        border-bottom: 2px var(--Nov-CommDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineResidential {
        border-bottom: 2px var(--Nov-ResDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineApartments {
        border-bottom: 2px var(--Nov-AptDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineBPP {
        border-bottom: 2px var(--Nov-BppDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineLand {
        border-bottom: 2px var(--Nov-LandDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineUnknown {
        border-bottom: 2px var(--Nov-UnknownDarker) solid;
    }

    .ImageContainerInvoiceDetail {
        float: left;
        padding: 0 0 0 0;
        width: 110px;
        margin: 0 10px 0 0;
        border-radius: var(--Nov-Radius) 0 0 0;
    }

    .ImageGraphicInvoiceDetail {
        height: 100px;
        border-radius: var(--Nov-Radius) 0 0 var(--Nov-Radius);
    }

    .ParentContainerInvoiceDetail {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        width: 450px;
    }

    div.TopContentParentInvoice {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        height: 150px;
        /*background-color: #661122;*/
    }

    div.ContentParentInvoice {
        padding: 0;
        margin: 0;
        border-radius: var(--Nov-Radius);
        background-color: #11cc33;
        height: 75px;
    }

    div.ContentDetailsInvoice {
        margin: 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        height: 100px;
    }

    div.AddressParentInvoice {
        margin-top: 5px;
    }

    div.AccountParentInvoice {
        float: left;
        margin: 0 12px 0 0;
        line-height: 20px;
    }

    .AmountDueLabelInvoice {
        font-weight: 300;
        font-size: 12px;
        float: right;
    }

    .AmountDueValueInvoice {
        font-weight: 600;
        font-size: 16px;
        float: right;
    }

    div.ActualAmountDueContentParentInvoice {
        float: left;
        margin: 10px 15px 0 0;
        line-height: 15px;
    }


    .AccountNumberLabel {
        font-weight: 300;
        font-size: 11px;
    }

    .AccountNumberValue {
        font-weight: 600;
        font-size: 11px;
    }

    .AddressValueProperty {
        font-weight: 600;
        font-size: 13px;
        max-width: 50px;
    }

    div.InvoiceAmountContentParentInvoice {
        margin: 0;
        float: left;
        padding: 0;
    }

    div.AmountDueContentParentInvoice {
        float: left;
        margin: 0 12px 0 -10px;
        line-height: 15px;
    }

    div.ParentContainerProperty {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        width: 100%;
    }

    .ImageContainerProperty {
        float: left;
        padding: 0;
        margin: 0 10px 0 0;
        border-radius: var(--Nov-Radius) 0 0 0;
        height: 200px;
        width: 100px;
        vertical-align: center;
    }

    .ImageGraphicProperty {
        height: 93px;
        /*width: 100px;*/
        border-radius: var(--Nov-Radius) 0 0 0;
    }

    div.TopContentParentProperty {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        height: 50px;
    }

    div.ContentParentProperty {
        padding: 0;
        margin: 0;
        border-radius: var(--Nov-Radius);
        background-color: #ffffff;
        height: 150px;
    }

    div.ContentDetailsProperty {
        padding: 10px 0 0 30px;
        margin: 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        height: 100px;
    }

    div.AccountParentProperty {
        display: none;
    }

    div.BottomContentParentProperty {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        height: 200px;
    }

    .AppealStatusLabelProperty {
        font-weight: 300;
        font-size: 18px;
    }

    .AppealStatusValueProperty {
        font-weight: 600;
        font-size: 13px;
    }

    div.AddressParentProperty {
        margin-top: 5px;
    }

    .QuestionnaireTypePageHeading {
        font-size: 24px;
        font-weight: 600;
    }

    .QuestionnaireTypePageAddress {
        font-size: 18px;
        font-weight: 600;
    }

    .CardButtonProperty {
        float: left;
        width: 100px;
        border-radius: 25px;
        margin: 0 2px 0 2px;
        padding: 10px 0 0 0;
        height: 30px;
        font-size: 10px;
        line-height: 0.9;
        font-weight: 500;
    }

    .OutstandingLabel {
        font-size: 20px;
        font-weight: 600;
        margin-left: 20px;
    }


    .QuestionnaireContent {
        font-size: 16px;
        font-weight: 500;
        margin: 0px;
        padding: 10px;
    }

    div.InformalContentParentProperty {
        float: left;
        margin: 10px 22px 0 0;
        line-height: 15px;
    }

    div.FormalContentParentProperty {
        float: left;
        margin: 10px 12px 0 0;
        line-height: 15px;
    }

    .InformalValueProperty {
        font-weight: 600;
        font-size: 13px;
        text-align: center;
        width: 100%;
    }

    .FormalValueProperty {
        font-weight: 600;
        font-size: 13px;
    }

    .InformalLabelProperty {
        font-weight: 300;
        font-size: 15px;
        float: right;
        line-height: 15px;
    }

    .FormalLabelProperty {
        font-weight: 300;
        font-size: 15px;
        float: right;
    }

    div.HearingDatesContentParentProperty {
        padding: 0;
    }
}

/* Large Resolution - Desktop */
@media (min-width: 650px) {



    div.largeCard {
        display: block;
        visibility: visible;
    }

    div.smallCard {
        display: none;
        visibility: hidden;
    }

    div.largeCompanyCard {
        display: block;
    }

    div.smallCompanyCard {
        display: none;
    }

    div.largePropertyCard {
        display: block;
    }

    div.smallPropertyCard {
        display: none;
    }

    .FileUploadContent {
        font-size: 16px;
        font-weight: 500;
        margin: 10px;
        padding: 10px;
    }

    .FileUploadFileTypeText {
        font-size: 10px;
    }

    .PasswordChangedContent {
        font-size: 16px;
        font-weight: 500;
        margin: 10px;
        padding: 10px;
    }

    .MyInfoRequesterContent {
        font-size: 16px;
        font-weight: 500;
        margin: 10px;
        padding: 10px;
    }



    /* BEGIN: For Customer Details Property Cards */
    .ImageContainer {
        float: left;
        padding: 0 0 0 0;
        height: 150px;
        width: 150px;
        margin: 0 10px 0 0;
        border-radius: var(--Nov-Radius) 0 0 var(--Nov-Radius);
    }

    img.ImageGraphic {
        height: 130px;
        padding: 11px 0 0 11px;
        border-radius: var(--Nov-Radius) 0 0 var(--Nov-Radius);
    }

    div.TopContentParent {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        height: 50px;
    }

    div.BottomContentParent {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    div.AppealStatusContent {
        line-height: 15px;
        float: left;
    }

    div.ValueContentParent {
        margin-top: 0;
        float: right;
        padding: 0;
    }

    div.NoticedContentParent {
        float: left;
        margin: 0 12px 0 0;
        line-height: 15px;
    }

    div.FinalContentParent {
        float: left;
        margin: 0 12px 0 12px;
        line-height: 15px;
    }

    div.ButtonContainer {
        display: inline-block;
    }

    div.MyInfoRequesterButtonContainer {
        display: inline-block;
    }


    .AddPropertyButtonContainer {
        /*display: inline-block;*/
    }

    div.AddressParent {
        float: left;
        margin: 0 12px 0 0;
        line-height: 20px;
        max-width: 255px;
    }

    div.AccountParent {
        float: right;
        margin: 0 12px 0 0;
        line-height: 20px;
    }

    div.ParentContainer {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius);
        width: 552px;
    }

    .ParentContainerInvoiceDetail {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius);
        width: 250px;
    }

    div.ContentParent {
        padding: 0;
        margin: 0;
        border-radius: var(--Nov-Radius);
        background-color: #ffffff;
        height: 150px;
    }

    div.ContentDetails {
        padding: 10px 0 0 30px;
        margin: 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        height: 100px;
    }

    div.ButtonParent {
        padding: 10px;
        margin: 0;
        border-radius: 0 0 var(--Nov-Radius) var(--Nov-Radius);
        height: 50px;
        text-align: center;
    }

    div.UpdateInfoRequesterCompanyButtonParent {
        padding: 10px;
        margin: 0;
        border-radius: 0 0 var(--Nov-Radius) var(--Nov-Radius);
    }

    .UpdateInfoRequesterCompanyCardButton {
        float: left;
        border-radius: 25px;
        margin: 0 2px 0 2px;
        padding: 10px;
        height: 30px;
        font-size: 10px;
        line-height: 0.9;
        font-weight: 500;
    }

    div.InvoiceAmountParent {
        padding: 10px;
        margin: 0;
        border-radius: 0 0 0 0;
        height: 50px;
    }

    div.ButtonParentNav {
        padding: 10px;
        margin: 0;
        height: 50px;
        text-align: center;
    }

    .NoticedLabel {
        font-weight: 300;
        font-size: 11px;
        float: right;
    }


    .NoticedValue {
        font-weight: 600;
        font-size: 13px;
        float: right;
    }

    .FinalLabel {
        font-weight: 300;
        font-size: 11px;
        float: right;
    }

    .FinalValue {
        font-weight: 600;
        font-size: 13px;
        float: right;
    }

    .AppealStatusLabel {
        font-weight: 300;
        font-size: 11px;
    }

    .AppealStatusValue {
        /*font-weight: 600;*/
        /*font-size: 13px;*/
    }

    .AddressValue {
        font-weight: 600;
        font-size: 13px;
        max-width: 50px;
    }

    .AccountNumberLabel {
        font-weight: 300;
        font-size: 11px;
    }

    .AccountNumberValue {
        font-weight: 600;
        font-size: 11px;
    }

    .CardButton {
        float: left;
        width: 80px;
        border-radius: 25px;
        margin: 0 2px 0 2px;
        padding: 10px 0 0 0;
        height: 30px;
        font-size: 10px;
        line-height: 0.9;
        font-weight: 500;
    }


    .CardButtonWide {
        white-space: nowrap;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) var(--Nov-Radius) var(--Nov-Radius);
        width: 100%;
        height: 30px;
        margin: 0 10px 10px 0;
        font-size: 14px;
        line-height: 0.9;
        font-weight: 500;
    }

    /* END: For Customer Details Property Cards */
    /* BEGIN: For Property Detail Page */
    .ImageContainerProperty {
        float: left;
        padding: 0 0 0 0;
        height: 150px;
        width: 150px;
        margin: 0 10px 0 0;
        border-radius: var(--Nov-Radius) 0 0 0;
    }

    img.ImageGraphicProperty {
        height: 130px;
        padding: 11px 0 0 11px;
        border-radius: var(--Nov-Radius) 0 0 var(--Nov-Radius);
    }

    div.TopContentParentProperty {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        height: 50px;
    }

    div.TopContentParentInvoice {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        height: 75px;
    }

    div.BottomContentParentProperty {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    div.BottomContentParentInvoice {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    div.AppealStatusContentProperty {
        line-height: 15px;
        float: left;
    }

    div.ValueContentParentProperty {
        margin-top: 0;
        float: right;
        padding: 0;
    }

    div.InvoiceAmountContentParentInvoice {
        margin-top: 0;
        float: right;
        padding: 0;
    }

    div.NoticedContentParentProperty {
        float: left;
        margin: 0 12px 0 0;
        line-height: 15px;
    }

    div.AmountDueContentParentInvoice {
        float: right;
        margin: 0 12px 0 0;
        line-height: 15px;
    }

    div.FinalContentParentProperty {
        float: left;
        margin: 0 12px 0 12px;
        line-height: 15px;
    }

    div.ActualAmountDueContentParentInvoice {
        float: left;
        margin: 0 12px 0 12px;
        line-height: 15px;
    }

    div.HearingDatesContentParentProperty {
        margin-top: 3px;
        padding: 0 0 0 125px;
    }

    div.InformalContentParentProperty {
        float: left;
        margin: 0 12px 0 0;
        line-height: 15px;
    }

    div.FormalContentParentProperty {
        float: left;
        margin: 0 12px 0 12px;
        line-height: 15px;
    }

    div.ButtonContainerProperty {
        display: inline-block;
    }

    .AddPropertyButtonContainerProperty {
        /*display: inline-block;*/
    }

    div.AddressParentProperty {
        float: left;
        margin: 0 12px 0 0;
        line-height: 20px;
        max-width: 255px;
    }

    div.AccountParentProperty {
        float: right;
        margin: 0 12px 0 0;
        line-height: 20px;
    }

    div.ParentContainerProperty {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        width: 100%;
    }

    div.ParentContainerInvoice {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        width: 100%;
    }

    div.ContentParentProperty {
        padding: 0;
        margin: 0;
        border-radius: var(--Nov-Radius);
        background-color: #ffffff;
        height: 150px;
    }

    .ContentInvoiceItemContainerTopLeft {
        border-radius: 10px 0 0 0;
        width: 300px;
        margin: 1px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerTopRight {
        border-radius: 0 10px 0 0;
        width: 200px;
        margin: 1px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerBottomLeft {
        border-radius: 0 0 0 10px;
        width: 300px;
        margin: 1px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerBottomRight {
        border-radius: 0 0 10px 0;
        width: 200px;
        margin: 1px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerMiddleLeft {
        border-radius: 0 0 0 0;
        width: 300px;
        margin: 1px;
        padding: 5px;
    }

    .ContentInvoiceItemContainerMiddleRight {
        border-radius: 0 0 0 0;
        width: 200px;
        margin: 1px;
        padding: 5px;
    }

    .InvoiceSubTitle {
        font-size: 28px;
        font-weight: 500;
    }

    .ContentInvoiceItemContainerBottomLineInvoice {
        border-bottom: 2px var(--Nov-LandDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineCommercial {
        border-bottom: 2px var(--Nov-CommDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineResidential {
        border-bottom: 2px var(--Nov-ResDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineApartments {
        border-bottom: 2px var(--Nov-AptDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineBPP {
        border-bottom: 2px var(--Nov-BppDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineLand {
        border-bottom: 2px var(--Nov-LandDarker) solid;
    }

    .ContentInvoiceItemContainerBottomLineUnknown {
        border-bottom: 2px var(--Nov-UnknownDarker) solid;
    }

    div.ContentDetailsProperty {
        padding: 10px 0 0 30px;
        margin: 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        height: 100px;
    }

    .ContentDetailsInvoice {
        padding: 10px 0 0 30px;
        margin: 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        height: 150px;
    }

    div.ButtonParentProperty {
        padding: 10px;
        margin: 0;
        border-radius: 0 0 0 var(--Nov-Radius);
        height: 50px;
        text-align: right;
    }

    div.ButtonParentNavProperty {
        padding: 10px;
        margin: 0;
        height: 50px;
        text-align: center;
    }

    div.ParentContainerQuestionnaire {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius);
        width: 100%;
    }

    div.ParentContainerFileUpload {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius);
        width: 100%;
    }

    div.ParentContainerPasswordChanged {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius);
        width: 100%;
    }

    div.ParentContainerMyInfoRequester {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius);
        width: 100%;
    }

    div.ParentContainerEditAccount {
        padding: 0;
        margin: 10px 0 10px 0;
        border-radius: var(--Nov-Radius);
        width: 100%;
    }

    .InformalLabelProperty {
        font-weight: 300;
        font-size: 11px;
        float: right;
        line-height: 15px;
    }

    .InformalValueProperty {
        font-weight: 600;
        font-size: 13px;
        float: right;
    }

    .FormalLabelProperty {
        font-weight: 300;
        font-size: 11px;
        float: right;
    }

    .FormalValueProperty {
        font-weight: 600;
        font-size: 13px;
        float: right;
    }


    .NoticedLabelProperty {
        font-weight: 300;
        font-size: 11px;
        float: right;
    }

    .NoticedValueProperty {
        font-weight: 600;
        font-size: 16px;
        float: right;
    }

    .FinalLabelProperty {
        font-weight: 300;
        font-size: 11px;
        float: right;
    }

    .FinalValueProperty {
        font-weight: 600;
        font-size: 16px;
        float: right;
    }

    .AmountDueLabelInvoice {
        font-weight: 300;
        font-size: 14px;
        float: right;
    }

    .AmountDueValueInvoice {
        font-weight: 600;
        font-size: 20px;
        float: right;
    }

    .AppealStatusLabelProperty {
        font-weight: 300;
        font-size: 11px;
    }

    .AppealStatusValueProperty {
        /* font-weight: 600;
         font-size: 13px;*/
    }

    .AddressValueProperty {
        font-weight: 600;
        font-size: 13px;
        max-width: 50px;
    }

    .AccountNumberLabelProperty {
        font-weight: 300;
        font-size: 11px;
    }

    .AccountNumberValueProperty {
        font-weight: 600;
        font-size: 11px;
    }

    .CardButtonProperty {
        float: left;
        width: 100px;
        border-radius: 25px;
        margin: 0 2px 0 2px;
        padding: 10px 0 0 0;
        height: 30px;
        font-size: 10px;
        line-height: 0.9;
        font-weight: 500;
    }

    .FooterContentParentProperty {
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        border-radius: 0 0 var(--Nov-Radius) var(--Nov-Radius);
    }

    .FooterContentParentInvoice {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        height: auto;
        border-radius: 0 0 var(--Nov-Radius) var(--Nov-Radius);
    }


    .OutstandingLabel {
        font-size: 32px;
        font-weight: 600;
        margin-left: 20px;
    }

    .QuestionnaireTypePageHeading {
        font-size: 32px;
        font-weight: 600;
        margin-left: 20px;
    }

    .QuestionnaireTypePageAddress {
        font-size: 24px;
        font-weight: 600;
        margin-left: 20px;
    }

    .FileUploadPageAddress {
        font-size: 24px;
        font-weight: 600;
        margin-left: 20px;
    }

    .QuestionnaireContent {
        font-size: 16px;
        font-weight: 500;
        margin: 0px;
        padding: 10px;
    }

    .FileUploadPageHeading {
        font-size: 32px;
        font-weight: 600;
        margin-left: 20px;
    }

    .FileUploadSubHeading {
        font-size: 24px;
        font-weight: 600;
        margin-left: 20px;
    }

    .PasswordChangedPageHeading {
        font-size: 32px;
        font-weight: 600;
        margin-left: 20px;
    }

    .MyInfoRequesterPageHeading {
        font-size: 32px;
        font-weight: 600;
        margin-left: 20px;
    }


    .EditAccountPageHeading {
        font-size: 32px;
        font-weight: 600;
        margin-left: 20px;
    }

    .EditAccountContent {
        font-size: 16px;
        font-weight: 500;
        margin: 10px;
        padding: 10px;
    }

    /* END: For For Property Detail Page */
    .CompanyContentParent {
        padding: 0;
        margin: 0;
        border-radius: var(--Nov-Radius);
        background-color: var(--Nov--AquaMedium);
        border: 2px solid var(--Nov--AquaDark);
        height: 100%;
    }

    .CompanyContentDetails {
        padding: 0;
        margin: 0;
        border-radius: var(--Nov-Radius);
        height: 160px;
    }

    .CompanyParentContainer {
        padding: 0;
        margin: 10px 0 10px 10px;
        border-radius: var(--Nov-Radius);
        width: 352px;
    }

    .CompanyTopContentParent {
        margin-top: -2px;
        margin-left: -2px;
        margin-right: -2px;
        padding-left: 0;
        padding-right: 0;
        border-radius: var(--Nov-Radius) var(--Nov-Radius) 0 0;
        height: 35px;
        background-color: var(--Nov--AquaDark);
    }

    .CompanyName {
        font-weight: 600;
        font-size: 15px;
        margin-left: 20px;
        line-height: 37px;
        Background-Color: var(--Nov--AquaDark);
        color: var(--Nov--AquaLight);
    }

    .CompanyBottomContentParent {
        /* margin-top: 5px;
         padding: 0;
         line-height:15px;*/
        height: 125px;
        overflow: hidden;
        Background-Color: var(--Nov--AquaLight);
        /* text-wrap: none;*/
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 6px;
        padding-left: 5px;
    }

    .CompanyPropertyName {
        font-weight: 400;
        font-size: 12px;
        padding: 0;
        line-height: 11px;
        overflow: hidden;
        max-width: 50px;
        color: var(--Nov--AquaDarkest);
    }

    .CompanyBottomButtonParent {
        margin-top: 5px;
        padding: 3px 5px 10px 0;
        line-height: 15px;
    }

    .CompanyOverviewButton {
        float: right;
        width: 150px;
        border-radius: 25px;
        margin: 0 2px 10px 2px;
        height: 30px;
        line-height: 0.9;
        font-weight: 500;
    }

    .AppealStatusCompany {
        text-decoration: none;
        color: var(--Nov--AquaDarkest);
    }

    .propertyLink {
        text-decoration: none;
        color: var(--Nov--AquaDarkest);
    }

        .propertyLink:hover {
            text-decoration: none;
            background-color: var(--Nov-AptLight);
            color: var(--Nov--AquaDarkest);
        }

        .propertyLink:visited {
            text-decoration: none;
            color: var(--Nov--AquaDarkest);
        }

    .AddPropertyButton {
        white-space: nowrap;
        /* border-radius: var(--Nov-Radius) var(--Nov-Radius) var(--Nov-Radius) var(--Nov-Radius);*/
        width: 100%;
        height: 50px;
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 1.1;
        font-weight: 500;
    }
}


.CardSeparator {
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    border-radius: 10px;
    width: 50px;
}


.CompanyBackgroundMedium {
    background-color: var(--Nov--AquaLight);
}

.NavBg {
    background-color: var(--Nov-BppMed);
}

.CommercialBgExtraLight {
    background-color: var(--Nov-CommExtraLight);
}

.CommercialBgLight {
    background-color: var(--Nov-CommLight);
}

.CommercialBgMed {
    background-color: var(--Nov-CommMed);
}

.CommercialBgDark {
    background-color: var(--Nov-CommDark);
}

.ResidentialBgLight {
    background-color: var(--Nov-ResLight);
}

.ResidentialBgMed {
    background-color: var(--Nov-ResMed);
}

.ResidentialBgDark {
    background-color: var(--Nov-ResDark);
}

.ResidentialBgExtraLight {
    background-color: var(--Nov-ResExtraLight);
}

.ApartmentsBgLight {
    background-color: var(--Nov-AptLight);
}

.ApartmentsBgExtraLight {
    background-color: var(--Nov-AptExtraLight);
}

.ApartmentsBgMed {
    background-color: var(--Nov-AptMed);
}

.ApartmentsBgDark {
    background-color: var(--Nov-AptDark);
}

.BPPBgExtraLight {
    background-color: var(--Nov-BppExtraLight);
}

.BPPBgLight {
    background-color: var(--Nov-BppLight);
}

.BPPBgMed {
    background-color: var(--Nov-BppMed);
}

.BPPBgDark {
    background-color: var(--Nov-BppDark);
}

.LandBgExtraLight {
    background-color: var(--Nov-LandExtraLight);
}

.LandBgLight {
    background-color: var(--Nov-LandLight);
}

.LandBgMed {
    background-color: var(--Nov-LandMed);
}

.LandBgDark {
    background-color: var(--Nov-LandDark);
}

.UnknownBgExtraLight {
    background-color: var(--Nov-UnknownExtraLight);
}

.UnknownBgLight {
    background-color: var(--Nov-UnknownLight);
}

.UnknownBgMed {
    background-color: var(--Nov-UnknownMed);
}

.UnknownBgDark {
    background-color: var(--Nov-UnknownDark);
}

.QuestionnaireBgDarkest {
    background-color: var(--Nov--QuestionnaireDarkest);
}

.QuestionnaireBgDark {
    background-color: var(--Nov--QuestionnaireDark);
}

.QuestionnaireBgMedium {
    background-color: var(--Nov--QuestionnaireMedium);
}

.QuestionnaireBgLight {
    background-color: var(--Nov--QuestionnaireLight);
}

.QuestionnaireFgDarkest {
    background-color: var(--Nov--QuestionnaireDarkest);
}

.QuestionnaireFgDark {
    background-color: var(--Nov--QuestionnaireDark);
}


.CommercialFgDarker {
    color: var(--Nov-CommDarker);
}

.ResidentialFgDarker {
    color: var(--Nov-ResDarker);
}

.ApartmentsFgDarker {
    color: var(--Nov-AptDarker);
}

.BPPFgDarker {
    color: var(--Nov-BppDarker);
}

.LandFgDarker {
    color: var(--Nov-LandDarker);
}

.UnknownFgDarker {
    color: var(--Nov-UnknownDarker);
}

.FileUploadContentDarker {
    color: var(--Nov-LandDarker);
}

.FileUploadBgLight {
    background-color: var(--Nov--TanLight);
}

.FileUploadFgDarker {
    color: var(--Nov-LandDarker);
}

.PasswordChangedFgDarker {
    color: var(--Nov-LandDarker);
}

.PasswordChangedBgLight {
    background-color: var(--Nov--TanLight);
}

.MyInfoRequesterFgDarker {
    color: var(--Nov-LandDarker);
}

.FileUploadBgDark {
    background-color: var(--Nov--TanDark);
}

.FileUploadTableHeadDarker {
    color: var(--Nov--TanLight);
    background-color: var(--Nov-LandDarker);
}

.FileUploadBgExtraLight {
    background-color: var(--Nov--TanLighter);
}

.MyInfoRequesterBgExtraLight {
    background-color: var(--Nov--TanLighter);
}

.FileUploadText {
    color: var(--Nov--AddPropertyDark);
    line-height: 30px;
}

.MyInfoRequesterBgLight {
    background-color: var(--Nov--TanLight);
}

.browse-file {
    border-radius: var(--Nov-Radius);
}

.buttonRadius {
    border-radius: var(--Nov-Radius);
}

.EditAccountBgLighter {
    background-color: var(--Nov--TanLighter);
}

.EditAccountFgDarker {
    color: var(--Nov-LandDarker);
}

.EditAccountBgLight {
    background-color: var(--Nov--TanLight);
}


.PropertyDetailBgExtraLight {
    background-color: var(--Nov--TanLighter);
}

.PropertyDetailFgDarker {
    color: var(--Nov-LandDarker);
}

.PropertyDetailBgLight {
    background-color: var(--Nov--TanLight);
}

.InvoiceBgExtraLight {
    background-color: var(--Nov--TanLighter);
}

.InvoiceFgDarker {
    color: var(--Nov-LandDarker);
}

.InvoiceBgLight {
    background-color: var(--Nov--TanLight);
}


/* Buttons */

.btn-outline-CopyCode {
    color: var(--Nov--AquaDarkest);
    border-color: #888;
    background-color: #fff;
}




.btn-outline-addproperty {
    color: var(--Nov--TextLight);
    border-color: var(--Nov--AddPropertyDark);
    background-color: var(--Nov--AddPropertyDark);
    width: 100%;
}

    .btn-outline-addproperty:hover {
        color: var(--Nov--TextLight);
        border-color: var(--Nov--AddPropertyBright);
        background-color: var(--Nov--AddPropertyBright);
    }

    .btn-check:focus + .btn-outline-addproperty, .btn-outline-addproperty:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-addproperty, .btn-check:active + .btn-outline-addproperty, .btn-outline-addproperty:active, .btn-outline-addproperty.active, .btn-outline-addproperty.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov-CommDark);
        border-color: var(--Nov-CommDark);
    }

        .btn-check:checked + .btn-outline-addproperty:focus, .btn-check:active + .btn-outline-addproperty:focus, .btn-outline-addproperty:active:focus, .btn-outline-addproperty.active:focus, .btn-outline-addproperty.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-addproperty:disabled, .btn-outline-addproperty.disabled {
        color: var(--Nov-CommDark);
        border-color: var(--Nov-CommDark);
        background-color: transparent;
    }


.btn-outline-addproperty-submitted {
    color: var(--Nov-CommDark);
    background-color: #cbe7d3;
    border-color: var(--Nov-CommDark);
}

    .btn-outline-addproperty-submitted:hover {
        color: #fff;
        background-color: #39a54a;
        border-color: var(--Nov-CommDark);
    }

    .btn-check:focus + .btn-outline-addproperty-submitted, .btn-outline-addproperty-submitted:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-addproperty-submitted, .btn-check:active + .btn-outline-addproperty-submitted, .btn-outline-addproperty-submitted:active, .btn-outline-addproperty-submitted.active, .btn-outline-addproperty-submitted.dropdown-toggle.show {
        color: #fff;
        background-color: #cbe7d3;
        border-color: #39a54a;
    }

        .btn-check:checked + .btn-outline-addproperty-submitted:focus, .btn-check:active + .btn-outline-addproperty-submitted:focus, .btn-outline-addproperty-submitted:active:focus, .btn-outline-addproperty-submitted.active:focus, .btn-outline-addproperty-submitted.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-addproperty-submitted:disabled, .btn-outline-addproperty-submitted.disabled {
        color: var(--Nov-CommDark);
        background-color: transparent;
    }


.btn-outline-novSameAsLastYear {
    color: var(--Nov--BugOrange);
    border-color: var(--Nov--BugOrange);
}

    .btn-outline-novSameAsLastYear:hover {
        color: var(--Nov--BugOrangeExtraLight);
        background-color: var(--Nov--BugOrange);
        border-color: var(--Nov--BugOrange);
    }

    .btn-check:focus + .btn-outline-novSameAsLastYear, .btn-outline-novSameAsLastYear:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-novSameAsLastYear, .btn-check:active + .btn-outline-novSameAsLastYear, .btn-outline-novSameAsLastYear:active, .btn-outline-novSameAsLastYear.active, .btn-outline-novSameAsLastYear.dropdown-toggle.show {
        color: var(--Nov--BugOrangeExtraLight);
        background-color: var(--Nov--BugOrange);
        border-color: var(--Nov--BugOrange);
    }

        .btn-check:checked + .btn-outline-novSameAsLastYear:focus, .btn-check:active + .btn-outline-novSameAsLastYear:focus, .btn-outline-novSameAsLastYear:active:focus, .btn-outline-novSameAsLastYear.active:focus, .btn-outline-novSameAsLastYear.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-novSameAsLastYear:disabled, .btn-outline-novSameAsLastYear.disabled {
        color: var(--Nov--BugOrange);
        background-color: transparent;
    }


.btn-outline-novSameAsLastYear-submitted {
    color: var(--Nov--BugOrange);
    background-color: #cbe7d3;
    border-color: var(--Nov--BugOrange);
}

    .btn-outline-novSameAsLastYear-submitted:hover {
        color: var(--Nov--BugOrangeExtraLight);
        background-color: #39a54a;
        border-color: var(--Nov--BugOrange);
    }

    .btn-check:focus + .btn-outline-novSameAsLastYear-submitted, .btn-outline-novSameAsLastYear-submitted:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-novSameAsLastYear-submitted, .btn-check:active + .btn-outline-novSameAsLastYear-submitted, .btn-outline-novSameAsLastYear-submitted:active, .btn-outline-novSameAsLastYear-submitted.active, .btn-outline-novSameAsLastYear-submitted.dropdown-toggle.show {
        color: var(--Nov--BugOrangeExtraLight);
        background-color: #cbe7d3;
        border-color: #39a54a;
    }

        .btn-check:checked + .btn-outline-novSameAsLastYear-submitted:focus, .btn-check:active + .btn-outline-novSameAsLastYear-submitted:focus, .btn-outline-novSameAsLastYear-submitted:active:focus, .btn-outline-novSameAsLastYear-submitted.active:focus, .btn-outline-novSameAsLastYear-submitted.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-novSameAsLastYear-submitted:disabled, .btn-outline-novSameAsLastYear-submitted.disabled {
        color: var(--Nov--BugOrange);
        background-color: transparent;
    }


.btn-outline-backbutton {
    color: var(--Nov--BugOrange);
    border-color: var(--Nov--BugOrange);
}

    .btn-outline-backbutton:hover {
        color: var(--Nov--BugOrangeExtraLight);
        background-color: var(--Nov--BugOrange);
        border-color: var(--Nov--BugOrange);
    }

    .btn-check:focus + .btn-outline-backbutton, .btn-outline-backbutton:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-backbutton, .btn-check:active + .btn-outline-backbutton, .btn-outline-backbutton:active, .btn-outline-backbutton.active, .btn-outline-backbutton.dropdown-toggle.show {
        color: var(--Nov--BugOrangeExtraLight);
        background-color: var(--Nov--BugOrange);
        border-color: var(--Nov--BugOrange);
    }

        .btn-check:checked + .btn-outline-backbutton:focus, .btn-check:active + .btn-outline-backbutton:focus, .btn-outline-backbutton:active:focus, .btn-outline-backbutton.active:focus, .btn-outline-backbutton.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-backbutton:disabled, .btn-outline-backbutton.disabled {
        color: var(--Nov--BugOrange);
        background-color: transparent;
    }


.btn-outline-backbutton-submitted {
    color: var(--Nov--BugOrange);
    background-color: #cbe7d3;
    border-color: var(--Nov--BugOrange);
}

    .btn-outline-backbutton-submitted:hover {
        color: var(--Nov--BugOrangeExtraLight);
        background-color: #39a54a;
        border-color: var(--Nov--BugOrange);
    }

    .btn-check:focus + .btn-outline-backbutton-submitted, .btn-outline-backbutton-submitted:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-backbutton-submitted, .btn-check:active + .btn-outline-backbutton-submitted, .btn-outline-backbutton-submitted:active, .btn-outline-backbutton-submitted.active, .btn-outline-backbutton-submitted.dropdown-toggle.show {
        color: var(--Nov--BugOrangeExtraLight);
        background-color: #cbe7d3;
        border-color: #39a54a;
    }

        .btn-check:checked + .btn-outline-backbutton-submitted:focus, .btn-check:active + .btn-outline-backbutton-submitted:focus, .btn-outline-backbutton-submitted:active:focus, .btn-outline-backbutton-submitted.active:focus, .btn-outline-backbutton-submitted.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-backbutton-submitted:disabled, .btn-outline-backbutton-submitted.disabled {
        color: var(--Nov--BugOrange);
        background-color: transparent;
    }


.btn-outline-companyoverview {
    color: var(--Nov--AquaDarkest);
    border-color: var(--Nov--AquaDarkest);
}

    .btn-outline-companyoverview:hover {
        color: #fff;
        background-color: var(--Nov--AquaDarkest);
        border-color: var(--Nov--AquaDarkest);
    }

    .btn-check:focus + .btn-outline-companyoverview, .btn-outline-companyoverview:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-companyoverview, .btn-check:active + .btn-outline-companyoverview, .btn-outline-companyoverview:active, .btn-outline-companyoverview.active, .btn-outline-companyoverview.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov--AquaDarkest);
        border-color: var(--Nov--AquaDarkest);
    }

        .btn-check:checked + .btn-outline-companyoverview:focus, .btn-check:active + .btn-outline-companyoverview:focus, .btn-outline-companyoverview:active:focus, .btn-outline-companyoverview.active:focus, .btn-outline-companyoverview.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-companyoverview:disabled, .btn-outline-companyoverview.disabled {
        color: var(--Nov--AquaDarkest);
        background-color: transparent;
    }


.btn-outline-companyoverview-submitted {
    color: var(--Nov--AquaDarkest);
    background-color: #cbe7d3;
    border-color: var(--Nov--AquaDarkest);
}

    .btn-outline-companyoverview-submitted:hover {
        color: #fff;
        background-color: #39a54a;
        border-color: var(--Nov--AquaDarkest);
    }

    .btn-check:focus + .btn-outline-companyoverview-submitted, .btn-outline-companyoverview-submitted:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-companyoverview-submitted, .btn-check:active + .btn-outline-companyoverview-submitted, .btn-outline-companyoverview-submitted:active, .btn-outline-companyoverview-submitted.active, .btn-outline-companyoverview-submitted.dropdown-toggle.show {
        color: #fff;
        background-color: #cbe7d3;
        border-color: #39a54a;
    }

        .btn-check:checked + .btn-outline-companyoverview-submitted:focus, .btn-check:active + .btn-outline-companyoverview-submitted:focus, .btn-outline-companyoverview-submitted:active:focus, .btn-outline-companyoverview-submitted.active:focus, .btn-outline-companyoverview-submitted.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-companyoverview-submitted:disabled, .btn-outline-companyoverview-submitted.disabled {
        color: var(--Nov--AquaDarkest);
        background-color: transparent;
    }


.btn-outline-companyoverviewgrn {
    color: var(--Nov-ResDark);
    border-color: var(--Nov-ResDark);
}

    .btn-outline-companyoverviewgrn:hover {
        color: #fff;
        background-color: var(--Nov-ResDark);
        border-color: var(--Nov-ResDark);
    }

    .btn-check:focus + .btn-outline-companyoverviewgrn, .btn-outline-companyoverviewgrn:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-companyoverviewgrn, .btn-check:active + .btn-outline-companyoverviewgrn, .btn-outline-companyoverviewgrn:active, .btn-outline-companyoverviewgrn.active, .btn-outline-companyoverviewgrn.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov-ResDark);
        border-color: var(--Nov-ResDark);
    }

        .btn-check:checked + .btn-outline-companyoverviewgrn:focus, .btn-check:active + .btn-outline-companyoverviewgrn:focus, .btn-outline-companyoverviewgrn:active:focus, .btn-outline-companyoverviewgrn.active:focus, .btn-outline-companyoverviewgrn.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-companyoverviewgrn:disabled, .btn-outline-companyoverviewgrn.disabled {
        color: var(--Nov-ResDark);
        background-color: transparent;
    }


.btn-outline-companyoverviewgrn-submitted {
    color: var(--Nov-ResDark);
    background-color: #cbe7d3;
    border-color: var(--Nov-ResDark);
}

    .btn-outline-companyoverviewgrn-submitted:hover {
        color: #fff;
        background-color: #39a54a;
        border-color: var(--Nov-ResDark);
    }

    .btn-check:focus + .btn-outline-companyoverviewgrn-submitted, .btn-outline-companyoverviewgrn-submitted:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-companyoverviewgrn-submitted, .btn-check:active + .btn-outline-companyoverviewgrn-submitted, .btn-outline-companyoverviewgrn-submitted:active, .btn-outline-companyoverviewgrn-submitted.active, .btn-outline-companyoverviewgrn-submitted.dropdown-toggle.show {
        color: #fff;
        background-color: #cbe7d3;
        border-color: #39a54a;
    }

        .btn-check:checked + .btn-outline-companyoverviewgrn-submitted:focus, .btn-check:active + .btn-outline-companyoverviewgrn-submitted:focus, .btn-outline-companyoverviewgrn-submitted:active:focus, .btn-outline-companyoverviewgrn-submitted.active:focus, .btn-outline-companyoverviewgrn-submitted.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-companyoverviewgrn-submitted:disabled, .btn-outline-companyoverviewgrn-submitted.disabled {
        color: var(--Nov-ResDark);
        background-color: transparent;
    }


.btn-outline-Commercial {
    color: var(--Nov-CommDark);
    border-color: var(--Nov-CommDark);
}

    .btn-outline-Commercial:hover {
        color: #fff;
        background-color: var(--Nov-CommDark);
        border-color: var(--Nov-CommDark);
    }

    .btn-check:focus + .btn-outline-Commercial, .btn-outline-Commercial:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-Commercial, .btn-check:active + .btn-outline-Commercial, .btn-outline-Commercial:active, .btn-outline-Commercial.active, .btn-outline-Commercial.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov-CommDark);
        border-color: var(--Nov-CommDark);
    }

        .btn-check:checked + .btn-outline-Commercial:focus, .btn-check:active + .btn-outline-Commercial:focus, .btn-outline-Commercial:active:focus, .btn-outline-Commercial.active:focus, .btn-outline-Commercial.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-Commercial:disabled, .btn-outline-Commercial.disabled {
        color: var(--Nov-CommDark);
        background-color: transparent;
    }


.btn-outline-Commercial-submitted {
    color: var(--Nov-CommDark);
    background-color: #cbe7d3;
    border-color: var(--Nov-CommDark);
}

    .btn-outline-Commercial-submitted:hover {
        color: #fff;
        background-color: #39a54a;
        border-color: var(--Nov-CommDark);
    }

    .btn-check:focus + .btn-outline-Commercial-submitted, .btn-outline-Commercial-submitted:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-Commercial-submitted, .btn-check:active + .btn-outline-Commercial-submitted, .btn-outline-Commercial-submitted:active, .btn-outline-Commercial-submitted.active, .btn-outline-Commercial-submitted.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov-CommDark);
        border-color: var(--Nov-CommDark);
    }

        .btn-check:checked + .btn-outline-Commercial-submitted:focus, .btn-check:active + .btn-outline-Commercial-submitted:focus, .btn-outline-Commercial-submitted:active:focus, .btn-outline-Commercial-submitted.active:focus, .btn-outline-Commercial-submitted.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-Commercial-submitted:disabled, .btn-outline-Commercial-submitted.disabled {
        color: var(--Nov-CommDark);
        background-color: transparent;
    }


.btn-outline-Commercial-disabled, .btn-outline-Commercial-disabled:hover {
    background-color: var(--Nov-CommMed);
    border-color: var(--Nov-CommDark);
    color: var(--Nov-CommDark);
    cursor: not-allowed;
}

.btn-outline-Residential {
    color: var(--Nov-ResDark);
    border-color: var(--Nov-ResDark);
}

    .btn-outline-Residential:hover {
        color: #fff;
        background-color: var(--Nov-ResDark);
        border-color: var(--Nov-ResDark);
    }

    .btn-check:focus + .btn-outline-Residential, .btn-outline-Residential:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-Residential, .btn-check:active + .btn-outline-Residential, .btn-outline-Residential:active, .btn-outline-Residential.active, .btn-outline-Residential.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov-ResDark);
        border-color: var(--Nov-ResDark);
    }

        .btn-check:checked + .btn-outline-Residential:focus, .btn-check:active + .btn-outline-Residential:focus, .btn-outline-Residential:active:focus, .btn-outline-Residential.active:focus, .btn-outline-Residential.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-Residential:disabled, .btn-outline-Residential.disabled {
        color: var(--Nov-ResDark);
        background-color: transparent;
    }

.btn-outline-Residential-disabled, .btn-outline-Residential-disabled:hover {
    background-color: var(--Nov-ResMed);
    border-color: var(--Nov-ResDark);
    color: var(--Nov-ResDark);
    cursor: not-allowed;
}

.btn-outline-Apartments {
    color: var(--Nov-AptDark);
    border-color: var(--Nov-AptDark);
}

    .btn-outline-Apartments:hover {
        color: #fff;
        background-color: var(--Nov-AptDark);
        border-color: var(--Nov-AptDark);
    }

    .btn-check:focus + .btn-outline-Apartments, .btn-outline-Apartments:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-Apartments, .btn-check:active + .btn-outline-Apartments, .btn-outline-Apartments:active, .btn-outline-Apartments.active, .btn-outline-Apartments.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov-AptDark);
        border-color: var(--Nov-AptDark);
    }

        .btn-check:checked + .btn-outline-Apartments:focus, .btn-check:active + .btn-outline-Apartments:focus, .btn-outline-Apartments:active:focus, .btn-outline-Apartments.active:focus, .btn-outline-Apartments.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-Apartments:disabled, .btn-outline-Apartments.disabled {
        color: var(--Nov-AptDark);
        background-color: transparent;
    }

.btn-outline-Apartments-disabled, .btn-outline-Apartments-disabled:hover {
    background-color: var(--Nov-AptMed);
    border-color: var(--Nov-AptDark);
    color: var(--Nov-AptDark);
    cursor: not-allowed;
}

.btn-outline-BPP {
    color: var(--Nov-BppDark);
    border-color: var(--Nov-BppDark);
}

    .btn-outline-BPP:hover {
        color: #fff;
        background-color: var(--Nov-BppDark);
        border-color: var(--Nov-BppDark);
    }

    .btn-check:focus + .btn-outline-BPP, .btn-outline-BPP:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-BPP, .btn-check:active + .btn-outline-BPP, .btn-outline-BPP:active, .btn-outline-BPP.active, .btn-outline-BPP.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov-BppDark);
        border-color: var(--Nov-BppDark);
    }

        .btn-check:checked + .btn-outline-BPP:focus, .btn-check:active + .btn-outline-BPP:focus, .btn-outline-BPP:active:focus, .btn-outline-BPP.active:focus, .btn-outline-BPP.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-BPP:disabled, .btn-outline-BPP.disabled {
        color: var(--Nov-BppDark);
        background-color: transparent;
    }

.btn-outline-BPP-disabled, .btn-outline-BPP-disabled:hover {
    background-color: var(--Nov-BppMed);
    border-color: var(--Nov-BppDark);
    color: var(--Nov-BppDark);
    cursor: not-allowed;
}


.btn-outline-Land {
    color: var(--Nov-LandDark);
    border-color: var(--Nov-LandDark);
}

    .btn-outline-Land:hover {
        color: #fff;
        background-color: var(--Nov-LandDark);
        border-color: var(--Nov-LandDark);
    }

    .btn-check:focus + .btn-outline-Land, .btn-outline-Land:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-Land, .btn-check:active + .btn-outline-Land, .btn-outline-Land:active, .btn-outline-Land.active, .btn-outline-Land.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov-LandDark);
        border-color: var(--Nov-LandDark);
    }

        .btn-check:checked + .btn-outline-Land:focus, .btn-check:active + .btn-outline-Land:focus, .btn-outline-Land:active:focus, .btn-outline-Land.active:focus, .btn-outline-Land.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-Land:disabled, .btn-outline-Land.disabled {
        color: var(--Nov-LandDark);
        background-color: transparent;
    }

.btn-outline-Land-disabled, .btn-outline-Land-disabled:hover {
    background-color: var(--Nov-LandMed);
    border-color: var(--Nov-LandDark);
    color: var(--Nov-LandDark);
    cursor: not-allowed;
}

.btn-outline-Land-MissingQuestionnaire {
    border: 4px #ff0072 solid;
}


.btn-outline-Unknown {
    color: var(--Nov-UnknownDark);
    border-color: var(--Nov-UnknownDark);
}

    .btn-outline-Unknown:hover {
        color: #fff;
        background-color: var(--Nov-UnknownDark);
        border-color: var(--Nov-UnknownDark);
    }

    .btn-check:focus + .btn-outline-Unknown, .btn-outline-Unknown:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-Unknown, .btn-check:active + .btn-outline-Unknown, .btn-outline-Unknown:active, .btn-outline-Unknown.active, .btn-outline-Unknown.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov-UnknownDark);
        border-color: var(--Nov-UnknownDark);
    }

        .btn-check:checked + .btn-outline-Unknown:focus, .btn-check:active + .btn-outline-Unknown:focus, .btn-outline-Unknown:active:focus, .btn-outline-Unknown.active:focus, .btn-outline-Unknown.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-Unknown:disabled, .btn-outline-Unknown.disabled {
        color: var(--Nov-UnknownDark);
        background-color: transparent;
    }

.btn-outline-Unknown-disabled, .btn-outline-Unknown-disabled:hover {
    background-color: var(--Nov-UnknownMed);
    border-color: var(--Nov-UnknownDark);
    color: var(--Nov-UnknownDark);
    cursor: not-allowed;
}


.btn-outline-UpdateInfoRequester {
    color: var(--Nov--AquaDarkest);
    border-color: var(--Nov--AquaDarkest);
}

    .btn-outline-UpdateInfoRequester:hover {
        color: #fff;
        background-color: var(--Nov--AquaDarkest);
        border-color: var(--Nov--AquaDarkest);
    }

    .btn-check:focus + .btn-outline-UpdateInfoRequester, .btn-outline-UpdateInfoRequester:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-UpdateInfoRequester, .btn-check:active + .btn-outline-UpdateInfoRequester, .btn-outline-UpdateInfoRequester:active, .btn-outline-UpdateInfoRequester.active, .btn-outline-UpdateInfoRequester.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov--AquaDarkest);
        border-color: var(--Nov--AquaDarkest);
    }

        .btn-check:checked + .btn-outline-UpdateInfoRequester:focus, .btn-check:active + .btn-outline-UpdateInfoRequester:focus, .btn-outline-UpdateInfoRequester:active:focus, .btn-outline-UpdateInfoRequester.active:focus, .btn-outline-UpdateInfoRequester.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-UpdateInfoRequester:disabled, .btn-outline-UpdateInfoRequester.disabled {
        color: var(--Nov--AquaDarkest);
        background-color: transparent;
    }


.btn-outline-UpdateInfoRequester-submitted {
    color: var(--Nov--AquaDarkest);
    background-color: var(--Nov--AquaMedium);
    border-color: var(--Nov--AquaDarkest);
}

    .btn-outline-UpdateInfoRequester-submitted:hover {
        color: #fff;
        background-color: var(--Nov--AquaMedium);
        border-color: var(--Nov--AquaDarkest);
    }

    .btn-check:focus + .btn-outline-UpdateInfoRequester-submitted, .btn-outline-UpdateInfoRequester-submitted:focus {
        box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
    }

    .btn-check:checked + .btn-outline-UpdateInfoRequester-submitted, .btn-check:active + .btn-outline-UpdateInfoRequester-submitted, .btn-outline-UpdateInfoRequester-submitted:active, .btn-outline-UpdateInfoRequester-submitted.active, .btn-outline-UpdateInfoRequester-submitted.dropdown-toggle.show {
        color: #fff;
        background-color: var(--Nov--AquaDarkest);
        border-color: var(--Nov--AquaDarkest);
    }

        .btn-check:checked + .btn-outline-UpdateInfoRequester-submitted:focus, .btn-check:active + .btn-outline-UpdateInfoRequester-submitted:focus, .btn-outline-UpdateInfoRequester-submitted:active:focus, .btn-outline-UpdateInfoRequester-submitted.active:focus, .btn-outline-UpdateInfoRequester-submitted.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
        }

    .btn-outline-UpdateInfoRequester-submitted:disabled, .btn-outline-UpdateInfoRequester-submitted.disabled {
        color: var(--Nov--AquaDarkest);
        background-color: transparent;
    }


.btn-outline-UpdateInfoRequester-disabled, .btn-outline-UpdateInfoRequester-disabled:hover {
    background-color: var(--Nov--AquaMedium);
    border-color: var(--Nov--AquaDarkest);
    color: var(--Nov--AquaDarkest);
    cursor: not-allowed;
}




.companyAndCustomerWelcomeTitle {
    font-weight: 300;
    font-size: 20px;
    line-height: 18px;
    color: var(--Nov--TextDark);
}

.companyAndCustomerWelcomeTitleBold {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: var(--Nov--TextDark);
}

/* Font modifications */
.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ActionAlertBar {
    border-radius: 10px 10px 0 0;
    background-color: var(--Nov--BugOrange);
    height: 15px;
    margin: 0 14px 0 14px;
    float: none;
    position: relative;
    animation-name: actionAlert;
    animation-duration: 500ms;
}



@keyframes actionAlert {
    0% {
        z-index: -256;
        top: 20px;
    }

    100% {
        top: 0px;
        z-index: 0;
    }
}

.ActionAlertLabel {
    color: #dfc2af;
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px;
    float: left;
    line-height: 14px;
}

.ActionAlertMessage {
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    float: left;
    line-height: 14px;
    margin-left: 10px;
    text-decoration: none;
}

.ActionAlertDisabled {
    width: 95%;
    height: 15px;
    margin-left: 14px;
    float: none
}


.ActionAlertMessage:hover {
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    float: left;
    line-height: 14px;
    margin-left: 10px;
    text-decoration: none;
}

.ActionAlertMessage:visited {
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    float: left;
    line-height: 14px;
    margin-left: 10px;
    text-decoration: none;
}