html,body {
	min-height: 100%;
}

:root {
	--sdk-app-backgound: var(--md-sys-color-background);
	--sdk-app-body-text: var(--md-sys-color-on-background);

	--sdk-appbar-backgound: var(--md-sys-color-appbar-background);
	--sdk-appbar-title-text: var(--md-sys-color-appbar-text);

	--sdk-color-error: #EA6161;
	--sdk-color-error-bg: #FFD9D3;

	--sdk-color-success: #328177;
	--sdk-color-success-bg: #D0E2C2;

	--sdk-color-process: #239BEC;
	--sdk-color-process-bg: #B7DEFD;

	--sdk-color-pending: #F99900;
	--sdk-color-pending-bg: #FFE1B1;

	--sdk-color-active: #F99900;
	--sdk-color-active-bg: #F99900;

	--sdk-color-on-active: #e1e1e1;
	--sdk-color-on-active-bg: var(--bs-warning);

	--sdk-color-neutral: #0A0A0A;
	--sdk-color-neutral-90: #424242;
	--sdk-color-neutral-80: #616161;
	--sdk-color-neutral-70: #757575;
	--sdk-color-neutral-60: #9E9E9E;
	--sdk-color-neutral-50: #C2C2C2;
	--sdk-color-neutral-40: #E0E0E0;
	--sdk-color-neutral-30: #EDEDED;
	--sdk-color-neutral-20: #F5F5F5;
	--sdk-color-neutral-10: #FFFFFF;

	--sdk-table-info-head-color : #92e4ae;
	--sdk-table-info-border-color : #02410038;

	--sdk-index-form-field-1: 810;
	--sdk-index-form-field-2: 820;
	--sdk-index-form-field-3: 830;
	--sdk-index-form-field-4: 840;

	--sdk-index-error-backdrop: 900;
	--sdk-index-error-page: 901;
	--sdk-index-error-label: 1000;
	--sdk-index-dropdown: 1010;
	--sdk-index-sticky: 1020;
	--sdk-index-fixed: 1030;
	--sdk-index-tooltip: 1035;
	--sdk-index-modal-backdrop: 1045;
	--sdk-index-offcanvas: 1050;
	--sdk-index-modal: 1060;
	--sdk-index-appbar: 1070;
	--sdk-index-popover: 1080;
}

:root.dark {
	--sdk-color-neutral-10: #0A0A0A;
	--sdk-color-neutral-20: #424242;
	--sdk-color-neutral-30: #616161;
	--sdk-color-neutral-40: #757575;
	--sdk-color-neutral-50: #9E9E9E;
	--sdk-color-neutral-60: #C2C2C2;
	--sdk-color-neutral-70: #E0E0E0;
	--sdk-color-neutral-80: #EDEDED;
	--sdk-color-neutral-90: #F5F5F5;
	--sdk-color-neutral: #FFFFFF;
}

/* scrollbar modifier
::-webkit-scrollbar {
	width: 10px;
	height : 10px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	xborder-radius: 4px;
}

::-webkit-scrollbar-thumb {
	background: grey;
	box-shadow: inset 0 0 2px #F8F8F8;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #555;
}
*/
.app-background {
	background-color: var(--sdk-app-backgound) !important;
}

.app-body-text {
	background-color: var(--sdk-app-body-text) !important;
}

.fill-w-view, .fill-vw {
	width: 100vw !important;;
}

.fill-h-view , .fill-vh{
	height: 100vh;
}

.fill-width {
	width: 100vw !important;
	margin-left: calc((100% - 100vw) / 2) !important;;
}

.fit-content, .fit-width {
	width: fit-content !important;
	width: -moz-fit-content !important;
}

.fit-content, .fit-height {
	height: fit-content !important;
}

figure {
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	gap: 0.25rem;
}

figure img {
	width: 100%;
	border-radius: 8px;
	border: 1px solid;
}

figure figcaption,
figure .figcaption {
	display: flex;
	align-self: center;
	word-wrap: anywhere;
	overflow-wrap: anywhere;
}

section {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	margin: 0;
	/*margin-top: -5px;*/
	width: 100%;
}

section:nth-child(2) {
	margin-top: 0.5rem;
}

section .info-box,
section .info-box .value,
section .info-box value {
	color: var(--md-sys-color-primary);
	padding: 0 5px;
}

section .sum-box .value,
section .sum-box value {
	padding: 0 5px;
}

section .sum-box .label,
section .sum-box label {
	padding: 0 5px;
}

value.baht::after  ,
.value.baht::after {
	content: "฿";
}

value.yuan::after ,
.value.yuan::after {
	content: "¥";
}

value.coin::after ,
.value.coin::after {
	content: "¢";
	font-size: 130%;
}

section .info-box label {
	color: var(--md-sys-color-on-background);
	white-space: nowrap;
}
section header {
	align-items: center;
}

form-group, .form-group {
	display: block;
	padding: 0;
	position: relative;
	gap: 0.25em;
	align-items: center;
}

group-header, .group-header {
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	align-items: center;
	justify-content: flex-start;
}

group-body, .group-body {
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	align-items: center;
	justify-content: flex-start;
}

form-row, .form-row {
	display: flex;
	flex: auto;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: 5px 0;
	padding: 0;
	position: relative;
	gap: 0.5rem;
}

form-row > form-group,
form-row > .form-group,
.form-row > .form-group {
	/*width: 100%;*/
}

form-group.flex-column , form-group.flex-row,
.form-group.flex-column ,.form-group.flex-row {
	width: 100%;
}

form-col, .form-col {
	display: flex;
	flex: auto;
	flex-direction: column;
	margin: 0;
	padding: 0;
	position: relative;
}

form-field, .form-field {
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	position: relative;
	align-items: center;
	justify-content: flex-start;
	gap: 0.25rem;
}

form-field.flex-column > field-body {
	width: 100%;
}

form-row > field-body {
	width: auto;
}

form-field.with-label,
.form-field.with-label {
	display: flex;
	flex: auto;
	flex-direction: column;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	position: relative;
}

form-field.with-label > label,
.form-field.with-label > label {
	position: absolute;
	left: 5px;
	top: 2px;
	font-size: 80%;
	color: gray;
}

form-field.with-label > input,
.form-field.with-label > input {
	height: 34px;
	padding-left: 3px;
	padding-top: 28px;
	padding-bottom: 12px;
	color: #30373F;
	border: 2px solid #bec3c6;
	border-radius: 4px;
	box-shadow: none;
}

form-field .field-label,
.form-field .field-label {

}

.form-field .field-value,
form-field .field-value {
	padding-left: 0.25rem;
}

form-col > form-field:not(.flex-column) > field-header {
	text-align: right;
	flex-wrap: nowrap;
	justify-content: right;
}

field-group {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
}

field-header {
	display: flex;
	width: 100%;
}

field-body {
	position: relative;
	display: block;
	align-items: center;
}

.flex-column {
	display: flex !important;
	flex-direction: column !important;
}
.flex-row {
	display: flex !important;
	flex-direction: row !important;
}

.flex-column > field-body,
.flex-column > field-header {
	width: 100%;
}

.flex-row > field-header,
.flex-row > .field-header {
	width: auto;
}
.primary field-header {
	color: var(--md-sys-color-on-primary);
}

.primary field-body {
	color: var(--md-sys-color-on-primary);
}

:root  {
	--sdk-secondary-header-text-color : var(--md-sys-color-on-secondary);
	--sdk-secondary-body-text-color : #6d4812;
}
.secondary field-header {
	color: var(--sdk-secondary-header-text-color);
}

.secondary field-body {
	color: var(--sdk-secondary-body-text-color);
}

field-footer {
	display: flex;
	flex-direction: column;
	width: 100%;
}


.flex-column > * {
	width: 100%;
}

.form-control, .form-control-sm, .form-control-lg {
	background-color: var(--md-sys-color-editor-background) !important;
	color: var(--md-sys-color-editor-text) !important;
	/*border-color: var(--md-sys-color-primary);*/
	width: 100%;
}

.input-group .form-control {
	margin: 2px 0px;
	font-size: 18px;
	padding: 14px 0;
}
.input-group .form-control-sm {
	margin: 0 3px 0 1px !important;
	padding: 3px 5px !important;
}

:root {
	--select-background: transparent url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat;
}

:root.dark {
	--select-background : transparent url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat;
}

select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: var(--select-background);
	background-position-x: 100%;
	background-position-y: 3px;
	padding-right: 20px;
}

select.form-control-sm {
	background-position-y: 0;
	padding: 6px 5px !important;
}

.form-control-sm {
	font-size: 14px !important;
	padding: 5px 5px 3px 5px !important;
	/*line-height: 16px !important;*/
	min-height: 25px !important;
}
.input-group .form-control-lg {
	line-height: 1.25rem;
	margin: 3px 5px;
}

.form-control-lg {
	font-size: 18px; !important;
}

.activate {
	background-color: var(--sdk-color-active);
}

.activate-text {
	color: var(--sdk-color-active);
}

text-data {
	display: none;
}

embed-data {
	display: none;
}

.primary a {
	color: var(--md-sys-color-primary-container);
}

.secondary a {
	color: var(--md-sys-color-secondary-container);
}

