input.input-checkbox:checked, input.input-radio:checked,
input.input-checkbox:checked:active, input.input-radio:checked:active,
input.input-checkbox:checked:focus, input.input-radio:checked:focus {
border-color:var(--color-primary) !important;
box-shadow: 0 0 0 10px var(--color-primary) inset !important;
}
.backend input.input-checkbox:checked, .backend input.input-radio:checked, 
.backend input.input-checkbox:checked:active, .backend input.input-radio:checked:active, 
.backend input.input-checkbox:checked:focus, .backend input.input-radio:checked:focus {
border-color: var(--color-primary) !important;
box-shadow: 0 0 0 10px var(--color-primary) inset !important;
}

input.input-checkbox,
input.input-radio,
.backend input.input-checkbox,
.backend input.input-radio,
input[type="radio"] {
box-sizing: border-box;
border-radius: 50%;
width: 18px;
height: 18px;
transition: all 0.2s ease-in-out;
position: relative;
cursor: pointer;
vertical-align: -4px;
color: inherit;
font: inherit;
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-font-smoothing: inherit;
line-height: normal;
outline:none !important;
border:2px solid #938777;
background-color: rgba(255,255,255,0.08);
box-shadow: 0 0 0 0 var(--color-primary) inset;
}
input.input-checkbox,
input[type="checkbox"],
.backend input.input-checkbox {
border-radius:3px;
}
input.input-checkbox:hover,
input.input-radio:hover,
input[type="radio"]:hover {
border-color:#8a8c6a;
}


input.input-checkbox:checked:after, 
input.input-radio:checked:after,
input[type="radio"]:checked:after {
transform: scale(1);
opacity: 1;
}
input.input-radio:after,
input[type="radio"]:after {
width: 4px;
height: 4px;
margin-left: -2px;
margin-top: -2px;
background-color: #fff;
border-radius: 50%;
}
input.input-checkbox:after, 
input.input-radio:after,
input[type="radio"]:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: scale(0.2);
transition: all 0.2s ease-in-out 0.1s;
opacity: 0;
}
input.input-checkbox:after {
width: 10px;
height: 8px;
margin-left: -5px;
margin-top: -4px;
background-image: url('/img/new_check.svg');
}


.backend input.input-checkbox,
.backend input.input-radio {
border-color:rgba(255,255,255,0.4);
}


.backend input.input-checkbox:hover,
.backend input.input-radio:hover {
border-color:var(--color-primary);
}


.backend .c_options,
.option_groups_holder {
display: flex;
justify-content: left;
flex-wrap: wrap;
gap: 20px;
padding:5px 0 20px 0;
}

.option_groups_holder {
flex-direction: row;
gap:0;
}

.option_group {
position:relative;
}

.backend .c_options .option_group {
position:relative;
padding:18px 20px 10px 20px;
width:430px;
background: #1b1b1b;
border: 0px solid #222;
border-radius:4px;
transition:all 0.2s ease-out;
}

.option_groups_holder .option_group {
width:100%;
padding:10px;
border-bottom:1px solid #333;
}

.option_groups_holder .option_group > .desc:empty {
display:none;
}

.option_group .admin_info {
color:#888;
font-style:italic;
}

.option_group .admin_info:not(:first-child) {
padding-left:10px;
}

.option_group h3.option_group_title {
	margin-bottom:0px;
	padding:7px 0 10px 0;
	font-family: var(--font-sans);
	font-weight: var(--font-sans-weight);
	text-transform: uppercase;
}
.backend .option_group h3.option_group_title {
padding-top:0px;
}

.backend .option_group_title .group_display_title {
display:block;
width:100%;
padding-right:50px;
min-height:19px;
}

.backend .option_content .display_title {
padding-right:0px;
white-space:normal !important;
}

.option_group_title .admin_info {
display:block;
font-size:12px;
padding-top:2px;
}

.option_group_title .bi {
top:2px;
}

.option_group > .desc,
.option_item > .desc {

}

.option_group > .desc {

}

.option_item > .desc {
margin:0px 0 5px 0;
}

.option_group .option_items,
.option_group .more_option_items,
.option_group .option_item {
position:relative;
float:left;
width:100%;
line-height:1.2;
}

