@import url('https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@500&display=swap');

@import url("../fonts/font-face.css");

.greeting-user,
.font-hv,
.btn,
h2,
h3,
h4,
h5,
h6,
p,
label,
input,
small,
button,
a,
select,
textarea,
table>thead,
table>tbody {
	font-family: "Hind Vadodara", sans-serif;
}

body {
	background-color: #f0f3fb !important;
}


/* Header css override */

.right-header {
	max-width: 50% !important;
}

@media (max-width:480px) {
	.right-header {
		margin: 0 !important;
		max-width: 70% !important;
	}
}

/*
Use:add new svg icon in sidebar
Author:Punambhai Chenva
Date:232-11-2022
*/

.sidebar-link {
	display: flex !important;
	align-items: center !important;
}

.sidebar-link>i {
	margin-right: 7px;
	width: 25px;
	height: 25px;
}

.sidebar-link:hover i {
	filter: invert(31%) sepia(94%) saturate(4604%) hue-rotate(165deg) brightness(87%) contrast(89%);
}

.vibhag_svg,
.dashboard_svg,
.master_svg,
.right_arrow_svg,
.user_info_svg,
.regiter_svg,
.vasulat_svg,
.panipatrak_svg,
.manage_arrow_right_svg,
.delete_svg,
.plus_svg,
.paint_bucket_svg,
.settings_svg,
.arrow_down_svg,
.search_svg,
.fullscreen_svg,
.print_svg,
.csv_svg {
	height: 18px;
	width: 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
}

.vibhag_svg {
	background-image: url(../icons/view_list.svg);
}

.dashboard_svg {
	background-image: url(../icons/dashboard.svg);
}

.master_svg {
	background-image: url(../icons/open_in_new.svg);
}

.right_arrow_svg {
	background-image: url(../icons/keyboard_arrow_right.svg);
}

.user_info_svg {
	background-image: url(../icons/people.svg);
}

.regiter_svg {
	background-image: url(../icons/assignment.svg);
}

.vasulat_svg {
	background-image: url(../icons/payments.svg);
}

.panipatrak_svg {
	background-image: url(../icons/assignment.svg);
}

.manage_arrow_right_svg {
	background-image: url(../icons/arrow_right_alt.svg);
}

.delete_svg {
	background-image: url(../icons/delete.svg);
}

.plus_svg {
	background-image: url(../icons/add.svg);
}

.paint_bucket_svg {
	background-image: url(../icons/format_color_fill.svg);
}

.settings_svg {
	background-image: url(../icons/settings.svg);
}

.arrow_down_svg {
	background-image: url(../icons/keyboard_arrow_down.svg);
}

.search_svg {
	background-image: url(../icons/search.svg);
}

.fullscreen_svg {
	background-image: url(../icons/fullscreen.svg);
}

.print_svg {
	background-image: url(../icons/print.svg);
}

.csv_svg {
	background-image: url(../icons/csv_icon.svg);
}

.rotate_180deg {
	transform: rotate(180deg);
}


/* 29-01-23 CSS (Punam Chenva) For Print Button*/

.action_btns {
	gap: 4px;
}

.action_btns .row-print,
.action_btns .print {
	background-color: #f4f9fb !important;
	padding: 3px !important;
	display: flex;
}

.action_btns .row-print i,
.action_btns .print i {
	filter: invert(50%) sepia(39%) saturate(10%) hue-rotate(352deg) brightness(92%) contrast(92%);
}

.action_btns .row-print:hover i,
.action_btns .print:hover i {
	filter: invert(0%) sepia(3%) saturate(0%) hue-rotate(220deg) brightness(0%) contrast(100%) !important;
}


/* End 29-01-23 CSS */


/* sidebar end */

.box-shadow {
	box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
	border-radius: 10px;
}

.card-hover:hover {
	transform: scale(1.03);
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px !important;
	cursor: pointer;
}


/* override csss */

.page-wrapper .page-body-wrapper .page-title {
	padding: 15px 0px 5px 0px !important;
}

