@charset "utf-8";

/* CSS Document */

#del_pickup{cursor:pointer; cursor: pointer; padding: 5px 10px; background: #f00; color: #ffffff; font-size: 18px;}

#btn_pickup_add_another{padding: 5px 10px; color: #ffffff; background: #027c05; font-size: 14px;}

#del_delivery{cursor:pointer;}

table {font-size: 1em;}

.ui-draggable, .ui-droppable {background-position: top;}

.closings_by_day{width:21%;}

.closings_by_day span{padding-right: 20px;width: 20%;}

.closings_by_day input[type=radio]{width: 5%;float: right;}

.calendar_opentext{font-size:10px; margin-left:10px;}

#byconsolewooodt_as_early_as_possible_and_exact_time_text_lable_enable{float: left;width: 10px;}

#byconsolewooodt_checkout_page_next_prev_button_manage{float: left;width: 10px;}

#byconsolewooodt_checkout_page_loading_image_manage{float: left;width: 10px;}

#ui-datepicker-div{z-index:9999999 !important;}

.pro_only{ background-color:#ddd !important;}

/************ Element Css ************/

@keyframes click-wave {

0% {

height: 40px;

width: 40px;

opacity: 0.35;

position: relative;

}

100% {

height: 200px;

width: 200px;

margin-left: -80px;

margin-top: -80px;

opacity: 0;

}

}

.byconsolewooodt_admin_element_field {

-webkit-appearance: none !important;

-moz-appearance: none !important;

-ms-appearance: none !important;

-o-appearance: none !important;

appearance: none !important;

position: relative !important;

top: 13.33333px !important;

right: 0 !important;

bottom: 0 !important;

left: 0 !important;

height: 25px !important;

width: 25px !important;

transition: all 0.15s ease-out 0s !important;

background: #ffffff !important;

border: 1px solid #ffa500 !important;

color: #fff !important;

cursor: pointer !important;

display: inline-block !important;

margin-right: 0.5rem !important;

outline: none !important;

position: relative !important;

z-index: 1000 !important;

vertical-align:bottom !important;

font-size:18px !important;

text-align: left !important;  

margin-left:10px !important;

}

.byconsolewooodt_admin_element_field:hover {

background: #9faab7 !important;

}

.byconsolewooodt_admin_element_field:checked {

background: #ffa500 !important;

}

.byconsolewooodt_admin_element_field:checked::before {

height: 25px !important;

width: 25px !important;

position: absolute !important;

content: '✔' !important;

display: inline-block !important;

font-size: 26.66667px !important;

text-align: center !important;

line-height: 18px !important;

text-indent:0 !important;

border-radius:0px !important;

font-size:18px !important;

background-color:transparent !important;

margin:0px !important;

color:#000 !important;

}

.byconsolewooodt_admin_element_field:checked::after {

-webkit-animation: click-wave 0.65s !important;

-moz-animation: click-wave 0.65s !important;

animation: click-wave 0.65s !important;

background: #ffa500 !important;

content: '';

display: block !important;

position: relative !important;

z-index: 100 !important;

}

.byconsolewooodt_admin_element_field.radio {

border-radius: 50% !important;

}

.byconsolewooodt_admin_element_field.radio::after {

border-radius: 50% !important;

}

.bycwooodt_admin_fields_design{box-sizing: border-box !important;

-webkit-box-sizing: border-box !important;

-moz-box-sizing: border-box!important;

border: 1px solid #ffa500 !important;

box-shadow: 1px 1px 4px #ffa500 !important;

-moz-box-shadow: 1px 1px 4px #EBEBEB !important;

-webkit-box-shadow: 1px 1px 1px #fd641c !important;

border-radius: 3px !important;

-webkit-border-radius: 3px !important;

-moz-border-radius: 3px !important;

padding: 7px !important;

outline: none !important;

width: 20% !important;

min-height: 40px;}	

.bycwooodt_admin_language_fields_design	{box-sizing: border-box !important;

-webkit-box-sizing: border-box !important;

-moz-box-sizing: border-box!important;

border: 1px solid #ffa500 !important;

box-shadow: 1px 1px 4px #ffa500 !important;

-moz-box-shadow: 1px 1px 4px #EBEBEB !important;

-webkit-box-shadow: 1px 1px 1px #fd641c !important;

border-radius: 3px !important;

-webkit-border-radius: 3px !important;

-moz-border-radius: 3px !important;

padding: 7px !important;

outline: none !important;

width: 50% !important;

min-height: 40px;}

label[for=display_time_formate_as] input[type="radio"]{margin-top:10px !important;float:left;}		

label[for=display_date_formate] input[type="radio"]{margin-top:-14px !important;float:left;}

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

@font-face{

font-family:open-sans;

src:url(../fonts/OpenSans-Regular.woff);

}

.clr{

clear:both;

}

.byc_banner_sec{

width:100%;

height:90px;

display:block !important;

}

.byc_banner_left{

width:20%;

float:left;

padding:10px 0;

height:90px;

box-sizing:border-box;

}

.byc_banner_left img{

width:46%;

margin:0 27%;

}

.byc_banner_right{

width:80%;

float:left;

background:#ffa500;

clip-path: polygon(10% 0%, 100% 1%, 100% 100%, 10% 100%, 0% 50%);

height:90px;

}

.byc_banner_sticker_area{

width:25%;

float:left;

}

.byc_banner_sticker{

clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);

width:70px;

height:70px;

background:#005e20;

color:#fff;

font-size:14px;

text-align:center;

vertical-align:middle;

margin-left:58%;

margin-top:10px;

padding:16px 0;

box-sizing:border-box;

}

