html,body{
font-family: "Nunito","Roboto","sans-serif";
font-weight: 300;
margin:0;
padding:0;
height:100%;
font-size:13px;
background:#f6f7f8 !important;
}

::-webkit-scrollbar-track {
  background-color: #F4F4F4;
}
::-webkit-scrollbar {
  width: 6px;
  background: #F4F4F4;
}
::-webkit-scrollbar-thumb {
  background: #f75d34;
  border-radius: 6px;
}

ul,li{
margin:0;
padding:0;
}

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

.login_wrap{
display:block;
margin:auto;
padding-top:7%;
}

.login_wrap .uk-panel{
margin:auto;
}

.login_logo{
height:80px;
width:200px;
margin:auto;
background:url("../images/store-logo_orange.png") no-repeat;
}

.fundo_login{
height: 100%;
width: 50%;
position: absolute;
background:url("../images/register.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.lojas_bottom{
    /* position: absolute; */
    margin-top: 18px;
    left: 40px;
    bottom: 40px;
    max-width: 120px;
}

/*.help-block.form-error{
bottom: -20px;
right:0;
position: absolute;
z-index:100;
border:1px solid #D85030;
padding:5px 8px;
background:#FFF1F0;
font-size:12px;
}*/

.help-block.form-error{
bottom: -25px;
right:20%;
position: absolute;
z-index:100;
border:1px solid #D85030;
padding:5px 8px;
background:#D85030;
font-size:12px;
color:#fff;
}

.help-block.form-error:after{ 
bottom: 100%; 
left: 50%; border: solid transparent;
content: " "; 
height: 0;
width: 0; 
position: absolute; 
pointer-events: none; 
border-color: rgba(71, 77, 93, 0); 
border-bottom-color: #D85030; border-width: 9px; margin-left: -9px; 
}

.uk-form-row{
position:relative !important;
}

.header_wrap{
background:#FFFFFF;
border-bottom:1px solid #EEEEEE;
height:52px;
}

.header_wrap .left, .main_wrapper .left_panel{
width:250px;
/* border-right:1px solid #EEEEEE; */
}

.header_wrap h1{
margin:0;
padding:0;
text-align:center;
color:#1D2939;
line-height:52px;
}


.header_wrap .right{
padding-top:10px;
padding-right:20px;
padding-left:20px;
border-left:0px solid #EEEEEE;
height:52px;
}

.main_wrapper{
position:relative;
height:100%;
}

.main_wrapper .left_panel{
/* min-height:1200px;  */ 
background:#f6f7f8;
position: relative;
z-index:2;
min-width: 220px !important;
max-height: 90vh;
overflow: auto;
}

.main_content{
width:100%;
position:absolute;
z-index:1;
}

.main_content .inner{
padding-left:250px;
}

.breadcrumbs{
width:100%;
background:#F7F7F7;
border-bottom:1px solid #D3D7DB;
padding-top:10px;
padding-bottom:10px;
position:relative;
}

.breadcrumbs .inner{
padding-left:20px;
}

.breadcrumbs .inner h2{
margin:0;
padding:0;
line-height:normal;
}

.content{
margin:20px;
}

.content_wrap{
margin:20px;
background:#FFFFFF;
padding:10px 15px;
position: relative;
box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
border: none;
border-radius: 5px;
}

.menu{
width:220px;
margin:auto;
display:block;
margin-top:10px;
}

.menu ul{
margin:0;
padding:0;
}

.menu li{
margin:0;
padding-bottom:10px;
list-style:none;
}

.menu ul li.active{
/*background:#8CC14C;   */
color:#f75d43 !important;
font-weight: 600;
}

.menu ul li.active a{
color:#f75d43 !important;
font-weight: 600;
}


.menu ul li.active a:hover{
/*background:#8CC14C; */
}

.menu a, .menu li span{
/*color:#8F939E;*/
color:#333;
padding:5px 8px;
display:inline;
font-size: 14px;
}

.menu a:hover{
text-decoration:none;
font-weight: 600;
}

.menu i{
  width: 30px;
  color: #f75d34;
  font-size: 17px;
}

.preloader{
display:block;
position:fixed;
z-index:100;
top:0;
right:0;
height:64px;
width:64px;
border:1px solid #EEEEEE;
background:url("../images/Preloader_2.gif") no-repeat;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"]{
height:25px !important;
}

.spacer{
height:20px;
}

#tab-content{
padding-top:18px;
}

