@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

:root {
    color-scheme: light dark;

    /* spacing */
    --acpt-half-gap: 4px;
    --acpt-gap: 8px;
    --acpt-double-gap: 16px;

    --acpt-button-spacing: 8px 14px;

    /* border */
    --acpt-border-thickness: 1px;
    --acpt-border-radius: 4px;

    /* typography */
    --acpt-label-font-weight: bold;

    /* font size */
    --acpt-font-size-m: 15px;
    --acpt-font-size-s: 12px;
    --acpt-font-size-xs: 11px;
    --acpt-font-size-l: 18px;
    --acpt-font-size-xl: 24px;

    /* colors */
    --acpt-primary-color: #007cba;
    --acpt-primary-hover-color: #006191;
    --acpt-success-color: #02c39a;
    --acpt-warning-color: #b7922c;
    --acpt-error-color: #c62d2d;
    --acpt-border-color: #777;
    --acpt-input-bg: #fff;
    --acpt-label-color: #434343;
    --acpt-input-color: #777;
    --acpt-gray-color: #ddd;
    --acpt-light-gray-color: #f6f7f7;
    --acpt-button-color: #fff;
}

@media (prefers-color-scheme: dark) {
    :root {
        --acpt-border-color: #434343;
        --acpt-input-bg: #2c3338;
        --acpt-input-color: #fff;
        --acpt-label-color: #fff;
    }
}

/*========== ACPT FORM ELEMENTS ==========*/

.acpt-thumbnail {
    max-width: 150px !important;
    margin-top: 5px;
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
    padding: 3px;
    aspect-ratio: 9/6 auto;
    object-fit: cover;
    border-radius: var(--acpt-border-radius);
}

.acpt-form-messages {
    display: flex;
    flex-direction: column;
    gap: var(--acpt-gap);
}

.acpt-form-messages .acpt-message {
    border-radius: var(--acpt-border-radius);
    padding: var(--acpt-button-spacing);
}

.acpt-form-messages .acpt-message.acpt-success-message {
    color: var(--acpt-button-color);
    background-color: var(--acpt-success-color);
}

.acpt-form-messages .acpt-message.acpt-error-message {
    color: var(--acpt-button-color);
    background-color: var(--acpt-error-color);
}

.acpt-form-messages .no-records {
    border-radius: var(--acpt-border-radius);
    padding: var(--acpt-button-spacing);
    color: var(--acpt-button-color);
    background-color: var(--acpt-warning-color);
}

.acpt-form .acpt-form-element {
    padding: 8px;
    box-sizing: border-box;
}

.acpt-form .acpt-form-element.font-size-xl { font-size: var(--acpt-font-size-xl); }
.acpt-form .acpt-form-element.font-size-l { font-size: var(--acpt-font-size-l); }
.acpt-form .acpt-form-element.font-size-m { font-size: var(--acpt-font-size-m); }
.acpt-form .acpt-form-element.font-size-s { font-size: var(--acpt-font-size-s); }
.acpt-form .acpt-form-element.font-size-xs { font-size: var(--acpt-font-size-xs); }

.acpt-form .acpt-form-element.hidden {
    display: none;
}

.acpt-form .acpt-form-block {
    width: 100%;
}

.acpt-form .acpt-form-inline {
    display: flex;
    align-items: center;
    align-content: center;
    gap: var(--acpt-gap);
}

.acpt-form .acpt-form-label {
    display: block;
    color: var(--acpt-label-color);
    font-weight: var(--acpt-label-font-weight);
}

.acpt-form .acpt-form-label .acpt-required {
    color: var(--acpt-error-color);
}

.acpt-form .acpt-form-block .acpt-form-label {
    margin-bottom: 8px;
}

.acpt-form .acpt-admin-meta-field-input,
.acpt-form .acpt-form-control {
    padding: var(--acpt-button-spacing);
    box-sizing: border-box;
    border-radius: var(--acpt-border-radius);
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    font-size: inherit;
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
    background-color: var(--acpt-input-bg);
    outline: none;
}

.acpt-form .acpt-admin-meta-field-input.disabled,
.acpt-form .acpt-form-control.disabled {
    cursor: not-allowed;
    opacity: .5;
}

