body {
    font-family: Poppins, sans-serif;
}

hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

h1, h2, h3, h4 {
    margin-bottom: 12px;
    font-weight:600;
}

h1 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--cx-admin-h4-colour, #20355a);
}

.text-blue {
    color: var(--cx-text-blue, #20355a) !important;
}

h4.normal-case {
    text-transform: unset;
}

h5 {
    font-size: 16px;
}
.header-explanation {
    font-size: 14px;
    font-style: italic;
}


.strong {
    font-weight: bold;
}

.text-small {
    font-size: 11px;
}


.font-weight-medium {
    font-weight: 500;
}

h5 span.subtext {
    font-size: 14px;
}

.breadcrumbs {
    text-overflow:ellipsis;
    white-space:nowrap;
  
}

.breadcrumbs:only-child {
    width: 95%;
    overflow: hidden;
}

.breadcrumbs h1 {
    display:inline-block;
    font-size:24px;
    width:100%;
    
}

.breadcrumbs h1 a {
    font-weight: normal;
    text-decoration: none;
}

.breadcrumbs span {
    max-width:40%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:inline-block;
    vertical-align:bottom;
}

    .breadcrumbs span.large {
        max-width:70%;
    }
        .breadcrumbs a:hover {
    text-decoration:none;
}


h1 .fas:not(.fa-chevron-right) {
    font-size: 20px;
    margin-right: 5px;
    float: left;
    margin-top: 7px;
}

h1 .fas.fa-chevron-right {
    margin-left: 5px;
    margin-right: 8px;
    font-size: 20px;
    color: #1e73be;
}


label {
    font-weight:500;
}

label.col-form-label {
    font-weight:500;
}


.validation-summary-errors ul {
    margin-bottom:0;
}


.red {
    color: #A62700;
}
.green {
    color: #36cc93;
}

.blue {
    color: #1e73be;
}



pre {
    outline: 1px solid #ccc;
    padding: 15px;
    margin: 5px;
}

    pre .string {
        color: #A31515;
    }

    pre .number {
        color: #A31515;
    }

    pre .boolean {
        color: #A31515;
    }

    pre .null {
        color: magenta;
    }

    pre .key {
        color: #1e73be;
    }




.field-validation-error {
    color: #842029;
}


.form-control {
   
    padding: 8px 12px;
    height: 40px;
}


select.form-control {
    height: 40px !important;
}

.form-control[type='checkbox'] {
    height: 24px;
}


textarea.form-control {
    height: auto;
    min-height: 300px; 
}

.search-field[data-data-type='checkbox'] .clearable-input-wrapper .clear-input {
    display:none;
}

.form-control:focus {
    box-shadow: none;
    background-color: var(--cx-admin-button-outline-hover-bg,#f4f6fa) !important;
    border-color: var(--cx-admin-button-outline,#20355a);
}


.select2-selection {
    border-color: var(--cx-admin-button-outline,#20355a) !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:unset;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: var(--cx-admin-button-outline,#20355a) transparent transparent transparent;
    border-width: 5px 5px 0 5px;
    margin-left: -12px;
    margin-top: 5px;
}


.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--cx-admin-button-outline,#20355a)  transparent;
}

.select2-container .select2-selection--single {
    height: 40px;
    padding-top: 6px;
    padding-left: 5px;
}





.select2-container--default .select2-results > .select2-results__options {
    max-height: calc(100vh - 300px) !important;
}





pre.json {
    outline: 1px solid #ccc;
    padding: 15px;
    margin: 5px;
}

pre.json .string {
    color: #A31515;
}

pre.json .number {
    color: #A31515;
}

pre.json .boolean {
    color: #A31515;
}

pre.json .null {
    color: magenta;
}

pre.json .key {
    color: #1e73be;
}


pre.json {
    min-height:300px;
    
}


.pre-line {
 white-space:pre-line;
}


.field-validation-error {
    display: flex ;
    align-items: center;
}