@charset "UTF-8";

.form-wrap {
    background:var(--header-grey);
}

.form-floating > .form-control:focus::placeholder,
.form-floating > .form-control-plaintext:focus::placeholder {
    color: var(--bs-secondary-color);
    opacity: 0.5;
    font-style:italic;
}

.form-control:disabled {
    background:var(--header-grey);
}

.form-check-input.is-invalid~.form-check-label a, .was-validated .form-check-input:invalid~.form-check-label a {
    color: var(--bs-form-invalid-color);
}

.form-check-input.is-valid~.form-check-label a, .was-validated .form-check-input:valid~.form-check-label a {
    color: var(--bs-form-valid-color);
}

/* Dangerous Goods */

.dg-background {
    width:20px;
    height:100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="40" viewBox="0 0 15 40"><g id="Group_1" data-name="Group 1" transform="translate(-917 -459)"><rect id="Rectangle_1" data-name="Rectangle 1" width="15" height="40" transform="translate(917 459)" fill="none"/><path id="Path_1" data-name="Path 1" d="M0,0,15,10V30L0,20Z" transform="translate(917 459)" fill="%23ed3322"/></g></svg>');
    background-size: 20px 40px;
    background-repeat: repeat-y;
}

/* Account Application */

#tab_container {
    border-bottom: 4px solid var(--black);
    margin-bottom:2rem;
}

#tab_container h5.tab_active {
    background: var(--black);
    border-left: var(--white) 2px solid;
}

#tab_container h5 {
    margin: 0;
    background: var(--black);
    padding: 1rem;
    color: var(--white);
}

#tab_container h5.tab_inactive_alt {
    background: var(--header-grey);
    border-left: var(--white) 2px solid;
    color: var(--black);
}

#tab_container h5.tab_inactive_alt:first-of-type, #tab_container h5:first-of-type {
    border-left: none !important;
}

@media (max-width: 575px) {
    #tab_container h5.tab_inactive_alt {
        display:none;
    }
    #tab_container h5.tab_active {
        width:50%;
        flex: unset !important;
    }
}

/*.stage {
  display: none;
}

.stage.active {
  display: block;
}*/