/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */

/*# sourceMappingURL=custom.css.map */
body {
	max-width: 1920px;
	/*font-family: "Times New Roman", Times, serif !important;*/
	font-family: 'Nunito', 'Segoe UI', arial!important;
}

h1,h2,h3,h4,h5,h6,span,p,table,button
{
	/*font-family: "Times New Roman", Times, serif !important;*/
	font-family: 'Nunito', 'Segoe UI', arial!important;
}
.main-wrapper .navbar{
	display: inline-block;
	max-width: 1640px;
} 
.main-wrapper .navbar-bg{
	width: 100%;
	max-width: 1890px;
}
.card.card-statistic-1 .card-wrap
{
	border-radius: 1.25em;
}

.card.card-statistic-1 .card-wrap.bg-success, .card.card-statistic-1 .card-icon.bg-success
{
	background-color: #36C95F !important;
}

#sidebar .navbar-nav
{
	text-align: left!important;
}

#sidebar .navbar-nav .nav-link p
{
	text-align: left!important;
}

/*form select
{
	max-width: 250px;
}
*/
.btn.btn-sm {
    padding: 0.4rem 0.5rem;
    font-size: 16px;
    align-items: center;
}

.toggle-navigation,
.sidebar-brand-navigation {
	display: none !important;
}
.buttons-excel {
    background-color: #1e6e42 !important;
}
.buttons-pdf {
    background-color: #b20e0f !important;
}
.main-sidebar .sidebar-menu li a:hover {
	color: #000;
}
@media only screen and (max-width: 1024px){
	.toggle-navigation,
	.sidebar-brand-navigation {
		display: block !important;
	}
}

@media only screen and (max-width: 600px)  {

	.hidden-xs
	{
		display: none;
	}

	#table-1 .btn.btn-sm {
	    font-size: 15px;
	    align-items: center;
	    padding: 2px;
	    line-height: 1;
	    margin-right: 5px;
	}
	.dataTables_wrapper,
	.font-12 {
	    font-size: 12px !important;
	}


}

.main-sidebar .sidebar-menu li.active a
{
	background-color: #ec453c!important;
    color: #fff;
}

.sidebar-style-2 .sidebar-menu > li.active > a:before
{
	color: #fff;
}