@import url("flaticon/flaticon.css");
@import url("lato/lato.css");
@import url("roboto/roboto.css");

@font-face {
  font-family: 'SulSans';
  src: url("font/sulsans/light.woff2") format("woff2"), url("font/sulsans/light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'SulSans';
  src: url("font/sulsans/regular.woff2") format("woff2"), url("font/sulsans/regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'SulSans';
  src: url("font/sulsans/bold.woff2") format("woff2"), url("font/sulsans/bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

  
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.textLabel {
    font-size: 18px;
    color: #E5A569;
	padding: 6px;
}

.list__header {
    margin: 10px 0px;
    font-size: 1.2em;
}


button:focus{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);    
}

ons-toolbar + .page__content {
    margin: 0px !important;
}

.content .list__item {
    min-height: 60px;
    /*line-height: 23px;*/
}

.content .contact .list__item {
    line-height: 30px;
}

.navigation-bar {
    border: 0;
    height: 45px;
}

.navigation-bar__title {
    font-size: 1.3em;
	/*line-height: 2.3em;*/
}


.center_tp {
     font-size: 1.3em;
    line-height: 2.3em;
}


.icon_top_menu {
    display: inline-block;
    margin-left: 5%;
    font-size: font-size: 1.33333333em;
}
   

.list__item {
    padding: 4px !important;
}

.list__item i {
	width: 24px;
	float: left;
	display: block;
}

.content .list {
    margin: 0px; 
    font-size: 1em;
}

.content .list__header {
    margin: 10px 0px 5px;
}

.content .list__header:first-child {
    margin-top: 0px;
}

.content .list, .content .list__header {
    background-color: transparent;    
    padding: 5px 0px;       
}

.button i {
    margin-right: 5px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
}

.smallButton {    
    margin: 0px 5px;
}

.bigFont {
    font-size: 2em;
}

.mdFont {
    font-size: 1.4em;
}

.bottom-bar {
    padding: 0px 10px;
    line-height: 40px;
    border: none;
}

.bottom-bar .button {
    margin-left: 15px;
	margin-right: 3px;
}

.hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.EscolherOutraParte {
	font-size:16px;
	width:50%;
	border-radius: 7px;
	background-color:#C0D036;
}
.sideMenu .list__item {
    line-height: 35px;
    padding-left: 10px;
}

.sideMenu .list__item i {
    width: 24px;
    float: left;
    display: block;
    margin-top: 6px;
    text-align: center;  
	line-height: 24px;	
}

.sideMenu .menuItem, .sideMenu .menuItemTitle {
    font-size: 1.2em;
	font-family: sans-serif;
}

.btnToggleMenu {
    position: absolute;
    left: 0px;
    padding: 10px;    
    top: 10px;
    font-size: 12px;
    font-weight: bold;
    z-index: 1;
}

.buttonNameProduct {    
    font-size: 1.7em;
    padding: 0px 5px;
	background-color:#72A25B;
    color: #FFF;
    border-radius: 5px; 
	height:10px;   
}

.UmSabor {    
	float:left;
    font-size:25px;
    padding: 8px 12px;
	background-color:#72A25B;
    color: #FFF;
    border-radius: 5px; 
	height:32px;
	width:330px;
	text-align:center;
	
}

.DoisSabores {    
	float:left;
    font-size:25px;
    padding: 8px 12px;
    color: #FFF;
    border-radius: 5px; 
	height:32px;
	width:130px;
	text-align:center;
	
}

.TresSabores {    
	float:left;
    font-size:25px;
    padding: 5px 10px;
    color: #FFF;
    border-radius: 5px; 
	height:32px;
	width:90px;
	text-align:center;
	
}
.PizzaInteira {    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px -1px;
	background-color:#6A9E58;
    color: #FFF;
    border-radius: 5px; 
	height:80px;
	width: 100%;
	display: table-cell;
	text-align:center;
	position: relative;
	/*border:dotted;
	border-width:medium;*/
	
}

.PizzaInteiraSelecionada {    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px -1px;
	background-color:#6A9E58;
    color: #FFF;
    border-radius: 5px; 
	height:80px;
	width: 100%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
}

.PizzaInteira2 {    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px -1px;
	background-color:#6A9E58;
    color: #FFF;
    border-radius: 5px; 
	height:80px;
	width: 50%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
}

.PizzaInteira2Selecionada {    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px -1px;
	background-color:#6A9E58;
    color: #FFF;
    border-radius: 5px; 
	height:80px;
	width: 50%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
}

.PizzaInteira3 {    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px -1px;
	background-color:#6A9E58;
    color: #FFF;
    border-radius: 5px; 
	height:80px;
	width: 33%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium
}

.PizzaMeio_a_meio {    
    box-sizing: border-box;
    float: left;
    font-size:17px;
    padding: 10px -1px;
	background-color:#DF8A0B;
    color: #FFF;
    border-radius: 5px; 
	height:80px;
	width: 33%;
	display: table-cell;
	text-align:center;   
	position: relative;
}

.PizzaMeio_a_meioSelecionada {    
    box-sizing: border-box;
    float: left;
    font-size:17px;
    padding: 10px -1px;
	background-color:#DF8A0B;
    color: #FFF;
    border-radius: 5px; 
	height:80px;
	width: 33%;
	display: table-cell;
	text-align:center;   
	position: relative;
	z-index:0;
}
.PizzaMeio_a_meio2 {    
    box-sizing: border-box;
    float: left;
    font-size:17px;
    padding: 10px-1px;
	background-color:#DF8A0B;
    color: #FFF;
    border-radius: 5px; 
	height:80px;
	width: 50%;
	display: table-cell;
	text-align:center;   
	position: relative;
}
.PizzaMeio_a_meio2Selecionada {    
    box-sizing: border-box;
    float: left;
    font-size:17px;
    padding: 10px -1px;
	background-color:#DF8A0B;
    color: #FFF;
    border-radius: 5px; 
	height:80px;
	width: 50%;
	display: table-cell;
	text-align:center;   
	position: relative;
	z-index:0;
}

.PizzaTresPartes {   
    box-sizing: border-box; 
    float: left;
    font-size:17px;
    padding: 10px -1px;
	background-color:#FAC125;
    color: #FFF;
    border-radius: 5px; 
	height:80px;
	border:10px; 
	width: 33%;
	display: table-cell;
	text-align:center;  
	position: relative;
	z-index:0;
}

.Selected {   
	background-image:url(checked.png);
	background-size: 30px;
	z-index:1;
	background-repeat:no-repeat;
	background-attachment:inherit;
	background-position:center bottom;
}

.OutrosItens{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px -1px;
	background-color:#6A9E58;
    color: #FFF;
    border-radius: 5px; 
	height:70px;
	width: 100%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium
}

.EntregaPedido{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#85C194;
    color: #FFF;
    border-radius: 5px; 
	height:50px;
	width: 100%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.EntregaPedido2{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#85C194;
    color: #FFF;
    border-radius: 5px; 
	height:150px;
	width: 50%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.RetiraPedido{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#C18585;
    color: #FFF;
    border-radius: 5px; 
	height:50px;
	width: 100%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.RetiraPedido2{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#C18585;
    color: #FFF;
    border-radius: 5px; 
	height:150px;
	width: 50%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.ConsumirLocal{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#8598C1;
    color: #FFF;
    border-radius: 5px; 
	height:50px;
	width: 100%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.ConsumirLocal2{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#8598C1;
    color: #FFF;
    border-radius: 5px; 
	height:150px;
	width: 100%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.Facebook{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#85C194;
    color: #FFF;
    border-radius: 5px; 
	height:150px;
	width: 50%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.Twitter{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#C18585;
    color: #FFF;
    border-radius: 5px; 
	height:150px;
	width: 50%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.Instagram{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#DCAE79;
    color: #FFF;
    border-radius: 5px; 
	height:150px;
	width: 50%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.GooglePlus{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#9BB9D7;
    color: #FFF;
    border-radius: 5px; 
	height:150px;
	width: 50%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.Youtube{    
    box-sizing: border-box;
	float:left;
    font-size:17px;
    padding: 10px 0px 10px 10px;
	background-color:#8E8585;
    color: #FFF;
    border-radius: 5px; 
	height:150px;
	width: 100%;
	display: table-cell;
	text-align:center;
	position: relative;
	border:medium;
	text-align:center
}

.LetrasOpcoesEntrega{
	font-size: 25px;
    float: center;	
	color:#FFF;
	padding: -15px 0px;
	box-sizing: border-box;
	display: table-cell;
	
}

.LetrasRedeSocial{
	font-size: 20px;
    float: center;	
	color:#FFF;
	padding: -15px 0px;
	box-sizing: border-box;
	display: table-cell;
	text-align:center;
	
}

	.cont{
		
		width: 100%;
		display: box;
		box-orient: horizontal
	}


      .cont > div {

      

      }

.padrao_letra_titulo{
	color:#FFF;
	font-size:15px;	
	/*border-top:5px;*/
	text-align:center;
}


.contentProdutosItems {
        padding: 0px 4px;
}

.precoPromo {
    position: relative;
    width : 35px;
    bottom: 33px;
    float : right;
}

.precoPromo img {
    width: 35px;
}

.contentFullheight {
        padding: 0px 10px;
		overflow: hidden;
		/*background-image: url(../img/body-bg.png); background-size: 100px 100px; background-repeat: repeat; height: 100%;*/
}

.has-image{
	top: -60px;
    position: relative;
}

.contentFullheight .full-price {
    background: #e34e47;
    color: #fff;
    float: right;
    font-size: 22px;
    font-weight: 300;
    line-height: 49px;
    margin: 0;
    text-align: center;
	width: 100%;
    -webkit-transition: margin .15s linear;
    -moz-transition: margin .15s linear;
    -ms-transition: margin .15s linear;
    -o-transition: margin .15s linear;
    transition: margin .15s linear;
}


.contentFullheight .num-mesa {
    background: #e34e47;
    color: #fff;
    float: left;
    font-size: 22px;
    font-weight: 300;
    line-height: 49px;
    margin: 0;
    text-align: center;
	width: 40%;
    -webkit-transition: margin .15s linear;
    -moz-transition: margin .15s linear;
    -ms-transition: margin .15s linear;
    -o-transition: margin .15s linear;
    transition: margin .15s linear;
}


.contentFullheight .num-cartao {
    background: #e34e47;
    color: #fff;
    float: right;
    font-size: 22px;
    font-weight: 300;
    line-height: 49px;
    margin: 0;
    text-align: center;
	width: 40%;
    -webkit-transition: margin .15s linear;
    -moz-transition: margin .15s linear;
    -ms-transition: margin .15s linear;
    -o-transition: margin .15s linear;
    transition: margin .15s linear;
}


.contentFullheight .add-livre {
	background: #e34e47;
    color: #fff;
    /* float: right; */
    /* font-size: 12px; */
    /* font-weight: 300; */
    /* line-height: 49px; */
    margin-top: -10px;
    /* text-align: center; */
    width: 98%;
    /* -webkit-transition: margin .15s linear; *
    -moz-transition: margin .15s linear;
    -ms-transition: margin .15s linear;
    -o-transition: margin .15s linear;
    /* transition: margin .15s linear; */
    /* border-radius: 8px;*/
}

.contentFullheight .qt, .qt-plus, .qt-minus {
	display: block;
	float: left;
}

.contentFullheight .qt {
	font-size: 19px;
	line-height: 50px;
	width: 70px;
	text-align: center;
}

.contentFullheight .qt-plus, .qt-minus {
	background: #fcfcfc;
	border: none;
	font-size: 30px;
	font-weight: 300;
	height: 100%;
	padding: 0 0px;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
}

.contentFullheight .qt-plus:hover, .qt-minus:hover {
	background: #53b5aa;
	color: #fff;
	cursor: pointer;
}

.contentFullheight .qt-plus {
	line-height: 50px;
}

.contentFullheight .qt-minus {
	line-height: 47px;
}

.contentFullheight .addPreco {
    background-color: #e34e47;
    color: white;
    padding: 4px;
	margin-right: 24px;
	float:right;
	width: 60px;
    text-align: center;
	font-size: 11px;
}

.contentFullheight .addPreco_massa {
    background-color: #e34e47;
    color: white;
    padding: 4px;
	/*margin-right: 24px;
	float:right;*/
	width: 60px;
    text-align: center;
}

.contentFullheight .addMenusPreco {
    background-color: #69C;
    color: white;
    padding: 4px;
	margin-right: 24px;
	float:right;
	width: 60px;
    text-align: center;
	font-size: 11px;
}




.badgeNew, .badgePromo {
    font-size: 0.6em;
    padding: 1px 6px;
    float: left;
    margin: 5px 0 0 5px;
    height: 12px;
    line-height: 12px;
    border-radius: 10px;
}

.moreInfo {
    font-size: 1em;
}

.orderListItems li.list__item, .fullHeight li.list__item, .promoContainer li.list__item {
    min-height: 6px;
}

.addressList {
    margin-top: 80px;
    margin-bottom: 30px;
}

.addressList label {
    margin-top: 10px;
}

.itemName {
    font-size: 1em;
    float: left;
	color:#FFF;
}

.itemDetails {
    font-size: 0.752em;
    clear: both;
	line-height: 21px;
	color:#FFF;
	border-top: 1px solid #eee;
	background-color: hsla(0,0%,100%,.85);
	padding: 10px;
	text-transform: capitalize;
}

.txt_item {
    font-size: 0.752em;
    clear: both;
	line-height: 21px;

	/*border-top: 1px solid #eee;*/
	display: contents;
	padding: 10px;
	text-transform: capitalize;
}

.txt_item_opcoes {
    font-size: 1em;
    clear: both;
	line-height: 21px;

	/*border-top: 1px solid #eee;*/
	display: contents;
	padding: 10px;
	text-transform: capitalize;
}

.DetalheItensPedido {
    font-size: 0.8em;
    clear: both;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	
}
.itemPrice {
    font-size: 0.9em;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 25%;
    text-align: right;
	color:#FFF;
}

.orderValue {
    z-index: 10;
    font-size: 0.8em;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius: 10px;
    padding: 4px;
}

.addressInput {
    display: block;
    position: fixed;
    top: 44px;    
    left: 0;
    right: 0;
    border: 1px solid #b3b3b3;
    padding: 3px 10px;
    height: 75px;
    z-index: 1000;
}
    .addressInput .list__header {
        padding: 3px;
        margin: 0px;
        background-color: transparent;
        font-size: 1.2em;
    }

.smFont {
    font-size: 15px;
}

.text-input {
    min-height: 34px;
    font-size: 1em;
	padding-top:0px;
	border: none;
}

.text-input-celular {
    min-height: 34px;
    font-size: 1em;
	padding-top:0px;
	border: none;
	border-radius: 0px;
	padding: 4px 8px 0 8px;

}


.text-input-endereco {
    min-height: 55px;
    font-size: 1em;
    padding-top: 0px;
    background-color: lightyellow;
    color: coral!important;
    border: 1px solid coral;
}

.tab-bar {
    border: none;
}

.tab-bar-content {
    margin-bottom: 48px !important;
}

.tab-bar__button {
    height: 60px
}

.tab-bar__item { 
    padding: 5px;
}


.bottomAlert, .singleAlert {
    padding: 5px;
    bottom: 45px;
	z-index: 1000;
}

.bottomAlert {
    margin-left: -10px;
    position: fixed;
    /*font-size: 0.8em;*/    
    text-align: center;

    width: 100%;
}

.bottomAlert_new, .singleAlert_new {
    padding: 5px;
    bottom: 45px;
	z-index: 1000;
}

.bottomAlert_new {

    font-size: 0.8em;
	line-height: 22px;	
    text-align: center;
    width: 100%;
	background-color: #FFEFBF;
    color: #B25900;
	border-top: 1px solid #B25900;

}


.bottomAlert_botton, .singleAlert {
    padding: 5px;
    bottom: 45px;
	z-index: 1000;
}

.bottomAlert_botton{
    margin-left: -10px;
    position: fixed;
	bottom: 100px;
    /*font-size: 0.8em;*/    
    text-align: center;
	background-color: #FFEFBF;
    color: #B25900;
	border-top: 1px solid #B25900;
    width: 100%;
}


.overlay-loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
}

.overlayBlock {
    background-image: url(../img/body-bg.png);   
	opacity: 1;              
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
	text-align: center;
}
.overlayBlock span{
	 
}

/********************
INPUT e CHECKBOX
********************/
.content label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	margin-right: 15px;
}

.content input[type=radio] {
	display: none;
}

.content input[type=checkbox] {
	display: block;
}
.content label:before {
	content: "";
	display: inline-block;

	width: 25px;
	height: 25px;

	margin-right: 20px;
	position: absolute;
	left: 0;
	top: -3px;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.content .radio label:before {
	border-radius: 20px;
}

.content .radio label {
	margin-bottom: 10px;
}
.content .checkbox label:before {
    border-radius: 5px;
}

.content input[type=radio]:checked + label:before {
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 18px;
    text-align: center;
    line-height: 26px;
}

.content input[type=checkbox]:checked + label:before {
    font-family: FontAwesome;
	content: "\f00c";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 20px;
	text-align: center;
    line-height: 24px;
}


/***/

.contentFullheight label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	margin-right: 15px;
	margin-bottom: 8px;
    /*border-bottom: 1px solid rgba(204, 204, 204, 0.51);*/
    padding-bottom: 2px;
}

.contentFullheight input[type=radio] {
	display: none;
}

.contentFullheight input[type=checkbox] {
	display: block;
}
.contentFullheight label:before {
	content: "";
	display: inline-block;

	width: 25px;
	height: 25px;

	margin-right: 20px;
	position: absolute;
	left: 0;
	top: -3px;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.contentFullheight .radio label:before {
	border-radius: 20px;
}

.contentFullheight .radio label {
	margin-bottom: 8px;
   /* border-bottom: 1px solid rgba(204, 204, 204, 0.51);*/
    padding-bottom: 2px;
}
.contentFullheight .checkbox label:before {
    border-radius: 5px;
}

.contentFullheight input[type=radio]:checked + label:before {
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 18px;
    text-align: center;
    line-height: 26px;
}

.contentFullheight input[type=checkbox]:checked + label:before {
    font-family: FontAwesome;
	content: "\f00c";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 20px;
	text-align: center;
    line-height: 24px;
}


#comboCarousel label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	margin-right: 15px;
}

#comboCarousel input[type=radio] {
	display: none;
}
/*
#comboCarousel input[type=checkbox] {
	display: block;
}*/
#comboCarousel input[type=checkbox] {
	display: none;
}

#comboCarousel label:before {
	content: "";
	display: inline-block;

	width: 25px;
	height: 25px;
	background-color: rgba(255,255,255,1);
	margin-right: 20px;
	position: absolute;
	left: 0;
	top: -3px;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
	border: 1px solid #427feb
}

#comboCarousel .radio label:before {
	border-radius: 20px;
}

#comboCarousel .radio label {
	margin-bottom: 10px;
}
#comboCarousel .checkbox label:before {
    border-radius: 5px;
}

#comboCarousel input[type=radio]:checked + label:before {
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 18px;
    text-align: center;
    line-height: 26px;
		 color: #f3f3f3;
    background-color: #0256CC;
}

#comboCarousel input[type=checkbox]:checked + label:before {
    font-family: FontAwesome;
	content: "\f00c";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 20px;
	text-align: center;
    line-height: 24px;
    color: #f3f3f3;
	background-color: #0256CC;
}



#comboCarousel input[type=radio]:checked + label, input[type=checkbox]:checked + label { 
    color: #0256CC;
}

#comboCarousel .label_adicionais {
    float: left;
    display: block;
    font-size: 0.8em;
    width: 0px;
    margin-top: 13px;
}


#comboCarousel .addPreco_POP {
    background-color: #e34e47;
    color: white;
    display: inline-block;
    float: right;
    /* width: 60px; */
    /* height: 60px; */
    position: absolute;
    right: 2px;
    top: -2px;
    padding: 6px;
    text-align: center;
    min-width: 60px;
}