#table_list_length, #table_list_info,
.dataTables_length
{
float:left;
margin-top:10px;
}

#table_list_filter, #table_list_paginate,
.dataTables_filter, .dataTables_paginate
{
float:right;
margin-top:10px;
}

#table_list_paginate a, .dataTables_paginate a{
margin-right:10px;
}

.paginate_disabled_previous, .paginate_disabled_next{
display:none;
}

.qq-upload-list{
display:none;
}

#table_list .uk-thumbnail{
max-height: 80px;
width: 80px;
}

.multi_option_value{
display:none;
}

.multi_option_value.visible{
display:block;
}

.addnewprice, .removeprice{
color:#8CC14C;
font-size:25px;
text-align:right;
display:block;
margin-right:20px;
}

.header_wrap  h4{
margin-top:5px;
}

#google_map_wrap{
border:1px solid #E4E7EA;
width:100%;
height:300px;
margin-top:10px;
}

.report a{
margin-right:8px;
margin-bottom: 5px;
}

.view-receipt-pop{
width:400px;
padding:10px;	
}

.receipt-main-wrap{
width:410px;
margin:auto;
}

.receipt-wrap.order-list-wrap{
/* width:380px; */
padding:15px 10px;
border-radius: 6px;
}

.input-block .label{
width:50%;
float:left;
}

.input-block .value{
width:50%;
float:right;
text-align:right;
/*text-transform:capitalize;*/
}

.order-list-wrap{
border:1px solid #E4E7EA;
/*border-top:3px solid #3399FF;*/
min-height:100px;
background:#FFFFFF;
padding-bottom:10px;
padding-left:5px;
padding-right:10px;
}

.item-order-list{
padding-bottom:5px;
padding-top:5px;
border-bottom:1px solid #E4E7EA;
}

.item-row .a,
.item-row .b,
.item-row .c,
.item-row .d,
.summary-wrap .a
{
float:left;
}

.item-row .manage, .summary-wrap .manage{
float:right;
}


.item-row .a{
width:25px;
text-indent:5px;
}

.item-row .c{
margin-right:4px;
}

.item-row .d, .summary-wrap .b{
width:80px;
text-align:right;
}

.item-row .b{
margin-right:5px;
width:170px;
word-break: normal;
}

.item-row a{
font-size:18px;
margin-right:5px;
color:#9A9A93;
}

.summary-wrap .a{
text-align: right;
width: 210px;
}

.action-wrap{
padding:10px;
}

#ui-datepicker-div, .mt-frm, .mt-frm-activation{
display:none ;
}

#total_sales_chart,
#total_sales_chart_time,
#total_sales_chart_by_item,
#total_sales_chart_by_area,
#totalsales_chart_annual{
width:100%; height:250px;
}

.chart{
margin-bottom:30px;
border-bottom:1px solid #ccc;
}

.admin-settings-page .uk-thumbnail-small{
max-height:56px;
width:334px;
}

.merchant-status:hover{
color:#fff;
}

.summernote{
min-height:200px;
}

.assignpage-form li{
cursor:move;
}

.login_wrap h3{
text-transform:capitalize;
font-size: 1.5rem !important;  
}

#frm_table_list caption{
display:none;
}

#notice-merchant-stats{
position:absolute;
top:0;
left: 30%;
}

.twillio-logo, .clickatel-logo{
background:url("../images/twilio.png") no-repeat;
background-size:contain;
height: 80px;
width: 350px;
margin-bottom:10px;
}