.acpt-form .acpt-admin-meta-field-input[type=file]::file-selector-button,
.acpt-form .acpt-form-control[type=file]::file-selector-button {
     margin-right: 8px;
     border: none;
     background-color: #ddd;
     padding: 7px 14px;
     border-radius: var(--acpt-border-radius);
     color: var(--acpt-input-color);
     cursor: pointer;
     transition: background .2s ease-in-out;
 }

.acpt-form .acpt-admin-meta-field-input[type=file]::file-selector-button:hover,
.acpt-form .acpt-form-control[type=file]::file-selector-button:hover {
    color: var(--acpt-input-color);
    background-color: #ccc;
 }

.acpt-form .acpt-admin-meta-field-input.has-errors,
.acpt-form .acpt-admin-meta-field-input.has-errors:hover,
.acpt-form .acpt-admin-meta-field-input.has-errors:focus,
.acpt-form .acpt-form-control.has-errors,
.acpt-form .acpt-form-control.has-errors:hover,
.acpt-form .acpt-form-control.has-errors:focus {
    color: var(--acpt-error-color);
    border-color: var(--acpt-error-color);
}

.acpt-form input[type=color].acpt-admin-meta-field-input,
.acpt-form input[type=color].acpt-form-control {
    -webkit-appearance: none;
    appearance: none;
    height: 42px;
    background-color: none;
    border: none;
    outline: none;
    border-radius: 100%;
    width: 63px;
    padding: 0;
    cursor: pointer;
}

.acpt-form input[type=color].acpt-admin-meta-field-input::-webkit-color-swatch-wrapper,
.acpt-form input[type=color].acpt-form-control::-webkit-color-swatch-wrapper {
    padding: 0;
}

.acpt-form input[type=color].acpt-admin-meta-field-input::-webkit-color-swatch,
.acpt-form input[type=color].acpt-form-control::-webkit-color-swatch {
    border: none;
    border-radius: var(--acpt-border-radius);
}

.acpt-form input[type=number].acpt-admin-meta-field-input,
.acpt-form input[type=number].acpt-form-control {
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0;
}

.acpt-form .checkbox-label {
    cursor: pointer;
}

.acpt-form select.acpt-admin-meta-field-input,
.acpt-form select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.acpt-form select.acpt-form-control[multiple] {
    height: auto;
}

.acpt-form-description {
    margin-top: 8px;
}

.acpt-form .acpt-form-button {
    cursor: pointer;
    border: none;
    padding: var(--acpt-button-spacing);
    color: var(--acpt-button-color);
    outline: 0;
    background-color: var(--acpt-primary-color);
    border-radius: var(--acpt-border-radius);
}

.acpt-form .acpt-form-button:focus,
.acpt-form .acpt-form-button:hover {
    background-color: var(--acpt-primary-hover-color);
}

.acpt-form .acpt-form-button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.acpt-form .acpt-error-list {
    color: var(--acpt-error-color);
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: var(--acpt-half-gap);
}

.acpt-form .acpt-before-and-after-wrapper {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: stretch;
}

.acpt-form .acpt-before-and-after-wrapper .after,
.acpt-form .acpt-before-and-after-wrapper .before {
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
    align-self: stretch;
    display: flex;
    align-items: center;
    padding: 0 8px;
    background-color: #f0f0f1;
}

.acpt-form .acpt-before-and-after-wrapper .before {
    border-radius: var(--acpt-border-radius) 0 0 var(--acpt-border-radius);
    border-right: none;
}

.acpt-form .acpt-before-and-after-wrapper .after {
    border-radius: 0 var(--acpt-border-radius) var(--acpt-border-radius) 0;
    border-left: none;
}

.acpt-form .acpt-before-and-after-wrapper:has(.before) .acpt-form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.acpt-form .acpt-before-and-after-wrapper:has(.after) .acpt-form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.acpt-form .acpt-file-preview {
    margin-top: 5px;
}

.acpt-form .acpt-file-preview .file {
    display: inline-flex;
    justify-content: center;
    gap: var(--acpt-half-gap);
    flex-direction: column;
}