.byc_banner_txt_area{

width:25%;

float:left;

font-size:18px;

text-align:center;

color:#333333;

margin-top:10px;

}

.byc_banner_couponcode_area{

width:25%;

float:left;

font-size:18px;

text-align:center;

color:#333333;

margin-top:10px;

}

.byc_banner_txt_area span{

color:#005e20;

}

.byc_banner_couponcode_area span{

color:#005e20;

}

.byc_banner_btn_area{

width:20%;

float:left;

}

.byc_banner_btn_area button{

background:#005e20;

color:#fff;

text-transform:uppercase;

font-size:12px;

width:50%;

margin:27px 32%;

line-height:34px;

border:0;

}

.byc_banner_btn_area button a{color:#fff;}

@media screen and (min-width: 768px) and (max-width: 991px)

{

.byc_banner_sec{ height:80px;display:block !important;}

.byc_banner_left{ height:80px; width:25%; padding:8px 0;}

.byc_banner_right{ height:80px; width:75%;}

.byc_banner_sticker{ width:60px; height:60px; font-size:11px; margin-left:45%; margin-top:10px; padding:13px 0;}

.byc_banner_txt_area{ font-size:13px; margin-top:12px; line-height:18px;}

.byc_banner_couponcode_area{ font-size:13px; margin-top:12px; line-height:18px;}

.byc_banner_btn_area button{ font-size:10px; width:50%; margin:25px 25%; line-height:27px;}

.byc_banner_left img{ width:50%; margin:0 25%; padding:2px 0; box-sizing:border-box;}

}

@media screen and (min-width: 576px) and (max-width: 767px)

{

.byc_banner_sec{ height:70px;display:block !important;}

.byc_banner_left{ height:70px; width:17%;}

.byc_banner_right{ height:70px; width:83%;}

.byc_banner_sticker{ width:50px; height:50px; font-size:10px; margin-left:45%; margin-top:10px; padding:10px 0;}

.byc_banner_txt_area{ font-size:12px; margin-top:12px; line-height:15px;}

.byc_banner_couponcode_area{ font-size:12px; margin-top:12px; line-height:15px;}

.byc_banner_btn_area button{ font-size:9px; width:60%; margin:21px 20%; line-height:26px;}

.byc_banner_left img{ width:76%; margin:0 12%; padding:2px 0; box-sizing:border-box;}

}

@media screen and (min-width: 768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)

{

.byc_banner_sec{ height:80px;display:block !important;}

.byc_banner_left{ height:80px; width:25%; padding:8px 0;}

.byc_banner_right{ height:80px; width:75%;}

.byc_banner_sticker{ width:60px; height:60px; font-size:11px; margin-left:45%; margin-top:10px; padding:13px 0;}

.byc_banner_txt_area{ font-size:13px; margin-top:12px; line-height:18px;}

.byc_banner_couponcode_area{ font-size:13px; margin-top:12px; line-height:18px;}

.byc_banner_btn_area button{ font-size:10px; width:50%; margin:25px 25%; line-height:27px;}

.byc_banner_left img{ width:50%; margin:0 25%; padding:2px 0; box-sizing:border-box;}

}

@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)

