/* your styles go here */

body{
	color: #000 !important;
}

.moneys{
	background-color: aliceblue;
}
.top-totals {
	margin-top: 2%;
}
.top-totals span {
	margin-left: 2%;
	float: right;
}

.income{
	margin-top: 2%;
	color: green;
}
.expense{
	margin-top: 2%;
	color: red;
}
.difference{
	margin-top: 2%;
	color: black;
}
.income span{
	margin-left: 2%;
	float: right;
}
.expense span{
	margin-left: 2%;
	float: right;
}
.difference span{
	margin-left: 2%;
	float: right;
}
.main-content{
	padding: 20px;
	margin: 20px auto;
	min-height: calc(100vh - 204px);
}

.left-content{
	padding: 20px;
	margin: 20px auto;
}

/*select{*/
	/*height: auto !important;*/
/*}*/

table th, table td, table tr{
	vertical-align: middle !important;
}

h2.no-margin-bottom{
	padding-top: 7.5px;
}

.note-panel{
	margin-top: 20px;
	display: none;
}

.actions-cont{
	width: 80px !important;
}

.btn-extra-small{
	font-size: 0.7em;
	padding: 3px 8px;
	margin-right: 5px;
}

.img-responsive{
	max-width: 100%;
}

.help-block-none{
	font-size: 0.8em;
	color: #999;
	font-weight: 300;
}

.help-block {
	color: red;
}

.tags{
	font-size: 14px;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
}

.tags a{
	color: #fff;
}

nav.secondary-side-nav {

	color: #686a76;

}

nav.secondary-side-nav a {
	color: inherit;
	position: relative;
	font-size: 0.9em;
}

nav.secondary-side-nav a[data-toggle="collapse"]::before {
	content: '\f104';
	display: inline-block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: 'FontAwesome';
	position: absolute;
	top: 50%;
	right: 20px;
}

nav.secondary-side-nav a[aria-expanded="true"] {
	background: #EEF5F9;
}

nav.secondary-side-nav a[aria-expanded="true"]::before {
	content: '\f107';
}

nav.secondary-side-nav a i {
	font-size: 1.2em;
	margin-right: 10px;
	-webkit-transition: none;
	transition: none;
}

nav.secondary-side-nav .sidebar-header {
	padding: 30px 15px;
}

nav.secondary-side-nav .avatar {
	width: 55px;
	height: 55px;
}

nav.secondary-side-nav .title {
	margin-left: 10px;
}

nav.secondary-side-nav .title h1 {
	color: #333;
}

nav.secondary-side-nav .title p {
	font-size: 0.9em;
	font-weight: 200;
	margin-bottom: 0;
	color: #aaa;
}

nav.secondary-side-nav span.heading {
	text-transform: uppercase;
	font-weight: 400;
	margin-left: 20px;
	color: #ccc;
	font-size: 0.8em;
}

nav.secondary-side-nav ul {
	padding: 15px 0;
}

nav.secondary-side-nav ul a {
	padding: 10px 15px;
	text-decoration: none;
	display: block;
	font-weight: 300;
	border-left: 4px solid transparent;
}

nav.secondary-side-nav ul a:hover{
	background: #3e4095;
	border-left: 4px solid #0e1082;
	color: #fff;
}

nav.secondary-side-nav ul li.active a {
	background: #3e4095;
	border-left: 4px solid #0e1082;
	color: #fff;
}

nav.secondary-side-nav ul li{
	border-bottom: 1px solid #e6e6e6;
}

nav.secondary-side-nav ul li:last-child{
	border-bottom: 0px;
}

nav.secondary-side-nav ul li.active a:hover {
	background: #3e4095;
}

nav.secondary-side-nav ul ul {
	padding: 0;
}

nav.secondary-side-nav ul ul a {
	padding-left: 50px;
	background: #EEF5F9;
}

nav.secondary-side-nav.shrinked {
	min-width: 90px;
	max-width: 90px;
	text-align: center;
}

nav.secondary-side-nav.shrinked span.heading {
	margin: 0;
}

nav.secondary-side-nav.shrinked a {
	padding: 15px 10px;
	border: none;
	font-size: 0.8em;
	color: #aaa;
	-webkit-transition: color 0.3s, background 0.3s;
	transition: color 0.3s, background 0.3s;
}

nav.secondary-side-nav.shrinked a[data-toggle="collapse"]::before {
	content: '\f107';
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	position: absolute;
	top: auto;
	right: 50%;
	bottom: 0;
	left: auto;
}

nav.secondary-side-nav.shrinked a[data-toggle="collapse"][aria-expanded="true"]::before {
	content: '\f106';
}

nav.secondary-side-nav.shrinked a:hover {
	color: #fff;
	border: none;
}

nav.secondary-side-nav.shrinked a:hover i {
	color: #fff;
}

nav.secondary-side-nav.shrinked a i {
	margin-right: 0;
	margin-bottom: 5px;
	display: block;
	font-size: 1.6em;
	color: #333;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

nav.secondary-side-nav.shrinked .sidebar-header .title {
	display: none;
}

.nav-tabs li{
	color: #fff;
	/*background-color: #868e96;*/
	border-color: #868e96;
	font-weight: normal;
	border: 1px solid #868e96;
	font-size: 1rem;
	line-height: 1.25;
	border-radius: 0.25rem;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	margin-right: 10px;
}

.nav-tabs{
	border: 0px;
	margin-top: 20px;
}
.nav-tabs li a{
	color: #868e96;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
	cursor: pointer;
}
.nav-tabs li a.active{
	color: #fff;
	background-color: #868e96;
}

tr.unread{
	background-color: #e9ecef;
}

.content{
	width: 100%;
}

.alert {
	margin-top: 1rem;
	margin-bottom: 0;
}

.error-summary {
	padding: 15px 10px;
}

.error-summary ul {
	display: block;
	list-style-type: inherit;
	-webkit-padding-start: 20px;
}

.notification-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.user-profile i {
	padding-left: 10px;
}

/*Tabs*/
.form-tabs {
	border-bottom: 1px solid #ccc;
}

.form-tabs .nav-link.active {
	color: #ffffff !important;
	background-color: #868e96 !important;
	border-bottom: 0px;
}

.form-tabs .nav-link {
	border-bottom: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.form-tabs li {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.form-tab-content{
	padding: 1em 0 !important;
	margin: 0;
}