.subMenuToggle {
   box-shadow: none;
}

#buttonsTopSaveAndSend {
    display: none
}

div.subMenu {
    box-shadow: none;
    border-right: 1px solid var(--axon-default-border-colour);
}

section > .entityHeader {
    box-shadow: none;
}

tr#tr_StreetName input.streetName {
    max-width: 155px;
    margin-bottom: 3px;
}

#viewPartMyQISLogonAuthenticate {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
}

#viewPartHandlerIntegration td.unfolder.icon:before,
td.folder.icon:before {
    height: 12px;
    min-height: auto;
    cursor: pointer;
}

#viewPartHandlerIntegration input[type="text"], #viewPartHandlerIntegration textarea {
    width: 100%;
}

.policyPopupCoverDetailsLabel {
    font-weight: bold;
}

.policyPopupCoverDetailsValue {
    font-weight: normal;
}

ul.policyPopupCoverDetails {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.policyPopupCoverDetails li {
    padding-left: 0.5em;
    margin-top: 5px;
    margin-bottom: 5px;

}

.policyPopupCoverDetails .handle {
    display: block;
    float: left;
    width: 20px;
    height: 11px;
}

.policyPopupCoverDetails .collapsed {
    background: transparent url(../images/toggle-small-expand.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.policyPopupCoverDetails .expanded {
    background: transparent url(../images/toggle-small.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

#buttonsTopSaveAndSend {
    display: none
}


body, table, h1, h2, p {
    padding: 0;
    margin: 0;
    color: #4b4b4b;
    font-family: var(--axon-site-font-family);
    font-size: var(--axon-site-font-size);
}

.databaseTable td img {
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center
}

#topRightArea {
    position: relative;
    top: -5px;
    color: #011f5b;
}

#topRightArea a {
    color: #011f5b;
}

small.copyright {
    color: #011f5b;
}

#jobMessage {
    word-wrap: break-word;
}

.textArea {
    font-family: Arial, sans-serif;
}

.label_middle {
    font-family: Arial, sans-serif;
    color: #000000;
}

.value_middle {
    font-family: Arial, sans-serif;
    color: #6C6E6D;
}

.overview {
    background-color: #FFFFFF;
}

.overview td {
    padding: 0px;
    width: 50%;
    vertical-align: top;
}


.overview td:not(.shortList):first-child {
    font-weight: bold;
}

.overview_label .title {
    padding: 6px 5px;
}

.overview_label > div {
    padding: 2px 0 0 5px;
}

.claimCustomerDetails > div {
    padding: 2px 0 0 5px;
}

.claimCustomerDetails .textArea, .claimCustomerGeneralChange .textArea {
    width: 928px;
    padding: 0;
}

.claimCustomerInjuryDetailsRows .claimCustomerInjuryDetailsRow {
    padding-top: 2px;
}

.claimCustomerInjuryDetailsRows .button {
    margin-top: 2px;
}

.claimCustomerInjuryDetailsRows .right {
    float: right;
}

.claimCustomerInjuryDetailsRows .right input {
    width: 500px;
}

.claimCustomerDetails .label {
    float: left;
    width: 40%;
}

.claimCustomerInjuryDetailsRowsTitle {
    margin-top: 5px;
}

#claimCustomerGeneral.overview .title, #claimCustomerDetails_inner.overview .title {
    border-bottom: 1px solid var(--axon-default-border-colour);
    margin-bottom: 10px;
}

.overview td.applicationObjectRow {
    border-top: 1px solid var(--axon-primary-colour);
}

.overview td.applicationDeclarationRow {
    border-top: 1px solid var(--axon-primary-colour);
}

/* specific styling for scrollable tables in party detail screen columns, for example 'parties at same address' */
.shortList .databaseTable {
    margin: 0px;
}

.shortList .databaseTable {
    border: none;
}

.shortList td {
    padding: 6px;
}

/**************************************************************************************
 * Knoppen
 **************************************************************************************/

#container .extraMenu_table a {
    text-decoration: none;
}

#container .databaseTable a {
    text-decoration: none;
}

#container .otherLeft a {
    text-decoration: none;
}

#container .otherRight a {
    text-decoration: none;
}

.ui-widget {
    font-family: var(--axon-site-font-family);
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: var(--axon-site-font-family);
}

.radio {
    font-family: var(--axon-site-font-family);
}


/*********************************************************************************************
 * Formulier
 *********************************************************************************************/

#formWrapper .questionLine {
    margin: 1px 0 3px 0;
    clear: both;
}

#formWrapper .floatInfoLink .questionLabel {
    width: 50%;
    float: left;
    min-height: 1em;
    padding-bottom: 12px;
}

#formWrapper .modified .floatInfoLink .questionLabel,
#formWrapper .unchanged .floatInfoLink .questionLabel {
    width: 35%;
    float: left;
    min-height: 1em;
    padding-bottom: 12px;
}

#formWrapper .questionLine.infoTextLine .questionLabel {
    width: 100%;
}

#formWrapper .floatInfoLink .questionInfo {
    width: 14px;
    float: left;
    min-height: 1em;
    padding-bottom: 12px;
    padding-right: 5px;
}

#formWrapper .radio .floatInfoLink .questionInfo {
    float: none;
}

