/**
 * Customização do Template Zotal Admin
 * Criado por: PhpStorm.
 * Usuário: Christian Bruno - christian@roxpublicidade.com.br
 * Data: 17/04/2017
 * Hora: 16:17
 */

/* ===================== ESTILO GERAL ===================== */
html {
	position: relative;
	min-height: 100%;
}

header {
	background-color: #292929;
}

body {
	margin-bottom: 50px;
}

footer {
	background-color: #292929;
}

a:hover {
	text-decoration: none;
}

.navbar .navbar-brand {
	color: #fff;
	font-weight: normal;
}

.navbar-color {
	background-color: #292929;
}

.navbar-inverse {
	background-color: #4f4f4f;
	border-color: transparent;
	height: 160px;
}

.page-head-line {
	border-bottom: 2px solid #020202;
	color: #020202;
	font-size: 25px;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
}

.form-control {
	margin-bottom: 5px;
}

input[type='checkbox'] {
	margin-top: 8px;
}

hr {
	margin-top: 0;
}

.navbar-brand {
	width: 200px;
}

.navbar-toggle {
	background-color: #e6a227;
	border: 1px solid #e6a227;
}

.icon-bar {
	background-color: #fff;
}

.panel-title {
	color: #777;
}

.breadcrumb li {
	color: #777;
}

.menu_ativo {
	background-color: #ccc;
}

.list-group-item .badge {
	margin-top: 8px;
}

.side-nav > li > ul > li > a {
	color: #4f4f4f;
}

.side-nav > li > ul > li > a:hover {
	color: #4f4f4f;
}

.clicavel {
	cursor: pointer;
}

.error {
	color: red;
}

.status-btn {
	border-radius: 25%;
	-webkit-border-radius: 25%;
	-moz-border-radius: 25%;
}

.align-vertical {
	display: flex;
	align-items: center;
}

.padding-tb {
	padding-bottom: 15px;
}

/* ==========================================*/
/*
*	MEDIA QUERIES
*
* ===========================================*/

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

@media (min-width: 1450px) {
	.container {
		width: 1470px;
	}
}

@media (max-width: 767px) {
	.navbar-color {
		background-color: #f5f5f5;
	}

	.menu-avatar {
		display: none;
	}
}

@media (min-width: 768px) {
	.container > .navbar-header {
		margin-left: 42%;
	}
}

/* ================ INTERNAS TEMPLATE =================== */

.navbar-brand-interna {
	padding-top: 15px;
	color: #fff;
}

.navbar-brand-interna:hover {
	color: #fff;
}

.navbar-fixed-top {
	background-color: #4f4f4f;
}

.navbar-inverse-2 {
	background-color: #1095a5;
	height: 10px;
}

.side-nav {
	background-color: #f5f5f5;
}

.side-nav > li > a {
	color: #4f4f4f;
}

/* ================== MENU AVATAR ================== */
.menu-avatar {
	width: 225px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}

.img-circle {
	width: 90px;
	vertical-align: middle;
	border: 2px solid #e6a227;
	border-radius: 50%;
}

/* ================== TABELAS ================== */

.table > tbody > tr > td {
	vertical-align: middle;
}

/* ================= CLIENTES ================== */

.cliente-infos-title {
	font-size: 1.8em;
	font-weight: bold;
}

.cliente-infos {
	font-size: 1.1em;
	font-weight: bold;
}

.icon-green {
	color: #4f4f4f;
	font-size: 1.2em;
}