.custom-scroll-bar {
    scrollbar-color: #4E7BBE transparent;
    scrollbar-width: thin;
}

.custom-scroll-bar::-webkit-scrollbar,
.custom-scroll-bar::-webkit-scrollbar-thumb,
.custom-scroll-bar::-webkit-scrollbar-track {
    width: 8px;
    height: 8px;
    border: none;
    background: transparent;
}

.custom-scroll-bar.skinny-bar::-webkit-scrollbar,
.custom-scroll-bar.skinny-bar::-webkit-scrollbar-thumb,
.custom-scroll-bar.skinny-bar::-webkit-scrollbar-track {
    width: 4px;
    height: 4px;
    border: none;
    background: transparent;
}

.custom-scroll-bar::-webkit-scrollbar-button,
.custom-scroll-bar::-webkit-scrollbar-track-piece,
.custom-scroll-bar::-webkit-scrollbar-corner,
.custom-scroll-bar::-webkit-resizer {
    display: none;
}

.custom-scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #4E7BBE;
}

.custom-scroll-bar.skinny-bar::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #4E7BBE;
}

.custom-scroll-bar::-webkit-scrollbar-track:vertical {
    background-image: url("/assets/images/scrollbar.21cd3e7cee6b.png");
    background-repeat: repeat-y;
    background-size: contain;
}

.custom-scroll-bar::-webkit-scrollbar-track:horizontal {
    background-image: url("/assets/images/scrollbar_horizontal.20badb3823ef.png");
    background-repeat: repeat-x;
    background-size: contain;
}

.custom-scroll-bar.white-bar::-webkit-scrollbar-thumb {
    background-color: #FFF;
}

.custom-scroll-bar.white-bar::-webkit-scrollbar-track:vertical {
    background-image: url("/assets/images/scrollbar_white.df609f610790.png");
}

.custom-scroll-bar.white-bar::-webkit-scrollbar-track:horizontal {
    background-image: url("/assets/images/scrollbar_white_horizontal.a7050d567f30.png");
}

.custom-scroll-bar.hidden-scroll-bar::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.custom-scroll-bar.hidden-scroll-bar.hidden-show-scroll::-webkit-scrollbar-thumb {
    background-color: #4E7BBE;
}

.custom-scroll-bar.no-scrollbar-track::-webkit-scrollbar-track {
    background-image: none;
}

/*
    This is checkbox uses an image for the actual checkbox, use it this way.

    <input class="form-check-input custom-checkbox16 "type="checkbox" id="example">
    <label class="custom-label" for="example">{% trans "This is an example" %}</label>
 */

input[type=checkbox].custom-checkbox16 {
    position: absolute;
    left: 0;
    opacity: 0;
    height: 0;
    width: 0;
}

input[type=checkbox].custom-checkbox16 + label.custom-label {
    padding-left:20px;
    height:16px;
    display:inline-block;
    line-height:16px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:12px;
    vertical-align:middle;
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=checkbox].custom-checkbox16:checked + label.custom-label {
    background-position: 0 -16px;
}

input[type=checkbox].custom-checkbox16.price-icon + label.custom-label {
    background-size: 16px 32px;
    background-image:url("/assets/images/custom_checkbox_price.9068863fe2a1.png");
    margin: 0;
    padding-left: 16px;
}

input[type=checkbox].custom-checkbox16.price-icon:disabled:checked + label.custom-label {
    background-position: 0 -16px;
}

input[type=checkbox].custom-checkbox16.print-icon + label.custom-label {
    background-size: 16px 32px;
    background-image:url("/assets/images/custom_checkbox_print.50f88537101a.png");
    margin: 0;
    padding-left: 16px;
}

input[type=checkbox].custom-checkbox16.print-icon:disabled:checked + label.custom-label {
    background-position: 0 -16px;
}

/*
    use following custom checkbox like this, just change the <type> to one of the following:

    custom-checkbox-blue-list - this is for small checkboxes in a listbox
    custom-checkbox-green - this is a larger checkbox with a green check mark

    <label class="custom-checkbox <type>" for="example">{% trans "This is an example" %}
        <input class="custom-checkbox" type="checkbox" id="example">
        <span class="custom-checkbox <type>"></span>
    </label>

 */


label.custom-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    width: auto;
}

label.custom-checkbox.select2-as-label {
    width: 12px;
}

/* Hide the default checkbox */
input[type=checkbox].custom-checkbox {
    position: absolute;
    left: 0;
    opacity: 0;
    height: 0;
    width: 0;
}

/* Checkmark to be shown in checkbox */
/* It is not be shown when not checked */
span.custom-checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

/* Display checkmark when checked */
label.custom-checkbox input:checked ~ span.custom-checkbox:after {
    display: block;
}

/* Specify the background color to be
shown when hovering over checkbox */
/*
label.custom-checkbox:hover input ~ span.custom-checkbox-green {
    background-color: yellow;
}
*/

/* Specify the background color to be
shown when checkbox is active */
/*
label.custom-checkbox input:active ~ span.custom-checkbox-green {
    background-color: red;
}
*/

label.custom-checkbox-green {
    color: #0E1F44;
    font-size: 12px;
    padding-left: 25px;
    margin-bottom: 10px;
    padding-top: 1px;
}