.max-5-lines {
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.max-4-lines {
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.max-3-lines {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.max-2-lines {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}


.top-radius-1, .top-round-1 {
	border-radius: 4px 4px 0px 0px !important;
}

.top-radius-2, .top-round-2 {
	border-radius: 8px 8px 0px 0px !important;
}

.top-radius-3, .top-round-3 {
	border-radius: 12px 12px 0px 0px !important;
}

.top-radius-4, .top-round-4 {
	border-radius: 16px 16px 0px 0px !important;
}

.border-round-1, .bd-round-1 {
	border-radius: 4px;
}

.border-round-2, .bd-round-2 {
	border-radius: 8px;
}

.border-round-3, .bd-round-3 {
	border-radius: 12px;
}

.border-round-4, .bd-round-4 {
	border-radius: 16px;
}

textarea.no-resize {
	resize: none;
}

table {
	caption-side: bottom;
	border-collapse: collapse;
}

table > tbody > tr:last-child {
	border: 0;
}

.table-borderless > thead {
	border-bottom: 1px;
	border-color: var(--md-sys-color-outline);
	border-style: solid;
}

caption {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #6c757d;
	text-align: left;
}

thead, th {
	text-align: inherit;
	text-align: -webkit-match-parent;
	font-weight: normal;
}

thead,
tbody,
tfoot,
tr,
td,
th {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

.title {
	margin: 10px 0;
}

.hidden {
	display: none !important;
}

.invisible {
	visibility: hidden;
}

.invisible * {
	display: none;
}

input :focus {
	outline: none;
}


.card {
	--bs-card-bg: var(--md-sys-color-background);
}


.form-text {
	font-weight: normal;
	font-size: 12px;
	text-indent: 3rem;
}

.control-label {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: right;
}

.control-text {
	font-weight: normal;
	font-size: 12px;
	text-indent: 3rem;
}

.control-value {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	margin: 0;
}

.control-value pre {
	padding: 3px;
	text-align: left;
	margin: 0;
	border: none;
	background: none;
}

.data-label {
	/*font-size: 13px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: right;
	margin: 0px;
}

.data-value {
	/*font-size: 13px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	margin: 0px;
}

.data-value pre {
	/*font-size: 13px;*/
	padding: 3px;
	text-align: left;
	margin: 0px;
	border: none;
	background: none;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	margin: 4px;
}

.radio-group input[type=radio] {
	margin-top: 0px;
	position: relative;
	top: 1px;
}

.radio-group label {
	padding-right: 10px;
	padding-left: 2px;
	margin-bottom: 0px;
	margin-top: 0px;
	position: relative;
	top: -1px;
}

.radio-group {
	margin-left: 0;
	margin-right: 0;
	height: auto;
	display: flex;
}

.bk-transparent {
	background: transparent !important;
}

.bk-background {
	background-color: var(--sdk-app-backgound);
}

.bk-warning {
	background-color: var(--bs-warning) !important;
}

.bk-dark {
	background-color: #333333 !important;
}

.bk-dark input[readonly] {
	color: white;
}

.bk-white {
	background-color: #ffffff !important;
}

.bk-red {
	background-color: #dd5a43 !important;
}

.bk-red input[readonly] {
	color: white;
}

.bk-red2 {
	background-color: #e08374 !important;
}

.bk-light-red {
	background-color: #ff7777 !important;
}

.bk-light-red-25 {
	background-color: rgba(255, 119, 119, 0.25) !important;
}

.bk-light-red-50 {
	background-color: rgba(255, 119, 119, 0.50) !important;
}

.bk-light-red-75 {
	background-color: rgba(255, 119, 119, 0.75) !important;
}

.bk-light-red-25 .ext-info {
	color: #0c0c0c;
}

.bk-light-red-50 .ext-info {
	color: #0c0c0c;
}

.bk-blue {
	background-color: #478fca !important;
}

.bk-light-blue {
	background-color: #93cbf9 !important;
}

.bk-dark-green {
	background-color: darkgreen !important;
}

.bk-green {
	background-color: #69aa46 !important;
}

.bk-light-green {
	background-color: #b0d877 !important;
}

.bk-lime {
	background-color: lime !important;
}

.bk-orange {
	background-color: orange !important;
}

.bk-orange2 {
	background-color: #feb902 !important;
}

.bk-light-orange {
	background-color: #ffd500 !important;
}

.bk-light-orange-25 {
	background-color: rgba(255, 213, 0, 0.25) !important;
}

.bk-light-orange-50 {
	background-color: rgba(255, 213, 0, 0.50) !important;
}

.bk-light-orange-75 {
	background-color: rgba(255, 213, 0, 0.75) !important;
}

.bk-purple {
	background-color: #a069c3 !important;
}

.bk-pink {
	background-color: #c6699f !important;
}

.bk-pink2 {
	background-color: #d6487e !important;
}

.bk-brown {
	background-color: #824d00 !important;
}

.bk-grey {
	background-color: #777777 !important;
}

.bk-med-grey {
	background-color: #dcdcdc !important;
}

.bk-light-grey {
	background-color: #eeeeee !important;
}

.dark {
	color: #333333 !important;
}

.white {
	color: #ffffff !important;
}

.black {
	color: #000000 !important;
}

.red {
	color: darkred !important;
}

.red2 {
	color: red !important;
}

.light-red {
	color: #ff7777 !important;
}

.blue {
	color: #0040ff !important;
}

.cyan {
	color: #0096e8 !important;
}

.dark-blue {
	color: darkblue !important;
}

.light-blue {
	color: lightblue !important;
}

.green {
	color: green !important;
}

.dark-green {
	color: darkgreen !important;
}

.light-green {
	color: lightgreen !important;
}

.lime-green {
	color: limegreen !important;
}

.lime {
	color: lime !important;
}

.orange {
	color: #ff892a !important;
}

.orange2 {
	color: #feb902 !important;
}

.dark-orange, .warning {
	color: #fe6f02 !important;
}

.light-orange {
	color: #fcac6f !important;
}

.purple {
	color: #a069c3 !important;
}

.pink {
	color: #c6699f !important;
}

.pink2 {
	color: #d6487e !important;
}

.brown {
	color: #a52a2a !important;
}

.grey {
	color: #777777 !important;
}

.light-grey {
	color: #bbbbbb !important;
}

.border-red {
	border-radius: 4px;
	border-color: #ed5565 !important;
	border-style: solid;
}

.border-blue {
	border-radius: 4px;
	border-color: #187ded !important;
	border-style: solid;
}

.border-green {
	border-radius: 4px;
	border-color: #107a58 !important;
	border-style: solid;
}

.border-warning {
	border-radius: 4px;
	border-color: #fe6f02 !important;
	border-style: solid;
}

.bigger-110 {
	font-size: 110% !important;
}

.bigger-120 {
	font-size: 120% !important;
}

.bigger-130 {
	font-size: 130% !important;
}

.bigger-140 {
	font-size: 140% !important;
}

.bigger-150 {
	font-size: 150% !important;
}

.bigger-160 {
	font-size: 160% !important;
}

.bigger-170 {
	font-size: 170% !important;
}

.bigger-180 {
	font-size: 180% !important;
}

.bigger-190 {
	font-size: 190% !important;
}

.bigger-200 {
	font-size: 200% !important;
}

.bigger-210 {
	font-size: 210% !important;
}

.bigger-220 {
	font-size: 220% !important;
}

.bigger-230 {
	font-size: 230% !important;
}

.bigger-240 {
	font-size: 240% !important;
}

.bigger-250 {
	font-size: 250% !important;
}

.bigger-260 {
	font-size: 260% !important;
}

.bigger-270 {
	font-size: 270% !important;
}

.bigger-280 {
	font-size: 280% !important;
}

.bigger-290 {
	font-size: 290% !important;
}

.bigger-300 {
	font-size: 300% !important;
}

.bigger-115 {
	font-size: 115% !important;
}

.bigger-125 {
	font-size: 125% !important;
}

.bigger-175 {
	font-size: 175% !important;
}

.bigger-225 {
	font-size: 225% !important;
}

.bigger-275 {
	font-size: 275% !important;
}

.normal-100 {
	font-size: 100% !important;
}

.smaller-95 {
	font-size: 95% !important;
}

.smaller-90 {
	font-size: 90% !important;
}

.smaller-85 {
	font-size: 85% !important;
}

.smaller-80 {
	font-size: 80% !important;
}

.smaller-70 {
	font-size: 70% !important;
}

.smaller-75 {
	font-size: 75% !important;
}

.smaller-60 {
	font-size: 60% !important;
}

.smaller-50 {
	font-size: 50% !important;
}

.smaller-40 {
	font-size: 40% !important;
}

.smaller-30 {
	font-size: 30% !important;
}

.smaller-20 {
	font-size: 20% !important;
}

.smaller-75 {
	font-size: 75% !important;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.width-90 {
	width: 90% !important;
	max-width: 90% !important;
}

.width-95 {
	width: 95% !important;
	max-width: 95% !important;
}

.width-100 {
	width: 100% !important;
	max-width: 100% !important;
}

.width-75 {
	width: 75% !important;
	max-width: 75% !important;
}

.width-25 {
	width: 25% !important;
	max-width: 25% !important;
}

.full-width {
	width: 100% !important;
}

.full-height {
	height : 100% !important;
}

.haft-width, .width-50 {
	width: 50% !important;
}

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

.height-auto {
	height: auto !important;
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	.full-width-sm-n10 {
		width: calc(100% - 10px) !important;
	}
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.full-width-md-n10 {
		width: calc(100% - 10px) !important;
	}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.full-width-lg-n10 {
		width: calc(100% - 10px) !important;
	}
}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.full-width-xl-n10 {
		width: calc(100% - 10px) !important;
	}
}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	.full-width-xxl-n10 {
		width: calc(100% - 10px) !important;
	}
}

.overflow-hidden {
	overflow: hidden !important;
}

.overflow-scroll {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}

.no-radius {
	border-radius: 0 !important;
}

.no-text-shadow, .text-no-shadow {
	text-shadow: none !important;
}

.text-shadow-dark {
	text-shadow: 1px 1px 1px black !important;
}

.text-shadow-grey {
	text-shadow: 1px 1px 1px grey !important;
}

.text-shadow-light {
	text-shadow: 1px 1px 1px lightgrey !important;
}

.text-shadow-lighter {
	text-shadow: 1px 1px 1px white !important;
}

.text-lighter {
	font-weight: lighter !important;
}

.text-normal {
	font-weight: normal !important;
}

.text-bold {
	font-weight: bold !important;
}

.text-bolder {
	font-weight: bolder !important;
}

.grid-body {
	border: 1pt solid black;
	font-weight: normal;
	background-color: #EFEFEF;
}

.grid-header {
	/*font-family: tahoma;*/
	font-size: 10pt;
	height: 23px;
	font-weight: bold;
	color: #006300;
	filter: Blur(Add=2, Direction=2, Strength=2);
	background: #c7e7b5;
	text-align: center;
}

.grid-row {
	font-size: 12px;
	font-style: normal;
	color: #000;
	background: transparent;
	white-space: nowrap;
}

.grid-row-edit {
	font-size: 12px;
	font-style: normal;
	color: #000;
	background-color: #FFF;
}

.grid-col {
	padding: 5px !important;
	float: left;
	position: relative;
	margin: 0;
	max-width: 100%;
}

.grid-col input {
	margin: 0px;
	padding: 5px;
	height: fit-content !important;
}

.grid-col label {
	margin: 4px 0px;
	font-weight: normal;
}

.grid-col-flex {
	padding: 0px;
	float: left;
	position: relative;
	margin: 5px;
	max-width: 100%;
	flex-basis: 0;
	flex-grow: 1;
}

.grid-col-flex input {
	margin: 0px;
}

.grid-col-flex label {
	margin: 0px;
	font-weight: normal;
}

.table > thead.info-table > tr > th,
.table > thead > tr.info-table > th {
	color: #282828;
	background-color: var(--sdk-table-info-head-color) !important;
	border-color: var(--sdk-table-info-head-color) !important;
}


.table > thead.info-table > tr > th .sortable {
	border: 2px #08751d5c outset;
	border-radius: 8px;
	padding: 3px !important;
	height: 35px;
	margin : 6px;
}

.dashboard-table thead th .th-inner, .dashboard-table tbody td .th-inner {
	padding: 4px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dashboard-table .fixed-table-body {
	background: none;
}

.dashboard-table {
	border: 1px solid #dddddd;
	padding-bottom: 30px !important;
}

.dashboard-table {
	border-top-style: none !important;
}

.dashboard-table .fixed-table-header {
	margin: 0 -1px;
}

.warning .fixed-table-header {
	background-color: #ca8c34 !important;
}

.success .fixed-table-header {
	background: #129283 !important;
}

.primary .fixed-table-header {
	background-color: #1e77c5 !important
}

/*.fixed-table-pagination {*/
/*	border-top: gray solid 1px;*/
/*}*/

.fixed-table-pagination div.pagination,
.fixed-table-pagination .pagination-detail {
	margin-top: 5px;
	margin-bottom: 0px;
}


.fa-icon {
	margin-right: 5px;
}

.fa-rotate-45 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.fa-rotate-135 {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.fa-rotate-225 {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	padding-left: 5px;
	position: relative;
	top: 1px;
}

.center, .text-center {
	text-align: center;
}

.left, .text-left {
	text-align: left;
}

.right, .text-right {
	text-align: right;
}

.border-active-input {
	border: 2px solid #bec3c6 !important;
}

.border-solid, .bd-solid {
	border-style: solid !important;
}

.border-double, .bd-double {
	border-style: double !important;
}

.border-groove, .bd-groove {
	border-style: groove !important;
}

.border-inset, .bd-inset {
	border-style: inset !important;
}

.border-outset, .bd-outset {
	border-style: outset !important;
}

.border-thin, .bd-thin {
	border-width: thin !important;
}

.border-thick,
.bd-thick {
	border-width: thick !important;
}

.border-medium, .bd-medium {
	border-width: medium !important;
}

.border-revert,
.bd-revert {
	border-width: revert !important;
}

.border-1 {
	border-width: 1px !important;
}

.border-2 {
	border-width: 2px !important;
}

.border-3 {
	border-width: 3px !important;
}

.border-lightgray-round-1 {
	border-width: 1px !important;
	border-color: lightgrey !important;
	border-radius: 4px !important;
	border-style: solid !important;
}

.border-grey-round-1 {
	border-width: 1px !important;
	border-color: grey !important;
	border-radius: 4px !important;
	border-style: solid !important;
}

.border-circle {
	border-radius: 50% !important;
}

.border-oval {
	border-radius: 25% !important;
}

.bd-grey {
	border-style: solid;
	border-color: grey !important;
}

.bd-light-grey {
	border-style: solid;
	border-color: lightgrey !important;
}

.border-solid {
	border-style: solid;
}

.border-groove {
	border-style: groove;
}

.border-inset {
	border-style: inset;
}

.border-outset {
	border-style: outset;
}

.border-ridge {
	border-style: ridge;
}

.bd-thinner {
	border-width: 1px !important;
}

.bd-normal {
	border-width: 1px !important;
}

.bd-medium {
	border-width: 2px !important;
}

.bd-thicker {
	border-width: 4px !important;
}

.bd-l-0, .bd-x-0, .bd-0 {
	border-left-width: 0px !important;
}

.bd-r-0, .bd-x-0, .bd-0 {
	border-right-width: 0px !important;
}

.bd-l-1, .bd-x-1, .bd-1 {
	border-left-width: 1px !important;
}

.bd-r-1, .bd-x-1, .bd-1 {
	border-right-width: 1px !important;
}

.bd-l-2, .bd-x-2, .bd-2 {
	border-left-width: 2px !important;
}

.bd-r-2, .bd-x-2, .bd-2 {
	border-right-width: 2px !important;
}

.bd-l-3, .bd-x-3, .bd-3 {
	border-left-width: 3px !important;
}

.bd-r-3, .bd-x-3, .bd-3 {
	border-right-width: 3px !important;
}

.bd-l-4, .bd-x-4, .bd-4 {
	border-left-width: 4px !important;
}

.bd-r-4, .bd-x-4, .bd-4 {
	border-right-width: 4px !important;
}

.bd-l-5, .bd-x-5, .bd-5 {
	border-left-width: 5px !important;
}

.bd-r-5, .bd-x-5, .bd-5 {
	border-right-width: 5px !important;
}

.bd-l-6, .bd-x-6, .bd-6 {
	border-left-width: 6px !important;
}

.bd-r-6, .bd-x-6, .bd-6 {
	border-right-width: 6px !important;
}

.bd-l-7, .bd-x-7, .bd-7 {
	border-left-width: 7px !important;
}

.bd-r-7, .bd-x-7, .bd-7 {
	border-right-width: 7px !important;
}

.bd-l-8, .bd-x-8, .bd-8 {
	border-left-width: 8px !important;
}

.bd-r-8, .bd-x-8, .bd-8 {
	border-right-width: 8px !important;
}

.bd-l-9, .bd-x-9, .bd-9 {
	border-left-width: 9px !important;
}

.bd-r-9, .bd-x-9, .bd-9 {
	border-right-width: 9px !important;
}

.bd-l-10, .bd-x-10, .bd-10 {
	border-left-width: 10px !important;
}

.bd-r-10, .bd-x-10, .bd-10 {
	border-right-width: 10px !important;
}

.bd-l-11, .bd-x-11, .bd-11 {
	border-left-width: 11px !important;
}

.bd-r-11, .bd-x-11, .bd-11 {
	border-right-width: 11px !important;
}

.bd-l-12, .bd-x-12, .bd-12 {
	border-left-width: 12px !important;
}

.bd-r-12, .bd-x-12, .bd-12 {
	border-right-width: 12px !important;
}

.bd-l-13, .bd-x-13, .bd-13 {
	border-left-width: 13px !important;
}

.bd-r-13, .bd-x-13, .bd-13 {
	border-right-width: 13px !important;
}

.bd-l-14, .bd-x-14, .bd-14 {
	border-left-width: 14px !important;
}

.bd-r-14, .bd-x-14, .bd-14 {
	border-right-width: 14px !important;
}

.bd-l-15, .bd-x-15, .bd-15 {
	border-left-width: 15px !important;
}

.bd-r-15, .bd-x-15, .bd-15 {
	border-right-width: 15px !important;
}

.bd-l-16, .bd-x-16, .bd-16 {
	border-left-width: 16px !important;
}

.bd-r-16, .bd-x-16, .bd-16 {
	border-right-width: 16px !important;
}

.bd-l-17, .bd-x-17, .bd-17 {
	border-left-width: 17px !important;
}

.bd-r-17, .bd-x-17, .bd-17 {
	border-right-width: 17px !important;
}

.bd-l-18, .bd-x-18, .bd-18 {
	border-left-width: 18px !important;
}

.bd-r-18, .bd-x-18, .bd-18 {
	border-right-width: 18px !important;
}

.bd-l-19, .bd-x-19, .bd-19 {
	border-left-width: 19px !important;
}

.bd-r-19, .bd-x-19, .bd-19 {
	border-right-width: 19px !important;
}

.bd-l-20, .bd-x-20, .bd-20 {
	border-left-width: 20px !important;
}

.bd-r-20, .bd-x-20, .bd-20 {
	border-right-width: 20px !important;
}

.bd-l-21, .bd-x-21, .bd-21 {
	border-left-width: 21px !important;
}

.bd-r-21, .bd-x-21, .bd-21 {
	border-right-width: 21px !important;
}

.bd-l-22, .bd-x-22, .bd-22 {
	border-left-width: 22px !important;
}

.bd-r-22, .bd-x-22, .bd-22 {
	border-right-width: 22px !important;
}

.bd-l-23, .bd-x-23, .bd-23 {
	border-left-width: 23px !important;
}

.bd-r-23, .bd-x-23, .bd-23 {
	border-right-width: 23px !important;
}

.bd-l-24, .bd-x-24, .bd-24 {
	border-left-width: 24px !important;
}

.bd-r-24, .bd-x-24, .bd-24 {
	border-right-width: 24px !important;
}

.bd-l-25, .bd-x-25, .bd-25 {
	border-left-width: 25px !important;
}

.bd-r-25, .bd-x-25, .bd-25 {
	border-right-width: 25px !important;
}

.bd-l-26, .bd-x-26, .bd-26 {
	border-left-width: 26px !important;
}

.bd-r-26, .bd-x-26, .bd-26 {
	border-right-width: 26px !important;
}

.bd-l-27, .bd-x-27, .bd-27 {
	border-left-width: 27px !important;
}

.bd-r-27, .bd-x-27, .bd-27 {
	border-right-width: 27px !important;
}

.bd-l-28, .bd-x-28, .bd-28 {
	border-left-width: 28px !important;
}

.bd-r-28, .bd-x-28, .bd-28 {
	border-right-width: 28px !important;
}

.bd-l-29, .bd-x-29, .bd-29 {
	border-left-width: 29px !important;
}

.bd-r-29, .bd-x-29, .bd-29 {
	border-right-width: 29px !important;
}

.bd-l-30, .bd-x-30, .bd-30 {
	border-left-width: 30px !important;
}

.bd-r-30, .bd-x-30, .bd-30 {
	border-right-width: 30px !important;
}

.bd-t-0, .bd-y-0, .bd-0 {
	border-top-width: 0px !important;
}

.bd-b-0, .bd-y-0, .bd-0 {
	border-bottom-width: 0px !important;
}

.bd-t-1, .bd-y-1, .bd-1 {
	border-top-width: 1px !important;
}

.bd-b-1, .bd-y-1, .bd-1 {
	border-bottom-width: 1px !important;
}

.bd-t-2, .bd-y-2, .bd-2 {
	border-top-width: 2px !important;
}

.bd-b-2, .bd-y-2, .bd-2 {
	border-bottom-width: 2px !important;
}

.bd-t-3, .bd-y-3, .bd-3 {
	border-top-width: 3px !important;
}

.bd-b-3, .bd-y-3, .bd-3 {
	border-bottom-width: 3px !important;
}

.bd-t-4, .bd-y-4, .bd-4 {
	border-top-width: 4px !important;
}

.bd-b-4, .bd-y-4, .bd-4 {
	border-bottom-width: 4px !important;
}

.bd-t-5, .bd-y-5, .bd-5 {
	border-top-width: 5px !important;
}

.bd-b-5, .bd-y-5, .bd-5 {
	border-bottom-width: 5px !important;
}

.bd-t-6, .bd-y-6, .bd-6 {
	border-top-width: 6px !important;
}

.bd-b-6, .bd-y-6, .bd-6 {
	border-bottom-width: 6px !important;
}

.bd-t-7, .bd-y-7, .bd-7 {
	border-top-width: 7px !important;
}

.bd-b-7, .bd-y-7, .bd-7 {
	border-bottom-width: 7px !important;
}

.bd-t-8, .bd-y-8, .bd-8 {
	border-top-width: 8px !important;
}

.bd-b-8, .bd-y-8, .bd-8 {
	border-bottom-width: 8px !important;
}

.bd-t-9, .bd-y-9, .bd-9 {
	border-top-width: 9px !important;
}

.bd-b-9, .bd-y-9, .bd-9 {
	border-bottom-width: 9px !important;
}

.bd-t-10, .bd-y-10, .bd-10 {
	border-top-width: 10px !important;
}

.bd-b-10, .bd-y-10, .bd-10 {
	border-bottom-width: 10px !important;
}

.bd-t-11, .bd-y-11, .bd-11 {
	border-top-width: 11px !important;
}

.bd-b-11, .bd-y-11, .bd-11 {
	border-bottom-width: 11px !important;
}

.bd-t-12, .bd-y-12, .bd-12 {
	border-top-width: 12px !important;
}

.bd-b-12, .bd-y-12, .bd-12 {
	border-bottom-width: 12px !important;
}

.bd-t-13, .bd-y-13, .bd-13 {
	border-top-width: 13px !important;
}

.bd-b-13, .bd-y-13, .bd-13 {
	border-bottom-width: 13px !important;
}

.bd-t-14, .bd-y-14, .bd-14 {
	border-top-width: 14px !important;
}

.bd-b-14, .bd-y-14, .bd-14 {
	border-bottom-width: 14px !important;
}

.bd-t-15, .bd-y-15, .bd-15 {
	border-top-width: 15px !important;
}

.bd-b-15, .bd-y-15, .bd-15 {
	border-bottom-width: 15px !important;
}

.bd-t-16, .bd-y-16, .bd-16 {
	border-top-width: 16px !important;
}

.bd-b-16, .bd-y-16, .bd-16 {
	border-bottom-width: 16px !important;
}

.bd-t-17, .bd-y-17, .bd-17 {
	border-top-width: 17px !important;
}

.bd-b-17, .bd-y-17, .bd-17 {
	border-bottom-width: 17px !important;
}

.bd-t-18, .bd-y-18, .bd-18 {
	border-top-width: 18px !important;
}

.bd-b-18, .bd-y-18, .bd-18 {
	border-bottom-width: 18px !important;
}

.bd-t-19, .bd-y-19, .bd-19 {
	border-top-width: 19px !important;
}

.bd-b-19, .bd-y-19, .bd-19 {
	border-bottom-width: 19px !important;
}

.bd-t-20, .bd-y-20, .bd-20 {
	border-top-width: 20px !important;
}

.bd-b-20, .bd-y-20, .bd-20 {
	border-bottom-width: 20px !important;
}

.bd-t-21, .bd-y-21, .bd-21 {
	border-top-width: 21px !important;
}

.bd-b-21, .bd-y-21, .bd-21 {
	border-bottom-width: 21px !important;
}

.bd-t-22, .bd-y-22, .bd-22 {
	border-top-width: 22px !important;
}

.bd-b-22, .bd-y-22, .bd-22 {
	border-bottom-width: 22px !important;
}

.bd-t-23, .bd-y-23, .bd-23 {
	border-top-width: 23px !important;
}

.bd-b-23, .bd-y-23, .bd-23 {
	border-bottom-width: 23px !important;
}

.bd-t-24, .bd-y-24, .bd-24 {
	border-top-width: 24px !important;
}

.bd-b-24, .bd-y-24, .bd-24 {
	border-bottom-width: 24px !important;
}

.bd-t-25, .bd-y-25, .bd-25 {
	border-top-width: 25px !important;
}

.bd-b-25, .bd-y-25, .bd-25 {
	border-bottom-width: 25px !important;
}

.bd-t-26, .bd-y-26, .bd-26 {
	border-top-width: 26px !important;
}

.bd-b-26, .bd-y-26, .bd-26 {
	border-bottom-width: 26px !important;
}

.bd-t-27, .bd-y-27, .bd-27 {
	border-top-width: 27px !important;
}

.bd-b-27, .bd-y-27, .bd-27 {
	border-bottom-width: 27px !important;
}

.bd-t-28, .bd-y-28, .bd-28 {
	border-top-width: 28px !important;
}

.bd-b-28, .bd-y-28, .bd-28 {
	border-bottom-width: 28px !important;
}

.bd-t-29, .bd-y-29, .bd-29 {
	border-top-width: 29px !important;
}

.bd-b-29, .bd-y-29, .bd-29 {
	border-bottom-width: 29px !important;
}

.bd-t-30, .bd-y-30, .bd-30 {
	border-top-width: 30px !important;
}

.bd-b-30, .bd-y-30, .bd-30 {
	border-bottom-width: 30px !important;
}

.mg-l-0, .mg-x-0, .mg-0 {
	margin-left: 0px !important;
}

.mg-r-0, .mg-x-0, .mg-0 {
	margin-right: 0px !important;
}

.mg-l-1, .mg-x-1, .mg-1 {
	margin-left: 1px !important;
}

.mg-r-1, .mg-x-1, .mg-1 {
	margin-right: 1px !important;
}

.mg-l-2, .mg-x-2, .mg-2 {
	margin-left: 2px !important;
}

.mg-r-2, .mg-x-2, .mg-2 {
	margin-right: 2px !important;
}

.mg-l-3, .mg-x-3, .mg-3 {
	margin-left: 3px !important;
}

.mg-r-3, .mg-x-3, .mg-3 {
	margin-right: 3px !important;
}

.mg-l-4, .mg-x-4, .mg-4 {
	margin-left: 4px !important;
}

.mg-r-4, .mg-x-4, .mg-4 {
	margin-right: 4px !important;
}

.mg-l-5, .mg-x-5, .mg-5 {
	margin-left: 5px !important;
}

.mg-r-5, .mg-x-5, .mg-5 {
	margin-right: 5px !important;
}

.mg-l-6, .mg-x-6, .mg-6 {
	margin-left: 6px !important;
}

.mg-r-6, .mg-x-6, .mg-6 {
	margin-right: 6px !important;
}

.mg-l-7, .mg-x-7, .mg-7 {
	margin-left: 7px !important;
}

.mg-r-7, .mg-x-7, .mg-7 {
	margin-right: 7px !important;
}

.mg-l-8, .mg-x-8, .mg-8 {
	margin-left: 8px !important;
}

.mg-r-8, .mg-x-8, .mg-8 {
	margin-right: 8px !important;
}

.mg-l-9, .mg-x-9, .mg-9 {
	margin-left: 9px !important;
}

.mg-r-9, .mg-x-9, .mg-9 {
	margin-right: 9px !important;
}

.mg-l-10, .mg-x-10, .mg-10 {
	margin-left: 10px !important;
}

.mg-r-10, .mg-x-10, .mg-10 {
	margin-right: 10px !important;
}

.mg-l-11, .mg-x-11, .mg-11 {
	margin-left: 11px !important;
}

.mg-r-11, .mg-x-11, .mg-11 {
	margin-right: 11px !important;
}

.mg-l-12, .mg-x-12, .mg-12 {
	margin-left: 12px !important;
}

.mg-r-12, .mg-x-12, .mg-12 {
	margin-right: 12px !important;
}

.mg-l-13, .mg-x-13, .mg-13 {
	margin-left: 13px !important;
}

.mg-r-13, .mg-x-13, .mg-13 {
	margin-right: 13px !important;
}

.mg-l-14, .mg-x-14, .mg-14 {
	margin-left: 14px !important;
}

.mg-r-14, .mg-x-14, .mg-14 {
	margin-right: 14px !important;
}

.mg-l-15, .mg-x-15, .mg-15 {
	margin-left: 15px !important;
}

.mg-r-15, .mg-x-15, .mg-15 {
	margin-right: 15px !important;
}

.mg-l-16, .mg-x-16, .mg-16 {
	margin-left: 16px !important;
}

.mg-r-16, .mg-x-16, .mg-16 {
	margin-right: 16px !important;
}

.mg-l-17, .mg-x-17, .mg-17 {
	margin-left: 17px !important;
}

.mg-r-17, .mg-x-17, .mg-17 {
	margin-right: 17px !important;
}

.mg-l-18, .mg-x-18, .mg-18 {
	margin-left: 18px !important;
}

.mg-r-18, .mg-x-18, .mg-18 {
	margin-right: 18px !important;
}

.mg-l-19, .mg-x-19, .mg-19 {
	margin-left: 19px !important;
}

.mg-r-19, .mg-x-19, .mg-19 {
	margin-right: 19px !important;
}

.mg-l-20, .mg-x-20, .mg-20 {
	margin-left: 20px !important;
}

.mg-r-20, .mg-x-20, .mg-20 {
	margin-right: 20px !important;
}

.mg-l-21, .mg-x-21, .mg-21 {
	margin-left: 21px !important;
}

.mg-r-21, .mg-x-21, .mg-21 {
	margin-right: 21px !important;
}

.mg-l-22, .mg-x-22, .mg-22 {
	margin-left: 22px !important;
}

.mg-r-22, .mg-x-22, .mg-22 {
	margin-right: 22px !important;
}

.mg-l-23, .mg-x-23, .mg-23 {
	margin-left: 23px !important;
}

.mg-r-23, .mg-x-23, .mg-23 {
	margin-right: 23px !important;
}

.mg-l-24, .mg-x-24, .mg-24 {
	margin-left: 24px !important;
}

.mg-r-24, .mg-x-24, .mg-24 {
	margin-right: 24px !important;
}

.mg-l-25, .mg-x-25, .mg-25 {
	margin-left: 25px !important;
}

.mg-r-25, .mg-x-25, .mg-25 {
	margin-right: 25px !important;
}

.mg-l-26, .mg-x-26, .mg-26 {
	margin-left: 26px !important;
}

.mg-r-26, .mg-x-26, .mg-26 {
	margin-right: 26px !important;
}

.mg-l-27, .mg-x-27, .mg-27 {
	margin-left: 27px !important;
}

.mg-r-27, .mg-x-27, .mg-27 {
	margin-right: 27px !important;
}

.mg-l-28, .mg-x-28, .mg-28 {
	margin-left: 28px !important;
}

.mg-r-28, .mg-x-28, .mg-28 {
	margin-right: 28px !important;
}

.mg-l-29, .mg-x-29, .mg-29 {
	margin-left: 29px !important;
}

.mg-r-29, .mg-x-29, .mg-29 {
	margin-right: 29px !important;
}

.mg-l-30, .mg-x-30, .mg-30 {
	margin-left: 30px !important;
}

.mg-r-30, .mg-x-30, .mg-30 {
	margin-right: 30px !important;
}

.mg-t-0, .mg-y-0, .mg-0 {
	margin-top: 0px !important;
}

.mg-b-0, .mg-y-0, .mg-0 {
	margin-bottom: 0px !important;
}

.mg-t-1, .mg-y-1, .mg-1 {
	margin-top: 1px !important;
}

.mg-b-1, .mg-y-1, .mg-1 {
	margin-bottom: 1px !important;
}

.mg-t-2, .mg-y-2, .mg-2 {
	margin-top: 2px !important;
}

.mg-b-2, .mg-y-2, .mg-2 {
	margin-bottom: 2px !important;
}

.mg-t-3, .mg-y-3, .mg-3 {
	margin-top: 3px !important;
}

.mg-b-3, .mg-y-3, .mg-3 {
	margin-bottom: 3px !important;
}

.mg-t-4, .mg-y-4, .mg-4 {
	margin-top: 4px !important;
}

.mg-b-4, .mg-y-4, .mg-4 {
	margin-bottom: 4px !important;
}

.mg-t-5, .mg-y-5, .mg-5 {
	margin-top: 5px !important;
}

.mg-b-5, .mg-y-5, .mg-5 {
	margin-bottom: 5px !important;
}

.mg-t-6, .mg-y-6, .mg-6 {
	margin-top: 6px !important;
}

.mg-b-6, .mg-y-6, .mg-6 {
	margin-bottom: 6px !important;
}

.mg-t-7, .mg-y-7, .mg-7 {
	margin-top: 7px !important;
}

.mg-b-7, .mg-y-7, .mg-7 {
	margin-bottom: 7px !important;
}

.mg-t-8, .mg-y-8, .mg-8 {
	margin-top: 8px !important;
}

.mg-b-8, .mg-y-8, .mg-8 {
	margin-bottom: 8px !important;
}

.mg-t-9, .mg-y-9, .mg-9 {
	margin-top: 9px !important;
}

.mg-b-9, .mg-y-9, .mg-9 {
	margin-bottom: 9px !important;
}

.mg-t-10, .mg-y-10, .mg-10 {
	margin-top: 10px !important;
}

.mg-b-10, .mg-y-10, .mg-10 {
	margin-bottom: 10px !important;
}

.mg-t-11, .mg-y-11, .mg-11 {
	margin-top: 11px !important;
}

.mg-b-11, .mg-y-11, .mg-11 {
	margin-bottom: 11px !important;
}

.mg-t-12, .mg-y-12, .mg-12 {
	margin-top: 12px !important;
}

.mg-b-12, .mg-y-12, .mg-12 {
	margin-bottom: 12px !important;
}

.mg-t-13, .mg-y-13, .mg-13 {
	margin-top: 13px !important;
}

.mg-b-13, .mg-y-13, .mg-13 {
	margin-bottom: 13px !important;
}

.mg-t-14, .mg-y-14, .mg-14 {
	margin-top: 14px !important;
}

.mg-b-14, .mg-y-14, .mg-14 {
	margin-bottom: 14px !important;
}

.mg-t-15, .mg-y-15, .mg-15 {
	margin-top: 15px !important;
}

.mg-b-15, .mg-y-15, .mg-15 {
	margin-bottom: 15px !important;
}

.mg-t-16, .mg-y-16, .mg-16 {
	margin-top: 16px !important;
}

.mg-b-16, .mg-y-16, .mg-16 {
	margin-bottom: 16px !important;
}

.mg-t-17, .mg-y-17, .mg-17 {
	margin-top: 17px !important;
}

.mg-b-17, .mg-y-17, .mg-17 {
	margin-bottom: 17px !important;
}

.mg-t-18, .mg-y-18, .mg-18 {
	margin-top: 18px !important;
}

.mg-b-18, .mg-y-18, .mg-18 {
	margin-bottom: 18px !important;
}

.mg-t-19, .mg-y-19, .mg-19 {
	margin-top: 19px !important;
}

.mg-b-19, .mg-y-19, .mg-19 {
	margin-bottom: 19px !important;
}

.mg-t-20, .mg-y-20, .mg-20 {
	margin-top: 20px !important;
}

.mg-b-20, .mg-y-20, .mg-20 {
	margin-bottom: 20px !important;
}

.mg-t-21, .mg-y-21, .mg-21 {
	margin-top: 21px !important;
}

.mg-b-21, .mg-y-21, .mg-21 {
	margin-bottom: 21px !important;
}

.mg-t-22, .mg-y-22, .mg-22 {
	margin-top: 22px !important;
}

.mg-b-22, .mg-y-22, .mg-22 {
	margin-bottom: 22px !important;
}

.mg-t-23, .mg-y-23, .mg-23 {
	margin-top: 23px !important;
}

.mg-b-23, .mg-y-23, .mg-23 {
	margin-bottom: 23px !important;
}

.mg-t-24, .mg-y-24, .mg-24 {
	margin-top: 24px !important;
}

.mg-b-24, .mg-y-24, .mg-24 {
	margin-bottom: 24px !important;
}

.mg-t-25, .mg-y-25, .mg-25 {
	margin-top: 25px !important;
}

.mg-b-25, .mg-y-25, .mg-25 {
	margin-bottom: 25px !important;
}

.mg-t-26, .mg-y-26, .mg-26 {
	margin-top: 26px !important;
}

.mg-b-26, .mg-y-26, .mg-26 {
	margin-bottom: 26px !important;
}

.mg-t-27, .mg-y-27, .mg-27 {
	margin-top: 27px !important;
}

.mg-b-27, .mg-y-27, .mg-27 {
	margin-bottom: 27px !important;
}

.mg-t-28, .mg-y-28, .mg-28 {
	margin-top: 28px !important;
}

.mg-b-28, .mg-y-28, .mg-28 {
	margin-bottom: 28px !important;
}

.mg-t-29, .mg-y-29, .mg-29 {
	margin-top: 29px !important;
}

.mg-b-29, .mg-y-29, .mg-29 {
	margin-bottom: 29px !important;
}

.mg-t-30, .mg-y-30, .mg-30 {
	margin-top: 30px !important;
}

.mg-b-30, .mg-y-30, .mg-30 {
	margin-bottom: 30px !important;
}

.mg-l-n0, .mg-x-n0, .mg-n0 {
	margin-left: -0px !important;
}

.mg-r-n0, .mg-x-n0, .mg-n0 {
	margin-right: -0px !important;
}

.mg-l-n1, .mg-x-n1, .mg-n1 {
	margin-left: -1px !important;
}

.mg-r-n1, .mg-x-n1, .mg-n1 {
	margin-right: -1px !important;
}

.mg-l-n2, .mg-x-n2, .mg-n2 {
	margin-left: -2px !important;
}

.mg-r-n2, .mg-x-n2, .mg-n2 {
	margin-right: -2px !important;
}

.mg-l-n3, .mg-x-n3, .mg-n3 {
	margin-left: -3px !important;
}

.mg-r-n3, .mg-x-n3, .mg-n3 {
	margin-right: -3px !important;
}

.mg-l-n4, .mg-x-n4, .mg-n4 {
	margin-left: -4px !important;
}

.mg-r-n4, .mg-x-n4, .mg-n4 {
	margin-right: -4px !important;
}

.mg-l-n5, .mg-x-n5, .mg-n5 {
	margin-left: -5px !important;
}

.mg-r-n5, .mg-x-n5, .mg-n5 {
	margin-right: -5px !important;
}

.mg-l-n6, .mg-x-n6, .mg-n6 {
	margin-left: -6px !important;
}

.mg-r-n6, .mg-x-n6, .mg-n6 {
	margin-right: -6px !important;
}

.mg-l-n7, .mg-x-n7, .mg-n7 {
	margin-left: -7px !important;
}

.mg-r-n7, .mg-x-n7, .mg-n7 {
	margin-right: -7px !important;
}

.mg-l-n8, .mg-x-n8, .mg-n8 {
	margin-left: -8px !important;
}

.mg-r-n8, .mg-x-n8, .mg-n8 {
	margin-right: -8px !important;
}

.mg-l-n9, .mg-x-n9, .mg-n9 {
	margin-left: -9px !important;
}

.mg-r-n9, .mg-x-n9, .mg-n9 {
	margin-right: -9px !important;
}

.mg-l-n10, .mg-x-n10, .mg-n10 {
	margin-left: -10px !important;
}

.mg-r-n10, .mg-x-n10, .mg-n10 {
	margin-right: -10px !important;
}

.mg-l-n11, .mg-x-n11, .mg-n11 {
	margin-left: -11px !important;
}

.mg-r-n11, .mg-x-n11, .mg-n11 {
	margin-right: -11px !important;
}

.mg-l-n12, .mg-x-n12, .mg-n12 {
	margin-left: -12px !important;
}

.mg-r-n12, .mg-x-n12, .mg-n12 {
	margin-right: -12px !important;
}

.mg-l-n13, .mg-x-n13, .mg-n13 {
	margin-left: -13px !important;
}

.mg-r-n13, .mg-x-n13, .mg-n13 {
	margin-right: -13px !important;
}

.mg-l-n14, .mg-x-n14, .mg-n14 {
	margin-left: -14px !important;
}

.mg-r-n14, .mg-x-n14, .mg-n14 {
	margin-right: -14px !important;
}

.mg-l-n15, .mg-x-n15, .mg-n15 {
	margin-left: -15px !important;
}

.mg-r-n15, .mg-x-n15, .mg-n15 {
	margin-right: -15px !important;
}

.mg-l-n16, .mg-x-n16, .mg-n16 {
	margin-left: -16px !important;
}

.mg-r-n16, .mg-x-n16, .mg-n16 {
	margin-right: -16px !important;
}

.mg-l-n17, .mg-x-n17, .mg-n17 {
	margin-left: -17px !important;
}

.mg-r-n17, .mg-x-n17, .mg-n17 {
	margin-right: -17px !important;
}

.mg-l-n18, .mg-x-n18, .mg-n18 {
	margin-left: -18px !important;
}

.mg-r-n18, .mg-x-n18, .mg-n18 {
	margin-right: -18px !important;
}

.mg-l-n19, .mg-x-n19, .mg-n19 {
	margin-left: -19px !important;
}

.mg-r-n19, .mg-x-n19, .mg-n19 {
	margin-right: -19px !important;
}

.mg-l-n20, .mg-x-n20, .mg-n20 {
	margin-left: -20px !important;
}

.mg-r-n20, .mg-x-n20, .mg-n20 {
	margin-right: -20px !important;
}

.mg-l-n21, .mg-x-n21, .mg-n21 {
	margin-left: -21px !important;
}

.mg-r-n21, .mg-x-n21, .mg-n21 {
	margin-right: -21px !important;
}

.mg-l-n22, .mg-x-n22, .mg-n22 {
	margin-left: -22px !important;
}

.mg-r-n22, .mg-x-n22, .mg-n22 {
	margin-right: -22px !important;
}

.mg-l-n23, .mg-x-n23, .mg-n23 {
	margin-left: -23px !important;
}

.mg-r-n23, .mg-x-n23, .mg-n23 {
	margin-right: -23px !important;
}

.mg-l-n24, .mg-x-n24, .mg-n24 {
	margin-left: -24px !important;
}

.mg-r-n24, .mg-x-n24, .mg-n24 {
	margin-right: -24px !important;
}

.mg-l-n25, .mg-x-n25, .mg-n25 {
	margin-left: -25px !important;
}

.mg-r-n25, .mg-x-n25, .mg-n25 {
	margin-right: -25px !important;
}

.mg-l-n26, .mg-x-n26, .mg-n26 {
	margin-left: -26px !important;
}

.mg-r-n26, .mg-x-n26, .mg-n26 {
	margin-right: -26px !important;
}

.mg-l-n27, .mg-x-n27, .mg-n27 {
	margin-left: -27px !important;
}

.mg-r-n27, .mg-x-n27, .mg-n27 {
	margin-right: -27px !important;
}

.mg-l-n28, .mg-x-n28, .mg-n28 {
	margin-left: -28px !important;
}

.mg-r-n28, .mg-x-n28, .mg-n28 {
	margin-right: -28px !important;
}

.mg-l-n29, .mg-x-n29, .mg-n29 {
	margin-left: -29px !important;
}

.mg-r-n29, .mg-x-n29, .mg-n29 {
	margin-right: -29px !important;
}

.mg-l-n30, .mg-x-n30, .mg-n30 {
	margin-left: -30px !important;
}

.mg-r-n30, .mg-x-n30, .mg-n30 {
	margin-right: -30px !important;
}

/* Negative margin class */
/*.mg-t-n0, .mg-y-n0, .mg-n0  {margin-top:-0px !important;}   .mg-b-n0, .mg-y-n0,.mg-n0 {margin-bottom:-0px !important; }*/
.mg-t-n1, .mg-y-n1, .mg-n1 {
	margin-top: -1px !important;
}

.mg-b-n1, .mg-y-n1, .mg-n1 {
	margin-bottom: -1px !important;
}

.mg-t-n2, .mg-y-n2, .mg-n2 {
	margin-top: -2px !important;
}

.mg-b-n2, .mg-y-n2, .mg-n2 {
	margin-bottom: -2px !important;
}

.mg-t-n3, .mg-y-n3, .mg-n3 {
	margin-top: -3px !important;
}

.mg-b-n3, .mg-y-n3, .mg-n3 {
	margin-bottom: -3px !important;
}

.mg-t-n4, .mg-y-n4, .mg-n4 {
	margin-top: -4px !important;
}

.mg-b-n4, .mg-y-n4, .mg-n4 {
	margin-bottom: -4px !important;
}

.mg-t-n5, .mg-y-n5, .mg-n5 {
	margin-top: -5px !important;
}

.mg-b-n5, .mg-y-n5, .mg-n5 {
	margin-bottom: -5px !important;
}

.mg-t-n6, .mg-y-n6, .mg-n6 {
	margin-top: -6px !important;
}

.mg-b-n6, .mg-y-n6, .mg-n6 {
	margin-bottom: -6px !important;
}

.mg-t-n7, .mg-y-n7, .mg-n7 {
	margin-top: -7px !important;
}

.mg-b-n7, .mg-y-n7, .mg-n7 {
	margin-bottom: -7px !important;
}

.mg-t-n8, .mg-y-n8, .mg-n8 {
	margin-top: -8px !important;
}

.mg-b-n8, .mg-y-n8, .mg-n8 {
	margin-bottom: -8px !important;
}

.mg-t-n9, .mg-y-n9, .mg-n9 {
	margin-top: -9px !important;
}

.mg-b-n9, .mg-y-n9, .mg-n9 {
	margin-bottom: -9px !important;
}

.mg-t-n10, .mg-y-n10, .mg-n10 {
	margin-top: -10px !important;
}

.mg-b-n10, .mg-y-n10, .mg-n10 {
	margin-bottom: -10px !important;
}

.mg-t-n11, .mg-y-n11, .mg-n11 {
	margin-top: -11px !important;
}

.mg-b-n11, .mg-y-n11, .mg-n11 {
	margin-bottom: -11px !important;
}

.mg-t-n12, .mg-y-n12, .mg-n12 {
	margin-top: -12px !important;
}

.mg-b-n12, .mg-y-n12, .mg-n12 {
	margin-bottom: -12px !important;
}

.mg-t-n13, .mg-y-n13, .mg-n13 {
	margin-top: -13px !important;
}

.mg-b-n13, .mg-y-n13, .mg-n13 {
	margin-bottom: -13px !important;
}

.mg-t-n14, .mg-y-n14, .mg-n14 {
	margin-top: -14px !important;
}

.mg-b-n14, .mg-y-n14, .mg-n14 {
	margin-bottom: -14px !important;
}

.mg-t-n15, .mg-y-n15, .mg-n15 {
	margin-top: -15px !important;
}

.mg-b-n15, .mg-y-n15, .mg-n15 {
	margin-bottom: -15px !important;
}

.mg-t-n16, .mg-y-n16, .mg-n16 {
	margin-top: -16px !important;
}

.mg-b-n16, .mg-y-n16, .mg-n16 {
	margin-bottom: -16px !important;
}

.mg-t-n17, .mg-y-n17, .mg-n17 {
	margin-top: -17px !important;
}

.mg-b-n17, .mg-y-n17, .mg-n17 {
	margin-bottom: -17px !important;
}

.mg-t-n18, .mg-y-n18, .mg-n18 {
	margin-top: -18px !important;
}

.mg-b-n18, .mg-y-n18, .mg-n18 {
	margin-bottom: -18px !important;
}

.mg-t-n19, .mg-y-n19, .mg-n19 {
	margin-top: -19px !important;
}

.mg-b-n19, .mg-y-n19, .mg-n19 {
	margin-bottom: -19px !important;
}

.mg-t-n20, .mg-y-n20, .mg-n20 {
	margin-top: -20px !important;
}

.mg-b-n20, .mg-y-n20, .mg-n20 {
	margin-bottom: -20px !important;
}

.mg-t-n21, .mg-y-n21, .mg-n21 {
	margin-top: -21px !important;
}

.mg-b-n21, .mg-y-n21, .mg-n21 {
	margin-bottom: -21px !important;
}

.mg-t-n22, .mg-y-n22, .mg-n22 {
	margin-top: -22px !important;
}

.mg-b-n22, .mg-y-n22, .mg-n22 {
	margin-bottom: -22px !important;
}

.mg-t-n23, .mg-y-n23, .mg-n23 {
	margin-top: -23px !important;
}

.mg-b-n23, .mg-y-n23, .mg-n23 {
	margin-bottom: -23px !important;
}

.mg-t-n24, .mg-y-n24, .mg-n24 {
	margin-top: -24px !important;
}

.mg-b-n24, .mg-y-n24, .mg-n24 {
	margin-bottom: -24px !important;
}

.mg-t-n25, .mg-y-n25, .mg-n25 {
	margin-top: -25px !important;
}

.mg-b-n25, .mg-y-n25, .mg-n25 {
	margin-bottom: -25px !important;
}

.mg-t-n26, .mg-y-n26, .mg-n26 {
	margin-top: -26px !important;
}

.mg-b-n26, .mg-y-n26, .mg-n26 {
	margin-bottom: -26px !important;
}

.mg-t-n27, .mg-y-n27, .mg-n27 {
	margin-top: -27px !important;
}

.mg-b-n27, .mg-y-n27, .mg-n27 {
	margin-bottom: -27px !important;
}

.mg-t-n28, .mg-y-n28, .mg-n28 {
	margin-top: -28px !important;
}

.mg-b-n28, .mg-y-n28, .mg-n28 {
	margin-bottom: -28px !important;
}

.mg-t-n29, .mg-y-n29, .mg-n29 {
	margin-top: -29px !important;
}

.mg-b-n29, .mg-y-n29, .mg-n29 {
	margin-bottom: -29px !important;
}

.mg-t-n30, .mg-y-n30, .mg-n30 {
	margin-top: -30px !important;
}

.mg-b-n30, .mg-y-n30, .mg-n30 {
	margin-bottom: -30px !important;
}

@media (max-width: 767px) {
	.xs-no-margin, .xs-no-margin-x, .xs-no-margin-l {
		margin-left: 0 !important;;
	}

	.xs-no-margin, .xs-no-margin-x, .xs-no-margin-r {
		margin-right: 0 !important;;
	}

	.xs-no-margin, .xs-no-margin-y, .xs-no-margin-t {
		margin-top: 0 !important;;
	}

	.xs-no-margin, .xs-no-margin-y, .xs-no-margin-b {
		margin-bottom: 0 !important;;
	}
}

@media (max-width: 991px) {
	.sm-no-margin, .sm-no-margin-x, .sm-no-margin-l {
		margin-left: 0 !important;;
	}

	.sm-no-margin, .xs-no-margin-x, .sm-no-margin-r {
		margin-right: 0 !important;;
	}

	.sm-no-margin, .sm-no-margin-y, .sm-no-margin-t {
		margin-top: 0 !important;;
	}

	.sm-no-margin, .sm-no-margin-y, .sm-no-margin-b {
		margin-bottom: 0 !important;;
	}
}

.pd-l-0, .pd-x-0, .pd-0 {
	padding-left: 0px !important;
}

.pd-r-0, .pd-x-0, .pd-0 {
	padding-right: 0px !important;
}

.pd-l-1, .pd-x-1, .pd-1 {
	padding-left: 1px !important;
}

.pd-r-1, .pd-x-1, .pd-1 {
	padding-right: 1px !important;
}

.pd-l-2, .pd-x-2, .pd-2 {
	padding-left: 2px !important;
}

.pd-r-2, .pd-x-2, .pd-2 {
	padding-right: 2px !important;
}

.pd-l-3, .pd-x-3, .pd-3 {
	padding-left: 3px !important;
}

.pd-r-3, .pd-x-3, .pd-3 {
	padding-right: 3px !important;
}

.pd-l-4, .pd-x-4, .pd-4 {
	padding-left: 4px !important;
}

.pd-r-4, .pd-x-4, .pd-4 {
	padding-right: 4px !important;
}

.pd-l-5, .pd-x-5, .pd-5 {
	padding-left: 5px !important;
}

.pd-r-5, .pd-x-5, .pd-5 {
	padding-right: 5px !important;
}

.pd-l-6, .pd-x-6, .pd-6 {
	padding-left: 6px !important;
}

.pd-r-6, .pd-x-6, .pd-6 {
	padding-right: 6px !important;
}

.pd-l-7, .pd-x-7, .pd-7 {
	padding-left: 7px !important;
}

.pd-r-7, .pd-x-7, .pd-7 {
	padding-right: 7px !important;
}

.pd-l-8, .pd-x-8, .pd-8 {
	padding-left: 8px !important;
}

.pd-r-8, .pd-x-8, .pd-8 {
	padding-right: 8px !important;
}

.pd-l-9, .pd-x-9, .pd-9 {
	padding-left: 9px !important;
}

.pd-r-9, .pd-x-9, .pd-9 {
	padding-right: 9px !important;
}

.pd-l-10, .pd-x-10, .pd-10 {
	padding-left: 10px !important;
}

.pd-r-10, .pd-x-10, .pd-10 {
	padding-right: 10px !important;
}

.pd-l-11, .pd-x-11, .pd-11 {
	padding-left: 11px !important;
}

.pd-r-11, .pd-x-11, .pd-11 {
	padding-right: 11px !important;
}

.pd-l-12, .pd-x-12, .pd-12 {
	padding-left: 12px !important;
}

.pd-r-12, .pd-x-12, .pd-12 {
	padding-right: 12px !important;
}

.pd-l-13, .pd-x-13, .pd-13 {
	padding-left: 13px !important;
}

.pd-r-13, .pd-x-13, .pd-13 {
	padding-right: 13px !important;
}

.pd-l-14, .pd-x-14, .pd-14 {
	padding-left: 14px !important;
}

.pd-r-14, .pd-x-14, .pd-14 {
	padding-right: 14px !important;
}

.pd-l-15, .pd-x-15, .pd-15 {
	padding-left: 15px !important;
}

.pd-r-15, .pd-x-15, .pd-15 {
	padding-right: 15px !important;
}

.pd-l-16, .pd-x-16, .pd-16 {
	padding-left: 16px !important;
}

.pd-r-16, .pd-x-16, .pd-16 {
	padding-right: 16px !important;
}

.pd-l-17, .pd-x-17, .pd-17 {
	padding-left: 17px !important;
}

.pd-r-17, .pd-x-17, .pd-17 {
	padding-right: 17px !important;
}

.pd-l-18, .pd-x-18, .pd-18 {
	padding-left: 18px !important;
}

.pd-r-18, .pd-x-18, .pd-18 {
	padding-right: 18px !important;
}

.pd-l-19, .pd-x-19, .pd-19 {
	padding-left: 19px !important;
}

.pd-r-19, .pd-x-19, .pd-19 {
	padding-right: 19px !important;
}

.pd-l-20, .pd-x-20, .pd-20 {
	padding-left: 20px !important;
}

.pd-r-20, .pd-x-20, .pd-20 {
	padding-right: 20px !important;
}

.pd-l-21, .pd-x-21, .pd-21 {
	padding-left: 21px !important;
}

.pd-r-21, .pd-x-21, .pd-21 {
	padding-right: 21px !important;
}

.pd-l-22, .pd-x-22, .pd-22 {
	padding-left: 22px !important;
}

.pd-r-22, .pd-x-22, .pd-22 {
	padding-right: 22px !important;
}

.pd-l-23, .pd-x-23, .pd-23 {
	padding-left: 23px !important;
}

.pd-r-23, .pd-x-23, .pd-23 {
	padding-right: 23px !important;
}

.pd-l-24, .pd-x-24, .pd-24 {
	padding-left: 24px !important;
}

.pd-r-24, .pd-x-24, .pd-24 {
	padding-right: 24px !important;
}

.pd-l-25, .pd-x-25, .pd-25 {
	padding-left: 25px !important;
}

.pd-r-25, .pd-x-25, .pd-25 {
	padding-right: 25px !important;
}

.pd-l-26, .pd-x-26, .pd-26 {
	padding-left: 26px !important;
}

.pd-r-26, .pd-x-26, .pd-26 {
	padding-right: 26px !important;
}

.pd-l-27, .pd-x-27, .pd-27 {
	padding-left: 27px !important;
}

.pd-r-27, .pd-x-27, .pd-27 {
	padding-right: 27px !important;
}

.pd-l-28, .pd-x-28, .pd-28 {
	padding-left: 28px !important;
}

.pd-r-28, .pd-x-28, .pd-28 {
	padding-right: 28px !important;
}

.pd-l-29, .pd-x-29, .pd-29 {
	padding-left: 29px !important;
}

.pd-r-29, .pd-x-29, .pd-29 {
	padding-right: 29px !important;
}

.pd-l-30, .pd-x-30, .pd-30 {
	padding-left: 30px !important;
}

.pd-r-30, .pd-x-30, .pd-30 {
	padding-right: 30px !important;
}

.pd-t-0, .pd-y-0, .pd-0 {
	padding-top: 0px !important;
}

.pd-b-0, .pd-y-0, .pd-0 {
	padding-bottom: 0px !important;
}

.pd-t-1, .pd-y-1, .pd-1 {
	padding-top: 1px !important;
}

.pd-b-1, .pd-y-1, .pd-1 {
	padding-bottom: 1px !important;
}

.pd-t-2, .pd-y-2, .pd-2 {
	padding-top: 2px !important;
}

.pd-b-2, .pd-y-2, .pd-2 {
	padding-bottom: 2px !important;
}

.pd-t-3, .pd-y-3, .pd-3 {
	padding-top: 3px !important;
}

.pd-b-3, .pd-y-3, .pd-3 {
	padding-bottom: 3px !important;
}

.pd-t-4, .pd-y-4, .pd-4 {
	padding-top: 4px !important;
}

.pd-b-4, .pd-y-4, .pd-4 {
	padding-bottom: 4px !important;
}

.pd-t-5, .pd-y-5, .pd-5 {
	padding-top: 5px !important;
}

.pd-b-5, .pd-y-5, .pd-5 {
	padding-bottom: 5px !important;
}

.pd-t-6, .pd-y-6, .pd-6 {
	padding-top: 6px !important;
}

.pd-b-6, .pd-y-6, .pd-6 {
	padding-bottom: 6px !important;
}

.pd-t-7, .pd-y-7, .pd-7 {
	padding-top: 7px !important;
}

.pd-b-7, .pd-y-7, .pd-7 {
	padding-bottom: 7px !important;
}

.pd-t-8, .pd-y-8, .pd-8 {
	padding-top: 8px !important;
}

.pd-b-8, .pd-y-8, .pd-8 {
	padding-bottom: 8px !important;
}

.pd-t-9, .pd-y-9, .pd-9 {
	padding-top: 9px !important;
}

.pd-b-9, .pd-y-9, .pd-9 {
	padding-bottom: 9px !important;
}

.pd-t-10, .pd-y-10, .pd-10 {
	padding-top: 10px !important;
}

.pd-b-10, .pd-y-10, .pd-10 {
	padding-bottom: 10px !important;
}

.pd-t-11, .pd-y-11, .pd-11 {
	padding-top: 11px !important;
}

.pd-b-11, .pd-y-11, .pd-11 {
	padding-bottom: 11px !important;
}

.pd-t-12, .pd-y-12, .pd-12 {
	padding-top: 12px !important;
}

.pd-b-12, .pd-y-12, .pd-12 {
	padding-bottom: 12px !important;
}

.pd-t-13, .pd-y-13, .pd-13 {
	padding-top: 13px !important;
}

.pd-b-13, .pd-y-13, .pd-13 {
	padding-bottom: 13px !important;
}

.pd-t-14, .pd-y-14, .pd-14 {
	padding-top: 14px !important;
}

.pd-b-14, .pd-y-14, .pd-14 {
	padding-bottom: 14px !important;
}

.pd-t-15, .pd-y-15, .pd-15 {
	padding-top: 15px !important;
}

.pd-b-15, .pd-y-15, .pd-15 {
	padding-bottom: 15px !important;
}

.pd-t-16, .pd-y-16, .pd-16 {
	padding-top: 16px !important;
}

.pd-b-16, .pd-y-16, .pd-16 {
	padding-bottom: 16px !important;
}

.pd-t-17, .pd-y-17, .pd-17 {
	padding-top: 17px !important;
}

.pd-b-17, .pd-y-17, .pd-17 {
	padding-bottom: 17px !important;
}

.pd-t-18, .pd-y-18, .pd-18 {
	padding-top: 18px !important;
}

.pd-b-18, .pd-y-18, .pd-18 {
	padding-bottom: 18px !important;
}

.pd-t-19, .pd-y-19, .pd-19 {
	padding-top: 19px !important;
}

.pd-b-19, .pd-y-19, .pd-19 {
	padding-bottom: 19px !important;
}

.pd-t-20, .pd-y-20, .pd-20 {
	padding-top: 20px !important;
}

.pd-b-20, .pd-y-20, .pd-20 {
	padding-bottom: 20px !important;
}

.pd-t-21, .pd-y-21, .pd-21 {
	padding-top: 21px !important;
}

.pd-b-21, .pd-y-21, .pd-21 {
	padding-bottom: 21px !important;
}

.pd-t-22, .pd-y-22, .pd-22 {
	padding-top: 22px !important;
}

.pd-b-22, .pd-y-22, .pd-22 {
	padding-bottom: 22px !important;
}

.pd-t-23, .pd-y-23, .pd-23 {
	padding-top: 23px !important;
}

.pd-b-23, .pd-y-23, .pd-23 {
	padding-bottom: 23px !important;
}

.pd-t-24, .pd-y-24, .pd-24 {
	padding-top: 24px !important;
}

.pd-b-24, .pd-y-24, .pd-24 {
	padding-bottom: 24px !important;
}

.pd-t-25, .pd-y-25, .pd-25 {
	padding-top: 25px !important;
}

.pd-b-25, .pd-y-25, .pd-25 {
	padding-bottom: 25px !important;
}

.pd-t-26, .pd-y-26, .pd-26 {
	padding-top: 26px !important;
}

.pd-b-26, .pd-y-26, .pd-26 {
	padding-bottom: 26px !important;
}

.pd-t-27, .pd-y-27, .pd-27 {
	padding-top: 27px !important;
}

.pd-b-27, .pd-y-27, .pd-27 {
	padding-bottom: 27px !important;
}

.pd-t-28, .pd-y-28, .pd-28 {
	padding-top: 28px !important;
}

.pd-b-28, .pd-y-28, .pd-28 {
	padding-bottom: 28px !important;
}

.pd-t-29, .pd-y-29, .pd-29 {
	padding-top: 29px !important;
}

.pd-b-29, .pd-y-29, .pd-29 {
	padding-bottom: 29px !important;
}

.pd-t-30, .pd-y-30, .pd-30 {
	padding-top: 30px !important;
}

.pd-b-30, .pd-y-30, .pd-30 {
	padding-bottom: 30px !important;
}


@media (max-width: 767px) {
	.xs-no-padding, .xs-no-padding-x, .xs-no-padding-l {
		padding-left: 0 !important;;
	}

	.xs-no-padding, .xs-no-padding-x, .xs-no-padding-r {
		padding-right: 0 !important;;
	}

	.xs-no-padding, .xs-no-padding-y, .xs-no-padding-t {
		padding-top: 0 !important;;
	}

	.xs-no-padding, .xs-no-padding-y, .xs-no-padding-b {
		padding-bottom: 0 !important;;
	}
}

@media (max-width: 991px) {
	.sm-no-padding, .sm-no-padding-x, .sm-no-padding-l {
		padding-left: 0 !important;;
	}

	.sm-no-padding, .xs-no-padding-x, .sm-no-padding-r {
		padding-right: 0 !important;;
	}

	.sm-no-padding, .sm-no-padding-y, .sm-no-padding-t {
		padding-top: 0 !important;;
	}

	.sm-no-padding, .sm-no-padding-y, .sm-no-padding-b {
		padding-bottom: 0 !important;;
	}
}


.box-16 {
	width: 16px !important;
	height: 16px !important;
}

.box-32 {
	width: 32px !important;
	height: 32px !important;
}

.box-48 {
	width: 48px !important;
	height: 48px !important;
}

.box-64 {
	width: 64px !important;
	height: 64px !important;
}

.flash-red-white {
	animation-name: flash;
	animation-duration: 0.2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
}

.elevation-1 {
	box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 70%) !important;
}

.elevation-2 {
	box-shadow: 1px 2px 1px 1px rgb(0 0 0 / 70%) !important;
}

.elevation-4 {
	box-shadow: 1px 4px 1px 1px rgb(0 0 0 / 70%) !important;
}

@keyframes flash {
	from {
		color: red;
	}
	to {
		color: white;
	}
}

.animate-holder {
	background-color: #808080;
	color: #808080;
	animation: holder-animate 2s cubic-bezier(0.02, 0.64, 0.56, 1.4) infinite;
	border-radius: 8px;
}

@keyframes holder-animate {
	from {
		background-color: #808080;
		color: #808080;
	}
	to {
		background-color: silver;
		color: silver;
	}
}

@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}

.show-xs {
	display: inherit !important;
}

@media (min-width: 768px) {
	.show-xs {
		display: none !important;
	}
}

.show-sm {
	display: inherit !important;
}

@media (min-width: 992px) {
	.show-sm {
		display: none !important;
	}
}

.card-columns {
	-webkit-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 1.25rem;
	column-gap: 1.25rem;
}

@media (min-width: 992px) {
	.card-columns {
		-webkit-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 1.25rem;
		column-gap: 1.25rem;
	}
}

.card-columns .card {
	display: flex;
}

button:disabled {
	background: #222222 !important;
	color: #000000 !important;
}


.position-static {
	position: static !important;
	z-index: 100;
}

.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
	z-index: 100;
}

.position-fixed {
	position: fixed !important;
	z-index: 100;
}

.position-sticky {
	position: sticky !important;
	z-index: 100;
}

@media (min-width: 576px) {
	.position-sm-static {
		position: static !important;
	}

	.position-sm-relative {
		position: relative !important;
	}

	.position-sm-absolute {
		position: absolute !important;
	}

	.position-sm-fixed {
		position: fixed !important;
	}

	.position-sm-sticky {
		position: sticky !important;
	}
}

@media (min-width: 768px) {
	.position-md-static {
		position: static !important;
	}

	.position-md-relative {
		position: relative !important;
	}

	.position-md-absolute {
		position: absolute !important;
	}

	.position-md-fixed {
		position: fixed !important;
	}

	.position-md-sticky {
		position: sticky !important;
	}
}

@media (min-width: 992px) {
	.position-lg-static {
		position: static !important;
	}

	.position-lg-relative {
		position: relative !important;
	}

	.position-lg-absolute {
		position: absolute !important;
	}

	.position-lg-fixed {
		position: fixed !important;
	}

	.position-lg-sticky {
		position: sticky !important;
	}
}

@media (min-width: 1200px) {
	.position-xl-static {
		position: static !important;
	}

	.position-xl-relative {
		position: relative !important;
	}

	.position-xl-absolute {
		position: absolute !important;
	}

	.position-xl-fixed {
		position: fixed !important;
	}

	.position-xl-sticky {
		position: sticky !important;
	}
}

.position-abs-top-start {
	top: 0;
	left: 0;
}

.position-abs-top-end {
	top: 0;
	right: 0;
}

.position-abs-bottom-start {
	bottom: 0;
	left: 0;
}

.position-abs-bottom-end {
	bottom: 0;
	right: 0;
}

.slide-content {
	touch-action: pinch-zoom;
	-ms-touch-action: pinch-zoom;
}

.radio-group .radiobox {
	position: relative;
	display: flex;
	flex-direction: row;
	gap: 0.25rem;
}

.radio-group .radiobox-item-wrap {
	position: relative;
	width: 24px;
}

.radio-group .radiobox-item-wrap .radiobox-item {
	position: absolute;
	left: 0;
	top: 0;
	zoom: 1.2 !important;
}

.radio-group .radiobox-label {

}

.btn-icon {
	width: 32px;
	height: 32px;
	padding: 0;
}

.btn-lime {
	--bs-btn-color: #181818;
	--bs-btn-bg: #2ccc3d;
	--bs-btn-border-color: #00ad1299;

	--bs-btn-hover-color: #343434;
	--bs-btn-hover-bg: #2ccc3d;
	--bs-btn-hover-border-color: #146c43;

	--bs-btn-focus-shadow-rgb: 60, 153, 110;
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: #004d09;
	--bs-btn-active-border-color: #13653f;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6b8881;
	--bs-btn-disabled-border-color: #42544d;

	border-width: 2px;
}

.btn-warning {
	--bs-btn-color: #000;
	--bs-btn-bg: #ff9800;
	--bs-btn-border-color: #ff9800;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #ffca2c;
	--bs-btn-hover-border-color: #ffc720;
	--bs-btn-focus-shadow-rgb: 217, 164, 6;
	--bs-btn-active-color: #f1f1f1;
	--bs-btn-active-bg: #543f00;
	--bs-btn-active-border-color: #ffc720;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #ffc107;
	--bs-btn-disabled-border-color: #ffc107;
}

.btn.btn-light-grey,
.btn.btn-light-grey:not(:disabled):not(.disabled).active:focus,
.btn.btn-light-grey:not(:disabled):not(.disabled):active:focus,
.show > .btn.btn-light-grey.dropdown-toggle:focus {
	color: #fff;
	background: #b6b6b6;
	-webkit-box-shadow: 0 1px #414141;
	box-shadow: 0 1px #414141;
}

.btn-circle {
	border-radius: 50% !important;
	text-align: center !important;
	padding: 0 !important;
	font-size: 16px;
}

.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	font-size: 24px;
}

.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	font-size: 24px;
}