.clickatel-logo{
background:url("../images/clickatel-logo.png") no-repeat;
background-size:100% 100%;
margin-top:10px;
}

.nexmo-logo{
background:url("../images/nexmo_logo.png") center center no-repeat #128EC3 ;
background-size:contain;
height: 80px;
width: 350px;
margin-bottom:10px;
margin-top:20px;
}


.language-wrapper{
position: absolute !important;
right: 20px;
top: 8px;
}

.sms-package-wrap li{
border:1px solid #ccc;
float:left;
list-style:none;
margin-right:8px;
padding:8px;
/*text-transform:capitalize;*/
text-align:center;
min-height:300px;
}

.sms-package-wrap .uk-panel{
min-height:250px;
}

.sms-package-wrap h3{
text-transform:uppercase;
}

.sms-package-wrap{
text-align:center;
}

.promo{
text-decoration:line-through;
color:#FF0000;
}
.sms_credit_wrap,
.fax_credit_wrap
{
display:inline-block;
padding-right: 10px;
}

.user-access-list i{
display:none;
padding-left:10px;
}
.user-access-list li{
list-style:none;
padding:2px;
}
.user-access-list li input{
margin-right:10px;
}

#table_list .options{
display:none;
}

#admin_header_codes{
height:300px;
}

.big-textarea{
height:250px !important;
}

.uk-form-row ul li{
list-style:none;
margin-bottom:10px;
}
.uk-form-row ul span{
padding-left:8px;
}

.uk-form-row label, .uk-form-row h3, .content_wrap h4{
/*text-transform:capitalize;*/
}

.header_wrap a{
}

#merchant .right .uk-h3{
font-size:12px;
}


#gallery-preview{
padding-top:10px;
padding-bottom:10px;
}

#gallery-preview li{
list-style:none;
display:inline-table;
padding-right:10px;
}

.add_new_holiday,
.extra_charge_add_new_row,
.remove_charge_row
{
font-size:30px;
color:#000;
display:block;
margin-left:200px;
margin-top:5px;
}

.extra_charge_add_new_row,
.remove_charge_row
{
display:inline;
margin-left: 10px;
vertical-align: middle;
}

.more_charge_row{
padding-top:10px;
padding-bottom:10px;
}


.holiday_row{
margin-left:200px;
margin-top:5px;
}
.holiday_row a{
display:inline;
font-size:30px;
color:#000;
margin-left:5px;
}

.small_date{
width:100px;
}

.payment-provider-list img{
margin-left: 5px;
margin-right: 15px;
max-height: 40px;
max-width: 80px;
}

.payment-provider-list span{
padding-left:5px;
}
.csv-processing-wrap .indent{
margin:0;
padding:0;
margin-left:30px;
}
.csv-processing-wrap .non-indent{
margin:0;
}
.new-order-link a{
color:#FFFFFF;
}
.new-order-link a:hover{
color:#fff;
text-decoration:underline;
}

.header_wrap .left.small{
width:190px;
}

.header_wrap .right h3{
font-size:12px;
padding:0 8px;
}

.earnings-wrap ul{
display:table;
margin:auto;
}

.earnings-wrap ul li{
display:table-cell;
}

.earnings-wrap ul li .rounded-box{
margin:5px;
padding:8px 9px;
min-width:210px;
text-align:center;
background:#333333;
color:#fff;
min-height:120px;
}

.earnings-wrap ul li .rounded-box h3{
color:#fff;
font-size:20px;
font-weight:bold;
}

.earnings-wrap ul li .rounded-box a, .white-link{
color:#fff;
}

.rounded{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;
}


.ingredients-label{
font-weight:400;
color:#659F13;
margin-top:5px!important;
font-style:normal !important;
}

.currentController_merchant p.uk-text-small{
margin:0;
padding:0;
}

.box-line-bottom{
border-bottom:1px solid #ccc;
}

.box-line-bottom h3, .box-line-bottom p{
margin:0;
padding:0;
}

