.invalid { border: 1px solid #CB3F50 !important; background-color: rgb(255, 238, 239) !important; }

.form-required label {
}

.form-required label::before {
    content:"* ";
    color: #CB3F50;
}

.guardian-required label::before {
    content:"* ";
    color:#CB3F50;
}

.remove-patient-data {
    display:none;
    cursor:pointer;
}

#additional-patient-data-container .remove-patient-data {
    display:block;
}

#btn-add-patient {
    margin-bottom:25px;
}

body, legend {
    font-family: "Nunito", sans-serif;
}


.btn.btn-success,
.btn.btn-info {
    background-color: #012169;
    color: #fff;
    border: 1px solid #012169;
    font-family: "TradeGothicW01-BoldCn20_675334";
    font-size: 18px;
    transition: .3s all;
}

.btn.btn-success:hover,
.btn.btn-info:hover {
    background-color: #1779B9;
    color: #fff;
    border: 1px solid #1779B9;
}
.form-tab {
    background-color: #fff;
    color: #012169;
    border: 1px solid #012169;
    font-family: "TradeGothicW01-BoldCn20_675334";
    font-size: 18px;
    transition: .3s all;
    margin-right: 15px;
    cursor: pointer;
}

.nav>li>a:hover,
.form-tab:hover {
    background-color: #012169 !important;
    color: #fff !important;
    border: 1px solid #012169 !important;
}

.form-tab.active {
    background-color: #012169;
    color: #fff;
    border: 1px solid #012169;
    font-family: "TradeGothicW01-BoldCn20_675334";
    font-size: 18px;
    transition: .3s all;
}
.form-tab.active:hover {
    background-color: #1779B9 !important;
    color: #fff !important;
    border: 1px solid #1779B9 !important;
}
.form-tab {
    margin-bottom: 15px;
}
.patient-dob-row .patient-dob-container select,
.guardian-field-group select{
    margin-bottom: 15px;
}
/* Desktop styles */
@media screen and (min-width: 491px) {
    .form-tab {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 767px) {
    .patient-dob-row .patient-dob-container select,
    .guardian-field-group select{
        margin-bottom: 0px;
    }
}
.patient-dob-container.invalid select {
  border: 1px solid red !important;
  background-color: #FFCECE !important;
}
input.invalid,
select.invalid {
  border: 1px solid red !important;
  background-color: #FFCECE !important;
}