.card label {
    font-weight: 700;
    color: #212121;
    /* text-transform: uppercase; */
}

.required {
    color: red;
}

.sidebar-padding-left {
    padding-left: 44px;
}

.btn-white {
    background-color: #fff !important;
    border: 1px solid #888;
    color: #212121;
    padding: 7px 18px;
    margin: 2px 1px !important;
}
  
.btn-white.active:hover, .btn-white:active:hover, .btn-white:focus, .btn-white:hover, .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled):active:focus, .navbar .navbar-nav>a.btn-white.active:hover, .navbar .navbar-nav>a.btn-white:active:hover, .navbar .navbar-nav>a.btn-white:focus, .navbar .navbar-nav>a.btn-white:hover, .navbar .navbar-nav>a.btn-white:not(:disabled):not(.disabled).active, .navbar .navbar-nav>a.btn-white:not(:disabled):not(.disabled).active:focus, .navbar .navbar-nav>a.btn-white:not(:disabled):not(.disabled):active, .navbar .navbar-nav>a.btn-white:not(:disabled):not(.disabled):active:focus, .show>.btn-white.dropdown-toggle, .show>.btn-white.dropdown-toggle:focus, .show>.btn-white.dropdown-toggle:hover, .show>.navbar .navbar-nav>a.btn-white.dropdown-toggle, .show>.navbar .navbar-nav>a.btn-white.dropdown-toggle:focus, .show>.navbar .navbar-nav>a.btn-white.dropdown-toggle:hover {
    color: #212121 !important;
    border: 1px solid #f96332;
}

.form-control, textarea.form-control
{
  border: 1px solid #212121;
  border-radius: 0.1875rem;
  background-color: white;
}

textarea.form-control.active:hover, textarea.form-control:active:hover, textarea.form-control:focus, textarea.form-control:hover, textarea.form-control:not(:disabled):not(.disabled).active, textarea.form-control:not(:disabled):not(.disabled).active:focus, textarea.form-control:not(:disabled):not(.disabled):active, textarea.form-control:not(:disabled):not(.disabled):active:focus, .navbar .navbar-nav>atextarea.form-control.active:hover, .navbar .navbar-nav>atextarea.form-control:active:hover, .navbar .navbar-nav>atextarea.form-control:focus, .navbar .navbar-nav>atextarea.form-control:hover, .navbar .navbar-nav>atextarea.form-control:not(:disabled):not(.disabled).active, .navbar .navbar-nav>atextarea.form-control:not(:disabled):not(.disabled).active:focus, .navbar .navbar-nav>atextarea.form-control:not(:disabled):not(.disabled):active, .navbar .navbar-nav>atextarea.form-control:not(:disabled):not(.disabled):active:focus, .show>textarea.form-control.dropdown-toggle, .show>textarea.form-control.dropdown-toggle:focus, .show>textarea.form-control.dropdown-toggle:hover, .show>.navbar .navbar-nav>atextarea.form-control.dropdown-toggle, .show>.navbar .navbar-nav>atextarea.form-control.dropdown-toggle:focus, .show>.navbar .navbar-nav>atextarea.form-control.dropdown-toggle:hover {
    /* color: #212121 !important; */
    border: 1px solid #f96332;
}

.btn-white {
    background-color: #fff !important;
    border: 1px solid #888;
    color: #212121;
  }
  
  .btn-white.active:hover, .btn-white:active:hover, .btn-white:focus, .btn-white:hover, .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled):active:focus, .navbar .navbar-nav>a.btn-white.active:hover, .navbar .navbar-nav>a.btn-white:active:hover, .navbar .navbar-nav>a.btn-white:focus, .navbar .navbar-nav>a.btn-white:hover, .navbar .navbar-nav>a.btn-white:not(:disabled):not(.disabled).active, .navbar .navbar-nav>a.btn-white:not(:disabled):not(.disabled).active:focus, .navbar .navbar-nav>a.btn-white:not(:disabled):not(.disabled):active, .navbar .navbar-nav>a.btn-white:not(:disabled):not(.disabled):active:focus, .show>.btn-white.dropdown-toggle, .show>.btn-white.dropdown-toggle:focus, .show>.btn-white.dropdown-toggle:hover, .show>.navbar .navbar-nav>a.btn-white.dropdown-toggle, .show>.navbar .navbar-nav>a.btn-white.dropdown-toggle:focus, .show>.navbar .navbar-nav>a.btn-white.dropdown-toggle:hover {
    color: #212121 !important;
  }

  .hidden { display: none; }
.form-section { margin-top: 20px; }

.nav-pills .nav-link {
    border-radius: 0.25rem;
    background-color: #f8f9fa;
    color: #007bff;
    margin: 0 5px; /* Adjust spacing between pills */
}

.nav-pills .nav-link.active {
    background-color: #007bff;
    color: #fff;
}

.signature-container {
    border: 2px solid #000;
    width: fit-content;
    padding: 10px;
}
.signature-pad {
    border: 1px solid #ccc;
}
.clear-button {
    margin-top: 10px;
}

.kbw-signature { width: 100%; height: 200px;}
#sig canvas{ width: 100% !important; height: auto;}

input:disabled {
    color: black !important;
    background-color: #e9ecef; /* Light gray background to indicate it's disabled */
    opacity: 1; /* Ensure full opacity */
}
select:disabled {
    color: black !important;
    background-color: #e9ecef; /* Light gray background to indicate it's disabled */
    opacity: 1; /* Ensure full opacity */
}
textarea:disabled {
    color: black !important;
    background-color: #e9ecef; /* Light gray background to indicate it's disabled */
    opacity: 1; /* Ensure full opacity */
}