@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(img/material-icons/MaterialIcons.woff2) format('woff2');
}

* {
	font-family: 'Open Sans', Arial, Serif;
	font-size: 12px;
}

.font-template {
	font-family: Menlo, Monaco, monospace, sans-serif;
}

.fcr {
	color: red !important;
}

.oa {
	overflow: auto;
}

.oax {
	flex: 0 0 auto;
	overflow-x: auto;
}

.ov {
	overflow: visible;
}

.oaimp {
	overflow: auto !important;
}

.oHide {
	overflow: hidden;
}

.oVisible {
	overflow: visible;
}

.pf {
	position: fixed;
}

.pr {
	position: relative;
}

.pa {
	position: absolute !important;
}

.top10 {
	top: 10px
}

.top65 {
	top: 65px
}

.right10 {
	right: 10px
}

.right140 {
	right: 140px
}

.tac {
	text-align: center
}

.taci {
	text-align: center !important;
}

.tar {
	text-align: right
}

.tari {
	text-align: right !important;
}

.tal {
	text-align: left
}

.tali {
	text-align: left !important;
}

.dib {
	display: inline-block;
}

.dinline {
	display: inline;
}

.din {
	display: none;
}

.dtc {
	display: table-cell;
}

.db {
	display: block !important;
}

.dbi {
	display: block
}

.dif {
	display: flex;
}

.asflexend {
	align-self: flex-end;
}

.dr {
	display: ruby
}

.dbrb {
	display: block ruby-base
}

.dg {
	display: grid
}

.fw {
	flex-wrap: wrap;
}

.vab {
	vertical-align: bottom
}

.vaSub {
	vertical-align: sub;
}

.vaTop {
	vertical-align: top;
}

.vam {
	vertical-align: middle !important;
}

.vas {
	vertical-align: super;
}

.va-mwbl {
	vertical-align: -moz-middle-with-baseline
}

.align-ck {
	vertical-align: center;
}

.ma {
	margin: auto !important
}

.m5 {
	margin: 5px;
}

.m10 {
	margin: 10px
}

.mt-5 {
	margin-top: -5px;
}

.mt-7 {
	margin-top: -7px;
}

.mt0 {
	margin-top: 0px !important;
}

.mt2 {
	margin-top: 2px;
}

.mt5 {
	margin-top: 5px;
}

.mt5i {
	margin-top: 5px !important;
}

