@import url('//fonts.googleapis.com/css?family=Fjalla+One');

body.fadeIn
{
	background-color: #444;
	background-image: url("../imagens/fundo.png"); 
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
a.xjlink{cursor:hand;}
.rodape {
    background-color: rgba(34, 34, 34, 0.6);
    position: fixed;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    overflow:hidden;
	border-style: none;
    border-top: solid rgba(0, 0, 0, 0.6);
}
hr.borraLat {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
hr.borraLatGreen {
    border: 0;
    height: 1px;
    background: #15FF15;
    background-image: linear-gradient(to right, #008000, #15FF15, #008000);
}

.MeEsconde{ display: none; }

.tooltip > .tooltip-inner {
	
}

@-webkit-keyframes fadeIn {0% { opacity: 0; }100% { opacity: 1; }}
@-moz-keyframes fadeIn {0% { opacity: 0;}100% { opacity: 1; }}
@-o-keyframes fadeIn {0% { opacity: 0; }100% { opacity: 1; }}
@keyframes fadeIn {0% { opacity: 0; }100% { opacity: 1; }}
.fadeIn {-webkit-animation: fadeIn 3s ease-in-out; -moz-animation: fadeIn 3s ease-in-out; -o-animation: fadeIn 3s ease-in-out; animation: fadeIn 3s ease-in-out;}
.mouseinValor
{
	border-left: 6px solid red;
	background-color: lightgrey;
}
.mouseinValor:hover { 
	cursor:hand;	
    background-color: white;
	border-left: 6px solid #3498db;
}
.ListMultasP:hover{
	cursor:hand;	
    background-color: white;
	border-left: 6px solid #3498db;
}
.ListKicksSofre:hover{
	cursor:hand;	
    background-color: white;
	border-left: 6px solid #E06C1F;
}

.FaturasLoja
{	
	background-color: lightgrey;
}
.FaturasLoja:hover { 
	cursor:hand;	
    background-color: white;
	border-left: 6px solid #3498db;
}
.carregandoStyle
{
  border: 16px solid #222;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
.carregandoStyle2
{
  border: 5px solid #222;
  border-radius: 50%;
  border-top: 5px solid #00bfff;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}
@-webkit-keyframes spin {0%{-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);}}
@keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}

#CorpoModalPsOn {max-height: 70vh; overflow-y: auto;}
#cabLogin{background-color:#444; color:#fff; font-family: 'CHRYF'; height: 150px;}
.ScrollThis {max-height: 70vh; overflow-y: auto;}
.ScrollBig {max-height: 120vh; overflow-y: auto;}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.precosLoja {
	color:#008000;
	font-family: 'Arial Black'; 
	font-size:20px; 	
}

#avbaixo {    
	display: none;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 0px;
    font-size: 17px;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../imagens/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../imagens/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

.PAdm {
	list-style: none;
	position:fixed;
	color:#FFF;	
}
.PAdm li {		
	cursor:hand;
	position:relative;
	border-radius:0px 5px 5px 0px;
	margin-top:10px;
	min-width:100px;
	min-height:50px;
	max-width:100px;
	max-height:50px;
	left: -15px;	
	font-size:18px;
	font-family: 'Fjalla One', sans-serif;
	text-align:center;	
	background-color:rgba(44,44,44,0.5);	
}

ERRO{
	color:#FF0000;
}
OK{
	color:#00FF00;
}
.ftp,.fti,.fta
{
	box-shadow:2px 2px 10px #222;
	border:0;
}
.ftp:hover,.fti:hover,.fta:hover
{
	border-left:3px solid #0080ff;
}