html,
body {
    min-width: 320px;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #222;
}

.container-fluid {
    padding: 0;
}

/* Header */
.form-header {
    max-width: 1100px;
    margin: 30px auto;
}

.form-header-content {
    width: 100%;
}

.form-header-content .logo:after {
    content: url("/Content/org/EFQAAKCIEI09Z21K/Merge White Logo small.jpg");
    display: block;
    max-width: 250px;
}


/* Main Form */
#formBody {
    margin: 30px auto;
}

.form-container {
    max-width: 900px;
    margin: auto;
    background: #fff;
    border: none !important;
    box-shadow: none !important;
}

.form-horizontal {
    padding: 10px;
}


/* Questions */
.control-group {
    margin-bottom: 22px;
    width: 100%;
}

.form-horizontal .control-label {
    width: 100%;
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    text-align: left;
}


/* Field Containers */
.control-div,
.control-div-grid,
.control-div-textarea,
.control-div-checkbox {
    width: 100%;
}


/* ==========================
   ALL INPUT FIELDS
========================== */

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
select,
textarea,
.form-control,
.k-input,
.k-textbox,
.k-dropdown,
.k-datepicker,
.k-picker-wrap,
.k-multiselect {

    width:100% !important;
    box-sizing:border-box;

    background:#f1f2f4 !important;

    border:none !important;

    border-radius:12px !important;

    box-shadow:none !important;

    color:#333;

    font-size:16px;

}


/* Standard Inputs */

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
select {

    height:50px !important;

    padding:0 16px !important;

}


/* Text Area */

textarea {

    min-height:120px !important;

    padding:15px !important;

}


/* Remove Kendo floating styles */

.k-widget,
.k-input,
.k-textbox,
.k-dropdown,
.k-datepicker {

    border:none !important;

    box-shadow:none !important;

}


/* ==========================
   DATE PICKER
========================== */

.k-picker-wrap {

    height:50px !important;

    display:flex !important;

    align-items:center !important;

    background:#f1f2f4 !important;

}


.k-picker-wrap .k-input {

    height:50px !important;

    padding-left:16px !important;

    background:transparent !important;

}


.k-select {

    height:50px !important;

    width:40px !important;

    border:none !important;

    background:transparent !important;

}


/* ==========================
   DROPDOWN
========================== */

.k-dropdown-wrap {

    height:50px !important;

    background:#f1f2f4 !important;

    border:none !important;

}


.k-dropdown-wrap .k-input {

    height:50px !important;

    padding-left:16px !important;

}


/* ==========================
   MULTI SELECT
========================== */

.k-multiselect-wrap {

    min-height:50px;

    background:#f1f2f4 !important;

    border:none !important;

    border-radius:12px !important;

    padding:8px 12px;

}


/* ==========================
   FILE UPLOAD
========================== */

.k-upload {

    width:100%;

    border:2px dashed #ccc !important;

    border-radius:15px;

    background:#fff;

    padding:30px;

    text-align:center;

}


/* ==========================
   BUTTONS
========================== */

.k-button,
.k-primary {

    background:#222 !important;

    color:#fff !important;

    border:none !important;

    border-radius:22px !important;

    padding:12px 28px;

}


.k-button:hover,
.k-primary:hover {

    background:#000 !important;

}


/* ==========================
   REQUIRED FIELD
========================== */

.requiredfield {

    color:#d00000;

    font-weight:600;

}

.requiredfield:after {

    content:" *";

}


/* ==========================
   CONSENT BOXES
========================== */

.acknowledgement-formatting,
.consent-formatting {

    border:none !important;

    border-radius:15px;

    padding:20px;

}


.acknowledgement-formatting {

    background:#f5f5f5;

}


.consent-formatting {

    background:#eef9ff;

}


/* ==========================
   MOBILE
========================== */

@media(max-width:768px){

    .form-container {

        padding:15px;

    }

    .form-horizontal {

        padding:0;

    }

    .control-group {

        margin-bottom:18px;

    }

}