#btnAddCartCombo{
	
	padding-bottom:50px;
}

#btnAddCartCombo  .btncombocart {

    border: 2px solid lightsteelblue;

	box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
	-webkit-animation: pulse 1.5s infinite;
	border-radius: 50%;
}



.home .small {
	font-size: 0.8em;
}

.priceBottomBar {
	line-height: 16px; 
	right: 180px; 
	margin-top: 6px; 
	position: absolute;
}

.titulos {
	font-size:20px;
	margin: 5px 0px;
}

.NomeProdutoPedido {   
	box-sizing: border-box;
    float: left;
    padding: 5px 0px;
	/*background-color:#6A9E58;*/
	background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    color: #000;
    border-radius: 5px; 
	height:35px;
	width: 97%;
	display: table-cell;
	text-align:center;   
	margin-top:5px;
	margin-left:5px;
	position:relative;
	clear: both;
	
}

.PartesPizzaPedido {    
    box-sizing: border-box;
	float:left;
	/*background-color:#BE8136;
	background-color:#F26D00;*/
    color: #000;
    border-radius: 5px; 
	height:30px;
	width: 110px;
	display: table-cell;
	border:medium;
	position:relative;
	margin-top:5px;
	margin-left:0px;
	margin-right:5px;
}

.DivisaoDetalhesPedido {    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;5D5869*/
	background: #d8e0de; /* Old browsers */
	background: -moz-linear-gradient(top, #d8e0de 0%, #4e5c5a 100%, #829d98 100%, #829d98 100%, #aebfbc 100%, #0e0e0e 100%, #829d98 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8e0de), color-stop(100%,#4e5c5a), color-stop(100%,#829d98), color-stop(100%,#829d98), color-stop(100%,#aebfbc), color-stop(100%,#0e0e0e), color-stop(100%,#829d98)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d8e0de 0%,#4e5c5a 100%,#829d98 100%,#829d98 100%,#aebfbc 100%,#0e0e0e 100%,#829d98 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d8e0de 0%,#4e5c5a 100%,#829d98 100%,#829d98 100%,#aebfbc 100%,#0e0e0e 100%,#829d98 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d8e0de 0%,#4e5c5a 100%,#829d98 100%,#829d98 100%,#aebfbc 100%,#0e0e0e 100%,#829d98 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d8e0de 0%,#4e5c5a 100%,#829d98 100%,#829d98 100%,#aebfbc 100%,#0e0e0e 100%,#829d98 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e0de', endColorstr='#829d98',GradientType=0 );
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
}

.InfoEntrega {    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;*/
	background-color:#E77A00;
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
}

.InfoRetirada {    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;*/
	background-color:#E77A00;
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
}

.Dinheiro {    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;*/
	background-color:#85C194;
	padding: 10px 0px 10px 10px;
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
	text-align:center;
}

.Cheque {    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;*/
	background-color:#C18585;
	padding: 10px 0px 10px 10px;
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
	text-align:center;
}

.Cartao {    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;*/
	background-color:#8598C1;
	padding: 10px 0px 10px 10px;
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
	text-align:center;
}

.EscolherCartao {    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;*/
	background-color:#C18585;
	padding: 10px 0px 10px 10px;
    color: #FFF;
    border-radius: 5px; 
	height:100%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
	text-align:center;
}

.TituloTeladeCartao {    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;*/
	background-color:#FFEF32;
	padding: 10px 0px 10px 10px;
    color: #000;
    border-radius: 5px; 
	height:30%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
	text-align:center;
}

.InfoDataPedido {    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;*/
	background-color:#6DAEB1;
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
}

.InfoPagamentoPedido{    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;*/
	background-color:#6D7FB1;
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
}

.DivisaoInformacaoGeral {    
    box-sizing: border-box;
	float:left;
	/*background-color:#B24F4F;7A609C*/
	background: #a7cfdf; /* Old browsers */
	background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	display: table-cell;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position: relative;
	border:medium
	
}

.InformacaoGeral {    
	box-sizing: border-box;
    float: left;
    padding: 5px 0px;
	/*background-color:#41A0DF;*/
	background: rgb(242,245,246); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
    color: #000;
    border-radius: 5px; 
	height:35px;
	width: 100%;
	display: table-cell;
	text-align:center;   
	margin-left:0px;
	margin-right:5px;
	position:relative;
	font-size:18px;
}

.DetalheItensPedidoTitulo{
	font-size: 18px;
    clear: both;
	margin-top:5px;
	margin-left:0px;
	margin-right:5px;
}

.EnviarPedidoObs {    
    box-sizing: border-box;
	float:left;
	padding: 10px 0px 10px 10px;
	/*background-color:#B24F4F;*/
	background-color:#809C7A;
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
}

.EnviarPedidoPagto {    
    box-sizing: border-box;
	float:left;
	padding: 10px 0px 10px 10px;
	/*background-color:#B24F4F;*/
	background-color:#327A8B;
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:left;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
}

.DetalhePed {    
	background-color:#327A8B;
	color:#FFF;
	border-radius:5px;

}

.borda {
	padding: 10px 0px 0px 10px;	
}

.Observacao {    
	/*background-color:#FFCE07;*/
	background-color:#546C4F;
	width: 97%;
	border-radius: 5px;
}

.QuadroCep {    
    box-sizing: border-box;
	float:left;
	padding: 10px 0px 10px 10px;
	/*background-color:#B24F4F;*/
	background-color:#747474;
    color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:center;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
}

.CaixaTextoObrigatorio{
	border:groove;
	border-color:#E60000;	
}

.CaixaTextoNaoObrigatorio{
	border:groove;
	border-color:#0C0;	
}

.Troco{
	box-sizing: border-box;
	float:left;
	padding: 10px 0px 10px 10px;
	/*background-color:#B24F4F;*/
	background-color:#747474;
    color: #FFF;
    border-radius: 5px; 
	height:30%;
	width: 100%;
	text-align:center;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
	
}

.AlertaTroco{
	box-sizing: border-box;
	float:left;
	padding: 10px 0px 10px 10px;
	/*background-color:#B24F4F;*/
	background-color:#0BAFFA;
    color: #FFF;
    border-radius: 5px; 
	height:20%;
	width: 95%;
	text-align:center;
	margin-left:10px;
	margin-right:5px;
	position:relative;
	border:medium;
	font-size:25px;
}


.LinhaDetalhesProduto{
	border: 0;
	border-bottom: 1px ;
	background: #999;
}

.LetraResumoPedido{
	text-align:center;
	font-size:20px;
	font-family:Verdana;	
}

.LetraQtdItemResumoPedido{
	position: absolute; 
	right: 5px;
	font-size:10px;	
}

.FontesResumoPedido{
	font-size:15px;
	font-style:italic;
}

.DescProdutoPrincipal{
	padding: 10px 10px 10px 10px;
	/*background-color:#B24F4F;FFCD03*/
	background: rgb(255,214,94); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,214,94,1) 1%, rgba(255,214,94,1) 49%, rgba(254,191,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,214,94,1)), color-stop(49%,rgba(255,214,94,1)), color-stop(100%,rgba(254,191,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,214,94,1) 1%,rgba(255,214,94,1) 49%,rgba(254,191,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,214,94,1) 1%,rgba(255,214,94,1) 49%,rgba(254,191,4,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,214,94,1) 1%,rgba(255,214,94,1) 49%,rgba(254,191,4,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,214,94,1) 1%,rgba(255,214,94,1) 49%,rgba(254,191,4,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 );
    color: #000;
    border-radius: 5px; 
	text-align:left;
	font-size:20px;
	height:25px;
	width: 95%;
	text-align:center;
}

.rating{
  color: #a9a9a9;
  margin: 0;
  padding: 0;
}

ul.rating {
  display: inline-block;
}

.rating li {
  list-style-type: none;
  display: inline-block;
  padding: 1px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.star-rating {
  margin: 0;
  padding: 0;
  display: inline-block;
  
  .star {
    padding: 1px;
    color: #ddd;
    font-size: 20px;
    text-shadow: .05em .05em #aaa;
    list-style-type: none;
    display: inline-block;
    cursor: pointer;

    &.filled {
      color: #fd0;
    }
  }

  &.readonly .star.filled {
    color: #666;
  }
}

}

/********************
MAPS
********************/

#map {position:absolute;top:60px;bottom:0px;left:0;right:0;z-index: 1;} 
#map-offline {
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
    position:absolute;
    top:60px;
    bottom:0px;
    left:0;
    right:0;    
    background-repeat: no-repeat;
    background-position: center center;
}

#map img { 
  max-width: none;
}

#map label { 
  width: auto; display:inline; 
} 

#map label:before {
	content: "";
	display: none;
}

.label_adicionais {
	float:left; 
	display:block;
	width: 100%;
}
.label_itens {
	    width: 100%;
    line-height: 0px;
    height: 15px;
	    float: initial; 

}
.gm-style-iw > div { overflow: hidden !important; }

#overlay {
display: none;
background-color: black;
position: fixed;
left:0;
top:0;
height:100%;
width:100%;
opacity: 0.5; /* also -moz-opacity, etc. */
}

#overlay_center {
	background-color: black;
	opacity: 1;
	position: fixed;
	left:50%;
	top:50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
}

.faca_pedido{
  background: url("../img/faca_pedido.png") no-repeat scroll 0 0 transparent;
  background-position:center;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 145px;
  padding-bottom: 2px;
  width: 141px;
  border:none !important;
}

.meus_pedido{
  background: url("../img/meus_pedido.png") no-repeat scroll 0 0 transparent;
  background-position:center;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 145px;
  padding-bottom: 2px;
  width: 141px;
  border:none !important;
}

.odd {
  background: #B84E4E;
}
.even {
  background: #DA8E8E;
}

.TabelaCeps{    
    box-sizing: border-box;
	float:left;
	color: #FFF;
    border-radius: 5px; 
	height:50%;
	width: 100%;
	text-align:center;
	margin-left:0px;
	margin-right:5px;
	position:relative;
	border:medium;
}

.SweetAlert{
	width:70px;
	height:420px;
	padding-top:500px;
	
}

.but {
	display: inline-block;
	background-color: #ccc;
	color: #444;
	padding: 10px 10px;
	text-decoration: none;
	box-sizing: border-box;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	border: 0px;
	width:200px;
	border-radius:5px;
	float: center;	
	margin-bottom:10%;
}

.but-primary {
	color: #fff;
	background-color: #0068B4;
}

.PainelStatus{
	background: rgb(149,149,149); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 );
}

.PainelOrders {
	/*margin-left:5px;*/
	position: relative;
	padding: 20px;
	color: #333;
	border: none;
	/*width:85%;*/
	height:100%;
	/*border-left: 5px solid #326194;
	border-top: 10px solid #326194;*/
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	background: #fff;
	top:10px;
	margin-bottom:10px;
}

.PainelOrders h3 {
	font-size: 26px;
	padding: 5px 0 5px 0;
	color: #326194;
}

.PainelOrders p {
	font-size: 18px;
	max-height: 0px;
	overflow: hidden;
	color: transparent;
	color: rgba(0,0,0,0);
	text-align: left;
}

.PainelOrders:before {

}


.PainelOrders .full-price {
    background: #53b5aa;
    color: #fff;
    float: right;
    font-size: 22px;
    font-weight: 300;
    line-height: 49px;
    margin: 0;
    text-align: center;
	width: 150px;
    -webkit-transition: margin .15s linear;
    -moz-transition: margin .15s linear;
    -ms-transition: margin .15s linear;
    -o-transition: margin .15s linear;
    transition: margin .15s linear;
}


.PainelOrders .qt, .qt-plus, .qt-minus {
	display: block;
	float: left;
}

.PainelOrders .qt {
	font-size: 19px;
	line-height: 50px;
	width: 85px;
	text-align: center;
}

.PainelOrders .qt-plus, .qt-minus {
	background: #fcfcfc;
	border: none;
	font-size: 30px;
	font-weight: 300;
	height: 100%;
	padding: 0 0px;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
}

.PainelOrders .qt-plus:hover, .qt-minus:hover {
	background: #53b5aa;
	color: #fff;
	cursor: pointer;
}

.PainelOrders .qt-plus {
	line-height: 50px;
}

.PainelOrders .qt-minus {
	line-height: 47px;
}




.Pedidos {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 140px;
	padding: 0 20px;
	width: 75%;
}





.banner{
	height:50%;
	width:100%;	
}

.NoFavorites{
	text-align:center;
	font-size: 22px;
	color:#FFF;
	float:center;
	padding-top:10%;
	border-left: 6px solid #F93;
    background-color: #F2BE5F;
	height:80px;
	border-radius:10px;
	font-weight: bold;
}

.VerRestaurantes{
	text-align:center;
	font-size: 22px;
	color:#FFF;
	float:center;
	padding-top:10%;
	border-left: 6px solid #36C;
	background-color:#69F;
	height:80px;
	border-radius:10px;	
    font-weight: bold;
}

.GridPgto {
	margin-left:10px;	
	margin-right:8px;
	margin-top:10px;
	/*background-image:url(../images/formaspgto/fundo_madeira.jpg);*/
	background-color:#312d28;
	background-image: linear-gradient(to right, rgba(255,255,255,.3) 1px, transparent 1px);
	background-size: 5px 5px;
}

ons-list-item > ons-icon {
  margin: 0 4px 0 0;
  opacity: 0.8;
}

.list-item-action {
  position: absolute;
  right: 10px;
  top: 0px;
  font-size: 20px;
  opacity: 0.3;
}

.list-item-action > ons-icon {
  margin-top: 14px;
}

.list-item-note {
  position: absolute;
  right: 36px;
  top: 0px;
  font-size: 14px;
}

.list-item-note > .notification {
  margin-top: 12px;
}

.lucent {
  opacity: 0.4;
}
/*
.combo .addPreco {
    background-color: #e34e47;
    color: white;

	float:right;
	width: 60px;
    text-align: center;
}
*/

.combo .producto_name {

    width: 205px;
    /* word-break: normal; */
    line-height: 18px;
    display: inline-flex;
}	
	
.combo .addPreco {
    background-color: #e34e47;
    color: white;
    display: inline-block;
    float: right;
    /* width: 60px; */
    /* height: 60px; */
	    position: absolute;
    right: 2px;
	top: -2px;
   
	padding-top: 6px;
	padding-bottom: 6px;
	
    text-align: center;
	min-width: 60px;
	
}

.combo .addPrecoMinus {
    background-color: #fff;
    color: black;
    display: inline-block;
    float: right;
    /* width: 60px; */
    /* height: 60px; */
	    position: absolute;
    right: 2px;
	top: -2px;
    padding: 6px;
    text-align: center;
}


.combo .addDetails{
    /*float: left;
    position: absolute;
    top: 15px;
    display: inline-block;
    width: 193px;
    line-height: 10px;
    left: 47px;
    top: 33px;
    font-size: 10px;
    color: cadetblue;
	word-wrap: break-word;*/
		    float: inherit;
    /* position: relative; */
    /* top: 15px; */
    display: inline-block;
    width: 222px;
    line-height: 10px;
    /* left: 74px; */
    /* top: 33px; */
    font-size: 10px;
    color: cadetblue;
    word-wrap: break-word;
	
}

.combo .addDetailsQtd{
    /*float: left;
    position: absolute;
    top: 15px;
    display: inline-block;
    width: 193px;
    line-height: 10px;
    left: 74px;
    top: 33px;
    font-size: 10px;
    color: cadetblue;
	word-wrap: break-word;*/
	
	    float: inherit;
    /* position: relative; */
    /* top: 15px; */
    display: inline-block;
    width: 233px;
    line-height: 10px;
    /* left: 74px; */
    /* top: 33px; */
    font-size: 10px;
    color: cadetblue;
    word-wrap: break-word;
}

.combo .addName{
    float: left;
    /* display: table-column; */
    width: 233px;
    /* background-color: #ccc; */
    line-height: 23px;
    /* position: relative; */
    margin-top: 3.5%;
}

.combo .addFoto{
    float: left;
    /* display: table-column; */
    width: 45px;
    /* background-color: #ccc; */
    line-height: 23px;
    /* position: relative; */
    margin-top: 3.5%;
}

.combo .addFotoPlus{
   
    /* display: table-column; */
    width: 45px;
    /* background-color: #ccc; */
    line-height: 23px;
	    vertical-align: middle;
    /* position: relative; */

}


.combo .addMenusPreco {
    background-color: #F60;
    color: white;
   /* padding: 4px;
	margin-right: 24px;*/
	float:right;
	width: 60px;
    text-align: center;
}

