/* form group input
-------------------------------------------------- */
/*.form-group {
    margin-bottom: 2em;
    position: relative;
}

.form-group:not(.form-group-switch) > label {
    position: absolute;
    left: 0.75rem;
    top: 0.7rem;
    font-size: 1rem;
    font-weight: normal;
    color: var(--color-label);
    background: white;
    transform-origin: 0 0;
    transition: transform .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1);
    white-space: nowrap;
    z-index: 100;
    padding: 0 2px;
    opacity: 0.6;
}

.form-group.active > label,
.form-group.full > label,
.form-group.static-label > label {
    transform: translateY(-1.3rem) scale(.8);
    color: #979797;
    z-index: 102;
    opacity: 1;
}

.form-group .form-control {
    color: var(--color-input);
    border-radius: var(--border-radius-sm);
    box-shadow: none !important;
    height: 2.86em;
    z-index: 101;
    position: inherit;
    background: transparent;
}

.form-group strong.form-control,
.form-group .form-control-static {
    padding-top: 0.8rem;
    font-weight: bold !important;
}

.form-group.hide-label label {
    display: none !important;
}

.form-group .control-sublabel {
    display: none !important;
}

.form-group .help-block {
    position: absolute;
    left: 0.8rem;
    top: 2.8rem;
    font-size: 0.75rem;
    white-space: nowrap;
    color: var(--color-text-muted);
}*/

/* custom form groups
-------------------------------------------------- */
/*.form-group.with-icon {
    padding-left: 3rem;
    padding-right: 2.8rem;
    position: relative;
    max-width: 29rem;
}

.form-group.with-icon > label {
    margin-left: 2.8rem;
}

.form-group.with-icon .icon {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    width: 1.78rem;
    height: 1.78rem;
}

.form-group.with-icon .help-block {
    left: 2.9rem;
}

.form-group.with-icon.hide-label .icon {
    top: 0.3rem;
}

.form-group.with-icon.inline .icon {
    top: -0.8rem;
}

.form-group.with-icon .icon svg {
    width: 100%;
}

.form-group.with-icon .icon svg .accent {
    stroke: var(--color-accent);
}

.form-group.with-icon .icon svg .accent-fill {
    fill: var(--color-accent);
}

.form-group-promo {
    max-width: 26rem;
}*/

.form-group.with-icon.form-group-light.form-group-amount .icon {
    top: 1.8rem;
}

/* placeholders
-------------------------------------------------- */
/*.form-control::-webkit-input-placeholder {color: transparent;}*/
/*.form-control::-moz-placeholder          {color: transparent;}*/
/*.form-control:-moz-placeholder           {color: transparent;}*/
/*.form-control:-ms-input-placeholder      {color: transparent;}*/

/*.form-group.static-label .form-control::-webkit-input-placeholder       {color: var(--color-placeholder); opacity: 1; transition: opacity 0.3s ease;}*/
/*.form-group.static-label .form-control::-moz-placeholder                {color: var(--color-placeholder); opacity: 1; transition: opacity 0.3s ease;}*/
/*.form-group.static-label .form-control:-moz-placeholder                 {color: var(--color-placeholder); opacity: 1; transition: opacity 0.3s ease;}*/
/*.form-group.static-label .form-control:-ms-input-placeholder            {color: var(--color-placeholder); opacity: 1; transition: opacity 0.3s ease;}*/


/*.form-control::-webkit-input-placeholder       {color: var(--color-placeholder); opacity: 1; transition: opacity 0.3s ease;}*/
/*.form-control::-moz-placeholder                {color: var(--color-placeholder); opacity: 1; transition: opacity 0.3s ease;}*/
/*.form-control:-moz-placeholder                 {color: var(--color-placeholder); opacity: 1; transition: opacity 0.3s ease;}*/
/*.form-control:-ms-input-placeholder            {color: var(--color-placeholder); opacity: 1; transition: opacity 0.3s ease;}*/
/*.form-control:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}*/
/*.form-control:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}*/
/*.form-control:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}*/
/*.form-control:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}*/

/* switcher
-------------------------------------------------- */
.form-group-switch {
    display: flex;
    margin-bottom: 0.25rem;
}

.form-group-switch > label {
    margin-right: 0.5rem;
    line-height: 1.4rem;
    font-size: 0.9rem;
}

.form-group-switch label {
    opacity: 1 !important;
}

.onoffswitch {
    position: relative;
    width: 48px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 10px;
    width: 38px;
    padding-left: 0 !important;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 16px;
    padding: 0;
    line-height: 30px;
    font-size: 10px;
    color: white;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 7px;
    background-color: var(--color-accent-hover);
    color: #FFFFFF;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    line-height: 14px;
    font-size: 8px;
    text-align: left;
}
.onoffswitch-inner:after {
    content: " ";
    padding-right: 7px;
    background-color: #BDBDBD;
    color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 10px;
    height: 10px;
    margin: 4px;
    background: white;
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 28px;
    border: 3px solid white;
    border-radius: 10px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 11px;
}

