/**
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License version 3.0
* that is bundled with this package in the file LICENSE.md
* It is also available through the world-wide-web at this URL:
* https://opensource.org/license/osl-3-0-php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to support@qloapps.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your needs
* please refer to https://store.webkul.com/customisation-guidelines for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/license/osl-3-0-php Open Software License version 3.0
*/


.qlo-custom-group-div .form-header {
    font-size: 20px;
    color: #333333;
    padding: 0px;
}

/* div.qlo_custom_group_container .form-control {
    border-radius: 3px !important;
} */

.qlo_field_opt_group_mandate .qlo_required:before {
    color: red;
    content: "*";
}
.qlo_field_opt_group_mandate{
    margin: 20px 0 15px 0;
}

.qlo_custom_checkout_error {
    color: #ff0000;
}

.qlo-checkout-custom-fields .qlo_custom_checkout_text_area {
    padding-top: 15px;
}

.qlo_custom_group_container label {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}

.qlo-checkout-custom-fields div.selector span:first-child::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f0d7';
    float: right;
    padding: 7px;
}

div.qlo_custom_group_container div.checker {
    display: -webkit-inline-box;
    cursor: pointer;
}

div.qlo_custom_group_container .checkbox_span {
    padding-right: 10px;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}

div.qlo_custom_group_container .qlo_custom_checkout_checkbox_option {
    cursor: pointer !important;
}

.qlo-checkout-custom-fields .qlo_custom_checkout_btn {
    display: inline-block;
    cursor: pointer;
    background-color: #379BF0;
    color: #fff;
}

.qlo-checkout-custom-fields .qlo_custom_checkout_btn:hover {
    background-color: #1292FF;
}

.qlo-checkout-custom-fields .qlo_custom_checkout_file_name {
    padding: 0 10px;
}

/* .qlo_custom_checkout_file_wrapper {
    padding-bottom: 5px;
} */

.qlo-checkout-custom-fields .uniform-multiselect {
    height: auto !important;
}

div.qlo_custom_group_container ::-webkit-scrollbar {
    width: 6px;
    background-clip: padding-box;
    opacity: 0.1
}

.qlo-checkout-custom-fields i.icon-today::before {
    content: '\f073';
}

i.icon-today::before {
    content: '\f073';
}

div.qlo_custom_group_container ::-webkit-scrollbar-track {
    background-color: #99999978
}

div.qlo_custom_group_container ::-webkit-scrollbar-thumb {
    background-color: #0000008a;
    border-radius: 5px;
    padding: 3px
}

div.qlo_custom_group_container ::-webkit-scrollbar-thumb:active {
    background-color: #000
}

div.qlo_custom_group_container ::-webkit-scrollbar-button:single-button:increment {
    height: 5px;
    background: #99999978
}

div.qlo_custom_group_container ::-webkit-scrollbar-button:single-button:decrement {
    height: 5px;
    background: #99999978
}

.qlo-checkout-custom-fields input {
    cursor: text !important;
    background-color: white !important;

}

.qlo-checkout-custom-fields .input-group .input-group-addon {
    cursor: pointer;
}

.qlo-checkout-custom-fields small {
    font-size: 100%;
    color: #3C3C3C;
}

.qlo_custom_group_container sup {
    padding-left: 3px;
}

.ui-widget-content.ui-datepicker {
    border: none;
    padding: 12px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
}

.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    margin: 10px;
}

.qlo_checkout_page .date-picker-wrapper.single-date {
    left: 0 !important;
}

.qlo-checkout-custom-fields .form-info{
    padding-top: 3px;
}

.qlo-checkout-custom-fields .qlo_custom_checkout_date,
.qlo-checkout-custom-fields .qlo_custom_checkout_time,
.qlo-checkout-custom-fields .qlo_custom_checkout_date_time {
    border-radius: 4px 0 0 4px !important;
}