.combo .largeWidth {
    border-bottom-color: steelblue;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.combo .smallWidth {
    border-bottom-color: #FC0;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}


.combo .max {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;font-size:12px;
 	background-color: #e34e47;
    color: white;
    padding:10px;
    width: 20px;
    text-align: center;
	    margin-right: 4px;
}

.combo .med {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;font-size:12px;
 	background-color: #393;
    color: white;
    padding:10px;
    width: 20px;
    text-align: center;
	margin-right: 4px;
}

.combo .min {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;font-size:12px;
 	background-color: #F93;
    color: white;
    padding:10px;
    width: 20px;
    text-align: center;
	margin-right: 4px;
}

.combo .obrigatorio {
    background-color: #717171;
    color: #f5f0eb;
    border: none;
    padding: 6px 6px 4px;
	font-size: 13px;
}

.combo .obrigatorio_feito:before {
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    color: #ffffff;
    
}
/******************************************************************************/


.filtraPrecos{
	/*position:fixed;
	padding-top: 11em;*/
    margin: auto;
    width: 100%;
    background-color: white;
    padding-bottom: 10px;
	    padding-top: 10px;
	/*box-shadow: 0px 5px 15px #fff;*/
	z-index:1;	
}

.precoV1{
	

    background-color: #29B765;
    display: inline-block;
    /* border-radius: 0px; */
    /* font-size: 11px; */
    /* padding: 0px; */
    width: 42px;
    height: 34px;
    line-height: 2.2;
	    border-radius: 40px;
    padding-bottom: 7px;
    text-align: center;
    color: #fff;

  
}


.precoV1:hover::after {
    border-top: 2px solid $blue; // Shows border
    border-left-width: 2px; // Solid edges, invisible borders
    border-right-width: 2px; // Solid edges, invisible borders
    transform: rotate(270deg); // Rotate around circle
    transition:
      transform 0.4s linear 0s,
      border-left-width 0s linear 0.35s; // Solid edge post-rotation
  }

.precoV1 span{
  
    font-size: 13px;

}

.precoV2{
	
    display: inline-block;
    /* border-radius: 0px; */
    /* font-size: 11px; */
    /* padding: 0px; */
    width: 42px;
    height: 34px;
    line-height: 2.2;
	    border-radius: 40px;
    padding-bottom: 7px;
    text-align: center;
    color: #fff;
    background-color: #CDDC39;
   
}

.precoV2 span{
    font-size: 13px;
    
}

.precoV3{
	
    background-color: #FFBD43;
    display: inline-block;
        width: 42px;
    height: 34px;
    line-height: 2.2;
	    border-radius: 40px;
    padding-bottom: 7px;
    text-align: center;
    color: #fff;
}
.precoV3 span{
	
    font-size: 13px;
    

}

.precoV4{
	
    background-color: #37BCD5;
    display: inline-block;
    width: 42px;
    height: 34px;
    line-height: 2.2;
	border-radius: 40px;
    padding-bottom: 7px;
    text-align: center;
    color: #fff;

}
.precoV4 span{
	
    font-size: 13px;
   

  
}

.precoV5{
	

    background-color: #D45242;
    display: inline-block;
    /* border-radius: 0px; */
    /* font-size: 11px; */
    /* padding: 0px; */
       width: 42px;
    height: 34px;
    line-height: 2.2;
	    border-radius: 40px;
    padding-bottom: 7px;
    text-align: center;
    color: #fff;
  
}

.precoV5 span{
	
    font-size: 13px;
  

  
}

.precoFilterSel{
	
 border: 2px solid rgb(130, 130, 130);
  border-left-width: 2px;
  border-right-width: 2px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;

}


.listaProdutosHeader {
    border-bottom: 1px solid #000000;
}

.listaProdutosHeader .orderProducts {
    border-right: 1px solid #000000;
}

.listaProdutosHeader .btn.active {
    background-color:#F26D00;
    color: #FFF;
    border-radius: 5px;   
	font-size:14px; 
	border-width: 1px;
    border-style: dotted;
    border-color: brown;
}

.listaProdutosHeader .btn2.active {
    background-color:#0256CC;
    color: #FFF;
    border-radius: 5px; 
	font-size:14px;   
}

.listaProdutosItems .badge, .orderListItems .badge, .fullHeight .badge {
    background-color: #F5F4EF;
    color: #000;
	/*height: 40px;*/
    line-height: 30px;
}


.listaProdutosCorpo {
    padding-top: 10em; margin: auto;
}

.listaProdutosCorpo .produto_grid{
	
	
	
	
}


.listaProdutosCorpo .cardprod {
  z-index: 1;
  position: relative;
 /* width: 90%;*/
  height: 160px;
 /* margin-left: 18px;*/
  margin-bottom: 15px;
  -webkit-perspective: 2000px;
          perspective: 2000px;
  -webkit-transition: margin 0.4s 0.1s;
  transition: margin 0.4s 0.1s;
      box-shadow: 0 20px 20px rgba(0,0,0,.08);
}
.listaProdutosCorpo .cardprod.active {
  -webkit-transition: margin 0.4s;
  transition: margin 0.4s;
}
.listaProdutosCorpo .cardprod.flip-step1 {
  margin-bottom: 175px;
}
.listaProdutosCorpo .cardprod.flip-step2 {
  margin-bottom: 245px;
}
.listaProdutosCorpo .cardprod.flip-step3 {
  margin-bottom: 330px;
}
.listaProdutosCorpo .cardprod.req-active1 {
  -webkit-transition: margin 0.6s cubic-bezier(0.77, 0.03, 0.83, 0.67);
  transition: margin 0.6s cubic-bezier(0.77, 0.03, 0.83, 0.67);
  margin-bottom: 55px;
}
.listaProdutosCorpo .cardprod.req-active2 {
  -webkit-transition: margin 0.6s cubic-bezier(0.31, 0.14, 0.48, 1.52);
  transition: margin 0.6s cubic-bezier(0.31, 0.14, 0.48, 1.52);
  margin-bottom: 477px;
}
.listaProdutosCorpo .cardprod.req-closing1 {
  -webkit-transition: margin 0.5s;
  transition: margin 0.5s;
  margin-bottom: 175px;
}
.listaProdutosCorpo .cardprod.req-closing2 {
  -webkit-transition: margin 0.5s;
  transition: margin 0.5s;
  margin-bottom: 15px;
}
.listaProdutosCorpo .cardprod.hidden-hack .cardprod__part-2 > .m--front {
  display: none;
}
.listaProdutosCorpo .cardprod.no-transition {
  -webkit-transition: all 0s 0s !important;
  transition: all 0s 0s !important;
}
.listaProdutosCorpo .cardprod.no-transition * {
  -webkit-transition: all 0s 0s !important;
  transition: all 0s 0s !important;
}
.listaProdutosCorpo .cardprod.theme-purple .cardprod__face__colored-side {
  background: #BA68C8;
}
.listaProdutosCorpo .cardprod.theme-purple .cardprod__face__path {
  background: -webkit-repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, transparent 6px);
  border-color: #BA68C8;
}
.listaProdutosCorpo .cardprod.theme-purple .cardprod__header {
  background: #BA68C8;
}
.listaProdutosCorpo .cardprod.theme-purple .cardprod__sender__rating__star {
  color: #BA68C8;
}
.listaProdutosCorpo .cardprod.theme-purple .cardprod__path-big {
  background: -webkit-repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, transparent 6px);
  border-color: #BA68C8;
}
.listaProdutosCorpo .cardprod.theme-green .cardprod__face__colored-side {
  background: #52A43A;
}
.listaProdutosCorpo .cardprod.theme-green .cardprod__face__path {
  background: -webkit-repeating-linear-gradient(#52A43A, #52A43A 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#52A43A, #52A43A 3px, transparent 3px, transparent 6px);
  border-color: #52A43A;
}
.listaProdutosCorpo .cardprod.theme-green .cardprod__header {
  background: #52A43A;
}
.listaProdutosCorpo .cardprod.theme-green .cardprod__sender__rating__star {
  color: #52A43A;
}
.listaProdutosCorpo .cardprod.theme-green .cardprod__path-big {
  background: -webkit-repeating-linear-gradient(#52A43A, #52A43A 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#52A43A, #52A43A 3px, transparent 3px, transparent 6px);
  border-color: #52A43A;
}
.listaProdutosCorpo .cardprod.theme-orange .cardprod__face__colored-side {
  background: #F7AA17;
}
.listaProdutosCorpo .cardprod.theme-orange .cardprod__face__path {
  background: -webkit-repeating-linear-gradient(#F7AA17, #F7AA17 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#F7AA17, #F7AA17 3px, transparent 3px, transparent 6px);
  border-color: #F7AA17;
}
.listaProdutosCorpo .cardprod.theme-orange .cardprod__header {
  background: #F7AA17;
}
.listaProdutosCorpo .cardprod.theme-orange .cardprod__sender__rating__star {
  color: #F7AA17;
}
.listaProdutosCorpo .cardprod.theme-orange .cardprod__path-big {
  background: -webkit-repeating-linear-gradient(#F7AA17, #F7AA17 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#F7AA17, #F7AA17 3px, transparent 3px, transparent 6px);
  border-color: #F7AA17;
}
.listaProdutosCorpo .cardprod.theme-red .cardprod__face__colored-side {
  background: #EF5350;
}
.listaProdutosCorpo .cardprod.theme-red .cardprod__face__path {
  background: -webkit-repeating-linear-gradient(#EF5350, #EF5350 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#EF5350, #EF5350 3px, transparent 3px, transparent 6px);
  border-color: #EF5350;
}
.listaProdutosCorpo .cardprod.theme-red .cardprod__header {
  background: #EF5350;
}
.listaProdutosCorpo .cardprod.theme-red .cardprod__sender__rating__star {
  color: #EF5350;
}
.listaProdutosCorpo .cardprod.theme-red .cardprod__path-big {
  background: -webkit-repeating-linear-gradient(#EF5350, #EF5350 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#EF5350, #EF5350 3px, transparent 3px, transparent 6px);
  border-color: #EF5350;
}
.listaProdutosCorpo .cardprod__part {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  border-radius: 11px;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.listaProdutosCorpo .cardprod__part__side {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #fff;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.listaProdutosCorpo .cardprod__part__side.m--back {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.listaProdutosCorpo .cardprod__part__side.m--front {
  background: #fff;
}
.listaProdutosCorpo .cardprod__part-1 {
  top: 0;
  height: 100%;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transform: translateZ(-3px);
          transform: translateZ(-3px);
}
.listaProdutosCorpo .cardprod.flip-step1 .cardprod__part-1 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.listaProdutosCorpo .cardprod.req-closing2 .cardprod__part-1 {
  border-radius: 11px;
}
.listaProdutosCorpo .cardprod__part-2 {
  z-index: 6;
  top: 100%;
  height: 100%;
  -webkit-transform: rotateX(179deg) translateZ(3px);
          transform: rotateX(179deg) translateZ(3px);
  -webkit-transition: border-radius 0.25s, -webkit-transform 0.5s ease-out;
  transition: border-radius 0.25s, -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out, border-radius 0.25s;
  transition: transform 0.5s ease-out, border-radius 0.25s, -webkit-transform 0.5s ease-out;
}
.listaProdutosCorpo .cardprod__part-2 > .m--back {
  overflow: hidden;
  cursor: pointer;
}
.listaProdutosCorpo .cardprod.flip-step1 .cardprod__part-2 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  border-radius: 0;
}
.listaProdutosCorpo .cardprod.req-active1 .cardprod__part-2 {
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform: translate3d(0, -120px, 0);
          transform: translate3d(0, -120px, 0);
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__part-2 {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
  transition: -webkit-transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
  transition: transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
  transition: transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52), -webkit-transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
  -webkit-transform: translate3d(0, 140px, 0);
          transform: translate3d(0, 140px, 0);
}
.listaProdutosCorpo .cardprod.req-closing1 .cardprod__part-2 {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.listaProdutosCorpo .cardprod.req-closing2 .cardprod__part-2 {
  -webkit-transition: border-radius, -webkit-transform;
  transition: border-radius, -webkit-transform;
  transition: transform, border-radius;
  transition: transform, border-radius, -webkit-transform;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transform: rotateX(179deg) translateZ(3px);
          transform: rotateX(179deg) translateZ(3px);
  border-radius: 11px;
}
.listaProdutosCorpo .cardprod__part-3 {
  top: 100%;
  height: 70px;
  -webkit-transform: rotateX(179deg) translateZ(-3px);
          transform: rotateX(179deg) translateZ(-3px);
  -webkit-transition: border-radius 0s 0.5s, -webkit-transform 0.5s;
  transition: border-radius 0s 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, border-radius 0s 0.5s;
  transition: transform 0.5s, border-radius 0s 0.5s, -webkit-transform 0.5s;
}
.listaProdutosCorpo .cardprod__part-3 > .m--back {
  background: #F7EFF7;
}
.listaProdutosCorpo .cardprod.flip-step2 .cardprod__part-3 {
  -webkit-transition: border-radius 0s 0s, -webkit-transform 0.5s;
  transition: border-radius 0s 0s, -webkit-transform 0.5s;
  transition: transform 0.5s, border-radius 0s 0s;
  transition: transform 0.5s, border-radius 0s 0s, -webkit-transform 0.5s;
  border-radius: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.listaProdutosCorpo .cardprod.req-active1 .cardprod__part-3 {
  -webkit-transition: height, -webkit-transform;
  transition: height, -webkit-transform;
  transition: transform, height;
  transition: transform, height, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transform: translate3d(0, -70px, 0);
          transform: translate3d(0, -70px, 0);
  height: 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__part-3 {
  -webkit-transition: height, -webkit-transform;
  transition: height, -webkit-transform;
  transition: transform, height;
  transition: transform, height, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  height: 75px;
}
.listaProdutosCorpo .cardprod.req-closing1 .cardprod__part-3 {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: rotateX(179deg) translateZ(-3px);
          transform: rotateX(179deg) translateZ(-3px);
}
.listaProdutosCorpo .cardprod.req-closing2 .cardprod__part-3 {
  -webkit-transition: border-radius 0.5s;
  transition: border-radius 0.5s;
  border-radius: 11px;
}
.listaProdutosCorpo .cardprod__part-4 {
  top: 100%;
  height: 70px;
  -webkit-transform: rotateX(179deg) translateZ(0);
          transform: rotateX(179deg) translateZ(0);
  -webkit-transition: border-radius 0s 0s, height 0.5s, -webkit-transform 0.5s;
  transition: border-radius 0s 0s, height 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.5s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.5s, -webkit-transform 0.5s;
}
.listaProdutosCorpo .cardprod__part-4 > .m--back {
  background: #F7EFF7;
}
.listaProdutosCorpo .cardprod__part-4 > .m--front {
  padding: 10px 20px;
  opacity: 0;
  -webkit-transition: opacity 0s 0.5s;
  transition: opacity 0s 0.5s;
}
.listaProdutosCorpo .cardprod.flip-step2 .cardprod__part-4 {
  -webkit-transition: border-radius 0s 0s, height 0.33s 0.165s, -webkit-transform 0.5s;
  transition: border-radius 0s 0s, height 0.33s 0.165s, -webkit-transform 0.5s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.33s 0.165s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.33s 0.165s, -webkit-transform 0.5s;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.listaProdutosCorpo .cardprod.flip-step3 .cardprod__part-4 {
  -webkit-transition: border-radius 0s 0s, height 0.33s, -webkit-transform 0.5s;
  transition: border-radius 0s 0s, height 0.33s, -webkit-transform 0.5s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.33s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.33s, -webkit-transform 0.5s;
  height: 85px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.listaProdutosCorpo .cardprod.flip-step3 .cardprod__part-4 > .m--front {
  opacity: 1;
  -webkit-transition: opacity 0s 0s;
  transition: opacity 0s 0s;
}
.listaProdutosCorpo .cardprod.req-closing1 .cardprod__part-4 {
  -webkit-transition: border-radius 0.5s;
  transition: border-radius 0.5s;
  border-radius: 0;
}
.listaProdutosCorpo .cardprod.req-closing2 .cardprod__part-4 {
  -webkit-transition: border-radius 0.5s;
  transition: border-radius 0.5s;
  border-radius: 11px;
}
.listaProdutosCorpo .cardprod__part__inner {
  overflow: hidden;
  position: relative;
  height: 100%;
  border-radius: inherit;
}
.listaProdutosCorpo .cardprod__text {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}
.listaProdutosCorpo .cardprod__text:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
}
.listaProdutosCorpo .cardprod__text p {
  width: 200%;
}
.listaProdutosCorpo .cardprod__text--left {
  left: 0;
}
.listaProdutosCorpo .cardprod__text--right {
  left: 50%;
}
.listaProdutosCorpo .cardprod__text__heading {
  line-height: 1;
  margin-bottom: 3px;
}
.listaProdutosCorpo .cardprod__text__middle {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #4B4D52;
}
.listaProdutosCorpo .cardprod__text__bottom {
  font-size: 14px;
  color: #555A5F;
}
.listaProdutosCorpo .cardprod__face {
  padding: 20px 20px 15px;
}
.listaProdutosCorpo .cardprod__face:after {
  content: "";
  z-index: 5;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 60%, white 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), white 60%, white 100%);
}
.listaProdutosCorpo .cardprod__face__colored-side {
  z-index: -1;
  position: fixed;
  left: 0;
  top: 0;
  width: 7px;
  height: 100%;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.listaProdutosCorpo .cardprod__face:hover .cardprod__face__colored-side {
  width: 80px;
}
.listaProdutosCorpo .cardprod__face__price {
/*margin-top: -3px; */
    font-weight: normal;
    font-size: 22px;
    color: #555A5F;
	    margin-left: 63%;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.listaProdutosCorpo .cardprod__face:hover .cardprod__face__price {
  color: #fff;
}
.listaProdutosCorpo .cardprod__face__divider {
    position: absolute;
    left: 80px;
    top: 35PX;
    width: 1px;
    height: 100%;
    background: #ECECEC;
}
.listaProdutosCorpo .cardprod__face__path {
  position: absolute;
  left: 105px;
  top: 36px;
  width: 2px;
  height: 23px;
}
.listaProdutosCorpo .cardprod__face__path:before, .cardprod__face__path:after {
  content: "";
  position: absolute;
  left: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid;
  border-color: inherit;
}
.listaProdutosCorpo .cardprod__face__path:before {
  top: -11px;
}
.listaProdutosCorpo .cardprod__face__path:after {
  bottom: -9px;
}
.listaProdutosCorpo .cardprod__face__from-to {
    position: absolute;
    /* left: 120px; */
    top: -13px;
    width: 300px;
    /* color: #555A5F; */
    /* font-size: 13px; */
}
.listaProdutosCorpo .cardprod__face__from-to:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #ECECEC;
}
.listaProdutosCorpo .cardprod__face__from-to p:first-child {
  margin-bottom: 42px;
}
.listaProdutosCorpo .cardprod__face__deliv-date {
  position: absolute;
  left: 20px;
  top: 35px;
  color: #9A9E9E;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.listaProdutosCorpo .cardprod__face__deliv-date p {
  color: #606568;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.listaProdutosCorpo .cardprod__face:hover .cardprod__face__deliv-date {
  color: rgba(255, 255, 255, 0.8);
}
.listaProdutosCorpo .cardprod__face:hover .cardprod__face__deliv-date p {
  color: #fff;
}
.listaProdutosCorpo .cardprod__face__stats {
  position: absolute;
  top: 105px;
  color: #B5B5B5;
  text-transform: uppercase;
  font-size: 12px;
}
.listaProdutosCorpo .cardprod__face__stats p {
  font-size: 15px;
  color: #ADADAD;
  font-weight: bold;
}
.listaProdutosCorpo .cardprod__face__stats--req {
  left: 100px;
}
.listaProdutosCorpo .cardprod__face__stats--pledge {
  left: 190px;
}
.listaProdutosCorpo .cardprod__face__stats--weight {
  left: 270px;
}
.listaProdutosCorpo .cardprod__face__stats--weight p {
  text-transform: lowercase;
}
.listaProdutosCorpo .cardprod__header {
  position: relative;
  height: 40px;
  color: rgba(255, 255, 255, 0.8);
}
.listaProdutosCorpo .cardprod__header__close-btn {
  z-index: 2;
  position: absolute;
  left: 12px;
  top: 12px;
  width: 16px;
  height: 16px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  cursor: pointer;
}
.listaProdutosCorpo .cardprod__header__close-btn:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.listaProdutosCorpo .cardprod__header__close-btn:before, .cardprod__header__close-btn:after {
  content: "";
  position: absolute;
  left: -4px;
  top: 7px;
  width: 23px;
  height: 2px;
  background: #fff;
}
.listaProdutosCorpo .cardprod__header__close-btn:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.listaProdutosCorpo .cardprod__header__close-btn:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.listaProdutosCorpo .cardprod__header__id {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  line-height: 40px;
  text-align: center;
}
.listaProdutosCorpo .cardprod__header__price {
  position: absolute;
  right: 10px;
  top: 0;
  line-height: 40px;
}
.listaProdutosCorpo .cardprod__stats {
  position: relative;
  height: 120px;
  background-size: cover;
  background-position: center center;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.listaProdutosCorpo .cardprod__stats:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.listaProdutosCorpo .cardprod.req-active1 .cardprod__stats {
  opacity: 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__stats {
  display: none;
}
.listaProdutosCorpo .cardprod__stats__item {
  position: absolute;
  bottom: 10px;
}
.listaProdutosCorpo .cardprod__stats__item--req {
  z-index: 2;
  left: 20px;
}
.listaProdutosCorpo .cardprod__stats__item--pledge {
  z-index: 1;
  left: 0;
  width: 100%;
  text-align: center;
}
.listaProdutosCorpo .cardprod__stats__item--weight {
  z-index: 2;
  right: 20px;
  text-align: right;
}
.listaProdutosCorpo .cardprod__stats__type {
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.listaProdutosCorpo .cardprod__stats__value {
  font-size: 19px;
  font-weight: bold;
  color: #fff;
}
.listaProdutosCorpo .cardprod__map {
  display: none;
  overflow: hidden;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  height: 110px;
  opacity: 0;
}
.listaProdutosCorpo .cardprod.map-active .cardprod__map {
  display: block;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__map {
  -webkit-transition: height 0.48s;
  transition: height 0.48s;
  height: 310px;
  z-index: 5;
  opacity: 1;
}
.listaProdutosCorpo .cardprod.req-closing1 .cardprod__map {
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  height: 120px;
}
.listaProdutosCorpo .cardprod.req-closing2 .cardprod__map {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
}
.listaProdutosCorpo .cardprod__map__inner {
  position: absolute;
  left: -5%;
  top: -5%;
  width: 110%;
  height: 341px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
  transition: -webkit-transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
  transition: transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
  transition: transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4), -webkit-transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__map__inner {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.listaProdutosCorpo .cardprod__sender {
  position: relative;
  height: 90px;
  padding: 10px 20px 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__sender {
  height: 160px;
}
.listaProdutosCorpo .cardprod__sender:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ECECEC;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__sender:after {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__heading {
  margin-bottom: 5px;
}
.listaProdutosCorpo .cardprod.req-active1 .cardprod__sender__heading {
  -webkit-transition: opacity, margin;
  transition: opacity, margin;
  -webkit-transition-duration: 0.48s;
          transition-duration: 0.48s;
  opacity: 0;
  margin-top: -9px;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__sender__heading {
  pointer-events: none;
}
.listaProdutosCorpo .cardprod__sender__img-cont {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  border-radius: 8px;
}
.listaProdutosCorpo .cardprod__sender__img-cont__inner {
  height: 100%;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.listaProdutosCorpo .cardprod__sender__img {
  width: 100%;
  min-height: 100%;
}
.listaProdutosCorpo .cardprod__sender__name-and-rating {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  max-width: 180px;
  height: 55px;
  margin-top: -5px;
  margin-bottom: 20px;
}
.listaProdutosCorpo .cardprod__sender__name {
  font-size: 18px;
  color: #3B424A;
}
.listaProdutosCorpo .cardprod__sender__rating {
  font-size: 14px;
}
.listaProdutosCorpo .cardprod.req-active1 .cardprod__sender__rating {
  -webkit-transition: opacity 0.48s;
  transition: opacity 0.48s;
  opacity: 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__sender__rating {
  display: none;

}
.listaProdutosCorpo .cardprod__sender__rating__star {
  opacity: 0.3;
}
.listaProdutosCorpo .cardprod__sender__rating-1 .cardprod__sender__rating__star:nth-child(1) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-2 .cardprod__sender__rating__star:nth-child(1) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-2 .cardprod__sender__rating__star:nth-child(2) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-3 .cardprod__sender__rating__star:nth-child(1) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-3 .cardprod__sender__rating__star:nth-child(2) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-3 .cardprod__sender__rating__star:nth-child(3) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-4 .cardprod__sender__rating__star:nth-child(1) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-4 .cardprod__sender__rating__star:nth-child(2) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-4 .cardprod__sender__rating__star:nth-child(3) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-4 .cardprod__sender__rating__star:nth-child(4) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-5 .cardprod__sender__rating__star:nth-child(1) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-5 .cardprod__sender__rating__star:nth-child(2) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-5 .cardprod__sender__rating__star:nth-child(3) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-5 .cardprod__sender__rating__star:nth-child(4) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating-5 .cardprod__sender__rating__star:nth-child(5) {
  opacity: 1;
}
.listaProdutosCorpo .cardprod__sender__rating__count {
  font-size: 12px;
  color: #8C9093;
}
.cardprod__sender__address {
  font-size: 12px;
  color: #8C9093;
  opacity: 0;
  pointer-events: none;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__sender__address {
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 1;
  pointer-events: auto;
}
.listaProdutosCorpo .cardprod__receiver {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__receiver {
  -webkit-transition: height 0.6s;
  transition: height 0.6s;
  height: 65px;
}
.listaProdutosCorpo .cardprod__receiver__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 65px;
}
.listaProdutosCorpo .cardprod__path-big {
  position: absolute;
  right: 26px;
  top: 55px;
  width: 2px;
  height: 57px;
  opacity: 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__path-big {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}
.listaProdutosCorpo .cardprod__path-big:before, .cardprod__path-big:after {
  content: "";
  position: absolute;
  left: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid;
  border-color: inherit;
}
.listaProdutosCorpo .cardprod__path-big:before {
  top: -13px;
}
.listaProdutosCorpo .cardprod__path-big:after {
  bottom: -11px;
}
.listaProdutosCorpo .cardprod__from-to {
  position: relative;
  height: 70px;
  padding: 10px 20px 0;
}
.listaProdutosCorpo .cardprod.req-active1 .cardprod__from-to {
  -webkit-transition: opacity 0.48s;
  transition: opacity 0.48s;
  opacity: 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__from-to {
  display: none;
}
.listaProdutosCorpo .cardprod__from-to__inner {
  position: relative;
  height: 100%;
}
.listaProdutosCorpo .cardprod__from-to__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%;
  height: 1px;
  background: #ECECEC;
}
.listaProdutosCorpo .cardprod__timings {
  position: relative;
  height: 100%;
  padding: 10px 20px 0;
}
.listaProdutosCorpo .cardprod.req-active1 .cardprod__timings {
  -webkit-transition: opacity 0.48s;
  transition: opacity 0.48s;
  opacity: 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__timings {
  display: none;
}
.listaProdutosCorpo .cardprod__timings__inner {
  position: relative;
  height: 100%;
}
.listaProdutosCorpo .cardprod__timer {
  display: none;
  margin-top: 22px;
  font-size: 30px;
  color: #A4ADAD;
  text-align: center;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__timer {
  display: block;
}
.listaProdutosCorpo .cardprod__request-btn {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #FFBD18;
  text-transform: uppercase;
  font-size: 18px;
  color: #3F2F1F;
  outline: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  letter-spacing: 0;
  -webkit-transition: letter-spacing 0.3s;
  transition: letter-spacing 0.3s;
}
.listaProdutosCorpo .cardprod__request-btn__text-1 {
  -webkit-transition: opacity 0.48s;
  transition: opacity 0.48s;
}
.listaProdutosCorpo .cardprod.req-active1 .cardprod__request-btn__text-1 {
  opacity: 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__request-btn__text-1 {
  display: none;
}
.listaProdutosCorpo .cardprod__request-btn__text-2 {
  z-index: -5;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__request-btn__text-2 {
  z-index: 1;
  opacity: 1;
}
.listaProdutosCorpo .cardprod__request-btn:hover {
  letter-spacing: 5px;
}
.listaProdutosCorpo .cardprod__counter {
  position: absolute;
  left: 0;
  top: 57px;
  width: 100%;
  font-size: 14px;
  color: #A2A2A5;
  text-align: center;
  -webkit-transition: opacity 0.48s;
  transition: opacity 0.48s;
}
.listaProdutosCorpo .cardprod.req-active1 .cardprod__counter {
  opacity: 0;
}
.listaProdutosCorpo .cardprod.req-active2 .cardprod__counter {
  display: none;
}


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

.listaDadosRestaurante {
	

}

.listaDadosRestaurante .item{
	background-color: white;
	margin-bottom: 24px;
	box-shadow: 0 20px 20px rgba(0,0,0,.03);
}

.listaDadosRestaurante .header_data{

	background-color: #C03;
	font-size:15px;
	color:#FFF;
	
}

.listaDadosRestaurante .header_subdata{

	background-color: lightblue;
	font-size:13px;
	color:#FFF;
	
}
.listaDadosRestaurante .header_data_total{

    background-color: initial;
    font-size: 26px;
    color: #333;
    text-align: right;
	padding: 1px;
	width:30%;
	padding-left:55%;
	display:inline-table;
}

.listaDadosRestaurante .header_data_total2{

    background-color: initial;
    font-size: 20px;
    color: gainsboro;
    text-align: left;
	padding: 1px;
	padding-left:2%;
	top:50px;
	width:70%;
	display:inline-table;
}



.listaExtrato {
	

}

.listaExtrato .item{
	
	background-color: white;
	margin-bottom: 24px;
	    box-shadow: 0 20px 20px rgba(0,0,0,.03);
}


.listaExtrato .header_data{

	background-color: lightblue;
	font-size:13px;
	color:#FFF;
	
}

.listaExtrato .header_data_total{

    background-color: initial;
    font-size: 24px;
    color: gainsboro;
    text-align: left;
	padding: 6px;
		   

	
}

.listaExtrato .inneritem{

	/*margin-bottom: 10px;*/
	border-bottom: none;
	margin-left: 7px;
	display: flex;
    /*height: 63px;*/
	
}

.listaExtrato .valor{
	font-size: 0.9em;position: absolute;top: 0px;right: 15px;width: 25%;text-align: right;
}


.listaExtrato .itemDetails {
    font-size: 0.752em;
    clear: both;
	line-height: 21px;
	color:#FFF;
	border-top: none;
	background-color: ghostwhite;
}


.listaExtrato .up{
	color:#7192FF;
}

.listaExtrato .down{
	color:#E5615C;
}

.listaExtrato .itemName{
	
	/*font-size: small;
    color: darkgray;
    float: inherit;
    line-height: 23px;
    width: 70%;
    word-wrap: break-word;
    height: 11px;
    margin-top: 10px;
	margin-left: 5px;*/
	
}

.listaExtrato .itemName span{
	
    font-size: small;
    color: darkgray;
    float: inherit;
    line-height: 23px;
    width: 70%;
    word-wrap: break-word;
    /*height: 11px;*/
    /* margin-top: 10px; */
    margin-left: 5px;
	
}


.listaExtrato .badge{


    /* padding: 2px 6px; */
    /* border-radius: 4px 0px 0px 4px; */
    border-radius: 29px;
    margin: 3px 0px 0px 0px;
    float: left;
    /* border-right-width: 20px; */
    /* border-right: #E7E6E2; */
    /* background-color: #F7F3F0; */
   /* background-color: #00869C;*/

    color: #FFF;
    /* border-right-style: solid; */
    width: 40px;
    height: 40px;
    text-align: center;
    /* top: 49%; */
    /* margin-top: 10px; */
    /* display: table-cell; */
    /* vertical-align: middle; */
    line-height: 40px;
	display: inline-table;

}

.listaExtrato .badge i{
	
	 float: initial;
    display: initial;
	font-size:18px;
	
}




.listaExtratoTotal {
	margin: 10px 0 0 25%;
}
.listaExtratoTotal .gauge-container {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  top: 4px;
  left: 4px;
  border: 4px solid transparent;
}

.listaExtratoTotal .gauge-container:hover {
  border-color: #CCC;
}

.listaExtratoTotal .gauge {
    position: relative;
    top: 10px;
    left: 10px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(255, 67, 67, 0.74);
    border: 1px solid rgba(94, 217, 235, 0.13);
    z-index: 1;
}

.listaExtratoTotal .semi-circle {
	width: 150px;
    height: 150px;
    border: 10px solid lightskyblue;
    border-radius: 50%;
    position: absolute;
   /* clip: rect(0, 85px, 170px, 0);*/
    left: 0;
    top: 0;
}


.listaExtratoTotal .gauge-10-percent .semi-circle-right {
  transform: rotate(36deg); /* 10% => 10/100 = x/360*/
}

.listaExtratoTotal .gauge-25-percent .semi-circle-right {
  transform: rotate(90deg); /* 25% => 25/100 = x/360*/
}

.listaExtratoTotal .gauge-50-percent .semi-circle-right {
  transform: rotate(180deg); /* 50% => 50/100 = x/360*/
}

/* more than 50% */
/*full right semi circle*/
.listaExtratoTotal .gauge-75-percent .semi-circle-right {
  transform: rotate(180deg); /* 50% => 50/100 = x/360*/
}

.listaExtratoTotal .gauge-75-percent .semi-circle-left {
  transform: rotate(270deg); /* 75% => 75/100 = x/360*/
}

.listaExtratoTotal .gauge-90-percent .semi-circle-right {
  transform: rotate(180deg); /* 50% => 50/100 = x/360*/
}

.listaExtratoTotal .gauge-90-percent .semi-circle-left {
  transform: rotate(324deg); /* 90% => 90/100 = x/360*/
}

.listaExtratoTotal .circle-progressbar {
  position: absolute;
  top: -10px;
  left: -10px
}

/*
if less than 50 percent :
Had a wrapper on the left side.
*/
.listaExtratoTotal .circle-progressbar-less-50 .circle-progressbar {
  clip: rect(0, 170px, 170px, 85px);
}

/* Optional */
.listaExtratoTotal .gauge-infos {
    width: 150px;
    height: 150px;
    color: #FFF;
    text-align: center;
    padding-top: 56px;
    font-size: 25px;
}

.listaExtratoTotal .gauge-infos span {
	position: relative;
    top: -15px;
    width: 150px;
    /* height: 150px; */
    /* top: 0; */
    /* text-align: center; */
    /* padding-top: 56px; */
    /* font-family: Arial; */
    font-size: 10px;
    /* margin-top: -30px; */
    display: inline-block;
}

.cmbNomeRest {
	padding-top:15px;
}



.listaConsulta {
	margin: 0px 0 0 0%;
	display:inline-table;
	padding-left:6.2%;
	
}

.listaConsulta .gauge-container:hover {
  border-color: #CCC;
}

.listaConsulta .gauge {
    position: relative;
    top: 25px;
    left: 1px;
    width: 127px;
    height: 90px;
    border-radius: 0%;
    /*background: rgba(255, 67, 67, 0.74);*/
    background: #9CC;
    z-index: 1;
}

.listaConsulta .gaugeN {
    position: relative;
    top: 25px;
    left: 1px;
    width: 107px;
    height: 150px;
    border-radius: 0%;
    /*background: rgba(255, 67, 67, 0.74);*/
    background: #F4978C;
    z-index: 1;
	
}

.listaConsulta .gaugeN2 {
    position: relative;
    top: 25px;
    left: 1px;
    width: 107px;
    height: 120px;
    border-radius: 0%;
    /*background: rgba(255, 67, 67, 0.74);*/
    background: #9CC;
    z-index: 1;
	
}

.listaConsulta .semi-circle {
	width: 115px;
    height: 80px;
    border: 7px solid #066;
    border-radius: 0%;
    position: absolute;
    left: 0;
}


.listaConsulta .semi-circleN {
	width: 100px;
    height: 135px;
    border: 7px solid #903;
    border-radius: 0%;
    position: absolute;
    left: 0;
}

.listaConsulta .semi-circleN2 {
	width: 100px;
    height: 110px;
    border: 7px solid #066;
    border-radius: 0%;
    position: absolute;
    left: 0;
}

.listaConsulta .gauge-infos {
    width: 120px;
    height: 90px;
    color: #FFF;
    text-align: center;
    padding-top: 25px;
    font-size: 15px;
	top: 20px;
}

.listaConsulta .gauge-infos span {
	position: relative;
    top: -4px;
    width: 100px;
    font-size: 12px;
    display: inline-block;
}

.listaConsulta .gauge-infos label {
	position: relative;
    top: -10px;
    width: 100px;
    font-size: 18px;
    display: inline-block;
}

.listaConsulta .gauge-infos sizeword {
    font-size: 18px;
}

.Desc {
	position: relative;
    top: -7px;
    width: 100px;
    font-size: 13px;
    display: inline-block;
}

.divFaleC {
	padding-left:20px;
	padding-top:20px;
	
}

.txtFaleC {
	width: 90%;
	height: 50px;
	border-radius: 6px;
    box-sizing: border-box;
	text-align:left;
	font-size:18px;	
}

.lblFaleC {
	width: 90%;
	height: 50px;
	text-align:left;
	font-size:18px;	
}

.textAreaFaleC {
	width: 90%;
	height: 50px;
	border-radius: 6px;
    box-sizing: border-box;
	text-align:center;
	font-size:18px;	
}

.listaConsultaGeral {
	margin: 0px 0 0 0%;
	display:inline-table;
	padding-left:7%;
}

.listaConsultaGeral .gauge-container:hover {
  border-color: #CCC;
}

.listaConsultaGeral .gauge {
    position: relative;
    top: 10px;
    left: 0px;
    width: 80px;
    height: 80px;
    border-radius: 0%;
    /*background: rgba(255, 67, 67, 0.74);*/
    background: rgba(255,153,51,0.74);
    z-index: 1;
}

.listaConsultaGeral .semi-circle {
	width: 70px;
    height: 70px;
    border: 5px solid lightskyblue;
    border-radius: 0%;
    position: absolute;
    left: 0;
    top: 0;
}

.listaConsultaGeral .gauge-infos {
    width: 80px;
    height: 80px;
    color: #FFF;
    text-align: center;
    padding-top: 15px;
    font-size: 13px;
}

.listaConsultaGeral .gauge-infos span {
	position: relative;
    top: 7px;
    width: 80px;
    font-size: 12px;
    display: inline-block;
}

.listaExtrato .card {
  z-index: 1;
  position: relative;
  width: 90%;
  height: 160px;
  margin-left: 18px;
  margin-bottom: 15px;
  -webkit-perspective: 2000px;
          perspective: 2000px;
  -webkit-transition: margin 0.4s 0.1s;
  transition: margin 0.4s 0.1s;
}
.listaExtrato .card.active {
  -webkit-transition: margin 0.4s;
  transition: margin 0.4s;
}
.listaExtrato .card.flip-step1 {
  margin-bottom: 175px;
}
.listaExtrato .card.flip-step2 {
  margin-bottom: 245px;
}
.listaExtrato .card.flip-step3 {
  margin-bottom: 330px;
}
.listaExtrato .card.req-active1 {
  -webkit-transition: margin 0.6s cubic-bezier(0.77, 0.03, 0.83, 0.67);
  transition: margin 0.6s cubic-bezier(0.77, 0.03, 0.83, 0.67);
  margin-bottom: 55px;
}
.listaExtrato .card.req-active2 {
  -webkit-transition: margin 0.6s cubic-bezier(0.31, 0.14, 0.48, 1.52);
  transition: margin 0.6s cubic-bezier(0.31, 0.14, 0.48, 1.52);
  margin-bottom: 477px;
}
.listaExtrato .card.req-closing1 {
  -webkit-transition: margin 0.5s;
  transition: margin 0.5s;
  margin-bottom: 175px;
}
.listaExtrato .card.req-closing2 {
  -webkit-transition: margin 0.5s;
  transition: margin 0.5s;
  margin-bottom: 15px;
}
.listaExtrato .card.hidden-hack .card__part-2 > .m--front {
  display: none;
}
.listaExtrato .card.no-transition {
  -webkit-transition: all 0s 0s !important;
  transition: all 0s 0s !important;
}
.listaExtrato .card.no-transition * {
  -webkit-transition: all 0s 0s !important;
  transition: all 0s 0s !important;
}
.listaExtrato .card.theme-purple .card__face__colored-side {
  background: #BA68C8;
}
.listaExtrato .card.theme-purple .card__face__path {
  background: -webkit-repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, transparent 6px);
  border-color: #BA68C8;
}
.listaExtrato .card.theme-purple .card__header {
  background: #BA68C8;
}
.listaExtrato .card.theme-purple .card__sender__rating__star {
  color: #BA68C8;
}
.listaExtrato .card.theme-purple .card__path-big {
  background: -webkit-repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#BA68C8, #BA68C8 3px, transparent 3px, transparent 6px);
  border-color: #BA68C8;
}
.listaExtrato .card.theme-green .card__face__colored-side {
  background: #52A43A;
}
.listaExtrato .card.theme-green .card__face__path {
  background: -webkit-repeating-linear-gradient(#52A43A, #52A43A 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#52A43A, #52A43A 3px, transparent 3px, transparent 6px);
  border-color: #52A43A;
}
.listaExtrato .card.theme-green .card__header {
  background: #52A43A;
}
.listaExtrato .card.theme-green .card__sender__rating__star {
  color: #52A43A;
}
.listaExtrato .card.theme-green .card__path-big {
  background: -webkit-repeating-linear-gradient(#52A43A, #52A43A 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#52A43A, #52A43A 3px, transparent 3px, transparent 6px);
  border-color: #52A43A;
}
.listaExtrato .card.theme-orange .card__face__colored-side {
  background: #F7AA17;
}
.listaExtrato .card.theme-orange .card__face__path {
  background: -webkit-repeating-linear-gradient(#F7AA17, #F7AA17 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#F7AA17, #F7AA17 3px, transparent 3px, transparent 6px);
  border-color: #F7AA17;
}
.listaExtrato .card.theme-orange .card__header {
  background: #F7AA17;
}
.listaExtrato .card.theme-orange .card__sender__rating__star {
  color: #F7AA17;
}
.listaExtrato .card.theme-orange .card__path-big {
  background: -webkit-repeating-linear-gradient(#F7AA17, #F7AA17 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#F7AA17, #F7AA17 3px, transparent 3px, transparent 6px);
  border-color: #F7AA17;
}
.listaExtrato .card.theme-red .card__face__colored-side {
  background: #EF5350;
}
.listaExtrato .card.theme-red .card__face__path {
  background: -webkit-repeating-linear-gradient(#EF5350, #EF5350 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#EF5350, #EF5350 3px, transparent 3px, transparent 6px);
  border-color: #EF5350;
}
.listaExtrato .card.theme-red .card__header {
  background: #EF5350;
}
.listaExtrato .card.theme-red .card__sender__rating__star {
  color: #EF5350;
}
.listaExtrato .card.theme-red .card__path-big {
  background: -webkit-repeating-linear-gradient(#EF5350, #EF5350 3px, transparent 3px, transparent 6px);
  background: repeating-linear-gradient(#EF5350, #EF5350 3px, transparent 3px, transparent 6px);
  border-color: #EF5350;
}
.listaExtrato .card__part {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  border-radius: 11px;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.listaExtrato .card__part__side {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #fff;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.listaExtrato .card__part__side.m--back {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.listaExtrato .card__part__side.m--front {
  background: #fff;
}
.listaExtrato .card__part-1 {
  top: 0;
  height: 100%;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  -webkit-transform: translateZ(-3px);
          transform: translateZ(-3px);
}
.listaExtrato .card.flip-step1 .card__part-1 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.listaExtrato .card.req-closing2 .card__part-1 {
  border-radius: 11px;
}
.listaExtrato .card__part-2 {
  z-index: 6;
  top: 100%;
  height: 100%;
  -webkit-transform: rotateX(179deg) translateZ(3px);
          transform: rotateX(179deg) translateZ(3px);
  -webkit-transition: border-radius 0.25s, -webkit-transform 0.5s ease-out;
  transition: border-radius 0.25s, -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out, border-radius 0.25s;
  transition: transform 0.5s ease-out, border-radius 0.25s, -webkit-transform 0.5s ease-out;
}
.listaExtrato .card__part-2 > .m--back {
  overflow: hidden;
  cursor: pointer;
}
.listaExtrato .card.flip-step1 .card__part-2 {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  border-radius: 0;
}
.listaExtrato .card.req-active1 .card__part-2 {
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  -webkit-transform: translate3d(0, -120px, 0);
          transform: translate3d(0, -120px, 0);
}
.listaExtrato .card.req-active2 .card__part-2 {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
  transition: -webkit-transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
  transition: transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
  transition: transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52), -webkit-transform 0.6s cubic-bezier(0.61, 0.14, 0.18, 1.52);
  -webkit-transform: translate3d(0, 140px, 0);
          transform: translate3d(0, 140px, 0);
}
.listaExtrato .card.req-closing1 .card__part-2 {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.listaExtrato .card.req-closing2 .card__part-2 {
  -webkit-transition: border-radius, -webkit-transform;
  transition: border-radius, -webkit-transform;
  transition: transform, border-radius;
  transition: transform, border-radius, -webkit-transform;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transform: rotateX(179deg) translateZ(3px);
          transform: rotateX(179deg) translateZ(3px);
  border-radius: 11px;
}
.listaExtrato .card__part-3 {
  top: 100%;
  height: 70px;
  -webkit-transform: rotateX(179deg) translateZ(-3px);
          transform: rotateX(179deg) translateZ(-3px);
  -webkit-transition: border-radius 0s 0.5s, -webkit-transform 0.5s;
  transition: border-radius 0s 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, border-radius 0s 0.5s;
  transition: transform 0.5s, border-radius 0s 0.5s, -webkit-transform 0.5s;
}
.listaExtrato .card__part-3 > .m--back {
  background: #F7EFF7;
}
.listaExtrato .card.flip-step2 .card__part-3 {
  -webkit-transition: border-radius 0s 0s, -webkit-transform 0.5s;
  transition: border-radius 0s 0s, -webkit-transform 0.5s;
  transition: transform 0.5s, border-radius 0s 0s;
  transition: transform 0.5s, border-radius 0s 0s, -webkit-transform 0.5s;
  border-radius: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.listaExtrato .card.req-active1 .card__part-3 {
  -webkit-transition: height, -webkit-transform;
  transition: height, -webkit-transform;
  transition: transform, height;
  transition: transform, height, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transform: translate3d(0, -70px, 0);
          transform: translate3d(0, -70px, 0);
  height: 0;
}
.listaExtrato .card.req-active2 .card__part-3 {
  -webkit-transition: height, -webkit-transform;
  transition: height, -webkit-transform;
  transition: transform, height;
  transition: transform, height, -webkit-transform;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  height: 75px;
}
.listaExtrato .card.req-closing1 .card__part-3 {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: rotateX(179deg) translateZ(-3px);
          transform: rotateX(179deg) translateZ(-3px);
}
.listaExtrato .card.req-closing2 .card__part-3 {
  -webkit-transition: border-radius 0.5s;
  transition: border-radius 0.5s;
  border-radius: 11px;
}
.listaExtrato .card__part-4 {
  top: 100%;
  height: 70px;
  -webkit-transform: rotateX(179deg) translateZ(0);
          transform: rotateX(179deg) translateZ(0);
  -webkit-transition: border-radius 0s 0s, height 0.5s, -webkit-transform 0.5s;
  transition: border-radius 0s 0s, height 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.5s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.5s, -webkit-transform 0.5s;
}
.listaExtrato .card__part-4 > .m--back {
  background: #F7EFF7;
}
.listaExtrato .card__part-4 > .m--front {
  padding: 10px 20px;
  opacity: 0;
  -webkit-transition: opacity 0s 0.5s;
  transition: opacity 0s 0.5s;
}
.listaExtrato .card.flip-step2 .card__part-4 {
  -webkit-transition: border-radius 0s 0s, height 0.33s 0.165s, -webkit-transform 0.5s;
  transition: border-radius 0s 0s, height 0.33s 0.165s, -webkit-transform 0.5s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.33s 0.165s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.33s 0.165s, -webkit-transform 0.5s;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.listaExtrato .card.flip-step3 .card__part-4 {
  -webkit-transition: border-radius 0s 0s, height 0.33s, -webkit-transform 0.5s;
  transition: border-radius 0s 0s, height 0.33s, -webkit-transform 0.5s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.33s;
  transition: transform 0.5s, border-radius 0s 0s, height 0.33s, -webkit-transform 0.5s;
  height: 85px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.listaExtrato .card.flip-step3 .card__part-4 > .m--front {
  opacity: 1;
  -webkit-transition: opacity 0s 0s;
  transition: opacity 0s 0s;
}
.listaExtrato .card.req-closing1 .card__part-4 {
  -webkit-transition: border-radius 0.5s;
  transition: border-radius 0.5s;
  border-radius: 0;
}
.listaExtrato .card.req-closing2 .card__part-4 {
  -webkit-transition: border-radius 0.5s;
  transition: border-radius 0.5s;
  border-radius: 11px;
}
.listaExtrato .card__part__inner {
  overflow: hidden;
  position: relative;
  height: 100%;
  border-radius: inherit;
}
.listaExtrato .card__text {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}
.listaExtrato .card__text:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
}
.listaExtrato .card__text p {
  width: 200%;
}
.listaExtrato .card__text--left {
  left: 0;
}
.listaExtrato .card__text--right {
  left: 50%;
}
.listaExtrato .card__text__heading {
  line-height: 1;
  margin-bottom: 3px;
}
.listaExtrato .card__text__middle {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #4B4D52;
}
.listaExtrato .card__text__bottom {
  font-size: 14px;
  color: #555A5F;
}
.listaExtrato .card__face {
  padding: 20px 20px 15px;
}
.listaExtrato .card__face:after {
  content: "";
  z-index: 5;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 60%, white 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), white 60%, white 100%);
}
.listaExtrato .card__face__colored-side {
  z-index: -1;
  position: fixed;
  left: 0;
  top: 0;
  width: 7px;
  height: 100%;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.listaExtrato .card__face:hover .card__face__colored-side {
  width: 80px;
}
.listaExtrato .card__face__price {
  margin-top: -3px;
  font-weight: normal;
  font-size: 22px;
  color: #555A5F;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.listaExtrato .card__face:hover .card__face__price {
  color: #fff;
}
.listaExtrato .card__face__divider {
  position: absolute;
  left: 80px;
  top: 10px;
  width: 1px;
  height: calc(100% - 20px);
  background: #ECECEC;
}
.listaExtrato .card__face__path {
  position: absolute;
  left: 105px;
  top: 36px;
  width: 2px;
  height: 23px;
}
.listaExtrato .card__face__path:before, .card__face__path:after {
  content: "";
  position: absolute;
  left: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid;
  border-color: inherit;
}
.listaExtrato .card__face__path:before {
  top: -11px;
}
.listaExtrato .card__face__path:after {
  bottom: -9px;
}
.listaExtrato .card__face__from-to {
  position: absolute;
  left: 120px;
  top: 20px;
  width: 300px;
  color: #555A5F;
  font-size: 13px;
}
.listaExtrato .card__face__from-to:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #ECECEC;
}
.listaExtrato .card__face__from-to p:first-child {
  margin-bottom: 15px;
}
.listaExtrato .card__face__deliv-date {
  position: absolute;
  left: 20px;
  top: 105px;
  color: #9A9E9E;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.listaExtrato .card__face__deliv-date p {
  color: #606568;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.listaExtrato .card__face:hover .card__face__deliv-date {
  color: rgba(255, 255, 255, 0.8);
}
.listaExtrato .card__face:hover .card__face__deliv-date p {
  color: #fff;
}
.listaExtrato .card__face__stats {
  position: absolute;
  top: 105px;
  color: #B5B5B5;
  text-transform: uppercase;
  font-size: 12px;
}
.listaExtrato .card__face__stats p {
  font-size: 15px;
  color: #ADADAD;
  font-weight: bold;
}
.listaExtrato .card__face__stats--req {
  left: 100px;
}
.listaExtrato .card__face__stats--pledge {
  left: 190px;
}
.listaExtrato .card__face__stats--weight {
  left: 270px;
}
.listaExtrato .card__face__stats--weight p {
  text-transform: lowercase;
}
.listaExtrato .card__header {
  position: relative;
  height: 40px;
  color: rgba(255, 255, 255, 0.8);
}
.listaExtrato .card__header__close-btn {
  z-index: 2;
  position: absolute;
  left: 12px;
  top: 12px;
  width: 16px;
  height: 16px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  cursor: pointer;
}
.listaExtrato .card__header__close-btn:hover {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.listaExtrato .card__header__close-btn:before, .card__header__close-btn:after {
  content: "";
  position: absolute;
  left: -4px;
  top: 7px;
  width: 23px;
  height: 2px;
  background: #fff;
}
.listaExtrato .card__header__close-btn:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.listaExtrato .card__header__close-btn:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.listaExtrato .card__header__id {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  line-height: 40px;
  text-align: center;
}
.listaExtrato .card__header__price {
  position: absolute;
  right: 10px;
  top: 0;
  line-height: 40px;
}
.listaExtrato .card__stats {
  position: relative;
  height: 120px;
  background-size: cover;
  background-position: center center;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.listaExtrato .card__stats:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.listaExtrato .card.req-active1 .card__stats {
  opacity: 0;
}
.listaExtrato .card.req-active2 .card__stats {
  display: none;
}
.listaExtrato .card__stats__item {
  position: absolute;
  bottom: 10px;
}
.listaExtrato .card__stats__item--req {
  z-index: 2;
  left: 20px;
}
.listaExtrato .card__stats__item--pledge {
  z-index: 1;
  left: 0;
  width: 100%;
  text-align: center;
}
.listaExtrato .card__stats__item--weight {
  z-index: 2;
  right: 20px;
  text-align: right;
}
.listaExtrato .card__stats__type {
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.listaExtrato .card__stats__value {
  font-size: 19px;
  font-weight: bold;
  color: #fff;
}
.listaExtrato .card__map {
  display: none;
  overflow: hidden;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  height: 110px;
  opacity: 0;
}
.listaExtrato .card.map-active .card__map {
  display: block;
}
.listaExtrato .card.req-active2 .card__map {
  -webkit-transition: height 0.48s;
  transition: height 0.48s;
  height: 310px;
  z-index: 5;
  opacity: 1;
}
.listaExtrato .card.req-closing1 .card__map {
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  height: 120px;
}
.listaExtrato .card.req-closing2 .card__map {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
}
.listaExtrato .card__map__inner {
  position: absolute;
  left: -5%;
  top: -5%;
  width: 110%;
  height: 341px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
  transition: -webkit-transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
  transition: transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
  transition: transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4), -webkit-transform 0.6s cubic-bezier(0.8, -1.4, 0.8, 1.4);
}
.listaExtrato .card.req-active2 .card__map__inner {
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}
.listaExtrato .card__sender {
  position: relative;
  height: 90px;
  padding: 10px 20px 0;
}
.listaExtrato .card.req-active2 .card__sender {
  height: 160px;
}
.listaExtrato .card__sender:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ECECEC;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
}
.listaExtrato .card.req-active2 .card__sender:after {
  opacity: 1;
}
.listaExtrato .card__sender__heading {
  margin-bottom: 5px;
}
.listaExtrato .card.req-active1 .card__sender__heading {
  -webkit-transition: opacity, margin;
  transition: opacity, margin;
  -webkit-transition-duration: 0.48s;
          transition-duration: 0.48s;
  opacity: 0;
  margin-top: -9px;
}
.listaExtrato .card.req-active2 .card__sender__heading {
  pointer-events: none;
}
.listaExtrato .card__sender__img-cont {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  border-radius: 8px;
}
.listaExtrato .card__sender__img-cont__inner {
  height: 100%;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.listaExtrato .card__sender__img {
  width: 100%;
  min-height: 100%;
}
.listaExtrato .card__sender__name-and-rating {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  max-width: 180px;
  height: 55px;
  margin-top: -5px;
  margin-bottom: 20px;
}
.listaExtrato .card__sender__name {
  font-size: 18px;
  color: #3B424A;
}
.listaExtrato .card__sender__rating {
  font-size: 14px;
}
.listaExtrato .card.req-active1 .card__sender__rating {
  -webkit-transition: opacity 0.48s;
  transition: opacity 0.48s;
  opacity: 0;
}
.listaExtrato .card.req-active2 .card__sender__rating {
  display: none;

}
.listaExtrato .card__sender__rating__star {
  opacity: 0.3;
}
.listaExtrato .card__sender__rating-1 .card__sender__rating__star:nth-child(1) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-2 .card__sender__rating__star:nth-child(1) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-2 .card__sender__rating__star:nth-child(2) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-3 .card__sender__rating__star:nth-child(1) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-3 .card__sender__rating__star:nth-child(2) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-3 .card__sender__rating__star:nth-child(3) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-4 .card__sender__rating__star:nth-child(1) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-4 .card__sender__rating__star:nth-child(2) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-4 .card__sender__rating__star:nth-child(3) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-4 .card__sender__rating__star:nth-child(4) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-5 .card__sender__rating__star:nth-child(1) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-5 .card__sender__rating__star:nth-child(2) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-5 .card__sender__rating__star:nth-child(3) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-5 .card__sender__rating__star:nth-child(4) {
  opacity: 1;
}
.listaExtrato .card__sender__rating-5 .card__sender__rating__star:nth-child(5) {
  opacity: 1;
}
.listaExtrato .card__sender__rating__count {
  font-size: 12px;
  color: #8C9093;
}
.listaExtrato .card__sender__address {
  font-size: 12px;
  color: #8C9093;
  opacity: 0;
  pointer-events: none;
}
.listaExtrato .card.req-active2 .card__sender__address {
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 1;
  pointer-events: auto;
}
.listaExtrato .card__receiver {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
}
.listaExtrato .card.req-active2 .card__receiver {
  -webkit-transition: height 0.6s;
  transition: height 0.6s;
  height: 65px;
}
.listaExtrato .card__receiver__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 65px;
}
.listaExtrato .card__path-big {
  position: absolute;
  right: 26px;
  top: 55px;
  width: 2px;
  height: 57px;
  opacity: 0;
}
.listaExtrato .card.req-active2 .card__path-big {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
}
.listaExtrato .card__path-big:before, .card__path-big:after {
  content: "";
  position: absolute;
  left: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid;
  border-color: inherit;
}
.listaExtrato .card__path-big:before {
  top: -13px;
}
.listaExtrato .card__path-big:after {
  bottom: -11px;
}
.listaExtrato .card__from-to {
  position: relative;
  height: 70px;
  padding: 10px 20px 0;
}
.listaExtrato .card.req-active1 .card__from-to {
  -webkit-transition: opacity 0.48s;
  transition: opacity 0.48s;
  opacity: 0;
}
.listaExtrato .card.req-active2 .card__from-to {
  display: none;
}
.listaExtrato .card__from-to__inner {
  position: relative;
  height: 100%;
}
.listaExtrato .card__from-to__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%;
  height: 1px;
  background: #ECECEC;
}
.listaExtrato .card__timings {
  position: relative;
  height: 100%;
  padding: 10px 20px 0;
}
.listaExtrato .card.req-active1 .card__timings {
  -webkit-transition: opacity 0.48s;
  transition: opacity 0.48s;
  opacity: 0;
}
.listaExtrato .card.req-active2 .card__timings {
  display: none;
}
.listaExtrato .card__timings__inner {
  position: relative;
  height: 100%;
}
.listaExtrato .card__timer {
  display: none;
  margin-top: 22px;
  font-size: 30px;
  color: #A4ADAD;
  text-align: center;
}
.listaExtrato .card.req-active2 .card__timer {
  display: block;
}
.listaExtrato .card__request-btn {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #FFBD18;
  text-transform: uppercase;
  font-size: 18px;
  color: #3F2F1F;
  outline: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  letter-spacing: 0;
  -webkit-transition: letter-spacing 0.3s;
  transition: letter-spacing 0.3s;
}
.listaExtrato .card__request-btn__text-1 {
  -webkit-transition: opacity 0.48s;
  transition: opacity 0.48s;
}
.listaExtrato .card.req-active1 .card__request-btn__text-1 {
  opacity: 0;
}
.listaExtrato .card.req-active2 .card__request-btn__text-1 {
  display: none;
}
.listaExtrato .card__request-btn__text-2 {
  z-index: -5;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.listaExtrato .card.req-active2 .card__request-btn__text-2 {
  z-index: 1;
  opacity: 1;
}
.listaExtrato .card__request-btn:hover {
  letter-spacing: 5px;
}
.listaExtrato .card__counter {
  position: absolute;
  left: 0;
  top: 57px;
  width: 100%;
  font-size: 14px;
  color: #A2A2A5;
  text-align: center;
  -webkit-transition: opacity 0.48s;
  transition: opacity 0.48s;
}
.listaExtrato .card.req-active1 .card__counter {
  opacity: 0;
}
.listaExtrato .card.req-active2 .card__counter {
  display: none;
}







.listaExtrato .list-view {
  -ms-flex-preferred-size: 63%;
      flex-basis: 63%;
  overflow-y: scroll;
  overflow-x: hidden;
  display: block;
}
.listaExtrato .list-view::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: rgba(39, 45, 84, 0.3);
}
.listaExtrato .list-view::-webkit-scrollbar {
  width: 5px;
  background-color: rgba(39, 45, 84, 0.3);
}
.listaExtrato .list-view::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(39, 45, 84, 0.3);
}
.listaExtrato .list-view .wrapper {
  width: 600px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: hidden;
}
.listaExtrato .list-view .wrapper:first-child {
  margin-top: 4px;
}
.listaExtrato .list-view .wrapper:last-child {
  margin-bottom: 4px;
}
.listaExtrato .list-view .wrapper .item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 300px;
  height: 80px;
  margin: auto 10px auto 0px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 0 50px 50px 0;
  -webkit-transition: -webkit-transform 0.4s ease-out 0.4s;
  transition: -webkit-transform 0.4s ease-out 0.4s;
  transition: transform 0.4s ease-out 0.4s;
  transition: transform 0.4s ease-out 0.4s, -webkit-transform 0.4s ease-out 0.4s;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.listaExtrato .list-view .wrapper .item.shifted {
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.listaExtrato .list-view .wrapper .item .icon {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
}
.listaExtrato .list-view .wrapper .item .icon i.fa:before {
  border-radius: 50%;
  border: solid 1px rgba(255, 255, 255, 0.3);
  padding: 10px;
  font-size: 20px;
}
.listaExtrato .list-view .wrapper .item .details {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.listaExtrato .list-view .wrapper .item .details .cost {
  font-size: 18px;
  font-weight: 700;
  color: #E72159;
}

.listaExtrato .list-view .wrapper .item .details .place {
  font-size: 10px;
}
.listaExtrato .list-view .wrapper .item .details .address {
  font-size: 10px;
  /*color: rgba(255, 255, 255, 0.3);*/
}
.listaExtrato .list-view .wrapper .item .time {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  /*color: rgba(255, 255, 255, 0.3);*/
  font-size: 10px;
}
.listaExtrato .list-view .wrapper .edit {
  box-sizing: border-box;
  padding: 8px;
  background-color: #96B61D;
  margin: auto 10px;
  width: 180px;
  height: 60px;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0);
          transform: scale(0);
  font-size: 22px;
  -webkit-transition: border-radius 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), margin 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: border-radius 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), margin 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), border-radius 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), margin 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
  transition: transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), border-radius 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), margin 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.listaExtrato .list-view .wrapper .edit.shifted {
  margin-left: -200px;
  -webkit-transform: scale(1);
          transform: scale(1);
  border-radius: 50px;
  -webkit-transition: margin 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), border-radius 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
  transition: margin 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), border-radius 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
  transition: margin 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s, border-radius 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
  transition: margin 0.4s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s, border-radius 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s, -webkit-transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.4s;
}
.listaExtrato .list-view .wrapper .edit i.fa {
  cursor: pointer;
}
.listaExtrato .list-view .wrapper .edit .divider {
  height: 100%;
  width: 1px;
  background-color: rgba(39, 45, 84, 0.3);
}












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








.pagamentoDinheiro {
  font-family: 'roboto-light';
}
.pagamentoDinheiro #container {
  margin: 2em auto 1em;
  position: relative;
  box-sizing: border-box;
}
.pagamentoDinheiro p {
  margin: 0 0 3em;
}
.pagamentoDinheiro .fa-lock {
  position: absolute;
  color: #5ed9eb;
  right: 2.3em;
  top: 1.2em;
  line-height: 3em;
  border-radius: 100%;
}
.pagamentoDinheiro h1 {
  color: #5ed9eb;
  margin: 0;
  background: rgba(94,217,235,0.3);
  font-weight: 700;
  line-height: 1;
  padding: 2em 1em;
  font-size: 1em;
  letter-spacing: 0.5em;
  font-family: 'roboto-light';
  text-transform: uppercase;
  box-sizing: border-box;
  text-align: center;
}
.pagamentoDinheiro h1 span {
  color: lightcoral;
  margin: 0 0 0;
  display: block;
  font-size: 6em;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  font-family: 'roboto-light';
}
.pagamentoDinheiro h1 span:before {
  content: 'R$';
  font-size: 0.5em;
  position: relative;
  top: -0.6em;
  left: -0.2em;
}
.pagamentoDinheiro h1 span:after {
  content: '';
  font-size: 0.3em;
  position: relative;
  letter-spacing: 0.03em;
  top: -1.7em;
  right: -0.1em;
}
.pagamentoDinheiro form {
  padding-top: 1em;
  margin: 0;
  width: 18em;
  margin: auto;
  text-align: center;
}
.pagamentoDinheiro label {
  color: rgba(0,0,0,0.6);
  margin-bottom: 0;
  padding: 0.1em 0.5em;
  width: 100%;
  font-size: 0.8em;
  background: rgba(255,255,0,0.3);
}
.pagamentoDinheiro input {
  display: block;
  border: none;
  border-bottom: 2px dotted rgba(0,0,0,0.2);
  padding: 1.2em 0.2em 0.4em;
  text-align: center;
  font-size: 1.6em;
  width: 100%;
  color: rgba(0,0,0,0.6);
  letter-spacing: 0.01em;
  box-sizing: border-box;
  background: transparent;
  font-family: 'roboto-regular';
}
.pagamentoDinheiro input:focus {
  outline: none;
  border-bottom: 2px solid #5ed9eb;
  background: transparent;
}
.pagamentoDinheiro input[type="submit"] {
  width: 100%;
  background: rgba(94,217,235,0.3);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border: none;
  padding: 1.5em 0.8em;
  color: #5ed9eb;
  margin-top: 4em;
  margin-bottom: 0;
  font-size: 1em;
  border-radius: 3px;
  font-weight: bold;
  font-family: 'roboto-light';
}
.pagamentoDinheiro .troco{
	background-color: coral;
    display: inline-block;
    padding: 10px;
    text-align: center;
    color: white;
    font-family: Roboto;
    font-size: 35px;
}
.pagamentoDinheiro .txt_troco{
    font-family: Roboto;

}
.pagamentoDinheiro input[type="submit"]:hover {
  background: #5ed9eb;
  border-color: #5ed9eb;
  color: #fff;
}
::-webkit-input-placeholder {
  color: rgba(0,0,0,0.16);
}
:-moz-placeholder {
/* Firefox 18- */
  color: rgba(0,0,0,0.2);
  font-style: italic;
}
::-moz-placeholder {
/* Firefox 19+ */
  color: rgba(0,0,0,0.2);
  font-style: italic;
}
:-ms-input-placeholder {
  color: rgba(0,0,0,0.2);
  font-style: italic;
}

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

.dadosEnvio {
  font-family: 'roboto-light';
}
.dadosEnvio #container {

  position: relative;
  box-sizing: border-box;
}
.dadosEnvio p {
    margin-top: 40px;
}
.dadosEnvio .fa-lock {
  position: absolute;
  color: #5ed9eb;
  right: 2.3em;
  top: 1.2em;
  line-height: 3em;
  border-radius: 100%;
}
.dadosEnvio h1 {
  color: #5ed9eb;
  margin: 0;
  background: rgba(94,217,235,0.3);
  font-weight: 700;
  line-height: 1;
  padding: 2em 1em;
  font-size: 1em;
  letter-spacing: 0.5em;
  font-family: 'roboto-light';
  text-transform: uppercase;
  box-sizing: border-box;
  text-align: center;
}
.dadosEnvio h1 span {
  color: #5ed9eb;
  margin: 0 0 0;
  display: block;
  font-size: 6em;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  font-family: 'roboto-light';
}
.dadosEnvio h1 span:before {
  content: 'R$';
  font-size: 0.5em;
  position: relative;
  top: -0.6em;
  left: -0.2em;
}
.dadosEnvio h1 span:after {
  content: '';
  font-size: 0.3em;
  position: relative;
  letter-spacing: 0.03em;
  top: -1.7em;
  right: -0.1em;
}
.dadosEnvio form {
  padding-top: 1em;
  margin: 0;
  width: 18em;
  margin: auto;
  text-align: center;
}
.dadosEnvio label {
  color: rgba(0,0,0,0.6);
  margin-bottom: 0;
  padding: 0.1em 0.5em;
  width: 100%;
  font-size: 0.8em;
  background: rgba(255,255,0,0.3);
}
.dadosEnvio input {
  display: block;
  border: none;
  border-bottom: 2px dotted rgba(0,0,0,0.2);
  padding: 1.2em 0.2em 0.4em;
  text-align: center;
  font-size: 1.6em;
  width: 100%;
  color: rgba(0,0,0,0.6);
  letter-spacing: 0.01em;
  box-sizing: border-box;
  background: transparent;
  font-family: 'roboto-regular';
}
.dadosEnvio input:focus {
  outline: none;
  border-bottom: 2px solid #5ed9eb;
  background: transparent;
}
.dadosEnvio input[type="submit"] {
  width: 100%;
  background: rgba(94,217,235,0.3);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border: none;
  padding: 1.5em 0.8em;
  color: #5ed9eb;
  margin-top: 4em;
  margin-bottom: 0;
  font-size: 1em;
  border-radius: 3px;
  font-weight: bold;
  font-family: 'roboto-light';
}
.dadosEnvio .troco{
	

    background-color: #F90;
    display: inline-block;
    padding: 10px;
    text-align: center;
    color: #000;
  
}
.dadosEnvio input[type="submit"]:hover {
  background: #5ed9eb;
  border-color: #5ed9eb;
  color: #fff;
}
::-webkit-input-placeholder {
  color: rgba(0,0,0,0.16);
}
:-moz-placeholder {
/* Firefox 18- */
  color: rgba(0,0,0,0.2);
  font-style: italic;
}
::-moz-placeholder {
/* Firefox 19+ */
  color: rgba(0,0,0,0.2);
  font-style: italic;
}
:-ms-input-placeholder {
  color: rgba(0,0,0,0.2);
  font-style: italic;
}

.dadosEnvio .topo {

	background-color: cadetblue;
	display: block;
	padding: 10px;
	margin-top: 31px;
	text-align: center;
	/* color: #000; */
	/* width: 95%; */
	color: white;
	
}
.dadosEnvio ul {
	list-style: none;
}
.dadosEnvio li {
    position: relative;
    padding: 8px 15px 7px 0px;
    line-height: 21px;
    font-size: 17px;
    color: #8b8f97;
    border-bottom: 1px solid #e6ebed;
}


.dadosEnvio .bt_enviar {
	
    animation: 1s animateBorder_a infinite;
	
}

.dadosEnvio .cashback_valor {
	
	    /* position: relative; */
    padding: 18px;
    /* line-height: 21px; */
    /* font-size: 17px; */
    /* color: #8b8f97; */
    /* border-bottom: 1px solid #e6ebed; */
    text-align: center;
    outline: 6px dashed yellow;
    box-shadow: 0 0 0 6px #EA3556;
    animation: 1s animateBorder infinite;
    margin-top: 20px;
	color: cadetblue;
    font-size: 25px;
	
}

.dadosEnvio .cashback_valor .top_valor{
	
	display: block;
    font-size: 17px;
    color: coral;
    font-family: sans-serif;
	
}

.dadosEnvio .cashback_valor .botton_valor{
	
	display: block;
    font-size: 10px;
    color: cornflowerblue;
    font-family: sans-serif;
	
}



@keyframes animateBorder {
  to {
    outline-color: #EA3556;
    box-shadow: 0 0 0 6px yellow;
  }
}


@keyframes animateBorder_a {
  to {
    outline-color: #EA3556;
    box-shadow: 0 0 0 10px cornflowerblue;
  }
}





.iconHOME{
    display: inline-block;
    margin-left: 5%;
    font-size: 31px;
}

.iconHOME i{

    line-height: 54px;
}


/**********************************QRCODE****************************************/


#QRCODE	.meter {
		height: 20px;  /* Can be anything */
		position: relative;
		margin: 60px 0 20px 0; /* Just for demo spacing */
		background: #555;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
		padding: 10px;
		-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
		-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
		box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
	}
#QRCODE	.meter > span {
		display: block;
		height: 100%;
		   -webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
			   -moz-border-radius-topright: 8px;
			-moz-border-radius-bottomright: 8px;
				   border-top-right-radius: 8px;
				border-bottom-right-radius: 8px;
			-webkit-border-top-left-radius: 20px;
		 -webkit-border-bottom-left-radius: 20px;
				-moz-border-radius-topleft: 20px;
			 -moz-border-radius-bottomleft: 20px;
					border-top-left-radius: 20px;
				 border-bottom-left-radius: 20px;
		background-color: rgb(43,194,83);
		background-image: -webkit-gradient(
		  linear,
		  left bottom,
		  left top,
		  color-stop(0, rgb(43,194,83)),
		  color-stop(1, rgb(84,240,84))
		 );
		background-image: -moz-linear-gradient(
		  center bottom,
		  rgb(43,194,83) 37%,
		  rgb(84,240,84) 69%
		 );
		-webkit-box-shadow:
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		-moz-box-shadow:
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		box-shadow:
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		position: relative;
		overflow: hidden;
	}
#QRCODE	.meter > span:after, .animate > span > span {
		content: "";
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background-image:
		   -webkit-gradient(linear, 0 0, 100% 100%,
			  color-stop(.25, rgba(255, 255, 255, .2)),
			  color-stop(.25, transparent), color-stop(.5, transparent),
			  color-stop(.5, rgba(255, 255, 255, .2)),
			  color-stop(.75, rgba(255, 255, 255, .2)),
			  color-stop(.75, transparent), to(transparent)
		   );
		background-image:
			-moz-linear-gradient(
			  -45deg,
			  rgba(255, 255, 255, .2) 25%,
			  transparent 25%,
			  transparent 50%,
			  rgba(255, 255, 255, .2) 50%,
			  rgba(255, 255, 255, .2) 75%,
			  transparent 75%,
			  transparent
		   );
		z-index: 1;
		-webkit-background-size: 50px 50px;
		-moz-background-size: 50px 50px;
		background-size: 50px 50px;
		-webkit-animation: move 2s linear infinite;
		-moz-animation: move 2s linear infinite;
		   -webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
			   -moz-border-radius-topright: 8px;
			-moz-border-radius-bottomright: 8px;
				   border-top-right-radius: 8px;
				border-bottom-right-radius: 8px;
			-webkit-border-top-left-radius: 20px;
		 -webkit-border-bottom-left-radius: 20px;
				-moz-border-radius-topleft: 20px;
			 -moz-border-radius-bottomleft: 20px;
					border-top-left-radius: 20px;
				 border-bottom-left-radius: 20px;
		overflow: hidden;
	}

#QRCODE	.animate > span:after {
		display: none;
	}

	@-webkit-keyframes move {
		0% {
		   background-position: 0 0;
		}
		100% {
		   background-position: 50px 50px;
		}
	}

	@-moz-keyframes move {
		0% {
		   background-position: 0 0;
		}
		100% {
		   background-position: 50px 50px;
		}
	}


#QRCODE	.orange > span {
		background-color: #f1a165;
		background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
		background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
	}

#QRCODE	.red > span {
		background-color: #f0a3a3;
		background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
		background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
	}

#QRCODE	.nostripes > span > span, .nostripes > span:after {
		-webkit-animation: none;
		-moz-animation: none;
		background-image: none;
	}
	



#pagamentoOnline .clearfix:after{
  content:'';
  display:block;
  clear: both;
}
#pagamentoOnline .container {
  font-family: Arial, Helvetica, sans-serif;
  margin: 50px auto;
  width: 310px;
}

#pagamentoOnline .cards{
  padding: 18px;
}


#pagamentoOnline .cards .header{
  	background-color: transparent;
	color: cadetblue;
}

#pagamentoOnline .cards .items{
	background-color: #fff;
    border-radius: 10px;
	margin-bottom: 14px;
}


#pagamentoOnline .payment-form {
  padding: 15px 15px;
  background-color: #FFF;
  box-shadow: 0 20px 20px rgba(0,0,0,.08);
}
#pagamentoOnline .payment-form__button{
  width: 100%;
  height: 80px;
  border-radius: 3px;
  border: none;
  outline: none;
  background-color: #9B4848;
  font-size: 19px;
  color: #FFFFFF;
  line-height: 19px;
  cursor: pointer;
  margin: 15px 0 0 0;
}

#pagamentoOnline .payment-form__button:disabled{
  opacity: 0.5;
  cursor: default;
}

#pagamentoOnline .payment-form__button_select{
  width: 60px;
  height: 40px;
  border-radius: 3px;
  border: none;
  outline: none;
  background-color: #2BAD82;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 19px;
  cursor: pointer;
  margin: 15px;
}

#pagamentoOnline .payment-form__button_continue{
  width: 100%;
  height: 40px;
  border-radius: 3px;
  border: none;
  outline: none;
  background-color: #2BAD82;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 19px;
  cursor: pointer;
  margin: 15px 0 0 0;
}



#pagamentoOnline  .payment-form__button_new {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 250px;
    height: 70px;
    border: 2px solid #1ECD97;
    border-radius: 40px;
    background: transparent;
    color: #1ECD97;
    letter-spacing: 1px;
    font-size: 18px;
	box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
	-webkit-animation: pulse 1.5s infinite;
}

#pagamentoOnline .payment-form__button_new:disabled{
	opacity: 0.5;
	cursor: default;
	color: #CCC;
	border: 2px solid #CCC;
}

@-webkit-keyframes pulse {
  0% {
 
  }
  70% {

    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
  }
  100% {

    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
  }
}

#pagamentoOnline .payment-form__button_continue:disabled{
  opacity: 0.5;
  cursor: default;
}

#pagamentoOnline .payment-form__agreement{
  color: #989898;
  font-size: 11px;
  line-height: 13px;
  margin: 10px 0;
}

#pagamentoOnline .notification_area {
  position: relative;
  padding: 15px 0;
  border-bottom: solid 1px #DDDDDD;
}
#pagamentoOnline .notification__icon {
  position: absolute;
  top: 50%;
  margin-top: -17px;
}
#pagamentoOnline .notification__text {
  margin-left: 44px;
  display: block;
  color: #989898;
  font-size: 11px;
}


