#{$prefix}-global,
#{$prefix}-global::before,
#{$prefix}-global::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    img {
        max-width: 100%;
        height: auto;
    }

    button {
        margin: 0;
        padding: 0;
        background: none;
        border: 0;
        text-decoration: none;
        line-height: normal;
        outline: none;
        user-select: none;
    }

    input:not([type])::-ms-clear,
    input:not([type])::-ms-reveal,

    input[type="text"]::-ms-clear,
    input[type="text"]::-ms-reveal,

    input[type="password"]::-ms-clear,
    input[type="password"]::-ms-reveal,

    input[type="date"]::-ms-clear,
    input[type="date"]::-ms-reveal,

    input[type="datetime"]::-ms-clear,
    input[type="datetime"]::-ms-reveal,

    input[type="datetime-local"]::-ms-clear,
    input[type="datetime-local"]::-ms-reveal,

    input[type="month"]::-ms-clear,
    input[type="month"]::-ms-reveal,

    input[type="week"]::-ms-clear,
    input[type="week"]::-ms-reveal,

    input[type="email"]::-ms-clear,
    input[type="email"]::-ms-reveal,

    input[type="number"]::-ms-clear,
    input[type="number"]::-ms-reveal,

    input[type="search"]::-ms-clear,
    input[type="search"]::-ms-reveal,

    input[type="tel"]::-ms-clear,
    input[type="tel"]::-ms-reveal,

    input[type="time"]::-ms-clear,
    input[type="time"]::-ms-reveal,

    input[type="url"]::-ms-clear,
    input[type="url"]::-ms-reveal,

    input[type="color"]::-ms-clear,
    input[type="color"]::-ms-reveal,

    textarea::-ms-clear,
    textarea::-ms-reveal {
        display: none;
    }
}

.#{$prefix}-modal {
    text-align: center;
    z-index: 99999;

    &:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .modal-body {
        padding: 0;
    }

    .modal-dialog {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        text-align: left;
    }
}

.select2-container {
    position: relative;
    display: block;

    .select2-choice {
        height: 34px;
        line-height: 34px;
        border-radius: 0;
        border-color: $color-gray-lte;
        background: $color-white;
        box-shadow: none;

        abbr {
            top: 50%;
            transform: translateY(-50%);
        }

        .select2-arrow {
            border-radius: 0;
            border-color: $color-gray-lte;
            background: $color-white;

            b {
                background-position: 0 4px;
            }
        }
    }
}

.select2-drop {
    border-color: $color-gray-lte;
    border-radius: 0;
}