/* Creating a custom checkbox
based on demand */
span.custom-checkbox-green {
    position: absolute;
    top: 0px;
    left: 2px;
    height: 17px;
    width: 17px;
    border: 1px solid #CCCCCC;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* Specify the background color to be
shown when checkbox is checked */
label.custom-checkbox input:checked ~ span.custom-checkbox-green {
    border: 1px solid #CCCCCC;
    transform: scale(1.2);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/* Styling the checkmark using webkit */
/* Rotated the rectangle by 45 degree and
showing only two border to make it look
like a tickmark */
label.custom-checkbox span.custom-checkbox-green:after {
    left: 4px;
    bottom: 4px;
    width: 7px;
    height: 12px;
    border: solid #6fc1ba;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-checkbox-centered-green {
    margin: auto;
    width: 21px;
}

/** Custom Checkbox blue
    blue checkbox uses svgs instead of pure css
**/

label.custom-checkbox-blue-list {
    color: #707070;
    font-size: 12px;
    padding: 0 0 0 20px;
    margin-bottom: 4px;
}

label.custom-checkbox-blue-list.posadmin-table-checkbox {
    margin-bottom: 0px;
    line-height: 1;
}

label.custom-checkbox-blue-list.blue-label {
    color: #414C63;
}

.custom-checkbox-centered-blue-list {
    margin: auto;
    width: 12px !important;
}

label.custom-checkbox input ~ span.custom-checkbox-blue-list {
    position: absolute;
    top: 2.5px;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg id='Check_Blue_V2' data-name='Check Blue V2' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='Check_Blue_V2-2' data-name='Check Blue V2' transform='translate(-124.978 -18390.977)' fill='none'%3E%3Cpath d='M127.093 18402.98a2.119 2.119 0 0 1-2.115-2.121v-7.768a2.118 2.118 0 0 1 2.115-2.115h7.768a2.118 2.118 0 0 1 2.115 2.115v7.768a2.119 2.119 0 0 1-2.115 2.121Z' stroke='none'/%3E%3Cpath d='M 134.8613739013672 18401.98046875 C 135.4763488769531 18401.98046875 135.9766693115234 18401.478515625 135.9766693115234 18400.859375 L 135.9766693115234 18393.091796875 C 135.9766693115234 18392.4765625 135.4763488769531 18391.9765625 134.8613739013672 18391.9765625 L 127.0929870605469 18391.9765625 C 126.4780197143555 18391.9765625 125.9776992797852 18392.4765625 125.9776992797852 18393.091796875 L 125.9776992797852 18400.859375 C 125.9776992797852 18401.478515625 126.4780197143555 18401.98046875 127.0929870605469 18401.98046875 L 134.8613739013672 18401.98046875 M 134.8613739013672 18402.98046875 L 127.0929870605469 18402.98046875 C 125.9244995117188 18402.98046875 124.9776992797852 18402.029296875 124.9776992797852 18400.859375 L 124.9776992797852 18393.091796875 C 124.9776992797852 18391.927734375 125.9244995117188 18390.9765625 127.0929870605469 18390.9765625 L 134.8613739013672 18390.9765625 C 136.0298614501953 18390.9765625 136.9766693115234 18391.927734375 136.9766693115234 18393.091796875 L 136.9766693115234 18400.859375 C 136.9766693115234 18402.029296875 136.0298614501953 18402.98046875 134.8613739013672 18402.98046875 Z' stroke='none' fill='%236588c0'/%3E%3C/g%3E%3C/svg%3E");
}

label.custom-checkbox.select2-as-label input ~ span.custom-checkbox-blue-list {
    top: 7px;
}

label.custom-checkbox input:checked ~ span.custom-checkbox-blue-list {
    background-image: url("data:image/svg+xml,%3Csvg id='Check_Blue_V2' data-name='Check Blue V2' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='Check_Blue_V2-2' data-name='Check Blue V2' transform='translate(-124.977 -18390.979)' fill='%236588c0'%3E%3Cpath d='M 134.8610076904297 18402.478515625 L 127.092643737793 18402.478515625 C 126.2019805908203 18402.478515625 125.4773635864258 18401.75390625 125.4773635864258 18400.861328125 L 125.4773635864258 18393.09375 C 125.4773635864258 18392.203125 126.2019805908203 18391.478515625 127.092643737793 18391.478515625 L 134.8610076904297 18391.478515625 C 135.7516937255859 18391.478515625 136.4763031005859 18392.203125 136.4763031005859 18393.09375 L 136.4763031005859 18400.861328125 C 136.4763031005859 18401.75390625 135.7516937255859 18402.478515625 134.8610076904297 18402.478515625 Z M 129.3519134521484 18400.451171875 C 129.5427398681641 18400.623046875 129.7947235107422 18400.716796875 130.0623626708984 18400.716796875 C 130.3686370849609 18400.716796875 130.6515197753906 18400.591796875 130.8602294921875 18400.365234375 C 130.9085998535156 18400.314453125 130.9424285888672 18400.265625 130.9654998779297 18400.23046875 L 135.3412017822266 18395.0078125 C 135.7249298095703 18394.55078125 135.6694488525391 18393.884765625 135.2152252197266 18393.4921875 L 135.2107543945312 18393.48828125 L 135.2062072753906 18393.484375 C 135.0127716064453 18393.326171875 134.7688446044922 18393.23828125 134.5193328857422 18393.23828125 C 134.1980590820312 18393.23828125 133.8954772949219 18393.37890625 133.6891937255859 18393.623046875 L 129.9329223632812 18398.1015625 L 128.1509704589844 18396.546875 L 128.1480407714844 18396.544921875 L 128.1450805664062 18396.541015625 C 127.947624206543 18396.375 127.6983642578125 18396.283203125 127.4431838989258 18396.283203125 C 127.1304779052734 18396.283203125 126.8337097167969 18396.41796875 126.6284332275391 18396.65625 C 126.4395141601562 18396.87109375 126.345100402832 18397.14453125 126.3625106811523 18397.4296875 C 126.3801574707031 18397.712890625 126.5087966918945 18397.9765625 126.7247543334961 18398.171875 L 126.7286834716797 18398.17578125 L 126.7326965332031 18398.177734375 L 129.3519134521484 18400.451171875 Z' stroke='none'/%3E%3Cpath d='M 134.8610076904297 18401.978515625 C 135.4759826660156 18401.978515625 135.9763031005859 18401.4765625 135.9763031005859 18400.861328125 L 135.9763031005859 18394.916015625 C 135.9155120849609 18395.0625 135.8316955566406 18395.201171875 135.7244110107422 18395.330078125 L 131.3675689697266 18400.52734375 C 131.3236999511719 18400.59375 131.2765045166016 18400.65234375 131.2246398925781 18400.70703125 C 130.9244079589844 18401.03125 130.5021209716797 18401.216796875 130.0623626708984 18401.216796875 C 129.6725463867188 18401.216796875 129.303466796875 18401.078125 129.0211181640625 18400.826171875 L 126.3891906738281 18398.54296875 C 126.2066955566406 18398.376953125 126.0671691894531 18398.177734375 125.9773635864258 18397.95703125 L 125.9773635864258 18400.861328125 C 125.9773635864258 18401.4765625 126.4776763916016 18401.978515625 127.092643737793 18401.978515625 L 134.8610076904297 18401.978515625 M 129.8773956298828 18397.388671875 L 133.3071441650391 18393.30078125 C 133.6086273193359 18392.943359375 134.0504608154297 18392.73828125 134.5193328857422 18392.73828125 C 134.8843231201172 18392.73828125 135.2410125732422 18392.8671875 135.5236663818359 18393.09765625 L 135.5417327880859 18393.11328125 C 135.7382354736328 18393.283203125 135.8836212158203 18393.48828125 135.9763031005859 18393.708984375 L 135.9763031005859 18393.09375 C 135.9763031005859 18392.478515625 135.4759826660156 18391.978515625 134.8610076904297 18391.978515625 L 127.092643737793 18391.978515625 C 126.4776763916016 18391.978515625 125.9773635864258 18392.478515625 125.9773635864258 18393.09375 L 125.9773635864258 18396.767578125 C 126.0428695678711 18396.609375 126.1351470947266 18396.458984375 126.2522506713867 18396.326171875 C 126.5524978637695 18395.98046875 126.9861755371094 18395.783203125 127.4431838989258 18395.783203125 C 127.8163375854492 18395.783203125 128.1802062988281 18395.91796875 128.4677734375 18396.16015625 L 128.4795684814453 18396.169921875 L 129.8773956298828 18397.388671875 M 134.8610076904297 18402.978515625 L 127.092643737793 18402.978515625 C 125.9262771606445 18402.978515625 124.9773635864258 18402.02734375 124.9773635864258 18400.861328125 L 124.9773635864258 18393.09375 C 124.9773635864258 18391.927734375 125.9262771606445 18390.978515625 127.092643737793 18390.978515625 L 134.8610076904297 18390.978515625 C 136.0273895263672 18390.978515625 136.9763031005859 18391.927734375 136.9763031005859 18393.09375 L 136.9763031005859 18400.861328125 C 136.9763031005859 18402.02734375 136.0273895263672 18402.978515625 134.8610076904297 18402.978515625 Z M 127.4431838989258 18396.783203125 C 127.2741546630859 18396.783203125 127.1144104003906 18396.857421875 127.0048980712891 18396.984375 C 126.9031372070312 18397.099609375 126.8522338867188 18397.24609375 126.8615646362305 18397.3984375 C 126.8710556030273 18397.55078125 126.941650390625 18397.693359375 127.0603179931641 18397.80078125 L 129.6836395263672 18400.076171875 C 129.7818298339844 18400.166015625 129.9163208007812 18400.216796875 130.0623626708984 18400.216796875 C 130.2297973632812 18400.216796875 130.3839721679688 18400.146484375 130.4965057373047 18400.021484375 C 130.5199127197266 18399.998046875 130.5366516113281 18399.97265625 130.5486145019531 18399.953125 L 130.5611419677734 18399.93359375 L 134.9579925537109 18394.6875 C 135.163818359375 18394.44140625 135.1333923339844 18394.08203125 134.8887329101562 18393.87109375 C 134.7841644287109 18393.78515625 134.6529846191406 18393.73828125 134.5193328857422 18393.73828125 C 134.3466949462891 18393.73828125 134.1833801269531 18393.8125 134.0712432861328 18393.9453125 L 129.9884643554688 18398.8125 L 127.822380065918 18396.923828125 C 127.7160491943359 18396.833984375 127.5813751220703 18396.783203125 127.4431838989258 18396.783203125 Z' stroke='none' fill='%236588c0'/%3E%3C/g%3E%3C/svg%3E");
}

label.custom-checkbox input:disabled ~ span.custom-checkbox-blue-list {
    background-image: url("data:image/svg+xml,%3Csvg id='Check_Blue_V2' data-name='Check Blue V2' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='Check_Blue_V2-2' data-name='Check Blue V2' transform='translate(-124.978 -18390.977)' fill='none'%3E%3Cpath d='M127.093 18402.98a2.119 2.119 0 0 1-2.115-2.121v-7.768a2.118 2.118 0 0 1 2.115-2.115h7.768a2.118 2.118 0 0 1 2.115 2.115v7.768a2.119 2.119 0 0 1-2.115 2.121Z' stroke='none'/%3E%3Cpath d='M 134.8613739013672 18401.98046875 C 135.4763488769531 18401.98046875 135.9766693115234 18401.478515625 135.9766693115234 18400.859375 L 135.9766693115234 18393.091796875 C 135.9766693115234 18392.4765625 135.4763488769531 18391.9765625 134.8613739013672 18391.9765625 L 127.0929870605469 18391.9765625 C 126.4780197143555 18391.9765625 125.9776992797852 18392.4765625 125.9776992797852 18393.091796875 L 125.9776992797852 18400.859375 C 125.9776992797852 18401.478515625 126.4780197143555 18401.98046875 127.0929870605469 18401.98046875 L 134.8613739013672 18401.98046875 M 134.8613739013672 18402.98046875 L 127.0929870605469 18402.98046875 C 125.9244995117188 18402.98046875 124.9776992797852 18402.029296875 124.9776992797852 18400.859375 L 124.9776992797852 18393.091796875 C 124.9776992797852 18391.927734375 125.9244995117188 18390.9765625 127.0929870605469 18390.9765625 L 134.8613739013672 18390.9765625 C 136.0298614501953 18390.9765625 136.9766693115234 18391.927734375 136.9766693115234 18393.091796875 L 136.9766693115234 18400.859375 C 136.9766693115234 18402.029296875 136.0298614501953 18402.98046875 134.8613739013672 18402.98046875 Z' stroke='none' fill='%23c5c5c5'/%3E%3C/g%3E%3C/svg%3E");
}

label.custom-checkbox input:checked:disabled ~ span.custom-checkbox-blue-list {
    background-image: url("data:image/svg+xml,%3Csvg id='Check_Blue_V2' data-name='Check Blue V2' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='Check_Blue_V2-2' data-name='Check Blue V2' transform='translate(-124.977 -18390.979)' fill='%23c5c5c5'%3E%3Cpath d='M 134.8610076904297 18402.478515625 L 127.092643737793 18402.478515625 C 126.2019805908203 18402.478515625 125.4773635864258 18401.75390625 125.4773635864258 18400.861328125 L 125.4773635864258 18393.09375 C 125.4773635864258 18392.203125 126.2019805908203 18391.478515625 127.092643737793 18391.478515625 L 134.8610076904297 18391.478515625 C 135.7516937255859 18391.478515625 136.4763031005859 18392.203125 136.4763031005859 18393.09375 L 136.4763031005859 18400.861328125 C 136.4763031005859 18401.75390625 135.7516937255859 18402.478515625 134.8610076904297 18402.478515625 Z M 129.3519134521484 18400.451171875 C 129.5427398681641 18400.623046875 129.7947235107422 18400.716796875 130.0623626708984 18400.716796875 C 130.3686370849609 18400.716796875 130.6515197753906 18400.591796875 130.8602294921875 18400.365234375 C 130.9085998535156 18400.314453125 130.9424285888672 18400.265625 130.9654998779297 18400.23046875 L 135.3412017822266 18395.0078125 C 135.7249298095703 18394.55078125 135.6694488525391 18393.884765625 135.2152252197266 18393.4921875 L 135.2107543945312 18393.48828125 L 135.2062072753906 18393.484375 C 135.0127716064453 18393.326171875 134.7688446044922 18393.23828125 134.5193328857422 18393.23828125 C 134.1980590820312 18393.23828125 133.8954772949219 18393.37890625 133.6891937255859 18393.623046875 L 129.9329223632812 18398.1015625 L 128.1509704589844 18396.546875 L 128.1480407714844 18396.544921875 L 128.1450805664062 18396.541015625 C 127.947624206543 18396.375 127.6983642578125 18396.283203125 127.4431838989258 18396.283203125 C 127.1304779052734 18396.283203125 126.8337097167969 18396.41796875 126.6284332275391 18396.65625 C 126.4395141601562 18396.87109375 126.345100402832 18397.14453125 126.3625106811523 18397.4296875 C 126.3801574707031 18397.712890625 126.5087966918945 18397.9765625 126.7247543334961 18398.171875 L 126.7286834716797 18398.17578125 L 126.7326965332031 18398.177734375 L 129.3519134521484 18400.451171875 Z' stroke='none'/%3E%3Cpath d='M 134.8610076904297 18401.978515625 C 135.4759826660156 18401.978515625 135.9763031005859 18401.4765625 135.9763031005859 18400.861328125 L 135.9763031005859 18394.916015625 C 135.9155120849609 18395.0625 135.8316955566406 18395.201171875 135.7244110107422 18395.330078125 L 131.3675689697266 18400.52734375 C 131.3236999511719 18400.59375 131.2765045166016 18400.65234375 131.2246398925781 18400.70703125 C 130.9244079589844 18401.03125 130.5021209716797 18401.216796875 130.0623626708984 18401.216796875 C 129.6725463867188 18401.216796875 129.303466796875 18401.078125 129.0211181640625 18400.826171875 L 126.3891906738281 18398.54296875 C 126.2066955566406 18398.376953125 126.0671691894531 18398.177734375 125.9773635864258 18397.95703125 L 125.9773635864258 18400.861328125 C 125.9773635864258 18401.4765625 126.4776763916016 18401.978515625 127.092643737793 18401.978515625 L 134.8610076904297 18401.978515625 M 129.8773956298828 18397.388671875 L 133.3071441650391 18393.30078125 C 133.6086273193359 18392.943359375 134.0504608154297 18392.73828125 134.5193328857422 18392.73828125 C 134.8843231201172 18392.73828125 135.2410125732422 18392.8671875 135.5236663818359 18393.09765625 L 135.5417327880859 18393.11328125 C 135.7382354736328 18393.283203125 135.8836212158203 18393.48828125 135.9763031005859 18393.708984375 L 135.9763031005859 18393.09375 C 135.9763031005859 18392.478515625 135.4759826660156 18391.978515625 134.8610076904297 18391.978515625 L 127.092643737793 18391.978515625 C 126.4776763916016 18391.978515625 125.9773635864258 18392.478515625 125.9773635864258 18393.09375 L 125.9773635864258 18396.767578125 C 126.0428695678711 18396.609375 126.1351470947266 18396.458984375 126.2522506713867 18396.326171875 C 126.5524978637695 18395.98046875 126.9861755371094 18395.783203125 127.4431838989258 18395.783203125 C 127.8163375854492 18395.783203125 128.1802062988281 18395.91796875 128.4677734375 18396.16015625 L 128.4795684814453 18396.169921875 L 129.8773956298828 18397.388671875 M 134.8610076904297 18402.978515625 L 127.092643737793 18402.978515625 C 125.9262771606445 18402.978515625 124.9773635864258 18402.02734375 124.9773635864258 18400.861328125 L 124.9773635864258 18393.09375 C 124.9773635864258 18391.927734375 125.9262771606445 18390.978515625 127.092643737793 18390.978515625 L 134.8610076904297 18390.978515625 C 136.0273895263672 18390.978515625 136.9763031005859 18391.927734375 136.9763031005859 18393.09375 L 136.9763031005859 18400.861328125 C 136.9763031005859 18402.02734375 136.0273895263672 18402.978515625 134.8610076904297 18402.978515625 Z M 127.4431838989258 18396.783203125 C 127.2741546630859 18396.783203125 127.1144104003906 18396.857421875 127.0048980712891 18396.984375 C 126.9031372070312 18397.099609375 126.8522338867188 18397.24609375 126.8615646362305 18397.3984375 C 126.8710556030273 18397.55078125 126.941650390625 18397.693359375 127.0603179931641 18397.80078125 L 129.6836395263672 18400.076171875 C 129.7818298339844 18400.166015625 129.9163208007812 18400.216796875 130.0623626708984 18400.216796875 C 130.2297973632812 18400.216796875 130.3839721679688 18400.146484375 130.4965057373047 18400.021484375 C 130.5199127197266 18399.998046875 130.5366516113281 18399.97265625 130.5486145019531 18399.953125 L 130.5611419677734 18399.93359375 L 134.9579925537109 18394.6875 C 135.163818359375 18394.44140625 135.1333923339844 18394.08203125 134.8887329101562 18393.87109375 C 134.7841644287109 18393.78515625 134.6529846191406 18393.73828125 134.5193328857422 18393.73828125 C 134.3466949462891 18393.73828125 134.1833801269531 18393.8125 134.0712432861328 18393.9453125 L 129.9884643554688 18398.8125 L 127.822380065918 18396.923828125 C 127.7160491943359 18396.833984375 127.5813751220703 18396.783203125 127.4431838989258 18396.783203125 Z' stroke='none' fill='%23c5c5c5'/%3E%3C/g%3E%3C/svg%3E");
}

label.custom-checkbox.centered-checkbox {
    text-align: center;
    width: 50%;
    float: right;
}

.inline-custom-checkbox-top-padding {
    padding-top: 4px;
}

/*
    Custom checkbox that is actually a slider. You can change the following:
    1. The color of the ball inside the switch
    2. The background of the switch when off
    3. The background of the switch when on
    4. Whether its a round or square switch

    <label class="custom-checkbox-switch custom-label">
      <input type="checkbox">
      <span class="custom-checkbox-switch white-switch round-switch blue-on-switch grey-off-switch"></span>
    </label>

 */

/* The switch - the box around the slider */

label.data-sync + label.custom-checkbox-switch {
    margin: -4px 0 0 10px;
}

label.posadmin-slider-text + label.custom-checkbox-switch {
    top: 4px;
}

label.custom-checkbox-switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 13px;
    top: 5px;
    clear: none;
    margin-bottom: 0;
}

/* Hide default HTML checkbox */
label.custom-checkbox-switch input {
    position: absolute;
    left: 0;
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
span.custom-checkbox-switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

span.custom-checkbox-switch:before {
    position: absolute;
    content: "";
    height: 11px;
    width: 11px;
    left: 1px;
    bottom: 1px;
    -webkit-transition: .4s;
    transition: .4s;
}

span.custom-checkbox-switch.grey-off-switch {
    background-color: #CCCCCC;
}

span.custom-checkbox-switch.white-switch:before {
    background-color: white;
}

input:checked + span.custom-checkbox-switch.blue-on-switch {
    background-color: #6588C0;
}

input:focus + span.custom-checkbox-switch.blue-on-switch {
    box-shadow: 0 0 7px #6588C0;
}

span.custom-checkbox-switch.blue-on-switch:hover {
    box-shadow: 0 0 7px #6588C0;
}

input:checked + span.custom-checkbox-switch:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px);
}

