

body
{
	font-family: "Onest", sans-serif;
	font-size:15px;
}

.login-bg 
	{	
		font-family: "Onest", sans-serif;
		height:100vh;
		width: 100%;
		display: inline-table;
		background:url(../images/login_bg.jpg) no-repeat center center/cover;
	}
	.login-wrap
	{
		background:#fff;
		box-shadow:0px 2px 8px #ccc;
		border-radius: 20px;
	}
	.login-wrap .form-control
	{
		height:45px;
	}
	
	.login-bg .btn
	{
		background: #1358b9;
		color: #fff;
		border: none;
		border-radius: 4px;
		padding: 8px;
		font-size: 19px;
		letter-spacing: 1px;		
	}

.form-control:focus, .form-check-input:focus
{
	box-shadow:none;
}
.dataTables_wrapper .btn-group .btn
{
	padding: 0.25rem 0.75rem;
	background: #238903 !important;
	border:none;
}
.dataTables_info
{
	display:none;
}
div.dataTables_wrapper div.dataTables_filter input
{
	height: 38px;
    border-radius: 10px;
    border-color: #67a2f9;
	background: #ebf3ff;
}
table.table-bordered.dataTable
{
	margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.dataTables_paginate .page-link
{
	font-size: 13px;
}
.modal-header
{
	background: #0c4798;   
}
.modal-header h6
{
	color: #fff;
}
.modal-content
{
	border:0px;
}
.modal-header .btn-close
{
	background: #fdfdfd var(--bs-btn-close-bg) center / 1em auto no-repeat;
}
.my-table thead tr th
{
	background: #6b7d97;
    font-size: 12px;
    padding: 10px;
    color: #fff;
}
.my-table tbody tr td
{
	font-size: 12px;
    padding: 10px;
	color:#2c8700;
	
}
.my-table tbody .bg-dark td {
	background: #393939 !important;
	color: #fff;
	border: 1px solid #d2d2d2;
	font-weight: 600;
}

.my-table-2 thead tr th
{
	background:#0c4798;
    font-size: 12px;
    padding: 10px;
	color:#fff;
}


.my-table-2 tbody tr td
{
	font-size: 12px;
    padding: 10px;
}
.my-table-2 tbody .bg-dark td {
	background:#393939;
	color: #fff;
	border: none;
	border: 1px solid #d2d2d2;
	font-weight: 600;
}

.dt-buttons {
    float: right !important;
}
.dataTables_filter
 {
    text-align: start !important;
}
.statm .card.custom-card .card-body
{
	min-height: 235px;
}
.search-box
{
	width:400px;
}
.search-box input
{
	height:44px;
}
.date_fliter
{
	border: 1px solid #dee7f1;
    padding: 8px 10px;
    width: 280px;
    border-radius: 4px;
}
.date_fliter i
{
	color: #5f99ed;
	line-height: 25px;
	border-right: 1px solid #dee7f1;
    padding-right: 7px;
}
.date_fliter .frm, .date_fliter .tom
{
	width: 100px;
}
.date_fliter .dropdown-toggle::after
{
	display:none;
}
.date_fliter .dropdown-menu
{
	background:#f1f0ff;
}
.add-image label {
    border: 1px solid #afa9a9;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
}
.filter-select
{
	width: 250px;
	height:44px;
}
.gold-img-box
{
	background:#efefef;
}
.filter-sort
{
	width: 150px;
	height:44px;
}
.filter-status
{
	width: 180px;
	height:44px;
}
.trans-dow .dropdown-toggle::after
{
	display:none;
}
.bank_box
{
	background:#fff;
	box-shadow:0px 2px 8px #ccc;
	padding:12px 10px;
	border-radius:10px;
}
.gold-img-box img {
    width: 150px;
    height: 150px;
}

@media (min-width: 768px) 
{
	.login-wrap
	{
		padding:40px 80px;
	}
}

@media (max-width: 767px) 
{
	.login-wrap
	{
		padding:40px 30px;
	}
}