/****
inwb version: 1.23.01.06.01
****/

:root {
	--magenta: #e20074;
	--magenta-hover: #c90067;
	--headergrad: linear-gradient(0deg, rgba(226,0,116,1) 70%, rgba(178,8,107,1) 100%);
	--headergrad-no-debt: linear-gradient(0deg, rgba(218,220,227,1) 70%, rgba(163,165,170,1) 100%);
	--headergrad-has-debt: linear-gradient(180deg, rgba(150,155,174,1) 0%, rgba(181,185,198,1) 30%, rgba(181,185,198,1) 100%);
	--bg-gray: #eff2f4;
	--bg-darkgray: #e8ebee;
	--box-lv1: #f4f4f5;
	--box-lv2: #fefefe;
	--txt-light: #5d6482;
	--txt-dark: #18214d;
	--txt-disabled: #b5b9c6;
	--tile-shadow: 0 4px 4px rgb(93, 100, 130, 12%);
	--tile-shadow-h: 0 12px 20px rgb(93, 100, 130, 36%);
	--main-shadow: 0 8px 12px rgb(93, 100, 130, 12%);
	--green: #46a800;
	--brdr-radius: 8px;
	--brdr-radius-s: 4px;
	--warning-bg: linear-gradient(90deg, rgb(254,203,0) 5px, rgb(255,237,166) 5px);
	--warning-success-bg: linear-gradient(90deg, rgb(70,168,0) 5px, rgb(208,237,188) 5px);
	--bs-warning-success: #46a800;
	--warning-unsuccess-bg: linear-gradient(90deg, rgb(217,0,0) 5px, rgb(249,206,206) 5px);
	--bs-warning-unsuccess: #d90000;
	--infocontainer-bg: linear-gradient(90deg, rgb(0,157,223) 5px, rgb(255,255,255) 5px);
	--brdr-color: #d2d6dd;
	--blue: #009fde;
}

/* --- BASE STYLES --- */
body {
	
	/* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	
	background-color: var(--bg-gray);
	margin: 0;
	/*-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;*/
	font-family: var(--fw-normal-tgn);
	font-size: 16px;
	overflow-x: visible;
}

body.frame-opened header.row.header-outer{
	overflow:visible;
}
	body.frame-opened header.row.header-outer #frameHeader{
		z-index:999 !important;
	}

.invoice-outer [onclick]:hover {
	background-color: rgba(0, 0, 0, 0) !important;
}

.invoice-outer div,
.invoice-outer img {
	image-rendering: quality;
	image-rendering: -webkit-optimize-contrast;
}

.invoice-outer .wrapper {
	max-width: 1140px;
	padding: 0 16px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	top: -20px;
	margin: 0px auto;
}
.header-outer.expired-debt.dashboard-extra + .invoice-outer .wrapper{
	top: -175px;
}

.invdb-labelwicon {
	flex: 0 0 auto;
	width: 230px;
    white-space: nowrap;
}
.invoice-outer .title {
	font-size: 24px;
	line-height: 28px;
	color: var(--txt-dark);
	font-family: var(--fw-ultra-tgn);
	margin-bottom: 28px;
}

.invoice-outer [class*="-box"] {
	background-color: #FFF;
	float: left;
	width: 100%;
	border-radius: var(--brdr-radius);
	box-shadow: var(--main-shadow);
	padding: 15px;
}
.invoice-outer [class*="-box"].gray { background-color: var(--box-lv2) }
.invoice-outer .fw-400 { font-weight: 400; }
.invoice-outer .fw-500 { font-weight: 500; }
.invoice-outer .fw-700 { font-weight: 700; }
.invoice-outer .fw-800 { font-weight: 800; }

.invoice-outer .bg-light-gray { background-color: #E8ECEF; }

.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-20 {
	font-size: 20px;
	line-height: 24px;
}
.fs-24 {
	font-size: 24px !important;
	line-height: 28px !important;
}
.ff-tgn { font-family: var(--fw-medium-tgn); }
.ff-tgn-ult { font-family: var(--fw-ultra-tgn); }
.ff-tgn-bld { font-family: var(--fw-bold-tgn); }
.fc-txt-magenta { color: var(--magenta); }
.fc-txt-dark { color: var(--txt-dark); }
.fc-txt-light {	color: var(--txt-light); }
.fc-txt-disabled { color: var(--txt-disabled) !important; }
.fc-txt-green { color: var(--green); }
.fc-txt-blue { color: var(--blue); }
.border-top-dashed { border-top: 1px dashed #dee2e6 !important; }
.border-top-dashed-gray2 { border-top: 1px dashed var(--txt-disabled) !important; }
.c-inactive, .c-inactive-clickable {
	filter: var(--filter-inactive);
	transition: 0.3s ease;
}
	.c-inactive-clickable:hover {
		filter: none;
		transition: 0.3s ease;
	}
.tooltip.myts-tooltip .tooltip-inner { background-color: var(--txt-dark); }
.tooltip.myts-tooltip .tooltip-arrow::before { border-top-color: var(--txt-dark); }

[class*="clickable"] { cursor: pointer; }
[class*="clickable"].on-hover-dark:hover { color: var(--txt-dark); }
[class*="clickable"].on-hover-no-txt-decor:hover { text-decoration:none !important; }

/* --- FORM STYLES --- */

/*
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
*/

.invoice-outer .nice-select.open ul.list{
	/*max-height:240px;*/
	/*overflow:auto;*/
	max-height: 210px;
	overflow-y: scroll !important;
}
.invoice-outer .nice-select.nice-select-scrollable.open ul.list{
	max-height:240px;
	overflow-y:scroll;
}
.invoice-outer .nice-select.open ul.list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.invoice-outer .nice-select.open ul.list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgb(255 255 255 / 50%);
}

/* TEXT INPUTS */

.invoice-outer .txt-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border-bottom: 1px solid var(--txt-disabled);
	color: var(--txt-dark);
	padding: 15px 10px;
	font-size: 16px;
	line-height: 20px;
}

.invoice-outer .txt-input:focus,
.invoice-outer .txt-input:hover {
	border-bottom: 1px solid var(--txt-light);
}

/* BUTTONS */
.invoice-outer .btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 2px solid transparent;
	border-radius: var(--brdr-radius-s);
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.3s ease-out,
				border-color 0.3s ease-out,
				box-shadow 0.3s ease-out,
				color 0.3s ease-out;
	/*white-space: nowrap;*/
	text-size-adjust: 100%;
	margin: 0px;
	font-family: var(--fw-ultra-tn);
	font-size: 14px;
	position: relative;
	line-height: 2em;
    padding: 0px 10px;
}

.invoice-outer .btn.style1 {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 20px;
}

.invoice-outer .btn.to-right { float: right; }
.invoice-outer .btn.to-left { float: left; }

.invoice-outer .btn:not(.disabled).magenta {
	background-color: var(--magenta) !important;
	border-color: var(--magenta);
	box-shadow: 0 4px 12px rgb(226, 0, 116, 24%);
	color: #fff;
}
.invoice-outer .btn:not(.disabled).magenta:focus,
.invoice-outer .btn:not(.disabled).magenta:hover {
	background: var(--magenta-hover) !important;
	border-color: var(--magenta-hover);
	box-shadow: 0 8px 16px rgb(226, 0, 116, 36%);
}
.invoice-outer .btn:not(.disabled).magenta-brdr {
	border-color: var(--magenta);
	color: var(--magenta);
}
.invoice-outer .btn:not(.disabled).magenta-brdr:focus,
.invoice-outer .btn:not(.disabled).magenta-brdr:hover {
	background-color: var(--magenta) !important;
	color: #fff;
}
.invoice-outer .btn:not(.disabled).blue-brdr {
	border-color: var(--txt-light);
	color: var(--txt-light);
}
.invoice-outer .btn:not(.disabled).blue-brdr:focus,
.invoice-outer .btn:not(.disabled).blue-brdr:hover {
	background-color: var(--txt-light) !important;
	color: #fff;
}
.invoice-outer .btn:not(.disabled).white-brdr {
	border-color: #FFF;
	color: #FFF;
}
.invoice-outer .btn:not(.disabled).white-brdr:focus,
.invoice-outer .btn:not(.disabled).white-brdr:hover {
	background-color: #FFF !important;
	color: var(--magenta);
}

.invoice-outer .btn.disabled,
.invoice-outer .btn.gray-brdr {
	border-color: var(--txt-disabled);
	color: var(--txt-light);
}


.invoice-outer .btn .btn-icon {
	float: right;
	margin-left: 15px;
	position: relative;
	top: 2.5px;
}
.invoice-outer .btn .btn-icon:after {
	content: '';
    border: 2px solid var(--bg-gray);
    color: #FFF;
    background-color: var(--magenta) !important;
    height: auto;
    width: auto;
    text-align: center;
    font-size: 6.5px;
    padding: 0px 1px 0px;
    position: absolute;
    right: 4px;
    bottom: 2px;
    font-family: sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    pointer-events: none;
    line-height: initial;
}
.invoice-outer .btn .btn-icon.pdf:after { content: 'PDF' }
.invoice-outer .btn div[class*="exticon-"] {

}

.invoice-outer .btn.textlink-btn {
	border: none;
	cursor: pointer;
	text-align: left;
	text-decoration: underline;
	text-transform: none;
	transition: none;
	font-family: var(--fw-medium-tgn);
	font-size: 16px;
	line-height: 1.5;
    padding: 0px;
}
.invoice-outer .btn.textlink-btn:hover{
	text-decoration: none;
}

/* --- MAIN STYLES --- */

/* HEADER PLACEHOLDER */
.header-outer {
	height: 339px;
	background: var(--headergrad-no-debt);
	width: 100%;
	margin: 0;
	position: relative;
	overflow: hidden;
}

.header-outer.no-debt { background: var(--headergrad-no-debt); }
.header-outer.has-debt { background: var(--headergrad-has-debt); }
.header-outer.expired-debt { background: var(--headergrad); }
/*.header-outer .dashboard-extra-bg {
	width: 100%;
	height: 168px; 
	content: "";
	background: rgba(226,0,116,1);
	display:none;
}
.header-outer.expired-debt.dashboard-extra .dashboard-extra-bg {
	display:block;
}*/
.header-outer.expired-debt.dashboard-extra{
	height:507px;
}

/* MENU PLACEHOLDER */

.main-menu-outer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
	align-items: center;
	background-color: #fff;
	border-radius: var(--brdr-radius);
	box-shadow: var(--main-shadow);
	box-sizing: border-box;
	height: 68px;
	margin: auto;
	max-width: 1108px;
	padding: 0 32px;
	position: relative;
	width: 100%;
	top: -90px;
	z-index: 2;
}
.header-outer.expired-debt.dashboard-extra .main-menu-outer{
	top: -174px;
}

.header-title {
	position: absolute;
	left: calc((100vw - 1140px) / 2);
	top: calc(50% + 30px);
	transform: translateY(-50%);
	z-index: 5;
	/*color: #FFF;*/
	color: var(--magenta);
	letter-spacing: 0.8px;
}
.header-title h1 {
	font-family: var(--fw-ultra-tgn);
}
.header-title span {
	font-family: var(--fw-bold-tgn);
	font-size: 18px;
	color: var(--txt-dark);
}
.header-title b {
	font-family: var(--fw-bold-tgn);
	font-size: 20px;
	/*background-color: #0167AF;*/
	background-color: var(--magenta);
	padding: 5px 10px;
	border-radius: 50px;
	word-break: keep-all;
    white-space: nowrap;
}