.acpt-form .acpt-file-preview .file img {
    border-radius: var(--acpt-border-radius);
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
    padding: 5px;
    object-fit: fill;
    margin: 0;
}

.acpt-form .acpt-file-preview .file .acpt-delete-file {
    font-size: small;
    margin: 0;
    padding: 0;
    text-align: center;
}

.acpt-form .acpt-file-preview .gallery {
    display: flex;
    gap: var(--acpt-half-gap);
}

/**
 *******************************************
 GRID
 *******************************************
 */
.acpt-container {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 960px){
    .acpt-container {
        flex-direction: column;
        align-items: flex-start;
    }
}

.acpt-container .col-auto {
    width: auto;
}

.acpt-container .col-1 {
    width: 8.33333333333%;
}

.acpt-container .col-2 {
    width: 16.66666667%;
}

.acpt-container .col-3 {
    width: 25%;
}

.acpt-container .col-4 {
    width: 33.33333333%;
}

.acpt-container .col-5 {
    width: 41.66666667%;
}

.acpt-container .col-6 {
    width: 50%;
}

.acpt-container .col-7 {
    width: 58.3333333333%;
}

.acpt-container .col-8 {
    width: 66.666666666%;
}

.acpt-container .col-9 {
    width: 75%;
}

.acpt-container .col-10 {
    width: 83.333333333%;
}

.acpt-container .col-11 {
    width: 91.6666666667%;
}

.acpt-container .col-12 {
    width: 100%;
}

@media screen and (max-width: 960px){
    .acpt-container .col-1,
    .acpt-container .col-2,
    .acpt-container .col-3,
    .acpt-container .col-4,
    .acpt-container .col-5,
    .acpt-container .col-6,
    .acpt-container .col-7,
    .acpt-container .col-8,
    .acpt-container .col-9,
    .acpt-container .col-10,
    .acpt-container .col-11,
    .acpt-container .col-12 {
        width: 100%;
    }
}

/**
 *******************************************
 EXTERNAL PLUGINS
 *******************************************
 */

/* CodeMirror */
.acpt-form .CodeMirror {
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
    border-radius: var(--acpt-border-radius);
    width: 100%;
}

/*Toggle*/
.acpt-form .toggle-group {
    display: flex;
    align-items: center;
    gap: var(--acpt-gap);
}
.acpt-form .toggle-group .toggle {
    display: inline-block;
    height: 29px;
    position: relative;
    width: 50px;
}
.acpt-form .toggle-group .toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}
.acpt-form .toggle-group .toggle input:disabled {
    opacity: 0;
}
.acpt-form .toggle-group .toggle input:disabled + .slider {
    cursor: not-allowed;
    opacity: 0.3;
}
.acpt-form .toggle-group .toggle input:checked + .slider {
    background-color: var(--acpt-primary-color);
}
.acpt-form .toggle-group .toggle input:focus + .slider {
    box-shadow: 0 0 1px var(--acpt-primary-color);
}
.acpt-form .toggle-group .toggle input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
    left: 6px;
}
.acpt-form .toggle-group .toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.acpt-form .toggle-group .toggle .slider.round {
    border-radius: var(--acpt-border-radius);
}
.acpt-form .toggle-group .toggle .slider.round:before {
    border-radius: var(--acpt-border-radius);
}
.acpt-form .toggle-group .toggle .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

/*Icon picker*/

.acpt-form .acpt-iconpicker-wrapper {
    display: flex;
    gap: var(--acpt-gap);
}

.acpt-form .acpt-iconpicker-wrapper .acpt-selected-icon.hidden {
    display: none;
}

.acpt-form .acpt-iconpicker-wrapper .acpt-selected-icon {
    background-color: #f4f4f4;
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 12px;
}

.acpt-form .acpt-iconpicker-wrapper .acpt-iconpicker {
    width: 100%;
}

.icon-picker-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.icon-picker-modal__header h2 {
    font-family: inherit;
}

.icon-picker-modal__content {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: max-content;
    grid-gap: var(--acpt-gap);
    overflow-y: scroll;
    max-height: 340px;
}

