.close {
    color: #001942;
    font-size: 2.5em;
    font-weight: normal;
    opacity: unset;
}

.close:focus {
    outline: unset;
}

.tooltip-inner {
    background-color: #06d6a0;
    border: unset;
    border-radius: unset;
    font-family: Roboto, Arial, sans-serif;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #06d6a0 !important;
}

.validation-message {
    display: block;
    color: #b00020;
    font-size: small;
    padding: 0 1em;
}

.modal-header-background {
    position: relative;
    background-color: #ffec00;
    height: 142px;
}

.modal-content, .modal-header {
    border: unset;
    border-radius: unset;
}

@media screen and (min-width: 736px) {
    .modal-header-background {
        height: 110px;
    }
}

.modal-svg--line, .modal-svg--wedge {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6vw;
}

.modal-title {
    font-size: 2.2em;
    line-height: 1.2em;
    width: 70%;
}

.modal-select-width-class {
    width: 100%;
}

.modal-header-clip-path {
    clip-path: polygon(0 0, 100% 0%, 100% 70%, 0% 100%);
}

.modal-dialog-scrollable {
    height: unset;
}

@media screen and (max-width: 991px) {
    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }

    .modal-content {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
    }

    .modal-body {
        overflow-y: scroll;
    }
}

@media screen and (min-width: 992px) {
    .modal-svg--line, .modal-svg--wedge {
        height: 4vw;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
}