.header-outer.no-debt .header-title h1 { color: var(--magenta); }
.header-outer.has-debt .header-title h1 { color: #fff; }
.header-outer.expired-debt .header-title h1 { color: #fff; }
.header-outer.no-debt .header-title span { color: var(--txt-dark); }
.header-outer.has-debt .header-title span { color: #fff; }
.header-outer.expired-debt .header-title span { color: #fff; }
.header-outer.has-debt .header-title span b { background-color: var(--magenta); }
.header-outer.expired-debt .header-title span b { background-color: #0167AF; }
.header-outer.expired-debt.dashboard-extra .header-title{
	top: calc(50% + 30px - 84px);
}

/* FOOTER PLACEHOLDER */
.footer-outer {
	height: 309px;
	background-color: #FFF;
	border-top: 1px solid #E3E4EA;
	width: 100%;
	margin: 0px;
}


/* LOTTIE STYLE */
.lottie-wrapper {
	/*z-index: 1;*/
	/*z-index: -1;*/
	position: absolute;
	top: 0;
	right: calc((100vw - 1140px) / 2);
	max-width: 1140px;
	width: 100%;
	height: 100%;
	display:none;
}

.lottie-player {
	float: right;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}
.lottie-player:nth-child(1) { right: 50%; top: 70%; }
.lottie-player:nth-child(2) { right: 25%; top: 55%; }
.lottie-player:nth-child(3) { right: 6%; top: 85%; }
.lottie-player:nth-child(4) { top: 56%; right: -2%; }
.lottie-player:nth-child(5) { top: 63%; right: -6%; }

.header-outer .lottie-wrapper.lottie-wrapper-no-debt{ display:block;}
.header-outer.no-debt .lottie-wrapper.lottie-wrapper-no-debt{ display:block; }
.header-outer.has-debt .lottie-wrapper.lottie-wrapper-has-debt{	display:block; }
.header-outer.has-debt .lottie-wrapper.lottie-wrapper-no-debt{	display:none; }
.header-outer.expired-debt .lottie-wrapper.lottie-wrapper-expired-debt{	display:block; }
.header-outer.expired-debt .lottie-wrapper.lottie-wrapper-no-debt{	display:none; }
.header-outer.expired-debt.dashboard-extra .lottie-wrapper{	top:-84px; }

/* INVOICE STYLE */

.invoice-outer {
	background-color: var(--bg-gray);
	flex: 1 0 auto;
	margin: -12px 0px 0px;
	min-height: 50vh;
	width: 100%;
	/*position: relative;*/
	z-index: 3;
}

/* MAIN CONTENT */


.invoice-outer a { color: var(--txt-light); }
.invoice-outer a:hover { color: var(--txt-dark); }

.invoice-outer .alert {
	background: var(--warning-bg);
	border: 1px solid var(--bs-warning);
	padding: 30px 25px;
	margin-bottom: 20px;
	--bs-gutter-x: -2rem;
	font-family: var(--fw-ultra-tgn);
	color: var(--txt-dark);
}
.invoice-outer .alert.success {
	background: var(--warning-success-bg);
	border: 1px solid var(--bs-warning-success);
}
.invoice-outer .alert.unsuccess {
	background: var(--warning-unsuccess-bg);
	border: 1px solid var(--bs-warning-unsuccess);
}

.invoice-outer .info-container {
	background: var(--infocontainer-bg);
	border: 1px solid #009ddf;
	border-radius: 8px;
	padding: 30px 25px;
	margin-bottom: 20px;
	--bs-gutter-x: -2rem;
	font-family: var(--fw-medium-tgn);
	color: var(--txt-dark);
	position: relative;
}

.invoice-outer .infobox_content{
	display: none;
	position: relative;
}
.invoice-outer .pointer {
	height: 15px;
	width: 15px;
	background: #fff;
	transform: rotate(45deg);
	border-radius: 0 0 13px 0;
	margin-top: 0;
	position: absolute;
	border-top: 1px solid #009ddf;
	border-left: 1px solid #009ddf;
	right: 30px;
	top: -8px;
}
.infobox_close {
  	position: absolute;
	right: 0px;
	top: 0px;
	width: 32px;
	height: 32px;
  	opacity: 0.3;
  	cursor: pointer;
}
.infobox_close:hover {
  opacity: 1;
}
.infobox_close:before, .infobox_close:after {
  	position: absolute;
	right: 15px;
	content: ' ';
	height: 12px;
	width: 2px;
	background-color: #009ddf;
	top: 10px;
	cursor: pointer;
}
.infobox_close:before {
  transform: rotate(45deg);
}
.infobox_close:after {
  transform: rotate(-45deg);
}

.invoice-outer .main-content {
	width: 100%;
	padding-top: 40px;
	position: relative;
	float: right;
	z-index:3;
}
.invoice-outer .main-content.dashboard {
	padding-top: 0px;
}
.invoice-outer .main-content:before {
	content: '';
	position: fixed;
	height: 100vh;
	width: 100vw;
	background-color: rgba(0, 0, 0, 0.25);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease-in-out;
	z-index: 10;
	top: 0;
	left: 0;
}

.invoice-outer .mc-box {
	min-height: 100px;
}

.invoice-outer .sidebar + .main-content {
	width: calc(100% - 261px);
	padding-left: 40px;
}

.invoice-outer .breadcrumb {}
.invoice-outer .breadcrumb a,
.invoice-outer .breadcrumb span {
	--bs-breadcrumb-divider: '>';
	color: var(--txt-light)
}
.invoice-outer .breadcrumb a:hover{
	color: var(--txt-dark)
}
.invoice-outer .title-row {
	float: left;
	width: 100%;
	display: table;
}
.invoice-outer .title-icon {
	width: 25px;
	height: 25px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.invoice-outer .title-container {
    width: 100%;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.invoice-outer .title-icon.exclmark:after {
	content: '!';
	border: 2px solid var(--bg-gray);
	color: #FFF;
	background-color: var(--magenta);
	height: 18px;
	width: 18px;
	text-align: center;
	font-size: 14px;
	padding-left: 1px;
	position: absolute;
	right: -8px;
	bottom: 13px;
	border-radius: 50%;
	line-height: 15px;
	font-family: sans-serif;
}
.invoice-outer .title-icon div {}
.invoice-outer .title-row .title {
	display: table-cell;
	width: calc(100% - 235px);
	vertical-align: middle;
	padding-left: 15px;
}
.invoice-outer .title-btn-cnt {
	float: right;
	width: 200px;
	background-color: #FFF;
	box-shadow: var(--main-shadow);
	font-size: 14px;
	border-radius: var(--brdr-radius);
	line-height: 16px;
}
.invoice-outer .title-btn {
	float: left;
	width: 100px;
	padding: 10px;
	font-family: var(--fw-ultra-tgn);
	text-transform: uppercase;
	text-align: center;
	color: var(--txt-light);
}
.invoice-outer .title-btn:nth-child(1) { border-right: 1px solid #e4e6e9; }
.invoice-outer .title-btn.active { color: var(--magenta); }
.invoice-outer .title-btn a,
.invoice-outer .title-btn span {
	color: inherit;
	text-decoration: none;
}

.invoice-outer .button-row {
	clear: both;
	margin: 20px 0px 0px;
	float: left;
	width: 100%;
}
.invoice-outer .button-row a.btn { margin-bottom: 20px; }
.invoice-outer .button-row a.btn:not(:last-child) { margin-right: 5px; }
.invoice-outer .invoice-table {
	float: left;
	width: 100%;
}
.invoice-outer input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 2px solid var(--txt-disabled);
	background-color: transparent;
	color: transparent;
	position: relative;
	width: 25px;
	height: 25px;
	border-radius: 6px;
	cursor: pointer;
	outline: none;
	top: 2.5px;
	transition: color 0.2s ease-in-out,
				border-color 0.2s ease-in-out,
				background-color 0.2s ease-in-out;
}
.invoice-outer input[type="checkbox"]:checked {
	background-color: var(--magenta);
	border-color: var(--magenta);
	color: #FFF;
}
.invoice-outer input[type="checkbox"]:after {
	content: '';
	display: inline-block;
	height: 10px;
	width: 5px;
	border-bottom: 2px solid transparent;
	border-right: 2px solid transparent;
	position: absolute;
	top: calc(50% - 1px);
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	transition: border-color 0.2s ease-in-out;

}
.invoice-outer input[type="checkbox"]:checked:after { border-color: #FFF; }
.invoice-outer input[type="checkbox"]:disabled { opacity:0.3; cursor:default; }
.invoice-outer .invoice-table span {
	display: table-cell;
	vertical-align: middle;
	/*width: calc((100% / 7) - 35px);*/
}

.invoice-outer .form-switch input[type="checkbox"]{
   width: 3em;
   margin-right: 15px;
   top:0px;
   flex: 0 0 auto;
}
.invoice-outer .form-switch input[type="checkbox"] + label{
   color: var(--txt-light);
   cursor:pointer;
}
.invoice-outer .form-switch input[type="checkbox"]:checked + label{
   color: var(--txt-dark);
   font-family: var(--fw-medium-tgn);
}
.invoice-outer .form-switch input[type="checkbox"]:checked::after {
    display: none;
}
.invoice-outer .form-check-input[type="radio"] {
    display: none;
}
.invoice-outer .form-check-input[type="radio"] + label {
    position: relative;
    cursor: pointer;
	color:var(--txt-light);
	font-family:var(--fw-medium-tgn);
	padding-left:30px;
}

.invoice-outer .form-check-input[type="radio"] + label:before {
    position:absolute;
    content: '';
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid var(--txt-disabled);
    margin-left: -30px;
}
.invoice-outer .form-check-input[type="radio"]:checked + label:before {
	border-color:var(--magenta);
}
.invoice-outer .form-check-input[type="radio"]:checked + label:after {
	position:absolute;
	left:4px;
	top:4px;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
	background:var(--magenta);
}

.invoice-outer .invoice-table .invt-check  	{ width: 35px; }
.invoice-outer .invoice-table .invt-serial 	{ width: 150px; }
.invoice-outer .invoice-table .invt-type 	{ width: auto; text-align: center; }
.invoice-outer .invoice-table .invt-name 	{ width: 120px; }
.invoice-outer .invoice-table .invt-date 	{ width: 95px; text-align: center; }
.invoice-outer .invoice-table .invt-dl 		{ width: 70px; text-align: center; }
.invoice-outer .invoice-table .invt-sum 	{ width: auto; text-align: right; }
.invoice-outer .invoice-table .invt-serial span,
.invoice-outer .invoice-table .invt-type span,
.invoice-outer .invoice-table .invt-name span,
.invoice-outer .invoice-table .invt-date span,
.invoice-outer .invoice-table .invt-sum span,
.invoice-outer .invoice-table .invt-dl span {
	display:block;
}

.invoice-outer .invoice-table .invt-serial a { /*color: inherit;*/ }

.invoice-outer .invoice-table.detailed .invt-name 	{ width: 125px; }

.invoice-outer .invoice-table-body .magenta { color: var(--magenta); }
.invoice-outer .invoice-table-body .invt-sum {
	color: var(--magenta);
	font-family: var(--fw-ultra-tgn);
}
.invoice-outer .invoice-table-body .invt-det-dl a,
.invoice-outer .invoice-table-body .invt-dl a {
	position: relative;
	display: block;
}
.invoice-outer .invoice-table-body .invt-det-dl a:not(.textlink)::after,
.invoice-outer .invoice-table-body .invt-dl a:not(.textlink)::after {
	content: '';
	border: 2px solid #FFF;
	color: #FFF;
	background-color: var(--magenta);
	height: auto;
	width: auto;
	text-align: center;
	font-size: 6.5px;
	padding: 0px 1px 0px;
	position: absolute;
	right: 20px;
	bottom: 2px;
	font-family: sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	pointer-events: none;
}

.invoice-outer .invoice-table-body .invt-det-dl a:not(.textlink)::after,
.invoice-outer .invoice-table-body .invt-dl a:not(.textlink)::after { right: 4px; content: ''; border:none; }
.invoice-outer .invoice-table-body .invt-det-dl a.pdf:not(.textlink)::after,
.invoice-outer .invoice-table-body .invt-dl a.pdf:not(.textlink)::after { content: 'PDF'; }
.invoice-outer .invoice-table-body .invt-det-dl a.doc:not(.textlink)::after,
.invoice-outer .invoice-table-body .invt-dl a.doc:not(.textlink)::after { content: 'DOC'; }
.invoice-outer .invoice-table-body .invt-det-dl a.xls:not(.textlink)::after,
.invoice-outer .invoice-table-body .invt-dl a.xls:not(.textlink)::after { content: 'XLS'; }
.invoice-outer .invoice-table-body .invt-det-dl a.csv:not(.textlink)::after,
.invoice-outer .invoice-table-body .invt-dl a.csv:not(.textlink)::after { content: 'CSV'; }
.invoice-outer .invoice-table-body .invt-det-dl a.xml:not(.textlink)::after,
.invoice-outer .invoice-table-body .invt-dl a.xml:not(.textlink)::after { content: 'XML'; }

.invoice-outer .invoice-table-body .invtbl-open-sum-row,
.invoice-outer .invoice-table-body .invtbl-openrow {
	float: right;
	margin-left: 10px;
	padding: 7.5px 0px;
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out;
	cursor: pointer;
	/*filter: var(--filter-magenta);*/
}

.invoice-outer .invoce-table-row-wrapper .invtbl-open-sum-row,
.invoice-outer .invoce-table-row-wrapper .invtbl-openrow { filter: none; }

.invoice-outer .invoice-table-body .invtbl-open-sum-row.open,
.invoice-outer .invoice-table-body .invtbl-openrow.open {
	transform: rotate(180deg);
	filter: var(--filter-magenta);
}

.invoice-outer .invoice-table-body .invtbl-open-sum-row.inactive,
.invoice-outer .invoice-table-body .invtbl-openrow.inactive,
.invoice-outer .invoice-table-body .invtbl-open-sum-row.open.inactive,
.invoice-outer .invoice-table-body .invtbl-openrow.open.inactive {
	transform: rotate(0deg);
	filter: none;
	cursor:default;
}

.invoice-outer .invoice-table-head {
	display: table;
	width: 100%;
	padding: 0px 15px;
	table-layout: fixed;
	border-top: 1px solid var(--txt-disabled);
}

.invoice-outer .invoice-table-head span {
	font-family: var(--fw-ultra-tgn);
	color: var(--txt-light);
}
.invoice-outer .invoice-table-head span .exticon-png-arrow {

}
.invoice-outer .invoice-table-head span.table-order-btn,
.invoice-outer .m2m-table-head span.table-order-btn,
.page-out-wrapper span.table-server-order-btn {
	cursor:pointer;
}
.invoice-outer .invoice-table-head span.table-order-btn .exticon-png-arrow,
.invoice-outer .m2m-table-head span.table-order-btn .exticon-png-arrow,
.page-out-wrapper span.table-server-order-btn .exticon-png-arrow {
	transform-origin: center;
	transition: transform 0.3s ease-in-out;
}
.invoice-outer .invoice-table-head span.table-order-btn.order-asc .exticon-png-arrow,
.invoice-outer .m2m-table-head span.table-order-btn.order-asc .exticon-png-arrow,
.page-out-wrapper span.table-server-order-btn.order-asc .exticon-png-arrow {
	transform: rotate(180deg);
}
.invoice-outer .invoice-table-head span.table-order-btn:hover .exticon-png-arrow,
.invoice-outer .m2m-table-head span.table-order-btn:hover .exticon-png-arrow,
.page-out-wrapper span.table-server-order-btn:hover .exticon-png-arrow {
	filter: var(--filter-dark);
}
.invoice-outer .invoice-table-head span.table-order-btn.active .exticon-png-arrow,
.invoice-outer .m2m-table-head span.table-order-btn.active .exticon-png-arrow,
.page-out-wrapper span.table-server-order-btn.active .exticon-png-arrow {
	filter: var(--filter-magenta);
}

.page-out-wrapper {

}

section.main-content.dashboard .page-out-wrapper.page-container {
    margin-top: 0px !important;
}

.invoice-outer .invoice-table-body {
	width: 100%;
	float: left;
	color: var(--txt-light);
	font-family: var(--fw-medium-tgn);
}
.invoice-outer .invoice-box {}
.invoice-outer .invoice-box.amd-list {
	padding: 0px 15px 15px;
}
.invoice-outer .invoce-table-row-wrapper,
.invoice-outer .invoice-table-row {
	float: left;
	width: 100%;
	position:relative;
}
.invoice-outer .invoce-table-row-wrapper {
	transition: max-height 0.5s ease-in-out;
	max-height: 52px;
    overflow: hidden;
}
.invoice-outer .invoce-table-row-wrapper:not(:last-child) { border-bottom: 1px dashed #EAEAEA; }
.invoice-outer .invoce-table-row-wrapper.open {
	max-height: 5000px;
	/*overflow: auto;*/
}


.invoice-outer .invoice-table-row-head {
	display: table;
	width: 100%;
	padding: 10px 0px;
}

.invoice-outer .invoce-table-row-wrapper > .invoice-table-row {
	width: calc(100% - 65px);
	float: right;
}
.invoice-outer .invoce-table-row-wrapper .invoice-table-row .invt-check { width: 15%; }
.invoice-outer .invoice-table-row-head .invt-check {}
.invoice-outer .invoice-table-row-head .invt-serial {
	text-align: left !important;
	padding-left: 10px;
	color: var(--txt-light);
	font-family: var(--fw-bold-tgn);
}
.invoice-outer .invoice-table-row-head .invt-serial a { color: inherit; }
.invoice-outer .invoice-table-row-head .invt-numofinvoices,
.invoice-outer .invoice-table-row-head .invt-sumofinvoces { text-align: right; }
.invoice-outer .invoice-table-row-head .invt-sumofinvoces.magenta { color: var(--magenta); }
.invoice-outer .invoice-table-row-head .invt-sumofinvoces {
	font-family: var(--fw-ultra-tgn);
	transition: color 0.3s ease-in-out;
	min-width: 110px;
}
.invoice-outer .invoce-table-row-wrapper.open .invoice-table-row-head .invt-sumofinvoces { color: var(--magenta); }

.invoice-outer .invoice-table-row-head > span { border: none !important; }
.invoice-outer .invoice-table-row-head > span:not(.invt-check):not([class*="col-"]):not(.invt-dl) { width: calc((100% / 3) - 35px); }

.invoice-outer .inv-table-row-contents {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 5px 0px;
}
.invoice-outer .inv-table-row-contents .inv-table-row-contents-title {
	/*font-family: var(--fw-ultra-tgn);*/
	color: var(--txt-light);
}
.invoice-outer .inv-table-row-contents .inv-table-row-contents-title.open {
	color: var(--magenta);
}
.invoice-outer .inv-table-row-contents .invt-sum { font-family: var(--fw-medium-tgn); }
.invoice-outer .invoice-table-head span,
.invoice-outer .inv-table-row-contents span { padding: 10px; }
.invoice-outer .invoice-table-head span:first-child,
.invoice-outer .inv-table-row-contents span:first-child { padding-left: 0px; padding-right: 0px; }
.invoice-outer .invoice-table-row-head + .invoice-table-row { border-top: 1px dashed #EAEAEA; }
.invoice-outer .invoice-table-row:not(:last-child) { border-bottom: 1px dashed #EAEAEA; }
/*.invoice-outer .invoice-table-body span:not(:last-child):not(:first-child) { border-right: 1px solid #EAEAEA; }*/
.invoice-outer .invoice-table-body span:not(:last-child):not(.invt-check):not(.title-icon) { border-right: 1px solid #EAEAEA; }
.invoice-outer .invoice-table-body span.right-bordered { border-right: 1px solid #EAEAEA; }
.invoice-outer .invoce-table-row-wrapper .inv-table-row-contents .invt-sum { padding-right: 0px; }
.invoice-outer .invoce-table-row-wrapper .invt-details.open,
.invoice-outer .invoce-table-row-wrapper .invt-details {
	padding-left: 25%;
}

.invoice-outer .invt-details {
	max-height: 0px;
	overflow: hidden;
	transition: max-height 0.5s ease-in-out,
				padding 0.5s ease-in-out;
	padding: 0px;
}
.invoice-outer .invt-details.open {
	max-height: 100%;
	padding: 20px 0px 10px;
}

.invoice-outer .invt-det-list {
	list-style: none;
	float: left;
	width: 100%;
	padding-right: 45px;
}
.invoice-outer .invt-det-list li {
	float: left;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.invoice-outer .invt-det-list b {}
.invoice-outer .invt-det-dl {
	display: inline-block;
	vertical-align: bottom;
}
.invoice-outer .invt-det-dl span {
	display: inline-block;
	position: relative;
	padding-left: 15px;
}
.invoice-outer .invt-det-dl a {}
.invoice-outer .invt-det-dl div {}
.invoice-outer .invt-det-sum {
	list-style: none;
	float: left;
	width: 100%;
	border-top: 1px solid #EAEAEA;
	padding-top: 15px;
	padding-right: 45px;
	font-family: var(--fw-ultra-tgn);
}
.invoice-outer .invoce-table-row-wrapper .invt-det-sum { padding-right: 35px; }
.invoice-outer .invt-det-sum li {
	float: left;
	width: auto;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}
.invoice-outer .invt-det-sum li:last-child { float: right; text-align: right; }

.invoice-outer .invt-show-l,
.invoice-outer .invt-show-m,
.invoice-outer .invt-show-s,
.invoice-outer .invt-show-xs,
.invoice-outer .invt-show-xxs { display: none !important; }

.invoice-outer .invoice-bottom {
	margin: 20px 0px;
	float: left;
	width: 100%;
}
.invoice-outer .invb-row {
	width: 100%;
	float: left;
	padding: 0px 15px;
	padding-bottom: 15px;
    padding-top: 15px;
    /*border-radius: var(--brdr-radius);*/
	transition: background-color 0.3s ease-in-out;
}
.invoice-outer .invb-row:not(:last-child) {
	border-bottom: 1px dashed var(--txt-disabled);
}
.invoice-outer .dashboard .invb-row{
	border-bottom: none;
}
.invoice-outer .dashboard .invb-row:not(:first-child), .invoice-outer .dashboard div.invoice-box:not(.amd-list) div[data-services-row="true"]:not(:first-child) .invb-row{
	border-top: 1px dashed var(--txt-disabled);
}
.invoice-outer .invb-row-icon {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px solid var(--magenta);
	line-height: 22px;
	text-align: center;
	background-color: transparent;
	color: var(--magenta);
	font-family: sans-serif;
	float: left;
	font-weight: 600;
	padding-left: 1px;
	margin: 7.5px 0px;
	transition: color 0.3s ease-in-out,
				border-color 0.3s ease-in-out;
}
.invoice-outer .invb-row-icon.info {}
.invoice-outer .invb-row-icon.exclamation {
	color: #FFF;
	background-color: var(--magenta);
}
.invoice-outer .invb-row-title {
	padding-left: 20px;
	font-family: var(--fw-ultra-tgn);
	color: var(--txt-dark);
	font-size: 20px;
	margin: 7.5px 0px;
	display: inline-block;
	transition: color 0.3s ease-in-out;
}
.invoice-outer .invb-checkout {
	float: right;
}
.invoice-outer .invb-row-price {
	padding-right: 20px;
	font-family: var(--fw-ultra-tgn);
	color: var(--magenta);
	font-size: 22px;
	margin: 5px 0px;
	display: inline-block;
	transition: color 0.3s ease-in-out;
}
.invoice-outer .invb-row-btn {
	float: right;
	padding: 5px 20px;
}

.invoice-outer .invb-row.has-data {
	background-color: var(--magenta);
}
.invoice-outer .invb-row.has-data .invb-row-icon {
	border-color: #FFF;
	color: #FFF;
}
.invoice-outer .invb-row.has-data .invb-row-price,
.invoice-outer .invb-row.has-data .invb-row-title {
	color: #FFF;
}

.invoice-outer .filter-row-btn {
	float: left;
    width: 100%;
    cursor: pointer;
    text-align: right;
    padding-right: 20px;
    line-height: 25px;
    margin-bottom: 20px;
    font-family: var(--fw-ultra-tgn);
    color: var(--txt-light);
}
.invoice-outer .filter-row-btn .exticon-png-arrow {
	margin-left: 10px;
	float: right;
	padding: 7.5px 0px;
	width: 14px;
}
.invoice-outer .filter-row-btn.open { color: var(--magenta); }
.invoice-outer .filter-row-btn.open .exticon-png-arrow {
	transform: rotate(180deg);
    filter: var(--filter-magenta);
}
.invoice-outer .filter-row {
	background-color: #F6F6F6;
	float: left;
    width: 100%;
    border-radius: var(--brdr-radius);
    box-shadow: var(--main-shadow);
    margin-bottom: 10px;
    overflow: hidden;
    max-height: 0px;
    transition: max-height 0.5s ease-in-out;
}

.invoice-outer .filter-row-btn.open + .filter-row {
	max-height: 900px;
	overflow:visible;
}

.invoice-outer .filter-row + .invoice-table .invoice-table-head { border-top: 0px; }
.invoice-outer .filter-row .filter-form {
	padding: 15px 15px 5px;
	float: left;
}
.invoice-outer .filter-row .filter-item {
	width: 50%;
	margin-bottom: 10px;
}
.invoice-outer .filter-row .filter-item.left {
	float: left;
	padding-right: 10px;
}
.invoice-outer .filter-row .filter-item.right {
	float: right;
	padding-left: 10px;
}
.invoice-outer .filter-row .filter-item > label,
.invoice-outer .filter-row .filter-item > span {
	float: left;
	width: 150px;
	font-family: var(--fw-medium-tgn);
	color: var(--txt-light);
}
.invoice-outer .filter-row .filter-item .nice-select,
.invoice-outer .filter-row .filter-item select {
	width: calc(100% - 150px);
	clear: none;
	border: none;
	border-bottom: 1px solid;
	border-color: #B9B8BD;
	border-radius: var(--brdr-radius-s);
}
.invoice-outer .filter-row .filter-item.filter-item-with-info .nice-select,
.invoice-outer .filter-row .filter-item.filter-item-with-info select {
	width: calc(100% - 185px);
}
.invoice-outer .filter-row .filter-item .nice-select:after {
	height: 7.5px;
	width: 7.5px;
    margin-top: -6px;
    border-color: var(--txt-dark);
}
.invoice-outer .filter-row .filter-item .nice-select .option { font-family: var(--fw-normal-tgn); }
.invoice-outer .filter-row .filter-item .nice-select .current,
.invoice-outer .filter-row .filter-item .nice-select .option.selected { font-family: var(--fw-medium-tgn); }
.invoice-outer .filter-row .filter-item input[type="text"],
.invoice-outer .filter-row .filter-item input[type="password"],
.invoice-outer .filter-row .filter-item input[type="tel"],
.invoice-outer .filter-row .filter-item input[type="email"],
.invoice-outer .filter-row .filter-item input[type="date"],
.invoice-outer .filter-row .filter-item input[type="month"] {
	width: calc(100% - 150px);
	clear: none;
	border: none;
	border-bottom: 1px solid;
	border-color: #B9B8BD;
	border-radius: var(--brdr-radius-s);
	padding: 10px 15px;

}
.invoice-outer .filter-row .filter-item.filter-item-with-info .nice-select .option { font-family: var(--fw-normal-tgn); }
.invoice-outer .filter-row .filter-item.filter-item-with-info .nice-select .current,
.invoice-outer .filter-row .filter-item.filter-item-with-info .nice-select .option.selected { font-family: var(--fw-medium-tgn); }
.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="text"],
.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="password"],
.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="tel"],
.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="email"],
.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="date"],
.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="month"] {
	width: calc(100% - 185px);
	float:left;

}
.invoice-outer .filter-row.bg-white .filter-item input[type="text"],
.invoice-outer .filter-row.bg-white .filter-item input[type="password"],
.invoice-outer .filter-row.bg-white .filter-item input[type="tel"],
.invoice-outer .filter-row.bg-white .filter-item input[type="email"],
.invoice-outer .filter-row.bg-white .filter-item input[type="date"],
.invoice-outer .filter-row.bg-white .filter-item input[type="month"] {
		background:var(--bg-gray);
}
.invoice-outer .filter-row .filter-item input[type="date"], .invoice-outer .filter-row .filter-item input[type="month"] {
    cursor: pointer;
}
.invoice-outer .filter-row .clearfix {}
.invoice-outer .filter-row .filter-item .checkbox-container {
	float: left;
	width: calc(100% - 150px);
}
.invoice-outer .filter-row .filter-item.filter-item-with-info .checkbox-container {
	width: calc(100% - 185px);
}
.invoice-outer .filter-row .filter-item .checkbox-wrapper {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.invoice-outer .filter-row .filter-item .checkbox-wrapper label {
	font-family: var(--fw-medium-tgn);
	color: var(--txt-light);
	padding-top: 2.5px;
	max-width: calc( 100% - 35px );
}
.invoice-outer .filter-row .filter-item .checkbox-wrapper input[type="checkbox"] {
	float: left;
	margin-right: 10px;
}

.invoice-outer .filter-row .filter-item button {
	float: right;
}

.invoice-outer .pager-cnt {
	float: right;
	margin-bottom: 20px;
}
.invoice-outer .pager {}
.invoice-outer .pager-item {
	background-color: #E8ECEF;
	text-decoration: none !important;
	font-family: var(--fw-bold-tgn);
	font-size: 16px;
	padding: 6px 10px;
	float: left;
	margin-left: 10px;
	color: var(--txt-light);
	border-radius: var(--brdr-radius-s);
	cursor: pointer;
	user-select: none;
}
.invoice-outer .pager-item:hover {
	color: var(--magenta);
}
.invoice-outer .pager-item > .pager-icon {

}
.invoice-outer .pager-item:hover > .pager-icon {
	filter: var(--filter-magenta);
}
.invoice-outer .pager-item.active {
	background-color: var(--magenta);
	color: #FFF;
}
.invoice-outer .pager-item.prev,
.invoice-outer .pager-item.next {
	padding: 10px;
}
.invoice-outer .pager-item.prev {}
.invoice-outer .pager-item.next .pager-icon { transform: rotate(180deg); }


.invoice-outer .invb-download-tiles-title {
	font-size: 14px;
	font-family: var(--fw-medium-tgn);
	float: left;
	width: 100%;
	margin-bottom: 15px;
	color: #9297AB;
}
.invoice-outer .invb-download-tiles-wrapper {
	display: table;
    width: auto;
    margin: 0 auto;
}
.invoice-outer .invb-download-tiles-wrapper + .btn { margin-top: 10px; }
.invoice-outer .invb-dltile {
	float: left;
	/*width: calc((100% / 6) - 20px);*/
	width: 110px;
	margin-bottom: 20px;
	padding: 20px 5px 10px;
	border: 2px solid #9297AB;
	border-radius: var(--brdr-radius);
	user-select: none;
	cursor: pointer;
	transition: background-color 0.3s ease-in-out,
				border-color 0.3s ease-in-out;
}
.invoice-outer .invb-dltile.active {
	border-color: var(--magenta);
	background-color: var(--magenta);
}
.invoice-outer .invb-dltile.post {
	cursor:default;
	opacity: 0.5;
}
.invoice-outer .invb-dltile:not(:last-child) { margin-right: 20px; }
.invoice-outer .invb-dltile-icon {
	position: relative;
	float: left;
	width: 100%;
}
.invoice-outer .invb-dltile-icon div {
	width: 100%;
	max-width: initial;
	max-height: 40px;
	float: left;
	transition: filter 0.3s ease-in-out;
}
.invoice-outer .invb-dltile-description {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-family: var(--fw-bold-tgn);
    color: #9297AB;
    font-size: 14px;
    transition: color 0.3s ease-in-out;
}

.invoice-outer .invb-dltile.active .invb-dltile-icon div { filter: contrast(10); }
.invoice-outer .invb-dltile.active .invb-dltile-description { color: #FFF; }

.invoice-outer .invb-dltile-icon:after {
	content: '';
	color: var(--bg-gray);
	background-color: #9297AB;
	height: auto;
	width: 28px;
	text-align: center;
	font-size: 10px;
	position: absolute;
	left: 26px;
	bottom: 6px;
	font-family: sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	pointer-events: none;
	transition: color 0.3s ease-in-out,
				background-color 0.3s ease-in-out;
}
.invoice-outer .invb-dltile.active .invb-dltile-icon:after {
	color: var(--magenta);
	background-color: #FFF;
}
.invoice-outer .invb-dltile-icon:after { right: 4px; }

.invoice-outer .invb-dltile-icon.pdf:after { content: 'PDF'; }
.invoice-outer .invb-dltile-icon.doc:after { content: 'DOC'; }
.invoice-outer .invb-dltile-icon.xls:after { content: 'XLS'; }
.invoice-outer .invb-dltile-icon.xml:after { content: 'XML'; }
.invoice-outer .invb-dltile-icon.csv:after { content: 'CSV'; }

.invoice-outer .invb-notice-me label,
.invoice-outer .invb-notice-me a,
.invoice-outer .invb-notice-me span {
	color: var(--txt-light);
	float: left;
	width: 100%;
}
.invoice-outer .invb-notice-me label {
	width: calc(100% - 35px);
	padding-top: 2.5px;
	padding-left: 10px;
}
.invoice-outer .invb-notice-me span {
	margin-bottom: 10px;
}
.invoice-outer .invb-notice-me input {
	float: left;
}

.invoice-outer .invb-notice-me .row > div {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.invoice-outer .invoice-details-row {
	background-color: #F6F6F6;
	padding: 20px;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.invoice-outer .inv-details-head {}
.invoice-outer .inv-details-title {
	float: left;
	width: 100%;
	font-family: var(--fw-ultra-tgn);
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #D5D6DA;
	color: var(--txt-dark);
}
.invoice-outer .inv-details-title.inv-details-title-noborder { border:none; }
.invoice-outer .inv-details-head-style-2 {	border-bottom: 1px solid #D5D6DA; }
.invoice-outer .inv-details-subtitle {
    width: 100%;
    font-family: var(--fw-ultra-tgn);
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: var(--txt-light);
}
.invoice-outer .inv-details-box {
	margin-bottom: 20px;
	/*overflow: hidden;*/
}

.invoice-outer .inv-details-box .invb-notice-me {
	padding-left: 0px;
	padding-right: 0px;
}

.invoice-outer .invdb-item {
	float: left;
	width: 100%;
}
.invoice-outer .invdb-item:not(:first-child) { margin-top: 10px; }
.invoice-outer .invdb-item span {
	float: left;
	color: var(--txt-light);
}
.invoice-outer .invdb-item span.magenta { color: var(--magenta); }

.invoice-outer .invdb-item span:nth-child(odd) {
	width: 230px;
	font-family: var(--fw-bold-tgn);
}
.invoice-outer .invdb-item span:nth-child(even) {
	width: calc(100% - 230px);
	font-family: var(--fw-medium-tgn);
}
.invoice-outer .invdb-item span a  {
	float: right;
	font-family: var(--fw-bold-tgn);
	color: var(--txt-light);
}
.invoice-outer .invdb-separator {
	border-bottom: 1px dashed #D0D0D0;
	float: left;
	width: 100%;
	clear: both;
	margin: 20px 0px;
}
.invoice-outer .invdb-separator + .invdb-item { margin-top: 0px; }
.invoice-outer .inv-details-box.style2 {
	max-height: 57px;
	transition: max-height 0.5s ease-in-out;
}
.invoice-outer .inv-details-box.style2.open {
	max-height: 3000px;
	overflow: visible;
}

.invoice-outer .inv-details-box.style2 .invdb-item span:nth-child(even) { text-align: right; }
.invoice-outer .inv-details-box.style2 .invdb-item span {
	border-bottom: 1px dashed #D0D0D0;
	padding: 10px 0px;
}
.invoice-outer .invdb-title {
	float: left;
	width: 100%;
	font-family: var(--fw-ultra-tgn);
	font-size: 18px;
	color: var(--txt-dark);
	margin-bottom: 20px;
	transition: color 0.3s ease-in-out;
	cursor: pointer;
	user-select: none;
}
.invoice-outer .invdb-title div[class="exticon-png-arrow"] {
	float: right;
	margin-top: 10px;
	transition: transform 0.3s ease-in-out;
}
.invoice-outer .inv-details-box.style2.open .invdb-title { color: var(--magenta); }
.invoice-outer .inv-details-box.style2.open .invdb-title div[class="exticon-png-arrow"] {
	filter: var(--filter-magenta);
	transform: rotate(180deg);
}
.invoice-outer .invdb-item span div[class="invb-row-icon info"] {
	float: none;
	margin: 0px;
	width: 20px;
	height: 20px;
	line-height: 17.5px;
	padding-left: 1px;
	border-color: #B8B7C7;
	color: #B8B7C7;
	display: inline-block;
	font-size: 12px;
}

.invoice-outer .invdb-btn-wrapper {
	clear: both;
	float: right;
	margin: 20px 0px;
}

.invoice-outer .invdb-btn-wrapper .btn:first-child { margin-right: 10px; }

.invoice-outer .invdb-subtitle {
	float: left;
	width: 100%;
    font-family: var(--fw-ultra-tgn);
    font-size: 18px;
    color: var(--txt-dark);
}
.invoice-outer .invdb-subtitle .invb-row-icon.info {
	margin: 0px 10px 0px 0px;
}

.invoice-outer .invdb-dl-separator {
	float: left;
	position: relative;
}
.invoice-outer .invdb-dl-separator #dl-invoice {
	position: absolute;
	bottom: 0;
	right: 15px;
}
.invoice-outer .invdb-separator + .invb-row {
	padding: 0px 0px 20px;
}
.invoice-outer .invdb-dl-separator:first-child {
	width: calc(100% - 130px);
	padding-right: 15px;
	min-height: 290px;
	border-right: 1px solid #B8B7C7;
	padding-bottom: 50px;
}
.invoice-outer .invdb-dl-separator:last-child {
	width: 130px;
    padding-left: 15px;
}
.invoice-outer .invdb-dl-separator .invb-dltile {
	margin-right: 0px;
	margin-bottom: 10px;
}
.invoice-outer .invdb-dl-separator .invb-dltile:not(:last-of-type) { margin-right: 10px; }
.invoice-outer .invdb-dl-separator-description {
	float: left;
	width: 100%;
}
.invoice-outer .invdb-dl-separator-description input[type="checkbox"] {
	float: left;
}
.invoice-outer .invdb-dl-separator-description label {
	font-size: 12px;
	float: left;
	padding-left: 5px;
	width: calc(100% - 25px);
	font-family: var(--fw-bold-tgn);
	color: var(--txt-light);
	line-height: 14px;
}
.invoice-outer .invdb-dl-separator button {
	margin-top: 10px;
	clear: both;
}

.invoice-outer .inv-details-box .invoice-table-head {
	padding: 0px;
}
.invoice-outer .inv-details-box .inv-table-row-contents .invt-serial { border-right: 1px solid #EAEAEA; }


/* M2M STYLES */
.invoice-outer .m2m-maincontent-row{
	border-radius: var(--brdr-radius);
	box-shadow: var(--main-shadow);
}
.invoice-outer .m2m-maincontent-row .m2m-head-row {
	width:100%;
	margin-bottom:20px;
}
	.invoice-outer .m2m-maincontent-row .m2m-head-row  a{
		width:100%;
		margin-bottom:20px;
		color: var(--txt-light);
		font-family:var(--fw-medium-tgn);
	}
		.invoice-outer .m2m-maincontent-row .pager-item.active {
		    background-color: var(--magenta);
		    color: #FFF;
		}
.invoice-outer .m2m-maincontent-row .m2m-checkbox-wrapper{
	margin-bottom:10px;
}
	.invoice-outer .m2m-maincontent-row .m2m-checkbox-wrapper label{
		color: var(--txt-light);
		padding-left:10px;
		padding-top:4px;
		line-height:20px;
		font-family:var(--fw-medium-tgn);
		cursor:pointer;
	}
	.invoice-outer .m2m-maincontent-row .m2m-checkbox-wrapper label:hover{
		color: var(--txt-dark);
	}
	.invoice-outer .m2m-maincontent-row .m2m-checkbox-wrapper.d-flex input[type="checkbox"]{
		flex: 0 0 auto;
	}
	.invoice-outer .m2m-maincontent-row .m2m-checkbox-wrapper input[type="checkbox"]:disabled + label{
		color: var(--txt-disabled);
		cursor:default;
		opacity:0.6;
	}
.invoice-outer .m2m-maincontent-row .inv-nobg-box{
	box-shadow:none;
	background:none;
	padding: 0 15px 0 15px;
}
/*.invoice-outer .m2m-maincontent-row .inv-details-box {
	overflow: visible;
}*/
.invoice-outer .m2m-maincontent-row .inv-details-box.open {
	overflow: visible;
}
.invoice-outer .m2m-maincontent-row .m2m-input-row,
.invoice-outer .modal .modal-body .m2m-input-row{
	margin-bottom:15px;
}
	.invoice-outer .m2m-maincontent-row .m2m-input-row label,
	.invoice-outer .modal .modal-body .m2m-input-row label{
		font-family: var(--fw-medium-tgn);
		color: var(--txt-light);
		padding:5px 0px;
	}
	.invoice-outer .m2m-maincontent-row .m2m-input-row .form-check label,
	.invoice-outer .modal .modal-body .m2m-input-row .form-check label{
		padding:0px;
		padding-left:30px;
	}
	.invoice-outer .m2m-maincontent-row .m2m-input-row input[type="text"],
	.invoice-outer .m2m-maincontent-row .m2m-input-row input[type="password"],
	.invoice-outer .m2m-maincontent-row .m2m-input-row input[type="tel"],
	.invoice-outer .m2m-maincontent-row .m2m-input-row input[type="email"],
	.invoice-outer .m2m-maincontent-row .m2m-input-row input[type="date"],
	.invoice-outer .m2m-maincontent-row .m2m-input-row input[type="month"],
	.invoice-outer .modal .modal-body .m2m-input-row input[type="text"],
	.invoice-outer .modal .modal-body .m2m-input-row input[type="password"],
	.invoice-outer .modal .modal-body .m2m-input-row input[type="tel"],
	.invoice-outer .modal .modal-body .m2m-input-row input[type="email"],
	.invoice-outer .modal .modal-body .m2m-input-row input[type="date"],
	.invoice-outer .modal .modal-body .m2m-input-row input[type="month"]{
		width: 100%;
		clear: none;
		border: none;
		border-bottom: 1px solid;
		border-color: #B9B8BD;
		border-radius: var(--brdr-radius-s);
		padding: 10px 15px;
		background:var(--bg-gray);
	}

.invoice-outer .m2m-maincontent-row textarea,
.invoice-outer .modal .modal-body textarea{
	width: 100%;
	clear: none;
	border: none;
	border-bottom: 1px solid;
	border-color: #B9B8BD;
	border-radius: var(--brdr-radius-s);
	padding: 10px 15px;
	background:var(--bg-gray);
}

.invoice-outer .m2m-maincontent-row .form-control[type="file"],
.invoice-outer .modal .modal-body .form-control[type="file"] {
   background:#fff;
   cursor:pointer;
}

.invoice-outer .m2m-maincontent-row .nice-select,
.invoice-outer .m2m-maincontent-row select,
.invoice-outer .modal .modal-body .nice-select,
.invoice-outer .modal .modal-body select {
	width: 100%;
	clear: none;
	border: none;
	border-bottom: 1px solid;
	border-color: #B9B8BD;
	border-radius: var(--brdr-radius-s);
	background:var(--bg-gray);
}
.invoice-outer .m2m-maincontent-row .nice-select.pagesizes,
.invoice-outer .m2m-maincontent-row select.pagesizes,
.invoice-outer .modal .modal-body .nice-select.pagesizes,
.invoice-outer .modal .modal-body select.pagesizes {
	border: none;
	background:none;
}
.invoice-outer .m2m-maincontent-row .nice-select:after,
.invoice-outer .modal .modal-body .nice-select:after {
	height: 7.5px;
	width: 7.5px;
    margin-top: -6px;
    border-color: var(--txt-dark);
}
.invoice-outer .m2m-maincontent-row .nice-select .option,
.invoice-outer .modal .modal-body .nice-select .option {
	font-family: var(--fw-normal-tgn);
    font-size: 14px;
}
.invoice-outer .m2m-maincontent-row .nice-select .current,
.invoice-outer .m2m-maincontent-row .nice-select .option.selected,
.invoice-outer .modal .modal-body .nice-select .current,
.invoice-outer .modal .modal-body .nice-select .option.selected { font-family: var(--fw-medium-tgn); color: var(--txt-dark); }
.invoice-outer .m2m-maincontent-row .nice-select.open .list,
.invoice-outer .modal .modal-body .nice-select.open .list { width:100%; }
.invoice-outer .m2m-maincontent-row .form-switch .form-check-input:focus,
.invoice-outer .modal .modal-body .form-switch .form-check-input:focus {
    box-shadow:none;
}

.invoice-outer .m2m-table span {
    display: table-cell;
    vertical-align: middle;
}
.invoice-outer .m2m-table-row-contents {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 5px 0px;
}
	.invoice-outer .m2m-serial {
		width: 210px;
	}
	.invoice-outer .m2m-group {
		width: 130px;
	}
	.invoice-outer .m2m-ip {
		width: 90px;
	}
	.invoice-outer .m2m-server {
		width: 90px;
	}
	.invoice-outer .m2m-limit {
		width: 100px;
	}
	.invoice-outer .m2m-roaming {
		width: 100px;
	}
.invoice-outer .m2m-table-row {
    border-top: 1px dashed #EAEAEA;
}
	.invoice-outer .m2m-table-row:nth-last-of-type(1) {
	    border-top: 1px dashed #EAEAEA;
	    border-bottom: 1px dashed #EAEAEA;
	}
.invoice-outer .m2m-table-body span:not(:last-child):not(:first-child) {
    border-right: 1px solid #EAEAEA;
}
.invoice-outer .m2m-table-body.m2m-table-body-style2 span:not(:last-child){
    border-right: 1px solid #EAEAEA;
}
.invoice-outer .m2m-table-head span, .m2m-table-row-contents span {
    padding: 10px;
}
.invoice-outer .m2m-table-body .m2m-table-head span:not(:last-child):not(:first-child) {
    border-right: 0;
}
.invoice-outer .m2m-table-body.m2m-table-body-style2 .m2m-table-head span:first-child {
    border-right: 0;
}
.invoice-outer .m2m-table-body{
	font-family: var(--fw-medium-tgn);
	color:var(--txt-light);
}
.invoice-outer .m2m-table-body .m2m-table-head {
	display: table;
	width: 100%;
	table-layout: fixed;
	font-family: var(--fw-ultra-tgn);
}
	.invoice-outer .m2m-table-body .m2m-table-head span{
		vertical-align: top;
	}

.invoice-outer .m2m-table .m2m-check {
    width: 35px;
}
.invoice-outer .m2m-table .m2m-serial .m2mtbl-openrow {
    display:none;
}

.invoice-outer .m2m-table .m2mtbl-openrow {
	float: right;
	margin-left: 10px;
	padding: 0px;
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out;
	cursor: pointer;
	filter: var(--filter-magenta);
}
.invoice-outer .m2m-table .m2mtbl-openrow.open {
	transform: rotate(180deg);
	filter: var(--filter-magenta);
}
	.invoice-outer .m2m-table .m2m-serial .invt-details .invt-det-list{
		margin:0px;
		padding:0px;
		padding-left:25px;
	}
.invoice-outer .m2m-maincontent-row .invt-details.open {
    max-height: 100%;
    padding: 10px 0px 10px;
    border: 1px solid var(--brdr-color);
    border-radius: 4px;
    box-shadow: var(--main-shadow);
    margin: 15px 0;
	overflow:visible;
}
.invoice-outer .m2m-maincontent-row .invoice-table .invoice-table-body .invoice-table-row .invt-details.open {
   overflow:hidden;
}
.invoice-outer .m2m-maincontent-row .invt-details.invt-details-inner.open {
	border: none;
    border-radius: 0px;
    box-shadow: none;
}
.invoice-outer .m2m-maincontent-row .invt-details {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;
    padding: 20px 0 10px;
}
.invoice-outer .m2m-maincontent-row .invt-details.open > div:not(:first-child).open {
    border: 0;
    border-top: 1px dashed #EAEAEA;
    box-shadow: none;
    margin: 0;
}
	.invoice-outer .m2m-maincontent-row .invt-details .invt-details-inside-box {
		box-shadow: none;
		border: solid 1px var(--brdr-color);
		float: none;
	}
		.invoice-outer .m2m-maincontent-row .invt-details .invt-details-inside-box > div:not(:first-child):not(:nth-child(2)){
			border-top: 1px dashed #EAEAEA;
		}
		.invoice-outer .m2m-maincontent-row .invt-details .invt-details-inside-box.traffic-details-inside-box > div:not(:first-child){
			border-top: 1px dashed #EAEAEA;
		}
			.invoice-outer .m2m-maincontent-row .invt-details .invt-details-inside-box .invt-details{
				border:none;
				box-shadow:none;
				margin:0px;

			}
		.invoice-outer .m2m-maincontent-row .invt-details .invt-details-inside-box .invt-details-inside-head {
			border-bottom:solid 1px var(--brdr-color);
		}
.invoice-outer .m2m-maincontent-row .subscription-list {
    border-bottom: 1px dashed #EAEAEA;
}

.invoice-outer .m2m-maincontent-row .invt-details-inside-box input[type="checkbox"]:after {
	content: none;
}
.invoice-outer .m2m-maincontent-row .invt-details-inside-box input[type="checkbox"]:checked:after {
    content: '';
}

.invoice-outer .m2m-maincontent-row .invtbl-editrow {
	padding: 0;
}
.invoice-outer .m2m-maincontent-row .qr-code-container {
	background: var(--bs-light);
	border:solid 1px var(--brdr-color);
	border-radius: 4px;
}
.invoice-outer .m2m-maincontent-row .progress-bar {
    background-color: var(--green);
}

.invoice-outer .m2m-maincontent-row .invoice-table .invt-dl.col-2 {
	width: 70px;
    text-align: center;
}

.invoice-outer .invb-inner-row {
    transition: all 0.5s ease-in-out;
}
	.invoice-outer .invb-inner-row.open {
		padding-bottom:0px;
		border-color:#fff;
	}
	.invoice-outer .invb-inner-row .invb-inner-row-title {
		cursor:pointer;
	}
	.invoice-outer .invb-inner-row .invb-inner-row-title.disabled {
		cursor:default;
	}
	.invoice-outer .invb-inner-row.open .invb-inner-row-title {
		color: var(--magenta);
	}
	.invoice-outer .invb-inner-row .invtbl-open-inner-row {
		transition: transform 0.3s ease-in-out;
		cursor:pointer;
	}
	.invoice-outer .invb-inner-row .invtbl-open-inner-row.disabled {
		cursor:default;
	}
	.invoice-outer .invb-inner-row.open .invtbl-open-inner-row.open {
		transform: rotate(180deg);
		filter: var(--filter-magenta);
	}
	.invoice-outer .invb-inner-row.open .title-icon div[class*="exticon"] {
		filter: var(--filter-magenta);
	}
	.invoice-outer .invb-inner-row .invb-inner-row-hide-on-open{
		transition: all 0.3s ease-in-out;
	}
	.invoice-outer .invb-inner-row.open .invb-inner-row-hide-on-open{
		/*display:none;*/
		display:inline-block;
		visibility: hidden;
		opacity: 0;
		height:0;
	}

.invoice-outer .edit-in-place-cont{
	display:flex;
	align-items:center;
	/*width:100%;*/
}
	.invoice-outer .edit-in-place-cont .edit-in-place-hide{
		display:none;
	}
	.invoice-outer .edit-in-place-cont form{
		display:flex;
		align-items:center;
		width:100%;
	}
	.invoice-outer .edit-in-place-cont input[type="text"],
	.invoice-outer .edit-in-place-cont input[type="password"],
	.invoice-outer .edit-in-place-cont input[type="tel"],
	.invoice-outer .edit-in-place-cont input[type="email"]{
		width: 100%;
		clear: none;
		border: none;
		border-bottom: 1px solid;
		border-color: #B9B8BD;
		border-radius: var(--brdr-radius-s);
		padding: 10px 15px;
		background:var(--bg-gray);
	}
	.invoice-outer .edit-in-place-cont button{
		border: none;
		background: none;
		width: 25px;
		height: 25px;
		background-size: cover;
		padding: 0px;
		margin-left: 5px;
		flex: 0 0 auto;
	}
	.invoice-outer .edit-in-place-cont button.edit-in-place-ok{
		background-image: var(--ok-btn);
	}
	.invoice-outer .edit-in-place-cont button.edit-in-place-fail{
		background-image: var(--fail-btn);
	}

.invoice-outer .nice-select.nice-select-with-search .nice-select-search-box{
	padding:0px;
	margin:0px;
	margin-top:2px;
	box-shadow:none;
}
	.invoice-outer .nice-select.nice-select-with-search .nice-select-search-box input[type="text"].nice-select-search{
		/*border-bottom:none;*/
	}
.invoice-outer .nice-select.nice-select-with-search ul.list{
	margin-top:46px;
}

.loading-animation-container{
	width:100%;
	height:100%;
	position:absolute;
	/*position:relative;*/
	top:0px;
	left:0px;
	text-align:center;
	/*background:#fff;*/
	background:rgba(255,255,255,0.7);
	z-index:10;
	transition: all 0.5s ease-in-out, border-radius 1ms;
	border-radius: var(--brdr-radius);
}
	.loading-animation-container .loader-animation{
		margin: 0px auto;
		font-size: 5px;
		width: 1em;
		height: 1em;
		border-radius: 50%;
		position: relative;
		text-indent: -9999em;
		-webkit-animation: load5 1.1s infinite ease;
		animation: load5 1.1s infinite ease;
		-webkit-transform: translate(-50%,-50%) translateZ(0);
		-ms-transform: translate(-50%,-50%) translateZ(0);
		transform: translate(-50%,-50%) translateZ(0);
		top:50%;
	}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.5), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.5), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.5), 2.5em 0em 0 0em rgba(226, 0, 116, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.5), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.5), 0em 2.5em 0 0em rgba(226, 0, 116, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.5), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.5), -2.6em 0em 0 0em rgba(226, 0, 116, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.5), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.5), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.5), 2.5em 0em 0 0em rgba(226, 0, 116, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.5), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.5), 0em 2.5em 0 0em rgba(226, 0, 116, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.5), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.5), -2.6em 0em 0 0em rgba(226, 0, 116, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}


/***** page.css *****/
.pagerBox, .displaytag_table, .tab-content:not(.active) {
    display: none;
}

.display-none {
    display: none;
}

.loading-animation-parent {
    position: relative;
}
.loading-row {
    width: 100%;
    /*min-height: 2rem;	*/
}
.loading-area {
    width: 4rem;
    min-height: 1rem;
}

.fix-invoice-table-body {
    float: unset !important;
}

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

.pl-3 {
    padding-left: 1rem;
}

.flex-row {
    display: flex;
    align-items: center;
    width: 100%;
}

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

.no-width {
    width: unset !important;
}

/*
.input-wrapper {
	width: 100%;
}
*/

.input-wrapper input[type="text"],
.input-wrapper input[type="password"] {
	/*width: 100%;*/
    clear: none;
    border: none;
    border-bottom: 1px solid;
    border-color: #B9B8BD;
    border-radius: var(--brdr-radius-s);
    padding: 10px 15px;
    background: var(--bg-gray);
}
/***** page.css *****/

.invoice-outer [data-panel-opener="true"]{
	cursor: pointer;
}
	.invoice-outer .invoice-table .invoice-table-body [data-panel-opener="true"]{
		cursor: default;
	}
	.invoice-outer [data-panel-opener="true"][data-panel-opened].panel-opened-true [data-panel-opener-title="true"]{
		color: var(--magenta);
	}
	.invoice-outer [data-panel-opener="true"][data-panel-opened].panel-opened-false [data-panel-opener-title="true"]{
		color: var(--txt-dark);
	}
	.invoice-outer [data-panel-opener="true"][data-panel-opened].panel-opened-false [data-panel-opener-title="true"].fc-txt-light.ff-tgn-ult {
		color: var(--txt-light);
	}
	.invoice-outer [data-panel-opener="true"][data-panel-opened].panel-opened-true [data-panel-opener-btn]{
		transition: transform 0.3s ease-in-out;
		display:block
	}
	.invoice-outer [data-panel-opener="true"][data-panel-opened].panel-opened-true [data-panel-opener-btn="true"]{
		filter: var(--filter-magenta);
		transform: rotate(180deg);
	}
	.invoice-outer [data-panel-opener="true"][data-panel-opened].panel-opened-false [data-panel-opener-btn="true"]{
		filter: none !important;
		transform: none !important;
	}
	.invoice-outer [data-panel-opener="true"][data-panel-opened].panel-opened-true .hide-on-opened-panel > *{
		display:none;
	}
.invoice-outer [data-panel-opener="true"][data-panel-opened] ~ [data-panel-toopen="true"]{
	/*transition: max-height 0.5s ease-in-out;*/
	transition:none;
	max-height:unset;
}
.invoice-outer [data-panel-opener="true"][data-panel-opened] ~ [data-panel-toopen="true"].invt-details.open{
	/*transition: max-height 0.5s ease-in-out;*/
	/*max-height: 0px;*/
	transition:none;
	max-height:unset;
	overflow: hidden;
	padding: 0;
	border: none;
	margin: 0;
	box-shadow: none;
}
	.invoice-outer [data-panel-opener="true"][data-panel-opened] ~ [data-panel-toopen="true"].panel-opened-true {
		/*max-height: 100%;*/
		height: auto;
		overflow: visible;
	}
	.invoice-outer [data-panel-opener="true"][data-panel-opened] ~ [data-panel-toopen="true"].panel-opened-true.invt-details.open {
		/*max-height: 100%;*/
		height: auto;
		padding: 10px 0px 10px;
		border: 1px solid var(--brdr-color);
		border-radius: 4px;
		box-shadow: var(--main-shadow);
		margin: 15px 0;
		/*transition: margin 0.5s ease-in-out, padding 0.5s ease-in-out;*/
		overflow: visible;
	}
		.invoice-outer [data-panel-opener="true"][data-panel-opened] ~ [data-panel-toopen="true"].panel-opened-true .invt-details-inside-box{
			float:none;
			height: auto;
		}
	.invoice-outer [data-panel-opener="true"][data-panel-opened] ~ [data-panel-toopen="true"].panel-opened-false {
		/*max-height: 0px;*/
		height:0px;
		overflow: hidden;
		border:none !important;
		padding:0px;
	}
	.invoice-outer .m2m-maincontent-row .invt-details.open .ajax-container[data-panel-toopen] .invt-details.open {
		border: 0;
		border-top: 1px dashed #EAEAEA;
		box-shadow: none;
		margin: 0;
	}

.invoice-outer .add-user-list li {
	list-style: disc;
	font-size: 1.33rem;
	color: var(--txt-light);
	line-height: 1.5;
	padding: 10px 0;
}
	.invoice-outer .add-user-list li::marker {
		color: var(--magenta);
	}

.invoice-outer span.mobileServiceViewData-sum,
.invoice-outer span.mobileServiceViewData-visibleServiceByDefaultNum,
.invoice-outer span.mobileServiceViewData-visibleServiceLimit,
.invoice-outer span.cableServiceViewData-sum,
.invoice-outer span.cableServiceViewData-visibleServiceByDefaultNum,
.invoice-outer span.cableServiceViewData-visibleServiceLimit {
	display:none;
}
.invoice-outer div[data-services-panel-more="true"] {
	cursor:pointer;
}
.invoice-outer .invb-row.last-showed-services {
    border-bottom: none;
}

.validate-error-message {
	display:none;
}
.validate-error-message > div {
	border: solid 1px var(--bs-warning-unsuccess) !important;
	color: var(--bs-warning-unsuccess);
	border-radius: var(--brdr-radius-s);
	background-color:rgba(217,0,0,0.05);
	font-family: var(--fw-bold-tgn);
	background-image: var(--svg-validate-alert);
	background-position: top 9px right 6px;
	background-repeat:no-repeat;
	background-size:18px 18px;
	padding-right:30px !important;
}

.invoice-outer .form-control[type="file"].validate-field-error,
.invoice-outer .nice-select.validate-field-error,
.invoice-outer select.validate-field-error,
.invoice-outer textarea.validate-field-error,
.invoice-outer input[type="text"].validate-field-error,
.invoice-outer input[type="password"].validate-field-error,
.invoice-outer input[type="tel"].validate-field-error,
.invoice-outer input[type="email"].validate-field-error,
.invoice-outer input[type="date"].validate-field-error,
.invoice-outer input[type="month"].validate-field-error{
	border: solid 1px var(--bs-warning-unsuccess) !important;
}
.invoice-outer input[type="checkbox"].validate-field-error {
    border: solid 2px var(--bs-warning-unsuccess) !important;
}

.invoice-outer .invoice-table .invoice-table-prehead {

}
	.invoice-outer .invoice-table .invoice-table-prehead span{
		display:inline;
		vertical-align:baseline;
	}
	.invoice-outer .invoice-table .invoice-table-prehead a{
		color: var(--txt-dark);
	}
.invoice-outer .invoice-table .invoice-table-prehead + .invoice-table-head{
    border-top: 1px solid var(--txt-disabled);
}

/***** ct chart css >>> *****/
.invoice-outer .ct-chart-parent svg {
    overflow: visible;
}
.invoice-outer .ct-chart .ct-label,
.invoice-outer .ct-chart .ct-label.ct-horizontal{
	display: block;
	width: 100%;
	height: 100%;
	fill: rgba(0, 0, 0, .4);
	color: rgba(0, 0, 0, .4);
	font-size: .75rem;
	text-align: left
}
.invoice-outer .ct-chart .ct-label.ct-vertical{
	display: block;
	width: 100%;
	height: 100%;
	fill: rgba(0, 0, 0, .4);
	color: rgba(0, 0, 0, .4);
	font-size: .75rem;
	text-align: right
}
.invoice-outer .ct-chart .ct-grid{
	stroke: rgba(0, 0, 0, .2);
	stroke-width: 1px;
	stroke-dasharray: 2px
}
.invoice-outer .ct-chart .ct-point{
	stroke-width: 10px;
	stroke-linecap: round
}
.invoice-outer .ct-chart .ct-line{
	fill: none;
	stroke-width: 4px
}
.invoice-outer .ct-chart .ct-area{
	stroke: none;
	fill-opacity: .1
}
.invoice-outer .ct-chart .ct-bar{
	fill: none;
	stroke-width: 10px
}
.invoice-outer .ct-chart .ct-slice.ct-donut{
	fill: none;
	stroke-width: 60px
}
.invoice-outer .ct-chart .ct-series.ct-series-a .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-a .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-a .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut{
	stroke: #d70206
}
.invoice-outer .ct-chart .ct-series.ct-series-a .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut){
	fill: #d70206
}
.invoice-outer .ct-chart .ct-series.ct-series-b .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-b .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-b .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-b .ct-slice.ct-donut{
	stroke: #f05b4f
}
.invoice-outer .ct-chart .ct-series.ct-series-b .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut){
	fill: #f05b4f
}
.invoice-outer .ct-chart .ct-series.ct-series-c .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-c .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-c .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-c .ct-slice.ct-donut{
	stroke: #f4c63d
}
.invoice-outer .ct-chart .ct-series.ct-series-c .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-c .ct-slice:not(.ct-donut){
	fill: #f4c63d
}
.invoice-outer .ct-chart .ct-series.ct-series-d .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-d .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-d .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-d .ct-slice.ct-donut{
	stroke: #d17905
}
.invoice-outer .ct-chart .ct-series.ct-series-d .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-d .ct-slice:not(.ct-donut){
	fill: #d17905
}
.invoice-outer .ct-chart .ct-series.ct-series-e .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-e .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-e .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-e .ct-slice.ct-donut{
	stroke: #453d3f
}
.invoice-outer .ct-chart .ct-series.ct-series-e .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-e .ct-slice:not(.ct-donut){
	fill: #453d3f
}
.invoice-outer .ct-chart .ct-series.ct-series-f .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-f .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-f .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-f .ct-slice.ct-donut{
	stroke: #59922b
}
.invoice-outer .ct-chart .ct-series.ct-series-f .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-f .ct-slice:not(.ct-donut){
	fill: #59922b
}
.invoice-outer .ct-chart .ct-series.ct-series-g .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-g .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-g .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-g .ct-slice.ct-donut{
	stroke: #0544d3
}
.invoice-outer .ct-chart .ct-series.ct-series-g .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-g .ct-slice:not(.ct-donut){
	fill: #0544d3
}
.invoice-outer .ct-chart .ct-series.ct-series-h .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-h .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-h .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-h .ct-slice.ct-donut{
	stroke: #6b0392
}
.invoice-outer .ct-chart .ct-series.ct-series-h .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-h .ct-slice:not(.ct-donut){
	fill: #6b0392
}
.invoice-outer .ct-chart .ct-series.ct-series-i .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-i .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-i .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-i .ct-slice.ct-donut{
	stroke: #f05b4f
}
.invoice-outer .ct-chart .ct-series.ct-series-i .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut){
	fill: #f05b4f
}
.invoice-outer .ct-chart .ct-series.ct-series-j .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-j .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-j .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-j .ct-slice.ct-donut{
	stroke: #dda458
}
.invoice-outer .ct-chart .ct-series.ct-series-j .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-j .ct-slice:not(.ct-donut){
	fill: #dda458
}
.invoice-outer .ct-chart .ct-series.ct-series-k .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-k .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-k .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-k .ct-slice.ct-donut{
	stroke: #eacf7d
}
.invoice-outer .ct-chart .ct-series.ct-series-k .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-k .ct-slice:not(.ct-donut){
	fill: #eacf7d
}
.invoice-outer .ct-chart .ct-series.ct-series-l .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-l .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-l .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-l .ct-slice.ct-donut{
	stroke: #86797d
}
.invoice-outer .ct-chart .ct-series.ct-series-l .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-l .ct-slice:not(.ct-donut){
	fill: #86797d
}
.invoice-outer .ct-chart .ct-series.ct-series-m .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-m .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-m .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-m .ct-slice.ct-donut{
	stroke: #b2c326
}
.invoice-outer .ct-chart .ct-series.ct-series-m .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-m .ct-slice:not(.ct-donut){
	fill: #b2c326
}
.invoice-outer .ct-chart .ct-series.ct-series-n .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-n .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-n .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-n .ct-slice.ct-donut{
	stroke: #6188e2
}
.invoice-outer .ct-chart .ct-series.ct-series-n .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-n .ct-slice:not(.ct-donut){
	fill: #6188e2
}
.invoice-outer .ct-chart .ct-series.ct-series-o .ct-bar,
.invoice-outer .ct-chart .ct-series.ct-series-o .ct-line,
.invoice-outer .ct-chart .ct-series.ct-series-o .ct-point,
.invoice-outer .ct-chart .ct-series.ct-series-o .ct-slice.ct-donut{
	stroke: #a748ca
}
.invoice-outer .ct-chart .ct-series.ct-series-o .ct-area,
.invoice-outer .ct-chart .ct-series.ct-series-o .ct-slice:not(.ct-donut){
	fill: #a748ca
}
.invoice-outer .ct-chart.ct-square{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-square:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 100%
}
.invoice-outer .ct-chart.ct-square:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-square>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-minor-second{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-minor-second:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 93.75%
}
.invoice-outer .ct-chart.ct-minor-second:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-minor-second>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-major-second{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-major-second:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 88.88888889%
}
.invoice-outer .ct-chart.ct-major-second:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-major-second>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-minor-third{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-minor-third:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 83.33333333%
}
.invoice-outer .ct-chart.ct-minor-third:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-minor-third>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-major-third{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-major-third:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 80%
}
.invoice-outer .ct-chart.ct-major-third:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-major-third>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-perfect-fourth{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-perfect-fourth:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 75%
}
.invoice-outer .ct-chart.ct-perfect-fourth:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-perfect-fourth>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-perfect-fifth{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-perfect-fifth:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 66.66666667%
}
.invoice-outer .ct-chart.ct-perfect-fifth:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-perfect-fifth>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-minor-sixth{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-minor-sixth:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 62.5%
}
.invoice-outer .ct-chart.ct-minor-sixth:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-minor-sixth>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-golden-section{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-golden-section:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 61.80469716%
}
.invoice-outer .ct-chart.ct-golden-section:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-golden-section>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-major-sixth{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-major-sixth:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 60%
}
.invoice-outer .ct-chart.ct-major-sixth:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-major-sixth>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-minor-seventh{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-minor-seventh:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 56.25%
}
.invoice-outer .ct-chart.ct-minor-seventh:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-minor-seventh>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-major-seventh{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-major-seventh:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 53.33333333%
}
.invoice-outer .ct-chart.ct-major-seventh:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-major-seventh>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-octave{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-octave:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 50%
}
.invoice-outer .ct-chart.ct-octave:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-octave>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-major-tenth{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-major-tenth:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 40%
}
.invoice-outer .ct-chart.ct-major-tenth:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-major-tenth>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-major-eleventh{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-major-eleventh:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 37.5%
}
.invoice-outer .ct-chart.ct-major-eleventh:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-major-eleventh>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-major-twelfth{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-major-twelfth:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 33.33333333%
}
.invoice-outer .ct-chart.ct-major-twelfth:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-major-twelfth>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart.ct-double-octave{
	display: block;
	position: relative;
	width: 100%
}
.invoice-outer .ct-chart.ct-double-octave:before{
	display: block;
	float: left;
	content: "";
	width: 0;
	height: 0;
	padding-bottom: 25%
}
.invoice-outer .ct-chart.ct-double-octave:after{
	content: "";
	display: table;
	clear: both
}
.invoice-outer .ct-chart.ct-double-octave>svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
.invoice-outer .ct-chart-parent{
	width: 85%;
	margin: 40px 0 75px 0
}
.invoice-outer .ct-chart-parent{
	position: relative
}
.invoice-outer .ct-chart-parent .captionTextAxisX,
.invoice-outer .ct-chart-parent .captionTextAxisY{
	position: absolute;
	text-align: center;
	font-family: var(--fw-medium-tgn);
	color: var(--txt-light);
	background:#fff;
}
.invoice-outer .ct-chart-parent .captionTextAxisY{
	top: -30px;
	left: 0
}
.invoice-outer .ct-chart-parent .captionTextAxisX{
	width: 5px;
	bottom: 7px;
	right: -11px
}
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-series.ct-series-a .ct-bar,
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-series.ct-series-a .ct-line,
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-series.ct-series-a .ct-point,
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut{
	stroke: #e20074
}
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-bar{
	fill: none;
	stroke-width: 16px
}
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-label.ct-horizontal{
	text-align: center;
	position: relative;
	font-family: var(--fw-medium-tgn);
	color: var(--txt-light);
	font-size: 14px;
	line-height: 19px;
	white-space: nowrap;
	transform-origin: center center
}
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-grid{
	stroke: #e5e5e5;
	stroke-width: 1px;
	stroke-dasharray: 0
}
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-grid.ct-horizontal{
	display: none
}
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-grid.ct-horizontal:first-child{
	stroke: #cdcdcd;
	display: block;
	stroke-width: 2px
}
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-grid.ct-vertical{
	stroke: #cdcdcd
}
.invoice-outer .ct-chart-custom-bar.ct-chart .ct-grid.ct-vertical~.ct-vertical{
	stroke: #e5e5e5
}
/***** ct chart css <<< *****/


.invoice-outer .add_user_process_indicator {
	font-family: var(--fw-ultra-tgn);
	padding: 5px 0;
}
	.invoice-outer .add_user_process_indicator span {

	}
		.invoice-outer .add_user_process_indicator span:first-child {
			display: inline-block;
			width: 30px;
			text-align: center;
			margin-right: 10px;
			border-radius: 100%;
			padding: 3px 10px 3px 10px;
			background-color: #7c7c7c;
			color: #ffffff;
		}
		.invoice-outer .add_user_process_indicator span:nth-child(2) {
			color: #7c7c7c;
		}
				.invoice-outer .add_user_process_indicator.active span:first-child {
					background-color: var(--magenta);
					
				}
				.invoice-outer .add_user_process_indicator.active span:nth-child(2) {
					color: var(--magenta);
				}
				
.invoice-outer .workScheduleMaker {
	overflow: clip;
}
.invoice-outer .workScheduleMaker .scheduleFooter, .invoice-outer .workScheduleMaker .scheduleheader, .invoice-outer .workScheduleMaker .scheduleFooter, .invoice-outer .workScheduleMaker .scheduleheader {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
}
.invoice-outer .workScheduleMaker .scheduleFooter .dayDisplay, .invoice-outer .workScheduleMaker .scheduleheader .dayDisplay, .invoice-outer .workScheduleMaker .scheduleFooter .dayDisplay, .invoice-outer .workScheduleMaker .scheduleheader .dayDisplay {
    font-size: 32px;
    color: var(--txt-dark);
    font-family: var(--fw-ultra-tn);
    display: inline-block;
    width: 100%;
		text-align: center;
		padding: 10px 0;
}
.invoice-outer .workScheduleMaker .scheduleTable .datawrap, .invoice-outer .workScheduleMaker .scheduleTable .datawrap {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}
.invoice-outer .workScheduleMaker .scheduleTable, .invoice-outer .workScheduleMaker .scheduleTable {
    font-size: 0;
    margin-top: 25px;
    margin-bottom: 25px;
    min-width: 940px;
}
	.invoice-outer .workScheduleMaker .scheduleTable .column.column.timeCol, .invoice-outer .workScheduleMaker .scheduleTable .column.column.timeCol {
	    width: 35px;
	    border-left: 0;
	}
	.invoice-outer .workScheduleMaker .scheduleTable .column.column.timeCol, .invoice-outer .workScheduleMaker .scheduleTable .column.column.timeCol p {
	    color: var(--txt-dark);
	}
		.invoice-outer .workScheduleMaker .scheduleTable .column, .invoice-outer .workScheduleMaker .scheduleTable .column {
		    display: inline-block;
		    vertical-align: top;
		    width: 129px;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		    -o-box-sizing: border-box;
		    box-sizing: border-box;
		}
			.invoice-outer .workScheduleMaker .scheduleTable .column .cell, .invoice-outer .workScheduleMaker .scheduleTable .column .cell {
			    vertical-align: middle;
			    text-align: center;
			    height: 30px;
			    padding-top: 9px;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    -ms-box-sizing: border-box;
			    -o-box-sizing: border-box;
			    box-sizing: border-box;
			    border-top: 1px solid #D5D6DA;
			    border-left: 1px solid #D5D6DA;
			}
			.invoice-outer .workScheduleMaker .scheduleTable .column:last-child .cell, .invoice-outer .workScheduleMaker .scheduleTable .column:last-child .cell {
			   border-right: 1px solid #D5D6DA;
			}
					.invoice-outer .workScheduleMaker .scheduleTable .column .cell:last-child, .invoice-outer .workScheduleMaker .scheduleTable .column .cell:last-child {
					    border-bottom: 1px solid #d6d6d6;
					}
			.invoice-outer .workScheduleMaker .scheduleTable .column .cell.head, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.head {
			    border: 0;
			        border-left-color: currentcolor;
			        border-left-style: none;
			        border-left-width: 0px;
			    height: 40px;
			}
			.invoice-outer .workScheduleMaker .scheduleTable .datawrap, .invoice-outer .workScheduleMaker .scheduleTable .datawrap {
			    display: inline-block;
			    white-space: nowrap;
			    overflow: hidden;
			}
				.invoice-outer .workScheduleMaker .scheduleTable .column, .invoice-outer .workScheduleMaker .scheduleTable .column {
				    display: inline-block;
				    vertical-align: top;
				    width: 129px;
				    -webkit-box-sizing: border-box;
				    -moz-box-sizing: border-box;
				    -ms-box-sizing: border-box;
				    -o-box-sizing: border-box;
				    box-sizing: border-box;
				}
					.invoice-outer .workScheduleMaker .scheduleTable .column .cell.head, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.head {
					    border: 0;
					    height: 40px;
					}
					.invoice-outer .workScheduleMaker .scheduleTable .column .cell.head, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.head p {
					    color: var(--txt-dark);
					}



.invoice-outer .workScheduleMaker .scheduleFooter .nextDay::after, .invoice-outer .workScheduleMaker .scheduleheader .nextDay::after, .invoice-outer .workScheduleMaker .scheduleFooter .nextDay::after, .invoice-outer .workScheduleMaker .scheduleheader .nextDay::after {
    content: '\203A';
    color: #e20074;
    font-size: 30px;
    line-height: 26px;
    position: absolute;
    top: 0;
    right: 0;
}
.invoice-outer .workScheduleMaker .scheduleFooter .nextWeek, .invoice-outer .workScheduleMaker .scheduleheader .nextWeek, .invoice-outer .workScheduleMaker .scheduleFooter .nextWeek, .invoice-outer .workScheduleMaker .scheduleheader .nextWeek {
    float: right;
    margin-left: 30px;
    padding-right: 15px;
}
.invoice-outer .workScheduleMaker .scheduleFooter .prevWeek, .invoice-outer .workScheduleMaker .scheduleheader .prevWeek, .invoice-outer .workScheduleMaker .scheduleFooter .prevWeek, .invoice-outer .workScheduleMaker .scheduleheader .prevWeek {
    float: left;
    margin-right: 30px;
    padding-left: 15px;
}
	.invoice-outer .workScheduleMaker .scheduleFooter .nextWeek::after, .invoice-outer .workScheduleMaker .scheduleheader .nextWeek::after, .invoice-outer .workScheduleMaker .scheduleFooter .nextWeek::after, .invoice-outer .workScheduleMaker .scheduleheader .nextWeek::after {
	    content: '\00BB';
	    color: #e20074;
	    font-size: 30px;
	    line-height: 26px;
	    position: absolute;
	    top: 0;
	    right: 0;
	}
	.invoice-outer .workScheduleMaker .scheduleFooter .prevWeek::before, .invoice-outer .workScheduleMaker .scheduleheader .prevWeek::before, .invoice-outer .workScheduleMaker .scheduleFooter .prevWeek::before, .invoice-outer .workScheduleMaker .scheduleheader .prevWeek::before {
	    content: '\00AB';
	    color: #e20074;
	    font-size: 30px;
	    line-height: 26px;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
.invoice-outer .workScheduleMaker .scheduleFooter .nextDay, .invoice-outer .workScheduleMaker .scheduleheader .nextDay, .invoice-outer .workScheduleMaker .scheduleFooter .nextDay, .invoice-outer .workScheduleMaker .scheduleheader .nextDay {
    float: right;
    padding-right: 15px;
}
.invoice-outer .workScheduleMaker .scheduleFooter a, .invoice-outer .workScheduleMaker .scheduleheader a, .invoice-outer .workScheduleMaker .scheduleFooter a, .invoice-outer .workScheduleMaker .scheduleheader a {
    line-height: 30px;
    position: relative;
}
.invoice-outer .workScheduleMaker .scheduleFooter .prevDay::before, .invoice-outer .workScheduleMaker .scheduleheader .prevDay::before, .invoice-outer .workScheduleMaker .scheduleFooter .prevDay::before, .invoice-outer .workScheduleMaker .scheduleheader .prevDay::before {
    content: '\2039';
    color: #e20074;
    font-size: 30px;
    line-height: 26px;
    position: absolute;
    top: 0;
    left: 0;
}
.invoice-outer .workScheduleMaker .scheduleFooter .prevDay, .invoice-outer .workScheduleMaker .scheduleheader .prevDay, .invoice-outer .workScheduleMaker .scheduleFooter .prevDay, .invoice-outer .workScheduleMaker .scheduleheader .prevDay {
    float: left;
    padding-left: 15px;
}
.invoice-outer .workScheduleMaker a.disabled {
    -webkit-opacity: .6;
    -moz-opacity: .6;
    -ms-opacity: .6;
    -o-opacity: .6;
    opacity: .6;
    filter: alpha(opacity=60);
    cursor: default !important;
	text-decoration:none !important;
	color:var(--txt-disabled);
}

.invoice-outer .workScheduleMaker .scheduleTable .column .cell p, .invoice-outer .workScheduleMaker .scheduleTable .column .cell p {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    text-decoration: none;
    padding: 0;
}
	.invoice-outer .workScheduleMaker .scheduleTable .column .cell.filled p, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.partial p, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.filled p, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.partial p {
    color: var(--magenta);
    font-family: var(--fw-ultra-tn);
}
.invoice-outer .workScheduleMaker .scheduleTable .column .cell.filled, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.partial, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.filled, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.partial {
    background: rgba(226, 0, 116, 0.08);
}
.invoice-outer .workScheduleMaker .scheduleTable .column .cell.hover, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.hover {
    cursor: pointer;
}
.invoice-outer .workScheduleMaker .scheduleTable .column .cell.highlight p, .invoice-outer .workScheduleMaker .scheduleTable .column .cell.highlight p {
    cursor: pointer;
		text-decoration: none;
		border-bottom: 1px solid #e20074;
}

.modal .layerContent .error.errorMsg{
	display:none;
	color:var(--bs-warning-unsuccess);
}
.modal .layerContent .error.errorMsg.show{
	display:inline-block;
}
.modal .layerContent .nice-select.open ul.list{
	max-height: 210px;
	overflow-y: scroll !important;
}
.modal .layerContent .nice-select.nice-select-scrollable.open ul.list{
	max-height:240px;
	overflow-y:scroll;
}
.modal .layerContent .nice-select.open ul.list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.modal .layerContent .nice-select.open ul.list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgb(255 255 255 / 50%);
}
.modal .layerContent input[type="text"]{
	width: 100%;
	clear: none;
	border: none;
	border-bottom: 1px solid;
	border-color: #B9B8BD;
	border-radius: var(--brdr-radius-s);
	padding: 10px 15px;
	background:var(--bg-gray);
}
.modal .layerContent .nice-select,
.modal .layerContent select {
	width: 100%;
	clear: none;
	border: none;
	border-bottom: 1px solid;
	border-color: #B9B8BD;
	border-radius: var(--brdr-radius-s);
	background:var(--bg-gray);
}
.modal .layerContent .nice-select.pagesizes,
.modal .layerContent select.pagesizes {
	border: none;
	background:none;
}
.modal .layerContent .nice-select:after {
	height: 7.5px;
	width: 7.5px;
    margin-top: -6px;
    border-color: var(--txt-dark);
}
.modal .layerContent .nice-select .option {
	font-family: var(--fw-normal-tgn);
    font-size: 14px;
}
.modal .layerContent .nice-select .current,
.modal .layerContent .nice-select .option.selected { font-family: var(--fw-medium-tgn); color: var(--txt-dark); }
.modal .layerContent .nice-select.open .list { width:100%; }
ul.hiddenMessages{
	display:none;
}


.dragdrop-table-outer{
    position: relative;
    word-break: break-word;
}
.dragdrop-table {
    border-collapse: collapse;
    margin-bottom: 20px;
    position: relative;
}
.dragdrop-table-outer .draggable {
    cursor: move;
    user-select: none;
}
.dragdrop-table-outer .dragdrop-placeholder {
    background-color: #edf2f7;
    border: 2px dashed #cbd5e0;
}
.dragdrop-table-outer .dragdrop-clone-list {
    max-width: 913px;
    border-top: 1px solid #ccc;
    top: auto !important;
    left: auto !important;
    box-sizing: border-box;
}
.dragdrop-table-outer .dragdrop-clone-table {
    border-collapse: collapse;
    border: none;
}
.dragdrop-table-outer .dragdrop-clone-table th,
.dragdrop-table-outer .dragdrop-clone-table td {
    border: 1px solid #ccc;
    border-top: none;
    padding: 0.5rem;
}
.dragdrop-table-outer .dragging {
    background: #fff;
    border-top: 1px solid #ccc;
    z-index: 999;
}
.dragdrop-table-outer .dragdrop-clone-list .invoice-table-row {
    float: none !important;
    width: 100%;
    position: relative;
}



.invoice-outer input[type="checkbox"].incomingStatusByCheckbox{
	display: none;
}
.invoice-outer input[type="checkbox"] + label.incomingStatusByCheckboxNotChecked {
	display: flex;
}
.invoice-outer input[type="checkbox"] + label.incomingStatusByCheckboxChecked {
	display: none;
}
.invoice-outer input[type="checkbox"].incomingStatusByCheckbox:checked + label.incomingStatusByCheckboxChecked {
	display: flex;
}
.invoice-outer input[type="checkbox"].incomingStatusByCheckbox:checked + label + label.incomingStatusByCheckboxNotChecked{
	display: none;
}

.invoice-outer input[type="checkbox"] + label.incomingStatusByCheckboxChecked > div:nth-of-type(2),
.invoice-outer input[type="checkbox"] + label + label.incomingStatusByCheckboxNotChecked > div:nth-of-type(2){
	width: calc( 100% - 20px );
}
.invoice-outer input[type="checkbox"] + label.incomingStatusByCheckboxChecked > div:nth-of-type(2) > .row > div:nth-of-type(1){
	width: 75%;
}
.invoice-outer input[type="checkbox"] + label.incomingStatusByCheckboxChecked > div:nth-of-type(2) > .row > div:nth-of-type(2){
	width: 25%;
	text-align:right;
}
.invoice-outer input[type="checkbox"] + label + label.incomingStatusByCheckboxNotChecked > div:nth-of-type(2) > .row > div:nth-of-type(1){
	width: 67%;
}
.invoice-outer input[type="checkbox"] + label + label.incomingStatusByCheckboxNotChecked > div:nth-of-type(2) > .row > div:nth-of-type(2){
	width: 33%;
	text-align:right;
}


.invoice-outer .invb-contact-wrapper {
    display: table;
    width: 100%;
    margin: 0 auto;
}
.invoice-outer .invdb-contact-separator {
    float: left;
    position: relative;
}
	.invoice-outer .invdb-contact-separator:first-child {
	    width: calc(100% - 200px);
	    padding-right: 15px;
	    min-height: 265px;
	    border-right: 1px solid #B8B7C7;
	}
	.invoice-outer .invdb-contact-separator:last-child {
	    width: 200px;
	    padding-left: 15px;
	}
	.invoice-outer .invb-contact-wrapper .contact-det span {
		float: left;
		width: 100%;
	}
		.invoice-outer .invb-contact-wrapper .contact-det span.title {
			margin: 10px 0;
			color: var(--txt-dark);
			font-family: var(--fw-ultra-tgn);
		}
		
.invoice-outer .inv-table-row-contents.invoice-table-head {
    border: none;
    border-bottom: 1px solid #EAEAEA;
}
.invoice-outer input[type="text"][disabled="disabled"],
.invoice-outer input[type="password"][disabled="disabled"],
.invoice-outer input[type="tel"][disabled="disabled"],
.invoice-outer input[type="email"][disabled="disabled"],
.invoice-outer input[type="date"][disabled="disabled"],
.invoice-outer input[type="month"][disabled="disabled"],
.invoice-outer input[type="radio"][disabled="disabled"] {
	color: var(--txt-disabled);
	cursor: default;
	opacity: 0.6;
}
.invoice-outer .nice-select.disabled,
.invoice-outer .nice-select.nice-select-with-search.disabled {
	color: var(--txt-disabled);
	cursor: default;
	opacity: 0.6;
}
.invoice-outer .invoice-table span.grid-column-opener-btn{
	width:35px;
}
	.invoice-outer .invoice-table span.grid-column-opener-btn span[data-panel-opener-btn="true"]{
		display:block;
		float:none;
		margin:0px;
	}
	
[data-grid-checked-state="true"]{
	opacity:0;
	transition: opacity 0.5s ease-in-out;
}
[data-grid-checked-state="true"].grid-prehead-data-loaded{
	opacity:1;
}
[data-grid-page-state="true"] > span:last-of-type{
	opacity:0;
	transition: opacity 0.5s ease-in-out;
}
[data-grid-page-state="true"].grid-prehead-data-loaded > span:last-of-type{
	opacity:1;
}
.m1b-box {
	background: radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(240,240,240,1) 100%);
}
.m1b-box .cntWrapper {
	border: 2px solid #c10071;
	border-radius: 8px;
}
.m1b-box .cntWrapper .box-content-right{
	padding: 20px;
}
.m1b-box .cntWrapper .box-content-right h2{
	font-family: var(--fw-medium-tgn);
	color: var(--txt-dark);

}
	.m1b-box .cntWrapper .box-content-right h2 span{
		font-family: var(--fw-ultra-tgn);
		color: var(--magenta);
	}
	.m1b-box .cntWrapper .box-content-right a{
		font-family: var(--fw-medium-tgn);
	}
		.m1b-box .cntWrapper .box-content-right a:hover{
			text-decoration: none;
		}
