body[select2-open-id] {
    overflow: hidden !important;
}

.select2-selection.form-control {
    /*display: block !important;*/
    width: 100% !important;
    height: calc(1.5em + 1.3rem + 2px) !important;
    padding: .65rem 1rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #3f4254 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #e4e6ef !important;
    border-radius: .42rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
}

    .select2-selection.form-control.form-control-solid {
        background-color: #f3f6f9 !important;
        border-color: #f3f6f9 !important;
        color: #3f4254 !important;
        -webkit-transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease !important;
        transition: color .15s ease,background-color .15s ease,border-color .15s ease,-webkit-box-shadow .15s ease !important;
        transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease !important;
        transition: color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease !important;
    }

    .select2-selection.form-control .select2-selection__rendered {
        padding: 0.65rem 3rem .65rem 0 !important;
    }

    .select2-selection.form-control .select2-selection__arrow {
        margin: 0 !important;

    }

        .select2-selection.form-control .select2-selection__arrow b {
            display: block !important;
            position: relative !important;
            border: none !important;
            font-size: large !important;
            height: inherit !important;
            top: unset !important;
            left: unset !important;
            margin: 0 !important;
            right: 10px !important;
            color: var(--secondary-lighter-75)
        }

        .select2-selection.form-control .select2-selection__arrow::after {
            content: none !important;
        }

.form-control ~ .select2.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
    margin-right: 1.25rem !important;
}