@import "../components/colors";

#stm_lms_send_fast_message {

}

.stm_lms_fast_message {
    position: absolute;
    left: 50%;
    top: 55px;
    padding: 40px 30px 30px;
    margin-left: -195px;
    width: 390px;
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .18));
    background-color: #fff;
    text-align: left;
    transition: .3s ease;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    z-index: 90;
    &.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    &:before {
        content: '';
        display: block;
        position: absolute;
        top: -15px;
        left: 50%;
        width: 30px;
        height: 30px;
        margin-left: -15px;
        background-color: #fff;
        transform: rotate(45deg);
    }
    &:after {
        content: '';
        display: block;
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        height: 30px;
        z-index: 10;
    }
    &_to {
        margin: 0 0 15px;
        span {
            color: $main_color;
        }
    }
    textarea {
        min-height: 100px;
        margin: 0 0 30px;
        padding: 10px 15px !important;
        border: 1px solid #dddddd;
        background-color: #eef1f7;
    }
    &_btns {
        display: flex;
        .btn {
            padding: 15px 30px;
            min-width: auto;
            background-color: $main_color !important;
            border: 1px solid transparent !important;
            &-cancel {
                margin-left: auto;
                background-color: #eef1f7 !important;
                border: 1px solid #aaa !important;
                color: #aaa !important;
            }
        }
    }
}