html.login,
html.login .main-content,
.bg-gradient-default{
	background: #BE1E2D !important;
}

html.login .bg-gradient-primary{
	background: #272727 !important;
}

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

.btn-primary{
	background: #BE1E2D !important;
	border-color:#BE1E2D;
	 transition: background-color 0.5s ease;
}

.btn-primary:hover{
	background: #d20519 !important;
	border-color:#d20519;
}

.btn:hover{
	transform: none !important;
}

label {
    display: block;
    margin-bottom: 0px;
}

.alert{
	text-align: center;
}

.alert p{
	margin-bottom: 0px;
}

.alert-danger{
	background: #BE1E2D !important;
	border-color:#BE1E2D !important;
}

.bg-black{
	background-color: #272727;
	background: #272727 !important;
}

nav.navbar.bg-black a.nav-link{
	color:#fff !important;
	font-weight: bold;
}

nav.navbar.bg-black a.nav-link.active,
nav.navbar.bg-black a.nav-link:hover{
	color:#fff !important;
	background-color:#BE1E2D;
}

.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before{
	border-color:#fff;
}

.navbar-collapse .navbar-toggler span{
	background:#fff;
}

.navbar-toggler i{
	color:#fff;
}

#snippet--flashMessage{
	position: fixed;
	right: 0;
	width: 200px;
	z-index: 99;
	top: 16px;
}

#close_flash{
	position: absolute;
	right: 9px;
	top: 4px;
	cursor: pointer;
}

input[type="checkbox"]{
	margin-right: 5px;
}

.form-control{
	height: auto !important;
}

td.row-1{
	width: 12%;
}

.btn i{
	margin-right: 5px;
}

.invoice-table{
	width: 100%;
	color: #8898aa;
	font-size: 0.65rem;
	margin-bottom: 10px;
}

.invoice-table input{
	font-size: 0.65rem;
}

.card{
	margin-bottom: 40px;
}
.page-item.active .page-link{
	background-color: #BE1E2D;
	border-color: #BE1E2D;
}

.pagination{
	margin-top: 20px;
}

.modal.open{
	display: block;
}

.clearfix{
	width: 100%;
	float: left;
	margin: 5px 0px;
}

.invoice-preview{
	padding:20px 0px;
	background-color:#fff;
	border-radius: 6px;
}

.form-control{
	padding: 0.625rem 0.45rem !important;
}

a{
	color:#525f7f;
}

a:hover{
color:#BE1E2D
}

.white-color{
	color:#fff;
}

#frm-invoiceLine .row > div{
	padding:0px 5px !important;
}

.invoice-status-2 td{
	background-color: #1aae6f;
}

.invoice-status-2 td a{
	color:#fff;
}

.invoice-status-2 .badge{
	color:#fff;
	border:1px solid rgba(255,255,255,.5);
}

.invoice-status-1 td{
	background-color: #233dd2;
}

.invoice-status-1 td a{
	color:#fff;
}

.invoice-status-1 .badge{
	color:#fff;
	border:1px solid rgba(255,255,255,.5);
}

.invoice-status-3 td{
	background-color: #f80031;
}

.invoice-status-3 td a{
	color:#fff;
}

.invoice-status-3 .badge{
	color:#fff;
	border:1px solid rgba(255,255,255,.5);
}


@media only screen and (max-width: 991px) {
	.pagination{
		width: 100%;
		display: inline-block;
	}
	.pagination  li{
		float: left;
		margin-bottom: 10px;
	}
	.pagination  li.disabled{
		display: none;
	}
}