body {
	background-color: #131523 !important;
}

.footer {
	background: #131523 !important;
}

/* Box and Cards */

.portlet.box {
	border: none !important;
	border-radius: 4px !important;
}

.portlet-body {
	border: 1px solid #959bbb !important;
	border-radius: 0px 0px 4px 4px !important;
}

.portlet-title {
	border: none !important;
	border-radius: 4px 4px 0px 0px !important;
}

.portlet.box.blue-madison > .portlet-title {
	background: #87d2ff 0% 0% no-repeat padding-box !important;
	opacity: 1 !important;
}

.portlet.box.grey > .portlet-title {
	background: #3d404d 0% 0% no-repeat padding-box !important;
	opacity: 1 !important;
}

.portlet.box.red > .portlet-title {
	background: #f0142f 0% 0% no-repeat padding-box !important;
	opacity: 1 !important;
}

.card {
	border-radius: 4px !important;
}

.panel {
	border-radius: 4px !important;
}

.panel-default {
	border: none !important;
}

.panel-default > .panel-heading {
	color: #fff;
	background-color: #959bbb;
	border: none !important;
	border-radius: 4px 4px 0px 0px !important;
	font-size: 18px !important;
}

.panel-default > .panel-body {
	border: 1px solid #959bbb !important;
	border-radius: 0px 0px 4px 4px !important;
}

/* Inputs and Forms */

.form-control {
	border-radius: 4px !important;
}

.select2-selection--single {
	border-radius: 4px !important;
}

/* Tables */

.table {
	border: none !important;
}

.table > thead {
	border-bottom: 1px solid #959bbb !important;
}

.table > thead > tr > th {
	vertical-align: top !important;
	border: none !important;
}

.table > tbody > tr,
.table > tfoot > tr {
	background-color: white !important;
	border-bottom: 1px solid #959bbb !important;
}

.table > tbody > tr > td {
	border: none !important;
}

.pagination {
	cursor: pointer !important;
}

.pagination > li > a,
.pagination > li > span {
	border: none !important;
	color: #7e84a3 !important;
}

.pagination .active > a,
.pagination .active > a:hover {
	border-color: none !important;
	background: #0058ff !important;
	color: #fff !important;
	border-radius: 4px !important;
	opacity: 1 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
	border-radius: 4px !important;
}

/* Buttons and Dropdowns */

.btn.dropdown-toggle {
	border-radius: 4px !important;
}

.btn-group .btn.dark.dropdown-toggle {
	background-color: #131523 !important;
}

/* Page Breadcrumb */

.page-content .page-breadcrumb.breadcrumb {
	border-radius: 4px !important;
	height: 4.1rem !important;
	background-color: #fff !important;
}

/* Sidebar and Navigation */

.page-sidebar {
	background-color: #131523 !important;
}

.sidebar-toggler {
	background-color: #131523 !important;
}

ul.page-sidebar-menu > li > a {
	border: 0px !important;
	color: #959bbb !important;
	letter-spacing: 0.1px !important;
	font-weight: 500 !important;
	letter-spacing: 0.1px !important;
}

ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
	background: #0062ff33 0% 0% no-repeat padding-box !important;
	border-radius: 10px !important;
	color: #fff !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
	background: #0062ff33 0% 0% no-repeat padding-box !important;
	border-radius: 10px !important;
	color: #fff !important;
}

@media (min-width: 992px) {
	.page-sidebar-closed .page-sidebar-menu > li:hover {
		background-color: #131523 !important;
		border-radius: 10px !important;
		color: #fff !important;
	}
}

/* Page Content */

.page-content {
	background-color: #f5f6fa !important;
}

/* Header and Navbar */

.header {
	background-color: #131523 !important;
}

.navbar-inverse .navbar-brand {
	color: #959bbb !important;
}

.header .navbar-nav .dropdown-toggle:hover,
.header .navbar-nav .dropdown.open .dropdown-toggle {
	background: #0062ff33 0% 0% no-repeat padding-box !important;
	color: #fff !important;
}