.withdrawal-info{
margin-top:20px;
}

.withdrawals-ul li{
float:left;
margin-right:20px;
list-style:none;
}

.box-grey{
min-width:300px;
border:1px solid #ccc;
text-align:center;
}

.box-grey.payment{
min-height:150px;
}

.withdrawals-ul li{
cursor:pointer;
}

.box-grey h4{
background:#444444;
color:#fff;
padding:8px;
}
.box-grey .inner{
padding:8px;
}

.withdrawals-ul li.active h4{
background:#00A8E6;
}

.paypal-account-wrap, .bank-info-wrap{
margin-top:15px;
display:none;
}

.withdrawal-info .help-block{
display:none !important;
}

.bank-info-wrap{
margin-left:30px;
}

.required{
color:red;
padding-left:5px;
}

.withdrawal-info{
display:none;
}
.payout_action, #table_list .withdrawal-status{
/*text-transform:capitalize;*/
}
.w-list{
margin-bottom:8px;
}


.receipt-wrap .spicydish-icon, .spicydish-icon
{
max-width: 20px;
display:block;
}


.receipt-wrap{
position:relative;
}
.close-receipt{
display: block;
padding: 5px;
position: absolute;
right: 10px;
top: 5px;
}

.cash_tr{
display:none;
}

.two_flavors_position{
display:none;
}


.limit-content{
text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3.6em;
  line-height: 1.8em;
}

.admin-access-list li{
list-style:none;
padding-bottom:3px;
padding-top:3px;
}
.admin-access-list li i{
display:none;
}
.admin-access-list li input,
.admin-access-list li .icheckbox_minimal
{
margin-right:10px;
}


.rc_logo{
display: block;
max-height: 70px;
max-width: 200px;
}

.uk-form-row ul.uk-tab li{
margin-bottom:0;
list-style:none;
}

.mytable{
display:table;
}

.mytable .col{
display:table-cell;
}
.mytable .col .spicydish-icon{
margin-right:5px;
}

.uk-notify{
z-index:99999 !important;
}

.foodgallery_preview li{
float:left;
}
.foodgallery_preview li img{
height: 70px;
width: 70px;
}
.foodgallery_preview:before{
content:'';
display:block;
clear: both;
}
.foodgallery_preview li a{
display: block;
font-size: 12px;
padding: 0 5px;
}

#logo-small{
height: auto;
max-width: 15%;
}

#logo-config{
height: auto;
width: 200px;
margin-left: auto;
margin-right: auto;
display: block;    
}

#food_thumb{
height: 193px;
max-width: auto;
}

#logo_header{
height: auto;
max-width: 60px;
border-radius: 50%;
}

.big-text-area{
height: 100px !important;
width: 50%;
}

.currentController_merchant .row,
.currentController_admin .row
{
width:100%;
display:table;
}
.currentController_merchant .row .col-md-6,
.currentController_admin .row .col-md-6
{
display:table-cell;
width:50%;
}
.text-right{
text-align:right;
}

.concat-text
{
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display:block;
}

#table_list .concat-text{
width:200px;
}

.price_with_tax{
margin-top: 5px;display: block
}


/* taxable cart  css*/

.new-cart-parent{
padding-top:10px;
}
.new-cart-parent p{
margin:0;
}

.row::after, .row::before{
content: " ";
display: table;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left;
}
.col-xs-1 {
width: 8.33333%;
}
.col-xs-5 {
    width: 41.6667%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-9 {
    width: 75%;
}
#new-cart .txt-indent{
text-indent:30%;
}
.print_wrap{
padding:5px 10px 10px; 
}


.receipt-main-wrap{
width:auto;
}

.receipt-wrap.order-list-wrap{
width:auto;
}

/* taxable cart  css*/


.email-provider-list{
display:table;
margin:0;
padding:0;
}
.email-provider-list li{
display:table-cell;
padding:8px;
}

.email-settings span{
padding-left:10px;
}