#pagamentoOnline .card-emisor{
    padding: 5px;
    color: lightgrey;
    border: solid 1px lightgray;
}

#pagamentoOnline .card-parcela{
    padding: 5px;
    color: lightgrey;
    border: solid 1px lightgray;
}

#pagamentoOnline .card-type{
  padding: 15px 0 0 0;
}
#pagamentoOnline .card-type__label {
  font-size: 12px;
  color: #999999;
  float: left;
  width: auto;
  height: 20px;
  line-height: 20px;
}
#pagamentoOnline .card-type__icons {
  text-align: center;
}
#pagamentoOnline .card-type__icon {
  vertical-align: middle;
  padding: 0 5px;
}

#pagamentoOnline .card-type__icon_lista {
    vertical-align: middle;
    padding: 0px 6px 0px 20px;
}

#pagamentoOnline .card-type__icon--disabled {
  filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  opacity: 0.5;
}

#pagamentoOnline .card-input {
  border: 1px solid #C6C6C6;
  font-family: Arial;
  font-size: 16px;
  line-height: 22px;
  height: 38px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}

#pagamentoOnline .card-input_number {
  border: 1px solid #C6C6C6;
  font-family: Arial;
  font-size: 16px;
  line-height: 22px;
  height: 38px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 8px;
}