.option_group .option_items,
.option_group .more_option_items {
padding:5px 0 5px 0;
display:flex;
flex-wrap: wrap;
flex-direction: row;
justify-content:center;
}
.frontend .option_group .more_option_items {
padding:0;
overflow:hidden;
max-height:0;
transition:all 0.25s cubic-bezier(.17,.67,.17,1);;
}
.frontend .option_group.show_all_options .more_option_items {
max-height:2000px;
padding:1px 0 5px 0;
margin-top:-1px;
}
.btn.show_more_options_btn {
display:block;
background:transparent;
color:#514c46;
font-weight:bold;
letter-spacing:1px;
/*border:1px solid rgba(81,76,70,0.3);*/
border:1px solid var(--color-primary);
border-radius:0;
padding:5px 10px;
margin:5px 0;
}
.show_more_options_btn:hover {
background:#fff;
border-color:var(--color-primary);
color:var(--color-primary);
}
.frontend .option_group.show_all_options .show_more_options_btn {
display:none;
}
.backend .option_group .more_option_items {
margin-top:5px;
border-top:2px solid #444;
}
.backend .option_group .show_more_options_btn {
display:none;
}


.frontend .btn.show_more_options_btn {
background:rgba(255,255,255,0.5);
}

.frontend .btn.show_more_options_btn:hover {
background:rgba(255,255,255,1);
}

.btn.show_more_options_btn:before {
content:"\F27E";
font-family:"Bootstrap-icons";
position:relative;
line-height:12px;
top:2px;
width:auto;
margin-right:3px;
display:inline-block;
text-align:left;
}

.option_group .option_item,
.option_group .none_found {
padding:5px 0;
}

.backend .option_group .option_item, 
.backend .option_group .none_found {
padding:10px 0;
}

.option_group .none_found {
color:#888;
font-style:italic;
}

.option_group .group_details {
position:relative;
width:100%;
height:auto;
text-align:left;
padding:5px 0;
letter-spacing:0;
}
.option_group .group_details.admin_info {
font-size:12px;
padding-top:0px;
}
.option_group .group_details > span {
display:inline-block;
padding-right:5px;
}

.option_group_title .choice_required,
.option_content h4 .text_required {
display:inline-block !important;
font-size:11px;
top:-2px;
margin-left:4px;
color:var(--color-primary);
}

.option_group_title .choice_required {
position:relative;
top:-4px;
}

.option_content h4 .text_required {
position:relative;
top:-2px;
}

.option_group .group_warning_container {
transition:all 0.2s ease-in-out;
opacity:0;
overflow:hidden;
max-height:0;
}
.option_group.warning_active .group_warning_container {
opacity:1;
max-height:150px;
}

.option_group .group_warning {
line-height:1.1;
background:#ffdeb4;
color:#000;
padding:10px 13px;
border:2px dashed #c1ad94;
margin:6px 0 5px 0;
}

.option_group .group_warning > strong {
display:block;
margin-bottom:5px;
}

.option_group .group_options {
position:relative;
display:flex;
width:100%;
text-align:left;
opacity:0;
pointer-events:none;
padding-top:5px;
transition:all 0.2s ease-out;
}
.frontend .group_options {
display:none;
position:absolute;
bottom:0px;
right:0;
text-align:right;
}

.option_group .btn {
border-radius:3px;
}

.btn_group_edit > .bi {
top:2px;
}
.btn_group_add > .bi {
top:1px;
}

.backend .c_options .option_group:hover {
background:#222;
}
.backend .c_options .option_group.highlight_extra:hover {
background-color:rgba(243,231,219,0.15);
}

.backend .c_options .option_group:hover .group_options {
opacity:1;
pointer-events:auto;
}

