/*
  html, #MAINFORM{
	  background: #fff;
	  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  }
  */

  body{
   background: transparent;
   overflow-x: hidden;
   overflow-y: auto;
   width: 100%;
  }
  

	.borderless td, .borderless th {
		border: none !important;
	}  
  
  .datepicker{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-align:center !important;
  }
  
  .table-bordered{
	  white-space: nowrap;
	  text-align: center !important;
  }
  
  .logotipo{
	  max-height: 80px;
	  width: auto;
	  margin: 0 0 0px;
  }

  .form-control{
	  margin-bottom: 5px;
  }
  
  .vertical-center-main {
   min-height: 70%;
   min-height: 70vh;
   display: flex;
   align-items: center;
  } 
  
  .vertical-center {
   min-height: 100%;
   min-height: 100vh;
   display: flex;
   align-items: center;
  }
  
  .vertical-center-ie {
   display: table-cell;
   vertical-align: middle;
  }
  
  .vertical-center-main-ie {
   display: table-cell;
   vertical-align: middle;
  }
  
  .thumbnail-portal{
	  min-height:138px;
	  margin:0 0 20px 0;
	  display:inline-block;
	  display:block;
	  height:auto;
	  max-width:100%;
	  padding:4px;
	  line-height:1.428571429;
	  background-color:#fff;
	  border:1px solid #ddd;
	  border-radius:4px;
	  -webkit-transition:all .2s ease-in-out;
	  transition:all .2s ease-in-out
	}
	
  .modal-lg {
	width:auto;
	margin: 0 30px 0 30px;
   }

  .tbTotal{
	background : #FFF;
	border-spacing: 10px;
	border-collapse: separate;
	border-spacing: 2px;
	border-radius: 10px;
	border:1px solid #aaa;
	padding: 2px;
  }

  .tbTotal td{ 
	padding: 3px;
  }

  .ajust-top{
	margin-top: 10%;
  } 

  .loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../static/Resources/imagem/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
  }

  .tableajuste{
	width:100px;
  }

  .centralizar {
	position: absolute; /* posição absoluta ao elemento pai, neste caso o BODY */
	/* Posiciona no meio, tanto em relação a esquerda como ao topo */
	left: 50%; 
	top: 50%;
	width: 300px;  /*Largura da DIV */
	height: 250px;  /*Altura da DIV*/
	/* A margem a esquerda deve ser menos a metade da largura */
	/* A margem ao topo deve ser menos a metade da altura */
	/* Fazendo isso, centralizará a DIV */
	margin-left: -150px;
	margin-top: -125px;
	text-align: center; /* Centraliza o texto */
	z-index: 1000; /* Faz com que fique sobre todos os elementos da página */
  }

  .tableBorder{
	background : #f5f5F5;
	border-spacing: 10px;
	border-collapse: separate;
	border-spacing: 2px;
	border-radius: 10px;
	border:1px solid #666;
	padding: 10px;
  }

  /* Header */
  #header{
	padding: 5px;
  }

  /* Footer */
  ul.canal-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
  }

  ul.canal-network li {
	display: inline;
	margin: 0 5px;
  }

  .canal-network a.icoFacebook:hover {
	background-color:#3B5998;
  }

  .canal-network a.icoRss:hover {
	background-color: #F56505;
  }

  .canal-network a.icoTwitter:hover {
	background-color:#33ccff;
  }

  .canal-network a.icoGoogle:hover {
	background-color:#BD3518;
  }

  .canal-network a.icoLinkedin:hover {
	background-color:#007bb7;
  }

  .canal-network a.icoRss:hover i, .canal-network a.icoFacebook:hover i, .canal-network a.icoTwitter:hover i,
  .canal-network a.icoGoogle:hover i, .canal-network a.icoLinkedin:hover i {
	color:#fff;
  }

  a.canalIcon:hover, .canalHoverClass {
	color:#44BCDD;
  }

  .canal-circulo li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;

	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
  }

  .canal-circulo li i {
	margin:0;
	line-height:50px;
	text-align: center;
  }

  .canal-circulo li a:hover i, .triggeredHover {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;  	
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
  }

  .canal-circulo i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;	
	-o-transition: all 0.8s;
	transition: all 0.8s;
  }
  
  .page-footer{
	  margin: 0 0 0 0;
  }

  #rodape {
	position: relative;
	align-items: center;
	text-align: center;
  }

  #canal {
	width: 100%;
  }

  .modal-body > table#TABLEPESQUISA > tbody > tr > td { /* Utilizado em pesquisar_cliente */
	display: block;
  }

  #local {
	color:#fff;
	font-size:medium;
  }

  #local-titulo{
	font-size:large;
  }

  #contato {
	text-align: center;
	color:#fff;
	font-size:medium;
  }

  #contato a {
	color:#fff !important;
  }

  #contato a:hover {
	color:#007bb7 !important;  
}

.datepicker.datepicker-dropdown.dropdown-menu {
	z-index: 198 !important;
	}

#jsmaindiv {
	z-index: 200 !important;
}