.form-control {
    width: 100%;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    &.form-control-1-2 {
        width: 50%;
    }
}


select {
    height: 40px;
    border: 2px solid $grey-2;
    font-size: inherit;
    border-radius: 0px;
    background-image: url('/images/triangle-caret-down.svg');
    background-repeat: no-repeat;
    background-size: 28px 12px;
    background-position: right center;
    padding-left: 16px;
}

textarea{
    resize: none;
    height: 144px;
    border: 2px solid $grey-2;
    margin-bottom: 24px;
}

.textarea-title{
    font-weight: bold;    
    margin-bottom: 8px;
}

.textarea-playback-date{
    text-align: right;
}

.textarea-playback{
    background-color: #f7f7f7;
    height: 120px;
    padding: 24px 24px;
}