#pagamentoOnline .card-input.ng-invalid-first_char, .card-input.ng-invalid-only_latin, .card-input.ng-invalid-date{
  border: 1px solid red;
}
#pagamentoOnline .card-input--full {
  width: 100%;
  margin: 15px 0 0 5px;
  border: 0px solid #C6C6C6;
}
#pagamentoOnline .card-input--full-f {
 
  margin: 15px 0 0 0;
}

#pagamentoOnline .card-input--date {
  width: 80px;
  text-align: center;
  margin: 5px 0 0 0;
}

#pagamentoOnline .card-input--date-f  {
  width: 60px;
  text-align: center;
  margin: 5px 0 0 0;
}

#pagamentoOnline .card-input--cvv {
  width: 60px;
  text-align: center;
  margin: 5px 0 0 0;
}

#pagamentoOnline .card-input--cvv-f {
  width: 80px;
  text-align: center;
  margin: 5px 0 0 0;
}

#pagamentoOnline .card-info{
  margin: 15px 0 0 0;
}
#pagamentoOnline .card-info__date{
  float: left;
  width: 50%;
}
#pagamentoOnline .card-info__text{
  font-size: 12px;
  color: #6D6D6D;
  line-height: 17px;
}	

	
#pagamentoOnline .arrows {
	width: 60px;
	height: 72px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 0px;
}