.icon-picker-modal__search {
    margin-top: 12px;
    padding: 8px;
    border-radius: var(--acpt-border-radius);
    width: 90%;
    font-family: Sans-serif;
}

/*Rating*/
.acpt-form .acpt-rating {
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
}

.acpt-form .acpt-rating > input {
    display: none;
}

.acpt-form .acpt-rating > label {
    float: right;
}

.acpt-form .acpt-rating > label:before {
    display: inline-block;
    font-size: 2rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 ";
}

.acpt-form  .acpt-rating .half:before {
    content: "\f089 ";
    position: absolute;
    padding-right: 0;
}

.acpt-form .acpt-rating input:checked ~ label,
.acpt-form .acpt-rating label:hover,
.acpt-form .acpt-rating label:hover ~ label {
    color: #FFD700;
}

.acpt-form .acpt-rating input:checked + label:hover,
.acpt-form .acpt-rating input:checked ~ label:hover,
.acpt-form .acpt-rating input:checked ~ label:hover ~ label,
.acpt-form .acpt-rating label:hover ~ input:checked ~ label  {
    color: #D1B000;
}

.acpt-form .acpt-rating input[type=radio]:checked+label:before {
    color: inherit;
}

/*UOM*/

.acpt-form .acpt-uom {
    display: flex;
    width: 100%;
}

.acpt-form .acpt-uom input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.acpt-form .acpt-uom select{
    width: auto;
    padding-right: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Repater field */

/*table*/
.acpt-form .acpt-table {
    width: 100%;
    border-radius: var(--acpt-border-radius);
    border-collapse: collapse;
}

.acpt-form .acpt-table tr {}

.acpt-form .acpt-table tr th,
.acpt-form .acpt-table tr td {
    padding: 5px;
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
}

.acpt-form .sortable-handle .handle {
    display: none;
}

/*block*/
/*row*/

.acpt-form ul.acpt-sortable,
.acpt-form div.acpt-sortable {
    display: flex;
    flex-direction: column;
    gap: var(--acpt-gap);
    padding: 0;
    margin: 0 0 var(--acpt-gap);
}

.acpt-form ul.acpt-sortable li.sortable-li,
.acpt-form div.acpt-sortable li.sortable-li {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
    border-radius: var(--acpt-border-radius);
    align-content: center;
    align-items: center;
}

.acpt-form ul.acpt-sortable li.sortable-li .sortable-content,
.acpt-form div.acpt-sortable li.sortable-li .sortable-content {
    display: flex;
    flex-direction: column;
    gap: var(--acpt-gap);
    padding: var(--acpt-gap);
    width: 100%;
}

.acpt-form ul.acpt-sortable li.sortable-li .remove-grouped-element,
.acpt-form div.acpt-sortable li.sortable-li .remove-grouped-element {
  margin: 0 20px;
}

.acpt-form ul.acpt-sortable li.sortable-li .remove-grouped-element svg,
.acpt-form div.acpt-sortable li.sortable-li .remove-grouped-element svg {
    color: var(--acpt-error-color);
    fill: var(--acpt-error-color);
}

.acpt-form ul.acpt-sortable li.sortable-li .sortable-li_toggle_visibility,
.acpt-form ul.acpt-sortable li.sortable-li .sortable-li_collapsed_placeholder,
.acpt-form ul.acpt-sortable li.sortable-li .handle,
.acpt-form div.acpt-sortable li.sortable-li .sortable-li_toggle_visibility,
.acpt-form div.acpt-sortable li.sortable-li .sortable-li_collapsed_placeholder,
.acpt-form div.acpt-sortable li.sortable-li .handle {
    display: none;
}

/*========== TEXTAREA COUNTER ==========*/

.acpt-form .acpt-textarea-ch-counter {
    font-size: small;
    margin-top: var(--acpt-gap);
    color: var(--acpt-label-color);
}

.acpt-form .acpt-textarea-ch-counter .count {
    color: var(--acpt-success-color);
}

.acpt-form .acpt-textarea-ch-counter .count.danger {
    color: var(--acpt-error-color);
}

.acpt-form .acpt-textarea-ch-counter .count.warning {
    color: var(--acpt-warning-color);
}

/*========== PHONE FIELD ==========*/

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    width: 100%;
}

