﻿/*External Data Collection Step*/

.form-outline .form-control:focus + .form-label {
    color: rgb(47, 93, 98);
    font-size:19px;
    font-weight: bold;
    transition:none;
}

.form-outline .form-control:not(:placeholder-shown) + .form-label {
    color: rgb(47, 93, 98);
    font-size: 19px;
    transition: none;
    font-weight: bold;
    transition: none;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-color: rgb(47, 93, 98);
    border-top: .125rem solid rgb(47, 93, 98);
    border-bottom: .125rem solid rgb(47, 93, 98);
    border-left: .125rem solid rgb(47, 93, 98);
    box-shadow: none !important;
    transition: none;
}

.form-outline .form-control:focus~ .form-notch .form-notch-trailing {
    border-color: rgb(47, 93, 98);
    border-top: .125rem solid rgb(47, 93, 98);
    border-right: .125rem solid rgb(47, 93, 98);
    border-bottom: .125rem solid rgb(47, 93, 98);
    box-shadow: none !important;
    transition: none;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
    border-color: rgb(47, 93, 98);
    border-top: 0;
    border-bottom: .125rem solid rgb(47, 93, 98);
    box-shadow: none !important;
    transition: none;
}

.form-check-input[type=checkbox]:checked, .form-check-input[type=checkbox]:checked:focus {
    border-color: rgb(47, 93, 98);
    background-color: rgb(47, 93, 98);
}

/*External Data Collection Result Step*/

td, th {
    padding: 5px !important;
    font-size: 15px;
}

td {
    font-weight: 530;
}

th {
    font-weight: bold !important;
    color: rgb(47, 93, 98);
}

.form-outline .form-label {
    font-size: 16px;
}

.form-outline.mb-4 .form-label {
    font-weight: normal !important;
    font-size:16px !important;
}

.form-outline.mb-4 .form-control:focus + .form-label {
    font-weight: bold !important;
}

.form-outline.mb-4 .form-control:not(:placeholder-shown) + .form-label {
    font-weight: bold !important;
}

.form-control-custom:focus {
    border: 2px solid rgb(47, 93, 98) !important;
    box-shadow: none !important;
}

.form-check-input:disabled + .form-check-label {
    color: rgb(47, 93, 98);
    font-weight: bold;
}

/*Additional Data Collection Step*/

.column-inputs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/*Application Wizard*/

.form-select.select-custom:focus {
    border: 2px solid rgb(47, 93, 98) !important;
    box-shadow: none !important;
    transition:none;
}

.form-select.select-dashboard-custom:focus {
    border: 2px solid rgb(47, 93, 98) !important;
    box-shadow: none !important;
    transition: none;
}

.select-dashboard-custom {
    max-width: 250px !important;
    margin:auto;
}

/*Auth/Index*/
.form-inputs-custom .input-error-message {
    position: relative;
    top: -20px;
}

.navbar-toggler .navbar-toggler-icon-line {
    display: block;
    width: 25px;
    height: 3px;
    background-color: black; 
    margin: 4px 0; 
    transition: 0.3s; 
}

.form-outline .form-control.form-control-lg~.form-label {
    padding-top: .5rem;
}