/* overrides vex-theme-os.css */

.vex .vex-content {
    background: white !important;
    border-top: 25px solid #3b8bd0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    max-width: 90% !important; /*don't take full width on mobile*/
}

.vex .vex-dialog-form {
    display: block;
    font-size: 15px;
}

.vex .vex-dialog-message .fa.blue {
    color: #6bbee6;
}
.vex .vex-dialog-message .fa.orange {
    color: orange;
}

.vex .vex-dialog-button {
    margin-top: 3px !important; /* prevent buttons collapse on narrow screens */
}
.vex .vex-dialog-button.vex-dialog-button-primary {
    background: #3b8bd0 !important;
}

.vex label {
    font-weight: normal;
}
.vex .vex-btn-primary {
    font-weight: bold;
    background-color: #3b8bd0;
    color: white;
}

.vex .hint {
    font-size: 0.85em;
    font-style: italic;
    line-height: 1.2;
    color: #949494 !important;
}

.vex textarea:not(:focus) {
    /* has no border on blur by default */
    outline: 1px solid #dbdbdb;
}

@media (max-width: 500px) {
    .vex .vex-dialog-button {
        letter-spacing: 0 !important;
    }
}