/* 
*
* REPONSIVE STYLE SPEEDSOFTWARE 
* 
*/
.btn-last-mob{
min-height: 50px;
font-size: 17px;
}
.margin_none{
margin:0!important;
}
.grid1{
height: auto;
}
.tx_obs_mob{
width: 100%;
min-height:85px;
resize:none;
}
.btn-obs-mob{
min-width: 100px;
}
.progressPreto{ 
display:block;
background-image:none!important;
background-color:#000!important;
}
.progressMagenta{
display:block;
background-image:none!important;
background-color:#FF00FF!important; 
}
.progressCiano{
display:block;
background-image:none!important;
background-color:#008b8b!important; 
}
.progressAmarelo{
display:block;
background-image:none!important;
background-color:yellow!important; 
}
.progressBx{
 display:inline-block; 
 width:200px;
 margin-left: 5px; 
}
.inpt_mob_file{
width: 100%;
height: 35px!important;
margin-bottom: 10px;
}
.btn-env-anexo-mob{
width: 100%;
}
#senha {
	width: 415px;
}

#quadroResponsive{
position: fixed;
top: 15%;
left: 10%;
width:80%;
height:auto;
padding: 15px;
background: #fff;
border: 2px solid #aaa;
z-index: 999999;
border-radius: 5px;
text-align: left;
}

#escurecer_mob{
background: rgba(100,100,100,0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
}

/* Large desktop */
@media (min-width: 1200px) { 


}

@media (max-width: 1000px){
	#chamadosRespClientes{
		display: none!important;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}

@media (min-width: 768px) { 
	.responsive_hr{
	display: none!important;	
	}
	.row-fluid-mob{
	width:900px!important;
	margin: 0 auto!important;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	#header-login{
	width: 100%;
	margin: 0;
	padding:0; 	
	}
	#header-login > h1{
	margin: 0; 
	}
	.formLogin{
	width: 100%!important;
	}
	#formLogin{
	width: 350px;
	margin: 50px auto;
	}
	#username {
	/*width: 290px;*/
	}
	#senha {
	width: 239px;	
	}
}

/* Landscape phones and down */
@media (max-width: 480px) { 
	
	/* LOGIN PHONE */
	.formLogin{
	width:100%!important;
	height: auto!important;
	}
	#sublogin{
	padding-right: 0;
	}
	#formLogin{
	width: 250px;
	min-height: 250px;
	height: auto!important;
	margin: 50px auto;
	}
	#username {
	width: 193px;
	}
	#senha{
	margin-bottom: 10px!important;
	width: 141px;
	float: left;
	}
	.input-append {
	width: 200px!important;
	display: inline-block;
	}
	#btnLogin{
	display: block;
	width: 193px;
	margin: 0 auto;
	}
	#sublogin > p, #sublogin > span{
	display: block;
	height: 53px;
	}
	#footer-login{
	display: block;
	}
	.reveal{
	display: none!important;
	}
	#formLogin input#senha{
	width:193px!important;
	}
	.esqueci{
	text-align: center!important;	
	}
	/* LISTAGEM ORDEM TECNICOS */
	.life_t{
	display: none!important;
	}

	.carregando{
	  position: fixed;
	  top: 50%;
	  left: 70%;
	  z-index: 999999999;
	}

	
}

#escurecerMobProprietaria{
background: rgba(100,100,100,0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
}

#quadroResponsiveMobProprietaria{
position: fixed;
top: 5%;
left: 3%;
width:95%;
height:90%;
padding: 2px;
background: #fff;
border: 2px solid #aaa;
z-index: 999999;
border-radius: 5px;
text-align: left;
}

#escurecer_mob_tecnicos{
background: rgba(100,100,100,0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
}

#quadroResponsiveTecnicos{
position: fixed;
top: 5%;
left: 3%;
width:95%;
height:90%;
padding: 2px;
background: #fff;
border: 2px solid #aaa;
z-index: 999999;
border-radius: 5px;
text-align: left;
}

#escurecer_mob_itens{
background: rgba(100,100,100,0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
}

#quadroResponsiveItens{
position: fixed;
top: 5%;
left: 3%;
width:95%;
height:90%;
padding: 2px;
background: #fff;
border: 2px solid #aaa;
z-index: 999999;
border-radius: 5px;
text-align: left;
}

.carregando{
  position: fixed;
  top: 40%;
	right: 50%;

  z-index: 999999999;
}

#quadroResponsiveQuant{
position: fixed;
top: 15%;
left: 5%;
width:90%;
height:auto;
padding: 15px;
background: #fff;
border: 2px solid #aaa;
z-index: 999999;
border-radius: 5px;
text-align: left;
}

#escurecer_mob_quant{
background: rgba(100,100,100,0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
}

#quadroResponsiveUtil{
position: fixed;
top: 15%;
left: 5%;
width:90%;
height:auto;
padding: 15px;
background: #fff;
border: 2px solid #aaa;
z-index: 999999;
border-radius: 5px;
text-align: left;
}

#quadroResponsiveNaoUtil{
position: fixed;
top: 15%;
left: 5%;
width:90%;
height:auto;
padding: 15px;
background: #fff;
border: 2px solid #aaa;
z-index: 999999;
border-radius: 5px;
text-align: left;
}

#escurecer_mob_util{
background: rgba(100,100,100,0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
}