@import url(../fonts/poppins/style.css);
@import url(../fonts/font-awesome/css/fontawesome-all.min.css);
@import url(../fonts/material-design-iconic-font/css/material-design-iconic-font.min.css);
@import url(../fonts/themify-icons/css/style.css);
@import url(../fonts/simple-line-icons/css/style.css);

b {
	font-weight: bold;
}

.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.sidebar-nav .user-pro{
	background:url(../images/user-info.jpg) center center/cover no-repeat
}

.sidebar-nav ul li.nav-small-cap {
	padding-top: 10px;
	padding-bottom: 10px;
}

.sidebar-nav ul li a {
	font-weight: 300;
}

#sidebarnav > li > a.active {
	font-weight: 500;
}

#sidebarnav > li.active, 
#sidebarnav > li > a.active {
	background-color: rgba(255,255,255,0.05);
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.8);
}

.form-control {
	padding-top:8px;
	padding-bottom:8px;
}

.form-control[readonly],
.form-control[readonly]:focus {
	background-color: #f5f5f5;
	border-color: #f5f5f5;
}

.bg-semi-transparent {
	background-color: rgba(0,0,0,.02);
}

.invoice-logo img {
	height: 38px;
	width: auto;
}

.invoice-area .invoice-logo img {
	height: 31px;
}

.invoice-area .invoice-header {

}

th {
	font-weight: bold !important;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td,
.table>thead>tr>th{
	padding-top: 12px;
	padding-bottom: 12px;
}

.tri-main-table .pagination {
	margin-top: 5px !important;
	margin-bottom: 0 !important;
}

.card .card-footer .pagination {
	margin: 0;
}

.bg-semi-dark {
	background-color: rgba(0,0,0,0.02);
}

.tri-panel-action {
	margin: -12px -20px;
}

.tri-panel-action a {
	height: 58px;
	padding: 19px;
	padding-top: 18px;
	padding-bottom: 18px;
	background-color: rgba(0,0,0,.05);
	float: left;
	height: 100%;
	border-right: 1px solid rgba(0,0,0,.05);
}

.tri-panel-action a:last-child {
	border-right: none;
}

.tri-panel-action a:hover {
	background-color: rgba(0,0,0,.03);
}

.tri-panel-action i {
	font-size: 20px !important;
}

.input-group-addon {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.tri-card-img {
	position: absolute;
	width: 100%;
	height:100%;
	margin: -20px;
	overflow: hidden;
	background: url(../images/cover.jpg) center center/cover no-repeat;
	opacity: .5;
	filter: blur(1px);
}

.sidebar-nav .user-pro {
	background: url(../images/cover.jpg) bottom center/cover no-repeat;
}