.mt6 {
	margin-top: 6px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt21i {
	margin-top: 21px !important;
}

.mt50 {
	margin-top: 50px;
}

.mt10vh {
	margin-top: 10vh;
}

.mt15vh {
	margin-top: 15vh;
}

.mb-3 {
	margin-bottom: -3px;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb2 {
	margin-bottom: 2px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb7 {
	margin-bottom: 7px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.ml0 {
	margin-left: 0px !important;
}

.ml1 {
	margin-left: 1px;
}

.ml2 {
	margin-left: 2px;
}

.ml4 {
	margin-left: 4px;
}

.ml5 {
	margin-left: 5px;
}

.ml6 {
	margin-left: 6px;
}

.ml10 {
	margin-left: 10px;
}

.ml12 {
	margin-left: 12px;
}

.ml14 {
	margin-left: 14px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml22 {
	margin-left: 22px;
}

.ml32 {
	margin-left: 32px;
}

.ml40 {
	margin-left: 40px;
}

.ml60 {
	margin-left: 60px !important;
}

.ml79 {
	margin-left: 79px;
}

.ml80 {
	margin-left: 80px;
}

.ml128 {
	margin-left: 128px;
}

.mr0 {
	margin-right: 0px !important;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr30 {
	margin-right: 30px;
}

.mr45 {
	margin-right: 45px;
}

.mr80 {
	margin-right: 80px;
}

.mr220 {
	margin-right: 220px;
}

.pad5 {
	padding: 5px
}

.pad10 {
	padding: 10px;
}

.pad15 {
	padding: 15px;
}

.padl5 {
	padding-left: 5px;
}

.padl10 {
	padding-left: 10px;
}

.padl15 {
	padding-left: 15px;
}

.padt2 {
	padding-top: 2px;
}

.padt5 {
	padding-top: 5px;
}

.padt10 {
	padding-top: 10px;
}

.padb10 {
	padding-bottom: 10px;
}

.padb5 {
	padding-bottom: 5px;
}

.padb2 {
	padding-bottom: 2px;
}

.padb0 {
	padding-bottom: 0px !important;
}

.w7 {
	width: 7px;
}

.w10p {
	width: 10%;
}

.w18 {
	width: 18px
}

.w24 {
	width: 24px
}

.w25 {
	width: 25px
}

.w30 {
	width: 30px
}

.w33 {
	width: 33px
}

.w34 {
	width: 34px
}

.w40 {
	width: 40px;
}

.w43 {
	width: 43px
}

.w45 {
	width: 45px
}

.w50 {
	width: 50px
}

.w53 {
	width: 53px
}

.w55 {
	width: 55px
}

.w57 {
	width: 57px
}

.w58 {
	width: 58px
}

.w60 {
	width: 60px
}

.w61 {
	width: 61px
}

.w63 {
	width: 63px
}

.w65 {
	width: 65px
}

.w67 {
	width: 67px
}

.w70 {
	width: 70px
}

.w73 {
	width: 73px
}

.w75 {
	width: 75px
}

.w78 {
	width: 78px
}

.w80 {
	width: 80px
}

.w83 {
	width: 83px
}

.w84 {
	width: 84px
}

.w87 {
	width: 87px
}

.w88 {
	width: 88px
}

.w90 {
	width: 90px
}

.w93 {
	width: 93px
}

.w95 {
	width: 95px
}

.w97 {
	width: 97px
}

.w100 {
	width: 100px
}

.w105 {
	width: 105px
}

.w107 {
	width: 107px
}

.w108 {
	width: 108px
}

.w110 {
	width: 110px
}

.w110i {
	width: 110px !important
}

.w112 {
	width: 112px
}

.w113 {
	width: 113px
}

.w115 {
	width: 115px
}

.w120 {
	width: 120px
}

.w125 {
	width: 125px
}

.w126 {
	width: 126px
}

.w130 {
	width: 130px
}

.w135 {
	width: 135px
}

.w140 {
	width: 140px
}

.w142 {
	width: 142px
}

.w143 {
	width: 143px
}

.w145 {
	width: 145px;
}

.w148 {
	width: 148px
}

.w150 {
	width: 150px;
}

.w155 {
	width: 155px
}

.w158 {
	width: 158px
}

.w160 {
	width: 160px
}

.w162 {
	width: 162px
}

.w165 {
	width: 165px
}

.w167 {
	width: 167px
}

.w170 {
	width: 170px
}

.w174 {
	width: 174px
}

.w175 {
	width: 175px
}

.w177 {
	width: 177px
}

.w180 {
	width: 180px
}

.w184 {
	width: 184px
}

.w185 {
	width: 185px
}

.w189 {
	width: 189px
}

.w190 {
	width: 190px
}

.w195 {
	width: 195px
}

.w198 {
	width: 198px
}

.w200 {
	width: 200px
}

.w200i {
	width: 200px !important;
}

.w205 {
	width: 205px
}

.w207 {
	width: 207px
}

.w208 {
	width: 208px
}

.w210 {
	width: 210px
}

.w219 {
	width: 219px
}

.w220 {
	width: 220px
}

.w223 {
	width: 223px
}

.w224 {
	width: 224px
}

.w225 {
	width: 225px
}

.w230 {
	width: 230px
}

.w231 {
	width: 231px
}

.w235 {
	width: 235px
}

.w238 {
	width: 238px
}

.w240 {
	width: 240px
}

.w248 {
	width: 248px
}

.w250 {
	width: 250px
}

.w253 {
	width: 253px
}

.w255 {
	width: 255px
}

.w260 {
	width: 260px
}

.w265 {
	width: 265px
}

.w272 {
	width: 272px
}

.w276 {
	width: 276px
}

.w280 {
	width: 280px
}

.w285 {
	width: 285px
}

.w290 {
	width: 290px
}

.w291 {
	width: 291px
}

.w295 {
	width: 295px
}

.w296 {
	width: 296px
}

.w300 {
	width: 300px
}

.w305 {
	width: 305px
}

.w310 {
	width: 310px !important;
}

.w315 {
	width: 315px
}

.w318 {
	width: 318px;
}

.w320 {
	width: 320px
}

.w323 {
	width: 323px
}

.w324 {
	width: 324px
}

.w325 {
	width: 325px
}

.w330 {
	width: 330px
}

.w335 {
	width: 335px
}

.w340 {
	width: 340px
}

.w348 {
	width: 348px
}

.w350 {
	width: 350px
}

.w353 {
	width: 353px
}

.w355 {
	width: 355px
}

.w360 {
	width: 360px
}

.w365 {
	width: 365px
}

.w370 {
	width: 370px
}

.w375 {
	width: 375px
}

.w380 {
	width: 380px
}

.w385 {
	width: 385px
}

.w390 {
	width: 390px;
}

.w394 {
	width: 394px
}

.w395 {
	width: 395px
}

.w399 {
	width: 399px
}

.w400 {
	width: 400px
}

.w403 {
	width: 403px
}

.w405 {
	width: 405px
}

.w407 {
	width: 407px
}

.w410 {
	width: 410px
}

.w417 {
	width: 417px
}

.w425 {
	width: 425px
}

.w445 {
	width: 445px;
}

.w450 {
	width: 450px
}

.w455 {
	width: 455px
}

.w460 {
	width: 460px
}

.w475 {
	width: 475px
}

.w485 {
	width: 485px
}

.w490 {
	width: 490px
}

.w495 {
	width: 495px
}

.w500 {
	width: 500px
}

.w505 {
	width: 505px
}

.w515 {
	width: 515px
}

.w530 {
	width: 530px
}

.w540 {
	width: 540px
}

.w550 {
	width: 550px
}

.w580 {
	width: 580px
}

.w590 {
	width: 590px
}

.w593 {
	width: 593px
}

.w600 {
	width: 600px
}

.w600i {
	width: 600px !important
}

.w603 {
	width: 603px
}

.w615 {
	width: 615px
}

.w620 {
	width: 620px
}

.w620i {
	width: 620px !important
}

.w625 {
	width: 625px
}

.w650 {
	width: 650px
}

.w655 {
	width: 655px
}

.w650i {
	width: 650px !important
}

.w660 {
	width: 660px;
}

.w662 {
	width: 662px
}

.w680 {
	width: 680px
}

.w684 {
	width: 684px
}

.w685 {
	width: 685px
}

.w695 {
	width: 695px
}

.w700 {
	width: 700px
}

.w760 {
	width: 760px
}

.w770 {
	width: 770px
}

.w780 {
	width: 780px
}

.w800 {
	width: 800px
}

.w835 {
	width: 835px
}

.w890 {
	width: 890px;
}

.w920 {
	width: 920px;
}

.w950 {
	width: 950px;
}

.w955 {
	width: 955px;
}

.w960 {
	width: 960px;
}

.w40vw {
	width: 40vw
}

.w75vw {
	width: 75vw
}

.mw80vw {
	max-width: 80vw
}

.w100vw {
	width: 100vw;
}

.w50vw-115 {
	width: calc(50vw - 115px)
}

.w50vw-175 {
	width: calc(50vw - 175px)
}

.w50vw-270 {
	width: calc(50vw - 270px)
}

.w100vw-882 {
	width: calc(100vw - 882px) !important
}

.w100vw-1130 {
	width: calc(100vw - 1130px) !important
}

.w75vw-590 {
	width: calc(75vw - 590px)
}

.w100vw-556 {
	width: calc(100vw - 556px) !important
}

.w90vw-16 {
	width: calc(90vw - 16px) !important;
}

.w90vw-426 {
	width: calc(90vw - 426px);
}

.mw90vw {
	max-width: 90vw
}

.w100vw-330 {
	width: calc(100vw - 330px)
}

.w100vw-333 {
	width: calc(100vw - 333px)
}

.w100vw-550 {
	width: calc(100vw - 550px)
}

.w100vw-580 {
	width: calc(100vw - 580px)
}

.w100vw-618 {
	width: calc(100vw - 618px)
}

.w100vw-620 {
	width: calc(100vw - 620px)
}

.w100vw-633 {
	width: calc(100vw - 633px)
}

.w100vw-642 {
	width: calc(100vw - 642px)
}

.w100vw-660 {
	width: calc(100vw - 660px)
}

.w100vw-730 {
	width: calc(100vw - 730px)
}

.w100vw-744 {
	width: calc(100vw - 744px)
}

.w100vw-770 {
	width: calc(100vw - 770px)
}

.w100vw-780 {
	width: calc(100vw - 780px)
}

.w100vw-795 {
	width: calc(100vw - 795px)
}

.w100vw-891 {
	width: calc(100vw - 891px)
}

.w100vw-1000 {
	width: calc(100vw - 1000px)
}

.w100vw-1171 {
	width: calc(100vw - 1171px)
}

.w100vw-1261 {
	width: calc(100vw - 1261px)
}

.w100vw-1366 {
	width: calc(100vw - 1366px)
}

.w90p {
	width: 90%
}

.w100p-5 {
	width: calc(100% - 5px)
}

.w100p-6 {
	width: calc(100% - 6px)
}

.w100p-10 {
	width: calc(100% - 10px) !important;
}

.w100p-12 {
	width: calc(100% - 12px) !important;
}

.w100p-15 {
	width: calc(100% - 15px);
}

.w100p-18 {
	width: calc(100% - 18px)
}

.w100p-20 {
	width: calc(100% - 20px)
}

.w100p-23 {
	width: calc(100% - 23px)
}

.w100p-30 {
	width: calc(100% - 30px)
}

.w100p-38 {
	width: calc(100% - 38px)
}

.w100p-40 {
	width: calc(100% - 40px)
}

.w100p-45 {
	width: calc(100% - 45px)
}

.w100p-65 {
	width: calc(100% - 65px)
}

.w100p-69 {
	width: calc(100% - 69px)
}

.w100p-100 {
	width: calc(100% - 100px)
}

.w100p-115 {
	width: calc(100% - 120px)
}

.w100p-175 {
	width: calc(100% - 175px)
}

.w100p-226 {
	width: calc(100% - 226px)
}

.w100p-315 {
	width: calc(100% - 315px)
}

.w100p-325 {
	width: calc(100% - 325px)
}

.w100p-350 {
	width: calc(100% - 350px)
}

.w100p-404 {
	width: calc(100% - 404px)
}

.w100p-517 {
	width: calc(100% - 517px)
}

.minw35 {
	min-width: 35px;
}

.mw80 {
	min-width: 80px;
}

.mw200 {
	min-width: 200px;
}

.minw100 {
	min-width: 100px;
}

.minw170 {
	min-width: 170px;
}

.minw290 {
	min-width: 290px;
}

.minw300 {
	min-width: 300px;
}

.minw325 {
	min-width: 325px;
}

.minw340 {
	min-width: 340px;
}

.minw355 {
	min-width: 355px;
}

.minw365 {
	min-width: 365px;
}

.minw375 {
	min-width: 375px
}

.minw395 {
	min-width: 395px;
}

.minw398 {
	min-width: 398px;
}

.minw420 {
	min-width: 420px;
}

.minw440 {
	min-width: 440px;
}

.minw455 {
	min-width: 455px;
}

.minw580 {
	min-width: 580px;
}

.minw600 {
	min-width: 600px;
}

.maxw170 {
	max-width: 170px;
}

.maxw300 {
	max-width: 300px;
}

.maxw350 {
	max-width: 350px;
}

.maxw1090 {
	max-width: 1090px;
}

.mw100p-10 {
	max-width: calc(100% - 10px)
}

.w100p {
	width: 100%;
}

.w99p {
	width: 99%;
}

.w98p {
	width: 98%;
}

.w96p {
	width: 96%;
}

.w95p {
	width: 95%;
}

.w90p {
	width: 90%;
}

.w85p {
	width: 85%
}

.h11 {
	height: 11px;
}

.h12 {
	height: 12px;
}

.h13 {
	height: 13px;
}

.h14 {
	height: 14px !important;
}

.h15 {
	height: 15px !important;
}

.h16 {
	height: 16px !important;
}

.h18 {
	height: 18px !important;
}

.h20 {
	height: 20px
}

.h24 {
	height: 24px !important;
}

.h29 {
	height: 29px !important;
}

.h30 {
	height: 30px !important;
}

.h30t {
	height: 30px;
}

.h35 {
	height: 35px !important;
}

.h38 {
	height: 38px;
}

.h43 {
	height: 43px;
}

.h45 {
	height: 45px;
}

.h46 {
	height: 46px;
}

.h50 {
	height: 50px;
}

.h52 {
	height: 52px;
}

.h56 {
	height: 56px;
}

.h58 {
	height: 58px;
}

.h59 {
	height: 59px;
}

.h60 {
	height: 60px;
}

.h67 {
	height: 67px;
}

.h70 {
	height: 70px;
}

.h72 {
	height: 72px;
}

.h76 {
	height: 76px;
}

.h80 {
	height: 80px;
}

.h85 {
	height: 85px;
}

.h100 {
	height: 100px
}

.h103 {
	height: 103px
}

.h105 {
	height: 105px
}

.h110 {
	height: 110px
}

.h113 {
	height: 113px
}

.h117 {
	height: 117px
}

.h125 {
	height: 125px
}

.h150 {
	height: 150px
}

.h160 {
	height: 160px
}

.h180 {
	height: 180px
}

.h200 {
	height: 200px
}

.h210 {
	height: 210px
}

.h236 {
	height: 236px
}

.h245 {
	height: 245px
}

.h250 {
	height: 250px
}

.h260 {
	height: 260px
}

.h280 {
	height: 280px
}

.h300 {
	height: 300px
}

.h310 {
	height: 310px
}

.h335 {
	height: 335px
}

.h337 {
	height: 337px
}

.h337 {
	height: 337px
}

.h390 {
	height: 390px
}

.h465 {
	height: 465px
}

.h480 {
	height: 480px
}

.h500 {
	height: 500px
}

.h600 {
	height: 600px
}

.h30vh {
	height: 30vh
}

.h35vh {
	height: 35vh
}

.h60vh {
	height: 60vh;
}

.h75vh {
	height: 75vh
}

.mh50vh {
	max-height: 50vh;
}

.mh60vh {
	max-height: 60vh;
}

.mh150 {
	max-height: 150px;
}

.mh255 {
	max-height: 255px;
}

.mh70vh {
	max-height: 70vh;
}

.mh80vh {
	max-height: 80vh
}

.h80vh {
	height: 80vh;
}

.h90vh {
	height: 90vh
}

.mh90vh {
	max-height: 90vh
}

.h90vh-265 {
	height: calc(90vh - 265px);
}

.mh90vh-100 {
	max-height: calc(90vh - 100px);
}

.mh90vh-260 {
	max-height: calc(90vh - 260px);
}

.mh100vh-700 {
	max-height: calc(100vh - 700px);
}

.mh100vh-450 {
	max-height: calc(100vh - 452px)
}

.h30vh-70 {
	height: calc(30vh - 70px);
}

.h30vh-35 {
	height: calc(30vh - 35px);
}

.h33vh-35 {
	height: calc(33vh - 35px);
}

.h44vh-37 {
	height: calc(44vh - 37px);
}

.h75vh-35 {
	height: calc(75vh - 35px)
}

.h80vh-30 {
	height: calc(80vh - 30px)
}

.h85vh-170 {
	height: calc(85vh - 170px)
}

.h70vh-170 {
	height: calc(70vh - 170px)
}

.h90vh-32 {
	height: calc(90vh - 32px)
}

.h90vh-70 {
	height: calc(90vh - 70px)
}

.h90vh-100 {
	height: calc(90vh - 100px)
}

.h90vh-120 {
	height: calc(90vh - 120px)
}

.h90vh-216 {
	height: calc(90vh - 216px)
}

.h90vh-320 {
	height: calc(90vh - 320px)
}

.h100vh-50 {
	height: calc(100vh - 50px)
}

.h100vh-65 {
	height: calc(100vh - 65px)
}

.h100vh-76 {
	height: calc(100vh - 76px)
}

.h100vh-86 {
	height: calc(100vh - 86px)
}

.h100vh-92 {
	height: calc(100vh - 92px)
}

.h100vh-97 {
	height: calc(100vh - 97px)
}

.h100vh-100 {
	height: calc(100vh - 100px)
}

.h100vh-103 {
	height: calc(100vh - 103px)
}

.h100vh-106 {
	height: calc(100vh - 106px)
}

.h100vh-117 {
	height: calc(100vh - 117px)
}

.h100vh-134 {
	height: calc(100vh - 134px)
}

.h100vh-140 {
	height: calc(100vh - 140px)
}

.h100vh-164 {
	height: calc(100vh - 164px)
}

.h100vh-174 {
	height: calc(100vh - 174px);
}

.h100vh-181 {
	height: calc(100vh - 181px);
}

.h100vh-194 {
	height: calc(100vh - 194px)
}

.h100vh-210 {
	height: calc(100vh - 210px)
}

.h100vh-219 {
	height: calc(100vh - 219px)
}

.h100vh-230 {
	height: calc(100vh - 230px) !important
}

.h100vh-245 {
	height: calc(100vh - 245px)
}

.h100vh-248 {
	height: calc(100vh - 248px)
}

.h100vh-260 {
	height: calc(100vh - 260px)
}

.h100vh-360px {
	height: calc(100vh - 360px);
}

.h100vh-390 {
	height: calc(100vh - 390px);
}

.h100vh-393 {
	height: calc(100vh - 393px)
}

.h100vh-410 {
	height: calc(100vh - 410px)
}

.h100vh-413 {
	height: calc(100vh - 413px);
}

.h100vh-452 {
	height: calc(100vh - 452px)
}

.h100vh-462 {
	height: calc(100vh - 462px)
}

.h100vh-600 {
	height: calc(100vh - 600px)
}

.h20p {
	height: 20%
}

.h100p {
	height: 100%
}

.h100p-10 {
	height: calc(100% - 10px)
}

.h100p-14 {
	height: calc(100% - 14px)
}

.h100p-24 {
	height: calc(100% - 24px)
}

.h100p-30 {
	height: calc(100% - 30px)
}

.h100p-53 {
	height: calc(100% - 53px)
}

.h100p-100 {
	height: calc(100% - 100px)
}

.h100p-115 {
	height: calc(100% - 115px)
}

.h100p-180 {
	height: calc(100% - 180px)
}

.h100p-275 {
	height: calc(100% - 275px)
}

.min-h35 {
	min-height: 35px;
}

.min-h70 {
	min-height: 70px;
}

.min-h70 {
	min-height: 70px;
}

.min-h105 {
	min-height: 105px;
}

.min-h165 {
	min-height: 165px;
}

.min-h200 {
	min-height: 200px;
}

.min-h220 {
	min-height: 220px;
}

.fr {
	float: right
}

.fl {
	float: left
}

.w100per {
	width: 100% !important;
	box-sizing: border-box;
}

.w12p {
	width: 12%;
}

.w13p {
	width: 13%;
}

.w18p {
	width: 18%;
}

.w20p {
	width: 20%;
}

.w22p {
	width: 22%;
}

.w24p {
	width: 24%;
}

.w25p {
	width: 25%;
}

.w30p {
	width: 30%;
}

.w33p {
	width: 33%;
}

.w40p {
	width: 40%;
}

.w30p-5 {
	width: calc(30% - 5px);
}

.w40p-8 {
	width: calc(40% - 8px);
}

.w45p {
	width: calc(45%);
}

.w50p {
	width: 50%;
}

.w50p-5 {
	width: calc(50% - 5px);
}

.w50p-8 {
	width: calc(50% - 8px);
}

.w50p-10 {
	width: calc(50% - 10px);
}

.w50p-20 {
	width: calc(50% - 20px)
}

.w60p-7 {
	width: calc(60% - 7px);
}

.w50p-65 {
	width: calc(50% - 65px)
}

.w70p {
	width: 70%;
}

.w75p {
	width: 75%;
}

.w76p {
	width: 76%;
}

.w81p {
	width: 81%;
}

.w50per {
	width: 50%;
}

.w50per-6 {
	width: calc(50% - 6px);
}

.w50per-10 {
	width: calc(50% - 10px);
}

.fwb {
	font-weight: bold
}

.gwt-RichTextArea {
	border: 1px solid #ccc;
	border-radius: 3px;
}

.split-panel {
	border-bottom: #c7c7c7 1px solid;
	margin-top: 5px;
}

.inputDatePicker .gwt-DatePicker {
	z-index: 5;
}

.inputDatePicker .date {
	width: 80px;
}

.inputDatePicker100p .gwt-DatePicker {
	z-index: 5;
}

.inputDatePicker100p .date, .datetime {
	width: 100%;
	height: 18px !important;
}

.inputDatePicker100p {
	display: inline-block;
}

.border-label-permissao {
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
}

.inputDatePicker {
	display: inline-block;
}

textarea {
	border: 1px solid #ccc !important;
	border-radius: 3px !important;
}

input {
	height: 20px !important;
	border: 1px solid #ccc !important;
	border-radius: 3px !important;
}

select.error, textarea.error, input.error {
	border: 2px solid red !important;
	background: #FFD1D1;
}

input[placeholder].error {
	color: red;
}

.inputDatePicker.error input {
	border: 2px solid red !important;
	background: #FFD1D1;
}

select {
	height: 26px !important;
	border: 1px solid #ccc !important;
	border-radius: 3px !important;
}

.dateMaskEdit {
	width: 80px;
}

.panel {
	border: 1px solid #ccc;
	margin: 5px 0 5px 0;
	padding: 5px;
	overflow: auto;
}

.panelFactura {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0px 0 5px 0;
	padding: 5px;
	overflow: auto;
}

.tabbed .tabs {
	margin: 20px 0 10px 0;
}

.tabbed .tabs div {
	display: inline-block;
	padding: 10px;
	cursor: pointer;
}

.tabbed .tabs div:HOVER {
	text-decoration: underline;
}

.tabbed .tabs div.selected {
	border-bottom: 2px solid orange;
	font-weight: bold;
}

.grid {
	width: 100%;
	border-collapse: collapse;
}

.grid .zebra {
	background: #fbfbfb;
}

.grid tr td {
	border: 1px solid #eee;
	padding: 2px;
}

.grid tr td .table-field {
	cursor: pointer;
}

.grid tr td .gwt-Label.table-field {
	
}

.grid tr:hover td, .grid tr td.selected {
	background: #eee;
}

.grid tr:hover .grid-title, .grid .grid-title {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f4f4f4', GradientType=0); /* IE6-9 */
	font-weight: bold;
	cursor: pointer;
}

button {
	height: 25px;
	padding: 10px;
	border-radius: 3px;
	border: 0;
}

.back-white, .back-blue, .back-green, .back-gray, .back-red, .back-brown,
	.back-black, .back-cyan {
	padding: 5px;
	border-radius: 5px;
	font-weight: bold;
}

.back-cyan, button.cyan {
	background: #97d6e4; /* Old browsers */
	background: -moz-linear-gradient(top, #97d6e4 0%, #97d6e4 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #97d6e4 0%, #97d6e4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #97d6e4 0%, #97d6e4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97d6e4',
		endColorstr='#97d6e4', GradientType=0); /* IE6-9 */
	color: black;
}

.back-brown, button.brown {
	background: #b97a57; /* Old browsers */
	background: -moz-linear-gradient(top, #b97a57 0%, #b97a57 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b97a57 0%, #b97a57 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b97a57 0%, #b97a57 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b97a57',
		endColorstr='#b97a57', GradientType=0); /* IE6-9 */
	color: white;
}

.back-white, button.white {
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF',
		endColorstr='#FFFFFF', GradientType=0); /* IE6-9 */
	color: black;
}

.back-blue, button.blueGradient {
	background-image: linear-gradient(#258dc8, #001533); /* Old browsers */
	background: -moz-linear-gradient(top, #258dc8 0%, #001533 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #258dc8 0%, #001533 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #258dc8 0%, #001533 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8',
		endColorstr='#001533', GradientType=0); /* IE6-9 */
	color: white;
}

.back-blue, button.blue {
	background: #258dc8; /* Old browsers */
	background: -moz-linear-gradient(top, #258dc8 0%, #0082c4 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #258dc8 0%, #0082c4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #258dc8 0%, #0082c4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8',
		endColorstr='#0082c4', GradientType=0); /* IE6-9 */
	color: white;
}

button.blue:disabled {
	background: #888; /* Old browsers */
	background: -moz-linear-gradient(top, #888 0%, #888 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #888 0%, #888 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #888 0%, #888 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888',
		endColorstr='#888', GradientType=0); /* IE6-9 */
	color: white;
}

.back-roxo, button.roxo {
	background: #7579d7; /* Old browsers */
	background: -moz-linear-gradient(top, #7579d7 0%, #7579d7 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7579d7 0%, #7579d7 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7579d7 0%, #7579d7 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7579d7',
		endColorstr='#7579d7', GradientType=0); /* IE6-9 */
	color: white;
}

.back-gray, button.gray {
	background: #888; /* Old browsers */
	background: -moz-linear-gradient(top, #888 0%, #888 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #888 0%, #888 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #888 0%, #888 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888',
		endColorstr='#888', GradientType=0); /* IE6-9 */
	color: white;
}

.back-green, button.green {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#788439+0,6f7509+100;Olive+Flat */
	background: #788439; /* Old browsers */
	background: -moz-linear-gradient(top, #788439 0%, #6f7509 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #788439 0%, #6f7509 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #788439 0%, #6f7509 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#788439',
		endColorstr='#6f7509', GradientType=0); /* IE6-9 */
	color: white;
}

button.green:disabled {
	background: #888; /* Old browsers */
	background: -moz-linear-gradient(top, #888 0%, #888 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #888 0%, #888 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #888 0%, #888 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888',
		endColorstr='#888', GradientType=0); /* IE6-9 */
	color: white;
}

.back-red, button.red {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cc0000 0%, #cc0000 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cc0000 0%, #cc0000 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000',
		endColorstr='#cc0000', GradientType=0); /* IE6-9 */
	color: white;
}

button.red:disabled {
	background: #888; /* Old browsers */
	background: -moz-linear-gradient(top, #888 0%, #888 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #888 0%, #888 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #888 0%, #888 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888',
		endColorstr='#888', GradientType=0); /* IE6-9 */
	color: white;
}

.banner h1 {
	font-size: 32px;
	font-weight: 300;
	color: #555;
	-webkit-font-smoothing: antialiased;
}

.banner h2 {
	font-size: 18px;
	font-weight: 300;
}

input {
	border: 1px solid #ccc;
	border-radius: 3px;
}

.login .panel {
	border: 1px solid #eee;
	border-radius: 3px;
	width: 400px;
	padding: 40px;
	padding-bottom: 20px;
	margin-top: 10px !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
	background: #deffff; /* Old browsers */
	background: -moz-linear-gradient(top, #deffff 0%, #b4c8cd 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #deffff 0%, #b4c8cd 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #deffff 0%, #b4c8cd 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deffff',
		endColorstr='#b4c8cd', GradientType=0); /* IE6-9 */
	box-shadow: 2px 2px 2px #aaa;
}

.login input {
	height: 44px;
	width: 100%;
}

.login button {
	width: 70%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#258dc8+0,0082c4+100 */
	background: #00acb2; /* Old browsers */
	border: 0;
	border-radius: 3px;
	color: white;
	height: 44px;
}

.header {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 75px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	background: #fafafa;
}

.lateral-panel {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 170px;
	bottom: 0px;
	border-right: 1px solid #ccc;
	background-color: #eaeaea;
}

.lateral-panel .pnLogo {
	padding: 10px 0 10px 0;
	text-align: center;
	height: 50px;
	overflow: hidden;
	background: #fcfcfc;
}

.lateral-panel .pnLogo .logo {
	height: 50px;
	max-width: 170px;
}

.lateral-panel .pnSaudacao {
	position: relative;
	background: #eee;
	border-bottom: 1px solid #ccc;
	color: #258dc8;
	font-weight: 600;
}

.lateral-panel .pnSaudacao div {
	height: 20px;
	overflow: hidden;
	margin-left: 5px;
	margin-right: 5px;
}

.lateral-panel .pnSaudacao .btn.logout {
	background: url('img/material-icons/logout.svg');
	border: none;
	cursor: pointer;
}

.lateral-panel .pnSaudacao .btn.config {
	background: url('img/material-icons/settings.svg') no-repeat;
	border: none;
	cursor: pointer;
}

.lateral-panel .pnSaudacao .help {
	color: #1b62bd;
	border: none;
	cursor: pointer;
}

.main {
	margin: 0px 0 0 165px;
	padding: 10px;
}

.menu {
	padding: 5px 0 5px 0;
	overflow: auto;
}

.menu .item-menu {
	border-left: 2px solid inherit;
	display: block;
	color: #003433;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 0 6px 8px;
	transition: 0.2s;
	background-color: #dad7d7;
}

.menu .item-menu.selected, .menu .item-menu:HOVER {
	border-left: 3px solid #4a90c8;
	color: #4a90c8;
}

.menu .item-menu:first-child {
	border-top: 2px solid #7faf18;
}

.lateral-panel-freemium {
	background-color: #ceeaf9 !important;
}

.item-menu-freemium {
	background-color: #96bbcf !important;
}

h1.menu-dest {
	position: fixed;
	left: 10px;
	width: 240px;
	color: red;
	font-size: 16px;
	font-weight: 300;
}

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

.menu ul li a {
	color: #003433;
	text-decoration: none;
}

.menu ul li a:VISITED {
	color: #7faf18;
}

.bordered {
	margin: 10px 0 10px 0;
}

.bordered .header {
	position: relative;
	border-radius: 3px 3px 0 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
	background: #258dc8; /* Old browsers */
	background: -moz-linear-gradient(top, #258dc8 0%, #0082c4 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #258dc8 0%, #0082c4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #258dc8 0%, #0082c4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8',
		endColorstr='#0082c4', GradientType=0); /* IE6-9 */
	cursor: pointer;
	padding: 10px;
	border: none;
	font-weight: bold;
	color: white;
	height: 15px;
}

.bordered .header .btfull-panel {
	position: absolute;
	right: 45px;
	top: 5px;
	background: url('img/full.png') no-repeat center;
	border: none;
	padding: 5px;
	color: white;
	height: 30px;
	width: 30px;
	outline: 0;
}

.bordered .header .bthalf-panel {
	position: absolute;
	right: 80px;
	top: 5px;
	background: url('img/half.png') no-repeat center;
	border: none;
	padding: 5px;
	color: white;
	height: 30px;
	width: 30px;
	outline: 0;
}

.bordered .header .btfechar-panel {
	position: absolute;
	right: 10px;
	top: 5px;
	background: url('img/close.png') no-repeat center;
	border: none;
	padding: 5px;
	color: white;
	height: 30px;
	width: 30px;
	outline: 0;
}

.bordered .closed .header .btfechar-panel {
	background: url('img/arrowup.png') no-repeat center;
}

.bordered .header .gwt-Label {
	width: auto;
	text-align: left;
	margin: 0;
}

.bordered .closed .header {
	border: 1px solid #ccc;
}

.bordered .closed .body {
	display: none;
	background: white;
}

.bordered .body {
	position: relative;
	border: 1px solid #ccc;
	padding: 5px;
	background: white;
	overflow: auto;
}

.tooltip.error {
	display: none;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	vertical-align: middle;
	height: 20px;
	padding: 10px;
	position: absolute;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019',
		endColorstr='#cf0404', GradientType=0); /* IE6-9 */
	color: white;
}

.tooltip.error.over {
	display: block;
}

.toast {
	position: fixed;
	right: 10px;
	top: 20px;
}

.toast .error {
	margin-top: 20px;
	border-radius: 5px;
	box-shadow: 3px 3px 5px black;
	padding: 20px;
	color: white;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019',
		endColorstr='#cf0404', GradientType=0); /* IE6-9 */
}

.toast .warn {
	margin-top: 20px;
	border-radius: 5px;
	box-shadow: 3px 3px 5px black;
	padding: 20px;
	color: #333;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#febf01+0,febf01+100;Yellow+Flat */
	background: #febf01; /* Old browsers */
	background: -moz-linear-gradient(top, #febf01 0%, #febf01 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #febf01 0%, #febf01 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #febf01 0%, #febf01 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01',
		endColorstr='#febf01', GradientType=0); /* IE6-9 */
}

.toast .info {
	margin-top: 20px;
	border-radius: 5px;
	box-shadow: 3px 3px 5px black;
	padding: 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#788439+0,6f7509+100;Olive+Flat */
	background: #788439; /* Old browsers */
	background: -moz-linear-gradient(top, #788439 0%, #6f7509 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #788439 0%, #6f7509 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #788439 0%, #6f7509 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#788439',
		endColorstr='#6f7509', GradientType=0); /* IE6-9 */
	color: white;
}

.half-screen {
	margin: 0 135px 0 0;
}

.right-panel {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 120px;
	padding: 10px;
	background: white;
}

.right-panel button {
	width: 100%;
}

.novo {
	background: #258dc8; /* Old browsers */
	background: -moz-linear-gradient(top, #258dc8 0%, #0082c4 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #258dc8 0%, #0082c4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #258dc8 0%, #0082c4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8',
		endColorstr='#0082c4', GradientType=0); /* IE6-9 */
	color: white;
	padding: 5px;
}

button.novo:disabled {
	background: #888; /* Old browsers */
	background: -moz-linear-gradient(top, #888 0%, #888 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #888 0%, #888 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #888 0%, #888 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888',
		endColorstr='#888', GradientType=0); /* IE6-9 */
	color: white;
}

button.salvar {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#788439+0,6f7509+100;Olive+Flat */
	background: #788439; /* Old browsers */
	background: -moz-linear-gradient(top, #788439 0%, #6f7509 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #788439 0%, #6f7509 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #788439 0%, #6f7509 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#788439',
		endColorstr='#6f7509', GradientType=0); /* IE6-9 */
	color: white;
	padding: 5px;
}

button.salvar:disabled {
	background: #888; /* Old browsers */
	background: -moz-linear-gradient(top, #888 0%, #888 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #888 0%, #888 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #888 0%, #888 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888',
		endColorstr='#888', GradientType=0); /* IE6-9 */
	color: white;
}

.excluir {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cc0000 0%, #cc0000 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cc0000 0%, #cc0000 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000',
		endColorstr='#cc0000', GradientType=0); /* IE6-9 */
	color: white;
	padding: 5px;
}

button.excluir:disabled {
	background: #888; /* Old browsers */
	background: -moz-linear-gradient(top, #888 0%, #888 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #888 0%, #888 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #888 0%, #888 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888',
		endColorstr='#888', GradientType=0); /* IE6-9 */
	color: white;
}

button {
	background: #258dc8; /* Old browsers */
	background: -moz-linear-gradient(top, #258dc8 0%, #0082c4 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #258dc8 0%, #0082c4 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #258dc8 0%, #0082c4 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8',
		endColorstr='#0082c4', GradientType=0); /* IE6-9 */
	color: white;
	padding: 5px;
}

button.noneb {
	display: none;
}

button.grid.edit {
	background: url('img/material-icons/edit.svg');
	height: 18px;
	width: 18px;
	border: none;
}

button.grid.export {
	background: url('img/material-icons/cloud_export.svg') no-repeat;
	height: 18px;
	width: 18px;
	border: none;
}

button.grid.edit:disabled {
	height: 18px;
	width: 18px;
	cursor: pointer;
	background: url('img/material-icons/edit_disabled.svg');
	border: none;
}

.gwt-Label.status {
	margin: 1px;
	padding: 5px;
	border-radius: 3px;
	display: block;
	font-weight: bold;
	cursor: pointer;
}

.gwt-Label.statusE {
	padding: 5px;
	border-radius: 3px;
	display: block;
	color: white;
}

.gwt-Label.statusC {
	padding: 5px;
	border-radius: 3px;
	display: block;
	color: black;
}

.gwt-Label.prodC {
	padding: 5px;
	border-radius: 3px;
	font-weight: bold;
	display: inline-flex;
	color: black;
}

.gwt-Label.prodE {
	padding: 5px;
	border-radius: 3px;
	font-weight: bold;
	display: inline-flex;
	color: white;
}

.gwt-Label.produto {
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

.gwt-Label.orange, .gwt-Label.emitido {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #ff8b2d; /* Old browsers */
	background: -moz-linear-gradient(top, #ff8b2d 0%, #ff7400 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff8b2d 0%, #ff7400 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff8b2d 0%, #ff7400 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8b2d',
		endColorstr='#ff7400', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.analise {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #8c4bff; /* Old browsers */
	background: -moz-linear-gradient(top, #8c4bff 0%, #602bbe 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8c4bff 0%, #602bbe 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8c4bff 0%, #602bbe 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c4bff',
		endColorstr='#602bbe', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.clientePn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #01699e; /* Old browsers */
	background: -moz-linear-gradient(top, #01699e 0%, #0577b1 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01699e 0%, #0577b1 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01699e 0%, #0577b1 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01699e',
		endColorstr='#0577b1', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.nova {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #00bfff; /* Old browsers */
	background: -moz-linear-gradient(top, #00bfff 0%, #038fbf 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00bfff 0%, #038fbf 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00bfff 0%, #038fbf 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bfff',
		endColorstr='#038fbf', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.agendado {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
	padding: 5px;
	border-radius: 3px;
	background: #f9c667; /* Old browsers */
	background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9c667 0%, #f79621 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9c667 0%, #f79621 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667',
		endColorstr='#f79621', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.cancelado {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
	padding: 5px;
	border-radius: 3px;
	background: #c3d9ff; /* Old browsers */
	background: -moz-linear-gradient(top, #c3d9ff 0%, #98b0d9 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c3d9ff 0%, #98b0d9 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c3d9ff 0%, #98b0d9 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d9ff',
		endColorstr='#98b0d9', GradientType=0); /* IE6-9 */
	color: black;
}

.gwt-Label.green, .gwt-Label.finalizado {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4b357+0,75890c+100;Olive+3D+%233 */
	padding: 5px;
	border-radius: 3px;
	background: #a4b357; /* Old browsers */
	background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a4b357 0%, #75890c 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a4b357 0%, #75890c 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357',
		endColorstr='#75890c', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.visitafrustrada {
	padding: 5px;
	border-radius: 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0084+0,ff0084+100;Pink+Flat */
	background: #ff0084; /* Old browsers */
	background: -moz-linear-gradient(top, #ff0084 0%, #ff0084 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff0084 0%, #ff0084 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff0084 0%, #ff0084 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084',
		endColorstr='#ff0084', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.red, .gwt-Label.atrasado {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019',
		endColorstr='#cf0404', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.amareloetapa {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #fdb600; /* Old browsers */
	background: -moz-linear-gradient(top, #fdb600 0%, #ffc120 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fdb600 0%, #ffc120 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fdb600 0%, #ffc120 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb600 ',
		endColorstr='#ffc120 ', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.verdeetapa {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #367a61; /* Old browsers */
	background: -moz-linear-gradient(top, #367a61 0%, #419475 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #367a61 0%, #419475 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #367a61 0%, #419475 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367a61',
		endColorstr='#419475', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.azulverdeetapa {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #059ea3; /* Old browsers */
	background: -moz-linear-gradient(top, #059ea3 0%, #05bcc0 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #059ea3 0%, #05bcc0 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #059ea3 0%, #05bcc0 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059ea3',
		endColorstr='#05bcc0', GradientType=0); /* IE6-9 */
	color: white;
}

.pnStatus {
	position: relative;
	display: inline-block;
	height: 95px;
	width: 16%;
	color: white;
	background: url(img/clock.png) 50% no-repeat #ffa84c;
	/* Old browsers */
	border-radius: 5px;
}

.pnStatus .qtd {
	font-size: 20px;
	font-weight: bold;
	margin: 5px 5px 0 5px;
	text-align: center;
}

.pnStatus .text {
	font-size: 14px;
	margin: 0 5px 0 5px;
	text-align: center;
}

.pnStatus {
	position: relative;
	display: inline-block;
	height: 95px;
	width: 16%;
	color: white;
	background: url(img/clock.png) 50% no-repeat #ffa84c;
	/* Old browsers */
	border-radius: 5px;
}

.pnStatus.dodia {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88bfe8+0,70b0e0+100;Blue+3D+%2317 */
	background: #88bfe8; /* Old browsers */
	background: -moz-linear-gradient(top, #88bfe8 0%, #70b0e0 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #88bfe8 0%, #70b0e0 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #88bfe8 0%, #70b0e0 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8',
		endColorstr='#70b0e0', GradientType=0); /* IE6-9 */
}

.pnStatus.futuras {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6bba70+0,6bba70+100;Green+Flat+%234 */
	background: #6bba70; /* Old browsers */
	background: -moz-linear-gradient(top, #6bba70 0%, #6bba70 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #6bba70 0%, #6bba70 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #6bba70 0%, #6bba70 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70',
		endColorstr='#6bba70', GradientType=0); /* IE6-9 */
}

.pnStatus.atrasadas {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef7f70+0,ed6453+100 */
	background: #ef7f70; /* Old browsers */
	background: -moz-linear-gradient(top, #ef7f70 0%, #ed6453 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ef7f70 0%, #ed6453 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ef7f70 0%, #ed6453 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7f70',
		endColorstr='#ed6453', GradientType=0); /* IE6-9 */
}

.pnStatus.analisePn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
	background: #8c4bff; /* Old browsers */
	background: -moz-linear-gradient(top, #8c4bff 0%, #602bbe 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8c4bff 0%, #602bbe 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8c4bff 0%, #602bbe 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c4bff',
		endColorstr='#602bbe', GradientType=0); /* IE6-9 */
}

.pnStatus.clientePn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
	background: #01699e; /* Old browsers */
	background: -moz-linear-gradient(top, #01699e 0%, #0577b1 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01699e 0%, #0577b1 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01699e 0%, #0577b1 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01699e',
		endColorstr='#0577b1', GradientType=0); /* IE6-9 */
}

.pnStatus.pendentes {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b',
		endColorstr='#ff920a', GradientType=0); /* IE6-9 */
}

.pnStatus.naoenviados {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
	background: #b7b7b7; /* Old browsers */
	background: -moz-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b7b7b7 0%, #aaaaaa 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7',
		endColorstr='#aaaaaa', GradientType=0); /* IE6-9 */
}

.btnStatus {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.btnStatus.futuras {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
	background: #299a0b; /* Old browsers */
	background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #299a0b 0%, #299a0b 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #299a0b 0%, #299a0b 100%),
		url(img/clock.png) no-repeat 50% 300px;
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b',
		endColorstr='#299a0b', GradientType=0); /* IE6-9 */
	color: white;
}

.btnStatus.atrasadas {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019',
		endColorstr='#cf0404', GradientType=0); /* IE6-9 */
	color: white;
}

.btnStatus.pendentes {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #ff8b2d; /* Old browsers */
	background: -moz-linear-gradient(top, #ff8b2d 0%, #ff7400 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff8b2d 0%, #ff7400 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff8b2d 0%, #ff7400 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8b2d',
		endColorstr='#ff7400', GradientType=0); /* IE6-9 */
}

.btnStatus.analisePn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #602bbe; /* Old browsers */
	background: -moz-linear-gradient(top, #602bbe 0%, #8c4bff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #602bbe 0%, #8c4bff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #602bbe 0%, #8c4bff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#602bbe',
		endColorstr='#8c4bff', GradientType=0); /* IE6-9 */
}

.btnStatus.clientePn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #01699e; /* Old browsers */
	background: -moz-linear-gradient(top, #01699e 0%, #0577b1 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01699e 0%, #0577b1 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01699e 0%, #0577b1 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01699e',
		endColorstr='#0577b1', GradientType=0); /* IE6-9 */
}

.btnStatus.naoenviados {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
	background: #b7b7b7; /* Old browsers */
	background: -moz-linear-gradient(top, #b7b7b7 0%, #939393 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b7b7b7 0%, #939393 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b7b7b7 0%, #939393 100%),
		url(img/clock.png) no-repeat 50% 300px;
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7',
		endColorstr='#939393', GradientType=0); /* IE6-9 */
	color: white;
}

.btnStatus.aguardando {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #febf2e; /* Old browsers */
	background: -moz-linear-gradient(top, #febf2e 0%, #feb916 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #febf2e 0%, #feb916 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #febf2e 0%, #feb916 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf2e',
		endColorstr='#feb916', GradientType=0); /* IE6-9 */
}

.btn.new, .telefones .new {
	background: url('img/material-icons/add_circle.svg');
	width: 18px;
	height: 18px;
	border: none;
}

.btn.new:disabled, .telefones .new[disabled] {
	background: url('img/material-icons/add_circle_disabled.svg');
	width: 18px;
	height: 18px;
	border: none;
}

.btn.logs {
	background: url('img/material-icons/log.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn.logs:disabled {
	background: url('img/material-icons/log_disabled.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn.criarOs {
	background: url('img/material-icons/add_rastreador.svg');
	width: 18px;
	height: 18px;
	border: none;
}

.btn.criarOs:disabled {
	background: url('img/material-icons/add_rastreador_disabled.svg');
	width: 18px;
	height: 18px;
	border: none;
}

.btn.criarOsRetirada {
	background: url('img/material-icons/ret_rastreador.svg');
	width: 18px;
	height: 18px;
	border: none;
}

.btn.criarOsRetirada:disabled {
	background: url('img/material-icons/ret_rastreador_disabled.svg');
	width: 18px;
	height: 18px;
	border: none;
}

.btn.calendario {
	background: url('img/material-icons/calendario.svg');
	width: 18px;
	height: 18px;
	border: none;
}

.btn.calendario:disabled {
	background: url('img/material-icons/calendario_disabled.svg');
	width: 18px;
	height: 18px;
	border: none;
}

.btn.transferenciaVeiculo {
	background: url('img/material-icons/transferir_veiculo.svg');
	border: none;
}

.btn.transferenciaPessoa {
	background: url('img/material-icons/transferir_pessoa.svg');
	border: none;
}

.btn.transferenciaVeiculo:disabled {
	background: url('img/material-icons/transferir_veiculo_disabled.svg');
}

.btn.transferenciaPessoa:disabled {
	background: url('img/material-icons/transferir_pessoa_disabled.svg');
}

.btn.hide, .btn14.hide {
	background: url('img/material-icons/seta_hide.svg');
	padding-top: 5px;
	border: none;
}

.btn.hide:disabled {
	background: url('img/material-icons/seta_hide_disabled.svg');
	padding-top: 5px;
	border: none;
}

.btn.show, .btn14.show {
	background: url('img/material-icons/seta_show.svg');
	padding-top: 5px;
	border: none;
}

.btn.show:disabled {
	background: url('img/material-icons/seta_show_disabled.svg');
	padding-top: 5px;
	border: none;
}

.btn.prt {
	background: url('img/material-icons/print.svg');
	border: none;
}

.btn.prt:disabled {
	background: url('img/material-icons/print_disabled.svg');
}

.btn.menu {
	background: url(img/material-icons/menu.svg);
	border: none;
}

.btn.menu:disabled {
	background: url(img/material-icons/menu_disabled.svg);
}

.btn.ok, button.grid.testOk, .btn.aprovacao, .btn.ativo {
	background: url('img/material-icons/ok.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn.ok:disabled, .btn.aprovacao:disabled, .btn.ativo:disabled {
	background: url('img/material-icons/ok_disabled.svg') no-repeat;
}

.btn.view {
	background: url('img/material-icons/view.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn[disabled].view {
	background: url('img/material-icons/view_disabled.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn.down {
	background: url('img/material-icons/download.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn[disabled].down {
	background: url('img/material-icons/download_disabled.svg') no-repeat;
}

.btn.down2 {
	background: url('img/material-icons/download_filled.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn[disabled].down2 {
	background: url('img/material-icons/download_filled_disabled.svg')
		no-repeat;
}

.btn.excel {
	background: url('img/material-icons/table.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn[disabled].excel {
	background: url('img/material-icons/table_disabled.svg') no-repeat;
}

.btn.carta {
	background: url('img/material-icons/add_doc.svg') no-repeat;
	border: none;
}

.btn[disabled].carta {
	background: url('img/material-icons/add_doc_disabled.svg') no-repeat;
}

.btn.del, button.grid.remover {
	background: url(img/material-icons/delete.svg) no-repeat;
	border: none;
}

.btn.del:disabled, button.grid.remover:disabled {
	background: url(img/material-icons/delete_disabled.svg) no-repeat;
}

.btn.tec {
	background: url('img/material-icons/log.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn.tec:disabled {
	background: url('img/material-icons/log_disabled.svg') no-repeat;
}

.btn.remove {
	padding-top: 10px;
	margin-left: -5px;
}

.btn.remove, .btn14.del, .btn.bloqueado {
	background: url('img/material-icons/remove.svg') no-repeat;
	border: none;
}

.btn.remove:disabled, .btn.bloqueado:disabled {
	background: url('img/material-icons/remove_disabled.svg') no-repeat;
	border: none;
}

.btn.edit {
	background: url('img/material-icons/edit.svg');
	border: none;
}

.btn[disabled].edit {
	background: url('img/material-icons/edit_disabled.svg');
}

.btn.mail {
	background: url('img/material-icons/email.svg');
	border: none;
}

.btn[disabled].mail {
	background: url('img/material-icons/email_disabled.svg');
}

.btn.mail-send {
	background: url('img/material-icons/email_send.svg');
	border: none;
}

.btn[disabled].mail-send {
	background: url('img/material-icons/email_send_disabled.svg');
}

.btn.search {
	background: url('img/material-icons/search.svg');
	border: none;
}

.btn.map {
	background: url('img/material-icons/place.svg');
	border: none;
}

.btn.refresh {
	height: 18px;
	width: 18px;
	background: url('img/material-icons/refresh.svg') no-repeat;
	border: none;
}

.btn.refresh:disabled {
	height: 18px;
	width: 18px;
	background: url('img/material-icons/refresh_disabled.svg') no-repeat;
	border: none;
}

.btn.fail {
	height: 18px;
	width: 18px;
	background: url('img/material_icons/email_error.svg') no-repeat;
	border: none;
}

.btn.config {
	width: 18px;
	height: 18px;
	background: url('img/material-icons/settings.svg') no-repeat;
	border: none;
}

.btn[disabled].config {
	width: 18px;
	height: 18px;
	background: url('img/material-icons/settings_disabled.svg') no-repeat;
	border: none;
}

.total {
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow-x: hidden;
}

.total .descritivo {
	color: #258dc8;
	font-weight: bold;
}

.total.valor {
	font-weight: bold;
}

.consultafinanceiro .saldo {
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 0 10px 0 0;
	font-weight: bold;
}

.consultafinanceiro .saldo .conta-bancaria {
	color: #258dc8;
}

.consultafinanceiro .saldo .valor {
	
}

.gwt-Label.loading-panel {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 120px;
	color: white;
	font-size: 9px;
	text-align: center;
	padding: 10px !important;
	z-index: 5001;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f21804+0,c90600+100 */
	background: #f21804; /* Old browsers */
	background: -moz-linear-gradient(top, #f21804 0%, #c90600 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f21804),
		color-stop(100%, #c90600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f21804 0%, #c90600 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f21804 0%, #c90600 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f21804 0%, #c90600 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #f21804 0%, #c90600 100%);
	/* W3C */
	border-radius: 0 0 3px 3px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f21804',
		endColorstr='#c90600', GradientType=0); /* IE6-9 */
}

.fpbackground {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: black;
	opacity: 0.2;
	z-index: 5000;
}

.link {
	color: blue;
	text-decoration: underline
}

.right-panel-180 {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 180px;
	padding: 10px;
}

.right-panel-180 button {
	width: 100%;
}

.half-screen-195 {
	margin: 0 195px 0 0;
}

.grid.asc {
	background: url('img/asc.png') no-repeat;
	width: 100%;
	height: 16px;
	border: none;
	padding-top: 2px;
	padding-left: 15px;
}

.grid.desc {
	background: url('img/desc.png') no-repeat;
	width: 100%;
	height: 16px;
	border: none;
	padding-top: 2px;
	padding-left: 15px;
}

.gwt-Label.instalado {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #908e8e; /* Old browsers */
	background: -moz-linear-gradient(top, #908e8e 0%, #5f5f5f 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #908e8e 0%, #5f5f5f 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #908e8e 0%, #5f5f5f 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#908e8e',
		endColorstr='#5f5f5f', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.aguardando {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b',
		endColorstr='#ff920a', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.disponivel {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #a4b357; /* Old browsers */
	background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a4b357 0%, #75890c 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a4b357 0%, #75890c 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357',
		endColorstr='#75890c', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.irrecuperavel {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #d4865b; /* Old browsers */
	background: -moz-linear-gradient(top, #d4865b 0%, #8a593e 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d4865b 0%, #8a593e 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d4865b 0%, #8a593e 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4865b',
		endColorstr='#8a593e', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.retirado {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019',
		endColorstr='#cf0404', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.defeito {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #8c4bff; /* Old browsers */
	background: -moz-linear-gradient(top, #8c4bff 0%, #602bbe 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #8c4bff 0%, #602bbe 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #8c4bff 0%, #602bbe 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c4bff',
		endColorstr='#602bbe', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.nao-rastreado {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019',
		endColorstr='#cf0404', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-CheckBox {
	margin-right: 5px;
}

.gwt-CheckBox1 {
	margin-right: 130px
}

.gwt-CheckBox label {
	vertical-align: super;
}

button.grid.recebido {
	height: 18px;
	width: 18px;
	background: url('img/material-icons/recebido.svg') no-repeat;
	border: none;
}

button.grid.recebido:disabled {
	height: 18px;
	width: 18px;
	background: url('img/material-icons/recebido_disabled.svg') no-repeat;
	border: none;
}

.gwt-RadioButton label {
	vertical-align: super;
}

.btn.fechamento {
	background: url('img/material-icons/fechamento_os.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn.fechamento:disabled {
	background: url('img/material-icons/fechamento_os_disabled.svg')
		no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn.reembolso {
	background: url('img/material-icons/money.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn.reembolso:disabled {
	background: url('img/material-icons/money_disabled.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.btn.close {
	background: url(img/material-icons/delete.svg) no-repeat;
	position: initial;
	width: 18px;
	height: 18px;
	border: none;
	opacity: 1;
}

.gwt-Label.enviado {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ff774b; /* Old browsers */
	background: -moz-linear-gradient(top, #ff774b 0%, #ff580a 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff774b 0%, #ff580a 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff774b 0%, #ff580a 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff774b',
		endColorstr='#ff580a', GradientType=0); /* IE6-9 */
	color: white;
}

.gwt-Label.recebidoparcial {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #c0ca3e; /* Old browsers */
	background: -moz-linear-gradient(top, #c0ca3e 0%, #aab149 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c0ca3e 0%, #aab149 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c0ca3e 0%, #aab149 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0ca3e',
		endColorstr='#aab149', GradientType=0); /* IE6-9 */
	color: white;
}

.paginador .selected {
	background-image: linear-gradient(to bottom, red 33%, red 33%, red 66%, red 66%, red);
	background-position: 0 1.40em;
	background-repeat: repeat-x;
	background-size: 3px 3px;
	text-decoration-color: red;
}

.cursorDefault {
	cursor: default !important;
}

.cursorPointer {
	cursor: pointer !important;
}

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

.borderAviso {
	border-bottom: solid 1px #ff0000;
}

.borderRight {
	border-right: solid 1px #ccc;
}

.borderLeft {
	border-left: solid 1px #ccc;
}

.borderRightGray {
	border-right: solid 1px gray;
}

.panelFinal {
	top: 2px;
	right: 15px;
	position: absolute;
}

.alightCheckbox label {
	vertical-align: super;
}

.verticalAlignSuper {
	vertical-align: super;
}

.verticalAlignMidlle {
	vertical-align: middle;
}

.headerBackground {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
	background: #d0d0d0 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #d0d0d0 0%, #dadada 100%)
		!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d0d0d0 0%, #dadada 100%)
		!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d0d0d0 0%, #dadada 100%)
		!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0',
		endColorstr='#dadada', GradientType=0) !important; /* IE6-9 */
	color: black !important;
}

.top7 {
	top: 7px !important;
}

.datatimepicker {
	display: inline-flex;
}

.panelUsuarios {
	height: 100%;
	width: 238px;
	position: absolute;
}

.listUsuarios {
	height: 144px;
	overflow: auto;
}

.btmDefinir {
	position: absolute;
	bottom: 6px;
	right: 0px;
	width: 115px;
}

.btmCancelar {
	position: absolute;
	bottom: 6px;
	right: 120px;
	width: 115px;
}

.positionFixed {
	position: fixed !important;
}

.di {
	display: inline;
}

.ico.celular {
	background: url('img/material-icons/smartphone.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
	background-size: contain;
}

.ico.whatsapp {
	background: url('img/whatsapp.png');
	width: 18px;
	height: 18px;
	border: none;
	background-size: contain;
}

.ico.telefone {
	background: url('img/material-icons/phone.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.ico.pessoa {
	background: url('img/material-icons/person.svg') no-repeat;
	width: 18px;
	height: 18px;
	border: none;
}

.ico.mail {
	background: url('img/material-icons/email.svg');
	border: none;
}

.label.red {
	color: red;
}

.label.darkred {
	color: #c82525;
}

.label.orange {
	color: orange;
}

.label.yellow {
	color: #bfbf02;
}

.label.menu {
	color: #003433;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	margin-bottom: 2px;
	width: calc(100% - 30px);
	display: inline-block;
	vertical-align: middle;
}

.label.menu:hover {
	color: #7faf18;
	transition: 0.2s;
}

.iconSeta {
	background-image: url("./img/hideShow.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px;
	width: 15px;
	height: 15px;
	margin: auto;
	display: inline-block;
	color: #7faf18;
	transition: 0.2s;
}

.setaCima {
	transform: rotate(180deg);
}

.setaBaixo {
	transform: rotate(0deg);
}

.border.contatos {
	border-width: 1px;
	border-color: #8788cc;
	border-style: solid;
	border-radius: 4px;
}

.menu.consulta.oportunidade {
	overflow: auto;
	position: absolute;
	top: 159px;
	bottom: 10px;
	right: 10px;
	left: 10px;
}

.menu.consulta.oport {
	overflow: auto;
	position: absolute;
	top: 220px;
	bottom: 10px;
	right: 10px;
	left: 10px;
}

.gwt-SuggestBoxPopup {
	/* position: fixed !important; */
	
}

.dateBoxPopup {
	/* position: fixed !important; */
	
}

.tooltip.error {
	/* position: fixed !important; */
	
}

.bloqueiaSelecao {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mh100vh-170 {
	max-height: calc(100vh - 170px);
}

.mh100vh-150 {
	max-height: calc(100vh - 150px);
}

.mh350 {
	max-height: 350px;
}

.mh500 {
	max-height: 350px;
	overflow: auto;
}

.cbh13 input {
	height: 13px !important;
}

.notaStatus {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#ffffff', GradientType=0); /* IE6-9 */
	color: black;
}

.notaStatus0, .notaStatus8 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #e47b24; /* Old browsers */
	background: -moz-linear-gradient(top, #e47b24 0%, #e47b24 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e47b24 0%, #e47b24 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e47b24 0%, #e47b24 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e47b24',
		endColorstr='#e47b24', GradientType=0); /* IE6-9 */
	color: black;
}

.notaStatus2 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #f32d2d; /* Old browsers */
	background: -moz-linear-gradient(top, #f32d2d 0%, #f32d2d 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f32d2d 0%, #f32d2d 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f32d2d 0%, #f32d2d 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f32d2d',
		endColorstr='#f32d2d', GradientType=0); /* IE6-9 */
	color: black;
}

.notaStatus3, .notaStatus6 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #d0d0d0; /* Old browsers */
	background: -moz-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d0d0d0 0%, #d0d0d0 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0',
		endColorstr='#d0d0d0', GradientType=0); /* IE6-9 */
	color: black;
}

.notaStatus7, .notaStatus1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #e47b24; /* Old browsers */
	background: -moz-linear-gradient(top, #31d007 0%, #31d007 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #31d007 0%, #31d007 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #31d007 0%, #31d007 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31d007',
		endColorstr='#31d007', GradientType=0); /* IE6-9 */
	color: black;
}

.notaStatus4, .notaStatus5, .notaStatus11 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b2d+0,ff7400+100 */
	background: #e47b24; /* Old browsers */
	background: -moz-linear-gradient(top, #f9b759 0%, #f9b759 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f9b759 0%, #f9b759 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f9b759 0%, #f9b759 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b759',
		endColorstr='#f9b759', GradientType=0); /* IE6-9 */
	color: black;
}

.checkboxcenter input {
	vertical-align: bottom;
}

.checkboxcenter label {
	vertical-align: baseline;
}

.corVermelho {
	color: #ff3019 !important;
}

.corLaranja {
	color: #ff8b2d !important;
}

.corLaranjaClara {
	color: #f9c667 !important;
}

.corVerde {
	color: #a4b357 !important;
}

.hc100-91 {
	height: calc(100vh - 91px);
}

.fs8 {
	font-size: 8px;
}

.fs10 {
	font-size: 10px;
}

.fs11 {
	font-size: 11px;
}

.fs14 {
	font-size: 14px;
}

.fs15i {
	font-size: 15px !important;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs25 {
	font-size: 25px;
}

.fs32i {
	font-size: 32px !important;
}

.fs40i {
	font-size: 40px !important;
}

.cb {
	color: black !important;
}

.clg {
	color: #d6d6d6 !important;
}

.fwn {
	font-weight: normal;
}

.gwt-Label.vencidos {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
	background: #ffa196; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa196 0%, #f95555 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa196 0%, #f95555 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa196 0%, #f95555 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa196',
		endColorstr='#f95555', GradientType=0); /* IE6-9 */
}

.comboFilialRemessa {
	margin-left: 22px;
	width: 202px;
}

.comboClienteRemessa {
	margin-left: 9px;
	width: 200px;
}

.borderGray2 {
	border-width: 2px;
	border-color: #a5a5a5;
	border-style: solid;
	border-radius: 5px;
}

.borderBlack {
	border-width: 1px;
	border-color: black;
	border-style: solid;
	border-radius: 5px;
}

.borderBlacki {
	border-color: black !important;
}

.borderGray {
	border-width: 1px;
	border-color: #d6d2cb;
	border-style: solid;
	border-radius: 5px;
}

.borderBlue {
	border-width: 1px;
	border-color: #258dc8;
	border-style: solid;
	border-radius: 5px;
}

.borderGreen {
	border-width: 1px;
	border-color: #34af23;
	border-style: solid;
	border-radius: 5px;
}

.borderRed {
	border-width: 1px;
	border-color: #cc0000;
	border-style: solid;
	border-radius: 5px;
}

.hcb13 input {
	height: 13px !important;
}

.inputDatePicker76 .gwt-DatePicker {
	z-index: 5;
}

.inputDatePicker76 .date {
	width: 76px;
}

.inputDatePicker100 .gwt-DatePicker {
	z-index: 5;
}

.inputDatePicker100 .date {
	width: 100px;
}

.inputDatePicker76 {
	display: inline-block;
}

.inputDatePicker145 .gwt-DatePicker {
	z-index: 5;
}

.inputDatePicker145 .date {
	width: 145px;
}

.inputDatePicker145 {
	display: inline-block;
}

.semBorda {
	border: 0px;
}

.itemCard {
	height: 12px;
	overflow: hidden;
	text-align: center;
	margin-left: 5px;
}

.textColorAdesao {
	color: #080875;
}

.textColorMensal {
	color: #087508;
}

.textColorRetirada {
	color: #750808;
}

.backgroundAdesao {
	background-color: #eeeeff;
}

.backgroundMensal {
	background-color: #eeffee;
}

.backgroundRetirada {
	background-color: #ffeeee;
}

.backgroundGeral {
	background-color: #deeae9;
}

.inputDateW80 input {
	width: 80px;
}

.backgroundCancelada {
	background-color: #4e4e4e;
}

.backgroundCinza {
	background-color: #efefef;
}

.backgroudCinza2 {
	background-color: #c4c4c4;
}

.adesaoCancelada {
	color: #eeeeff;
}

.mensalCancelada {
	color: #eeffee;
}

.retiradaCancelada {
	color: #ffeeee;
}

.btn {
	width: 18px;
	height: 18px;
	border: none;
}

.lbEntradaSaida {
	width: 8px;
	height: 8px;
	font-size: 12px;
	padding-top: 3px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 7px;
}

.lbTesteDinamico {
	width: 8px;
	height: 8px;
	font-size: 12px;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	border-radius: 50px;
}

.lbCirculo {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #e0f6ff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lbCirculo2 {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #c7f2c7;
	display: flex;
	justify-content: center;
	align-items: center;
}

.grid-serv {
	display: inline-block;
	width: calc(65vw - 175px);
	vertical-align: top;
}

.grid-comp {
	display: inline-block;
	width: calc(35vw - 175px);
	vertical-align: top;
}

.label-grid-serv {
	width: 200px;
	margin-bottom: 10px;
	font-weight: bolder;
}

.critica {
	width: 45px;
	height: 14px;
	border-radius: 14px;
	text-align: center;
}

.alerta {
	background-color: #efef1d;
}

.erro {
	background-color: #ea2a2a;
}

.btn14 {
	width: 18px;
	height: 18px;
	border: none;
}

.gridZebrada .zebra {
	background: #eaeaea;
}

.OverflowOverlay {
	overflow: overlay;
}

.back-gray {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#788439+0,6f7509+100;Olive+Flat */
	background: #a9a9a9; /* Old browsers */
	background: -moz-linear-gradient(top, #a9a9a9 0%, #989898 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a9a9a9 0%, #989898 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a9a9a9 0%, #989898 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9a9a9',
		endColorstr='#989898', GradientType=0); /* IE6-9 */
	color: white;
}

.semBorda td {
	border: white !important;
}

.inputDatePicker85 .gwt-DatePicker {
	z-index: 5;
}

.inputDatePicker85 .date {
	width: 85px;
	height: 18px !important;
}

.inputDatePicker85 {
	display: inline-block;
}

.itemVATop td {
	vertical-align: top;
}

.border1px {
	border: 1px solid;
	border-radius: 5px;
}

.border-white {
	border-color: transparent;
}

.text-brown, .text-yellow, .text-gray, .text-lightgreen, .text-green,
	.text-orange, .text-blue, .text-red
.text-black {
	font-weight: bold;
}

.text-blue {
	color: #258dc8;
}

.text-black {
	color: #000000;
}

.text-red {
	color: #cc0000;
}

.text-lightred {
	color: #ff0000;
}

.text-yellow {
	color: #dcb10c;
}

.text-gray {
	color: #a9a9a9;
}

.text-lightgreen {
	color: #aec146;
}

.text-green {
	color: #788439;
}

.text-green2 {
	color: #a3b737;
}

.text-orange {
	color: #ff8b2d;
}

.text-purple {
	color: #993399;
}

.text-brown {
	color: #b97a57;
}

.btn-fim-borderer-widget {
	position: absolute;
	right: 9px;
	top: 9px;
}

.borderBottom {
	border-bottom-color: #e4e4e4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.rbh13 input {
	height: 13px !important;
}

.bgTotalNota {
	background-color: #c3c3c3;
}

.bgItemNota {
	background-color: #ececec;
}

.bgAdicionarClienteGray {
	background-color: #cacaca;
}

.bgAdicionarClienteVerde {
	background-color: #e3ffec;
}

.bgAdicionarClienteAmarelo {
	background-color: #fffce3;
}

.bgAdicionarClienteVermelho {
	background-color: #ffe3e3;
}

.bgAdicionarClienteAzul {
	background-color: #e3e8ff;
}

.bgDestaqueAmarelo {
	background-color: #F5EECD;
}

.bgDadosClienteMensalidade {
	padding: 5px;
	border-radius: 5px;
	background-color: #e2e2e2;
}

.bgResumoEtapa {
	padding: 5px;
	border-radius: 5px;
	background-color: #dfdfdf;
}

.bgResumo {
	padding: 5px;
	border-radius: 5px;
	background-color: #e9e9e9;
}

.ckCliente input {
	width: 12px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	height: 12px !important;
}

.divTabAdicionarCliente {
	overflow: auto;
	width: calc(100vw - 315px);
	height: calc(100vh - 96px);
}

.chip {
	text-align: center;
	border-radius: 10px;
}

.divider {
	border-top: solid 1px !important;
	margin-top: 10px !important;
}

.border-coluna-excel {
	border: 1px #d2d2d2 solid;
}

.border-campos-sistema {
	border: 1px #d2d2d2 solid;
}

.borderCalendario {
  	border: 1px #d2d2d2 solid;
    margin-right: -1px;
    margin-bottom: -1px;
    overflow: visible;
    position: relative;
}

.diasCalendario {
	position: sticky;
    top: 0;
    z-index: 0;
}

.border-campo-sistema {
	margin: 5px;
	border: 1px #b5b5b5 solid;
	padding: 5px;
}

.border-top-gray {
	border-top: 1px #cccccc solid;
	margin-top: 5px;
	margin-bottom: 5px;
}

.red .total .descritivo {
	color: #c82525;
}

.circle-blue {
	font-size: 12px;
	vertical-align: top;
	color: #4141bd;
	position: absolute;
	margin-top: 7px;
}

.circle-blue-margin {
	position: inherit;
	margin-left: 1px;
	margin-top: -9px;
}

.circle-green {
	font-size: 12px;
	vertical-align: top;
	color: #44d221;
	position: absolute;
	margin-top: 7px;
}

.circle-green-margin {
	position: inherit;
	margin-left: 1px;
	margin-top: -9px;
}

.circle-orange {
	font-size: 12px;
	vertical-align: top;
	color: #FF5722;
	position: absolute;
	margin-top: 7px;
}

.circle-orange-margin {
	position: inherit;
	margin-left: 1px;
	margin-top: -9px;
}

.circle-lightblue {
	font-size: 12px;
	vertical-align: top;
	color: #2ae8e0;
	position: absolute;
	margin-top: 7px;
}

.circle-lightblue-margin {
	position: inherit;
	margin-left: 1px;
	margin-top: -9px;
}

.circle-purple {
	font-size: 12px;
	vertical-align: top;
	color: #b634e0;
	position: absolute;
	margin-top: 7px;
}

.circle-purple-margin {
	position: inherit;
	margin-left: 1px;
	margin-top: -9px;
}

.circle-ocean {
	font-size: 12px;
	vertical-align: top;
	color: #03a9f4;
	position: absolute;
	margin-top: 7px;
}

.circle-ocean-margin {
	position: inherit;
	margin-left: 1px;
	margin-top: -9px;
}

.circle-gray {
	font-size: 12px;
	vertical-align: top;
	color: #d0d0d0;
	position: absolute;
	margin-top: 7px;
}

.circle-gray-margin {
	position: inherit;
	margin-left: 1px;
	margin-top: -9px;
}

.circle-pink {
	font-size: 12px;
	vertical-align: top;
	color: #ff4a8c;
	position: absolute;
	margin-top: 7px;
}

.circle-pink-margin {
	position: inherit;
	margin-left: 1px;
	margin-top: -9px;
}

.circle-brown {
	font-size: 12px;
	vertical-align: top;
	color: #964b00;
	position: absolute;
	margin-top: 7px;
}

.circle-brown-margin {
	position: inherit;
	margin-left: 1px;
	margin-top: -9px;
}

.background-titulo-campo {
	background-color: #d2d2d2;
	margin: -5px;
	padding: 5px;
}

.endereco-os {
	margin: solid 1px !important;
}

.agruparLinha {
	justify-content: space-between;
	display: flex;
}

.cards {
	display: flex;
	flex-flow: wrap;
}

.card {
	margin: 5px;
}

.card .borderer-main {
	height: 100%;
}

.card .body {
	height: calc(100% - 47px);
}

.cartaCorrecao {
	border: solid 1px #cccccc;
	padding: 5px;
	margin: 5px;
}

.borderProprio {
	border: solid 1px #000000;
	padding: 5px;
}

.inputDatePickerBtn .gwt-DatePicker {
	z-index: 5;
}

.inputDatePickerBtn .date {
	width: 70px;
}

.inputDatePickerBtn .btn {
	margin-left: 5px;
}

.inputDatePickerBtn {
	display: inline-block;
	width: 100px;
}

.datePicker1 {
   zoom: 1.6;
   display: inline-block !important;
}

.scale12 {
   zoom: 1.2;
}

.campoQuery {
	margin: 5px;
	padding: 5px;
	border: #d8d8d8 solid 1px;
	border-radius: 5px;
	background: #f2f2ff;
	width: 200px;
}

.campoQuery .gwt-Label {
	width: 177px;
}

.ordenacaoQuery {
	margin: 5px;
	padding: 5px;
	border: #d8d8d8 solid 1px;
	border-radius: 5px;
	background: #fffdf2;
	width: 200px;
}

.ordenacaoQuery .gwt-Label {
	width: 200px;
}

.ordenacaoQuery .ordenacao {
	width: 30px !important;
	display: inline-block;
}

.ordenacaoQuery .gwt-ListBox {
	display: inline-block;
}

.filtroQuery {
	margin: 5px;
	padding: 5px;
	border: #d8d8d8 solid 1px;
	border-radius: 5px;
	background: #f7fff2;
	width: 300px;
}

.timeDimensionQuery {
	margin: 5px;
	padding: 5px;
	border: #d8d8d8 solid 1px;
	border-radius: 5px;
	background: #f7fff2;
	width: 200px;
}

.campoDashboard {
	margin: 5px;
	padding: 5px;
	border: #d8d8d8 solid 1px;
	border-radius: 5px;
	width: 300px;
}

.campoDashboard .gwt-TextBox {
	width: 294px;
}

.chart-col-2 {
	grid-column: span 2;
}

.chart-col-3 {
	grid-column: span 3;
}

.chart-row-2 {
	grid-row: span 2;
}

.chart-row-3 {
	grid-row: span 3;
}

.chart-row-1 .chart, .chart-row-1 .panelgrid {
	height: calc(33vh - 51px);
}

.chart-row-2 .chart, .chart-row-2 .panelgrid {
	height: calc(66vh - 81px);
}

.chart-row-3 .chart, .chart-row-3 .panelgrid {
	height: calc(100vh - 118px);
}

.chart-row-1 .panelgrid .gridDashboard {
	height: calc(33vh - 70px);
}

.chart-row-2 .panelgrid .gridDashboard {
	height: calc(66vh - 100px);
}

.chart-row-3 .panelgrid .gridDashboard {
	height: calc(100vh - 137px);
}

.dashboardaba {
	display: grid;
	grid-template-columns: calc(33vw - 105px) calc(33vw - 105px)
		calc(33vw - 105px);
}

.chart {
	border: black solid 1px;
	padding: 5px;
	margin: 5px;
	border-radius: 5px
}

.dashboardabaview .panelgrid {
	border: black solid 1px;
	padding: 5px;
	margin: 5px;
	border-radius: 5px
}

.cardOrdenacao {
	margin: 5px;
	padding: 5px;
	border: #d8d8d8 solid 1px;
	border-radius: 5px;
	background: #ececec;
	width: 378px;
}

.cardOrdenacao .gwt-TextBox {
	width: 349px;
	margin-left: 5px;
}

.dashboard-card {
	border: solid 1px;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	display: grid;
}

.dashboard-card div {
	align-self: center;
}

.dashboard-card .title {
	font-size: 12px;
	text-align: center;
}

.dashboard-card .value {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

.datagrid {
	width: 100%;
	height: calc(100% - 20px);
}

.datagrid_buttons {
	width: 20px;
	display: inline-block;
	height: 100%;
	vertical-align: top;
}

.datagrid_data {
	width: calc(100% - 20px);
	height: 100%;
	display: inline-block;
}

.datagrid_data_only {
	width: 100%;
	height: 100%;
}

.datagrid_pager {
	display: flex;
	justify-content: center;
	align-items: center;
}

.brForcaDefault {
	border-radius: 25px;
	height: 8px;
	width: 150px;
	background-image: white;
}

.brForca00 {
	background-size: 20%;
	background-image: linear-gradient(#cc0000, #cc0000);
	background-repeat: no-repeat;
}

.brForca01 {
	background-size: 40%;
	background-image: linear-gradient(#ff7039, #ff7039);
	background-repeat: no-repeat;
}

.brForca02 {
	background-size: 60%;
	background-image: linear-gradient(#febf01, #febf01);
	background-repeat: no-repeat;
}

.brForca03 {
	background-size: 80%;
	background-image: linear-gradient(#27ce27, #27ce27);
	background-repeat: no-repeat;
}

.brForca04 {
	background-size: 100%;
	background-image: linear-gradient(#788439, #788439);
	background-repeat: no-repeat;
}

.esquecisenha {
	margin-top: 10%;
	margin-left: 30%;
	border: 1px solid #eee;
	border-radius: 3px;
	width: 400px;
	padding: 40px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#ededed', GradientType=0); /* IE6-9 */
	box-shadow: 2px 2px 2px #aaa;
}

.logo-senha {
	margin-left: -10%;
}

.lbl-descricao-email {
	width: 50vw;
	height: 50vh;
	overflow: auto;
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.text-limite-veiculo {
	border: solid 1px;
	text-align: center;
	border-radius: 3px;
	background-color: #ff00002e;
	border-color: red;
}

.text-tipo-estoque {
	width: 22px;
	border: black solid 1px;
	border-radius: 3px;
	margin-right: 5px;
	text-align: center;
}

.text-tipo-estoque-red {
	width: 22px;
	border: red solid 1px;
	border-radius: 3px;
	margin-right: 5px;
	text-align: center;
}

.btn-material {
	border: none !important;
	width: 18px;
	height: 18px;
	text-align: center;
	background: none !important;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 18px !important;
}

.btn-material:disabled {
	border: none !important;
	width: 18px;
	height: 18px;
	text-align: center;
	background: none !important;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 18px !important;
	color: #a9a9a9 !important;
}

.documentosignatario {
	border: solid #4c4c4c 1px;
	border-radius: 5px;
	margin: 2px;
	padding: 2px;
}

.itemGridSelected {
	background-color: #dedede;
}

.gridSemBorda tr:hover td .itemGridSelected {
	background-color: #eee;
}

.gridSemBorda tr td {
	border: none;
	padding: 0px;
}

.uploadCard {
	position: relative;
	top: 50%;
	text-align: center;
}

.lblRounded-back-gray {
	position: relative;
	display: inline-block;
	font-size: 15px;
	padding: 5px;
	width: 15%;
	color: white;
	text-align: center;
	background: radial-gradient(circle closest-side, #888 0%, #888 90%, rgba(0, 0, 0, 0)
		100%);
}

.lblRounded-back-blue {
	position: relative;
	display: inline-block;
	font-size: 15px;
	padding: 5px;
	width: 15%;
	color: white;
	text-align: center;
	background: radial-gradient(circle closest-side, #258dc8 0%, #258dc8 90%, rgba(0, 0,
		0, 0) 100%);
}

.lblRounded-back-green {
	position: relative;
	display: inline-block;
	font-size: 15px;
	padding: 5px;
	width: 15%;
	color: white;
	text-align: center;
	background: radial-gradient(circle closest-side, #788439 0%, #788439 90%, rgba(0, 0,
		0, 0) 100%);
}

.lblRounded-back-red {
	position: relative;
	display: inline-block;
	font-size: 15px;
	padding: 5px;
	width: 15%;
	color: white;
	text-align: center;
	background: radial-gradient(circle closest-side, #de0309 0%, #de0309 90%, rgba(0, 0,
		0, 0) 100%);
}

.lblRounded-back-yellow {
	position: relative;
	display: inline-block;
	font-size: 15px;
	padding: 5px;
	width: 15%;
	color: white;
	text-align: center;
	background: radial-gradient(circle closest-side, #e9dd03 0%, #e9dd03 90%, rgba(0, 0,
		0, 0) 100%);
}

.scrollFunil {
	height: calc(100vh - 262px);
	overflow-y: auto;
	overflow-x: hidden;
}

.scroll {
	height: calc(100vh - 144px);
	overflow-y: auto;
}

.filtro {
	position: fixed;
	background-color: #dfdfdf;
	border: solid black 1px;
	width: calc(100vw - 330px);
	border-radius: 5px;
	margin-top: 5px;
	margin-left: 5px;
}

.dragStart {
	background: #ffffff;
	opacity: 1;
	cursor: move;
}

.sublinhado {
	text-decoration: underline
}

.btn.edicao {
	background: url('img/material-icons/edit.svg') no-repeat;
	position: initial;
	width: 18px;
	height: 18px;
	border: none;
	float: right;
}

.iconsop {
	position: initial;
	text-align: center;
	margin-right: 3px;
	height: 18px;
	padding: 5px;
	border-radius: 3px;
	float: right;
	font-weight: bold;
	cursor: pointer;
}

.termometro {
	padding: 3px;
	border-radius: 5px;
	width: 10px;
	height: 80px;
	display: inline-block;
	margin-right: 5px;
	opacity: 1;
}

.termimage {
	color: #afd5fe;
	padding: 3px;
	border-radius: 5px;
	height: 80px;
	display: inline-block;
	background-image: linear-gradient(#f00006, #fcea0c, #afd5fe);
}

.tipo-os-instalacao {
	width: 15px;
	border: #299a0b solid 1px;
	border-radius: 3px;
	margin-right: 5px;
	text-align: center;
	color: #299a0b;
}

.tipo-os-manutencao {
	width: 15px;
	border: #258dc8 solid 1px;
	border-radius: 3px;
	margin-right: 5px;
	text-align: center;
	color: #258dc8;
}

.tipo-os-troca {
	width: 15px;
	border: #ff8b2d solid 1px;
	border-radius: 3px;
	margin-right: 5px;
	text-align: center;
	color: #ff8b2d;
}

.tipo-os-retirada {
	width: 15px;
	border: #ff3019 solid 1px;
	border-radius: 3px;
	margin-right: 5px;
	text-align: center;
	color: #ff3019;
}

.tipo-os-branco {
	width: 17px;
	margin-right: 5px;
}

.tipo-os {
	width: 15px;
	border: black solid 1px;
	border-radius: 8px;
	margin-right: 5px;
	text-align: center;
}

.scroll-aba {
	height: calc(100vh - 100px);
	overflow: auto;
	position: fixed;
	width: calc(100vw - 320px);
}

.cardOS {
	margin-top: 5px;
	margin-left: 5px;
	padding: 5px;
	border: #d8d8d8 solid 1px;
	border-radius: 5px;
	background: #ececec;
	width: 310px;
}

.borderWidgetOS .body {
	padding: 0px;
	padding-bottom: 5px;
}

.backgroudDestaqueOS {
	background-color: #dfffb5;
	border-radius: 5px;
	border: solid 1px #cdcdcd;
}

.backgroudDestaqueVisitaFrustrada {
	background-color: #f3c6dd;
	border-radius: 5px;
	border: solid 1px #f39bc9;
}

.ag-semconfirmacao {
	width: 30px;
	height: 30px;
	border-radius: 20px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #dad7d7;
}

.ag-umaconfirmacao {
	width: 30px;
	height: 30px;
	border-radius: 20px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #f3ee0a;
}

.ag-comconfirmacao {
	width: 30px;
	height: 30px;
	border-radius: 20px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #299a0b;
}

.ag-comcancelamento {
	width: 30px;
	height: 30px;
	border-radius: 20px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #cf0404;
}

.ag-consultaos {
	width: 120px;
	height: 100px;
	border: black solid 1px;
	border-radius: 3px;
}

.scroll80 {
	height: calc(100vh - 80px);
	overflow: auto;
}

.scroll90 {
	height: calc(100vh - 90px);
	overflow: auto;
}

.scroll91 {
	height: calc(100vh - 91px);
	overflow: auto;
}

.scroll100 {
	height: calc(100vh - 100px);
	overflow: auto;
}

.scroll115 {
	height: calc(100vh - 115px);
	overflow: auto;
}

.scroll117 {
	height: calc(100vh - 117px);
	overflow: auto;
}

.scroll140 {
	height: calc(100vh - 140px);
	overflow: auto;
}

.scroll150 {
	height: calc(100vh - 150px);
	overflow: auto;
}

.scroll156 {
	height: calc(100vh - 156px);
	overflow: auto;
}

.scroll178 {
	height: calc(100vh - 178px);
	overflow: auto;
}

.scroll188 {
	height: calc(100vh - 188px);
	overflow: auto;
}

.scroll210 {
	height: calc(100vh - 210px);
	overflow: auto;
}

.scroll220 {
	height: calc(100vh - 220px);
	overflow: auto;
}

.scroll234 {
	height: calc(100vh - 234px);
	overflow: auto;
}

.scroll250 {
	height: calc(100vh - 250px);
	overflow: auto;
}

.scroll254 {
	height: calc(100vh - 254px);
	overflow: auto;
}

.scroll280 {
	height: calc(100vh - 280px);
	overflow: auto;
}

.scroll290 {
	height: calc(100vh - 290px);
	overflow: auto;
}

.scroll305 {
	height: calc(100vh - 305px);
	overflow: auto;
}

.scroll315 {
	height: calc(100vh - 315px);
	overflow: auto;
}

.scroll330 {
	height: calc(100vh - 330px);
	overflow: auto;
}

.scroll345 {
	height: calc(100vh - 345px);
	overflow: auto;
}

.scroll370 {
	height: calc(100vh - 370px);
	overflow: auto;
}

.scroll400 {
	height: calc(100vh - 400px);
	overflow: auto;
}

.scroll425 {
	height: calc(100vh - 425px);
	overflow: auto;
}

.scroll450 {
	height: calc(100vh - 450px);
	overflow: auto;
}

.scroll464 {
	height: calc(100vh - 464px);
	overflow: auto;
}

.maxscroll265 {
	max-height: calc(100vh - 265px);
	overflow: auto;
}

.maxscroll460 {
	max-height: calc(100vh - 460px);
	overflow: auto;
}

.scroll260 {
	height: calc(100vh - 260px);
	overflow: auto;
}

.scroll287 {
	height: calc(100vh - 287px);
	overflow: auto;
}

.scroll300 {
	height: calc(100vh - 300px);
	overflow: auto;
}

.scroll132 {
	height: calc(52vh - 132px);
	overflow: auto;
}

.scroll331 {
	height: calc(100vh - 331px);
	overflow: auto;
}

.scroll340 {
	height: calc(100vh - 340px);
	overflow: auto;
}

.scroll350 {
	height: calc(100vh - 350px);
	overflow: auto;
}

.scroll400 {
	height: calc(100vh - 400px);
	overflow: auto;
}

.scroll440 {
	height: calc(100vh - 440px);
	overflow: auto;
}

.scroll460 {
	height: calc(100vh - 460px);
	overflow: auto;
}

.mscroll300 {
	max-height: calc(100vh - 300px);
	overflow: auto;
}

.mscroll400 {
	max-height: calc(100vh - 400px);
	overflow: auto;
}

.mscroll455 {
	max-height: calc(100vh - 455px);
	overflow: auto;
}

.mscroll508 {
	max-height: calc(100vh - 508px);
	overflow: auto;
}

.mscroll35 {
	max-height: calc(h33vh-35px);
	overflow: auto;
}

.mh70vh-53 {
	max-height: calc(70vh - 53px);
	overflow: auto !important;
}

.aviso {
	color: #ff0000;
}

.cardAviso {
	margin-bottom: 10px;
	color: #ad0000;
	background-color: #ffdcdc;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
}

.cardSucesso {
	margin-bottom: 10px;
	color: #44713c;
	background-color: #cdf5c6;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
}

.pnStatusBoleto {
	position: relative;
	display: inline-block;
	height: 95px;
	width: 14%;
	color: white;
	background: url(img/clock.png) 50% no-repeat #ffa84c;
	/* Old browsers */
	border-radius: 5px;
}

.pnStatusBoleto .qtd {
	font-size: 20px;
	font-weight: bold;
	margin: 5px 5px 0 5px;
	text-align: center;
}

.pnStatusBoleto .valor {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 5px 0 5px;
	text-align: center;
}

.pnStatusBoleto .text {
	font-size: 14px;
	margin: 0 5px 0 5px;
	text-align: center;
}

.pnStatusBoleto.todos {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88bfe8+0,70b0e0+100;Blue+3D+%2317 */
	background: #88bfe8; /* Old browsers */
	background: -moz-linear-gradient(top, #88bfe8 0%, #70b0e0 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #88bfe8 0%, #70b0e0 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #88bfe8 0%, #70b0e0 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8',
		endColorstr='#70b0e0', GradientType=0); /* IE6-9 */
}

.pnStatusBoleto.sucesso {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6bba70+0,6bba70+100;Green+Flat+%234 */
	background: #6bba70; /* Old browsers */
	background: -moz-linear-gradient(top, #6bba70 0%, #6bba70 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #6bba70 0%, #6bba70 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #6bba70 0%, #6bba70 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70',
		endColorstr='#6bba70', GradientType=0); /* IE6-9 */
}

.pnStatusBoleto.erro {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef7f70+0,ed6453+100 */
	background: #ef7f70; /* Old browsers */
	background: -moz-linear-gradient(top, #ef7f70 0%, #ed6453 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ef7f70 0%, #ed6453 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ef7f70 0%, #ed6453 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7f70',
		endColorstr='#ed6453', GradientType=0); /* IE6-9 */
}

.pnStatusBoleto.aguardando {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
	background: #f7c859; /* Old browsers */
	background: -moz-linear-gradient(top, #f7c859 0%, #ffd064 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7c859 0%, #ffd064 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7c859 0%, #ffd064 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c859',
		endColorstr='#ffd064', GradientType=0); /* IE6-9 */
}

.pnStatusBoleto.cancelado {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
	background: #01699e; /* Old browsers */
	background: -moz-linear-gradient(top, #01699e 0%, #0577b1 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #01699e 0%, #0577b1 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #01699e 0%, #0577b1 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01699e',
		endColorstr='#0577b1', GradientType=0); /* IE6-9 */
}

.pnStatusBoleto.processando {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7400+0,ff7400+100;Orange+Flat */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b',
		endColorstr='#ff920a', GradientType=0); /* IE6-9 */
}

.pnStatusBoleto.naoenviados {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
	background: #b7b7b7; /* Old browsers */
	background: -moz-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b7b7b7 0%, #aaaaaa 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7',
		endColorstr='#aaaaaa', GradientType=0); /* IE6-9 */
}

.bordaCategoria {
	/*border-width: 1px;
    border-color: black;
    border-style: solid;
    border-radius: 20px;
    padding: 1px;
    */
	border-width: 1px;
	border-radius: 5px;
	padding: 1px;
	background-color: #f6f9d9;
	/* background-color: #e7f0d4;*/
}

.bottom0 {
	bottom: 0;
}

.logo-solucoes {
	font-size: 18px;
	background: -webkit-linear-gradient(#00b8ba, #13486c, #182f5a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.login-titulo-sistema {
	color: #006280;
}

.bgcolor-login {
	background: #00acb2 !important;
}

.left0 {
	left: 0px;
}

.dataGrid td {
	padding: 2px 2px;
}

.dataGrid th {
	padding: 2px 2px;
}

.textel {
	text-overflow: ellipsis;
	max-width: 250px;
	max-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	/* "overflow" value must be different from "visible" */
}

.textel2 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	/* "overflow" value must be different from "visible" */
}

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

.testen {
	font-family: 'Material Icons';
	border: none !important;
	background: white !important;
	padding: 3px 3px !important;
}

.toe {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	/* "overflow" value must be different from "visible" */
}

.backcolor-gray {
	background-color: #222;
	color: #ccc;
}

.backcolor-white {
	background-color: #FFF;
	color: #000;
}

.labelGrupo {
	position: relative;
	top: -7px;
	background: white;
	width: fit-content;
	left: 10px;
	padding-left: 2px;
	padding-right: 3px;
	height: 7px;
	font-weight: bold;
}

.datagridCheckboxHeader {
	width: 100%;
	text-overflow: ellipsis;
	height: 26px;
	white-space: break-spaces;
	overflow: hidden;
}

.editDisable {
	background-color: #e1e1e1;
}

.disableOpacity[disabled] {
	opacity: 0.7;
}

.gwt-Label.loading-label {
	display: inline-block;
	width: 120px;
	color: white;
	font-size: 9px;
	text-align: center;
	padding: 10px !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f21804+0,c90600+100 */
	background: #f21804; /* Old browsers */
	background: -moz-linear-gradient(top, #f21804 0%, #c90600 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f21804),
		color-stop(100%, #c90600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f21804 0%, #c90600 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f21804 0%, #c90600 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f21804 0%, #c90600 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #f21804 0%, #c90600 100%);
	/* W3C */
	border-radius: 0 0 3px 3px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f21804',
		endColorstr='#c90600', GradientType=0); /* IE6-9 */
}

.loadBackground {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: black;
	opacity: 0.2;
	z-index: 5000;
}

.centralizar {
	display: flex;
	justify-content: center;
	align-items: center;
}

.CodeMirror-line * {
	color: #cfcfcf;
	font-family: Menlo, Monaco, monospace, sans-serif;
	font-size: 14px;
}

.progressbar-background {
	border: 1px black solid;
	border-radius: 10px;
	text-align: center;
	z-index: 1;
}

.progressbar-progress {
	border: 1px black solid;
	background-color: #1b972a;
	color: white;
	border-radius: 10px;
	text-align: center;
	z-index: 2;
}

.line-through {
	text-decoration: line-through;
}

.background-lightgreen {
	background-color: #b5f7ab;
}

.background-lightblue {
	background-color: #ceebfb;
}

.background-lightred {
	background-color: #f9c9c9;
}

.background-lightgray {
	background-color: #e7e7e7;
}

.background-lightgreen .border-botton {
	border-bottom: solid 1px #34af23;
}

.background-lightblue .border-botton {
	border-bottom: solid 1px #258dc8;
}

.height-gridServiceOrder {
	height: calc(100vh - 192px)
}

@media ( max-width : 1490px) {
	.height-gridServiceOrder {
		height: calc(100vh - 230px)
	}
}

@media ( max-width : 1320px) {
	.height-gridServiceOrder {
		height: calc(100vh - 247px)
	}
}

@media ( max-width : 930px) {
	.height-gridServiceOrder {
		height: calc(100vh - 297px)
	}
}

@media ( max-width : 640px) {
	.height-gridServiceOrder {
		height: calc(100vh - 369px)
	}
}

.flex1 {
	flex: 1;
}

.progressbar {
	padding: 3px;
	border-radius: 5px;
	height: 11px;
	display: inline-block;
	margin-right: 5px;
	opacity: 1;
}

.borderprogress {
	border-radius: 5px;
	border: solid 1px #838080;
	background-color: white;
}

.backgroundConciliacao-verde {
	background-color: #bfffb58c;
}

.backgroundConciliacao-amarelo {
	background-color: #fffbd1;
}

.backgroundConciliacao-vermelho {
	background-color: #ffebeb;
}

.right50 {
    float: right;
    width: 50%;
}

.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #007bff;
    color: white;
    border: none;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    border-radius: 8px;
    padding: 0;
    box-sizing: border-box;
    z-index: 10;
}

.slider-btn.prev {
    left: 10px;
}

.slider-btn.next {
    right: 10px;
}

.galeria-container {
    display: flex;
    gap: 10px;
}

.galeria-lista {
    width: 40%;
}

.galeria-visual {
    width: 60%;
}

.galeria-slider {
    width: 100%;
    height: 400px;
    background: #eee;
    position: relative;
    z-index: 1;
}

.slider-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
}

.slider-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #f0f0f0;
}

.slider-filename {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    max-width: 90%;
    z-index: 6;
    padding: 4px 10px;
    background: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.slider-name {
    bottom: 45px;
    font-weight: bold;
    font-size: 14px;
}

.slider-date {
    bottom: 15px;
    font-size: 13px;
    color: #555;
}

.gwt-PopupPanel.popup-image-slider {
    width: 75vw;
    height: 75vh;
    z-index: 20;
}

.gwt-PopupPanel.popup-image-slider > .popupContent {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible; 
}

.img-popup {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    z-index: 1;
}