/*========== QUILL ==========*/

body.bricks-is-frontend :focus-visible {
    outline: none;
}

.ql-toolbar.ql-snow {
    border: var(--acpt-border-thickness) solid var(--acpt-border-color) !important;
    border-bottom: 0 !important;
}

.acpt-quill.ql-container {
    color: var(--acpt-input-color);
    border: var(--acpt-border-thickness) solid var(--acpt-border-color) !important;
}

.acpt-quill.ql-container.invalid {
    border: var(--acpt-border-thickness) solid var(--acpt-error-color) !important;
}

/*.acpt-quill.ql-container.ql-snow {*/
/*    min-height: 200px;*/
/*}*/

.acpt-quill.ql-container.ql-snow,
.ql-toolbar.ql-snow {
    background-color: var(--acpt-input-bg);
    border-color: var(--acpt-border-color);
}

.ql-toolbar.ql-snow {
    border-radius: var(--acpt-border-radius) var(--acpt-border-radius) 0 0;
    border-color: var(--acpt-border-color);
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-radius: 0 0 var(--acpt-border-radius) var(--acpt-border-radius);
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
    border-top: 1px;
}

.ql-toolbar.ql-snow button {
    background-color: transparent !important;
}

/*========== GOOGLE MAPS ==========*/

.acpt_map_preview {
    width: 100%;
    height: 500px;
    background-color: var(--acpt-gray-color);
}

.acpt-form-control.acpt-input-map,
.acpt-form-control.input-map {
    width: -webkit-fill-available;
    font-size: 14px;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    padding: 8px 12px;
    right: 20px !important;
    left: 10px !important;
    top: 60px !important;
    width: 70% !important;
}

.acpt_map_multi_wrapper {
    display: flex;
    border-radius: var(--acpt-border-radius);
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
}

.acpt_map_multi_wrapper .acpt_map_multi_selections {
    width: 40%;
    height: 450px;
    overflow-y: auto;
    border-right: var(--acpt-border-thickness) solid var(--acpt-border-color);
}

.acpt_map_multi_wrapper .acpt_map_multi_selections .selection {
    display:flex;
    gap: var(--acpt-gap);
    align-items: center;
    justify-content: space-between;
    padding: var(--acpt-gap);
    border-bottom: var(--acpt-border-thickness) solid var(--acpt-border-color);
    cursor: pointer;
}

.acpt_map_multi_wrapper .acpt_map_multi_selections .selection.active {
    font-weight: bold;
}

.acpt_map_multi_wrapper .acpt_map_multi_selections .selection:last-child {
    border: none;
}

.acpt_map_multi_wrapper .acpt_map_multi_selections  .selection:hover {
    background-color: var(--acpt-light-gray-color);
}

.acpt_map_multi_wrapper .acpt_map_multi_selections  .selection span {
    width: calc(100% - 24px);
}

.acpt_map_delete_multi_selection {
    color: var(--acpt-error-color);
    padding: var(--acpt-half-gap);
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: var(--acpt-border-radius);
    border: var(--acpt-border-thickness) solid var(--acpt-error-color);
}

.acpt_map_multi_wrapper .acpt_map_multi_preview {
    background-color: var(--acpt-gray-color);
    width: 100%;
}

@media screen and (max-width: 960px) {
    .acpt_map_multi_wrapper {
        flex-direction: column-reverse;
    }

    .acpt_map_multi_wrapper .acpt_map_multi_selections {
        width: 100%;
        height: auto;
        overflow-y: auto;
        border-top: var(--acpt-border-thickness) solid var(--acpt-border-color);
        border-right: none;
    }
}

/*========== BARCODE ==========*/
/*========== QR CODE ==========*/

.acpt-barcode-wrapper,
.acpt-qr-code-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.acpt-barcode-wrapper .settings,
.acpt-qr-code-wrapper .settings {
    display: flex;
    flex-direction: column;
    gap: var(--acpt-gap);
    width: 50%;
}