/* Rounded sliders */
span.round-switch {
    border-radius: 34px;
}

span.round-switch:before {
    border-radius: 50%;
}

/***********

    custom radio buttons for play/pause or $/%

 */

input[type=radio].custom-radio16 {
    position: absolute;
    left: 0;
    opacity: 0;
    height: 0;
    width: 0;
}

input[type=radio].custom-radio16 + label.custom-label {
    padding-left:20px;
    height:16px;
    display:inline-block;
    line-height:16px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:12px;
    vertical-align:middle;
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=radio].custom-radio16 + label.custom-label.disabled {
    cursor: unset;
}

input[type=radio].custom-radio16:checked + label.custom-label {
    background-position: 0 -16px;
}


input[type=radio].custom-radio16:disabled:checked + label.custom-label {
    background-position: 0 -16px;
}

input[type=radio].custom-radio16:checked + label.custom-label {
    background-position: 0 -16px;
}

input[type=radio].custom-radio16:disabled:checked + label.custom-label {
    background-position: 0 -16px;
}

input[type=radio].custom-radio16.dollar-icon + label.custom-label {
    background-size: 16px 32px;
    background-image:url("/assets/images/custom_radio_dollar.85200274bb29.png");
    margin: 0;
    padding-left: 16px;
}

input[type=radio].custom-radio16.percent-icon + label.custom-label {
    background-size: 16px 32px;
    background-image:url("/assets/images/custom_radio_percent.5644335b0784.png");
    margin: 0;
    padding-left: 16px;
}

