/*Root*/
@import
	url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap')
	;

:root {
	--primary-font: "Roboto", sans-serif;
	--secondary-font: "Roboto", sans-serif;
	--color-body: #acacac;
	--color-nav: #1F1F1F;
	--color-dark: #060606;
	--color-black: #000000;
	--color-grey: #666666;
	--color-gray: #65676B;
	--color-blackone: #333333;
	--color-darkgray: #999999;
	--color-lightgray: #bbbbbb;
	--color-midgray: #878787;
	--color-light: #E4E6EA;
	--color-lighter: #CED0D4;
	--color-lightest: #F0F2F5;
	--color-dpink: #D33568;
	--color-green: #374583;
	--color-green-light: #89be8b;
	--color-blue: #38933b;
	--color-white: #ffffff;
	--color-dbgray: #fafafa;
	--radius-small: 5px;
	--radius-medium: 10px;
	--radius-large: 15px;
	--radius-xl: 25px;
	--radius-full: 50px;
	--font-size-b1: 8px;
	--font-size-b2: 10px;
	--font-size-b3: 12px;
	--font-size-b4: 14px;
	--font-size-b5: 16px;
	--font-size-b6: 18px;
	--font-size-b7: 20px;
	--font-size-b8: 22px;
	--font-size-b9: 24px;
	--font-size-b10: 26px;
	--font-size-b11: 28px;
}

@font-face {
	font-family: 'wb-icons';
	src: url('../../fonts/wb-icons.eot?s6nn89');
	src: url('../../fonts/wb-icons.eot?s6nn89#iefix')
		format('embedded-opentype'), url('../../fonts/wb-icons.ttf?s6nn89')
		format('truetype'), url('../../fonts/wb-icons.woff?s6nn89')
		format('woff'), url('../../fonts/wb-icons.svg?s6nn89#wb-icons')
		format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="wb-icon"], [class*="wb-icon"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'wb-icons', sans-serif !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wb-icon-information:before {
	content: "\e98b";
}

.wb-icon-addreceipt:before {
	content: "\e989";
}

.wb-icon-viewreceipt:before {
	content: "\e98a";
}

.wb-icon-view-history-alt:before {
	content: "\e983";
}

.wb-icon-edit-bill-alt:before {
	content: "\e984";
}

.wb-icon-view-history:before {
	content: "\e985";
}

.wb-icon-view-bill-alt:before {
	content: "\e986";
}

.wb-icon-view-bill:before {
	content: "\e987";
}

.wb-icon-edit-bill:before {
	content: "\e988";
}

.wb-icon-prof-invoice:before {
	content: "\e97e";
}

.wb-icon-rev-charge:before {
	content: "\e97f";
}

.wb-icon-rev-charge-pink:before {
	content: "\e982";
	color: #d33568;
}

.wb-icon-add-bill:before {
	content: "\e97d";
}

.wb-icon-auth-keys:before {
	content: "\e976";
}

.wb-icon-billing:before {
	content: "\e977";
}

.wb-icon-e-invoice-api:before {
	content: "\e978";
}

.wb-icon-idcard:before {
	content: "\e979";
}

.wb-icon-keys:before {
	content: "\e97a";
}

.wb-icon-messages:before {
	content: "\e97b";
}

.wb-icon-plus-alt:before {
	content: "\e97c";
}

.wb-icon-add-business-alt:before {
	content: "\e975";
}

.wb-icon-back-arrow:before {
	content: "\e974";
}

.wb-icon-books-alt:before {
	content: "\e971";
}

.wb-icon-books-alt-t:before {
	content: "\e973";
}

.wb-icon-gst-alt:before {
	content: "\e970";
}

.wb-icon-close-t:before {
	content: "\e96d";
}

.wb-icon-warning-alt-t:before {
	content: "\e96e";
}

.wb-icon-warning-t:before {
	content: "\e96f";
}

.wb-icon-check-t:before {
	content: "\e972";
}

.wb-icon-print-alt-t:before {
	content: "\e95b";
}

.wb-icon-share-alt-t:before {
	content: "\e96a";
}

.wb-icon-comment-alt-t:before {
	content: "\e96b";
}

.wb-icon-edit-alt-t:before {
	content: "\e96c";
}

.wb-icon-signup-developers:before {
	content: "\e964";
}

.wb-icon-signup-smebusiness:before {
	content: "\e965";
}

.wb-icon-signup-enterprise:before {
	content: "\e966";
}

.wb-icon-signup-partners:before {
	content: "\e967";
}

.wb-icon-signup-suvidhacenter:before {
	content: "\e968";
}

.wb-icon-signup-ca:before {
	content: "\e969";
}

.wb-icon-delete-alt:before {
	content: "\e95d";
}

.wb-icon-download-alt:before {
	content: "\e95e";
}

.wb-icon-filtersstencil-alt:before {
	content: "\e95f";
}

.wb-icon-copyto-alt:before {
	content: "\e960";
}

.wb-icon-importdata-alt:before {
	content: "\e961";
}

.wb-icon-more-dots-alt:before {
	content: "\e962";
}

.wb-icon-excel:before {
	content: "\e963";
}

.wb-icon-edit-pencil:before {
	content: "\e958";
}

.wb-icon-edit-pencil-alt:before {
	content: "\e959";
}

.wb-icon-checkcircle-fill:before {
	content: "\e95a";
}

.wb-icon-checkcircle-outline:before {
	content: "\e95c";
}

.wb-icon-auditlog:before {
	content: "\e957";
}

.wb-icon-home:before {
	content: "\e923";
}

.wb-icon-pie-chart:before {
	content: "\e924";
}

.wb-icon-bar-chart:before {
	content: "\e925";
}

.wb-icon-line-chart:before {
	content: "\e926";
}

.wb-icon-doughnut-chart:before {
	content: "\e927";
}

.wb-icon-login:before {
	content: "\e928";
}

.wb-icon-logout:before {
	content: "\e929";
}

.wb-icon-calendar:before {
	content: "\e92a";
}

.wb-icon-sortup:before {
	content: "\e92b";
}

.wb-icon-download:before {
	content: "\e92c";
}

.wb-icon-hide:before {
	content: "\e92d";
}

.wb-icon-edit:before {
	content: "\e92e";
}

.wb-icon-sortdown:before {
	content: "\e92f";
}

.wb-icon-upload:before {
	content: "\e930";
}

.wb-icon-filter-slider-h:before {
	content: "\e931";
}

.wb-icon-filter-slider:before {
	content: "\e932";
}

.wb-icon-bookmark-alt-fill:before {
	content: "\e933";
}

.wb-icon-bookmark-alt:before {
	content: "\e934";
}

.wb-icon-bookmark-fill:before {
	content: "\e935";
}

.wb-icon-bookmark:before {
	content: "\e936";
}

.wb-icon-view:before {
	content: "\e937";
}

.wb-icon-more-h:before {
	content: "\e938";
}

.wb-icon-more-v:before {
	content: "\e939";
}

.wb-icon-hamburger-menu-alt-one:before {
	content: "\e93a";
}

.wb-icon-hamburger-menu-alt:before {
	content: "\e93b";
}

.wb-icon-hamburger-menu:before {
	content: "\e93c";
}

.wb-icon-delete:before {
	content: "\e93d";
}

.wb-icon-graph:before {
	content: "\e93e";
}

.wb-icon-reports-alt:before {
	content: "\e93f";
}

.wb-icon-comment:before {
	content: "\e940";
}

.wb-icon-expand-sidebar:before {
	content: "\e941";
}

.wb-icon-share:before {
	content: "\e942";
}

.wb-icon-hide-sidebar:before {
	content: "\e943";
}

.wb-icon-print:before {
	content: "\e944";
}

.wb-icon-globalreports-alt:before {
	content: "\e945";
}

.wb-icon-apps-circle-fill:before {
	content: "\e946";
}

.wb-icon-plus:before {
	content: "\e947";
}

.wb-icon-sort-d:before {
	content: "\e948";
}

.wb-icon-goto-rev:before {
	content: "\e949";
}

.wb-icon-goto:before {
	content: "\e94a";
}

.wb-icon-admin-settings:before {
	content: "\e94b";
}

.wb-icon-sales-alt:before {
	content: "\e94c";
}

.wb-icon-qrcode:before {
	content: "\e94d";
}

.wb-icon-barcode:before {
	content: "\e94e";
}

.wb-icon-inventory-alt:before {
	content: "\e94f";
}

.wb-icon-business-alt:before {
	content: "\e950";
}

.wb-icon-minus:before {
	content: "\e951";
}

.wb-icon-close:before {
	content: "\e952";
}

.wb-icon-sort:before {
	content: "\e953";
}

.wb-icon-verified:before {
	content: "\e954";
}

.wb-icon-clone:before {
	content: "\e955";
}

.wb-icon-checkcircle:before {
	content: "\e956";
}

.wb-icon-inventory:before {
	content: "\e920";
}

.wb-icon-e-invoice:before {
	content: "\e921";
}

.wb-icon-gst:before {
	content: "\e922";
}

.wb-icon-notifications:before {
	content: "\e91f";
}

.wb-icon-apps-circle:before {
	content: "\e91e";
}

.wb-icon-apps:before {
	content: "\e91d";
}

.wb-icon-accounts:before {
	content: "\e900";
}

.wb-icon-acknowledge-user:before {
	content: "\e901";
}

.wb-icon-audit-log:before {
	content: "\e902";
}

.wb-icon-business:before {
	content: "\e903";
}

.wb-icon-cash-bank:before {
	content: "\e904";
}

.wb-icon-dashboard:before {
	content: "\e905";
}

.wb-icon-ewaybill:before {
	content: "\e906";
}

.wb-icon-global-reports:before {
	content: "\e907";
}

.wb-icon-gstr-1:before {
	content: "\e908";
}

.wb-icon-gstr-2:before {
	content: "\e909";
}

.wb-icon-gstr-3:before {
	content: "\e90a";
}

.wb-icon-gstr-4:before {
	content: "\e90b";
}

.wb-icon-gstr-5:before {
	content: "\e90c";
}

.wb-icon-gstr-6:before {
	content: "\e90d";
}

.wb-icon-gstr-7:before {
	content: "\e90e";
}

.wb-icon-gstr-8:before {
	content: "\e90f";
}

.wb-icon-gstr-9:before {
	content: "\e910";
}

.wb-icon-imports:before {
	content: "\e911";
}

.wb-icon-items:before {
	content: "\e912";
}

.wb-icon-multi-gstin-reports:before {
	content: "\e913";
}

.wb-icon-purchase:before {
	content: "\e914";
}

.wb-icon-reminder:before {
	content: "\e915";
}

.wb-icon-reports:before {
	content: "\e916";
}

.wb-icon-roles:before {
	content: "\e917";
}

.wb-icon-sales:before {
	content: "\e918";
}

.wb-icon-settings:before {
	content: "\e919";
}

.wb-icon-smtp:before {
	content: "\e91a";
}

.wb-icon-users:before {
	content: "\e91b";
}

.wb-icon-users-roles:before {
	content: "\e91c";
}

html {
	font-family: var(--primary-font);
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: var(--primary-font);
	-webkit-font-smoothing: antialiased;
	height: 100% !important;
	overflow: hidden !important;
}

body.mandatescroll {
	font-family: var(--primary-font);
	-webkit-font-smoothing: antialiased;
	height: 100% !important;
	overflow: scroll !important;
}

/* Disable header and footer thumbs/arrows for scrollbar and reduce the width of the scrollbar */
html::-webkit-scrollbar, body::-webkit-scrollbar, #layoutSidenav #layoutSidenav_content::-webkit-scrollbar,
	.customtable::-webkit-scrollbar, .commonscrollbar::-webkit-scrollbar,
	.commonscrollbar-y::-webkit-scrollbar, .popup-overflow::-webkit-scrollbar, 
	.topsummarryboxscroll::-webkit-scrollbar{
	width: 7px;
	height: 4px;
}

html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, #layoutSidenav #layoutSidenav_content::-webkit-scrollbar-track,
	.customtable::-webkit-scrollbar-track, .commonscrollbar::-webkit-scrollbar-track,
	.commonscrollbar-y::-webkit-scrollbar-track,
	.popup-overflow::-webkit-scrollbar-track, 
	.topsummarryboxscroll::-webkit-scrollbar-track {
	background: transparent;
}

html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, #layoutSidenav #layoutSidenav_content::-webkit-scrollbar-thumb,
	.customtable::-webkit-scrollbar-thumb, .commonscrollbar::-webkit-scrollbar-thumb,
	.commonscrollbar-y::-webkit-scrollbar-thumb,
	.popup-overflow::-webkit-scrollbar-thumb,
	.topsummarryboxscroll::-webkit-scrollbar-thumb {
	background: #888; /*display:none;*/
	border-radius: 6px;
}

html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover, #layoutSidenav #layoutSidenav_content::-webkit-scrollbar-thumb:hover,
	.customtable::-webkit-scrollbar-thumb:hover, .commonscrollbar::-webkit-scrollbar-thumb:hover,
	.commonscrollbar-y::-webkit-scrollbar-thumb:hover,
	.popup-overflow::-webkit-scrollbar-thumb:hover,
	.topsummarryboxscroll::-webkit-scrollbar-thumb:hover {
	background: #555;
}

html:hover::-webkit-scrollbar-thumb, body:hover::-webkit-scrollbar-thumb, #layoutSidenav #layoutSidenav_content:hover::-webkit-scrollbar-thumb,
	.customtable:hover::-webkit-scrollbar-thumb, .commonscrollbar:hover::-webkit-scrollbar-thumb,
	.commonscrollbar-y:hover::-webkit-scrollbar-thumb,
	.popup-overflow:hover::-webkit-scrollbar-thumb,
	.topsummarryboxscroll:hover::-webkit-scrollbar-thumb {
	display: block;
}
/* Disable header and footer thumbs/arrows for scrollbar and reduce the width of the scrollbar */
.enablescroll {
	height: 100% !important;
	overflow-y: scroll !important;
}

/*Fonts*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	word-break: break-word;
	font-family: var(--primary-font);
	line-height: 1.4074;
}

.f8 {
	font-size: 8px !important;
}

.f9 {
	font-size: 9px !important;
}

.f10 {
	font-size: 10px !important;
}

.f11 {
	font-size: 11px !important;
}

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

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

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

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

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

.f17 {
	font-size: 17px !important;
}

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

.f19 {
	font-size: 19px !important;
}

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

.f22 {
	font-size: 22px !important;
}

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

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

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

.f8, .f10, .f12, .f14, .f16, .f18, .f20, .f22, .f24, .f26, .f28 {
	line-height: normal;
}

.primary-font {
	font-family: var(--primary-font);
}

.secondary-font {
	font-family: var(--secondary-font);
}

/* Font Weight */
.w-300 {
	font-weight: 300 !important;
}

.w-400 {
	font-weight: 400 !important;
}

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

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

.w-700 {
	font-weight: 700 !important;
}

.w-800 {
	font-weight: 800 !important;
}

.w-900 {
	font-weight: 900 !important;
}

.vh-100 {
	height: 100vh !important;
}

.vw-100 {
	width: 100vw !important;
}

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

/* To change the Radio button default colors to brand colors */
input[type="radio"] {
	accent-color: #D33567;
}

.section-scroll {
	height: 83vh;
	overflow-y: scroll;
}

.section-doscroll {
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

.max-height-400 {
	max-height: 65vh;
}

.custom-input {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .375rem;
	transition: border-color .15s;
	margin-top: 3px !important;
}

.main-preloader,.import-loader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100svh;
    z-index: 9999;
    background:rgba(60, 60, 60, 0.2);
}

.spinner {
	position: fixed;
	width: 33.6px;
	height: 33.6px;
	perspective: 67.2px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 45%;
	left: 0;
	right: 0;
}

.spinner div {
	width: 100%;
	height: 100%;
	background: #d33567;
	position: absolute;
	left: 50%;
	transform-origin: left;
	animation: spinner-16s03x 2s infinite;
}

.spinner div:nth-child(1) {
	animation-delay: 0.15s;
}

.spinner div:nth-child(2) {
	animation-delay: 0.3s;
}

.spinner div:nth-child(3) {
	animation-delay: 0.45s;
}

.spinner div:nth-child(4) {
	animation-delay: 0.6s;
}

.spinner div:nth-child(5) {
	animation-delay: 0.75s;
}
@keyframes spinner-16s03x {
  0% {
    transform: rotateY(0deg);
  }
  50%, 80% {
    transform: rotateY(-180deg);
  }
  90%, 100% {
    opacity: 0;
    transform: rotateY(-180deg);
  }
}
.all-clients-search .btn {
	top: 3px;
}

.custom-input-group .btn {
	background: transparent;
	color: #333;
	border: 0;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.row-eq-height .col {
	display: flex;
}

.no-shadow.formbox {
	box-shadow: none;
}

.z-index-0 {
	z-index: 0;
}

.z-index-1 {
	z-index: 1;
}
.z-index-2 {
	z-index: 2;
}

.z-index-5 {
	z-index: 5;
}

.z-index--1 {
	z-index: -1;
}

.z-index-10 {
	z-index: 10 !important;
}

.z-index-99 {
	z-index: 99 !important;
}

/*Custom Styles*/
.wb-bg-transparent {
	background: transparent;
}

.wb-gradient-bg-one {
	position: relative;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background: #333;
	background: linear-gradient(180deg, rgba(88, 82, 76, 1) 0%,
		rgba(28, 44, 70, 1) 100%);
}

.wb-gradient-bg-two {
	position: static;
	height: 100% !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #333;
	background: linear-gradient(180deg, rgba(88, 82, 76, 1) 0%,
		rgba(28, 44, 70, 1) 100%);
	overflow: auto;
}

.wb-bg-gray {
	background: var(--color-dbgray);
}

/* Custom Buttons*/
.wb-btn {
	font-size: 16px;
	padding: 8px 40px !important;
	margin-left: 5px;
	margin-right: 5px;
	width: auto !important;
}

.wb-btn-xs-alt {
	font-size: 14px;
	padding: 2px 12px !important;
	margin-left: 5px;
	margin-right: 5px;
	width: auto !important;
}

.wb-btn-xs {
	font-size: 13px;
	padding: 5px 8px !important;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	width: auto !important;
	font-weight: 500;
}

.wb-btn-sm {
	font-size: 13px !important;
	padding: 5px 15px !important;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	width: auto !important;
	font-weight: 500;
	line-height: inherit !important;
	min-height: 32px;
}

.wb-btn-sm-alt {
	font-size: 12px;
	padding: 3px 15px !important;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	width: auto !important;
	font-weight: 500;
}

.wb-btn-md {
	font-size: 14px !important;
	padding: 8px 25px !important;
	margin-left: 5px;
	margin-right: 5px;
	line-height: normal !important;
	display: inline-block;
	width: auto !important;
	font-weight: 500;
}

.wb-btn-lg {
	font-size: 16px !important;
	padding: 12px 25px !important;
	margin-left: 5px;
	margin-right: 5px;
	line-height: normal !important;
	height: auto !important;
	display: inline-block;
	width: auto !important;
}

.wb-add-btn {
	font-size: 14px;
	padding: 8px 20px;
	margin-bottom: 15px;
	display: inline-block;
	letter-spacing: .5px;
	font-weight: 500;
	text-decoration: none !important;
}

.wb-dpink-btn, .wb-dpink-btn:hover, .wb-dpink-btn.disabled {
	border-radius: var(--radius-small);
	background-color: var(--color-dpink) !important;
	color: var(--color-white) !important;
	border: 1px solid var(--color-dpink) !important;
	text-decoration: none !important;
}

.wb-black-btn, .wb-black-btn.disabled {
	border-radius: var(--radius-small);
	background-color: var(--color-black) !important;
	color: var(--color-white) !important;
	text-decoration: none !important;
	border: 1px solid var(--color-black) !important;
}

.wb-black-btn:hover {
	border-radius: var(--radius-small);
	background-color: var(--color-dpink) !important;
	color: var(--color-white) !important;
	text-decoration: none !important;
	border: 1px solid var(--color-dpink) !important;
}

.wb-white-btn, .wb-white-btn:hover, .wb-white-btn.disabled {
	border-radius: var(--radius-small);
	background-color: var(--color-white) !important;
	color: var(--color-black) !important;
	text-decoration: none !important;
}

.wb-cancel-btn, .wb-cancel-btn:hover, .wb-cancel-btn.disabled {
	border-radius: var(--radius-small);
	background-color: #8f8f8f !important;
	color: var(--color-white) !important;
	border: 1px solid #8f8f8f !important;
	text-decoration: none !important;
}

.wb-green-btn, .wb-green-btn:hover, .wb-green-btn.disabled {
	border-radius: var(--radius-small);
	background-color: #38933b !important;
	color: var(--color-white) !important;
	text-decoration: none !important;
	border: 1px solid #38933b;
}

.wb-configure-btn {
	background: var(--color-dpink);
	padding: 5px 8px;
	border-radius: 3px;
	color: var(--color-white);
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 500;
	border: 1px solid var(--color-dpink);
}

.wb-configure-btn:hover {
	color: #fff;
	background: var(--color-dpink);
	border: 1px solid var(--color-dpink);
}

.wb-blue-btn, .wb-blue-btn:hover, .wb-blue-btn.disabled {
	border-radius: var(--radius-small);
	background-color: #374583 !important;
	color: var(--color-white) !important;
	text-decoration: none !important;
}

.wb-dpink-btn-stencil, .wb-dpink-btn-stencil:hover,
	.wb-dpink-btn-stencil.disabled {
	border-radius: var(--radius-small);
	background-color: transparent;
	text-decoration: none !important;
}

.pink-hover:hover {
	background-color: var(--color-dpink) !important;
	color: var(--color-white) !important;
}

.wb-dpink-border {
	border-color: var(--color-dpink) !important;
}

.wb-lgreen-btn, .wb-lgreen-btn:hover, .wb-lgreen-btn.disabled {
	border-radius: 4px;
	background-color: #50a753 !important;
	color: var(--color-white) !important;
	font-size: 11px;
	text-decoration: none !important;
}

.wb-stencil-btn, .wb-stencil-btn:hover, .wb-stencil-btn.disabled {
	border: 1px solid #000 !important;
	color: #000;
	border-radius: var(--radius-small);
	text-decoration: none !important;
	background: transparent;
}

.wb-stencillight-btn, .wb-stencillight-btn:hover, .wb-stencillight-btn.disabled
	{
	border: 1px solid #999 !important;
	color: #999;
	border-radius: var(--radius-small);
	text-decoration: none !important;
	background: transparent;
}

.wb-stencil-btn-fill, .wb-stencil-btn-fill.disabled {
	border: 0px solid #000 !important;
	color: var(--color-white);
	border-radius: var(--radius-small);
	background: #000;
	text-decoration: none !important;
}

.wb-stencil-btn-fill:hover {
	background: var(--color-dpink);
	border: 0px solid #000 !important;
	color: var(--color-white);
	border-radius: var(--radius-small);
	text-decoration: none !important;
}

.wb-stencil-btn-fill-pink, .wb-stencil-btn-fill-pink:hover,
	.wb-stencil-btn-fill-pink.disabled {
	border: 0px solid #000 !important;
	color: var(--color-white);
	border-radius: var(--radius-small);
	background: var(--color-dpink);
	text-decoration: none !important;
}

.wb-stencil-btn-back, .wb-stencil-btn-back.disabled {
	border: 1px solid #000 !important;
	color: var(--color-black);
	border-radius: var(--radius-small);
	background: transparent;
	text-decoration: none !important;
}

.wb-stencil-btn-back:hover {
	border: 1px solid var(--color-dpink) !important;
	color: var(--color-white);
	border-radius: var(--radius-small);
	background: var(--color-dpink);
}

/* Custom Radius*/
.wb-radius-small {
	border-radius: var(--radius-small);
}

.wb-top-radius-small {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.wb-bottom-radius-small {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

/* Custom Background and Text */
.wb-black-bg {
	background-color: var(--color-black);
}

.wb-black-text {
	color: var(--color-black);
}

.wb-white-bg {
	background-color: var(--color-white);
}

.wb-dpink-text {
	color: var(--color-dpink) !important;
}

.wb-green-text {
	color: var(--color-green-light) !important;
}

.wb-midgray-text {
	color: var(--color-midgray) !important;
}

.wb-lightgray-text {
	color: var(--color-lightgray) !important;
}

.wb-darkgray-text {
	color: var(--color-darkgray) !important;
}

.wb-darkgrey-text {
	color: var(--color-grey) !important;
}

.wb-white-link {
	color: var(--color-white) !important;
}

.wb-red-text {
	color: red;
}

/*Design Curves / Paths*/
.wb-login-left-path {
	background:
		url(https://bvmcs.com/whitebooks/assets/images/left-products-path.png);
	position: absolute;
	width: 108px;
	height: 275px;
	left: 0;
	bottom: 10%;
}

.wb-login-right-path {
	background:
		url(https://bvmcs.com/whitebooks/assets/images/right-products-path.png);
	position: absolute;
	width: 93px;
	height: 245px;
	right: 0%;
	top: 10%;
	background-repeat: no-repeat;
}

/*Login Styles*/
.wb-bodywrap {
	margin-top: 0 !important;
}

.wb-main-bodywrap {
	margin-top: 80px !important;
}

.wb-login-heading {
	font-family: var(--primary-font);
	font-size: clamp(1.2rem, 1.4rem + 3.5vw, 2.7em);
	color: var(--color-white);
	line-height: 1.3;
	margin-bottom: 1rem;
}

.wb-login-subtitle {
	font-family: var(--primary-font);
	font-size: .8rem;
	font-weight: 300;
	letter-spacing: 1px;
	color: var(--color-white);
	margin: 5px 0;
}

.wb-align-center {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wb-swan-bg {
	background-image: url(../../images/signups/swan-dark-half.png);
	background-repeat: no-repeat;
	background-size: auto;
	position: absolute;
	bottom: 0;
	left: 10%; /* background-color: transparent; */
	width: 379px;
	height: 205px;
	opacity: .4;
}

.wb-login-left-container {
	margin: 50px 50px;
}

.wb-login-right-container form .labletxt {
	font-size: var(--font-size-b3);
}

.wb-login-navigation li.nav-item {
	border: 0;
}

.wb-login-navigation li.nav-item .nav-link {
	border: 1px solid #666;
	background: transparent !important;
	color: #666 !important;
}

.wb-login-navigation li.nav-item .nav-link:hover {
	border: 1px solid #666;
	background: #666 !important;
	color: #fff !important;
}

.wb-login-navigation {
	flex-direction: column;
}

.footer-l, .footer-r {
	font-size: 12px;
}

/* Footer Login */
.bodywrap .container {
	padding: 0 !important;
}

.top-header-errornotfications a .wb-icon {
	text-decoration: none;
	color: black;
	font-size: 24px;
}

.notification-close-icon {
	text-decoration: none;
}

.container-fluid.footerwrap {
	background: var(--color-black);
	color: var(--color-white);
	padding: 5px 0 5px 0;
	position: relative;
	z-index: 3;
	height: auto;
	line-height: normal;
}

.container-fluid.footerwrap.login-footer {
	position: absolute;
	bottom: 0;
}

.addclient-footer {
	position: fixed !important;
	bottom: 0;
}

.addclientheight {
	height: 100vh;
}

.container-fluid.footerwrap a {
	color: var(--color-dpink);
}

.wb-top-client-navigation .nav-link {
	font-size: 13px;
	color: #fff !important;
	margin: 0 10px;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: normal;
	text-transform: uppercase;
	padding: 5px 15px 5px 15px;
}

.wb-swan-headerbg {
	background: url(../../images/signups/swan-light-small.png);
	position: relative;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: 70% bottom;
	padding: 2px 0;
}

.navbar-brand img {
	max-width: 100px;
	margin: 0 20px 0 45px;
}

.wb-nav-brand-container {
	min-width: 170px;
	max-width: 170px;
}

.wb-top-client-navigation .nav-link i {
	margin: 0 4px;
}

.wb-top-client-navigation .nav-link.active, .wb-top-client-navigation .nav-link.hover{
	background: var(--color-dpink);
	color: var(--color-white);
	padding: 5px 15px 6px 15px;
	border-radius: 50px;
}

.wb-top-client-navigation .mainnav-right li.nav-item {
	border-radius: 5px;
	border: 0;
	margin-left: 10px;
}

.wb-top-client-navigation .mainnav-right li.nav-item .nav-link {
	color: var(--color-white);
}

.header-right-content .header-right-option #profileDropdown {
	text-align: left;
	margin-right: 10px;
	border: 0;
}

.header-right-content .header-right-option #profileDropdown.avatar img {
	margin-left: 15px;
	width: 30px;
	border-radius: 50px;
}

.header-right-content .header-right-option #profileDropdown.avatar h3 {
	font-size: 14px;
	margin-bottom: 0;
	font-weight: 500;
	line-height: 1;
}

.header-right-content .header-right-option #profileDropdown.avatar span	{
	font-size: 9px;
}

.header-right-content .header-right-option .brand-dropdown {
	height: auto;
	padding: 10px 5px;
	background: rgb(10, 10, 10);
	border-radius: 0px;
}

.header-right-content .header-right-option .brand-dropdown .profileData	{
	font-size: 14px;
	display: flex;
	align-items: center;
	text-transform: none;
	color: #fff;
	margin-bottom: 20px;
}

.dropdown-divider-white {
	height: 0;
	margin: var(--bs-dropdown-divider-margin-y) 0;
	overflow: hidden;
	border-top: 1px solid var(--color-white);
	opacity: 1;
}

.header-right-content .header-right-option {
	background: transparent;
	color: var(--color-white);
}

.header-right-content .header-right-option .dropdown-toggle::after {
	border: 0;
}

.header-right-content .header-right-option .notificationDropdown.brand-dropdown	{
	min-width: 350px;
}

.header-right-content .header-right-option .notificationDropdown .card {
	background: transparent;
	color: #fff;
}

.header-right-content .header-right-option .notificationDropdown .card-body	{
	border-top: 1px solid #343434;
	border-bottom: 1px solid #343434;
}

#profileViewModal {
	font-size: 14px;
}

/* Apps option */
.header-right-content .header-right-option.services-option .dropdown-menu{
	width: 350px;
	max-width: 350px;
	padding: 0;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
	top: 70px !important;
	transition: all ease 0.5s !important;
}

.header-right-content .header-right-option.services-option .dropdown-menu.show{
	top: 43px !important;
	left: auto;
	right: -0.5625rem;
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-header{
	border-radius: 10px 10px 0 0;
	color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 9px;
	padding-bottom: 7px;
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-header span{
	font-size: 13px;
	font-weight: 500;
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-header span.edit-btn{
	cursor: pointer;
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-wrap{
	padding: 10px 5px;
	height: auto;
	background: #333;
	border-radius: 0;
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-wrap .dropdown-item{
	flex: 0 0 33%;
	max-width: 33%;
	text-align: center;
	padding: 20px 20px;
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	display: flex;
	border: 1px solid transparent;
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-wrap .dropdown-item:hover,
	.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-wrap .dropdown-item:active{
	border: 1px solid var(--color-dpink);
	background: transparent;
	color: var(--color-dpink);
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-wrap .dropdown-item:hover span{
	color: var(--color-dpink);
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-wrap:hover .dropdown-item{
	background: transparent;
	color: var(--color-dpink);
}
.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-wrap .dropdown-item img	{
	filter: none;
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-wrap .dropdown-item span{
	margin-top: 8px;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-footer{
	text-align: center;
	padding: 10px 15px;
	border-top: 1px solid #eeeeee;
}

.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-footer .dropdown-item{
	color: #2962ff !important;
	padding: 0;
	position: relative;
	display: inline-block;
	width: auto;
	background-color: transparent !important;
	font-size: 13px;
	font-weight: 500;
}

/* Max width 767px */
@media only screen and (max-width: 767px) {
	#layoutSidenav #layoutSidenav_content {
		height: 90vh;
		min-height: calc(100vh - 10vh);
	}
	.header-right-content .header-right-option.services-option .dropdown-menu{
		transform: unset !important;
		left: auto !important;
		right: -167px !important;
	}
	.wb-login-navigation li.nav-item .nav-link {
		border: 1px solid #ccc;
		background: white !important;
		color: #ccc;
	}
	.header-right-content .header-right-option.services-option .dropdown-menu.show{
		top: 40px !important;
	}
	.header-right-content .header-right-option.services-option .dropdown-menu .dropdown-wrap .dropdown-item span{
		font-size: 11px;
	}
	.flow-leftmenu-steps ul li {
		width: auto;
	}
	.flow-leftmenu-steps ul li a {
		float: left;
	}
}

/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-right-content .header-right-option.services-option .dropdown-menu.show{
		top: 30px !important;
	}
	.wb-login-navigation li.nav-item .nav-link {
		border: 1px solid #ccc;
		background: white !important;
		color: #ccc;
	}
}

/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header-right-content .header-right-option.services-option .dropdown-menu.show{
		top: 30px !important;
	}
	.wb-login-navigation li.nav-item .nav-link {
		border: 1px solid #ccc;
		background: transparent !important;
		color: #ccc !important;
	}
}

/* Apps option */
.avatar-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.dropdown-menu-size-md {
	max-width: 22rem;
}

.wb-sync-data {
	border-radius: 50%;
	width: 24px;
	height: 24px;
	text-align: center;
	align-items: flex-end;
	color: #fff;
	padding: 4px 0;
	font-size: 12px;
	display: inline-block;
}

.wb-sync-data .success {
	background: #60c364;
}

.wb-sync-data .failed {
	background: #ea3939;
}

.wb-sync-year-container .customtable .meterialform th {
	background: #333;
	color: #fff;
}

.wb-sync-year-container #sync_data tr th:first-child {
	color: #333;
}

/* Main Top Navigation */

.db-ca-wrap {
	margin: 0 !important;
}

.wb-main-top-navigation {
	background-color: var(--color-black);
}

.header-right-option .wb-icon-md {
	height: 2rem;
	width: 2.5rem;
	font-size: 1.2em;
	margin: 0 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.header-right-option .wb-icon-md:hover, .header-right-option .wb-icon-md.show{
	background: transparent !important;
	color: var(--color-white);
}

.icon-md {
	height: 2.5rem;
	width: 2.5rem;
	font-size: 0.9em;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.wb-avatar-img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.wb-main-header .dropdown-toggle::after {
	border: 0;
}

/* Card Styles */
.border-dashed {
	border-style: dashed !important;
}

.wb-ellipsis span {
	width: 16px;
	height: 16px;
	background: #ebebeb;
	border: 2px solid #d9d9d9;
	margin: 5px;
	border-radius: 50%;
	display: inline-block;
}

.wb-white-card, .wb-black-card {
	padding: 1rem;
	position: relative;
	min-height: 200px;
	height: 200px;
	margin-bottom: 20px;
}

.wb-white-card {
	background: #fff;
	color: var(--color-black);
	box-shadow: 0 0rem 0.5rem rgb(75 70 92/ 20%) !important;
}

.wb-black-card {
	background-color: #F5F4F7;
	background-image: url(../../images/signups/card-bottom-seperator.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	color: var(--color-black);
	width: 100%;
	box-shadow: 0 0rem 0.5rem rgb(75 70 92/ 37%) !important;
	position:relative;
}

.wb-black-card .card-left-path {
	background: url(../../images/signups/left-card-path.png);
	position: absolute;
	width: 70px;
	height: 98px;
	left: 0;
	bottom: 0%;
}

.wb-black-card .card-right-path {
	background: url(../../images/signups/right-card-path.png);
	position: absolute;
	width: 78px;
	height: 95px;
	right: 0%;
	top: 0%;
	background-repeat: no-repeat;
}

.wb-plan-card .title {
	font-size: 18px;
	color: var(--color-black);
	margin: 0 0 10px 0;
	text-align: left;
	font-weight: 600;
}

.wb-plan-card .description {
	font-size: 14px;
	color: var(--color-blackone);
	line-height: normal;
}

.wb-plan-card .wb-viewmore {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-black);
	text-decoration: none;
}

.wb-plan-card .wb-viewmore:hover {
	text-decoration: underline;
}

/* Top page create buttons */
.wb-top-btn-group {
	margin: 20px 0;
}

ul.wb-breadcrumb {
	padding: 10px 16px;
	list-style: none;
	background-color: #eee;
}

ul.wb-breadcrumb li {
	display: inline;
	font-size: 18px;
	font-weight: bold;
}

ul.wb-breadcrumb li+li:before {
	padding: 8px;
	color: var(--color-darkblack);
	content: "/\00a0";
	font-weight: normal;
}

ul.wb-breadcrumb li a {
	color: var(--color-darkblack);
	text-decoration: none;
	font-weight: normal;
}

ul.wb-breadcrumb li a:hover {
	color: #01447e;
	text-decoration: underline;
}

/* Add new client form */

.wb-addnewclient-form .form-group {
	margin-bottom: 30px !important;
}

.wb-addnewclient-form .lable-txt {
	font-size: 13px;
	font-weight: 300;
	color: #999;
	margin-bottom: 10px !important;
}

.wb-addnewclient-form .form-group input, .wb-addnewclient-form .form-group select,
	.wb-addnewclient-form .form-group textarea {
	border-bottom: 2px solid #ccc;
	background: transparent;
}

ul.wb-list-check-green {
	list-style: none;
}

ul.wb-list-check-green li {
	padding: 10px 0 6px 0;
	font-weight: 600;
}

ul.wb-list-check-green li::after {
	content: "\f00c";
	position: absolute;
	width: 20px;
	margin-right: 0.5em;
	background: #27c650;
	height: 20px;
	left: 0px;
	border-radius: 5px;
	font-family: 'FontAwesome', sans-serif;
	color: #fff;
	font-size: 11px;
	text-align: center;
	align-items: center;
	padding-top: 2px;
}

.wb-sidebar {
	position: relative;
}

.wb-sync-year {
	min-width: 300px;
	text-align: center;
	border: 0;
	background: transparent;
	border-bottom: 2px solid #ccc;
	font-size: 16px;
}

select.wb-sync-year option, select.wb-sync-year {
	font-size: 18px !important;
	font-weight: 600;
}

.mainnav-right .dropdown-menu .dropdown-item {
	display: flex;
	align-items: center;
}

.mainnav-right .dropdown-user .dropdown-menu .dropdown-item {
	align-items: center;
}

.mainnav-right .dropdown-user .dropdown-header {
	font-size: 0.75rem;
	font-weight: 700;
	display: flex;
	align-items: center;
}

.mainnav-right .dropdown-user .dropdown-menu .dropdown-item .dropdown-item-icon	{
	color: #a7aeb8;
}

.mainnav-right .dropdown-menu .dropdown-item .dropdown-item-icon {
	margin-right: 0.5rem;
	line-height: 1;
}

@media ( min-width : 576px) {
	.mainnav-right .dropdown .dropdown-menu {
		width: auto;
		min-width: 15rem;
		right: 0;
		left: auto;
	}
	.d-sm-none {
	  display:none !important;
	}
	.d-sm-block{
	  display:block !important;
	}
}

/* Clients Listing Page  */

.wb-clients-card .wb-pan {
	font-size: 12px;
	text-transform: uppercase;
	color: #333;
}

/* .wb-clients-card .wb-bookmark.active .fa-star {
	color: #FF9800;
} */

.wb-clients-card .wb-bookmark.inactive .fa-star {
	color: #ccc;
    position: relative;
    top: 15px;
}

.wb-clients-card .wb-bookmark {
	cursor: pointer;
    height: 55px;
    width: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
}

.wb-clients-card .wb-client-name {
	font-size: 14px;
	font-weight: 500;
	color: var(--color-black);
	line-height: normal;
	text-align: left;
	margin: 0;
	margin-bottom: 5px;
}

.wb-clients-card .wb-client-logo {
	width: 50px;
	height: 50px;
	margin: 5px 10px 5px 0px;
	border-radius: 50%;
	object-fit: contain;
	background: #fff;
}

.wb-work-on-this .wb-dpink-btn.dropdown-toggle::after {
	position: absolute;
	top: 15px !important;
	right: 15px !important;
	border: none;
}
.wb-work-on-this .wb-dpink-btn.dropdown-toggle.show .fa, .wb-work-on-this .wb-dpink-btn.dropdown-toggle:hover .fa {
    rotate: 90deg;
    top: 1px;
    position: relative;
}

.box-height {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

#layoutSidenav {
	display: flex;
	background: #F5F5F5;
	height: calc(100vh);
}

#layoutSidenav #layoutSidenav_nav {
	flex-basis: 200px;
	flex-shrink: 0;
	transition: transform 0.15s ease-in-out;
	z-index: 1038;
	transform: translateX(-200px);
}

#layoutSidenav #layoutSidenav_content {
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	flex-grow: 1;
	height: 89vh;
	min-height: calc(100vh - 11vh);
	margin-left: -200px;
}

.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
	transform: translateX(0);
}
.wb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1037;
	opacity: 0.5;
	transition: opacity 0.3s ease-in-out;
}

.top-navigation-collapsebtn {
	background: #fff;
	color: #333;
}

.top-navigation-collapsebtn .navbar-toggler-animation span {
	background: #333;
}

.wb-leftnav-addgst {
	text-align: center;
	margin: 0;
	bottom: 0;
	width: 100%;
	left: -10px;
	position: relative;
}

.wb-leftnav-addgst a {
	background: #fff;
	color: var(--color-dpink);
	padding: 6px 20px 6px 10px;
	line-height: normal;
	margin: 10px 0 0px 0;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	position: sticky;
	text-align: center;
	text-transform: uppercase;
	width: auto;
	border-radius: 50px;
	border: 2px solid var(--color-dpink);
	display: inline-flex;
	align-items: center;
}

.wb-leftnav-addgst a:hover {
	background: var(--color-dpink);
	color: #fff;
}

.wb-leftnav-addgst a i {
	font-size: 23px;
}

@media ( max-width : 991.98px) {
	.wb-white-btn, .wb-white-btn:hover, .wb-white-btn.disabled {
		border-radius: var(--radius-small);
		background-color: var(--color-white) !important;
		color: var(--color-black) !important;
		text-decoration: none !important;
	}
	.wb-gradient-bg-one {
		height: 100% !important;
	}
	.container-fluid.footerwrap.login-footer {
		position: relative;
	}
	.wb-actions-btn-group {
		display: flex;
		padding-bottom: 10px;
		flex-wrap: wrap;
		flex-direction: unset !important;
	}
	.navbar-expand-lg .navbar-collapse {
		-webkit-box-shadow: 0px 10px 30px rgb(83 88 93/ 20%);
		box-shadow: 0px 10px 30px rgb(83 88 93/ 20%);
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: #000;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	.navbar-expand-lg .navbar-collapse .wb-top-client-navigation .nav-link {
		min-height: 30px;
		line-height: normal;
		text-transform: uppercase;
		padding: 15px 15px 15px 15px;
	}
	.wb-top-client-navigation .nav-link.active {
		background: transparent;
	}
}
@media ( min-width : 768px) {
	.wb-nav-fixed.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .wb-leftnav-addgst a{
		padding: 6px 2px 6px 7px;
		left: 0px;
		position: relative;
	}
	.wb-nav-fixed.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .wb-leftnav-addgst span{
		display: none;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav:hover .wb-leftnav-addgst a{
		padding: 6px 20px 6px 10px !important;
		left: -10px;
		position: relative;
	}
}

@media ( max-width : 768px) {
	.wb-nav-fixed #layoutSidenav #layoutSidenav_nav .wb-leftnav-addgst span{
		display: block;
	}
	.wb-nav-fixed.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .wb-leftnav-addgst span{
		display: none;
	}
	.wb-nav-fixed.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .wb-leftnav-addgst a	{
		padding: 6px 2px 6px 7px !important;
		left: 0px;
		position: relative;
	}
}

#layoutSidenav #layoutSidenav_nav .wb-leftnav-addgst span {
	display: block;
}
@media ( min-width : 320px) {
	#layoutSidenav #layoutSidenav_nav {
		transform: translateX(0);
	}
	#layoutSidenav #layoutSidenav_content {
		margin-left: 0;
		transition: margin 0.15s ease-in-out;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
		width: 60px;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
		margin-left: 65px;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
		display: none;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .nav .nav-link-title,
		.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .company-information .title,
		.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .company-information .pannumber{
		display: none;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .nav-link {
		justify-content: center;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .nav .fa {
		font-size: 20px;
		width: 20px;
		justify-content: center;
		display: flex;
	}
}
.wb-topnav {
	z-index: 1039;
}
#layoutSidenav #layoutSidenav_nav {
	width: 180px;
	height: 100vh;
	z-index: 1038;
}
#layoutSidenav #layoutSidenav_nav .wb-sidenav {
	padding-top: 50px;
}

#layoutSidenav #layoutSidenav_nav .wb-sidenav .wb-sidenav-menu {
	overflow-y: auto;
	padding-top: 15px;
}

#layoutSidenav #layoutSidenav_content {
	margin-left: 185px;
	top: 50px; /*finalized*/
	position: relative;
	margin-bottom: 130px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #EAEAEA;
	padding-left: 0;
	padding-right: 0;
	background: #fff;
	height: calc(100vh - 80px);
}

.customtable {
	margin-bottom: 10px;
	position: relative;
	height: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 7px !important;
}
.wb-nav-fixed #layoutSidenav #layoutSidenav_nav {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
}
.wb-sidenav {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex-wrap: nowrap;
}

.wb-sidenav .wb-sidenav-menu {
	flex-grow: 1;
	background-color: white;
	color: rgba(0, 0, 0, 1);
	border-right: 1px solid #ccc;
}

.wb-sidenav .wb-sidenav-menu .nav {
	flex-direction: column;
	flex-wrap: nowrap;
}

.wb-sidenav .wb-sidenav-menu .nav .wb-sidenav-menu-heading {
	padding: 1.75rem 1rem 0.75rem;
	font-size: 0.75rem;
	font-weight: bold;
	text-transform: uppercase;
}

.wb-sidenav .wb-sidenav-menu .nav .nav-link {
	display: flex;
	align-items: center;
	padding: 0.3rem 1rem 0.3rem 1rem;
	position: relative;
	color: var(--color-black);
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}

.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav:hover {
	transform: translateX(0);
	width: 180px;
}

.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav:hover .nav-link {
	justify-content: left;
}

.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav:hover .nav .nav-link-title,
.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav:hover .wb-leftnav-addgst span{
	display: block;
}
.wb-sidenav .wb-sidenav-menu .nav .nav-link .wb-icon {
	font-size: 26px;
}

.wb-sidenav .wb-sidenav-menu .nav .nav-link .fa {
	width: 18px;
	text-align: center;
}

.wb-sidenav .wb-sidenav-menu .nav .nav-link-title {
	margin-left: 10px;
}

.wb-sidenav .wb-sidenav-menu .nav .nav-link.active, .wb-sidenav .wb-sidenav-menu .nav .nav-link:hover
	{
	background: #fff0f5;
	border-right: 2px solid #d33568;
}

.wb-sidenav .wb-sidenav-menu .nav .nav-link .wb-nav-link-icon {
	font-size: 0.9rem;
}

.wb-sidenav .wb-sidenav-menu .nav .nav-link .wb-sidenav-collapse-arrow {
	display: inline-block;
	margin-left: auto;
	transition: transform 0.15s ease;
}

.wb-sidenav .wb-sidenav-menu .nav .nav-link.collapsed .wb-sidenav-collapse-arrow
	{
	transform: rotate(-90deg);
}

.wb-sidenav .wb-sidenav-menu .nav .wb-sidenav-menu-nested {
	margin-left: 1.5rem;
	flex-direction: column;
}

/* sidenav client information */
.wb-sidenav-client {
	padding: 12px;
	margin-top: 10px;
}

.wb-sidenav-client.company-container {
	display: flex;
}

.wb-sidenav-client .company-info-body {
	margin-left: 5px;
	cursor: pointer;
	line-height: normal;
}

.wb-sidenav-client img {
	border-radius: 50%;
	border: 2px solid #ccc;
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.wb-sidenav-client .company-information .title {
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 0px;
	color: #333;
	line-height: 1.2;
	width: 100%;
	display: inline-block;
	position: relative;
	padding-right: 10px;
}

.wb-sidenav-client .company-information .title:after {
	content: "\f105";
	position: absolute;
	right: -10px;
	top: 8px;
	width: 16px;
	height: 16px;
	font-family: 'FontAwesome', sans-serif;
	color: var(--color-dpink);
	font-size: 16px;
}

.wb-sidenav-client .company-information .pannumber {
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 10px;
	color: #666;
}

/*web*/
.wb-page-breadcrumb {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	position: static;
	background: transparent;
	display: none;
}

.wb-page-breadcrumb .breadcrumb {
	border: 0;
	margin: 0;
}

.wb-align-center-goto {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.wb-page-breadcrumb .breadcrumb .breadcrumb-item {
	margin: 0 5px 0 0px;
}

.wb-page-breadcrumb .breadcrumb .breadcrumb-item:first-child {
	margin-left: 14px;
}

.wb-page-breadcrumb .breadcrumb .breadcrumb-item, .wb-page-breadcrumb .breadcrumb .breadcrumb-item a{
	color: #333;
	font-size: 12px;
	font-weight: normal;
}

.wb-page-breadcrumb .breadcrumb .breadcrumb-item a:hover {
	color: var(--color-dpink);
}

.wb-page-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	content: '\f105';
	font-family: 'FontAwesome', sans-serif;
}

.wb-page-breadcrumb-two {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	position: static;
	background: transparent;
}

.wb-page-breadcrumb-two .breadcrumb {
	border: 0;
}

.custom-scroll::-webkit-scrollbar {
	width: 4px;
}

.custom-scroll::-webkit-scrollbar-track {
	background: #d8dadc;
	border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb {
	background: #b9bdc1;
	border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
	background: #b9bdc1;
	border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb:active {
	background: rgb(68, 68, 68);
	border-radius: 10px;
}

@media ( min-width : 991px) {
	.gstModal .modal-dialog {
		min-width: 768px;
		margin-top: 60px;
	}
}
.wb-modal-max-height {
	height: 500px;
	overflow-y: scroll;
	margin: 15px;
}

.gstModal .modal-header, .gstModal .modal-footer {
	border: 0;
}

a .wb-gst-card, a .wb-gst-card .number, a .wb-gst-card .statecode, a .wb-gst-card .tenure{
	text-decoration: none !important;
}

.text-decoration-none {
	text-decoration: none !important;
}

.wb-gst-card {
	border: 2px solid #ccc;
	box-shadow: 1px 1px 5px #ccc;
	padding: 10px 20px;
	border-radius: 6px;
	margin-bottom: 20px;
	position: relative;
}

.booksPanlevelclients {
	height: 250px;
	overflow-y: scroll;
}

.booksPanlevelclients .wb-gst-card:hover {
	border: 2px solid var(--color-dpink);
	box-shadow: 1px 1px 5px #ccc;
	padding: 10px 20px;
	border-radius: 6px;
	margin-bottom: 20px;
	position: relative;
	color: var(--color-dpink) !important;
}

.wb-gst-card.active .panlist-radio {
	background: var(--color-dpink);
	border-color: var(--color-dpink);
	transition: background 0.1s ease-out, border-color 0.1s ease-out;
}

.wb-gst-card .number a {
	color: var(--color-dpink);
}

.wb-gst-card .number {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wb-gst-card .statecode, .wb-gst-card .tenure {
	font-size: 11px;
	color: #333;
	font-weight: 700;
	text-transform: uppercase;
}

.wb-gst-card-block a:hover .wb-gst-card, .wb-gst-card-block .wb-gst-card.active	{
	border: 2px solid var(--color-dpink);
}

.wb-gst-card:hover .number, .wb-gst-card:hover .statecode, .wb-gst-card:hover .tenure,
	.wb-gst-card-block .wb-gst-card.active, .wb-gst-card-block .wb-gst-card.active .number,
	.wb-gst-card-block .wb-gst-card.active .statecode, .wb-gst-card-block .wb-gst-card.active .tenure
.wb-gst-card-block a:hover .wb-gst-card .number, .wb-gst-card-block a:hover .wb-gst-card .statecode,
	.wb-gst-card-block a:hover .wb-gst-card .tenure {
	color: var(--color-black);
}

.panlist-radio {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	border: 2px solid #e2ebf6;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
	transition: background 0.2s ease-out, border-color 0.2s ease-out;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 10px;
	right: 10px;
}

.panlist-radio::after {
	border: 2px solid #fff;
	border-top: 0;
	border-left: 0;
	content: "";
	display: block;
	height: 0.55rem;
	left: 20%;
	position: absolute;
	top: 50%;
	transform: rotate(45deg) translate(-50%, -50%);
	width: 0.37rem;
}

.panlist-radio:checked {
	background: var(--color-dpink);
	border-color: var(--color-dpink);
}

.wb-gst-card:hover .panlist-radio {
	background: var(--color-dpink);
	border-color: var(--color-dpink);
	transition: background 0.1s ease-out, border-color 0.1s ease-out;
}

.panlist-card-data {
	width: 85%;
	display: inline-block;
}

.panlist-card-icon {
	position: relative;
	right: -10%;
	display: inline-block;
	width: 10%;
	text-align: center;
	cursor: pointer;
}

.panlist-card-icon:hover {
	background: var(--color-lighter);
	border-radius: 3px;
}

.panlist-with-dropdown .custom-drophover:hover .dropdown-menu.work_menu{
	display: block;
}
.wb-submenu-dropdown .btn, .wb-submenu-dropdown .btn:hover {
	background: transparent;
	color: var(--color-dpink) !important;
	font-size: 14px;
	font-weight: 600;
	border: 0;
	text-transform: uppercase;
}
.wb-submenu-dropdown .dropdown-menu.show .dropdown-item {
	font-size: 14px;
	font-weight: 500;
	padding-top: 6px;
	padding-bottom: 6px;
}

.wb-panlist-container {
	padding: 5px 0 30px 0;
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,
		rgba(247, 247, 247, 1) 100%);
	border-bottom: 1px solid #ccc;
	max-height: 180px;
	overflow-y: auto;
}

.wb-panlist-container .close-panlist {
	display: inline-block !important;
	text-align: right;
}

.wb-panlist-container .close-panlist a {
	color: var(--color-dpink);
	padding: 5px 10px;
	cursor: pointer;
}

.wb-gst-card-block {
	width: auto;
	min-width: 220px;
}

.header-chooseclientcontainer .form-control, .header-choosepancontainer .form-control{
	height: 30px;
	margin-bottom: 5px;
	display: inline-block;
}

.header-chooseclientcontainer .form-control:visited,
	.header-chooseclientcontainer .form-control:focus,
	.header-choosepanlist .form-control:visited, .header-choosepanlist .form-control:focus,
	.input-group>.form-control:focus, .input-group>.form-control:visited,
	#addclntgstnno:focus, #addclntgstnno:visited, .addclient-wizard-form input:focus,
	.addclient-wizard-form textarea:focus, .addclient-wizard-form select:focus,
	.addclient-wizard-form input:visited, .addclient-wizard-form textarea:visited,
	.addclient-wizard-form select:visited, .form-control:focus,
	.form-control:visited {
	outline: none;
	border-color: #ccc;
	box-shadow: none;
}

.header-choosepanlist .wb-gst-card-block, .header-choosepanlist .wb-gst-card-block.active{
	width: 250px;
	display: inline-block;
	margin: 5px 0px 10px 5px;
}

.header-choosepanlist .wb-gst-card-block .wb-gst-card {
	margin-bottom: 0;
	background: #fff;
	box-shadow: none;
	padding: 6px 12px;
}

.header-choosepanlist .wb-gst-card-block .wb-gst-card .number {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 5px;
}

.header-choosepanlist .wb-gst-card-block .wb-gst-card .statecode,
	.header-choosepanlist .wb-gst-card-block .wb-gst-card .tenure {
	font-size: 10px;
	font-weight: 400;
	color: #999;
}

.fa-angle-right.active {
	transform: rotate(90deg);
}

.wb-gst-card-block a, .wb-gst-card-block a .wb-gst-card,
	.wb-gst-card-block a .wb-gst-card .number, .wb-gst-card-block a .wb-gst-card .statecode,
	.wb-gst-card-block a .wb-gst-card .tenure {
	text-decoration: none !important;
}

.wb-panlist-container .wb-gst-card {
	padding: 6px 12px;
	margin-bottom: 0px;
	box-shadow: 1px 1px 3px #e9e0e0;
	background: #fff;
}

.wb-panlist-container .wb-gst-card .number {
	font-size: 14px;
}

.wb-panlist-container .wb-gst-card .statecode, .wb-panlist-container .wb-gst-card .tenure	{
	font-size: 10px;
}

.wb-panlist-container .wb-gst-card-block {
	padding: 5px 5px 5px 10px;
}

.wb-pannumber-dropdown .btn {
	font-size: 13px !important;
	font-weight: 500;
}

.wb-goto-btn {
	border: 2px solid #333 !important;
	margin: 0 5px 5px 5px;
	font-size: 12px !important;
	color: #333 !important;
	font-weight: 500 !important;
}

.wb-goto-btn:hover {
	background-color: var(--color-dpink) !important;
	color: var(--color-white) !important;
	border: 2px solid var(--color-dpink) !important;
}

.wb-goto-btn:hover .btn {
	color: var(--color-white) !important;
}

.wb-goto-btn .btn {
	font-size: 12px !important;
	color: #333 !important;
	font-weight: 500 !important;
}

.goto-btn-alt {
	border: 2px solid #333 !important;
	margin: 0 5px 5px 5px;
	font-size: 12px !important;
	color: #333 !important;
	font-weight: 500 !important;
	display: inline;
	padding: 6px 10px;
	border-radius: 5px;
	background: transparent;
}

.goto-btn-alt:hover {
	background-color: var(--color-dpink) !important;
	color: var(--color-white) !important;
	border: 2px solid var(--color-dpink) !important;
}
.wb-topnav-search input {
	background: transparent;
	border-bottom: 2px solid #333;
}

/*---- side menu----*/


.slidemenu>ul>li>ul {
	display: none;
	position: absolute;
	right: 100%;
	left: 100%; /* right:-301px; */
	top: 0;
	width: 200px;
	background-color: #ffffff;
	border-right: 1px solid #e7edf1;
	border-bottom: 1px solid #e7edf1;
}

/*---- side menu----*/
.slidemenu {
	height: 100%;
}

.slidemenu a {
	color: #4e4f4f;
	text-decoration: none;
	padding: 12px 15px;
	width: 100%;
	display: block;
	height: 100%;
	font-weight: 600
}

.slidemenu-sub a {
	font-weight: 500;
	color: #247ed2;
	padding: 6px 15px; /* max-height: 44px; */
}

.slidemenu-sub li:hover a {
	text-decoration: none
}

.slidemenu-sub li:hover .captiontxt {
	text-decoration: none
}

.slidemenu-sub li .captiontxt {
	font-size: 11px;
	color: #c3c3c3;
	display: block;
}

.slidemenu li {
	width: 100%;
	color: #fff;
	list-style: none;
	border-bottom: 1px solid #e8f6ff;
	font-size: 13px;
	display: inline-block;
}

.slidemenu ul {
	height: 100%;
	margin: 0;
	padding: 0;
}

.slidemenu>ul {
	max-width: 230px;
	background-color: #ffffff;
	border: 1px solid #e7edf1;
	position: relative;
	overflow: visible;
}

.slidemenu>ul ul.slidemenu-sub {
	border: 0;
	max-width: 300px;
	width: 300px;
	height: 100%;
	margin-top: -1px
}

.slidemenu>ul ul.slidemenu-sub li {
	border-bottom: 1px solid #fff;
}

.slidemenu>ul>li:hover, .slidemenu>ul>li:hover a, .slidemenu>ul>li.first:hover{
	color: var(--color-white) !important;
	background-color: var(--color-dpink) !important;
}

.slidemenu>ul>li:after, .slidemenu>ul>li.first:after {
	content: url(../../images/master/arrow-menu.png);
	float: right;
	margin-top: -32px;
	margin-right: 5px;
}

.additionalinv .slidemenu>ul>li:after {
	content: none
}

.ideinvoice .slidemenu>ul>li:after {
	content: none
}

.slidemenu>ul>li.first {
	color: #4e4f4f;
	background-color: #e8f6ff;
}

.slidemenu>ul>li.first>ul, .slidemenu>ul>li.first:hover>ul, .slidemenu>ul:hover>li.first>ul{
	display: block;
}

.slidemenu>ul:hover>li.first {
	background-color: #ffffff;
}
.slidemenu>ul>li:hover>ul {
	display: block;
}

.slidemenu>ul>li>ul>li:hover {
	color: #4e4f4f;
	background-color: #e8f6ff;
}

.slidemenu>ul>li>ul>li>ul {
	display: none;
	position: absolute;
	right: -199px;
	top: 0;
	width: 200px;
	background-color: #ffffff;
}

.slidemenu>ul>li>ul>li:hover ul {
	display: block;
}

.slidemenu>ul>li>ul>li>ul>li:hover {
	background-color: #58c349;
}

.slidemenu>ul>li>ul>li ul li ul li {
	border-bottom: 1px dotted #fff;
	padding: 20px;
}

div#termsModal .modal-body {
	height: 500px !important;
}

.addlist-dd .dropdown-menu {
	padding: 15px;
	border-radius: 10px;
	min-width: 11rem;
	left: 50%;
	right: auto;
	transform: translate(-50%, 0);
	margin-top: 5px;
}

.addlist-dd .dropdown-item {
	border-bottom: 1px solid #94d18c;
	color: #fff;
	font-size: 14px;
	padding: 7px 5px;
	border-radius: 5px
}

.addlist-dd .dropdown-menu:before {
	content: '';
	border-bottom: 10px solid #ffffff;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	top: -7px;
	right: 14px;
}

/* Sign up Styles */

.wb-signup-img {
	display: block;
	text-align: center;
	margin: 0px auto;
}

.wb-signup-img .signup-icon {
	font-size: 60px;
	display: flex;
	color: #333;
}

.wb-signup-img>img {
	margin: 0 auto;
	vertical-align: middle;
	max-width: 60%;
	height: auto;
}
.wb-signup-box:hover input {
	display: none;
}

.wb-signup-box-txt {
	display: block;
	padding: 0px;
	text-align: center
}

.wb-signup-box h4 {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 10px;
}

.wb-signup-box p {
	font-size: 11px;
	color: #000;
}

.wb-signup-box .radio {
	display: none
}

.wb-signup-box:hover .radio {
	display: block
}

.wb-meterialform .wb-signup-box .radio {
	position: absolute;
	left: -15px;
	top: 10px;
}

.wb-meterialform .wb-signup-box .radio .helper::before, .wb-meterialform .wb-signup-box .radio .helper::after{
	background-color: #fff;
	border-radius: 50px;
	width: 1.5rem;
	height: 1.5rem;
	border: 0.4rem solid #D33568;
}

.wb-meterialform .wb-signup-box:hover .radio .helper::before {
	background: #f00;
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 43%,
		#D33568 50%);
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 43%,
		#D33568 50%);
	background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 43%, #D33568 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#D33568', GradientType=1);
}

.wb-meterialform .wb-signup-box .radio input:checked ~ .helper::before {
	background-color: #D33568;
	border-color: #D33568
}

.wb-formboxwrap .wb-meterialform .wb-signup-box .form-radio,
	.wb-formboxwrap .wb-meterialform .wb-signup-box .form-group {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0;
}

.wb-formboxwrap .wb-meterialform .wb-signup-box .radio {
	position: absolute;
	left: -15px;
	top: -10px;
}

.img_abt_txt ul li {
	color: #fff;
	list-style: none;
	margin-bottom: 6px;
	font-size: 14px;
}

.mobile-field .intl-tel-input {
	width: 100%;
}

.mobile-field .intl-tel-input .signupvalidate {
	padding-left: 50px !important;
}

.dropdown-content.reportSales {
	right: 0;
}

/* Detail Page */
.gstr-info-tabs .nav-tabs .nav-link {
	margin: 11px 15px 5px 13px;
	font-weight: 400;
	padding-bottom: 7px;
	cursor: pointer;
}

.roles .gstr-info-tabs .nav-tabs {
	background: #F5F5F5;
	margin: 10px 0 0 0;
	padding: 0 10px;
}

.form-check-input:focus {
	box-shadow: none;
	outline: 0;
	border-color: #d33568;
}

.roles .bdr-b {
	margin-top: 10px;
}

.roles .form-check-inline {
	margin-bottom: 10px;
}

.roles .form-check-input:checked, .form-check-input:checked {
	/* background-color: #d33f68; */
	background-color: #fff;
	border-color: #d33f68;
}

.form-check-input:checked[type=checkbox] {
	background-image: url(../../images/signups/bs-check_ez7fph.svg);
	border-color:#d33568 !important;
}
.roles .gstr-info-tabs .nav-tabs .nav-link {
	margin: 5px 10px 5px 10px;
	font-weight: 500;
	padding-bottom: 7px;
}

.gstr-info-tabs .nav-tabs .nav-link:hover .serial-num {
	background: var(--color-dpink);
}

.gstr-info-tabs .nav-tabs .nav-link.active, .gstr-info-tabs .nav-tabs .nav-link:hover,
	.gstr-info-tabs .nav-tabs.horizontal .nav-link.active, .gstr-info-tabs .nav-tabs.horizontal .nav-link:hover
	{
	border-bottom: 2px solid #d33568 !important;
	color: #d33568 !important;
}
.gstr-info-tabs.sub-tabs .nav-tabs .nav-link.active, .gstr-info-tabs.sub-tabs .nav-tabs .nav-link:hover{
	border-bottom: 0px solid #d33568 !important;
	color: #d33568 !important;
}

.gstr-info-tabs .nav-tabs .nav-link.active::before, .gstr-info-tabs .nav-tabs .nav-link.active::after,
	.gstr-info-tabs .nav-tabs .nav-link:hover::before, .gstr-info-tabs .nav-tabs .nav-link:hover::after,
	.gstr-info-tabs .nav-tabs.horizontal .nav-link:hover::after,
	.gstr-info-tabs .nav-tabs.horizontal .nav-link:hover::before {
	border: 0 !important;
}

.wb-collapse-sidebar-container {
	position: relative;
	width: 100%;
	display: block;
	height: auto;
}

.wb-collapse-sidebar-btn {
	position: absolute;
	top: 10px;
	left: 6px;
	color: #333;
	font-size: 16px;
}

.wb-collapse-sidebar-btn:hover {
	color: #333 !important;
}

/* Dashboard Tables */
.wb-gstdateinfo {
	background-color: #ffffff;
	padding: 10px;
	width: 100%;
}

.wb-gstinfobox {
	border-bottom: 2px solid #f0f2f3;
	padding: 10px;
	min-height: 61px;
}

.wb-gstdateinfo .wb-datename {
	font-size: 12px;
	font-weight: 600;
	color: #4e4f4f;
	text-align: center;
	display: block;
}

.wb-gstdateinfo .wb-gstname {
	font-size: 12px;
	display: block;
	text-align: center;
}

.wb-btn-right-border {
	border-right: 1px solid #D33568;
}

.work_menu {
	display: none;
	top: 28px;
}
.work_menu:hover{
	display:block !important;
}
.drop_work.btn:hover + .work_menu {
	display: block
}

.drop_work a {
	text-transform: uppercase;
}

.drop_work.caret_drop {
	padding-left: 0px !important;
}

.drop_work a.wb-btn-right-border {
	padding-right: 5px !important;
	align-items: center;
	display: flex;
}

.caret_drop::after {
	margin-left: 0px !important
}

.dropdown-submenu .test .caret, .dropdown-submenu1 .test .caret,
	.dropdown-submenu2 .test .caret, .dropdown-submenu3 .test .caret {
	content: url(../../images/master/arrow-menu.png);
	float: right
}

.dropdown-submenu, .dropdown-submenu1, .dropdown-submenu2,
	.dropdown-submenu3 {
	position: relative;
}

.dropdown-submenu .dropdown-menu, .dropdown-submenu1 .dropdown-menu,
	.dropdown-submenu2 .dropdown-menu, .dropdown-submenu3 .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
}

.drop_work button.btn.btn-blue.dropdown-toggle {
	border-left: solid 1px #1f1f1f;
}

.dropdown-submenu:hover .sub_menu, .dropdown-submenu1:hover .sub_menu1,
	.dropdown-submenu2:hover .sub_menu2, .dropdown-submenu3:hover .sub_menu3
	{
	display: block
}
.work_menu li {
	border-bottom: 1px solid #e5e5e5;
}

.work_menu li a:hover, .work_menu li a:hover .caret {
	background: var(--color-dpink);
	color: var(--color-white) !important;
}

.work_menu li a {
	font-size: 13px;
	font-weight: 500;
	color: #000;
	margin-bottom: 0;
	padding: 8px 12px;
	cursor: pointer;
	width: 100%;
	display: block;
	text-decoration: none;
}

/* Invoice Tab Styles */
.logo_delete .wb-icon .branch_logo_delete .wb-icon {
	font-size: 12px !important;
	padding: 5px 10px;
}

a.logo_delete,a.branch_logo_delete {
	text-decoration: none;
	/* margin-bottom: 21px; */
	margin-left:10px;
	border: 1px solid #ccc !important;
	min-height: 30px !important;
	border-radius: 5px !important;
	background:#ffffff !important;
}
a.logo_delete:hover,a.branch_logo_delete:hover {
	background:#d33568 !important;
	color:#ffffff;
}

.wb-pagetab-container {
	padding: 10px 0;
}

.wb-pagetab-container .heading-title, .wb-pagetab-container .sale-title, .sale-title {
	font-size: 14px;
	font-weight: bold;
}

.wb-pagetab-container .sale-title span, .sale-title span {
	font-size: 20px;
	font-weight: bold;
}

.wb-pagetab-container .sale-title .fa.fa-rupee::before, .sale-title span .fa.fa-rupee::before{
	font-size: 16px;
}

.totalincomeLink .fa.fa-rupee::before, .totalexpenseLink .fa.fa-rupee::before{
	font-size: 16px;
}

.dbtotalvalue-16 .fa.fa-rupee::before {
	font-size: 16px;
}

.dbtotalvalue .fa.fa-rupee::before {
	font-size: 14px;
}

.dbtotalvalue-12 .fa.fa-rupee::before {
	font-size: 12px;
}

.dbtotalvalue-10 .fa.fa-rupee::before {
	font-size: 10px;
}

.dbtotalvalue-9 .fa.fa-rupee::before {
	font-size: 9px;
}

.dbtotalvalue-8 .fa.fa-rupee::before {
	font-size: 8px;
}

.sale-title {
	position: absolute;
	top: 10px;
	right: 15px;
}

.bank-statement-title {
	position: absolute;
	top: 0px;
	right: 12px;
}

.wb-page-heading-l {
	font-size: 16px;
	font-weight: 400;
}

.wb-page-heading-n, .wb-report-titles .reports-monthly,
	.wb-report-titles .reports-yearly, .wb-report-titles .reports-custom {
	font-size: 14px;
	font-weight: 500;
}

.wb-report-subtitles .reports-monthly, .wb-report-subtitles .reports-yearly,
	.wb-report-subtitles .reports-custom {
	font-size: 12px;
	font-weight: normal;
}

.wb-page-heading-b {
	font-size: 18px;
	font-weight: bold;
}

.normaltable-fullcontainer {
	margin: 0 0 15px 0px;
	padding-bottom: 15px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,
		rgba(247, 247, 247, 1) 100%);
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
}

.normaltable .noramltable-row {
	margin-bottom: 5px;
	margin-left: 20px;
	padding-right: 16px;
}

.noramltable-row .normaltable-col.hdr {
	font-size: 11px !important;
	font-weight: 500 !important;
	color: #707070;
	border-right: 1px solid #ddd;
	padding: 0 1px;
}

.noramltable-row .normaltable-col.hdr.custom-width {
	width: auto;
	min-width: 190px;
	display: inline-grid;
}

.noramltable-row .normaltable-col-txt {
	padding-top: 5px;
}

.multiselect-selected-text {
	font-size: 12px;
	font-weight: 500;
}

.wb-show-pagefilters {
	cursor: pointer;
	width: auto;
	color: var(--color-black);
	text-transform: uppercase;
	font-size: 11px;
	margin: 2px 0px 0 10px !important;
	border: 1px solid #333;
	padding: 8px 10px 6px 10px;
	border-radius: 3px;
	font-weight: 600;
	min-height: 32px;
	line-height: inherit;
}

.wb-show-pagefilters.active {
	color: var(--color-dpink);
	border: 1px solid var(--color-dpink);
}

.wb-show-pagefilters:hover, .wb-show-pagefilters.active:hover {
	background: var(--color-dpink);
	color: var(--color-white);
	border: 1px solid var(--color-dpink);
}
.gstr-info-tabs .tab-content {
	margin-top: 0;
	padding: 0;
}
#parties-tabContent .customtable {
	overflow-x: unset;
	overflow-y: unset;
}

.wb-btn-stencil {
	border: 1px solid #333;
	box-shadow: 0 0 3px #ccc;
	padding: 4px 10px;
	color: #333;
	width: auto;
	display: inline-block;
	border-radius: 3px;
	font-size: 11px;
	background: transparent;
}

.wb-btn-stencil:hover {
	box-shadow: 0 0 3px #ccc;
	padding: 4px 10px;
	color: #fff;
	width: auto;
	display: inline-block;
	border-radius: 3px;
	font-size: 11px;
	background: #d33568;
	border: 1px solid #d33568;
}

.wb-btn-stencil-light {
	border: 1px solid #999;
	padding: 4px 10px;
	color: #333;
	width: auto;
	display: inline-block;
	border-radius: 3px;
	font-size: 11px;
	background: transparent;
	box-shadow: none;
}

.wb-btn-stencil-light:hover {
	padding: 4px 10px;
	color: #fff;
	width: auto;
	display: inline-block;
	border-radius: 3px;
	font-size: 11px;
	background: #d33568;
	border: 1px solid #d33568;
	box-shadow: none;
}

/* Invoice Tab Styles */

.actionbtnstyle {
	text-decoration: none;
	line-height: normal;
	font-weight: 700;
	font-size: 11px;
	margin-left: 3px;
	margin-right: 3px;
	height: auto !important;
	text-transform: uppercase;
}

.actionbtnsstyle {
	height: auto !important;
	text-transform: uppercase;
	padding: 4px 10px 2px 10px !important;
	font-weight: 700;
	font-size: 11px;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
	min-height: 27px;
}

.actionbtnsstyle .showarrow {
	margin-left: 5px;
}

.dropdown-menu.reportdrop, .dropdown-item,
	.addsales a.dropdown-item.urllink {
	font-size: 12px;
	font-weight: normal;
}
.dropdown-item{
	text-transform:uppercase;
}
.dropdown-menu.reportdrop, .dropdown-menu.reportdrop.dropdown-menu-right
	{
	width: auto !important;
}

.wb-actions-btn-group {
	display: flex !important;
	align-items: start;
	justify-content: end;
	min-height: 32px;
}

.wb-actions-btn-group-alt {
	display: flex !important;
	align-items: baseline;
	flex-direction: row-reverse;
	padding-bottom: 10px;
}

.customtable .select_msg {
	font-size: 14px;
	font-weight: bold;
	color: var(--color-dpink);
}
.customtable .select-msg-main-strip,.customtable .select-ims-msg-main-strip {
	display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    z-index: 2;
    margin-top: 3px;
}

.customtable .select-msg-recon-strip {
	display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    z-index: 2;
    margin-top: -10px;
}

.customtable .all_select_msg,.customtable .all_ims_select_msg {
	font-size: 14px;
	font-weight: bold;
	margin-left:5px;
	color: #53bc45 !important
}

.disabled {
	opacity: .45;
	cursor: no-drop;
	pointer-events: none;
}
.disabledopacity45 {
	opacity: .45;
}

td .color-green .fa, td .color-red .fa {
	font-size: 18px;
	margin: 0;
/* 	line-height: 0; */
	padding: 0;
}

td .openingbalance .fa, td .openingbalance .fas {
	font-size: 15px !important;
	margin: 0;
	line-height: 0;
	padding: 0 6px 0 3px;
}

.color-green,.color-greendot {
	color: #53bc45 !important
}

.color-red ,.color-reddot{
	color: #ff0000 !important
}

.color-grey {
	color: #ccc !important
}

.color-blue {
	color: #5769bb !important
}

.color-orange {
	color: orange !important
}

.color-red.status-btn {
	background: #ff000033 !important;
	border: 1px solid #ff0000 !important;
	border-radius: 3px;
	padding: 2px 3px;
	font-size: 11px;
}

.color-blue.status-btn {
	background: #5769bb33 !important;
	border: 1px solid #5769bb !important;
	border-radius: 3px;
	padding: 2px 3px;
	font-size: 11px;
	color: #5769bb !important
}

.color-orange.status-btn {
	color: #ffa500 !important;
	background: #ffa50033 !important;
	border: 1px solid #ffa500 !important;
	border-radius: 3px;
	padding: 2px 3px;
	font-size: 11px;
}

.wb-footer-dashboard {
	background: transparent !important;
	width: auto;
}

.wb-footer-dashboard .footer-l, .wb-footer-dashboard .footer-l p,
	.wb-footer-dashboard .footer-r {
	color: #999;
	font-size: 10px;
	font-weight: 400;
}

.reportmenu .dropdown-menu a.dropdown-item {
	padding-top: 8px;
	padding-bottom: 8px;
}

.hide-leftnav-submenu {
	display: block;
	padding: 10px;
	background: #f3f3f3;
	border: 2px solid #dddddd;
}

.hide-leftnav-submenu .close-subnav {
	width: 100%;
	display: inline-block;
	text-align: right;
	cursor: pointer;
}

.hide-leftnav-submenu .close-subnav i {
	color: var(--color-dpink);
}

.hide-leftnav-submenu .search-field {
	margin-bottom: 10px;
	display: inline-block;
}

.wb-sidenav-clientresult.company-container {
	display: inline-flex;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	margin: 0;
}

.wb-sidenav-clientresult.company-container li {
	padding: 0;
	display: flex;
	margin-bottom: 15px;
}

.wb-sidenav-clientresult img {
	border-radius: 50%;
	border: 2px solid #ccc;
	margin-right: 5px;
	width: 40px;
	height: 40px;
}

.wb-sidenav-clientresult .company-info-body {
	margin-left: 3px;
	cursor: pointer;
}

.wb-sidenav-clientresult .company-information .title {
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 0px;
	color: #333;
	line-height: 1.2;
	width: 100%;
	display: inline-block;
	position: relative;
	padding-right: 10px;
}

.wb-sidenav-clientresult .company-information .pannumber {
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 10px;
	color: #666;
}

.errormsg.red {
	color: red;
}

.errormsg.green {
	color: green;
}

.addnew-client .help-block.with-errors, .error-message {
	font-size: 11px;
	color: red;
}

.disable {
	pointer-events: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity = 70);
	opacity: 0.7;
}

.btn-greendark-status {
	color: #333;
}

.daterangefilter-container {
	background: #fff;
	cursor: pointer;
	padding: 2px 10px;
	border: 1px solid #333;
	width: 100%;
	width: max-content;
	border-radius: 4px;
	min-width: 300px;
}

.daterangefilter-container span {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
}

.wb-reportcard {
	box-shadow: 0px 0px 3px rgb(120 120 120/ 20%);
	margin: 20px 10px;
}

.wb-reportcard .card-body {
	display: inline-block;
}

.wb-reportcard .card-text {
	font-size: 14px;
	font-weight: normal;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	align-items: center;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f9f9f9;
}

.wb-reportcard .card-text span {
	max-width: 70%;
}

.wb-reportcard .card-text:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.wb-reportcard-btn {
	float: right;
	border: 1px solid #666;
	color: #333;
	text-decoration: none;
	padding: 5px 20px;
	border-radius: 25px;
	margin: 5px 0 5px 0;
	font-size: 13px;
	text-transform: uppercase;
	line-height: normal;
}

.wb-reportcard-btn:hover {
	background: var(--color-dpink);
	color: var(--color-white);
	border: 1px solid var(--color-dpink);
}

.imgsize-wrap-thumb1 .imgsize-thumb {
	max-width: 50px;
	object-fit: contain;
}

table .imgsize-wrap-thumb1 .imgsize-thumb, table .imgsize-thumb {
	width: 30px;
	height: 30px;
	border-radius: 50px;
	border: 1px solid #eee;
	object-fit: contain;
}

.totalincomeLink {
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s; /* Animation */
}

.totalincomeLink:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}

.cbhref:hover, .totalincomeLink:hover, .totalexpenseLink:hover, .plhref:hover,
	.receivablehref:hover, .payablehref:hover, .receivableCurrenthref:hover,
	.receivableOverduehref:hover, .payableCurrenthref:hover,
	.payableOverduehref:hover, .payabledropdown:hover {
	color: var(--color-dpink) !important;
	text-decoration: underline;
}

.link-logo {
	width: 20px;
	height: 20px;
}

.report-type-salescontainer .dropdown-toggle {
	margin-right: 10px;
	display: flex;
}

.report-type-salescontainer .dropdown-toggle label,
	.report-type-salescontainer label, .esummary_retperiod {
	font-size: 13px;
}
.border-n-radius {
	border: 1px solid #333;
	border-radius: 4px;
}

.border-top-one {
	border-top: 1px solid #e9e9e9;
	padding-top: 1rem;
	padding-bottom: 20px;
}

.border-bottom-one {
	border-bottom: 1px solid #e9e9e9;
	padding-top: 1rem;
	padding-bottom: 20px;
}

#monthely-sp .datepicker .datepicker-months {
	font-size: 16px;
}

.autoselect-box .select2-container--default, .autoselect-box .select2-container--default .select2-selection
	{
	width: 100% !important;
	border: 0;
}

.checkbox-top {
	top: -3px;
}

.help-block.with-errors {
	font-size: 11px;
	color: red;
	min-width: 180px;
}

.popup-zindex {
	z-index: 1060 !important;
    background: #ccccccb8 !important;
}

.addpopup-zindex,.invoiceModal{
	z-index: 1050 !important;
	background: #ccccccb8 !important;
}
.modal.fade {
	z-index: 1040;
	background: #ccccccb8 !important;
}

.custom-popup-zindex {
	z-index: 2100 !important;
    background: #ccccccb8 !important;
}

.flex-n-center {
	display: flex;
	align-items: center;
}

.inline-flex-n-center {
	display: inline-flex;
	align-items: center;
}

.w-10-px {
	width: 10px;
}

.w-20-px {
	width: 20px;
}

.w-30-px {
	width: 30px;
}

.w-40-px {
	width: 40px;
}

.w-50-px {
	width: 50px;
}

.w-60-px {
	width: 60px;
}

.w-65-px {
	width: 60px;
}

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

.w-80-px {
	width: 80px;
}

.w-90-px {
	width: 90px;
}

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

.w-110-px {
	width: 110px;
}

.w-120-px {
	width: 120px;
}

.w-150-px {
	width: 150px;
}

.w-200-px {
	width: 200px;
}

.w-250-px {
	width: 250px;
}

.w-300-px {
	width: 300px;
}

.w-10-px-imp {
	width: 10px !important;
}

.w-20-px-imp {
	width: 20px !important;
}

.w-30-px-imp {
	width: 30px !important;
}

.w-40-px-imp {
	width: 40px !important;
}

.w-50-px-imp {
	width: 50px !important;
}

.w-60-px-imp {
	width: 60px !important;
}

.w-65-px-imp {
	width: 60px !important;
}

.w-70-px-imp {
	width: 70px !important;
}

.w-80-px-imp {
	width: 80px !important;
}

.w-90-px-imp {
	width: 90px !important;
}

.w-100-px-imp {
	width: 100px !important;
}

.w-110-px-imp {
	width: 110px !important;
}

.w-120-px-imp {
	width: 120px !important;
}

.w-150-px-imp {
	width: 150px !important;
}

.w-200-px-imp {
	width: 200px !important;
}

.w-250-px-imp {
	width: 250px !important;
}

.w-300-px-imp {
	width: 300px !important;
}

.min-40px-imp {
	min-width: 40px !important;
}

.min-50px-imp {
	min-width: 50px !important;
}

.min-60px-imp {
	min-width: 60px !important;
}

.min-70px-imp {
	min-width: 70px !important;
}

.min-80px-imp {
	min-width: 80px !important;
}

.min-90px-imp {
	min-width: 90px !important;
}

.max-40px-imp {
	max-width: 40px !important;
}

.max-50px-imp {
	max-width: 50px !important;
}

.max-60px-imp {
	max-width: 60px !important;
}

.max-70px-imp {
	max-width: 70px !important;
}

.max-80px-imp {
	max-width: 80px !important;
}

.max-90px-imp {
	max-width: 90px !important;
}

.minmax-40px-imp {
	max-width: 40px !important;
	min-width: 40px !important;
}

.minmax-50px-imp {
	max-width: 50px !important;
	min-width: 50px !important;
}

.minmax-60px-imp {
	max-width: 60px !important;
	min-width: 60px !important;
}

.minmax-70px-imp {
	max-width: 70px !important;
	min-width: 70px !important;
}

.minmax-80px-imp {
	max-width: 80px !important;
	min-width: 80px !important;
}

.minmax-90px-imp {
	max-width: 90px !important;
	min-width: 90px !important;
}

.w-1-per {
	width: 1% !important;
}

.w-2-per {
	width: 2% !important;
}

.w-3-per {
	width: 3% !important;
}

.w-4-per {
	width: 4% !important;
}

.w-5-per {
	width: 5% !important;
}

.w-6-per {
	width: 6% !important;
}

.w-7-per {
	width: 7% !important;
}

.w-8-per {
	width: 8% !important;
}

.w-9-per {
	width: 9% !important;
}

.w-10-per {
	width: 10% !important;
}

.w-15-per {
	width: 15% !important;
}

.w-20-per {
	width: 20% !important;
}

.w-25-per {
	width: 25% !important;
}

.w-30-per {
	width: 30% !important;
}

.w-35-per {
	width: 35% !important;
}

.w-40-per {
	width: 40% !important;
}

.w-45-per {
	width: 45% !important;
}

.w-50-per {
	width: 50% !important;
}

.w-55-per {
	width: 55% !important;
}

.w-60-per {
	width: 60% !important;
}

.w-65-per {
	width: 65% !important;
}

.w-70-per {
	width: 70% !important;
}

.w-75-per {
	width: 75% !important;
}

.w-80-per {
	width: 80% !important;
}

.w-85-per {
	width: 85% !important;
}

.w-90-per {
	width: 90% !important;
}

.w-95-per {
	width: 95% !important;
}

.w-100-per {
	width: 100% !important;
}

.form-check-input

	
#invoiceview_option, #invoiceview_optionbyprdate,
	#invoiceview_optionbysrdate, #fillingoption,#vouchercontrafillingoption,
	#filing_optyearlyoptionion1, .dpMonths, .date-color-text,
	.pandlinvoiceview_option {
	color: var(--color-dpink);
	font-size: 13px;
	font-weight: 500;
}

.border-bottom {
	border-bottom: 1px solid var(--color-lightgray) !important;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

.border-bottom-light {
	border-bottom: 1px solid #eee;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

.tab-pane .alert-success {
	font-size: 12px;
}

.showarrow .fa.fa-caret-down, .showarrow .fa.fa-angle-down {
	font-size: 16px;
	top: -1px;
	position: relative;
	margin-left: 5px;
	float: right;
}

.showarrow .fa {
	margin-left: 5px;
}

.filter-calendar-icon .fa.fa-calendar-alt {
	color: var(--color-dpink);
}

.all_client_icons {
	display: inline-flex;
}

.all_client_icons .linked-account {
	margin-right: 15px;
	color: var(--color-dpink);
}

.wbActionBtnStencil-Group {
	margin: 2px 2px 0 2px;
	display: block;
}

.wbActionBtnStencil, a.wbActionBtnStencil, button.wbActionBtnStencil {
	border: 1px solid #999;
	padding: 6px 10px 4px 10px;
	text-transform: uppercase;
	color: var(--color-black);
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	border-radius: 3px;
	cursor: pointer;
	line-height: inherit;
	background: transparent;
	text-decoration: none;
	min-height: 32px;
}

.wbActionBtnStencilselect {
	border: 1px solid #999;
	padding: 6px 10px 4px 10px;
	color: var(--color-black);
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	border-radius: 3px;
	line-height: inherit;
	background: transparent;
	text-decoration: none;
	min-height: 32px;
}

.gstr1branchesdisplay .multiselect-native-select .btn{
	border-radius: 0px!important;
	border: 0px solid #999;
	padding: 0px 0px 0px 0px !important;
	text-decoration: none;
	margin-bottom: 0px !important;
}

.gstr1branchesdisplay span.multiselect-native-select{
	padding: 0px 0px 0px 0 !important;
}
.gstr1branchesdisplay .multiselect-native-select .btn:hover{
	border:0px!important;
}

.wbActionBtnStencil:hover {
	border: 1px solid var(--color-dpink);
	background: var(--color-dpink);
	color: var(--color-white);
	text-decoration: none;
}

.wbActionBtnStencil:active, a.wbActionBtnStencil:active, button.wbActionBtnStencil:active,
	.wbActionBtnStencil.active {
	border: 1px solid var(--color-dpink);
	background-color: var(--color-dpink);
	color: #fff;
}
.lightblurpink.wbActionBtnStencil.active {
	border: 1px solid var(--color-dpink);
	background-color: #fff0f5;
	color: #000000;
}

.cal-position {
	position: relative;
	left: -20px;
}

.fa.cal-position {
	color: var(--color-dpink);
}

.no-arrow.dropdown-toggle::after {
	border: 0;
	margin: 0;
}

.section-bottom-border {
	border-bottom: 1px solid #ccc;
}

.popup-sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	text-align: center;
}

.popup-sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.popup-sidenav a:hover {
	color: #f1f1f1;
}

.popup-sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

@media screen and (max-height: 450px) {
	.popup-sidenav {
		padding-top: 15px;
	}
	.popup-sidenav a {
		font-size: 18px;
	}
}

.distributed-row {
	background-color: white;
	padding: 8px;
	margin-bottom: 10px;
	border: 1px solid lightgray;
	border-radius: 4px;
}

.more-tooltip {
	font-size: 14px;
	color: var(--color-dpink) !important;
	cursor: pointer;
	margin: 2px;
	font-weight: 700;
	position: relative;
	display: inline-block;
}

.tooltip-row {
	width: 100%;
}

.more-tooltip-datacontainer {
	visibility: hidden;
	width: auto;
	background-color: #fff;
	color: #333;
	text-align: left;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	min-width: 280px;
	box-shadow: 0px 0px 3px #ccc;
	padding: 10px;
}

.more-tooltip.active .more-tooltip-datacontainer {
	visibility: visible;
}

.more-tooltip-datacontainer span {
	font-size: 11px;
}

.d-flex-between {
	display: flex;
	justify-content: space-between;
}

.d-flex-between-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.d-flex-justify-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.d-flex-end-center {
	display: flex;
	justify-content: end;
	align-items: center;
}

.modal-dialog.modal-right {
	position: fixed;
	right: 0;
	top: 0;
	margin: 0;
	border-radius: 0;
	padding: 0 !important;
}

.modal-dialog.modal-right .modal-content {
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	border-radius: 0;
}

.modal-footer-sticky {
	position: sticky;
	bottom: 0;
	background-color: inherit;
	z-index: 1055;
}

.modal-dialog.modal-right .modal-header, .modal-dialog .modal-header {
	border-radius: 0;
	padding: 12px 20px;
    border-bottom: 1px solid #cdcdcd57;
}

.modal.fullscreen .modal-dialog .modal-header {
	background: white;
    border-bottom: 1px solid #cdcdcd57;
}

.modal-dialog .modal-header h3, .modal-dialog .modal-header h4 {
	margin-bottom: 3px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	display: inline-block;
	text-transform: uppercase;
}

.btn-close {
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	border: 0;
	border-radius: .375rem;
	opacity: .9 !important;
	    content: " " !important;
	    font-family: 'wb-icons', sans-serif !important;
	    background:none !important;
	    font-size:26px;
	    padding: 2px !important;
	    margin-right:2px !important;
	    
}
.btn-close:before{
	    content: "\e96d" !important;
	    position: relative;
    	top: -4px;
}
.btn-close:focus {
    box-shadow: 0 0 0 .1rem #d33568;
}

.btn-close-pink {
	box-sizing: content-box;
	display: inline-block;
	width: .6em;
	height: .6em;
	padding: .25em .25em;
	color: #fff;
	background: transparent
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d33568'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
		center/1em auto no-repeat !important;
	border: 0;
	border-radius: .375rem;
	opacity: .9 !important;
}

.fullscreen .invoice-hdr.bluehdr {
	background-color: #fff !important;
	display: flex;
	max-height: 44px;
	height: 44px;
}

.fullscreen .balancedue {
	color: var(--color-dpink) !important;
	border-radius: 5px;
	padding: 3px 10px;
}

.fullscreen button.close {
	background: transparent !important;
	color: var(--color-dpink);
	padding: 2px 5px !important;
	margin: 2px;
	border-radius: 5px;
	border: 0;
	border: 1px solid var(--color-black);
}

.fullscreen button.close img {
	width: 20px;
}

.fullscreen .popup-settings {
	background: transparent;
	color: var(--color-dpink);
	padding: 5px 10px !important;
	line-height: normal;
	margin: 2px 6px;
	border-radius: 5px;
	border: 1px solid var(--color-dpink);
}

.fullscreen .popup-settings .fa {
	font-size: 18px;
}

.fullscreen .balancedue span {
	font-size: 14px;
	font-weight: 600;
	padding-right: 10px;
}

.d-flex-center-fit {
	display: flex;
	align-items: center;
	flex-basis: fit-content;
}

.fullscreen .modal-footer .lable-txt {
	font-size: 13px;
}

.fullscreen .balancedue p {
	font-size: 20px;
	font-weight: bold;
	display: inline;
}

.fullscreen .balancedue .fa-rupee:before {
	font-size: 14px;
	font-weight: bold;
}

.fullscreen .invoice-hdr.bluehdr h3 {
	color: #333;
	font-size: 18px;
}

.fullscreen .invoice-hdr.bluehdr h6 {
	color: #333;
}

.fullscreen .modal-content {
	border-radius: 0 !important;
}

.sortable-form .form-control:focus, .sortable-form .form-control:visited,
	.sortable-form .form-control:focus-within, .sortable-form .form-control:focus-visible
	{
	border: 2px solid #376EA9 !important;
}
.sortable-form .form-check-input:focus {
  border: 2px solid #376EA9 !important;
}
.sortable-form select:focus {
  border: 2px solid #376EA9 !important;
}
.sortable-form a:focus {
  border: 2px solid #376EA9 !important;
}

.sortable-form textarea:focus {
  border: 2px solid #376EA9 !important;
}
.table-row-tooltip .product_notes {
	position: relative;
}

.table-row-tooltip .dropdown-search1, .table-row-tooltip-footer .dropdown-search1,
	#eallinvoicettfoot .dropdown-search1 {
	position: absolute !important;
	right: 8px;
	top: 6px;
	margin: 0 !important;
}

.form-group.product_notes {
	position: relative;
}

.active .serial-num {
	background: var(--color-dpink);
}

.serial-num {
	background: #CCC;
	padding: 2px 6px;
	border-radius: 50%;
	font-size: 9px;
	top: -1px;
	position: relative;
	color: #fff;
}

.reconsile-text {
	font-size: 14px;
	color: #0dce2f;
	font-weight: bold;
}

/*======================================
//--//-->   BOX COLAPSE
======================================*/
.box-collapse {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 1040;
	background-color: #ffffff;
	transform: translateX(100%);
	transition: all 0.6s ease;
}

@media ( min-width : 1400px) {
	.custom-container {
		max-width: 1140px;
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		width: 100%;
		padding-right: calc(var(--bs-gutter-x)* .5);
		padding-left: calc(var(--bs-gutter-x)* .5);
		margin-right: auto;
		margin-left: auto;
	}
}

@media ( min-width : 768px) {
	.box-collapse {
		width: 50%;
	}
}

.box-collapse .title-box-d {
	top: 30px;
	left: 60px;
	opacity: 0;
	transition: all 1s ease;
	transition-delay: 0.3s;
}

@media ( max-width : 575px) {
	.box-collapse .title-box-d {
		left: 35px;
	}
	.table-responsive-sm {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

@media ( min-width : 575px) {
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .wb-leftnav-addgst
		{
		left: 0;
	}
}

@media ( max-width : 575px) {
	.box-collapse .title-box-d .title-d {
		font-size: 1.3rem;
	}
}

.box-collapse-wrap {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 6.5rem;
	bottom: 5rem;
	padding-left: 10%;
	padding-right: 10%;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	transform: translateY(3rem);
	transition: transform 0.5s 0.5s ease, opacity 0.5s 0.5s ease;
}

.box-collapse-open .click-closed {
	visibility: visible;
}

.box-collapse-open .box-collapse {
	transform: translateX(0);
	box-shadow: 0 0 65px rgba(0, 0, 0, 0.07);
	opacity: 1;
}

.box-collapse-open .box-collapse .title-box-d {
	transform: translate(0);
	opacity: 1;
}

.box-collapse-open .box-collapse-wrap {
	transform: translate(0);
	opacity: 1;
}

.box-collapse-closed .box-collapse {
	opacity: 0.7;
	transition-delay: 0s;
}

.box-collapse-closed .box-collapse .title-box-d {
	opacity: 0;
	transition-delay: 0s;
}

.box-collapse-closed .box-collapse .form-a {
	opacity: 0;
	transition-delay: 0s;
}

.click-closed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 1035;
	background-color: #000000;
	opacity: 0.4;
}

.close-box-collapse {
	position: absolute;
	z-index: 1050;
	top: 2rem;
	font-size: 3.5rem;
	line-height: 1;
	color: #000000;
	cursor: pointer;
	transition: all 0.3s ease;
}

.right-boxed {
	right: 4.2857rem;
}

.right-0 {
	right: 0px;
}

.right-5 {
	right: 5px;
}

.right-10 {
	right: 10px;
}

.right-15 {
	right: 15px;
}

.right-20 {
	right: 20px;
}

.left-0 {
	left: 0px;
}

.left-5 {
	left: 5px;
}

.left-10 {
	left: 10px;
}

.left-15 {
	left: 15px;
}

.left-20 {
	left: 20px;
}

.min-width-auto {
	min-width: auto !important;
}

.invoice-cal-position {
	position: absolute;
	right: 20px;
	top: 50%;
	z-index: 1 !important;
	margin: 0 !important;
}

.invoice-cal-position-alt {
	position: absolute;
	right: 10px;
	top: 25%;
	z-index: 1 !important;
	margin: 0 !important;
}
.invoice-cal-position-pop-alt {
	position: absolute;
	right: 22px;
	top: 57%;
	z-index: 1 !important;
	margin: 0 !important;
}

.border-right-1 {
	border-right: 1px solid #cdcdcd;
}

.flex-height-container {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 10px 0;
}

.flex-height-col {
	flex: 1;
}

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

.dateddlable {
	font-size: 9px;
	padding: 2px;
	color: #666;
}

@media ( min-width : 1023px) {
	.col-md-quarter {
		flex: 0 0 auto;
		width: 12.66666667%;
	}
}

.colorblack {
	color: var(--color-black);
}

.datetimetxt .month-cal-icon {
	color: var(--color-dpink);
}

.datetimetxt #ret-period {
	font-size: 13px;
}

.datetimetxt.datetime-wrap {
	display: inline-flex;
	float: unset;
}

.verifiedtext-container {
	font-size: 12px;
	font-weight: 400;
	color:#000000;
	display: inline-block;
	width: auto;
	padding:5px;
}

.verifiedtext-container.success {
	color: #059D05;
	border: 1px solid #059D05;
}

.verifiedtext-container.failed {
	color: #FF0000;
	border: 1px solid #FF0000;
}

.verifiedtext-container .fa {
	margin-right: 4px;
}

.verifiedtext-container .link {
	color: #3962bf;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
}

.sfilter .btaginput {
	background-color: var(--color-dpink);
}

.mismatchfilter,.Gstr2bReconsilationfilter {
	color: red;
	font-size: 14px;
	font-weight: 600;
}

.sfilter .btn-remove-tag, .mismatchfilter .btn-remove-tag,.Gstr2bReconsilationfilter  .btn-remove-tag{
	float: right;
	padding-right: 10px;
	color: var(--color-dpink);
	cursor: pointer;
}

.profile-company-heading {
	font-size: 1rem;
	font-weight: 500;
}

.profile-gst-heading {
	font-size: .8rem;
	font-weight: 400;
}

.profile-logo-img {
	width: 80px;
	height: 80px;
	border: 1px solid #eee;
	display: flex !important;
	align-items: center;
	object-fit: contain;
}

.client-profile-logo-img {
	width: 50px;
	height: 50px;
	border: 1px solid #eee;
	display: flex !important;
	align-items: center;
	object-fit: contain;
}

.client-logo-edit-btn {
	position: relative;
	/* bottom: 22px;
	left: 18px; */
	color: white;
	background: #d33568;
	border-radius: 50%;
	padding: 1px;
    right: 87px;
    top: 28px;
}

.profile-logo-img img {
	width: 100%;
}

.client-profile-logo-img img {
	width: 100%;
}

.profile-table-data {
	margin-bottom: 5px;
}

.profile-table-data label {
	font-size: 13px;
	font-weight: 400;
	color: #8d8d8d;
	letter-spacing: .2px;
}

.profile-table-data p {
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.card-withborder {
	border: 1px solid #e9e9e9;
	box-shadow: 0px 0px 6px #e9e9e9;
	padding: 2rem;
}

.wb-profilepage-container {
	padding: 20px;
}

.clientlogo {
	margin: 0 !important;
	text-indent: 0 !important;
}

.errormsg {
	font-size: 11px;
	color: #ff0000;
}

.red-text {
	color: red;
}

.green-text {
	color: green;
}

.subscript_details_box {
	margin-top: 25px;
}

.custom-input-group .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
	padding-left: 0px;
	font-size: 16px;
	line-height: normal;
	position: absolute;
	top: -1px;
	right: 0;
	z-index: 5;
}

.custom-input-group .btn:first-child:hover, :not(.btn-check)+.btn:hover	{
	color: var(--color-dpink);
}

.all-clients-search .btn:first-child:hover {
	background: transparent !important;
	color: var(--color-dpink);
}

.custom-input-group .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){
	border-radius: 4px !important;
}
.invview_Process,.upload_invview_Process,.prepare_summary_invview_Process,.table_invview_Process {
	color: red;
	font-size: 20px;
	z-index: 150000;
	text-align: center;
	/*background: #ffffffe8;*/
	  position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100svh;
	background:rgba(60, 60, 60, 0.2);
}

/*color: red;
	font-size: 20px;
	position: absolute;
	z-index: 150000;
	width: 100%;
	height: 100vh;
	text-align: center;
	top: 0;
	background: #ffffffe8;*/
.upload_invview_Process {
	height: 75vh!important;
}

.invview_Process img,.upload_invview_Process img,.prepare_summary_invview_Process img,.table_invview_Process img{
	width: 70px;
	height: 70px;
	top: 40%;
	left: 48%;
	position: absolute;
}

.form-group .wb-settings-card h5 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

.form-group .wb-settings-card .lable-txt {
	font-size: 13px !important;
	text-transform: none !important;
	font-weight: normal !important;
	color: #333 !important;
	display: block;
	margin-bottom: 10px;
}

.form-group .wb-settings-card .result-text, .tdate_invdate {
	font-size: 14px;
	font-weight: 500;
	text-align: right;
	padding-right: 10px;
}
.form-group .wb-settings-card .result-text {
	text-align: start !important;
}
.wb-settings-card .colon{
	text-align:center;
}

.form-group .wb-settings-card .result-text .form-radio {
	font-size: 12px;
	text-align: right;
}

.enable_drcr_field {
	font-size: 12px;
	text-align: right;
}

.form-group .wb-settings-card .input-border {
	border: 1px solid lightgray;
	width: auto;
	margin-bottom: 10px;
	padding: 0 9px;
}

.customtable .meterialform th .checkbox .helper, .customtable .meterialform td .checkbox .helper
	{
	top:-8px !important;
}

#smtpdetails label p {
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: 600;
}

.add-btn-sm {
	font-size: 11px;
	color: var(--color-dpink);
	padding: 2px 8px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid var(--color-dpink);
}

.add-btn-sm:hover {
	background: var(--color-dpink);
	color: var(--color-white) !important;
}

.p-r {
	position: relative;
}

.p-a {
	position: absolute;
}

.count-indicator {
	position: relative;
}

.count-indicator .count {
	position: absolute;
	left: 50%;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background: #FF0017;
	color: #ffffff;
	font-size: 11px;
	top: -5px;
	font-weight: 600;
	line-height: 1rem;
	border: none;
	text-align: center;
}

.pointer {
	cursor: pointer;
}

.easy-pointer {
	cursor: pointer;
}

.easy-pointer:hover {
	background:none repeat scroll 0 0 #d33568;cursor:pointer;color:white;
}

label .form-check-input, .form-check-input {
	width: 16px;
	height: 16px;
	margin-top: 2px;
}

.fullscreen .modal-body {
	padding: 1.5rem;
}

/*Dashboard Styles*/
.dashboard-gray-bg {
	background: transparent !important;
	border: 0 !important;
}

.dashboard-card {
	box-shadow: 0 0rem 0.5rem rgba(75, 70, 92, 0.1);
	border-radius: 4px;
	border: 1px solid #eee;
	background: #fff;
	margin-bottom: 25px;
	width: 100%;
}

.dashboard-card.less-margin {
	margin-bottom: 5px !important;
}

.footer-info {
	display: flex;
	justify-content: space-between;
}

.footer-info .card-label, .footer-info-alt .card-label, .card-label {
	font-size: 14px;
	color: #999;
	text-decoration: none;
	font-weight: 400;
	width: 100%;
	display: flex;
	margin-bottom: 4px;
}

.footer-info .card-label .received {
	border-left: 10px solid green;
	padding: 0 0px 0 10px;
	display: inline-block;
}

.footer-info .card-label .pending {
	border-left: 10px solid green;
	padding: 0 0px 0 10px;
	display: inline-block;
}
#tot_amt{
	position:relative;
}
.tax-popup {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(245, 245, 245);
	padding: 10px;
	position: absolute;
	box-shadow: rgb(150, 150, 150) 0px 0px 8px 2px;
	width: auto;
	margin-top: 5px;
	text-align: left;
	z-index: 9;
	font-size: 12px;
}
#tot_amt .tax-popup{
	width: max-content;
	right:0;
}
.help-block .list-unstyled {
	margin: 0;
}

.dashboard-card .card-body h4, .footer-info .value, .footer-info-alt .value,
	.dashboard-card .card-body h4 a.counter-value {
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	color: #000;
	width: 100%;
	display: inline;
}

.dashboard-card .card-body h4 a.counter-value {
	font-size: 20px;
	font-weight: 600;
}

.footer-info-alt .fa, .currency-section .fa, .currency-section .counter-value{
	display: inline;
}

.footer-card {
	margin: 10px 0;
}

.doughnut-chart-container canvas {
	width: 100% !important;
	height: auto !important;
	padding: 0;
}

.doughnut-chart-container canvas legend {
	width: 20px;
}

.graph-morebtn {
	float: right;
	font-size: 11px;
	color: #333;
	border-bottom: 0px solid #ccc;
	padding: 5px;
	border-radius: 3px;
	line-height: normal;
	text-decoration: underline;
	text-transform: uppercase;
}

.wb-clients-card .wb-bookmark.active .fa-star {
	color: var(--color-dpink);
    position: relative;
    top: 15px;
}

.divider-light {
	height: 1px;
	background: #f1f1f1;
	margin: 5px 0;
}

.divider-dar {
	height: 1px;
	background: #ccc;
	margin: 5px 0;
}

.card-sep {
	height: 1px;
	background: #f1f1f1;
	margin: 15px 0;
}

.card-sep-md {
	height: 1px;
	background: #f1f1f1;
	margin: 10px 0;
}

.card-sep-sm {
	height: 1px;
	background: #f1f1f1;
	margin: 5px 0;
}

td .item_delete {
	text-align: center;
	margin: 0 auto;
	display: block;
}

/*Dashboard Styles*/
#financialYear {
	font-size: 14px;
}

.pink-left-border {
	border-left: 1px solid var(--color-dpink);
}

.green-left-border {
	border-left: 1px solid var(--color-green);
}

.blue-left-border {
	border-left: 1px solid var(--color-blue);
}

.pink-bottom-border {
	border-bottom: 2px solid var(--color-dpink);
}

.green-bottom-border {
	border-bottom: 2px solid var(--color-green);
}

.blue-bottom-border {
	border-bottom: 2px solid var(--color-blue);
}

.add-edit-logo {
	border: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 5px;
	background:#ffffff;
}
.add-edit-logo:hover {
	background:#d33568 !important;
	color:#ffffff;
}

.mysubscription-card .mysubscription-details {
	font-size: 14px;
	margin-bottom: 10px;
}

.common-form label {
	color: #090909;
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: 600;
	text-decoration: none;
}

.common-form .form-control {
	height: 36px;
	padding: 5px;
	width: 100%;
	min-width: 80px;
	box-shadow: none;
	position: relative;
	font-weight: normal;
	font-size: 13px;
	border-radius: 6px;
    border: 2px solid #cccccc5e;
}
a.btn-edt {
	text-decoration: none;
}

a .wb-icon-delete {
	font-size: 22px;
	color: #000;
	text-decoration: none;
}

a {
	text-decoration: none;
}

.tab-border {
	border: 1px solid #ccc;
}

.vertical-tabs .gstr-info-tabs .nav-tabs .nav-item .nav-link {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0;
	padding: 10px;
	border-radius: 0;
	border-left: 4px solid transparent;
}

.vertical-tabs .gstr-info-tabs .nav-tabs .nav-item .nav-link.active {
	border-right: 0 !important;
	border-left: 4px solid var(--color-dpink);
	font-weight: bold;
}

.vertical-tabs .gstr-info-tabs .tab-pane {
	padding: 10px 0;
}

.vertical-tabs .nav.nav-tabs {
	width: 180px;
}

.nav-tabs.gst-verticaltabs {
	width: 80px !important;
}

.nav.nav-tabs.horizontal {
	width: auto !important;
}

.vertical-tabs .gstr-info-tabs .nav-tabs.vertical .nav-link.active,
	.vertical-tabs .gstr-info-tabs .nav-tabs.vertical .nav-link:hover {
	background: #fff0f5;
	color: #d33568 !important;
	border-bottom: 2px solid transparent !important;
}

#reportTable4_wrapper .DTFC_RightBodyWrapper tr td {
	font-weight: bold;
	font-size: 14px;
}

.dashboard-charttypes .btn {
	padding: 2px !important;
	font-size: 10px;
	text-transform: uppercase;
	color: #666;
	border: 1px solid #ccc;
	margin-bottom: 0;
	line-height: normal;
}

.dashboard-charttypes .btn.active, .dashboard-charttypes .btn:hover {
	color: #d33568;
	border: 1px solid #d33568;
}

.dashboard-charttypes .wb-icon {
	font-size: 20px;
}

/*card*/
.small-card {
	margin-bottom: 30px;
	border: none;
	transition: all 0.3s ease;
	border-radius: 5px;
	box-shadow: 0px 3px 10px rgb(46 35 94/ 7%);
	background: #fff;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: var(--bs-card-height);
	word-wrap: break-word;
}
.small-widget {
	overflow: hidden;
}

.small-widget .card-body {
	padding: 15px;
}

.small-widget h4 {
	margin-bottom: -3px;
	font-size: 1.2rem;
}

.small-widget .bg-gradient {
	width: 66px;
	height: 67px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	right: -12px;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
	opacity: 0.8;
}

.small-widget .bg-gradient svg {
	width: 22px;
	height: 22px;
}

.secondary .svg-fill:not(.half-circle) {
	stroke: #cf204d;
}

.secondary .svg-fill {
	fill: #f43365;
}

.primary .bg-gradient {
	background-image: linear-gradient(144.16deg, rgba(115, 102, 255, 0.1)
		19.06%, rgba(115, 102, 255, 0) 79.03%) !important;
}

.secondary .bg-gradient {
	background-image: linear-gradient(144.16deg, rgba(255, 51, 100, 0.1)
		19.06%, rgba(255, 51, 100, 0) 79.03%) !important;
}

.third .bg-gradient {
	background-image: linear-gradient(144.16deg, rgba(255, 170, 5, 0.1)
		19.06%, rgba(255, 170, 5, 0) 79.03%) !important;
}

.fourth .bg-gradient {
	background-image: linear-gradient(144.16deg, rgba(84, 186, 74, 0.1)
		19.06%, rgba(84, 186, 74, 0) 79.03%) !important;
}

.f-light {
	color: #52526C;
	opacity: 0.8;
	font-weight: normal;
	font-size: 0.7rem;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: flex;
}

.item_ledger {
	position: relative;
}

.remainddbox1, #addbilledtoname .ddbox2, #addeccommercegstin .ddbox2,
	#billedtostatecodeempty .ddbox, #uqc_textempty, #itemcodeempty,
	#adjamt1, .ledgerddbox1, .remainhsnddbox1, .eremainhsnddbox1,
	.suggestionbox, .vledgerddbox, #remainexempt_categoryempty1
#addexpenseledger, .remainstockItemno_textempty,.vouchertypeddbox {
	background-color: #fff;
	border: 1px solid #f5f5f5;
	padding: 10px;
	position: absolute;
	left: 0px !important;
	width: auto;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 5px 0px #e5e5e5;
	box-shadow: 0px 0px 5px 0px #e5e5e5;
	max-width: 200px;
	min-width: max-content;
}

.addnewitems-popup {
	background-color: #fff !important;
	border: 1px solid #f5f5f5 !important;
	padding: 10px !important;
	position: absolute;
	left: 0px !important;
	width: auto !important;
	z-index: 10 !important;
	-webkit-box-shadow: 0px 0px 5px 0px #e5e5e5 !important;
	box-shadow: 0px 0px 5px 0px #e5e5e5 !important;
}

.addnewitems-popup p, #itemcodeempty p, #uqc_textempty p {
	font-size: 11px;
	color: red;
	margin: 0;
}

#addbilledtoname .ddbox2 p#newcust, #billedtostatecodeempty .ddbox p,
	.ledgerddbox1 p#newledger, #addexpenseledger p#newledger,
	.item_ledger .btn,
	.remainstockItemno_textempty p, .vledgerddbox p,
	#remainexempt_categoryempty1 p, .suggestionbox p,.vouchertypeddbox p {
	font-size: 11px;
	color: red;
	margin: 0;
}

.ledgerddbox1 .btn, .remainddbox1 .btn, #addbilledtoname .ddbox2 .btn,
	#addexpenseledger .ddbox2 .btn, #addexpenseledger .btn,
	#remainexempt_categoryempty1 .ddbox .btn, .item_ledger .btn,
	.vledgerddbox .btn, #remainexempt_categoryempty1 .btn, .suggestionbox .btn,.vouchertypeddbox .btn{
	border-radius: 4px;
	background-color: #50a753 !important;
	color: #fff !important;
	font-size: 11px;
	text-decoration: none !important;
}

#invoiceModal .modal-footer {
	background-color: #e5e5e5;
	padding: 0 6px;
	min-height: 40px;
	border-radius: 0;
}

.easy-autocomplete input {
	box-shadow: none !important;
}

.addclient-wizard-form #ledgerDetails_Table .form-control:focus {
	border-color: rgba(211, 53, 103, 0.35);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px
		rgba(211, 53, 103, 0.35);
	outline: 0 none;
}
#email_tabs *, #expencetable1, #expencetable2,#incometable1,#incometable2 {
	font-size: 13px;
}

.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.main-dropdown .btn.btn-secondary .fa-angle-right {
	transform: rotate(0deg);
	transition: 0.2s;
}

.main-dropdown .btn.btn-secondary.show .fa-angle-right {
	transform: rotate(90deg);
	transition: 0.2s;
}

.popup-overflow {
	overflow: auto;
}

.popup-overflow-y {
	overflow-y: auto;
	overflow-x: hidden;
}

.products-modal-dialog {
	left: -10%;
	top: 10%;
	-webkit-box-shadow: -1px 4px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -1px 4px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: -1px 4px 10px 0px rgba(0, 0, 0, 0.75);
}

.fullscreen .invoice-hdr.bluehdr h6 #invoiceOrEwaybillno {
	color: var(--color-black);
	font-size: 1.1rem;
	font-weight: normal;
	margin-left: 5px;
}

input[type="text"] .form-control:read-only, input[type="text"]:read-only,
	input[readonly], .form-control [readonly="readonly"], .form-control:disabled{
	opacity: 1;
}

.form-group .wb-settings-card .print-result-text, .form-group .wb-settings-card .card-text textarea,
	.form-group .wb-settings-card .card-text input[type="text"] {
	font-size: 12px;
}

.print-result-text {
	font-weight: bold;
	margin-bottom: 5px;
}

.print-result-text .form-control {
	font-size: 14px;
}

.form-group .wb-settings-card .card-text input[type="text"] {
	height: 30px;
}

.trradiobtn input[type="radio"], .form-group .wb-settings-card .radiobtn input[type="radio"]{
	margin: 0 5px;
}

.taxtext-tablepopup {
	width: auto !important;
	box-shadow: rgb(120, 120, 120) 0px 0px 5px 0px !important;
}

.taxtext-tablepopup .taxgst-info * {
	color: #333;
	padding: 2px 10px 2px 0px;
	display: -webkit-box;
	align-items: center;
	font-size: 12px !important;
	line-height: normal;
}

.taxtext-tablepopup input {
	height: auto !important;
	border: 0 !important;
	background: #fff !important;
	width: 80px !important;
	padding: 0 !important;
	font-weight: 500 !important;
}

select.webkit-enable {
	padding-right: 16px;
}

input::placeholder {
	font-size: 13px !important;
	color:#ccc !important;
}

input::-moz-placeholder {
	font-size: 13px !important;
} /* Firefox 19+ */
input:-moz-placeholder {
	font-size: 13px !important;
} /* Firefox 18- */
input:-ms-input-placeholder {
	font-size: 13px !important;
} /* IE */
input::-webkit-input-placeholder {
	font-size: 13px !important;
}

.addnew-client .form-group {
	margin-bottom: 20px;
}

.addnew-client .form-group .form-control {
	font-size: 13px;
}

.addnew-client .form-group .lable-txt {
	margin-bottom: 5px;
}

.astrich::after {
	content: '*';
	z-index: 99;
	text-align: right;
	width: 15px;
	font-size: 12px;
	color: #ff2c2c;
	margin: 0 5px 0 2px;
	line-height: 10px;
	vertical-align: middle;
	height: 15px;
}

.common-notifications {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9999;
	margin: 0;
}

.error-toast-gb {
	background: #ff5454;
	color: #fff;
	border-radius: 0;
	border: 0;
	padding: 10px 10px;
	min-width: 360px;
}

.success-toast-gb {
	background: #50a753;
	color: #fff;
	border-radius: 0;
	border: 0;
	padding: 10px 10px;
	min-width: 360px;
}

.error-toast-gb .toast-header, .success-toast-gb .toast-header {
	background: transparent;
	color: #fff;
}

.cashledger_row .heading {
	font-size: 14px;
	color: #374583;
	display: inline;
}

.cashledger_row .c-balance {
	font-size: 12px;
	color: #333;
	float: right;
}

.cashledger_row .c-balance span {
	font-size: 12px;
	color: #5cb85c;
	font-weight: bold;
}

.cashledger_row .full-report {
	font-size: 12px;
	margin-left: 5px;
	display: inline;
	color: #0d6efd;
}

.cashledger_summarytotals, .creditledger_summary_totals {
	position: relative;
}

.cashledger_summarytotals span, .creditledger_summary_totals span {
	font-size: 12px;
	display: block;
}

.cashledger_summarytotals .border-r, .creditledger_summary_totals .border-r	{
	position: relative;
}

.cashledger_summarytotals .border-r:after, .creditledger_summary_totals .border-r:after	{
	content: "";
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	border-right: 1px solid #ccc;
}

.cashledger_summarytotals .border-r:last-child:after,
	.creditledger_summary_totals .border-r:last-child:after {
	border: 0;
}

.cashledger_summarytotals span.clind_formats,
	.creditledger_summary_totals span.clind_formats {
	font-weight: bold;
}
.td_headings h5 {
	font-size: 14px;
}

.group_and_client .dropdown-toggle::after {
	position: relative;
}

.ewaybillConectionStatus {
	font-size: 13px;
}

.custom-modal-xl {
	max-width: 1100px;
	width: 1100px;
}

.f12bold {
	font-size: 12px !important;
	font-weight: bold;
}

.dashboard-main-nav {
	padding: 10px;
}

.dashboard-main-nav .dashboard-header-logo {
	width: 150px;
}

.header-clientname {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	max-width: 400px;
	margin-bottom: 0;
	line-height: normal;
}

.header-pannumber {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	line-height: normal;
	color: #666;
}

.header-clientlogo {
	width: 30px;
	height: 30px;
	object-fit: contain;
	border: 1px solid #ccc;
	border-radius: 50%;
}

.header-chooseclientcontainer {
	background: #fbfbfd;
	border-radius: 0px;
	border: 1px solid #ccc;
	box-shadow: 0px 6px 12px #B7B7B7;
	padding: 10px 15px;
	min-width: 350px;
	max-width: 350px;
}

.header-chooseclientlist {
	padding: 0;
	margin: 0;
	width: 100%;
}

.header-chooseclientlist, .header-choosepanlist {
	height: 250px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.choose-client-dropdown .imgsize-thumb {
	width: 30px;
	height: 30px;
	object-fit: contain;
	border: 1px solid #ccc;
	border-radius: 50%;
}

ul.header-chooseclientlist::-webkit-scrollbar-track,
	.header-chooseclientlist::-webkit-scrollbar-track,
	.header-choosepanlist::-webkit-scrollbar-track, .dropdown-menu-lg.main-drop-down::-webkit-scrollbar-track,
	.goto-megamenu-container::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

ul.header-chooseclientlist::-webkit-scrollbar, .header-chooseclientlist::-webkit-scrollbar,
	.header-choosepanlist::-webkit-scrollbar, .dropdown-menu-lg.main-drop-down::-webkit-scrollbar,
	.goto-megamenu-container::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

ul.header-chooseclientlist::-webkit-scrollbar-thumb,
	.header-chooseclientlist::-webkit-scrollbar-thumb,
	.header-choosepanlist::-webkit-scrollbar-thumb, .dropdown-menu-lg.main-drop-down::-webkit-scrollbar-thumb,
	.goto-megamenu-container::-webkit-scrollbar-thumb {
	background-color: #000000;
}

.profile-dropdown .dropdown-item, .adminsettings-dropdown .dropdown-item,
	.admingoto-dropdown .dropdown-item, .addbusiness-dropdown .dropdown-item{
	font-size: 13px;
	font-weight: 500;
	color: #000;
}

.profile-dropdown .dropdown-item .wb-icon, .adminsettings-dropdown .dropdown-item .wb-icon,
	.admingoto-dropdown .dropdown-item .wb-icon, .addbusiness-dropdown .dropdown-item .wb-icon	{
	font-size: 26px;
	color: #000 !important;
}

.profile-dropdown .dropdown-item.active, .profile-dropdown .dropdown-item:active,
	.adminsettings-dropdown .dropdown-item.active, .adminsettings-dropdown .dropdown-item:active,
	.admingoto-dropdown .dropdown-item.active, .admingoto-dropdown .dropdown-item:active,
	.addbusiness-dropdown .dropdown-item.active, .addbusiness-dropdown .dropdown-item:active,
	.profile-dropdown .dropdown-item:hover {
	background: var(--color-dpink);
	color: var(--color-white) !important;
}

.profile-dropdown .dropdown-item:hover i, .adminsettings-dropdown .dropdown-item:hover,
	.adminsettings-dropdown .dropdown-item:hover i, .admingoto-dropdown .dropdown-item:hover,
	.admingoto-dropdown .dropdown-item:hover i, .addbusiness-dropdown .dropdown-item:hover,
	.addbusiness-dropdown .dropdown-item:hover i {
	color: var(--color-white) !important;
}

.header-chooseclientlist li {
	list-style: none;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 100%;
	display: inline-block;
}

.header-chooseclientlist li a {
	text-decoration: none;
}

.header-chooseclientlist li:last-child {
	border-bottom: 0;
}

.client-header .title {
	font-size: 13px;
}

.clientheader-search, .panheader-search {
	margin-bottom: 5px;
	position: relative;
}

.header-panname {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
	line-height: normal;
	color: #d33568;
	text-transform: uppercase;
}

.header-gstnumber {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	line-height: normal;
	min-height: 14px;
}

.header-choosepancontainer {
	background: #fbfbfd;
	border-radius: 0px;
	border: 1px solid #ccc;
	box-shadow: 0px 6px 12px #B7B7B7;
	padding: 10px 15px;
	max-width: 540px;
	min-width: 540px;
}

ul.header-choosepanlist {
	padding: 0;
	margin: 0;
	width: 100%;
}

.header-choosepanlist li {
	list-style: none;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 100%;
	display: inline-block;
}

.header-choosepanlist li:last-child {
	border-bottom: 0;
}

.pan-header .title {
	font-size: 13px;
}

.panheader-search {
	margin-bottom: 5px;
}

.dashboard-main-nav .navbar-nav .dropdown-menu {
	position: absolute;
}

.navbar .navbar-menu-wrapper {
	transition: width 0.25s ease;
	-webkit-transition: width 0.25s ease;
	-moz-transition: width 0.25s ease;
	-ms-transition: width 0.25s ease;
	color: #9c9fa6;
	padding-left: 24px;
	padding-right: 24px;
	width: calc(100% - 179px);
	height: 53px;
	background: var(--color-whtie);
}

.navbar .navbar-menu-wrapper .navbar-nav {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.navbar-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.navbar {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0.5rem 1rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
	color: inherit;
	font-size: 0.875rem;
	margin-left: .25rem;
	margin-right: .25rem;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img	{
	position: relative;
	width: 35px;
	height: 35px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .wb-icon	{
	font-size: 36px;
	position: relative;
	top: -2px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text{
	margin-left: 1.25rem;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
	margin-left: auto;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown{
	position: absolute;
	font-size: 0.9rem;
	margin-top: 0;
	padding: 0;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu,
	.goto-dropdownmenu, .work_menu, .work_menu .dropdown-submenu .dropdown-menu	{
	border: none;
	border-radius: 3px;
	-webkit-box-shadow: 0px 6px 12px #B7B7B7;
	box-shadow: 0px 6px 12px #B7B7B7;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item{
	margin-bottom: 0;
	padding: 7px 12px;
	cursor: pointer;
}

.preview-list .preview-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: .75rem 1.5rem;
	font-size: .875rem;
}

.preview-list .preview-item .preview-item-content {
	line-height: 1;
	padding-left: 15px;
}
.preview-list .preview-item .preview-thumbnail {
	color: #ffffff;
	position: relative;
}

.preview-item-content .preview-subject {
	font-size: 14px;
}

.preview-item-content p.text-gray {
	font-size: 11px;
	color: #888;
}

.backto-allgstn {
	color: #333;
	width: 35px;
	height: 35px;
	text-decoration: none;
	margin: 9px 10px;
	padding: 7px;
}

.backto-allgstn:hover {
	background: #f9f9f9;
	border-radius: 50%;
}

.backto-allgstn .wb-icon-back-arrow {
	font-size: 24px;
	color: #333;
	font-weight: 500;
}

.nav-link.count-indicator, .nav-link.addbusiness-topnav {
	width: 35px;
	height: 35px !important;
	border-radius: 50%;
}

.nav-link.count-indicator:hover, .nav-link.addbusiness-topnav:hover {
	background: #ebebeb;
	border-radius: 50%;
	width: 35px;
	height: 35px;
}

.backto-allgstn .fa-angle-left {
	color: #333;
	font: normal normal normal 24px/1 FontAwesome, sans-serif;
	font-weight: 500;
}

.fixed-navbar {
	position: fixed;
	z-index: 99;
	background: #fff;
	top:0;
	border-bottom: 1px solid #D1D1D1;
}

.gstr-info-tabs .nav-tabs li:first-child a {
	margin-left: 0;
}

.header-nav-right .wb-icon.wb-icon-notifications {
	font-size: 30px;
}

.header-goto-btn {
	border: 1px solid #333;
	margin: 5px 5px 5px 5px;
	padding: 1px 10px 1px 2px;
	display: flex !important;
	align-items: center;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 400;
	color: #333;
}

.header-goto-btn.btn.show, .header-goto-btn.btn.show i, .header-goto-btn:focus,
	.header-goto-btn:active, .header-goto-btn:focus-within {
	color: #fff;
	background-color: #d33568;
	border-color: #d33568;
}

.header-goto-btn span {
	font-size: 16px;
	top: 1px;
	position: relative;
}

.header-goto-btn:hover .wb-icon {
	color: #fff !important;
}

.header-goto-btn:hover {
	background: var(--color-dpink) !important;
	border: 1px solid var(--color-dpink) !important;
	color: #fff !important;
}

.header-nav-right .wb-icon {
	font-size: 30px;
	color: #333;
	margin: 0 auto;
}

.header-goto-btn .wb-icon {
	font-size: 26px;
}

.choose-client-dropdown .fa-angle-right {
	transition: 0.2s;
	margin-left: 15px;
	font-size: 18px;
}

#chooseclientDropdown .fa-angle-right {
	color: #333;
}

.choose-client-dropdown .show .fa-angle-right {
	transform: rotate(90deg);
	transition: 0.2s;
	font-size: 18px;
}

.top-padding-10 {
	padding-top: 10px;
}

.top-padding-15 {
	padding-top: 15px;
}

.header-gray-bg .main-dropdown {
	min-width: 120px;
}

.header-gray-bg .main-dropdown .btn.btn-secondary {
	padding-left: 1.25rem;
	padding-right: 1.5rem;
	display: flex;
	align-items: center;
}

.header-gray-bg {
	background: #f9f9f9;
	border-left: 1px solid #d1d1d1;
	position: relative;
}

.header-gray-bg .wb-icon-apps {
	color: var(--color-dpink);
	margin: 0 10px 0 0px;
}


.drop-arrow-bottom::after {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	content: "";
	display: inline-block;
	height: 7px;
	position: absolute;
	bottom: -8%;
	width: 8px;
	right: 40%;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #f9f9f9;
	border-color: #d1d1d1;
}

.close-header-popup {
	background: var(--color-dpink);
	color: var(--color-white);
	border-radius: 50%;
	width: 20px !important;
	height: 20px;
	text-align: center !important;
	font-style: normal;
	font-size: 12px;
	text-decoration: none;
	line-height: 23px;
	z-index: 10;
	position: relative;
}

.close-header-popup:hover {
	color: #fff;
}

.close-header-popup i.wb-icon, .close-conn-status i.wb-icon {
	font-size: 13px !important;
	color: #fff !important;
}

.close-conn-status {
	background: #999;
	color: var(--color-white);
	border-radius: 50%;
	width: 20px !important;
	height: 20px;
	text-align: center !important;
	font-style: normal;
	font-size: 12px;
	text-decoration: none;
	line-height: 24px;
	display: inline-block;
	right: 2%;
	position: absolute;
	top: 10px;
}

a.connect-status {
	padding: 3px 5px !important;
	line-height: normal;
	font-size: 13px !important;
	min-height:20px;
}

.megamenu-close {
	background: none;
	color: black;
	border-radius: 5px;
	width: 30px;
	height: 30px;
	text-align: center !important;
	font-style: normal;
	font-size: 12px;
	text-decoration: none;
	line-height: 25px;
	margin-bottom: 10px;
	position: absolute;
	right: 35px;
	top: 15px;
	border: 1px solid #000;
	padding: 3px 2px;
}

.megamenu-close i.wb-icon {
	font-size: 20px;
	line-height: 24px;
	color: #000;
}

.c-dropdown-divider {
	height: 1px;
	overflow: hidden;
	border-top: 1px solid var(--bs-dropdown-divider-bg);
	opacity: 1;
	display: inherit;
}

.wbActionBtnStencil-Group .dropdown-menu, .date-filter-container .dropdown-menu, .banktabledroplinks .dropdown-menu
	{
	border: 1px solid #f9f9f9;
	box-shadow: 0px 6px 12px #B7B7B7;
	padding: 0px 0;
	border-radius: 3px;
	right: 0;
	height: max-content;
}
.banktabledroplinks .dropdown-menu{
	right: 0 !important;
}
.banktabledroplinks{
	position:relative;
}
select.form-control, select {
	height: 30px;
	border: 1px solid #999;
	outline: none;
	box-shadow: none;
	background:
		url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E%0A")
		no-repeat 98% 50% #fff;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.wbActionBtnStencil-Group .dropdown-menu.show .wbActionBtnStencil {
	background: var(--color-dpink);
	color: var(--color-white);
}

.wbActionBtnStencil-Group .wbActionBtnStencil .wb-icon {
	font-size: 12px;
}

.wbActionBtnStencil-Group .wbActionBtnStencil .wb-icon.wb-icon-plus-alt	{
	font-size: 14px;
	position: relative;
	top: 2px;
	font-weight: bold;
}

.wbActionBtnStencil-Group .dropdown-menu .dropdown-item {
	padding: 10px;
}

.wbActionBtnStencil-Group .dropdown-menu .dropdown-item:hover,
	.date-filter-container .dropdown-menu .dropdown-item:hover {
	background-color: var(--color-dpink);
	color: var(--color-white);
}

.wbActionBtnStencil-Group .dropdown-menu .dropdown-item:active,
	.date-filter-container .dropdown-menu .dropdown-item:active {
	background-color: var(--color-black);
	color: var(--color-white);
}

.wbActionBtnStencil-Group:hover .dropdown-menu, .addbusiness-topnav:hover .addbusiness-dropdown	{
	display: block;
}

.normaltable-fullcontainer .noramltable-row .normaltable-col.hdr {
	color: #666;
}

.normaltable-fullcontainer .noramltable-row .normaltable-col-txt {
	color: #000;
}

@media ( min-width : 600px) {
	.dropdown-menu-lg {
		width: 320px;
	}
}

.main-drop-down .dropdown-icon-item {
	text-align: left;
	line-height: normal;
	align-items: center;
	margin: 0 5px;
}

.dropdown-icon-item {
	display: flex;
	border-radius: 3px;
	line-height: 34px;
	text-align: center;
	padding: 15px 0 9px;
	border: 1px solid transparent;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
	color: #000;
}

.dropdown-icon-item:hover {
	color: var(--color-dpink);
}

.dropdown-menu-lg.main-drop-down {
	border: 1px solid #f9f9f9;
	box-shadow: 0px 2px 10px #ccc;
	padding: 10px 0;
	margin-right: 5px;
	margin-top: 12px;
	min-width: 300px;
	border-radius: 4px;
	overflow-y: scroll;
}

.dropdown-menu-lg.main-drop-down .dropdown-icon-item {
	display: block;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 15px 0 0 0;
}

.dropdown-menu-lg.main-drop-down .dropdown-icon-item i {
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 26px !important;
	width: 38px;
	height: 38px;
	line-height: 34px;
	font-weight: normal;
}

.dropdown-menu-lg.main-drop-down .dropdown-icon-item span {
	height: 30px;
	display: inline-block;
}

.dropdown-icon-item i {
	background: var(--color-dpink);
	color: var(--color-white) !important;
	padding: 2px;
	text-align: center;
	border-radius: 50%;
	font-size: 18px !important;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	line-height: 24px;
	font-weight: normal;
}
.profile-dropdown {
	right: -10px;
	padding-left: 1px;
	padding-right: 1px;
	width: 260px;
	left: auto !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.notification-dropdown {
	right: -10px;
	left: auto !important;
}

.count-indicator .count-symbol {
	position: absolute;
	right: 0;
	top: 6px;
	background: var(--color-dpink) !important;
	color: var(--bs-white);
	padding: 2px;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	font-size: 8px;
	text-align: center;
}

.count-indicator .count-symbol.left {
	position: absolute;
	left: 27px;
	top: 9px;
	background: var(--color-dpink) !important;
	color: var(--bs-white);
	padding: 2px;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	font-size: 8px;
	text-align: center;
}

.count-indicator .count-symbol.mobile-top {
	position: absolute;
	left: 14px;
	top: 4px;
	background: var(--color-dpink) !important;
	color: var(--bs-white);
	padding: 2px;
	border-radius: 50%;
	width: 13px;
	height: 13px;
	font-size: 8px;
	text-align: center;
	display: none;
}

.mobiledeviceonly-display {
	display: none;
}

.mobile-top .wb-icon.wb-icon-notifications {
	color: white;
	top: 0px !important;
	right: 1px;
	font-size: 11px !important;
}

@media only screen and (max-width:575px) {
	.count-indicator .count-symbol.mobile-top {
		display: block;
	}
	.mobiledeviceonly-display {
		display: block;
	}
}

.wb-gradient-bg-one .navbar {
	flex-wrap: inherit;
}

.sortable-form .form-control {
	height: auto;
	padding: 5px 10px;
	width: 100%;
	min-width: 80px;
	border-radius: 4px;
	border: 1px solid #999;
	box-shadow: none;
	position: relative;
	font-weight: normal;
	font-size: 12px;	
	min-height: 36px;
}
table.expencetable .form-control{
	padding: 5px 10px !important;
}
.sortable-form label {
	color: #090909;
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: normal;
	text-decoration: none;
}

.sortable-form .select-form-control {
	max-height: 120px !important;
	padding: 5px !important;
	width: 100% !important;
	min-width: 80px !important;
	border-radius: 4px !important;
	border: 1px solid #999 !important;
	box-shadow: none !important;
	position: relative !important;
	font-weight: normal;
	font-size: 12px;
	height: 80px !important;
	overflow-y: scroll !important;
}

.add-btn {
	background-color: var(--color-dpink);
	font-style: normal;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	text-align: center;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	display: inline-block;
}

.additemledgerhsnuqc {
	width: 194px !important;
}

/* FLOW CSSS */

.flow-leftmenu-steps h3 {
	font-size: 20px;
	font-weight: 600;
}

.flow-leftmenu-steps p {
	font-size: 14px;
	color: #666;
}

.flow-leftmenu-steps ul {
	padding-left: 0;
}

.flow-leftmenu-steps ul li {
	list-style: none;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.flow-leftmenu-steps ul li a {
	padding: 10px 10px 10px 0;
	text-decoration: none;
	display: block;
	color: #000;
	font-size: 14px;
	font-weight: 600;
}

.flow-leftmenu-steps ul li a .wb-icon {
	color: #ccc;
	font-size: 1.8rem;
}

.flow-leftmenu-steps ul li a.active {
	background: #fff4f8;
	border-radius: 5px;
}

.flow-leftmenu-steps ul li a.active-green {
	background: #F7F8F7;
	border-radius: 5px;
}

.flow-leftmenu-steps ul li a.active, .flow-leftmenu-steps ul li a.active i{
	color: var(--color-dpink);
}

.flow-leftmenu-steps ul li a.active-green, .flow-leftmenu-steps ul li a.active-green i{
	color: #099946;
}

.addclient-wizard-container {
	padding: 0;
}

.addclient-wizard-header {
	border-bottom: 1px solid #ccc;
	background: #fff;
	align-items: center;
}

.addclient-wizard-redio {
	border-bottom: 1px solid #ccc;
	background: #fff;
	padding: 20px;
}

.addclient-wizard-logo {
	border-bottom: 1px solid #ccc;
	background: #fff;
	padding: 20px;
}

.addclient-wizard-header, .addclient-wizard-body,
	.addclient-wizard-footer {
	padding: 20px;
}

.addclient-wizard-body {
	padding: 30px 30px 30px 30px;
	/* min-height: 480px; */
	background: #fff;
	border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.addclient-wizard-footer {
	padding: 10px 0;
	margin-bottom: 100px !important;
}

.addclient-wizard-footer .wb-stencillight-btn:hover,
	.addclient-wizard-footer .wb-dpink-btn:hover {
	background: #cf2059 !important;
	border: 1px solid #cf2059 !important;
	color: #fff;
}

.addclient-wizard-header, .addclient-wizard-footer {
	display: flex;
	justify-content: space-between;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.addclient-wizard-header .companyname {
	width: 100%;
	font-size: 12px;
	color: #666;
}

.addclient-wizard-header .companyname-confirmed {
	width: 100%;
	display: flex;
	color: #099946;
}

.addclient-wizard-header .edit-gstnumber {
	color: #666;
	font-size: 13px;
}

.addclient-wizard-header .edit-gstnumber .idle {
	color: #999;
}

.addclient-wizard-header .edit-gstnumber .active {
	color: green;
}

.addclient-wizard-header .edit-gstnumber i {
	margin: 0 4px;
}

.addclient-wizard-body .heading {
	text-align: left;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	color: #333;
}

.addclient-wizard-form {
	text-align: left;
}

.addclient-wizard-form .form-group {
	margin-bottom: 10px;
}

.addclient-wizard-form label {
	margin-bottom: 10px;
}

.addclient-wizard-form label, .addclient-wizard-form input,
	.addclient-wizard-form select, .addclient-wizard-form textarea {
	font-size: 13px;
	color: #333;
	line-height: normal;
}
.addclient-wizard-form table, .addclient-wizard-form table th,
	.addclient-wizard-form table td {
	padding: 5px;
}

.addbusiness-green-btn {
	background: #26C269;
	color: #fff;
	padding: 4px 10px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 12px;
}

.addbusiness-green-btn:hover {
	color: #fff;
}

.verify-gstn-btn {
	position: absolute;
	margin-bottom: 10px;
	right: 15px;
	top: -5px;
}

.otp-validation input[type=text] {
	width: 50px;
	display: inline;
	text-align: center;
	font-size: 18px;
}

.border-box-radius {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
}

.wizardtab:not(.active) {
	display: none;
}

.max-width-input {
	max-width: 300px;
	min-width: 300px;
	width: 100%;
}

.flow-custom-input {
	padding: 6px 12px;
	min-height: 40px;
	font-size: 13px;
}

.d-flex-center {
	display: flex;
	align-items: center;
}

.d-flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flow-apiaccess .bg {
	background: #FFECC6;
	padding: 10px;
	font-size: 13px;
	color: #000;
	border-radius: var(--radius-small);
}

.flow-syncconfirmationtext {
	font-size: 1.4rem;
	font-weight: 600;
	color: #333;
	margin: 40px 0;
	line-height: 1;
}

.addbusinessFlow {
	margin: 80px auto 10px;
	height: 100%;
	min-height: 80vh;
	max-width: 1140px;
}

.lets-add-section-height {
	min-height: 500px !important;
}

.lets-add-section {
	margin-top: 40px;
	width: 300px;
}

.ledgerdetails .add-btn {
	background-color: var(--color-dpink);
	font-style: normal;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	text-align: center;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	display: inline-block;
	cursor: pointer;
}

.tfootwitebg {
	text-align: center;
}

.autosuggestion-min-max {
	min-width: 300px;
}

.flow-otp-block {
	width: 260px;
	display: inline;
}

/* FLOW CSS */
.custom-padding-viewby {
	padding: 6px 0 6px 0;
}

.filter-border {
	border-bottom: 1px solid #e9e9e9;
}

.filter-border-tb {
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.border-viewby {
	border-bottom: 1px solid #e9e9e9;
}

.customtable .meterialform th, .dataTable.sortable-form th {
	background-color: #F5F5F5 !important;
	border-bottom: 1px solid #FBFBFD !important;
	border-top: 1px solid #FBFBFD !important;
	height: 40px;
	position: relative;
}

table.dataTable thead th {
	padding: 2px 7px !important;
}

table.dataTable td .wb-icon {
	font-size: 22px;
	color: #000;
}

table.dataTable td .fa-circle {
	font-size: 16px;
	position: relative;
}

table.dataTable td .wb-icon:hover {
	color: var(--color-dpink);
}

.dropdown-menu.work_menu {
	border: none;
	border-radius: 3px;
	box-shadow: 0px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.flow-otp-verified {
	text-align: center;
	font-size: 16px;
	color: green;
	font-weight: 600;
	margin-bottom:0px;
}
.custom-padding-viewby .date-filter-container .dropdown-toggle::after,
	.date-filter-container .dropdown-toggle::after {
	border: 0;
	display:none;
}
.errormsgfloatright {
	float: right;
}

#syncdataTable {
	font-size: 13px;
	font-weight: 500;
}

.addflow-sub-title {
	font-size: 14px;
	color: #999;
}

input[type=radio] {
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	scale: 1.1;
	accent-color: #D33567;
	margin-left: 2px;
	margin-right: 2px;
}

.gray-label {
	color: #999;
}

.checkbox-lg {
	scale: 1.4;
}

.inv-suggestion-box-alt {
	width: 100%;
	min-width: 100%;
}

.inv-suggestion-box {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	position: absolute;
	border-radius: 4px;
	top: 60px;
	width: 100%;
	min-width: 100%;
	z-index: 9;
}

.inv-suggestion-box-addclient {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	position: absolute;
	border-radius: 4px;
	top: 40px;
	width: 100%;
	min-width: 100%;
	z-index: 9;
}

.inv-suggestion-border {
	border: 1px dashed var(--color-dpink);
	padding: 5px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
}

.inv-suggestion-border .text a, .inv-suggestion-border .text a:hover {
	font-size: 13px;
	color: var(--color-dpink);
	display:flex;
	justify-content:center;
}

.blink {
	-webkit-animation: 1s blink ease infinite;
	-moz-animation: 1s blink ease infinite;
	-ms-animation: 1s blink ease infinite;
	-o-animation: 1s blink ease infinite;
	animation: 1s blink ease infinite;
}

@keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

.divider {
	border-bottom: 1px solid #efefef;
	margin: 10px 0 0 0;
}

.connection-status-flex {
	display: flex;
	align-items: center;
}

.connection-status ul li a {
	text-decoration: none;
	width: 9px;
	height: 9px;
	display: inline-block;
	border-radius: 50%;
	margin: 12px 0px 12px 10px;
	padding: 2px 0;
	top: 3px;
	position: relative;
	text-align: center;
}

.connection-status ul li a.active-red {
	background: red;
}

.connection-status  ul li a.active-pending {
	background: orange;
}

.connection-status  ul li a.active-green {
	background: green;
}

/* New Login CSS Start */
@-webkit-keyframes scaling {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaling {
  0% {
    -webkit-transform: scale(0.95); /* For older WebKit browsers */
    transform: scale(0.95);
  }
  100% {
    -webkit-transform: scale(1); /* For older WebKit browsers */
    transform: scale(1);
  }
}

.brand-wrapper {
	padding-top: 7px;
	padding-bottom: 8px;
	text-align: center;
}

.brand-wrapper .logo {
	width: 100px;
}

@media ( max-width :1024px) {
	#messageDropdown {
		display: none !important;
	}
	.choose-client-dropdown {
		max-width: 210px;
	}
}

@media ( max-width :575px) {
	.wb-login-navigation li.nav-item .nav-link {
		border: 1px solid #ccc;
		background: transparent !important;
		color: #ccc !important;
	}
	.navbar-brand img {
		max-width: 90px;
	}

}

/* New Login CSS End */
.goto-megamenu-container {
	max-height: 450px;
	overflow-x: hidden;
}

.goto-dropdownmenu {
	right: 20%;
	min-width: 320px;
	/* max-width: 850px; */
	max-width: 850px;
	padding: 20px 20px;
	left: auto !important;
}

.goto-megamenu-item {
	margin-bottom: 5px;
}

.goto-megamenu-item h3 {
	color: var(--color-dpink);
	font-size: 14px;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	text-decoration: none;
}

.goto-megamenu-item .divider {
	border-top: 1px solid #f9f9f9;
	margin-bottom: 10px;
}

.goto-megamenu-item h3 a {
	color: var(--color-dpink);
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	text-decoration: none;
}

.goto-megamenu-item ul {
	display: inline-block;
	padding: 0;
}

.goto-megamenu-item ul li {
	list-style: none;
	display: inline-block;
	width: 100%;
}

.goto-megamenu-item ul li a {
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
	color: #333;
	font-size: 13px;
    border: 1px solid transparent;
    width:100%;
}
.permissionInvoices-Purchase-Add{
    width:100%;	
}
.goto-megamenu-item ul li a:hover {
	background: #fff0f5;
    color: #d33568;
    border: 1px solid #d33568;
    width:100%;
    border-radius:4px;
}

.goto-megamenu-item ul li a.urllink {
	display: inline-block;
	font-size: 13px;
	color: #333;
    border: 1px solid transparent;
    width:100%;
}
.goto-megamenu-item ul li a.urllink:hover {
	background: #fff0f5;
    color: #d33568;
    border: 1px solid #d33568;
    width:100%;
    border-radius:4px;
}


.goto-megamenu-item ul li a span.captiontxt {
	font-size: 11px;
	color: #999;
	width: 100%;
	line-height: normal;
	display: none;
}

#dbFilingTable .dataTables_empty, #dbHSNFilingTable .dataTables_empty,
#dbHSNB2CFilingTable .dataTables_empty,#dbHSNB2BFilingTable .dataTables_empty,
	#dbDocIssueFilingTable .dataTables_empty, #summery_GSTR1 .dataTables_empty,
	#hsnSummary .dataTables_empty {
	padding: 50px 0 !important;
}

.con-status-text {
	font-size: 13px;
	padding: 5px;
	color: #000;
	font-weight:900;
}
.modal-gradient-middle-top-space{
	top:10%;
}
.modal-center .madal-bg-gradient.modal-content, .modal-center .madal-bg-gradient-alt.modal-content{
	border-radius:10px !important;
}
.madal-bg-gradient{
	background: rgb(242,189,204);
    background: linear-gradient(180deg, rgba(242,189,204,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 68%);
}
.madal-bg-gradient-alt{
	background: rgb(242,189,204);
    background: linear-gradient(180deg, rgba(242,189,204,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 68%);
}
.madal-bg-gradient .invoice-hdr.bluehdr, .madal-bg-gradient-alt .invoice-hdr.bluehdr {
    background-color: transparent !important;
}
.modal-alert-img{
	background-image:url(../../images/irn-img/modal-alert.svg);
	height: 30px;
    width: 30px;
    margin-right: 6px;
    background-repeat: no-repeat;
}
.madal-bg-gradient .modal-header{
	border-bottom:1px solid transparent !important;
}
.madal-bg-gradient .modal-footer{
	border-top:1px solid transparent !important;
}
.centeredcustomisedmodal.modal-center .modal-content{
	border-radius:10px !important;
}
.centeredcustomisedmodal{
	max-width:400px;
}
.centeredcustomisedmodal .meterialform .radio .helper::after, .centeredcustomisedmodal .meterialform .radio .helper::before {
	width: 1.3rem !important;
	height: 1.3rem !important;
}
.centeredcustomisedmodal .radio-padd{
	padding-left:30px !important;
}
.conection-status-dropdown {
	border: none;
	width: auto;
	padding: 10px 40px 10px 10px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 6px 6px #B7B7B7;
	box-shadow: 0px 6px 6px #B7B7B7;
	z-index: 10;
	position: absolute;
	background: rgb(242,189,204);
    background: linear-gradient(180deg, rgba(242,189,204,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 68%);
	top: 50px;
}
.conection-status-dropdown:after {
	content: "";
	position: absolute;
	left: 10px;
	top: -19px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-bottom-color: #F2BDCC;
	z-index: 0;
}

.gstr1branchesdisplay .branches-skeleton {
	display: inline-block;
	width: 130px;
	height: 24px;
	border-radius: 4px;
	background: linear-gradient(90deg, #f4d9e2 0%, #fce8ee 50%, #f4d9e2 100%);
	background-size: 200% 100%;
	animation: wb-branches-shimmer 1.2s infinite linear;
	vertical-align: middle;
}
/* Hide the skeleton once the multiselect plugin has rendered its .btn-group.
   :has() fires as soon as the button-group appears in the DOM — no JS class toggle needed,
   so we don't depend on loadBranchesInGSTR1() running in every tab/flow. */
.gstr1branchesdisplay:has(.btn-group) .branches-skeleton,
.gstr1branchesdisplay.branches-ready .branches-skeleton { display: none; }
/* While the multiselect hasn't rendered yet, hide the raw <select> completely so only the skeleton takes space. */
.gstr1branchesdisplay:not(:has(.btn-group)):not(.branches-ready) .gstr1branches,
.gstr1branchesdisplay:not(:has(.btn-group)):not(.branches-ready) .btn-group { display: none !important; }
@keyframes wb-branches-shimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

.journals-box {
	border-right: 1px solid #E3E3E3;
	padding: 15px 20px;
	background: #FBFBFD;
	box-shadow: 0px 0px 5px #00000040;
	border-radius: 4px;
	margin: 10px 5px 20px 5px;
}

.journals-box p {
	font-size: 13px;
	color: #666;
	display: inline;
}

.journals-box h3 {
	display: inline;
	color: #333 !important;
	font-size: 24px !important;
	margin-left: 10px !important;
}

.search-icon {
	position: absolute;
	right: 3%;
	font-size: 16px;
	top: 12%;
	color: var(--color-ligghtgray);
}

select.webkit-enable.border-0, .no-border-outline {
	outline: 0;
	border: 0;
}

.date-filter-container select.border-0, .date-filter-container select.border-0:focus,
	.date-filter-container select.border-0:focus-within,
	.date-filter-container select.border-0:active, .date-filter-container select.border-0:target,
	.date-filter-container select.border-0:hover, .date-filter-container select.border-0:visited,
	.date-filter-container select.webkit-enable {
	border: 0 !important;
	outline: 0 !important;
	box-shadow: 0 !important;
}

.date-filter-container {
	border: 1px solid #CFCFCF;
	border-radius: 4px;
	padding: 4px 6px;
	font-size: 13px;
	color: #333;
	width: auto;
	display: inline-flex;
	align-items: center;
	height: 32px;
	font-family: 'Roboto', sans-serif;
	margin-top: 2px;
}

button {
	outline: 0;
}

.date-filter-container .pinktext {
	color: var(--color-dpink);
	font-weight: 600;
}

.date-filter-container .right-pie, .right-pie {
	border-right: 1px solid #CFCFCF;
	display: inline-block;
	padding: 0 4px 0 0;
	margin-right: 10px;
}

.datefilter-downicon {
	font-size: 16px !important;
	top: 1px;
	position: relative;
	font-weight: 500 !important;
}

.date-filter-container .left-pie {
	border-left: 1px solid #CFCFCF;
	display: inline-block;
	padding: 0 0 0 6px;
	margin-left: 6px;
}

.charttab-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

#chart-nav-tab {
	border: 0;
}

#chart-nav-tab .nav-item {
	border: 0;
	color: #bbb;
	padding: 0 20px 10px 0;
	font-weight: 500;
	font-size: 14px;
}

#chart-nav-tab .nav-item.active {
	border: 0;
	color: var(--color-dpink);
}

.pandl_formats {
	color: #333 !important;
}

.pandl_formats_total {
	font-weight: 500;
}

.white-background {
	background: white !important;
}

.trans-background {
	background: transparent !important;
}

.form-control-search {
	position: absolute;
	z-index: 2;
	width: auto;
	height: auto;
	text-align: center;
	pointer-events: none;
	color: #aaa;
	right: 10px;
	bottom: 13px;
}

.graph-height {
	height: 250px;
}

.graph-height canvas {
	height: inherit !important;
}

.w-49 {
	width: 49%;
}

.formboxwrap-welcome {
	width: 100%;
	padding: 30px 0;
	margin: 60px 0 40px 0;
}

/* Superadmin */

.superadmin_topmenu .bdcrumb-tabs {
	margin-top: 10px;
}

.superadmin_topmenu .bdcrumb-tabs .nav-link {
	border-bottom: 3px solid transparent;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.superadmin_topmenu .bdcrumb-tabs .nav-link.active {
	color: var(--color-black);
	font-size: 16px;
	border-bottom: 2px solid var(--color-dpink);
}

.superadmin.gstr-info-tabs .nav-tabs .nav-item {
	position: relative;
	margin: 0px 6px;
}

.superadmin.gstr-info-tabs .nav-tabs .nav-link {
	margin: 0;
	padding: 10px;
}

.superadmin.gstr-info-tabs .nav-tabs .nav-link:hover {
	font-weight: 400;
}

#checkSendEmail .receiptemail {
	font-size: 13px;
	font-weight: 500;
	color: red;
}

#checkSendEmail .receiptemail a {
	border-radius: 3px;
	border: 1px solid #333;
	padding: 2px 6px;
	color: #333;
	text-decoration: none;
	font-size: 11px;
	margin: 0px 5px;
}

.notifytoparties {
	padding: 5px;
}

.notifytoparties .title {
	font-size: 13px;
	font-weight: 500;
	color: #333;
}

.notifytoparties .no-emailfound {
	font-size: 13px;
	font-weight: 500;
	color: #333;
}

.notifytoparties .add-email-btn {
	border-radius: 3px;
	border: 1px solid #333;
	padding: 2px 6px;
	color: #333;
	text-decoration: none;
	font-size: 11px;
	margin: 0px 5px;
}

.notifytoparties .success {
	color: #019506;
}

.edit-email-notif {
	font-size: 25px;
	padding: 0;
	line-height: 1.2;
	top: 5px;
	position: relative;
	color: #333;
}

.card-full {
	box-shadow: 0 0rem 0.5rem rgba(75, 70, 92, 0.1);
	border-radius: 4px;
	border: 1px solid #eee;
	background: #fff;
	margin-bottom: 15px !important;
	width: 100%;
}

.min-card-height {
	min-height: 150px;
}

.min-card-height-alt {
	min-height: 360px;
}

.card-noshadow-border {
	border: 0;
	box-shadow: none;
}

.card-label-title {
	font-size: 14px;
	font-weight: 700;
	color: #999;
	margin-bottom: 5px;
}

.card-border-right::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 80%;
	border-right: 1px solid #ebebeb;
	padding: 10px 0;
	right: 0;
	top: 15%;
	bottom: 15%;
}

.small-label {
	font-size: 11px;
	color: #999;
	text-align: end;
	font-weight: normal;
}

.form-group {
	position: relative;
}

.graph-color-info {
	margin-top: 10px;
}

.graph-color-info .overdue-current {
	display: flex;
	justify-content: space-between;
}

.graph-label {
	font-size: 11px;
	color: #999;
	padding: 5px 0;
	text-transform: uppercase;
	font-weight: 600;
}

.currency-section h4 {
	color: #999 !important;
}

.graph-color-info .overdue-current span {
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
	font-weight: 600;
	display: inline-flex;
}

.graph-color-info .overdue-current .circle {
	font-size: 11px;
	color: #666;
	display: flex;
	align-items: center;
	padding: 5px 0;
	text-transform: uppercase;
	font-weight: 600;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 5px;
}

.graph-color-info .overdue-current .overdue {
	color: #ff6384;
}

.graph-color-info .overdue-current .current {
	color: #36a2eb;
}

.no-border-datefilter .date-filter-container {
	border: 0;
	padding-right: 0;
}

.current-due-bargraph {
	height: 20px;
	opacity: 1;
	border: none;
	margin-bottom: 0;
	margin-top: 0;
}

.current-graph {
	background-color: #36a2eb;
}

.overdue-graph {
	background-color: #ff6384;
}

.gray-graph {
	background-color: #ededed;
}

.pr-t1 {
	position: relative;
	top: 1px;
}

.pr-t2 {
	position: relative;
	top: 2px;
}

.pr-t3 {
	position: relative;
	top: 3px;
}

.pr-t4 {
	position: relative;
	top: 4px;
}

.pr-t5 {
	position: relative;
	top: 5px;
}

.pr-t6 {
	position: relative;
	top: 6px;
}

.pr-t7 {
	position: relative;
	top: 7px;
}

.pr-t8 {
	position: relative;
	top: 8px;
}

.pr-t9 {
	position: relative;
	top: 9px;
}

.pr-t10 {
	position: relative;
	top: 10px;
}

.pr-min-t1 {
	position: relative;
	top: -1px;
}

.pr-min-t2 {
	position: relative;
	top: -2px;
}

.pr-min-t3 {
	position: relative;
	top: -3px;
}

.pr-min-t4 {
	position: relative;
	top: -4px;
}

.pr-min-t5 {
	position: relative;
	top: -5px;
}

.pr-min-t6 {
	position: relative;
	top: -6px;
}

.pr-min-t7 {
	position: relative;
	top: -7px;
}

.pr-min-t8 {
	position: relative;
	top: -86px;
}

.pr-min-t9 {
	position: relative;
	top: -9px;
}

.pr-min-t10 {
	position: relative;
	top: -10px;
}

.pa-t1 {
	position: absolute;
	top: 1px;
}

.pa-t2 {
	position: absolute;
	top: 2px;
}

.pa-t3 {
	position: absolute;
	top: 3px;
}

.pa-t4 {
	position: absolute;
	top: 4px;
}

.pa-t5 {
	position: absolute;
	top: 5px;
}

.pa-t6 {
	position: absolute;
	top: 6px;
}

.pa-t7 {
	position: absolute;
	top: 7px;
}

.pa-t8 {
	position: absolute;
	top: 86px;
}

.pa-t9 {
	position: absolute;
	top: 9px;
}

.pa-t10 {
	position: absolute;
	top: 10px;
}

.edit-profile-logo-img{
	width: 75px;
    height: 75px;
    border: 5px solid #E4ACAC;
    display: flex !important;
    align-items: center;
    object-fit: contain;
}
.profile-img-position{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin:20px 0px 0px;
}
.profile-user{
	font-size:20px;
	font-weight:600;
}
.profile-mail{
	font-size:16px;
}
.profile-pop-head{
	font-size:14px;
}
.profile-pop-dis{
	font-size:16px;
}
.edit-profile-logo-edit-btn {
    position: relative;
    bottom: 33px;
    left: 55px;
    color: white;
    background: #CA5A5A;
    border-radius: 50%;
    padding: 1px;
}
.comments-icon{
	font-size: 60px;
    position: relative;
    top: -6px;
    right: 20px;
}
.comments-logo-img{
	width: 30px;
    height: 30px;
    border: 1px solid #999999;
    display: flex !important;
    align-items: center;
    object-fit: contain;
    margin-top:8px;
}
.commentwrite-box{
	border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
}
.commentwrite-box textarea{
	width: 100%;
    height: 150px !important;
    max-height: 200px !important;
    margin-bottom: 10px;
    border: 0px;
}
.comment-name{
	font-size: 16px;
    font-weight: 600;
    padding: 5px;
}
.commentsTab-container {
	margin-bottom: 20px;
}
.commentsTab-container .row {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 10px 10px 0px 10px;
}

.comments-box {
	font-size: 14px;
	padding: 5px 5px 10px 5px;
	line-height: normal;
	font-weight: 400;
}
.comment-time{
	font-size: 10px;
    padding-left: 6px;
    font-weight: 200;
}

.comments-bg {
	background: #fff;
	padding: 5px;
	font-size: 13px;
	margin-bottom: 15px;
	border-radius: 6px;
	position:relative;
}

.commentsby {
	border-top: 1px solid #efefef;
	padding: 5px 5px 2px 5px;
	font-style: italic;
	font-size: 11px;
	font-weight: normal;
	align-items: center;
}
.comment-edit {
    position: absolute;
    top: 0px;
    right: -14px;
    color: #d33568 !important;
    font-size: 18px;
    display: block;
    /* width: 22px;
    height: 22px; */
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0px 4px;
    cursor: pointer;
    background:#ffffff;
}
.comment-edit:hover {
	background:#d33568;
	color:#ffffff !important;
	border:1px solid #d33568;
}
.comment-edit a:hover{
	color:#ffffff;
}
.comment-edit a{
	color:#d33568;
	position:relative;
	top:2px;
}
.claimed-popup {
	width: 340px;
	box-shadow: 0px 0px 6px #ccc;
	margin: 30px;
	padding: 0px;
	border-radius: 10px;
	font-size: 14px;
	margin-left: -70px !important;
}
.clondisrate-popup,.mbclondisrate-popup {
	width: 270px;
	box-shadow: 0px 0px 6px #ccc;
	margin: 0px;
	padding: 0px;
	border-radius: 10px;
	font-size: 14px;
	margin-left: -70px !important;
}
.mbclondisrate-popup {
	margin-left: -170px !important;
}
.clondisrate-add-btn{
	font-size: 10px;
    padding: 2px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    top: 2px;
    display: flex;
    align-items: center;
}
.clondisrate-popup .card-body {
    padding: 10px 20px;
}
.mbclondisrate-popup .card-body {
    padding: 10px 20px;
}

.claimed-popup select, .claimed-popup input[type=text] {
	font-size: 12px;
}
.clondisrate-popup input[type=text] {
	font-size: 12px;
}
.clonitemmaindivclass{
	/* display: flex; */
	align-items: center;
	justify-content: center;
}

.cliamed-popup-error {
	color: red;
	font-size: 12px;
	line-height: normal;
	margin: 0px 0 10px 0;
}

.email-sign-text {
	color: var(--color-dpink);
	display: inherit;
	padding: 3px 0;
}

/* select::-ms-expand { display: none; } */
.form-group select:focus {
	box-shadow: none; /* Prevent blurred border */
	outline: none; /* Prevent hard outline */
}

.modal.fade.fullscreen .modal-footer {
	padding: 0;
	position: fixed;
	bottom: 0;
	z-index:3;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
	background: transparent !important;
}

.intl-tel-input .flag-container {
	top: -13px !important;
}

.select2-results__option[aria-selected], .select2-container--default .select2-selection--single .select2-selection__placeholder{
	font-size: 14px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: #d33568 !important;
	color: white;
	font-size: 14px !important;
}
.table-form-control-select {
	height: 24px;
	border-radius: 4px;
	padding: 1px 16px 1px 8px;
	font-size: 12px;
	width: max-content;
}

select.table-form-control-select {
	background-position: 96% 50% !important;
}

#wb-filterscontainer .filter .mismatchfilter, .mismatchfilter {
	max-height: 100px;
	overflow-y: scroll;
}

.w-48 {
	width: 48% !important;
}

.db-ca-view tbody tr:hover {
	box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0
		rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
	z-index: 2;
	position: relative;
	background: #fcfcfc;
}

.yellow-label {
	color: #000 !important;
	background: #ffc6233b;
	border: 1px solid #ffc623;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 11px;
	display: block;
	line-height: 19px;
}

.red-label {
	color: #000 !important;
	background: #ff2a333b;
	border: 1px solid #ff2a33;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 11px;
	display: block;
	line-height: 19px;
}

.green-label {
	color: #000 !important;
	background: #1c9f323b;
	border: 1px solid #1c9f32;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 11px;
	display: block;
	line-height: 19px;
}

.blue-label {
	color: #000 !important;
	background: #096c9b3b;
	border: 1px solid #096c9b;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 11px;
	display: block;
	line-height: 19px;
}
.grey-label {
	color: #000 !important;
	background: #cccccc75;
	border: 1px solid #ccc;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 11px;
	display: block;
	line-height: 19px;
}
.status-yellow-label {
	color: #000 !important;
	background: #ffc6233b;
	border: 1px solid #ffc623;
	padding: 0px 4px;
	border-radius: 4px;
	font-size: 11px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 150px;
}
#invBodyEXPENSES .status-yellow-label, #invBodyINCOME .status-yellow-label {
	max-width: 120px;
}
.status-yellow-label .payment_status {
	padding: 3px 5px 1px 2px;
	min-width: 121px;
}
#invBodyEXPENSES .status-yellow-label .payment_status, #invBodyINCOME .status-yellow-label .payment_status {
	min-width:91px
}
.status-yellow-green-label {
	color: #000 !important;
	background: #FFEDDE;
	border: 1px solid #FF7400;
	padding: 0px 4px;
	border-radius: 4px;
	font-size: 11px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 150px;
}
#invBodyEXPENSES .status-yellow-green-label, #invBodyINCOME .status-yellow-green-label {
	max-width: 120px;
}
.status-yellow-green-label .payment_status {
	padding: 3px 5px 1px 2px;
	min-width: 121px;
}
#invBodyEXPENSES .status-yellow-green-label .payment_status, #invBodyINCOME .status-yellow-green-label .payment_status {
	min-width:91px
}
.status-red-label {
	color: #000 !important;
	background: #ff2a333b;
	border: 1px solid #ff2a33;
	padding: 0px 4px;
	border-radius: 4px;
	font-size: 11px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 150px;
}
#invBodyEXPENSES .status-red-label, #invBodyINCOME .status-red-label {
	max-width: 120px;
}
.status-red-label .payment_status {
	padding: 3px 5px 1px 2px;
	min-width: 121px;
}
#invBodyEXPENSES .status-red-label .payment_status, #invBodyINCOME .status-red-label .payment_status {
	min-width:91px
}

.status-red-green-label {
	color: #000 !important;
	background: #FFE2E6;
	border: 1px solid #F96073;
	padding: 0px 4px;
	border-radius: 4px;
	font-size: 11px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 150px;
}
#invBodyEXPENSES .status-red-green-label, #invBodyINCOME .status-red-green-label {
	max-width: 120px;
}
.status-red-green-label .payment_status {
	padding: 3px 5px 1px 2px;
	min-width: 121px;
}
#invBodyEXPENSES .status-red-green-label .payment_status, #invBodyINCOME .status-red-green-label .payment_status {
	min-width:91px
}

.status-green-label {
	color: #000 !important;
	background: #1c9f323b;
	border: 1px solid #1c9f32;
	padding: 0px 4px;
	border-radius: 4px;
	font-size: 11px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 150px;
}
#invBodyEXPENSES .status-green-label, #invBodyINCOME .status-green-label {
	max-width: 120px;
}
.status-green-label .payment_status {
	padding: 3px 5px 1px 2px;
	min-width: 121px;
}
#invBodyEXPENSES .status-green-label .payment_status, #invBodyINCOME .status-green-label .payment_status {
	min-width:91px
}

.status-blue-label {
	color: #000 !important;
	background: #096c9b3b;
	border: 1px solid #096c9b;
	padding: 0px 4px;
	border-radius: 4px;
	font-size: 11px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 150px;
}
#invBodyEXPENSES .status-blue-label, #invBodyINCOME .status-blue-label {
	max-width: 120px;
}
.status-blue-label .payment_status {
	padding: 3px 5px 1px 2px;
	min-width: 121px;
}
#invBodyEXPENSES .status-blue-label .payment_status, #invBodyINCOME .status-blue-label .payment_status {
	min-width:91px
}
.status-grey-label {
	color: #000 !important;
	background: #cccccc7a;
	border: 1px solid #cccccc;
	padding: 0px 4px;
	border-radius: 4px;
	font-size: 11px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 150px;
}
#invBodyEXPENSES .status-grey-label,#invBodyINCOME .status-grey-label {
	max-width: 120px;
}
.status-grey-label .payment_status {
	padding: 3px 5px 1px 2px;
	min-width: 121px;
}
#invBodyEXPENSES .status-grey-label .payment_status,#invBodyINCOME .status-grey-label .payment_status {
	min-width:91px
}

.status_icon {
	font-size: 14px !important;
	padding: 0 0px 0 4px !important;
	height: 22px;
	line-height: 22px !important;
	border-left: 1px solid #999;
}
.customtable .dataTables_wrapper tbody td a.table-icon {
	margin: 0 0px 0 4px;
	width: 22px;
	height: 22px;
	text-align: center;
}

.customtable .dataTables_wrapper tbody td a.table-icon:hover {
	background: #ebebeb;
	border-radius: 50%; 
}

.dataTablemarket .dataTables_wrapper .sorting_asc {
	background-image: unset;
}

.dataTablemarket .dataTables_wrapper .sorting {
	background-image: unset;
}

.table.dataTable thead .sorting_desc {
	background-image: unset;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_desc:after,
	table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc .sortingarrowshow:after, table.dataTable thead .sorting_desc .sortingarrowshow:after {
	content: "";
	font-family: "Font Awesome 6 Free", sans-serif;
	font-weight: 900;
	background-image: none;
	/* margin-left: 10px; */
	margin-left: 2px;
	font-size: calc(100% - 2px);
	opacity: 0.5;
	color: var(--color-dpink);
	position: absolute;
    z-index: 1;
    top: 15px;
}

table.dataTable thead .sorting:after {
	content: "\f0dc";
	opacity: 0;
	display: none;
}

table.dataTable thead .sorting_asc:after {
	content: "\f106";
	opacity: 1;
	color: var(--color-dpink);
}

table.dataTable thead .sorting_desc:after {
	content: "\f107";
	opacity: 1;
	color: var(--color-dpink);
}

table.dataTable thead .sortingarrowhide.sorting_asc:after {
	display:none;
}

table.dataTable thead .sortingarrowhide.sorting_desc:after {
	display:none;
}

table.dataTable thead .sorting_asc .sortingarrowshow:after {
	content: "\f106";
	opacity: 1;
	color: var(--color-dpink);
}

table.dataTable thead .sorting_desc .sortingarrowshow:after {
	content: "\f107";
	opacity: 1;
	color: var(--color-dpink);
}

.tw-10px {
	width: 10px !important;
	min-width: 10px !important;
	max-width: 10px !important;
	table-layout: auto;
}

.tw-20px {
	width: 20px !important;
	min-width: 20px !important;
	max-width: 20px !important;
	table-layout: auto;
}

.tw-30px {
	width: 30px !important;
	min-width: 30px !important;
	max-width: 30px !important;
	table-layout: auto;
}

.tw-40px {
	width: 40px !important;
	min-width: 40px !important;
	max-width: 40px !important;
	table-layout: auto;
}

.tw-50px {
	width: 50px !important;
	min-width: 50px !important;
	max-width: 50px !important;
	table-layout: auto;
}

.tw-60px {
	width: 60px !important;
	min-width: 60px !important;
	max-width: 60px !important;
	table-layout: auto;
}

.tw-65px {
	width: 65px !important;
	min-width: 65px !important;
	max-width: 65px !important;
	table-layout: auto;
}

.tw-70px {
	width: 70px !important;
	min-width: 70px !important;
	max-width: 70px !important;
	table-layout: auto;
}

.tw-75px {
	width: 75px !important;
	min-width: 75px !important;
	max-width: 75px !important;
	table-layout: auto;
}

.tw-80px {
	width: 80px !important;
	min-width: 80px !important;
	max-width: 80px !important;
	table-layout: auto;
}

.tw-85px {
	width: 85px !important;
	min-width: 85px !important;
	max-width: 85px !important;
	table-layout: auto;
}

.tw-90px {
	width: 90px !important;
	min-width: 90px !important;
	max-width: 90px !important;
	table-layout: auto;
}

.tw-95px {
	width: 95px !important;
	min-width: 95px !important;
	max-width: 95px !important;
	table-layout: auto;
}

.tw-100px {
	width: 100px !important;
	min-width: 100px !important;
	max-width: 100px !important;
	table-layout: auto;
}

.tw-110px {
	width: 110px !important;
	min-width: 110px !important;
	max-width: 110px !important;
	table-layout: auto;
}

.tw-120px {
	width: 120px !important;
	min-width: 120px !important;
	max-width: 120px !important;
	table-layout: auto;
}

.tw-130px {
	width: 130px !important;
	min-width: 130px !important;
	max-width: 130px !important;
	table-layout: auto;
}

.tw-140px {
	width: 140px !important;
	min-width: 140px !important;
	max-width: 140px !important;
	table-layout: auto;
}

.tw-150px {
	width: 150px !important;
	min-width: 150px !important;
	max-width: 150px !important;
	table-layout: auto;
}

.tw-160px {
	width: 160px !important;
	min-width: 160px !important;
	max-width: 160px !important;
	table-layout: auto;
}

.tw-170px {
	width: 170px !important;
	min-width: 170px !important;
	max-width: 170px !important;
	table-layout: auto;
}

.tw-180px {
	width: 180px !important;
	min-width: 180px !important;
	max-width: 180px !important;
	table-layout: auto;
}

.tw-190px {
	width: 190px !important;
	min-width: 190px !important;
	max-width: 190px !important;
	table-layout: auto;
}

.tw-200px {
	width: 200px !important;
	min-width: 200px !important;
	max-width: 200px !important;
	table-layout: auto;
}

.tw-210px {
	width: 210px !important;
	min-width: 210px !important;
	max-width: 210px !important;
	table-layout: auto;
}

.tw-220px {
	width: 220px !important;
	min-width: 220px !important;
	max-width: 220px !important;
	table-layout: auto;
}

.tw-230px {
	width: 230px !important;
	min-width: 230px !important;
	max-width: 230px !important;
	table-layout: auto;
}

.tw-240px {
	width: 240px !important;
	min-width: 240px !important;
	max-width: 240px !important;
	table-layout: auto;
}

.tw-250px {
	width: 250px !important;
	min-width: 250px !important;
	max-width: 250px !important;
	table-layout: auto;
}

.tw-260px {
	width: 260px !important;
	min-width: 260px !important;
	max-width: 260px !important;
	table-layout: auto;
}

.tw-270px {
	width: 270px !important;
	min-width: 270px !important;
	max-width: 270px !important;
	table-layout: auto;
}

.tw-280px {
	width: 280px !important;
	min-width: 280px !important;
	max-width: 280px !important;
	table-layout: auto;
}

.tw-290px {
	width: 290px !important;
	min-width: 290px !important;
	max-width: 290px !important;
	table-layout: auto;
}

.tw-300px {
	width: 300px !important;
	min-width: 300px !important;
	max-width: 300px !important;
	table-layout: auto;
}

.tw-310px {
	width: 310px !important;
	min-width: 310px !important;
	max-width: 310px !important;
	table-layout: auto;
}

.tw-320px {
	width: 320px !important;
	min-width: 320px !important;
	max-width: 320px !important;
	table-layout: auto;
}

.tw-330px {
	width: 330px !important;
	min-width: 330px !important;
	max-width: 330px !important;
	table-layout: auto;
}

.tw-340px {
	width: 340px !important;
	min-width: 340px !important;
	max-width: 340px !important;
	table-layout: auto;
}

.tw-350px {
	width: 350px !important;
	min-width: 350px !important;
	max-width: 350px !important;
	table-layout: auto;
}

.tw-10px-nominwidth {
	width: 10px !important;
	table-layout: auto;
}

.tw-20px-nominwidth {
	width: 20px !important;
	table-layout: auto;
}

.tw-30px-nominwidth {
	width: 30px !important;
	table-layout: auto;
}

.tw-40px-nominwidth {
	width: 40px !important;
	table-layout: auto;
}

.tw-50px-nominwidth {
	width: 50px !important;
	table-layout: auto;
}

.tw-60px-nominwidth {
	width: 60px !important;
	table-layout: auto;
}

.tw-65px-nominwidth {
	width: 65px !important;
	table-layout: auto;
}

.tw-70px-nominwidth {
	width: 70px !important;
	table-layout: auto;
}

.tw-75px-nominwidth {
	width: 75px !important;
	table-layout: auto;
}

.tw-80px-nominwidth {
	width: 80px !important;
	table-layout: auto;
}

.tw-85px-nominwidth {
	width: 85px !important;
	table-layout: auto;
}

.tw-90px-nominwidth {
	width: 90px !important;
	table-layout: auto;
}

.tw-95px-nominwidth {
	width: 95px !important;
	table-layout: auto;
}

.tw-100px-nominwidth {
	width: 100px !important;
	table-layout: auto;
}

.tw-110px-nominwidth {
	width: 110px !important;
	table-layout: auto;
}

.tw-120px-nominwidth {
	width: 120px !important;
	table-layout: auto;
}

.tw-130px-nominwidth {
	width: 130px !important;
	table-layout: auto;
}

.tw-140px-nominwidth {
	width: 140px !important;
	table-layout: auto;
}

.tw-150px-nominwidth {
	width: 150px !important;
	table-layout: auto;
}

.tw-160px-nominwidth {
	width: 160px !important;
	table-layout: auto;
}

.tw-170px-nominwidth {
	width: 170px !important;
	table-layout: auto;
}

.tw-180px-nominwidth {
	width: 180px !important;
	table-layout: auto;
}

.tw-190px-nominwidth {
	width: 190px !important;
	table-layout: auto;
}

.tw-200px-nominwidth {
	width: 200px !important;
	table-layout: auto;
}

.tw-210px-nominwidth {
	width: 210px !important;
	table-layout: auto;
}

.tw-220px-nominwidth {
	width: 220px !important;
	table-layout: auto;
}

.tw-230px-nominwidth {
	width: 230px !important;
	table-layout: auto;
}

.tw-240px-nominwidth {
	width: 240px !important;
	table-layout: auto;
}

.tw-250px-nominwidth {
	width: 250px !important;
	table-layout: auto;
}

.tw-260px-nominwidth {
	width: 260px !important;
	table-layout: auto;
}

.tw-270px-nominwidth {
	width: 270px !important;
	table-layout: auto;
}

.tw-280px-nominwidth {
	width: 280px !important;
	table-layout: auto;
}

.tw-290px-nominwidth {
	width: 290px !important;
	table-layout: auto;
}

.tw-300px-nominwidth {
	width: 300px !important;
	table-layout: auto;
}

.tw-310px-nominwidth {
	width: 310px !important;
	table-layout: auto;
}

.tw-320px-nominwidth {
	width: 320px !important;
	table-layout: auto;
}

.tw-330px-nominwidth {
	width: 330px !important;
	table-layout: auto;
}

.tw-340px-nominwidth {
	width: 340px !important;
	table-layout: auto;
}

.tw-350px-nominwidth {
	width: 350px !important;
	table-layout: auto;
}

.w-2 {
	width: 2% !important;
}

.w-3 {
	width: 3% !important;
}

.w-4 {
	width: 4% !important;
}

.w-5 {
	width: 5% !important;
}

.w-6 {
	width: 6% !important;
}

.w-7 {
	width: 7% !important;
}

.w-8 {
	width: 8% !important;
}

.w-9 {
	width: 9% !important;
}

.w-10 {
	width: 10% !important;
}

.w-11 {
	width: 11% !important;
}

.w-12 {
	width: 12% !important;
}

.w-13 {
	width: 13% !important;
}

.w-14 {
	width: 14% !important;
}

.w-15 {
	width: 15% !important;
}

.w-16 {
	width: 16% !important;
}

.w-17 {
	width: 17% !important;
}

.w-18 {
	width: 18% !important;
}

.w-19 {
	width: 19% !important;
}

.w-20 {
	width: 20% !important;
}

.w-21 {
	width: 21% !important;
}

.w-22 {
	width: 22% !important;
}

.w-23 {
	width: 23% !important;
}

.w-24 {
	width: 24% !important;
}

.w-25 {
	width: 25% !important;
}

.w-30 {
	width: 30% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.customtable.db-ca-view.tabtable3 .toolbar h6, .customtable.db-ca-view.tabtable3 .dataTables_info
	{
	padding-left: 10px;
}

#role .form-check-input {
	width: 1em !important;
	height: 1em !important;
	border-radius: 4px !important;
	margin-left: 0;
	background-image: none;
}

#role .form-check-input:checked[type=checkbox] {
	background-image: url(../../images/signups/bs-check_ez7fph.svg);
	border-color:#d33568 !important;
}
#edit_role .form-check-input {
	width: 1em !important;
	height: 1em !important;
	border-radius: 4px !important;
	margin-left: 0;
	background-image: none;
}

#edit_role .form-check-input:checked[type=checkbox] {
	background-image: url(../../images/signups/bs-check_ez7fph.svg);
}

/* code for the the last card dropdown menu in all clients page */
.work_menu.left-align {
	display: none;
	top: 0px;
	right: auto;
	left: -100%;
}

.work_menu.left-align .dropdown-submenu .dropdown-menu {
	/* top: 0;
	left: 100%; */
	top: 34px;
	left: 28%;
	margin-top: -1px;
}

.label-text-caps {
	width: 100%;
	display: block;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: 400;
	color: #8d8d8d;
	letter-spacing: .2px;
}

.data-text {
	font-size: 14px;
	font-weight: 500;
	margin: 4px 0; /* display: inherit; */
	color: #000;
}

.readytofile-color {
	color: #53bc45;
}

.notreadytofile-color {
	color: red;
}

.partyStateName {
	font-size: 11px !important;
	font-style: italic !important;
	margin-left: 4px;
}

.wrap-word {
	word-break: break-all;
}

ul.multiselect-container.dropdown-menu {
	min-width: 250px;
}

#rechistoryTable thead th, #rechistoryTable tbody td {
	padding: 8px 12px;
}

.claimed-popup .card-body {
	padding: 10px 20px;
}

.claimed-popup select {
	border: 1px solid #ced4da;
}

.itc-close-icon {
	right: 5% !important;
	position: absolute !important;
	color: white !important;
	background-color: #D33568;
	height: 20px;
	top: 8px;
	border-radius: 25px;
	padding: 4px 4px;
	width: 20px;
	line-height: 1;
}

.itc-close-icon .wb-icon {
	font-size: 12px !important;
	color: #fff !important;
}

.popup-header {
	height: 36px;
	border-bottom: 1px solid #ccc;
}

.itc-input-label {
	font-size: 12px;
	margin-top: 6px;
}

.clear-itc-value {
	font-size: 10px;
	margin-top: 6px;
	font-weight: 500;
	color: blue;
}

.itc-claimed-percent-box {
	position: absolute;
	display: block;
	right: 13px;
	top: 0;
	z-index: 9;
	background-color: lightgray;
	padding: 5px 12px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.itc-btn-row {
	display: flex !important;
	justify-content: right;
}

.indianCurrency {
	text-align: right !important;
}

#receivable-popover-box {
	width: 300px;
	box-shadow: 0px 0px 8px #999;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0;
	font-size: 14px;
	position: absolute;
	z-index: 9;
	background: white;
	display: none;
}

#receivable-popover-box .row-data {
	padding: 6px 10px;
	text-align: right;
}


.receivable-popup:hover #receivable-popover-box {
	display: block;
	top: 25px;
}

.otp_form_input {
	background-color: white;
	min-width: 400px;
	margin: 0 auto !important;
	width: auto;
	display: flex;
	justify-content: center;
	gap: 10px;
	padding: 10px 10px;
}

.otp_form_input input {
	height: 50px !important;
	width: 50px !important;
	min-width: 50px !important;
	margin: 2px !important;
	border-radius: 4px !important;
	border: 1px solid #ccc !important;
	text-align: center !important;
	outline: none;
	font-size: 20px !important;
	float: left;
	/* Firefox */
}

.otp_form_input input::placeholder {
	font-size: 22px !important;
	color: #ccc;
}



.date-filter-container .datefilter-downicon {
	top: 1px;
	position: relative;
}

.date-filter-container .date-input {
	border: 0;
	outline: none;
	width: 60px;
	min-width: 60px;
	max-width: max-content;
	color: #d33568;
	font-weight: 500;
	background: #fff !important;
}

.date-filter-container .month-cal-icon {
	color: #d33568;
}

.date-filter-container .type-text {
	font-size: 13px;
	color: #333;
	padding-left: 3px;
	padding-right: 5px;
}

.date-filter-container .colored-text {
	color: #d33568;
	font-weight: 500;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	outline: 0;
	border: 0px;
	background: transparent;
}
.date-filter-container select.colored-text.webkit-enable{	
	padding-right: 16px;
	background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E%0A")
		no-repeat 98% 50% #fff;
		appearance: none;
}
.date-filter-container .black-text {
	color: #000;
	font-weight: 500;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	border: 0px;
	outline: 0;
	background: transparent;
}

.date-filter-container .right-pie {
	border-right: 1px solid #CFCFCF;
	padding: 0 10px 0 0;
	margin-right: 10px;
}

.datefilter-drop-menu {
	border: 1px solid #f9f9f9;
	box-shadow: 0px 6px 12px #B7B7B7;
	padding: 0px 0;
	border-radius: 3px;
	font-size: 13px;
	top: 5px !important;
}

.datefilter-drop-menu .dropdown-item:hover {
	background-color: #d33568;
	color: #fff;
}

.datefilter-generate {
	border: 0px solid #000 !important;
	color: #fff;
	border-radius: 3px;
	padding: 3px 8px;
	font-size: 12px;
	background: #000;
	text-decoration: none !important;
	margin-left: 10px;
}

.datefilter-generate:hover {
	color: #fff;
}

/* New Add party UI */
.party-section-container {
	font-size: 14px;
}

.party-section-container .navbar-background {
	background: #F4F4F4;
	padding: 10px;
}

.party-section-container .navbar-background h4 {
	font-size: 14px;
	color: #000;
}

.party-section-container .navbar-background .dropdown-text {
	color: var(--color-dpink);
	font-weight: 500;
	font-size: 14px;
}

.party-section-container .inner-section-border {
	border: 1px solid #E0E0E0;
	padding: 10px 20px;
	border-radius: 10px;
}

/* New Add party UI */
.party-header-section {
	margin-top: 10px;
	margin-bottom: 10px;
}

.party-logo {
	width: 60px;
	height: 60px;
}

.party-backto-arrow {
	width: 30px;
}

.party-logo img {
	border-radius: 50%;
	border: 1px solid #ccc;
}

.party-details-container {
	margin-left: 10px;
}

.party-details-container h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	display: flex;
	align-items: center;
}

.party-details-container h3 a {
	color: #000;
	margin-left: 10px;
	font-size: 20px;
}

.party-details-container .information-block {
	line-height: normal;
}

.party-details-container .information-block span, .information-block span{
	font-size: 12px;
	color: #888;
	padding-right: 10px;
	margin-right: 5px;
	border-right: 1px solid #aaa;
	line-height: normal;
	font-weight: normal;
}

.party-details-container .information-block span b {
	color: #555;
}

.party-details-container .information-block span:last-child,
	.information-block span:last-child {
	border: 0;
}

.information-block .totalreceivables, .information-block .totalpayables	{
	color: #000 !important;
	font-size: 14px;
	font-weight: 500;
}

.balance-block {
	font-size: 16px;
	font-weight: bold;
	color: var(--color-dpink);
}

.balance-block .balance {
	margin-top: 10px;
	margin-bottom: 0;
}

.address-card {
	border: 1px solid #ccc;
	border-radius: 10px;
	font-size: 14px;
	margin-bottom: 15px;
	min-height: 140px;
}

.address-card .header {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 10px 15px 10px 15px;
	justify-content: space-between;
}

.address-card .header i, .bank-card .header i {
	padding: 4px 5px;
	font-size: 22px;
	color: #000;
}

.address-card .body {
	padding: 15px;
}

.address-card .body.min-height {
	min-height: 90px;
}

.bank-details-card-container {
	margin-bottom: 100px;
}

.bank-card {
	border: 1px solid #ccc;
	border-radius: 10px;
	font-size: 14px;
}

.bank-card .header {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 15px;
	justify-content: space-between;
}

.bank-card .header i {
	padding: 4px 5px;
}

.bank-card .header .default-bank {
	padding: 2px 5px;
	color: #fff;
	font-size: 10px;
	background-color: green;
	border-radius: 4px;
	text-align: center;
	display: inline;
	margin-right: 6px;
}

.bank-card .header .make-dafault {
	padding: 2px 5px;
	color: #fff;
	font-size: 10px;
	background: #999;
	border-radius: 4px;
	text-align: center;
	display: inline;
	margin-right: 6px;
	text-decoration: none;
}

.bank-card .body {
	padding: 15px;
}

.bank-card .body .data-block {
	width: 32%;
	display: inline-block;
	margin-bottom: 10px;
}

.bank-card .body label {
	font-size: 12px;
	color: #999;
	width: 100%;
	text-transform: uppercase;
}

.bank-card .body .data {
	font-size: 12px;
	color: #000;
	width: 100%;
	font-weight: 500;
}

#customersBody td {
	cursor: pointer;
}

.recouncile-details {
	border: 0px solid #000 !important;
	color: var(--color-white);
	border-radius: 3px;
	padding: 4px 6px;
	font-size: 11px;
	background: #000;
	text-decoration: none !important;
	margin-left: 10px;
	border-left: 1px solid #ccc;
}

.recouncile-details:hover {
	color: var(--color-white);
}

.recouncile-details.blue {
	background: #5769bb;
}

.recouncile-details.yellow {
	background: #ebbc00;
}

.recouncile-details.green {
	background: #53bc45;
}

.party-balance-container {
	border: 1px solid #CFCFCF;
	border-radius: 4px;
	padding: 4px 6px;
	font-size: 13px;
	color: #333;
	width: auto;
	display: inline-flex;
	align-items: center;
	height: 32px;
	font-family: 'Roboto', sans-serif;
	margin-top: 10px;
}

.party-balance-container .data {
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
}

.party-amount-container {
	display: flex;
	justify-content: end;
	align-items: center;
}

.party-balance-container .receivables i {
	color: red;
	padding: 0 3px 0 6px;
}

.party-balance-container .payables i {
	color: green;
	padding: 0 3px 0 6px;
}

.party-balance-container .receivables .colred {
	color: red;
}

.party-balance-container .payables .colgreen {
	color: green;
}

.ledger-hsn-uqc-box a.add-ledger-box {
	margin-right: 5px;
	color: #333;
	display: inline;
	width: auto
}

.ledger-hsn-uqc-box a.add-hsn-box {
	margin-right: 15px;
	color: #333;
	display: inline;
	width: auto
}

.ledger-hsn-uqc-box a.add-uqc-box {
	margin-right: 15px;
	color: #333;
	display: flex;
	display: inline;
	width: auto
}

.ledger-hsn-uqc-box i {
	font-size: 13px;
}

table #allinvoice td {
	vertical-align: top;
}

table #allinvoice .table-row-tooltip .dropdown-search1 {
	top: 10px;
}

.ledgerhsnuqc-box {
	width: auto;
	float: left;
	font-size: 12px;
	font-style: italic;
}

.ledgerhsnuqc-box.fourty {
	width: 35%;
	text-align: start;
}

.ledgerhsnuqc-box.twenty {
	width: 30%;
}

.add-ledgerbox-input input, .add-hsnbox-input input, .add-uqcbox-input input{
	width: 100% !important;
}

.add-ledger-box .wb-icon, .add-hsn-box .wb-icon, .add-uqc-box .wb-icon {
	font-size: 18px !important;
	top: 3px;
	color: #d33568;
	position: relative;
}

.invStatename .wb-icon-plus {
	font-size: 18px !important;
	top: 3px;
	color: #d33568;
	position: relative;
}

.ledgerhsnuqc-box .dropdown-menu {
	box-shadow: 0 0 8px #999;
	padding: 10px;
	min-width: 320px;
}

.ledgerhsnuqc-box .dropdown-menu.morewidth {
	min-width: 400px;
}

.ledgerhsnuqc-box .dropdown-menu table {
	width: 75%;
	float: left;
}

.invsuggestion-actions {
	width: auto;
	display: flex;
	align-items: center;
	justify-content: right;
}

.ledgerhsnuqc-box .dropdown-menu .save-btn, .ledgerhsnuqc-box .dropdown-menu .close-btn	{
	padding: 5px 6px 5px 6px !important;
	margin: 2px 4px 4px 2px;
}

.ledgerhsnuqc-box .dropdown-menu .save-btn, .ledgerhsnuqc-box .dropdown-menu .close-btn,
	.ledgerhsnuqc-box .dropdown-menu .save-btn:hover, .ledgerhsnuqc-box .dropdown-menu .close-btn:hover,
	.ledgerhsnuqc-box .dropdown-menu .wb-icon, .ledgerhsnuqc-box .dropdown-menu .wb-icon:hover	{
	cursor: pointer !important;
	color: #fff !important;
	font-size: 18px;
	line-height: 18px;
}

.inv-sectionpadding.table-responsive, .tab-pane.table-responsive,
	.customtable.table-responsive {
	overflow-x: unset;
}

.msme-enabled {
	font-size: 10px;
	color: #fff;
	background: green;
	padding: 2px 6px;
	width: auto;
	display: inline-block;
	border-radius: 4px;
	line-height: normal;
	margin: 6px 0px 0px 10px;
}

.nodata-availablegrid {
	border: 1px dashed #ccc;
	padding: 20px 10px;
	color: #555;
	text-align: center;
	border-radius: 5px;
	font-size: 15px;
}
.nodata-availablegrid.parcomt {
	border: 2px dashed #ccc;
	padding: 20px 10px;
	height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nodata-availablegrid.parcomt:hover {
	border: 2px dashed #d33568;
	padding: 20px 10px;
}

.doc-steps {
	width: 40px;
	height: 40px;
	border: 1px solid #d33568;
	margin-bottom: 10px;
	display: inline-block;
	color: #333;
	line-height: 40px;
	border-radius: 50px;
	text-align: center;
}

.nodata-availablegrid-address {
	border: 1px dashed #ccc;
	padding: 20px 10px;
	color: #555;
	text-align: center;
	border-radius: 5px;
	font-size: 15px;
	min-height: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#idImportSummary table th, #importSummaryBody {
	font-size: 13px;
}

.addAddressCard {
	border: 1px dashed #d33568;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	color: #d33568;
	text-align: center;
	padding: 6px 5px;
	margin: 0 5px;
	min-width: 140px;
}

.inv-seperator {
	height: 2px;
	margin: 30px 0;
	width: 100%;
	background: #E9E9E9;
}

.printinvoice-header {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	margin-bottom: 30px !important;
}

.printinvoice-subheader {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	margin-bottom: 10px !important;
}

.printinvoice-subheader span.gray-text, .gray-text {
	font-size: 13px;
	color: #666;
	font-weight: normal;
}

.invsettings-card {
	border: 1px solid #EEE;
	border-radius: 5px;
	padding: 30px 20px 20px 20px;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}

.invlabel-text {
	font-size: 13px;
	color: #666 !important;
}

.invpopsettings-info {
	font-size: 16px;
	font-weight: 600;
}

.date-custom-filters .multiselect-native-select .btn {
	border: none;
	position: relative;
	top: 2px;
	border-right: 1px solid #ccc;
	border-radius: 0;
	margin-right: 6px;
}
#datepurchasesTab:focus, #datesalesTab:focus {
	box-shadow: 0 0 0 !important;
	background: transparent;
	outline: 0 !important;
}
#datepurchasesTab, #datesalesTab {
	border: none;
    position: relative;
    width: 100px;
    top: 1px;
    font-size: 13px;
    background: transparent;
    cursor: pointer;
    font-weight: 500;
    color: #d33568;
}
.date-custom-filters .multiselect-native-select .btn:hover {
	border: none;
	border-right: 1px solid #ccc;
	border-radius: 0;
	margin-right: 6px;
}

.einvoice-card-height {
	min-height: 320px !important;
	margin-bottom: 20px;
}

.einvoice-form-box-width {
	width: 250px !important;
}

.branchestabtable1 .toolbar, .branchestabtable2 .toolbar,
	.verticalstabtable1 .toolbar, .verticalstabtable2 .toolbar {
	display: block !important
}

.has-error .form-control {
	border-color: #d9534f !important;
}

/* New Print Invoice Settings Styles */
.settings-fixedsection {
	margin-bottom: 10px;
}

.printsettings_leftpanel {
	background: #FCFCFC;
	border: 1px solid #EAEAEA;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 40px;
	height: auto;
	max-height: fit-content;
}

/* scrollbar */
.printsettings_leftpanel::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.printsettings_leftpanel::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.printsettings_leftpanel::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.printsettings_leftpanel::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255, 255, 255, 0.3);
}

/* scrollbar */
.slimscroll::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}

.slimscroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.slimscroll::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.slimscroll::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255, 255, 255, 0.3);
}

.settings-invoice-preview {
	border: 1px solid #E9E9E9;
	padding: 15px;
	margin-bottom: 30px;
}

.settings-invoice-popup-padding {
	padding: 15px 25px;
	font-size: 13px;
}

.settings-invoice-preview .title {
	margin-bottom: 15px;
}

.settings-padding {
	padding: 20px 15px;
}

.settings-fixedsection .title, .printsettings_leftpanel .title,
	.settings-invoice-preview .title {
	font-size: 14px;
	font-weight: 700;
}

.printsettings_leftpanel {
	
}

.printinvoicesizes-card {
	padding: 10px 0;
}

.printinvoicesizes-card .invoice-card {
	border: 1px solid #999999;
	padding: 2px 6px;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	border-radius: 4px;
	margin: 4px 3px 10px 3px;
	display: inline-block;
}

.more-printsettings {
	font-size: 13px;
	color: var(--color-dpink);
	text-decoration: none;
	height: 100%;
	display: flex;
	align-items: center;
}

.more-printtemplates {
	color: #d33568;
	font-size: 13px;
	width: 100%;
	display: inline-block;
	text-align: right;
	padding: 10px;
	margin: 1px;
}

.more-printtemplates:hover {
	color: #000;
}

.more-printsettings .wb-icon {
	font-size: 26px;
}

.more-printsettings:hover {
	font-size: 13px;
	color: black;
}

.more-printsettings:hover .wb-icon {
	color: black;
}

.printinvoicesizes-card .invoice-card:first-child {
	margin-left: 0;
}

.printinvoicesizes-card .invoice-card:last-child {
	margin-right: 0;
}

.printinvoicesizes-card .invoice-card:hover, .printinvoicesizes-card .invoice-card.active	{
	border: 1px solid #d33567;
	color: #d33567;
}

.printinvoicetemplates-card {
	margin: 0px 0 5px 0;
}

.printinvoicetemplates-card .template-card {
	text-decoration: none;
	margin: 4px 4px;
	display: inline-block;
	width: 90px;
	position: relative;
	cursor: pointer;
}

.printinvoicetemplates-card .template-card:hover img {
	border: 1px solid #d33568;
}

.printinvoicetemplates-card .template-card.active:before {
	position: absolute;
	content: "Default Template";
	background: #d33568;
	font-size: 9px;
	color: #fff;
	left: 0;
	top: 0;
	width: 100%;
	height: 20px;
	text-align: center;
	padding-top: 3px;
}

.printinvoicetemplates-card .template-card img {
	width: 100%;
	border: 1px solid #CCCCCC;
}

.printinvoicetemplates-card .template-card .title {
	font-size: 11px;
	display: block;
	text-align: center;
	padding: 8px 0;
}

.section-seperator {
	height: 1px;
	background: #EAEAEA;
	margin: 5px 0 15px 0;
}

.settings-accordion {
	width: 100%;
}

.settings-accordion .accordion {
	margin: 0 5px 20px 5px;
}

.settings-accordion .accordion-flush .accordion-item .accordion-button {
	border-radius: 8px;
}

.settings-accordion .accordion-item {
	width: 100%;
	border-radius: 6px;
	border: 1px solid #E9E9E9;
	background: #FFFFFF;
	margin-bottom: 20px;
}

.settings-accordion .accordion-item * {
	font-size: 14px;
}

.settings-accordion .accordion-flush .accordion-item:first-child,
	.settings-accordion .accordion-flush .accordion-item:last-child {
	border-top: 1px solid #E9E9E9 !important;
	border-bottom: 1px solid #E9E9E9 !important;
}

.settings-accordion .accordion-flush .accordion-button:not(.collapsed) {
	color: #333;
	background: #f9f9f9;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.settings-accordion .accordion-flush .accordion-button:focus {
	box-shadow: none !important;
}

.settings-graytext {
	color: #999;
	margin-left: 5px;
}

.settings-accordion .accordion-title {
	font-size: 14px;
	color: #333;
	margin: 0;
}

.settings-accordion .accordion-title span {
	font-size: 13px;
	color: #999;
}

select.multiselect-ui.form-control {
	height: auto;
	font-size: 12px;
	width: max-content;
	min-width: 200px;
}

.addrowcolor {
	background-color: #fffbf5;
}

.modal-md-mid {
	min-width: 800px;
}

.divider-right {
	border-right: 1px solid #efefef;
}

.showdesktop-statecode {
	display: block;
}

.showmobile-statecode {
	display: none;
}

/*This is the Media query for the mobile header UI changes as per the new design - 29/SEP/23 */
.goto-mobile {
	display: none !important;
}

.invoicepopup-container .easy-autocomplete-container ul {
	min-width: max-content;
}
.invoicepopup-container .inv-rightsection .easy-autocomplete-container ul {
	min-width: 100% !important;
	width:100%;
}

.wb-actiontext-mobilehide {
	display: inline;
}

.wb-addtext-mobileshow {
	display: none;
}

/* mobile logo top header */
.navbar-brand-alt.logo {
	display: none;
}

.wb-footer-dashboard.mobile-footer .footer-l .mobile-logo {
	display: none;
}

.customtable .dataTables_wrapper .dataTables_filter input {
	margin-top: 2px;
}

tbody#customFieldsBody tr td, tbody#VerticalBody tr td, tbody#bankbody tr td,
	tbody#ecombody tr td, tbody#BranchBody tr td {
	min-height: 42px;
}

.logo-spinner {
	width: 70px;
	height: 70px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
}

.logo-spinner img {
	width: 70px;
	height: 70px;
}

#InvoiceSettings .popup-width {
	max-width: 350px;
}
.toggle-fs .fas {
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	color: #666;
	cursor: pointer;
}

.wbActionBtnStencil-Group .dropdown-menu.copytomenualignment {
	right: unset;
}
.section-tablescroll {
	height: 65vh;
	overflow-y: scroll;
}

.section-tablenoscroll {
	height: 100vh !important;
	overflow-y: scroll !important;
}

.configure-aws-btn {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	display: block;
	color: #d33567;
	padding: 10px;
	border: 1px dashed #CCCC;
	max-width: 320px;
	margin: 20px auto;
	border-radius: 4px;
	text-transform: uppercase;
}


/* for sections  */
.commonscrollbar {
	height: 75vh;
	overflow-x: hidden;
	overflow-y: scroll;
}

.itcsaletaile_drop .commonscrollbar {
	height: auto;
	max-height: 75svh;
	overflow-x: hidden;
	overflow-y: scroll;
}

.commonscroller-x {
	height: 75vh;
	overflow-x: scroll;
}

.commonscroller-both {
	height: 75vh;
	overflow-x: scroll;
	overflow-y: scroll;
}

/* for sections  */
/* new css for tables */
.reconcile-text{
	position:absolute !important;
	right:18px;
	top:4px;
}
.bodytabminheight {
	height: 80svh;
	min-height: calc(100svh - 15svh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.dash-min-body-height {
	min-height: calc(100svh - 14svh);
}
.salestabheight {
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.dbTableUnclaimed {
	height: 60vh;
	min-height: calc(100vh - 37vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.salestabheightGSTR1 {
	height: 64vh;
	min-height: calc(100vh - 36vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.salestabheightgstr2bpur {
	height: 45vh;
	min-height: calc(100vh - 48vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.salestabheightgstr2bpur.pur2baddheight {
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.gst2bimstabheight{
	height: 45vh;
	min-height: calc(100vh - 48vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.gst2bimstabheight.ims2baddheight{
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.gst2brecontabheight{
	height: 50vh;
	min-height: calc(100vh - 44vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.gst2brecontabheight.gst2breconreporttabheight{
	height: 55vh;
	min-height: calc(100vh - 40vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.gst2brecontabheight.recon2baddheight{
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.globalreportsonetabheight {
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.globalreportstabheightrecon {
	height: 50vh;
	min-height: calc(100vh - 44vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.cashndbandtabheight {
	height: 70vh;
	min-height: calc(100vh - 27vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.partiestabheight {
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.itemstabheight {
	height: 70vh;
	min-height: calc(100vh - 21vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.userstabheight {
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.importstabheight {
	height: 70vh;
	min-height: calc(100vh - 19vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.accountstabheight {
	height: 70vh;
	min-height: calc(100vh - 25vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.accountsjournaltabheight {
	height: 50vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.settingstabheight {
	height: 70vh;
	min-height: calc(100vh - 19vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.reportstabheight {
	height: 70vh;
	min-height: calc(100vh - 19vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.reports1tabheight {
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.reports2tabheight {
	height: 60vh;
	min-height: calc(100vh - 35vh);
	overflow-y: scroll;
	overflow-x: scroll;
}

.reports3tabheight {
	height: 70vh;
	min-height: calc(100vh - 24vh);
	overflow-y: scroll;
	overflow-x: scroll;
}

.reports4tabheight {
	height: 70vh;
	min-height: calc(100vh - 30vh);
	overflow-y: scroll;
	overflow-x: hidden;
}

.reports5tabheight {
	height: 70vh;
	min-height: calc(100vh - 28vh);
	overflow-y: scroll;
	overflow-x: scroll;
}
.notificationtabheight {
	height: 70vh;
	min-height: calc(100vh - 21vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.einvtabheight {
	height: 70vh;
	min-height: calc(100vh - 27vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.allclienttabheight{
	height: 70vh;
	min-height: calc(100vh - 25vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.webcriedtabheight{
	height: 70vh;
	min-height: calc(100vh - 21vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.webapitabheight{
	height: 70vh;
	min-height: calc(100vh - 18vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.users1tabheight{
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.roles1tabheight{
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.smtptabheight{
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.auditlogtabheight{
	height: 70vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.multigstntabheight{
	height: 70vh;
	min-height: calc(100vh - 28vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.partiesinnertabheight{
	height: 55vh;
	min-height: calc(100vh - 40vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.filingtabheight{
	height: 66vh;
	min-height: calc(100vh - 29vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.gstrecounciletabheight{
	height: 70vh;
	min-height: calc(100vh - 30vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.reminderstabheight{
	height: 70vh;
	min-height: calc(100vh - 20vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.gst3btabheight {
	height: 74vh;
	min-height: calc(100vh - 26vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.gst9tabheight {
	height: 68vh;
	min-height: calc(100vh - 30vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.globalreporttabheight {
	height: 70vh;
	min-height: calc(100vh - 24vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.multimonthreporttabheight {
	height: 60vh;
	min-height: calc(100vh - 31vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.reconcilereporttabheight {
	height: 55vh;
	min-height: calc(100vh - 39vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.threeBvsgstonetabheight {
	height: 70vh;
	min-height: calc(100vh - 25vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.partieswiseclientfillings {
	height: 50vh;
	min-height: calc(100vh - 45vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.twoAvsPurchaseRegtabheight {
	height: 65vh;
	min-height: calc(100vh - 32vh);
	overflow-y: scroll;
	overflow-x: scroll;
}
.invoiceleveltabheight {
	height: 48vh;
	min-height: calc(100vh - 47vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.Gstrepottabheight {
	height: 50vh;
	min-height: calc(100vh - 42vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.gstledgerreporttabheight {
	height: 70vh;
	min-height: calc(100vh - 27vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.gst6isdtabheight {
	height: 70vh;
	min-height: calc(100vh - 27vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.billingtabheight {
	height: 70vh;
	min-height: calc(100vh - 19vh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.settinginnertabheight{
	height: 70svh;
	min-height: calc(100svh - 25svh);
	overflow-y: scroll;
	overflow-x: hidden;
}
.employee-popupheight{
	height: 79svh;
	min-height: calc(100svh - 21svh);
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right:10px !important;
}
.popuptabheight{
	min-height: calc(100svh - 32svh);
    max-height: 68svh;
    height: 68svh;
    overflow-y: scroll;
	overflow-x: hidden;
}
.party-action-btn-mob{
	display:none;
}
.party-action-btn-desk{
	display: block ;
}
.showinmobile{
	display:none;
}
.showindesktop{
	display: block ;
}

@media only screen and (max-width:575px) {
	.recouncilerulebtnmobile{
		top:50px;
	}
	.party-action-btn-mob{
		display:block;
	}
	.balance-block .party-action-btn-mob{
		display:inline-block;
	}
	.party-action-btn-desk{
		display:none !important;
	}
	.showinmobile{
		display:block;
	}
	.showindesktop{
		display: none ;
	}
	.purs-title-type{
		position: absolute;
    	top: 60px;
    	z-index: 9;
	}
	.purs-title-type .right-pie{
		border-right: 0px !important;
	}
	.gstr1statutxt{
		position: absolute;
    	top: 54px;
	}
	.gstr1statutxt .left-pie{
		border-left:0px !important;
		padding-left:0px;
		margin-left:0px;
	}
	.datefiltersatustext{
		position:absolute;
		top:50px;
	}
	.information-block .totalreceivables, .information-block .totalpayables	{
		font-size: 12px;
	}
	.w-sm-max-content{
		width: max-content !important;
	}
	.salestabheight {
		height: 55vh;
		min-height: calc(100svh - 35svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.salestabheightGSTR1 {
		height: 45vh;
		min-height: calc(100vh - 50vh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.cashndbandtabheight {
		height: 55vh;
		min-height: calc(100svh - 36svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.partiestabheight {
		height: 60vh;
		min-height: calc(100svh - 33svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.itemstabheight {
		height: 60vh;
		min-height: calc(100svh - 31svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.userstabheight {
		height: 70vh;
		min-height: calc(100svh - 23svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.importstabheight {
		height: 70vh;
		min-height: calc(100svh - 16svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.accountstabheight {
		height: 60vh;
		min-height: calc(100svh - 25svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.accountsjournaltabheight {
		height: 65vh;
		min-height: calc(100svh - 30svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.settingstabheight {
		height: 70vh;
		min-height: calc(100svh - 16svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.reportstabheight {
		height: 70vh;
		min-height: calc(100svh - 16svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.reports1tabheight {
		height: 60vh;
		min-height: calc(100svh - 31svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.reports2tabheight {
		height: 55vh;
		min-height: calc(100svh - 38svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.reports3tabheight {
		height: 60vh;
		min-height: calc(100svh - 30svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.reports4tabheight {
		height: 60vh;
		min-height: calc(100svh - 36svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.reports5tabheight {
		height: 60vh;
		min-height: calc(100svh - 19svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.notificationtabheight {
		height: 70vh;
		min-height: calc(100svh - 18svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.einvtabheight {
		height: 55vh;
		min-height: calc(100svh - 36svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.allclienttabheight{
		height: 70vh;
		min-height: calc(100svh - 26svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}	
	.webcriedtabheight{
		height: 70vh;
		min-height: calc(100svh - 18svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.webapitabheight{
		height: 70vh;
		min-height: calc(100svh - 17svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.users1tabheight{
		height: 70vh;
		min-height: calc(100svh - 22svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.roles1tabheight{
		height: 70vh;
		min-height: calc(100svh - 22svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.smtptabheight{
		height: 70vh;
		min-height: calc(100svh - 22svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.auditlogtabheight{
		height: 70vh;
		min-height: calc(100svh - 28svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.multigstntabheight{
		height: 60vh;
		min-height: calc(100svh - 33svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.partiesinnertabheight{
		height: 50vh;
		min-height: calc(100svh - 48svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.filingtabheight{
		height: 45vh;
		min-height: calc(100svh - 50svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.gstrecounciletabheight{
		height: 30vh;
		min-height: calc(100svh - 65svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.reminderstabheight{
		height: 70vh;
		min-height: calc(100svh - 20svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.gst3btabheight {
		height: 65vh;
		min-height: calc(100svh - 30svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.gst9tabheight {
		height: 50vh;
		min-height: calc(100svh - 47svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.globalreporttabheight {
		height: 70vh;
		min-height: calc(100svh - 24svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.multimonthreporttabheight {
		height: 60vh;
		min-height: calc(100svh - 34svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.reconcilereporttabheight {
		height: 35vh;
		min-height: calc(100svh - 60svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.threeBvsgstonetabheight {
		height: 55vh;
		min-height: calc(100svh - 39svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.partieswiseclientfillings {
		height: 50vh;
		min-height: calc(100svh - 45svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.Gstrepottabheight {
		height: 30vh;
		min-height: calc(100svh - 65svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.gstledgerreporttabheight {
		height: 60vh;
		min-height: calc(100svh - 30svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.gst6isdtabheight {
		height: 60vh;
		min-height: calc(100svh - 30svh);
		overflow-y: scroll;
		overflow-x: scroll;
	}
	.globalreportsonetabheight {
	    height: 55svh;
	    min-height: calc(100svh - 45svh);
	    overflow-y: scroll !important;
	    overflow-x: scroll !important;
	}
	.globalreportstabheightrecon {
	    height: 55svh;
	    min-height: calc(100svh - 45svh);
	    overflow-y: scroll !important;
	    overflow-x: scroll !important;
	}
	.billingtabheight {
		height: 70svh;
		min-height: calc(100svh - 17svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.settinginnertabheight{
		height: 70svh;
		min-height: calc(100svh - 25svh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.employee-popupheight{
		height: 60svh;
		min-height: calc(100svh - 40svh);
		overflow-y: scroll;
		overflow-x: hidden;
		padding-right:10px !important;
	}
	.salestabheightgstr2bpur.pur2baddheight {
		height: 50vh;
		min-height: calc(100vh - 48vh);
		overflow-y: scroll;
		overflow-x: hidden;
	}
}

/* new css for tables */

/* for Tables  */
.tablescroller-container-y {
	height: 70vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

.tablescroller-container-y-74 {
	height: 74vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

.tablescroller-container-y-75 {
	height: 75vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

.tablescroller-container-y-80 {
	height: 80vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

.tablescroller-container-y-85 {
	height: 85vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

.tablescroller-container-xy {
	height: 70vh;
	overflow-x: scroll;
	overflow-y: scroll;
}

.tablescroller-container-xy-59 {
	height: 59vh;
	overflow-x: scroll;
	overflow-y: scroll;
}
.tablescroller-container-xy-59.tablescroller-container-xy-64 {
	height: 64vh;
	overflow-x: scroll;
	overflow-y: scroll;
}
.tablescroller-container-xy-75 {
	height: 75vh;
	overflow-x: scroll;
	overflow-y: scroll;
}

.tablescroller-container-xy-90 {
	height: 90vh;
	overflow-x: scroll;
	overflow-y: scroll;
}

.tablescroller-container-xy-80 {
	height: 80vh;
	overflow-x: scroll;
	overflow-y: scroll;
}

.tablescroller-container-xy-85 {
	height: 85vh;
	overflow-x: scroll;
	overflow-y: scroll;
}

.tablescroller-container-xy-60 {
	height: 60vh;
	overflow-x: scroll;
	overflow-y: scroll;
} /* Reports - TCS,TDS,Aging */
.tablescroller-container-xy-55 {
	height: 55vh;
	overflow-x: scroll;
	overflow-y: scroll;
} /* Accounting details - Accounts */
.tablescroller-container-x {
	height: 70vh;
	overflow-x: scroll;
}
/* for Tables  */
.tablescroller-container .dataTables_wrapper .dataTables_paginate,
	.customtable .dataTables_wrapper .dataTables_paginate {
	margin-bottom: 20px;
}

/* End of Tables Scroller */
.lastcol-bm-200 {
	margin-bottom: 100px;
}

.customfields-font h6 {
	font-size: 13px;
	font-weight: normal;
}

/* Final Table Scrollers 29 Dec 2023 - SDK */

/*sdk - media Queries */

/*@media only screen and (max-width:575px) { }*/
@media only screen and (max-width:575px) {
	
	.tablescroller-container-y {
		height: 65vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.tablescroller-container-xy-90 {
		height: 85vh;
		overflow-x: scroll;
		overflow-y: scroll;
	}
	.tablescroller-container-xy-80 {
		height: 75vh;
		overflow-x: scroll;
		overflow-y: scroll;
	}
	.tablescroller-container-xy {
		height: 65vh;
		overflow-x: scroll;
		overflow-y: scroll;
	}
	.tablescroller-container-xy-60 {
		height: 55vh;
		overflow-x: scroll;
		overflow-y: scroll;
	} /* Reports - TCS,TDS,Aging */
	.tablescroller-container-xy-55 {
		height: 50vh;
		overflow-x: scroll;
		overflow-y: scroll;
	} /* Accounting details - Accounts */
	.tablescroller-container-x {
		height: 65vh;
		overflow-x: scroll;
	}
	.tablescroller-container .dataTables_wrapper .dataTables_paginate,
		.customtable .dataTables_wrapper .dataTables_paginate {
		margin-bottom: 90px;
	}
	.table-70vh {
		max-height: 70vh;
	}
	.table-55vh {
		max-height: 55vh;
	}
	.table-50vh {
		max-height: 50vh;
	}
	.table-45vh {
		max-height: 45vh;
	}
	.table-40vh {
		max-height: 40vh;
	}
	.recoun-rules-btn {
		position: absolute;
		right: 15px;
		top: 55px;
	}
}

@media ( max-width : 575px) {
	.hideinmobile, .gsthideinmobile {
		display: none !important;
	}
	.inv-billingtext {
		width: 85%;
	}
	.inv-addressedit-icons {
		width: 15%;
		text-align: center;
	}
	.drop_work:hover .work_menu {
		display: none !important;
	}
	.inv-sectionpadding.table-responsive, .tab-pane.table-responsive,
		.customtable.table-responsive {
		overflow-x: unset;
	}
	.section-tablescroll {
		height: 65vh;
		overflow-y: scroll;
	}
	.section-scroll {
		height: 80vh;
		overflow-y: scroll;
	}
	.section-doscroll {
		height: 100%;
		overflow-y: scroll;
	}
	.fullscreen-mode {
		display: none !important;
	}

	/* Styles for GST module error messages near top header */
	
	.mobile-pr {
		position: relative;
	}
	.logo-spinner {
		top: 35%;
	}
	.mobile-pa {
		position: absolute;
	}
	.conection-status-dropdown {
		width: 98%;
		left: 6%;
		max-width: 355px;
	}
	.conection-status-dropdown::after {
		left: 28%;
	}
	#receivable-popover-box {
		right: 0;
	}
	.drop_work .fa.fa-angle-right {
		display: none;
	}
	.drop_work.caret_drop {
		padding-right: 10px !important;
	}
	.partynamemobile {
		line-height: normal;
	}
	#choosegstinDropdown .showmobile-statecode .ms-3 {
		margin-left: 0 !important;
	}
	#choosegstinDropdown .showmobile-statecode {
		width: 30px;
		height: 30px;
		line-height: normal;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.close-conn-status {
		top: 10px;
		right:2%;
	}
	.con-alert-img{
	  display:none;
	}
	
	a.connect-status {
	    padding: 2px 5px !important;
	    line-height: normal;
	    font-size: 13px !important;
	    min-height: 20px;
	}
	.mobile-mb-2 {
		margin-bottom: 2px;
	}
	.mobile-mb-4 {
		margin-bottom: 4px;
	}
	.mobile-mb-6 {
		margin-bottom: 6px;
	}
	.mobile-mb-8 {
		margin-bottom: 8px;
	}
	.mobile-mb-10 {
		margin-bottom: 10px;
	}
	.mobile-mt-2 {
		margin-top: 2px;
	}
	.mobile-mt-4 {
		margin-top: 4px;
	}
	.mobile-mt-6 {
		margin-top: 6px;
	}
	.mobile-mt-8 {
		margin-top: 8px;
	}
	.mobile-mt-10 {
		margin-top: 10px;
	}
	.mobile-ml-2 {
		margin-left: 2px;
	}
	.mobile-ml-4 {
		margin-left: 4px;
	}
	.mobile-ml-6 {
		margin-left: 6px;
	}
	.mobile-ml-8 {
		margin-left: 8px;
	}
	.mobile-ml-10 {
		margin-left: 10px;
	}
	.mobile-mr-2 {
		margin-right: 2px;
	}
	.mobile-mr-4 {
		margin-right: 4px;
	}
	.mobile-mr-6 {
		margin-right: 6px;
	}
	.mobile-mr-8 {
		margin-right: 8px;
	}
	.mobile-mr-10 {
		margin-right: 10px;
	}
	.showglobalreportsmobile .nav-link.count-indicator:hover {
		background: none;
	}
	.megamenu-close {
		width: 30px;
		height: 30px;
	}
	.goto-megamenu-item h3 {
		font-weight: 700;
	}
	.megamenu-close i.wb-icon {
		font-size: 18px;
		color: #000;
		position: relative;
		top: -1px;
	}
	.db-ca-gst-wrap {
		overflow-x: hidden;
	}
	.connection-status-flex {
		display: flex;
	}
	.connection-status ul li a {
		margin: 12px 0px 12px 0px;
		top: 7px;
	}
	.connection-status ul li {
		padding: 1px 2px 12px 6px;
	}
	.inv-recurringfooter-label .label-data {
		padding: 0 10px 0 3px;
	}
	.modal-dialog.popup-width .modal-footer, .modal-dialog.mobilefooter-space .modal-footer
		{
		padding-bottom: 70px;
	}
	/* to create bottom space in mobile view for the visibility of save and cancel buttons*/
	.date-filter-container {
		margin-top: 4px;
		margin-bottom: 8px;
	}
	.mobilecustomdatefilters {
		height: auto;
	}
	.cashandbandcs{
		margin-top:24px;
	}
	.bankstaementandbanckrecouncile{
		margin-top:54px;
	}
	.mobilecustomdatefilters span.multiselect-native-select {
		padding: 0;
	}
	#InvoiceSettings .popup-width {
		max-width: 270px !important;
		width: 270px !important;
		min-width: 270px !important;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav:hover .wb-leftnav-addgst span
		{
		display: block;
	}
	.party-amount-container {
		display: flex;
		justify-content: start;
		align-items: center;
	}
	.party-amount-container .totalbalance {
		width: 100%;
		float: right;
	}
	.party-balance-container {
		height: auto;
		min-height: 32px;
	}
	.goto-megamenu-item ul li {
		vertical-align: top;
	}
	.goto-megamenu-item ul li a.urllink {
		font-size: 14px;
	}
	.goto-megamenu-item ul li a {
		padding: 10px 10px;
	}
	.goto-megamenu-item ul li a:hover {
		text-decoration: underline;
	}
	.dataTables_length select {
		color: #000 !important;
	}
	.wb-footer-dashboard.mobile-footer .footer-l {
		display: flex;
		align-items: center;
	}
	.wb-footer-dashboard.mobile-footer .footer-l p {
		width: 80%;
	}
	.wb-footer-dashboard.mobile-footer .footer-l .mobile-logo {
		width: 20%;
		text-align: center;
		display: block;
	}
	.wb-footer-dashboard.mobile-footer .footer-l .mobile-logo img {
		max-height: 40px;
	}
	.charttab-flex {
		display: block;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.charttab-flex #chart-nav-tab a {
		text-align: left;
		flex: 0 0 auto;
	}
	.card-border-bottom-dashboard {
		border-bottom: 1px solid #ebebeb;
		border-radius: 0;
	}
	.card-border-bottom-dashboard .card-body {
		padding-bottom: 20px !important;
	}
	.navbar-brand-alt.logo {
		display: block;
		float: left;
		position: absolute;
		left: 10px;
		max-height: 40px;
	}
	.navbar-brand-alt.logo img {
		max-height: 36px;
	}
	.wb-actiontext-mobilehide {
		display: none;
	}
	.wb-addtext-mobileshow {
		display: inline;
	}
	.showdesktop-statecode {
		display: none;
	}
	.showmobile-statecode {
		display: inline;
	}
	.invoice-header .inv-number {
		display: none;
	}
	.hide-actionbtn-mobile {
		display: none;
	}
	.show-actionbtn-desktop {
		display: block;
	}
	.customtable .dataTables_wrapper tbody td a.table-icon {
		margin: 0 8px 0 8px;
	}
	.wbActionBtnStencil-Group.delete-popper .dropdown-menu[data-bs-popper],
		.wbActionBtnStencil-Group.delete-popper:hover .dropdown-menu {
		left: 15px;
		width: max-content !important;
	}
	.wb-footer-dashboard {
		bottom: -30px;
		margin-bottom: 60px;
	}
	.container-fluid.footerwrap {
		padding: 10px;
	}
	.invtabtable1 .select_msg {
		font-size: 12px;
		font-weight: 500;
		color: var(--color-dpink) !important;
		position: relative !important;
		left: 0 !important;
	}
	.box-collapse .title-box-d .title-d {
		font-size: 1.3rem;
	}
	.easy-autocomplete-container ul {
		min-width: 300px;
	}
	.placeofsupply-inline-popup .easy-autocomplete-container ul {
		min-width: 100% !important;
		width: 100% !important;
	}
	.invoicepopup-container .easy-autocomplete-container ul {
		min-width: 300px;
	}
	
	.pangst-dropdown .ms-3, .choose-client-dropdown .fa-angle-right {
		margin-left: 8px !important;
	}
	.dashboard-header-logo, .goto-desktop, .goto-menu-dropdown,
		.top-profile-dropdown, .clientname-dropdown .fa-angle-right,
		#chooseclientDropdown .header-clientname, #chooseclientDropdown .header-pannumber, .header-gstnumber, .nine-dots-dropdown .module-text,
		.nine-dots-dropdown-alt .module-text {
		display: none !important;
	}
	.top-profile-dropdown {
		display: none !important;
	}
	.goto-mobile {
		display: block !important;
	}
	.header-panname {
		font-size: 16px !important;
	}
	.mobile-pie-header {
		border-left: 1px solid #ccc;
		height: 30px;
		margin: 11px 0;
	}
	.backto-allgstn {
		margin-left: 45px !important;
	}
	.party-header-section .backto-allgstn {
        margin-left: 0px !important;
	}
	.header-gray-bg .main-dropdown {
		min-width: 60px;
	}
	.fixed-navbar {
		justify-content: center;
	}
	.navbar .navbar-menu-wrapper {
		width: 100%;
	}
	.header-gray-bg .main-dropdown .btn.btn-secondary {
		padding-left: 10px;
		padding-right: 10px;
	}
	.header-goto-btn {
		padding: 8px 0px 1px 2px;
	}
	.wb-submenu-dropdown .drop-arrow-bottom::after {
		display: none;
	}
	#layoutSidenav #layoutSidenav_nav {
		width: 0;
	}
	#layoutSidenav #layoutSidenav_content {
		margin-left: 0px !important;
		margin-right: 0px !important;
		min-height: calc(100svh - 9svh);
		height: calc(100svh - 9svh);
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
		width: 200px;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .nav-link {
		justify-content: left;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .nav .nav-link-title
		{
		display: block;
	}
	.dashboard-main-nav .navbar-nav .goto-dropdownmenu.show {
		position: absolute;
		left: 0 !important;
		width: 100% !important;
		top: 53px;
		background: #fbfbfd;
	}
	.goto-megamenu-container {
		padding-bottom: 50px;
	}
	.header-chooseclientcontainer.dropdown-menu.show {
		position: absolute;
		left: -80px !important;
		width: 100% !important;
		min-width: 350px !important;
		top: 40px;
		background: #fbfbfd;
	}
	.header-choosepancontainer.dropdown-menu.show {
		position: absolute;
		left: -123px !important;
		width: 100% !important;
		min-width: 335px !important;
		top: 40px;
		background: #fbfbfd;
	}
	.dropdown-menu-lg.main-drop-down.show {
		position: absolute;
		width: 100% !important;
		display: inline-block;
		max-width: 320px !important;
		margin-top: 10px !important;
		background: #fbfbfd;
	}
	.claimed-popup {
		width: 300px;
		left: 0;
		margin-left: 0px !important;
	}
}

.ewaybill-dashboard .accordion .card-header {
	width: 100%;
}

.ewaybill-datarow .ewaybill-heading {
	font-size: 16px;
	font-weight: 500;
	color: #333;
}

.ewaybill-dashboard .accordion .card-body {
  max-height:365px;
}

.ewaybill-dashboard .accordion .card-body canvas {
  max-height:300px;
}

.ewaybill-datarow {
	cursor: pointer;
}

.ewaybill-dashboard .accordion .card {
	border: 1px solid #ccc;
}

.ewaybill-inoutdata {
	display: flex;
}
.eway-accordion-header{
	margin:10px auto !important;
	padding: 5px 15px !important
}

.ewaybill-inoutdata .inward-data {
	margin: 0 40px 0 0;
}

.ewaybill-inoutdata .outward-data {
	margin: 0 40px 0 0;
}

.ewaybill-inoutdata .inward-data, .ewaybill-inoutdata .outward-data {
	font-size: 16px;
	color: #333;
}

.ewaybill-inoutdata .inward-data i, .ewaybill-inoutdata .outward-data i{
	margin-right: 2px;
	rotate: 35deg;
}
.ewaybill-inoutdata .inward-data i,.ewaybill-inoutdata .inward-data .inwardcount,.ewaybill-datarow .inoutwards-totalcount	{
	color: #d33568;
}
.ewaybill-inoutdata .outward-data i,.ewaybill-inoutdata .outward-data .outwardcount{
	color: #876ddb;
}

.ewaybill-inoutdata .inward-data .inwardcount, .ewaybill-inoutdata .outward-data .outwardcount,
	.ewaybill-datarow .inoutwards-totalcount {
	font-size: 20px;
	font-weight: 600;
}

.ewaybill-datarow .inoutwards-totalcount {
	text-align: right;
}

@media screen and (max-width: 425px) {
	.dropdown-menu-lg.main-drop-down {
		position: absolute;
		right: 20%;
		left: auto;
		min-width: 300px;
	}
}

.multiselect-native-select .btn {
	padding: 4px 10px !important;
	font-size: 13px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	border-radius: 25px;
}

.bootstrap-tagsinput, .pfilter, .sfilter, .gstr2afilter, .mismatchfilter,
	.Gstr2bReconsilationfilter {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: none !important;
	display: inline-block;
	color: #555;
	vertical-align: middle;
	border-radius: 4px;
	max-width: 100%;
	cursor: text;
	padding: 6px 3px;
}

#divFiltersBankStatements .btaginput, #divAuditFilters .btaginput,
	.divselGstr2bReconsilationInvArrayFilters .btaginput, #divFiltersGSTR2B .btaginput,#divFiltersIMS .btaginput,
	#divExpFiltersEXPENSES .btaginput, #divExpFiltersINCOME .btaginput, 
	#divFilterssalesTab .btaginput,#divFiltersJournal .btaginput, #divFilterspartiesreceiptstab .btaginput,
	#divFilterspartiespaymentstab .btaginput, #divFilterspurchasesTab .btaginput,
	#divFiltersGstr2b .btaginput, #divFiltersEINVOICE .btaginput,
	#divFiltersANX1 .btaginput, #divFiltersyearlyEWAYBILL .btaginput,
	#divFilterscustomEWAYBILL .btaginput, #divFilterscustomGSTR1 .btaginput,
	#divFiltersyearlyGSTR1 .btaginput, #divPFilters .btaginput, #divFilters .btaginput,
	#divFiltersGSTR1 .btaginput,#divFiltersStockSales .btaginput, #divFiltersPurchase_Register .btaginput,
	#divFiltersUnclaimed .btaginput, #divFiltersGSTR2 .btaginput,
	#divG2Filters .btaginput, #divMMFilters .btaginput, #divFiltersGSTR6 .btaginput,
	#divFiltersGSTR2A .btaginput, #divFiltersGSTR1Amnd .btaginput,
	#divFiltersGSTR4 .btaginput, #divFiltersGSTR5 .btaginput,
	#divFiltersDELIVERYCHALLANS .btaginput, #divFiltersPROFORMAINVOICES .btaginput,
	#divFiltersESTIMATES .btaginput, #divFiltersPurchaseOrder .btaginput,
	#divFiltersSalesRegister .btaginput, #divFiltersRECURRINGINVOICES .btaginput,
	#divFiltersPurchaseRegister .btaginput, #divFiltersEWAYBILL .btaginput,
	#divFiltersOUTWARDEWAYBILL .btaginput, #divFiltersINWARDEWAYBILL .btaginput,
	#divFiltersPartner .btaginput, #divcommonGstr2bReconsilationFilters .btaginput,
	.divFiltersBankStatements .btaginput, .divAuditFilters .btaginput,
	.divselGstr2bReconsilationInvArrayFilters .btaginput, .divFiltersGSTR2B .btaginput,.divFiltersIMS .btaginput,
	.divExpFiltersEXPENSES .btaginput,.divExpFiltersINCOME .btaginput, .Gstr2bReconsilationfilter .btaginput,
	.divFilterssalesTab .btaginput,.divFiltersJournal .btaginput, .divFilterspartiesreceiptstab .btaginput,
	.divFilterspartiespaymentstab .btaginput, .divFilterspurchasesTab .btaginput,
	.divFiltersGstr2b .btaginput, .divFiltersEINVOICE .btaginput,
	.divFiltersANX1 .btaginput, .divFiltersyearlyEWAYBILL .btaginput,
	.divFilterscustomEWAYBILL .btaginput, .divFilterscustomGSTR1 .btaginput,
	.divFiltersyearlyGSTR1 .btaginput, .divPFilters .btaginput, .divFilters .btaginput,
	.divFiltersGSTR1 .btaginput,.divFiltersStockSales .btaginput, .divFiltersPurchase_Register .btaginput,
	.divFiltersUnclaimed .btaginput, .divFiltersGSTR2 .btaginput,
	.divG2Filters .btaginput, .divMMFilters .btaginput, .divFiltersGSTR6 .btaginput,
	.divselBankReconsilationInvArrayFilters .btaginput,
	.divFiltersGSTR2A .btaginput, .divFiltersGSTR1Amnd .btaginput,
	.divFiltersGSTR4 .btaginput, .divFiltersGSTR5 .btaginput,
	.divFiltersDELIVERYCHALLANS .btaginput, .divFiltersPROFORMAINVOICES .btaginput,
	.divFiltersESTIMATES .btaginput, .divFiltersPurchaseOrder .btaginput,
	.divFiltersSalesRegister .btaginput, .divFiltersRECURRINGINVOICES .btaginput,
	.divFiltersPurchaseRegister .btaginput, .divFiltersEWAYBILL .btaginput,
	.divFiltersOUTWARDEWAYBILL .btaginput, .divFiltersINWARDEWAYBILL .btaginput,
	.divFiltersPartner .btaginput, .divcommonGstr2bReconsilationFilters .btaginput,
	.divFiltersVoucher .btaginput,.divFiltersContra .btaginput,.divFiltersledgerreport .btaginput,
	.divFilterstrailbalance .btaginput,.divFilterspandl .btaginput,
	.divFiltersbalancesheet .btaginput,.divFilterscolumnbalancesheet .btaginput,
	.divFiltersschedulebalancesheet .btaginput,.divFiltersschedulecolumnbalancesheet .btaginput,.divFilterscashflow .btaginput, .divFilterstdsreport .btaginput,.divFilterstcsreport .btaginput,.divFiltersallgstin .btaginput,.divFiltersBatchGstin .btaginput,.divFiltersNotify .btaginput,
	.divFilterstdsreport .btaginput,.divFilterstcsreport .btaginput,.divFiltersallgstin .btaginput,.divFiltersBatchGstin .btaginput,.divFiltersNotify .btaginput,.divFiltersITCREPORTSUNCLAIMED .btaginput	{
	background-color: #fff0f5 !important;
	margin-left: 4px !important;
	margin-right: 4px !important;
	line-height: 22px !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	padding: 3px 10px !important;
	border-radius: 25px !important;
	border: 1px solid #f589ac !important;
	color: #333 !important;
	margin-bottom: 3px;
}

.flow-title .desktopview {
	display: block;
}

.flow-title .mobileview {
	display: none;
}

.filters-desktopview {
	display: block;
}

.filters-mobileview {
	display: none;
}

.showglobalreportsdesktop {
	display: inline;
}

.showglobalreportsmobile {
	display: none !important;
}

/*
#############
Media Quereis
##############
*/
.wbActionBtnStencil-Group .dropdown-menu[data-bs-popper] {
	left: unset;
	margin-top: var(--bs-dropdown-spacer);
	max-width: max-content;
	top: unset;
}

.goto-megamenu-item-desktop {
	display: block;
}

.goto-megamenu-item-mobile {
	display: none !important;
}
.filter-btn-desktop{
	display: block;
}
.filter-btn-mobile{
	display: none !important;
}
.ssldhowinmobile{
	display:none;
}
.sslshowindesktop{
	display:block;
}
.showinmobile{
	display:none;
}
.showindesktop{
	display:block;
}
.singleclickiconspaceinmobile{
	display:none;
}
@media screen and (max-width:767px) {
	.singleclickiconspaceinmobile{
		display:block;
		margin-left:50px !important;
	}
	.ssldhowinmobile{
		display:block;
	}
	.sslshowindesktop{
		display:none;
	}
	.leftnavstarchmob{
	    display: flex;
    	flex-direction: column;
    	justify-content: space-between;
	}
	.wb-sidenav {
		height: 100svh;
	}
	
	.showinmobile{
		display:inline;
	}
	.showindesktop{
		display:none;
	}
	.gstrepodatepicker{
		position: absolute;
    	top: -26px;
	}
	#yeartotoalreport tr td h6{
		width:200px;
	}
.filter-btn-desktop{
	display: none!important;
}
.filter-btn-mobile{
	display: block !important;
}
	/* for sections */
	.commonscrollbar {
		height: 75vh;
		overflow-x: scroll;
		overflow-y: scroll;
	}
	.commonscrollbar.no-x-scroll {
		overflow-x: hidden;
	}
	/* for sections */
	.hideintab {
		display: none !important;
	}
	.showglobalreportsdesktop {
		display: none !important;
	}
	.showglobalreportsmobile {
		display: block !important;
	}
	.goto-megamenu-item-desktop {
		display: none !important;
	}
	.goto-megamenu-item-mobile {
		display: block !important;
		margin-top: 2px;
		margin-bottom: 0px;
		float: right;
	}
	.goto-megamenu-item-mobile .wb-actions-btn-group {
		/*justify-content: start;*/
		justify-content: end;
		padding-bottom: 0;
	}
	.wb-profilepage-container {
		background: none;
	}
	tbody#customFieldsBody tr td, tbody#VerticalBody tr td, tbody#bankbody tr td,
		tbody#ecombody tr td, tbody#BranchBody tr td {
		min-height: auto;
	}

	/*Tables - Show number filter and search input alignment */
	#dbTableGSTR1_length.dataTables_length, #dbTablePROFORMAINVOICES_length.dataTables_length,
		#dbTableDELIVERYCHALLANS_length.dataTables_length,
		#dbTableESTIMATES_length.dataTables_length,
		#dbTableRECURRINGINVOICES_length.dataTables_length,
		#dbTablePurchase_Register_length.dataTables_length,
		#dbTablePurchaseOrder_length.dataTables_length,
		#dbTableEXPENSES_length.dataTables_length,#dbTableINCOME_length.dataTables_length,
		#paymentstable_salesTab_length.dataTables_length,
		#paymentstable_purchasesTab_length.dataTables_length,
		#dbTablebank_length.dataTables_length, #bankReconsileDbTable_length.dataTables_length,
		#dbTable1_length.dataTables_length, #dbTable_item_length.dataTables_length,
		#userdbTable1_length.dataTables_length, #roledbTable1_length.dataTables_length,
		#dbTable3_length.dataTables_length, #dbTable2_length.dataTables_length,
		#CostCenterdbTable_length.dataTables_length,
		#SubCostCenterdbTable_length.dataTables_length,
		#journaldetailsdbTable1_length.dataTables_length,
		#turnover_table_length.dataTables_length, #invoiceConfigDbTable_length.dataTables_length,
		#customTable_length.dataTables_length, #BranchdbTable_length.dataTables_length,
		#SubBranchdbTable_length.dataTables_length, #VerticaldbTable_length.dataTables_length,
		#SubVerticaldbTable_length.dataTables_length, #bankdbTable1_length.dataTables_length,
		#ecomdbTable1_length.dataTables_length {
		margin-top: 1px;
		margin-bottom: 5px;
	}

	/*Tables - Show number filter and search input alignment */
	.dataTables_wrapper .dataTables_length {
		margin-top: 6px;
		margin-bottom: 0;
	}
	.gstr-info-tabs .nav-tabs {
		overflow-x: auto;
		overflow-y: hidden;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.gstr-info-tabs .nav-tabs .nav-link {
		white-space: nowrap;
		width: max-content;
		-webkit-overflow-scrolling: touch;
	}
	.mobile-gstr-info-tab-content {
		margin-top: 24px !important;
	}
	.mobile-gstr-info-tab-content.gstr1tab {
		margin-top: 0px !important;
	}
	.party-balance-container .data .totalrecievables,
		.party-balance-container .data .totalpayables {
		float: right;
		width: 100%;
	}
	.sale-title {
		top: 50px;
		right: 12px;
		width: 100%
	}
	.bank-statement-title {
		top: 50px;
		right: 0px;
		width: 100%
	}
	.bank-statement-title .party-balance-container {
		margin: 10px 12px 0px 12px;
	}
	.e-invoice-saletitle {
		top: 10px;
	}
	.add_invoice_drop {
		right: 0 !important;
		top: 28px;
	}
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter	{
		text-align: center;
	}
	.customtable .dataTables_wrapper tbody td {
		margin-bottom: 7px;
		font-size: 12px;
	}
	#addbusinessdropdown {
		display: none;
	}
	.header-gray-bg .wb-icon-apps {
		margin: 0 10px 0 10px;
	}
	.drop-arrow-bottom::after {
		right: 40%;
	}
	.card-border-right::after {
		border-right: 0;
	}

	/* Hide left navigation icon view completely in mobile view, can be accessed/view only when clicked on hamburger menu. */
	#layoutSidenav #layoutSidenav_nav {
		width: 0;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_content {
		margin-left: 15px;
	}
	#layoutSidenav #layoutSidenav_content {
		margin-left: 10px;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
		width: 180px;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .nav-link {
		justify-content: left;
	}
	.wb-sidenav-toggled #layoutSidenav #layoutSidenav_nav .nav .nav-link-title
		{
		display: block;
	}

	/* Hide left navigation icon view completely in mobile view, can be accessed/view only when clicked on hamburger menu. */

	/*Code to list view for import popup templates*/
	.rightside-wrap ul {
		margin-left: 20px !important;
	}
	.rightside-wrap ul li .sm-img {
		display: none !important;
	}
	.rightside-wrap ul li {
		padding: 5px 0 !important;
		font-size: 14px !important;
		list-style-type: symbols !important;
		width: 100% !important;
		text-align: left !important;
		margin-bottom: 0 !important;
		color: #0d6efd;
	}
} /*End of Max 767px*/

/*
    #######################################
    IMPORTANT FOR DATA TABLES 
    Styles for Converting Datatable or Tables to Cards in mobile view
    #######################################
*/

/* To align the checkbox to the middle of the table td */
.customtable .meterialform .checkbox .helper, .meterialform.filters .checkbox .helper
	{
	top: -8px;
}


@media screen and (max-width:767px) {
	.addclientheight {
		height: max-content;
		margin-bottom: 100px;
	}
	.addclientaddscroll table tbody{
		max-height:180px;
		height:180px;
	}
	.addclient-wizard-body {
		min-height:560px;
	}
	.lets-add-section {
		margin-top: 0;
	}
	.addclient-footer {
		position: static !important;
	}
	.flow-leftmenu-steps ul li {
		width: auto;
	}
	.flow-leftmenu-steps ul li a .wb-icon {
		font-size: 1.4rem;
	}
	.flow-leftmenu-steps ul li a {
		padding: 5px 5px 5px 0;
		font-size: 12px;
	}
	.flow-leftmenu-steps ul li a span {
		display: none;
	}
	.tax-popup {
		font-size: 12px;
	}
	.hideinmobile, .gsthideinmobile {
		display: none;
	}
	/* .dbTableGSTR1 .tabletocardlayout tbody tr td:nth-child(9), #dbTablePROFORMAINVOICES.tabletocardlayout tbody tr td:nth-child(8), #dbTableDELIVERYCHALLANS.tabletocardlayout tbody tr td:nth-child(6), #dbTableESTIMATES.tabletocardlayout tbody tr td:nth-child(6){
		display:inline-flex;
	    flex-direction: row-reverse;
	    justify-content: space-between;
	}
 */
	/* To enable space for bottom section in invoice popup's */
	.lastcol-bm-200 {
		margin-bottom: 200px;
	}
	.lastcol-bm-150 {
		margin-bottom: 150px;
	}
	.lastcol-bm-100 {
		margin-bottom: 100px;
	}
	.lastcol-bm-90 {
		margin-bottom: 90px;
	}
	.lastcol-bm-80 {
		margin-bottom: 80px;
	}
	.lastcol-bp-200 {
		padding-bottom: 200px;
	}
	.lastcol-bp-150 {
		padding-bottom: 150px;
	}
	.lastcol-bp-100 {
		padding-bottom: 100px;
	}
	.lastcol-bp-90 {
		padding-bottom: 90px;
	}
	.lastcol-bp-80 {
		padding-bottom: 80px;
	}
	/* To enable space for bottom section in invoice popup's */

	/* Common Table layout for mobile view */
	.tabletocardlayout tr {
		display: block;
		padding-top: 6px;
		padding-bottom: 3px;
		margin: 0 0 12px;
		border: 1px solid #C0C0C0;
		border-radius: 4px;
		box-shadow: 0px 0px 6px #E9E9E9;
	}
	.tabletocardlayout thead tr {
		display: none;
	}
	table.tabletocardlayout.dataTable tbody td {
	    padding: 4px 7px !important;
	}
	table.tabletocardlayout.dataTable tbody td.dataTables_empty {
	    width: 100% !important;
	    padding: 100px 0 !important;
	    text-align: center !important;
	    border: 0 !important;
	}
	table.tabletocardlayout {
		border-radius: 4px;
	}
	.tabletocardlayout td {
		width: 45%;
		max-width: 45%;
		display: inline-block;
		padding: 4px 7px;
	}
	table.tabletocardlayout.row-border tbody th, table.tabletocardlayout.row-border tbody td,
		table.tabletocardlayout.display tbody th, table.tabletocardlayout.display tbody td
		{
		border: none !important;
	}

	/* Common Table layout for mobile view */

	/* Check box position alignment for each table in mobile view  */
	#invBodyGSTR1 .checkbox.nottoedit, #invBodyPROFORMAINVOICES .checkbox.nottoedit,
		#invBodyDELIVERYCHALLANS .checkbox.nottoedit, #invBodyESTIMATES .checkbox.nottoedit,
		#invBodyPurchase_Register .checkbox.nottoedit
		{
		position: relative;
		/* top: -8px; */
	}
	.customFieldTable .checkbox
		{
		position: relative;
		top: -8px;
	}

	/* Check box position alignment for each table in mobile view  */

	/*Sales Table and Purchase -> Purchase Invoice, Purchase -> Purchase Order*/
	.dbTableGSTR1 .tabletocardlayout td:nth-child(1),
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(1),
		.dbTablePurchaseOrder .tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	.dbTableGSTR1 .tabletocardlayout td:nth-child(2){
		/* min-height: 40px; */
		font-size: 14px;
		min-width: 10%;
        width: 20%;
	}
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(2),
		.dbTablePurchaseOrder .tabletocardlayout td:nth-child(2) {
		display: none;
	}
	.dbTableGSTR1 .tabletocardlayout td:nth-child(3){
		/* min-height: 40px; */
		font-size: 14px;
		min-width: 10%;
        width: 15%;
	}
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(3),
		.dbTablePurchaseOrder .tabletocardlayout td:nth-child(3) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 80%;
		/* min-height: 40px; */
	}
	.dbTableGSTR1 .tabletocardlayout td:nth-child(4){
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 80%;
		/* min-height: 40px; */
	} .dbTableGSTR1 .tabletocardlayout td:nth-child(5),
		.dbTableGSTR1 .tabletocardlayout td:nth-child(6),
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(4),
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(5),
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(6),
		.dbTablePurchaseOrder .tabletocardlayout td:nth-child(4),
		.dbTablePurchaseOrder .tabletocardlayout td:nth-child(5),
		.dbTablePurchaseOrder .tabletocardlayout td:nth-child(6) {
		max-width: 28%;
	}
	.dbTableGSTR1 .tabletocardlayout td:nth-child(7),
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(6),
		.dbTablePurchaseOrder .tabletocardlayout td:nth-child(6) {
		font-size: 15px;
		font-weight: 500;
		text-align: right !important;
	}
	.dbTableGSTR1 .tabletocardlayout td:nth-child(7){
		max-width: 28%;
	}
	 .dbTableGSTR1 .tabletocardlayout td:nth-child(8),
		.dbTablePurchaseOrder .tabletocardlayout td:nth-child(7),
		.dbTablePurchaseOrder .tabletocardlayout td:nth-child(8) {
		max-width: 45%;
	}
	.dbTableGSTR1 .tabletocardlayout td:nth-child(8).mob-paystatuswidth {
		max-width: 6%;
	}
	
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(7){
			max-width: 28%;
		}
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(8){
			max-width: 12%;
		}
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(9){
			max-width: 45%;
		}
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(9).mob-paystatuswidth{
			max-width: 6%;
		}
		.dbTablePurchase_Register .tabletocardlayout td:nth-child(10){
			max-width: 30%;
		}
	.dbTableGSTR1 .tabletocardlayout td:nth-child(7) .d-flex {
		justify-content: start !important;
	}
	/*Sales Table Only*/
	
	
	/*GSTR2B Purchase Tab Table Only*/
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(1){
		width: 3% !important;
		min-width: 3% !important;
	}
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(2){
		width: 3% !important;
		min-width: 3% !important;
		display: inline-flex;
	}
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(3){
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 22% !important;
		width: 22% !important;
	}
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(4){
		width: 58% !important;
		min-width: 58% !important;
	}
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(5){
		min-width: 28% !important;
		width: 28% !important;
		text-align: left !important;
	}
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(6){
		min-width: 20% !important;
		width: 20% !important;
	}
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(7){
		max-width: 28%;
		min-width: 28%;
		width: 28%;
	}
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(8){
		max-width: 3%;
		min-width: 3%;
		width: 3%;
	}
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(9){
		max-width: 3%;
		min-width: 3%;
		width: 3%;
	}
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(10){
		max-width: 30%;
		min-width: 30%;
		width: 30%;
		text-align: left !important;
	}
	.salestabheightgstr2bpur.dbTablePurchase_Register .tabletocardlayout td:nth-child(11){
		max-width: 30%;
		min-width: 30%;
		width: 30%;
	}
	/*GSTR2B Purchase Tab Table Only*/
	
	/* gstr1 tables */
	
	.dbTableGSTR1.salestabheightGSTR1 .tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	.dbTableGSTR1.salestabheightGSTR1 .tabletocardlayout td:nth-child(2){
		font-size: 14px;
		min-width: 20%;
        width: 20%;
	}
	.dbTableGSTR1.salestabheightGSTR1 .tabletocardlayout td:nth-child(3){
		font-size: 14px;
		min-width: 60%;
        width: 60%;
	}
	.dbTableGSTR1.salestabheightGSTR1 .tabletocardlayout td:nth-child(4){
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 35%;
		width: 35%;
	}
	.dbTableGSTR1.salestabheightGSTR1 .tabletocardlayout td:nth-child(5) {
		max-width: 20%;
	}
	.dbTableGSTR1.salestabheightGSTR1 .tabletocardlayout td:nth-child(6) {
		max-width: 35%;
	}
	.dbTableGSTR1.salestabheightGSTR1 .tabletocardlayout td:nth-child(7) {
		font-size: 15px;
		font-weight: 500;
		text-align: right !important;
		max-width: 40%;
	}
	.dbTableGSTR1.salestabheightGSTR1 .tabletocardlayout td:nth-child(8) {
		max-width: 35%;
	}
	.dbTableGSTR1.salestabheightGSTR1 .tabletocardlayout td:nth-child(9) {
		max-width: 5%;
	}
	/* gstr1 tables */
	

	/*Proforma Invoice Table Only*/
	.dbTablePROFORMAINVOICES .tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	.dbTablePROFORMAINVOICES .tabletocardlayout td:nth-child(2) {
		display: none;
	}
	.dbTablePROFORMAINVOICES .tabletocardlayout td:nth-child(3) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 80%;
		/* min-height: 40px; */
	}
	.dbTablePROFORMAINVOICES .tabletocardlayout td:nth-child(4),
		.dbTablePROFORMAINVOICES .tabletocardlayout td:nth-child(5),
		.dbTablePROFORMAINVOICES .tabletocardlayout td:nth-child(6) {
		max-width: 28%;
	}
	.dbTablePROFORMAINVOICES .tabletocardlayout td:nth-child(7) {
		font-size: 15px;
		font-weight: 500;
		text-align: left !important;
	}
	.dbTablePROFORMAINVOICES .tabletocardlayout td:nth-child(8) {
		max-width: 45%;
	}

	/*Proforma Invoice Table Only*/

	/*Delivery Challans & Estimates Only*/
	.dbTableDELIVERYCHALLANS .tabletocardlayout td:nth-child(1),
		.dbTableESTIMATES .tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	.dbTableDELIVERYCHALLANS .tabletocardlayout td:nth-child(2),
		.dbTableESTIMATES .tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 80%;
		min-height: 40px;
	}
	.dbTableDELIVERYCHALLANS .tabletocardlayout td:nth-child(3),
	.dbTableDELIVERYCHALLANS .tabletocardlayout td:nth-child(4),
	.dbTableDELIVERYCHALLANS .tabletocardlayout td:nth-child(5),
	.dbTableESTIMATES .tabletocardlayout td:nth-child(3),
	.dbTableESTIMATES .tabletocardlayout td:nth-child(4),
	.dbTableESTIMATES .tabletocardlayout td:nth-child(5) {
		max-width: 45%;
	}
	.dbTableDELIVERYCHALLANS .tabletocardlayout td:nth-child(5),
		.dbTableESTIMATES .tabletocardlayout td:nth-child(5) {
		font-size: 15px;
		font-weight: 500;
		text-align: right !important;
	}
	.dbTableDELIVERYCHALLANS .tabletocardlayout td:nth-child(6),
		.dbTableESTIMATES .tabletocardlayout td:nth-child(6) {
		max-width: 45%;
		min-width: 45%;
		text-align: right;
	}

	/*Delivery Challans & Estimates Only*/

	/*RECURRING INVOICES Table Only*/
	.dbTableRECURRINGINVOICES .tabletocardlayout td:nth-child(1) {
		width: 96%;
		min-width: 96%;
		font-size: 15px;
		font-weight: 500;
		text-align: left;
	}
	.dbTableRECURRINGINVOICES .tabletocardlayout td:nth-child(2) {
		text-align: left !important;
	}
	.dbTableRECURRINGINVOICES .tabletocardlayout td:nth-child(2),
		.dbTableRECURRINGINVOICES .tabletocardlayout td:nth-child(3),
		.dbTableRECURRINGINVOICES .tabletocardlayout td:nth-child(4) {
		max-width: 28%;
	}
	.dbTableRECURRINGINVOICES .tabletocardlayout td:nth-child(4) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
	}
	.dbTableRECURRINGINVOICES .tabletocardlayout td:nth-child(5) {
		width: 96%;
		min-width: 96%;
		text-align: right !important;
	}

	/*RECURRING INVOICES Table Only*/

	/*User Menu Users Table Only*/
	#userdbTable1usersTab.tabletocardlayout td:nth-child(1), #userdbTable1usersTab.tabletocardlayout td:nth-child(2)
		{
		width: 5%;
		min-width: 5%;
	}
	#userdbTable1usersTab.tabletocardlayout td:nth-child(3) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 73%; /*min-height:40px;*/
	}
	#userdbTable1usersTab.tabletocardlayout td:nth-child(4), #userdbTable1usersTab.tabletocardlayout td:nth-child(5)
		{
		max-width: 44%;
	}
	#userdbTable1usersTab.tabletocardlayout td:nth-child(6){
		max-width: 28%;
	} #userdbTable1usersTab.tabletocardlayout td:nth-child(7){
		max-width: 20%;
	}
		#userdbTable1usersTab.tabletocardlayout td:nth-child(8) {
		max-width: 30%;
	}
	#userdbTable1usersTab.tabletocardlayout td:nth-child(4), #userdbTable1usersTab.tabletocardlayout td:nth-child(6),
		#userdbTable1usersTab.tabletocardlayout td:nth-child(8) {
		text-align: left !important;
	}
	#userdbTable1usersTab.tabletocardlayout td:nth-child(5), #userdbTable1usersTab.tabletocardlayout td:nth-child(7)
		{
		text-align: right !important;
	}

	/*User Menu Users Table Only*/
	
		/*pepole Menu auditors Table Only*/
	#userdbTable1auditorsTab.tabletocardlayout td:nth-child(1), #userdbTable1auditorsTab.tabletocardlayout td:nth-child(2)
		{
		width: 5%;
		min-width: 5%;
	}
	#userdbTable1auditorsTab.tabletocardlayout td:nth-child(3) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 73%; /*min-height:40px;*/
	}
	#userdbTable1auditorsTab.tabletocardlayout td:nth-child(4), #userdbTable1auditorsTab.tabletocardlayout td:nth-child(5)
		{
		max-width: 44%;
	}
	#userdbTable1auditorsTab.tabletocardlayout td:nth-child(6){
		max-width: 28%;
	} #userdbTable1auditorsTab.tabletocardlayout td:nth-child(7){
		max-width: 20%;
	}
		#userdbTable1auditorsTab.tabletocardlayout td:nth-child(8) {
		max-width: 30%;
	}
	#userdbTable1auditorsTab.tabletocardlayout td:nth-child(4), #userdbTable1auditorsTab.tabletocardlayout td:nth-child(6),
		#userdbTable1auditorsTab.tabletocardlayout td:nth-child(8) {
		text-align: left !important;
	}
	#userdbTable1auditorsTab.tabletocardlayout td:nth-child(5), #userdbTable1auditorsTab.tabletocardlayout td:nth-child(7)
		{
		text-align: right !important;
	}

	/*Pepole Menu Auditors Table Only*/
	
	
		/*Pepole Menu Employee Table Only*/
	#employeedbTable.tabletocardlayout td:nth-child(1){
		width: 5%;
		min-width: 5%;
	}
	#employeedbTable.tabletocardlayout td:nth-child(2), #employeedbTable.tabletocardlayout td:nth-child(3) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 40%;
		min-width: 40%; /*min-height:40px;*/
	}
	#employeedbTable.tabletocardlayout td:nth-child(4), #userdbTable1usersTab.tabletocardlayout td:nth-child(5)
		{
		max-width: 44%;
	}
	/*People Menu eployee Table Only*/
	

	/*Import Mapper view Table Only*/
	.mapviewModal-wrap .tabletocardlayout td:nth-child(1) {
		width: 20%;
		min-width: 20%;
	}
	.mapviewModal-wrap .tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 65%;
	}
	.mapviewModal-wrap .tabletocardlayout td:nth-child(3){
		width: 40%;
		min-width: 40%;
	}
		.mapviewModal-wrap .tabletocardlayout td:nth-child(4),
		.mapviewModal-wrap .tabletocardlayout td:nth-child(5),
		.mapviewModal-wrap .tabletocardlayout td:nth-child(6) {
		max-width: 20%;
	}
	.mapviewModal-wrap .tabletocardlayout td:nth-child(3),
		.mapviewModal-wrap .tabletocardlayout td:nth-child(5) {
		text-align: left !important;
	}
	.mapviewModal-wrap .tabletocardlayout td:nth-child(4),
		.mapviewModal-wrap .tabletocardlayout td:nth-child(6) {
		text-align: right !important;
	}

	/*Import Mapper view Table Only*/
	
	/*Bulk Import Mapper view Table Only*/
	.bulkimp.tabletocardlayout td:nth-child(1) {
		width: 46%;
		min-width: 46%;
	}
	.bulkimp.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 43%;
		width:43%;

	}
	.bulkimp.tabletocardlayout td:nth-child(3),
	.bulkimp.tabletocardlayout td:nth-child(4),
	.bulkimp.tabletocardlayout td:nth-child(5) {
		max-width: 28%;
	}
	/*Bulk Import Mapper view Table Only*/

	/*Receipts and Payments - CASH BANK Table Only*/
	#receiptstab .tabletocardlayout td:nth-child(1), #paymentstab .tabletocardlayout td:nth-child(1)
		{
		width: 5%;
		min-width: 5%;
	}
	#receiptstab .tabletocardlayout td:nth-child(2),
	#paymentstab .tabletocardlayout td:nth-child(2){
		width: 22%;
		min-width: 22%;
	}
	#receiptstab .tabletocardlayout td:nth-child(3),
	#paymentstab .tabletocardlayout td:nth-child(3){
		width: 55%;
		min-width: 55%;
	}
	#receiptstab .tabletocardlayout td:nth-child(4), #paymentstab .tabletocardlayout td:nth-child(4)
		{
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 80%;
	}
	#receiptstab .tabletocardlayout td:nth-child(5), #receiptstab .tabletocardlayout td:nth-child(6),
		#paymentstab .tabletocardlayout td:nth-child(5), #paymentstab .tabletocardlayout td:nth-child(6)
		{
		max-width: 44%;
	}
	#receiptstab .tabletocardlayout td:nth-child(2), #receiptstab .tabletocardlayout td:nth-child(3),
		#receiptstab .tabletocardlayout td:nth-child(5), #paymentstab .tabletocardlayout td:nth-child(2),
		#paymentstab .tabletocardlayout td:nth-child(3), #paymentstab .tabletocardlayout td:nth-child(5)
		{
		text-align: left !important;
	}
	#receiptstab .tabletocardlayout td:nth-child(6), #paymentstab .tabletocardlayout td:nth-child(6)
		{
		text-align: right !important;
	}
	#receiptstab .tabletocardlayout td:nth-child(7), #paymentstab .tabletocardlayout td:nth-child(7)
		{
		min-width: 75%;
		width: 75%;
		text-align: left !important;
	}
	#receiptstab .tabletocardlayout td:nth-child(8), #paymentstab .tabletocardlayout td:nth-child(8)
		{
		min-width: 15%;
		width: 15%;
		text-align: left !important;
	}

	/*Receipts and Payments - CASH BANK Table Only*/

	/*Bank Statements - CASH BANK Table Only*/
	#bankstatementstab .tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	#bankstatementstab .tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		min-width: 57%;
	}
	#bankstatementstab .tabletocardlayout td:nth-child(3){
		width: 22%;
		min-width: 22%;
	}
	#bankstatementstab .tabletocardlayout td:nth-child(4){
		width: 90%;
		min-width: 90%;
		word-wrap: break-word;
	}
    #bankstatementstab .tabletocardlayout td:nth-child(5){
        width: 33%;
        min-width: 33%;
    }
    #bankstatementstab .tabletocardlayout td:nth-child(6){
    	width: 23%;
        min-width: 23%;
    }
    #bankstatementstab .tabletocardlayout td:nth-child(7),
    #bankstatementstab .tabletocardlayout td:nth-child(8),
    #bankstatementstab .tabletocardlayout td:nth-child(9),
    #bankstatementstab .tabletocardlayout td:nth-child(10) {
		width: 28%;
		min-width: 28%;
	}
	#bankstatementstab .tabletocardlayout td:nth-child(3),
	#bankstatementstab .tabletocardlayout td:nth-child(4),
	#bankstatementstab .tabletocardlayout td:nth-child(6){
 		text-align:left !important;
 	}
	#bankstatementstab .tabletocardlayout td:nth-child(5)
    #bankstatementstab .tabletocardlayout td:nth-child(7) {
		text-align: right !important;
	}

/*Bank Statements - CASH BANK Table Only*/

/*Account - Ledger, Group, Sub Group Tables Only*/
.ledgertabledata .tabletocardlayout td:nth-child(1), .addgrouptabledata .tabletocardlayout td:nth-child(1),
	.addsubgrouptabledata .tabletocardlayout td:nth-child(1) {
	width: 5%;
	min-width: 5%;
}

.ledgertabledata .tabletocardlayout td:nth-child(2), .addgrouptabledata .tabletocardlayout td:nth-child(2),
	.addsubgrouptabledata .tabletocardlayout td:nth-child(2) {
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	min-width: 80%;
}

.ledgertabledata .tabletocardlayout td:nth-child(3), .addgrouptabledata .tabletocardlayout td:nth-child(3),
	.addsubgrouptabledata .tabletocardlayout td:nth-child(3) {
	width: 75%;
	min-width: 75%;
	text-align: left !important;
}

.ledgertabledata .tabletocardlayout td:nth-child(4), .addgrouptabledata .tabletocardlayout td:nth-child(4),
	.addsubgrouptabledata .tabletocardlayout td:nth-child(4) {
	width: 15%;
	min-width: 15%;
	text-align: right !important;
}

/*Account - Ledger, Group, Sub Group Tables Only*/

/*Custom Field Table Only*/
.customFieldTable .tabletocardlayout td {
	background: transparent !important;
}

.customFieldTable .tabletocardlayout td:nth-child(1) {
	width: 5%;
	min-width: 5%;
}

.customFieldTable .tabletocardlayout td:nth-child(2) {
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	min-width: 80%;
}

.customFieldTable .tabletocardlayout td:nth-child(3), .customFieldTable .tabletocardlayout td:nth-child(4),
	.customFieldTable .tabletocardlayout td:nth-child(5) {
	width: 28%;
	min-width: 28%;
}

.customFieldTable .tabletocardlayout td:nth-child(5) {
	text-align: right !important;
}

/*Custom Field Table Only*/

/*Daybook Field Table Only*/
.daybooktable.tabletocardlayout td:nth-child(1) {
	width: 22%;
	min-width: 22%;
}

.daybooktable.tabletocardlayout td:nth-child(2) {
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	min-width: 68%;
}

.daybooktable.tabletocardlayout td:nth-child(3), .daybooktable.tabletocardlayout td:nth-child(4){
	width: 38%;
	min-width: 38%;
}
.daybooktable.tabletocardlayout td:nth-child(5) {
	width: 5%;
	min-width: 5%;
}

/*Daybook Table Only*/

/*Reminder module Field Table Only*/
#dbTableReminders_clientstab.tabletocardlayout td:nth-child(1),
#dbTableReminders_clientstab.tabletocardlayout td:nth-child(2) {
	width: 5%;
	min-width: 5%;
}

#dbTableReminders_clientstab.tabletocardlayout td:nth-child(3) {
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	min-width: 75%;
}

#dbTableReminders_clientstab.tabletocardlayout td:nth-child(4), #dbTableReminders_clientstab.tabletocardlayout td:nth-child(5){
	width: 45%;
	min-width: 45%;
}
#dbTableReminders_clientstab.tabletocardlayout td:nth-child(6) {
	width: 33%;
	min-width: 33%;
}
#dbTableReminders_clientstab.tabletocardlayout td:nth-child(7), #dbTableReminders_clientstab.tabletocardlayout td:nth-child(8) {
	width: 25%;
	min-width: 25%;
}

#dbTableReminders_customerstab.tabletocardlayout td:nth-child(1){
	width: 5%;
	min-width: 5%;
}
#dbTableReminders_customerstab.tabletocardlayout td:nth-child(2) {
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	min-width: 75%;
}

#dbTableReminders_customerstab.tabletocardlayout td:nth-child(3),
#dbTableReminders_customerstab.tabletocardlayout td:nth-child(4), #dbTableReminders_customerstab.tabletocardlayout td:nth-child(5){
	width: 28%;
	min-width: 28%;
}
#dbTableReminders_customerstab.tabletocardlayout td:nth-child(6) {
	width: 33%;
	min-width: 33%;
}
#dbTableReminders_customerstab.tabletocardlayout td:nth-child(7), #dbTableReminders_customerstab.tabletocardlayout td:nth-child(8) {
	width: 25%;
	min-width: 25%;
}
/*Reminder module Table Only*/

/* users tab in dropdown user */
.users1tabtocard.tabletocardlayout td:nth-child(1),
.users1tabtocard.tabletocardlayout td:nth-child(2) {
	width: 45%;
	min-width: 45%;
}
.users1tabtocard.tabletocardlayout td:nth-child(3),
.users1tabtocard.tabletocardlayout td:nth-child(4),
.users1tabtocard.tabletocardlayout td:nth-child(5),
.users1tabtocard.tabletocardlayout td:nth-child(6),
.users1tabtocard.tabletocardlayout td:nth-child(7),
.users1tabtocard.tabletocardlayout td:nth-child(8) {
	width: 45%;
	min-width: 45%;
}
/* users tab in dropdown user */
/* roles tab in dropdown roles */
.roles1tabtocard.tabletocardlayout td:nth-child(1),
.roles1tabtocard.tabletocardlayout td:nth-child(2),
.roles1tabtocard.tabletocardlayout td:nth-child(3) {
	width: 90%;
	min-width: 90%;
}
.roles1tabtocard.tabletocardlayout td:nth-child(3){
	text-align:end;
}
/* roles tab in dropdown roles */
/* smtp tab in dropdown smtp */
.smtptabtocard.tabletocardlayout td:nth-child(1),
.smtptabtocard.tabletocardlayout td:nth-child(2) {
	width: 45%;
	min-width: 45%;
}
.smtptabtocard.tabletocardlayout td:nth-child(3),
.smtptabtocard.tabletocardlayout td:nth-child(4),
.smtptabtocard.tabletocardlayout td:nth-child(5),
.smtptabtocard.tabletocardlayout td:nth-child(6) {
	width: 28%;
	min-width: 28%;
}
/* smtp tab in dropdown smtp */
/* audit tab in dropdown audit */
.audittabtocard.tabletocardlayout td:nth-child(1),
.audittabtocard.tabletocardlayout td:nth-child(2),
.audittabtocard.tabletocardlayout td:nth-child(3),
.audittabtocard.tabletocardlayout td:nth-child(4),
.audittabtocard.tabletocardlayout td:nth-child(5) {
	width: 90%;
	min-width: 90%;
}
/* audit tab in dropdown audit */
/* all client tab in dropdown all client */
.allclienttabtocard.tabletocardlayout td:nth-child(1) {
	width: 5%;
	min-width: 5%;
}
.allclienttabtocard.tabletocardlayout td:nth-child(2) {
	width: 10%;
	min-width: 10%;
}
.allclienttabtocard.tabletocardlayout td:nth-child(3){
	width: 60%;
	min-width: 60%;
}
.allclienttabtocard.tabletocardlayout td:nth-child(4),
.allclienttabtocard.tabletocardlayout td:nth-child(5),
.allclienttabtocard.tabletocardlayout td:nth-child(6),
.allclienttabtocard.tabletocardlayout td:nth-child(7) {
	width: 45%;
	min-width: 45%;
}
/* allclient tab in dropdown allclient */
/* webapi table to card */
.webapitabtocard.tabletocardlayout td:nth-child(1),
.webapitabtocard.tabletocardlayout td:nth-child(2),
.webapitabtocard.tabletocardlayout td:nth-child(3),
.webapitabtocard.tabletocardlayout td:nth-child(4),
.webapitabtocard.tabletocardlayout td:nth-child(5) {
	width: 90%;
	min-width: 90%;
}
/* webapi table to card */
/* einv table to card */
.einv-mob-card.tabletocardlayout td:nth-child(1){
	width: 5%;
	min-width: 5%;
}
.einv-mob-card.tabletocardlayout td:nth-child(2){
	width: 85%;
	min-width: 85%;
}
.einv-mob-card.tabletocardlayout td:nth-child(3),
.einv-mob-card.tabletocardlayout td:nth-child(4),
.einv-mob-card.tabletocardlayout td:nth-child(5),
.einv-mob-card.tabletocardlayout td:nth-child(6),
.einv-mob-card.tabletocardlayout td:nth-child(7),
.einv-mob-card.tabletocardlayout td:nth-child(8),
.einv-mob-card.tabletocardlayout td:nth-child(9),
.einv-mob-card.tabletocardlayout td:nth-child(10),
.einv-mob-card.tabletocardlayout td:nth-child(11),
.einv-mob-card.tabletocardlayout td:nth-child(12) {
	width: 45%;
	min-width: 45%;
}
/* einv table to card */
/* multigst tab */
.multigsttabtocard.tabletocardlayout td:nth-child(1) {
	width: 5%;
	min-width: 5%;
}

.multigsttabtocard.tabletocardlayout td:nth-child(2){
	width: 80%;
	min-width: 80%;
}
.multigsttabtocard.tabletocardlayout td:nth-child(3){
	width: 45%;
	min-width: 45%;
}
.multigsttabtocard.tabletocardlayout td:nth-child(4),
.multigsttabtocard.tabletocardlayout td:nth-child(5),
.multigsttabtocard.tabletocardlayout td:nth-child(6),
.multigsttabtocard.tabletocardlayout td:nth-child(7) {
	width: 28%;
	min-width: 28%;
}
/* multigst tab */

/* Recouncile tabs */
.recounciletabmob.tabletocardlayout td:nth-child(1){
	max-width: 28%;
}
.recounciletabmob.tabletocardlayout td:nth-child(2),
.recounciletabmob.tabletocardlayout td:nth-child(3),
.recounciletabmob.tabletocardlayout td:nth-child(4),
.recounciletabmob.tabletocardlayout td:nth-child(5),
.recounciletabmob.tabletocardlayout td:nth-child(6),
.recounciletabmob.tabletocardlayout td:nth-child(7),
.recounciletabmob.tabletocardlayout td:nth-child(8),
.recounciletabmob.tabletocardlayout td:nth-child(9),
.recounciletabmob.tabletocardlayout td:nth-child(10),
.recounciletabmob.tabletocardlayout td:nth-child(11),
.recounciletabmob.tabletocardlayout td:nth-child(12) {
	max-width: 28%;
}
.gstr2btable.tabletocardlayout td:nth-child(1),
.gstr2btable.tabletocardlayout td:nth-child(2),
.gstr2btable.tabletocardlayout td:nth-child(3),
.gstr2btable.tabletocardlayout td:nth-child(4),
.gstr2btable.tabletocardlayout td:nth-child(5),
.gstr2btable.tabletocardlayout td:nth-child(6),
.gstr2btable.tabletocardlayout td:nth-child(7),
.gstr2btable.tabletocardlayout td:nth-child(8){
	max-width: 28%;
}
/* Recouncile tabs */
/* Import mapper inner tabs */
	.impmapinner.tabletocardlayout td:nth-child(1),
	.impmapinner.tabletocardlayout td:nth-child(2) {
		max-width: 46%;
		min-width: 46%;
	}
	.impmapinner.tabletocardlayout td:nth-child(3) {
		max-width: 96%;
		min-width: 96%;
	}
/* Import mapper inner tabs */
/* Display welcome title text based on resolution  */
.flow-title .desktopview {
	display: none;
}

.flow-title .mobileview {
	display: block;
}

.filters-desktopview {
	display: none !important;
}

.filters-mobileview {
	display: block !important;
}

/* Display welcome title text based on resolution  */
} /* End */

/*
    #######################################
    IMPORTANT FOR DATA TABLES 
    Styles for Converting Datatable or Tables to Cards in mobile view
    #######################################
*/

/*
    #######################################
      Partners login mobile View
    #######################################
*/
.split-button-menu-dropdown {
	margin: 2px 2px 0 2px;
	display: inline;
}

 .month-cal-icon-after input,.month-cal-icon-eparties input {
	position: relative;
	z-index: 2;
	cursor: default;
}

.month-cal-icon-after:after,.month-cal-icon-eparties:after {
	position: absolute;
	content: "\f073";
	font-family: "FontAwesome", sans-serif;
	right: 00px;
	top: 1px;
	font-size: 13px;
	color: #d33567;
	z-index: 1;
}

@media ( min-width : 767px) and (max-width:991px) {
	.addbusiness-rightbox {
		margin-bottom: 100px;
	}
}

.signtext {
	margin-left: 10px;
}
/*#######################################
      Partners login mobile View
#######################################*/

/*#######################################
    IMPORTANT FOR DATA TABLES 
    Styles for Converting Datatable or Tables to Cards in mobile view
#######################################*/
@media screen and (max-width: 767px) {
	/* Common Table layout for mobile view */
	.tabletocardlayout tr {
		display: block;
		padding-top: 6px;
		padding-bottom: 3px;
		margin: 0 0 16px;
		border: 1px solid #C0C0C0;
		border-radius: 4px;
		padding-left: 5px
	}
	.tabletocardlayout thead tr {
		display: none;
	}
	table.tabletocardlayout {
		border-radius: 4px;
	}
	.tabletocardlayout td {
		width: 45%;
		max-width: 45%;
		display: inline-block;
		padding: 4px 7px;
	}
	/*Common Table layout for mobile view*/
	table.tabletocardlayout.row-border tbody th, table.tabletocardlayout.row-border tbody td,
		table.tabletocardlayout.display tbody th, table.tabletocardlayout.display tbody td
		{
		border: none !important;
	}
	/*Common Table layout for mobile view*/

	/* Check box position alignment for each table in mobile view  */
	#invBodyGSTR1 .checkbox.nottoedit {
		position: relative;
		top: 0px;
	}
	/* Check box position alignment for each table in mobile view  */

	/* Empty table in mobile view  */

	/* Empty table in mobile view  */

	/*Invitations table*/
	#invdbTable.tabletocardlayout td:nth-child(1) {
		min-width: 20%;
	}
	#invdbTable.tabletocardlayout td:nth-child(2) {
		min-width: 45%;
	}
	#invdbTable.tabletocardlayout td:nth-child(3), #invdbTable.tabletocardlayout td:nth-child(4)
		{
		min-width: 45%;
	}
	#invdbTable.tabletocardlayout td:nth-child(5), #invdbTable.tabletocardlayout td:nth-child(6),
		#invdbTable.tabletocardlayout td:nth-child(7), #invdbTable.tabletocardlayout td:nth-child(8),
		#invdbTable.tabletocardlayout td:nth-child(9), #invdbTable.tabletocardlayout td:nth-child(10)
		{
		min-width: 28%;
	}
	/*Invitations table*/

	/*Clients & Clients not Required & Revenue table*/
	#dbTable.tabletocardlayout td:nth-child(1), #dbTable.tabletocardlayout td:nth-child(2),
		#dbTable.tabletocardlayout td:nth-child(3), #dbTable.tabletocardlayout td:nth-child(4)
		{
		min-width: 45%;
	}
	#dbTable.tabletocardlayout td:nth-child(5), #dbTable.tabletocardlayout td:nth-child(6),
		#dbTable.tabletocardlayout td:nth-child(7) {
		min-width: 28%;
	}
	/*Clients & Clients not Required & Revenue table*/
	/*Parties Table Only*/
	.partiestabledata.tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	.partiestabledata.tabletocardlayout td:nth-child(2) {
		min-width: 80%;
		text-align: left;
		font-size: 14px;
		font-weight: 500;
	}
	.partiestabledata.tabletocardlayout td:nth-child(3) {
		width: 56%;
		min-width:56%;
	}
	.partiestabledata.tabletocardlayout td:nth-child(4){
		width: 28%;
		min-width:28%;
	}
	.partiestabledata.tabletocardlayout td:nth-child(5), .partiestabledata.tabletocardlayout td:nth-child(6){
		width: 33%;
		min-width:33%;
	}
	.partiestabledata.tabletocardlayout td:nth-child(7){
		width: 20%;
		min-width: 20%;
	}
	/*Parties Table Only*/
	/*Items Table Only*/
	.itemstabledata.tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	.itemstabledata.tabletocardlayout td:nth-child(2), .itemstabledata.tabletocardlayout td:nth-child(3)
		{
		width: 28%;
		min-width: 28%;
	}
	.itemstabledata.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
	}
	.itemstabledata.tabletocardlayout td:nth-child(4), .itemstabledata.tabletocardlayout td:nth-child(5),
		.itemstabledata.tabletocardlayout td:nth-child(6), .itemstabledata.tabletocardlayout td:nth-child(7),
		.itemstabledata.tabletocardlayout td:nth-child(8), .itemstabledata.tabletocardlayout td:nth-child(9)
		{
		width: 28%;
		min-width: 28%;
	}
	/*Items Table Only*/
	/*Journal Table Only*/
	.journaltabledata.tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	.journaltabledata.tabletocardlayout td:nth-child(2), .journaltabledata.tabletocardlayout td:nth-child(3)
		{
		width: 28%;
		min-width: 28%;
	}
	.journaltabledata.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
	}
	.journaltabledata.tabletocardlayout td:nth-child(4), .journaltabledata.tabletocardlayout td:nth-child(5),
		.journaltabledata.tabletocardlayout td:nth-child(6), .journaltabledata.tabletocardlayout td:nth-child(7)
		{
		width: 28%;
		min-width: 28%;
	}
	/*Journal Table Only*/
	/*Setting-Invoice Table Only*/
	.settinginvoicedatatable.tabletocardlayout td:nth-child(1),
		.settinginvoicedatatable.tabletocardlayout td:nth-child(2) {
		width: 44% !important;
		min-width: 44% !important;
	}
	.settinginvoicedatatable.tabletocardlayout td:nth-child(1) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
	}
	.settinginvoicedatatable.tabletocardlayout td:nth-child(3),
		.settinginvoicedatatable.tabletocardlayout td:nth-child(4),
		.settinginvoicedatatable.tabletocardlayout td:nth-child(5),
		.settinginvoicedatatable.tabletocardlayout td:nth-child(6),
		.settinginvoicedatatable.tabletocardlayout td:nth-child(7),
		.settinginvoicedatatable.tabletocardlayout td:nth-child(8) {
		width: 28% !important;
		min-width: 28% !important;
	}
	/*Setting-Invoice Table Only*/
	/*Setting-Bank Table Only*/
	.settingbankdatatable.tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	.settingbankdatatable.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 44% !important;
		min-width: 44% !important;
	}
	.settingbankdatatable.tabletocardlayout td:nth-child(3),
		.settingbankdatatable.tabletocardlayout td:nth-child(4),
		.settingbankdatatable.tabletocardlayout td:nth-child(5),
		.settingbankdatatable.tabletocardlayout td:nth-child(6) {
		width: 44% !important;
		min-width: 44% !important;
	}
	/*Setting-Bank Table Only*/
	/*Setting-E-Commerce Table Only*/
	.settingecommercedatatable.tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	.settingecommercedatatable.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 44% !important;
		min-width: 44% !important;
	}
	.settingecommercedatatable.tabletocardlayout td:nth-child(3),
		.settingecommercedatatable.tabletocardlayout td:nth-child(4),
		.settingecommercedatatable.tabletocardlayout td:nth-child(5),
		.settingecommercedatatable.tabletocardlayout td:nth-child(6) {
		width: 44% !important;
		min-width: 44% !important;
	}
	/*Setting-E-Commerce Table Only*/
	/*Reports Stock Summary Table Only*/
	.reportsstocksummarydatatable.tabletocardlayout td:nth-child(1) {
		width: 15%;
		min-width: 15%;
	}
	.reportsstocksummarydatatable.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 44% !important;
		min-width: 44% !important;
	}
	.reportsstocksummarydatatable.tabletocardlayout td:nth-child(3),
		.reportsstocksummarydatatable.tabletocardlayout td:nth-child(4),
		.reportsstocksummarydatatable.tabletocardlayout td:nth-child(5),
		.reportsstocksummarydatatable.tabletocardlayout td:nth-child(6) {
		width: 44% !important;
		min-width: 44% !important;
	}
	/*Reports Stock Summary Table Only*/
	/*Reports Stock Detail Summary Table Only*/
	.reportsstockdetailsummarydatatable.tabletocardlayout td:nth-child(1) {
		width: 15%;
		min-width: 15%;
	}
	.reportsstockdetailsummarydatatable.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 44% !important;
		min-width: 44% !important;
	}
	.reportsstockdetailsummarydatatable.tabletocardlayout td:nth-child(3),
		.reportsstockdetailsummarydatatable.tabletocardlayout td:nth-child(4),
		.reportsstockdetailsummarydatatable.tabletocardlayout td:nth-child(5),
		.reportsstockdetailsummarydatatable.tabletocardlayout td:nth-child(6)
		{
		width: 44% !important;
		min-width: 44% !important;
	}
	/*Reports Stock Detail Summary Table Only*/
	/*Reports Stock Ledger Summary Table Only*/
	.reportsstockledgersummarydatatable.tabletocardlayout td:nth-child(1) {
		width: 15%;
		min-width: 15%;
	}
	.reportsstockledgersummarydatatable.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 44% !important;
		min-width: 44% !important;
	}
	.reportsstockledgersummarydatatable.tabletocardlayout td:nth-child(3),
		.reportsstockledgersummarydatatable.tabletocardlayout td:nth-child(4),
		.reportsstockledgersummarydatatable.tabletocardlayout td:nth-child(5),
		.reportsstockledgersummarydatatable.tabletocardlayout td:nth-child(6),
		.reportsstockledgersummarydatatable.tabletocardlayout td:nth-child(7)
		{
		width: 44% !important;
		min-width: 44% !important;
	}
	/*Reports Stock Ledger Summary Table Only*/
	/*Reports Stock Asing Summary Table Only*/
	.reportsstockasingsummarydatatable.tabletocardlayout td:nth-child(1) {
		width: 15%;
		min-width: 15%;
	}
	.reportsstockasingsummarydatatable.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 44% !important;
		min-width: 44% !important;
	}
	.reportsstockasingsummarydatatable.tabletocardlayout td:nth-child(3),
		.reportsstockasingsummarydatatable.tabletocardlayout td:nth-child(4),
		.reportsstockasingsummarydatatable.tabletocardlayout td:nth-child(5),
		.reportsstockasingsummarydatatable.tabletocardlayout td:nth-child(6),
		.reportsstockasingsummarydatatable.tabletocardlayout td:nth-child(7) {
		width: 44% !important;
		min-width: 44% !important;
	}
	/*Reports Stock Asing Summary Table Only*/
	/*Expances Table Only*/
	#dbTableEXPENSES.tabletocardlayout td:nth-child(1),#dbTableINCOME.tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	#dbTableEXPENSES.tabletocardlayout td:nth-child(2),#dbTableINCOME.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 44% !important;
		min-width: 44% !important;
	}
	#dbTableEXPENSES.tabletocardlayout td:nth-child(3),#dbTableINCOME.tabletocardlayout td:nth-child(3) {
		display:none;
	}
	#dbTableEXPENSES.tabletocardlayout td:nth-child(4),#dbTableINCOME.tabletocardlayout td:nth-child(4){
		width: 31% !important;
		min-width: 31% !important;
	}
	#dbTableEXPENSES.tabletocardlayout td:nth-child(5),#dbTableEXPENSES.tabletocardlayout td:nth-child(6)
	,#dbTableINCOME.tabletocardlayout td:nth-child(5),#dbTableINCOME.tabletocardlayout td:nth-child(6){
		width: 40% !important;
		min-width: 40% !important;
	}
	#dbTableEXPENSES.tabletocardlayout td:nth-child(6).mob-paystatuswidth,#dbTableINCOME.tabletocardlayout td:nth-child(6).mob-paystatuswidth{
		width: 6% !important;
		min-width: 6% !important;
	}
	#dbTableEXPENSES.tabletocardlayout td:nth-child(7),#dbTableINCOME.tabletocardlayout td:nth-child(7){
		width: 5% !important;
		min-width: 5% !important;
	}
	/*Expances Table Only*/
	/*vocher & Contratable Table Only*/
	#Vouchertable.tabletocardlayout td:nth-child(1),#Contratable.tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	#Vouchertable.tabletocardlayout td:nth-child(2),#Contratable.tabletocardlayout td:nth-child(2)  {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 44% !important;
		min-width: 44% !important;
	}
	#Vouchertable.tabletocardlayout td:nth-child(3){
		width: 37% !important;
		min-width: 37% !important;
	}
	#Contratable.tabletocardlayout td:nth-child(3) {
		width: 37% !important;
		min-width: 37% !important;
		text-align: right !important;
	}
	#Vouchertable.tabletocardlayout td:nth-child(4){
		display:none;
	}
	#Vouchertable.tabletocardlayout td:nth-child(5), #Vouchertable.tabletocardlayout td:nth-child(6){
		width: 40% !important;
		min-width: 40% !important;
	}
	#Contratable.tabletocardlayout td:nth-child(4), #Contratable.tabletocardlayout td:nth-child(5){
		width: 40% !important;
		min-width: 40% !important;
	}	
	#Vouchertable.tabletocardlayout td:nth-child(7) {
		width: 5% !important;
		min-width: 5% !important;
	}	
	#Contratable.tabletocardlayout td:nth-child(6) {
		width: 5% !important;
		min-width: 5% !important;
	}
	/*vocher & Contratable Table Only*/
	/*Bank Recouncile Table Only*/
	#bankReconsileDbTable.tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	#bankReconsileDbTable.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 44% !important;
		min-width: 44% !important;
	}
	#bankReconsileDbTable.tabletocardlayout td:nth-child(3),
	#bankReconsileDbTable.tabletocardlayout td:nth-child(4),
	#bankReconsileDbTable.tabletocardlayout td:nth-child(5),
	#bankReconsileDbTable.tabletocardlayout td:nth-child(6){
		width: 28% !important;
		min-width: 28% !important;
	}
	#bankReconsileDbTable.tabletocardlayout td:nth-child(7){
		width: 74% !important;
		min-width: 74% !important;
	}
	#bankReconsileDbTable.tabletocardlayout td:nth-child(8) {
		width: 15% !important;
		min-width: 15% !important;
	}
	/*Bank Recouncile Table Only*/
	/*Parties Sales Table Only*/
	.partiessalesdatatable.tabletocardlayout td:nth-child(1) {
		width: 5%;
		min-width: 5%;
	}
	.partiessalesdatatable.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 80% !important;
		min-width: 80% !important;
	}
	.partiessalesdatatable.tabletocardlayout td:nth-child(3){
		min-height:auto;
	}
	.partiessalesdatatable.tabletocardlayout td:nth-child(3),
	.partiessalesdatatable.tabletocardlayout td:nth-child(4),
	.partiessalesdatatable.tabletocardlayout td:nth-child(5){
		width: 35% !important;
		min-width: 35% !important;
	}		
	.partiessalesdatatable.tabletocardlayout td:nth-child(7),
	.partiessalesdatatable.tabletocardlayout td:nth-child(8) {
		width: 45% !important;
		min-width: 45% !important;
	}
	.partiessalesdatatable.tabletocardlayout td:nth-child(7).mob-paystatuswidth {
		width: 6% !important;
		min-width: 6% !important;
	}
	.partiessalesdatatable.tabletocardlayout td:nth-child(8).mob-paystatuswidth {
		width: 6% !important;
		min-width: 6% !important;
	}	
	.partiessalesdatatable.tabletocardlayout td:nth-child(6){
		width: 55% !important;
		min-width:55% !important;
	}
	/*Parties Sales Table Only*/
	/*Parties Payments Table Only*/
	.partiespaymentdatatable.tabletocardlayout td:nth-child(1) {
		width: 15%;
		min-width: 15%;
	}
	.partiespaymentdatatable.tabletocardlayout td:nth-child(2) {
		text-align: left;
		font-size: 14px;
		font-weight: 500;
		width: 44% !important;
		min-width: 44% !important;
	}
	.partiespaymentdatatable.tabletocardlayout td:nth-child(3),
		.partiespaymentdatatable.tabletocardlayout td:nth-child(4),
		.partiespaymentdatatable.tabletocardlayout td:nth-child(5),
		.partiespaymentdatatable.tabletocardlayout td:nth-child(6) {
		width: 28% !important;
		min-width: 28% !important;
	}
	/*Parties Payments Table Only*/
	.dataTables_empty, td.dataTables_empty {
		min-width: 100% !important;
		text-align: center;
		font-size: 12px !important;
		font-weight: normal !important;
	}
	.wbActionBtnStencil-Group {
		margin: 2px 4px 8px 2px;
	}
	.wbActionBtnStencil-Group.no-r-margin, .wbActionBtnStencil-Group.no-r-margin .split-button-menu-dropdown,
		.no-r-margin {
		margin-right: 0;
	}
	.wbActionBtnStencil-Group.no-l-margin, .wbActionBtnStencil-Group.no-l-margin .split-button-menu-dropdown, .no-l-margin {
		margin-left: 0;
	}
	.wb-show-pagefilters {
		margin-left: 3px !important;
	}
	.clear-itc-value {
		margin-bottom: 10px;
	}
	.p-mob-bot-1 {
		padding-bottom: 1px
	}
	.p-mob-bot-2 {
		padding-bottom: 2px
	}
	.p-mob-bot-3 {
		padding-bottom: 3px
	}
	.p-mob-bot-4 {
		padding-bottom: 4px
	}
	.p-mob-bot-5 {
		padding-bottom: 5px
	}
	.p-mob-bot-6 {
		padding-bottom: 6px
	}
	.p-mob-bot-7 {
		padding-bottom: 7px
	}
	.p-mob-bot-8 {
		padding-bottom: 8px
	}
	.p-mob-bot-9 {
		padding-bottom: 9px
	}
	.p-mob-bot-10 {
		padding-bottom: 10px
	}
	.m-mob-bot-1 {
		margin-bottom: 1px
	}
	.m-mob-bot-2 {
		margin-bottom: 2px
	}
	.m-mob-bot-3 {
		margin-bottom: 3px
	}
	.m-mob-bot-4 {
		margin-bottom: 4px
	}
	.m-mob-bot-5 {
		margin-bottom: 5px
	}
	.m-mob-bot-6 {
		margin-bottom: 6px
	}
	.m-mob-bot-7 {
		margin-bottom: 7px
	}
	.m-mob-bot-8 {
		margin-bottom: 8px
	}
	.m-mob-bot-9 {
		margin-bottom: 9px
	}
	.m-mob-bot-10 {
		margin-bottom: 10px
	}
	.m-mob-top-0 {
		margin-top: 0px !important
	}
} /* End */

.month-cal-icon-after input {
	position: relative;
	z-index: 2;
	cursor: default;
}

.month-cal-icon-after:after {
	position: absolute;
	content: "\f073";
	font-family: "FontAwesome", sans-serif;
	right: 00px;
	top: 1px;
	font-size: 13px;
	color: #d33567;
	z-index: 1;
}

.cash-bank-month-cal-icon-after input {
	position: relative;
	z-index: 2;
}

.cash-bank-month-cal-icon-after:after {
	position: absolute;
	content: "\f073";
	font-family: "FontAwesome", sans-serif;
	right: 5px;
	top: -2px;
	font-size: 13px;
	color: #d33567;
	z-index: 1;
}

.text-upper{
	text-transform: uppercase !important;
}
.month-cal-icon-after-config input {
	position: relative;
	z-index: 2;
	cursor: default;
	background:transparent;
}
.month-cal-icon-after-config .form-control:focus {
	background:transparent;
}
.month-cal-icon-after-config:after {
	position: absolute;
	content: "\f073";
	font-family: "FontAwesome", sans-serif;
	right: 12px;
	top: 8px;
	font-size: 16px;
	z-index: 1;
}
.month-cal-icon-after-reci input {
	position: relative;
	z-index: 2 !important; 
	cursor: default;
	background:transparent;
}
.month-cal-icon-after-reci .form-control:focus {
	background:transparent;
}
.month-cal-icon-after-reci:after {
	position: absolute;
	content: "\f073";
	font-family: "FontAwesome", sans-serif;
	right: 20px;
	top: 34px;
	font-size: 16px;
	z-index: 1;
}
.month-cal-icon-after-addbank input {
	position: relative;
	z-index: 2 !important; 
	cursor: default;
	background:transparent;
}
.month-cal-icon-after-addbank .form-control:focus {
	background:transparent;
}
.month-cal-icon-after-addbank:after {
	position: absolute;
	content: "\f073";
	font-family: "FontAwesome", sans-serif;
	right: 12px;
	top: 4px;
	font-size: 16px;
	z-index: 1;
}

@media ( min-width : 767px) and (max-width:991px) {
	.addbusiness-rightbox {
		margin-bottom: 100px;
	}
}

.notfiy-dropdown {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 0px;
}

.color-dbpink {
	color: #d33568 !important;
}
.border-color-dbpink {
	border-color: #d33568 !important;
}
.hover-pink{
	cursor: pointer;
}
.hover-pink:hover{
	color:#d33568;
}
.hover-pink:hover .color-grey{
	color:#d33568;
}
.hover-underline:hover{
	text-decoration: underline;
}

.dropdown-item:hover, .dropdown-item:hover .color-dbpink {
	color: #ffffff !important;
	background-color: #d33568;
}

/*
    #######################################
      Books mobile View
    #######################################
*/
.margin-start {
	margin-left: 48px;
}

.inner-leftnav {
	display: flex;
	width: 100%;
	min-width: 100%;
}

.inner-lefttabs {
	float: left;
}

@media ( max-width : 991px) {
	.popup-width {
		width: 100% !important;
		min-width: 100% !important;
	}
	.margin-start {
		margin-left: 0px;
	}
	.p-r-ai {
		padding-right: calc(var(--bs-gutter-x)* .5) !important;
	}
	.p-l-ai {
		padding-left: calc(var(--bs-gutter-x)* .5) !important;
	}
}

@media ( max-width : 575px) {
	.inner-leftnav {
		display: block;
		width: auto;
		min-width: auto;
	}
	.lefttotopnav {
		float: top !important;
		width: 100%;
		min-width: 100% !important;
		margin: 10px 5px 10px 5px !important;
		flex-direction: row !important;
	}
	.modal-dialog.popup-width .modal-footer, .modal-dialog.mobilefooter-space .modal-footer
		{
		padding-bottom: 60px;
	}
}


.gstrone-returntype{
	text-align: end;
    margin: 0px 0px 10px 0px;
}
@media screen and (max-width: 575px) {
	.d-mob-block{
	  display:block !important;
	}
	.d-mob-none{
	  display:none !important;
	}
}

@media ( max-width : 991px) {
	.popup-width {
		width: 100% !important;
		min-width: 100% !important;
	}
}

.noborderinput {
	border: none !important;
	background: none !important;
	color: #000 !important;
	opacity: 1;
}

.addclientaddscroll table {
	height: 245px;
	display: block;
	width: 100%;
}

.addclientaddscroll table thead {
	position: sticky;
	width: 100%;
	display: block;
	background: #eee;
}

.addclientaddscroll table tbody {
	overflow: scroll;
	max-height: 150px;
	height: 150px;
	overflow-x: hidden;
	display: inline-block;
	overflow-y: scroll;
	width: 100%;
	padding-bottom: 50px;
}

/*client cards scroll*/
.content-area {
	overflow: hidden;
}

.mytab-content {
	height: calc(100svh - 200px);
	overflow: auto;
	padding: 12px;
}

/*client cards scroll*/
/*gst Module new Css*/
.cash-cards {
	border-radius: 8px;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 5px #CCC;
	padding: 10px 15px;
	margin: 10px 0px 20px;
}

.cash-cards .heading {
	font-size: 16px;
	font-weight: bold;
}

.cash-cards .sub-head {
	font-size: 14px;
	color: #ababab;
}

.cash-cards .clind_formats {
	font-size: 16px;
	font-weight: bold;
	word-wrap:break-word;
}

.cash-cards .c-balance {
	font-size: 13px;
	color: #ababab;
}

.cash-cards .c-balance span {
	font-size: 12px;
	color: #5cb85c;
	font-weight: bold;
}

.cash-cards ul {
	padding: 0px !important;
}

.cash-cards ul li {
	list-style: none;
}

.filing-status-table .gstrfilling-datanew tbody tr td {
	height: 32px !important;
	min-height: 32px !important;
	width: 140px !important;
	min-width: 140px !important;
	padding: 10px !important;
}

.filing-status-table .gstrfilling-datanew thead tr th {
	height: 33px !important;
	min-height: 32px !important;
	padding: 9px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gstrfilling-datanew .dropbtn.dropdown {
	display: flex;
	align-items: center;
	justify-content: center;
}

.gstrfilling-datanew .dropbtn.dropdown a {
	border: 1px solid #E9E9E9;
	padding: 8px 14px;
	border-radius: 25px;
	width: auto;
	text-align: center
}

.gstrfilling-datanew .dropbtn.dropdown p {
	text-align: center
}

.gstrfilling-datanew .dropbtn.dropdown a .fa-circle {
	font-size: 10px !important;
	margin-left: 10px;
}

.customtable .gstrfilling-datanew th {
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #f5f5f5;
	background: transparent !important;
}

.gstrfilling-datanew tbody tr:hover {
	box-shadow: none !important;
	background: none !important;
}

.customtable .gstrfilling-datanew tbody td:first-child {
	border-left: none !important;
	border-right: none !important;
	position:relative;
	z-index:9;
}

.customtable .gstrfilling-datanew tbody td {
	border-left: none !important;
	border-right: none !important;
}
.gstrfilling-datanew .dropdown:hover .dropdown-content {
    left: 12px;
}
.break-in-mobile {
	display: none;
}

.dropdown-menu.dropdown-menu-right.recouncil-new-drpdwn {
	width: 275px !important;
	min-width: 275px !important;
	padding: 20px 20px;
	background: #ffffff;
	border: none;
	box-shadow: 0px 0px 10px #ccc;
	    transform: translate3d(0px, 0px, 0px) !important;
	    margin-top:20px !important;
	
}

.recouncil-accordion-style {
	background: #ffffff;
	border: none !important;
}

.recouncil-accordion-style .accordion-item {
	border: none !important;
}

.recouncil-accordion-style .accordion-button:not(.collapsed) {
	box-shadow: none !important;
	background: #ffffff !important;
}

.recouncil-accordion-style .accordion-button:not(.collapsed)::after,
	.recouncil-accordion-style .accordion-button::after {
	background-image: none;
}

.recouncil-accordion-style .accordion-button:after {
	position: absolute;
	content: '\f078';
	font-family: 'FontAwesome', sans-serif;
	font-size: 14px;
	right: 20px;
	top: 5px;
	font-weight: 300;
	text-align: center;
}

.recouncil-accordion-style .accordion-button.active:after {
	position: absolute;
	content: '\f078';
	font-family: 'FontAwesome', sans-serif;
	font-size: 14px;
	right: 20px;
	top: 5px;
	font-weight: 300;
	transform: rotate(180deg);
}

.recouncil-accordion-style .accordion-button::after {
	font-size: 14px;
	color: black;
}

.recouncil-accordion-style .accordion .card-header {
	border: none !important;
	background: #ffffff;
	padding: 2px 4px;
}

.recouncil-accordion-style .accordion-item .accordion-button {
	color: black;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 5px 5px 5px;
	box-shadow: none !important;
}

.recouncil-accordion-style .accordion {
	margin-bottom: 0px;
}

.recouncil-accordion-style .accordion-item:first-of-type .accordion-button
	{
	border-radius: 0 !important;
}

.recouncil-accordion-style .accordion-button:focus {
	border: 0px !important;
}

.recouncil-accordion-style .accordion-item .card-body {
	background: #ffffff;
	padding: 2px 10px;
}

.recouncil-accordion-style .accordion-item .card-body p {
	padding: 10px 0px;
	margin-bottom: 0px;
}

.recouncil-accordion-style .accordion-item .card-body a {
	color: black;
	font-size: 12px;
	font-weight: 500;
	padding: 5px;
}

.grren-circle {
	color: green;
	border: 1px solid green;
	border-radius: 25px;
	padding: 2px 5px;
	margin-left: 14px;
}

.red-circle {
	color: red;
	border: 1px solid red;
	border-radius: 25px;
	padding: 2px 5px;
	margin-left: 14px;
}

.yellow-circle {
	color: rgb(235, 188, 0);
	border: 1px solid rgb(235, 188, 0);
	border-radius: 25px;
	padding: 2px 5px;
	margin-left: 14px;
}

.grren-line-thick {
	border-left: 5px solid green;
	height: 30px;
	margin-left: 23px;
	margin-bottom: 0px;
}

.grren-line {
	border-left: 2px solid green;
	height: 20px;
	margin-left: 23px;
	margin-bottom: 0px;
	margin-top: -5px;
}

.yellow-line-thick {
	border-left: 5px solid rgb(235, 188, 0);
	height: 30px;
	margin-left: 23px;
	margin-bottom: 0px;
}

.yellow-line {
	border-left: 2px solid rgb(235, 188, 0);
	height: 20px;
	margin-left: 23px;
	margin-bottom: 0px;
	margin-top: -5px;
}

.red-line-thick {
	border-left: 5px solid red;
	height: 30px;
	margin-left: 23px;
	margin-bottom: 0px;
}

.red-line {
	border-left: 2px solid red;
	height: 20px;
	margin-left: 23px;
	margin-bottom: 0px;
	margin-top: -5px;
}
.noticesicon{
	background-image: url(../../images/master/notices.svg);
    height: 19px;
    width: 27px;
    margin-right: 5px;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
}
.newsvgicons {
    width: 35px;
    height: 35px;
    text-decoration: none;
    margin: 9px 10px;
    padding: 6px;
}
.backto-allgstn.newsvgicons:hover, .newrightsvgicons:hover {
	background: #ffe8ef  !important;
	border-radius: 50%;
}
.newrightsvgicons{
	width: 35px !important;
    height: 35px !important;
    text-decoration: none;
    margin: 7px 2px;
    padding: 6px;
}
.mainnavhomeicon{
	background-image:url(../../images/mainheadericons/home-icon-new.svg);
	height: 22px;
    width: 22px;
    background-repeat:no-repeat;
}
.mainnavgotoicon{
	background-image:url(../../images/mainheadericons/goto-new.svg);
	height: 22px;
    width: 22px;
    background-repeat:no-repeat;
    display:inline-block;
    position:relative;
    top:2px;
    left:2px;
}
.mainnavfullscreenicon{
	background-image:url(../../images/mainheadericons/full-screen.svg);
	height: 22px;
    width: 22px;
    background-repeat:no-repeat;
    position: relative;
    left: 1px;
}
.mainnavglobalicon{
	background-image:url(../../images/mainheadericons/global-report.svg);
	height: 22px;
    width: 22px;
    background-repeat:no-repeat;
	position: relative;
    left: 1px;
}
.mainnavnoticationicon{
	background-image:url(../../images/mainheadericons/notification-img.svg);
	height: 22px;
    width: 22px;
    background-repeat:no-repeat;
}
.mainnavaccounticon{
	background-image:url(../../images/mainheadericons/account-img.svg);
	height: 22px;
    width: 22px;
    background-repeat:no-repeat;
    display:block;
	position: relative;
	top: 6px;
	left:1px;
}
.fabarsvgicon{
	background-image:url(../../images/mainheadericons/leftnavtoggle.svg);
	height: 22px;
    width: 22px;
    background-repeat:no-repeat;
    display:block;
}
.performa-rateconvert{
	background-image:url(../../images/master/performa-price-convert.svg);
	height: 19px;
    width: 23px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 3px;
}
.irngenicon{
	background-image:url(../../images/irn-img/Generated.svg);
	height: 22px;
    width: 22px;
    margin-right: 6px;
}
.irncanicon{
	background-image:url(../../images/irn-img/Cancelled.svg);
	height: 22px;
	width: 22px;
	margin-right: 6px;
}

.irnfailicon {
	background-image: url(../../images/irn-img/Failed.svg);
	height: 22px;
	width: 22px;
	margin-right: 6px;
}

.irnnotgenicon {
	background-image: url(../../images/irn-img/Notgen.svg);
	height: 22px;
	width: 22px;
	margin-right: 6px;
}
.approveimg {
	background-image: url(../../images/irn-img/approved.svg);
	height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-size: 18px;
    float: right;
    background-position: center;
    margin:0 8px 0 8px;
}
.notapproveimg {
	background-image: url(../../images/irn-img/not-approved.svg);
	height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-size: 18px;
    float: right;
    background-position: center;
    margin:0 8px 0 8px;
}
.notapproveimg:hover{
	background-color:#ebebeb;
	border-radius:50%;
}
.nopermissionapproveimg {
	background-image: url(../../images/irn-img/no-approve-per.svg);
	height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-size: 18px;
    float: right;
    background-position: center;
    margin:0 8px 0 8px;
}
.nopermissionapproveimg:hover{
	background-color:#ebebeb;
	border-radius:50%;
}
.tooltip-inner {
	max-width: 320px !important;
	/* background:#ffffff;
	color:#000000;
	border: 1px solid #f9f9f9; */
	color: black;
    background: #ffffff !important;/* #fff0f5 */
    background-color: #ffffff !important;
    border: 1px solid #d33568;
    box-shadow: 0px 6px 12px #fff0f5;
    padding: 2px 4px;
    border-radius: 4px;
}
.tooltip-arrow:before {
	display:none;
    border-top-color: #f9f9f9 !important;
    border-right-color: #f9f9f9 !important;
    border-bottom-color: #f9f9f9 !important;
    border-left-color: #f9f9f9 !important;
}

@media screen and (max-width: 575px) {
	.break-in-mobile {
		display: block;
	}
	.dropdown-menu.dropdown-menu-right.recouncil-new-drpdwn {
		padding: 20px 20px;
		top: 2px !important;
	}
	.recouncil-accordion-style {
		max-height: 53vh;
		overflow-y: scroll;
	}
}

.new-msg-shadow {
	box-shadow: 0px 2px 0px #f5f5f5;
	padding: 5px 0px;
}

.sign-box {
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 8px;
	margin-top: 10px;
}

.sign-border {
	margin-top: 10px;
}

.border-0px {
	border: 0px !important;
	width: 85% !important;
	font-weight: 900 !important;
	color: #000000;
}
.msg-label-text{
	color:#999999 !important;
}
.form-switch.wats .form-check-input {
    width: 35px;
    height: 20px;
    margin-top: 0px;
    margin-right: 5px;
    background-image: url(../../images/signups/form-check-input.svg);
}
.form-check-input.btn-on-wat.checked {
    background-image: url(../../images/signups/form-checked-toggle.svg);
}
.form-switch.togglbtn .form-check-input {
    width: 35px;
    height: 20px;
    margin-top: 0px;
    margin-right: 5px;
    background-image: url(../../images/signups/form-check-input.svg);
}
.form-check-input.togglbtnon[checked] {
    background-image: url(../../images/signups/form-checked-toggle.svg);
}
.form-check-input.togglbtnon.checked {
    background-image: url(../../images/signups/form-checked-toggle.svg);
}
.form-switch.togglbtn.form-check {
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.form-check-input.togglbtnon[type="checkbox"]:not(:checked), .form-check-input.togglbtnon[type="checkbox"]:checked{
	opacity:1 !important;
}
/* css for table header Width */ 

.th-w-1{
	width: 1% !important;
	min-width: 1% !important;
	max-width: 1% !important;
}
.th-w-2{
	width: 2% !important;
	min-width: 2% !important;
	max-width: 2% !important;
}
.th-w-3{
	width: 3% !important;
	min-width: 3% !important;
	max-width: 3% !important;
}
.th-w-5{
	width: 5% !important;
	min-width: 5% !important;
	max-width: 5% !important;
}
.th-w-6{
	width: 6% !important;
	min-width: 6% !important;
	max-width: 6% !important;
}
.th-w-7{
	width: 7% !important;
	min-width: 7% !important;
	max-width: 7% !important;
}
.th-w-8{
	width: 8% !important;
	min-width: 8% !important;
	max-width: 8% !important;
}
.th-w-8-1{
	width: 8.1% !important;
	min-width: 8.1% !important;
	max-width: 8.1% !important;
}
.th-w-9{
	width: 9% !important;
	min-width: 9% !important;
	max-width: 9% !important;
}
.th-w-10{
	width: 10% !important;
	min-width: 10% !important;
	max-width: 10% !important;
}
.th-w-11{
	width: 11% !important;
	min-width: 11% !important;
	max-width: 11% !important;
}
.th-w-12{
	width: 12% !important;
	min-width: 12% !important;
	max-width: 12% !important;
}
.th-w-13{
	width: 13% !important;
	min-width: 13% !important;
	max-width: 13% !important;
}
.th-w-14{
	width: 14% !important;
	min-width: 14% !important;
	max-width: 14% !important;
}
.th-w-15{
	width: 15% !important;
	min-width: 15% !important;
	max-width: 15% !important;
}
.th-w-16{
	width: 16% !important;
	min-width: 16% !important;
	max-width: 16% !important;
}
.th-w-17{
	width: 17% !important;
	min-width: 17% !important;
	max-width: 17% !important;
}
.th-w-18{
	width: 18% !important;
	min-width: 18% !important;
	max-width: 18% !important;
}
.th-w-19{
	width: 19% !important;
	min-width: 19% !important;
	max-width: 19% !important;
}
.th-w-20{
	width: 20% !important;
	min-width: 20% !important;
	max-width: 20% !important;
}
.th-w-23{
	width: 23% !important;
	min-width: 23% !important;
	max-width: 23% !important;
}
.th-w-24{
	width: 24% !important;
	min-width: 24% !important;
	max-width: 24% !important;
}
.th-w-25{
	width: 25% !important;
	min-width: 25% !important;
	max-width: 25% !important;
}
.th-w-26{
	width: 26% !important;
	min-width: 26% !important;
	max-width: 26% !important;
}
.th-min-w-12{
	width: 12% !important;
	min-width: 12% !important;
}
.th-w-29{
	width: 29% ;
}
.th-w-33{
	width: 33% ;
}
.th-w-35{
	width: 35% ;
}
.th-w-38{
	width: 38% ;
}
.th-w-46{
	width: 46% ;
}
.th-w-48{
	width: 48% !important;
}
.th-w-50{
	width: 50% !important;
}
.th-w-58{
	width: 58% !important;
}
.th-w-67 {
	width: 67% !important;
}
.th-w-69 {
	width: 69% !important;
}
.th-w-70{
	width: 70% !important;
}
.th-w-75{
	width: 75% !important;
}

.th-w-300{
	width: 26% !important;
	min-width: 26% !important;
	max-width: 26% !important;
}

.w-action{
	width: 82px !important;
	min-width: 82px !important;
	max-width: 82px !important;
}
.w-gststatus{
	width: 112px !important;
	min-width: 112px !important;
	max-width: 112px !important;
}
.w-paystatus{
	width: 150px !important;
	min-width: 150px !important;
	max-width: 150px !important;
}
.w-amount{
	width: 60px !important;
	min-width: 60px !important;
	max-width: 60px !important;
}
.w-date{
	width: 30px !important;
	min-width: 30px !important;
	max-width: 30px !important;
}
.w-invno{
	width: 60px !important;
	min-width: 60px !important;
	max-width: 60px !important;
}
.w-type{
	width: 300px !important;
	min-width: 30px !important;
	max-width: 30px !important;
}
.w-partydetails{
	width:auto;
	min-width:auto;
	max-width:auto;
}

/* css for table header Width */
.inbox-info-label.bell-anim{
	color:#ffffff;
	background-color:#d33568;
}
.inbox-info-label.bell-anim i{
	font-weight:800;
}
.bell-anim {
  transform-origin: 50% 50%;
  animation-name: bellring;
	animation-duration: 1s; 
	animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;  
}

@keyframes bellring { 
  0% { transform: rotate(0deg); }
  10% { transform: rotate(10deg); }
  20% { transform: rotate(-10deg); }
  30% { transform: rotate(10deg); }
  40% { transform: rotate(-10deg);}
  50% { transform: rotate(0deg);}
}

.clientlinkingsymbol{
	display: flex;
    justify-content: space-between;
}
.xdsoft_select.xdsoft_scroller_box{
  min-height:100px !important;
  max-height: 100px !important;
  overflow-y: scroll !important;
  display:none !important;
}

.mobilefilters-container {
  border:1px solid #ccc;
  font-size:14px;
}

.mobilefilters-container .left-heading {
  width:100%;
  padding:1rem 1rem;
  margin-bottom:0px;
  font-size:14px;
  font-weight:600;
}
.mobilefilters-leftcontainer {
  display: flex;
	flex-direction: column;
  min-width:150px;
}
.mobilefilters-search {
  margin-top:10px;
  margin-bottom:10px;
  display:inline-block;
}
.mobilefilters-search input {
  font-size:14px;
}
.mobilefilters-leftcontainer .nav-link {
  text-align:left;
  color:#000;
  padding:4px 10px !important;
}
.mobilefilters-leftcontainer .nav-link.active {
  background:#ffecf2;
  border-radius:0;
  color:#000;
  font-weight:bold;
}
.sel-filter {
    color: #d33568;
    font-weight: 900;
}
.mobile-filters-data ul { 
  margin-left:0;
  padding-left:0;
  margin-top:15px;
}
.mobile-filters-data li {
  list-style:none;
  margin-bottom:10px;
}

.mobile-filters-data li input {
  margin-right:5px;
}

.mobilefilters-rightcontainer {
  padding-bottom:50px;
  width:100%;
}
.mobilefilters-rightcontainer .selectedfilter-container {
  margin-top:15px;
  margin-bottom:10px;
}
.mobilefilters-rightcontainer .selectedfilter-container .heading {
  margin-bottom:10px;
  font-weight:600;
}

.con-alert-img{
	background-image:url(../../images/irn-img/connection-alert.svg);
	height: 36px;
    width: 36px;
    margin-right: 6px;
}
.gst-btn-position{
	position: absolute;
    top: 28px;
    z-index: 3;
    font-size: 13px;
    padding: 8px 10px !important;
    right: 7px;
    background-color: #d33568 !important;
    color:#ffffff;
    border-radius:4px;
    min-height:36px;
}
.gst-btn-position-alt{
	position: absolute;
    top: 29px;
    z-index: 3;
    font-size: 13px;
    padding: 7px 10px !important;
    right: -5px;
    background-color: #d33568 !important;
    color:#ffffff;
    border-radius:4px;
    min-height:30px;
}
.gst-btn-position:hover, .gst-btn-position-alt:hover{
	background-color: #d33568 !important;
    color:#ffffff;
}

.recon-btn{
	position:relative;
    cursor:pointer;
}
.einv-dash .dashboard-card{
	border:1px solid #ccc;
}
.einv-dash .dashboard-card .card-body{
	padding:30px ;
}
.e-invoice-total-box .card-lable{
	font-size:16px;
}
.e-invoice-total-box #einvoiceall,
.e-invoice-total-box #generated,
.e-invoice-total-box #notGenerated,
.e-invoice-total-box #cancelled,
.e-invoice-total-box #failed{
	font-size:36px;	
    font-weight: 700;
    line-height: normal;
}
.e-invoice-total-box #einvoiceall{
	color: #2C8FF6;
}
.e-invoice-total-box #generated{
	color: #5AA76C;
}
.e-invoice-total-box #notGenerated{
	color: #A97FE3;
}
.e-invoice-total-box #cancelled{
	color: #FF9D00;
}
.e-invoice-total-box #failed{
	color: #F86A37;
}
.error-popup{
	top: 20%;
    left: 45%;
    position: absolute;
    width: 300px !important;
}
.tabl-months{
	font-size:13px;
	font-weight:500;
	text-align:center;
}
.form-check-input {
    border: 1px solid rgba(0, 0, 0, .25) !important;
}
.history-head{
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    margin: 10px 0px 30px;
}
.history-head .inv-amt, .history-head .open-bal {
    font-weight: 700;
    padding: 6px 0px;
}
.govt-btn{
    border: 1px solid #A1C692 !important;
    background: #EDF7E9 !important;
    color: #4D8B34 !important;
}
.govt-btn .wb-icon{
    color: #4D8B34 !important;
    font-weight:900 !important;
}
.settingstabheight .dt-buttons .dt-button.buttons-excel.buttons-html5{
	display: none !important;
}
.bank-qr-div .qrcode-bankdetail{
	font-size: 60px;
    color: #999999;
    border: 1px solid #cccccc;
    border-radius: 6px;
    margin-right:16px;
}
.bank-qr-div .qr-btn{	
    border: 1px solid #999;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 13px;
    background: #ffffff;
    color: #999;
    position:relative;
}
.bank-qr-div .qr-btn:hover{	
    border: 1px solid #d33568;
    background: #d33568;
    color: #ffffff;
}
.bank-qr-div .qr-txt{
    font-size: 12px;
    margin-top: 8px;	
}
.bank-detail-head{
	font-size: 24px;
    color: #000;
    margin: 10px 0px 25px 0px;
}
.drop-dash-edit{
	inset:auto !important;
	transform: translate3d(0px, 0px, 0px) !important;
}
.user-dropdwn.dropdown-toggle{
	    padding: 8px 8px 0px;
}
.user-dropdwn.dropdown-toggle::after{
	display:none;
}
.main-user-btn{
	font-size:15px;
	font-weight:700;
	cursor:pointer;
}
.userlabel-text{
	font-size: 13px;
    color: #666;
    position:absolute;
    right:33px;
}
.user-dropdwn.dropdown-menu{
	inset: auto !important;
    margin: 0px;
    transform: translate3d(0px, 0px, 0px)!important;
    padding: 15px;
    right: 14px !important;
}
.drp-user-label-txt{
	font-size: 13px;
    color: #999;
}
.drp-user-txt{
	color: #000000;
    font-size: 14px !important;
    font-weight: 600;
}
@media only screen and (max-width:575px){
	.userlabel-text{
	  display:none;
	}
}

.download-animated-bg-btn-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
     white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflowed text */
    animation: bg-btn-text-animation 4s steps(10, end) infinite; 
}

@keyframes bg-btn-text-animation {
    0% {
        text-indent: -100%;
    }
    100% {
        text-indent: 100%;
    }
}

.notifications-msgs,
.email-notifications{
    position: fixed;
    z-index: 999;
    width: fit-content;
    left: 0;
    right: 0;
    margin: auto;    
    border: none;
    padding: 10px 40px 10px 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 6px 6px #B7B7B7;
    box-shadow: 0px 6px 6px #B7B7B7;
    background: rgb(242, 189, 204);
    background: linear-gradient(180deg, rgba(242, 189, 204, 1) 0%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 68%);
    top: 50px;
}
.logoerror-noticebar {
    position: absolute;
    z-index: 999;
    width: max-content;
    left: 0;
    right: 0;
    margin: auto;    
    border: none;
    padding: 35px 40px 10px 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 6px 6px #B7B7B7;
    box-shadow: 0px 6px 6px #B7B7B7;
    background: rgb(242, 189, 204);
    background: linear-gradient(180deg, rgba(242, 189, 204, 1) 0%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 68%);
    top: 40px;
    color:#000000;
}
.logoerror-noticebar:after{
	content: "";
    position: absolute;
    left: 10px;
    top: -19px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px;
    border-bottom-color: #F2BDCC;
    z-index: 0;
}
@media only screen and (max-width:575px) {
	.notifications-msgs,
	.email-notifications{
	    width: 95%;
	}
	.logoerror-noticebar {
	    width: 350px;
	    left:-75px;
	}
	.logoerror-noticebar:after{
	    left: 78px;
	}
}
.btn-nofication{
	font-size: 11px !important;
    padding: 1px 6px !important;
    margin-left: 3px;
    margin-right: 2px;
    display: inline-block;
    width: auto !important;
    font-weight: 500;
    line-height: inherit !important;
    min-height: 20px !important;
}
.notification-contction{
	background: #999;
    color: var(--color-white);
    border-radius: 50%;
    width: 20px !important;
    height: 20px;
    text-align: center !important;
    font-style: normal;
    font-size: 15px;
    text-decoration: none;
    line-height: 24px;
    display: inline-block;
    right: 1%;
    position: absolute;
    top: 15%;
}
.close-logoerror-noticebar{
    right: 2%;
    top: 30%;
}
.logoerror-noticebar .close-logoerror-noticebar{
    right: 2%;
    top: 10%;
}
.notification-contction:hover{
    color: var(--color-white);
}

.mobile-filter .normaltable-fullcontainer{
	background:transparent !important;
	border:0px;
	overflow:hidden;
	min-height:69vh;
	max-height:100% !important;
}
.mobile-filter .normaltable .noramltable-row {
    margin-bottom: 5px;
    margin-left: 0px;
    padding-right: 0px;
}
.mobile-filter .noramltable-row .normaltable-col.hdr {
    border-right: 0px solid #ddd;
    padding: 0 1px;
    text-align: left;
    margin-top: 5px;
}
.mobile-filter .mobile-filter-cont{
	display:flex;
	flex-wrap:wrap;
}
.mobile-filter .mobile-filter-cont .btaginput{
	line-height:12px !important;
	margin-bottom:6px !important;
	margin-top:6px !important;
}
.mobile-filter .mob-divfill{
	display:block;
}

.month-cal-icon-voucherdate input {
	position: relative;
	z-index: 2;
	cursor: default;
	background:transparent;
}

.month-cal-icon-voucherdate .form-control:focus {
	background:transparent;
}

.month-cal-icon-voucherdate:after {
    position: absolute;
    content: "\f073";
    font-family: "FontAwesome", sans-serif;
    right: 22px;
    top: 30px;
    font-size: 16px;
    z-index: 1;
}

.month-cal-icon-contradate input {
	position: relative;
	z-index: 2;
	cursor: default;
	background:transparent;
}

.month-cal-icon-contradate .form-control:focus {
	background:transparent;
}

.month-cal-icon-contradate:after {
    position: absolute;
    content: "\f073";
    font-family: "FontAwesome", sans-serif;
    right: 22px;
    top: 30px;
    font-size: 16px;
    z-index: 1;
}

/* --- WEB API --- */

.information-container,.scheme-container{display:none}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important; /* Change 'white' to match your input field's background color */
    -webkit-text-fill-color: #000 !important; /* Optional: sets the text color */
}
/* Inventory Dashboard */
.inv-selct-sty{
	font-size:14px;
	color:#333333;
	padding:2px 5px;
}

.detail-colum{
	flex: 1;
	padding: 10px;
	text-align: center;
}
.inv-overall-detail{
	box-shadow: 0px 0px 3px #ccc;
    margin-bottom: 1rem;
    padding: 10px;
    background: #ffffff;
    border-radius: 4px;
    margin-top:1rem;
}
.colum-name{
	color: #999999;
    font-size: 14px;
    font-weight: 400;
}
.colum-desc{
    color: #000000;
    font-size: 18px;
    font-weight: 800;
}
.gstr-info-tabs .inven-top-list.nav-tabs .nav-link{
    border: 0 !important;
    color: #999 !important;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 10px 5px 10px;
    padding-bottom:0px;
}
.gstr-info-tabs .inven-top-list.nav-tabs .nav-link:hover{
    border: 0 !important;
    color: #999 !important;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 10px 5px 10px;
    padding-bottom:0px;
}
.gstr-info-tabs .inven-top-list.nav-tabs .nav-link.active{
    border: 0px !important;
    font-weight: 500;
    color: #d33568 !important;
}
.gstr-info-tabs .inven-top-list.nav-tabs .nav-link.active:hover{
    border: 0px !important;
    font-weight: 500;
    color: #d33568 !important;
}

.border-right-radius-0{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.border-left-radius-0{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.item-balance-card-new{
	background:#fefefe;
	border:1px solid #ccc;
	border-radius:8px;
	padding:10px;
	margin-top:10px;
}
.gst9tabheight table.dataTable tbody th, .gst9tabheight table.dataTable tbody td{
	max-width: 100px !important;
}
.offset-width table.dataTable tbody th:first-child, .offset-width table.dataTable tbody td:first-child{
	min-width: 200px !important;
	max-width: 200px !important;
}
.offset-width table.dataTable tbody th, .offset-width table.dataTable tbody td{
	min-width: 115px !important;
	max-width: 115px !important;
}
.offset-width table.dataTable .border-left{
	border-left: 2px solid #fbfbfd;
}
.offset-width table.dataTable .border-right{
	border-right: 2px solid #fbfbfd;
}
.ledgermodalbody table thead tr{
	border:0px !important;
}
.ledgermodalbody table thead tr th{
	background-color: #ffffff;
	color:#000000;
	border:0px !important;
	border-bottom: 1px Solid #ccc !important;
}
.ledgermodalbody table tbody tr td, .ledgermodalbody table tfoot tr td{
	padding:10px 3px !important;
	background-color: #ffffff;
	color:#000000;
	border:0px !important;
	border-bottom: 1px Solid #ccc !important;
}
.popuptablecuatomfeild tbody tr td{
	padding:10px 3px;
}
.wb-api-swaggercontainer {
        border: 1px solid #ccc;
        padding: 10px;
        display: inline-block;
        margin: 15px 0px;
        width: 100%;
}
.user-link-logo{
	padding: 4px;
	background: transparent;
	color: #d33568;
	font-weight: 300 !important;
	border-radius: 50%;
	border: 1px solid #d33568;
}
.user-link-logo:hover{
	background: #d33568;
	color: #fff;
	border: 1px solid #d33568;
}
.emptydashboard-rowdiv{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:3rem;
	padding-top:3rem;
}
.emptydashboard-text{
	font-size:14px;
	font-weight:500px;
	margin-bottom:15px;
}
.emptydashboard-btn .wb-icon{
	background: #ffffff;
    color: #d33568;
    font-weight: 900;
    border-radius: 2px;
    margin-left: 8px;
    font-size: 17px;
    position: relative;
    top: 2.5px;
}
.emptydashboard-link-rowdiv{
	display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 20px 10px;
    margin: 10px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.emptydashboard-link-rowdiv:hover{
    background: #fff0f5;
    border: 1px solid #d33568;
}
.emptydashboard-link-rowdiv .link-text{
	margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
}
.emptydashboard-link-rowdiv .link-duration{
	background: #d33568;
    width: fit-content;
    color: #ffffff;
    font-size: 13px;
    padding: 0px 5px;
    border-radius: 4px;
    margin: 4px 0px;
}
.import-nav-text {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.import-nav-text.active {
    color: #d33568;
}
.import-nav-text.active .num-bg{
    background: #d33568;
    color: #fff;
    padding: 1px 5px;
    border-radius: 50%;
}
.line-con{
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #d33568;
    z-index: 0;
}
input[readonly] {
    pointer-events: none;
}

/* popup toggle btn */
.webapi-status-button {
  width: 100px;
  min-height: 27px;
  border: 1px solid #ccc;
  background-color: transparent;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.webapi-status-button::after {
  content: "";
  min-height: 20px;
  width: 20px;
  display: block;
  border-radius: 50px;
  background-color: #cccccc;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: transform 1s;
  left:3px;
}
.webapi-status-button:before {
  content: "Disable";
  font-size: 13px;
  position: absolute;
  top: 53%;
  left: 37px;
  right: unset;
  transform: translateY(-50%);
  color: #ccc;
  text-transform: uppercase;
  transition: content 1s;
  font-weight: 600;
}
.turn-on .webapi-status-button{  
  border: 1px solid #d33568;
}
.turn-on .webapi-status-button:before {
  content: "Enable";
  right: 45px;
  left: unset;
  transition: content 1s;
  color:#d33568;
}
.turn-on .webapi-status-button::after {
  content: "";
  min-height: 20px;
  width: 20px;
  display: block;
  border-radius: 50px;
  background-color: #d33568;
  position: absolute;
  top: 50%;
  transform: translate(70px, -50%);
  transition: transform 1s;
  right:75px;
}
/* popup toggle btn */
.color-dbblue{
	color:#0a58ca!important;
}

.ledgereasyautocomplete{
	padding-left:30px;
	margin-bottom:0;
	font-style: italic;
}

.yes-no {
  display: inline-block;
  width: 80px;
  height: 25px;
  position: relative;

  /* Pseudo-elements */
  &:before, &:after {
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    top: 4px;
  }

  &:before {
    content: 'YES';
    left: 10px;
  }

  &:after {
    content: 'NO';
    right: 10px;
  }

  /* Slider */
  .slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    transition: 0.4s;
    border-radius: 5px;
    background: #cccccc;

    &:before {
      content: "";
      width: 40px;
      height: 25px;
      background: #d33568;
      position: absolute;
      right: 0;
      transition: 0.4s;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }
  }

  /* Input styling */
  input {
    opacity: 0.5;

    &:checked + .slider {
      background: #cccccc;
    }

    &:checked + .slider:before {
      transform: translateX(-40px);
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }
  }
}

#monthdatesalesTab,#monthdatepurchasesTab{
	border:none;
	width:60px;
	color:var(--color-dpink) !important;
	height:26px;
}
.cashandbandcs span.multiselect-native-select {
    padding: 0 !important;
}
.cashandbandcssinner .btn{
	border-right: 0px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}
.placeofSupplyModal.show{
	min-width:350px;
	padding:10px;
	box-shadow: 0 0 8px #999;
	display:flex;
}
.posnewcode .easy-autocomplete-container ul {
    min-width: auto !important;
}

.notificationflyer {
	display:none;
    position: fixed;
    z-index: 999;
    width: fit-content;
    left: 0;
    margin: auto;
    top: 75px;
    right:0;
    background: #FFFCFD;
    border: 2px solid #FFB5CB;
    border-radius: 4px;
    box-shadow: 0px 0px 7px #FFB5CB;
    padding: 10px 15px 10px 15px;
    color: #000000;
    font-weight: 500;
    font-size: 16px !important;
}

  
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}       
        
.notificationflyer.show {
    display: block;
    animation: fadeIn 1.5s forwards;
}
.notificationflyer.hideflyer {
	animation: fadeOut 1.5s forwards;
}        
.bulk-imp{
	width:20%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.bulk-imp-text {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.bulk-imp-text.active {
    color: #d33568;
}
.bulk-imp-text.active .num-bg{
	background: #d33568;
    color: #fff;
    padding: 1px 5px;
    border-radius: 50%;
}
.bul-process-sec{
	padding:60px 0px;
}
.bluk-des-box {
    background: #fff0f5;
    border: 1px solid #d33568;
    margin: 10px auto;
    display: flex;
    padding: 15px;
    border-radius: 5px;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    align-items:center;
}
.bluk-des-box .arrows {
    padding: 12px 6px;
    border: 1px solid #d33568;
    border-radius: 50%;
    margin-right: 10px;
    display:flex;
}
.bulk-imp-graph .graph-box canvas {
  top: 0;
  left: 0;
}
.clntimgtxt{
  position: absolute;
  left: 65px;
  cursor: pointer	
}
.clntimgform{
  height: 50px;
  top: -50px;
  position: relative;
  width: 260px;
  cursor: pointer;
  z-index: 1;
}
.clntimgform .wb-icon-edit-alt-t:before {
    content: "\e96c";
    background: #d33568;
    color: #ffffff;
    border-radius: 50%;
    padding: 2px;
    font-size: 16px;
    position: relative;
    right: 87px;
    top: 28px;
}
.clntimgform .client-logo-edit-btn {
    position: relative;
    width: 260px;
    display: block;
    height: 50px;
    top: 0px;
    right: 0px;
    background: transparent;
  	cursor: pointer;
    z-index: 2;
}
.ledgerbackbtn{
	color:#000000;
	font-size:13px !important;
	font-weight:600;
	text-decoration: none !important;
	display:flex;
	width: fit-content;
}
.ledgerbackbtn:hover{
	color:#d33568;
}
.ledgerbackbtn .wb-icon{
	font-size:18px !important;
	font-weight:600;	
}
.ledger-select,.ledgertype-select{
	height:32px !important;
	border: 1px solid #CFCFCF !important;
	color:#000000;
	font-weight:600 !important;
}
.ledgerreport-container{
    align-items: end;
    margin: 10px 0px 0px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f5f5f5;
}
.partyledgerreport-container{
    align-items: end;
    margin: 10px 0px 0px;
    padding-bottom: 15px;
}
.ledgerreport-container .col-lg-2{
	width:12% ;
}
@media only screen and (max-width:991px) {
	.ledgerreport-container .col-lg-2{
		width:50% ;
	}	
}
@media only screen and (max-width:768px) {
	.ledgerreport-container .col-lg-2{
		width:100% ;
	}	
}
.procing-text{
	position: absolute;
    right: 50%;
    top: 50%;
    color: #d33568;
    font-weight: 600;
}
.procing-text-hsn{
	position: absolute;
    right: 50%;
    top: 25%;
    color: #d33568;
    font-weight: 600;
    z-index:1
}
.einvtextdiv{
	font-size:14px;
	margin-top:10px;
}
.dashboard-view-card{
	margin-bottom: 8px;
    border: 1px solid #CFCFCF !important;
    border-radius: 100px;
    padding: 4px 14px;
    font-size: 13px;
    color: #999999;
    width: auto;
    display: inline-flex;
    align-items: center;
    height: 32px;
    font-family: 'Roboto', sans-serif;
    margin-top: 2px;
    background:#ffffff;
}

.dashboard-view-card-left{
	margin-bottom: 8px;
    border: 1px solid #CFCFCF !important;
    border-radius: 100px;
    padding: 4px 14px;
    font-size: 13px;
    color: #999999;
    width: auto;
    display: inline-flex;
    align-items: center;
    height: 32px;
    font-family: 'Roboto', sans-serif;
    margin-top: 2px;
    background:#ffffff;
    margin-left:8px;
    cursor:pointer;
}
@media only screen and (max-width:575px) {
	.dashboard-view-card-left{
		padding:4px 6px;
	}
}
.dashheader-count{
    background: #D33568;
    color: #ffffff;
    padding: 3px 3px;
    border-radius: 8px;
    position: absolute;
    left: 11px;
    font-size: 9px;
    line-height: 0.8;
    font-weight: 900;
    top: -4px;
    width: auto;
    height: auto;
}
.pending-box{
	border:1px solid #EB6C42;
	border-radius:4px;
	padding:15px;
	margin-bottom:10px;
}
.approved-box{
	border: 1px solid #469507;
	border-radius:4px;
	padding:15px;
	margin-bottom:10px;
}

.pending-box .icon{
    background: #EB6C42;
    color: #ffffff;
    padding: 4px;
    font-size: 22px;
    line-height: 0;
    border-radius: 50%;
	width: fit-content;
    
}

.pending-box .head-text, .approved-box .head-text {
    font-size: 13px;
}
.pending-box .head-text-count {
    color: #EB6C42;
    font-size: 16px;
}
.approved-box .icon{
    background: #469507;
    color: #ffffff;
    padding: 4px;
    font-size: 22px;
    line-height: 0;
    border-radius: 50%;
	width: fit-content;
}
.approved-box .head-text-count {
    color: #469507;
    font-size: 16px;
}
.actionperformaccordion{
	margin-top:25px;
}
.actionperformaccordion .accordion-item{
	border:0px !important;
}
.actionperformaccordion .accordion-button {
	border-bottom:1px solid #ccc !important;
}
.actionperformaccordion .accordion-button:not(.collapsed){
	border-bottom:1px solid #d33568 !important;
	color:#D33568;
}
.actionperformaccordion .accordion-button::after, .actionperformaccordion .accordion-button:not(.collapsed)::after {
	
}

.actionperformaccordion .accordion-button::after, .actionperformaccordion .accordion-button:not(.collapsed)::after {
	background-image:none !important;
	transform: none !important;
	font-family: "Font Awesome 6 Free", sans-serif;
	content: "\f107";
	font-weight: 900;
    line-height: 1;
    font-size:18px;
    width: auto !important;
    height: auto !important;
    margin:0px !important;
}
.actionperformaccordion .accordion-button:not(.collapsed)::after{
	rotate:180deg;
}
.actionperformaccordion .accordion-button, .actionperformaccordion .accordion-button:not(.collapsed){
	background-color:transparent !important;
	font-size:14px;
	color:#000000;
	padding:10px;
	font-weight:600;
}
.actionperformaccordion .accordion-body{
	padding:10px;
}
.actionperformaccordion .accordion-button:focus {
	box-shadow:0 0 0 !important;
}
.actionperformaccordion .icon{
    background: #D33568;
    color: #ffffff;
    padding: 3px;
    font-size: 15px;
    line-height: 0;
    border-radius: 50%;
	width: fit-content;
	margin-right:6px;
}
.actionperformaccordion .left-text{
	font-size: 13px;
	margin:5px;
}
.actionperformaccordion .right-text{
	font-size: 14px;
	font-weight:500;
	margin:5px;
	text-align:end;
	padding:0px 10px;
}
.actionperformaccordion .right-text:hover{
	text-decoration: underline;
}
.actionperformaccordion .total-div{
	display:flex;
	justify-content:end;
}
.actionperformaccordion .total-count{
	width:fit-content;
	border-top:1px solid #ccc;
}
.actionperformaccordion .total-count:hover{
	text-decoration: none!important;
}
.actionperformaccordion .acco-sub-head{
	color:#999 !important;
	font-size:11px !important;
}
.color-sub{
	color:#0E80C0 ;
}
.color-rev,.color-rev:hover{
	color:#FFB308;
}
.color-yet,.color-yet:hover{
	color:#6150E3;
}
.color-appr,.color-appr:hover{
	color:#469507;
}

.fromtoDateDropdown {
    position: absolute;
    right: 0;
    background-color: white;
    padding: 10px;
    min-width: 170px !important;
    z-index: 10;
    border-radius: .25rem;
    box-shadow: 0 0 10px #ccc;
    top: 25px;
    text-align: start;
}
.fromtoDateinputdiv{
    border: 2px solid #cccccc;
    border-radius: 4px;
    height: 32px;
    margin: 5px 0px;
    padding: 5px;
}
.ledgerpath-txt{
    font-size: 10px;
    font-style: italic;
    color: #878787;
}
.tabletrtdbtn{
    min-width: 110px;
    border: 1px solid #d33568;
    border-radius: 4px;
    background: #fff0f5;
    color: #d33568;
}
#sortable_table3 .ledgerpath-txt, #recsortable_tablesalesTab .ledgerpath-txt, #recsortable_tablepurchasesTab .ledgerpath-txt,
#expencetable2 .ledgerpath-txt,#incometable2 .ledgerpath-txt, #vsortable_table4 .ledgerpath-txt, #vsortable_table5 .ledgerpath-txt, #Contratable .ledgerpath-txt, #expencetable1 .ledgerpath-txt,#incometable1 .ledgerpath-txt{
	position:absolute;
	width:max-content !important;
	text-align:start;
	left:0;
}
.sortable-form.versiontwo .form-control.border-radi-right{
	border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.sortable-form.versiontwo .form-control.border-radi-left{
	border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-left: 0px !important;
}
.th-w-1.chec-pad-right{
	padding-right:12px !important;
}
.sett-ref{
	background: #d33568;
    color: #ffffff;
    padding: 0px 6px;
    border-radius: 4px;
    cursor: pointer;
    margin: 0px 0px 0px 4px;
}
.daybookinvtype{
	font-size: 10px;
    font-style: italic;
    color:#ccc;
}
.shareinv-wats-position{
	position: absolute;
    width: fit-content;
    right: 20px;
    top: 20px;
    display: flex;
    align-items: center;
}
.base-url-txt {
    font-size: 13px;
    padding: 15px 3px 4px;
}
.base-url-txt label{
	color:#000000;
	font-weight:500px;
}
.base-url-txt .baseUrlPath{
	color: #1d87d1;
    font-weight: 600;
}
.ledgermobtext{
    font-size: 13px;
    background: #d33568;
    color: #ffffff;
    padding: 8px 8px;
    border-radius: 6px;
}
.welcom-txt {
    font-size: 1.4rem;
    font-weight: 600;
    color: #333;
    margin: 40px 0;
    line-height: 1;
}
.pageloadtxt{
	height: 100vh;
    width: 100vw;
    position: absolute;
    z-index: 99999;
}
.pageloadtxtbox {
   	position: absolute;
    top: 56px;
    font-size: 10px;
    font-weight: 800;
    text-align: center;
    z-index: 999;
    left: 50%;
    padding: 6px 10px;
    background: #fff0f5;
    border-radius: 2px;
    border: 1px Solid #d33568;
    color: #222;
    box-shadow: 0px 0px 4px #b48695;
}
@keyframes letterAppear {
  0% { opacity: 0; transform: translateY(0px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.pageloadtxtanim {
  display: inline-block;
  white-space: nowrap;
}
.pageloadtxtanim span {
  display: inline-block;
  /*animation: letterAppear 2s ease-in-out infinite;
  opacity: 0;*/
  animation-fill-mode: forwards;
}
.pageloadtxtanim span:nth-child(1) { animation-delay: 0s; }
.pageloadtxtanim span:nth-child(2) { animation-delay: 0.1s; }
.pageloadtxtanim span:nth-child(3) { animation-delay: 0.2s; }
.pageloadtxtanim span:nth-child(4) { animation-delay: 0.3s; }
.pageloadtxtanim span:nth-child(5) { animation-delay: 0.4s; }
.pageloadtxtanim span:nth-child(6) { animation-delay: 0.5s; }
.pageloadtxtanim span:nth-child(7) { animation-delay: 0.6s; }
.pageloadtxtanim span:nth-child(8) { animation-delay: 0.7s; }
.pageloadtxtanim span:nth-child(9) { animation-delay: 0.8s; }
.pageloadtxtanim span:nth-child(10) { animation-delay: 0.9s; }


.suggestion-box-remain{
	background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    position: absolute;
    border-radius: 4px;
    top: 60px;
    width: 90%;
    min-width: 90%;
    z-index: 9
}
td .suggestion-box-remain{
    top: 46px;
}
.suggestion-box-remain-border {
    border: 1px dashed var(--color-dpink);
    padding: 5px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}
.suggestion-box-remain-border .text a, .suggestion-box-remain-border .text a:hover {
    font-size: 13px;
    color: var(--color-dpink);
    display: flex;
    justify-content: center;
}

.bulk-process {
 	position: relative;
    overflow: hidden;
    background: #cccccc;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bulk-process::before{
  content: '';
  position: absolute;
  inset: -1px 10px;
  background: #d33568;
  transition: 500ms;
  animation: bulkrotate 1.5s linear infinite;
  z-index: -1;
}

.bulk-process::after{
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #ffffff;
  z-index: -1;
}
@keyframes bulkrotate {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.bulk-complete {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #d33568;
    font-size: 1rem;
    color: #d33568;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.processtxt {
    font-size: 14px;
    font-weight: 800;
    left: 50%;
    color: #d33568;
    letter-spacing: -1px;
}
@keyframes processletterAppear {
  0% { opacity: 0; transform: translateY(0px); }
  100% { opacity: 1; transform: translateY(0px); }
}

.processtxtanim span {
  animation: processletterAppear 2s ease-in-out infinite;
  opacity: 0;
  animation-fill-mode: forwards;
}
.processtxtanim span:nth-child(1) { animation-delay: 0s; }
.processtxtanim span:nth-child(2) { animation-delay: 0.1s; }
.processtxtanim span:nth-child(3) { animation-delay: 0.2s; }
.processtxtanim span:nth-child(4) { animation-delay: 0.3s; }
.processtxtanim span:nth-child(5) { animation-delay: 0.4s; }
.processtxtanim span:nth-child(6) { animation-delay: 0.5s; }
.processtxtanim span:nth-child(7) { animation-delay: 0.6s; }
.processtxtanim span:nth-child(8) { animation-delay: 0.7s; }
.processtxtanim span:nth-child(9) { animation-delay: 0.8s; }
.processtxtanim span:nth-child(10) { animation-delay: 0.9s; }
.processtxtanim span:nth-child(11) { animation-delay: 1s; }
.processtxtanim span:nth-child(12) { animation-delay: 1.1s; }
.processtxtanim span:nth-child(13) { animation-delay: 1.2s; }


.addclient-wizard-header.eligible-e-invoice{
	display:block;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(211,53,104,0.538112779291404) 100%);
}
.subscribtion-freetrail-box{
	background: rgb(246, 188, 207);
    background: linear-gradient(90deg, rgb(255 245 248) 0%, rgba(255, 255, 255, 1) 64%);
    border: 1px solid #d33568;
    border-radius: 10px;
    padding: 15px;
}
.subscribtion-freetrail-box .main-text {
    font-size: 22px;
    color: #d33568;
    font-weight: 600;
    margin: 0px 22px;
}
.subscribtion-plan-card{
	margin: 0 0 20px 0;
    border-radius: 10px;
    background-color: #FfFfFf;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    color: var(--color-black);
    padding: 40px;
    width: 100%;
    height:98%;
    box-shadow: 0 0rem 0.2rem rgb(75 70 92 / 37%) !important;
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}
.subscribtion-plan-card:hover{
	box-shadow: 0 0 10px #ffa8c5 !important;
}
.subscribtion-plan-header{
	margin: 0.2rem 0 1.5rem 0;
}
.subscribtion-plan-header-text{
	font-size: 1.8em;
    margin: 0px 0px 5px;
    display: flex;
    align-items: center;
    width: 100%;
    color: #d33568;
    line-height: normal;
    font-weight:600;
}
.subscribtion-plan-header-sub-text{
	font-size: 13px;
    line-height: normal;
    color:#d33568;
}
.subscribtion-plan-body{
	margin: 0.2rem 0 1.5rem 0;
}
.subscribtion-plan-body-text{
	font-size: 26px;
    color: #333;
    margin: 0 0 5px 0;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    line-height: normal;
}
.subscribtion-plan-body-sub-text{
	font-size: 13px;
    color: #656565;
    line-height: normal;
}
.subscribtion-plan-body-btn {
    text-align: center;
    border: 1px solid #ccc;
    padding: 5px 25px;
    border-radius: 30px;
    margin: 1.5rem 0px 0px;
    font-size: 16px;
}
.subscribtion-recomonded .subscribtion-plan-body-btn {
    border: 1px solid #d33568 !important;
    background:#d33568 !important;
    color:#ffffff !important;
}
.subscribtion-recomonded-btn {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #5F5BBE;
    color: #ffffff;
    font-size: 12px;
    padding: 4px 14px;
    font-weight: 600;
    border-radius: 20px;
}
.subscribtion-plan-footer-text{
	padding: 20px 0px 0px 0px;
}

.subscribtion-plan-footer-sub-text {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}
.subscribtion-plan-card.subscribtion-recomonded{
	background: #FFFCFC;
    border: 1px solid #d33568;
}
ul.subscribtion-features {
    margin-bottom: 16px;
    padding-left:12px;
}
ul.subscribtion-features li {
    font-size: 13px;
    list-style: none;
    display: flex;
    width: auto;
    color:#656565;
}
ul.subscribtion-features li:before {
    margin: 0px 6px;
    color: green;
    display: inline-block;
    content: "\f00c";
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 400;
}
.subscriptwrap {
    width: 100%;
    display: table;
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.stepwizard-wrap {
    padding: 2px;
}
.stepwizard {
    display: table;
    position: relative;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 0px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    font-size: 14px !important;
    font-weight: 600;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}
.stepwizard-row:after {
    position: absolute;
    content: "";
    height: 2px;
    background-color: #D33567;
    width: 96%;
    left: 2%;
    top: 26px;
    z-index: 0;
}
.stepwizard-iner {
    background-color: #fff;
    padding: 15px 0;
}
.setup-content {
    height: auto;
}
.online2.setup-panel .stepwizard-step .btn.btn-circle {
    background-color: #ffffff;
    border:2px solid #cccccc;
    width: 32px;
    border-radius: 4px;
    font-size: 12px;
    margin: 10px;
}
.online2.setup-panel .stepwizard-step .btn.btn-primary {
    background-color: #d33568 !important;
    border:2px solid #d33568 !important;
}
.booksbilling-card-new{
	border: 1px solid #ccc;
    padding: 15px 20px;
    border-radius: 8px;
    margin-top: 10px;
}
.infor-details .subscriptioncard-body {
    display: flex;
    align-items: center;
    height: 90%;
}
.booksbilling-card-new.bggradient{
	background: rgb(246, 188, 207);
    background: linear-gradient(90deg, rgb(255 245 248) 0%, rgba(255, 255, 255, 1) 64%);
    border: 1px solid #d33568;
}
.paydetailhead{
	align-items: center !important;
	padding-bottom: .5rem !important;
	/* border-bottom: 1px solid #ccc; */
}
.paydetailhead .plan-text {
    font-size: 20px;
}
.paydetailhead .plan-amonut {
    font-size: 20px;
    font-weight: 600;
    text-align: end;
    margin-bottom: 0px;
}
.paydetailhead .plan-icon {
    color: #5F5BBE;
    font-size: 20px;
    margin-right: 6px;
}
.paydetailbody{
    padding: 20px 0px;
    align-items: center;
}
.paydetailbody .subscription-data.plane-name {
    font-size: 22px;
}
.paydetailbody .planname-icon {
    color: #d33568;
    margin-right: 6px;
}
.paydetailbody .subscription-sub-data {
    font-size: 13px;
}
tr.sub-table-head th {
    color: #999999;
    font-weight: 400;
    font-size: 14px;
}
tr.sub-tbdy-tr.one {
    border-bottom: 1px dashed #ccc;
}
.sub-tbdy-tr td {
    font-size: 13px;
    padding: 6px 0px;
}
.sub-tbdy-tr td .sub-tbody-detail {
    color: #d33568;
    font-weight: 600;
}
.sub-tbdy-tr td .sub-tbody-add {
    color: #d33568;
    border: 1px solid #d33568;
    padding: 2px 12px;
    border-radius: 5px;
}
.booksbilling-card-new .label-text{
	font-size:13px;
	color:#888;
	line-height:normal;
	font-weight:normal;
}
.booksbilling-card-new .subscription-data{
	font-size:14px;
	color:#000;
	font-weight:600;
	line-height:normal;
}
.paydetailsection .plandate{
	padding: 10px;
    /* box-shadow: 0px 0px 5px #cccc; */
    border-radius: 8px;
    position:relative;
}
.paydetailsection .plandate.one:after{
	content: "";
    width: 1px;
    color: #ccc;
    height: 104%;
    position: absolute;
    top: -2px;
    border: 1px solid #ccc;
    right: -13px;
}
.adddetailbtns{
	border-top: 1px solid #ccc;
    padding-top: 10px;
    width: 100%;
    margin: auto;
}
.adddetailbtn {
    font-size: 14px;
    border: 1px solid #333;
    padding: 2px 6px;
    color: #333;
    border-radius: 4px;
    background: #ffffff;
}
.adddetailbtn:hover {
    font-size: 14px;
    border: 1px solid #d33568;
    padding: 2px 6px;
    color: #fff;
    border-radius: 4px;
    background: #d33568;
}
.upgradecardsheader{
	display: flex;
    justify-content: space-between;
    padding: 20px;
    /* border-bottom: 1px solid #ccc;
    background: #f5f5f5; */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 18px;
    font-weight: 600;
}
.upgradecardsaccordionbody{
	padding:0px 20px;
}
.upgradecards{
	padding:20px;
}
.upgradecardtext{
	font-size:14px;
}
.upgradeduration .form-control{
	min-height: 36px;
    min-width: 150px;
    font-size:13px;
    color:#d33568;
    font-weight:600;
    background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 93% 50% #fff;
}
.upgradecards.bordastop{
	border-top:2px dashed #ccc;
}
.subscriptioncard-header-new {
    background: #fafafa;
    padding: 15px 35px;
    border-bottom: 1px solid #EAEAEA;
    display: block !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 100%;
}
.subscriptioncard-details {
    display: flex;
    justify-content: space-between;
}
.subscriptioncard-header .left {
    width: 60%;
}
.sub-plantype{
    font-weight: 600;
    color: #333;
}
.subscription-container{
    border: 1px solid #ccc;
	border-radius: 10px;
	margin-top:12px;
}
.subscription-container.infor-details {
    height: 100%;
    position: relative;
    background: rgb(246, 188, 207);
    background: linear-gradient(0deg, rgba(246, 188, 207, 1) 0%, rgba(255, 255, 255, 1) 87%);
}
.subdestails .lable-txt {
    font-size: 13px;
    color: #333;
    font-weight: normal;
    padding-top: 10px;
}
.subdestails .lable-disc {
    font-size: 14px;
    font-weight: 600;
}
.subscriptioncard-body .paymentdetails {
    padding-top: 0px;
    margin-top: 0px;
}
.subscriptioncard-body .paymentdetails h4 {
    font-size: 14px;
    font-weight: 600;
    padding-top: 15px;
}
.subscriptioncard-body .paymentdetails-data {
    padding: 0;
    font-size: 13px;
    list-style: none;
    margin-bottom: 0;
}
.subscriptioncard-body .paymentdetails-data li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-weight: bold;
}
.subscriptioncard-body .borderbottom {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px !important;
}
.subscriptioncard-body .grand-total {
    padding-top: 15px !important;
    padding-bottom: 0px !important;
}
.subscriptioncard-body .paymentdetails-data li span {
    font-weight: normal;
}
.subscriptioncard-body .grand-total span {
    font-size: 18px;
    font-weight: 600 !important;
}
.sortable-form.versiontwo .form-control{
    border-radius: 6px !important;
    border: 2px solid #cccccc5e;
    width: 100%;
}
.subscriptioncard-footer-details {
    padding: 15px 35px;
    border-top: 1px solid #EAEAEA;
}
.subcardwithborder {
    padding: 30px;
    margin-bottom: 20px;
    border: 2px solid #EAEAEA;
    border-radius: 10px;
}
.subcardwithborder .label-text, .plandate .label-text {
    font-size: 13px;
    color: #888;
    line-height: normal;
    width: 80%;
}
.subcardwithborder .subscription-data, .plandate .subscription-data {
    font-weight: 600;
    color: #333;
    font-size:14px
}
.subbalance-cards {
    padding: 20px;
    width: 100%;
    margin-bottom: 20px;
}
.subbalance-cards h3 {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 600;
    color: #4e4f4f;
}
.subbalance-cards .data-text {
    font-size: 1.8em;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0;
}
.subbalance-cards .data-text.red {
    color: #D33567;
}
.subscription-table-container {
    border: 1px solid #EAEAEA;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
}
.subscription-topups {
    font-size: 12px;
    text-align: end;
    font-weight: 600;
    text-decoration: none;
}
.timeoutmodalbg{
	background: rgb(242, 189, 204);
    background: linear-gradient(180deg, rgba(242, 189, 204, 1) 0%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 68%);
}
.timeoutmodalbg .invoice-hdr.bluehdr{
	background: transparent;
}
.navbar .home-icon{
	padding:8px 4px;
}
.navbar .home-icon:hover{
	color:#d33568;
}
.cloud-imgs {
    margin: 10px 0px 25px;
}
.get-gst-btn{
    border-radius: 4px;
    background-color: #D33567 !important;
    color: var(--color-white) !important;
    font-size: 11px !important;
    text-decoration: none !important;
    padding: 6px 12px !important;
    margin-left: 5px;
    margin-right: 5px;
    width: auto !important;
    top: 29px;
    z-index: 1;
    height: 34px;
    right: -5px;
}

.usersupgradation,.clientsupgradation{
  display: flex;
  align-items: center;
  justify-content: center;
      min-width: 150px;
    border: 1px solid #999;
    border-radius: 0.375rem;
}
.usersupgradation .input-users,.clientsupgradation .input-clients{
  text-align: center;
  padding: 6px 10px;
  border: 0px solid #d4d4d4;
  max-width: 80px;
  color:#d33568;
}
.usersupgradation .users-btn-minus,
.usersupgradation .users-btn-plus,
.clientsupgradation .clients-btn-minus,
.clientsupgradation .clients-btn-plus{
  border: 0px solid #d4d4d4;
  padding: 10px 13px;
  font-size: 10px;
  height: 35px;
  width: 35px;
  transition: 0.3s;
    background: #fff0f5;
}
.usersupgradation .users-btn-minus,
.clientsupgradation .clients-btn-minus{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}
.usersupgradation .users-btn-plus,
.clientsupgradation .clients-btn-plus{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
.usersupgradation .users-btn-plus,.clientsupgradation .clients-btn-plus{
  margin-left: -1px;
}
.usersupgradation .users-btn-minus,.clientsupgradation .clients-btn-minus{
  margin-right: -1px;
}
.upgradplan-modal{
	width:460px;
	min-width:460px;
}
.upgradplan-modal-bg{
	background: rgb(246,188,207);
	background: linear-gradient(180deg, rgb(241 212 221) 0%, rgba(255, 255, 255, 1) 64%) !important;	
}
.upgradplan-modal-bg .invoice-hdr.bluehdr{
	background: transparent !important;	
}
.upgradeplan-subhead {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 24px;
}
.information-txt {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 0px;
    text-align: left;
}
.ammountstrik{
	font-size: 20px;
    color: #d33568;
    margin-right: 5px;
    text-decoration: line-through;
}
.ammoutmonthlytext{
	font-size: 20px;
    color: #707070;
}
.dashboard-a{
	color:#999;
}
.dashboard-a:hover{
	color:#999;
}
.noticeattachment{
    padding: 40px 20px;
    border: 2px solid #cccccc5e;
    border-radius: 6px !important;
    width: 100%;
    height:80% !important;
}
.yealysubscriptionnote{
    text-align: center;
    background: #fff0f5;
    font-size: 14px;
    font-weight: 600;
    border-radius: 12px;
}
.yealysubscriptionnote .percent{
    border: 1px solid #d33568;
    padding: 1px 4px;
    background: #d33568;
    color: #ffffff;
    border-radius: 50%;
    margin-right: 3px;
}
.yealysubscriptionnote .arrowanim{
    color: #fff;
    border: 1px solid #d33568;
    font-size: 18px;
    background: #d33568;
    padding: 4px 6px;
    border-radius: 50%;
    margin-left: 10px;
    display:inline-flex;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(-5px); }
    50% { transform: translateY(0px); }
    100% { transform: translateY(-5px); }
}

@keyframes mover {
    0% { transform: translateY(-5px); }
    50% { transform: translateY(0px); }
    100% { transform: translateY(-5px); }
}
.gstStatus-Box{
	/* border: 1px solid #ccc; */
    border-radius: 5px;
    width: 30px;
    text-align: center;
    margin-left:4px;
}
.gst1Status-Box{
	border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    margin-left: 4px;
    padding: 0px 0px 0px 8px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    align-items: center;
}
.gst1Status-Box .showarrow .fa.fa-angle-down {
    top: 0px !important;
}
.gst1Status-Box.no-arrow.dropdown-toggle::after {
	display:none !important;
}
.gst1Status-Box.redlable{
	border:1px solid #EA9393;
	color:#EA9393;
	background: #FFF3F4;
	height:24px;
}
.gst1Status-Box.greenlable{
	border:1px solid #01C246;
	color: #01C246;
	background:#EAFFF2;
	height:24px;
}
.gst1Status-Box.yellowlable{
	background: #ffc62321;
    border: 1px solid #ffbf00;
	color: #ffbf00;
	height:24px;
}
 
.gstStatus-Box.single{
    width: 18px;
}
.gstStatus-Box .showarrow .fa.fa-angle-down {
    font-size: 13px;
    top: 1px;
    position: relative;
    margin-left: 0px;
    float: right;
}
.inv-qaclr{
	/* border: 1px solid #ccc; */
    border-radius: 4px;
    margin-right: 4px;
}
.notice-img-icon{
	width:25px;
	height:25px;
}
.dashboard-a .dashheader-count{
	left: 20px;
    top: -6px;
}
.subscribtion-plan-detail{
    margin: 1.5rem 0px 0px;
    font-size: 14px;
    padding: 1rem 0;
    font-weight: 600;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.wb-toggle-ssl-img{
	padding: 15px;
    background: #ffffff;
    border-right: 1px solid #cccccc;
}
.wb-toggle-company-name{
	font-size:12px !important;
	font-weight:600;
	margin-top: 8px;
    border-top: 1px solid #ccc;
    padding-top: 8px;
}
.config-remainders{
	border-bottom:1px solid #ccc;
	padding-bottom: 1rem !important;
	align-items:center;
}
.header-section {
    font-size: 14px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 5px;
}
.lefnavbotm-img{
	height:15px !important;
	width:15px !important;
}
.laftnabottom-pad{
	padding:10px !important;
}
.no-arrow.dropdown-toggle.bankstatementlinks::after {
    border: 0;
    margin: 0;
    display:none !important;
}
.bankstatementlinks{
	color:#0d6efd;
	display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.dropdown-item.bankstatementlinks{
	padding:10px;
}
.bankstatementsinglelink{
	min-width: max-content;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.dropdown-menu.show .bankstatementlinks{
	justify-content:left;
}
.bankstatementlinks .fa{
	padding-right:0px !important;
}
.itmsdetailheader {
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 600;
    margin-left:-18px;
}
.itmsdetailheader .wb-icon{
    font-size: 20px;
    position: relative;
    top: 1px;
    color: #d33568;
}
.itmsdetailheader.addtionalitemdetail, .itmsdetailheader.stockdetailsec{
	/* position: absolute; */
    /* right: 34px;
    font-size: 12px;
    color: #d33568;
    top: 28px; */
    cursor:pointer;
    display:flex;
    align-items:center
}
.addtionalitemdetail{
	/* border-top:1px solid #ccc;
    padding-top: 25px; */
    margin-top: 40px;
}
.parydetaileinvstat {
    position: absolute;
    left: 0;
}
.itemsalepurdiff {
    /* box-shadow: 0px 0px 3px #ccc; */
    margin: 0px 0px 10px 0px;
    /* padding-right: 10px; */
    /* border-radius: 6px; */
    position:relative;
}
.itemsalepurdiff.border-right:after {
    content: "";
    width: 1px;
    height: 100%;
    border: 1px solid #cccccc5e;
    position: absolute;
    z-index: 9;
    right: 0px;
}
.salepuediffhead {
    font-size: 14px;
    margin-bottom: 14px;
    font-weight: 600;
    color: #d33568;
}
.salepurdiffrow {
    margin-bottom: 40px;
    margin-top: 40px;
}
.myCompanyOrPrivateCard, .myCompanygstnamesCard {
    margin: 20px 0px;
    border: 2px solid #ccc;
    padding: 20px 10px;
    border-radius: 8px;
}
.myCompanyOrPrivateCard.active, .myCompanygstnamesCard.active, .myCompanyOrPrivateCard:hover, .myCompanygstnamesCard:hover {
    border: 2px solid #d33568;
    background: rgb(246, 188, 207);
    background: linear-gradient(90deg, rgb(255 219 231) 0%, rgba(255, 255, 255, 1) 78%);
}
.mycompany-gstcard .usermailcomp {
    text-align: start;
    font-weight: 600;
    margin-bottom: 5px;
}
.textareaminheight{
    min-height: 100px;
}
.partiesCommentsData .notification-list {border:2px solid #eeeeee; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; margin-bottom: 10px; background: #fff; width:100% !important; }
.partiesCommentsData .notification-list--unread { border-left: 2px solid #29B6F6;}
.partiesCommentsData .notification-list .notification-list_content { display: -webkit-box; display: -ms-flexbox; display: flex;}
.partiesCommentsData .notification-list_detail .title { font-size:13px;}
.partiesCommentsData .notification-list_detail .description {font-size:16px;color:#d33568;}
.partiesCommentsData .notification-list_detail .datetime { font-size:11px; color:#999999; margin-bottom:0 !important;text-align:end;}
.partiesCommentsData .notification-list .notification-list_content .notification-list_detail p { margin-top:0; line-height: 1.2;}
.partiesCommentsData .notification-list_detail{width:100% !important;}
.partiesCommentsData .notification-list_content{	width:100% !important;}
.partiesCommentsData .msg-header{display:flex; justify-content:space-between; align-items:center;}
.partiesCommentsData .msg-header p.msg_sub{margin:0px;}
.partiesCommentsData .msg-subject {margin-right:5px;}
.partiesCommentsData .inbox-info-label {color: #d33568; border: 1px solid #d33568; border-radius: 60px; font-size: 18px; height: 20px; width: 20px; margin-right: 10px;}
.partiesCommentsData .inbox-info-label i{position: relative; top: -2px }


.busdivsec:before{
	content:" ";
	border:1px solid #ccc;
	width: 45%;
	height:1px;
	position:absolute;
	top:46%;
	right:0px;
}
.busdivsec:after{
	content:" ";
	border:1px solid #ccc;
	width: 45%;
	height:1px;
	position:absolute;
	top:46%;
	left:0px;
}
.busnesshiddeninput{
	width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
}


.canclecloudfilebtn,.cancleuploadcloudfilebtn{
	border: 1px solid #5769bb;
    margin-left: 4px;
    border-radius: 2px;
    padding: 0px;
    height: 12px;
    position: relative;
    display: inline-block;
    top: 4px;
    color: #5769bb;
    cursor: pointer;
}
.configunrepopupinvlev .btn-close, .lutpopupinvlev .btn-close{
	color:#000 !important;
	border:0px important;
	width: 1em !important;
    height: 1em !important;
    background: none !important;
    font-size: 26px  !important;
    padding: 2px !important;
    margin-right: 2px !important;
    position: relative  !important;
    margin-left: 18px  !important;
}
.configunrepopupinvlev, .lutpopupinvlev, .inv-inline-modal{
	background: #ccccccb8 !important;
}
.lutpopupinvlev .modal-dialog{
	width: 350px !important;
    max-width: 350px !important;
}
.lutpopupinvlev .modal-center button.close{
	top:0px !important;
}
.lutpopupinvlev .modal-dialog .modal-header h3{
	margin-bottom:0px;
}
.configunrepopupinvlev .modal-dialog{
    top: 10% !important;
    left: 38% !important;
    position: absolute !important;
    width: max-content !important;
    max-width: max-content !important;
    height: max-content !important;
}
@media only screen and (max-width:575px) {
	.configunrepopupinvlev .modal-dialog, .lutpopupinvlev .modal-dialog {
	    left: 1% !important;
	    position: absolute !important;
	    width: 350px !important;
	    max-width: 350px !important;
	    height: max-content !important;
	}	
}
.configunrepopupinvlev .modal-body, .lutpopupinvlev .modal-body {
    max-height: 300px !important;
}
.configunrepopupinvlev .modal-content, .lutpopupinvlev .modal-content {
    height: auto !important;
}
.configunrepopupinvlev .modal-footer, .lutpopupinvlev .modal-footer {
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)* .5) !important;
    position: relative !important;
}
.configunrepopupinvlev .invoice-hdr.bluehdr, .lutpopupinvlev .invoice-hdr.bluehdr {
    background-color: transparent !important;
    display: flex;
    max-height: max-content !important;
    height: max-content !important;
}
.upload-left-sec-btn{
	cursor: pointer;
}
.upload-left-sec .upload-left-sec-btn{
	width: 120px;
    height: 120px;
    border: 1px dashed #ccc;
    position: absolute;
    top: -10px;
    left: -10px;
}
.upload-left-sec .short-popup .upload-left-sec-btn{
    left: -17px;
    width: 110px;
    height: 120px;
}
@media only screen and (max-width: 767px) {
	.upload-left-sec .upload-left-sec-btn{
		width: 100% !important;
		left:0% !important;
	}	
}
.upload-left-sec.docsjsppage .upload-left-sec-btn{
	width: 100%;
	left: 0%;
}
.upload-left-sec .upload-left-sec-btn:hover{
	/* background:#fff0f5; */
	border: 2px dashed #d33568;
}
.upload-left-sec .upload-left-sec-btn .upload-left-sec-btn-text{
	display:none;
}
.datepicker-dropdown{
	z-index: 100 !important;
}
.newredirectbtns {
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    background: #fff0f5;
    border: 1px solid #d33568;
    padding: 2px 10px;
    border-radius: 4px;
}
.newredirectbtns:hover{
	background: #d33568;
	color:#ffffff;
}

.bt1{
	border-top: 1px solid #ccc; 
}

.employepopnavs #v-pills-tab{
    width: 182px;
    min-width: 182px;
    max-width: 182px;
	border-right: 2px solid #cccccc5e;    
}
.employepopnavs #v-pills-tab .nav-link{
    text-align: left;
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
}
.employepopnavs #v-pills-tab .nav-link:hover{
    color: #d33568;
    border-bottom: 2px solid transparent !important;
}
.employepopnavs #v-pills-tab .nav-link.active{
    color: #d33568 !important;
    background: #fff0f5;
    border-bottom: 2px solid transparent !important;
}
.dependantrow {
    border: 1px solid #ccc;
    margin: 15px 10px 15px 0px;
    padding: 20px 10px;
    border-radius: 10px;
}
.permanentAddresscheck{
	float:inherit!important
}
.itemdetaildetailotside{
	margin-top:15%;
}
.itemfirstlayertabs{
	padding: 30px;
    border: 1px solid #cccccc;
    border-radius: 8px;
    margin: 10px;
    cursor:pointer;
}
.itemfirstlayertabs:hover{
    border: 1px solid #d33568;
    background: rgb(246, 188, 207);
    background: linear-gradient(90deg, rgb(255 219 231) 0%, rgba(255, 255, 255, 1) 78%);
}
.itemfirstlayertabs img{
    width: 70px;
    margin-right: 15px;
}
.itemfirstlayertabs .head {
    font-size: 22px;
}
.itemfirstlayertabs .subhead {
    font-size: 14px;
    margin-bottom: 0px;
}
.addempprofilelogo{
	background: #d33568;
    color: #fff;
    padding: 3px;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    right: -5px;
}
.delempprofilelogo{
	background: #000000;
    color: #fff;
    padding: 3px 5px 0px !important;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    right: -30px;
}
.delempprofilelogo:hover{
	background: #000000;
    color: #fff;
}
.mainuseraccounticon{
	background-image:url(../../images/mainheadericons/account-img.svg);
	height: 22px;
    width: 22px;
    background-repeat:no-repeat;
    display:block;
	position: relative;
	top: 1px;
	left:1px;
}
.thspantcstdssec {
    display: inline-flex;
    width: max-content;
    align-items: center;
    margin: 0px 0px 0px 10px;
    border-left: 1px solid #ccc;
    padding: 0px 0px 0px 10px;
}
.inputper-50{
	min-width:50px !important;
	width:50px !important;
}
.inputper-135{
	min-width:135px !important;
	width:135px !important;
}
.inputper-45{
	min-width:45px !important;
	width:45px !important;
}
.inputper-85{
	min-width:85px !important;
	width:85px !important;
}
.thspantcstdssec span{
    width: 100%;
}
.thspantcstdssec .form-control{
    max-width: 40px;
}
.bankstatement-import-infotext{
	font-size:13px;
    margin: 10px 10px 16px;
    color:#d33568;
}
.bank-statement-imp-pop{
	box-shadow: 0px 6px 6px #B7B7B7;
    background: rgb(242, 189, 204);
    background: linear-gradient(180deg, rgba(242, 189, 204, 1) 0%, rgba(255, 255, 255, 1) 54%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 68%);
    padding: 10px;
    font-size:14px;
}
.inveinvewaybildetailedit {
    color: #fff;
    background: #d33568;
    padding: 5px 3px 3px 3px;
    text-align: center;
    border: 2px solid transparent;
    height: 36px;
    width: 36px;
    font-size: 20px !important;
    position: relative;
    top: 0px;
}
.inveinvewaybildetailborbot{
	border-bottom: 2px solid #f7f7f7;
    padding-bottom: 10px;
}
.inveinvewaybildetaileditadd{
	color:#000;
	position: absolute;
    right: 0;
    top: 0;
}
.inveinvewaybildetaileditadd:hover{
	color:#d33568;
}
.inveinvewaybildetailadd {
    color: #fff;
    background: #d33568;
    padding: 6px 6px 6px 6px;
    text-align: center;
    border: 2px solid transparent;
    display: block;
    height: 36px;
    width: 36px;
    font-size: 18px !important;
    position: relative;
    top: 0px;
}
.sale-title-recived-pending {
    border: 1px solid #cccccc;
    padding: 4px 6px;
    border-radius: 4px;
    position: relative;
    top: -3px;
    display: inline-flex !important;
}
.sale-title-recived{
	font-size:12px !important;
	color: #333333;
	border-right: 1px solid #cccccc;
	margin-right: 4px;	
    font-weight: 400 !important;
    text-transform: uppercase;
}
.sale-title-recived span{
	font-size:12px;
	color: green;
}
.sale-title-recived span i.fa.fa-rupee::before{
	font-size:10px !important;
	color: green;
}
.saletaile_drop span i.fa.fa-rupee::before{
	font-size:12px !important;
}
.sale-title-pending{
	font-size:12px !important;
	color: #333333;
    font-weight: 400 !important;
    text-transform: uppercase;
}
.sale-title-pending span{
	font-size:12px;
	color: red;
}
.sale-title-pending span i.fa.fa-rupee::before{
	font-size:10px !important;
	color: red;
}
.saletitle-text{
	position:relative;
	cursor:pointer;
	font-size:14px !important;
}
.pInvno{
	width:max-content;
	/* position: absolute; */
}
.imssummaryactiongrid{
	display: flex;
    justify-content: end;
    align-items: center;
    font-size: 11px;
    margin: 5px 0px;
    font-weight: 500;
    position: absolute;
    top: 4px;
    right: 8px;
}

.imslastdwnldactiongrid{
	display: flex;
    justify-content: end;
    font-size: 13px;
    margin: 5px 0px;
    font-weight: 500;
}

.imsdropstatusbox{
    padding: 0px 4px;
    border-radius: 4px;
    font-size: 11px;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
    min-width: 80px;
}
.imsdropstatusbox.accept-status{
	color: #000 !important;
    background: #1c9f323b;
    border: 1px solid #1c9f32;
}
.imsdropstatusbox.rejected-status{
	color: #000 !important;
    background: #ff2a333b;
    border: 1px solid #ff2a33;
}
.imsdropstatusbox.pending-status{
	color: #000 !important;
	background: #ffc6233b;
	border: 1px solid #ffc623;
}
.imsdropstatusbox.noaction-status{
	color: #000 !important;
	background: #096c9b3b;
	border: 1px solid #096c9b;
}

.bankrectbodyamount{
	border: 2px solid #d33568;
    padding: 4px 12px;
    border-radius: 3px;
    font-weight: 900;
}
.part-cal-icon{
	right: 10px !important;
    top: 30% !important;
}
.payment-icon-borderandpading-hide{
	padding-left:0px !important;
	border-left: 0px !important;
}
.imtopssumarybox{
	display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 4px 5px;
}
.imtopssumarybox .lh0point1{
	line-height: 0.1;
} 
.acpstate{
	color: #53bc45 !important;
    background: #f0f5ee;
}
.rejestate{
	color: #ff0000 !important;
    background: #fde6e6;
}
.pedstate{
    color: #ebbc00 !important;
    background: #faf4de;
}
.noacstate{
    color: #5769bb !important;
    background: #e6eaff;
}
.imsdropcon.dropdown-menu.show {
    width: 110px !important;
    max-width: 107px !important;
    min-width: 100px !important;
    padding: 0px;
    border-radius: 4px;
}
.imsdropcon .dropdown-item{
    font-size: 12px;
    width: 105px !important;
    font-weight: 600;
    padding: 10px;
}
.imsdropcon .dropdown-item:hover {
    color: #ffffff !important;
    background-color: #d33568;
}
.filselcustdat{
	cursor: pointer;
}
.filselcustdat:hover{
	border:1px solid #d33568;
}
.payrecdetilistamoutwid{
	display: inline-block;
    width: 120px;
}
.pdright-20px{
	padding-right:20px;
}
.bankreconlinktotal {
    border-top: 1px solid #ccc;
    text-align: end;
    font-size: 14px;
    padding: 10px;
}
.bankreconlinktotal .amt{
	width:50%;
}
.wb-report-subtitles{
	margin:10px 0px;
}
.desk-group_and_client .multiselect-native-select .btn, .desk-group_and_client .multiselect-native-select .btn:hover {
    border: 0px solid #ddd;
    margin:0px;
    border-right: 1px solid #CFCFCF;
    padding: 0 18px 0 0 !important;
    margin-right: 10px;
    border-radius: 0px;
    position:relative;
}
.desk-group_and_client .multiselect-native-select .btn:before{
	content: "\f107";
	position:absolute;
	top:2px;
	right:6px;
	display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.setting-profile-name-card{
	/* border: 1px solid #707070; */
    border-radius: 15px;
    /* padding: 14px; */
    background: rgb(194, 67, 104);
    background: linear-gradient(238deg, rgb(194 67 104 / 75%) 0%, rgb(255 234 234 / 80%) 22%);
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.setting-profile-details{
	border:1px solid #e9e9e9;
	border-radius:8px;
	margin:20px 0px;
	padding:20px;
}
.setting-profile-details .abt_clnt_edit, .setting-profile-details .abt_clnt_edit:hover {
    border: 1px solid #cccccc !important;
    color: #999;
    border-radius: 4px;
    font-size: 11px !important;
    padding: 5px 8px !important;
    margin-left: 5px;
    margin-right: 5px;
    width: auto !important;
    font-weight: 500;
}
.setting-profile-head {
    margin-bottom: 0px !important;
    font-size: 18px;
}
.setting-profile-disc {
    color: #7e7e7e;
    font-size: 13px;
    margin-bottom: 0px;
}
.setting-profile-sub-head {
    margin-bottom: 0px !important;
    font-size: 18px;
    padding: 26px 10px 16px;
    border-top: 1px solid #e9e9e9;
    margin-top: 16px;
}
.tax-popup.saletaile_drop,.tax-popup.itcsaletaile_drop{
	right:0px !important;
    width: max-content !important;
}
.tax-popup.saletaile_drop .saletailelable{
	color: #333;
	font-weight: 400;
}
@media only screen and (max-width: 1200px) {
    .imssummaryactiongrid {
	    font-size: 10px;
	    top: 50px;
	}
	.imssummaryactiongrid {
        font-size: 13px;
        top: 0px;
        position: relative;
    }
}
@media only screen and (max-width: 575px) {
	.pur-mob-mar{
		margin-top:50px;
	}
	.purs-title-type {
        top: 88px;
    }
	.imssummaryactiongrid {
        font-size: 13px;
        top: -8px;
        position: relative;
        right: 0;
        display:block;
    }
	.imtopssumarybox {
    	margin-bottom: 8px;
	    justify-content: space-between;
	    width:50%;
	}
}
.gstSummaryModal{min-width:1300px}

.process-pop-text,.upload_process-pop-text{
	font-size: 18px;
    color: #d33568;
    position: relative;
    top: 50%;
    padding: 0px 60px;
}
.prepare_summary_process-pop-text{
	font-size: 18px;
    color: black;
    font-weight:900;
    position: relative;
    top: 50%;
    padding: 0px 60px;
}
.process-pop-dots{
	display: inline-block;
  	white-space: nowrap;
}
.process-pop-dots span {
  display: inline-block;
  animation: letterAppear 2s ease-in-out infinite;
  opacity: 0;
  animation-fill-mode: forwards;
}
.process-pop-dots span:nth-child(1) { animation-delay: 0s; }
.process-pop-dots span:nth-child(2) { animation-delay: 0.1s; }
.process-pop-dots span:nth-child(3) { animation-delay: 0.2s; }
.process-pop-dots span:nth-child(4) { animation-delay: 0.3s; }
.process-pop-dots span:nth-child(5) { animation-delay: 0.4s; }
.process-pop-dots span:nth-child(6) { animation-delay: 0.5s; }
.process-pop-dots span:nth-child(7) { animation-delay: 0.6s; }

/* Make column sticky */
 .tableonerowsticky td:first-child,
 .tableonerowsticky th:first-child{
    position: sticky;
    left: 0;
    background: #ffffff;
    z-index: 9;
  }
 /* .tableonetworowsticky td:first-child,
 .tableonetworowsticky th:first-child{
    position: sticky;
    left: 0;
    background: #ffffff;
    z-index: 9;
  }
 .tableonetworowsticky td:nth-child(2),
 .tableonetworowsticky th:nth-child(2) {
    position: sticky;
    left: 215px;
    background: #ffffff;
    z-index: 9;
  } */

 .tableonetworowsticky th, .tableonerowsticky th {
    position: sticky;
    top: 0;
    background: #eaeaea;
    z-index: 2;
  }
  
  
.clr-btn-in-grid{
	border: 1px solid royalblue;
    border-radius: 4px;
    padding: 1px 4px;
    background-color: transparent;
    color: royalblue;
    font-size: 12px;
}
.clr-btn-in-grid:hover{
	border: 1px solid #d33568;
	background-color: #d33568;
    color: #fff;
}
.orgamtlabafterdisc{
	 color: green;
	 text-align:end;
 }
.orgamtlab{
	 color:#333333;
	 text-align:end;
}
.prvitmrate{
	font-size:9px !important;
}
.cashflow-pl-50{
	padding-left:50px !important;
}

.cashflow-pl-70{
	padding-left:70px !important;
}

.table-large-font td,
.table-large-font th {
    font-size: 18px !important;
}
.imp-temp-text-right-p-a {
    font-size: 12px;
    text-align: end;
}
.imp-temp-text-right-p-a span{
	cursor:pointer;
}
.filedraginput.height{
	height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.temp-card{
	border: 1px solid #ccc;
    padding: 15px;
    border-radius: 18px;
    position: relative;
    height: 100%;
    text-align: center;
    color: #000000;
    font-size: 14px;
}
.temp-card i{
	font-size: 40px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: green;
}
.temp-img-flow {
    position: absolute;
    top: 10px;
    left: 10px;
    height:30px;
}
.support-dropdown {
    color: #0d6efd !important;
    font-weight: 600;
}
.support-lay-us-card {
  position: absolute;
  width: max-content;
  background-color: #d7336f;
  color: white;
  padding: 15px 20px;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  z-index: 5;
  margin-top: 5px;
  right: 0;
  text-align:left;
}

.support-lay-us-card .arrow-up {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d7336f;
}

.support-lay-us-card .card-body strong {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
}

.support-lay-us-card .contact-info div {
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.support-lay-us-card .contact-info i {
  font-size: 16px;
}

.support-lay-us-card .contact-info a {
  color: #ffffff;
}

.text-upload-inv{
	position: relative;
    margin: 10px 0px;
    font-size: 16px;
}

.include-additional-detail{
	display: flex;
    align-items: center;
    font-size: 16px;
}

.include-additional-detail-text{
	position: relative;
    z-index: 2;
    background: #fff;
    padding-right: 10px;
}

.includeadditinoaldetailicon{
	position: relative;
	background: #ffffff;
	z-index: 2;
	padding-left: 10px;
}

.straightline{
	position: absolute;
    border: 1px solid #ccc;
    width: 100%;
    top: 12px;
    z-index: 0;
}

.imp-loader-spinner {
    display: inline-block;
    position: relative;
    color: official;
    height: 60px;
    width: 60px;
}

.imp-loader-spinner div {
    animation: loader--spinner 1.2s linear infinite;
    transform-origin: 30px 30px;
}

.imp-loader-spinner div:after {
    display: block;
    position: absolute;
    top: 3px;
    left: 27px;
    border-radius: 20%;
    content: " ";
    height: 10px;
    width: 5px;
    background: #d33568;
}

.imp-loader-spinner div:nth-child(1) {
    animation-delay: -1.1s;
    transform: rotate(0deg);
}

.imp-loader-spinner div:nth-child(2) {
    animation-delay: -1s;
    transform: rotate(30deg);
}

.imp-loader-spinner div:nth-child(3) {
    animation-delay: -0.9s;
    transform: rotate(60deg);
}

.imp-loader-spinner div:nth-child(4) {
    animation-delay: -0.8s;
    transform: rotate(90deg);
}

.imp-loader-spinner div:nth-child(5) {
    animation-delay: -0.7s;
    transform: rotate(120deg);
}

.imp-loader-spinner div:nth-child(6) {
    animation-delay: -0.6s;
    transform: rotate(150deg);
}

.imp-loader-spinner div:nth-child(7) {
    animation-delay: -0.5s;
    transform: rotate(180deg);
}

.imp-loader-spinner div:nth-child(8) {
    animation-delay: -0.4s;
    transform: rotate(210deg);
}

.imp-loader-spinner div:nth-child(9) {
    animation-delay: -0.3s;
    transform: rotate(240deg);
}

.imp-loader-spinner div:nth-child(10) {
    animation-delay: -0.2s;
    transform: rotate(270deg);
}

.imp-loader-spinner div:nth-child(11) {
    animation-delay: -0.1s;
    transform: rotate(300deg);
}

.imp-loader-spinner div:nth-child(12) {
    animation-delay: 0s;
    transform: rotate(330deg);
}

@keyframes loader--spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.filenamemargin p{
	margin:0px;
}
.impfilenamecancle {
	font-size: 14px;
    border: 1px solid #d33568;
    padding: 4px 4px;
    border-radius: 2px;
    color: #d33568;
	background:transparent;
    cursor: pointer;
    line-height: 1.1;
    margin-left: 4px;
}
.impfilenamecancle:hover {
    border: 1px solid #d33568;
    color: #ffffff;
	background:#d33568;
}

.recouncil-accordion-style.popupmiddle {
    padding: 10px 20px !important;
    border:1px solid #D3D3D3 !important;
    border-radius:8px;
}
.recouncil-accordion-style.popupmiddle .accordion-button:after {
	display:none;
    left: -18px;
    margin-left: 0;
}
.recouncil-accordion-style.popupmiddle .accordion-button .custom-accordion-arrow:after {
    position: absolute;
    content: '\f078';
    font-family: 'FontAwesome', sans-serif;
    font-size: 14px;
    top: 0px;
    font-weight: 300;
    text-align: center;
    margin-left: 10px;
    color: #d33568;
}
.recouncil-accordion-style.popupmiddle img{
	width:20px;
	margin-right:5px;
}
.recouncil-accordion-style.popupmiddle .accordion-button:not(.collapsed) .custom-accordion-arrow::after {
    transform: var(--bs-accordion-btn-icon-transform);
}
.recouncil-accordion-style.popupmiddle .accordion-item .accordion-button {
    display:block;
}
.recouncil-accordion-style.remindersetings .accordion-item .accordion-button {
    display: block;
    font-size: 14px;
    font-weight: 400;
}
.recouncil-accordion-style.remindersetings .accordion-item {
    border: none !important;
    border-bottom: 1px solid #ccc !important;
}
.recouncil-accordion-style.remindersetings .accordion-item:last-child {
    border: none !important;
    border-bottom: 0px solid #ccc !important;
}
.recouncil-accordion-style.remindersetings .custom-accordion-text {
    padding-left:25px;
}
.recouncil-accordion-style.remindersetings {
    border: 1px solid #cccccc !important;
    padding: 0px 10px;
    border-radius: 5px;
    margin: 20px 10px 10px;
}
.recouncil-accordion-style.remindersetings .accordion-item .card-body {
    background: #ffffff;
    padding: 2px 10px 10px;
}
.recouncil-accordion-style.remindersetings .accordion-button:after {
    left: -8px;
    top: 5px;
    right:auto;
}
.recouncil-accordion-style.popupmiddle .itctbfoot{
	border-top: 1px solid #D3D3D3;
	padding: 4px;
}
.recouncil-accordion-style.popupmiddle .itctbhead{
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 4px;
}
.invimport-alertmsg-box {
    border: 1px solid #d33568;
    background: #d335682e;
    margin: 0px 0px 5px 10px;
    border-radius: 6px;
    padding: 10px;
    font-size: 13px;
}
.recouncil-accordion-style.remindersetings .accordion-item .card-body .messageediticon {
    color: #d33568;
    font-size: 11px;
    font-weight: 400;
    padding: 0px 2.5px;
    border: 2px solid #d33568;
    border-radius: 4px;
    background: transparent;
    margin-right: 15px;
}
.recouncil-accordion-style.remindersetings .accordion-item .card-body .messageediticon.disabled {
    opacity: 0.25 !important;
}
.recouncil-accordion-style.remindersetings .accordion-item .card-body .messageediticon i{
	position: relative;
    top: 1px;
    font-weight: 900;
}
.recouncil-accordion-style.remindersetings .accordion-item .card-body .messageediticon:hover {
    color: #ffffff;
    border: 2px solid #d33568;
    background: #d33568;
}
.recouncil-accordion-style.remindersetings .accordion-button:not(.collapsed) {
    color: #d33568 !important;
}
.recouncil-accordion-style.remindersetings .accordion-button:not(.collapsed) .reminder-heand-text {
    color: #000000 !important;
}
.recouncil-accordion-style.remindersetings .accordion-button::after {
    font-size: 14px;
    color: #999999;
}
.recouncil-accordion-style.remindersetings .accordion-button:not(.collapsed)::after {
	color: #d33568 !important;
}
.recouncil-accordion-style.remindersetings .accordion .card-header {
    padding: 10px 10px !important;
}
/* reports accordion */
.accordionstyling .remindersetings {
	background: #ffffff;
	border: none !important;
}
.accordionstyling .remindersetings .accordion-item {
	border: none !important;
}
.accordionstyling .remindersetings .accordion-button:not(.collapsed) {
	box-shadow: none !important;
	background: #ffffff !important;
}
.accordionstyling .remindersetings .accordion-button:not(.collapsed)::after,
	.accordionstyling .remindersetings .accordion-button::after {
	background-image: none;
}
.accordionstyling .remindersetings .accordion-button:after {
	position: absolute;
	content: '\f078';
	font-family: 'FontAwesome', sans-serif;
	font-size: 14px;
	right: 20px;
	top: 5px;
	font-weight: 300;
	text-align: center;
}
.accordionstyling .remindersetings .accordion-button.active:after {
	position: absolute;
	content: '\f078';
	font-family: 'FontAwesome', sans-serif;
	font-size: 14px;
	right: 20px;
	top: 5px;
	font-weight: 300;
	transform: rotate(180deg);
}
.accordionstyling .remindersetings .accordion-button::after {
	font-size: 14px;
	color: black;
}
.accordionstyling .remindersetings .accordion .card-header {
	border: none !important;
	background: #ffffff;
	padding: 2px 4px;
}
 
.accordionstyling .remindersetings .accordion-item .accordion-button {
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding:7px;
}
.accordionstyling .remindersetings .accordion-item .accordion-button:focus {
	box-shadow: 0px 0px 0px #000000;
}
.accordionstyling .remindersetings .accordion-item {
    border: none !important;
    border-bottom: 1px solid #ccc !important;
}
.accordionstyling .remindersetings .accordion-item:last-child {
    border: none !important;
    border-bottom: 0px solid #ccc !important;
}
.accordionstyling .remindersetings .custom-accordion-text {
    padding-left:25px;
}
.accordionstyling .remindersetings {
    border: 1px solid #cccccc !important;
    padding: 0px 10px;
    border-radius: 5px;
    margin: 20px 10px 10px;
}
.accordionstyling .remindersetings .accordion-item .card-body {
    background: #ffffff;
    padding: 2px 10px 10px;
}
.accordionstyling .remindersetings .accordion-button:after {
    left: -8px;
    top: 5px;
    right:auto;
}
.accordionstyling .remindersetings .accordion-item .card-body .messageediticon {
    color: #d33568;
    font-size: 11px;
    font-weight: 400;
    padding: 0px 2.5px;
    border: 2px solid #d33568;
    border-radius: 4px;
    background: transparent;
    margin-right: 15px;
}
.accordionstyling .remindersetings .accordion-item .card-body .messageediticon.disabled {
    opacity: 0.25 !important;
}
.accordionstyling .remindersetings .accordion-item .card-body .messageediticon i{
	position: relative;
    top: 1px;
    font-weight: 900;
}
.accordionstyling .remindersetings .accordion-item .card-body .messageediticon:hover {
    color: #ffffff;
    border: 2px solid #d33568;
    background: #d33568;
}
.accordionstyling .remindersetings .accordion-button:not(.collapsed) {
    color: #d33568 !important;
}
.accordionstyling .remindersetings .accordion-button:not(.collapsed) .reminder-heand-text {
    color: #000000 !important;
}
.accordionstyling .remindersetings .accordion-button::after {
    font-size: 14px;
    color: #999999;
}
.accordionstyling .remindersetings .accordion-button:not(.collapsed)::after {
	color: #d33568 !important;
}
.accordionstyling .remindersetings .accordion .card-header {
    padding: 10px 10px !important;
}

.note-editor.note-frame .dropdown-toggle::after{
	display:none;
}
.note-modal input,
.note-modal label,
.note-modal button,
.note-modal textarea {
  pointer-events: auto !important;
}
.note-modal-header  {
	background: #ffffff;
    color: #fff;
    border-radius: 0;
    padding: 12px 20px !important;
    border: 0px !important;
    border-bottom: 1px solid #cdcdcd57 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}
.note-modal-header .close {
    margin-top: auto !important;
}
.note-modal-header .btn-close:before {
    top: auto !important;
}
.note-modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 10px !important;
    background-color: #ffffff;
    border-top: 1px solid #cdcdcd57 !important;
    height: auto !important;
}
.note-modal-footer .note-btn {
    background: #d33568 !important;
    border: 1px solid #d33568 !important;
}
.note-modal-footer .note-btn:hover {
    background: #d33568 !important;
    border: 1px solid #d33568 !important;
}
.note-form-group {
    padding-bottom: 10px !important;
}
.note-modal-title {
    margin-bottom: 3px !important;
    text-align: left !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #000000 !important;
    display: inline-block !important;
    text-transform: uppercase !important;
}
.note-modal-backdrop{
	z-index:1039 !important;
}
.note-modal.open {
    background: #cccccc88;
}
.sn-checkbox-use-protocol{
	display:none;
}
button.note-btn[aria-label="Help"] {
  display:none;
}
.account-contact-wrapper {
    background: #ffffff;
    border: 2px solid #cccccc5e;
    padding: 1rem 8px 0px;
    border-radius: 6px;
    margin-bottom: 1rem;
}
.impsummarycontainer {
    padding: 0px 5px 0px 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.impsummarycontainer.lftbor {
    border-left: 2px solid #cccccc;
}
.imptempwisedetailcontainer {
    border: 2px solid #e3e3ee;
    padding: 8px;
    border-radius: 4px;
}
.imptempwisedetailheader {
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}
.imptempwisedetailicon {
    background: #d33568;
    color: #ffffff;
    padding: 4px;
    border-radius: 16px;
    margin-right: 8px;
}
.privmonthimportdetail {
    position: absolute;
    width: fit-content;
    left: 18%;
}
.privmonthimporthistory {
    background: #FFF7F7;
    border: 2px solid #d33568;
    padding: 6px 12px;
    border-radius: 8px;
    font-size:12px;
}
.privmonthimporthistory:after {
    content: "";
    position: absolute;
    left: 93%;
    top: -18px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px;
    border-bottom-color: #d33568;
    z-index: 0;
}

.downdropspinner {
    display: inline-block;
    position: relative;
    color: official;
    height: 60px;
    width: 60px;
}

.downdropspinner div {
    animation: downdropspinner 1.2s linear infinite;
    transform-origin: 30px 30px;
}

.downdropspinner div:after {
    display: block;
    position: absolute;
    top: 3px;
    left: 27px;
    content: " ";
    height: 7px;
    width: 7px;
    background: #d33568;
    border-radius:50px;
}

.downdropspinner div:nth-child(1) {
    animation-delay: -1.1s;
    transform: rotate(0deg);
}

.downdropspinner div:nth-child(2) {
    animation-delay: -1s;
    transform: rotate(30deg);
}

.downdropspinner div:nth-child(3) {
    animation-delay: -0.9s;
    transform: rotate(60deg);
}

.downdropspinner div:nth-child(4) {
    animation-delay: -0.8s;
    transform: rotate(90deg);
}

.downdropspinner div:nth-child(5) {
    animation-delay: -0.7s;
    transform: rotate(120deg);
}

.downdropspinner div:nth-child(6) {
    animation-delay: -0.6s;
    transform: rotate(150deg);
}

.downdropspinner div:nth-child(7) {
    animation-delay: -0.5s;
    transform: rotate(180deg);
}

.downdropspinner div:nth-child(8) {
    animation-delay: -0.4s;
    transform: rotate(210deg);
}

.downdropspinner div:nth-child(9) {
    animation-delay: -0.3s;
    transform: rotate(240deg);
}

.downdropspinner div:nth-child(10) {
    animation-delay: -0.2s;
    transform: rotate(270deg);
}

.downdropspinner div:nth-child(11) {
    animation-delay: -0.1s;
    transform: rotate(300deg);
}

.downdropspinner div:nth-child(12) {
    animation-delay: 0s;
    transform: rotate(330deg);
}

@keyframes downdropspinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.downloadsymboleontop{
	position:absolute;
	content: " ";
    height: 12px;
    width: 12px;
    background: #d33568;
    border-radius:50px;
    top:-3px;
    right:-3px;
}
.downloadsymboleontop .wb-icon{
	color:#ffffff;
	font-size:11px;
    position: relative;
    top: -1.5px;
}
.downloaddropgradientcolor{
	background: #FFFFFF;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 75%, rgba(255, 240, 245, 1) 100%);
}






/* Container for the nav tabs */
.nav-tabs.gstrtabs {
    position: relative;
    width: fit-content;
}
/* Remove default tab styles */
.nav-tabs .nav-link.gstrtabs {
  border: none;
  background: none;
  color: #000;
  font-weight: 500;
  text-align: center;
  position: relative;
  margin: 11px 0px 5px 0px;
  padding-right: 30px;
  padding-left: 30px;
}

/* Active tab text color */
.nav-tabs .nav-link.gstrtabs.active {
  color: #d33568 !important;
  /* font-weight: bold; */
  border-bottom:2px solid #d33568;
}
.nav-tabs .nav-link.gstrtabs.processcomplete {
  color: green !important;
  /* font-weight: bold; */
  border-bottom:2px solid green;
}

/* Progress line */
.nav-tabs.gstrtabs::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ccc;
    z-index: 0;
    bottom: 5px;
}

/* Colored progress up to active step */
.nav-tabs .nav-link.gstrtabs.active::before {
    content: '';
    position: absolute;
    left: 50% !important;
    height: 1px;
    background-color: #d33568;
    z-index: 1;
    width: 100%;
    transform: translateX(-50%);
    bottom: -1px !important;
}
.nav-tabs .nav-link.gstrtabs.processcomplete::before {
    content: '';
    position: absolute;
    left: 50% !important;
    height: 1px;
    background-color: green;
    z-index: 1;
    width: 100%;
    transform: translateX(-50%);
    bottom: -1px !important;
}

/* Circle under each tab */
.nav-tabs .nav-link.gstrtabs::after {
  	content: '';
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    background-color: #ccc;
    border-radius: 50%;
    z-index: 2;
    bottom: -6px !important;
    border:1px solid #ccc;
}
/* Active circle color */
.nav-tabs .nav-link.gstrtabs.active::after {
  /* background-color: #d33568; */
    background: #D33568;
    background: linear-gradient(90deg, rgba(211, 53, 104, 1) 50%, rgba(255, 255, 255, 1) 50%);
    border: 1px solid #d33568 !important;
}
.nav-tabs .nav-link.gstrtabs.processcomplete::after {
  background-color: green;
  border-color: green;
}
.summary-contaniner-hideshow-btn, .summary-contaniner-hideshow-btn-alt {
    position: absolute;
    background: #cccccc;
    color: #667085;
    padding: 0px 6px;
    right: 0;
    top: 18px;
    cursor: pointer;
    z-index: 2;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.summary-container{
    background: #FFE8F0;
    background: linear-gradient(180deg, rgba(255, 232, 240, 1) 0%, rgba(255, 255, 255, 1) 75%);
    border-radius: 8px;
    padding: 20px;
    margin-top:-6px;
    margin-left: -12px;
}
.summary-container-2 {
    /* padding: 20px 20px 12px 0px;
    border-top: 2px solid #ccc;
    margin-top: -8px;
    position: relative; */
    padding: 20px 12px 18px 14px;
    border-bottom: 1px solid #cccccc94;
    margin-top: -8px;
    position: relative;
    /* margin-left: -12px; */
    margin-bottom: 10px;
}
.summary-box{
    border: 2px solid #d33568;
    background: #ffffff;
    border-radius: 12px;
    padding: 5px 15px;
    width: fit-content;
}
.summary-container-2 .summary-box{
    /* border: 2px solid #FFE1EB;
    background: #FFF6F9; */
    border: 2px solid #d33568;
    background: #FFFFFF;
    border-radius: 4px;
    padding: 5px 15px;
    width: auto;
}
.summary-container-2.gstr1-summary-strip-root .summary-box{
    border: 1px solid #d33568;
}
.claimedsummarybox{
	display: flex;
	gap: 15px;
	/*overflow-x: scroll;*/
}
.summary-box h5{
	font-size:14px;
	margin-bottom:0px !important;
	font-weight:400;
}
.priveosemonthdetailheader,.missingeinvoicedetailheader,.missedgstr1detailheader,.missedewaydetailheader,.priveosemonthdetailheaderims {
    margin: 10px 0px;
    font-size: 14px;
    position: relative;
    cursor:pointer;
}
.priveosemonthdetailheadertext,.missingeinvoicedetailheadertext,.missedgstr1detailheadertext,.missedewaydetailheadertext,.priveosemonthdetailheadertextims{
	background:#ffffff;
	padding-right:20px;
	width: fit-content;
    position: relative;
}
/*.missingeinvoicedetailheadertext,.missedgstr1detailheadertext,.missedewaydetailheadertext{
	font-weight: 600;
}*/
.priveosemonthdetailheader:before,.missingeinvoicedetailheader:before,.missedgstr1detailheader:before,.missedewaydetailheader:before,.priveosemonthdetailheaderims:before {
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background: #ccc;
    top: 50%;
}
.priveosemonthpendingcount,.missingeinvoicependingcount,.missedgstr1pendingcount,.missedewaypendingcount,.priveosemonthpendingcountims {
    background: #EF3636;
    color: #ffffff;
    padding: 4px 4px;
    font-size: 11px;
    border-radius: 24px;
}
.priveosemonthdetailtable,.priveosemonthdetailtableims{
	margin-bottom:20px;
}
.presentmonthdetailheader,.presentmonthdetailheaderims {
    margin: 10px 0px;
    font-size: 14px;
    position: relative;
    cursor:pointer;
}
.presentmonthdetailheadertext,.presentmonthdetailheadertextims{
	background:#ffffff;
	padding-right:20px;
	width: fit-content;
    position: relative;
    color:#d33568;
}
.presentmonthdetailheader:before,.presentmonthdetailheaderims:before {
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background: #ccc;
    top: 50%;
}

.submitgstr1cards {
    border: 1px solid #cccccc;
    box-shadow: 0px 0px 5px #ccc;
    margin: 10px 0px 0px;
    padding: 10px;
    border-radius: 8px;
    height:100%;
}
.d-md-flex .card-box{
	margin-bottom:20px;
}
.ewaybillSummarynotconfigure{
	display: flex;
    height: 80%;
    align-items: center;
    justify-content: center;
    font-size:14px;
}
.submitgstr1cards .header {
    color: #d33568;
    font-size:14px;
    margin-bottom:5px;
    font-weight:600;
}
.submitgstr1cards .subheading {
    color: #000;
    font-size:13px;
    margin-bottom:2px;
    width: max-content;
    margin-right: 10px;
}
.submitgstr1cards .amount-text {
    font-size: 15px;
    font-weight:600;
    width: max-content;
    margin-right: 10px;
}
.bottom-amount{
	font-weight:600;
	 width: max-content;
    margin-right: 10px;
    font-size:14px;
}
.bottom-header{
	 width: max-content;
    margin-right: 10px;
    font-size:14px;
}
.submitgstr1cards .card-bottom {
    border-top: 1px solid #cccccc;
    margin-top: 10px;
    padding-top: 10px;
}

.submitgstportal {
	background: #ffffff;
}
.submitgstportal .accordion-toggle{
	position:relative;
	vertical-align: middle;
}
.submitgstportal .accordion-toggle:after{
	position: absolute;
    content: "\f068";
    font-family: 'FontAwesome', sans-serif;
    /* content: "\e989 " !important;
	font-family: 'wb-icons', sans-serif; */
    font-size: 14px;
    left: 7px;
    /* top: 9px; */
    /* top: calc(50% - 11px); */
    margin-top: 16px;
    font-weight: 300;
    text-align: center;
    border: 1px solid #828282;
    color: #828282;
    border-radius:4px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.submitgstportal .docsubgroupaccor.accordion-toggle:after{
	/* display:none; */
}
/* .submitgstportal .collapse-row .docsubgroupaccor td:nth-child(1){
	padding-left:60px;
	text-align:start;
} */
.submitgstportal .accordion-toggle.docsubgroupaccor:after{
    left: 35px;
    margin-top: 8px;
}

.submitgstportal .accordion-toggle.innergsttooglebtn:after{
    left: 40px;
    margin-top: 8px;
}

.submitgstportal .accordion-toggle.subgroupaccor:after{
    left: 30px;
}
.submitgstportal.claimedgst2bportal .accordion-toggle.subgroupaccor:after{
    left: 20px;
    margin-top: 10px;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
}
.submitgstportal.claimedgst2bportal .accordion-toggle.claimedaccsubheaders:after{
    left: 40px;
    margin-top: 10px;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
}
.submitgstportal .accordion-toggle.collapsed:after{
    /* content: "\f067" !important;
    font-family: 'FontAwesome', sans-serif; */
    content: "\e989 " !important;
	font-family: 'wb-icons', sans-serif;
}
.submitgstportal .accordion-toggle  td:nth-child(1){
	padding-left:40px;
	font-weight:600;
	color:#d33568;
	text-align:start;
}
.submitgstportal .accordion-toggle.documentaccordionspanpad  td{
	padding-bottom:35px;
}
.stripmessagebg{
	font-size: 12px;
    color: #d33568;
    position: absolute;
    /*bottom: 0;*/
    left: 0;
    padding: 4px !important;
    font-weight: 600;
    border-radius: 4px;
    background: #fff0f5 !important;
    margin: 50px 10px 6px 10px;
}
.submitgstportal .accordion-toggle.innergsttooglebtn  td:nth-child(1){
	font-size:13px;
	font-weight:400;
}
.submitgstportal.claimedgst2bportal .accordion-toggle  td:nth-child(1){
	padding-left:45px;
}
.submitgstportal .accordion-toggle.docsubgroupaccor  td:nth-child(1){
	padding-left:65px;
	font-weight:600;
	color:#000000;
	text-align:start;
}
.submitgstportal .accordion-toggle.docsubgroupaccor, .submitgstportal .accordion-toggle.docsubgroupaccor:hover{
	background: #FFFAFC;
}
.docsubsubheaders, .claimedaccsubheaders{
	vertical-align: middle;
    font-weight: 700;
}
.submitgstportal .accordion-toggle.collapsed  td:nth-child(1){
	color:#000000;
}
.submitgstportal .collapse-row  td:nth-child(1){
	padding-left:75px;
	text-align:start;
}
.submitgstportal.claimedgst2bportal .collapse-row  td:nth-child(1){
	padding-left:65px;
	text-align:start;
}
.submitgstportal .collapse-row .subgroupaccor td:nth-child(1){
	padding-left:60px;
	text-align:start;
}
.submitgstportal tr.collapse-row {
	font-size:13px;
	font-weight:400;
}
.submitgstportal .collapse-row  td{
	text-align:end;
}
#b2cgroup2.collapse-row td,#nilgroup2.collapse-row td{
	font-size:12px;
}
.submitgstportal .collapse-row .docsubsubheaders td{
	text-align:start !important;
}
.submitgstportal .collapse-row .docsubsubheaders td:last-child{
	text-align:end;
}
.submitgstportal {
    border:1px solid #cccccc;
    border-radius:4px;
}
.db-ca-view .submitgstportal tbody tr:hover {
    /* box-shadow: 0px 0 0 #dadce0; */
    z-index: 2;
    position: relative;
    background: #ffffff;
}
.submitgstportal .subnumbertext{
	border: 1px solid #d33568;
    padding: 1px 5px;
    border-radius: 5px;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.acc-sub-head {
    color: #757575;
    font-size: 11px;
    font-weight:400;
}
.acc-sub-total {
    font-size: 13px;
    color: #404144;
    text-align:end;
    font-weight:600;
}
.notifyTableBody tr {
    min-height: 41px;
    height: 41px;
}
.notifyTableBody tr .notifyexpandbtn {
    color: #0d6efd;
    cursor: pointer;
}
.notifyTableBody tr.shown .notifyexpandbtn {
    color: #d33568;
    cursor: pointer;
}
.customtable .meterialform.notifydetailinvleveltable th{
    height: 30px;
}
.customtable .meterialform.notifyTable th .checkbox .helper{
    top: -12px !important;
}
/* table.dataTable.notifyTable tbody td {
    font-size: 12px !important;
} */
/* table.dataTable.notifyTable{
	border:1px solid #cccccc !important;
} */
.notifyheaderbgclr .sendselectbtn{
    background: #ffffff;
    padding: 6px 12px;
    border-radius: 5px;
    color: #d33568;
    cursor: pointer;
}
.notifyTableBody tr.shown .notifytddetailshow .fa{
	rotate: 180deg;
}
.notifyTableBody .email-status {
    position: relative;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    /* width: 100%; */
}
.notifypopupaddemail{
	border: 1px solid #cccccc;
    background: transparent;
    color: #000000;
    font-size: 12px;
    padding: 2px 5px 2px 2px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}
.notifypopupaddemail:hover{
	border: 1px solid #d33568;
    background: #d33568;
    color: #ffffff;
}
.notifyTableBody .email-status .status-icon {
    position: absolute;
    right: -6px;
    font-size: 12px;
    background: #fff;
    border-radius: 50%;
    top: 2px;
}
.notifyTableBody .email-status.sent .status-icon {
    color: #28a745; /* Green */
}
.notifyTableBody .email-status.failed .status-icon {
    color: #dc3545; /* Red */
}
.notifyTableBody .email-status.sent {
    color: #28a745; /* Green */
}
.notifyTableBody .email-status.failed {
    color: #d33568; /* Red */
}
.btnsintablerows {
	display: flex;
    align-items: center;
    /* border: 1px solid #d33568;
    padding: 0px 8px 0px 4px;
    border-radius: 4px; */
    /* text-decoration: underline; */
    color:#d33568 !important;
    cursor: pointer;
    width: fit-content;
}
/* .btnsintablerows:hover {
	background: #d33568;
	color: #ffffff;
} */
table.dataTable td .btnsintablerows .wb-icon {
	color: #d33568 !important;
}
.acc-sub-total .gstbarstatus-indicator {
    margin-left:10px;
    position: relative;
    bottom: 5px;
}
.acc-sub-total .bor-lef {
    border-left: 1px solid #ccc;
    padding-left:8px;
}
.singleline{
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: flex-end;
}
.finalizetoggle-group {
  display: flex;
    align-items: center;
    gap: 8px;
    justify-content: end;
    margin-bottom: 20px;
}

.finalizetoggle-group .label {
  font-weight: 500;
  font-size:13px;
}
.finalizetogglebtnback{
	/* background-color: #d6d6d6;
  border-radius: 6px; */
      border: 1px solid #d6d6d6;
    border-radius: 6px;
}
.finalizetoggle-btn {
  padding: 6px 12px;
  border: none;
  border-radius: 6px;
  /* background-color: #e0e0e0; */
  background-color: transparent;
  color: #333;
  cursor: pointer;
  font-weight: 500;
  font-size:14px;
  border: 1px solid transparent;
}

.finalizetoggle-btn.active {
  /* background-color: #d33568; dark pink
  color: white; */
  background-color: #ffffff;
    color: #d33568;
    border: 1px solid #d33568;
}

.finalizetoggle-btn:not(.active):hover {
  /* background-color: #d6d6d6; */
  color: #d33568;
    border: 1px solid #d33568;
}
.govt-table-header-background, .govt-table-header-background tr th, .customtable .meterialform .govt-table-header-background th {
	background-color:#c9ece1 !important;
	font-weight:600 !important;
	font-size:14px;
	color:#000000;
}
.govt-table-header-background table td{
	font-size:12px;
}
td.sub-sub-td-paddleft {
    padding-left: 35px !important;
}
.goverment-portal-table-view table{
	border: 1px solid #dddddd !important;
}
.goverment-portal-table-view table.dataTable tbody td {
    border: 1px solid #dddddd;
}
.govt-table-sub-header-background{
	background: #f9f9f9 !important;
    color: #254578 !important;
    font-weight:500;
}
.govt-table-td-bg1{
	background: #d3d0d0 !important;
}
.govt-table-td-bg2{
	background: #c5c5c6 !important;
}
.govtscreenbluebtn{
	border:1px solid #2c4e86;
	color:#ffffff;
	padding: 6px 25px;
	margin: 0px 5px;
	background:#2c4e86;
    text-transform: uppercase;
    font-size:16px;
}
.govtscreenblackbtn{
	border: 1px solid #000000;
    color: #000000;
    padding: 6px 25px;
    margin: 0px 5px;
    background: transparent;
    text-transform: uppercase;
    font-size:16px;
}
.govtscreenbluebtn:hover{
	color:#ffffff;
}
.govtscreenblackbtn:hover{
	color: #000000;
}
tr.govt-table-sub-sub-header {
    color: #254578 !important;
}
.gstbarstatus-indicator {
  display: flex;
  /* width: 100%; */        /* Total width */
  height: 7px;       /* Height of the bar */
  overflow: hidden;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
}

.gstbarstatus-indicator .bar {
  /* flex: 1; */
  width:15px;
  height: 100%;
}

.gstbarstatus-indicator.yellow .bar-dark {
  background-color: #ebc33e; /* Darker yellow */
}

.gstbarstatus-indicator.yellow .bar-light {
  background-color: #f4d97d; /* Lighter yellow */
}
.gstbarstatus-indicator.green .bar-dark {
  background-color: #3ec66f; /* Darker yellow */
}

.gstbarstatus-indicator.green .bar-light {
  background-color: #63e491; /* Lighter yellow */
}

.gstbarstatus-indicator.red .bar-dark {
  background-color: red; /* Darker yellow */
}

.gstbarstatus-indicator.red .bar-light {
  background-color: red; /* Lighter yellow */
}
.gstinvtableempty {
    background: #fffbf8;
    padding: 30px;
    margin: 30px;
    text-align: center;
}
.invheader {
    font-size: 18px;
    margin-bottom: 30px;
}
.gstinvdetailcard {
    background: #ffeef3;
    height: 100%;
    padding: 80px 40px;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    border-radius: 10px;
}
.gstinvdetailcard h5 {
    font-size: 14px;
    margin-bottom: 15px;
}
.loaddotsanim {
  display: inline-block;
  white-space: nowrap;
}
.loaddotsanim span {
  display: inline-block;
  animation: letterAppear 2s ease-in-out infinite;
  opacity: 0;
  animation-fill-mode: forwards;
}
.loaddotsanim span:nth-child(1) { animation-delay: 0s; }
.loaddotsanim span:nth-child(2) { animation-delay: 0.1s; }
.loaddotsanim span:nth-child(3) { animation-delay: 0.2s; }
.loaddotsanim span:nth-child(4) { animation-delay: 0.3s; }
.loaddotsanim span:nth-child(5) { animation-delay: 0.4s; }
/* ========== Reconciliation Button Active State ========== */
.recon-btn-load.active {
	background: #d33568 !important;
	color: #fff !important;
	pointer-events: none;
	opacity: 0.9;
}
/* ========== Reconciliation Progress Panel (Redesigned) ========== */
.recon-progress-overlay {
	/* background: #fff0f5; */
	border-radius: 12px;
	padding: 28px 24px 24px;
	text-align: center;
	/* min-width: 340px; */
	/* box-shadow: 0 2px 12px rgba(211, 53, 104, 0.08); */
}
.recon-progress-ring {
	display: inline-block;
	width: 64px;
	height: 64px;
	margin-bottom: 14px;
	animation: recon-ring-rotate 1.2s linear infinite;
}
.recon-progress-ring svg {
	width: 64px;
	height: 64px;
}
.recon-progress-ring .ring-bg {
	fill: none;
	stroke: #f5d0dc;
	stroke-width: 4;
}
.recon-progress-ring .ring-fill {
	fill: none;
	stroke: #d33568;
	stroke-width: 4;
	stroke-linecap: round;
	stroke-dasharray: 40 123.36;
	stroke-dashoffset: 0;
}
@keyframes recon-ring-rotate {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.recon-progress-title {
	font-size: 16px;
	font-weight: 700;
	color: #222;
	margin-bottom: 4px;
}
.recon-progress-initiatedby {
	font-size: 13px;
	color: #888;
	margin-bottom: 18px;
}
.recon-progress-status-box {
	background: #fff;
	border: 1.5px solid #d33568;
	border-radius: 10px;
	padding: 14px 18px 16px;
	margin: 0 auto;
	max-width: 320px;
}
.recon-progress-status-label {
	font-size: 13px;
	font-weight: 700;
	color: #222;
	margin-bottom: 8px;
}
.recon-progress-count {
	font-size: 15px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}
.recon-progress-count .recon-count-type {
	color: #555;
}
.recon-progress-count .recon-count-val {
	color: #222;
	font-weight: 700;
}
.recon-progress-bar-wrap {
	background: #e9ecef;
	border-radius: 6px;
	height: 8px;
	overflow: hidden;
	width: 100%;
}
.recon-progress-bar-fill {
	background: #d33568;
	height: 100%;
	border-radius: 6px;
	width: 0%;
	transition: width 0.5s ease;
}
.recon-progress-completed-msg {
	font-size: 14px;
	font-weight: 600;
	color: #28a745;
	margin-top: 12px;
}
/* ========== End Reconciliation Progress Panel ========== */

.gstr2bsummarys-boxs{
	box-shadow:0px 0px 5px #ccc;
	border-radius: 8px;
	display:flex;
	align-items:center;
	padding: 10px;
	justify-content: space-between;
	height: 100%;
}
.gst2bsummarydiv{
	margin:0px 5px;
	font-size: 14px;
	width: 100%;
	position: relative;
}
.gstr2bsummarys-boxs.rectab .gst2bsummarydiv{
	width: 100%;
}
.claimedsummarybox .gstr2bsummarys-boxs{
	width:100%;
	/*min-width:19%;*/
	border: 1px solid #cccccc80;
}
.claimedsummarybox .gstr2bsummarys-boxs.presentmonth{
	background-color: #EEF6FF;
	border: 1px solid #3B82F6; 
}
.claimedsummarybox .gstr2bsummarys-boxs.presentmonth .boxmonthtext{
	color: #1D4ED8;
}
.claimedsummarybox .gstr2bsummarys-boxs.presentmonth .boxlabletxt{
	color: #334155;
}
.claimedsummarybox .gstr2bsummarys-boxs.presentmonth .boxamttext{
	color: #1E40AF;
}
.claimedsummarybox .gstr2bsummarys-boxs.priviousmonth{
	background-color: #F9FAFB;
	border: 1px solid #E5E7EB; 
}
.claimedsummarybox .gstr2bsummarys-boxs.priviousmonth .boxmonthtext{
	color: #475569;
}
.claimedsummarybox .gstr2bsummarys-boxs.priviousmonth .boxlabletxt{
	color: #64748B;
}
.claimedsummarybox .gstr2bsummarys-boxs.priviousmonth .boxamttext{
	color: #111827;
}
.gst2bsummarydiv h6{
	font-size: 14px;
}
.gst2bsummarydiv.bor-right{
	border-right:1px solid #cccccc;
	padding-right:10px;
}
.w-max-content{
	width: max-content;
	display:inline-flex;
}
.w-max-width{
	width: max-content;
    min-width: max-content;
    max-width: max-content;
}
.gstr2barrow-right {
	display: flex;
	align-items: center;
	display: flex;
	align-items: center;
	position: relative;
	padding-right: 10px;
}
.gstr2barrow-right span.text{
	width:max-content;
}

.gstr2barrow {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	transform: rotate(-45deg);
	margin-left: auto;
	position: absolute;
	right: 0;
}
.imsreconstatus {
    border: 1px solid #cccccc;
    border-radius: 50px;
    padding: 2px 10px 2px 6px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    width: max-content;
    font-size: 11px;
}
.imsreconstatus i {
    font-size: 11px !important;
    display: inline-block;
    padding: 2px 4px !important;
}
.gstr2bpurch .presentmonthdetailheader{
	display:none !important;
}
.summary-double{
	display:none;
}
.gstr2bpurch .summary-double{
	display:block;
}
.gstr2bpurch .sale-title {
    right: 40px;
}
.actiondrop.imsdropstatusbox{
	border: 1px solid #ccc;
    display: inline-flex;
    justify-content: space-between;
    border-radius: 20px;
}
.actiondrop.noimsaction {
    background: #E6EAFF;
    color: #5869BB;
}
.actiondrop.noimsreject {
    background: #FFDEDE;
    color: #D33568;
}
.actiondrop.noimsaccept {
    background: #DCFCE7;
    color: #54BC46;
}
.actiondrop.noimspending {
    background: #FFF4CA;
    color: #EBBC02;
}
.reconsummDropdown.yellowbox{
	top: -110px !important;
    left: -55px !important;
}
.reconsummDropdown.redbox{
	top: -110px !important;
    left: -70px !important;
}
.reconsummDropdown.greenbox{
	top: -110px !important;
    left: -15px !important;
}
.reconsummDropdown.imsgstr2b.greenbox{
	top: -110px !important;
    left: -790px !important;
}
.reconsummDropdown.imsgstr2b.bluebox{
	top: -110px !important;
    left: -950px !important;
}
.reconsummDropdown.gstr2brecon.bluebox{
	/* top: -110px !important;
    left: auto !important; */
    width: 450px;
    right: -35px !important;
}
.reconsummDropdown.gstr2brecon.itcdropbox{
	/* top: -110px !important;
    left: auto !important; */
    width: 420px;
    left: -80px !important;
    /* min-height: 480px !important;
    height: 480px !important; */
    max-height: calc(100svh - 35svh);
    /*height: calc(100svh - 35svh);*/
    min-height: calc(100svh - 50svh);
    overflow-x: hidden;
    overflow-y: scroll;
    top: -55px !important;
}
.reconsummDropdown.yellowbox{
    background: #fffef7;
    border: 1px solid #D6AC06;
    color: #333;
    padding: 15px;
    font-size: 14px;
}
.reconsummDropdown.yellowbox .reco-arrow-down{
    position: absolute;
    left: 10%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #D6AC06;
}
.reconsummDropdown.redbox{
    background: #fff6f6;
    border: 1px solid #ff0000;
    color: #333;
    padding: 15px;
    font-size: 14px;
}
.reconsummDropdown.redbox .reco-arrow-down{
    position: absolute;
    left: 33%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ff0000;
}
.reconsummDropdown.greenbox{
    background: #f8fff7;
    border: 1px solid #53bc45;
    color: #333;
    padding: 15px;
    font-size: 14px;
}
.reconsummDropdown.greenbox .reco-arrow-down{
    position: absolute;
    left: 4%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #53bc45;
}

.reconsummDropdown.imsgstr2b.greenbox .reco-arrow-down{
    left: 86%;
}
.reconsummDropdown.imsgstr2b.bluebox .reco-arrow-down{
    left: 90%;
}
.reconsummDropdown.gstr2brecon.bluebox .reco-arrow-down{
    left: 90%;
}
.reconsummDropdown.gstr2brecon.itcdropbox .reco-arrow-down{
    left: 90%;
}

.reconsummDropdown.bluebox{
    background: #f3f5ff;
    border: 1px solid #5769bb;
    color: #333;
    padding: 15px;
    font-size: 14px;
}
.reconsummDropdown.itcdropbox {
    background: #ffffff;
    border: 1px solid #5769bb;
    color: #333;
    padding: 15px;
    font-size: 14px;
    box-shadow: 0px 0px 5px #5769bb;
}
.reconsummDropdown.bluebox .reco-arrow-down{
    position: absolute;
    left: 66%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #5769bb;
}
.reconsummDropdown.gstr2brecon.itcdropbox .reco-arrow-down{
    position: absolute;
    left: 66%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #5769bb;
}
.reconsummDropdown.gstr2brecon.bluebox .reco-arrow-down{
    top: -10px;
    border-top: 0px solid #5769bb;
    border-bottom: 10px solid #5769bb;
}
.summdropboxinner {
	margin-right: 20px;
	display:inline-flex;
	width: max-content;
}
.summdropboxinner.bor-right {
	margin-right: 10px !important;
	border-right:1px solid #5769bb;
	padding-right:10px;
}
.summdropboxinner.bor-box {
    margin: 0px 0px 10px 0px !important;
    border: 1px solid #5769bb;
    padding: 5px;
    border-radius: 4px;
    width: 100%;
}
.summdropboxinner.itcdropinnerbox {
    margin: 0px 0px 5px 0px;
    border: 1px solid green;
    padding: 4px;
    border-radius: 4px;
    width: 100%;
    background: #f2fff2;
    color: #000000;
}
.summdropboxinner.itcdropinnerbox.gray {
    border: 1px solid #cccccc;
    background: #dedede66;
}
.summdropboxinner.itcdropinnerbox.red {
	border: 1px solid red;
    background: #fff2f2;
}
.summdropboxinner.itcdropinnerbox.gradient {
	border: 2px solid #6aa9ff;
	background: linear-gradient(to right,#e9f6ff,#d9f0ff);  
}
.reversalsubdiv{
	width: 100%;
    background: #ffffff;
    padding-top: 10px;
    margin-top: 10px;
    padding: 10px;
    border-top: 2px solid red;
}
.summdropboxinner.itcdropinnerbox.skyblue {
    border: 1px solid #00eaff;
    background: #d3fbff;
}

.summdropboxinner.itcdropinnerbox .mainsubtxt {
    font-size: 11px;
    line-height:1.2;
}
.summdropboxinner.itcdropinnerbox .subtxt {
    font-size: 9px;
    color: #999;
}

.summdropboxinner:last-child {
	margin-right: 0px;
}
.summary-two-boxs {
    display: flex;
    border: 1px solid #ccc;
    width: fit-content;
    background: #ffffff;
    border-radius: 6px;
}
.summary-two-boxs .border-right {
    border-right: 1px solid #ccc;
}
.summary-two-boxs-padd {
    padding: 5px 15px;
    text-align:center;
}
.summary-two-boxs-head{
    font-size: 14px;
    margin-bottom: 0px;
}
.summary-two-boxs-count{
    font-size: 16px;
    margin-bottom: 0px;
}

.progress-bar {
  height: 4px;
  background: #cccccc;
  border-radius: 30px;
  width: 60%;
  position: absolute;
  right: 20px;
  top: 55%;
}
.progress-bar-text {
  top: 13%;
  height: auto;
  background: transparent;
  font-size: 10px;
  right: 20px;
  width: 60%;
  text-align: end;
  color: #999999;
  position: absolute;
}

.prog-status {
  height: 4px;
  width: 10%;
  border-radius: 20px;
  background: #cccccc;
  animation: 6s linear infinite;
}
.prog-status.progressing {
  height: 4px;
  width: 10%;
  border-radius: 20px;
  background: red;
  animation: 6s linear load infinite;
}
.prog-status.completed {
  height: 4px;
  width: 100%;
  border-radius: 20px;
  background: green;
  animation: 6s linear infinite;
}
.prog-status.failed {
  height: 4px;
  width: 100%;
  border-radius: 20px;
  background: green;
  animation: 6s linear infinite;
}
@keyframes load {
  50% {
    width: 50%;
    background: blue;
  }
  100% {
    width: 100%;
    background: green;
  }
}

.progress-text {
    font-size: 12px;
    font-weight: 100;
}
.validateheader {
    font-size: 12px;
    margin-bottom: 0px;
}
.validateprocess {
	font-size: 16px
}
.validateprocess .stepnumbers {
    background: #C5C5C5;
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    margin-right: 8px;
}
.validatedetails {
    font-size: 14px;
    margin-bottom: 5px;
}
.validateprocess .stepnumbers.procline:after {
    content: "";
    background: #C5C5C5;
    width: 2px;
    height: 75px;
    position: absolute;
    top: 120%;
}

.validateprocess .stepnumbers.validcompleted, .validateprocess .stepnumbers.procline.validcompleted:after {
    background: green;
    color: #ffffff;
}
.validateprocess .stepnumbers.validerror, .validateprocess .stepnumbers.procline.validerror:after {
    background: red;
    color: #ffffff;
}
.transfericonsanims{
	display:flex;
	justify-content: center !important;
	align-items: center !important;
	position: relative;
	font-size:70px;
	margin:20px;
}
.transfericonsanims .wb-icon{
	color:#c5c5c5;
}
.transfericonsanims .loaddotsanim{
	color:#d33568;
	position:relative;
	top:-17px;
}
.f70{
	font-size:70px;
}
.letmefixbtn, .letmefixbtn:hover{
	color:#d33568;
}
.custommodalalign{
	/* position: fixed;
    right: 29px;
    top: 128px;
    min-width: 475px;
    border-radius: 8px; */
}
.modal-center.custommodalalign .modal-content{
	border-radius: 8px !important;
}
.modal-center.custommodalalign .modal-body{
	/* max-height: 400px; */
    overflow: overlay;
}
.action3dotbutton{
	position:relative;
}
.action3dotbutton .dropdown-menu[data-bs-popper] {
    left: auto !important;
    min-width: max-content !important;
    padding: 8px 8px 2px !important;
    right: 0 !important;
}
.gstamtvalwidth {
    display: inline-block;
    width: 77%;
}
.amonuticonwidth {
    display: inline-flex;
    width: 20%;
    justify-content: end;
}
.amonuticonwidth .fa-rupee:before {
    padding-right: 0px;
}
.amonuticonwidth .sigleruppeicon{
	height: 24px;
    width: 24px;
}
.validimswidth{
	display: inline-block;
    width: 23%;
}
.validirnwidth{
	display: inline-block;
    width: 23%;
    text-align:end;
}
.validewbwidth{
	display: inline-block;
    width: 23%;
}
.validewbwidth.validewbwidthwithoutirn{
	display: inline-block;
    width: 35%;
}
.validstatewidth{
	display: inline-block;
    width: 50%;
}
td .validirnwidth{
	display: inline-flex;
    width: 24%;
    align-items: center;
    justify-content: end;
}
td .validpurchaseirnwidth{
	display: inline-flex;
    width: 24%;
    align-items: center;
    justify-content: center;
}
td .validewbwidth{
	display: inline-flex;
    width: 24%;
    align-items: center;
    justify-content: end;
}
td .validpurchaseewbwidth{
	display: inline-flex;
    width: 24%;
    align-items: center;
    justify-content: center;
}
td .validstatewidth{
	display: inline-flex;
    width: 50%;
    align-items: center;
    margin-left: 10px;
}
.validationsucusses{
	background-image:url(../../images/irn-img/validationsucusses.svg);
	height: 24px;
    width: 24px;
    margin-right: 6px;
    display: inline-flex;
}
.validationfailed{
	background-image:url(../../images/irn-img/validationfailed.svg);
	height: 24px;
	width: 24px;
	min-width: 24px;
	margin-right: 6px;
	display: inline-flex;
}

.ewaybillnotvalid {
	background-image: url(../../images/irn-img/ewaybillnotvalid.svg);
	height: 24px;
	width: 24px;
	margin-right: 6px;
	background-repeat: no-repeat;
}

.ewaybillvalid {
	background-image: url(../../images/irn-img/ewaybillvalid.svg);
	height: 24px;
	width: 24px;
	margin-right: 6px;
	background-repeat: no-repeat;
}
.customtable .dataTables_wrapper thead th.vallidtextcenter{
	text-align:center !important;
}

.gsthsnsummary{
	text-align: start!important;
}
.validation-innerbox {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    margin-top: 16px;
}
.validation-innerboxpadd {
    padding: 8px 8px;
    text-align: center;
}
.validation-innerbox .border-right {
    border-right:1px solid #cdcdcd
}
.validation-innerbox-header {
    font-size: 13px;
    color: #000000;
}
.validation-innerbox-total {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    color: #000000;
}

.customtable.gstr1filingsummarytable{
	padding-right: 0px !important;
}


@media screen and (max-width:767px) {
	.summary-box{
	    margin-bottom: 10px;
	}
	.summary-two-boxs {
	    margin-top: 25px;
	}
	.customtable.gstr1filingsummarytable{
		overflow-x:scroll;
	}
}

.topblickingloading{
	height: 24px;
    display: inline-flex;
    background: #ccccccab;
    width: 100px;
    border-radius: 4px;
    position: relative;
    top: 6px;
	animation: blink-opacity 3s infinite;
}
 
@keyframes blink-opacity {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

.summaryclick{
	color:#d33568;
}

a.summaryclick:hover
 {
    text-decoration: underline;
}

.action3dotbutton .gstactionbutton{
	display: flex;
    align-items: center;
    padding: 4px;
    color: #000000;
    border-radius: 5px;
}
.dropdown-item.urllink:hover .gstactionbutton .wb-icon,.dropdown-item.urllink:hover .gstactionbutton{
    color: #ffffff !important;
    background:#d33568;
}
.goverment-portal-table-view .taxable-value, .goverment-portal-table-view .igst, .goverment-portal-table-view .cgst, .goverment-portal-table-view .sgst, .goverment-portal-table-view .cess{
	text-align:end !important;
}

.goverment-portal-table-view table tbody tr td{
	font-size:13px !important;
}

.gst2b-table-btn{
	font-size: 13px;
    padding: 2px 8px !important;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-flex;
    width: auto !important;
    font-weight: 500;
    cursor: pointer;
    border-radius:4px;
    align-items:center;
}
.gst2b-table-btn.table-clear-btn{
	border: 1px solid #cccccc;
	background: transparent;
    color: #000000;
    border-radius: 30px;
    display: inline-flex;
    align-items: baseline;
    margin-right: 0px;
}
.gst2b-table-btn.table-clear-btn i.fa-solid{
	font-size: 12px;
    margin-right: 5px;
}
.gst2b-table-btn.table-accept2b-btn{
	border: 1px solid #A1C692 !important;
    background: #EDF7E9 !important;
    color: #4D8B34 !important;
}
.gst2b-table-btn.follow2bstatusbox{
	border: 1px solid #c7c7c7;
    /*background: #F3F3F3 !important;*/
    color: #000000;
}

.gst2b-table-btn.follow2bstatusbox:hover{
	border: 1px solid #d33568;
	background: #d33568;
    color: #ffffff;
}
.gst2b-table-btn.follow2bstatusbox:hover .wb-icon{
    color: #ffffff!important;
}
.gst2b-table-btn.follow2bstatusbox.onlyarrowbox{
	width: 20px !important;
    padding: 0px !important;
    height: 20px;
    margin: 0px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gst2b-table-btn.table-clear-btn:hover{
	border: 1px solid #d33568;
	background: #d33568;
    color: #ffffff;
}

.wbActionBtnStencil:hover .color-yellow,
.wbActionBtnStencil:hover .color-green,
.wbActionBtnStencil:hover .color-red,
.wbActionBtnStencil:hover .color-blue{
	color: #ffffff !important;
}
.GSTR2BTabtopamountplacement{
	float:right;
	right:40px;
}
@media only screen and (max-width: 767px) {
	.nav-tabs.gstrtabs {
	    width: -webkit-fill-available;
	}
	.GSTR2BTabtopamountplacement{
		right:0px;
	}
	.mobilesummaryboxscroll{
		width: auto;
    	overflow-x: scroll;
	}
	.mobilesummaryboxscrollwidth{
		width: max-content;
	}
}
@media only screen and (max-width:575px) {}


.vertical-align-middle{
	vertical-align: middle;
}

.auto-row input{
	border:none!important;
	background: transparent;
}
.auto-row input::placeholder {
	font-size: 13px !important;
	color:#000 !important;
}

.hover-text-undeline:hover{
	text-decoration: underline;
}
.importerrortr td span {
	color: #ff0000 !important;
}
.reconstatuspercentbg{
    font-size: 10px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 4px;
    border-radius: 4px;
    /* padding: 3px;
    border-radius: 50%; */
}
.reconstatuspercentbg.green{
    /* background: #53bc45;
    color: #ffffff; */
    background: #bcffb485;
    color: #000000;
    border: 1px solid #53bc45;
}
.reconstatuspercentbg.yellow{
    /* background: #ebbc00;
    color: #ffffff; */
    background: #fbe7998f;
    color: #000000;
    border: 1px solid #ebbc00;
}
.reconstatuspercentbg.red{
    /* background: #ff0000;
    color: #ffffff; */
    background: #ffbebea1;
    color: #000000;
    border: 1px solid #ff0000;
}

.itcselectedinvcard {
	border: 1px solid #cccccc;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #f0f0ff;
}
.itcselectedinvcard .main-head{
	font-size: 13px;
    font-weight: 700;
}
.itcselectedinvcard .sub-text{
	font-size: 11px;
    font-weight: 400;
}
.itcselectedinvcard .amt-txt{
	font-size: 11px;
    font-weight: 400;
}
.itcselectedinvcard .amtdigt{
	font-size: 18px;
    font-weight: 800;
    color: #1e6dff;
}
.itcerrorwarningmsgcard{
	display: flex;
    background: #ffdede;
    padding: 10px;
    margin-top: 16px;
    border-radius: 6px;
    gap: 10px;
}
.warning-icon{
	  height: 40px;
    width: 40px;
    background: red;
    color: #ffffff;
    padding: 7px 10px 10px;
    border-radius: 50%;
}
.warningmaintext{
	color: #9f1515;
    font-weight: 600;
    font-size: 14px;
}
.warningsubtext{
	color: #9f1515;
    font-size: 13px;
}
.warncheckboxxard{
	border: 1px solid #9f1515;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
    background: #ffffff;
    display: flex;
    gap: 18px;
}
.checkboxtext{
	font-size: 13px;
    font-weight: 600;
}
.checkboxtextinvalid{
	color: #9f1515;
}

.threeBsummarytab {
	box-shadow: 0px 0px 5px #ccc;
	border-radius: 8px;
	padding: 10px;
	width: 100%;
	height: 100%;               /* SAME HEIGHT FOR ALL */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.threeBsummarytab .main-text {
	font-size: 13px;
	font-weight: 400;
}

.threeBsummarytab .amount-text {
	font-weight: 700;
	font-size: 14px;
	text-align: end;
	padding-top: 0px;
	margin-top: 0px;
	line-height: 24px;
}

.threebiconboxs {
	width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    flex-shrink: 0;
    font-size: 12px;
}

.threebiconboxs.plus {
    background: #53bc45;
    color: #ffffff;
}

.threebiconboxs.minus {
    background: #ff0000;
    color: #ffffff;
}

.threebiconboxs.equals {
    background: #5769bb;
    color: #ffffff;
}

/* Make inner flex full height so icon aligns center */
.box-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 100%;
}
tr.accbodytableheader {
    background-color: #F5F5F5 !important;
    height: 40px;
    position: relative;
}
.accbodysection tr {
	vertical-align: middle;
}
.accbodysection tr td:nth-child(1){
	padding-left: 45px !important;
}
tr.gst3bofftabindent td:nth-child(1){
	padding-left: 30px !important;
}
table.tableonerowsticky .fa {
    padding: 2px 1px;
}
table.tableonerowsticky .fa-rupee:before {
    padding-right: 0px;
}

.itc-custom-dropdown { position: relative; width: 100%; font-size: 13px; }
.itc-dd-selected { display: flex; align-items: center; justify-content: space-between; cursor: pointer; background: #fff; border: 1px solid #ced4da; border-radius: 4px; padding: 6px 10px; min-height: 34px; user-select: none; }
.itc-dd-selected:hover { border-color: #5769bb; }
.itc-dd-placeholder { color: #999; }
.itc-dd-arrow { font-size: 11px; color: #888; transition: transform 0.2s; }
.itc-dd-selected.open .itc-dd-arrow { transform: rotate(180deg); }
.itc-dd-options { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 1060; background: #fff; border: 1px solid #ddd; border-top: none; border-radius: 0 0 6px 6px; max-height: 320px; overflow-y: auto; box-shadow: 0 6px 16px rgba(0,0,0,0.12); }
.itc-dd-options.open { display: block; }
.itc-dd-group-label { padding: 7px 12px 4px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; border-top: 1px solid #eee; }
.itc-dd-group-label:first-child { border-top: none; }
.itc-dd-group-green { color: #1a8a3f; background: #f0faf3; }
.itc-dd-group-red { color: #c0392b; background: #fdf2f2; }
.itc-dd-group-yellow { color: #856404; background: #fff9e6; }
.itc-dd-option { padding: 8px 12px 8px 16px; cursor: pointer; border-bottom: 1px solid #f5f5f5; transition: background 0.15s; }
.itc-dd-option:last-child { border-bottom: none; }
.itc-dd-option:hover { background: #f0f4ff; }
.itc-dd-option.selected { background: #e8eeff; }
.itc-dd-reversed { background: #fefafa; }
.itc-dd-reversed:hover { background: #fff0f0; }
.itc-dd-reversed.selected { background: #fde8e8; }
.itc-dd-title { font-weight: 600; color: #222; margin-bottom: 2px; font-size: 12.5px; }
.itc-dd-desc { font-size: 11px; color: #777; font-style: italic; line-height: 1.35; padding-left:30px }
.itc-icon-green { color: #1a8a3f; margin-right: 6px; font-size: 11px; }
.itc-icon-blue { color: #2980b9; margin-right: 6px; font-size: 11px; }
.itc-icon-red { color: #c0392b; margin-right: 6px; font-size: 11px; }
.itc-icon-orange { color: #e67e22; margin-right: 6px; font-size: 11px; }
.itc-icon-cyan { color: #00b8d4; margin-right: 6px; font-size: 11px; }
.itc-icon-yellow { color: #d4a017; margin-right: 6px; font-size: 11px; }
.itc-dd-selected-text { color: #333; font-weight: 500; }




.reconcile-step-main-div{
	display: flex;
	gap: 14px;
	justify-content: space-evenly;
	margin-bottom: 15px;
	}
.reconcile-step {
	width:100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}
/* .reconcile-step-circle{
    display: flex;
    justify-content: center;
    margin-bottom: 6px;
    position:relative;
} */
.reconcile-step-circle {
    background: #cccccc;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}
.reconcile-step-circle.active {
    background: #d33568;
}
.firstline.reconcile-step-circle:after, .secondline.reconcile-step-circle::after{
	content:'';
	height: 2px;
	position: absolute;
	background: #cccccc;
	left: 54%;
	z-index: 0;
}
.firstline.active.reconcile-step-circle:after, .secondline.active.reconcile-step-circle::after{
	background: #d33568;
}
.firstline.reconcile-step-circle::after {width: 100%;}
.secondline.reconcile-step-circle::after {width: 100%;}
 
.reconcile-step h4 {
    margin: 0;
    font-size: 12px;
}
.summarydropboxpopup {
    padding: 10px;
    margin-top: 10px;
    border-radius: 4px;
}
.summarydropboxpopup.green {
	box-shadow: 0px 0px 5px #53bc45;
	background: #f0ffee;
    font-size: 11px;
}
.summarydropboxpopup.yellow {
	box-shadow: 0px 0px 5px #ebbc00;
	background: #fffbea;
    font-size: 11px;
}
.summarydropboxpopup.red {
	box-shadow: 0px 0px 5px #ff0000;
	background: #ffe7e7;
    font-size: 11px;
}
/* Reconcile Process Panel - overlay that appears during reconciliation */
.reconcile-process-panel {
	position: absolute;
	z-index: 1050;
	right: 0;
	top: 100%;
	min-width: 300px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.18);
	margin-top: 4px;
	padding: 0;
	border: 1px solid #e0e0e0;
}
.reconcile-process-panel .downloaddropgradientcolor {
	border-radius: 8px;
}
.no-arrow.dropdown-toggle::after {
    border: 0;
    margin: 0;
    display:none;
}

/* ===== Reconciliation Confirmation Modal ===== */
.recon-confirm-modal .modal-content {
	border-radius: 16px;
	border: none;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0,0,0,0.15);
}
.recon-confirm-header {
	background: #ffdddd;
    padding: 10px;
    border: 1px solid #ff5050;
    border-radius: 8px;
    margin-bottom: 15px;
}
.recon-confirm-header .recon-icon {
	font-size: 22px;
    color: #d33569;
}
.recon-confirm-header .recon-title-text {
	color: #d33568;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
}
.recon-eligible-section .recon-title-text {
	color: #d33568;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
}
.recon-confirm-header .recon-period-text {
	color: #880e4f;
    font-size: 18px;
    font-weight: 700;
	line-height: 1.2;
}
.recon-confirm-body {
	padding: 10px 25px 10px;
}
.recon-eligible-section {
	background: #f4f8ff;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #c5d8f6;
    margin-bottom: 15px;
}
.recon-eligible-section.bgwhiteclr{
	background: #ffffff;
}
.recon-eligible-title {
	color: #d33568;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 2px;
}
.recon-date-boxes {
	display: flex;
	gap: 16px;
}
.recon-date-box {
	flex: 1;
	background: #fff;
	border-radius: 6px;
	padding: 5px 10px;
	border: 1.5px solid #d6e4f0;
}
.recon-date-box.purbox{
	/* background: #f3caffa8; */
	background: #fdf6ff;
	padding: 14px 18px;
	border: 1.5px solid #b202e3;
}
.recon-date-box.gst2bbox{
	/* background: #e5ffe282; */
	background: #f5fff4;
	padding: 14px 18px;
	border: 1.5px solid #53bc45;
}
.recon-date-box .date-label {
	font-size: 12px;
	color: #888;
	margin-bottom: 4px;
	font-weight: 500;
}
.recon-date-box .date-value {
	font-size: 20px;
	font-weight: 700;
	color: #222;
}
.recon-date-box.purbox .date-label, .recon-date-box.purbox .date-value{
	color: #b202e3;
}
.recon-date-box.gst2bbox .date-label, .recon-date-box.gst2bbox .date-value{
	color: #53bc45;
}
.recon-info-note {
	background: #fffde7;
	border: 1.5px solid #ffe082;
	border-radius: 8px;
	padding: 16px 18px;
	margin-bottom: 18px;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.recon-info-note .info-icon {
	color: #f9a825;
	font-size: 22px;
	flex-shrink: 0;
	margin-top: 1px;
	width: 28px;
	height: 28px;
	background: #fff8e1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1.5px solid #ffe082;
}
.recon-info-note .info-text {
	font-size: 13px;
	color: #555;
	line-height: 1.6;
}


.reconstsyellow{
	color:#ebbc00
}
.reconstsblack{
	color:#000
}

.reconstsred{
	color: red;
}
.reconstsgreen{
	color: green;
}
.reconstsblue{
	color: blue;
}
.right-section{
	font-weight:500
}

.reconsummaryinformation:hover .reconcile-step-main-div{
	display:none!important;
}
.tdline_1 {
    margin-bottom: 10px;
    height: 100%;
    vertical-align: top;
}
.tdline_2 {
    margin-top: 10px;
    vertical-align: middle;
    height: 100%;
}
.mannualmatchtfoot,.customtable .meterialform th.mannualmatchtfoot{
	background:transparent!important;
}

.multiselect-group a{
	color: inherit!important;
    text-decoration: none!important;
}

.multiselect-group input{
	margin:0px!important;
}

.multiselect-group input:checked[type=checkbox]{
	    background-image: url(../../images/signups/bs-check_ez7fph.svg);
    border-color: #d33568 !important;
    background-color:#fff;
}

.goverment-portal-table-view table.dataTable.drilldownnoborder tbody td{
	border-top:none;
	border-right:none;
	border-left:none;
}
.submitgstportal.claimedgst2bportal .collapse-row .drilldownnoborder td:nth-child(1) {
    padding-left: 10px;
}

.submitgstportal .collapse-row .drilldownnoborder td:nth-child(2) {
	text-align:start;
}

.drilldownnoborder td.dataTables_empty{
	padding : 10px 0px!important;
}

.icon-wrapper {
  position: relative;
  display: inline-block;
}
.main-icon {
  color: #28a745;
}
.status-icon {
  position: absolute;
  top: -1px;
  right: 4px;
  font-size: 11px !important;
  padding: 0px !important;
  background: white;
  border-radius: 50%;
}
.success .status-icon {
  color: #28a745;
}
.pending .status-icon {
  color: #f97316;
}
.not-applicable .status-icon {
  color: #6c757d;
}
.cancelled .status-icon  {
  color: red;
}

.btn-loader{
	pointer-events: none;
}


.ilreconsilingsummary.dropdown-content {
  text-align: left;
  right: 0;
  display: none;
  position: absolute;
  min-width: 900px !important;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1055;
  width: max-content;
  background: #FFFFFF;
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 70%, rgba(255, 238, 243, 1) 100%);
  border-radius: 16px;
  padding: 16px !important;
  text-transform: none;
}
.ilreconsilingsummary.dropdown-content::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  height: 20px;
}
.ilreconsummaryinformation:hover .ilreconsilingsummary.dropdown-content {
  display: block;
}
.ilreconsummaryinformation:hover .reconcile-step-main-div {
  display: none !important;
}