#formWrapper .questionLine .questionInput {
    width: 45%;
    display: inline-block;
}

#formWrapper .questionLine.modified .questionInputOld,
#formWrapper .questionLine.unchanged .questionInputOld {
    width: 30%;
    float: left;
    min-height: 1px;
}

#formWrapper .questionLine.modified .questionInput,
#formWrapper .questionLine.unchanged .questionInput {
    width: 30%;
    display: inline-block;
}

#formWrapper .modified .questionInput {
    font-weight: bold;
}

#formWrapper #formContent .modified {
    font-style: normal;
}

#formWrapper #formContent .infoText {
    font-style: italic;
}

#formWrapper #formContent .floatInfoLink .questionLineInputBelow .questionLabel {
    clear: right;
}

.radio .infoLinkImage {
    display: inline-block;
}

.questionInfo .questionInfo {
    display: none
}

.ui-dialog-content p {
    width: 100%;
}

/* Zichtbaarheid en onzichtbaarheid */
#formWrapper .nonApplicable,
#formWrapper .nonApplicable a,
#formWrapper .nonApplicable a:hover,
#formWrapper .questionLabel label.nonApplicable {
    display: none
}

/* Fieldset tonen we zonder border of legenda */
#formWrapper #formContent fieldset {
    border: 0;
}

#formWrapper #formContent fieldset legend {
    display: none;
}

/* Matrices */
.matrix .questionInput .questionInfo {
    display: none;
}

.matrix .matrixOdd td,
.matrix .matrixOdd th {
    background-color: #FFFFFF
}

.matrix td.matrixRight,
.matrix th.matrixRight {
    text-align: right
}

.matrix td.modified .questionInputOld {
    width: 50%;
    float: left;
}

.matrix td.modified .questionInput {
    width: 50%;
    font-weight: bold;
    float: right;
}

/* Stappenplan tonen we standaard niet */
#sequenceMenu {
    display: none
}

.formScreenTitle {
    display: none
}

#formWrapper {
    clear: both;
}

/**************************************************************************************
* Schade melden via formulieren
***************************************************************************************/
/* Stap 9: Controle */
div#addClaimviaFormStepBrowseClaim div#wizardInstructionMessage {
    width: 80%;
}

div#addClaimviaFormStepBrowseClaim div#closingStatementLeft {
    float: left;
    width: 50%;
    clear: left;
}

div#addClaimviaFormStepBrowseClaim div#closingStatementRight {
    float: left;
    width: 50%;
    clear: right;
    padding: 25px 0 0 0;
}

div#addClaimviaFormStepBrowseClaim div#closingStatementAgreeLeft {
    float: left;
    width: 20%;
    clear: left;
}

div#addClaimviaFormStepBrowseClaim div#closingStatementAgreeRight {
    float: left;
    width: 80%;
    clear: right;
}

div#addClaimviaFormStepBrowseClaim div.buttonContainer {
    clear: both;
}

/* Bedankscherm */
.acknowledge div#wizardInstructionMessage {
    color: #000000;
}

.acknowledge p {
    color: #000000
}

.acknowledge table td {
    color: #000000
}

.tableForAddClaimViaFormAcknowledge td {
    color: #000000
}

#currentTestEnvironmentName {
    top: 10px
}


/**************************************************************************************
* Customer specific details of coverages in the policy popup screen.
***************************************************************************************/
.policyPopupCoverDetailsLabel {
    font-weight: bold;
}

.policyPopupCoverDetailsValue {
    font-weight: normal;
}

ul.policyPopupCoverDetails {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.policyPopupCoverDetails li {
    padding-left: 0.5em;
    margin-top: 5px;
    margin-bottom: 5px;

}

.policyPopupCoverDetails .handle {
    display: block;
    float: left;
    width: 20px;
    height: 11px;
}

.policyPopupCoverDetails .collapsed {
    background: transparent url(../images/toggle-small-expand.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.policyPopupCoverDetails .expanded {
    background: transparent url(../images/toggle-small.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

#buttonsTopSaveAndSend {
    display: none
}

   .formDialogue .label {
       font-weight: normal;
   }

                               .entry .labels .label.highlightBold,
                               .entry .values .value.highlightBold {
                                   font-weight: bold;
                               }

                            .entry .values .value.floatRight {
                                padding-left: 50%;
                            }

.entryGroup .riskMatterRadioQuestion .values {
    vertical-align: top;
    margin-top: -7px;
}

.entryGroup .riskMatterRadioQuestion .labels.hasInformationPopupToggle .informationPopupToggle {
    top: 10px;
}

#formWrapper > .formDialogue.quotation {
    width: 100%;
}

#formWrapper > .formSummary.QISEnvironment {
    display: none;
}

.logonScreen #centerCenterArea {
    float: left;
    width: 100%;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
}

h1.logonPageTitle {
    font-weight: bold;
    max-width: 750px;
    margin: 15px auto;
    padding: 0 15px;
    font-size: 1.5rem;
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    font-family: var(--axon-site-font-family);
}

.logonScreen #centerCenterArea td, .logonScreen #centerCenterArea p:not(.message) {
    color: #fff;
}

.logonScreen #centerCenterArea a {
    color: #fff;
    text-decoration: underline;
}