@charset "UTF-8";
/* CSS Document */

/* Floats */
.Fleft{ float: left;}
.Fright{ float: right;}

/*Widths*/
.w30px{width: 30px !important;}
.w32px{width: 32px !important;}
.w40px{width: 40px !important;} 
.w50px{width: 50px !important;} 
.w55px{width: 55px !important;}
.w100px{width: 100px !important;}
.w110px{width: 110px !important;}
.w120px{width: 120px !important;}
.w150px{width: 150px !important;}
.w160px{width: 160px !important;}
.w180px{width: 180px !important;}
.w200px{width: 200px !important;}
.w250px{width: 250px !important;}
.w300px{width: 300px !important;}

.w75px{width: 75px !important; height: 20px !important}
body .mensal .ui-button-text {
    padding: 1px 1rem 0.5rem 2rem !important;
}

/* Empty Boxes */
.EmptyBox1{ display:block; width:100%; height:1px; overflow:hidden;}
.EmptyBox2{ display:block; width:100%; height:2px; overflow:hidden;}
.EmptyBox3{ display:block; width:100%; height:3px; overflow:hidden;}
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox15{ display:block; width:100%; height:15px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}

.Mar5{ margin:5px !important;}
.Mar10{ margin:10px !important;}
.Mar20{ margin:20px !important;}
.Mar30{ margin:30px !important;}
.Mar40{ margin:40px !important;}
.Mar50{ margin:50px !important;}

.MarTop5{ margin-top:5px}
.MarTop8{ margin-top:8px !important;}
.MarTop10{ margin-top:10px !important;}
.MarTop15{ margin-top:15px !important;}
.MarTop20{ margin-top:20px !important;}
.MarTop30{ margin-top:30px !important;}
.MarTop40{ margin-top:40px !important;}
.MarTop50{ margin-top:50px !important;}

.MarB5{ margin-bottom:5px !important;}
.MarB10{ margin-bottom:10px !important;}
.MarB15{ margin-bottom:15px !important;}
.MarB20{ margin-bottom:20px !important;}
.MarB30{ margin-bottom:30px !important;}
.MarB40{ margin-bottom:40px !important;}
.MarB50{ margin-bottom:50px !important;}

.MarR2{ margin-right:2px !important;}
.MarR5{ margin-right:5px !important;}
.MarR10{ margin-right:10px !important;}
.MarR20{ margin-right:20px !important;}
.MarR30{ margin-right:30px !important;}
.MarR40{ margin-right:40px !important;}
.MarR50{ margin-right:50px !important;}

.MarL5{ margin-left:5px !important;}
.MarL10{ margin-left:10px !important;}
.MarL20{ margin-left:20px !important;}
.MarL30{ margin-left:30px !important;}
.MarL40{ margin-left:40px !important;}
.MarL50{ margin-left:50px !important;}

.MarL5m{ margin-left:-5px !important;}
.MarL10m{ margin-left:-10px !important;}
.MarL20m{ margin-left:-20px !important;}
.MarL30m{ margin-left:-30px !important;}
.MarL40m{ margin-left:-40px !important;}
.MarL50m{ margin-left:-50px !important;}

.MarTopQuarter{ margin-top:25% !important;}
.MarTopHalf{ margin-top:50% !important;}

.MarBot10{ margin-bottom:10px !important;}
.MarBot20{ margin-bottom:20px !important;}
.MarBot30{ margin-bottom:30px !important;}

/* .MarRight10{ margin-right:10px !important;}
.MarRight20{ margin-right:20px !important;}
 */
/* Text Aligns */
.TexAlCenter{ text-align:center;}
.TexAlLeft{ text-align:left;}
.TexAlRight{ text-align:right !important;}