.tag{
display:inline-block;
padding:3px 5px;
background:#31708f;
color:#fff;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; 
-khtml-border-radius: 3px;
}

.tag.sent{
background:#3c763d;
}

.tag.pending,
.tag.Pendente,
.tag.suspended,
.tag.blocked,
.tag.expired,
.tag.unpaid,
.tag.no_paid,
.tag.waiting_payment,
.tag.draft
{
background:#da314b;
}

.tag.paid{
background:#ffbe00;
}

.tag.new{
background:#3c763d ;
}

.tag.denied,
.tag.cancelled,
.tag.Cancelado,
.tag.declined,
.tag.decline,
.tag.Recusado{
background: #ff00cc;
}

.tag.delivered,
.tag.successful,
.tag.Sucesso,
.tag.Entregue{
background:#0a6826;
}

.template-modal{
width:900px;
}
.template-modal.template-modal-small{
width:500px;
}
.template-modal .inner{
padding:10px;
padding-bottom:30px;
}
.template-modal-header{
border-bottom:1px solid #e5e5e5;
padding:15px;
}
.template-modal-header h4{
margin:0;
padding:0;
}
.box-rounded{
margin:auto;
padding:10px;
border:1px solid #ddd;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 
-khtml-border-radius: 4px;
}
.full-width{
width:100%;
margin-bottom:15px;
}
table.full-width td{
padding:5px;
vertical-align:top;
}
table.full-width input{
width:100%;
}
.template-modal textarea{
min-height:180px;
width:100%;
}
.template-modal .mytable{
width:100%;
}

.template-modal input:disabled,
.template-modal textarea:disabled
{
background:#ddd !important;
}

.email-template-table input[type="checkbox"]{
margin-top:2px !important;
}


/** PRELOADER **/
.main-preloader{
position:fixed;
top:0;
z-index:999999;
background:rgba(50, 50, 50, 0.85) none repeat scroll 0 0;
width:100%;
height:100%;
display:none;
}

.main-preloader .inner{
margin: 0;
padding: 0;
position: absolute;
top: 20%;
width: 100%;
}

.ploader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
border-top: 1.1em solid rgba(247,93,52, 0.2);
  border-right: 1.1em solid rgba(247,93,52, 0.2);
  border-bottom: 1.1em solid rgba(247,93,52, 0.2);
  border-left: 1.1em solid #f75d34;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.ploader,
.ploader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/**END preloader*/

.button-border
{
display:block;
border:1px solid #e0e0e0;
padding:10px 20px;
}
.button-border:hover{
text-decoration:none;
}
.state-list{
border-top:none;
}
.button-pad{
padding:5px;
display:block;
}
.state-list{
padding-left:25px;
}
.district-list{
padding-left:40px;
}
.state-ul,
.state-ul li.state-li
{
margin:0;
padding:0;
list-style:none;
}
.area-list{
margin:0;
padding:0;
}
.collapse-state-list{
font-size:18px;
color:#000;
}
.collapse-state,
.add_city1
{
color:#000;
margin-left:20px;
}

.location_table_rates .options{
display:none;
}
.location_table_rates a{
padding-left:10px;
}

#location_table_rates td{
padding-top:10px;
padding-bottom:10px;
}

.membership_type_1,
.membership_type_2
{
margin-top:15px;
display:none;
}
.review-comment{
display:block;
}

#uk_tab .chosen-container-multi,
.uk_tab .chosen-container-multi,
.uk_tab .chosen-container-single
{
width:500px !important;
}

#uk_tab li a{
border:1px solid #ddd;
border-radius:	4px 4px 0 0;
}

.review_cancel_pop_wrap{
width:300px;
padding:10px;
}
.review_cancel_pop_wrap .mytable{
width:100%;
}

.request_cancel_approved,
.request_cancel_decline
{
border: 1px solid #ccc;
display: table;   
padding: 20px;
text-align: center;
vertical-align: middle;
margin:auto;
}
.center{
text-align: center;
}

