h1, h2, h3, h4, h5 {
	font-family: 'Arima Madurai', cursive, sans-serif;
}

.logo {
    float: left;
    width: 100%;
}

.logo h1 {
	font-family: 'Montserrat Alternates', sans-serif;
    float: left;
	background-image: linear-gradient(to right, #337ab7 35%,#99effa 100%); 
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

.logo h2 {
	font-family: 'Arima Madurai', cursive, sans-serif;
    float: left;
    padding-top: 32px;
    padding-left: 12px;
    color: #eef;
	text-shadow:
	-1px -1px 0 #666,
	1px -1px 0 #666,
	-1px 1px 0 #666,
	1px 1px 0 #666; 
}
.nav a {
	font-weight: bolder;
	font-family: 'Arima Madurai', cursive, sans-serif;
	font-size: 1.25em;
}

#tabContent {
	font-size: 16px;
	padding: 16px 4px;
	overflow: scroll;
}

#tabContent h4 {
	margin-top: 24px;
	background-color: linear-gradient(to right, #337ab7 35%,#99effa 100%); 
}

.panel .input-group {
	width: 100%;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

#templates {
	display: none;
}

.table>tr:nth-child(odd){
   background-color: #eee;
}

.table th, .table td {
	padding: 6px 4px;
} 

p.saldo {
	font-size: 1.3em;
}

p.saldo .nome, p.saldo .pontos {
	font-size: 1.8em;
}

.panel ul {
    padding-left: 15px;
}

.popover .alert {
	margin-bottom: 0;
}

.loading .glyphicon {
    animation: beat 1s infinite linear;
}

.alert-success a {
	cursor: pointer;
}

@keyframes beat {
    0% 	 { transform: scale(1);   }
    50%  { transform: scale(1.3); }
    100% { transform: scale(1);   }
}

.showhistory-popover {
    max-width: 90%;
    width: 90%;
}

input[type=text], input[type=number] {
	font-size: 1.2em;
}



@media screen and (min-width: 768px) {
	.jumbotron {
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
}

@media screen and (max-width: 768px) {
	.container {
	    padding-right: 4px;
		padding-left: 4px;
	}
	.logo h2 {
		padding-top: 1px;
		margin-top: 0px;
		margin-bottom: 2px;
		float: right;
		font-size: 1.4em;
	}
	.logo h1 {
		font-size: 28px;
		margin-top: 0px;
		margin-bottom: 0;
	}
	.jumbotron {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6 {
		margin-top: 6px;
	}
	.showhistory-popover {
		max-width: 75%;
		width: 75%;
	}

	.table {
		width: 104%;
		max-width: 104%;
		margin-left: -2%;
	}
}

.logo p {
	display: none;
}

/* aviso para usar na horizontal */
@media screen and (max-width: 420px) {
	.logo p {
		font-weight: bold;
		display: block;
		color: crimson;
		clear: both;
		font-size: 1em;
		animation: disapearAnimation 0s ease-in 6s forwards;
	}
}

@keyframes disapearAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
    }
}