/* Buttons */

.btn {
	border-radius: 4px !important;
	margin: 4px !important;
}

.btn-secondary:hover {
	color: #fff !important;
	background-color: #3d404d !important;
}

.btn.blue-stripe {
	border-left: 3px solid #87d2ff !important;
}

.btn.green-stripe {
	border-left: 3px solid #3eb44a !important;
}

.btn.red-stripe {
	border-left: 3px solid #f0142f !important;
}

ul.page-breadcrumb > li.btn-group > .btn {
	margin: 0px !important;
}

.btn-primary {
	color: white !important;
	background-color: #00ade6 !important;
	border-color: #00ade6 !important;
}

.btn-nova-mensagem {
	cursor: pointer !important;
}

/* Custom CSS */

.header-title {
	font-family: "Poppins-SemiBold" !important;
	font-weight: 600 !important;
}

.card-metric h2 {
	margin-top: 0.8rem !important;
	font-weight: 600 !important;
	font-size: 36px !important;
}

.card-metric h4 {
	font-size: 16px !important;
	font-family: "Poppins" !important;
	letter-spacing: 0.1px !important;
	color: #7e84a3 !important;
}

.card-metric h5 {
	font-size: 14.5px !important;
	font-family: "Poppins" !important;
	letter-spacing: 0.1px !important;
	color: #7e84a3 !important;
}

.card-metric .icon-shape {
	padding: 12px !important;
	text-align: center !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	width: 5rem !important;
	height: 5rem !important;
	float: right !important;
}

.card-metric .icon-shape-green {
	background-color: #21d59b1a !important;
}

.card-metric .icon-shape-red {
	background-color: #f0142f1a !important;
}

.card-metric .icon-shape-blue {
	background-color: #00ade619 !important;
}

.card-metric .icon-shape-yellow {
	background-color: #ffc7001a !important;
}

.card-metric .icon-shape-grey {
	background-color: #959bbb1a !important;
}

.card-metric .icon-shape .icon {
	font-size: 2.25rem !important;
}

.card-metric .icon-shape .fa {
	font-size: 2.25rem !important;
}

.table-client-invoice th {
	font-family: "Poppins-SemiBold" !important;
	font-size: 22px !important;
}

.table-client-invoice td {
	color: #5a607f !important;
	font-family: "Poppins" !important;
	letter-spacing: 0.1px !important;
	font-size: 20px !important;
}

.table-client-invoice td a {
	color: #5a607f !important;
	font-family: "Poppins" !important;
	letter-spacing: 0.1px !important;
	font-size: 20px !important;
}

.table-client-invoice td .details {
	color: #00ade6 !important;
}

.no-border {
	border: none !important;
}

/* Chart CSS */

.chart-div {
	width: 100% !important;
	height: 43rem !important;
}

.chart-div2 {
	width: 100% !important;
	height: 61rem !important;
}

.chart-div-circle {
	width: 100% !important;
	height: 30rem !important;
}

.button-legend {
	display: inline-block !important;
	border-radius: 19% !important;
	width: 1.7rem !important;
	height: 1.7rem !important;
}

.button-legend-blue {
	background-color: #87d2ff !important;
}

.button-legend-green {
	background-color: #3eb44a !important;
}

.button-legend-red {
	background-color: #f0142f !important;
}

.info-chart {
	display: inline-block !important;
	font-family: "Poppins-SemiBold" !important;
	font-size: 1.5rem !important;
}

.info-chart-percent {
	display: block !important;
	float: right !important;
	margin-top: 0px !important;
	font-size: 1.7rem !important;
}

.btn-chart {
	height: 3.42rem !important;
	margin-top: 0px !important;
	background-color: #ffffff !important;
	border: 1px solid #d7dbec !important;
	border-radius: 4px !important;
	color: #5a607f !important;
	margin-left: 0px !important;
	width: 80% !important;
	font-family: "Poppins-SemiBold" !important;
	font-size: 2.5rem !important;
}

.btn-chart i {
	float: left !important;
}