.website_logo_preview img{
margin-bottom:10px;
}


.image_multiple_preview{
 display: flex;
  flex-wrap: wrap;
  margin-top:10px;
}

.image_multiple_preview .col{
  flex-grow: 1;
  min-width: 25%;
  max-width:25%;
  border:1px solid #ccc;
}

.image_multiple_preview .col a{
display:block;
text-align:center;
}
.image_multiple_preview .col img{
display:block;
margin:auto;
max-width:40%;
}

#sked_table td{
vertical-align:middle;
}
p.indent{
margin-left:200px;
}

/*DELIVERY TABLE RATE*/
.table-shipping-rates tr:first-child i {
display:none;
}
/*DELIVERY TABLE RATE*/



/* MOYOSAR PAYMENT */
#forms_validate_card .format_as_card_number{
background:url("../images/credit-card-sprite.png"), url("../images/credit-card-sprite.png");
background-position:2px -121px, 295px -61px;
background-repeat:no-repeat;
background-repeat: no-repeat;
background-size: 120px 361px, 120px 361px;
padding-left: 54px;
}
#forms_validate_card .format_as_card_number.visa{
    background-position:2px -163px,295px -61px
}
#forms_validate_card .format_as_card_number.visa_electron{
    background-position:2px -205px,295px -61px
}
#forms_validate_card .format_as_card_number.mastercard{
    background-position:2px -247px,295px -61px
}
#forms_validate_card .format_as_card_number.maestro{
    background-position:2px -289px,295px -61px
}
#forms_validate_card .format_as_card_number.discover{
    background-position:2px -331px,295px -61px
}
#forms_validate_card .format_as_card_number.valid.visa{
    background-position:2px -163px,295px -87px
}
#forms_validate_card .format_as_card_number.valid.visa_electron{
    background-position:2px -205px,295px -87px
}
#forms_validate_card .format_as_card_number.valid.mastercard{
    background-position:2px -247px,295px -87px
}
#forms_validate_card .format_as_card_number.valid.maestro{
    background-position:2px -289px,295px -87px
}
#forms_validate_card .format_as_card_number.valid.discover{
    background-position:2px -331px,295px -87px
}
.test_map{
border:1px solid #999;
height:300px;
width:500px;
}

.convertion_rate_wrap{
margin-top:10px;
}
.convertion_rate_wrap h5{
font-weight: bold;
margin:10px 0;
}

/* PULSE  */
.pulse{
animation: shadow-pulse 1s infinite;
}
@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.2);
     }
     100% {
          box-shadow: 0 0 0 35px rgba(255, 0, 0, 0);
     }
}
/* END PULSE  */

.uk-list .chosen-container{
width:100% !important;
}

/* CORRIGIR BUG LAYOUT */
.left.main_content{
top:0;
}

input[type="file"]{
top:0 !important;
left:0 !important;
}

.painel_box_merchan_login{
    padding: 15px;
    background: #fafafa;
    color: #444;
    /* border: 1px solid #ddd; */
    border-radius: 4px;
    width: 600px;
}


.new_box_set{
border: 0;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);    
}

.h70{
height: 70px;
}

.floating_action {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    padding: 15px;
    padding-right: 15px;
    padding-left: 15px;
    position: fixed;
    width: 100%;
    z-index: 99;
    border-top: 1px solid #eaeaea;
}

.floating_whatsapp {
    background: #0dc152;
    border-radius: 100px;
    bottom: 10px;
    padding: 15px;
    position: fixed;
    width: 36px;
    z-index: 99;
    cursor: pointer;
    margin-left: 93%;
}

.uk-form-label-points{
width: 280px;
margin-top: 5px;
float: left;
}

.lh_2{
line-height: 2 !important;
}

.imagemdalista {
width: 80px;
height: 70px;
background: center no-repeat;
background-size: cover;
max-width: 100px;
border-radius: 10px;
margin-top: 7px;
align-items: center;
}

