.circle {
	background: #FFF ;
	border-color:  #115877;

	border-radius: 50%;
	height: 21px;
	width: 21px;
	display: -webkit-flex;
	display: -ms-flexbox;

	-webkit-align-items: center;
	-webkit-box-align: center;
	margin-top: 3px;
	margin-left: 2px;
	margin-bottom: 2px;

	align-items: center;
	justify-content: center;
}

.fa-number-0:before { font-family: Arial;  color: #115877; font-weight: bold;  content: '0'; }
.fa-number-1:before { font-family: Arial;  color: #115877; font-weight: bold;  content: '1'; }
.fa-number-2:before { font-family: Arial;  color: #115877; font-weight: bold;  content: '2'; }
.fa-number-3:before { font-family: Arial;  color: #115877; font-weight: bold;  content: '3'; }
.fa-number-4:before { font-family: Arial;  color: #115877; font-weight: bold;  content: '4'; }
.fa-number-5:before { font-family: Arial;  color: #115877; font-weight: bold;  content: '5'; }
.fa-number-6:before { font-family: Arial;  color: #115877; font-weight: bold;  content: '6'; }
.fa-number-7:before { font-family: Arial;  color: #115877; font-weight: bold;  content: '7'; }
.fa-number-8:before { font-family: Arial;  color: #115877; font-weight: bold;  content: '8'; }
.fa-number-9:before { font-family: Arial;  color: #115877; font-weight: bold;  content: '9'; }
.fa-upper-a:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'A'; }
.fa-upper-ap:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'AP'; }
.fa-upper-af:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'AF'; }

.fa-upper-b:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'B'; }
.fa-upper-c:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'C'; }
.fa-upper-d:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'D'; }
.fa-upper-e:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'E'; }
.fa-upper-f:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'F'; }
.fa-upper-g:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'G'; }
.fa-upper-h:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'H'; }
.fa-upper-i:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'I'; }
.fa-upper-j:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'J'; }
.fa-upper-k:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'K'; }
.fa-upper-l:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'L'; }
.fa-upper-m:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'M'; }
.fa-upper-n:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'N'; }
.fa-upper-o:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'O'; }
.fa-upper-p:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'P'; }
.fa-upper-q:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'Q'; }
.fa-upper-r:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'R'; }
.fa-upper-s:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'S'; }
.fa-upper-t:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'T'; }
.fa-upper-u:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'U'; }
.fa-upper-v:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'V'; }
.fa-upper-w:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'W'; }
.fa-upper-x:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'X'; }
.fa-upper-y:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'Y'; }
.fa-upper-z:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'Z'; }

.fa-lower-a:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'a'; }
.fa-lower-ap:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'ap'; }
.fa-lower-af:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'af'; }