input[type=radio].custom-radio16.play-icon + label.custom-label {
    background-size: 16px 32px;
    background-image:url("/assets/images/custom_radio_play.fa1b547fdacf.png");
    margin: 0;
    padding-left: 16px;
}

input[type=radio].custom-radio16.pause-icon + label.custom-label {
    background-size: 16px 32px;
    background-image:url("/assets/images/custom_radio_pause.dd59a9089285.png");
    margin: 0;
    padding-left: 16px;
}


/***********

    custom radio buttons for show bar buttons on menu screen

 */

input[type=checkbox].custom-checkbox25 {
    position: absolute;
    left: 0;
    opacity: 0;
    height: 0;
    width: 0;
}

input[type=checkbox].custom-checkbox25 + label.custom-label {
    height:25px;
    display:inline-block;
    line-height:25px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:12px;
    vertical-align:middle;
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px;
    margin: 0;
    background-size: 25px 25px;
}

input[type=checkbox].custom-checkbox25.show-button-label + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='Button_icon_on_Menu_Screen' data-name='Button icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3929' data-name='Rectangle 3929' fill='%23fff' stroke='%23414c63' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Crect id='Rectangle_4162' data-name='Rectangle 4162' width='17.291' height='9.916' rx='1' transform='translate(4 8)' fill='%23414c63'/%3E%3Crect id='Rectangle_4163' data-name='Rectangle 4163' width='10' height='2' transform='translate(8 12)' fill='%23fff'/%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-button-label:checked + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='Button_icon_on_Menu_Screen' data-name='Button icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3929' data-name='Rectangle 3929' fill='%23414c63' stroke='%23414c63' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Crect id='Rectangle_4162' data-name='Rectangle 4162' width='17.291' height='9.916' rx='1' transform='translate(4 8)' fill='%23fff'/%3E%3Crect id='Rectangle_4163' data-name='Rectangle 4163' width='10' height='2' transform='translate(8 12)' fill='%23414c63'/%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-button-label:disabled + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='Button_icon_on_Menu_Screen' data-name='Button icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3929' data-name='Rectangle 3929' fill='%23fff' stroke='%23c5c5c5' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Crect id='Rectangle_4162' data-name='Rectangle 4162' width='17.291' height='9.916' rx='1' transform='translate(4 8)' fill='%23c5c5c5'/%3E%3Crect id='Rectangle_4163' data-name='Rectangle 4163' width='10' height='2' transform='translate(8 12)' fill='%23fff'/%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-icon-images + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='Button_Icon_on_Menu_Screen' data-name='Button Icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3932' data-name='Rectangle 3932' fill='%23fff' stroke='%23414c63' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Cg id='local_cafe_black_24dp' transform='translate(3.845 4.345)'%3E%3Cpath id='Path_3123' data-name='Path 3123' d='M0 0H17.311V17.311H0Z' fill='none'/%3E%3Cpath id='Path_3124' data-name='Path 3124' d='M12.1 4.443v5.77a1.447 1.447 0 0 1-1.443 1.443H6.328a1.447 1.447 0 0 1-1.443-1.443V4.443H12.1M14.983 3H3.443v7.213A2.884 2.884 0 0 0 6.328 13.1h4.328a2.884 2.884 0 0 0 2.885-2.885V8.049h1.443a1.438 1.438 0 0 0 1.443-1.443V4.443A1.438 1.438 0 0 0 14.983 3ZM13.54 6.606V4.443h1.443V6.606Zm1.443 7.934H2v1.443H14.983Z' transform='translate(-0.557 -0.836)' fill='%23414c63'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-icon-images:checked + label.custom-label {
	background-image: url("data:image/svg+xml,%3Csvg id='Button_Icon_on_Menu_Screen' data-name='Button Icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3932' data-name='Rectangle 3932' fill='%23414c63' stroke='%23414c63' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Cg id='local_cafe_black_24dp' transform='translate(3.845 4.345)'%3E%3Cpath id='Path_3123' data-name='Path 3123' d='M0 0H17.311V17.311H0Z' fill='none'/%3E%3Cpath id='Path_3124' data-name='Path 3124' d='M12.1 4.443v5.77a1.447 1.447 0 0 1-1.443 1.443H6.328a1.447 1.447 0 0 1-1.443-1.443V4.443H12.1M14.983 3H3.443v7.213A2.884 2.884 0 0 0 6.328 13.1h4.328a2.884 2.884 0 0 0 2.885-2.885V8.049h1.443a1.438 1.438 0 0 0 1.443-1.443V4.443A1.438 1.438 0 0 0 14.983 3ZM13.54 6.606V4.443h1.443V6.606Zm1.443 7.934H2v1.443H14.983Z' transform='translate(-0.557 -0.836)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-icon-images:disabled + label.custom-label {
	background-image: url("data:image/svg+xml,%3Csvg id='Button_Icon_on_Menu_Screen' data-name='Button Icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3932' data-name='Rectangle 3932' fill='%23fff' stroke='%23c5c5c5' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Cg id='local_cafe_black_24dp' transform='translate(3.845 4.345)'%3E%3Cpath id='Path_3123' data-name='Path 3123' d='M0 0H17.311V17.311H0Z' fill='none'/%3E%3Cpath id='Path_3124' data-name='Path 3124' d='M12.1 4.443v5.77a1.447 1.447 0 0 1-1.443 1.443H6.328a1.447 1.447 0 0 1-1.443-1.443V4.443H12.1M14.983 3H3.443v7.213A2.884 2.884 0 0 0 6.328 13.1h4.328a2.884 2.884 0 0 0 2.885-2.885V8.049h1.443a1.438 1.438 0 0 0 1.443-1.443V4.443A1.438 1.438 0 0 0 14.983 3ZM13.54 6.606V4.443h1.443V6.606Zm1.443 7.934H2v1.443H14.983Z' transform='translate(-0.557 -0.836)' fill='%23c5c5c5'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-link-type + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='Button_Link_Icon_on_Menu_Screen' data-name='Button Link Icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3931' data-name='Rectangle 3931' fill='%23fff' stroke='%23414c63' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Cg id='link_black_24dp' transform='translate(1 1)'%3E%3Cpath id='Path_3121' data-name='Path 3121' d='M0 0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_3122' data-name='Path 3122' d='M17 7H13V9h4a3 3 0 0 1 0 6H13v2h4A5 5 0 0 0 17 7Zm-6 8H7A3 3 0 0 1 7 9h4V7H7A5 5 0 0 0 7 17h4ZM8 11h8v2H8Z' fill='%23414c63'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-link-type:checked + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='Button_Link_Icon_on_Menu_Screen' data-name='Button Link Icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3931' data-name='Rectangle 3931' fill='%23414c63' stroke='%23414c63' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Cg id='link_black_24dp' transform='translate(1 1)'%3E%3Cpath id='Path_3121' data-name='Path 3121' d='M0 0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_3122' data-name='Path 3122' d='M17 7H13V9h4a3 3 0 0 1 0 6H13v2h4A5 5 0 0 0 17 7Zm-6 8H7A3 3 0 0 1 7 9h4V7H7A5 5 0 0 0 7 17h4ZM8 11h8v2H8Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-link-type:disabled + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='Button_Link_Icon_on_Menu_Screen' data-name='Button Link Icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3931' data-name='Rectangle 3931' fill='%23fff' stroke='%23c5c5c5' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Cg id='link_black_24dp' transform='translate(1 1)'%3E%3Cpath id='Path_3121' data-name='Path 3121' d='M0 0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_3122' data-name='Path 3122' d='M17 7H13V9h4a3 3 0 0 1 0 6H13v2h4A5 5 0 0 0 17 7Zm-6 8H7A3 3 0 0 1 7 9h4V7H7A5 5 0 0 0 7 17h4ZM8 11h8v2H8Z' fill='%23c5c5c5'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-file-name + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='File_Name_Icon_on_Menu_Screen' data-name='File Name Icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3930' data-name='Rectangle 3930' fill='%23fff' stroke='%23414c63' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Cg id='list_black_24dp' transform='translate(1 1)'%3E%3Cg id='Group_2192' data-name='Group 2192'%3E%3Cpath id='Path_3118' data-name='Path 3118' d='M0 0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_3119' data-name='Path 3119' d='M0 0H24V24H0Z' fill='none' opacity='0.87'/%3E%3C/g%3E%3Cpath id='Path_3120' data-name='Path 3120' d='M3 13H5V11H3Zm0 4H5V15H3ZM3 9H5V7H3Zm4 4H21V11H7Zm0 4H21V15H7ZM7 7V9H21V7ZM3 13H5V11H3Zm0 4H5V15H3ZM3 9H5V7H3Zm4 4H21V11H7Zm0 4H21V15H7ZM7 7V9H21V7Z' fill='%23414c63'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-file-name:checked + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='File_Name_Icon_on_Menu_Screen' data-name='File Name Icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3930' data-name='Rectangle 3930' fill='%23414c63' stroke='%23414c63' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Cg id='list_black_24dp' transform='translate(1 1)'%3E%3Cg id='Group_2192' data-name='Group 2192'%3E%3Cpath id='Path_3118' data-name='Path 3118' d='M0 0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_3119' data-name='Path 3119' d='M0 0H24V24H0Z' fill='none' opacity='0.87'/%3E%3C/g%3E%3Cpath id='Path_3120' data-name='Path 3120' d='M3 13H5V11H3Zm0 4H5V15H3ZM3 9H5V7H3Zm4 4H21V11H7Zm0 4H21V15H7ZM7 7V9H21V7ZM3 13H5V11H3Zm0 4H5V15H3ZM3 9H5V7H3Zm4 4H21V11H7Zm0 4H21V15H7ZM7 7V9H21V7Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-file-name:disabled + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='File_Name_Icon_on_Menu_Screen' data-name='File Name Icon on Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_3930' data-name='Rectangle 3930' fill='%23fff' stroke='%23c5c5c5' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Cg id='list_black_24dp' transform='translate(1 1)'%3E%3Cg id='Group_2192' data-name='Group 2192'%3E%3Cpath id='Path_3118' data-name='Path 3118' d='M0 0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_3119' data-name='Path 3119' d='M0 0H24V24H0Z' fill='none' opacity='0.87'/%3E%3C/g%3E%3Cpath id='Path_3120' data-name='Path 3120' d='M3 13H5V11H3Zm0 4H5V15H3ZM3 9H5V7H3Zm4 4H21V11H7Zm0 4H21V15H7ZM7 7V9H21V7ZM3 13H5V11H3Zm0 4H5V15H3ZM3 9H5V7H3Zm4 4H21V11H7Zm0 4H21V15H7ZM7 7V9H21V7Z' fill='%23c5c5c5'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-item-price + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='Price_Icon_Menu_Screen' data-name='Price Icon Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_4160' data-name='Rectangle 4160' fill='%23fff' stroke='%23414c63' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='none'/%3E%3C/g%3E%3Ctext id='_' data-name='%24' transform='translate(0 1)' fill='%23414c63' font-size='20' font-family='Courier New' font-weight='700'%3E%3Ctspan x='7' y='18'%3E%24%3C/tspan%3E%3C/text%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-item-price:checked + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='Price_Icon_Menu_Screen' data-name='Price Icon Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_4160' data-name='Rectangle 4160' fill='%23fff' stroke='%23414c63' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='%23414c63'/%3E%3C/g%3E%3Ctext id='_' data-name='%24' transform='translate(0 1)' fill='%23fff' font-size='20' font-family='Courier New' font-weight='700'%3E%3Ctspan x='7' y='18'%3E%24%3C/tspan%3E%3C/text%3E%3C/svg%3E");
}

input[type=checkbox].custom-checkbox25.show-item-price:disabled + label.custom-label {
    background-image: url("data:image/svg+xml,%3Csvg id='Price_Icon_Menu_Screen' data-name='Price Icon Menu Screen' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Rectangle_4160' data-name='Rectangle 4160' fill='%23fff' stroke='%23c5c5c5' stroke-width='1'%3E%3Crect width='25' height='25' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='24' height='24' rx='2.5' fill='%23fff'/%3E%3C/g%3E%3Ctext id='_' data-name='%24' transform='translate(0 1)' fill='%23c5c5c5' font-size='20' font-family='Courier New' font-weight='700'%3E%3Ctspan x='7' y='18'%3E%24%3C/tspan%3E%3C/text%3E%3C/svg%3E");
}


/*****
    Custom Radio New

<label class="custom-radio custom-radio-blue" for="">{% trans "" %}
    <input type="radio" class="custom-radio" name="example" value="" id="">
    <span class="custom-radio custom-radio-blue"></span>
</label>

 */


label.custom-radio {
    display: block;
    position: relative;
    cursor: pointer;
    width: auto;
}

/* Hide the default checkbox */
input[type=radio].custom-radio {
    position: absolute;
    left: 0;
    opacity: 0;
    height: 0;
    width: 0;
}

label.custom-radio-blue {
    color: #707070;
    font-size: 12px;
    padding: 0 0 0 20px;
    margin-bottom: 4px;
}

label.custom-radio-blue.blue-label {
    color: #414C63;
}

label.custom-radio-blue.disabled {
    color: #C5C5C5;
}

label.custom-radio input ~ span.custom-radio-blue {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-image: url("data:image/svg+xml,%3Csvg id='Radio_Active' data-name='Radio Active' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='Ellipse_2' data-name='Ellipse 2' fill='%23fff' stroke='%23707070' stroke-width='1'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' stroke='none'/%3E%3Ccircle cx='7.5' cy='7.5' r='7' fill='none'/%3E%3C/g%3E%3C/svg%3E");
}

label.custom-radio input:checked ~ span.custom-radio-blue {
    background-image: url("data:image/svg+xml,%3Csvg id='Radio_Active' data-name='Radio Active' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='Ellipse_2' data-name='Ellipse 2' fill='%23fff' stroke='%23707070' stroke-width='1'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' stroke='none'/%3E%3Ccircle cx='7.5' cy='7.5' r='7' fill='none'/%3E%3C/g%3E%3Ccircle id='Ellipse_3' data-name='Ellipse 3' cx='5' cy='5' r='5' transform='translate(2.5 2.5)' fill='%236588c0'/%3E%3C/svg%3E");
}

label.custom-radio input:disabled ~ span.custom-radio-blue {
    background-image: url("data:image/svg+xml,%3Csvg id='Radio_Active' data-name='Radio Active' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='Ellipse_2' data-name='Ellipse 2' fill='%23fff' stroke='%23c5c5c5' stroke-width='1'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' stroke='none'/%3E%3Ccircle cx='7.5' cy='7.5' r='7' fill='none'/%3E%3C/g%3E%3C/svg%3E");
}

label.custom-radio input:checked:disabled ~ span.custom-radio-blue {
    background-image: url("data:image/svg+xml,%3Csvg id='Radio_Active' data-name='Radio Active' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='Path_3258' data-name='Path 3258' fill='%23fff'%3E%3Cpath d='M 7.5 14.5 C 3.64018988609314 14.5 0.5 11.35980987548828 0.5 7.5 C 0.5 3.64018988609314 3.64018988609314 0.5 7.5 0.5 C 11.35980987548828 0.5 14.5 3.64018988609314 14.5 7.5 C 14.5 9.653989791870117 13.54942035675049 11.57738018035889 11.7510404586792 13.06223964691162 C 10.6722297668457 13.96319007873535 9.083860397338867 14.5 7.5 14.5 Z' stroke='none'/%3E%3Cpath d='M 7.5 1 C 3.915889739990234 1 1 3.915889739990234 1 7.5 C 1 11.08411026000977 3.915889739990234 14 7.5 14 C 8.970319747924805 14 10.43886947631836 13.50663948059082 11.42838001251221 12.68025970458984 L 11.43268966674805 12.67667961120605 C 13.11223983764648 11.28993988037109 14 9.499870300292969 14 7.5 C 14 3.915889739990234 11.08411026000977 1 7.5 1 M 7.5 0 C 11.64212989807129 0 15 3.35785961151123 15 7.5 C 15 9.823740005493164 13.94320964813232 11.90065002441406 12.06937980651855 13.44779968261719 C 10.98565006256104 14.35286998748779 9.318399429321289 15 7.5 15 C 3.35785961151123 15 0 11.64212989807129 0 7.5 C 0 3.35785961151123 3.35785961151123 0 7.5 0 Z' stroke='none' fill='%23c5c5c5'/%3E%3C/g%3E%3Ccircle id='Ellipse_3' data-name='Ellipse 3' cx='5' cy='5' r='5' transform='translate(2.5 2.5)' fill='%23c5c5c5'/%3E%3C/svg%3E");
}


/** Custom Star Checkbox
    blue checkbox uses svgs instead of pure css
**/

label.custom-checkbox-star {
    color: #707070;
    font-size: 12px;
    padding: 0 0 0 20px;
    margin-bottom: 4px;
}

label.custom-checkbox-star.posadmin-table-checkbox {
    margin-bottom: 0px;
    line-height: 1;
}

label.custom-checkbox-star.blue-label {
    color: #414C63;
}

.custom-checkbox-centered-star {
    margin: auto;
    width: 14px !important;
}

label.custom-checkbox input ~ span.custom-checkbox-star {
    position: absolute;
    top: 2.5px;
    left: 0;
    height: 14px;
    width: 14px;
    background-image: url("data:image/svg+xml,%3Csvg id='Star' xmlns='http://www.w3.org/2000/svg' width='13.977' height='13.278' viewBox='0 0 13.977 13.278'%3E%3Cpath id='grade_FILL0_wght400_GRAD0_opsz48' d='M8.245 17.094l2.743-1.642 2.743 1.66L13 14l2.411-2.1-3.18-.28-1.24-2.935-1.24 2.918-3.18.28 2.411 2.1ZM6.673 19.278l1.136-4.909L4 11.067l5.032-.437L10.988 6l1.957 4.63 5.032.437-3.809 3.3L15.3 19.278l-4.315-2.6ZM10.988 13.076Z' transform='translate(-4 -6)' fill='%2349c1b9'/%3E%3C/svg%3E");
}

label.custom-checkbox.select2-as-label input ~ span.custom-checkbox-star {
    top: 7px;
}

label.custom-checkbox input:checked ~ span.custom-checkbox-star {
    background-image: url("data:image/svg+xml,%3Csvg id='Star' xmlns='http://www.w3.org/2000/svg' width='13.977' height='13.278' viewBox='0 0 13.977 13.278'%3E%3Cpath id='grade_FILL0_wght400_GRAD0_opsz48' d='M6.673 19.278l1.136-4.909L4 11.067l5.032-.437L10.988 6l1.957 4.63 5.032.437-3.809 3.3L15.3 19.278l-4.315-2.6ZM10.988 13.076Z' transform='translate(-4 -6)' fill='%2349c1b9'/%3E%3C/svg%3E");
}

label.custom-checkbox input:disabled ~ span.custom-checkbox-star {
    background-image: url("data:image/svg+xml,%3Csvg id='Star' xmlns='http://www.w3.org/2000/svg' width='13.977' height='13.278' viewBox='0 0 13.977 13.278'%3E%3Cpath id='grade_FILL0_wght400_GRAD0_opsz48' d='M8.245 17.094l2.743-1.642 2.743 1.66L13 14l2.411-2.1-3.18-.28-1.24-2.935-1.24 2.918-3.18.28 2.411 2.1ZM6.673 19.278l1.136-4.909L4 11.067l5.032-.437L10.988 6l1.957 4.63 5.032.437-3.809 3.3L15.3 19.278l-4.315-2.6ZM10.988 13.076Z' transform='translate(-4 -6)' fill='%23c5c5c5'/%3E%3C/svg%3E");
}

label.custom-checkbox.centered-checkbox {
    text-align: center;
    width: 50%;
    float: right;
}

/* WIDGET DROPDOWN */

.posadmin-widget-dropdown {
    position: relative;
    padding-right: 10px;
}

.posadmin-widget-dropdown-label {
    font-family: "Halis GR Bold", "Halis GR Regular", "Open Sans", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 10px;
    cursor: pointer;
    padding-right: 3px;
}

.posadmin-widget-dropdown-label-selection {
    color: #49C1B9;
    position: relative;
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
}

span.posadmin-widget-dropdown-label-selection::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    right: -8px;
    position: absolute;
    top: 5px;
    border-color: #49C1B9 transparent transparent transparent;
    border-style: solid;
    border-width: 4px 3px 0 3px;
}
ol.posadmin-widget-dropdown-list {
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 98;
    min-width: 100%;
    box-shadow: 0 3px 6px #00000029;
    -webkit-box-shadow: 0 3px 6px #00000029;
    -moz-box-shadow: 0 3px 6px #00000029;
    -o-box-shadow: 0 3px 6px #00000029;
    background-color: #FFF;
    border: none;
    display: none;
    padding: 7px 0;
    max-height: 200px;
    overflow-y: auto;
}

