.login-img{

    background-image: url(../../assets/images/banners/hp-banner.jpg) !important;
}
.login-img .page.h-100{
	background-color: rgb(0 0 0 / 27%);
}
body{
	
	direction: ltr !important;
}
.app-header.header{
	background-color: #fff !important;
	box-shadow: 0px 0px 3px #ccc;
	background-image: none !important;
}
.app-sidebar__toggle, .app-sidebar__toggle:hover, .app-sidebar__toggle:focus, .app-sidebar__toggle:active, .app-sidebar__toggle:focus-within, .app-sidebar__toggle:focus-visible, .app-sidebar__toggle:visited{
	color:#2c0363;
}
.nav-link.icon i {
    color: #2c0363 !important;
}
.form-control.header-search {
    background: rgba(225,225,225,0.08);
    border: 1px solid rgb(225 225 225 / 59%) !important;
    border-radius: 20px;
    color: #000 !important;
    padding: 0.35rem 0.75rem;
    width: 100%;
}
input.form-control.header-search::placeholder{
	color: #000 !important;
}
input::placeholder{
	color: #000 !important;
}
.app-sidebar .side-menu li a.active {
    background: linear-gradient(to left,#2c0363,#2c0363) !important;
    color: #fff !important;
}
.slide.is-expanded [data-toggle='slide'], .slide .side-menu__item.active {
    background: linear-gradient(to left,#2c0363,#2c0363) !important;
    color: #fff !important;
}
.page-item.active .page-link{
	background-color: #2c0363 !important;
}
.pagination{
	margin-top: 30px;
	margin-bottom: 20px; 
}
#back-to-top:hover {
    background: #fff !important;
    color: #2c0363 !important;
    border: 2px solid #2c0363;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2c0363;
    border-color: #2c0363;
}
.btn-primary:hover {
    color: #fff;
    background-color: #2c0363;
    border-color: #2c0363;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 1px rgb(44 3 99);
}
.btn-primary {
    color: #fff !important;
    background: linear-gradient(to bottom right,#2c0363,#2c0363);
    border-color: #2c0363;
}
a, a:hover {
    color: #2c0363;
 }
 tbody td a{
 	margin-left: 3px;
 	margin-right: 3px;
 }

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

.app-content .side-app {
    padding: 38px 12px 0 12px;
}
.side-app .breadcrumb .breadcrumb-item{
font-size: 11px;
 }
 .side-app .breadcrumb {
    right: 15px;
    top: -9px;
}
}