@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@300;400;500;600;700&display=swap');

/*theme root css*/
:root {
	--rd-app-color: #156ddc;
	--rd-app-color-hover: #105fc0;
	--rd-app-bg: #f3f7f8;
	--rd-app-primary-color: #050a4e;
	--rd-app-dark-gray-blue: #101229;
	--rd-font-family: 'Poppins', sans-serif;
	--rd-body-fontsize: 15px;
	--rd-body-font-weight: 400;
	--rd-body-line-height: 1.5;
	--rd-menu-font-family: 'Hind Vadodara', sans-serif;
	--rd-menu-color: #ffffff;
	--rd-menu-hover: #050a4e;
	--rd-menu-text-hover: #212529;
	--rd-menu-fontsize: 14px;
	--rd-app-header-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%), inset 0 -1px 0 rgb(255 255 255 / 15%);
	--rd-app-card-color-bg: #ffffff;
	--rd-app-card-border-radius: 0.35rem;
	--rd-app-card-border-color: #dfdfdf;
	--rd-app-card-box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.06);
	/*multi color*/
	--rd-app-blue: #0d6efd;
	--rd-app-blue-hover: #0851bd;
	--rd-app-blue-light: #F1FAFF;
	--rd-app-green: #198754;
	--rd-app-green-hover: #10613b;
	--rd-app-green-light: #E7FCE9;
	--rd-app-violet: #6f42c1;
	--rd-app-violet-light: #FFEFF3;
	--rd-app-red: #dc3545;
	--rd-app-red-hover: #c22736;
	--rd-app-red-light: #FFF5F8;
	--rd-app-orange: #fd7e14;
	--rd-app-yellow: #f1bc00;
	--rd-app-yellow-light: #fff8dd;
	--rd-app-cyan: #00aacc;
	--rd-app-cyan-hover: #079bb9;
	--rd-app-lgray: #7E8299;
	--rd-app-lgray-light: #F9F9F9;
	--rd-app-dark: #181C32;
	--rd-app-dark-light: #F4F4F4;
	--rd-profile-icon-bg: #b5ebeb;
	--rd-theme-table-head-color: #f4f5f6;
	--rd-login-app-logo: 50px;
	--rd-app-logo: 40px;
	  /*chart color*/
	  --rd-app-chartdot-color-blue: #1B84FF;
	  --rd-app-chartdot-color-green: #17C653;
	  --rd-app-chartdot-color-violet: #7239EA;
	  --rd-app-chartdot-color-yellow: #ffcd11;
	  --rd-app-chartdot-color-red: #F8285A;
}

/*theme root css end*/
/*page scrollbar css*/
html {
	scrollbar-color: #C1C1C1 #ebebeb;
	scrollbar-width: thin;
}

	html * {
		scrollbar-color: #C1C1C1 #ebebeb;
		scrollbar-width: thin;
	}

::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

::-webkit-scrollbar-thumb {
	background-color: #C1C1C1;
	border-radius: 0px;
}

	::-webkit-scrollbar-thumb:hover {
		background-color: #a3a1a1;
	}

::-webkit-scrollbar-track {
	background-color: #e9e9e9;
}
/*page scrollbar css end*/
body {
	font-family: var(--rd-font-family) !important;
	color: var(--rd-app-primary-color) !important;
	font-weight: 400;
	font-size: var(--rd-body-fontsize);
	line-height: var( --rd-body-line-height);
	background-color: var(--rd-theme-bg) !important;
}

a {
	color: var(--rd-app-blue);
	outline: 0px !important;
}

a:hover {
	color: var(--rd-theme-btn-hover-color);
}

a, a:hover, a:focus {
	text-decoration: none;
}
.app-header
{
	padding: 0rem 1rem 0rem 0rem !important;
	background-color: var(--rd-app-color);
	display:flex;
	color: var(--rd-app-primary-color);
	align-items: center;
	box-shadow: var(--rd-app-header-shadow);
	position: sticky;
	z-index: 2000;
	top: 0;
}
.app-header .app-logo {
	padding: 10px 20px 10px 15px;
	height: 55px;
	background-color: #fff;
	display: flex;
	align-items: center;
	border-top-right-radius: 100vmax;
	border-bottom-right-radius: 100vmax;
	margin-right: 15px;
}
.app-header .app-logo img {
	height: var(--rd-app-logo);
    transition: all 0.2s linear 0s;
	width: 100%;
}