/* select2
-------------------------------------------------- */
.select2-dropdown {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-sm);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.select2-results__option {
    padding: 0.6rem 1.2rem;
    font-size: 0.9rem;
}

/*.select2-results__option:not(:last-child) {*/
/*    border-bottom: 1px dashed var(--color-border-light);*/
/*}*/

.select2-container--default .select2-selection--single {
    height: 2.85rem;
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--color-border);
    box-shadow: none !important;
    background: transparent;
    outline: none !important;
    padding: 0.375rem 2rem 0.375rem 0.75rem;
}

.select2-selection__arrow {
    top: 0.4rem !important;
    right: 0.5rem !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #eee;
    color: #333;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #f5f5f5;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    box-shadow: none;
    background: transparent;
    border-bottom: 1px solid var(--color-accent);
    outline: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--color-placeholder);
    font-weight: 400;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 260px;
}

@media (max-width: 480px) {
    .select2-container--default .select2-results .delivery-caption {
        display: none;
    }
}

.select2-selection__placeholder {
    display: none;
}

.easy-autocomplete {
    width: 100% !important;
}

.easy-autocomplete input {
    box-shadow: none;
}

.easy-autocomplete-container {
    z-index: 100000;
}

/*.delivery-form .form-group.compact.full:not(.active) label {*/
/*    display: none !important;*/
/*}*/


/* datepicker
-------------------------------------------------- */
.datepicker.datepicker-dropdown {
    padding: 0.8rem;
}

.datepicker.datepicker-dropdown thead th {
    text-align: center;
    color: var(--color-domain);
}

.datepicker.datepicker-dropdown .day {
    text-align: right;
    padding: 0 0.4rem;
    border-radius: var(--border-radius-sm);
    color: var(--color-content-text);
}

.datepicker.datepicker-dropdown .day.new,
.datepicker.datepicker-dropdown .day.old {
    color: var(--color-text-muted);
}

.datepicker.datepicker-dropdown .day:hover {
    background: var(--color-placeholder);
    cursor: pointer;
}

.datepicker.datepicker-dropdown .day.active {
    background: var(--color-accent);
    color: white;
}

.datepicker.datepicker-dropdown .day.active:hover {
    background: var(--color-accent-hover);
}




/* mobile or compact styles
-------------------------------------------------- */
/*@media (max-width: 959px) {
    .form-group {
        margin-bottom: 1rem;
    }

    .form-group.has-error .help-block {
        display: none;
    }

    .column-info .form-group-amount {
        margin-right: auto;
        margin-left: auto;
        display: inline-block;
        padding-left: 0;
    }

    .column-info .form-group-amount.with-icon .icon {
        display: none;
    }

    .column-info .form-group-amount .btn-currency {
        border-bottom: 1px solid var(--color-border);
        height: 2.8rem;
        border-radius: 0 !important;
    }

    .column-info .form-group-amount.has-error .btn-currency {
        border-bottom-color: var(--color-error);
    }

    .column-info .form-group.with-icon {
        max-width: none;
        padding-right: 0;
    }

    .column-info .form-group-amount .form-control {
        text-align: right;
        height: 2.8rem !important;
        padding-right: 0.3rem !important;
    }

    .column-info .form-group-amount.has-error .help-block {
        width: 100%;
        text-align: center;
    }
}*/

/*@media (max-width: 480px) {
    .form-area-light .form-group .form-control,
    .form-group.form-group-light .form-control {
        padding-left: 0;
        padding-right: 0;
    }

    .form-area-light .form-group:not(.form-group-switch) > label,
    .form-group.form-group-light:not(.form-group-switch) > label {
        left: 0;
    }
}*/

/* standart select
-------------------------------------*/
.form-group-select {
    position: relative;
    /*padding-right: 1.8rem;*/
    /*border-radius: var(--border-radius-sm);*/
    /*border: 1px solid #ced4da;*/
}

.form-group-select select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    cursor: pointer;
    /*border:none;*/
    padding-right: 1.8rem;
}

.form-group-select:before {
    display: block;
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    transform: rotate(45deg);
    border-right: 3px solid var(--color-accent);
    border-bottom: 3px solid var(--color-accent);
    border-top: none;
    border-left: none;
    transition: 0.2s ease-in-out;
    position: absolute;
    top: 2.2rem;
    right: 0.8rem;
    user-select: none;
    pointer-events:none;
}

.form-group-select:not(.full) label {
    max-width: calc(100% - 2.6rem);
    text-overflow: ellipsis;
    overflow: hidden;
}

