body {
    background-color: #f7f7f7;
}

.sidebar { 
    box-shadow: none;
}
.sidebar-logo-inner {
	display: flex;
}
.sidebar-logo-inner img {
	margin-left: 10px
}
.sidebar-logo-inner h4 {
	margin-left: 10px; 
	font-weight: bolder;
}
.sidebar-logo a {
    font-size: 16px !important;
    font-weight: bold !important; 
    line-height: 24px !important; 
    background-color: white
}
.sidebar-logo img {
    height: 48px; 
    width: 48px; 
    margin-bottom: 8px
}

.sidebar::before, .off-canvas-sidebar nav .navbar-collapse::before {
    background-color: white;
}

.footer-link {
    font-weight: bolder;
    color: #563085;
}

.header-container {
    background: #fff !important; 
    border: 1px solid #90EE90 !important; 
    box-shadow:  none !important;
}


/* ============ Paginations ============== */

.pagination {
	margin: 0;
	text-align: center;
}

.pagination-next-prev {
	position: relative;
	top: -66px;
}

.pagination ul {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.pagination ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}


.pagination ul li a,
.pagination-next-prev ul li a {
	padding: 10px 0;
	border-bottom: none;
	display: inline-block;
	color: #333;
	background-color: transparent;
	font-weight: 700;
	margin:0;
	line-height: 22px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	font-size: 14px;
	float: left;
}

.pagination ul li a {
	border-radius: 4px;
	width: 44px;
	height: 44px;
	padding: 0;
	line-height: 44px;
}

.pagination ul li a i {
	line-height: 44px;
	font-size: 24px;
}

.pagination ul li.blank {
	color: #a0a0a0;
	padding: 0 6px;
}

.pagination ul li a.current-page,
.pagination ul li a:hover {
	background-color: #9F9F9F;
	color: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2)
}

.pagination ul li a.current-page {
	background-color: #53AC57;
	color: #fff;
	box-shadow: 0 2px 8px rgba(102,103,107,0.25)
}

.pagination .pagination-arrow a { background-color: #f0f0f0; }

/* ============ END:- Paginations ============== */

/* ============  Table ============== */

.table td {
    color: #202124;
    font-weight: 400;
    font-size: 15px;
}

td a {
	cursor: pointer;
}

.table-head-title {
	font-weight: bold;
	letter-spacing: .01785714em;

}

.table-action-icons {
    color: #444;
    cursor: pointer;
}

.table-hover {
	cursor: pointer;
}

.fa-2x {
    font-size: 1.4em;
}

.badge {
    font-size: 80%;
    padding: 0.35em 0.5em;
}

.tooltip-inner {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

.disabled-rows {
	background-color: rgba(184, 27, 127, 0.07);
}

.declined-or-expired-rows {
	background-color: lightpink;;
}

.header-container-button {
	font-weight: bold;
}

/* ============  Table / End ============== */

.error-log {
	display: none;
}

.account-detail-icon {
	top: 6px;
	position: relative;
}

.account-detail-span {
	position: relative;
	top: 7px;
	font-weight: 400;
}

#change-password-go-home {
	font-weight: 400;
	display: none;
}

@media (max-width: 576px) {

	#change-password-go-home {
		font-weight: 400;
		display: block;
	}

	.main-panel > .change-password-content {
		padding: unset;
		margin-top: unset;
	}

	.change-password-card { 
		margin-top: unset;
		margin-bottom: unset;
		height: 100vh;
	}

	.remove-side-padding {
		padding-left: unset;
		padding-right: unset;
	}

}

.blue-color {
	background-color: #0686E4
}

.network-error {
	overflow: hidden;
}

.network-error img {
	display: flex;
	max-width: 320px;
	margin: auto;
}

.network-error p {
	font-size: 1rem;
	font-weight: 400;
}

/* ============ Dropdown ============== */

.select_input {
	background-color: #fff;
	color: #363636;
	border: .5px solid #999;
	padding: 5px 20px;
}
.select_input:hover {
	background-color: #fff;
	color: #363636;
	border: .5px solid #999;
}
.select_input:focus {
	background-color: #fff;
	color: #363636;
	border: .5px solid #999;
}
.select_input:active {
	background-color: #fff;
	color: #363636;
	border: .5px solid #999;
}
.open>.btn.dropdown-toggle,
.show>.btn.dropdown-toggle {
	background-color: #fff;
	color: #363636;
	border: .5px solid #999;
}

.open>.btn.dropdown-toggle:hover,
.open>.btn.dropdown-toggle:focus,
.open>.btn.dropdown-toggle.focus,
.show>.btn.dropdown-toggle:hover,
.show>.btn.dropdown-toggle:focus,
.show>.btn.dropdown-toggle.focus	
{
	background-color: #f0f0f0;
	color: #363636;
	border: .5px solid #444;

}

/* ============ END:- Dropdown ============== */


/* ============= Dashboard */
.dashboard-posted {
	margin-top: 1rem;
}

.dashboard-posted .card {
	/* padding: 1rem;  */
	margin: auto;
}

.dashboard-posted .card-title {
	font-size: 5rem; 
	font-weight: 500;
}