.fa-lower-b:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'b'; }
.fa-lower-c:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'c'; }
.fa-lower-d:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'd'; }
.fa-lower-e:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'e'; }
.fa-lower-f:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'f'; }
.fa-lower-g:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'g'; }
.fa-lower-h:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'h'; }
.fa-lower-i:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'i'; }
.fa-lower-j:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'j'; }
.fa-lower-k:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'k'; }
.fa-lower-l:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'l'; }
.fa-lower-m:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'm'; }
.fa-lower-n:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'n'; }
.fa-lower-o:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'o'; }
.fa-lower-p:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'p'; }
.fa-lower-q:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'q'; }
.fa-lower-r:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'r'; }
.fa-lower-s:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 's'; }
.fa-lower-t:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 't'; }
.fa-lower-u:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'u'; }
.fa-lower-v:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'v'; }
.fa-lower-w:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'w'; }
.fa-lower-x:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'x'; }
.fa-lower-y:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'y'; }
.fa-lower-z:before { font-family: Arial;  color: #115877; font-weight: bold;   content: 'z'; }





.shop-tracking-status .order-status{margin-top:120px;position:relative;margin-bottom:150px}
.shop-tracking-status .order-status-timeline{height:12px;border:1px solid #aaa;border-radius:7px;background:#eee;box-shadow:0px 0px 5px 0px  inset}.shop-tracking-status .order-status-timeline
.order-status-timeline-completion{height:8px;margin:1px;border-radius:7px;background:#115877;width:0px}


.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c1{width:0%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c2{width:22.42%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c3{width:44.85%}


.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c6{width:67.11%}


.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c9{width:100%}

.shop-tracking-status .image-order-status{border:1px solid #ddd;padding:7px;box-shadow:0px 0px 10px 0px #999;background-color:#fdfdfd;position:absolute;margin-top:-35px}.shop-tracking-status .image-order-status.disabled{filter:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;}
.shop-tracking-status .image-order-status.active{border:1px solid #ddd;padding:7px;box-shadow:0px 0px 10px 0px #999;background-color:#CCE2A1;position:absolute;margin-top:-35px}.shop-tracking-status .image-order-status.disabled{filter:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;}
.shop-tracking-status .image-order-status .icon{height:50px;width:50px;background-size:contain; background-position:no-repeat}


.shop-tracking-status .image-order-status-1{left:0}.shop-tracking-status   .image-order-status-1 .icon{  background-image: url("../img/icons/clock.png" ); background-repeat:no-repeat }
.shop-tracking-status .image-order-status-2{left:22.42%}.shop-tracking-status .image-order-status-2 .icon{  background-image: url("../img/icons/user.png"); background-repeat:no-repeat}
.shop-tracking-status .image-order-status-3{left:44.85%}.shop-tracking-status .image-order-status-3 .icon{  background-image: url("../img/icons/aceito.png"); background-repeat:no-repeat }


.shop-tracking-status .image-order-status-6{left:67.11%}.shop-tracking-status .image-order-status-6 .icon{  background-image: url("../img/icons/caminhao.png"); background-repeat:no-repeat}


.shop-tracking-status .image-order-status-9{right:0px}.shop-tracking-status .image-order-status-9 .icon{  background-image: url("../img/icons/finalizado.png"); background-repeat:no-repeat}
select[readonly] { pointer-events: none;  touch-action: none;  outline:none; display:block; }


/*

Antigo com mais status

.shop-tracking-status .order-status{margin-top:120px;position:relative;margin-bottom:150px}
.shop-tracking-status .order-status-timeline{height:12px;border:1px solid #aaa;border-radius:7px;background:#eee;box-shadow:0px 0px 5px 0px  inset}.shop-tracking-status .order-status-timeline
.order-status-timeline-completion{height:8px;margin:1px;border-radius:7px;background:#115877;width:0px}


.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c1{width:0%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c2{width:11.42%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c3{width:22.85%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c4{width:34.27%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c5{width:45.69%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c6{width:59.11%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c7{width:70.53%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c8{width:85.85%}
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c9{width:100%}

.shop-tracking-status .image-order-status{border:1px solid #ddd;padding:7px;box-shadow:0px 0px 10px 0px #999;background-color:#fdfdfd;position:absolute;margin-top:-35px}.shop-tracking-status .image-order-status.disabled{filter:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;}
.shop-tracking-status .image-order-status.active{border:1px solid #ddd;padding:7px;box-shadow:0px 0px 10px 0px #999;background-color:#CCE2A1;position:absolute;margin-top:-35px}.shop-tracking-status .image-order-status.disabled{filter:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray;}
.shop-tracking-status .image-order-status .icon{height:50px;width:50px;background-size:contain; background-position:no-repeat}


.shop-tracking-status .image-order-status-1{left:0}.shop-tracking-status   .image-order-status-1 .icon{  background-image: url("../img/icons/clock.png" ); background-repeat:no-repeat }
.shop-tracking-status .image-order-status-2{left:11.42%}.shop-tracking-status .image-order-status-2 .icon{  background-image: url("../img/icons/user.png"); background-repeat:no-repeat}
.shop-tracking-status .image-order-status-3{left:22.85%}.shop-tracking-status .image-order-status-3 .icon{  background-image: url("../img/icons/aceito.png"); background-repeat:no-repeat }
.shop-tracking-status .image-order-status-4{left:34.27%}.shop-tracking-status .image-order-status-4 .icon{  background-image: url("../img/icons/xml.png"); background-repeat:no-repeat}
.shop-tracking-status .image-order-status-5{left:45.69%}.shop-tracking-status .image-order-status-5 .icon{  background-image: url("../img/icons/em_transito.png"); background-repeat:no-repeat}
.shop-tracking-status .image-order-status-6{left:57.11%}.shop-tracking-status .image-order-status-6 .icon{  background-image: url("../img/icons/caminhao.png"); background-repeat:no-repeat}
.shop-tracking-status .image-order-status-7{left:68.53%}.shop-tracking-status .image-order-status-7 .icon{  background-image: url("../img/icons/descarregando.png"); background-repeat:no-repeat}
.shop-tracking-status .image-order-status-8{left:81.85%}.shop-tracking-status .image-order-status-8 .icon{  background-image: url("../img/icons/conferindo.png"); background-repeat:no-repeat}
.shop-tracking-status .image-order-status-9{right:0px}.shop-tracking-status .image-order-status-9 .icon{  background-image: url("../img/icons/finalizado.png"); background-repeat:no-repeat}
 select[readonly] { pointer-events: none;  touch-action: none;  outline:none; display:block; }




*/

 .panel-fullscreen {
    display: block;
    z-index: 1000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
  }