#pagamentoOnline .arrows path {
	stroke: #2994D1;
	fill: transparent;
	stroke-width: 1px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

#pagamentoOnline  .arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

#pagamentoOnline  .arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

#pagamentoOnline .arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}
	
	
#pagamentoOnline .newCardInput {	
	border: none;
    border-bottom: 1px solid rgba(0,0,0,.32);
    display: block;
    font-size: 22px;
    font-family: "Helvetica","Arial",sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: inherit;
}

#pagamentoOnline .newCardInputName {	
	border: none;
    border-bottom: 1px solid rgba(0,0,0,.32);
    display: block;
    font-size: 14px;
    font-family: "Helvetica","Arial",sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: inherit;
}


#pagamentoOnline .newCardInputDate {	
	border: none;
    border-bottom: 1px solid rgba(0,0,0,.32);
    display: block;
    font-size: 20px;
    font-family: "Helvetica","Arial",sans-serif;
    /*margin: 14px;
    padding: 3px 3px;*/
    width: 50px;
    background: 0 0;

    color: inherit;
	    text-align: center;
}


#pagamentoOnline .newCardInputDateIugu {	
	border: none;
    border-bottom: 1px solid rgba(0,0,0,.32);
    display: block;
    font-size: 20px;
    font-family: "Helvetica","Arial",sans-serif;
    /*margin: 14px;
    padding: 3px 3px;*/
    width: 85px;
    background: 0 0;

    color: inherit;
	    text-align: center;
}
	
