/* GLOBALS */
body{
	height: 100%;
  font-size: 12px;
	margin: 0;
  padding: 0;    
}
#tudo-fundo{
	height: 100%;
  width: 100%;
  position:absolute;
  top:0;
  border:none;
	margin: 0;
  padding: 0;    
}
#barra-jax{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 5px;
    z-index: 9999;
}
.ui-progressbar-value {
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
}
input[type=text], input[type=password], input[type=number], input[type=time], input[type=date], input[type=datetime-local], input[type=search]{
  padding: .4em;
}
.select-style{
  background: none;
  width: 40px;
  -webkit-appearance: none;
  display: inline-block;
}
.select-style select {
  padding: .4em;
  width: 100%;
  border: none;
  box-shadow: none;
  background: transparent url(../mobile/images/arrowdown.gif) no-repeat 90% 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.select-style select:focus {
  outline: none;
}

#stat_nfe{
  text-align:center;
  background: url(imagens/rel_interstitial_loading.gif) center 85% no-repeat;
}

#btnadd, .btnadd{ position: absolute; right: 10px; top: 40px; }
#btnprev, .btnprev{ position: absolute; right: 10px; top: 80px; }
#inputleft1, .inputleft1{ position: absolute; right: 10px; top: 10px; }
#inputleft2, .inputleft2{ position: absolute; right: 10px; top: 50px; }
#inputleft3, .inputleft3{ position: absolute; right: 10px; top: 90px; }
#inputleft4, .inputleft4{ position: absolute; right: 10px; top: 130px; }
#inputleft5, .inputleft5{ position: absolute; right: 10px; top: 170px; }
#inputleft6, .inputleft6{ position: absolute; right: 10px; top: 210px; }
#inputleft7, .inputleft7{ position: absolute; right: 10px; top: 250px; }
#inputleft8, .inputleft8{ position: absolute; right: 10px; top: 290px; }
#inputleft9, .inputleft9{ position: absolute; right: 10px; top: 330px; }
#inputleft10, .inputleft10{ position: absolute; right: 10px; top: 370px; }
#inputleft11, .inputleft11{ position: absolute; right: 10px; top: 410px; }
#inputleft12, .inputleft12{ position: absolute; right: 10px; top: 450px; }

.menu-filtros{
  position: fixed;
  padding:20px 10px 8px 20px;
  width:400px;
  z-index:1099;
}
.is-tooltip-custom{
  border-width: 2px;
  font-weight:bold;
}
.ui-autocomplete,
.is-shadow-all{
  box-shadow:1px 1px 10px #848484,-1px 1px 10px #848484;-moz-box-shadow:1px 1px 10px #848484,-1px 1px 10px #848484;-webkit-box-shadow:1px 1px 10px #848484,-1px 1px 10px #848484;
}

.tipsValid, .validateTips, .validateLineTips, .tipsmsg { border: 1px solid transparent; padding: 0.3em;}
input.spinUpInline, input.spinnerUpdateInlineUsers, input.spinnerUpdateInlineClients, input.spinnerUpdateInlineJQ, input.spinnerUpdateInlineOpcoes{width: 40px;}
.ui-spinner-input{ padding:0.2em; }
.ui-datepicker {width: 18em; /*what ever width you want*/}
/*.ui-widget-content {
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; 
}*/
.legenda{
border: 1px dotted;
margin:-12px 0.3em 0 0;
padding:0 10px 0 0;
height:10px;
display:inline-block;
}