.m1b-box .cntWrapper .box-content-left {
	background-color: #c10071;
}
	.m1b-box .cntWrapper .box-content-left img{
		max-height: 108px;
		padding: 5px 0;
	}

.upspayment_loaderContainer{
	width:100%;
	height:100%;
	/*position:absolute;*/
	position:relative;
	padding-top: 54px;
	top:0px;
	left:0px;
	text-align:center;
	/*background:#fff;*/
	background:transparent;
	z-index:10;
	transition: all 0.5s ease-in-out, border-radius 1ms;
	border-radius: var(--brdr-radius);
}
	.upspayment_loaderContainer span{
		font-family: var(--fw-ultra-tgn);
		color: var(--magenta);
		font-size: 1.5rem;
	}
	.upspayment_loaderContainer .upspayment_loader{
		margin: 0px auto;
		font-size: 15px;
		width: 1em;
		height: 1em;
		border-radius: 50%;
		position: relative;
		text-indent: -9999em;
		-webkit-animation: upspayment_loader_anim 1.1s infinite ease;
		animation: upspayment_loader_anim 1.1s infinite ease;
		top:0;
	}

@-webkit-keyframes upspayment_loader_anim {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #EFF2F4, 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.5), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.7), 1.8em -1.8em 0 0em #EFF2F4, 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.5), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.7), 2.5em 0em 0 0em #EFF2F4, 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.5), 2.5em 0em 0 0em rgba(226, 0, 116, 0.7), 1.75em 1.75em 0 0em #EFF2F4, 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.5), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.7), 0em 2.5em 0 0em #EFF2F4, -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.5), 0em 2.5em 0 0em rgba(226, 0, 116, 0.7), -1.8em 1.8em 0 0em #EFF2F4, -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.5), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.7), -2.6em 0em 0 0em #EFF2F4, -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.5), -2.6em 0em 0 0em rgba(226, 0, 116, 0.7), -1.8em -1.8em 0 0em #EFF2F4;
  }
}
@keyframes upspayment_loader_anim {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #EFF2F4, 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.5), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.7), 1.8em -1.8em 0 0em #EFF2F4, 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.5), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.7), 2.5em 0em 0 0em #EFF2F4, 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.5), 2.5em 0em 0 0em rgba(226, 0, 116, 0.7), 1.75em 1.75em 0 0em #EFF2F4, 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.5), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.7), 0em 2.5em 0 0em #EFF2F4, -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.2), -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.5), 0em 2.5em 0 0em rgba(226, 0, 116, 0.7), -1.8em 1.8em 0 0em #EFF2F4, -2.6em 0em 0 0em rgba(226, 0, 116, 0.2), -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.5), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.7), -2.6em 0em 0 0em #EFF2F4, -1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(226, 0, 116, 0.2), 1.8em -1.8em 0 0em rgba(226, 0, 116, 0.2), 2.5em 0em 0 0em rgba(226, 0, 116, 0.2), 1.75em 1.75em 0 0em rgba(226, 0, 116, 0.2), 0em 2.5em 0 0em rgba(226, 0, 116, 0.2), -1.8em 1.8em 0 0em rgba(226, 0, 116, 0.5), -2.6em 0em 0 0em rgba(226, 0, 116, 0.7), -1.8em -1.8em 0 0em #EFF2F4;
  }
}