#pagamentoOnline .use_cashback {	
	line-height: 31px;
	padding: 20px;
	background-color: #f7aa17;
	color: white;
	font-family: 'roboto-light';
	margin-bottom: 29px;
	text-align: center;
}


#pagamentoOnline .icon {
 
    width: 34px;
    height: 22px;

}

#pagamentoOnline  .icon.ccic-brand {
    background: url("https://s3-sa-east-1.amazonaws.com/storage.pupui.com.br/9CA0F40E971643D1B7C8DE46BBC18396/assets/ccic-brands.48dba03883007f86e118f683dcfc4297.png") no-repeat;
}
#pagamentoOnline  .icon.ccic-cvv { background: url("https://s3-sa-east-1.amazonaws.com/storage.pupui.com.br/9CA0F40E971643D1B7C8DE46BBC18396/assets/ccic-cvv.1fe78dcc390427094bdc14dedea10f34.png") no-repeat; }

#pagamentoOnline  .icon.ccic-cvv,
#pagamentoOnline  .icon.ccic-brand
{
    -webkit-transition:background-position .2s ease-in;
    -moz-transition:background-position .2s ease-in;
    -o-transition:background-position .2s ease-in;
    transition:background-position .2s ease-in;
}

#pagamentoOnline .icon.ccic-brand.amex {
    background-position: 0px -22px!important;
}

#pagamentoOnline .icon.ccic-brand.amex {
    background-position: 0px -110px!important;
}

#pagamentoOnline .icon.ccic-brand.visa {
    background-position: 0px -22px!important;
}

#pagamentoOnline .icon.ccic-brand.diners {
    background-position: 0px -88px!important;
}

#pagamentoOnline .icon.ccic-brand.mastercard{
    background-position: 0px -66px!important;
}

#pagamentoOnline .icon.ccic-brand.master{
    background-position: 0px -66px!important;
}



.amex .icon.ccic-cvv {
    background-position: 0px -22px!important;
}

.amex .icon.ccic-brand {
    background-position: 0px -110px!important;
}

.visa .icon.ccic-brand {
    background-position: 0px -22px!important;
}

.diners  .icon.ccic-brand {
    background-position: 0px -88px!important;
}

.mastercard .icon.ccic-brand {
    background-position: 0px -66px!important;
}

.master .icon.ccic-brand {
    background-position: 0px -66px!important;
}


/**********************STAUS DO PEDIDO************************/
.StatusPedido{

background-color:#FFF;	
	
}

.StatusPedido .page__content{

background-color:#FFF;	
	
}


.StatusPedido .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.StatusPedido .checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 2% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.StatusPedido .checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

.StatusPedido .span{
font-family: 'roboto-light';
  font-size: 13px;
  color:#bbb
}



.StatusPedido .topHeader{
	
	padding:10px;
	background-color:#312346;
		 font-family: 'roboto-light';
		 	 letter-spacing: 0.3em;
		color:#fff;
	
}

.StatusPedido .containertodo {
   /* -moz-box-shadow:    0px 0px 5px 3px #c3c3c3;
    -webkit-box-shadow: 0px 0px 5px 3px #c3c3c3;
    box-shadow:         0px 0px 5px 3px #c3c3c3;
    -moz-border-radius: 10px;
   -webkit-border-radius: 10px;*/
   
	background-color: #fff;
}
		
.StatusPedido .containertodo .check_icon{
    background-color: #78C724;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: #fff;
     padding: 10px;
    margin-top: 10px;
	margin-right: 30px;
	font-size:10px
}		


.StatusPedido .containertodo .texto_meio{
    margin-left: 10px;
    width: 300px;
}
.StatusPedido .cabecalho {
	
	background: #0066cc;
	padding: 10px;
	font-size: 14px;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
 
	text-shadow: -1px -1px 1px #666;
	background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
	font-family: 'roboto-light';
	
}



.StatusPedido .check {
	float: left;
	margin-right: 1px;
	padding: 2px 2px;
	
	border-right: 1px solid #ff0000;
	border-top: 1px solid #d9d9d9;
}
.StatusPedido.check img {
	position: relative;
	top: 4px;
}
.StatusPedido.check img:hover {
	cursor: pointer;
}
.StatusPedido.divider {
	float: left;
	height: 25px;
}
.StatusPedido .text {
	font-family: 'roboto-light';
	float: left;
	border-left: 1px solid #ff0000;
	padding: 10px;
	border-top: 1px solid #d9d9d9;
	width: 67%;
}
.StatusPedido .subtext {
	font-family: 'roboto-light';
	font-size:10px
}

.StatusPedido.clear {
	clear: both;
}

.StatusPedido .done {
	font-style: italic;
	text-decoration: line-through;
	color: #d3d3d3 !important;
}

.StatusPedido .painel {
	
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px dashed #d9d9d9;
	background-color: #f7f7f7;
	border-color: #f7f7f7;
	box-shadow: 0 5px 15px #ccc;
	margin-bottom: 20px;
	
}

.StatusPedido .pseudo {
  position: relative;
}

.StatusPedido .pseudo:before {
  content: "";
  position: absolute;
  width: 96%;
  top: 5px;
  left: 2%;
  border-bottom: 1px dashed #000;
}

.StatusPedido .pseudo:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  bottom: -10px;
  left: 0;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 33.333%, #f7f7f7 33.333%, #f7f7f7 66.667%, rgba(0, 0, 0, 0) 66.667%), linear-gradient(-45deg, rgba(0, 0, 0, 0) 33.333%, #f7f7f7 33.333%, #f7f7f7 66.667%, rgba(0, 0, 0, 0) 66.667%);
  background-size: 20px 40px;
  background-position: 50% -30px;
  background-repeat: repeat-x;
  z-index: 1;
}

/*******************ESTATUS PEDIDO***********************/

.listaPedidos .cardWrap {
	/*width: 100%;*/
	color: #fff;
	font-family: sans-serif;
	margin: 0 auto;
}

.listaPedidos .card {
  background: linear-gradient(to bottom, #e84c3d 0%, #e84c3d 26%, #f7f7f7 26%, #f7f7f7 100%);
  height: 140px;
 /* float: left;*/
 /* width:90%;*/
 /* position: relative;*/
  padding: 10px;
  margin-top: 10px;
}

.listaPedidos .fstatus{
 background-color: #f7f7f7;
  height: 11em;
  float: left;
  position: relative;
  padding: 1em;
  margin-top: 10px;
}

.listaPedidos .tstatus{
  background: linear-gradient(to bottom, #00cc00 0%, #00cc00 26%, #f7f7f7 26%, #f7f7f7 100%);
  height: 11em;
  float: left;
  position: relative;
  padding: 1em;
  margin-top: 10px;
}


.listaPedidos .cardLeft {
  
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  min-width: 10vh;
  
}

.listaPedidos .cardRight {
  min-width: 14vh;
  border-left: .18em dashed #fff;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.listaPedidos .cardRight:before, .cardRight:after {
  content: "";
  position: absolute;
  display: block;
  width: .9em;
  height: .9em;
  background: #fff;
  border-radius: 50%;
  left: -.5em;
}
.listaPedidos .cardRight:before {
  top: -.4em;
}
.listaPedidos .cardRight:after {
  bottom: -.4em;
}

.listaPedidos h1 {
  font-size: 1.1em;
  margin-top: 0;
}
.listaPedidos h1 span {
  font-weight: normal;
}

.listaPedidos .title,
.listaPedidos .name,
.listaPedidos .seat,
.listaPedidos .time {
  text-transform: uppercase;
  font-weight: normal;
}
.listaPedidos .title h2,
.listaPedidos .name h2,
.listaPedidos .seat h2,
.listaPedidos .time h2 {
  font-size: 3.2vmin;
  color: #525252;
  margin: 0;
}
.listaPedidos .title span,
.listaPedidos .name span,
.listaPedidos .seat span,
.listaPedidos .time span {
  font-size: .7em;
  color: #a2aeae;
}

.listaPedidos .title {
  margin: 2em 0 0 0;
}

.listaPedidos .name,
.listaPedidos .seat {
  margin: .7em 0 0 0;
}

.listaPedidos .time {
  margin: .7em 0 0 1em;
}

.listaPedidos .seat,
.listaPedidos .time {
  float: left;
}

.listaPedidos .eye {
  position: relative;
  width: 3em;
  height: 1.5em;
  background: #fff;
  margin: 0 auto;
  border-radius: 1em/0.6em;
  z-index: 1;
}
.listaPedidos .eye:before, .listaPedidos .eye:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
}



.listaPedidos .number {
  text-align: center;
  text-transform: uppercase;
}
.listaPedidos .number h3 {
  color: #e84c3d;
  margin: .9em 0 0 0;
  font-size: 2.5em;
}
.listaPedidos .number span {
  display: block;
  color: #a2aeae;
}

.listaPedidos .barcode {
  height: 2em;
  width: 0;
    position: relative;
  box-shadow: 1px 0 0 1px #343434, 5px 0 0 1px #343434, 10px 0 0 1px #343434, 11px 0 0 1px #343434, 15px 0 0 1px #343434, 18px 0 0 1px #343434, 22px 0 0 1px #343434, 23px 0 0 1px #343434, 26px 0 0 1px #343434, 30px 0 0 1px #343434, 35px 0 0 1px #343434, 37px 0 0 1px #343434, 41px 0 0 1px #343434, 44px 0 0 1px #343434, 47px 0 0 1px #343434, 51px 0 0 1px #343434, 56px 0 0 1px #343434, 59px 0 0 1px #343434, 64px 0 0 1px #343434, 68px 0 0 1px #343434, 72px 0 0 1px #343434, 74px 0 0 1px #343434, 77px 0 0 1px #343434, 81px 0 0 1px #343434;
}



/*******************STATUS PEDIDO***********************/
.resumoPedido{
	 font-family: 'roboto-light';
}
.resumoPedido .topHeader {
    padding: 10px;
    background-color: #312346;
    font-family: 'roboto-light';
    letter-spacing: 0.3em;
    color: #fff;
}
.resumoPedido .tab {
  width: 90%;
  margin: 0 auto;
  height: 15px;
  margin-bottom: -5px;
  background-color: #fff;
  box-shadow: inset 0 0 35px #ddd;
  border-radius: 50px
}

.resumoPedido .pseudo {
  position: relative;
}

.resumoPedido .formaPgto{
	color:#000;
	font-size:16px;
}

.resumoPedido .subtotal{
	color:#000;
	font-size:16px;
}
.resumoPedido .total{
	color:#F00;
	font-size:26px;
}

.resumoPedido .pseudo:before {
  content: "";
  position: absolute;
  width: 96%;
  top: 5px;
  left: 2%;
  border-bottom: 1px dashed #000;
}

.resumoPedido .panel-dark {
	background-color: #f7f7f7;
	border-color: #f7f7f7;
	box-shadow: 0 5px 15px #ccc;
	padding: 5px;
}

.resumoPedido .pseudo:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  bottom: -10px;
  left: 0;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 33.333%, #f7f7f7 33.333%, #f7f7f7 66.667%, rgba(0, 0, 0, 0) 66.667%), linear-gradient(-45deg, rgba(0, 0, 0, 0) 33.333%, #f7f7f7 33.333%, #f7f7f7 66.667%, rgba(0, 0, 0, 0) 66.667%);
  background-size: 20px 40px;
  background-position: 50% -30px;
  background-repeat: repeat-x;
  z-index: 1;
}

.resumoPedido .container-print {
  padding: 0;
  
}

@-webkit-keyframes shake-it-baby {
  0% {
    height: 0px;
    transform: translate(-0.5px, 0.5px) rotate(-0.1deg);
  }
  10% {
    height: 10px;
    transform: translate(0.5px, -0.5px) rotate(0.1deg);
  }
  20% {
    height: 20px;
    transform: translate(-0.5px, 0.5px) rotate(-0.1deg);
  }
  30% {
    height: 35px;
    transform: translate(0.5px, -0.5px) rotate(0.1deg);
  }
  40% {
    height: 50px;
    transform: translate(-0.5px, 0.5px) rotate(-0.1deg);
  }
  50% {
    height: 70px;
    transform: translate(0.5px, -0.5px) rotate(0.1deg);
  }
  60% {
    height: 75px;
    transform: translate(-0.5px, 0.5px) rotate(-0.1deg);
  }
  70% {
    height: 95px;
    transform: translate(0.5px, -0.5px) rotate(0.1deg);
  }
  80% {
    height: 105px;
    transform: translate(-0.5px, 0.5px) rotate(-0.1deg);
  }
  90% {
    height: 125px;
    transform: translate(0.5px, -0.5px) rotate(0.1deg);
  }
  100% {
    height: 140px;
    transform: translate(-0.5px, 0.5px) rotate(-0.1deg);
  }
}

.resumoPedido .container-print .panel-body {
  
  overflow: hidden;
}



/*********************************TELA PIN CODE********************************/



#pincode {
	
	text-align:center;
	
}


#pincode .grid__col{
	padding:10px;
}

#pincode .grid{
	
	text-align:center;
	display: inline-flex;
	
}

#pincode .text-input-pin{
	
	text-align: center;
    height: 9vh;
    width: 9vh;
    border-radius: 10px;
    font-size: 30px;
    color: coral;
    background-color: white;
    display: block;
    line-height: 9vh;
	
}

#pincode .grid button{
	
    text-align: center;
    height: 60px;
    width: 62px;
    border: none;
    font-size: 30px;
    background-color: transparent;
    color: white;
	
}




/**********************************TELA ENVIAR PEDIDO**************************/






#PedidoCtrl .area{
	   
	padding:10px;
	
}

#PedidoCtrl .background-image{
	position: fixed;
	left: 0;
	right: 0;
	

	display: block;
	/*background-image: url(../images/1.jpg); background-size: 100% 100%; background-repeat: repeat;*/
	width: 1200px;
	height: 800px;

	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);


}

#PedidoCtrl .Square{
	width:100.0%;
	height:5em;
	margin-bottom:15px; 
	border:2px none #fff; float: left;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;


    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-top-color: #fff;
	font-family: 'roboto-light';
	


}

#PedidoCtrl .c1{
	
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    /* background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); */
    /* background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
    /* border-radius: 50px; */

    /* -webkit-border-radius: 20px 20px 0 0; */
    -moz-border-radius: 23px 23px 0px 0;
    border-radius: 23px 23px 0px 0;
    color: #fff;
    font-size: 18px;
	    height: 65px;
		    text-align: left;
			    box-shadow: 0 6px 7px rgba(0,0,0,0.28);
    /* padding: 20px 26px; */
    /* opacity: 1; */
	
}




#PedidoCtrl .pcash{

	padding-top: 15px !important;
	background: rgb(179 0 0 / 80%);
	padding: 20px;
	padding-bottom: 10px;
	text-align: center;
	border-radius: 50px;
	color: gold;
	margin-bottom: 20px;
	font-family: 'roboto-light';

}



#cupomDesconto .pcupom {
    padding-top: 15px !important;
    background: #2ec95c;
    padding: 8px;
    padding-bottom: 10px;
    text-align: center;
    border-radius: 35px;
    color: white;

    font-family: 'roboto-light';
}


#PedidoCtrl .pcash span{

	background-color: salmon;
    color: white;
    padding-left: 8px;
    padding-right: 8px;

}




#PedidoCtrl .pbonus{
	
	background-image: url(../images/pg_bonus_t.png);
	background-color: #E92914;
    background-repeat: no-repeat;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
	  background-position: right;


}

