@import '../ontario-design-system/styles/ds-theme.css';

body {
}
.displayAsNone {
    display: none;
}
/* ---------------------------------------------
Text alignment
--------------------------------------------- */
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

/* ---------------------------------------------
Text alignment
--------------------------------------------- */
#ApplyBy {
    align-items: center;
    display: flex;
}

    #ApplyBy .ontario-button {
        margin: 1rem 0;
    }


/*h1{margin:1rem 0 2.5rem 0;}*/

/* ---------------------------------------------
Pagination
--------------------------------------------- */
.ontario-pagination {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap
}

@media (min-width: 40.0625em) {
    .ontario-pagination {
        margin-bottom: 30px;
        flex-direction: row;
        align-items: flex-start
    }
}

.ontario-pagination__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.ontario-pagination__item, .ontario-pagination__next, .ontario-pagination__prev {
/*    font-family: GDS Transport,arial,sans-serif;
    font-weight: 400;
    font-size: 1rem;
*/    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.25;
    box-sizing: border-box;
    position: relative;
    min-width: 45px;
    min-height: 45px;
    padding: 10px 15px;
    float: left
}

@media print {
    .ontario-pagination__item, .ontario-pagination__next, .ontario-pagination__prev {
        font-family: sans-serif
    }
}

@media (min-width: 40.0625em) {
    .ontario-pagination__item, .ontario-pagination__next, .ontario-pagination__prev {
        font-size: 1.1875rem;
        line-height: 1.3157894737
    }
}

@media print {
    .ontario-pagination__item, .ontario-pagination__next, .ontario-pagination__prev {
        font-size: 14pt;
        line-height: 1.15
    }
}

.ontario-pagination__item:hover, .ontario-pagination__next:hover, .ontario-pagination__prev:hover {
    background-color: #f3f2f1
}

.ontario-pagination__item {
    display: none;
    text-align: center
}

@media (min-width: 40.0625em) {
    .ontario-pagination__item {
        display: block
    }
}

.ontario-pagination__next, .ontario-pagination__prev {
    /*font-weight: 700*/
}

    .ontario-pagination__next .ontario-pagination__link, .ontario-pagination__prev .ontario-pagination__link {
        display: flex;
        align-items: center
    }

.ontario-pagination__prev {
    padding-left: 0
}

.ontario-pagination__next {
    padding-right: 0
}

.ontario-pagination__item--current, .ontario-pagination__item--ellipses, .ontario-pagination__item:first-child, .ontario-pagination__item:last-child {
    display: block
}

.ontario-pagination__item--current {
    /*font-weight: 700;*/
    outline: 1px solid #0000;
    background-color: #1d70b8;
}

    .ontario-pagination__item--current:hover {
        background-color: #1d70b8
    }

    .ontario-pagination__item--current a {
        color: #fff
    }

    .ontario-pagination__item--current .ontario-pagination__link:link, .ontario-pagination__item--current .ontario-pagination__link:visited {
        color: #fff
    }

    .ontario-pagination__item--current .ontario-pagination__link:active, .ontario-pagination__item--current .ontario-pagination__link:hover {
        color: #fffffffc
    }

    .ontario-pagination__item--current .ontario-pagination__link:focus {
        color: #0b0c0c
    }

.ontario-pagination__item--ellipses {
    font-weight: 700;
    color: #505a5f
}

    .ontario-pagination__item--ellipses:hover {
        background-color: initial
    }

.ontario-pagination__link {
    display: block;
    min-width: 15px
}

