:root {
    --input-border-radius: 0.5rem;
}


/* CARD */
#bootstrap-override-1 .card {
    border-radius: 0.75em;
    box-shadow: 0px 3px 17px #2C28281C;
}
@media (max-width: 768px) {
    #bootstrap-override-1 .card {
        border-radius: 0;
    }
}
#bootstrap-override-1 .card-header {
    border: 0;
    background-color: #fff;
    border-top-left-radius: 0.75em;
    border-top-right-radius: 0.75em;
}

/* INPUT */
#bootstrap-override-1 .form-control {
    border: solid 1px transparent;
    box-shadow: 0px 2px 4px #1717172E;
    padding: 24px;
    border-radius: var(--input-border-radius);
    background-color: #F7FAFC;
    transition: background-color .15s;
}
#bootstrap-override-1 .form-control.focus {
    border: solid 1px #3B86FF;
    background-color: #ffff;
}
#bootstrap-override-1 .form-control.is-invalid {
    border: solid 1px #dc3545;
}
#bootstrap-override-1 .form-control:disabled {
    background-color: #f5f5f5;
}

#bootstrap-override-1 select.form-control {
    height: 50px;
    padding: 0 24px;
}

#bootstrap-override-1 .input-group .form-control {
    box-shadow: none;
    padding-left: 6px;
}
#bootstrap-override-1 .input-group {
    border: solid 1px transparent;
    box-shadow: 0px 2px 4px #1717172E;
    border-radius: var(--input-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
#bootstrap-override-1 .input-group.focus {
    border: solid 1px #3B86FF;
}
#bootstrap-override-1 .input-group-text {
    padding-left: 16px;
    border: none;
    background-color: #fff;
    border-radius: var(--input-border-radius);
}

/* BUTTONS */
#bootstrap-override-1 .btn {
    padding: 10px 20px;
    box-shadow: 0px 3px 6px #2C28281C;
}

#bootstrap-override-1 div.card-header .btn {
    padding: 5px 20px;
}

#bootstrap-override-1 .btn-primary {
    background-color: #11CDEF;
    border-color: #11CDEF;
}
#bootstrap-override-1 .btn-primary:hover {
    background-color: #172B4D;
    border-color: #172B4D;
}
#bootstrap-override-1 .btn-primary:active {
    border-color: #172B4D;
}

#bootstrap-override-1 .btn-outline-primary {
    background-color: #fff;
    border-color: #11CDEF;
}
#bootstrap-override-1 .btn-outline-primary:hover {
    background-color: #172B4D;
    border-color: #172B4D;
}



#bootstrap-override-1 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c3c3c3;
    opacity: 1; /* Firefox */
}

#bootstrap-override-1 :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c3c3c3;
}

#bootstrap-override-1 ::-ms-input-placeholder { /* Microsoft Edge */
    color: #c3c3c3;
}