{

.byc_banner_sec{ height:90px;display:block !important;}

.byc_banner_left{ height:90px; width:25%; padding:2px 0;}

.byc_banner_right{ height:90px; width:75%;}

.byc_banner_sticker{ width:70px; height:70px; font-size:12px; margin-left:50%; margin-top:10px; padding:17px 0;}

.byc_banner_txt_area{ font-size:14px; margin-top:15px; line-height:20px;}

.byc_banner_couponcode_area{ font-size:14px; margin-top:15px; line-height:20px;}

.byc_banner_btn_area button{ font-size:12px; width:50%; margin:26px 25%; line-height:35px;}

.byc_banner_left img{ width:36%; margin:0 32%; padding:6px 0; box-sizing:border-box;}

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape)

{

.byc_banner_sec{ height:90px;display:block !important;}

.byc_banner_left{ height:90px; width:25%; padding:2px 0;}

.byc_banner_right{ height:90px; width:75%;}

.byc_banner_sticker{ width:70px; height:70px; font-size:12px; margin-left:50%; margin-top:10px; padding:17px 0;}

.byc_banner_txt_area{ font-size:14px; margin-top:15px; line-height:20px;}

.byc_banner_couponcode_area{ font-size:14px; margin-top:15px; line-height:20px;}

.byc_banner_btn_area button{ font-size:12px; width:50%; margin:26px 25%; line-height:35px;}

.byc_banner_left img{ width:50%; margin:0 25%; padding:2px 0; box-sizing:border-box;}

}

@media screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape)

{

.byc_banner_sec{ height:80px;display:block !important;}

.byc_banner_left{ height:80px; width:25%; padding:8px 0;}

.byc_banner_right{ height:80px; width:75%;}

.byc_banner_sticker{ width:60px; height:60px; font-size:11px; margin-left:45%; margin-top:10px; padding:13px 0;}

.byc_banner_txt_area{ font-size:13px; margin-top:12px; line-height:18px;}

.byc_banner_couponcode_area{ font-size:13px; margin-top:12px; line-height:18px;}

.byc_banner_btn_area button{ font-size:10px; width:50%; margin:25px 25%; line-height:27px;}

.byc_banner_left img{ width:50%; margin:0 25%; padding:2px 0; box-sizing:border-box;}

}

@media screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape)

{

.byc_banner_sec{ height:70px;display:block !important;}

.byc_banner_left{ height:70px; width:25%; padding:8px 0;}

.byc_banner_right{ height:70px; width:75%;}

.byc_banner_sticker{ width:50px; height:50px; font-size:9px; margin-left:45%; margin-top:10px; padding:11px 0;}

.byc_banner_txt_area{ font-size:12px; margin-top:10px; line-height:16px;}

.byc_banner_couponcode_area{ font-size:12px; margin-top:10px; line-height:16px;}

.byc_banner_btn_area button{ font-size:8px; width:50%; margin:23px 22%; line-height:22px;}

.byc_banner_left img{ width:46%; margin:0 28%; padding:2px 0; box-sizing:border-box;}

}