/* Tabelas */
		h1 { font-size: 1.2em; margin: .6em 0; }
		div.contain { width: 100%; max-width: 100%; margin: 20px 0; }
		table.listar { margin: 1em 0; border-collapse: collapse; width: 100%; }
		table.listar td, table.listar th { padding: .6em 10px; text-align: center;}
		table.listar td { border-style:dotted; border-width:1px;}
    table.listar td a, table.listar td img, table.listar td div { margin: auto;}
    table.listar th.l, table.listar th.l a, table.listar td.l, table.listar td.l a{ text-align: left; }
    table.listar td.img, table.listar td.img a{ padding:0; margin:0; width:200px; }
    table.listar td input.com_vlr, table.listar td input.couvert_qtd{ padding:0.1em;height:100%;margin:-3em; width:100%; text-align:center;}
    table.listar td.ellipsis{max-width:100px;overflow: hidden;text-overflow: ellipsis;}
    table.listar td.ellipsis span{white-space: nowrap;width: 100%;}

		table.list { border-collapse: collapse; width:98%;}
    table.list td, table.list th { padding: 0; text-align: center;}
		table.list td { border-style:dotted; border-width:1px;}
    table.list td a, table.list td img, table.list td div { margin: auto;}
    table.list th.l, table.list th.l a, table.list td.l, table.listar td.l a{ text-align: left; }
    table.list td.img, table.list td.img a{ padding:0; margin:0; width:200px; }
    table.list tbody,
    table.list thead { display: block; }
    /*table.list thead tr th { width: 33.333%; }*/
    table.list tbody { /*height: 70px;*/ overflow-y: auto; overflow-x: hidden; }
    /*table.list tbody td, table.list thead th { width: 13%; }*/
    table.list tbody td:last-child, table.list thead th:last-child {border-right: none;}

    td.waiting{
      background: url(imagens/rel_interstitial_loading.gif) center center no-repeat;
      border:none;
    }
/* Fim Tabelas */

.link{
  text-decoration: underline;
}
.link:hover{
  cursor:pointer !important;
  text-decoration: none;
}

/* FIM GLOBALS */


/* HEADER*/
#header{
  position:relative;
}
#logo{ margin:5px;background:url(imagens/logo-menor.png) no-repeat;width:318px; height:70px;}
#link-logo{ position:absolute; margin:5px;width:318px; height:70px;}
#user{position:absolute;top:5px;right:10px;}
#menu{width:100%;}
/* FIM HEADER */


/* CONTENT */
.hidden{
  display:none;
}

.ui-tabs{height:calc(100% - 3em);}
.ui-tabs-panel{height:calc(100% - 5em);overflow: auto;}

.dialogForm .ui-tabs{height:calc(100% - 0.6em);}
.dialogForm .ui-tabs-panel{height:calc(100% - 3em);overflow: auto;}

.ui-tabs #inputleft2, .ui-tabs .inputleft2,
.ui-tabs #inputleft3, .ui-tabs .inputleft3{ position: static; float:right;clear:both; }

/* FIM CONTENT*/


/* LOGIN */
input.r{text-align: right;}
input.c{text-align: center;}
label, input.text { display:block; }
form input.text, form .custom-combobox{width: 90%; width: calc(100% - 2em); margin-bottom:12px;}
textarea{resize:none;width: 90%; width: calc(100% - 2em); padding:0.3em; margin-bottom:12px;height:5.8em;} 
.custom-combobox{margin-top:-2px;}
form .custom-combobox input.ui-autocomplete-input{width:80%;width: calc(100% - 2.3em);}
fieldset input.text, fieldset .ui-spinner, fieldset .ui-selectmenu, fieldset select/*, fieldset input*/ { margin-bottom:12px; }
fieldset { padding:0; border:0; margin:0; }
/*fieldset div{min-height:70px;width:50%;float:left;}*/
div.redactor_box{width:100%;}
.manter{ display:block; float:right; margin-right:0.3em;}

div.coluna{width:50%;float:left;}
div.t10{min-width:10%;max-width:10%;float:left;}
div.t20{min-width:20%;max-width:20%;float:left;}
div.t25{min-width:25%;max-width:25%;float:left;}
div.t30{min-width:30%;max-width:30%;float:left;}
div.t40{min-width:40%;max-width:40%;float:left;}
div.t50{min-width:50%;max-width:50%;float:left;}
div.t60{min-width:60%;max-width:60%;float:left;}
div.t70{min-width:70%;max-width:70%;float:left;}
div.t75{min-width:75%;max-width:75%;float:left;}
div.t80{min-width:80%;max-width:80%;float:left;}
div.t90{min-width:90%;max-width:90%;float:left;}
div.t100{min-width:100%;max-width:100%;float:left;}

