.form{
    background-color: #F3F6FB;
    padding: 100px 0px;
}

.input-box
{
  border: 1px solid #9e9e9e !important;
  padding: 10px 10px;
  box-shadow: none !important;
  padding: 0px 10px;
  background-color:white !important;
}

.error
{
  border: 1px solid red !important;
}

#error-message, .communication-error{
    color: red !important;
}

.terms-error [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{
    border: 1px solid red !important;
}



.input-box input,.input-box input:focus  {
    margin-bottom: 0px !important;
    border-bottom:none !important;
    box-shadow: none !important;
}
label{
    width:auto !important;
}

.input-box label, label span.label{
    color: #18479f !important;
    font-weight: bold !important;
    font-size: 18px !important;
}
.input-box label{
    margin-left: 4rem !important;
}

.input-box input.select-dropdown{
    color: #18479f !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.input-box i{
    color:#A1A3A4 !important;
    left: 0px !important;
    }
.input-box i.active{
color:#17479e !important;
}

.inbox-box input.active,.inbox-box input.valid, .inbox-box input.invalid {
    box-shadow: none !important;
}

.input-box label.active{
    display: none !important;
}

.input-box li span {
    color: #18479f !important;
}

.datepicker-date-display, .datepicker-table td.is-selected{
    background-color: #17479e !important;
}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done, .datepicker-table td.is-today, .dropdown-content li>a, .dropdown-content li>span {
    color: #17479e !important;

}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{
    border: 1px solid #9e9e9e !important;
    background-color: white !important;
    border-radius: 0px !important;
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
    background-color: #17479e !important;
    border: 1px solid #17479e !important;

}

.button-container{
    height: 0px;
    /* this is to align buttons in center */
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    height: 0px;
}

.submit-button{
    background-color:#00C6FF !important;
    box-shadow: none !important;
    padding: 0 80px !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

button:focus{
    background-color: #5C7EBB !important;
   
}

.form-dis-text{
    color: #A4A3A7 !important;
    text-align:left !important;
}




/* #phone-box{
    padding-left: 0px !important;
}
#phone-box label{
    margin-left: 1rem !important;
}
#code-box{
    padding-right:0px !important;
}
*/
/* #code-box .input-box{
    padding-left:0px !important;
} */

#phone{
    padding-left: 52px !important;
    width:auto !important;
    display: block !important;
}
.iti{
    display: block !important;
}

#phone::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #18479f !important;
    font-weight: bold !important;
    font-size: 18px !important;
  }
  
  #phone:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #18479f !important;
    font-weight: bold !important;
    font-size: 18px !important;
  }
  
  #phone::-ms-input-placeholder { /* Microsoft Edge */
    color: #18479f !important;
    font-weight: bold !important;
    font-size: 18px !important;
  }

  .select-month input {
    width: 120px !important;
}


@media only screen and (max-width:768px){
    .submit-button{
        padding: 0 40px !important;
    }
    .form{
        padding: 50px 0px;
    }
    }