.custom-details-btn-with-setup-icon a {
	background-color: #e20074;
    border-radius: 8px;
	cursor: pointer;
    padding: 7px;
	border:solid 2px #e20074;
	font-size:0px;
	line-height:0px;
	box-shadow: 0 4px 12px rgb(226, 0, 116, 24%);
	transition: background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, color 0.3s ease-out;
}
.custom-details-btn-with-setup-icon a.btn {
	font-size: 14px;
    line-height: 18px;
	font-weight:normal;
    align-items: center;
    background-color: #e20074;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    padding: 6px 8px;
	border:solid 2px #e20074;
    text-decoration: none;
	text-transform:none;
}
.custom-details-btn-with-setup-icon:hover a{
	background: var(--magenta-hover) !important;
	border-color: var(--magenta-hover);
	box-shadow: 0 8px 16px rgb(226, 0, 116, 36%);
}
	.custom-details-btn-with-setup-icon a .exticon-png-arrow{
		width:8px;
		transform:rotate(-90deg);
		filter: var(--filter-white);
	}
	.custom-details-btn-with-setup-icon a .exticon-svg-setup{
		width:18px;
		height:18px;
		filter: var(--filter-white);
	}



@supports (-moz-appearance:none) {
	.invoice-outer .btn .btn-icon { top: 0px; }
	.invoice-outer .btn .btn-icon:after { bottom: 4px; }
	.invoice-outer .title-icon.exclmark:after {
		padding-left: 0px;
		right: -5px;
		font-weight: bolder;
		line-height: 14px;
	}
	.invoice-outer .invoice-table-body .invt-det-dl a:after,
	.invoice-outer .invoice-table-body .invt-dl a:after {
		border: 1.5px solid #FFF;
	}
	.invoice-outer .invb-row-icon { padding-left: 0px; }
	.invoice-outer .invoice-table-body .invtbl-open-sum-row,
	.invoice-outer .invoice-table-body .invtbl-openrow { padding: 0px 0px; }

	.invoice-outer .pager-item.prev,
	.invoice-outer .pager-item.next {
	    padding: 6px 10px;
	}
}

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

}
@media screen and (max-width: 1439px ) {
	.invoice-outer .sidebar.open + .main-content:before,
	.invoice-outer .sidebar:focus-within + .main-content:before {
		opacity: 1;
		pointer-events: all;
	}

	.invoice-outer .sidebar + .main-content {
		width: calc(100% - 55px);
		padding-left: 100px;
		transition: width 0.5s ease-in-out,
					padding-left 0.5s ease-in-out;
	}

	.lottie-wrapper {}

	.invoice-outer .invoce-table-row-wrapper .invt-details.open,
	.invoice-outer .invoce-table-row-wrapper .invt-details {
		padding-left: 29%;
	}
	
	.invoice-outer .invt-show-l { display: inline-block !important; }
	.invoice-outer .invoice-table span.grid-column-opener-btn.invt-show-l{ display: table-cell !important; }
	.invoice-outer .invt-hide-l { display: none !important; }
}
@media screen and (max-width: 1150px) {
	.header-title { left: 0; }
	.lottie-wrapper {
	    right: auto;
	    left: 50%;
	    top: 50%;
	    width: 725px;
	    transform: translate(-50%, -50%);
	}

	.lottie-player:nth-child(1) { left: 30px; }
	.lottie-player:nth-child(2) { left: 80px; }
	.lottie-player:nth-child(3) { left: 345px; }
	.lottie-player:nth-child(4) { left: 575px; }
	.lottie-player:nth-child(5) { left: 675px; }
}
@media screen and (min-width: 1024px ) {
	.invoice-outer .m2m-table .m2m-serial .invt-details {
		display:none;
	}
}
@media screen and (max-width: 1024px ) {
	.invoice-outer .breadcrumb { display: none; }
}
@media screen and (max-width: 1023px ) {
	.invoice-outer .invt-show-m { display: inline-block !important; }
	.invoice-outer .invoice-table span.grid-column-opener-btn.invt-show-m{ display: table-cell !important; }
	.invoice-outer .invt-hide-m { display: none !important; }

	.invoice-outer .invoice-table .invt-check  	{ width: 35px; text-align: center; }
	.invoice-outer .invoice-table .invt-serial 	{ min-width: 150px; width: calc(100% / 3); text-align: center; }
	.invoice-outer .invoice-table .invt-name 	{ min-width: 120px; width: calc(100% / 3); text-align: center; }
	.invoice-outer .invoice-table .invt-date 	{ min-width: 95px; width: calc(100% / 5); text-align: center;  }
	.invoice-outer .invoice-table .invt-dl 		{ min-width: 70px; /*width: calc(100% / 3);*/ text-align: center; }

	.invoice-outer .wrapper {
		top: 0;
		padding-top: 20px;
	}

	.invoice-outer .sidebar:hover + .main-content:before,
	.invoice-outer .sidebar:focus-within + .main-content:before {
		opacity: 1;
		pointer-events: all;
	}

	.invoice-outer .sidebar + .main-content {
		width: 100%;
		padding-left: 0px;
		padding-top: 0px;
	}
	.invoice-outer .invoce-table-row-wrapper .invoice-table-row .invt-check {
		width: 135px;
		text-align: left;
	}
	.invoice-outer .invoice-table.detailed .invt-name { width: calc(100% / 7); }
	.invoice-outer .invoice-table.detailed .invt-serial,
	.invoice-outer .invoice-table.detailed .invt-date 	{ width: calc(100% / 3); }
	.invoice-outer .invoice-table .invt-name { text-align: left; }

	.invoice-outer .invoce-table-row-wrapper .invt-details.open,
	.invoice-outer .invoce-table-row-wrapper .invt-details {
		padding-left: calc(100% / 6);
	}

	.invoice-outer .m2m-table .m2m-serial .invt-details.open {
		max-height:500px;
	}
	.invoice-outer .m2m-table .m2m-serial .m2mtbl-openrow {
		display:block;
	}
	.invoice-outer .m2m-table span {
		vertical-align: top;
	}
	.invoice-outer .m2m-table span.m2m-check {
		padding-top:6px;
	}
}
@media screen and (max-width: 768px ) {}
@media screen and (max-width: 767px ) {
	.invoice-outer .invt-show-s { display: inline-block !important; }
	.invoice-outer .invoice-table span.grid-column-opener-btn.invt-show-s{ display: table-cell !important; }
	.invoice-outer .invt-hide-s { display: none !important; }

	.invoice-outer .invoce-table-row-wrapper .invt-details.open,
	.invoice-outer .invoce-table-row-wrapper .invt-details {
		padding-left: 0px;
	}


	.invoice-outer .invoice-table .invt-serial 	{ min-width: 150px; width: calc(100% / 3); text-align: center; }
	.invoice-outer .invoice-table .invt-name 	{ min-width: 120px; width: calc(100% /3); text-align: center; }
	.invoice-outer .invoice-table .invt-date 	{ min-width: 95px; width: calc(100% / 3); text-align: center;  }
	.invoice-outer .invoice-table .invt-dl 		{ min-width: 70px; /*width: calc(100% / 3);*/ text-align: center; }

	.invoice-outer .invoce-table-row-wrapper .invoice-table-row .invt-check { width: 15%; }
	.invoice-outer .invoice-table.detailed .invt-serial {  }
	.invoice-outer .invoice-table.detailed .invt-date {  }
	.invoice-outer .filter-row .filter-item { width: 100%; }
	.invoice-outer .filter-row .filter-item.right,
	.invoice-outer .filter-row .filter-item.left {
		padding-left: 0px;
		padding-right: 0px;
	}
	.invoice-outer .invdb-dl-separator:first-child { padding-bottom: 0px; }
	.invoice-outer .invdb-dl-separator #dl-invoice { position: static; }
	
	.invoice-outer input[type="checkbox"] + label.incomingStatusByCheckboxChecked > div:nth-of-type(2) > .row > div:nth-of-type(1),
	.invoice-outer input[type="checkbox"] + label + label.incomingStatusByCheckboxNotChecked > div:nth-of-type(2) > .row > div:nth-of-type(1){
		width: 100%;
	}
	.invoice-outer input[type="checkbox"] + label.incomingStatusByCheckboxChecked > div:nth-of-type(2) > .row > div:nth-of-type(2),
	.invoice-outer input[type="checkbox"] + label + label.incomingStatusByCheckboxNotChecked > div:nth-of-type(2) > .row > div:nth-of-type(2){
		width: 100%;
		text-align:left;
	}
}
@media screen and (max-width: 615px ) {
	.invoice-outer .invoce-table-row-wrapper { max-height: 68px; }
}
@media screen and (max-width: 576px ) {}
@media screen and (max-width: 575px ) {
	.invoice-outer .invt-show-xs { display: inline-block !important; }
	.invoice-outer .invoice-table span.grid-column-opener-btn.invt-show-xs{ display: table-cell !important; }
	.invoice-outer .invt-hide-xs { display: none !important; }

	.invoice-outer .title-btn-cnt {
		width: auto;
		margin: 0 auto;
		display: table;
		float: none;
	}
	.invoice-outer .title-row .title {
		width: calc(100% - 25px);
		float: left;
		display: inline-block;
	}
	.invoice-outer .title-row .title-icon {
		float: left;
		display: inline-block;
	}
	.invoice-outer .invoice-table-body span { border: none !important; }

	.invoice-outer .invoice-table.detailed .invt-sum { width: calc(100% / 5); }
	.invoice-outer .invoice-table-head {
		padding-left: 10px;
		padding-right: 10px;
	}
	.invoice-outer .invoice-table-row-head .invt-numofinvoices { text-align: left; }

	.invoice-outer .m2m-head-row .title {
		margin-bottom: 0px;
	}
	.invoice-outer .m2m-table-body span:not(:last-child):not(:first-child) {
		border-right: none;
	}
}
@media screen and (max-width: 520px ) {

}
@media screen and (max-width: 490px ) {
	.invoice-outer .invdb-dl-separator:last-child {
		width: 100%;
		padding-left: 0px;
	}
	.invoice-outer .invdb-dl-separator:last-child .invb-dltile {
		display: table;
		float: none;
		margin: 0 auto 20px;
	}

	.invoice-outer .invdb-dl-separator-description label {
		min-height: 25px;
		padding-top: 2.5px;
		margin-bottom: 10px;
	}

	.invoice-outer .invdb-dl-separator:first-child {
		border-right: 0px;
		border-bottom: 1px solid #B8B7C7;
		width: 100%;
		padding-right: 0px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.invoice-outer .invdb-dl-separator button { width: 100%; }

	.invoice-outer .invdb-contact-separator:first-child {
		border-right: 0px;
		width: 100%;
		padding-right: 0px;
	}
	.invoice-outer .invdb-contact-separator:last-child {
		width: 100%;
		padding-left: 0px;
	}
}
@media screen and (max-width: 460px ) {
	.invoice-outer .invt-show-xxs { display: inline-block !important; }
	.invoice-outer .invt-hide-xxs { display: none !important; }

	.invoice-outer .invoice-table.detailed .invt-check { width: 13px; }
	.invoice-outer .invoice-table.detailed .invt-name { text-align: left; }
	.invoice-outer .invoce-table-row-wrapper > .invoice-table-row { width: calc(100% - 25px); }
	.invoice-outer .invoice-table.detailed .invoice-table-head .invt-serial { padding-left: 30px; }

	.invoice-outer .filter-row .filter-item .nice-select,
	.invoice-outer .filter-row .filter-item select,
	.invoice-outer .filter-row .filter-item input[type="text"],
	.invoice-outer .filter-row .filter-item input[type="password"],
	.invoice-outer .filter-row .filter-item input[type="tel"],
	.invoice-outer .filter-row .filter-item input[type="email"],
	.invoice-outer .filter-row .filter-item input[type="date"],
	.invoice-outer .filter-row .filter-item input[type="month"],
	.invoice-outer .filter-row .filter-item .checkbox-container,
	.invoice-outer .filter-row .filter-item > label,
	.invoice-outer .filter-row .filter-item > span {
		width: 100%;
	}

	.invoice-outer .filter-row .filter-item.filter-item-with-info .nice-select,
	.invoice-outer .filter-row .filter-item.filter-item-with-info select,
	.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="text"],
	.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="password"],
	.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="tel"],
	.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="email"],
	.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="date"],
	.invoice-outer .filter-row .filter-item.filter-item-with-info input[type="month"],
	.invoice-outer .filter-row .filter-item.filter-item-with-info .checkbox-container,
	.invoice-outer .filter-row .filter-item.filter-item-with-info > label,
	.invoice-outer .filter-row .filter-item.filter-item-with-info > span {
		width: calc( 100% - 35px);
	}

	.invoice-outer .invdb-item span:nth-child(odd),
	.invoice-outer .invdb-item span:nth-child(even) {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		text-align: left !important;
	}
	.invoice-outer .inv-details-box.style2 .invdb-item span:nth-child(odd) { border-bottom: none; }
	.invoice-outer .invdb-item span a {
		float: left;
		width: 100%;
	}
	.invoice-outer .invdb-btn-wrapper,
	.invoice-outer .invdb-btn-wrapper button {
		width: 100%;
	}
	.invoice-outer .invdb-btn-wrapper button:not(:last-child) { margin-bottom: 10px; }

	.invoice-outer .inv-details-box .invoice-table-head {
		display: none;
	}
	.invoice-outer .inv-details-box .invoice-table-body span:before {
		content: attr(data-label);
		font-family: var(--fw-bold-tgn);
		text-align: left;
	    width: 120px;
	    float: left;
	}

	.invoice-outer .inv-details-box div:not([data-grid="true"]) > .invoice-table-body span {
		width: 100%;
		float: left;
		text-align: right;
		padding-left: 0px;
		padding-right: 0px;
	}

}
@media screen and (max-width: 420px ) {
	.invoice-outer .m2m-maincontent-row .inv-nobg-box {
	    box-shadow: none;
	    background: none;
	    padding: 0;
	}
}
@media screen and (max-width: 360px ) {
	.invoice-outer .invdb-dl-separator:first-child .invb-dltile {
		display: table;
		float: none;
		margin: 0 auto 20px;
	}
}