/* dropdown arrows
-------------------------------------------------- */
.dropdown-toggle {
    position: relative;
    padding-right: 2rem;
    font-weight: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.dropdown-toggle.selection {*/
/*    line-height: 2;*/
/*}*/

.dropdown-toggle:after {
    display: inline-block;
    position: absolute;
    content: "";
    top: 0.8rem;
    right: 0.6rem;
    margin-left: 0.6rem;
    width: 0.8rem;
    height: 0.8rem;
    transform: rotate(45deg);
    border-right: 3px solid var(--color-accent-link);
    border-bottom: 3px solid var(--color-accent-link);
    border-top: none;
    border-left: none;
    transition: 0.2s ease-in-out;
}

.dropdown.show .dropdown-toggle:after {
    transform: rotate(225deg);
    top: 1rem;
}

.form-group .dropdown > .dropdown-menu {
    min-width: 100%;
    /*max-height: 24rem;*/
    /*overflow-y: initial;*/
}

/** WFP?
.show .dropdown-menu {
    display: flex;
    flex-direction: column;
} */

.dropdown-menu .dropdown-inner {
    overflow-y: auto;
}

.dropdown-menu .dropdown-header {
    display: none;
    font-size: 1.2rem;
    position: relative;
    color: var(--color-dark);
    margin-bottom: 0.2rem;
}

.dropdown-menu .dropdown-header .close {
    position: absolute;
    top: -0.4rem;
    right: 0.4rem;
    font-size: 2.4rem;
    font-weight: 100;
    color: var(--color-accent);
    opacity: 0.8;
}

.dropdown-menu .dropdown-header .close:hover,
.dropdown-menu .dropdown-header .close:focus {
    opacity: 1;
    cursor: pointer;
}

.dropdown-menu .dropdown-item:not(:last-child):not(.active) {
    border-bottom: 1px dashed var(--color-border-light);
}

.dropdown-menu .dropdown-item .name {
    white-space: pre-wrap;
    line-height: 1.2rem;
}

.dropdown-menu .dropdown-inner {
    display: flex;
    flex-direction: column;
}

.dropdown-menu .dropdown-item {
    max-height: none;
    order: 0;
    transition: all 0.2s linear;
    -webkit-tap-highlight-color: var(--color-accent-light);
}

.dropdown-menu .dropdown-item.disabled {
    order: 1;
    opacity: 0.2;
}

.dropdown-menu .dropdown-heading {
    padding-bottom: 0.4rem;
    border-bottom: 1px solid var(--color-border-light);
    margin-bottom: 0.4rem;
}

.dropdown-menu .search {
    padding: 0 1rem;
}

.dropdown-menu .search:after {
    content: '';
    display: table;
    clear: both;
}

.dropdown.single .dropdown-toggle::after/*,
.dropdown.single .dropdown-menu */ {
    display: none !important;
}

.dropdown-menu .dropdown-no-result {
    display: none;
    text-align: center;
    color: var(--color-text-muted);
    font-size: 1rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.dropdown-menu.empty .dropdown-no-result {
    display: block;
}



.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: inline-block;
    position: relative;
    content: "";
    top: 0.2rem;
    left: -20%;
    margin-left: 0.6rem;
    width: 0.65rem;
    height: 0.65rem;
    transform: rotate(45deg);
    border-right: 3px solid var(--color-accent);
    border-bottom: 3px solid var(--color-accent);
    border-top: none;
    border-left: none;
    transition: 0.2s ease-in-out;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(225deg);
    top: 0.4rem;
    border-width: 3px;
    border-color: var(--color-accent);
}


/* custom radio
-------------------------------------------------- */
.form-check.form-check-radio input {
    appearance: none;

}

.form-check .form-check-label {
    cursor: pointer;
}

.form-check.form-check-radio input:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 1px solid #aaa;
}

.form-check.form-check-radio input:checked:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: var(--color-accent);
}

/* installment parts select
-------------------------------------*/
.form-group-parts {
    position: relative;
    border-radius: 8px;
    box-shadow: 0 2px 6px var(--color-shadow) !important;
    padding: 10px 0 !important;
    max-width: none !important;
    text-align: center;
    background: var(--color-other-button-bg);
    color: var(--color-other-button-text);
}

.form-group-parts .caption {
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-weight: bold !important;
}

.form-group-parts .dropdown-toggle:after {
    top: 0.2rem;
}

.form-group-summary {
    background: var(--color-accent-light);
    border-radius: var(--border-radius-sm);
    padding: 8px calc(50% - 11rem) !important;
    font-size: 0.9rem;
    color: var(--color-body-text);
}

.form-group-summary .price-item {
    margin-bottom: 0.1rem;
}

.form-group-summary .price-item-total {
    opacity: 0.6;
}

.form-group-summary .price-span {
    float: right;
    font-weight: bold;
}

.form-group-summary .price-amount,
.form-group-summary .price-currency {
    padding-left: 0.2rem;
}

.mode-normal .form-group-parts .dropdown-menu {
    width: 100%;
    /*max-width: 22rem;*/
}

.mode-normal .form-group-parts .dropdown-toggle:after {
    right: calc(50% - 11rem);
    border-right-color: var(--color-other-button-text);
    border-bottom-color: var(--color-other-button-text);
}


/* custom controls
-------------------------------------------------- */
.delivery-form .dropdown-menu {
    max-height: 24rem;
    margin-bottom: 2rem;
    overflow-y: auto;
}