/*---Global Structure & Elements-----------------------------------------------*/
    .form-label {
        color: #b99a3d;	
        font-size: 1em;	
        display:block;
        text-align: left;		
    }	
    .form-label-small {
        color: #b99a3d;	
        font-size: 0.5em;
    }	
    .form-btn-standard {
        padding: 10px;
        background-color: #3c3c3c;
        color: #b99a3d;
        cursor: pointer;
        border-radius: 4px;
        width: 250px;
        border: #b99a3d 1px solid;
        font-size: 1em;
    }	
    .form-btn-adaptive {
        padding: 10px;
        background-color: #3c3c3c;
        color: #b99a3d;
        cursor: pointer;
        border-radius: 4px;
        width: 80%;
        border: #b99a3d 1px solid;
        font-size: 1em;
    }	
    .form-btn-small {
        padding: 10px 4px 10px 4px;
        background-color: #3c3c3c;
        color: #b99a3d;
        cursor: pointer;
        border-radius: 4px;
        width: 70px;
        border: #b99a3d 1px solid;
        font-size: 1em;
    }	
    .form-btn-standard:hover, .form-btn-small:hover, .form-btn-adaptive:hover {
        background-color: #b99a3d;
        color: #2c2c2c;
    }	
    .form-input-box {
        padding: 13px;
        border-radius: 4px;
        background-color: #5c5c5c;
        border: 1px solid #b99a3d;
        color: #ccc;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .form-input-box-table {
        padding: 5px 3px;
        border-radius: 4px;
        background-color: #2c2c2c;
        border: 0px solid #b99a3d;
        color: #b99a3d;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .form-table { /*use for inline flexible div forms with horizontal flow */        
        background: transparent;
        margin-left: auto;
        margin-right: auto;
        word-break: break-word;
        table-layout: auto;
        line-height: 1.8em;
        padding: 0;
        width: 100%;
        display:inline-flex;
    }
    .form-table-block { /*use for single column forms with vertical flow */        
        background: transparent;
        margin-left: auto;
        margin-right: auto;
        word-break: break-word;
        table-layout: auto;
        line-height: 1.8em;
        padding: 0;
        width: 100%;
    }
    .form-table .field-column { /*use for 4 x 25% columns in form-table*/
        padding: 15px 10px;		
        font-size: 1.2em;
        line-height: 2.0em;
        width: 25%;
    }
    .form-table-block .field-column { /*use for single column, 60% width in form-table-block*/
        padding: 10px 10px;		
        font-size: 1.2em;
        line-height: 2.0em;
        width: 60%;
    }  
    .form-table-small-border { /*use for block level single column user entries*/
        background: #2c2c2c;
        border-spacing: initial;
        margin-left: auto;
        margin-right: auto;
        word-break: break-word;
        table-layout: auto;
        line-height: 1.8em;
        border-radius: 8px;
        padding: 20px;
        max-width: 90%;
        border: solid #b99a3d 2px;		
    }
    .form-table-small-border-scrollable { /*use for block level single column user entries*/
        background: #2c2c2c;
        border-spacing: initial;
        margin-left: auto;
        margin-right: auto;
        word-break: break-word;
        table-layout: auto;
        line-height: 1.8em;
        border-radius: 8px;
        padding: 20px;
        max-width: 90%;
        border: solid #b99a3d 2px;		
        overflow-y: auto;
		max-height: 550px;
    }   
    .form-table-small-border-scrollable::-webkit-scrollbar{
		width: 14px;
	}	
	.form-table-small-border-scrollable::-webkit-scrollbar-thumb{
		border: 4px solid rgba(0, 0, 0, 0);
        background: #85426b90;
        background-clip: padding-box;
		border-radius: 9999px;
	}
    .form-table-small-border .field-column{
        padding: 15px 10px;		
        font-size: 1.2em;
        line-height: 2.0em;
    }
    .hidden{
        display: none;
    }
    .visible{
        display: block;
    }
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus,
    select:-webkit-autofill:active,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    textarea:-webkit-autofill:active{
        border: 1px solid purple;
        -webkit-text-fill-color: #b99a3d;
        -webkit-box-shadow: 0 0 0 1000px #1c1c1c inset;
        transition: background-color 5000s ease-in-out 0s;
    }
    ::-webkit-calendar-picker-indicator{
        filter:invert(1);
    }
    .form-input-box:focus{
        border: 2px solid #b99a3d;
    }
    .cell .input[type="datetime-local"]{
        width: 120px;
    }
    .slidecontainer {
        width: 100%; /* Width of the outside container */
      }   
    .slider {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 15px;
        border-radius: 25px;  
        background: #5c5c5c;
        outline: none;
        opacity: 0.7;
        -webkit-transition: .2s;
        transition: opacity .2s;
      }
      
      .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%; 
        background: #b99a3d;
        cursor: pointer;
      }
      
      .slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #b99a3d;
        cursor: pointer;
      }

/*===End Global Structure & Elements===========================================*/

/*---Global Form Messages & Headers--------------------------------------------*/
    .form-message-info {
        color: #b99a3d;
        padding: 0;
    }
    .form-message-info h2{
        font-size: 1.25em
    }
    .form-message-info-small{
        font-size: 0.95rem;
        line-height: 1.1rem;
        color: #b99a3d;
        padding: 15px 0 0 0;
    }
    .form-message-warning {
        color: #df5371;
        padding: 0;
    }
    .form-message-positive {
        color: rgba(130, 221, 159, 0.8);
        padding: 0;
    }
    .form-message-head-white {
        padding: 10px 0 20px 10px; 
        font-size: 1.7em;
        color: #ccc;
    }
/*===End Global From Messages & Headers========================================*/

/*---Login Form (Unique)----------------------------------*/
    .login-table {
        background: #2c2c2c;
        border-spacing: initial;
        margin-left: auto;
        margin-right: auto;
        word-break: break-word;
        table-layout: auto;
        line-height: 1.8em;
        border-radius: 8px;
        padding: 20px;
        width: 380px;
        border: solid #b99a3d 2px;		
    }
    .login-table .field-column {
        padding: 15px 10px;		
        font-size: 1.2em;
        line-height: 2.0em;
    }
/*===End Login Form=======================================*/

/*---Form Success Overlay Popup---------------------------------------------------*/
    .success-alert {
        background: rgba(41, 109, 63, 0.8);
        color: white;        
        border-radius: 15px;
        padding: 10px;
        text-align: center;
        position: fixed;
        top: 2%;
        left: 50%;
        transform: translateX(-50%);
        width: 420px;
    }
    .success-alert h2, .fail-alert h2{
        font-size: 1rem;
        padding: 10px;       
        font-weight: bold;    
    }
    .success-alert p, .fail-alert p{
        font-size: 0.8rem;
        padding: 0 0 10px 0;        
    }
    .fail-alert {
        background: rgba(170, 32, 78, 0.8);
        color: white;
        border-radius: 15px;
        padding: 10px;
        text-align: center;
        font-weight: bold;
        position: fixed;
        top: 2%;
        left: 50%;
        transform: translateX(-50%);
        width: 400px;
    }
/*===End Overlay Popup============================================================*/