.md-fab-wrapper {
    position: fixed;
    bottom: 34px;
    left: 90%;
    z-index: 2000;
    -webkit-transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: margin 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.md-fab-wrapper input {
    background: #f75d34;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
        background-size: auto;
    box-sizing: border-box;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    color: transparent;
    display: block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    position: relative;
    text-align: center;
    cursor: pointer;
    background-image: url("../icons/material-design-icons/save_white_48dp.svg");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
}

.destaq{
background-color: #000;
color: #fff;
font-weight: bold;
padding:5px;
}      

.tema_topo{
    background: url(https://scoopdelivery.com.br/assets/images/tema-topo.png) center;
    width: 100%;
    height: 65px;
    display: block;
    position: absolute;
    z-index: 9;
    }

.btn_orange{
   background-color: #f75d34 !important;
  }
  
.uk-hiddenshow {
    display: block !important;
    visibility:visible !important;
  }

/* SWITCH */

.checkbox input {
  outline: none;
  width: 40px;
  height: 22px;
  border-radius: 50px;
  -webkit-appearance: none;
  position: relative;
  background: #f75d34;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  vertical-align: middle;
}
.checkbox input:checked {
  background: #f2f2f2;
}
.checkbox input:before {
  content: "";
  position: absolute;
  right: 2px;
  top: 2px;
  width: 18px;
  height: 18px;
  background: linear-gradient(#fff,#f2f2f2,#e6e6e6,#d9d9d9);
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
  border-radius: 50%;
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
input:checked:before {
  right: 20px;
}

/* Toggle Switch - switch-toggle */
.switch-toggle {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
  margin-left: 10px;
  vertical-align: middle;
}

.switch-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 24px;
}

.switch-toggle .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.switch-toggle input:checked + .slider {
  background-color: #f75d34;
}

.switch-toggle input:checked + .slider:before {
  transform: translateX(22px);
}

/* fim switch*/ 

.new_btn_view {
  display: unset !important;
  background-color: white !important;
  border: none !important;
  font-size: 20px !important;
}
 
.holiday_row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.holiday_row input[type="text"] {
  min-width: 100px;
}

button.remove_holiday {
  padding: 4px 10px;
  font-size: 14px;
}

.bandeiras-toggle-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 10px;
}

.bandeira-toggle {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  border: 2px solid #eaeaea;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.bandeira-toggle input[type="checkbox"] {
  display: none;
}

.bandeira-toggle .bandeira-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  padding: 10px;
}

.bandeira-toggle img {
  height: 40px;
  margin-bottom: 8px;
  object-fit: contain;
}

.bandeira-toggle span {
  font-size: 13px;
  font-weight: 500;
}

.bandeira-toggle input[type="checkbox"]:checked + .bandeira-content {
  background-color: #e5f7ea;
  border-color: #27ae60;
}

.bandeira-toggle input[type="checkbox"]:checked + .bandeira-content span {
  color: #2c3e50;
}

.bandeira-toggle .bandeira-content img {
  opacity: 0.2;
  transition: opacity 0.2s ease-in-out;
}

.bandeira-toggle input[type="checkbox"]:checked + .bandeira-content img {
  opacity: 1;
}

.review-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}
.review-card {
  background: #fff;
  border: 1px solid #eaeaea;
  border-left: 6px solid #f75d34;
  border-radius: 6px;
  padding: 15px;
  width: calc(33.333% - 13.5px);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.review-card h4 {
  margin: 0 0 5px;
  font-weight: bold;
  color: #333;
}
.review-stars {
  color: #ffce0f;
  margin-bottom: 5px;
  font-size: 22px;
}
.review-text {
  font-style: italic;
  margin-bottom: 10px;
  font-size: 14px;
  color: #444;
}
.review-footer {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #888;
  margin-top: 10px;
}

.faq-container {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    max-width: 900px;
    margin: auto;
    background: #fff;
    padding: 20px;
  }
  details {
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f75d34;
  }
  details summary {
    background-color: #ef6625;
    color: #fff;
    padding: 12px 16px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease;
    list-style: none;
  }
  details summary::before {
    content: '▶';
    display: inline-block;
    margin-right: 8px;
    transition: transform 0.3s ease;
  }
  details[open] summary::before {
    content: '▼';
  }
  details p {
    padding: 15px;
    background-color: #fff;
    color: #333;
    margin: 0;
    line-height: 1.6;
  }
  #topBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #f75d34;
    color: white;
    border: none;
    padding: 10px 16px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background 0.3s;
  }
  #topBtn:hover {
    background-color: #ef6625;
  }

  .dashboard-alert-top {
  position: relative;
  height: 0;
}