@media screen and (min-device-width: 360px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape)

{

.byc_banner_sec{ height:60px;display:block !important;}

.byc_banner_left{ height:60px; width:25%; padding:4px 0;}

.byc_banner_right{ height:60px; width:75%;}

.byc_banner_sticker{ width:50px; height:50px; font-size:9px; margin-left:45%; margin-top:5px; padding:11px 0;}

.byc_banner_txt_area{ font-size:12px; margin-top:6px; line-height:15px;}

.byc_banner_couponcode_area{ font-size:12px; margin-top:6px; line-height:15px;}

.byc_banner_btn_area button{ font-size:8px; width:56%; margin:18px 22%; line-height:22px;}

.byc_banner_left img{ width:50%; margin:0 25%; padding:2px 0; box-sizing:border-box;}

}

@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)

{

.byc_banner_sec{ height:50px;display:block !important;}

.byc_banner_left{ height:50px; width:17%;}

.byc_banner_right{ height:50px; width:83%;}

.byc_banner_sticker{ width:40px; height:40px; font-size:8px; margin-left:40%; margin-top:5px; padding:8px 0;}

.byc_banner_txt_area{ font-size:10px; margin-top:6px; line-height:13px;}

.byc_banner_couponcode_area{ font-size:10px; margin-top:6px; line-height:13px;}

.byc_banner_btn_area button{ font-size:6px; width:70%; margin:13px 15%; line-height:20px;}

.byc_banner_left img{ width:76%; margin:0 12%; padding:2px 0; box-sizing:border-box;}

}

/******** Tab setting ***********/

/**

* Article Container

*/

.article-container {

/*padding: 1rem;*/

}

.byc_heading_container .entry-content h1{width: 50%;float: left;text-align: left;}

