.chabok-contactus-field {
    margin-bottom: 10px;
}
.chabok-contactus-field label {
    display:block;
}

.chabok-contactus-field input, .chabok-contactus-field textarea {
    display:block;
    width:100%;
}
.chabok-multi-field-horizental {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.chabok-multi-field-horizental  .chabok-contactus-field {
    width:50%;
}

.chabok-multi-field-horizental  .chabok-contactus-field.chabok-phone-field {
padding-right: 10px;
}
.chabok-multi-field-horizental  .chabok-contactus-field.chabok-email-field {
    padding-left: 10px;
}

.rtl .chabok-multi-field-horizental  .chabok-contactus-field.chabok-phone-field {
    padding-left: 10px;
    padding-right: 0;
}
.rtl .chabok-multi-field-horizental  .chabok-contactus-field.chabok-email-field {
        padding-right: 10px;
        padding-left: 0;
}

 #chabok-contactus-submit[disabled="disabled"] {
    cursor: default;
    background: linear-gradient(to bottom, #ffffff 50%, #12974e 50%);
	background: -webkit-linear-gradient(to bottom, #ffffff 50%, #12974e 50%);
	background: -moz-linear-gradient(to bottom, #ffffff 50%, #12974e 50% );
	background-size: 100% 200%;
    transition: 2s background-position ease-in-out, 
    color 1.5s ease-in-out;
    background-position:0 100%;
    border:1px solid #12974e;
}

.chabok-contactus-success {
    background-color:rgba(18, 151, 78, 0.176);
    padding: 30px;
}

.chabok-contactus-error {
    color:red;
}

#chabok-contactus-submit[disabled="disabled"],
#chabok-contactus-submit[disabled="disabled"]:hover,
#chabok-contactus-submit[disabled="disabled"]:focus {

   color:#fff;
}

.rtl .iti--separate-dial-code {
    direction: ltr;
}