.vc{vertical-align: -webkit-baseline-middle !important;}
.b70{width: 70px; height: 35px; float: right;line-height: 1;}
.b80{width: 80px; height: 35px; float: right;line-height: 1;}
.b85{width: 85px; height: 35px; float: right;line-height: 1;}
.b120l{width: 120px; height: 35px; float: left;line-height: 1;}
.ct{position: relative; float: left; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* Font Sizes */
.Fs8{font-size:8px !important;} 
.Fs9{font-size:9px !important;} 
.Fs10{font-size:10px !important;} 
.Fs11{font-size:11px !important;} 
.Fs12{font-size:12px !important;} 
.Fs13{font-size:13px !important;} 
.Fs14{font-size:14px !important;} 
.Fs15{font-size:15px !important;} 
.Fs16{font-size:16px !important;} 
.Fs17{font-size:17px !important;} 
.Fs18{font-size:18px !important;} 
.Fs19{font-size:19px !important;} 
.Fs20{font-size:20px !important;} 
.Fs21{font-size:21px !important;} 
.Fs22{font-size:22px !important;} 
.Fs23{font-size:23px !important;} 
.Fs24{font-size:24px !important;} 
.Fs25{font-size:25px !important;} 
.Fs26{font-size:26px !important;} 
.Fs27{font-size:27px !important;} 
.Fs28{font-size:28px !important;} 
.Fs29{font-size:29px !important;} 
.Fs30{font-size:30px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs70{font-size:40px !important;}
.Fs80{font-size:80px !important;}
.Fs90{font-size:90px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}

/* Font Type */
.FontBold{ font-weight:bold;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}

/*Dsiplay*/
.DisBlock{display: block !important;}
.DisInLine{display: inline-block !important;}
.DisNone{display: none !important;}

/*Widths*/
.WidthP50{width: 50% !important;}
.WidthP100{width: 100% !important;}

/*Heights*/
.HeightPx200{height: 200px !important;}

body .ui-widget-overlay-core {
    background-color: #58575c;
    opacity: .4;
}

.ui-widget-overlay-core {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1034 !important;
}

.ui-dialog-mask-core {
    position: fixed;
    width: 100%;
    height: 100%;
}

.c-blue{color: #0b66b1 !important;}
.c-gray{color: #58575c !important;}
.c-green{color: #4CAF50 !important;}
.c-red{color: #ca4343 !important;}
.c-orange{color: orange !important;}


.cor-2{color: #0b66b1 !important;}
.cor-3{color: #58575c !important;}
.cor-4{color: #4CAF50 !important;}
.cor-6{color: #58575c !important;}
.cor-7{color: #4CAF50 !important;}
.cor-8{color: #0b66b1 !important;}
.cor-9{color: #2f4050 !important;}
 
.d-green{background-color: #58b93a; color: white !important; padding: 1px 3px; border-radius: 2px}
.d-red{background-color: #bf3031; color: white !important; padding: 1px 3px; border-radius: 2px}
.d-blue{background-color: #3984b8; color: white !important; padding: 1px 3px; border-radius: 2px}
.d-orange{background-color: orange; color: white !important; padding: 1px 3px; border-radius: 2px}
.d-liqui{background-color: #757575; color: white !important; padding: 1px 3px; border-radius: 2px}
 
.cp{color: #2c304d !important;}
.cpm{color: #94a4b0 !important;}
.cgreen{color: #28a745 !important;}
.cblue{color: #0c899c !important;}
.cblue2{color: #007bff !important;}
.corange{color: #f0ad4e !important;}
.nao-pago{background: #da4f4f; border-radius: 3px; color: white;}
.pago{background: #28a745; border-radius: 3px; color: white; padding: 0px 5px;}
.block{background: #6c757d; border-radius: 3px; color: white; padding: 0px 5px;}
.transf{background: #17a2b8; border-radius: 3px; color: white; padding: 0px 5px;}

.ca:hover{background: #343a40; border-radius: 3px; color: white !important; padding: 0px 5px;}
.ca2:hover{background: #28a745; border-radius: 3px; color: white !important; padding: 0px 5px;}
.ca2{color: #28a745 !important;}

.ag-true{
	color: #3376a5 !important;
}

.no-prazo-c{color: #28a745 !important;}
.fora-prazo-c{color: #da4f4f !important;}

.no-prazo{color: #28a745 !important;}
.fora-prazo{color: #da4f4f !important;}

.bf:hover {
	background-color: #212529 !important;
}

body .tbit .ui-datatable thead th {
    display: none;
}

body .ui-datatable .tbit thead th {
    display: none;
}

body .tbit .ui-datatable .ui-datatable-data > tr td {
    padding: 2px 3px !important;
}

body .ui-datatable .tbit .ui-datatable-data > tr td {
    padding: 2px 3px !important;
}

.link-none{
	color: inherit; /* blue colors for links too */
  	text-decoration: inherit;
}

.com{
	border-width: 2px;
	border-style: dashed;
	border-color: #FFF;
	border-left:0px;
	border-right:0px;
	padding: 1.5px 0px;
	float: left;
	width: 100%;
	color: inherit; /* blue colors for links too */
  	text-decoration: inherit; 
}

.com:hover{
	border-color: #000;
}


.tb-sel .c-orange{color: white !important;}
.tb-sel .green{color: white !important;}
.tb-sel .com:hover{color:white !important;}
.tb-sel .no-prazo{color:white !important;}
.tb-sel .fora-prazo{color:white !important;}

.nao-pago-c{background: #da4f4f;color: white; padding: 1px 4px}
.pago-c{background: #28a745; color: white; padding: 1px 4px}

.aberto-c{background: #da4f4f;color: white; padding: 1px 4px}
.pago-c{background: #28a745; color: white; padding: 1px 4px}

.PAGO-f{background: #28a745;color: white; padding: 1px 4px}
.ABERTO-f{background: #da4f4f; color: white; padding: 1px 4px}

.entrada{background: #33d216;color: white;}
.saida{background: #e84144; color: white;}

.cpa{background: #FF9800; border-radius: 0px; color: white !important; padding: 3px;}
.c1{background: #e84144; border-radius: 0px; color: white !important; padding: 3px;}
.e2{background: #33d216; border-radius: 0px; color: white !important; padding: 3px;}
.bl{background: #848484; border-radius: 0px; color: white !important; padding: 3px;}
.tr{background: #03A9F4; border-radius: 0px; color: white !important; padding: 3px;}

.IT-RETIRAR{color: #FF9800}
.IT-TROCADO{color: #800000}
.IT-ENTREGUE{color: #28a745}
.IT-ABERTO{color: #03A9F4}
.IT-PARA-TROCAR{color: #FF9800}
.IT-CONCLUIDO{color: black;}
.IT-CANCELADO{color: #e84144}


.user-app-on{background: #03A9F4; color: white; padding: 1px 4px; animation: blinker 1s linear infinite;}
.user-app-off{background: #03A9F4; color: white; padding: 1px 4px}

.u-trocar{background: #FF9800;}
.u-retirar{background: #e84144;}
.u-ok{background: #03A9F4;}


.blink-me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.tipo-TERRA{
	color: #975115;
}
.tipo-CAÇAMBA{
	color: black;
}
.tipo-TROCAR{
	color: #FF9800;
}


.ic-cacambas{background-image: url("../images/icons/cacambas.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-contas-pagar{background-image: url("../images/icons/contas-pagar.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-tipos-contas{background-image: url("../images/icons/tipos-contas.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-caixas{background-image: url("../images/icons/caixas.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-rel{height: 32px !important; width: 32px !important; background-image: url("../images/icons/rel.png"); background-size: contain; background-repeat:no-repeat;}

.ic-mensagem{background-image: url("../images/icons/mensagem.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-bairros{background-image: url("../images/icons/bairros.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-location{background-image: url("../images/icons/location.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-ruas{background-image: url("../images/icons/ruas.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-novo-pedido{background-image: url("../images/icons/novo-pedido.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-historico-pedidos{background-image: url("../images/icons/historico-pedidos.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-pedidos{background-image: url("../images/icons/pedidos.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-colaborador{background-image: url("../images/icons/team.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-sistema{background-image: url("../images/icons/sistema.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-logout{background-image: url("../images/icons/logout.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-password{background-image: url("../images/icons/password.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-truck{background-image: url("../images/icons/truck.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-orcamento{background-image: url("../images/icons/orcamento.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-fornecedor{background-image: url("../images/icons/fornecedores.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-mais{background-image: url("../images/icons/mais.png"); height: 32px; width: 32px; background-size: contain; background-repeat:no-repeat;}

.ic-cacamba{background-image: url("../images/icons/ic_cacamba.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
.ic-cacamba5{background-image: url("../images/icons/ic_cacamba5.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
.ic-cacamba4{background-image: url("../images/icons/ic_cacamba4.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
.ic-cacamba7{background-image: url("../images/icons/ic_cacamba7.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
.ic-cacamba8{background-image: url("../images/icons/ic_cacamba8.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
.ic-cacamba17{background-image: url("../images/icons/ic_cacamba17.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
 
 
.ic-cacamba-red{background-image: url("../images/icons/ic_cacamba_red.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
.ic-cacamba7-red{background-image: url("../images/icons/ic_cacamba7_red.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
.ic-cacamba8-red{background-image: url("../images/icons/ic_cacamba8_red.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
.ic-cacamba17-red{background-image: url("../images/icons/ic_cacamba17_red.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
.ic-cacamba5-red{background-image: url("../images/icons/ic_cacamba5_red.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}
.ic-cacamba4-red{background-image: url("../images/icons/ic_cacamba4_red.png"); height: 10px; width: 16px; background-size: contain; background-repeat:no-repeat;}

.ic-container{background-image: url("../images/icons/ic_container.png"); height: 13px; width: 17px; background-size: contain; background-repeat:no-repeat;}
 
 
body .ui-button.ui-button-black, body .ui-splitbutton.ui-button-black > .ui-button {
  background: #1c1919;
  color: #ffffff;
  border: 1px solid #000000;
}
body .ui-button.ui-button-black.ui-state-hover, body .ui-splitbutton.ui-button-black > .ui-button.ui-state-hover {
  background: #1e1e1e;
  color: #ffffff;
  border-color: #000000;
}
body .ui-button.ui-button-black.ui-state-focus, body .ui-splitbutton.ui-button-black > .ui-button.ui-state-focus {
  box-shadow: 0 0 0 0.2rem #00000080;
}
body .ui-button.ui-button-black.ui-state-active, body .ui-splitbutton.ui-button-black > .ui-button.ui-state-active {
  background: #1e1e1e;
  color: #ffffff;
  border-color: #1e1e1e;
}
body .ui-button.ui-button-black.ui-button-outlined, body .ui-splitbutton.ui-button-black > .ui-button.ui-button-outlined {
  background-color: transparent;
  color: #1c1919;
  border: 1px solid;
}
body .ui-button.ui-button-black.ui-button-outlined.ui-state-hover, body .ui-splitbutton.ui-button-black > .ui-button.ui-button-outlined.ui-state-hover {
  background: rgb(0 0 0 / 15%);
  color: #1c1919;
  border: 1px solid;
}
body .ui-button.ui-button-black.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-black > .ui-button.ui-button-outlined.ui-state-active {
  background: rgb(0 0 0 / 15%);
  color: #1c1919;
  border: 1px solid;
}
body .ui-button.ui-button-black.ui-button-flat, body .ui-splitbutton.ui-button-black > .ui-button.ui-button-flat {
  background-color: transparent;
  color: #1c1919;
  border-color: transparent;
}
body .ui-button.ui-button-black.ui-button-flat.ui-state-hover, body .ui-splitbutton.ui-button-black > .ui-button.ui-button-flat.ui-state-hover {
  background: rgb(0 0 0 / 15%);
  border-color: transparent;
  color: #1c1919;
}
body .ui-button.ui-button-black.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-black > .ui-button.ui-button-flat.ui-state-active {
  background: rgb(0 0 0 / 15%);
  border-color: transparent;
  color: #1c1919;
}


.img-dialog {
    margin-right: 5px;
    width: 35px;
    float: left;
    margin-left: 8px;
    margin-top: 0.7px;
}

body .title-b .ui-dialog-titlebar {
    color: #000000 !important; 
    font-size: 15px;
    padding: 10px;
    background-size: 400% 400%;
    border-bottom: #c7c7c7 solid 1px;
}

body .title-default .ui-dialog-titlebar {
	color: white !important;
	background-color: #1b3251 !important;
	font-size: 15px;
	padding: 10px;
}

body .title-blue .ui-dialog-titlebar {
	color: white !important;
	background-color: #00adff !important;
	font-size: 15px;
	padding: 10px;
}

body .title-green .ui-dialog-titlebar {
	color: white !important;
	background-color: #689f38 !important;
	font-size: 15px;
	padding: 10px;
}
 

body .title-red .ui-dialog-titlebar {
	color: white !important;
	background-color: #db0000 !important;
	font-size: 15px;
	padding: 10px;
}

body .title-orange .ui-dialog-titlebar {
	color: white !important;
	background-color: #FF9800 !important;
	font-size: 15px;
	padding: 10px;
}

.text-danger{
	color: #db0000 !important;
}


.itens-map{
	max-width: 900px;
	width: 100%;
	height: 40px;
	z-index: 5; 
	bottom:  40px;
	position: absolute;
	padding: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.item-map{
	text-align: center;
	width: 200px;
	height: 45px;
	z-index: 5;
	float: left;
	padding: 10px;
	border-radius: 10px;
	background-color: #fff; 
	margin: 10px 10px;
	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.card-per{
	width: 600px;
}

.item-per{
	float: left;
	margin: 5px;
	width: 45%; 
	padding: 10px;
	/* box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;	 */
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}

.item-msg{
	float: left;
	width: 100%; 
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}

.card-cache{
	float: left;
	margin: 10px;
	width: 29%; 
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}

.nivel1{
	background-color: #dbdbdb !important;
	color: #000;
}
.nivel2{
	background-color: #b5b5b5 !important;
	color: #000;
}
.nivel3{
	background-color: #8f8f8f !important;
	color: #000;
	font-weight: bold;
}

.ui-button-icon-only.m {
    width: 1.5em !important;
    height: 1.5em !important;
}

#map2{
	width: 100%;
	min-width: 400px;
	height: 300px
}

#map3{
	width: 100%;
	min-width: 400px;
	height: 500px
}

#btne{
	width: 120px;
	height:35px
}


/**Estilos simples*/
.TextUpper{text-transform: uppercase;}
.upper{text-transform: uppercase;}
.TextLower{text-transform: lowercase;}
.lower{text-transform: lowercase;}


/**teste - \00a0 deixa um espacinho*/
.multi-icons:before{
	font-family: 'FontAwesome';
  	content: "\f1b9\00a0\00a0\00a0\f1b8";
}