@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

* {
    font-family: "Titillium Web", sans-serif;
}

#auditBanner {
    background-color: #dddddd;
    width: 100%;
    height: auto;
    padding: 10px 0 1px 0;
}

    #auditBanner p {
        font-weight: bold;
        font-size: 1.1em;
        color: #333333;
    }

    .doecapNav {
        padding-left: 20px !important;
    }

.rz-navigation-item-text {
    color: white !important;
}

.rz-navigation-item-icon {
    color: white !important;
}

.subLink .rz-navigation-item-text {
    color: #222 !important;
}

.subLink .rz-navigation-item-icon {
    color: #222 !important;
}

#pageWrapper {
    max-width: 1500px;
    width: 90%;
    margin: 0 auto;
}

.pageHeader {
    color: #483eff;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
}

.basicLabel {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.longLabel {
    letter-spacing: 0.5px;
}

.boldLabel {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: bold;
}

.blueText {
    color: #483eff;
}

.redText {
    color: tomato;
}

.blackText {
    color: #222222;
}


.customCheckbox {
    width: 25px !important;
    height: 25px !important;
}

.SelectionContainer {
    width: 90%;
    margin: 0 auto;
    max-width: 600px;
}

.rz-dialog-wrapper {
    margin: 20px; /* Adds 20px space on all sides */
    max-height: 90%;
}

.rz-dialog {
    width: 95% !important;
    max-width: 1200px;
    margin: 0 auto;
}