/* 
    Created on : Jun 13, 2024, 7:35:38 AM
    Author     : jerome
*/

input[required=required],select[required=required]{
    border-left: 2px solid #f00;
}

form .submit:disabled{
    background-color: #ccc;
}

form .form-wrapper{
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 12px #ccc;
}

form .btn-submit{
    color: #fff;
    background-color:#c92000;
    padding: 6px 12px;
    border: 2px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
    transition-property:background-color;
    transition-duration: .5s;
    transition-timing-function: ease-in;
}

form .btn-submit.disabled, form .btn-submit.disabled:hover{
    color: #fff;
    background-color:#ccc;
    padding: 6px 12px;
    border-radius: 5px;
    box-shadow: 0 0 5px #ccc;
    transition-property:background-color;
    transition-duration: .5s;
    transition-timing-function: ease-in; 
}

form .btn-submit:hover{
    background-color: #e9a300;
    border: 2px solid #fff;
    transition-property:background-color;
    transition-duration: .5s;
    transition-timing-function: ease-out;
}

.submit-border{
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #ccc;
}

.border-bottom{
    padding-top:6px;
    padding-bottom:6px;
    border-bottom: 1px solid #ccc;
}

/* Colors */
.red{
    color: #f00;
}

/* Flash */

/* Fault Isolation */
.fault-message{
    padding: 3px 6px;
    color: #f00;
    margin-bottom: 12px;
}

/* Form Components */
.fieldset-label{
    background-color: #444;
    color: #fff;
    border-radius: 4px;
    padding: 6px;
    text-align: center;
}