fieldset { min-width: 0; }

@-moz-document url-prefix() { /* Only target Gecko. (Breaks layout in IE.) */
    fieldset { display: table-cell; }
}

[id^=inputleft], [class^=inputleft]{margin-bottom:12px;}
input.text[id*=inputleft], input.text[class*=inputleft]{max-width:100px;margin-bottom:12px;}
button[id*=inputleft], button[class*=inputleft]{
  white-space: nowrap;                  
  overflow: hidden;              /* "overflow" value must be different from "visible" */ 
  text-overflow: ellipsis;
  width:110px;
}

#pedidos_dialogForm button[id*=inputleft],#pedidos_dialogForm button[class*=inputleft],#comandas_dialogForm button[id*=inputleft],#comandas_dialogForm button[class*=inputleft]{
  width:145px;
}

.img_cover{
  background-image: url(imagens/no-image.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;    
}
.radiolabel{display:inline;}

[class^=fs] label{display:initial;}
.fsnorm div label{display:block;}

div label, .ellipsis{
  white-space: nowrap;
  width: calc(100% - 1em);                   
  overflow: hidden;              /* "overflow" value must be different from "visible" */ 
  text-overflow: ellipsis;
}

fieldset legend{
  max-width: calc(100% - 1em);                   
  overflow: hidden;              /* "overflow" value must be different from "visible" */ 
  text-overflow: ellipsis;
}

fieldset legend span{
  white-space: nowrap;
  width: 100%;                   
}

.inputinfo{
  padding:0.1em;  
  font-size:1.5em;
  font-weight:bolder;    
}

div.coluna .destaque label{
  /*text-align:center;*/
  background:none;
  border: none;  
  margin:0.7em 0.3em -1.3em 0.3em;
  font-size:1.5em;
  font-weight:bolder;
}
div.coluna .destaque input{
  text-align:right;
  border-width: 2px;
  font-size:2.5em;
  font-weight:bolder;
  width: calc(100% - 1.3em);
}
div.coluna .destaque .ui-button{
  font-size:2.5em;
  font-weight:bolder;
  width: calc(100% - 0.4em);
  text-align:center;
  border-width: 2px;
}
div.coluna .destaque input.ui-autocomplete-input{
  background:transparent;
  width: calc(100% - 2em);
}
div.coluna .destaque .custom-combobox-toggle{
  width: 1.4em;
}

div.coluna .error{
  color: #cd0a0a; 
}
div.coluna .error input{
  border-color: #cd0a0a;
  color: #cd0a0a;
	background: #fef1ec;
}

div.coluna .warning{
  color: #FFCC00; 
}
div.coluna .warning input{
  border-color: #FFCC00;
  color: #FFCC00;
	background: #FFFF99;
}

div.coluna .success{
  color: #358800;
}
div.coluna .success input{
  border-color: #358800;
  color: #358800;
	background: #A0FF70;
}

/*.custom-combobox{margin-top:-2px;}
div.coluna div.t25 .custom-combobox{width:64%;}
div.coluna div.t30 .custom-combobox{width:70%;}
div.coluna div.t40 .custom-combobox{width:77%;}
div.coluna div.t50 .custom-combobox{width:81%;}
div.coluna div.t90 .custom-combobox{width:87%;}
div.coluna div.t75 .custom-combobox{width:88.5%;}
div.coluna div.t100 .custom-combobox{width:90%;}
div.coluna div.t100 div.t50 input.ui-autocomplete-input{width:81%;}

div.coluna div.t90 input.ui-autocomplete-input{width:93%;}

div.coluna input.ui-autocomplete-input{width:80%;width: -webkit-calc(100% - 1.3em);width: -moz-calc(100% - 1.3em);width: calc(100% - 1.3em);}
*/

fieldset.fs,fieldset.fs1,fieldset.fs2,fieldset.fs3{float:left; width: 92%; width: calc(100% - 2em); text-align:center;padding:0.1em 0.35em 0.4em 0.35em;margin-bottom:12px;}
fieldset.fsnorm{padding:10px 0 0 10px; margin-bottom:12px; width: 92%; width: calc(100% - 2.2em);}
fieldset.fsform{width: 92%; width: calc(100% - 1.2em); margin-bottom:12px;padding-top:0.1em;padding-bottom:0.2em;}
fieldset.fsform > div{padding-left:0.5em;margin-right:-0.5em;}
/*filedset.fsform label{display:inline;float:left;}*/
fieldset.fsform > legend{text-align:left;margin-left:0.2em;}
fieldset.fsform > div{text-align:left;}
fieldset.fsform > div > label{display:block;float:none;}
/*fieldset.fs{float:left; width:24%;text-align:center;padding:5px 0 7px 0; margin-bottom:12px;}
fieldset.fs2{float:left; width: 92%; width: calc(100% - 2em - 18px); text-align:left;padding:10px 0 0 8px;margin-bottom:12px;}
div.t50 fieldset.fs2{float:left; width: 92%; text-align:left;padding:10px 0 0 8px;}
fieldset.fs3{float:left; padding:5px 0 0 5px; margin-bottom:12px;}*/
fieldset.fs legend{text-align:center;}
fieldset.fs1 legend{text-align:left;}
fieldset.fs3 legend{text-align:center;}
.textspc{height:350px;}

table .ui-selecting { background: #006699; }
table .ui-selected { background: #0A246A; color: white; }
table .ui-selected-del { background: #FF3700; color: black; }

.tabs{
  width: 90%;                         /* para navegadores que não suportam calc() */
  width: -webkit-calc(100% - 125px);  /* para Chrome */
  width: -moz-calc(100% - 125px);     /* para Firefox */
  width: calc(100% - 125px);          /* para suporte nativo */
}

.tabsPed{
  width: 85%;                         /* para navegadores que não suportam calc() */
  width: -webkit-calc(100% - 160px);  /* para Chrome */
  width: -moz-calc(100% - 160px);     /* para Firefox */
  width: calc(100% - 160px);          /* para suporte nativo */
}

	.custom-combobox {
		position: relative;
		display: inline-block;
	}
	.custom-combobox-toggle {
		position: absolute;
		top: 2px;
		bottom: -2px;
		margin-left: -1px;
		padding: 0;
		/* support: IE7 */
		*height: 1.7em;
		*top: 0.1em;
	}
	.custom-combobox-input {
		margin: 2px 0 -2px 0;
		padding: 0.4em;
	}
  .ui-autocomplete {
    width: 1px;
    max-height: 200px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1100;
  }
  .ui-autocomplete a{
    white-space: nowrap;                  
    overflow: hidden;              /* "overflow" value must be different from "visible" */ 
    text-overflow: ellipsis;
    /*line-height:100% !important;*/
  }
/* FIM LOGIN */

.bar_prog {
  margin-top: 5px;
}
 
.progressbar-label {
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}

/* ROTAS */
#gps_none{display:none;width:98%; position: absolute; top: 0; z-index: 999999999;}
#gps_none div{width:200px;margin:0 auto; text-align:center; line-height: 200%;}
#map_canvas { width:100%; height: 100%; }
#map_canvas img {max-width: none;}
#rotascalendrep{position: absolute; right: 25px; top: 25px; z-index: 999999999;}
#rotascalend{margin-bottom:20px;}
/* FIM ROTAS */


/* UPLOAD DE IMAGENS */
.uploadFiles p.msg{ text-align:center; position:absolute; top:40%; width: calc(100% - 60px); font-size:20px; text-shadow: 1px 1px 1px #D7D7D7, 1px 1px 1px rgba(0, 0, 0, 0.7);}
.uploadFiles p.msg i{font-size: 10px; text-shadow: none; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70);}
#file-falso{ position: absolute; right: 10px; top: 10px; }
#sec_trash{ position: absolute; right: 10px; top: 210px; }
#sec_all{ position: absolute; right: 10px; top: 90px; }
#sec_none{ position: absolute; right: 10px; top: 130px; }
#sec_zoom{ position: absolute; right: 10px; top: 250px; }
#dropbox{
  width: calc(100% - 60px);
  height: calc(100% - 10px);
  overflow: auto;
  padding: 0.3em;
  position: relative;
    box-shadow: 0 0 10px #C0C0C0 inset;
    text-align: center;
    text-shadow: 1px 1px 1px #D7D7D7, 1px 1px 1px rgba(0, 0, 0, 0.7);
    transition: all 0.1s linear 0s;
	z-index: 2;
	margin: 0 0 10px 0;
  float:left;
  background:transparent;
}
#dropbox ul li{list-style:none;}
#dropbox ul {margin: 5px; padding: 0;}
/*#dropbox ul .ui-selected .preview{ background:blue; border: 3px solid blue; }
#dropbox ul .ui-selected .preview img{ opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); } */
#dropbox ul .ui-selecting .preview, #dropbox ul .ui-selected .preview{ background:blue; border: 3px solid blue; color:#FFF; }
#dropbox ul .eachImage.ui-selecting .preview img, #dropbox ul .eachImage.ui-selected .preview img{ opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }

/*.eachFile div{height: 113px; width: 150px; border: 3px solid #FFFFFF; box-shadow: 0 0 2px #000000; box-shadow: 0px 0px 10px 1px #484848; background:#A6A6A6;}*/
.eachFile .preview p{margin: 0; padding:0; white-space: nowrap;}
.eachFile, .eachImage{
    float: left;
    margin: 8px 8px 0 8px;
    position: relative;
    width: 155px;
    height: 135px;
    text-align: center;
	  z-index: 10;
}
.preview{
    display: inline-block;
    position: relative;
    height: 113px;
    width: 150px;
    overflow:hidden;
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 2px #000000;
	  box-shadow: 0px 0px 10px 1px #484848;
    background:#A6A6A6;
}
.eachFile .preview img{
  margin-top:15px;
} 

.eachImage .preview img{
    display: block;
    max-height: 113px;
    margin: auto;
}
.overlay{
    background: rgba(255, 255, 255, 0.5);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.overlay span{
	position: absolute;
	top: 35%;
	color: black;
	font-weight: bold;
}
.overlay .updone{
	position: relative;
    text-align: right;
    text-shadow: 1px 1px 1px #D7D7D7, 1px 1px 1px rgba(0, 0, 0, 0.7);
    transition: all 0.5s linear 0s;
	font-size: 25px;
	text-align: right;
}
.progress{
	height: 8px;  /* Can be anything */
	position: relative;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.progress span{
	border: 1px solid #125825;
	width: 0px;
	display: block;
	margin-top: 10px;
	text-align: right;
	height: 6px;
	   -webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	       -moz-border-radius-topright: 20px;
	    -moz-border-radius-bottomright: 20px;
	           border-top-right-radius: 20px;
	        border-bottom-right-radius: 20px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -webkit-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -ms-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -o-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
img#resize_slide{margin: auto;}
#viewSlideShow, #visu_files{overflow:hidden;}

            .jssord10l, .jssord10r, .jssord10ldn, .jssord10rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(img/d10.png) no-repeat;
                overflow:hidden;
            }
            .jssord10l { background-position: -16px -39px; }
            .jssord10r { background-position: -76px -39px; }
            .jssord10l:hover { background-position: -136px -39px; }
            .jssord10r:hover { background-position: -196px -39px; }
            .jssord10ldn { background-position: -256px -39px; }
            .jssord10rdn { background-position: -316px -39px; }
/* FIM UPLOAD DE IMAGENS */

  #form_cpf_na_nota{
    background-image: url(imagens/notafiscalgaucha.png);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
  }