/* Form CSS */
    
input[type=text],input[type=password],textarea,select {
    font-size: var(--main-font-size);
    line-height: 1.8em;
    font-family: var(--main-font-familiy);
    color: var(--main-font-color);
    width: 100%;
    padding: 12px 20px;
    margin: 4px 0;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
    font-size: var(--main-font-size);
    line-height: 1.8em;
    font-family: var(--main-font-familiy);
    color: var(--main-font-color);
    width: 100%;
    padding: 12px 20px;
    margin: 4px 0;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box; 
  -moz-appearance: textfield;
}

/* Removes the clear button from date inputs */
input[type="date"]::-webkit-clear-button {
    display: none;
}

/* Removes the spin button */
input[type="date"]::-webkit-inner-spin-button { 
    display: none;
}

/* Always display the drop down caret */
input[type="date"]::-webkit-calendar-picker-indicator {
    color: #2c3e50;
}

/* A few custom styles for date inputs */
input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    font-size: var(--main-font-size);
    line-height: 1.8em;
    font-family: var(--main-font-familiy);
    color: var(--main-font-color);
    border:1px solid #ecf0f1;
    background:#ecf0f1;
    padding:5px;
    display: inline-block !important;
    visibility: visible !important;
}

input[type="date"], focus {
    color: #95a5a6;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

label {
    font-size: var(--main-font-size);
    line-height: 1.8em;
    font-family: var(--main-font-familiy);
    color: var(--main-font-color);
    
}

textarea {
    resize: none;
}
  
input[type=submit],button {
    font-size: var(--main-font-size);
    line-height: 1.8em;
    width: 40%;
    float:right;
    border: 1px solid #EA5F4B;
    color: white;
    padding: 14px 0px;
    background-color:#EA5F4B;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}

input[type=submit]:hover,button:hover {
    background-color:#CA3F2B;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
}

input[type=text]:focus,input[type=password]:focus,textarea:focus {
    border:0px solid #FFFFFF;
    background:#d7f3d9;

}

.required {
    border:1px solid #5b5b5b;
}
.notrequired {
    border: 0px solid #FFFFFF;
}

/* Tablet */
@media screen and (max-width :1028px) {
}

/* Handy */
@media screen and (max-width :720px) {
}