#PedidoCtrl .pbitcoin{
	
	background-image: url(../images/pg_bitcoin_t.png);
	background-color: #f7931a;
    background-repeat: no-repeat;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
	  background-position: right;

}

#PedidoCtrl .ponline{
	
	background-image: url(../images/pg_online_t.png);
	background-color: #43A0CB;
    background-repeat: no-repeat;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
	  background-position: right;


}

#PedidoCtrl .pdinheiro{
	
	background-image: url(../images/pg_dinheiro_t.png);
	background-color: #5FD4AF;
    background-repeat: no-repeat;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
	  background-position: right;


}
#PedidoCtrl .pcartao{
	
	background-image: url(../images/pg_cartao_t.png);
	background-color: #ABA9AB;
    background-repeat: no-repeat;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
	  background-position: right;


}

#PedidoCtrl .pcheque{
	
	background-image: url(../images/pg_cheque_t.png);
	background-color: #33FF99;
    background-repeat: no-repeat;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
	  background-position: right;


}

#PedidoCtrl .plocal{
	
	background-image: url(../images/pg_local_t.png);
	background-color: #FF9999;
    background-repeat: no-repeat;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
	  background-position: right;


}

#PedidoCtrl .c2{
	
	background: -webkit-gradient(linear, left top, left bottom, from(#c5deea), to(#066dab));
    background: -webkit-linear-gradient(#c5deea, #066dab);
    background: linear-gradient(#c5deea, #066dab);
	background-color: #066dab;
	opacity: 0.6;
}



#PedidoCtrl .Square b{
	 font-family: 'roboto-light';
	 letter-spacing: 0.2em;
		color:#fff;
}

#PedidoCtrl .Square .destaque{
    /* font-family: 'roboto-light'; */
    /* letter-spacing: 0.2em; */
    color: #000;
    /* display: contents; */
    font-size: 35px;
    width: 100px;
    position: relative;
    text-align: center;
    top: 22px;
    left: 34px;
    padding: 3px;
    border-radius: 12px;
    background-color: gold;
}

#PedidoCtrl .Square img{
	fill: #fff;
	height:3em;
	width:3em;
}

#PedidoCtrl .Square svg path {
    fill: red;
}

#PedidoCtrl  .Square_bt{
	
	width:94%;
	position: relative;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;	
	margin: auto;
	display:inline-block;
	margin-top:20px;
}



.enviarPedido {
  width: em(460);
  margin: 30px auto;
  border-radius: 5px;
  background-color: $white;
  position: relative;
  top: 0;
  @include transition(all 1s);
  
  &:hover {
    cursor: pointer;
    position: relative;
    top: -10px;
    @include transition(top 1s);
  }
  .plan-header {
    padding: 50px 0;
    border-radius: 5px 5px 0 0;
    background-color: $puerto-rico;
    text-align: center;
    
    .icon-box {
      margin: 0 auto;
      
      .icon {
        font-size: em(50);
        color: $viridian;
      }
    }
    
    h2 {
      color: $white;
      font-weight: lighter;
      margin: 0;
      padding-top: em(10);
    }
    p {
      margin: 0;
      color: $viridian;
    }
  }
  
  .plan-details {
    margin: 0 auto;
    padding: 60px;
    background: url('http://raventools.com/wp-content/themes/raven-wp-theme-2014/images/plan-bottom-border.png') top center no-repeat;
    ul { 
      padding-left: 0;
      list-style: none;
      
      li {
        border-top: 3px solid #e8edef;
        padding: 20px 0;
        font-weight: bold;
        color: shade($boulder, 20%);
        &:last-child {
          border-bottom: 3px solid #e8edef;
        }
        
        span {
          font-weight: lighter;
          color: $boulder;
        }
      }
    }//ul
    p {
      background-color: $wild-sand;
      margin: em(32) 0;
      padding: em(20);
      font-size: em(12);
      line-height: 1.8;
      color: $boulder;
      
    }
    button {
      background-color: $crusta;
      padding: 20px 0;
      border-radius: 3px;
      color: $white;
      text-align: center;
      width: 100%;
      border: 0;
      &:hover {
        background-color: shade($crusta, 10%);
      }
    }
  }
}


#PizzaNewModo {
  height: 100px;
}
#PizzaNewModo .pieBackground {
  background-color: grey;
  position: absolute;
  width: 100px;
  height: 100px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: -1px 1px 3px #000;
  -webkit-box-shadow: -1px 1px 3px #000;
  -o-box-shadow: -1px 1px 3px #000;
  box-shadow: -1px 1px 3px #000;
} 
#PizzaNewModo .pie {
  position: absolute;
  width: 100px;
  height: 100px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  clip: rect(0px, 50px, 100px, 0px);
}
#PizzaNewModo .hold {
  position: absolute;
  width: 100px;
  height: 100px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  clip: rect(0px, 100px, 100px, 50px);
}
#pieSliceBlue .pie {
  background-color: #1b458b;
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}
#pieSliceBlue2 {
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}
#pieSliceBlue2 .pie {
  background-color: #1b458b;
  -webkit-transform:rotate(40deg);
  -moz-transform:rotate(40deg);
  -o-transform:rotate(40deg);
  transform:rotate(40deg);
}
#pieSliceRed {
  -webkit-transform:rotate(220deg);
  -moz-transform:rotate(220deg);
  -o-transform:rotate(220deg);
  transform:rotate(220deg);
}
#pieSliceRed .pie {
  background-color: #cc0000;
  -webkit-transform:rotate(140deg);
  -moz-transform:rotate(140deg);
  -o-transform:rotate(140deg);
  transform:rotate(140deg);
}

.btn_parte_pizza{
	width: 45%;
    display: inherit;
    padding: 3px;
    margin: auto 0.2em;
    display: inline-block;
}


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

.extratoBonus .tf{
    
	margin: 0px auto auto auto;
    padding: 10px;
    background-color: #2D5781;
    width: 89%;

}


.extratoBonus .tf_saldo_title{
	
    display: inherit;
    padding: 6px;
    margin: auto 0.2em;
    display: inline-block;
	color: #fff;
	font-weight: bold;
}
.extratoBonus .tf_saldo_valor{
	
   display: inherit;
    padding: 6px;
    margin: auto 0.2em;
    /* display: inline-block; */
    font-size: 39px;
    color: #00DBCE;
	font-weight: bold;
}


.extratoBonus .tf_btn{
		  /*background-color: #f7f7f7;
	  border-color: #f7f7f7;
	  box-shadow: 0 5px 15px #ccc;*/
	padding: 22px;
	color: cadetblue;
	font-family: 'roboto-light';
}

.extratoBonus .active:before {
    content:"• ";
}

.extratoBonus .tf_saldo{
	width: 45%;
    display: inherit;
    padding: 3px;
    margin: auto 0.2em;
    display: inline-block;
}

.extratoBonus .tf_title{
	
/* display: inherit; */
    padding: 6px;
    margin: auto 0.2em;
    /* display: inline-block; */
    color: #fff;
    /* font-weight: bold; */
    font-size: 11px;

}


.extratoBonus .tf_saldo_amanha{
	width: 45%;
    display: inherit;
    padding: 3px;
    margin: auto 0.2em;
    display: inline-block;
}




.extratoBonus .tf_saldo_valor_amanha{
	
   display: inherit;
    padding: 6px;
    margin: auto 0.2em;
    /* display: inline-block; */
    color: #f78017;
	font-weight: bold;
}


.extratoBonus .tf_saldo_40{
	width: 46%;
    display: inherit;
    padding: 3px;
    margin: auto 0.2em;
    display: inline-block;
	text-align: right;
}

.extratoBonus .tf_saldo_valor_40{
	
   display: inherit;
    padding: 6px;
    margin: auto 0.2em;
    /* display: inline-block; */
 
    color: #e13838;
	font-weight: bold;
}

.extratoBonus .tf_divisor{
	width: 69%;
    margin: 20px auto auto auto;
    border-bottom: 0.5px solid #e0e0e0;
}

.extratoBonus .tf_center{
	width: 100%;

}


.extratoBonus .extrato{
    background: ghostwhite;
    min-height: 120px;
}

.extratoBonus .nao_pago{

    /* background: ghostwhite; */
    /* min-height: 120px; */
    font-size: 9px;
    display: block;
    background: #f53d3d;
    color: white;
    height: 13px;
    line-height: 14px;
    border-radius: 10px;

}


.qrcodescan .preview-wrap.scanning video {
        width: 80%
}

.qrcodescan .preview-wrap {
    margin: 8px auto 17px;
    display: inline-block;
    position: relative;
    line-height: 0
}

.qrcodescan .preview-wrap.scanning {
    border: 1px solid #A1B7DD
}

.qrcodescan .preview-wrap.scanning .camera-icon {
    display: none
}

.qrcodescan .preview-wrap.scanning:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB3aWR0aD0iMTAwcHgiPgogIDxwYXRoIGQ9Ik0yNSwyIEwyLDIgTDIsMjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmVkIiBzdHJva2Utd2lkdGg9IjEiIC8+CiAgPHBhdGggZD0iTTIsNzUgTDIsOTggTDI1LDk4IiBmaWxsPSJub25lIiBzdHJva2U9InJlZCIgc3Ryb2tlLXdpZHRoPSIxIiAvPgogIDxwYXRoIGQ9Ik03NSw5OCBMOTgsOTggTDk4LDc1IiBmaWxsPSJub25lIiBzdHJva2U9InJlZCIgc3Ryb2tlLXdpZHRoPSIxIiAvPgogIDxwYXRoIGQ9Ik05OCwyNSBMOTgsMiBMNzUsMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZWQiIHN0cm9rZS13aWR0aD0iMSIgLz4KPC9zdmc+) center no-repeat;
    background-size: 33%
}

.qrcodescan .preview-wrap.error .camera-icon,.qrcodescan .preview-wrap.loading .camera-icon,.qrcodescan .preview-wrap.no-camera .camera-icon {
    display: block;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDAxIDUxMi4wMDEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMDEgNTEyLjAwMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwNS45NDIsNDc2LjY5NEwzNS4zMDYsNi4wNTljLTguMDc2LTguMDc3LTIxLjE3Mi04LjA3Ny0yOS4yNDgsMGMtOC4wNzcsOC4wNzYtOC4wNzcsMjEuMTcxLDAsMjkuMjQ4bDQ3MC42MzYsNDcwLjYzNiAgICBjNC4wMzgsNC4wMzksOS4zMzIsNi4wNTgsMTQuNjI1LDYuMDU4YzUuMjkzLDAsMTAuNTg3LTIuMDE5LDE0LjYyNC02LjA1N0M1MTQuMDE4LDQ5Ny44NjYsNTE0LjAxOCw0ODQuNzcxLDUwNS45NDIsNDc2LjY5NHoiIGZpbGw9IiM2ZTI1Y2EiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00NDguNTMyLDQyNy44NUg2My40NjdjLTEyLjE4NywwLTIyLjEwMi05LjkxNS0yMi4xMDItMjIuMTAyVjE3MC40M2MwLTEyLjE4OCw5LjkxNi0yMi4xMDIsMjIuMTAyLTIyLjEwMmg2NC4xNzcgICAgYzExLjQyMiwwLDIwLjY4Mi05LjI2LDIwLjY4Mi0yMC42ODJzLTkuMjYtMjAuNjgyLTIwLjY4Mi0yMC42ODJINjMuNDY3QzI4LjQ3MiwxMDYuOTYzLDAsMTM1LjQzNCwwLDE3MC40M3YyMzUuMzE4ICAgIGMwLDM0Ljk5NSwyOC40NzIsNjMuNDY3LDYzLjQ2Nyw2My40NjdoMzg1LjA2NWMxMS40MjMsMCwyMC42ODItOS4yNTksMjAuNjgyLTIwLjY4MlM0NTkuOTU1LDQyNy44NSw0NDguNTMyLDQyNy44NXoiIGZpbGw9IiM2ZTI1Y2EiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00NDguNTMzLDEwNi45NjNoLTc0LjUwMWwtMzYuNjQ0LTU0Ljk2OGMtMy44MzctNS43NTQtMTAuMjk0LTkuMjExLTE3LjIwOS05LjIxMUgxOTEuODIzICAgIGMtMTEuNDIyLDAtMjAuNjgyLDkuMjYtMjAuNjgyLDIwLjY4MnM5LjI2LDIwLjY4MiwyMC42ODIsMjAuNjgyaDExNy4yODZsMzYuNjQ0LDU0Ljk2OGMzLjgzNyw1Ljc1NCwxMC4yOTQsOS4yMSwxNy4yMDksOS4yMSAgICBoODUuNTdjMTIuMTg4LDAsMjIuMTAzLDkuOTE1LDIyLjEwMywyMi4xMDJ2MTk5LjgwNmMwLDExLjQyMyw5LjI1OSwyMC42ODIsMjAuNjgyLDIwLjY4MmMxMS40MjMsMCwyMC42ODItOS4yNTksMjAuNjgzLTIwLjY4MiAgICBWMTcwLjQzQzUxMi4wMDEsMTM1LjQzNSw0ODMuNTMsMTA2Ljk2Myw0NDguNTMzLDEwNi45NjN6IiBmaWxsPSIjNmUyNWNhIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzM3Ljg0OSwzMDkuMDk5Yy05LjQyNy02LjQ1MS0yMi4yOTYtNC4wMzktMjguNzQ3LDUuMzg4Yy0yMC4yMDUsMjkuNTI4LTYwLjY2OCwzNy4xMTQtOTAuMTk2LDE2LjkwOCAgICBjLTI5LjUyOS0yMC4yMDQtMzcuMTEzLTYwLjY2NS0xNi45MDktOTAuMTk0YzQuNTU3LTYuNjYxLDEwLjI0Ni0xMi4zNSwxNi45MDktMTYuOTA5YzkuNDI3LTYuNDUxLDExLjgzOS0xOS4zMjIsNS4zODgtMjguNzQ4ICAgIGMtNi40NTEtOS40MjctMTkuMzIzLTExLjgzOS0yOC43NDgtNS4zODhjLTEwLjkwOSw3LjQ2NS0yMC4yMjQsMTYuNzgtMjcuNjg3LDI3LjY4NyAgICBjLTMzLjA4NSw0OC4zNTItMjAuNjY1LDExNC42MDYsMjcuNjg3LDE0Ny42OTFjMTguMzA5LDEyLjUyOCwzOS4xNzYsMTguNTI5LDU5Ljg0NiwxOC41MjljMzMuOTE2LDAsNjcuMjg3LTE2LjE3Myw4Ny44NDUtNDYuMjE2ICAgIEMzNDkuNjg4LDMyOC40MjEsMzQ3LjI3NSwzMTUuNTUsMzM3Ljg0OSwzMDkuMDk5eiIgZmlsbD0iIzZlMjVjYSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) center no-repeat;
    background-size: contain;
    width: 100%;
    max-width: 350px;
    height: 0;
    min-height: 0;
    padding-top: 100%
}

.qrcodescan .preview-wrap.error:after,.qrcodescan .preview-wrap.loading:after,.qrcodescan .preview-wrap.no-camera:after {
    position: absolute;
    bottom: 16px;
    width: 100%;
    height: 94px;
    text-align: center;
    color: #363636;
    font-weight: 900;
    font-size: 18px;
    border-radius: 3px;
    border: 1px solid #b7b7b7;
    background-color: #f6f6f6;
    padding: 40px 0;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width: 768px) {
    .qrcodescan .preview-wrap.error .camera-icon,.qrcodescan .preview-wrap.loading .camera-icon,.qrcodescan .preview-wrap.no-camera .camera-icon {
        min-width:350px;
        background-position: center;
        background-size: contain
    }

    .qrcodescan .preview-wrap.error:after,.qrcodescan .preview-wrap.loading:after,.qrcodescan .preview-wrap.no-camera:after {
        width: 150%
    }
}

.qrcodescan .preview-wrap.loading .camera-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ0OC41MzIsMTA2Ljk2M2gtNzQuNTAxbC0zNi42NDUtNTQuOTY4Yy0zLjgzNi01Ljc1NC0xMC4yOTMtOS4yMTEtMTcuMjA4LTkuMjExSDE5MS44MjIgICAgYy02LjkxNSwwLTEzLjM3MywzLjQ1Ni0xNy4yMDgsOS4yMTFsLTM2LjY0NSw1NC45NjhINjMuNDY3QzI4LjQ3MiwxMDYuOTYzLDAsMTM1LjQzNCwwLDE3MC40M3YyMzUuMzE4ICAgIGMwLDM0Ljk5NiwyOC40NzIsNjMuNDY3LDYzLjQ2Nyw2My40NjdoMzg1LjA2NWMzNC45OTYsMCw2My40NjgtMjguNDcxLDYzLjQ2OC02My40NjdWMTcwLjQzICAgIEM1MTIsMTM1LjQzNSw0ODMuNTI4LDEwNi45NjMsNDQ4LjUzMiwxMDYuOTYzeiBNNDcwLjYzNiw0MDUuNzQ4YzAsMTIuMTg4LTkuOTE2LDIyLjEwMi0yMi4xMDMsMjIuMTAySDYzLjQ2NyAgICBjLTEyLjE4NywwLTIyLjEwMi05LjkxNS0yMi4xMDItMjIuMTAyVjE3MC40M2MwLTEyLjE4Nyw5LjkxNi0yMi4xMDIsMjIuMTAyLTIyLjEwMmg4NS41N2M2LjkxNSwwLDEzLjM3My0zLjQ1NiwxNy4yMDktOS4yMSAgICBsMzYuNjQ1LTU0Ljk2OGgxMDYuMjE3bDM2LjY0NSw1NC45NjhjMy44MzYsNS43NTQsMTAuMjkzLDkuMjEsMTcuMjA5LDkuMjFoODUuNTdjMTIuMTg4LDAsMjIuMTAzLDkuOTE1LDIyLjEwMywyMi4xMDJWNDA1Ljc0OHoiIGZpbGw9IiM2ZTI1Y2EiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMTcxLjE0MWMtNTguNTg4LDAtMTA2LjI1Miw0Ny42NjUtMTA2LjI1MiwxMDYuMjUyYzAsNTguNTg4LDQ3LjY2NSwxMDYuMjUyLDEwNi4yNTIsMTA2LjI1MiAgICBzMTA2LjI1Mi00Ny42NjUsMTA2LjI1Mi0xMDYuMjUyQzM2Mi4yNTIsMjE4LjgwNiwzMTQuNTg4LDE3MS4xNDEsMjU2LDE3MS4xNDF6IE0yNTYsMzQyLjI4MSAgICBjLTM1Ljc3OSwwLTY0Ljg4OC0yOS4xMDktNjQuODg4LTY0Ljg4OGMwLTM1Ljc3OSwyOS4xMDktNjQuODg4LDY0Ljg4OC02NC44ODhjMzUuNzc5LDAsNjQuODg4LDI5LjEwOSw2NC44ODgsNjQuODg4ICAgIEMzMjAuODg4LDMxMy4xNzMsMjkxLjc3OSwzNDIuMjgxLDI1NiwzNDIuMjgxeiIgZmlsbD0iIzZlMjVjYSIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=)
}

.qrcodescan .preview-wrap.loading:after {
    content: 'Opening Camera...'
}

.qrcodescan .preview-wrap.no-camera:after {
    content: 'No Camera Found'
}

.qrcodescan .preview-wrap.error:after {
    content: 'Could Not Open Camera'
}

.switch--green__input:checked + .switch--green__toggle {
	background-color: #32db64;
}