/* GENERAL */

.input_field {
 float: left;
 width: 100%;
}

.input_holder {
 float: left;
 width: 100%;
 height: 40px;
 border: 1px solid #ccc;
 background-color: #fff;
}

.input_holder_textarea {
 height: auto;
}

.label {
 display: inline-block;
 width: 100%;
 padding: 0 0 4px 12px;
 font-weight: 500;
 font-size: 14px;
 line-height: 1.2;
 color: #484848;
}

.input {
 width: 100%;
 height: 100%;
 padding: 0 14px;
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 font-size: 14px;
 color: #484848 !important;
 border: none;
 border-radius: 0;
 outline: none;
 background: transparent;
 /* removes Apple customization */
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 opacity: 1;
}

.input.select {
 padding-right: 30px;
 text-overflow: ellipsis;
 background: transparent url("../img/select-arr.png") no-repeat 100% !important;
}

select::-ms-expand {
 display: none;
}

.input.textarea {
 height: 150px;
 padding: 10px 15px 10px 15px;
 overflow: auto;
 resize: vertical;
}

.datepicker {
 padding-right: 32px;
 background: transparent url("../img/forms-calendar.png") no-repeat 100% !important;
 cursor: pointer;
}

.datepicker::-ms-expand {
 display: none;
}

img.ui-datepicker-trigger {
 display: none;
}

button,
input[type=button],
input[type=submit],
.basic_btn {
 float: left;
 padding: 14px 25px;
 font-family: 'Roboto', sans-serif;
 font-weight: 500;
 font-size: 17px;
 line-height: 1.2;
 color: #fff;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
 border: none;
 border-radius: 0;
 background: #714194;
 cursor: pointer;
 outline: none;
 -webkit-transition: 0.2s ease-in-out;
 -moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.basic_btn:hover {
 background: #48006a;
}


/*  */

::placeholder {
 color: #484848;
 opacity: 1;
}

:focus::placeholder {
 opacity: 0;
}

::-webkit-input-placeholder {
 color: #484848;
 opacity: 1;
}

:focus::-webkit-input-placeholder {
 opacity: 0;
}

:-ms-input-placeholder {
 color: #484848;
 opacity: 1;
}

:focus:-ms-input-placeholder {
 opacity: 0;
}

::-moz-placeholder {
 color: #484848;
 opacity: 1;
}

:focus::-moz-placeholder {
 opacity: 0;
}


/*  */