.mb-20px {
    margin-bottom: 20px;
}

a {
    cursor: pointer;
}

.dx-form-control {
    width: 100%;
    max-width: 750px;
}

.dx-form-control-100 {
    width: 100%;
    max-width: 100%;
}

.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.form {
}

.form__input {
}

.form__select {
}

.form__option {
}

.form__checkbox {
}

.form__radio {
}

.button {
}

.button__submit {
}

.button__submit--alt {
}

.button__closedialog {
}

.form__text {
}

.form__textarea {
}

.form__checkboxlist {
}

.form__radiobuttonlist {
}

.list {
}

.list--ord {
}

.list__item {
}

.par {
}

.heading {
}

.img {
}

.video {
}

.dxeRoot_iOS, .dxeRoot_MaterialCompact, .dxeRoot_Material, .dxeRoot_Metropolis, .dxeRoot_MetropolisBlue, .dxeRoot_Moderno, .dxeRoot_Mulberry, .dxeRoot_Office365, .dxeRoot_Office365Dark {
    width: 100%;
}

.dxeErrorCell_iOS, .dxeErrorCell_MaterialCompact, .dxeErrorCell_Material, .dxeErrorCell_Metropolis, .dxeErrorCell_MetropolisBlue, .dxeErrorCell_Moderno, .dxeErrorCell_Mulberry, .dxeErrorCell_Office365, .dxeErrorCell_Office365Dark {
    color: #dc3545;
}

.dxvsValidationSummary_iOS a.dxvsHL_iOS, .dxvsValidationSummary_iOS a.dxvsHL_iOS:visited,
.dxvsValidationSummary_MaterialCompact a.dxvsHL_MaterialCompact, .dxvsValidationSummary_MaterialCompact a.dxvsHL_MaterialCompact:visited,
.dxvsValidationSummary_Material a.dxvsHL_Material, .dxvsValidationSummary_Material a.dxvsHL_Material:visited,
.dxvsValidationSummary_Metropolis a.dxvsHL_Metropolis, .dxvsValidationSummary_Metropolis a.dxvsHL_Metropolis:visited,
.dxvsValidationSummary_MetropolisBlue a.dxvsHL_MetropolisBlue, .dxvsValidationSummary_MetropolisBlue a.dxvsHL_MetropolisBlue:visited,
.dxvsValidationSummary_Moderno a.dxvsHL_Moderno, .dxvsValidationSummary_Moderno a.dxvsHL_Moderno:visited,
.dxvsValidationSummary_Mulberry a.dxvsHL_Mulberry, .dxvsValidationSummary_Mulberry a.dxvsHL_Mulberry:visited,
.dxvsValidationSummary_Office365 a.dxvsHL_Office365, .dxvsValidationSummary_Office365 a.dxvsHL_Office365:visited,
.dxvsValidationSummary_Office365Dark a.dxvsHL_Office365Dark, .dxvsValidationSummary_Office365Dark a.dxvsHL_Office365Dark:visited {
    color: #dc3545;
}

/* GOV UK Style Tags */
.tag {
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-weight: 700;
}

.tag-primary {
    background-color: dodgerblue;
    color: white;
    font-weight: bold;
}

.tag-danger {
    background-color: red;
    color: white;
    font-weight: bold;
}

.tag-success {
    background-color: green;
    color: white;
    font-weight: bold;
}

.tag-secondary {
    color: #383f43;
    background: #eeefef;
    font-weight: bold;
}

.w-100 {
    width: 100%;
}

.table-fixed {
    table-layout: fixed;
}

.mb-1 {
    margin-bottom: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-4 {
    margin-top: 40px;
}

.ml-1 {
    margin-left: 10px;
}

.ml-2 {
    margin-left: 20px;
}

.ml-3 {
    margin-left: 30px;
}

.ml-4 {
    margin-left: 40px;
}

.mr-1 {
    margin-right: 10px;
}

.mr-2 {
    margin-right: 20px;
}

.mr-3 {
    margin-right: 30px;
}

.mr-4 {
    margin-right: 40px;
}

/* preserve new lines */
.text-notes {
    white-space: pre-line;
}

/* Style ASP validators to match bootstrap, this class is also used by JS to ensure each validator for a control goes on a new line */
span.validator[style*="inline"] {
    color: rgb(220, 53, 69) !important;
}