.invoice-outer .grid-row-not-viewed {
	font-weight: bolder;
}

/* Ideiglenes megoláds a local fejleszthetősége miatt */
.invoice-outer .invoice-table {
	font-size: 16px;
}

.invoice-outer .transparent-L0-panel {
	background-color: unset;
	box-shadow: unset;
	padding-top: unset;
	margin-top: -30px;
}

.invoice-outer .contract-list li {
	list-style: disc;
	font-size: 16px;
	color: var(--txt-light);
	font-family: var(--fw-medium-tgn);
	padding: 2px 0;
}
.invoice-outer .contract-list li::marker {
	color: var(--magenta);
}

.d-contents {
	display: contents;
}

.d-bold {
	font-weight: bold;
}

/*
taglib formázás >>>
- Minden block .invoice-outer el kezdődik
- A második szint egy taglib container-je!
- Lehetőleg ne legyen taglib egymásba láncolás
- Taglib tovább bontható egyéb classokkal vagy dom elemekkel (div-el, span-al ne)
- A jsp dinamikusan felülírhatja a container margint bootstrap classokkal
 */
.invoice-outer .title-row-container .check-container {
    margin-top: -6px;
}

.invoice-outer .panel-container .info-box-container {
    flex-shrink: unset;
}
.invoice-outer .panel-container.fix-open {
	max-height: unset;
}

