/*!
 * Float Labels
 * @version: 3.3.9
 * @author: Paul Ryley (http://geminilabs.io)
 * @url: https://pryley.github.io/float-labels.js
 * @license: MIT
 */
.fl-form .fl-wrap {
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fl-form input.fl-input, .fl-form select.fl-select, .fl-form textarea.fl-textarea {
    width: 100%;
    outline: 0;
    border-radius: 0px !important;
    border: 1px solid #dfdfdf;
    background-color: #fff !important;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
    margin-bottom: 8px;
    font-size: 12px !important;
    font-weight: 400 !important;
    height: 39px !important;
    color:#0b0b0b !important;
}

.new-design input.fl-input::placeholder, .new-design select.fl-select::placeholder, .new-design textarea.fl-textarea::placeholder {
    color: #aeaeae;
    font-size: 12px !important;
    font-weight: 400 !important;
}
.new-design input.fl-input, .new-design select.fl-select, .new-design textarea.fl-textarea {
    width: 100%;
    outline: 0;
    border-radius: 0px !important;
    border: 1px solid #dfdfdf;
    background-color: #fff !important;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
    margin-bottom: 8px;
    height: 39px !important;
    max-height: 42px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color:#0b0b0b !important;
}


.fl-form input.fl-input:-moz-placeholder, .fl-form input.fl-input::-moz-placeholder, .fl-form select.fl-select:-moz-placeholder, .fl-form select.fl-select::-moz-placeholder, .fl-form textarea.fl-textarea:-moz-placeholder, .fl-form textarea.fl-textarea::-moz-placeholder {
    color: #aeaeae;
    font-weight: 400 !important;
    font-size: 12px !important;
}

.fl-form input.fl-input:-ms-input-placeholder, .fl-form select.fl-select:-ms-input-placeholder, .fl-form textarea.fl-textarea:-ms-input-placeholder {
    color: #aeaeae;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.fl-form input.fl-input::-webkit-input-placeholder, .fl-form select.fl-select::-webkit-input-placeholder, .fl-form textarea.fl-textarea::-webkit-input-placeholder {
    color: #aeaeae;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.fl-form select.fl-select {
    position: relative;
    color: #bbb;
    padding : 11px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none
}

.fl-form select.fl-select::-ms-expand {
    display: none
}

.fl-form .fl-is-active input.fl-input, .fl-form .fl-is-active select.fl-select, .fl-form .fl-is-active textarea.fl-textarea,#card-element {
    color: #444;
    background-color: #fff;
    border-color: #dfdfdf
}

.fl-form .fl-has-focus input.fl-input, .fl-form .fl-has-focus select.fl-select, .fl-form .fl-has-focus textarea.fl-textarea,.StripeElement--focus {
    background-color: #fff !important;
    border-color: #007bff !important;
    font-size: 12px !important;
    border-radius: 0 !important;
    height: 35px !important;
}

.k-checkbox-label:before {
    border-color: #007bff !important;
}

.fl-form label.fl-label {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    font-size: 11px !important;
    font-weight: 400;
    line-height: 1;
    color: #007bff;
    border-top-left-radius: 3px;
    transition: all .2s ease-in-out;
    z-index: 1;
    background-color: #f8f9fa !important;

}

body[dir=rtl] .fl-form label.fl-label {
    left: unset;
    right: 0
}

.fl-form .fl-is-active label.fl-label {
    opacity: 1;
    visibility: visible;

}

.fl-form .fl-has-focus label.fl-label {
    color: #007bff
}

.fl-form .fl-is-required:before {
    opacity: 1;
    content: "*";
    display: block;
    position: absolute;
    top: 1px;
    right: 15px;
    font-size: 16px;
    line-height: 1.75;
    color: #d32f2f;
    transition: all .2s ease-in-out;
    padding: 6px 0 0;
    z-index: 1
}

body[dir=rtl] .fl-form .fl-is-required:before {
    right: unset;
    left: 15px
}

.fl-form .fl-is-required.fl-is-active:before {
    opacity: 0
}

.fl-form.fl-style-1 input.fl-input, .fl-form.fl-style-1 select.fl-select, .fl-form.fl-style-1 textarea.fl-textarea {
    padding: 6px 12px;
    /*height: calc(2.25rem + 11px) !important;*/
    height: 39px;
}

.fl-form.fl-style-1 select.fl-select {
    height: 38px
}

.fl-form.fl-style-1 .fl-is-active input.fl-input, .fl-form.fl-style-1 .fl-is-active select.fl-select, .fl-form.fl-style-1 .fl-is-active textarea.fl-textarea {
    padding: 6px 12px
}

.fl-form.fl-style-1 label.fl-label {
    top: 1px;
    left: 10px;
    background-color: transparent;
    padding: 12px 3px
}

.fl-form.fl-style-1 label.fl-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #fff;
    z-index: -1
}

.fl-form.fl-style-1 .fl-is-active label.fl-label {
    top: -9px;
    padding: 3px
}

.fl-form.fl-style-1 .fl-is-active label.fl-label:before {
    top: 9px
}

body[dir=rtl] .fl-form.fl-style-1 label.fl-label {
    left: unset;
    right: 10px
}

.fl-form.fl-style-2 input.fl-input, .fl-form.fl-style-2 select.fl-select, .fl-form.fl-style-2 textarea.fl-textarea {
    padding: 12px
}

.fl-form.fl-style-2 select.fl-select {
    height: 50px
}

.fl-form.fl-style-2 .fl-is-active input.fl-input, .fl-form.fl-style-2 .fl-is-active select.fl-select, .fl-form.fl-style-2 .fl-is-active textarea.fl-textarea {
    padding: 18px 12px 6px
}

.fl-form.fl-style-2 label.fl-label {
    top: 1px;
    left: 10px;
    padding: 6px 3px 3px
}

.fl-form.fl-style-2 .fl-is-required:before {
    padding-top: 12px
}

body[dir=rtl] .fl-form.fl-style-2 label.fl-label {
    left: unset;
    right: 10px
}

.fl-form .fl-wrap-select:after {
    content: "";
    position: absolute;
    display: block;
    top: 1px;
    right: 6px;
    height: calc(100% - 2px);
    width: 12px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23bbb' d='M4 0L0 6.5h8L4 0zM0 9.5L4 16l4-6.5z'/%3E%3C/svg%3E") no-repeat;
    background-position: 100% 50%;
    background-size: 7px 14px;
    z-index: 2
}

body[dir=rtl] .fl-form .fl-wrap-select:after {
    right: unset;
    left: 6px
}