.acpt-barcode-wrapper .settings label,
.acpt-qr-code-wrapper .settings label {
    margin: 0 0 5px;
    padding: 0;
    display: block;
}

.acpt-barcode-wrapper .settings input,
.acpt-barcode-wrapper .settings select,
.acpt-qr-code-wrapper .settings input,
.acpt-qr-code-wrapper .settings select {
    width: 100%;
}

.acpt-barcode-wrapper .settings .colors,
.acpt-qr-code-wrapper .settings .colors {
    display: flex;
    align-items: center;
    gap: var(--acpt-gap);
}

.acpt-barcode-wrapper .settings .colors > div,
.acpt-qr-code-wrapper .settings .colors > div {
    width: 50%;
}

.acpt-barcode-wrapper .acpt-barcode,
.acpt-qr-code-wrapper .acpt-qr-code {
    outline: var(--acpt-border-thickness) solid var(--acpt-border-color);
    border-radius: var(--acpt-border-radius);
    border: var(--acpt-gap) solid #fff;
    overflow: hidden;
}

.acpt-qr-code-wrapper .acpt-qr-code:empty {
    background-image: url('data:image/svg+xml,<svg fill="%23c3c4c7" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g><rect x="38" y="23" width="2" height="5"></rect><rect x="42" y="23" width="2" height="5"></rect><rect x="38" y="30" width="2" height="2"></rect><rect x="42" y="30" width="2" height="2"></rect><rect x="31" y="34" width="2" height="2"></rect><rect x="26" y="54" width="2" height="2"></rect><rect x="42" y="34" width="2" height="2"></rect><rect x="38" y="38" width="2" height="2"></rect><rect x="42" y="38" width="2" height="2"></rect><path d="M2,2h3V0H1C0.448,0,0,0.448,0,1v4h2V2z"></path><path d="M63,0h-4v2h3v3h2V1C64,0.448,63.552,0,63,0z"></path><path d="M2,59H0v4c0,0.552,0.448,1,1,1h4v-2H2V59z"></path><path d="M62,62h-3v2h4c0.552,0,1-0.448,1-1v-4h-2V62z"></path><path d="M4,5v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V5c0-0.552-0.448-1-1-1H5C4.448,4,4,4.448,4,5z M6,6h10v10H6V6z"></path><path d="M13,8H9C8.448,8,8,8.448,8,9v4c0,0.552,0.448,1,1,1h4c0.552,0,1-0.448,1-1V9C14,8.448,13.552,8,13,8z M12,12h-2v-2h2V12z"></path><path d="M47,18h12c0.552,0,1-0.448,1-1V5c0-0.552-0.448-1-1-1H47c-0.552,0-1,0.448-1,1v12C46,17.552,46.448,18,47,18z M48,6h10v10 H48V6z"></path><path d="M55,8h-4c-0.552,0-1,0.448-1,1v4c0,0.552,0.448,1,1,1h4c0.552,0,1-0.448,1-1V9C56,8.448,55.552,8,55,8z M54,12h-2v-2h2V12z "></path><path d="M17,46H5c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h12c0.552,0,1-0.448,1-1V47C18,46.448,17.552,46,17,46z M16,58H6V48 h10V58z"></path><path d="M9,56h4c0.552,0,1-0.448,1-1v-4c0-0.552-0.448-1-1-1H9c-0.552,0-1,0.448-1,1v4C8,55.552,8.448,56,9,56z M10,52h2v2h-2V52z"></path><path d="M44,19h-7V7h-2v13c0,0.552,0.448,1,1,1h8V19z"></path><rect x="22" y="12" width="7" height="2"></rect><rect x="26" y="8" width="7" height="2"></rect><rect x="4" y="19" width="2" height="9"></rect><path d="M18,25H8v2h9v4h2v-5C19,25.448,18.552,25,18,25z"></path><rect x="9" y="20" width="2" height="2"></rect><rect x="21" y="18" width="2" height="8"></rect><rect x="21" y="28" width="9" height="2"></rect><path d="M61,29h-2v10h-3v2h4c0.552,0,1-0.448,1-1V29z"></path><rect x="26" y="18" width="2" height="2"></rect><rect x="4" y="33" width="2" height="8"></rect><rect x="4" y="42" width="9" height="2"></rect><path d="M50,28h2v-4c0-0.552-0.448-1-1-1h-5v2h4V28z"></path><rect x="9" y="33" width="2" height="2"></rect><rect x="20" y="32" width="2" height="8"></rect><rect x="20" y="42" width="9" height="2"></rect><rect x="8" y="38" width="9" height="2"></rect><rect x="21" y="52" width="2" height="4"></rect><rect x="20" y="48" width="9" height="2"></rect><path d="M36,44v-5c0-0.552-0.448-1-1-1H25v2h9v4H36z"></path><rect x="26" y="32" width="2" height="2"></rect><rect x="15" y="34" width="2" height="2"></rect><rect x="59" y="53" width="2" height="7"></rect><rect x="54" y="58" width="3" height="2"></rect><rect x="54" y="52" width="2" height="4"></rect><path d="M61,44c0-0.552-0.448-1-1-1H49v2h10v6h2V44z"></path><path d="M48,56v-5c0-0.552-0.448-1-1-1H36v2h10v4H48z"></path><rect x="50" y="47" width="7" height="2"></rect><rect x="20" y="58" width="7" height="2"></rect><rect x="30" y="51" width="2" height="9"></rect><rect x="32" y="46" width="4" height="2"></rect><path d="M47,36h5v-2h-4v-6h-2v7C46,35.552,46.448,36,47,36z"></path><rect x="50" y="30" width="5" height="2"></rect><rect x="54" y="20" width="3" height="2"></rect><rect x="59" y="20" width="2" height="5"></rect><rect x="54" y="25" width="2" height="2"></rect><path d="M39,17h4c0.552,0,1-0.448,1-1V3h-2v12h-3V17z"></path><path d="M24,5h15V3H23c-0.552,0-1,0.448-1,1v5h2V5z"></path><path d="M25,24h7c0.552,0,1-0.448,1-1v-8h-2v7h-6V24z"></path><rect x="34" y="23" width="2" height="4"></rect><rect x="36" y="54" width="7" height="2"></rect><rect x="36" y="58" width="9" height="2"></rect><path d="M50,58h-2v2h3c0.552,0,1-0.448,1-1v-8h-2V58z"></path><rect x="16" y="42" width="2" height="2"></rect><rect x="39" y="42" width="4" height="2"></rect><rect x="46" y="38" width="2" height="3"></rect><rect x="45" y="43" width="2" height="2"></rect><rect x="39" y="46" width="3" height="2"></rect><rect x="50" y="38" width="2" height="2"></rect><rect x="54" y="34" width="3" height="2"></rect><rect x="35" y="34" width="5" height="2"></rect><rect x="34" y="29" width="2" height="3"></rect></g></g></svg>');
    width: 200px;
    height: 200px;
}