.invoice-outer .panel-part-container {
	box-shadow: unset !important;
	border: 0 !important;
}

.invoice-outer .panel-part-container:not(.empty-parent-title:first-child) {
	border-top: 1px dashed #EAEAEA !important;
}

.invoice-outer .panel-part-container .row-padding {
	padding: 0 1rem 0 1rem;
	margin: 0.5rem 0 0.5rem 0;
}

.invoice-outer .radiobutton-wrapper-container {
	padding: 0;
}

.invoice-outer .radiobutton-wrapper-container .radiobutton-wrapper-header {
	color: var(--txt-light);
	font-family: var(--fw-bold-tgn);
	padding: 0;
}

.invoice-outer .radiobutton-wrapper-container .radiobutton-wrapper-header.extra-font-size {
	font-size: 18px;
}

.invoice-outer .radiobutton-wrapper-container .radiobutton-wrapper-body {
	padding: 0 0 0 1rem;
}

.invoice-outer .radiobutton-wrapper-container .radiobutton-wrapper-body .no-indent {
	margin-left: -1rem;
}

.invoice-outer .page-container .info-box-container {
    margin-left: unset;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.invoice-outer .info-box-container .infobox-title {
	font-size: 18px;
	color: var(--txt-dark);
	font-family: var(--fw-ultra-tgn);
	font-weight: 400;
}

.invoice-outer .info-box-container .infobox-text,
.invoice-outer .info-box-container .infobox-body {
    font-family: var(--fw-medium-tgn);
}

.invoice-outer .info-box-container .actionMessage {
	padding-left: unset;
	padding-top: 0.5rem;
}

.invoice-outer .textfield-container .textfield-body {
	padding-right: unset;
}

.invoice-outer .textfield-container label {
	padding-top: unset !important;
	padding-bottom: unset !important;
}

.invoice-outer .text-container .text-right-area span {
	font-family: var(--fw-medium-tgn);
}

.invoice-outer .text-container .body-as-text-container a {
	font-family: var(--fw-medium-tgn);
	float: left;
}

.invoice-outer .grid-container .svg-icon-wrapper {
	width: 25px;
	height: 25px;
}

.invoice-outer .grid-container .icon-with-tooltip {
	width: 80px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.invoice-outer .grid-container .icon-with-tooltip .title-icon {
	width: 70px;
}

.invoice-outer .grid-container .icon-with-tooltip .flex-row .title-icon {
	border: unset !important;
	width: 100% !important;
	padding:0px;
}

	/*
    tagllib formázás <<<
    */

.invoice-outer .c-magenta {
	color: var(--magenta);
}

.invoice-outer .subsidy-dashboard-page {
	padding-top: 40px;
}
div > div.modBtn-cnt > button.btn-submit-csv-upload {
	position: absolute;
}

.loading-animation-center-container {
	width: 8rem;
	height: 8rem;
	z-index: 1000;

	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.loading-animation-center-container div {
	display: flex;
}

.loading-animation-center-container .loading-animation-container {
	justify-content: center;
	align-items: center;
}

.loading-animation-center-container .loader-animation {
	margin: 0.4rem 0 0 0.4rem;
	top: unset;
}

.filter-item .info-box-container {
	flex-wrap: unset;
	margin-top: unset !important;
}

.checkbox-list-simple {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.checkbox-list-simple .check-container input{
	margin-top: -5px;
}

.checkbox-list-simple>div {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	align-items: center;
}

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

.invoice-table-row .invdb-dl-separator {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.invoice-table-row .invdb-dl-separator:first-child {
	border: unset;
}

.invoice-table-row .invdb-dl-separator:last-child {
	border-left: 1px solid #EAEAEA;
}

.displayParent {
	display: flex;
	justify-content: center;
	padding-bottom: 20px;
}

.grid-row-img-col {
	max-height: 64px;
	max-width: 64px;
	overflow: hidden;
	border-radius: 50%;
}

.grid-row-span-col {
	padding-right: 3px;
	padding-top: 3px;
	display: inline-block;
}