.btn-circle.btn-xxl {
	width: 120px;
	height: 120px;
	font-size: 40px;
}

.btn.btn-floating {
	position: fixed;
	right: 25px;
	bottom: 25px;
	box-shadow: 3px 3px 9px 2px #4d5154;
	z-index: var(--sdk-index-fixed);
}

.btn.btn-floating:active {
	top : auto !important;
}

.btn.btn-rounded-10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.btn.btn-rounded-20 {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.btn.btn-rounded-30 {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.btn-group-lg > .btn, .btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}

.btn-group-sm > .btn, .btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.btn-group-md > .btn, .btn-md {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 3px;
}

.btn-group-xs > .btn, .btn-xs {
	padding: 1px 5px;
	font-size: 10px;
	line-height: 1.5;
	border-radius: 3px;
}

.btn.btn-grid-command {
	padding: 3px 5px;
	width: 26px;
	height: 26px;
}

.btn.btn-grid-command i {
	padding: 0px;
}

.btn.btn-form-command i {
	padding-right: 5px;
}

.dropdown-menu {
	--bs-dropdown-zindex: var(--sdk-index-dropdown);
}

.avatar  {
	aspect-ratio: 1;
	padding: 0;
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin: 30px;
}
.avatar img {
	display: flex;
	flex-flow: column;
	height: 100%;
	object-position: center;
	border-radius: 50%;
	object-fit: cover;
	margin: 0;
}

.avatar:after {
	content: '';
	position: absolute;
	left: 30px;
	top: 30px;
	width: calc(100% - 60px);
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle closest-corner at 50% 50%, rgba(255, 255, 255, 0.15) 50%, rgb(98 98 98 / 27%) 68%);
}

.horizontal-scroll {
	overflow-x: scroll;
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.responsive {
		zoom: 85%;
	}
}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
	.responsive {
		zoom: 95%;
	}
}

/*// X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
	.text-responsive {
		zoom: 100%;
	}
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.responsive {
		zoom: 75%;
	}
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.responsive {
		zoom: 50%;
	}
}

.page-break-after {
	page-break-after: always;
}