.byc_heading_container .entry-content h1 span{background-color: #ffa500;padding: 10px;}

.byc_heading_container .entry-content p{width: 19%;float: right;padding: 0px;margin: 0px;}

.byc_heading_container .entry-content p a{background-color: #ffa500;padding: 10px;color: #000;font-size: 18px;text-decoration: none;float: right;}

.byc_heading_container .entry-content p a:hover{text-decoration:underline;}

.bycwooodt_diffence_free_pro_content {

position: absolute;

top: 42%;

left: 49%;

transform: translate(-50%, -50%);

width: 99%;

height: auto;

text-align: center;

background-color: #fff;

box-sizing: border-box;

padding: 1px;

z-index: 100;

display: none;

border: 2px solid #ffa500;

/*to hide popup initially*/

}

.close-btn {

position: absolute;

right: 10px;

top: 10px;

background-color: red;

color: #000;

padding: 4px;

width: 20px;

font-weight: bold;

font-size: 18px;

text-align: center;

cursor:pointer;

}

.byconsole_difference_between_free_pro_button{

width: 30%;

float: left;

padding: 12px;

margin-top: 5px;

border-radius: 0px;

border: 1px solid blue;

background-color: #fff;

color: #000;

font-size: 16px;

cursor: pointer;

}

.byconsole_difference_between_free_pro_button:hover{background-color:#ffa500; color:#fff;border: 1px solid #ffa500;}

/**

* Article Block

*/

.article-block {

text-align: center;

}

.article-block .entry-content > p {

color: #666;

}

/**

* Tabs Container

*/

.tabs-container {

/*padding: 2rem;*/

}

.tabs-wrapper{border-top: 1px solid #ffa500;

border-right: 5px solid #ffa500;

border-bottom: 1px solid #ffa500;

clear: both;}

/**

* Tabs Block

*/

.tabs-block {

align-items: center;

justify-content: center;

}

/**

* Tabs

*/

.tabs {

display: flex;

}

.tabs > ul {

list-style-type: none;

margin: 0;

padding: 0;

width: 15%;

}

.tabs > ul li {

display: block;

margin-bottom: 2px;

padding:0px 0px;

}

.tabs > ul li:last-child {

margin-bottom: 0px;

}

.tabs > ul li:not(:last-child) {

border-bottom: 1px solid #ffa500;

}

.tabs > ul li a,

.tabs > ul li a:visited {

display: flex;

border-bottom: none;

text-decoration: none;

background-color: #ffa500;

color: #000;

padding: 1rem 0rem;

transition: all 0.2s ease-in-out;

word-wrap: break-word;

}

.tabs > ul li a:hover,

.tabs > ul li a:focus,

.tabs > ul li a:active {

border-bottom: none;

outline: 0;

}

.tabs > ul li a.active {

background-color: #fff;

color: #000;

}

.tabs > ul li a:hover:not(.active) {

color: #fff;

}

.tabs > ul li a > span {

width: 100%;

display: flex;

align-items: center;

justify-content: center;

text-align: center;

}

.tabs > ul li a > span.tab-label {

display: none;

}

.tabs section {

width: 85%;

background-color: #fff;

padding: 1rem;

display: none;

word-wrap: break-word;

}

.tabs section > * {

opacity: 0;

transform: translateY(20px);

transition: opacity 0.2s, transform 0.2s;

}

.tabs section > *:nth-child(1) {

transition-delay: 0.2s;

}

.tabs section > *:nth-child(2) {

transition-delay: 0.3s;

}

.tabs section > *:nth-child(3) {

transition-delay: 0.4s;

}

.tabs section > *:nth-child(4) {

transition-delay: 0.5s;

}

.tabs section > *:nth-child(5) {

transition-delay: 0.6s;

}

.tabs section > *:nth-child(6) {

transition-delay: 0.7s;

}

.tabs section > *:nth-child(7) {

transition-delay: 0.8s;

}

.tabs section > *:nth-child(8) {

transition-delay: 0.9s;

}

.tabs section > *:nth-child(9) {

transition-delay: 1s;

}

.tabs section > *:nth-child(10) {

transition-delay: 1.1s;

}

.tabs section > *:nth-child(11) {

transition-delay: 1.2s;

}

.tabs section > *:nth-child(12) {

transition-delay: 1.3s;

}

.tabs section > *:nth-child(13) {

transition-delay: 1.4s;

}

.tabs section > *:nth-child(14) {

transition-delay: 1.5s;

}

.tabs section > *:nth-child(15) {

transition-delay: 1.6s;

}

.tabs section > *:nth-child(16) {

transition-delay: 1.7s;

}

.tabs section > *:nth-child(17) {

transition-delay: 1.8s;

}

.tabs section > *:nth-child(18) {

transition-delay: 1.9s;

}

.tabs section > *:nth-child(19) {

transition-delay: 2s;

}

.tabs section > *:nth-child(20) {

transition-delay: 2.1s;

}

.tabs section.active {

display: block;

}

.tabs section.active-content > * {

opacity: 1;

transform: translateY(0);

}

@media (min-width: 576px) {

.tabs > ul {

width: 150px;

}

.tabs > ul li a {

flex-wrap: wrap;

}

.tabs > ul li a > span {

width: 100%;

}

.tabs > ul li a > span.tab-label {

width: 100%;

display: block;

margin-top: 0.2rem;

padding: 0px 5px;

}

.tabs section {

width: calc(100% - 150px);

padding: 1rem;

}

}

@media (min-width: 768px) {

.tabs-container {

/*padding: 4rem 4rem;*/

}

}

@media (min-width: 992px) {

.tabs {

width: 100%;

}

}

/***** Form style ************/

.byconsolewooodt_single_order_tooltips

{

border: 1px solid #000;

position:absolute;

color: #000;

top: 19px;

left: 30px;

padding:5px;

background-color: #ffa500;

z-index:9999999;

width:200px;

}

.bycwooodt_admin_form_loader_display_image{float: left;margin-top: -17px;margin-left: 10px; display:none;}

.bycwooodt_admin_form_update_succesfully_done_image{margin-left:10px; float: left; display:none;}

#bycwooodt_event_order_id{cursor:pointer;}

.form-style-2{

max-width: 99%;

color:#000;

/*padding: 20px 12px 10px 20px;*/

/*font: 13px Arial, Helvetica, sans-serif;*/

}

.form-style-2-heading{

font-weight: bold;

/*font-style: italic;*/

border-bottom: 2px solid #ddd;

margin-bottom: 20px;

font-size: 15px;

padding-bottom: 3px;

}

.form-style-2 label{

display: block;

margin: 0% 0% 4% 0%;

}

.form-style-2 label > span{

width: 46%;

/*font-weight: bold;*/

float: left;

padding-top: 2px;

padding-right: 20px;

text-align: right;

font-size:18px;

}

.form-style-2 span.required{

color:red;

}

.form-style-2 .tel-number-field{

width: 40px;

text-align: center;

}

/*.form-style-2 input[type=text]{width: 48%;} 

.form-style-2 .select-field{width: 48%;	}*/

/*.form-style-2 input[type="radio"]{width:0% !important;}

.form-style-2 input[type="checkbox"]{width:0% !important;}

.byconsolewooodt_odt_setting input[type="time"]{width:15% !important;}*/

.form-style-2 input.input-field, 

.form-style-2 .tel-number-field, 

.form-style-2 .textarea-field, 

.form-style-2 .select-field{

box-sizing: border-box;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

border: 1px solid #C2C2C2;

box-shadow: 1px 1px 4px #EBEBEB;

-moz-box-shadow: 1px 1px 4px #EBEBEB;

-webkit-box-shadow: 1px 1px 4px #EBEBEB;

border-radius: 3px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

padding: 7px;

outline: none;

}

.form-style-2 .input-field:focus, 

.form-style-2 .tel-number-field:focus, 

.form-style-2 .textarea-field:focus,  

.form-style-2 .select-field:focus{

border: 1px solid #0C0;

}

.form-style-2 .textarea-field{

height:100px;

width: 55%;

}

.form-style-2 input[type=submit],

.form-style-2 input[type=button]{

border: none;

padding: 8px 15px 8px 15px;

background: #FF8500;

color: #fff;

box-shadow: 1px 1px 4px #DADADA;

-moz-box-shadow: 1px 1px 4px #DADADA;

-webkit-box-shadow: 1px 1px 4px #DADADA;

border-radius: 3px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

cursor: pointer;

float:left;

}

.form-style-2 input[type=submit]:hover,

.form-style-2 input[type=button]:hover{

background: #EA7B00;

color: #fff;

}

/****** Form style end ***********/

/**** Tool tips style ****/

.tooltip {

position: relative;

display: inline-block;

border-bottom: 1px dotted black;

margin-left:15px;

}

.tooltip .material-icons{font-size:16px; color:#686868;}

.tooltip .tooltiptext {

visibility: hidden;

width: 300px;

background-color: black;

color: #fff;

text-align: center;

border-radius: 6px;

padding: 5px;

font-size: 14px;

/* Position the tooltip */

position: absolute;

z-index: 1;

}

.tooltip:hover .tooltiptext {

visibility: visible;

}

/**** Tool tips style end*****/

/* fallback */

@font-face {

font-family: 'Material Icons';

font-style: normal;

font-weight: 400;

src: url(https://fonts.gstatic.com/s/materialicons/v126/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');

}

.material-icons {

font-family: 'Material Icons';

font-weight: normal;

font-style: normal;

font-size: 24px;

line-height: 1;

letter-spacing: normal;

text-transform: none;

display: inline-block;

white-space: nowrap;

word-wrap: normal;

direction: ltr;

-moz-font-feature-settings: 'liga';

-moz-osx-font-smoothing: grayscale;

}

.byconsolewooodt_language_translator{width:50%;}