.acpt-barcode-wrapper .acpt-barcode svg,
.acpt-qr-code-wrapper .acpt-qr-code img {
    max-width: 200px;
}

.acpt-barcode-wrapper .acpt-barcode.has-errors {
    outline: var(--acpt-border-thickness) solid var(--acpt-error-color);
}

.acpt-barcode-wrapper .acpt-barcode-errors {
    margin-top: 10px;
    color: var(--acpt-error-color);
}

/*========== DATE and TIME ==========*/

.acpt-datepicker-clear {
    margin-top: 5px;
    display: inline-block;
}

.acpt-datepicker,
.acpt-datetimepicker,
.acpt-daterangepicker {
    background-repeat: no-repeat;
    background-position: center right 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2rem' height='1.2rem' viewBox='0 0 24 24'%3E%3Cpath fill='%238C8F9E' d='M3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7v2H5a2 2 0 0 0-2 2m16 14H5V8h14z'/%3E%3C/svg%3E");
}

.acpt-timepicker {
    background-repeat: no-repeat;
    background-position: center right 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2rem' height='1.2rem' viewBox='0 0 24 24'%3E%3Cpath fill='%238C8F9E' d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2m0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8s-3.589 8-8 8'/%3E%3Cpath fill='%238C8F9E' d='M13 7h-2v5.414l3.293 3.293l1.414-1.414L13 11.586z'/%3E%3C/svg%3E");
}

