/* Application css*/

.form-simple {}

.form-simple input,
.form-simple .input-group-text {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}
.form-simple .input-group-text {
    background-color: #fff;
}
.form-simple input.required {
    border-bottom: 1px solid #cb2027;
}
.form-simple select.required {
    border-color: #cb2027;
}
label.required:before, label.required:after {
    content: '\f069';
    margin-right: .5em;
    color: #cd3c3c;
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: bold;
    line-height: 1;
}

label.required:before {
    display: none;
}

label.required:after {
    display: inline-block;
}

@media (min-width: 576px) {
    label.required:before {
        display: inline-block;
    }
    label.required:after {
        display: none;
    }
}

/*  overriding ace-admin styles  */
.btn-outline-danger {
    color: #bf2e1a !important;
    border-color: #bf2e1a !important;
    background-color: transparent !important;
}

.btn-outline-danger:hover {
    color: #fff  !important;
    background-color: #bf2e1a !important;
    border-color: #bf2e1a !important;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(191, 46, 26, 0.5) !important;
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #bf2e1a !important;
    background-color: transparent !important;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff !important;
    background-color: #bf2e1a !important;
    border-color: #bf2e1a !important;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(191, 46, 26, 0.5) !important;
}
h1 {
    font-size: 1.85em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1.1em;
}

@media(min-width: 568px){
    h1 {
        font-size: 2.1em;
    }
    h2 {
        font-size: 1.85em;
    }
    h3 {
        font-size: 1.5em;
    }
    h4 {
        font-size: 1.25em;
    }

}
@media(min-width: 768px){
    h1 {
        font-size: 2.5em;
    }
    h2 {
        font-size: 2.1em;
    }
    h3 {
        font-size: 1.85em;
    }
    h4 {
        font-size: 1.5em;
    }

}
@media(min-width: 1200px){
    h1 {
        font-size: 2.8em;
    }
    h2 {
        font-size: 2.5em;
    }
    h3 {
        font-size: 2.1em;
    }
    h4 {
        font-size: 1.85em;
    }

}