body {background: #F6F7F9!important;}
.btn-neutral{color:#999; border-radius:0.3rem;}

.modal-bigtotal{width:95%;}
.info_desconto{ border:none;border-bottom:solid #dedede 1px; font-size:15px;}
.rowdetalhes{ padding:0.9rem; padding-left:0; padding-right:0; border-bottom:solid #dedede 1px; border-radius:0.5rem;}
.rowdetalhes:hover{box-shadow: 1px 1px 20px 1px #ccc;padding:0.9rem;}
.menusidebar{padding:0.9rem;  font-size:0.90rem; text-align:left;  display:block; }
.menusidebar .fa{margin-left:0.5rem;  margin-right:0.5rem;  }
.menusidebar:hover{box-shadow: 1px 1px 20px 1px #ccc;padding-left:1rem;}
.sidebarpanel{  width:15rem;  height: 100vh;  word-wrap: break-word; overflow:hidden;}
.sidebarpanel span{ word-wrap: break-word;}
.sidebarpanel img {border:0px; max-width:80%; }
.mainpanel{ 
width:-moz-calc(100% - 16rem);
width:-webkit-calc(100% - 16rem);
width:calc(100% - 16rem);
}
.leftpanel{ float:left;}
.rightpanel{ float:right;}
.tabelapay tr{ border-bottom:solid 1px #000!important;}
@media screen and (min-width: 0px) and (max-width: 690px){
.menusidebar3{float:left; width:33.2%; text-align:center;}
.menusidebar2{float:left; width:50%; text-align:center;}
.menusidebar1{text-align:center;}
.menusidebar{box-shadow: 0px 0px 4px 2px #F3F3F3;}
.leftpanel{ float:none;}
.rightpanel{ float:none;}
.sidebarpanel{width:100%; height:auto;}
.mainpanel{ width:100%;}
}
.widgetpanel{overflow:auto;}
.btnpedido{ min-width:100px; text-align:center; font-weight:bold;}
.dialog-1 { border-radius:10px;}