.dashboard-alert-top .alert-sponsor {
  position: absolute;
  top: -20px;
  right: 0px;
  z-index: 5;
  background-color: #fff3cd;
  border-left: 5px solid #ffc107;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 14px;
  color: #856404;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.dashboard-alert-top .alert-sponsor i {
  font-size: 16px;
}

.alert-global {
  background: #f9f9f9;
  border-left: 4px solid #3498db;
  padding: 15px;
  margin: 10px 0;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.alert-info { border-color: #3498db; }
.alert-warning { border-color: #f39c12; }
.alert-danger { border-color: #e74c3c; }
.alert-success { border-color: #2ecc71; }

.alert-img {
  max-height: 60px;
  float: left;
  margin-right: 10px;
}

.alert-fatura {
  /* background: #ffe2e2;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08); */
  border-left: 5px solid #e74c3c;
  padding: 12px 16px;  
  font-size: 14px;
  color: #7b1e1e;  
  display: inline-block;
  max-width: 100%;
  z-index: 5;
  top: -12px;
  position: absolute;
  left: 200px;
}

.alert-fatura i {
  margin-right: 8px;
  color: #e74c3c;
}

#chatInputContainer i {
  font-size: 18px;
  cursor: pointer;
}
#chatInputContainer button:hover i {
  opacity: 0.8;
}

.chatHeader {
  margin-bottom: 10px;
  font-weight: bold;
  text-align: end;
  font-size: 16px;
}

.uk-badge.chat-badge {
  background-color: #f75d34 !important;
  color: #fff !important;
  border-radius: 12px;
  font-size: 11px;
  padding: 2px 6px;
  min-width: 18px;
  text-align: center;
  font-weight: 600;
  line-height: 1;
}

.voucher_image_preview{
  max-width: 140px;
}

.client-name-wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* botão base */
.flag-btn {
  background: transparent;
  border: none;
  color: #6c757d; /* cinza neutro */
  cursor: pointer;
  font-size: 18px;
  padding: 0;
  margin: 0;
  line-height: 1;
  transition: color 0.2s ease-in-out, transform 0.1s ease-in-out;
}

/* vermelho quando existe marcação */
.flag-btn--danger {
  color: #e53935 !important;
}

/* efeito hover */
.flag-btn:hover {
  transform: scale(1.1);
  color: #f44336;
}

/* ícone */
.flag-btn i {
  pointer-events: none;
}

.badge-order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #ef6625;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  margin-right: 8px;
  box-shadow: 0 2px 6px rgba(239,102,37,0.35);
  animation: badge-pop .25s ease-out;
  cursor: default;
}

/* ===== DONUTS ===== */

#total_sales_by_payment,
#total_sales_by_area,
#total_sales_by_transtype,
.chart-donut {
    position: relative !important;
    width: 100% !important;
    height: 260px !important;
}

#total_sales_by_payment canvas,
#total_sales_by_area canvas,
#total_sales_by_transtype canvas,
.chart-donut canvas {
    width: 100% !important;
    /* height: 100% !important; */
}


/* ===== GRÁFICOS NORMAIS (barras e linhas) ===== */

.chart {
    width: 100%;
    height: auto !important;
    min-height: 260px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}