@media screen and (max-width: 960px) {

    .acpt-barcode-wrapper .settings .colors,
    .acpt-barcode-wrapper,
    .acpt-qr-code-wrapper .settings .colors,
    .acpt-qr-code-wrapper {
        flex-direction: column;
    }

    .acpt-barcode-wrapper .settings .colors > div,
    .acpt-qr-code-wrapper .settings .colors > div {
        width: 100%;
    }
}

.acpt-barcode-wrapper .settings .buttons,
.acpt-qr-code-wrapper .settings .buttons {
    display: flex;
    gap: var(--acpt-gap);
}

/*========== COLOR PICKER ==========*/

.acpt-color-picker {
    display: flex;
    align-items: center;
    border-radius: var(--acpt-border-radius);
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
}

.acpt-color-picker input {
    -webkit-appearance: none;
    appearance: none;
    width: 100px !important;
    height: 100px !important;
    background-color: transparent;
    cursor: pointer;
    border-style: hidden;
    border-right: var(--acpt-border-thickness) solid var(--acpt-border-color);
    border-radius: 0;
    max-width: 54px;
    max-height: 54px;
    padding: 2px !important;
}

.acpt-color-picker input::-webkit-color-swatch {
    border-radius: var(--acpt-border-radius);
    border: none;
}

.acpt-color-picker input::-moz-color-swatch {
    border-radius: var(--acpt-border-radius);
    border: none;
}

.acpt-color-picker .color_val {
    color: var(--acpt-input-color);
    padding: var(--acpt-button-spacing);
    width: calc(100% - 100px);
    overflow: hidden;
}

/*========== EMBED ==========*/

.acpt-embed-preview  {
    margin-top: var(--acpt-gap);
}

.acpt-embed-preview .acpt-embed iframe {
    border-radius: var(--acpt-border-radius);
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
    padding: var(--acpt-half-gap);
    max-width: 100%;
}

/*========== RADIO + CHECKBOX ==========*/

.acpt-checkboxes,
.acpt-radio {
    display: flex;
    gap: var(--acpt-gap);
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.acpt-checkboxes.block,
.acpt-radio.block {
    flex-direction: column;
}

/*========== TERM SELECTOR ==========*/

.acpt-term-selector-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--acpt-double-gap);
}

.acpt-term-selector {
    padding: 0;
    margin: 0;
    border-radius: var(--acpt-border-radius);
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
}

.acpt-term-selector legend {
    font-weight: bold;
    padding: var(--acpt-button-spacing);
    margin: 0 var(--acpt-double-gap);
    border-radius: var(--acpt-border-radius);
    border: var(--acpt-border-thickness) solid var(--acpt-border-color);
}

.acpt-term-selector .acpt-term-selector-list {
    list-style: none;
    padding: var(--acpt-button-spacing);
    margin: 0;
}

.acpt-term-selector .acpt-term-selector-list li {
    display: flex;
    align-items: center;
    gap: var(--acpt-gap);
}

.acpt-term-selector .acpt-term-selector-list li input,
.acpt-term-selector .acpt-term-selector-list li label {
    margin: 0;
    padding: 0;
    cursor: pointer;
}

/*========== ID ==========*/

.acpt-id-generate {
    margin-top: var(--acpt-half-gap);
    display: inline-block;
}

/*========== ACCEPTANCE ==========*/

.acpt-acceptance {
    display: flex;
    gap: var(--acpt-gap);
}

/*========== TOM SELECT ==========*/

.acpt-form-control .ts-control {
    border: none !important;
    padding; 0 !important;
    box-shadow: none !important;
}

.acpt-form-control .ts-control .clear-button {
    color: var(--acpt-label-color) !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.acpt-form-control .ts-control .acpt-item {
    background: var(--acpt-primary-color) !important;
    border: var(--acpt-border-thickness) solid var(--acpt-primary-color) !important;
    color: var(--acpt-input-bg) !important;
}