ol.posadmin-widget-dropdown-list li {
    height: auto;
    border: none;
    color: #707070;
    padding-left: 6px;
    margin: 0;
    background-color: #FFF;
    width: 100% !important;
    float: left;
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.posadmin-widget-dropdown-selection {
    cursor: pointer;
}

/***********

    custom radio buttons for widget graph / table options

 */

label.custom-radio-display-option {
    width: 20px;
    height: 20px;
}

label.custom-radio input ~ span.custom-radio-display-graph {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg id='Bar_Graph_Icon' data-name='Bar Graph Icon' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Rectangle_2551' data-name='Rectangle 2551' fill='%23fff' stroke='%2349c1b9' stroke-width='1'%3E%3Crect width='20' height='20' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='2.5' fill='none'/%3E%3C/g%3E%3Crect id='Rectangle_2552' data-name='Rectangle 2552' width='3' height='7' transform='translate(5 7)' fill='%2349c1b9'/%3E%3Crect id='Rectangle_2553' data-name='Rectangle 2553' width='3' height='9' transform='translate(9 5)' fill='%2349c1b9'/%3E%3Crect id='Rectangle_2554' data-name='Rectangle 2554' width='3' height='7' transform='translate(13 7)' fill='%2349c1b9'/%3E%3C/svg%3E");
}
label.custom-radio input:checked ~ span.custom-radio-display-graph {
    background-image: url("data:image/svg+xml,%3Csvg id='Bar_Graph_Icon' data-name='Bar Graph Icon' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect id='Rectangle_2551' data-name='Rectangle 2551' width='20' height='20' rx='3' fill='%2349c1b9'/%3E%3Crect id='Rectangle_2552' data-name='Rectangle 2552' width='3' height='7' transform='translate(5 7)' fill='%23fff'/%3E%3Crect id='Rectangle_2553' data-name='Rectangle 2553' width='3' height='9' transform='translate(9 5)' fill='%23fff'/%3E%3Crect id='Rectangle_2554' data-name='Rectangle 2554' width='3' height='7' transform='translate(13 7)' fill='%23fff'/%3E%3C/svg%3E");
}

label.custom-radio input ~ span.custom-radio-display-table {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-image: url("data:image/svg+xml,%3Csvg id='Table_Graph_Icon' data-name='Table Graph Icon' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 32 32'%3E%3Cg id='Rectangle_2551' data-name='Rectangle 2551' fill='%23fff' stroke='%2349c1b9' stroke-width='1'%3E%3Crect width='32' height='32' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='2.5' fill='none'/%3E%3C/g%3E%3Cline id='Line_973' data-name='Line 973' x2='24' transform='translate(4 5.25)' fill='none' stroke='%2349c1b9' stroke-width='2'/%3E%3Cg id='Group_5773' data-name='Group 5773' transform='translate(-400.5 -411.75)'%3E%3Cline id='Line_978' data-name='Line 978' x2='7' transform='translate(404.5 420.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1010' data-name='Line 1010' x2='8.82' transform='translate(412.5 420.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1020' data-name='Line 1020' x2='6.18' transform='translate(422.32 420.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5772' data-name='Group 5772' transform='translate(-400.5 -410.75)'%3E%3Cline id='Line_981' data-name='Line 981' x2='7' transform='translate(404.5 422.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1011' data-name='Line 1011' x2='8.82' transform='translate(412.5 422.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1021' data-name='Line 1021' x2='6.18' transform='translate(422.32 422.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5771' data-name='Group 5771' transform='translate(-400.5 -409.75)'%3E%3Cline id='Line_984' data-name='Line 984' x2='7' transform='translate(404.5 424.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1003' data-name='Line 1003' x2='8.82' transform='translate(412.5 424.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1013' data-name='Line 1013' x2='6.18' transform='translate(422.32 424.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5770' data-name='Group 5770' transform='translate(-400.5 -408.75)'%3E%3Cline id='Line_987' data-name='Line 987' x2='7' transform='translate(404.5 426.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1004' data-name='Line 1004' x2='8.82' transform='translate(412.5 426.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1014' data-name='Line 1014' x2='6.18' transform='translate(422.32 426.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5769' data-name='Group 5769' transform='translate(-400.5 -407.75)'%3E%3Cline id='Line_990' data-name='Line 990' x2='7' transform='translate(404.5 428.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1005' data-name='Line 1005' x2='8.82' transform='translate(412.5 428.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1015' data-name='Line 1015' x2='6.18' transform='translate(422.32 428.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5768' data-name='Group 5768' transform='translate(-400.5 -406.75)'%3E%3Cline id='Line_993' data-name='Line 993' x2='7' transform='translate(404.5 430.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1006' data-name='Line 1006' x2='8.82' transform='translate(412.5 430.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1016' data-name='Line 1016' x2='6.18' transform='translate(422.32 430.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5767' data-name='Group 5767' transform='translate(-400.5 -405.75)'%3E%3Cline id='Line_996' data-name='Line 996' x2='7' transform='translate(404.5 432.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1007' data-name='Line 1007' x2='8.82' transform='translate(412.5 432.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3Cline id='Line_1017' data-name='Line 1017' x2='6.18' transform='translate(422.32 432.5)' fill='none' stroke='%2349c1b9' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
}

label.custom-radio input:checked ~ span.custom-radio-display-table {
    background-image: url("data:image/svg+xml,%3Csvg id='Table_Graph_Icon' data-name='Table Graph Icon' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 32 32'%3E%3Cg id='Rectangle_2551' data-name='Rectangle 2551' fill='%2349c1b9' stroke='%2349c1b9' stroke-width='1'%3E%3Crect width='32' height='32' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='2.5' fill='none'/%3E%3C/g%3E%3Cline id='Line_973' data-name='Line 973' x2='24' transform='translate(4 5.25)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cg id='Group_5773' data-name='Group 5773' transform='translate(-400.5 -411.75)'%3E%3Cline id='Line_978' data-name='Line 978' x2='7' transform='translate(404.5 420.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1010' data-name='Line 1010' x2='8.82' transform='translate(412.5 420.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1020' data-name='Line 1020' x2='6.18' transform='translate(422.32 420.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5772' data-name='Group 5772' transform='translate(-400.5 -410.75)'%3E%3Cline id='Line_981' data-name='Line 981' x2='7' transform='translate(404.5 422.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1011' data-name='Line 1011' x2='8.82' transform='translate(412.5 422.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1021' data-name='Line 1021' x2='6.18' transform='translate(422.32 422.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5771' data-name='Group 5771' transform='translate(-400.5 -409.75)'%3E%3Cline id='Line_984' data-name='Line 984' x2='7' transform='translate(404.5 424.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1003' data-name='Line 1003' x2='8.82' transform='translate(412.5 424.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1013' data-name='Line 1013' x2='6.18' transform='translate(422.32 424.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5770' data-name='Group 5770' transform='translate(-400.5 -408.75)'%3E%3Cline id='Line_987' data-name='Line 987' x2='7' transform='translate(404.5 426.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1004' data-name='Line 1004' x2='8.82' transform='translate(412.5 426.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1014' data-name='Line 1014' x2='6.18' transform='translate(422.32 426.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5769' data-name='Group 5769' transform='translate(-400.5 -407.75)'%3E%3Cline id='Line_990' data-name='Line 990' x2='7' transform='translate(404.5 428.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1005' data-name='Line 1005' x2='8.82' transform='translate(412.5 428.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1015' data-name='Line 1015' x2='6.18' transform='translate(422.32 428.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5768' data-name='Group 5768' transform='translate(-400.5 -406.75)'%3E%3Cline id='Line_993' data-name='Line 993' x2='7' transform='translate(404.5 430.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1006' data-name='Line 1006' x2='8.82' transform='translate(412.5 430.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1016' data-name='Line 1016' x2='6.18' transform='translate(422.32 430.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3Cg id='Group_5767' data-name='Group 5767' transform='translate(-400.5 -405.75)'%3E%3Cline id='Line_996' data-name='Line 996' x2='7' transform='translate(404.5 432.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1007' data-name='Line 1007' x2='8.82' transform='translate(412.5 432.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Cline id='Line_1017' data-name='Line 1017' x2='6.18' transform='translate(422.32 432.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
}

/****************

    custom inputs for font options

 */


label.custom-font-display-option {
    height: 16px !important;
    width: 16px !important;
    margin: 0 !important;
}

label.custom-font-display-option input ~ span.custom-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
}

label.custom-font-display-option input ~ span.custom-font-display-expand {
    background-image: url('data:image/svg+xml,<svg id="Expand_Font_Icon" data-name="Expand Font Icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="Rectangle_3049" data-name="Rectangle 3049" fill="%23fff" stroke="%2349c1b9" stroke-width="1"><rect width="16" height="16" rx="4" stroke="none"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="none"/></g><g id="Group_728" data-name="Group 728" transform="translate(-553.157 -2333.99)"><text id="A" transform="translate(556.158 2345.99)" fill="%23c5c5c5" font-size="5" font-family="Apercu-Medium, Apercu" font-weight="500"><tspan x="0" y="0">A</tspan></text><text id="A-2" data-name="A" transform="translate(561.158 2345.99)" fill="%23c5c5c5" font-size="9" font-family="Apercu-Medium, Apercu" font-weight="500"><tspan x="0" y="0">A</tspan></text><line id="Line_232" data-name="Line 232" y1="2.996" x2="2.996" transform="matrix(0.998, 0.07, -0.07, 0.998, 558.847, 2339.459)" fill="none" stroke="%23c5c5c5" stroke-width="1"/><path id="Polygon_78" data-name="Polygon 78" d="M1.5,0,3,2.663H0Z" transform="matrix(0.656, 0.755, -0.755, 0.656, 562.392, 2337.302)" fill="%23c5c5c5"/></g></svg>');
}
label.custom-font-display-option input:checked ~ span.custom-font-display-expand {
    background-image: url('data:image/svg+xml,<svg id="Expand_Font_Icon" data-name="Expand Font Icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="Rectangle_3049" data-name="Rectangle 3049" fill="%2349c1b9" stroke="%2349c1b9" stroke-width="1"><rect width="16" height="16" rx="4" stroke="none"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="none"/></g><g id="Group_728" data-name="Group 728" transform="translate(-553.157 -2333.99)"><text id="A" transform="translate(556.158 2345.99)" fill="%23fff" font-size="5" font-family="Apercu-Medium, Apercu" font-weight="500"><tspan x="0" y="0">A</tspan></text><text id="A-2" data-name="A" transform="translate(561.158 2345.99)" fill="%23fff" font-size="9" font-family="Apercu-Medium, Apercu" font-weight="500"><tspan x="0" y="0">A</tspan></text><line id="Line_232" data-name="Line 232" y1="2.996" x2="2.996" transform="matrix(0.998, 0.07, -0.07, 0.998, 558.847, 2339.459)" fill="none" stroke="%23fff" stroke-width="1"/><path id="Polygon_78" data-name="Polygon 78" d="M1.5,0,3,2.663H0Z" transform="matrix(0.656, 0.755, -0.755, 0.656, 562.392, 2337.302)" fill="%23fff"/></g></svg>');
}

label.custom-font-display-option input ~ span.custom-font-display-bold {
    background-image: url('data:image/svg+xml,<svg id="Bold_Icon" data-name="Bold Icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="Rectangle_3046" data-name="Rectangle 3046" fill="%23fff" stroke="%2349c1b9" stroke-width="1"><rect width="16" height="16" rx="4" stroke="none"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="none"/></g><path id="Path_2798" data-name="Path 2798" d="M12.682,8.486a2.406,2.406,0,0,0,1.09-1.843A2.605,2.605,0,0,0,11.129,4H7v9.25h4.651a2.506,2.506,0,0,0,1.031-4.764Zm-3.7-2.834h1.982a.991.991,0,0,1,0,1.982H8.982ZM11.295,11.6H8.982V9.616h2.312a.991.991,0,1,1,0,1.982Z" transform="translate(-2.552 -0.625)" fill="%23c5c5c5"/></svg>');
}
label.custom-font-display-option input:checked ~ span.custom-font-display-bold {
    background-image: url('data:image/svg+xml,<svg id="Bold_Icon" data-name="Bold Icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="Rectangle_3046" data-name="Rectangle 3046" fill="%2349c1b9" stroke="%2349c1b9" stroke-width="1"><rect width="16" height="16" rx="4" stroke="none"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="none"/></g><path id="Path_2798" data-name="Path 2798" d="M12.682,8.486a2.406,2.406,0,0,0,1.09-1.843A2.605,2.605,0,0,0,11.129,4H7v9.25h4.651a2.506,2.506,0,0,0,1.031-4.764Zm-3.7-2.834h1.982a.991.991,0,0,1,0,1.982H8.982ZM11.295,11.6H8.982V9.616h2.312a.991.991,0,1,1,0,1.982Z" transform="translate(-2.552 -0.625)" fill="%23fff"/></svg>');
}

label.custom-font-display-option input ~ span.custom-font-display-red {
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Red_Ink_Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve"><style type="text/css">.st0{fill:%23FFFFFF;}.st1{fill:none;stroke:%2349C1B9;}.st2{fill:none;}.st3{fill:%23C5C5C5;}.st4{font-family:"Apercu-Medium";}.st5{font-size:14px;}</style><g id="Rectangle_3046" data-name="Rectangle 3046" fill="%23fff" stroke="%2349c1b9" stroke-width="1"><rect width="16" height="16" rx="4" stroke="none"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="none"/></g><g><text transform="matrix(1 0 0 1 3.757 12.5)" class="st3 st4 st5">R</text></g></svg>');
}
label.custom-font-display-option input:checked ~ span.custom-font-display-red {
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Red_Ink_Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve"><style type="text/css">.st0{fill:%2349C1B9;}.st1{fill:none;stroke:%2349C1B9;}.st2{fill:none;}.st3{fill:%23FFFFFF;}.st4{font-family:"Apercu-Medium";}.st5{font-size:14px;}</style><g id="Rectangle_3046" data-name="Rectangle 3046" fill="%2349c1b9" stroke="%2349c1b9" stroke-width="1"><rect width="16" height="16" rx="4" stroke="none"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="none"/></g><g><text transform="matrix(1 0 0 1 3.757 12.5)" class="st3 st4 st5">R</text></g></svg>');
}

label.custom-font-display-option input ~ span.custom-font-display-center {
    background-image: url('data:image/svg+xml,<svg id="Red_Ink_Icon" data-name="Red Ink Icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="Rectangle_3050" data-name="Rectangle 3050" fill="%23fff" stroke="%2349c1b9" stroke-width="1"><rect width="16" height="16" rx="4" stroke="none"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="none"/></g><g id="align-center" transform="translate(2.784 2.784)"><path id="Path_177" data-name="Path 177" d="M18,8H8.435a.435.435,0,1,0,0,.869H18A.435.435,0,0,0,18,8Z" transform="translate(-7.999 -7.999)" fill="%23c5c5c5"/><path id="Path_178" data-name="Path 178" d="M18,52H8.435a.435.435,0,1,0,0,.869H18A.435.435,0,1,0,18,52Z" transform="translate(-7.999 -42.437)" fill="%23c5c5c5"/><path id="Path_179" data-name="Path 179" d="M22.52,19.869a.435.435,0,0,0,0-.869H16.435a.435.435,0,0,0,0,.869Z" transform="translate(-14.261 -16.609)" fill="%23c5c5c5"/><path id="Path_180" data-name="Path 180" d="M18,30H8.435a.435.435,0,1,0,0,.869H18A.435.435,0,0,0,18,30Z" transform="translate(-7.999 -25.218)" fill="%23c5c5c5"/><path id="Path_181" data-name="Path 181" d="M22.52,41.869a.435.435,0,0,0,0-.869H16.435a.435.435,0,0,0,0,.869Z" transform="translate(-14.261 -33.828)" fill="%23c5c5c5"/></g></svg>');
}
label.custom-font-display-option input:checked ~ span.custom-font-display-center {
    background-image: url('data:image/svg+xml,<svg id="Red_Ink_Icon" data-name="Red Ink Icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="Rectangle_3050" data-name="Rectangle 3050" fill="%2349c1b9" stroke="%2349c1b9" stroke-width="1"><rect width="16" height="16" rx="4" stroke="none"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="none"/></g><g id="align-center" transform="translate(2.785 2.785)"><path id="Path_177" data-name="Path 177" d="M18,8H8.435a.435.435,0,1,0,0,.869H18A.435.435,0,0,0,18,8Z" transform="translate(-7.999 -7.999)" fill="%23f3f3f3"/><path id="Path_178" data-name="Path 178" d="M18,52H8.435a.435.435,0,1,0,0,.869H18A.435.435,0,1,0,18,52Z" transform="translate(-7.999 -42.437)" fill="%23f3f3f3"/><path id="Path_179" data-name="Path 179" d="M22.52,19.869a.435.435,0,0,0,0-.869H16.435a.435.435,0,0,0,0,.869Z" transform="translate(-14.261 -16.609)" fill="%23f3f3f3"/><path id="Path_180" data-name="Path 180" d="M18,30H8.435a.435.435,0,1,0,0,.869H18A.435.435,0,0,0,18,30Z" transform="translate(-7.999 -25.218)" fill="%23f3f3f3"/><path id="Path_181" data-name="Path 181" d="M22.52,41.869a.435.435,0,0,0,0-.869H16.435a.435.435,0,0,0,0,.869Z" transform="translate(-14.261 -33.828)" fill="%23f3f3f3"/></g></svg>');
}