@media screen {
    .ontario-pagination__link:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.ontario-pagination__link:active .ontario-pagination__link-title--decorated, .ontario-pagination__link:hover .ontario-pagination__link-title--decorated {
    text-decoration: underline;
    text-decoration-thickness: max(1px,.0625rem);
    text-underline-offset: .1578em
}

.ontario-pagination__link:active .ontario-pagination__link-label, .ontario-pagination__link:active .ontario-pagination__link-title--decorated, .ontario-pagination__link:hover .ontario-pagination__link-label, .ontario-pagination__link:hover .ontario-pagination__link-title--decorated {
    text-decoration-thickness: max(3px,.1875rem,.12em);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none
}

.ontario-pagination__link:focus .ontario-pagination__icon {
    color: #0b0c0c
}

.ontario-pagination__link:focus .ontario-pagination__link-label, .ontario-pagination__link:focus .ontario-pagination__link-title--decorated {
    text-decoration: none
}

.ontario-pagination__link-label {
    font-weight: 400;
    text-decoration: underline;
    text-decoration-thickness: max(1px,.0625rem);
    text-underline-offset: .1578em;
    display: inline-block;
    padding-left: 30px
}

.ontario-pagination__icon {
    width: .9375rem;
    height: .8125rem;
    color: #505a5f;
    fill: currentcolor;
    forced-color-adjust: auto
}

.ontario-pagination__icon--prev {
    margin-right: 15px
}

.ontario-pagination__icon--next {
    margin-left: 15px
}

.ontario-pagination--block {
    display: block
}

    .ontario-pagination--block .ontario-pagination__item {
        padding: 15px;
        float: none
    }

    .ontario-pagination--block .ontario-pagination__next, .ontario-pagination--block .ontario-pagination__prev {
        padding-left: 0;
        float: none
    }

    .ontario-pagination--block .ontario-pagination__next {
        padding-right: 15px
    }

        .ontario-pagination--block .ontario-pagination__next .ontario-pagination__icon {
            margin-left: 0
        }

    .ontario-pagination--block .ontario-pagination__prev + .ontario-pagination__next {
        border-top: 1px solid #b1b4b6
    }

    .ontario-pagination--block .ontario-pagination__link, .ontario-pagination--block .ontario-pagination__link-title {
        display: inline
    }

        .ontario-pagination--block .ontario-pagination__link-title:after {
            content: "";
            display: block
        }

    .ontario-pagination--block .ontario-pagination__link {
        text-align: left
    }

        .ontario-pagination--block .ontario-pagination__link:focus .ontario-pagination__link-label {
            outline: 3px solid #0000;
            color: #0b0c0c;
            background-color: #fd0;
            box-shadow: 0 -2px #fd0,0 4px #0b0c0c;
            text-decoration: none;
            -webkit-box-decoration-break: clone;
            box-decoration-break: clone
        }

        .ontario-pagination--block .ontario-pagination__link:not(:focus) {
            text-decoration: none
        }

    .ontario-pagination--block .ontario-pagination__icon {
        margin-right: 10px
    }


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    background-color: #FFFFFF;
}

/**/

span.ontario-error-messaging__content span {
    color: #d81a21 !important;
}

span.multiselect-native-select {
    position: relative;
}

    span.multiselect-native-select select {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px -1px -1px -3px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        left: 50%;
        top: 30px;
    }
/*
.multiselect-native-select .multiselect {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    padding-right: 1.75rem;
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group.input-group-sm > .multiselect-native-select .multiselect {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    padding-right: 1.75rem;
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group > .multiselect-native-select {
    flex: 1 1 auto;
    width: 1%;
}

    .input-group > .multiselect-native-select > div.btn-group {
        width: 100%;
    }

    .input-group > .multiselect-native-select:not(:first-child) .multiselect {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .input-group > .multiselect-native-select:not(:last-child) .multiselect {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
*/

.multiselect {
    overflow: hidden;
    text-overflow: ellipsis;
}
.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    .multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
    .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
    .multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
    .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
    .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
    .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active {
        background-color: lightgrey;
        color: black;
    }
    .multiselect-container .multiselect-option:hover,
    .multiselect-container .multiselect-group:hover,
    .multiselect-container .multiselect-all:hover,
    .multiselect-container .multiselect-option:focus,
    .multiselect-container .multiselect-group:focus,
    .multiselect-container .multiselect-all:focus {
        background-color: darkgray !important;
    }
    .multiselect-container .multiselect-option.dropdown-item,
    .multiselect-container .multiselect-group.dropdown-item,
    .multiselect-container .multiselect-all.dropdown-item,
    .multiselect-container .multiselect-option.dropdown-toggle,
    .multiselect-container .multiselect-group.dropdown-toggle,
    .multiselect-container .multiselect-all.dropdown-toggle {
        cursor: pointer;
    }
    .multiselect-container .multiselect-option,
    .multiselect-container .multiselect-group,
    .multiselect-container .multiselect-all {
        padding: 0.25rem 0.25rem 0.25rem 0.75rem;
    }
.text-center {
    text-align: center !important;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff ;/*url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E) no-repeat right .75rem center;*/
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.dropdown-menu.show {
    display: block;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}
.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}
.form-check-label {
    margin-bottom: 0;
}




.multiselect-options {
    display: none ;
    position: absolute;
    z-index: 999; /* Adjust the z-index as needed to ensure it's above other elements */
    background-color: #fff; /* Set the background color */
    border: 1px solid #ccc; /* Add a border for better visibility */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Add a shadow for depth */
    padding: 10px;
    margin-top: 3px;
}

.multiselect-toggle {
    text-align: left;
}