.backend .option_group.inactive,
.backend .option_group.deleted {
opacity:0.5;
padding-top:45px;
}
.backend .option_group.deleted:after,
.backend .option_group.inactive:after {
content:"Inactive group";
color:red;
position:absolute;
left:20px;
top:17px;
font-size:14px;
}
.backend .option_group.deleted:after {
content:"Deleted group";
}
.backend .option_group.deleted.inactive:after {
content:"Deleted & inactive group";
}
.backend .option_item.inactive {
opacity:0.4;
}
.backend .option_item.inactive .display_title:before,
.backend .option_item.deleted .display_title:before {
content:"Inactive option";
color:red;
padding:0 2px 3px 0;
display:block;
}
.backend .option_item.deleted .display_title:before {
content:"Deleted option";
}
.backend .option_item.deleted.inactive .display_title:before {
content:"Deleted & inactive option";
}

.backend .option_group:hover {
opacity:1 !important;
}

.frontend .option_group.inactive,
.frontend .option_item.inactive {
display:none;
}
.frontend .option_group:hover .group_options {
opacity:1;
pointer-events:auto;
display:block;
}

.backend .c_options .option_group.highlight,
.backend .c_options .option_group.highlight_extra,
.backend .c_options .option_group.highlight_super,
.backend .c_options .option_group.highlight_ultra {
border:2px solid #222;
}

.backend .c_options .option_group.highlight {
background:#2c2c2c;
}

.backend .c_options .option_group.highlight_extra,
.backend .c_options .option_group.highlight.highlight_extra {
border-color:rgba(243,231,219,0.4);
background-color:rgba(243,231,219,0.17);
}

.backend .c_options .option_group.highlight_super,
.backend .c_options .option_group.highlight.highlight_super {
border-color:#fff;
background-color:rgba(243,231,219,0.25);
}

.backend .c_options .option_group.highlight_ultra,
.backend .c_options .option_group.highlight.highlight_ultra {
border-width:4px;
}

.backend .c_options .option_group.highlight_ultra,
.backend .c_options .option_group.highlight.highlight_ultra {
border-color:#fff;
background-color:rgba(243,231,219,0.25);
}

.option_item {
position:relative;
display: flex;
justify-content: left;
gap: 8px;
font-size:12px;
}

.backend .option_item:hover {
opacity:1 !important;
}

.option_item h4 {
color:inherit;
font-size:12px;
font-weight:inherit;
margin-bottom:1px;
}

.option_item h4 .bi {
top:2px;
}