.page-wrapper .page-header .header-wrapper {
	padding: 5px 30px 5px 30px !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .simplebar-offset {
	height: calc(100vh - 144px) !important;
}


/* custome desing css */

.form-control {
	font-size: small;
}

.form-floating>.form-control:focus {
	font-size: medium;
}

.form-floating>.form-control::placeholder {
	color: revert !important;
}

.form-floating>.form-control:not(:focus)::placeholder {
	color: transparent !important;
}

.page-header {
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}

ul {
	padding-left: 0 !important;
	margin-bottom: 0 !important;
}


/* MDB .form-control override */


/* .form-control:focus {
    border: 2px solid #303f9f!important;
    color: #333;
} */

.card .card-body {
	font-family: "Hind Vadodara", sans-serif;
}

.card-header {
	padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.btn {
	text-transform: none !important;
}

.btn-rounded {
	border-radius: 10rem;
}

.btn-floating,
[class*="btn-outline-"].btn-floating {
	border-radius: 50%;
	padding: 0;
	position: relative;
}

.btn-floating {
	width: 2.3125rem;
	height: 2.3125rem;
}

.tap-top {
	bottom: 45px;
	right: 80px;
	background: var(--theme-deafult);
}


/* floating action button */

.fab-container {
	display: none;
	position: fixed;
	bottom: 40px;
	right: 15px;
	z-index: 999;
	cursor: pointer;
}

.fab-icon-holder {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	align-items: center;
	background: #2c4151;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: center;
	color: #ffffff;
}

.fab-icon-holder-main {
	transition: 0.5s ease;
}

.fab-icon-holder-main:hover {
	transform: rotate(45deg);
}

.fab-icon-holder:hover {
	opacity: 0.8;
	background: #ec4b0c;
}

.fab-icon-holder i {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-style: 15px !important;
}

.fab {
	width: 60px;
	height: 60px;
	background: var(--theme-deafult);
}

.fab-options {
	list-style: none;
	position: absolute;
	margin: 0;
	bottom: 60px;
	right: 0px;
	opacity: 0;
	transition: all 0.3s ease;
	transform: scale(0);
	transform-origin: 85% bottom;
}

.fab:hover+.fab-options,
.fab-options:hover {
	opacity: 1;
	transform: scale(0.9);
}

.fab-options li,
.fab-options li a {
	display: flex;
	justify-content: flex-end;
	padding: 5px;
}

.fab-label {
	padding: 1px 5px;
	align-self: center;
	user-select: none;
	white-space: nowrap;
	border-radius: 3px;
	font-size: smaller;
	background: #2c4151;
	color: #ffffff;
	box-shadow: 0 6px 20px rgb(0 0 0 / 20%);
	margin-right: 5px;
}


/* Custome advance serach box */

.advance-popup-filter {
	position: absolute;
	background: #ffff;
	padding: 10px;
	width: 100%;
	overflow-x: hidden;
	top: 24px;
	border: none;
	border-radius: 0px 0px 10px 10px;
	box-shadow: rgb(149 157 165 / 20%) 0px 14px 11px;
	display: none;
	transition: all 0.5s ease-in-out;
	border: 1px solid lightgray;
	border-top: none;
	margin-left: 25px;
	max-height: 500px;
}

.text-search {
	padding-right: .5rem;
}


/* Tabs css */

.tabs {
	color: #a1a1a1;
	width: 100%;
}

.tabs h6.section-title {
	color: #a1a1a1;
}

.tabs ul.nav-tabs li.nav-item {
	display: inline-flex;
}

.tabs .nav-tabs .nav-link:hover {
	cursor: pointer;
	border-bottom: 1px solid #a1a1a1;
}

.tabs ul.nav-tabs li.nav-item button {
	border: none;
	background: transparent;
	padding: 0;
	margin: 0;
	font-size: small;
	line-height: 16px;
}

.tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #0032c7;
	background-color: transparent;
	border-color: transparent transparent #0032c7;
	border-bottom: 3px solid !important;
	/* font-size: 20px; */
	/* font-weight: bold; */
}

.tabs .nav-item,
.nav-link {
	color: #a1a1a1;
	flex: 0.02 1 auto;
}

.tabs .nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	font-family: var(--font-family);
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 16px;
}


/* Delete Button css */

.delete {
	background: #ffebeb;
	border-radius: 25px;
	font-size: 10.33px;
	padding: 3pt;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	border: none;
}

.delete:hover {
	background-color: #f44336 !important;
	border: none !important;
}

.delete:hover i {
	filter: invert(2002%) sepia(600%) saturate(30%) hue-rotate(343deg) brightness(102%) contrast(100%);
}


/* Override need help popup css  */

.sidebar-img-section .sidebar-img-content img {
	margin-top: -88px !important;
}

.need-help-popup {
	position: absolute !important;
	bottom: -108px !important;
	transition: ease-in-out 1s;
}

.need-help-popup:hover {
	bottom: 10px !important;
	transition: ease-in-out 1s;
}


/* Table responsive design */

.table_main_div {
	overflow: hidden;
}

.table_main_div table {
	max-width: 100%;
	width: 100%;
}

.white-space-nowrap {
	white-space: nowrap !important;
}


/*
Use:Header Responsive Css Media query For Tablet And Mobile View
Author:Punambhai Chenva
Date:12-09-2022
*/

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.nav-right {
		max-width: 40% !important;
	}
}

@media only screen and (max-width: 500px) {
	.nav-right .nav-menus {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
	}

	.footer {
		padding-bottom: 0 !important;
	}
}

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

	.table_main_div table tr,
	.table_main_div table tr td {
		white-space: nowrap;
	}

	.table_main_div {
		overflow: auto;
	}

	.table_main_div table tr,
	.table_main_div table tr td {
		white-space: nowrap;
	}

	.table_main_div {
		overflow: auto;
	}
}


/* Header topbar css */

.filter-svg {
	background-image: url(../images/svg-icon/filter.svg);
	height: 24px;
	width: 24px;
	display: block;
}

.search-bar-active .filter-svg {
	background-image: url(../icons/add.svg) !important;
	transform: rotate(133deg);
}

.search-bar-active {
	border-bottom: none !important;
	border-radius: 10px 10px 0 0 !important;
	width: 100%;
	position: absolute;
	top: -20px;
	z-index: 9999;
}

.search-bar-active .search_svg {
	display: none;
}


.mw-250 {
	max-width: 250px !important;
}