#app input:focus {
    border: 1px solid #da251d;
    transition: All 0.5s ease-in;
    box-shadow: none;
}

#app textarea:focus {
    border: 1px solid #da251d;
    transition: All 0.5s ease-in;
    box-shadow: none;
}

#app .input-green {
    border: 1px solid #38C172;
    transition: All 0.5s ease-in;
    box-shadow: none;
}

#app .input-green:focus {
    border: 1px solid #38C172;
    transition: All 0.5s ease-in;
    box-shadow: none;
}

.btn-red {
    background-color: #da251d !important;
    color: #FFFFFF !important;
    transition: all 0.3 ease;
    cursor: pointer;
}

.btn-red:focus, .btn-red:active, .btn-red:hover {
    background-color: #c4211a !important;
    color: #FFFFFF !important;
    box-shadow: none;
}
select {
    transition: all 0.3 ease !important;
}

select:focus {
    border-color: #da251d !important;
    box-shadow: none !important;
}

select option:hover {
    background-color: #da251d !important;
}

.card-header {
    font-size: 15px;
    font-weight: bolder;
}

.whatever {
    background-color: red;
}

#checkboxes input[type=checkbox] {
    display: none;
}

#checkboxes input[type=checkbox]:checked + .whatever {
    background-color: green;
}

.required:after {
    content:" *";
    color: red;
}