.option_item .option_thumb {
align-self:center;
display:none;
}
.option_item.display_thumbs .option_thumb,
.option_item.display_thumbs_list .option_thumb {
display:inline-block;
position:relative;
width:110px;
height:90px;
flex-grow: 0;     /* do not grow   - initial value: 0 */
flex-shrink: 0;   /* do not shrink - initial value: 1 */
background-color:rgba(255,255,255,0.05);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
border:1px solid #e3d6c8;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}

.backend .option_item.display_thumbs .option_thumb,
.backend .option_item.display_thumbs_list .option_thumb {
border-color:#555;
}

.option_item.display_thumbs_list .option_thumb {
display:block;
width:70px;
height:55px;
}

.option_item.display_thumbs_lis .option_form .option_checkbox {
top:0;
}


.option_item .option_error {
color:red;
font-style:italic;
}

.option_item .option_content {
align-self:center;
width:100%;
max-width:100%;
}

.option_item .option_content > label {
font-weight:normal;
margin:0;
cursor:pointer;
width:100%;
}

.option_item .retail_dkk {
color:#aaa;
}

.frontend .option_item .option_price {
color: #938777;
font-family: "Cormorant Garamond", Georgia, serif;
}

.option_item .option_price .admin_info {
margin-left:4px;
}

.option_item .option_price .savings_percent {
color:#fff;
background:#abad89;
line-height:1;
padding:1px 5px;
margin-left:3px;
white-space:nowrap;
}

.option_item .option_price .old_price {
text-decoration: line-through;
opacity:0.8;
display:block;
}

.option_item.add_as_option .option_price .our_price:before {
content:"+";
position:relative;
top:-1px;
margin-right:2px;
}

.option_item.add_as_option .option_price .our_price.negative:before {
content:"-";
}

.option_item .desc {
color:#aaa;
}

.option_item .option_form,
.option_item .option_checkbox,
.option_item .option_radio {
display:none;
}

.option_item.display_thumbs .option_form,
.option_item.display_thumbs .option_checkbox,
.option_item.display_thumbs .option_radio,
.option_item.display_list .option_form,
.option_item.display_list .option_checkbox,
.option_item.display_list .option_radio,
.option_item.display_thumbs_list .option_form,
.option_item.display_thumbs_list .option_checkbox,
.option_item.display_thumbs_list .option_radio {
display:block;
}

.option_item .option_form {
align-self:center;
}

.option_group .option_item.display_list:not(.display_thumbs_list) .option_form {
align-self:flex-start;
margin-top:1px;
}

.option_item.has_qty_input .option_form {
display:flex;
align-items:center;
gap:8px;
}

.option_item.has_qty_input .option_qty_stepper {
display:inline-flex;
align-items:center;
border:1px solid rgba(0,0,0,0.2);
border-radius:999px;
overflow:hidden;
height:28px;
}

.option_item.has_qty_input .option_qty_stepper .qty-btn {
border:0;
background:transparent;
width:26px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.option_item.has_qty_input .option_qty_stepper .option_qty {
width:44px;
height:100%;
border:0;
border-left:1px solid rgba(0,0,0,0.2);
border-right:1px solid rgba(0,0,0,0.2);
text-align:center;
background:transparent;
padding:0;
}

.option_item.has_qty_input .option_qty_stepper .option_qty::-webkit-outer-spin-button,
.option_item.has_qty_input .option_qty_stepper .option_qty::-webkit-inner-spin-button {
-webkit-appearance:none;
margin:0;
}

.option_item.has_qty_input .option_qty_stepper .option_qty {
-moz-appearance:textfield;
}

.option_item .option_checkbox,
.option_item .option_radio {
margin-top:0;
top:0px;
}

.option_group .option_item.display_thumbs {
width:50%;
min-width:130px;
max-width:300px;
padding:10px 5px 10px 5px;
justify-content:center;
flex-wrap: wrap;
text-align:center;
align-content: flex-start;
gap:4px;
}


.option_group .option_item.display_thumbs > div {
display:block;
}

.option_group .option_item .option_thumb_holder {
align-self:center;
display:none;
}

.option_group .option_item.display_thumbs .option_thumb_holder {
display:block;
width:100%;
}

.option_group .option_item.display_thumbs_list .option_thumb_holder {
display:block;
}

.option_group .option_item.display_thumbs:hover {
background:rgba(255,255,255,0.05);
}

.option_group .option_item.display_thumbs .option_content {
min-height:20px;
}

.option_group .option_item.display_thumbs .option_form {
position:relative;
width:100%;
order: 5;
}

.option_group .option_item.display_thumbs .option_form input {
display:inline-block;
}


.option_item .admin_options {
position:absolute;
opacity:0;
transition:all 0.2s ease-out;
right:0px;
top:50%;
transform:translateY(-50%);
}

.option_item.display_thumbs .admin_options {
top:5px;
transform:none;
}

.frontend .option_group.display_thumbs .option_item .admin_options {
right:0;
top:auto;
bottom:-8px;
}



.option_group:hover .admin_options {
opacity:1;
}

.option_item .admin_options a,
.option_group .btn_group_edit,
.option_group .btn_group_add {
padding:5px;
font-size:16px;
color:#eee;
text-shadow:0px 1px 5px rgba(0,0,0,0.5);
}

.frontend .option_item .admin_options a, 
.frontend .option_group .btn_group_edit,
.frontend .option_group .btn_group_add {
color:#9f9b95;
text-shadow:none;
opacity:0;
}

.option_item .admin_options a:hover,
.option_group .btn_group_edit:hover,
.option_group .btn_group_add:hover {
color:var(--color-primary) !important;
}

.option_group .btn_group_edit,
.option_group .btn_group_add {
position:absolute;
right:12px;
top:12px;
padding:2px 5px;
font-size:16px;
background:none;
opacity:0.2;
}

.backend .option_group .btn_group_add {
right:34px;
}

.option_group:hover .btn_group_edit,
.option_group:hover .btn_group_add,
.frontend .option_item:hover .admin_options a {
opacity:1;
}


.frontend .option_group .btn_group_edit {
right:-2px;
top:0px;
}
.frontend .option_group .btn_group_add {
right:20px;
top:0px;
}
.frontend .option_item .admin_options {
right:0px;
top:50%;
transform:translateY(-50%);
z-index:20;
}

.frontend .option_groups_holder {
margin-top:20px;
padding:0;
margin-bottom:-20px;
}
.frontend .option_groups_holder .option_group {
padding-left:1px;
padding-right:1px;
border:0;
border-top:0px solid #f4e5d6;
padding-left:20px;
padding-right:20px;
margin-bottom:20px;
}

.frontend .option_groups_holder .option_group.highlight,
.frontend .option_groups_holder .option_group.highlight_extra,
.frontend .option_groups_holder .option_group.highlight_super {
background:#fff;
border:2px solid #f4e5d6;
margin-bottom:20px;
box-shadow:0 2px 4px 0px rgba(147,135,119,0.1);
}
.frontend .option_groups_holder .option_group.highlight_extra {
background:#f3e7db;
}

.frontend h3.option_group_title {
font-size: 18px;
text-transform: none;
letter-spacing: 0.5px;
font-weight:inherit;
}
.frontend .option_item h4 {
font-size:15px;
text-transform:none;
letter-spacing:0.5px;
}
.frontend .option_item {
font-size:15px;
}
.frontend .option_group > .desc, 
.frontend .option_item .desc {
color:#514c46;
line-height: 1.2;
font-style: italic;
}
.frontend .option_group > .desc {
padding-bottom:10px;
}
.frontend .option_item .option_checkbox, 
.frontend .option_item .option_radio {
top:0px;
}
.frontend .option_group.no_options .option_items {
padding-bottom:0;
}

.price_tag .options_price_info {
font-weight:700;
text-transform:none;
margin:-5px 0 10px 0;
}
.price_tag .options_price_info > span {
font-size:100%;
letter-spacing:0.5px;
}
.price_tag .options_price_prefix:before {
content:"\002B";
position:relative;
top:-2px;
padding-right:3px;
}
















.option_group .option_item, .option_group .none_found {
padding:5px 7px 5px 8px;
margin-top:-1px;
}

.option_item {
border:1px solid transparent;
transition:border 0.15s ease-out, background 0.15s ease-out;
}

.option_item:hover {
background-color:rgba(255,255,255,0.3);
border-color:rgba(119,113,106,0.15);
cursor:pointer;
}

.option_group.display_infobox .option_item:hover {
background-color:inherit;
border-color:transparent;
cursor:default;
}
.option_group.display_infobox .option_item .option_content > label {
cursor:default;
}

.option_item:not(.disabled_opt):hover .option_checkbox, 
.option_item:not(.disabled_opt):hover .option_radio {
border-color:var(--color-primary);
}

.option_item.disabled_opt {
opacity:0.75;
}
.option_item.disabled_opt,
.option_item.disabled_opt label {
cursor:default;
}

.option_item.active {
border:1px solid #f4e5d6;
border-radius:0px;
background-color:rgba(255,255,255,0.3);
}

.frontend .option_groups_holder .option_group.highlight_extra .option_item.active {
border-color:#dacab9;
}

.option_group.display_select .option_items {
box-sizing:border-box;
max-height:44px;
overflow:hidden;
padding:0px;
border:1px solid #f4e5d6;
border-radius:0px;
background:#faf4ee;
margin:10px 0;
transition:all 0.25s cubic-bezier(.17,.67,.17,1);
}

.option_group.display_select .option_items:hover {
border-color:var(--color-primary);
}

.option_group.display_select:not(.has_active_val) .option_items,
.option_group.display_select .option_items.open,
.option_group.display_select .option_items:hover {
border-color:var(--color-primary);
}



.option_group.display_select .option_items:after {
content:"\F22C";
font-family:bootstrap-icons;
color:var(--color-primary);
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%);
height:10px;
line-height:10px;
pointer-events:none;
}

.option_group.display_select .option_items.open:after {
display:none;
}

.option_group.display_select .option_items .option_item {
min-height:34px;
border:0px solid rgba(0,0,0,0.2);
border-color:transparent;
padding:5px 10px;
transition:all 0.2s ease-out;
display:none;
}
.option_group.display_select .option_items.open .option_item {
border-color:rgba(0,0,0,0.1);
}
.option_group.display_select .option_items .option_item:last-child {
border-bottom:0;
}
.option_group.display_select .option_items .option_item.active,
.option_group.display_select .option_items.open .option_item {
display:flex;
}

.option_group.display_select .option_items .option_item:hover {
background:rgba(255,255,255,0.5);
}

.option_group.display_select .option_item .option_content,
.option_group.display_select .option_item .option_content label {
display:flex;
flex-wrap:nowrap;
gap:10px;
align-items: center;
}

.option_group.display_select .option_items.open {
max-height:380px;
overflow-y:auto;
}

.option_group.display_select .option_items.open .option_item {
display:flex;
}

.option_group.display_select .option_items:not(.open) .option_item .admin_options {
display:none !important;
}


.option_group.display_select .option_items .option_item.active:not(.select_label_item) label:before {
content:"\F26A";
font-family:bootstrap-icons;
color:var(--color-primary);
font-size:18px;
line-height:1;
display:inline-block;
position:relative;
height:18px;
margin-right:-3px;
margin-left:-3px;
}



.option_group.display_select .option_items .option_item.select_label_item {
display:flex;
}

.option_group.display_select .option_items .option_item.select_label_item .display_title {
font-style:italic;
}

.option_group.has_active_val.display_select .option_items:not(.open) .option_item.select_label_item:not(.active) {
display:none;
}









.backend .option_group.display_select .option_items {
background:rgba(255,255,255,0.0);
border-color:rgba(255,255,255,0.4);
}

.backend .option_group.display_select .option_items:after {
color:var(--color-primary);
}

.backend .option_item:hover {
background-color:rgba(255,255,255,0.05);
}

.backend.categories .option_item:hover label {
color:#fff;
}

.backend .option_group.display_select .option_items .option_item:hover {
background-color:rgba(255,255,255,0.1);
}

.backend .option_item.active {
background-color:rgba(255,255,255,0.075);
border-color:rgba(255,255,255,0.2);
}

.backend .option_group .option_item, 
.backend .option_group .none_found {
padding:8px 7px 8px 8px;
}

.option_group.display_infobox .option_item {
padding-left:0
}

.option_item .dont_show_price {
opacity:0.5;
font-style:italic;
}
.option_item .price_hidden_info {
padding-right:5px;
}

.option_group[data-option_group_id="236"] .option_form {
display:none;
}
.frontend .option_group[data-option_group_id="236"] .option_item,
.frontend .option_group[data-option_group_id="236"] .option_item:hover,
.frontend .option_group[data-option_group_id="236"] .option_item.active,
.frontend .option_group[data-option_group_id="236"] .option_item .option_content > label {
border:0;
background:transparent;
cursor:auto;
pointer-events:none;
}




.backend .option_group .option_item.opt_type_textarea,
.backend .option_group .option_item.opt_type_textarea.active,
.backend .option_group .option_item.opt_type_textarea:hover,
.option_group .option_item.opt_type_textarea,
.option_group .option_item.opt_type_textarea.active,
.option_group .option_item.opt_type_textarea:hover,

.backend .option_group .option_item.opt_type_input,
.backend .option_group .option_item.opt_type_input.active,
.backend .option_group .option_item.opt_type_input:hover,
.option_group .option_item.opt_type_input,
.option_group .option_item.opt_type_input.active,
.option_group .option_item.opt_type_input:hover {
	padding-left: 0;
	padding-right: 0;
	border: 0;
	border-top: 0px solid #ccc;
	background-color: inherit;
	cursor: default;
}

.option_item.opt_type_textarea .option_content .input-group,
.option_item.opt_type_input .option_content .input-group {
	width: 100%;
	max-width:100%;
}

.option_item.opt_type_textarea .option_content .input-group .form-control,
.option_item.opt_type_input .option_content .input-group .form-control {
	line-height: 1.15;
	letter-spacing: 0;
	padding-left: 5px;
	padding-right: 5px;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
	transition: background 0.15s ease-out, color 0.15s ease-out, border 0.15s ease-out;
}

.option_item.opt_type_input .option_content .input-group .form-control {
	padding-left: 10px;
	padding-right: 10px;
}

.option_item.opt_type_textarea .option_content h4,
.option_item.opt_type_input .option_content h4 {
	margin-bottom: 3px;
	line-height: 1.1;
}

.frontend .option_item.opt_type_textarea .option_content h4,
.frontend .option_item.opt_type_input .option_content h4 {
	font-size: 16px;
	max-width: calc(100% - 65px);
}

.backend .option_item.opt_type_textarea .option_content h4,
.backend .option_item.opt_type_input .option_content h4 {
	max-width: calc(100% - 65px);
	margin-bottom:4px;
}

.option_item.opt_type_textarea .option_content .desc,
.option_item.opt_type_input .option_content .desc {
	margin-top: 3px;
	line-height: 1.1;
	opacity: 0.75;
}

.backend .option_item.opt_type_textarea .admin_options,
.frontend .option_item.opt_type_textarea .admin_options,
.backend .option_item.opt_type_input .admin_options,
.frontend .option_item.opt_type_input .admin_options {
	right: -24px;
}

.frontend .option_item.opt_type_textarea .option_content .input-group .form-control:not(:empty):not(:focus),
.frontend .option_item.opt_type_input .option_content .input-group .form-control:not(:placeholder-shown):not(:focus) {
	background: rgba(255, 255, 255, 0.4);
	/*border-color: #938777;*/
}

.frontend .option_item.opt_type_textarea .form-control.input_is_missing,
.frontend .option_item.opt_type_input .form-control.input_is_missing {
background:#ffdeb4;
}


.char_limit_box {
	line-height: 1;
	font-size: 12px;
	font-family: Garamond;
	opacity: 0.75;
}

.input-group .char_limit_box {
	position: absolute;
	right: 0;
	top: -17px;
}

.char_limit_box .char_max:before {
	content: "\002F";
	padding: 0 3px;
}


h3.option_group_title .group_display_title > .bi:not(.bi-asterisk) {
font-size:120%;
line-height:12px;
position:relative;
display:inline-block;
margin-top:-5px;
margin-right:2px;
margin-bottom:3px;
top:2px;
}

.option_item h4 > .display_title > big > i.bi:before {
position:relative;
top:1.5px;
}

.frontend .btn.show_more_options_btn,
.frontend .btn.show_more_options_btn:hover {
background:#abad89;
border-color:rgba(0,0,0,0.1);
color:#fff;
opacity:0.9;
font-size:14px;
}

.frontend .btn.show_more_options_btn:hover {
opacity:1;
border-color:rgba(0,0,0,0.2);
}


.frontend .option_groups_holder .option_group.highlight_super {
background:#d8ba9d;
border-color:#d8ba9d;
}



.frontend .option_groups_holder .option_group.highlight_ultra {
background:var(--color-primary);
}

.frontend .option_groups_holder .option_group.highlight_ultra,
.frontend .option_groups_holder .option_group.highlight_ultra .option_group_title {
color:#fff;
} 

.frontend .option_group.highlight_ultra .option_item .desc {
color:rgba(255,255,255,0.7);
}

.frontend .option_groups_holder .option_group.highlight_ultra .option_item.active {
background-color:rgba(255,255,255,0.15);
border-color:rgba(255,255,255,0.3);
}

.frontend .option_groups_holder .option_group.highlight_ultra .option_item:hover {
background-color:rgba(255,255,255,0.15);
}

.frontend .option_group.highlight_ultra .option_item:not(.disabled_opt):hover .option_checkbox, 
.frontend .option_group.highlight_ultra .option_item:not(.disabled_opt):hover .option_radio {
border-color:rgba(255,255,255,0.3);
}

.frontend .option_group.highlight_ultra .option_item .option_price {
color:#fff;
}


@media (max-width:767px)
{
	.frontend .option_groups_holder .option_group {
		padding-left:15px;
		padding-right:15px;
	}
	.frontend .option_item,
	.frontend .option_item h4 {
		font-size:17px;
	}

	.productview .price_tag .our_price {
		font-size:150%;
	}
}