/*Load fonts*/
@font-face {
  font-family: 'Manrope';
  src: url('fonts/Manrope-Regular.ttf');
  src: url('fonts/Manrope-Regular.ttf') format('truetype'),
	   url('fonts/Manrope-Medium.ttf') format('truetype'),
	   url('fonts/Manrope-Bold.ttf') format('truetype'),
	   url('fonts/Manrope-SemiBold.ttf') format('truetype'),
	   url('fonts/Manrope-ExtraBold.ttf') format('truetype'),
       url('fonts/Manrope-Light.ttf') format('truetype'),
	   url('fonts/Manrope-ExtraLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: "Manrope", "Roboto";
	/*font-family: "SF Pro Text", "Helvetica Nueu", "Helvetica", sans-serif;*/
	/*font-family: Helvetica;*/
	font-size: 0.9rem;
	color: #333;
}

/*Header*/
.content-header {
	padding-top: 10px !important;
	padding-left: 0px !important;
	padding-bottom: 0px !important;
}

.navbar > .container .navbar-brand {
	font-family: "Manrope", "Roboto";
}

.label {
	font-weight: 300;
}

.badge {
	font-size: 14px;
	font-weight: 600;
	border-radius: 5px;
	/*background-color: #888;*/
	color: #fff;
	margin-right: 5px;
	margin-top: 5px;
}

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
	padding: 6px;
}

.btn {
	/*border-bottom: none;*/
	padding: 4px 8px;
	font-size: 12px;
}

h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom: none !important;
	padding-left: 0px !important;
}

.nav-tabs > li > a {
	font-size: 1em !important;
}

#footer {
	z-index: 1000;
}

.form-group .btn {
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	/*box-shadow: 0px 5px 10px 5px #ddd;*/
}
.main-box .main-box-header {
	min-height: 40px;
	padding: 5px;
	padding-left: 15px;
}
.img-responsive {
	width: 100%;
}

/*TinyMCE Tweaks*/
.tox-icon {
	max-width: 30px;
}

/* Custom Arief */
.sidebar-dark-primary {
	/* background-color: #343a40; */
	background-color: #292b2e;	
}

/** disable text color */
.disabled {
	color: #ccc;
}

/** darker disable text color */
.disabled-darker {
	color: #555 !important;
}

/** Breadcrumb */
.breadcrumb {
    margin-top: 5px;
    float: right;
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb > li {
    text-transform: uppercase;
    color: #262626;
    margin-left: 8px;
}
.breadcrumb > .active {
    font-weight: 600;
    text-transform: none;
    color: #262626;
}
.breadcrumb > li + li:before {
    color: #262626;
    content: '/';
    margin-right: 10px;
}

/** TinyMCE */
.tox-tinymce {
	border-radius: 5px;
}

/** Pagination */
.pagination {
	margin-left: 10px;
}
.pagination li {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
.pagination .disabled {
	color: #ccc !important;
}
.pagination .active {
	background-color: #007bff;
}
.pagination .active a {
	color: white !important;
}

/*Draft posts*/
.draft {
	color: #ddd;
}

/*Small Box*/
.small-box>a {
	color:  white !important;
}


/*Sidebar menu color*/
.sidebar-dark-primary {
	background-color: #075b75;
}
[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
	background-color: #137a90 !important;
}
.nav-treeview {
	background-color: #137a90 !important;
	border-radius: 5px !important;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
	background-color: #faef13 !important;
	color: #075b75 !important;
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
	background-color: #faef13 !important;
	color: #075b75;
}
[class*=sidebar-dark] .user-panel {
	border-bottom: none !important;
}