.main-menu .navbar-nav > li > a
{
	color: var(--rd-menu-color);
	font-size: var(--rd-menu-fontsize);
	padding: 8px 15px;
	border-radius: 12px;
	display: flex;
	gap: 4px;
	align-items: center;
	font-weight: 500;
}
.main-menu .navbar-nav > li > a i:nth-child(1)
{
	font-size: 16px !important;
	padding-right: 4px;
}
.main-menu .navbar-nav > li > a i:nth-child(2)
{
	font-size: 12px !important;
	padding-top: 0.2rem;
}
.main-menu .navbar-nav > li:hover > a
{
	color: var(--rd-menu-hover);
	background-color: #fff;
}
.main-menu .navbar-nav > .menu-dropdown:hover > a
{
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.main-menu .navbar-nav > .menu-dropdown:hover .sub-drop
{
	display: block !important;
}
.main-menu .navbar-nav > .menu-dropdown .sub-drop
{
	border-radius: 4px !important;
	border-top-left-radius: 0 !important;
}
.main-menu .navbar-nav > .menu-dropdown .dropdown-menu
{
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.main-menu .navbar-nav > .menu-dropdown .dropdown-menu li > a, .app-header .drop-right li > a
{
	font-family: var(--rd-font-family);
	color: var(--rd-app-primary-color);
	font-size: 13px !important;
	font-weight: 500;
}
.menu-side{
	display: block !important;
	position: fixed;
	min-height: 100vh;
	top: 55px;
	width: 100%;
}
.menu-side .navbar-nav{
	margin: 0 !important;
	background-color: var(--rd-app-color);
	width: 280px;
	min-height: 100vh;
	overflow-y: auto;
	padding-top: 10px;
}
.menu-side .navbar-nav li{
	float: none;
}
.menu-side .navbar-nav > .menu-dropdown .dropdown-menu{
    position: relative;
    display: block;
    width: 100%;
	background: transparent;
	box-shadow: none;
	border: 0;
}
.menu-side .navbar-nav > .menu-dropdown .dropdown-menu li a{
	color: rgb(255, 255, 255, 80%);
	padding-left: 24px;
}
.menu-side::after{
content: "";
background-color: rgb(0, 0, 0, 30%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.app-header .menu-Toggle
{
	cursor: pointer;
	color: #fff;
	font-size: 24px;
}
.app-header .drop-right {
    position: absolute;
    inset: 6px 0px auto auto !important;
    margin: 0px !important;
    transform: translate(0px, 40px);
    border-radius: 4px;
	font-family: var(--rd-font-family);
	color: var(--rd-app-primary-color);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.app-header .drop-right li > a:hover{
	color: var(--rd-app-primary-color);
}
.app-header .drop-right li a i {
    margin-right: 5px;
	color: var(--rd-app-primary-color);
}
.dropdown-menu .divider {
    margin: 0 !important;
}

.app-header .avatar-img {
    height: 40px;
    width: 40px;
    border-radius: 100vmax;
    border: 0;
    background: #186DD1;
    background: linear-gradient(147deg, #186DD1 21.49%, #696FFB 90.59%);
    overflow: hidden;
    padding: 0 !important;
    color: #fff;
    font-size: 1.125rem;
}
.app-header .avatar-img img {
    width: 100%;
    height: auto;
}
.page-content
{
	background-color: #f3f7f8 !important;
	padding: 16px !important;
	min-height: 91.2vh !important;
}

.app-card, .portlet.light {
    background-color: var(--rd-app-card-color-bg);
    border-radius: var(--rd-app-card-border-radius);
    padding: 1.5rem;
    box-shadow: var(--rd-app-card-box-shadow);
    border: 1px solid var(--rd-app-card-border-color);
	margin-bottom: 30px;
}
.widg-themebg
{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
}
.widg-themebg .widgcard-title
{
	font-size: clamp(18px, 1.4vw, 24px);
    color: var(--rd-app-primary-color);
    margin: 0px !important;
    font-weight: 600;
	cursor: pointer;
}
.widg-theme-color-1{
	background-color: #f7f0fd;
}
/*widg css */
.dash-widgets-title {
    font-weight: 700;
    font-size: 16px;
    margin: 0;
}
.widg-dashed {
    border: 1px dashed #bcc1cf;
    border-radius: .625rem;
}
.widg-name {
    font-weight: 500;
    color: var(--rd-app-dark-gray-blue);
    font-size: 14px;
}
.widg-value {
    font-weight: 600;
	font-size: clamp(18px, 1.5vw, 24px);
    color: var(--rd-app-text-color-100);
    line-height: 1;
    padding-top: 0.3rem;
}
.chat-bar-colordot {
    border-radius: 100vmax;
    width: 12px;
    height: 12px;
    display: inline-block;
}
.chat-dot-bg-blue
{
background-color: var(--rd-app-chartdot-color-blue) !important;
}
.chat-dot-bg-green
{
background-color: var(--rd-app-chartdot-color-green) !important;
}
.chat-dot-bg-yellow
{
background-color: var(--rd-app-chartdot-color-yellow) !important;
}
.chat-dot-bg-violet
{
background-color: var(--rd-app-chartdot-color-violet) !important;
}
.chat-dot-bg-red
{
background-color: var(--rd-app-chartdot-color-red) !important;
}
.bg-blue-light
{
	background-color: var(--rd-app-blue-light);
}
.bdr-app-color
{
	border-color: var(--rd-app-color) !important;
}
.bg-primary
{
	background-color: var(--rd-app-color) !important;
}
/* ==== input css  ===== */
.portlet .form-control, .portlet .form-select, .modal .form-control, .modal .form-select{
	display: block;
	width: 100%;
	height: calc(38px + 2px);
	padding: 0.25rem 0.7rem;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 4px !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.from-group .form-search
{
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 487.95 487.95' fill='%231B254B' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M481.8,453l-140-140.1c27.6-33.1,44.2-75.4,44.2-121.6C386,85.9,299.5,0.2,193.1,0.2S0,86,0,191.4s86.5,191.1,192.9,191.1 c45.2,0,86.8-15.5,119.8-41.4l140.5,140.5c8.2,8.2,20.4,8.2,28.6,0C490,473.4,490,461.2,481.8,453z M41,191.4 c0-82.8,68.2-150.1,151.9-150.1s151.9,67.3,151.9,150.1s-68.2,150.1-151.9,150.1S41,274.1,41,191.4z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding: var(--rd-app-selectbox-padding) !important;
}

.portlet .form-control:focus, .portlet .form-select:focus, .modal .form-control:focus {
	border-color: var(--rd-app-color) !important;
	outline: 0;
	box-shadow: 0px 0px 0px 1px var(--rd-app-color);
}

.form-group label, .form-group .spanlabel {
    color: var(--rd-theme-mostly-blue-100) !important;
    font-size: 14px !important;
}
.portlet .form-control::placeholder
{
	color: #7d7d7d;
}
.page-footer {
    background-color: #f3f3f3 !important;
    color: #2d2d2f !important;
    font-size: 14px;
}

/* ==== table css  ===== */
.portlet .table-condensed > tbody > tr > th {
	border: 0 !important;
	border-bottom: 1px solid #dee2e6 !important;

	font-size: 14px !important;
	padding: 12px 12px !important;
	font-weight: 600 !important;
	background: var(--rd-theme-table-head-color) !important;
}
.table-scrollable > .table-bordered > thead > tr:last-child > td
{
    border-bottom: 1px solid #dee2e6 !important;
}
.portlet .table-scrollable > .table-bordered > thead > th
{
	vertical-align: bottom;
    border-bottom: 1px solid #dee2e6 !important;
	font-weight: 600 !important;
}
.portlet .table thead tr th
{
	font-size: 13px !important;
}
.portlet .table > thead > tr > th
{
	padding: 12px 12px !important;
}
.portlet table.table-bordered.dataTable {
    border-collapse: collapse !important;
}
.portlet .table-bordered > thead > tr > th, .portlet table.table-bordered.dataTable tbody tr th, .portlet table.table-bordered tbody th {
	border: 0 !important;
	border-bottom: 1px solid #dee2e6 !important;
	font-weight: 600 !important;
	background: var(--rd-theme-table-head-color) !important;
	vertical-align: top;
}
.portlet .table-scrollable {
	border: 0 !important;
}
.portlet .table-bordered {
	border: 0px solid #ddd !important;
}
.portlet .table tr.heading > th
{
	background-color: var(--rd-theme-table-head-color) !important;
}
.portlet .table-striped > tbody > tr:nth-of-type(odd)
{
	background-color: #f8f9fa !important;
}
.portlet .table-bordered > tbody > tr > td
{
	border-bottom: 1px dashed #dee2e6 !important;
	border-left: 0px solid #ddd !important;
	border-right: 0px solid #ddd !important;
	border-top: 0px solid #ddd !important;
	padding: 12px !important;
	color: #2b2f53;
	font-size: 13px !important;
	font-weight: 500;
}
.portlet .table > thead > tr > td
{
	padding: 12px !important;
}
.portlet .table a
{
	color: var(--rd-app-blue);
	outline: 0px !important;
	text-decoration: none !important;
}
.portlet .table a:hover
{
	color: var(--rd-app-blue-hover);
}
.portlet .table .sorting_1 a
{
	font-weight: 600;
}
.table-hover > tbody > tr:hover {
    background-color: #fff !important;
}
.portlet .table .btn 
{
	padding:8px 10px 7px 10px !important;
	line-height: 1 !important;
}
.portlet .table .text-btn
{
	background-color: #fff;
	font-size: 13px !important;
	padding: 6px 10px !important;
	font-weight: 500;
	height: auto !important;
	border: 1px solid #dbd9d9;
}
.portlet .table .text-btn:hover
{
	background-color: var(--rd-app-color);
	border: 1px solid var(--rd-app-color);
	color: #fff;
}
.portlet .table .btn span, .portlet .table .btn i
{
	font-size: 16px !important;
	color: #fff !important;
	padding: 0 !important;
}
.portlet .table .table-link-btn
{
	background-color: #f5f5f6;
	color: var(--rd-app-color);
	padding:7px 12px !important;
}
.portlet .table .table-link-btn:hover
{
	background-color: var(--rd-app-color);
	color: #ffffff;
}
.portlet .table .table-icon-btn
{
	background-color: #f5f5f6;
	color: var(--rd-theme-mostly-blue-100);
	padding:7px 12px !important;
}
.portlet .table .table-icon-btn:hover
{
	background-color: var(--rd-app-color);
	color: #ffffff;
}
.portlet .table .table-icon-btn-green
{
	background-color: var(--rd-app-green-light);
	color: var(--rd-app-green);
	padding:7px 12px !important;
}
.portlet .table .table-icon-btn-green:hover
{
	background-color: var(--rd-app-green);
	color: #ffffff;
}
.portlet .table .table-icon-btn-red
{
	background-color: var(--rd-app-red-light);
	color: var(--rd-app-red);
	padding:7px 12px !important;
}
.portlet .table .table-icon-btn-red:hover
{
	background-color: var(--rd-app-red);
	color: #ffffff;
}
.portlet .table .table-link-btn i
{
	margin-right: 5px;
}
.portlet .table tr.gridview tbody td
{
	border-bottom: 0 !important;
	padding: 0 0.3rem 0 0 !important;
}
.portlet .table .gridview span
{
	border: 0px;
    color:#fff;
	background-color: var(--rd-app-color);
    border-radius: 4px;
    padding: 5px 12px !important;
    display: block;
	font-size: 15px;
	box-shadow: none;
}
.portlet .table .gridview a
{
	border: 0px;
    color: var(--rd-theme-mostly-blue-200);
    border-radius: 4px;
    padding: 5px 12px !important;
    display: block;
	font-size: 15px;
	box-shadow: none;
	background-color: transparent;
}
.portlet .table .gridview a:hover {
    color: #fff !important;
    background-color: var(--rd-app-color);
	text-decoration: none !important;
}
.portlet .table table.table-bordered tbody td.inner-table
{
	padding: 0 !important;
	border-bottom: 0 !important;
}
.table-scroll
{
	overflow-x:auto;
}
/* ==== buttons css  ===== */
.btn {
    padding: 10px 14px !important;
}
.portlet .btn-primary, .page-bar .btn-primary {
	color: #fff;
	background-color: var(--rd-app-color);
	border-color: var(--rd-app-color);
	position: relative;
}
.portlet .btn-primary:hover, .page-bar .btn-primary:hover, .btn-primary:active:hover
{
    color: #fff;
    background-color: var(--rd-app-color-hover);
    border-color: var(--rd-app-color-hover);
}
.portlet .btn-sm, .page-bar .btn-sm
{
	font-size: var(--rd-body-fontsize);
	line-height: 1.4;
}
.portlet .btn-success
{
    color: #fff !important;
    background-color: var(--rd-app-green);
    border-color: var(--rd-app-green);
}
.portlet .btn-success:hover, .btn-success:active:hover, .portlet .btn-success:focus
{
    color: #fff !important;
    background-color: var(--rd-app-green-hover);
    border-color: var(--rd-app-green-hover);
}
.portlet .btn-info
{
    color: #fff !important;
    background-color: var(--rd-app-cyan);
    border-color: var(--rd-app-cyan);
}
.portlet .btn-info:hover, .portlet .btn-info:active:hover, .portlet .btn-info:focus
{
    color: #fff !important;
    background-color: var(--rd-app-cyan-hover);
    border-color: var(--rd-app-cyan-hover);
}
.portlet .btn-danger
{
    color: #fff !important;
    background-color: var(--rd-app-red);
    border-color: var(--rd-app-red);
}
.portlet .btn-danger:hover, .btn-danger:active:hover, .portlet .btn-danger:focus
{
    color: #fff !important;
    background-color: var(--rd-app-red-hover);
    border-color: var(--rd-app-red-hover);
	text-decoration: none;
}
.portlet.box.grey-cascade 
{
	border: 0px !important;
	box-shadow: none !important;
}
.portlet.box.grey-cascade > .portlet-title
{
	background:#fff !important;
}
.box-border
{
	border: 1px solid #dee2e6 !important;
	border-radius:4px;
}

/*background-color css */
.green-bg {
	background-color: var(--rd-app-green) !important;
}

.red-bg {
	background-color: var(--rd-app-red) !important;
}

.blue-bg {
	background-color: var(--rd-app-blue) !important;
}

.orange-bg {
	background-color: var(--rd-app-orange) !important;
}

.violet-bg {
	background-color: var(--rd-app-violet) !important;
}

.cyan-bg {
	background-color: var(--rd-app-cyan) !important;
}

.transparent-bg {
	background-color: transparent !important;
}

.primary-bg {
	background-color: var(--rd-app-primary-color) !important;
}

.light-bg {
	background-color: var(--rd-theme-light-gray-blue) !important;
}
/* text-color css */
.black-text {
	color: #000000 !important;
}

.green-text {
	color: var(--rd-app-green) !important;
}

.red-text {
	color: var(--rd-app-red) !important;
}

.blue-text {
	color: var(--rd-app-blue) !important;
}

.orange-text {
	color: var(--rd-app-orange) !important;
}

.primary-text {
	color: var(--rd-app-primary-color) !important;
}

.white-text {
	color: #fff !important;
}


.theme-text {
	color: var(--rd-app-color) !important;
}
/* gap css */
.gap-1 {
	gap: 4px;
}

.gap-2 {
	gap: 8px;
}

.gap-3 {
	gap: 14px;
}

.gap-4 {
	gap: 20px;
}

.d-block {
	display: block !important;
}

.d-none {
	display: none !important;
}

.fw-normal {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-bold {
	font-weight: 700 !important;
}
/* font size css */
.fs-12 {
	font-size: 12px !important;
}

.fs-13 {
	font-size: 12px !important;
}

.fs-13 {
	font-size: 13px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-16 {
	font-size: 16px !important;
}

.fs-15 {
	font-size: 15px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-20 {
	font-size: 20px !important;
}

.fs-24 {
	font-size: 24px !important;
}

.fs-26 {
	font-size: 26px !important;
}

.fs-28 {
	font-size: 28px !important;
}

.fs-30 {
	font-size: 30px !important;
}

.min-w-100 {
	min-width: 100px;
}

.min-w-70 {
	min-width: 75px;
}

.lh-1 {
	line-height: 1 !important;
}

.white-space-nowrap {
	white-space: nowrap;
}
.white-space-wrap {
	white-space: wrap !important;
}
.box-shadow-none {
	box-shadow: none !important;
}
.border-none
{
	border-width: 0 !important;
}
.text-right {
	text-align: right !important;
}
/* ==== padiing and margin custom css ==== */
.m-0 {
	margin: 0 !important;
}

.mt-0,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
	margin-left: 0 !important;
}

.m-1 {
	margin: 4px !important;
}

.mt-1,
.my-1 {
	margin-top: 4px !important;
}

.mr-1,
.mx-1 {
	margin-right: 4px !important;
}

.mb-1,
.my-1 {
	margin-bottom: 4px !important;
}

.ml-1,
.mx-1 {
	margin-left: 4px !important;
}

.m-2 {
	margin: 8px !important;
}

.mt-2,
.my-2 {
	margin-top: 8px !important;
}

.mr-2,
.mx-2 {
	margin-right: 8px !important;
}

.mb-2,
.my-2 {
	margin-bottom: 8px !important;
}

.ml-2,
.mx-2 {
	margin-left: 8px !important;
}

.m-3 {
	margin: 16px !important;
}

.mt-3,
.my-3 {
	margin-top: 16px !important;
}

.mr-3,
.mx-3 {
	margin-right: 16px !important;
}

.mb-3,
.my-3 {
	margin-bottom: 16px !important;
}

.ml-3,
.mx-3 {
	margin-left: 16px !important;
}

.m-4 {
	margin: 24px !important;
}

.mt-4,
.my-4 {
	margin-top: 24px !important;
}

.mr-4,
.mx-4 {
	margin-right: 24px !important;
}

.mb-4,
.my-4 {
	margin-bottom: 24px !important;
}

.ml-4,
.mx-4 {
	margin-left: 24px !important;
}

.m-5 {
	margin: 48px !important;
}

.mt-5,
.my-5 {
	margin-top: 48px !important;
}

.mr-5,
.mx-5 {
	margin-right: 48px !important;
}

.mb-5,
.my-5 {
	margin-bottom: 48px !important;
}

.ml-5,
.mx-5 {
	margin-left: 48px !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0,
.py-0 {
	padding-top: 0 !important;
}

.pr-0,
.px-0 {
	padding-right: 0 !important;
}

.pb-0,
.py-0 {
	padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
	padding-left: 0 !important;
}

.p-1 {
	padding: 4px !important;
}

.pt-1,
.py-1 {
	padding-top: 4px !important;
}

.pr-1,
.px-1 {
	padding-right: 4px !important;
}

.pb-1,
.py-1 {
	padding-bottom: 4px !important;
}

.pl-1,
.px-1 {
	padding-left: 4px !important;
}

.p-2 {
	padding: 8px !important;
}

.pt-2,
.py-2 {
	padding-top: 8px !important;
}

.pr-2,
.px-2 {
	padding-right: 8px !important;
}

.pb-2,
.py-2 {
	padding-bottom: 8px !important;
}

.pl-2,
.px-2 {
	padding-left: 8px !important;
}

.p-3 {
	padding: 16px !important;
}

.pt-3,
.py-3 {
	padding-top: 16px !important;
}

.pr-3,
.px-3 {
	padding-right: 16px !important;
}

.pb-3,
.py-3 {
	padding-bottom: 16px !important;
}

.pl-3,
.px-3 {
	padding-left: 16px !important;
}

.p-4 {
	padding: 24px !important;
}

.pt-4,
.py-4 {
	padding-top: 24px !important;
}

.pr-4,
.px-4 {
	padding-right: 24px !important;
}

.pb-4,
.py-4 {
	padding-bottom: 24px !important;
}

.pl-4,
.px-4 {
	padding-left: 24px !important;
}

.p-5 {
	padding: 48px !important;
}

.pt-5,
.py-5 {
	padding-top: 48px !important;
}

.pr-5,
.px-5 {
	padding-right: 48px !important;
}

.pb-5,
.py-5 {
	padding-bottom: 48px !important;
}

.pl-5,
.px-5 {
	padding-left: 48px !important;
}

.m-auto {
	margin: auto !important;
}

.mt-auto,
.my-auto {
	margin-top: auto !important;
}

.mr-auto,
.mx-auto {
	margin-right: auto !important;
}

.mb-auto,
.my-auto {
	margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
	margin-left: auto !important;
}

.align-item-center {
	align-items: center;
}

.align-item-end {
	align-items: flex-end;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-end {
	justify-content: flex-end !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.d-flex {
	display: flex !important;
}

.row-flex {
	display: flex;
	flex-wrap: wrap;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

@media (min-width: 768px) {
	.m-md-0 {
		margin: 0 !important;
	}

	.mt-md-0,
	.my-md-0 {
		margin-top: 0 !important;
	}

	.mr-md-0,
	.mx-md-0 {
		margin-right: 0 !important;
	}

	.mb-md-0,
	.my-md-0 {
		margin-bottom: 0 !important;
	}

	.ml-md-0,
	.mx-md-0 {
		margin-left: 0 !important;
	}

	.m-md-1 {
		margin: 4px !important;
	}

	.mt-md-1,
	.my-md-1 {
		margin-top: 4px !important;
	}

	.mr-md-1,
	.mx-md-1 {
		margin-right: 4px !important;
	}

	.mb-md-1,
	.my-md-1 {
		margin-bottom: 4px !important;
	}

	.ml-md-1,
	.mx-md-1 {
		margin-left: 4px !important;
	}

	.m-md-2 {
		margin: 8px !important;
	}

	.mt-md-2,
	.my-md-2 {
		margin-top: 8px !important;
	}

	.mr-md-2,
	.mx-md-2 {
		margin-right: 8px !important;
	}

	.mb-md-2,
	.my-md-2 {
		margin-bottom: 8px !important;
	}

	.ml-md-2,
	.mx-md-2 {
		margin-left: 8px !important;
	}

	.m-md-3 {
		margin: 16px !important;
	}

	.mt-md-3,
	.my-md-3 {
		margin-top: 16px !important;
	}

	.mr-md-3,
	.mx-md-3 {
		margin-right: 16px !important;
	}

	.mb-md-3,
	.my-md-3 {
		margin-bottom: 16px !important;
	}

	.ml-md-3,
	.mx-md-3 {
		margin-left: 16px !important;
	}

	.m-md-4 {
		margin: 24px !important;
	}

	.mt-md-4,
	.my-md-4 {
		margin-top: 24px !important;
	}

	.mr-md-4,
	.mx-md-4 {
		margin-right: 24px !important;
	}

	.mb-md-4,
	.my-md-4 {
		margin-bottom: 24px !important;
	}

	.ml-md-4,
	.mx-md-4 {
		margin-left: 24px !important;
	}

	.m-md-5 {
		margin: 48px !important;
	}

	.mt-md-5,
	.my-md-5 {
		margin-top: 48px !important;
	}

	.mr-md-5,
	.mx-md-5 {
		margin-right: 48px !important;
	}

	.mb-md-5,
	.my-md-5 {
		margin-bottom: 48px !important;
	}

	.ml-md-5,
	.mx-md-5 {
		margin-left: 48px !important;
	}

	.p-md-0 {
		padding: 0 !important;
	}

	.pt-md-0,
	.py-md-0 {
		padding-top: 0 !important;
	}

	.pr-md-0,
	.px-md-0 {
		padding-right: 0 !important;
	}

	.pb-md-0,
	.py-md-0 {
		padding-bottom: 0 !important;
	}

	.pl-md-0,
	.px-md-0 {
		padding-left: 0 !important;
	}

	.p-md-1 {
		padding: 4px !important;
	}

	.pt-md-1,
	.py-md-1 {
		padding-top: 4px !important;
	}

	.pr-md-1,
	.px-md-1 {
		padding-right: 4px !important;
	}

	.pb-md-1,
	.py-md-1 {
		padding-bottom: 4px !important;
	}

	.pl-md-1,
	.px-md-1 {
		padding-left: 4px !important;
	}

	.p-md-2 {
		padding: 8px !important;
	}

	.pt-md-2,
	.py-md-2 {
		padding-top: 8px !important;
	}

	.pr-md-2,
	.px-md-2 {
		padding-right: 8px !important;
	}

	.pb-md-2,
	.py-md-2 {
		padding-bottom: 8px !important;
	}

	.pl-md-2,
	.px-md-2 {
		padding-left: 8px !important;
	}

	.p-md-3 {
		padding: 16px !important;
	}

	.pt-md-3,
	.py-md-3 {
		padding-top: 16px !important;
	}

	.pr-md-3,
	.px-md-3 {
		padding-right: 16px !important;
	}

	.pb-md-3,
	.py-md-3 {
		padding-bottom: 16px !important;
	}

	.pl-md-3,
	.px-md-3 {
		padding-left: 16px !important;
	}

	.p-md-4 {
		padding: 24px !important;
	}

	.pt-md-4,
	.py-md-4 {
		padding-top: 24px !important;
	}

	.pr-md-4,
	.px-md-4 {
		padding-right: 24px !important;
	}

	.pb-md-4,
	.py-md-4 {
		padding-bottom: 24px !important;
	}

	.pl-md-4,
	.px-md-4 {
		padding-left: 24px !important;
	}

	.p-md-5 {
		padding: 48px !important;
	}

	.pt-md-5,
	.py-md-5 {
		padding-top: 48px !important;
	}

	.pr-md-5,
	.px-md-5 {
		padding-right: 48px !important;
	}

	.pb-md-5,
	.py-md-5 {
		padding-bottom: 48px !important;
	}

	.pl-md-5,
	.px-md-5 {
		padding-left: 48px !important;
	}

	.m-md-auto {
		margin: auto !important;
	}

	.mt-md-auto,
	.my-md-auto {
		margin-top: auto !important;
	}

	.mr-md-auto,
	.mx-md-auto {
		margin-right: auto !important;
	}

	.mb-md-auto,
	.my-md-auto {
		margin-bottom: auto !important;
	}

	.ml-md-auto,
	.mx-md-auto {
		margin-left: auto !important;
	}

	.align-item-md-center {
		align-items: center;
	}
}

@media (min-width: 992px) {
	.m-lg-0 {
		margin: 0 !important;
	}

	.mt-lg-0,
	.my-lg-0 {
		margin-top: 0 !important;
	}

	.mr-lg-0,
	.mx-lg-0 {
		margin-right: 0 !important;
	}

	.mb-lg-0,
	.my-lg-0 {
		margin-bottom: 0 !important;
	}

	.ml-lg-0,
	.mx-lg-0 {
		margin-left: 0 !important;
	}

	.m-lg-1 {
		margin: 4px !important;
	}

	.mt-lg-1,
	.my-lg-1 {
		margin-top: 4px !important;
	}

	.mr-lg-1,
	.mx-lg-1 {
		margin-right: 4px !important;
	}

	.mb-lg-1,
	.my-lg-1 {
		margin-bottom: 4px !important;
	}

	.ml-lg-1,
	.mx-lg-1 {
		margin-left: 4px !important;
	}

	.m-lg-2 {
		margin: 8px !important;
	}

	.mt-lg-2,
	.my-lg-2 {
		margin-top: 8px !important;
	}

	.mr-lg-2,
	.mx-lg-2 {
		margin-right: 8px !important;
	}

	.mb-lg-2,
	.my-lg-2 {
		margin-bottom: 8px !important;
	}

	.ml-lg-2,
	.mx-lg-2 {
		margin-left: 8px !important;
	}

	.m-lg-3 {
		margin: 16px !important;
	}

	.mt-lg-3,
	.my-lg-3 {
		margin-top: 16px !important;
	}

	.mr-lg-3,
	.mx-lg-3 {
		margin-right: 16px !important;
	}

	.mb-lg-3,
	.my-lg-3 {
		margin-bottom: 16px !important;
	}

	.ml-lg-3,
	.mx-lg-3 {
		margin-left: 16px !important;
	}

	.m-lg-4 {
		margin: 24px !important;
	}

	.mt-lg-4,
	.my-lg-4 {
		margin-top: 24px !important;
	}

	.mr-lg-4,
	.mx-lg-4 {
		margin-right: 24px !important;
	}

	.mb-lg-4,
	.my-lg-4 {
		margin-bottom: 24px !important;
	}

	.ml-lg-4,
	.mx-lg-4 {
		margin-left: 24px !important;
	}

	.m-lg-5 {
		margin: 48px !important;
	}

	.mt-lg-5,
	.my-lg-5 {
		margin-top: 48px !important;
	}

	.mr-lg-5,
	.mx-lg-5 {
		margin-right: 48px !important;
	}

	.mb-lg-5,
	.my-lg-5 {
		margin-bottom: 48px !important;
	}

	.ml-lg-5,
	.mx-lg-5 {
		margin-left: 48px !important;
	}

	.p-lg-0 {
		padding: 0 !important;
	}

	.pt-lg-0,
	.py-lg-0 {
		padding-top: 0 !important;
	}

	.pr-lg-0,
	.px-lg-0 {
		padding-right: 0 !important;
	}

	.pb-lg-0,
	.py-lg-0 {
		padding-bottom: 0 !important;
	}

	.pl-lg-0,
	.px-lg-0 {
		padding-left: 0 !important;
	}

	.p-lg-1 {
		padding: 4px !important;
	}

	.pt-lg-1,
	.py-lg-1 {
		padding-top: 4px !important;
	}

	.pr-lg-1,
	.px-lg-1 {
		padding-right: 4px !important;
	}

	.pb-lg-1,
	.py-lg-1 {
		padding-bottom: 4px !important;
	}

	.pl-lg-1,
	.px-lg-1 {
		padding-left: 4px !important;
	}

	.p-lg-2 {
		padding: 8px !important;
	}

	.pt-lg-2,
	.py-lg-2 {
		padding-top: 8px !important;
	}

	.pr-lg-2,
	.px-lg-2 {
		padding-right: 8px !important;
	}

	.pb-lg-2,
	.py-lg-2 {
		padding-bottom: 8px !important;
	}

	.pl-lg-2,
	.px-lg-2 {
		padding-left: 8px !important;
	}

	.p-lg-3 {
		padding: 16px !important;
	}

	.pt-lg-3,
	.py-lg-3 {
		padding-top: 16px !important;
	}

	.pr-lg-3,
	.px-lg-3 {
		padding-right: 16px !important;
	}

	.pb-lg-3,
	.py-lg-3 {
		padding-bottom: 16px !important;
	}

	.pl-lg-3,
	.px-lg-3 {
		padding-left: 16px !important;
	}

	.p-lg-4 {
		padding: 24px !important;
	}

	.pt-lg-4,
	.py-lg-4 {
		padding-top: 24px !important;
	}

	.pr-lg-4,
	.px-lg-4 {
		padding-right: 24px !important;
	}

	.pb-lg-4,
	.py-lg-4 {
		padding-bottom: 24px !important;
	}

	.pl-lg-4,
	.px-lg-4 {
		padding-left: 24px !important;
	}

	.p-lg-5 {
		padding: 48px !important;
	}

	.pt-lg-5,
	.py-lg-5 {
		padding-top: 48px !important;
	}

	.pr-lg-5,
	.px-lg-5 {
		padding-right: 48px !important;
	}

	.pb-lg-5,
	.py-lg-5 {
		padding-bottom: 48px !important;
	}

	.pl-lg-5,
	.px-lg-5 {
		padding-left: 48px !important;
	}

	.m-lg-auto {
		margin: auto !important;
	}

	.mt-lg-auto,
	.my-lg-auto {
		margin-top: auto !important;
	}

	.mr-lg-auto,
	.mx-lg-auto {
		margin-right: auto !important;
	}

	.mb-lg-auto,
	.my-lg-auto {
		margin-bottom: auto !important;
	}

	.ml-lg-auto,
	.mx-lg-auto {
		margin-left: auto !important;
	}

	.align-item-lg-center {
		align-items: center;
	}

	.no-web {
		display: none;
	}

	.row-lg-flex {
		display: flex;
		flex-wrap: wrap;
	}
}


@media (max-width: 991.98px) { 
.main-menu{
	display: none;
}
.menu-Toggle{
	display: block !important;
}
}


.bdr-left
{
	border-left: 1px solid #757575;
}
.page-bar {
    padding: 0px !important;
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
.page-bar .page-breadcrumb {
    display: inline-flex;
    padding:  0px 0px 11px;
    margin: 0;
    list-style: none;
	font-family: var(--rd-menu-font-family) !important;
    padding-top: 0 !important;
}
.page-bar .page-breadcrumb > li, .page-bar .page-breadcrumb > li a {
    color: #343a40 !important;
    font-size: 13px !important;
}
.header-title {
    font-size: clamp(18px, 1.5vw, 24px);
    color: var(--rd-app-primary-color);
    margin: 3px !important;
    font-weight: 600;
}
/*padiing and margin custom css*/

.daterangepicker, .calendar th, .calendar td {
	font-family: var(--rd-font-family) !important;
	font-weight: 500 !important;
}
.daterangepicker{
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.daterangepicker .btn-success {
    color: #fff;
    background-color: var(--rd-app-color);
    border-color: var(--rd-app-color);
}
.daterangepicker .btn-success:hover, .daterangepicker .btn-success:focus, .daterangepicker .btn-success:active, .daterangepicker .btn-success.active {
    color: #fff;
    background-color: var(--rd-app-color-hover);
    border-color: var(--rd-app-color-hover);
}


.portlet .chosen-container-single .chosen-single, .select2-container-multi .select2-choices {
	border: 1px solid #ced4da !important;
	box-shadow: none !important;
	border-radius: 4px !important;
	height: 40px;
	line-height: 40px;
}

.modal .modal-header {
	background-color: #fff !important;
	border-color:#e4e4e4 !important;
}

.modal .modal-header .modal-title {
	color: var(--rd-app-primary-color) !important;
	font-weight: 600;
}

.btn-posn {
    position: absolute !important;
    top: 18px !important;
    right: 10px !important;
    z-index: 10;
}

.portlet .tabbable-line > .nav-tabs > li.active {

	border-color: var(--rd-app-color) !important;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border-color: var(--rd-app-color) !important;
}


.login-bg {
	background-color: #eef6ff !important;
	 display: flex;
	 justify-content: center;
	 min-height: 100vh;
	 padding: 16px;
	 align-items: center;
}
.login-bg .login-box {
	width: 450px;
	background-color: #fff;
	padding: 30px 20px;
	border-radius: 8px;
	border: 1px solid #f3f3f3 ;
	box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
}
.login-bg .login-box .boxtitle {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 5px;
}
.login-bg .login-box .box-subtitle {
	font-size: 14px;
	font-weight: 400;
}

.login-bg .login-box .form-control {
	border: 2px solid transparent !important;
    border-bottom: 2px solid #a7a7b0 !important;
    padding: 15px 20px !important;
    border-radius: 0px;
    height: 52px;
	color: var(--rd-app-primary-color);
	transition: all 0.3slinear 0s;
}

.login-bg .login-box .form-user {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23676D7D' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 22px 22px;
	padding: 15px 30px 15px 15px !important;
}

.login-bg .login-box .form-eye {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23676D7D' viewBox='0 0 16 16'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829'/%3E%3Cpath d='M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 22px 22px;
	padding: 15px 30px 15px 15px !important;
}
.login-bg .login-box .form-control::placeholder
{
	color: #000000;
}
.login-bg .login-box .form-control:focus {
	border:  2px solid var(--rd-app-color) !important;
    outline: 0;
    box-shadow:none;
	border-radius: 6px;
}
.login-bg .login-box .form-control:focus::placeholder
{
	color: #aba6a6;
}
.login-bg .login-box .form-user:focus
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23156ddc' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z'/%3E%3C/svg%3E");
}
.login-bg .login-box .form-eye:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23156ddc' viewBox='0 0 16 16'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829'/%3E%3Cpath d='M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z'/%3E%3C/svg%3E");
}
.login-bg .login-box .login-btn {
	text-decoration: none;
	width: 100%;
	padding: 15px 15px !important;
	font-size: 16px;
	text-transform: uppercase;
	border: 0 !important;
	background: var(--rd-app-color);
	color: #fff;
	font-weight: 500;
}

.login-bg .login-box .login-btn:hover {
	background: var(--rd-app-color-hover);
}

@media (max-width: 991.98px) { 
	.login-bg {
		background-color: #fff !important;
	}
	.login-bg .login-box {
		width: 100%;
		border-width: 0px ;
		box-shadow: none;
	}
}