@import
	'https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900';
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
@import url(../css/icons/fontawsome-icon/fontawesome-all.css);

@import url(../css/icons/simple-line-icons/css/simple-line-icons.css);

@import url(../css/icons/weather-icon/weather-icons.min.css);

@import url(../css/icons/linea-icon/linea.css);

@import url(../css/icons/themify-icons/themify-icons.css);

@import url(../css/icons/flag-icon/flag-icon.min.css);

@import url(../css/icons/material-icon/materialdesignicons.min.css);

@import url(../css/spinners.css);

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
		Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
		"Liberation Mono", "Courier New", monospace
}

*, ::after, ::before {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav,
	section {
	display: block
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff
}

[tabindex="-1"]:focus {
	outline: 0 !important
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

abbr[data-original-title], abbr[title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}

dl, ol, ul {
	margin-top: 0;
	margin-bottom: 1rem
}

ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0
}

dt {
	font-weight: 700
}

dd {
	margin-bottom: .5rem;
	margin-left: 0
}

blockquote {
	margin: 0 0 1rem
}

b, strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

a {
	color: #3876bc;
	text-decoration: none;
	background-color: transparent
}

a:hover {
	color: #0056b3;
	text-decoration: underline
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover
	{
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus {
	outline: 0
}

code, kbd, pre, samp {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
		"Courier New", monospace;
	font-size: 1em
}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto
}

figure {
	margin: 0 0 1rem
}

img {
	vertical-align: middle;
	border-style: none
}

svg {
	overflow: hidden;
	vertical-align: middle
}

table {
	border-collapse: collapse
}

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

th {
	text-align: inherit
}

label {
	display: inline-block;
	margin-bottom: .5rem
}

button {
	border-radius: 0
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

button, input, optgroup, select, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

select {
	word-wrap: normal
}

[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled),
	button:not(:disabled) {
	cursor: pointer
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner,
	button::-moz-focus-inner {
	padding: 0;
	border-style: none
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time]
	{
	-webkit-appearance: listbox
}

textarea {
	overflow: auto;
	resize: vertical
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}

legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal
}

progress {
	vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
	{
	height: auto
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

output {
	display: inline-block
}

summary {
	display: list-item;
	cursor: pointer
}

template {
	display: none
}

[hidden] {
	display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2
}

.h1, h1 {
	font-size: 2.5rem
}

.h2, h2 {
	font-size: 2rem
}

.h3, h3 {
	font-size: 1.75rem
}

.h4, h4 {
	font-size: 1.5rem
}

.h5, h5 {
	font-size: 1.25rem
}

.h6, h6 {
	font-size: 1rem
}

.lead {
	font-size: 1.25rem;
	font-weight: 300
}

.display-1 {
	font-size: 6rem;
	font-weight: 300;
	line-height: 1.2
}

.display-2 {
	font-size: 5.5rem;
	font-weight: 300;
	line-height: 1.2
}

.display-3 {
	font-size: 4.5rem;
	font-weight: 300;
	line-height: 1.2
}

.display-4 {
	font-size: 3.5rem;
	font-weight: 300;
	line-height: 1.2
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.small, small {
	font-size: 80%;
	font-weight: 400
}

.mark, mark {
	padding: .2em;
	background-color: #fcf8e3
}

.list-unstyled {
	padding-left: 0;
	list-style: none
}

.list-inline {
	padding-left: 0;
	list-style: none
}

.list-inline-item {
	display: inline-block
}

.list-inline-item:not(:last-child) {
	margin-right: .5rem
}

.initialism {
	font-size: 90%;
	text-transform: uppercase
}

.blockquote {
	margin-bottom: 1rem;
	font-size: 1.25rem
}

.blockquote-footer {
	display: block;
	font-size: 80%;
	color: #6c757d
}

.blockquote-footer::before {
	content: "\2014\00A0"
}

.img-fluid {
	max-width: 100%;
	height: auto
}

.img-thumbnail {
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	max-width: 100%;
	height: auto
}

.figure {
	display: inline-block
}

.figure-img {
	margin-bottom: .5rem;
	line-height: 1
}

.figure-caption {
	font-size: 90%;
	color: #6c757d
}

code {
	font-size: 87.5%;
	color: #e83e8c;
	word-break: break-word
}

a>code {
	color: inherit
}

kbd {
	padding: .2rem .4rem;
	font-size: 87.5%;
	color: #fff;
	background-color: #212529;
	border-radius: .2rem
}

kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: 700
}

pre {
	display: block;
	font-size: 87.5%;
	color: #212529
}

pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal
}

.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media ( min-width :576px) {
	.container {
		max-width: 540px
	}
}

@media ( min-width :768px) {
	.container {
		max-width: 720px
	}
}

@media ( min-width :992px) {
	.container {
		max-width: 960px
	}
}

@media ( min-width :1200px) {
	.container {
		max-width: 1140px
	}
}

.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.no-gutters>.col, .no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5,
	.col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1,
	.col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
	.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
	.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2,
	.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
	.col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
	.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
	.col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4,
	.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}

.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}

.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}

.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}

.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}

.col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}

.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}

.col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.order-first {
	-ms-flex-order: -1;
	order: -1
}

.order-last {
	-ms-flex-order: 13;
	order: 13
}

.order-0 {
	-ms-flex-order: 0;
	order: 0
}

.order-1 {
	-ms-flex-order: 1;
	order: 1
}

.order-2 {
	-ms-flex-order: 2;
	order: 2
}

.order-3 {
	-ms-flex-order: 3;
	order: 3
}

.order-4 {
	-ms-flex-order: 4;
	order: 4
}

.order-5 {
	-ms-flex-order: 5;
	order: 5
}

.order-6 {
	-ms-flex-order: 6;
	order: 6
}

.order-7 {
	-ms-flex-order: 7;
	order: 7
}

.order-8 {
	-ms-flex-order: 8;
	order: 8
}

.order-9 {
	-ms-flex-order: 9;
	order: 9
}

.order-10 {
	-ms-flex-order: 10;
	order: 10
}

.order-11 {
	-ms-flex-order: 11;
	order: 11
}

.order-12 {
	-ms-flex-order: 12;
	order: 12
}

.offset-1 {
	margin-left: 8.333333%
}

.offset-2 {
	margin-left: 16.666667%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.333333%
}

.offset-5 {
	margin-left: 41.666667%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.333333%
}

.offset-8 {
	margin-left: 66.666667%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.333333%
}

.offset-11 {
	margin-left: 91.666667%
}

@media ( min-width :576px) {
	.col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-sm-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}
	.col-sm-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}
	.col-sm-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}
	.col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
	.col-sm-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-sm-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}
	.col-sm-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}
	.col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-sm-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}
	.col-sm-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}
	.col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.order-sm-first {
		-ms-flex-order: -1;
		order: -1
	}
	.order-sm-last {
		-ms-flex-order: 13;
		order: 13
	}
	.order-sm-0 {
		-ms-flex-order: 0;
		order: 0
	}
	.order-sm-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.order-sm-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.order-sm-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.order-sm-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.order-sm-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.order-sm-6 {
		-ms-flex-order: 6;
		order: 6
	}
	.order-sm-7 {
		-ms-flex-order: 7;
		order: 7
	}
	.order-sm-8 {
		-ms-flex-order: 8;
		order: 8
	}
	.order-sm-9 {
		-ms-flex-order: 9;
		order: 9
	}
	.order-sm-10 {
		-ms-flex-order: 10;
		order: 10
	}
	.order-sm-11 {
		-ms-flex-order: 11;
		order: 11
	}
	.order-sm-12 {
		-ms-flex-order: 12;
		order: 12
	}
	.offset-sm-0 {
		margin-left: 0
	}
	.offset-sm-1 {
		margin-left: 8.333333%
	}
	.offset-sm-2 {
		margin-left: 16.666667%
	}
	.offset-sm-3 {
		margin-left: 25%
	}
	.offset-sm-4 {
		margin-left: 33.333333%
	}
	.offset-sm-5 {
		margin-left: 41.666667%
	}
	.offset-sm-6 {
		margin-left: 50%
	}
	.offset-sm-7 {
		margin-left: 58.333333%
	}
	.offset-sm-8 {
		margin-left: 66.666667%
	}
	.offset-sm-9 {
		margin-left: 75%
	}
	.offset-sm-10 {
		margin-left: 83.333333%
	}
	.offset-sm-11 {
		margin-left: 91.666667%
	}
}

@media ( min-width :768px) {
	.col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-md-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}
	.col-md-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}
	.col-md-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}
	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
	.col-md-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-md-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}
	.col-md-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}
	.col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-md-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}
	.col-md-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}
	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.order-md-first {
		-ms-flex-order: -1;
		order: -1
	}
	.order-md-last {
		-ms-flex-order: 13;
		order: 13
	}
	.order-md-0 {
		-ms-flex-order: 0;
		order: 0
	}
	.order-md-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.order-md-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.order-md-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.order-md-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.order-md-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.order-md-6 {
		-ms-flex-order: 6;
		order: 6
	}
	.order-md-7 {
		-ms-flex-order: 7;
		order: 7
	}
	.order-md-8 {
		-ms-flex-order: 8;
		order: 8
	}
	.order-md-9 {
		-ms-flex-order: 9;
		order: 9
	}
	.order-md-10 {
		-ms-flex-order: 10;
		order: 10
	}
	.order-md-11 {
		-ms-flex-order: 11;
		order: 11
	}
	.order-md-12 {
		-ms-flex-order: 12;
		order: 12
	}
	.offset-md-0 {
		margin-left: 0
	}
	.offset-md-1 {
		margin-left: 8.333333%
	}
	.offset-md-2 {
		margin-left: 16.666667%
	}
	.offset-md-3 {
		margin-left: 25%
	}
	.offset-md-4 {
		margin-left: 33.333333%
	}
	.offset-md-5 {
		margin-left: 41.666667%
	}
	.offset-md-6 {
		margin-left: 50%
	}
	.offset-md-7 {
		margin-left: 58.333333%
	}
	.offset-md-8 {
		margin-left: 66.666667%
	}
	.offset-md-9 {
		margin-left: 75%
	}
	.offset-md-10 {
		margin-left: 83.333333%
	}
	.offset-md-11 {
		margin-left: 91.666667%
	}
}

@media ( min-width :992px) {
	.col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-lg-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}
	.col-lg-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}
	.col-lg-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}
	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
	.col-lg-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}
	.col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-lg-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}
	.col-lg-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}
	.col-lg-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-lg-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}
	.col-lg-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}
	.col-lg-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.order-lg-first {
		-ms-flex-order: -1;
		order: -1
	}
	.order-lg-last {
		-ms-flex-order: 13;
		order: 13
	}
	.order-lg-0 {
		-ms-flex-order: 0;
		order: 0
	}
	.order-lg-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.order-lg-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.order-lg-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.order-lg-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.order-lg-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.order-lg-6 {
		-ms-flex-order: 6;
		order: 6
	}
	.order-lg-7 {
		-ms-flex-order: 7;
		order: 7
	}
	.order-lg-8 {
		-ms-flex-order: 8;
		order: 8
	}
	.order-lg-9 {
		-ms-flex-order: 9;
		order: 9
	}
	.order-lg-10 {
		-ms-flex-order: 10;
		order: 10
	}
	.order-lg-11 {
		-ms-flex-order: 11;
		order: 11
	}
	.order-lg-12 {
		-ms-flex-order: 12;
		order: 12
	}
	.offset-lg-0 {
		margin-left: 0
	}
	.offset-lg-1 {
		margin-left: 8.333333%
	}
	.offset-lg-2 {
		margin-left: 16.666667%
	}
	.offset-lg-3 {
		margin-left: 25%
	}
	.offset-lg-4 {
		margin-left: 33.333333%
	}
	.offset-lg-5 {
		margin-left: 41.666667%
	}
	.offset-lg-6 {
		margin-left: 50%
	}
	.offset-lg-7 {
		margin-left: 58.333333%
	}
	.offset-lg-8 {
		margin-left: 66.666667%
	}
	.offset-lg-9 {
		margin-left: 75%
	}
	.offset-lg-10 {
		margin-left: 83.333333%
	}
	.offset-lg-11 {
		margin-left: 91.666667%
	}
}

@media ( min-width :1200px) {
	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}
	.col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}
	.col-xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}
	.col-xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}
	.col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
	.col-xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}
	.col-xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}
	.col-xl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}
	.col-xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-xl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}
	.col-xl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}
	.col-xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.order-xl-first {
		-ms-flex-order: -1;
		order: -1
	}
	.order-xl-last {
		-ms-flex-order: 13;
		order: 13
	}
	.order-xl-0 {
		-ms-flex-order: 0;
		order: 0
	}
	.order-xl-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.order-xl-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.order-xl-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.order-xl-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.order-xl-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.order-xl-6 {
		-ms-flex-order: 6;
		order: 6
	}
	.order-xl-7 {
		-ms-flex-order: 7;
		order: 7
	}
	.order-xl-8 {
		-ms-flex-order: 8;
		order: 8
	}
	.order-xl-9 {
		-ms-flex-order: 9;
		order: 9
	}
	.order-xl-10 {
		-ms-flex-order: 10;
		order: 10
	}
	.order-xl-11 {
		-ms-flex-order: 11;
		order: 11
	}
	.order-xl-12 {
		-ms-flex-order: 12;
		order: 12
	}
	.offset-xl-0 {
		margin-left: 0
	}
	.offset-xl-1 {
		margin-left: 8.333333%
	}
	.offset-xl-2 {
		margin-left: 16.666667%
	}
	.offset-xl-3 {
		margin-left: 25%
	}
	.offset-xl-4 {
		margin-left: 33.333333%
	}
	.offset-xl-5 {
		margin-left: 41.666667%
	}
	.offset-xl-6 {
		margin-left: 50%
	}
	.offset-xl-7 {
		margin-left: 58.333333%
	}
	.offset-xl-8 {
		margin-left: 66.666667%
	}
	.offset-xl-9 {
		margin-left: 75%
	}
	.offset-xl-10 {
		margin-left: 83.333333%
	}
	.offset-xl-11 {
		margin-left: 91.666667%
	}
}

.table {
	width: 100%;
	margin-bottom: 1rem;
	color: #212529
}

.table td, .table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
	border-top: 2px solid #dee2e6
}

.table-sm td, .table-sm th {
	padding: .3rem
}

.table-bordered {
	border: 1px solid #dee2e6
}

.table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6
}

.table-bordered thead td, .table-bordered thead th {
	border-bottom-width: 2px
}

.table-borderless tbody+tbody, .table-borderless td, .table-borderless th,
	.table-borderless thead th {
	border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
	color: #212529;
	background-color: rgba(0, 0, 0, .075)
}

.table-primary, .table-primary>td, .table-primary>th {
	background-color: #b8daff
}

.table-primary tbody+tbody, .table-primary td, .table-primary th,
	.table-primary thead th {
	border-color: #7abaff
}

.table-hover .table-primary:hover {
	background-color: #9fcdff
}

.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th
	{
	background-color: #9fcdff
}

.table-secondary, .table-secondary>td, .table-secondary>th {
	background-color: #d6d8db
}

.table-secondary tbody+tbody, .table-secondary td, .table-secondary th,
	.table-secondary thead th {
	border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
	background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th
	{
	background-color: #c8cbcf
}

.table-success, .table-success>td, .table-success>th {
	background-color: #c3e6cb
}

.table-success tbody+tbody, .table-success td, .table-success th,
	.table-success thead th {
	border-color: #8fd19e
}

.table-hover .table-success:hover {
	background-color: #b1dfbb
}

.table-hover .table-success:hover>td, .table-hover .table-success:hover>th
	{
	background-color: #b1dfbb
}

.table-info, .table-info>td, .table-info>th {
	background-color: #bee5eb
}

.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th
	{
	border-color: #86cfda
}

.table-hover .table-info:hover {
	background-color: #abdde5
}

.table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
	background-color: #abdde5
}

.table-warning, .table-warning>td, .table-warning>th {
	background-color: #ffeeba
}

.table-warning tbody+tbody, .table-warning td, .table-warning th,
	.table-warning thead th {
	border-color: #ffdf7e
}

.table-hover .table-warning:hover {
	background-color: #ffe8a1
}

.table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th
	{
	background-color: #ffe8a1
}

.table-danger, .table-danger>td, .table-danger>th {
	background-color: #f5c6cb
}

.table-danger tbody+tbody, .table-danger td, .table-danger th,
	.table-danger thead th {
	border-color: #ed969e
}

.table-hover .table-danger:hover {
	background-color: #f1b0b7
}

.table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th
	{
	background-color: #f1b0b7
}

.table-light, .table-light>td, .table-light>th {
	background-color: #fdfdfe
}

.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th
	{
	border-color: #fbfcfc
}

.table-hover .table-light:hover {
	background-color: #ececf6
}

.table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
	background-color: #ececf6
}

.table-dark, .table-dark>td, .table-dark>th {
	background-color: #c6c8ca
}

.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th
	{
	border-color: #95999c
}

.table-hover .table-dark:hover {
	background-color: #b9bbbe
}

.table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
	background-color: #b9bbbe
}

.table-active, .table-active>td, .table-active>th {
	background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
	background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td, .table-hover .table-active:hover>th
	{
	background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
	color: #fff;
	background-color: #343a40;
	border-color: #454d55
}

.table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6
}

.table-dark {
	color: #fff;
	background-color: #343a40
}

.table-dark td, .table-dark th, .table-dark thead th {
	border-color: #454d55
}

.table-dark.table-bordered {
	border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, .075)
}

@media ( max-width :575.98px) {
	.table-responsive-sm {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
	.table-responsive-sm>.table-bordered {
		border: 0
	}
}

@media ( max-width :767.98px) {
	.table-responsive-md {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
	.table-responsive-md>.table-bordered {
		border: 0
	}
}

@media ( max-width :991.98px) {
	.table-responsive-lg {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
	.table-responsive-lg>.table-bordered {
		border: 0
	}
}

@media ( max-width :1199.98px) {
	.table-responsive-xl {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}
	.table-responsive-xl>.table-bordered {
		border: 0
	}
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
	border: 0
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media ( prefers-reduced-motion :reduce) {
	.form-control {
		transition: none
	}
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::-ms-input-placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control::placeholder {
	color: #6c757d;
	opacity: 1
}

.form-control:disabled, .form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1
}

select.form-control:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

.form-control-file, .form-control-range {
	display: block;
	width: 100%
}

.col-form-label {
	padding-top: calc(.375rem + 1px);
	padding-bottom: calc(.375rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5
}

.col-form-label-lg {
	padding-top: calc(.5rem + 1px);
	padding-bottom: calc(.5rem + 1px);
	font-size: 1.25rem;
	line-height: 1.5
}

.col-form-label-sm {
	padding-top: calc(.25rem + 1px);
	padding-bottom: calc(.25rem + 1px);
	font-size: .875rem;
	line-height: 1.5
}

.form-control-plaintext {
	display: block;
	width: 100%;
	padding-top: .375rem;
	padding-bottom: .375rem;
	margin-bottom: 0;
	line-height: 1.5;
	color: #212529;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm
	{
	padding-right: 0;
	padding-left: 0
}

.form-control-sm {
	height: calc(1.5em + .5rem + 2px);
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.form-control-lg {
	height: calc(1.5em + 1rem + 2px);
	padding: .5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem
}

select.form-control[multiple], select.form-control[size] {
	height: auto
}

textarea.form-control {
	height: auto
}

.form-group {
	margin-bottom: 1rem
}

.form-text {
	display: block;
	margin-top: .25rem
}

.form-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px
}

.form-row>.col, .form-row>[class*=col-] {
	padding-right: 5px;
	padding-left: 5px
}

.form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem
}

.form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem
}

.form-check-input:disabled ~.form-check-label {
	color: #6c757d
}

.form-check-label {
	margin-bottom: 0
}

.form-check-inline {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem
}

.form-check-inline .form-check-input {
	position: static;
	margin-top: 0;
	margin-right: .3125rem;
	margin-left: 0
}

.valid-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #28a745
}

.valid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: .25rem .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	line-height: 1.5;
	color: #fff;
	background-color: rgba(40, 167, 69, .9);
	border-radius: .25rem
}

.form-control.is-valid, .was-validated .form-control:valid {
	border-color: #28a745;
	padding-right: calc(1.5em + .75rem);
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center right calc(.375em + .1875rem);
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
	border-color: #28a745;
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-control.is-valid ~.valid-feedback, .form-control.is-valid ~.valid-tooltip,
	.was-validated .form-control:valid ~.valid-feedback, .was-validated .form-control:valid
	 ~.valid-tooltip {
	display: block
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid
	{
	padding-right: calc(1.5em + .75rem);
	background-position: top calc(.375em + .1875rem) right
		calc(.375em + .1875rem)
}

.custom-select.is-valid, .was-validated .custom-select:valid {
	border-color: #28a745;
	padding-right: calc(( 1em + .75rem)* 3/4+ 1.75rem);
	background:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
		no-repeat right .75rem center/8px 10px,
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
		#fff no-repeat center right 1.75rem/calc(.75em + .375rem)
		calc(.75em + .375rem)
}

.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus
	{
	border-color: #28a745;
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-select.is-valid ~.valid-feedback, .custom-select.is-valid ~.valid-tooltip,
	.was-validated .custom-select:valid ~.valid-feedback, .was-validated .custom-select:valid
	 ~.valid-tooltip {
	display: block
}

.form-control-file.is-valid ~.valid-feedback, .form-control-file.is-valid
	 ~.valid-tooltip, .was-validated .form-control-file:valid ~.valid-feedback,
	.was-validated .form-control-file:valid ~.valid-tooltip {
	display: block
}

.form-check-input.is-valid ~.form-check-label, .was-validated .form-check-input:valid
	 ~.form-check-label {
	color: #28a745
}

.form-check-input.is-valid ~.valid-feedback, .form-check-input.is-valid
	 ~.valid-tooltip, .was-validated .form-check-input:valid ~.valid-feedback,
	.was-validated .form-check-input:valid ~.valid-tooltip {
	display: block
}

.custom-control-input.is-valid ~.custom-control-label, .was-validated .custom-control-input:valid
	 ~.custom-control-label {
	color: #28a745
}

.custom-control-input.is-valid ~.custom-control-label::before,
	.was-validated .custom-control-input:valid ~.custom-control-label::before
	{
	border-color: #28a745
}

.custom-control-input.is-valid ~.valid-feedback, .custom-control-input.is-valid
	 ~.valid-tooltip, .was-validated .custom-control-input:valid ~.valid-feedback,
	.was-validated .custom-control-input:valid ~.valid-tooltip {
	display: block
}

.custom-control-input.is-valid:checked ~.custom-control-label::before,
	.was-validated .custom-control-input:valid:checked ~.custom-control-label::before
	{
	border-color: #34ce57;
	background-color: #34ce57
}

.custom-control-input.is-valid:focus ~.custom-control-label::before,
	.was-validated .custom-control-input:valid:focus ~.custom-control-label::before
	{
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked) ~.custom-control-label::before,
	.was-validated .custom-control-input:valid:focus:not(:checked) ~.custom-control-label::before
	{
	border-color: #28a745
}

.custom-file-input.is-valid ~.custom-file-label, .was-validated .custom-file-input:valid
	 ~.custom-file-label {
	border-color: #28a745
}

.custom-file-input.is-valid ~.valid-feedback, .custom-file-input.is-valid
	 ~.valid-tooltip, .was-validated .custom-file-input:valid ~.valid-feedback,
	.was-validated .custom-file-input:valid ~.valid-tooltip {
	display: block
}

.custom-file-input.is-valid:focus ~.custom-file-label, .was-validated .custom-file-input:valid:focus
	 ~.custom-file-label {
	border-color: #28a745;
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545
}

.invalid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: .25rem .5rem;
	margin-top: .1rem;
	font-size: .875rem;
	line-height: 1.5;
	color: #fff;
	background-color: rgba(220, 53, 69, .9);
	border-radius: .25rem
}

.form-control.is-invalid, .was-validated .form-control:invalid {
	border-color: #dc3545;
	padding-right: calc(1.5em + .75rem);
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
	background-repeat: no-repeat;
	background-position: center right calc(.375em + .1875rem);
	background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus
	{
	border-color: #dc3545;
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-control.is-invalid ~.invalid-feedback, .form-control.is-invalid ~.invalid-tooltip,
	.was-validated .form-control:invalid ~.invalid-feedback, .was-validated .form-control:invalid
	 ~.invalid-tooltip {
	display: block
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid
	{
	padding-right: calc(1.5em + .75rem);
	background-position: top calc(.375em + .1875rem) right
		calc(.375em + .1875rem)
}

.custom-select.is-invalid, .was-validated .custom-select:invalid {
	border-color: #dc3545;
	padding-right: calc(( 1em + .75rem)* 3/4+ 1.75rem);
	background:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
		no-repeat right .75rem center/8px 10px,
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")
		#fff no-repeat center right 1.75rem/calc(.75em + .375rem)
		calc(.75em + .375rem)
}

.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus
	{
	border-color: #dc3545;
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-select.is-invalid ~.invalid-feedback, .custom-select.is-invalid
	 ~.invalid-tooltip, .was-validated .custom-select:invalid ~.invalid-feedback,
	.was-validated .custom-select:invalid ~.invalid-tooltip {
	display: block
}

.form-control-file.is-invalid ~.invalid-feedback, .form-control-file.is-invalid
	 ~.invalid-tooltip, .was-validated .form-control-file:invalid ~.invalid-feedback,
	.was-validated .form-control-file:invalid ~.invalid-tooltip {
	display: block
}

.form-check-input.is-invalid ~.form-check-label, .was-validated .form-check-input:invalid
	 ~.form-check-label {
	color: #dc3545
}

.form-check-input.is-invalid ~.invalid-feedback, .form-check-input.is-invalid
	 ~.invalid-tooltip, .was-validated .form-check-input:invalid ~.invalid-feedback,
	.was-validated .form-check-input:invalid ~.invalid-tooltip {
	display: block
}

.custom-control-input.is-invalid ~.custom-control-label, .was-validated .custom-control-input:invalid
	 ~.custom-control-label {
	color: #dc3545
}

.custom-control-input.is-invalid ~.custom-control-label::before,
	.was-validated .custom-control-input:invalid ~.custom-control-label::before
	{
	border-color: #dc3545
}

.custom-control-input.is-invalid ~.invalid-feedback,
	.custom-control-input.is-invalid ~.invalid-tooltip, .was-validated .custom-control-input:invalid
	 ~.invalid-feedback, .was-validated .custom-control-input:invalid ~.invalid-tooltip
	{
	display: block
}

.custom-control-input.is-invalid:checked ~.custom-control-label::before,
	.was-validated .custom-control-input:invalid:checked ~.custom-control-label::before
	{
	border-color: #e4606d;
	background-color: #e4606d
}

.custom-control-input.is-invalid:focus ~.custom-control-label::before,
	.was-validated .custom-control-input:invalid:focus ~.custom-control-label::before
	{
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked) ~.custom-control-label::before,
	.was-validated .custom-control-input:invalid:focus:not(:checked) ~.custom-control-label::before
	{
	border-color: #dc3545
}

.custom-file-input.is-invalid ~.custom-file-label, .was-validated .custom-file-input:invalid
	 ~.custom-file-label {
	border-color: #dc3545
}

.custom-file-input.is-invalid ~.invalid-feedback, .custom-file-input.is-invalid
	 ~.invalid-tooltip, .was-validated .custom-file-input:invalid ~.invalid-feedback,
	.was-validated .custom-file-input:invalid ~.invalid-tooltip {
	display: block
}

.custom-file-input.is-invalid:focus ~.custom-file-label, .was-validated .custom-file-input:invalid:focus
	 ~.custom-file-label {
	border-color: #dc3545;
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	align-items: center
}

.form-inline .form-check {
	width: 100%
}

@media ( min-width :576px) {
	.form-inline label {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 0
	}
	.form-inline .form-group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 0
	}
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle
	}
	.form-inline .form-control-plaintext {
		display: inline-block
	}
	.form-inline .custom-select, .form-inline .input-group {
		width: auto
	}
	.form-inline .form-check {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: auto;
		padding-left: 0
	}
	.form-inline .form-check-input {
		position: relative;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-top: 0;
		margin-right: .25rem;
		margin-left: 0
	}
	.form-inline .custom-control {
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.form-inline .custom-control-label {
		margin-bottom: 0
	}
}

.btn {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out,
		border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media ( prefers-reduced-motion :reduce) {
	.btn {
		transition: none
	}
}

.btn:hover {
	/* color: #212529;
	text-decoration: none */
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled, .btn:disabled {
	opacity: .65
}

a.btn.disabled, fieldset:disabled a.btn {
	pointer-events: none
}

.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.btn-primary:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc
}

.btn-primary.focus, .btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active,
	.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #0062cc;
	border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus,
	.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-secondary:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62
}

.btn-secondary.focus, .btn-secondary:focus {
	box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active,
	.show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
	.btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34
}

.btn-success.focus, .btn-success:focus {
	box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled, .btn-success:disabled {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active,
	.show>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus,
	.show>.btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}

.btn-info:hover {
	/* color: #fff;
	background-color: #138496;
	border-color: #117a8b */
}

.btn-info.focus, .btn-info:focus {
	box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled, .btn-info:disabled {
	color: #000;
	background-color: #9CA3AF;
	border: 1px solid #9CA3AF;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active,
	.show>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #2B5FAD;
	border-color: #2B5FAD
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus,
	.show>.btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00
}

.btn-warning.focus, .btn-warning:focus {
	box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active,
	.show>.btn-warning.dropdown-toggle {
	color: #212529;
	background-color: #d39e00;
	border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus,
	.show>.btn-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130
}

.btn-danger.focus, .btn-danger:focus {
	box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active,
	.show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus,
	.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-light:hover {
	color: #212529;
	background-color: #e2e6ea;
	border-color: #dae0e5
}

.btn-light.focus, .btn-light:focus {
	box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled, .btn-light:disabled {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active,
	.show>.btn-light.dropdown-toggle {
	color: #212529;
	background-color: #dae0e5;
	border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus,
	.show>.btn-light.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-dark:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124
}

.btn-dark.focus, .btn-dark:focus {
	box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled, .btn-dark:disabled {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active,
	.show>.btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus,
	.show>.btn-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
	color: #007bff;
	border-color: #007bff
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #007bff;
	background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
	.btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle
	{
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
	.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
	color: #6c757d;
	border-color: #6c757d
}

.btn-outline-secondary:hover {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
	box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
	color: #6c757d;
	background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
	.btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle
	{
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
	.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
	.show>.btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
	color: #28a745;
	border-color: #28a745
}

.btn-outline-success:hover {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-outline-success.focus, .btn-outline-success:focus {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
	color: #28a745;
	background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
	.btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle
	{
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
	.btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
	color: #17a2b8;
	border-color: #17a2b8
}

.btn-outline-info:hover {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}

.btn-outline-info.focus, .btn-outline-info:focus {
	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
	color: #17a2b8;
	background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
	.btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle
	{
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
	.btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
	color: #ffc107;
	border-color: #ffc107
}

.btn-outline-warning:hover {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
	color: #ffc107;
	background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
	.btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle
	{
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
	.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
	color: #dc3545;
	border-color: #dc3545
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
	color: #dc3545;
	background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
	.btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle
	{
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
	.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
	color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-outline-light:hover {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-outline-light.focus, .btn-outline-light:focus {
	box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
	color: #f8f9fa;
	background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
	.btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle
	{
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
	.btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
	color: #343a40;
	border-color: #343a40
}

.btn-outline-dark:hover {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-outline-dark.focus, .btn-outline-dark:focus {
	box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
	color: #343a40;
	background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
	.btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle
	{
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
	.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
	font-weight: 400;
	color: #007bff;
	text-decoration: none
}

.btn-link:hover {
	color: #0056b3;
	text-decoration: underline
}

.btn-link.focus, .btn-link:focus {
	text-decoration: underline;
	box-shadow: none
}

.btn-link.disabled, .btn-link:disabled {
	color: #6c757d;
	pointer-events: none
}

.btn-group-lg>.btn, .btn-lg {
	padding: .5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem
}

.btn-group-sm>.btn, .btn-sm {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.btn-block {
	display: block;
	width: 100%
}

.btn-block+.btn-block {
	margin-top: .5rem
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block
	{
	width: 100%
}

.fade {
	transition: opacity .15s linear
}

@media ( prefers-reduced-motion :reduce) {
	.fade {
		transition: none
	}
}

.fade:not(.show) {
	opacity: 0
}

.collapse:not(.show) {
	display: none
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height .35s ease
}

@media ( prefers-reduced-motion :reduce) {
	.collapsing {
		transition: none
	}
}

.dropdown, .dropleft, .dropright, .dropup {
	position: relative
}

.dropdown-toggle {
	white-space: nowrap
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
	margin-left: 0
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem
}

.dropdown-menu-left {
	right: auto;
	left: 0
}

.dropdown-menu-right {
	right: 0;
	left: auto
}

@media ( min-width :576px) {
	.dropdown-menu-sm-left {
		right: auto;
		left: 0
	}
	.dropdown-menu-sm-right {
		right: 0;
		left: auto
	}
}

@media ( min-width :768px) {
	.dropdown-menu-md-left {
		right: auto;
		left: 0
	}
	.dropdown-menu-md-right {
		right: 0;
		left: auto
	}
}

@media ( min-width :992px) {
	.dropdown-menu-lg-left {
		right: auto;
		left: 0
	}
	.dropdown-menu-lg-right {
		right: 0;
		left: auto
	}
}

@media ( min-width :1200px) {
	.dropdown-menu-xl-left {
		right: auto;
		left: 0
	}
	.dropdown-menu-xl-right {
		right: 0;
		left: auto
	}
}

.dropup .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .3em solid;
	border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
	margin-left: 0
}

.dropright .dropdown-menu {
	top: 0;
	right: auto;
	left: 100%;
	margin-top: 0;
	margin-left: .125rem
}

.dropright .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid transparent;
	border-right: 0;
	border-bottom: .3em solid transparent;
	border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
	margin-left: 0
}

.dropright .dropdown-toggle::after {
	vertical-align: 0
}

.dropleft .dropdown-menu {
	top: 0;
	right: 100%;
	left: auto;
	margin-top: 0;
	margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: ""
}

.dropleft .dropdown-toggle::after {
	display: none
}

.dropleft .dropdown-toggle::before {
	display: inline-block;
	margin-right: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid transparent;
	border-right: .3em solid;
	border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
	margin-left: 0
}

.dropleft .dropdown-toggle::before {
	vertical-align: 0
}

.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left],
	.dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
	right: auto;
	bottom: auto
}

.dropdown-divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0
}

.dropdown-item:focus, .dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa
}

.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #007bff
}

.dropdown-item.disabled, .dropdown-item:disabled {
	color: #6c757d;
	pointer-events: none;
	background-color: transparent
}

.dropdown-menu.show {
	display: block
}

.dropdown-header {
	display: block;
	padding: .5rem 1.5rem;
	margin-bottom: 0;
	font-size: .875rem;
	color: #6c757d;
	white-space: nowrap
}

.dropdown-item-text {
	display: block;
	padding: .25rem 1.5rem;
	color: #212529
}

.btn-group, .btn-group-vertical {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle
}

.btn-group-vertical>.btn, .btn-group>.btn {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.btn-group-vertical>.btn:hover, .btn-group>.btn:hover {
	z-index: 1
}

.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active,
	.btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active,
	.btn-group>.btn:focus {
	z-index: 1
}

.btn-toolbar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.btn-toolbar .input-group {
	width: auto
}

.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child)
	{
	margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle)
	{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child)
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.dropdown-toggle-split {
	padding-right: .5625rem;
	padding-left: .5625rem
}

.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after,
	.dropup .dropdown-toggle-split::after {
	margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
	margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split
	{
	padding-right: .375rem;
	padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split
	{
	padding-right: .75rem;
	padding-left: .75rem
}

.btn-group-vertical {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: center;
	justify-content: center
}

.btn-group-vertical>.btn, .btn-group-vertical>.btn-group {
	width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child)
	{
	margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
	.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
	.btn-group-vertical>.btn:not(:first-child) {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn {
	margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio],
	.btn-group-toggle>.btn-group>.btn input[type=checkbox],
	.btn-group-toggle>.btn-group>.btn input[type=radio] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none
}

.input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%
}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control,
	.input-group>.form-control-plaintext {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0
}

.input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select,
	.input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file,
	.input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control,
	.input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select,
	.input-group>.form-control+.form-control, .input-group>.form-control-plaintext+.custom-file,
	.input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.form-control
	{
	margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus ~.custom-file-label,
	.input-group>.custom-select:focus, .input-group>.form-control:focus {
	z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
	z-index: 4
}

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child)
	{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child)
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group>.custom-file {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
	.input-group>.custom-file:not(:last-child) .custom-file-label::after {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group-append, .input-group-prepend {
	display: -ms-flexbox;
	display: flex
}

.input-group-append .btn, .input-group-prepend .btn {
	position: relative;
	z-index: 2
}

.input-group-append .btn:focus, .input-group-prepend .btn:focus {
	z-index: 3
}

.input-group-append .btn+.btn, .input-group-append .btn+.input-group-text,
	.input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text,
	.input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text,
	.input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text
	{
	margin-left: -1px
}

.input-group-prepend {
	margin-right: -1px
}

.input-group-append {
	margin-left: -1px
}

.input-group-text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .375rem .75rem;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: .25rem
}

.input-group-text input[type=checkbox], .input-group-text input[type=radio]
	{
	margin-top: 0
}

.input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea)
	{
	height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select, .input-group-lg>.form-control,
	.input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text,
	.input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text
	{
	padding: .5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem
}

.input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea)
	{
	height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select, .input-group-sm>.form-control,
	.input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text,
	.input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text
	{
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.input-group-lg>.custom-select, .input-group-sm>.custom-select {
	padding-right: 1.75rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
	.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
	.input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text,
	.input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text
	{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text,
	.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
	.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
	.input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.custom-control {
	position: relative;
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5rem
}

.custom-control-inline {
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 1rem
}

.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.custom-control-input:checked ~.custom-control-label::before {
	color: #fff;
	border-color: #007bff;
	background-color: #007bff
}

.custom-control-input:focus ~.custom-control-label::before {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked) ~.custom-control-label::before
	{
	border-color: #80bdff
}

.custom-control-input:not(:disabled):active ~.custom-control-label::before
	{
	color: #fff;
	background-color: #b3d7ff;
	border-color: #b3d7ff
}

.custom-control-input:disabled ~.custom-control-label {
	color: #6c757d
}

.custom-control-input:disabled ~.custom-control-label::before {
	background-color: #e9ecef
}

.custom-control-label {
	position: relative;
	margin-bottom: 0;
	vertical-align: top
}

.custom-control-label::before {
	position: absolute;
	top: .25rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	background-color: #fff;
	border: #adb5bd solid 1px
}

.custom-control-label::after {
	position: absolute;
	top: .25rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
	border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~.custom-control-label::after
	{
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~.custom-control-label::before
	{
	border-color: #007bff;
	background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~.custom-control-label::after
	{
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~.custom-control-label::before
	{
	background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~.custom-control-label::before
	{
	background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
	border-radius: 50%
}

.custom-radio .custom-control-input:checked ~.custom-control-label::after
	{
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~.custom-control-label::before
	{
	background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
	padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
	left: -2.25rem;
	width: 1.75rem;
	pointer-events: all;
	border-radius: .5rem
}

.custom-switch .custom-control-label::after {
	top: calc(.25rem + 2px);
	left: calc(-2.25rem + 2px);
	width: calc(1rem - 4px);
	height: calc(1rem - 4px);
	background-color: #adb5bd;
	border-radius: .5rem;
	transition: background-color .15s ease-in-out, border-color .15s
		ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s
		ease-in-out;
	transition: transform .15s ease-in-out, background-color .15s
		ease-in-out, border-color .15s ease-in-out, box-shadow .15s
		ease-in-out;
	transition: transform .15s ease-in-out, background-color .15s
		ease-in-out, border-color .15s ease-in-out, box-shadow .15s
		ease-in-out, -webkit-transform .15s ease-in-out
}

@media ( prefers-reduced-motion :reduce) {
	.custom-switch .custom-control-label::after {
		transition: none
	}
}

.custom-switch .custom-control-input:checked ~.custom-control-label::after
	{
	background-color: #fff;
	-webkit-transform: translateX(.75rem);
	transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~.custom-control-label::before
	{
	background-color: rgba(0, 123, 255, .5)
}

.custom-select {
	display: inline-block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem 1.75rem .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	vertical-align: middle;
	background:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
		no-repeat right .75rem center/8px 10px;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.custom-select:focus {
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
	height: auto;
	padding-right: .75rem;
	background-image: none
}

.custom-select:disabled {
	color: #6c757d;
	background-color: #e9ecef
}

.custom-select::-ms-expand {
	display: none
}

.custom-select-sm {
	height: calc(1.5em + .5rem + 2px);
	padding-top: .25rem;
	padding-bottom: .25rem;
	padding-left: .5rem;
	font-size: .875rem
}

.custom-select-lg {
	height: calc(1.5em + 1rem + 2px);
	padding-top: .5rem;
	padding-bottom: .5rem;
	padding-left: 1rem;
	font-size: 1.25rem
}

.custom-file {
	position: relative;
	display: inline-block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	margin-bottom: 0
}

.custom-file-input {
	position: relative;
	z-index: 2;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	margin: 0;
	opacity: 0
}

.custom-file-input:focus ~.custom-file-label {
	border-color: #80bdff;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled ~.custom-file-label {
	background-color: #e9ecef
}

.custom-file-input:lang(en) ~.custom-file-label::after {
	content: "Browse"
}

.custom-file-input ~.custom-file-label[data-browse]::after {
	content: attr(data-browse)
}

.custom-file-label {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: .25rem
}

.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: calc(1.5em + .75rem);
	padding: .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	content: "Browse";
	background-color: #e9ecef;
	border-left: inherit;
	border-radius: 0 .25rem .25rem 0
}

.custom-range {
	width: 100%;
	height: calc(1rem + .4rem);
	padding: 0;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.custom-range:focus {
	outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
	border: 0
}

.custom-range::-webkit-slider-thumb {
	width: 1rem;
	height: 1rem;
	margin-top: -.25rem;
	background-color: #007bff;
	border: 0;
	border-radius: 1rem;
	transition: background-color .15s ease-in-out, border-color .15s
		ease-in-out, box-shadow .15s ease-in-out;
	-webkit-appearance: none;
	appearance: none
}

@media ( prefers-reduced-motion :reduce) {
	.custom-range::-webkit-slider-thumb {
		transition: none
	}
}

.custom-range::-webkit-slider-thumb:active {
	background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
	width: 100%;
	height: .5rem;
	color: transparent;
	cursor: pointer;
	background-color: #dee2e6;
	border-color: transparent;
	border-radius: 1rem
}

.custom-range::-moz-range-thumb {
	width: 1rem;
	height: 1rem;
	background-color: #007bff;
	border: 0;
	border-radius: 1rem;
	transition: background-color .15s ease-in-out, border-color .15s
		ease-in-out, box-shadow .15s ease-in-out;
	-moz-appearance: none;
	appearance: none
}

@media ( prefers-reduced-motion :reduce) {
	.custom-range::-moz-range-thumb {
		transition: none
	}
}

.custom-range::-moz-range-thumb:active {
	background-color: #b3d7ff
}

.custom-range::-moz-range-track {
	width: 100%;
	height: .5rem;
	color: transparent;
	cursor: pointer;
	background-color: #dee2e6;
	border-color: transparent;
	border-radius: 1rem
}

.custom-range::-ms-thumb {
	width: 1rem;
	height: 1rem;
	margin-top: 0;
	margin-right: .2rem;
	margin-left: .2rem;
	background-color: #007bff;
	border: 0;
	border-radius: 1rem;
	transition: background-color .15s ease-in-out, border-color .15s
		ease-in-out, box-shadow .15s ease-in-out;
	appearance: none
}

@media ( prefers-reduced-motion :reduce) {
	.custom-range::-ms-thumb {
		transition: none
	}
}

.custom-range::-ms-thumb:active {
	background-color: #b3d7ff
}

.custom-range::-ms-track {
	width: 100%;
	height: .5rem;
	color: transparent;
	cursor: pointer;
	background-color: transparent;
	border-color: transparent;
	border-width: .5rem
}

.custom-range::-ms-fill-lower {
	background-color: #dee2e6;
	border-radius: 1rem
}

.custom-range::-ms-fill-upper {
	margin-right: 15px;
	background-color: #dee2e6;
	border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
	background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
	cursor: default
}

.custom-range:disabled::-moz-range-thumb {
	background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
	cursor: default
}

.custom-range:disabled::-ms-thumb {
	background-color: #adb5bd
}

.custom-control-label::before, .custom-file-label, .custom-select {
	transition: background-color .15s ease-in-out, border-color .15s
		ease-in-out, box-shadow .15s ease-in-out
}

@media ( prefers-reduced-motion :reduce) {
	.custom-control-label::before, .custom-file-label, .custom-select {
		transition: none
	}
}

.nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav-link {
	display: block;
	padding: .5rem 1rem
}

.nav-link:focus, .nav-link:hover {
	text-decoration: none
}

.nav-link.disabled {
	color: #6c757d;
	pointer-events: none;
	cursor: default
}

.nav-tabs {
	border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
	margin-bottom: -1px
}

.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
	color: #6c757d;
	background-color: transparent;
	border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.nav-pills .nav-link {
	border-radius: .25rem
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #fff;
	background-color: #007bff
}

.nav-fill .nav-item {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center
}

.nav-justified .nav-item {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center
}

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

.navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem
}

.navbar>.container, .navbar>.container-fluid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.navbar-brand {
	display: inline-block;
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
	text-decoration: none
}

.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0
}

.navbar-nav .dropdown-menu {
	position: static;
	float: none
}

.navbar-text {
	display: inline-block;
	padding-top: .5rem;
	padding-bottom: .5rem
}

.navbar-collapse {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-align: center;
	align-items: center
}

.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .25rem
}

.navbar-toggler:focus, .navbar-toggler:hover {
	text-decoration: none
}

.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%
}

@media ( max-width :575.98px) {
	.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media ( min-width :576px) {
	.navbar-expand-sm {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-sm .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-sm .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-sm .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-sm .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-sm .navbar-toggler {
		display: none
	}
}

@media ( max-width :767.98px) {
	.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media ( min-width :768px) {
	.navbar-expand-md {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-md .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-md .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-md .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-md .navbar-toggler {
		display: none
	}
}

@media ( max-width :991.98px) {
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media ( min-width :992px) {
	.navbar-expand-lg {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-lg .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-lg .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-lg .navbar-toggler {
		display: none
	}
}

@media ( max-width :1199.98px) {
	.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media ( min-width :1200px) {
	.navbar-expand-xl {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-xl .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-xl .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-xl .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-xl .navbar-toggler {
		display: none
	}
}

.navbar-expand {
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.navbar-expand>.container, .navbar-expand>.container-fluid {
	padding-right: 0;
	padding-left: 0
}

.navbar-expand .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
	position: absolute
}

.navbar-expand .navbar-nav .nav-link {
	padding-right: .5rem;
	padding-left: .5rem
}

.navbar-expand>.container, .navbar-expand>.container-fluid {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

.navbar-expand .navbar-toggler {
	display: none
}

.navbar-light .navbar-brand {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
	{
	color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
	color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
	{
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, .5);
	border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
	background-image:
		url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
	color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
	color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
	color: #fff
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
	color: #fff
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover
	{
	color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
	color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active,
	.navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link
	{
	color: #fff
}

.navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255, .5);
	border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
	background-image:
		url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
	color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
	color: #fff
}

.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
	color: #fff
}

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem
}

.card>hr {
	margin-right: 0;
	margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem
}

.card-title {
	margin-bottom: .75rem
}

.card-subtitle {
	margin-top: -.375rem;
	margin-bottom: 0
}

.card-text:last-child {
	margin-bottom: 0
}

.card-link:hover {
	text-decoration: none
}

.card-link+.card-link {
	margin-left: 1.25rem
}

.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .03);
	border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
	border-top: 0
}

.card-footer {
	padding: .75rem 1.25rem;
	background-color: rgba(0, 0, 0, .03);
	border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
	margin-right: -.625rem;
	margin-bottom: -.75rem;
	margin-left: -.625rem;
	border-bottom: 0
}

.card-header-pills {
	margin-right: -.625rem;
	margin-left: -.625rem
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem
}

.card-img {
	width: 100%;
	border-radius: calc(.25rem - 1px)
}

.card-img-top {
	width: 100%;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(.25rem - 1px);
	border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-deck .card {
	margin-bottom: 15px
}

@media ( min-width :576px) {
	.card-deck {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px
	}
	.card-deck .card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px
	}
}

.card-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-group>.card {
	margin-bottom: 15px
}

@media ( min-width :576px) {
	.card-group {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.card-group>.card {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-bottom: 0
	}
	.card-group>.card+.card {
		margin-left: 0;
		border-left: 0
	}
	.card-group>.card:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top
		{
		border-top-right-radius: 0
	}
	.card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom
		{
		border-bottom-right-radius: 0
	}
	.card-group>.card:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
	.card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top
		{
		border-top-left-radius: 0
	}
	.card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom
		{
		border-bottom-left-radius: 0
	}
}

.card-columns .card {
	margin-bottom: .75rem
}

@media ( min-width :576px) {
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1
	}
	.card-columns .card {
		display: inline-block;
		width: 100%
	}
}

.accordion>.card {
	overflow: hidden
}

.accordion>.card:not(:first-of-type) .card-header:first-child {
	border-radius: 0
}

.accordion>.card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 0;
	border-radius: 0
}

.accordion>.card:first-of-type {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.accordion>.card:last-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.accordion>.card .card-header {
	margin-bottom: -1px
}

.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: .75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #e9ecef;
	border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding-right: .5rem;
	color: #6c757d;
	content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
	text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
	text-decoration: none
}

.breadcrumb-item.active {
	color: #6c757d
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem
}

.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6
}

.page-link:hover {
	z-index: 2;
	color: #0056b3;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6
}

.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6
}

.pagination-lg .page-link {
	padding: .75rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
	border-top-left-radius: .3rem;
	border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem
}

.badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out,
		border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media ( prefers-reduced-motion :reduce) {
	.badge {
		transition: none
	}
}

a.badge:focus, a.badge:hover {
	text-decoration: none
}

.badge:empty {
	display: none
}

.btn .badge {
	position: relative;
	top: -1px
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem
}

.badge-primary {
	color: #fff;
	background-color: #007bff
}

a.badge-primary:focus, a.badge-primary:hover {
	color: #fff;
	background-color: #0062cc
}

a.badge-primary.focus, a.badge-primary:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
	color: #fff;
	background-color: #6c757d
}

a.badge-secondary:focus, a.badge-secondary:hover {
	color: #fff;
	background-color: #545b62
}

a.badge-secondary.focus, a.badge-secondary:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
	color: #fff;
	background-color: #28a745
}

a.badge-success:focus, a.badge-success:hover {
	color: #fff;
	background-color: #1e7e34
}

a.badge-success.focus, a.badge-success:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
	color: #fff;
	background-color: #17a2b8
}

a.badge-info:focus, a.badge-info:hover {
	color: #fff;
	background-color: #117a8b
}

a.badge-info.focus, a.badge-info:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
	color: #212529;
	background-color: #ffc107
}

a.badge-warning:focus, a.badge-warning:hover {
	color: #212529;
	background-color: #d39e00
}

a.badge-warning.focus, a.badge-warning:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
	color: #fff;
	background-color: #dc3545
}

a.badge-danger:focus, a.badge-danger:hover {
	color: #fff;
	background-color: #bd2130
}

a.badge-danger.focus, a.badge-danger:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa
}

a.badge-light:focus, a.badge-light:hover {
	color: #212529;
	background-color: #dae0e5
}

a.badge-light.focus, a.badge-light:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
	color: #fff;
	background-color: #343a40
}

a.badge-dark:focus, a.badge-dark:hover {
	color: #fff;
	background-color: #1d2124
}

a.badge-dark.focus, a.badge-dark:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	background-color: #e9ecef;
	border-radius: .3rem
}

@media ( min-width :576px) {
	.jumbotron {
		padding: 4rem 2rem
	}
}

.jumbotron-fluid {
	padding-right: 0;
	padding-left: 0;
	border-radius: 0
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem
}

.alert-heading {
	color: inherit
}

.alert-link {
	font-weight: 700
}

.alert-dismissible {
	padding-right: 4rem
}

.alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: .75rem 1.25rem;
	color: inherit
}

.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff
}

.alert-primary hr {
	border-top-color: #9fcdff
}

.alert-primary .alert-link {
	color: #002752
}

.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db
}

.alert-secondary hr {
	border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
	color: #202326
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb
}

.alert-success hr {
	border-top-color: #b1dfbb
}

.alert-success .alert-link {
	color: #0b2e13
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb
}

.alert-info hr {
	border-top-color: #abdde5
}

.alert-info .alert-link {
	color: #062c33
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba
}

.alert-warning hr {
	border-top-color: #ffe8a1
}

.alert-warning .alert-link {
	color: #533f03
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb
}

.alert-danger hr {
	border-top-color: #f1b0b7
}

.alert-danger .alert-link {
	color: #491217
}

.alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe
}

.alert-light hr {
	border-top-color: #ececf6
}

.alert-light .alert-link {
	color: #686868
}

.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca
}

.alert-dark hr {
	border-top-color: #b9bbbe
}

.alert-dark .alert-link {
	color: #040505
}

@
-webkit-keyframes progress-bar-stripes {
	from {background-position: 1rem 0
}

to {
	background-position: 0 0
}

}
@
keyframes progress-bar-stripes {
	from {background-position: 1rem 0
}

to {
	background-position: 0 0
}

}
.progress {
	display: -ms-flexbox;
	display: flex;
	height: 1rem;
	overflow: hidden;
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: .25rem
}

.progress-bar {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #007bff;
	transition: width .6s ease
}

@media ( prefers-reduced-motion :reduce) {
	.progress-bar {
		transition: none
	}
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem
}

.progress-bar-animated {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite
}

@media ( prefers-reduced-motion :reduce) {
	.progress-bar-animated {
		-webkit-animation: none;
		animation: none
	}
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.media-body {
	-ms-flex: 1;
	flex: 1
}

.list-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0
}

.list-group-item-action {
	width: 100%;
	color: #495057;
	text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover {
	z-index: 1;
	color: #495057;
	text-decoration: none;
	background-color: #f8f9fa
}

.list-group-item-action:active {
	color: #212529;
	background-color: #e9ecef
}

.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.list-group-item.disabled, .list-group-item:disabled {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff
}

.list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.list-group-horizontal {
	-ms-flex-direction: row;
	flex-direction: row
}

.list-group-horizontal .list-group-item {
	margin-right: -1px;
	margin-bottom: 0
}

.list-group-horizontal .list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
	margin-right: 0;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: 0
}

@media ( min-width :576px) {
	.list-group-horizontal-sm {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.list-group-horizontal-sm .list-group-item {
		margin-right: -1px;
		margin-bottom: 0
	}
	.list-group-horizontal-sm .list-group-item:first-child {
		border-top-left-radius: .25rem;
		border-bottom-left-radius: .25rem;
		border-top-right-radius: 0
	}
	.list-group-horizontal-sm .list-group-item:last-child {
		margin-right: 0;
		border-top-right-radius: .25rem;
		border-bottom-right-radius: .25rem;
		border-bottom-left-radius: 0
	}
}

@media ( min-width :768px) {
	.list-group-horizontal-md {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.list-group-horizontal-md .list-group-item {
		margin-right: -1px;
		margin-bottom: 0
	}
	.list-group-horizontal-md .list-group-item:first-child {
		border-top-left-radius: .25rem;
		border-bottom-left-radius: .25rem;
		border-top-right-radius: 0
	}
	.list-group-horizontal-md .list-group-item:last-child {
		margin-right: 0;
		border-top-right-radius: .25rem;
		border-bottom-right-radius: .25rem;
		border-bottom-left-radius: 0
	}
}

@media ( min-width :992px) {
	.list-group-horizontal-lg {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.list-group-horizontal-lg .list-group-item {
		margin-right: -1px;
		margin-bottom: 0
	}
	.list-group-horizontal-lg .list-group-item:first-child {
		border-top-left-radius: .25rem;
		border-bottom-left-radius: .25rem;
		border-top-right-radius: 0
	}
	.list-group-horizontal-lg .list-group-item:last-child {
		margin-right: 0;
		border-top-right-radius: .25rem;
		border-bottom-right-radius: .25rem;
		border-bottom-left-radius: 0
	}
}

@media ( min-width :1200px) {
	.list-group-horizontal-xl {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.list-group-horizontal-xl .list-group-item {
		margin-right: -1px;
		margin-bottom: 0
	}
	.list-group-horizontal-xl .list-group-item:first-child {
		border-top-left-radius: .25rem;
		border-bottom-left-radius: .25rem;
		border-top-right-radius: 0
	}
	.list-group-horizontal-xl .list-group-item:last-child {
		margin-right: 0;
		border-top-right-radius: .25rem;
		border-bottom-right-radius: .25rem;
		border-bottom-left-radius: 0
	}
}

.list-group-flush .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0
}

.list-group-flush .list-group-item:last-child {
	margin-bottom: -1px
}

.list-group-flush:first-child .list-group-item:first-child {
	border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
	margin-bottom: 0;
	border-bottom: 0
}

.list-group-item-primary {
	color: #004085;
	background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
	.list-group-item-primary.list-group-item-action:hover {
	color: #004085;
	background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
	color: #fff;
	background-color: #004085;
	border-color: #004085
}

.list-group-item-secondary {
	color: #383d41;
	background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
	.list-group-item-secondary.list-group-item-action:hover {
	color: #383d41;
	background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
	color: #fff;
	background-color: #383d41;
	border-color: #383d41
}

.list-group-item-success {
	color: #155724;
	background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
	.list-group-item-success.list-group-item-action:hover {
	color: #155724;
	background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
	color: #fff;
	background-color: #155724;
	border-color: #155724
}

.list-group-item-info {
	color: #0c5460;
	background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
	.list-group-item-info.list-group-item-action:hover {
	color: #0c5460;
	background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
	color: #fff;
	background-color: #0c5460;
	border-color: #0c5460
}

.list-group-item-warning {
	color: #856404;
	background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
	.list-group-item-warning.list-group-item-action:hover {
	color: #856404;
	background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
	color: #fff;
	background-color: #856404;
	border-color: #856404
}

.list-group-item-danger {
	color: #721c24;
	background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
	.list-group-item-danger.list-group-item-action:hover {
	color: #721c24;
	background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
	color: #fff;
	background-color: #721c24;
	border-color: #721c24
}

.list-group-item-light {
	color: #818182;
	background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
	.list-group-item-light.list-group-item-action:hover {
	color: #818182;
	background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
	color: #fff;
	background-color: #818182;
	border-color: #818182
}

.list-group-item-dark {
	color: #1b1e21;
	background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
	.list-group-item-dark.list-group-item-action:hover {
	color: #1b1e21;
	background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
	color: #fff;
	background-color: #1b1e21;
	border-color: #1b1e21
}

.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5
}

.close:hover {
	color: #000;
	text-decoration: none
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover
	{
	opacity: .75
}

button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

a.close.disabled {
	pointer-events: none
}

.toast {
	max-width: 350px;
	overflow: hidden;
	font-size: .875rem;
	background-color: rgba(255, 255, 255, .85);
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	opacity: 0;
	border-radius: .25rem
}

.toast:not(:last-child) {
	margin-bottom: .75rem
}

.toast.showing {
	opacity: 1
}

.toast.show {
	display: block;
	opacity: 1
}

.toast.hide {
	display: none
}

.toast-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .25rem .75rem;
	color: #6c757d;
	background-color: rgba(255, 255, 255, .85);
	background-clip: padding-box;
	border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
	padding: .75rem
}

.modal-open {
	overflow: hidden
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none
}

.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px)
}

@media ( prefers-reduced-motion :reduce) {
	.modal.fade .modal-dialog {
		transition: none
	}
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	transform: none
}

.modal-dialog-scrollable {
	display: -ms-flexbox;
	display: flex;
	max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
	max-height: calc(100vh - 1rem);
	overflow: hidden
}

.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header
	{
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
	overflow-y: auto
}

.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
	max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
	content: none
}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	outline: 0
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000
}

.modal-backdrop.fade {
	opacity: 0
}

.modal-backdrop.show {
	opacity: .5
}

.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem
}

.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem
}

.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem
}

.modal-footer>:not(:first-child) {
	margin-left: .25rem
}

.modal-footer>:not(:last-child) {
	margin-right: .25rem
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media ( min-width :576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto
	}
	.modal-dialog-scrollable {
		max-height: calc(100% - 3.5rem)
	}
	.modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 3.5rem)
	}
	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem)
	}
	.modal-dialog-centered::before {
		height: calc(100vh - 3.5rem)
	}
	.modal-sm {
		max-width: 300px
	}
}

@media ( min-width :992px) {
	.modal-lg, .modal-xl {
		max-width: 800px
	}
}

@media ( min-width :1200px) {
	.modal-xl {
		max-width: 1140px
	}
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: .875rem;
	word-wrap: break-word;
	opacity: 0
}

.tooltip.show {
	opacity: .9
}

.tooltip .arrow {
	position: absolute;
	display: block;
	width: .8rem;
	height: .4rem
}

.tooltip .arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
	padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
	bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before
	{
	top: 0;
	border-width: .4rem .4rem 0;
	border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
	padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
	left: 0;
	width: .4rem;
	height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before
	{
	right: 0;
	border-width: .4rem .4rem .4rem 0;
	border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
	padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow
	{
	top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before
	{
	bottom: 0;
	border-width: 0 .4rem .4rem;
	border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
	padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
	right: 0;
	width: .4rem;
	height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before
	{
	left: 0;
	border-width: .4rem 0 .4rem .4rem;
	border-left-color: #000
}

.tooltip-inner {
	max-width: 200px;
	padding: .25rem .5rem;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: .25rem
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: block;
	max-width: 276px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: .875rem;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem
}

.popover .arrow {
	position: absolute;
	display: block;
	width: 1rem;
	height: .5rem;
	margin: 0 .3rem
}

.popover .arrow::after, .popover .arrow::before {
	position: absolute;
	display: block;
	content: "";
	border-color: transparent;
	border-style: solid
}

.bs-popover-auto[x-placement^=top], .bs-popover-top {
	margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow, .bs-popover-top>.arrow {
	bottom: calc(( .5rem + 1px)* -1)
}

.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before
	{
	bottom: 0;
	border-width: .5rem .5rem 0;
	border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after
	{
	bottom: 1px;
	border-width: .5rem .5rem 0;
	border-top-color: #fff
}

.bs-popover-auto[x-placement^=right], .bs-popover-right {
	margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow {
	left: calc(( .5rem + 1px)* -1);
	width: .5rem;
	height: 1rem;
	margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before
	{
	left: 0;
	border-width: .5rem .5rem .5rem 0;
	border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after
	{
	left: 1px;
	border-width: .5rem .5rem .5rem 0;
	border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
	margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow
	{
	top: calc(( .5rem + 1px)* -1)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before
	{
	top: 0;
	border-width: 0 .5rem .5rem .5rem;
	border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after
	{
	top: 1px;
	border-width: 0 .5rem .5rem .5rem;
	border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
	.bs-popover-bottom .popover-header::before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1rem;
	margin-left: -.5rem;
	content: "";
	border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left], .bs-popover-left {
	margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow, .bs-popover-left>.arrow {
	right: calc(( .5rem + 1px)* -1);
	width: .5rem;
	height: 1rem;
	margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before
	{
	right: 0;
	border-width: .5rem 0 .5rem .5rem;
	border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after
	{
	right: 1px;
	border-width: .5rem 0 .5rem .5rem;
	border-left-color: #fff
}

.popover-header {
	padding: .5rem .75rem;
	margin-bottom: 0;
	font-size: 1rem;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-top-left-radius: calc(.3rem - 1px);
	border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
	display: none
}

.popover-body {
	padding: .5rem .75rem;
	color: #212529
}

.carousel {
	position: relative
}

.carousel.pointer-event {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.carousel-inner::after {
	display: block;
	clear: both;
	content: ""
}

.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media ( prefers-reduced-motion :reduce) {
	.carousel-item {
		transition: none
	}
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
	display: block
}

.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left)
	{
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right)
	{
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.carousel-fade .carousel-item {
	opacity: 0;
	transition-property: opacity;
	-webkit-transform: none;
	transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right,
	.carousel-fade .carousel-item.active {
	z-index: 1;
	opacity: 1
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right
	{
	z-index: 0;
	opacity: 0;
	transition: 0s .6s opacity
}

@media ( prefers-reduced-motion :reduce) {
	.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right
		{
		transition: none
	}
}

.carousel-control-next, .carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 15%;
	color: #fff;
	text-align: center;
	opacity: .5;
	transition: opacity .15s ease
}

@media ( prefers-reduced-motion :reduce) {
	.carousel-control-next, .carousel-control-prev {
		transition: none
	}
}

.carousel-control-next:focus, .carousel-control-next:hover,
	.carousel-control-prev:focus, .carousel-control-prev:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9
}

.carousel-control-prev {
	left: 0
}

.carousel-control-next {
	right: 0
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
	background-image:
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none
}

.carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: .5;
	transition: opacity .6s ease
}

@media ( prefers-reduced-motion :reduce) {
	.carousel-indicators li {
		transition: none
	}
}

.carousel-indicators .active {
	opacity: 1
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center
}

@
-webkit-keyframes spinner-border {
	to {-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

}
@
keyframes spinner-border {
	to {-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

}
.spinner-border {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
	width: 1rem;
	height: 1rem;
	border-width: .2em
}

@
-webkit-keyframes spinner-grow { 0%{
	-webkit-transform: scale(0);
	transform: scale(0)
}

50






%
{
opacity






:






1






}
}
@
keyframes spinner-grow { 0%{
	-webkit-transform: scale(0);
	transform: scale(0)
}

50






%
{
opacity






:






1






}
}
.spinner-grow {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	-webkit-animation: spinner-grow .75s linear infinite;
	animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
	width: 1rem;
	height: 1rem
}

.align-baseline {
	vertical-align: baseline !important
}

.align-top {
	vertical-align: top !important
}

.align-middle {
	vertical-align: middle !important
}

.align-bottom {
	vertical-align: bottom !important
}

.align-text-bottom {
	vertical-align: text-bottom !important
}

.align-text-top {
	vertical-align: text-top !important
}

.bg-primary {
	background-color: #007bff !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover
	{
	background-color: #0062cc !important
}

.bg-secondary {
	background-color: #6c757d !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus,
	button.bg-secondary:hover {
	background-color: #545b62 !important
}

.bg-success {
	background-color: #28a745 !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover
	{
	background-color: #1e7e34 !important
}

.bg-info {
	background-color: #17a2b8 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover
	{
	background-color: #117a8b !important
}

.bg-warning {
	background-color: #ffc107 !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover
	{
	background-color: #d39e00 !important
}

.bg-danger {
	background-color: #dc3545 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover
	{
	background-color: #bd2130 !important
}

.bg-light {
	background-color: #f8f9fa !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover
	{
	background-color: #dae0e5 !important
}

.bg-dark {
	background-color: #343a40 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover
	{
	background-color: #1d2124 !important
}

.bg-white {
	background-color: #fff !important
}

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

.border {
	border: 1px solid #dee2e6 !important
}

.border-top {
	border-top: 1px solid #dee2e6 !important
}

.border-right {
	border-right: 1px solid #dee2e6 !important
}

.border-bottom {
	border-bottom: 1px solid #dee2e6 !important
}

.border-left {
	border-left: 1px solid #dee2e6 !important
}

.border-0 {
	border: 0 !important
}

.border-top-0 {
	border-top: 0 !important
}

.border-right-0 {
	border-right: 0 !important
}

.border-bottom-0 {
	border-bottom: 0 !important
}

.border-left-0 {
	border-left: 0 !important
}

.border-primary {
	border-color: #007bff !important
}

.border-secondary {
	border-color: #6c757d !important
}

.border-success {
	border-color: #28a745 !important
}

.border-info {
	border-color: #17a2b8 !important
}

.border-warning {
	border-color: #ffc107 !important
}

.border-danger {
	border-color: #dc3545 !important
}

.border-light {
	border-color: #f8f9fa !important
}

.border-dark {
	border-color: #343a40 !important
}

.border-white {
	border-color: #fff !important
}

.rounded-sm {
	border-radius: .2rem !important
}

.rounded {
	border-radius: .25rem !important
}

.rounded-top {
	border-top-left-radius: .25rem !important;
	border-top-right-radius: .25rem !important
}

.rounded-right {
	border-top-right-radius: .25rem !important;
	border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
	border-bottom-right-radius: .25rem !important;
	border-bottom-left-radius: .25rem !important
}

.rounded-left {
	border-top-left-radius: .25rem !important;
	border-bottom-left-radius: .25rem !important
}

.rounded-lg {
	border-radius: .3rem !important
}

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

.rounded-pill {
	border-radius: 50rem !important
}

.rounded-0 {
	border-radius: 0 !important
}

.clearfix::after {
	display: block;
	clear: both;
	content: ""
}

.d-none {
	display: none !important
}

.d-inline {
	display: inline !important
}

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

.d-block {
	display: block !important
}

.d-table {
	display: table !important
}

.d-table-row {
	display: table-row !important
}

.d-table-cell {
	display: table-cell !important
}

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

.d-inline-flex {
	display: -ms-inline-flexbox !important;
	display: inline-flex !important
}

@media ( min-width :576px) {
	.d-sm-none {
		display: none !important
	}
	.d-sm-inline {
		display: inline !important
	}
	.d-sm-inline-block {
		display: inline-block !important
	}
	.d-sm-block {
		display: block !important
	}
	.d-sm-table {
		display: table !important
	}
	.d-sm-table-row {
		display: table-row !important
	}
	.d-sm-table-cell {
		display: table-cell !important
	}
	.d-sm-flex {
		display: -ms-flexbox !important;
		display: flex !important
	}
	.d-sm-inline-flex {
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media ( min-width :768px) {
	.d-md-none {
		display: none !important
	}
	.d-md-inline {
		display: inline !important
	}
	.d-md-inline-block {
		display: inline-block !important
	}
	.d-md-block {
		display: block !important
	}
	.d-md-table {
		display: table !important
	}
	.d-md-table-row {
		display: table-row !important
	}
	.d-md-table-cell {
		display: table-cell !important
	}
	.d-md-flex {
		display: -ms-flexbox !important;
		display: flex !important
	}
	.d-md-inline-flex {
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media ( min-width :992px) {
	.d-lg-none {
		display: none !important
	}
	.d-lg-inline {
		display: inline !important
	}
	.d-lg-inline-block {
		display: inline-block !important
	}
	.d-lg-block {
		display: block !important
	}
	.d-lg-table {
		display: table !important
	}
	.d-lg-table-row {
		display: table-row !important
	}
	.d-lg-table-cell {
		display: table-cell !important
	}
	.d-lg-flex {
		display: -ms-flexbox !important;
		display: flex !important
	}
	.d-lg-inline-flex {
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media ( min-width :1200px) {
	.d-xl-none {
		display: none !important
	}
	.d-xl-inline {
		display: inline !important
	}
	.d-xl-inline-block {
		display: inline-block !important
	}
	.d-xl-block {
		display: block !important
	}
	.d-xl-table {
		display: table !important
	}
	.d-xl-table-row {
		display: table-row !important
	}
	.d-xl-table-cell {
		display: table-cell !important
	}
	.d-xl-flex {
		display: -ms-flexbox !important;
		display: flex !important
	}
	.d-xl-inline-flex {
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media print {
	.d-print-none {
		display: none !important
	}
	.d-print-inline {
		display: inline !important
	}
	.d-print-inline-block {
		display: inline-block !important
	}
	.d-print-block {
		display: block !important
	}
	.d-print-table {
		display: table !important
	}
	.d-print-table-row {
		display: table-row !important
	}
	.d-print-table-cell {
		display: table-cell !important
	}
	.d-print-flex {
		display: -ms-flexbox !important;
		display: flex !important
	}
	.d-print-inline-flex {
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden
}

.embed-responsive::before {
	display: block;
	content: ""
}

.embed-responsive .embed-responsive-item, .embed-responsive embed,
	.embed-responsive iframe, .embed-responsive object, .embed-responsive video
	{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.embed-responsive-21by9::before {
	padding-top: 42.857143%
}

.embed-responsive-16by9::before {
	padding-top: 56.25%
}

.embed-responsive-4by3::before {
	padding-top: 75%
}

.embed-responsive-1by1::before {
	padding-top: 100%
}

.flex-row {
	-ms-flex-direction: row !important;
	flex-direction: row !important
}

.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important
}

.flex-row-reverse {
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important
}

.flex-column-reverse {
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important
}

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

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

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

.flex-fill {
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important
}

.flex-grow-0 {
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important
}

.flex-grow-1 {
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important
}

.flex-shrink-0 {
	-ms-flex-negative: 0 !important;
	flex-shrink: 0 !important
}

.flex-shrink-1 {
	-ms-flex-negative: 1 !important;
	flex-shrink: 1 !important
}

.justify-content-start {
	-ms-flex-pack: start !important;
	justify-content: flex-start !important
}

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

.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important
}

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

.justify-content-around {
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important
}

.align-items-start {
	-ms-flex-align: start !important;
	align-items: flex-start !important
}

.align-items-end {
	-ms-flex-align: end !important;
	align-items: flex-end !important
}

.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important
}

.align-items-baseline {
	-ms-flex-align: baseline !important;
	align-items: baseline !important
}

.align-items-stretch {
	-ms-flex-align: stretch !important;
	align-items: stretch !important
}

.align-content-start {
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important
}

.align-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important
}

.align-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important
}

.align-content-between {
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important
}

.align-content-around {
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important
}

.align-content-stretch {
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important
}

.align-self-auto {
	-ms-flex-item-align: auto !important;
	align-self: auto !important
}

.align-self-start {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important
}

.align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important
}

.align-self-baseline {
	-ms-flex-item-align: baseline !important;
	align-self: baseline !important
}

.align-self-stretch {
	-ms-flex-item-align: stretch !important;
	align-self: stretch !important
}

@media ( min-width :576px) {
	.flex-sm-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}
	.flex-sm-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}
	.flex-sm-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}
	.flex-sm-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}
	.flex-sm-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}
	.flex-sm-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}
	.flex-sm-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}
	.flex-sm-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important
	}
	.flex-sm-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important
	}
	.flex-sm-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important
	}
	.flex-sm-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important
	}
	.flex-sm-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important
	}
	.justify-content-sm-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}
	.justify-content-sm-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}
	.justify-content-sm-center {
		-ms-flex-pack: center !important;
		justify-content: center !important
	}
	.justify-content-sm-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}
	.justify-content-sm-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}
	.align-items-sm-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}
	.align-items-sm-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}
	.align-items-sm-center {
		-ms-flex-align: center !important;
		align-items: center !important
	}
	.align-items-sm-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}
	.align-items-sm-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}
	.align-content-sm-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}
	.align-content-sm-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}
	.align-content-sm-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}
	.align-content-sm-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}
	.align-content-sm-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}
	.align-content-sm-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}
	.align-self-sm-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}
	.align-self-sm-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}
	.align-self-sm-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}
	.align-self-sm-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}
	.align-self-sm-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}
	.align-self-sm-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

@media ( min-width :768px) {
	.flex-md-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}
	.flex-md-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}
	.flex-md-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}
	.flex-md-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}
	.flex-md-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}
	.flex-md-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}
	.flex-md-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}
	.flex-md-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important
	}
	.flex-md-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important
	}
	.flex-md-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important
	}
	.flex-md-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important
	}
	.flex-md-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important
	}
	.justify-content-md-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}
	.justify-content-md-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}
	.justify-content-md-center {
		-ms-flex-pack: center !important;
		justify-content: center !important
	}
	.justify-content-md-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}
	.justify-content-md-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}
	.align-items-md-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}
	.align-items-md-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}
	.align-items-md-center {
		-ms-flex-align: center !important;
		align-items: center !important
	}
	.align-items-md-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}
	.align-items-md-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}
	.align-content-md-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}
	.align-content-md-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}
	.align-content-md-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}
	.align-content-md-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}
	.align-content-md-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}
	.align-content-md-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}
	.align-self-md-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}
	.align-self-md-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}
	.align-self-md-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}
	.align-self-md-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}
	.align-self-md-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}
	.align-self-md-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

@media ( min-width :992px) {
	.flex-lg-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}
	.flex-lg-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}
	.flex-lg-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}
	.flex-lg-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}
	.flex-lg-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}
	.flex-lg-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}
	.flex-lg-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}
	.flex-lg-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important
	}
	.flex-lg-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important
	}
	.flex-lg-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important
	}
	.flex-lg-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important
	}
	.flex-lg-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important
	}
	.justify-content-lg-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}
	.justify-content-lg-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}
	.justify-content-lg-center {
		-ms-flex-pack: center !important;
		justify-content: center !important
	}
	.justify-content-lg-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}
	.justify-content-lg-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}
	.align-items-lg-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}
	.align-items-lg-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}
	.align-items-lg-center {
		-ms-flex-align: center !important;
		align-items: center !important
	}
	.align-items-lg-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}
	.align-items-lg-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}
	.align-content-lg-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}
	.align-content-lg-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}
	.align-content-lg-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}
	.align-content-lg-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}
	.align-content-lg-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}
	.align-content-lg-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}
	.align-self-lg-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}
	.align-self-lg-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}
	.align-self-lg-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}
	.align-self-lg-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}
	.align-self-lg-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}
	.align-self-lg-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

@media ( min-width :1200px) {
	.flex-xl-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}
	.flex-xl-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}
	.flex-xl-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}
	.flex-xl-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}
	.flex-xl-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}
	.flex-xl-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}
	.flex-xl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}
	.flex-xl-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important
	}
	.flex-xl-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important
	}
	.flex-xl-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important
	}
	.flex-xl-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important
	}
	.flex-xl-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important
	}
	.justify-content-xl-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}
	.justify-content-xl-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}
	.justify-content-xl-center {
		-ms-flex-pack: center !important;
		justify-content: center !important
	}
	.justify-content-xl-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}
	.justify-content-xl-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}
	.align-items-xl-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}
	.align-items-xl-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}
	.align-items-xl-center {
		-ms-flex-align: center !important;
		align-items: center !important
	}
	.align-items-xl-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}
	.align-items-xl-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}
	.align-content-xl-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}
	.align-content-xl-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}
	.align-content-xl-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}
	.align-content-xl-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}
	.align-content-xl-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}
	.align-content-xl-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}
	.align-self-xl-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}
	.align-self-xl-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}
	.align-self-xl-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}
	.align-self-xl-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}
	.align-self-xl-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}
	.align-self-xl-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

.float-left {
	float: left !important
}

.float-right {
	float: right !important
}

.float-none {
	float: none !important
}

@media ( min-width :576px) {
	.float-sm-left {
		float: left !important
	}
	.float-sm-right {
		float: right !important
	}
	.float-sm-none {
		float: none !important
	}
}

@media ( min-width :768px) {
	.float-md-left {
		float: left !important
	}
	.float-md-right {
		float: right !important
	}
	.float-md-none {
		float: none !important
	}
}

@media ( min-width :992px) {
	.float-lg-left {
		float: left !important
	}
	.float-lg-right {
		float: right !important
	}
	.float-lg-none {
		float: none !important
	}
}

@media ( min-width :1200px) {
	.float-xl-left {
		float: left !important
	}
	.float-xl-right {
		float: right !important
	}
	.float-xl-none {
		float: none !important
	}
}

.overflow-auto {
	overflow: auto !important
}

.overflow-hidden {
	overflow: hidden !important
}

.position-static {
	position: static !important
}

.position-relative {
	position: relative !important
}

.position-absolute {
	position: absolute !important
}

.position-fixed {
	position: fixed !important
}

.position-sticky {
	position: -webkit-sticky !important;
	position: sticky !important
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030
}

@
supports ((position:-webkit-sticky) or (position:sticky)) { .
	sticky-top {position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020
}

}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal
}

.shadow-sm {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
	box-shadow: none !important
}

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

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

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

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

.w-auto {
	width: auto !important
}

.h-25 {
	height: 25% !important
}

.h-50 {
	height: 50% !important
}

.h-75 {
	height: 75% !important
}

.h-100 {
	height: 100% !important
}

.h-auto {
	height: auto !important
}

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

.mh-100 {
	max-height: 100% !important
}

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

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

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

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

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0)
}

.m-0 {
	margin: 0 !important
}

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

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

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

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

.m-1 {
	margin: .25rem !important
}

.mt-1, .my-1 {
	margin-top: .25rem !important
}

.mr-1, .mx-1 {
	margin-right: .25rem !important
}

.mb-1, .my-1 {
	margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
	margin-left: .25rem !important
}

.m-2 {
	margin: .5rem !important
}

.mt-2, .my-2 {
	margin-top: .5rem !important
}

.mr-2, .mx-2 {
	margin-right: .5rem !important
}

.mb-2, .my-2 {
	margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
	margin-left: .5rem !important
}

.m-3 {
	margin: 1rem !important
}

.mt-3, .my-3 {
	margin-top: 1rem !important
}

.mr-3, .mx-3 {
	margin-right: 1rem !important
}

.mb-3, .my-3 {
	margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
	margin-left: 1rem !important
}

.m-4 {
	margin: 1.5rem !important
}

.mt-4, .my-4 {
	margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
	margin-right: 1.5rem !important
}

.mb-4, .my-4 {
	margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
	margin-left: 1.5rem !important
}

.m-5 {
	margin: 3rem !important
}

.mt-5, .my-5 {
	margin-top: 3rem !important
}

.mr-5, .mx-5 {
	margin-right: 3rem !important
}

.mb-5, .my-5 {
	margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
	margin-left: 3rem !important
}

.p-0 {
	padding: 0 !important
}

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

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

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

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

.p-1 {
	padding: .25rem !important
}

.pt-1, .py-1 {
	padding-top: .25rem !important
}

.pr-1, .px-1 {
	padding-right: .25rem !important
}

.pb-1, .py-1 {
	padding-bottom: .25rem !important
}

.pl-1, .px-1 {
	padding-left: .25rem !important
}

.p-2 {
	padding: .5rem !important
}

.pt-2, .py-2 {
	padding-top: .5rem !important
}

.pr-2, .px-2 {
	padding-right: .5rem !important
}

.pb-2, .py-2 {
	padding-bottom: .5rem !important
}

.pl-2, .px-2 {
	padding-left: .5rem !important
}

.p-3 {
	padding: 1rem !important
}

.pt-3, .py-3 {
	padding-top: 1rem !important
}

.pr-3, .px-3 {
	padding-right: 1rem !important
}

.pb-3, .py-3 {
	padding-bottom: 1rem !important
}

.pl-3, .px-3 {
	padding-left: 1rem !important
}

.p-4 {
	padding: 1.5rem !important
}

.pt-4, .py-4 {
	padding-top: 1.5rem !important
}

.pr-4, .px-4 {
	padding-right: 1.5rem !important
}

.pb-4, .py-4 {
	padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
	padding-left: 1.5rem !important
}

.p-5 {
	padding: 3rem !important
}

.pt-5, .py-5 {
	padding-top: 3rem !important
}

.pr-5, .px-5 {
	padding-right: 3rem !important
}

.pb-5, .py-5 {
	padding-bottom: 3rem !important
}

.pl-5, .px-5 {
	padding-left: 3rem !important
}

.m-n1 {
	margin: -.25rem !important
}

.mt-n1, .my-n1 {
	margin-top: -.25rem !important
}

.mr-n1, .mx-n1 {
	margin-right: -.25rem !important
}

.mb-n1, .my-n1 {
	margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1 {
	margin-left: -.25rem !important
}

.m-n2 {
	margin: -.5rem !important
}

.mt-n2, .my-n2 {
	margin-top: -.5rem !important
}

.mr-n2, .mx-n2 {
	margin-right: -.5rem !important
}

.mb-n2, .my-n2 {
	margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2 {
	margin-left: -.5rem !important
}

.m-n3 {
	margin: -1rem !important
}

.mt-n3, .my-n3 {
	margin-top: -1rem !important
}

.mr-n3, .mx-n3 {
	margin-right: -1rem !important
}

.mb-n3, .my-n3 {
	margin-bottom: -1rem !important
}

.ml-n3, .mx-n3 {
	margin-left: -1rem !important
}

.m-n4 {
	margin: -1.5rem !important
}

.mt-n4, .my-n4 {
	margin-top: -1.5rem !important
}

.mr-n4, .mx-n4 {
	margin-right: -1.5rem !important
}

.mb-n4, .my-n4 {
	margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4 {
	margin-left: -1.5rem !important
}

.m-n5 {
	margin: -3rem !important
}

.mt-n5, .my-n5 {
	margin-top: -3rem !important
}

.mr-n5, .mx-n5 {
	margin-right: -3rem !important
}

.mb-n5, .my-n5 {
	margin-bottom: -3rem !important
}

.ml-n5, .mx-n5 {
	margin-left: -3rem !important
}

.m-auto {
	margin: auto !important
}

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

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

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

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

@media ( min-width :576px) {
	.m-sm-0 {
		margin: 0 !important
	}
	.mt-sm-0, .my-sm-0 {
		margin-top: 0 !important
	}
	.mr-sm-0, .mx-sm-0 {
		margin-right: 0 !important
	}
	.mb-sm-0, .my-sm-0 {
		margin-bottom: 0 !important
	}
	.ml-sm-0, .mx-sm-0 {
		margin-left: 0 !important
	}
	.m-sm-1 {
		margin: .25rem !important
	}
	.mt-sm-1, .my-sm-1 {
		margin-top: .25rem !important
	}
	.mr-sm-1, .mx-sm-1 {
		margin-right: .25rem !important
	}
	.mb-sm-1, .my-sm-1 {
		margin-bottom: .25rem !important
	}
	.ml-sm-1, .mx-sm-1 {
		margin-left: .25rem !important
	}
	.m-sm-2 {
		margin: .5rem !important
	}
	.mt-sm-2, .my-sm-2 {
		margin-top: .5rem !important
	}
	.mr-sm-2, .mx-sm-2 {
		margin-right: .5rem !important
	}
	.mb-sm-2, .my-sm-2 {
		margin-bottom: .5rem !important
	}
	.ml-sm-2, .mx-sm-2 {
		margin-left: .5rem !important
	}
	.m-sm-3 {
		margin: 1rem !important
	}
	.mt-sm-3, .my-sm-3 {
		margin-top: 1rem !important
	}
	.mr-sm-3, .mx-sm-3 {
		margin-right: 1rem !important
	}
	.mb-sm-3, .my-sm-3 {
		margin-bottom: 1rem !important
	}
	.ml-sm-3, .mx-sm-3 {
		margin-left: 1rem !important
	}
	.m-sm-4 {
		margin: 1.5rem !important
	}
	.mt-sm-4, .my-sm-4 {
		margin-top: 1.5rem !important
	}
	.mr-sm-4, .mx-sm-4 {
		margin-right: 1.5rem !important
	}
	.mb-sm-4, .my-sm-4 {
		margin-bottom: 1.5rem !important
	}
	.ml-sm-4, .mx-sm-4 {
		margin-left: 1.5rem !important
	}
	.m-sm-5 {
		margin: 3rem !important
	}
	.mt-sm-5, .my-sm-5 {
		margin-top: 3rem !important
	}
	.mr-sm-5, .mx-sm-5 {
		margin-right: 3rem !important
	}
	.mb-sm-5, .my-sm-5 {
		margin-bottom: 3rem !important
	}
	.ml-sm-5, .mx-sm-5 {
		margin-left: 3rem !important
	}
	.p-sm-0 {
		padding: 0 !important
	}
	.pt-sm-0, .py-sm-0 {
		padding-top: 0 !important
	}
	.pr-sm-0, .px-sm-0 {
		padding-right: 0 !important
	}
	.pb-sm-0, .py-sm-0 {
		padding-bottom: 0 !important
	}
	.pl-sm-0, .px-sm-0 {
		padding-left: 0 !important
	}
	.p-sm-1 {
		padding: .25rem !important
	}
	.pt-sm-1, .py-sm-1 {
		padding-top: .25rem !important
	}
	.pr-sm-1, .px-sm-1 {
		padding-right: .25rem !important
	}
	.pb-sm-1, .py-sm-1 {
		padding-bottom: .25rem !important
	}
	.pl-sm-1, .px-sm-1 {
		padding-left: .25rem !important
	}
	.p-sm-2 {
		padding: .5rem !important
	}
	.pt-sm-2, .py-sm-2 {
		padding-top: .5rem !important
	}
	.pr-sm-2, .px-sm-2 {
		padding-right: .5rem !important
	}
	.pb-sm-2, .py-sm-2 {
		padding-bottom: .5rem !important
	}
	.pl-sm-2, .px-sm-2 {
		padding-left: .5rem !important
	}
	.p-sm-3 {
		padding: 1rem !important
	}
	.pt-sm-3, .py-sm-3 {
		padding-top: 1rem !important
	}
	.pr-sm-3, .px-sm-3 {
		padding-right: 1rem !important
	}
	.pb-sm-3, .py-sm-3 {
		padding-bottom: 1rem !important
	}
	.pl-sm-3, .px-sm-3 {
		padding-left: 1rem !important
	}
	.p-sm-4 {
		padding: 1.5rem !important
	}
	.pt-sm-4, .py-sm-4 {
		padding-top: 1.5rem !important
	}
	.pr-sm-4, .px-sm-4 {
		padding-right: 1.5rem !important
	}
	.pb-sm-4, .py-sm-4 {
		padding-bottom: 1.5rem !important
	}
	.pl-sm-4, .px-sm-4 {
		padding-left: 1.5rem !important
	}
	.p-sm-5 {
		padding: 3rem !important
	}
	.pt-sm-5, .py-sm-5 {
		padding-top: 3rem !important
	}
	.pr-sm-5, .px-sm-5 {
		padding-right: 3rem !important
	}
	.pb-sm-5, .py-sm-5 {
		padding-bottom: 3rem !important
	}
	.pl-sm-5, .px-sm-5 {
		padding-left: 3rem !important
	}
	.m-sm-n1 {
		margin: -.25rem !important
	}
	.mt-sm-n1, .my-sm-n1 {
		margin-top: -.25rem !important
	}
	.mr-sm-n1, .mx-sm-n1 {
		margin-right: -.25rem !important
	}
	.mb-sm-n1, .my-sm-n1 {
		margin-bottom: -.25rem !important
	}
	.ml-sm-n1, .mx-sm-n1 {
		margin-left: -.25rem !important
	}
	.m-sm-n2 {
		margin: -.5rem !important
	}
	.mt-sm-n2, .my-sm-n2 {
		margin-top: -.5rem !important
	}
	.mr-sm-n2, .mx-sm-n2 {
		margin-right: -.5rem !important
	}
	.mb-sm-n2, .my-sm-n2 {
		margin-bottom: -.5rem !important
	}
	.ml-sm-n2, .mx-sm-n2 {
		margin-left: -.5rem !important
	}
	.m-sm-n3 {
		margin: -1rem !important
	}
	.mt-sm-n3, .my-sm-n3 {
		margin-top: -1rem !important
	}
	.mr-sm-n3, .mx-sm-n3 {
		margin-right: -1rem !important
	}
	.mb-sm-n3, .my-sm-n3 {
		margin-bottom: -1rem !important
	}
	.ml-sm-n3, .mx-sm-n3 {
		margin-left: -1rem !important
	}
	.m-sm-n4 {
		margin: -1.5rem !important
	}
	.mt-sm-n4, .my-sm-n4 {
		margin-top: -1.5rem !important
	}
	.mr-sm-n4, .mx-sm-n4 {
		margin-right: -1.5rem !important
	}
	.mb-sm-n4, .my-sm-n4 {
		margin-bottom: -1.5rem !important
	}
	.ml-sm-n4, .mx-sm-n4 {
		margin-left: -1.5rem !important
	}
	.m-sm-n5 {
		margin: -3rem !important
	}
	.mt-sm-n5, .my-sm-n5 {
		margin-top: -3rem !important
	}
	.mr-sm-n5, .mx-sm-n5 {
		margin-right: -3rem !important
	}
	.mb-sm-n5, .my-sm-n5 {
		margin-bottom: -3rem !important
	}
	.ml-sm-n5, .mx-sm-n5 {
		margin-left: -3rem !important
	}
	.m-sm-auto {
		margin: auto !important
	}
	.mt-sm-auto, .my-sm-auto {
		margin-top: auto !important
	}
	.mr-sm-auto, .mx-sm-auto {
		margin-right: auto !important
	}
	.mb-sm-auto, .my-sm-auto {
		margin-bottom: auto !important
	}
	.ml-sm-auto, .mx-sm-auto {
		margin-left: auto !important
	}
}

@media ( min-width :768px) {
	.m-md-0 {
		margin: 0 !important
	}
	.mt-md-0, .my-md-0 {
		margin-top: 0 !important
	}
	.mr-md-0, .mx-md-0 {
		margin-right: 0 !important
	}
	.mb-md-0, .my-md-0 {
		margin-bottom: 0 !important
	}
	.ml-md-0, .mx-md-0 {
		margin-left: 0 !important
	}
	.m-md-1 {
		margin: .25rem !important
	}
	.mt-md-1, .my-md-1 {
		margin-top: .25rem !important
	}
	.mr-md-1, .mx-md-1 {
		margin-right: .25rem !important
	}
	.mb-md-1, .my-md-1 {
		margin-bottom: .25rem !important
	}
	.ml-md-1, .mx-md-1 {
		margin-left: .25rem !important
	}
	.m-md-2 {
		margin: .5rem !important
	}
	.mt-md-2, .my-md-2 {
		margin-top: .5rem !important
	}
	.mr-md-2, .mx-md-2 {
		margin-right: .5rem !important
	}
	.mb-md-2, .my-md-2 {
		margin-bottom: .5rem !important
	}
	.ml-md-2, .mx-md-2 {
		margin-left: .5rem !important
	}
	.m-md-3 {
		margin: 1rem !important
	}
	.mt-md-3, .my-md-3 {
		margin-top: 1rem !important
	}
	.mr-md-3, .mx-md-3 {
		margin-right: 1rem !important
	}
	.mb-md-3, .my-md-3 {
		margin-bottom: 1rem !important
	}
	.ml-md-3, .mx-md-3 {
		margin-left: 1rem !important
	}
	.m-md-4 {
		margin: 1.5rem !important
	}
	.mt-md-4, .my-md-4 {
		margin-top: 1.5rem !important
	}
	.mr-md-4, .mx-md-4 {
		margin-right: 1.5rem !important
	}
	.mb-md-4, .my-md-4 {
		margin-bottom: 1.5rem !important
	}
	.ml-md-4, .mx-md-4 {
		margin-left: 1.5rem !important
	}
	.m-md-5 {
		margin: 3rem !important
	}
	.mt-md-5, .my-md-5 {
		margin-top: 3rem !important
	}
	.mr-md-5, .mx-md-5 {
		margin-right: 3rem !important
	}
	.mb-md-5, .my-md-5 {
		margin-bottom: 3rem !important
	}
	.ml-md-5, .mx-md-5 {
		margin-left: 3rem !important
	}
	.p-md-0 {
		padding: 0 !important
	}
	.pt-md-0, .py-md-0 {
		padding-top: 0 !important
	}
	.pr-md-0, .px-md-0 {
		padding-right: 0 !important
	}
	.pb-md-0, .py-md-0 {
		padding-bottom: 0 !important
	}
	.pl-md-0, .px-md-0 {
		padding-left: 0 !important
	}
	.p-md-1 {
		padding: .25rem !important
	}
	.pt-md-1, .py-md-1 {
		padding-top: .25rem !important
	}
	.pr-md-1, .px-md-1 {
		padding-right: .25rem !important
	}
	.pb-md-1, .py-md-1 {
		padding-bottom: .25rem !important
	}
	.pl-md-1, .px-md-1 {
		padding-left: .25rem !important
	}
	.p-md-2 {
		padding: .5rem !important
	}
	.pt-md-2, .py-md-2 {
		padding-top: .5rem !important
	}
	.pr-md-2, .px-md-2 {
		padding-right: .5rem !important
	}
	.pb-md-2, .py-md-2 {
		padding-bottom: .5rem !important
	}
	.pl-md-2, .px-md-2 {
		padding-left: .5rem !important
	}
	.p-md-3 {
		padding: 1rem !important
	}
	.pt-md-3, .py-md-3 {
		padding-top: 1rem !important
	}
	.pr-md-3, .px-md-3 {
		padding-right: 1rem !important
	}
	.pb-md-3, .py-md-3 {
		padding-bottom: 1rem !important
	}
	.pl-md-3, .px-md-3 {
		padding-left: 1rem !important
	}
	.p-md-4 {
		padding: 1.5rem !important
	}
	.pt-md-4, .py-md-4 {
		padding-top: 1.5rem !important
	}
	.pr-md-4, .px-md-4 {
		padding-right: 1.5rem !important
	}
	.pb-md-4, .py-md-4 {
		padding-bottom: 1.5rem !important
	}
	.pl-md-4, .px-md-4 {
		padding-left: 1.5rem !important
	}
	.p-md-5 {
		padding: 3rem !important
	}
	.pt-md-5, .py-md-5 {
		padding-top: 3rem !important
	}
	.pr-md-5, .px-md-5 {
		padding-right: 3rem !important
	}
	.pb-md-5, .py-md-5 {
		padding-bottom: 3rem !important
	}
	.pl-md-5, .px-md-5 {
		padding-left: 3rem !important
	}
	.m-md-n1 {
		margin: -.25rem !important
	}
	.mt-md-n1, .my-md-n1 {
		margin-top: -.25rem !important
	}
	.mr-md-n1, .mx-md-n1 {
		margin-right: -.25rem !important
	}
	.mb-md-n1, .my-md-n1 {
		margin-bottom: -.25rem !important
	}
	.ml-md-n1, .mx-md-n1 {
		margin-left: -.25rem !important
	}
	.m-md-n2 {
		margin: -.5rem !important
	}
	.mt-md-n2, .my-md-n2 {
		margin-top: -.5rem !important
	}
	.mr-md-n2, .mx-md-n2 {
		margin-right: -.5rem !important
	}
	.mb-md-n2, .my-md-n2 {
		margin-bottom: -.5rem !important
	}
	.ml-md-n2, .mx-md-n2 {
		margin-left: -.5rem !important
	}
	.m-md-n3 {
		margin: -1rem !important
	}
	.mt-md-n3, .my-md-n3 {
		margin-top: -1rem !important
	}
	.mr-md-n3, .mx-md-n3 {
		margin-right: -1rem !important
	}
	.mb-md-n3, .my-md-n3 {
		margin-bottom: -1rem !important
	}
	.ml-md-n3, .mx-md-n3 {
		margin-left: -1rem !important
	}
	.m-md-n4 {
		margin: -1.5rem !important
	}
	.mt-md-n4, .my-md-n4 {
		margin-top: -1.5rem !important
	}
	.mr-md-n4, .mx-md-n4 {
		margin-right: -1.5rem !important
	}
	.mb-md-n4, .my-md-n4 {
		margin-bottom: -1.5rem !important
	}
	.ml-md-n4, .mx-md-n4 {
		margin-left: -1.5rem !important
	}
	.m-md-n5 {
		margin: -3rem !important
	}
	.mt-md-n5, .my-md-n5 {
		margin-top: -3rem !important
	}
	.mr-md-n5, .mx-md-n5 {
		margin-right: -3rem !important
	}
	.mb-md-n5, .my-md-n5 {
		margin-bottom: -3rem !important
	}
	.ml-md-n5, .mx-md-n5 {
		margin-left: -3rem !important
	}
	.m-md-auto {
		margin: auto !important
	}
	.mt-md-auto, .my-md-auto {
		margin-top: auto !important
	}
	.mr-md-auto, .mx-md-auto {
		margin-right: auto !important
	}
	.mb-md-auto, .my-md-auto {
		margin-bottom: auto !important
	}
	.ml-md-auto, .mx-md-auto {
		margin-left: auto !important
	}
}

@media ( min-width :992px) {
	.m-lg-0 {
		margin: 0 !important
	}
	.mt-lg-0, .my-lg-0 {
		margin-top: 0 !important
	}
	.mr-lg-0, .mx-lg-0 {
		margin-right: 0 !important
	}
	.mb-lg-0, .my-lg-0 {
		margin-bottom: 0 !important
	}
	.ml-lg-0, .mx-lg-0 {
		margin-left: 0 !important
	}
	.m-lg-1 {
		margin: .25rem !important
	}
	.mt-lg-1, .my-lg-1 {
		margin-top: .25rem !important
	}
	.mr-lg-1, .mx-lg-1 {
		margin-right: .25rem !important
	}
	.mb-lg-1, .my-lg-1 {
		margin-bottom: .25rem !important
	}
	.ml-lg-1, .mx-lg-1 {
		margin-left: .25rem !important
	}
	.m-lg-2 {
		margin: .5rem !important
	}
	.mt-lg-2, .my-lg-2 {
		margin-top: .5rem !important
	}
	.mr-lg-2, .mx-lg-2 {
		margin-right: .5rem !important
	}
	.mb-lg-2, .my-lg-2 {
		margin-bottom: .5rem !important
	}
	.ml-lg-2, .mx-lg-2 {
		margin-left: .5rem !important
	}
	.m-lg-3 {
		margin: 1rem !important
	}
	.mt-lg-3, .my-lg-3 {
		margin-top: 1rem !important
	}
	.mr-lg-3, .mx-lg-3 {
		margin-right: 1rem !important
	}
	.mb-lg-3, .my-lg-3 {
		margin-bottom: 1rem !important
	}
	.ml-lg-3, .mx-lg-3 {
		margin-left: 1rem !important
	}
	.m-lg-4 {
		margin: 1.5rem !important
	}
	.mt-lg-4, .my-lg-4 {
		margin-top: 1.5rem !important
	}
	.mr-lg-4, .mx-lg-4 {
		margin-right: 1.5rem !important
	}
	.mb-lg-4, .my-lg-4 {
		margin-bottom: 1.5rem !important
	}
	.ml-lg-4, .mx-lg-4 {
		margin-left: 1.5rem !important
	}
	.m-lg-5 {
		margin: 3rem !important
	}
	.mt-lg-5, .my-lg-5 {
		margin-top: 3rem !important
	}
	.mr-lg-5, .mx-lg-5 {
		margin-right: 3rem !important
	}
	.mb-lg-5, .my-lg-5 {
		margin-bottom: 3rem !important
	}
	.ml-lg-5, .mx-lg-5 {
		margin-left: 3rem !important
	}
	.p-lg-0 {
		padding: 0 !important
	}
	.pt-lg-0, .py-lg-0 {
		padding-top: 0 !important
	}
	.pr-lg-0, .px-lg-0 {
		padding-right: 0 !important
	}
	.pb-lg-0, .py-lg-0 {
		padding-bottom: 0 !important
	}
	.pl-lg-0, .px-lg-0 {
		padding-left: 0 !important
	}
	.p-lg-1 {
		padding: .25rem !important
	}
	.pt-lg-1, .py-lg-1 {
		padding-top: .25rem !important
	}
	.pr-lg-1, .px-lg-1 {
		padding-right: .25rem !important
	}
	.pb-lg-1, .py-lg-1 {
		padding-bottom: .25rem !important
	}
	.pl-lg-1, .px-lg-1 {
		padding-left: .25rem !important
	}
	.p-lg-2 {
		padding: .5rem !important
	}
	.pt-lg-2, .py-lg-2 {
		padding-top: .5rem !important
	}
	.pr-lg-2, .px-lg-2 {
		padding-right: .5rem !important
	}
	.pb-lg-2, .py-lg-2 {
		padding-bottom: .5rem !important
	}
	.pl-lg-2, .px-lg-2 {
		padding-left: .5rem !important
	}
	.p-lg-3 {
		padding: 1rem !important
	}
	.pt-lg-3, .py-lg-3 {
		padding-top: 1rem !important
	}
	.pr-lg-3, .px-lg-3 {
		padding-right: 1rem !important
	}
	.pb-lg-3, .py-lg-3 {
		padding-bottom: 1rem !important
	}
	.pl-lg-3, .px-lg-3 {
		padding-left: 1rem !important
	}
	.p-lg-4 {
		padding: 1.5rem !important
	}
	.pt-lg-4, .py-lg-4 {
		padding-top: 1.5rem !important
	}
	.pr-lg-4, .px-lg-4 {
		padding-right: 1.5rem !important
	}
	.pb-lg-4, .py-lg-4 {
		padding-bottom: 1.5rem !important
	}
	.pl-lg-4, .px-lg-4 {
		padding-left: 1.5rem !important
	}
	.p-lg-5 {
		padding: 3rem !important
	}
	.pt-lg-5, .py-lg-5 {
		padding-top: 3rem !important
	}
	.pr-lg-5, .px-lg-5 {
		padding-right: 3rem !important
	}
	.pb-lg-5, .py-lg-5 {
		padding-bottom: 3rem !important
	}
	.pl-lg-5, .px-lg-5 {
		padding-left: 3rem !important
	}
	.m-lg-n1 {
		margin: -.25rem !important
	}
	.mt-lg-n1, .my-lg-n1 {
		margin-top: -.25rem !important
	}
	.mr-lg-n1, .mx-lg-n1 {
		margin-right: -.25rem !important
	}
	.mb-lg-n1, .my-lg-n1 {
		margin-bottom: -.25rem !important
	}
	.ml-lg-n1, .mx-lg-n1 {
		margin-left: -.25rem !important
	}
	.m-lg-n2 {
		margin: -.5rem !important
	}
	.mt-lg-n2, .my-lg-n2 {
		margin-top: -.5rem !important
	}
	.mr-lg-n2, .mx-lg-n2 {
		margin-right: -.5rem !important
	}
	.mb-lg-n2, .my-lg-n2 {
		margin-bottom: -.5rem !important
	}
	.ml-lg-n2, .mx-lg-n2 {
		margin-left: -.5rem !important
	}
	.m-lg-n3 {
		margin: -1rem !important
	}
	.mt-lg-n3, .my-lg-n3 {
		margin-top: -1rem !important
	}
	.mr-lg-n3, .mx-lg-n3 {
		margin-right: -1rem !important
	}
	.mb-lg-n3, .my-lg-n3 {
		margin-bottom: -1rem !important
	}
	.ml-lg-n3, .mx-lg-n3 {
		margin-left: -1rem !important
	}
	.m-lg-n4 {
		margin: -1.5rem !important
	}
	.mt-lg-n4, .my-lg-n4 {
		margin-top: -1.5rem !important
	}
	.mr-lg-n4, .mx-lg-n4 {
		margin-right: -1.5rem !important
	}
	.mb-lg-n4, .my-lg-n4 {
		margin-bottom: -1.5rem !important
	}
	.ml-lg-n4, .mx-lg-n4 {
		margin-left: -1.5rem !important
	}
	.m-lg-n5 {
		margin: -3rem !important
	}
	.mt-lg-n5, .my-lg-n5 {
		margin-top: -3rem !important
	}
	.mr-lg-n5, .mx-lg-n5 {
		margin-right: -3rem !important
	}
	.mb-lg-n5, .my-lg-n5 {
		margin-bottom: -3rem !important
	}
	.ml-lg-n5, .mx-lg-n5 {
		margin-left: -3rem !important
	}
	.m-lg-auto {
		margin: auto !important
	}
	.mt-lg-auto, .my-lg-auto {
		margin-top: auto !important
	}
	.mr-lg-auto, .mx-lg-auto {
		margin-right: auto !important
	}
	.mb-lg-auto, .my-lg-auto {
		margin-bottom: auto !important
	}
	.ml-lg-auto, .mx-lg-auto {
		margin-left: auto !important
	}
}

@media ( min-width :1200px) {
	.m-xl-0 {
		margin: 0 !important
	}
	.mt-xl-0, .my-xl-0 {
		margin-top: 0 !important
	}
	.mr-xl-0, .mx-xl-0 {
		margin-right: 0 !important
	}
	.mb-xl-0, .my-xl-0 {
		margin-bottom: 0 !important
	}
	.ml-xl-0, .mx-xl-0 {
		margin-left: 0 !important
	}
	.m-xl-1 {
		margin: .25rem !important
	}
	.mt-xl-1, .my-xl-1 {
		margin-top: .25rem !important
	}
	.mr-xl-1, .mx-xl-1 {
		margin-right: .25rem !important
	}
	.mb-xl-1, .my-xl-1 {
		margin-bottom: .25rem !important
	}
	.ml-xl-1, .mx-xl-1 {
		margin-left: .25rem !important
	}
	.m-xl-2 {
		margin: .5rem !important
	}
	.mt-xl-2, .my-xl-2 {
		margin-top: .5rem !important
	}
	.mr-xl-2, .mx-xl-2 {
		margin-right: .5rem !important
	}
	.mb-xl-2, .my-xl-2 {
		margin-bottom: .5rem !important
	}
	.ml-xl-2, .mx-xl-2 {
		margin-left: .5rem !important
	}
	.m-xl-3 {
		margin: 1rem !important
	}
	.mt-xl-3, .my-xl-3 {
		margin-top: 1rem !important
	}
	.mr-xl-3, .mx-xl-3 {
		margin-right: 1rem !important
	}
	.mb-xl-3, .my-xl-3 {
		margin-bottom: 1rem !important
	}
	.ml-xl-3, .mx-xl-3 {
		margin-left: 1rem !important
	}
	.m-xl-4 {
		margin: 1.5rem !important
	}
	.mt-xl-4, .my-xl-4 {
		margin-top: 1.5rem !important
	}
	.mr-xl-4, .mx-xl-4 {
		margin-right: 1.5rem !important
	}
	.mb-xl-4, .my-xl-4 {
		margin-bottom: 1.5rem !important
	}
	.ml-xl-4, .mx-xl-4 {
		margin-left: 1.5rem !important
	}
	.m-xl-5 {
		margin: 3rem !important
	}
	.mt-xl-5, .my-xl-5 {
		margin-top: 3rem !important
	}
	.mr-xl-5, .mx-xl-5 {
		margin-right: 3rem !important
	}
	.mb-xl-5, .my-xl-5 {
		margin-bottom: 3rem !important
	}
	.ml-xl-5, .mx-xl-5 {
		margin-left: 3rem !important
	}
	.p-xl-0 {
		padding: 0 !important
	}
	.pt-xl-0, .py-xl-0 {
		padding-top: 0 !important
	}
	.pr-xl-0, .px-xl-0 {
		padding-right: 0 !important
	}
	.pb-xl-0, .py-xl-0 {
		padding-bottom: 0 !important
	}
	.pl-xl-0, .px-xl-0 {
		padding-left: 0 !important
	}
	.p-xl-1 {
		padding: .25rem !important
	}
	.pt-xl-1, .py-xl-1 {
		padding-top: .25rem !important
	}
	.pr-xl-1, .px-xl-1 {
		padding-right: .25rem !important
	}
	.pb-xl-1, .py-xl-1 {
		padding-bottom: .25rem !important
	}
	.pl-xl-1, .px-xl-1 {
		padding-left: .25rem !important
	}
	.p-xl-2 {
		padding: .5rem !important
	}
	.pt-xl-2, .py-xl-2 {
		padding-top: .5rem !important
	}
	.pr-xl-2, .px-xl-2 {
		padding-right: .5rem !important
	}
	.pb-xl-2, .py-xl-2 {
		padding-bottom: .5rem !important
	}
	.pl-xl-2, .px-xl-2 {
		padding-left: .5rem !important
	}
	.p-xl-3 {
		padding: 1rem !important
	}
	.pt-xl-3, .py-xl-3 {
		padding-top: 1rem !important
	}
	.pr-xl-3, .px-xl-3 {
		padding-right: 1rem !important
	}
	.pb-xl-3, .py-xl-3 {
		padding-bottom: 1rem !important
	}
	.pl-xl-3, .px-xl-3 {
		padding-left: 1rem !important
	}
	.p-xl-4 {
		padding: 1.5rem !important
	}
	.pt-xl-4, .py-xl-4 {
		padding-top: 1.5rem !important
	}
	.pr-xl-4, .px-xl-4 {
		padding-right: 1.5rem !important
	}
	.pb-xl-4, .py-xl-4 {
		padding-bottom: 1.5rem !important
	}
	.pl-xl-4, .px-xl-4 {
		padding-left: 1.5rem !important
	}
	.p-xl-5 {
		padding: 3rem !important
	}
	.pt-xl-5, .py-xl-5 {
		padding-top: 3rem !important
	}
	.pr-xl-5, .px-xl-5 {
		padding-right: 3rem !important
	}
	.pb-xl-5, .py-xl-5 {
		padding-bottom: 3rem !important
	}
	.pl-xl-5, .px-xl-5 {
		padding-left: 3rem !important
	}
	.m-xl-n1 {
		margin: -.25rem !important
	}
	.mt-xl-n1, .my-xl-n1 {
		margin-top: -.25rem !important
	}
	.mr-xl-n1, .mx-xl-n1 {
		margin-right: -.25rem !important
	}
	.mb-xl-n1, .my-xl-n1 {
		margin-bottom: -.25rem !important
	}
	.ml-xl-n1, .mx-xl-n1 {
		margin-left: -.25rem !important
	}
	.m-xl-n2 {
		margin: -.5rem !important
	}
	.mt-xl-n2, .my-xl-n2 {
		margin-top: -.5rem !important
	}
	.mr-xl-n2, .mx-xl-n2 {
		margin-right: -.5rem !important
	}
	.mb-xl-n2, .my-xl-n2 {
		margin-bottom: -.5rem !important
	}
	.ml-xl-n2, .mx-xl-n2 {
		margin-left: -.5rem !important
	}
	.m-xl-n3 {
		margin: -1rem !important
	}
	.mt-xl-n3, .my-xl-n3 {
		margin-top: -1rem !important
	}
	.mr-xl-n3, .mx-xl-n3 {
		margin-right: -1rem !important
	}
	.mb-xl-n3, .my-xl-n3 {
		margin-bottom: -1rem !important
	}
	.ml-xl-n3, .mx-xl-n3 {
		margin-left: -1rem !important
	}
	.m-xl-n4 {
		margin: -1.5rem !important
	}
	.mt-xl-n4, .my-xl-n4 {
		margin-top: -1.5rem !important
	}
	.mr-xl-n4, .mx-xl-n4 {
		margin-right: -1.5rem !important
	}
	.mb-xl-n4, .my-xl-n4 {
		margin-bottom: -1.5rem !important
	}
	.ml-xl-n4, .mx-xl-n4 {
		margin-left: -1.5rem !important
	}
	.m-xl-n5 {
		margin: -3rem !important
	}
	.mt-xl-n5, .my-xl-n5 {
		margin-top: -3rem !important
	}
	.mr-xl-n5, .mx-xl-n5 {
		margin-right: -3rem !important
	}
	.mb-xl-n5, .my-xl-n5 {
		margin-bottom: -3rem !important
	}
	.ml-xl-n5, .mx-xl-n5 {
		margin-left: -3rem !important
	}
	.m-xl-auto {
		margin: auto !important
	}
	.mt-xl-auto, .my-xl-auto {
		margin-top: auto !important
	}
	.mr-xl-auto, .mx-xl-auto {
		margin-right: auto !important
	}
	.mb-xl-auto, .my-xl-auto {
		margin-bottom: auto !important
	}
	.ml-xl-auto, .mx-xl-auto {
		margin-left: auto !important
	}
}

.text-monospace {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
		"Courier New", monospace !important
}

.text-justify {
	text-align: justify !important
}

.text-wrap {
	white-space: normal !important
}

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

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.text-left {
	text-align: left !important
}

.text-right {
	text-align: right !important
}

.text-center {
	text-align: center !important
}

@media ( min-width :576px) {
	.text-sm-left {
		text-align: left !important
	}
	.text-sm-right {
		text-align: right !important
	}
	.text-sm-center {
		text-align: center !important
	}
}

@media ( min-width :768px) {
	.text-md-left {
		text-align: left !important
	}
	.text-md-right {
		text-align: right !important
	}
	.text-md-center {
		text-align: center !important
	}
}

@media ( min-width :992px) {
	.text-lg-left {
		text-align: left !important
	}
	.text-lg-right {
		text-align: right !important
	}
	.text-lg-center {
		text-align: center !important
	}
}

@media ( min-width :1200px) {
	.text-xl-left {
		text-align: left !important
	}
	.text-xl-right {
		text-align: right !important
	}
	.text-xl-center {
		text-align: center !important
	}
}

.text-lowercase {
	text-transform: lowercase !important
}

.text-uppercase {
	text-transform: uppercase !important
}

.text-capitalize {
	text-transform: capitalize !important
}

.font-weight-light {
	font-weight: 300 !important
}

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

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

.font-weight-bold {
	font-weight: 700 !important
}

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

.font-italic {
	font-style: italic !important
}

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

.text-primary {
	color: #007bff !important
}

a.text-primary:focus, a.text-primary:hover {
	color: #0056b3 !important
}

.text-secondary {
	color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
	color: #494f54 !important
}

.text-success {
	color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
	color: #19692c !important
}

.text-info {
	color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
	color: #0f6674 !important
}

.text-warning {
	color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
	color: #ba8b00 !important
}

.text-danger {
	color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
	color: #a71d2a !important
}

.text-light {
	color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
	color: #cbd3da !important
}

.text-dark {
	color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
	color: #121416 !important
}

.text-body {
	color: #212529 !important
}

.text-muted {
	color: #6c757d !important
}

.text-black-50 {
	color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
	color: rgba(255, 255, 255, .5) !important
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

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

.text-break {
	word-break: break-word !important;
	overflow-wrap: break-word !important
}

.text-reset {
	color: inherit !important
}

.visible {
	visibility: visible !important
}

.invisible {
	visibility: hidden !important
}

@media print {
	*, ::after, ::before {
		text-shadow: none !important;
		box-shadow: none !important
	}
	a:not(.btn) {
		text-decoration: underline
	}
	abbr[title]::after {
		content: " (" attr(title) ")"
	}
	pre {
		white-space: pre-wrap !important
	}
	blockquote, pre {
		border: 1px solid #adb5bd;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	img, tr {
		page-break-inside: avoid
	}
	h2, h3, p {
		orphans: 3;
		widows: 3
	}
	h2, h3 {
		page-break-after: avoid
	}
	@page {
		size: a3
	}
	body {
		min-width: 992px !important
	}
	.container {
		min-width: 992px !important
	}
	.navbar {
		display: none
	}
	.badge {
		border: 1px solid #000
	}
	.table {
		border-collapse: collapse !important
	}
	.table td, .table th {
		background-color: #fff !important
	}
	.table-bordered td, .table-bordered th {
		border: 1px solid #dee2e6 !important
	}
	.table-dark {
		color: inherit
	}
	.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th
		{
		border-color: #dee2e6
	}
	.table .thead-dark th {
		color: inherit;
		border-color: #dee2e6
	}
}


/*@import url(../css/animate.css);*/
:root {
	-disabled: black
}

.preloader {
	width: 100%;
	height: 100%;
	top: 0px;
	position: fixed;
	z-index: 99999;
	background: #e2eef7;
}

.preloader .cssload-speeding-wheel {
	position: absolute;
	top: calc(50% - 3.5px);
	left: calc(50% - 3.5px);
}

/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/******************* 
Global Styles 
*******************/
* {
	outline: none;
}

@font-face {
	font-family: 'Avenir';
	/*   src: url('../fonts/Avenir.eot?#iefix') format('embedded-opentype'),  url('../fonts/Avenir.woff') format('woff'), url('../fonts/Avenir.ttf')  format('truetype'), url('../fonts/Avenir.svg#Avenir') format('svg'); */
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/Inter-VariableFont_opsz\,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Italic Inter font */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/Inter-Italic-VariableFont_opsz\,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* font-family: 'Avenir', Helvetica, sans-serif; */
body {
	background: #e2eef7;
	/* font-family: "Rubik", sans-serif; */
	/* font-family: 'Avenir', Helvetica, sans-serif !important; */
	font-family: 'Inter', sans-serif;
	margin: 0;
	overflow-x: hidden;
	/* color: #54667a; */
	color: #202020;
	/* font-weight: 300; */
	font-weight: 400;
	font-size: 14;
}

html {
	position: relative;
	min-height: 100%;
	background: #e2eef7;
}

a {
	color: #0966CE;
}

a:hover, a:focus {
	text-decoration: none;
}

a.link {
	color: #54667a;
}

a.link:hover, a.link:focus {
	color: #009efb;
}

.img-responsive {
	width: 100%;
	height: auto;
	display: inline-block;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
	display: block;
}

.img-rounded {
	border-radius: 4px;
}

/*******************
Headings
*******************/
h1, h2, h3, h4, h5, h6 {
	/* color: #2c2b2e; */
	color: #393a3d;
	/* font-family: "Rubik", sans-serif; */
	/* font-family: "Arial", sans-serif; */
	font-family: 'Inter', sans-serif;
	/* font-weight: 400; */
}

h1 {
	/* line-height: 48px; */
	font-size: 36px;
}

h2 {
	/* line-height: 36px; */
	font-size: 26px;
	font-weight: bold;
}

h3 {
	/* line-height: 30px; */
	font-size: 16px;
}

h4 {
	/* line-height: 22px; */
	font-size: 18px;
}

h5 {
	/* line-height: 18px; */
	font-size: 14px;
	/* font-weight: 400; */
}

h6 {
	/* line-height: 16px; */
	font-size: 14px;
	font-weight: 400;
}

h8 {
	/* line-height: 16px; */
	font-size: 13px;
	font-weight: 400;
}

.display-5 {
	font-size: 3rem;
}

.display-6 {
	font-size: 36px;
}

.display-7 {
	font-size: 2rem;
}

.box {
	border-radius: 4px;
	padding: 10px;
}

html body .dl {
	display: inline-block;
}

html body .db {
	display: block;
}

.no-wrap td, .no-wrap th {
	white-space: nowrap;
}

/*******************
Blockquote
*******************/
blockquote {
	border: 1px solid rgba(120, 130, 140, 0.13);
	border-left: 5px solid #009efb;
	padding: 15px;
}

.clear {
	clear: both;
}

ol li {
	margin: 5px 0;
}

/*******************
Paddings
*******************/
html body .p-0 {
	padding: 0px;
}

html body .p-10 {
	padding: 10px;
}

html body .p-20 {
	padding: 20px;
}

html body body .p-30 {
	padding: 30px;
}

html body .p-l-0 {
	padding-left: 0px;
}

html body .p-l-5 {
	padding-left: 5px;
}

html body .p-l-10 {
	padding-left: 10px;
}

html body .p-l-20 {
	padding-left: 20px;
}

html body .p-r-0 {
	padding-right: 0px;
}

html body .p-r-10 {
	padding-right: 10px;
}

html body .p-r-20 {
	padding-right: 20px;
}

html body .p-r-30 {
	padding-right: 30px;
}

html body .p-r-40 {
	padding-right: 40px;
}

html body .p-t-0 {
	padding-top: 0px;
}

html body .p-t-10 {
	padding-top: 10px;
}

html body .p-t-20 {
	padding-top: 20px;
}

html body .p-t-30 {
	padding-top: 30px;
}

html body .p-b-0 {
	padding-bottom: 0px;
}

html body .p-b-5 {
	padding-bottom: 5px;
}

html body .p-b-10 {
	padding-bottom: 10px;
}

html body .p-b-20 {
	padding-bottom: 20px;
}

html body .p-b-30 {
	padding-bottom: 30px;
}

html body .p-b-40 {
	padding-bottom: 40px;
}

/*******************
Margin
*******************/
html body .m-0 {
	margin: 0px;
}

html body .m-l-5 {
	margin-left: 5px;
}

html body .m-l-10 {
	margin-left: 10px;
}

html body .m-l-15 {
	margin-left: 15px;
}

html body .m-l-20 {
	margin-left: 20px;
}

html body .m-l-30 {
	margin-left: 30px;
}

html body .m-l-40 {
	margin-left: 40px;
}

html body .m-r-5 {
	margin-right: 5px;
}

html body .m-r-10 {
	margin-right: 10px;
}

html body .m-r-15 {
	margin-right: 15px;
}

html body .m-r-20 {
	margin-right: 20px;
}

html body .m-r-30 {
	margin-right: 30px;
}

html body .m-r-40 {
	margin-right: 40px;
}

html body .m-t-0 {
	margin-top: 0px;
}

html body .m-t-5 {
	margin-top: 5px;
}

html body .m-t-10 {
	margin-top: 10px;
}

html body .m-t-15 {
	margin-top: 15px;
}

html body .m-t-20 {
	margin-top: 20px;
}

html body .m-t-30 {
	margin-top: 30px;
}

html body .m-t-40 {
	margin-top: 40px;
}

html body .m-b-0 {
	margin-bottom: 0px;
}

html body .m-b-5 {
	margin-bottom: 5px;
}

html body .m-b-10 {
	margin-bottom: 10px;
}

html body .m-b-15 {
	margin-bottom: 15px;
}

html body .m-b-20 {
	margin-bottom: 20px;
}

html body .m-b-30 {
	margin-bottom: 30px;
}

html body .m-b-40 {
	margin-bottom: 40px;
}

/*******************
vertical alignment
*******************/
html body .vt {
	vertical-align: top;
}

html body .vm {
	vertical-align: middle;
}

html body .vb {
	vertical-align: bottom;
}

/*******************
font weight
*******************/
html body .font-bold {
	font-weight: 700;
}

html body .font-normal {
	font-weight: normal;
}

html body .font-light {
	font-weight: 300;
}

html body .font-medium {
	font-weight: 400;
}

html body .font-bold {
	font-weight: 600;
}

html body .font-bolder {
	font-weight: 700
}

html body .font-16 {
	font-size: 16px;
}

html body .font-14 {
	font-size: 14px;
}

html body .font-18 {
	font-size: 18px;
}

html body .font-20 {
	font-size: 20px;
}

html body .font-22 {
	font-size: 22px;
}

/*******************
Border
*******************/
html body .b-0 {
	border: none;
}

html body .b-r {
	border-right: 1px solid rgba(120, 130, 140, 0.13);
}

html body .b-l {
	border-left: 1px solid rgba(120, 130, 140, 0.13);
}

html body .b-b {
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
}

html body .b-t {
	border-top: 1px solid rgba(120, 130, 140, 0.13);
}

html body .b-all {
	border: 1px solid rgba(120, 130, 140, 0.13) !important;
}

html body .b-all-2 {
	border: 3px solid rgba(120, 130, 140, 0.13) !important;
}

/*******************
Thumb size
*******************/
.thumb-sm {
	height: 32px;
	width: 32px;
}

.thumb-md {
	height: 48px;
	width: 48px;
}

.thumb-lg {
	height: 88px;
	width: 88px;
}

.hide {
	display: none;
}

.img-circle {
	border-radius: 100%;
}

.radius {
	border-radius: 4px;
}

/*******************
Text Colors
*******************/
html body .text-muted {
	color: #90a4ae;
}

/*******************
Background Colors
*******************/
.bg-primary {
	background-color: #7460ee !important;
}

.bg-success {
	background-color: #55ce63 !important;
}

.bg-info {
	background-color: #009efb !important;
}

.bg-warning {
	background-color: #ffbc34 !important;
}

.bg-danger {
	background-color: #f62d51 !important;
}

.bg-megna {
	background-color: #01c0c8;
}

.bg-theme {
	background-color: #009efb;
}

.bg-inverse {
	background-color: #2f3d4a !important;
}

.bg-purple {
	background-color: #7460ee;
}

.bg-light-primary {
	background-color: #f1effd;
}

.bg-light-success {
	background-color: #e8fdeb;
}

.bg-light-info {
	background-color: #cfecfe;
}

.bg-light-extra {
	background-color: #ebf3f5;
}

.bg-light-warning {
	background-color: #fff8ec;
}

.bg-light-danger {
	background-color: #f9e7eb;
}

.bg-light-inverse {
	background-color: #f6f6f6;
}

.bg-light {
	background-color: #f2f4f8;
}

.bg-white {
	background-color: #ffffff;
}

/*******************
Rounds
*******************/
.round {
	line-height: 45px;
	color: #ffffff;
	width: 45px;
	height: 45px;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	border-radius: 100%;
	background: #009efb;
}

.round img {
	border-radius: 100%;
}

.round.round-info {
	background: #009efb;
}

.round.round-warning {
	background: #ffbc34;
}

.round.round-danger {
	background: #f62d51;
}

.round.round-success {
	background: #55ce63;
}

.round.round-primary {
	background: #7460ee;
}

/*******************
Labels
*******************/
.label {
	padding: 2px 10px;
	line-height: 13px;
	color: #ffffff;
	font-weight: 400;
	border-radius: 4px;
	font-size: 75%;
}

.label-rounded {
	border-radius: 60px;
}

.label-custom {
	background-color: #01c0c8;
}

.label-success {
	background-color: #55ce63;
}

.label-info {
	background-color: #009efb;
}

.tag-label-info {
	background-color: #C9F2C3;
}

.tag-label {
	padding: 2px 10px;
	line-height: 22.39px;
	color: #0C5B00 !important;
	font-weight: 400;
	border-radius: 4px;
	font-size: 12px;
	background-color: #C9F2C3 !important;
}

.label-warning {
	background-color: #ffbc34;
}

.label-danger {
	background-color: #f62d51;
}

.label-megna {
	background-color: #01c0c8;
}

.label-primary {
	background-color: #7460ee;
}

.label-purple {
	background-color: #7460ee;
}

.label-red {
	background-color: #ea6b6d;
}

.label-inverse {
	background-color: #2f3d4a;
}

.label-default {
	background-color: #f2f4f8;
}

.label-white {
	background-color: #ffffff;
}

.label-light-success {
	background-color: #e8fdeb;
	color: #55ce63;
}

.label-light-info {
	background-color: #cfecfe;
	color: #009efb;
}

.label-light-warning {
	background-color: #fff8ec;
	color: #ffbc34;
}

.label-light-danger {
	background-color: #f9e7eb;
	color: #f62d51;
}

.label-light-megna {
	background-color: #e0f2f4;
	color: #01c0c8;
}

.label-light-primary {
	background-color: #f1effd;
	color: #7460ee;
}

.label-light-inverse {
	background-color: #f6f6f6;
	color: #2f3d4a;
}

/*******************
Pagination
*******************/
.pagination>li:first-child>a, .pagination>li:first-child>span {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

.pagination>li>a, .pagination>li>span {
	color: #263238;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus,
	.pagination>li>span:focus {
	background-color: #f2f4f8;
}

.pagination-split li {
	margin-left: 5px;
	display: inline-block;
	float: left;
}

.pagination-split li:first-child {
	margin-left: 0;
}

.pagination-split li a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	background-color: #009efb;
	border-color: #009efb;
}

.pager li>a, .pager li>span {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #263238;
}

/*******************
Table Cell
*******************/
.table-box {
	display: table;
	width: 100%;
}

.table.no-border tbody td {
	border: 0px;
}

.cell {
	display: table-cell;
	vertical-align: middle;
}

.table td, .table th {
	border-color: #f3f1f1;
}

.table thead th, .table th {
	font-weight: 500;
}

.table-hover tbody tr:hover {
	background: #f2f4f8;
}

html body .jqstooltip {
	width: auto;
	height: auto;
}

.v-middle td, .v-middle th {
	vertical-align: middle;
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

/*******************
Wave Effects
*******************/
.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	-ms-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: transform, opacity;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
	background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
	background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
	background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
	background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
	background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
	background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
	background-color: rgba(0, 150, 136, 0.7);
}

html body .waves-notransition {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.waves-circle {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 50%;
	-webkit-mask-image: none;
}

.waves-input-wrapper {
	border-radius: 0.2em;
	vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.waves-block {
	display: block;
}

/*Badge*/
.badge {
	font-weight: 400;
}

.badge-xs {
	font-size: 9px;
}

.badge-xs, .badge-sm {
	-webkit-transform: translate(0, -2px);
	-ms-transform: translate(0, -2px);
	-o-transform: translate(0, -2px);
	transform: translate(0, -2px);
}

.badge-success {
	background-color: #55ce63;
}

.badge-info {
	background-color: #009efb;
}

.badge-primary {
	background-color: #7460ee;
}

.badge-warning {
	background-color: #ffbc34;
	color: #ffffff;
}

.badge-danger {
	background-color: #f62d51;
}

.badge-purple {
	background-color: #7460ee;
}

.badge-red {
	background-color: #fb3a3a;
}

.badge-inverse {
	background-color: #2f3d4a;
}

/*Text Color*/
.text-white {
	color: #ffffff !important;
}

.text-danger {
	color: #f62d51 !important;
}

.text-muted {
	color: #212529 !important;
}

.text-warning {
	color: #ffbc34 !important;
}

.text-success {
	color: #55ce63 !important;
}

.text-info {
	color: #009efb !important;
}

.text-inverse {
	color: #2f3d4a;
}

.text-blue {
	color: #02bec9;
}

.text-purple {
	color: #7460ee;
}

.text-light-blue {
	color: #3A84FF;
}

.text-primary {
	color: #7460ee !important;
}

.text-megna {
	color: #01c0c8;
}

.text-dark {
	color: #54667a;
}

.text-themecolor {
	color: #009efb;
}

/*******************
Buttons
******************/
.btn {
	padding: 7px 12px;
	font-size: 14px;
	cursor: pointer;
}

.btn-group label {
	color: #655f5f !important;
	margin-bottom: 0px;
}

.btn-group label.btn-secondary {
	color: #54667a !important;
}

.btn-lg {
	padding: .75rem 1.5rem;
	font-size: 1.25rem;
}

.btn-circle {
	border-radius: 100%;
	width: 40px;
	height: 40px;
	padding: 10px;
}

.btn-circle.btn-sm {
	width: 35px;
	height: 35px;
	padding: 8px 10px;
	font-size: 14px;
}

.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 14px 15px;
	font-size: 18px;
}

.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 14px 15px;
	font-size: 24px;
}

.btn-sm {
	padding: .25rem .5rem;
	font-size: 12px;
}

.btn-xs {
	padding: .25rem .5rem;
	font-size: 10px;
}

.button-list button, .button-list a {
	margin: 5px 12px 5px 0;
}

.btn-outline {
	color: inherit;
	background-color: transparent;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.btn-rounded {
	border-radius: 60px;
	padding: 7px 18px;
}

.btn-rounded.btn-lg {
	padding: .75rem 1.5rem;
}

.btn-rounded.btn-sm {
	padding: .25rem .5rem;
	font-size: 12px;
}

.btn-rounded.btn-xs {
	padding: .25rem .5rem;
	font-size: 10px;
}

.btn-custom, .btn-custom.disabled {
	background: #009efb;
	border: 1px solid #009efb;
	color: #ffffff;
}

.btn-custom:hover, .btn-custom.disabled:hover {
	background: #009efb;
	opacity: 0.8;
	color: #ffffff;
	border: 1px solid #009efb;
}

.btn-secondary, .btn-secondary.disabled {
	background: #868e96 !important;
	border: 1px solid #868e96;
	color: #ffffff !important;
}

.btn-secondary:hover, .btn-secondary.disabled:hover {
	background: #868e96;
	opacity: 0.7;
	border: 1px solid #868e96;
}

.btn-secondary.active, .btn-secondary:focus, .btn-secondary.disabled.active,
	.btn-secondary.disabled:focus {
	background: #868e96;
}

.btn-primary, .btn-primary.disabled {
	background: #0B66CE;
	border: 1px solid #0B66CE;
}

.btn-primary:hover, .btn-primary.disabled:hover {
	background: #0B66CE;
	opacity: 0.7;
	border: 1px solid #0B66CE;
}

.btn-primary.active, .btn-primary:focus, .btn-primary.disabled.active,
	.btn-primary.disabled:focus {
	background: #0B66CE;
}

.btn-themecolor, .btn-themecolor.disabled {
	background: #009efb;
	color: #ffffff;
	border: 1px solid #009efb;
}

.btn-themecolor:hover, .btn-themecolor.disabled:hover {
	background: #009efb;
	opacity: 0.7;
	border: 1px solid #009efb;
}

.btn-themecolor.active, .btn-themecolor:focus, .btn-themecolor.disabled.active,
	.btn-themecolor.disabled:focus {
	background: #028ee1;
}

.btn-success, .btn-success.disabled {
	background: #55ce63;
	border: 1px solid #55ce63;
}

.btn-success:hover, .btn-success.disabled:hover {
	background: #55ce63;
	opacity: 0.7;
	border: 1px solid #55ce63;
}

.btn-success.active, .btn-success:focus, .btn-success.disabled.active,
	.btn-success.disabled:focus {
	background: #4ab657;
}

.btn-info, .btn-info.disabled {
	background: #3876bc;
	border: 1px solid #3876bc;
}

.btn-info:hover, .btn-info.disabled:hover {
	/* background: #3876bc;
	opacity: 0.7;
	border: 1px solid #3876bc; */
}

.btn-info.active, .btn-info:focus, .btn-info.disabled.active, .btn-info.disabled:focus
	{
	background: #028ee1;
}

.btn-warning, .btn-warning.disabled {
	background: #ffbc34;
	border: 1px solid #ffbc34;
	color: #ffffff;
}

.btn-warning:hover, .btn-warning.disabled:hover {
	background: #ffbc34;
	color: #ffffff;
	opacity: 0.7;
	border: 1px solid #ffbc34;
}

.btn-warning.active, .btn-warning:focus, .btn-warning.disabled.active,
	.btn-warning.disabled:focus {
	background: #e9ab2e;
}

/* .btn-danger, .btn-danger.disabled {
	background: #f62d51;
	border: 1px solid #f62d51;
}

.btn-danger:hover, .btn-danger.disabled:hover {
	background: #f62d51;
	opacity: 0.7;
	border: 1px solid #f62d51;
}

.btn-danger.active, .btn-danger:focus, .btn-danger.disabled.active,
	.btn-danger.disabled:focus {
	background: #e6294b;
} */

/* Temporary Edit for UX */
.btn-danger, .btn-danger.disabled {
	background: #ffffff;
	color: #A0A6B5;
	border: 1px solid #A0A6B5;
}

.btn-danger:hover, .btn-danger.disabled:hover {
	background: #A0A6B5;
	color: #ffffff opacity: 0.7;
	border: 1px solid #A0A6B5;
}

.btn-danger.active, .btn-danger:focus, .btn-danger.disabled.active,
	.btn-danger.disabled:focus {
	background: #ffffff;
}

/*********************************/
.btn-inverse, .btn-inverse.disabled {
	background: #2f3d4a;
	border: 1px solid #2f3d4a;
	color: #ffffff;
}

.btn-inverse:hover, .btn-inverse.disabled:hover {
	background: #2f3d4a;
	opacity: 0.7;
	color: #ffffff;
	border: 1px solid #2f3d4a;
}

.btn-inverse.active, .btn-inverse:focus, .btn-inverse.disabled.active,
	.btn-inverse.disabled:focus {
	background: #232a37;
	color: #ffffff;
}

.btn-red, .btn-red.disabled {
	background: #fb3a3a;
	border: 1px solid #fb3a3a;
	color: #ffffff;
}

.btn-red:hover, .btn-red.disabled:hover {
	opacity: 0.7;
	border: 1px solid #fb3a3a;
	background: #fb3a3a;
}

.btn-red.active, .btn-red:focus, .btn-red.disabled.active, .btn-red.disabled:focus
	{
	background: #e6294b;
}

.btn-outline-default {
	background-color: #ffffff;
}

.btn-outline-default:hover, .btn-outline-default:focus,
	.btn-outline-default.focus {
	background: #f2f4f8;
}

.btn-outline-primary {
	color: #7460ee;
	background-color: #ffffff;
	border-color: #7460ee;
}

.btn-outline-primary:hover, .btn-outline-primary:focus,
	.btn-outline-primary.focus {
	background: #7460ee;
	color: #ffffff;
	border-color: #7460ee;
}

.btn-outline-success {
	color: #55ce63;
	background-color: transparent;
	border-color: #55ce63;
}

.btn-outline-success:hover, .btn-outline-success:focus,
	.btn-outline-success.focus {
	background: #55ce63;
	border-color: #55ce63;
	color: #ffffff;
}

.btn-outline-info {
	color: #009efb;
	background-color: transparent;
	border-color: #009efb;
}

.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus
	{
	background: #009efb;
	border-color: #009efb;
	color: #ffffff;
}

.btn-outline-warning {
	color: #ffbc34;
	background-color: transparent;
	border-color: #ffbc34;
}

.btn-outline-warning:hover, .btn-outline-warning:focus,
	.btn-outline-warning.focus {
	background: #ffbc34;
	border-color: #ffbc34;
	color: #ffffff;
}

.btn-outline-danger {
	color: #f62d51;
	background-color: transparent;
	border-color: #f62d51;
}

.btn-outline-danger:hover, .btn-outline-danger:focus,
	.btn-outline-danger.focus {
	background: #f62d51;
	border-color: #f62d51;
	color: #ffffff;
}

.btn-outline-red {
	color: #fb3a3a;
	background-color: transparent;
	border-color: #fb3a3a;
}

.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red.focus {
	background: #fb3a3a;
	border-color: #fb3a3a;
	color: #ffffff;
}

.btn-outline-inverse {
	color: #2f3d4a;
	background-color: transparent;
	border-color: #2f3d4a;
}

.btn-outline-inverse:hover, .btn-outline-inverse:focus,
	.btn-outline-inverse.focus {
	background: #2f3d4a;
	border-color: #2f3d4a;
	color: #ffffff;
}

/* editButtonBuildFromScratch button transparent styles */
#editButtonBuildFromScratch {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

#editButtonBuildFromScratch:hover {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

#editButtonBuildFromScratch:focus {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

#editButtonBuildFromScratch:focus:not(:disabled) {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

#editButtonBuildFromScratch:hover:focus {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

#editButtonBuildFromScratch:disabled {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

#editButtonBuildFromScratch:disabled:hover {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

#editButtonBuildFromScratch:disabled:focus {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

/* showStartOverModalBuildFromScratch button remove box shadow for focus and active */
#showStartOverModalBuildFromScratch:focus {
	box-shadow: none !important;
	outline: none !important;
}

#showStartOverModalBuildFromScratch:active {
	box-shadow: none !important;
	outline: none !important;
}

#showStartOverModalBuildFromScratch:focus:active {
	box-shadow: none !important;
	outline: none !important;
}

#showStartOverModal:focus {
	box-shadow: none !important;
	outline: none !important;
}

#showStartOverModal:active {
	box-shadow: none !important;
	outline: none !important;
}

#showStartOverModal:focus:active {
	box-shadow: none !important;
	outline: none !important;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
	.btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover,
	.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus,
	.open>.dropdown-toggle.btn-primary:hover, .btn-primary.focus,
	.btn-primary:focus {
	background-color: #0B66CE;
	border: 1px solid #0B66CE;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover,
	.btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover,
	.open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus,
	.open>.dropdown-toggle.btn-success:hover, .btn-success.focus,
	.btn-success:focus {
	background-color: #4ab657;
	border: 1px solid #4ab657;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover,
	.btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover,
	.open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus,
	.open>.dropdown-toggle.btn-info:hover, .btn-info.focus, .btn-info:focus
	{
	/* 	background-color: #028ee1;
	border: 1px solid #028ee1; */
	background-color: #3876bc;
	border: 1px solid #3876bc;
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover,
	.btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover,
	.open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus,
	.open>.dropdown-toggle.btn-warning:hover, .btn-warning.focus,
	.btn-warning:focus {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e;
}

/* .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover,
	.btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover,
	.open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus,
	.open>.dropdown-toggle.btn-danger:hover, .btn-danger.focus, .btn-danger:focus
	{
	background-color: #e6294b;
	border: 1px solid #e6294b;
} */

/* Temporary Edit for UX */
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover,
	.btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover,
	.open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus,
	.open>.dropdown-toggle.btn-danger:hover, .btn-danger.focus, .btn-danger:focus
	{
	background-color: #ffffff;
	border: 1px solid #A0A6B5;
}

/*********************************/
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active,
	.btn-inverse.active, .btn-inverse.focus, .btn-inverse:active,
	.btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse
	{
	background-color: #232a37;
	border: 1px solid #232a37;
}

.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active,
	.btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover, .open>.dropdown-toggle.btn-red
	{
	background-color: #d61f1f;
	border: 1px solid #d61f1f;
	color: #ffffff;
}

.button-box .btn {
	margin: 0 8px 8px 0px;
}

.btn-label {
	background: rgba(0, 0, 0, 0.05);
	display: inline-block;
	margin: -6px 12px -6px -14px;
	padding: 7px 15px;
}

.btn-facebook {
	color: #ffffff;
	background-color: #3b5998;
}

.btn-twitter {
	color: #ffffff;
	background-color: #55acee;
}

.btn-linkedin {
	color: #ffffff;
	background-color: #007bb6;
}

.btn-dribbble {
	color: #ffffff;
	background-color: #ea4c89;
}

.btn-googleplus {
	color: #ffffff;
	background-color: #dd4b39;
}

.btn-instagram {
	color: #ffffff;
	background-color: #3f729b;
}

.btn-pinterest {
	color: #ffffff;
	background-color: #cb2027;
}

.btn-dropbox {
	color: #ffffff;
	background-color: #007ee5;
}

.btn-flickr {
	color: #ffffff;
	background-color: #ff0084;
}

.btn-tumblr {
	color: #ffffff;
	background-color: #32506d;
}

.btn-skype {
	color: #ffffff;
	background-color: #00aff0;
}

.btn-youtube {
	color: #ffffff;
	background-color: #bb0000;
}

.btn-github {
	color: #ffffff;
	background-color: #171515;
}

/*******************
Notification New
*******************/
.notify-1 {
	position: relative;
	top: -15px;
	right: 15px;
	padding: 2px 4px;
	border-radius: 50%;
	/* background: red; */
	background: #202020;
	color: white;
	font-size: 11px;
}

/*******************
Notify
*******************/
.notify {
	position: relative;
	top: -25px;
	right: -7px;
}

.notify .heartbit {
	position: absolute;
	top: -20px;
	right: -4px;
	height: 25px;
	width: 25px;
	z-index: 10;
	border: 5px solid #f62d51;
	border-radius: 70px;
	-moz-animation: heartbit 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-o-animation: heartbit 1s ease-out;
	-o-animation-iteration-count: infinite;
	-webkit-animation: heartbit 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.notify .point {
	width: 6px;
	height: 6px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #f62d51;
	position: absolute;
	right: 6px;
	top: -10px;
}

@
-moz-keyframes heartbit { 0% {
	-moz-transform: scale(0);
	opacity: 0.0;
}

25














%
{
-moz-transform














:














scale














(














0














.1














)












;
opacity














:














0














.1














;
}
50














%
{
-moz-transform














:














scale














(














0














.5














)












;
opacity














:














0














.3














;
}
75














%
{
-moz-transform














:














scale














(














0














.8














)












;
opacity














:














0














.5














;
}
100














%
{
-moz-transform














:














scale














(














1














)












;
opacity














:














0














.0














;
}
}
@
-webkit-keyframes heartbit { 0% {
	-webkit-transform: scale(0);
	opacity: 0.0;
}

25














%
{
-webkit-transform














:














scale














(














0














.1














)












;
opacity














:














0














.1














;
}
50














%
{
-webkit-transform














:














scale














(














0














.5














)












;
opacity














:














0














.3














;
}
75














%
{
-webkit-transform














:














scale














(














0














.8














)












;
opacity














:














0














.5














;
}
100














%
{
-webkit-transform














:














scale














(














1














)












;
opacity














:














0














.0














;
}
}

/*******************
Checkbox
*******************/
.checkbox {
	padding-left: 20px;
	padding-bottom: 20px;
}

.checkbox label {
	display: block;
	padding-left: 5px;
	position: relative;
}

.checkbox label::before {
	-o-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	background-color: #ffffff;
	border-radius: 1px;
	/*border: 1px solid rgba(120, 130, 140, 0.13);*/
	border: 1px solid #9E9E9E;
	content: "";
	display: inline-block;
	height: 17px;
	left: 0;
	top: 3px;
	margin-left: -20px;
	position: absolute;
	transition: 0.3s ease-in-out;
	width: 17px;
	outline: none;
	border-radius: 4px;
}

.checkbox label::after {
	color: #263238;
	display: inline-block;
	font-size: 11px;
	height: 16px;
	left: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	position: absolute;
	top: 1px;
	width: 16px;
}

.checkbox input[type="checkbox"] {
	cursor: pointer;
	opacity: 0;
	z-index: 1;
	position: absolute;
	left: 0px;
	outline: none;
}

.checkbox input[type="checkbox"]:disabled+label {
	opacity: 0.65;
}

.checkbox input[type="checkbox"]:focus+label::before {
	outline-offset: -2px;
	outline: none;
}

.checkbox input[type="checkbox"]:checked+label::after {
	content: "\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

.checkbox input[type="checkbox"]:disabled+label::before {
	background-color: #f2f4f8;
	cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox.checkbox-single label {
	height: 17px;
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
	background-color: #7460ee;
	border-color: #7460ee;
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-danger input[type="checkbox"]:checked+label::before {
	background-color: #f62d51;
	border-color: #f62d51;
}

.checkbox-danger input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-info input[type="checkbox"]:checked+label::before {
	background-color: #009efb;
	border-color: #009efb;
}

.checkbox-info input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-warning input[type="checkbox"]:checked+label::before {
	background-color: #ffbc34;
	border-color: #ffbc34;
}

.checkbox-warning input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-success input[type="checkbox"]:checked+label::before {
	background-color: #55ce63;
	border-color: #55ce63;
}

.checkbox-success input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-purple input[type="checkbox"]:checked+label::before {
	background-color: #7460ee;
	border-color: #7460ee;
}

.checkbox-purple input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-red input[type="checkbox"]:checked+label::before {
	background-color: #f62d51;
	border-color: #f62d51;
}

.checkbox-red input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

.checkbox-inverse input[type="checkbox"]:checked+label::before {
	background-color: #2f3d4a;
	border-color: #2f3d4a;
}

.checkbox-inverse input[type="checkbox"]:checked+label::after {
	color: #ffffff;
}

/*******************
Radios 
*******************/
.radio {
	padding-left: 20px;
}

.radio label {
	display: inline-block;
	padding-left: 5px;
	position: relative;
}

.radio label::before {
	-o-transition: border 0.5s ease-in-out;
	-webkit-transition: border 0.5s ease-in-out;
	background-color: #ffffff;
	border-radius: 50%;
	/* border: 1px solid rgba(120, 130, 140, 0.13); */
	border: 1px solid #9E9E9E;
	content: "";
	display: inline-block;
	height: 17px;
	left: 0;
	margin-left: -20px;
	outline: none;
	position: absolute;
	transition: border 0.5s ease-in-out;
	width: 17px;
	outline: none;
}

.radio label::after {
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-o-transition: -o-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-webkit-transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.3s
		cubic-bezier(0.8, -0.33, 0.2, 1.33);
	background-color: #263238;
	border-radius: 50%;
	content: " ";
	display: inline-block;
	height: 7px;
	left: 5px;
	margin-left: -20px;
	position: absolute;
	top: 5px;
	transform: scale(0, 0);
	transition: -webkit-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33),
		-webkit-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	width: 7px;
}

.radio input[type="radio"] {
	cursor: pointer;
	opacity: 0;
	z-index: 1;
	outline: none;
}

.radio input[type="radio"]:disabled+label {
	opacity: 0.65;
}

.radio input[type="radio"]:focus+label::before {
	outline-offset: -2px;
	outline: none;
}

.radio input[type="radio"]:checked+label::after {
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label::before {
	cursor: not-allowed;
}

.radio.radio-inline {
	margin-top: 0;
}

.radio.radio-single label {
	height: 17px;
}

.radio-primary input[type="radio"]+label::after {
	background-color: #7460ee;
}

.radio-primary input[type="radio"]:checked+label::before {
	border-color: #7460ee;
}

.radio-primary input[type="radio"]:checked+label::after {
	background-color: #7460ee;
}

.radio-danger input[type="radio"]+label::after {
	background-color: #f62d51;
}

.radio-danger input[type="radio"]:checked+label::before {
	border-color: #f62d51;
}

.radio-danger input[type="radio"]:checked+label::after {
	background-color: #f62d51;
}

.radio-info input[type="radio"]+label::after {
	background-color: #009efb;
}

.radio-info input[type="radio"]:checked+label::before {
	border-color: #009efb;
}

.radio-info input[type="radio"]:checked+label::after {
	background-color: #009efb;
}

.radio-warning input[type="radio"]+label::after {
	background-color: #ffbc34;
}

.radio-warning input[type="radio"]:checked+label::before {
	border-color: #ffbc34;
}

.radio-warning input[type="radio"]:checked+label::after {
	background-color: #ffbc34;
}

.radio-success input[type="radio"]+label::after {
	background-color: #55ce63;
}

.radio-success input[type="radio"]:checked+label::before {
	border-color: #55ce63;
}

.radio-success input[type="radio"]:checked+label::after {
	background-color: #55ce63;
}

.radio-purple input[type="radio"]+label::after {
	background-color: #7460ee;
}

.radio-purple input[type="radio"]:checked+label::before {
	border-color: #7460ee;
}

.radio-purple input[type="radio"]:checked+label::after {
	background-color: #7460ee;
}

.radio-red input[type="radio"]+label::after {
	background-color: #f62d51;
}

.radio-red input[type="radio"]:checked+label::before {
	border-color: #f62d51;
}

.radio-red input[type="radio"]:checked+label::after {
	background-color: #f62d51;
}

.checkbox label, .radio label {
	cursor: pointer;
}

.checkBox-padding-top {
	padding-top: 2px;
}

/*******************
File Upload 
******************/
.fileupload {
	overflow: hidden;
	position: relative;
}

.fileupload input.upload {
	cursor: pointer;
	filter: alpha(opacity = 0);
	font-size: 20px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

/*******************
Megamenu
******************/
.mega-dropdown {
	position: static;
	width: 100%;
}

.mega-dropdown .dropdown-menu {
	width: 100%;
	padding: 30px;
	margin-top: 0px;
	background:
		url(../../javascript/resources/images/background/megamenubg.jpg)
		no-repeat right bottom #fff;
}

.mega-dropdown ul {
	padding: 0px;
}

.mega-dropdown ul li {
	list-style: none;
}

.mega-dropdown .carousel-item .container {
	padding: 0px;
}

.mega-dropdown .nav-accordion .card {
	margin-bottom: 1px;
}

.mega-dropdown .nav-accordion .card-header {
	background: #ffffff;
}

.mega-dropdown .nav-accordion .card-header h5 {
	margin: 0px;
}

.mega-dropdown .nav-accordion .card-header h5 a {
	text-decoration: none;
	color: #54667a;
}

/*******************
List-style-none
******************/
ul.list-style-none {
	margin: 0px;
	padding: 0px;
}

ul.list-style-none li {
	list-style: none;
}

ul.list-style-none li a {
	color: #54667a;
	padding: 8px 0px;
	display: block;
	text-decoration: none;
}

ul.list-style-none li a:hover {
	color: #009efb;
}

/*******************
dropdown-item
******************/
.dropdown-item {
	padding: 8px 1rem;
	color: #54667a;
	font-size: 12px;
}

/* .dropdown-item1 {
	padding: 8px 1rem;
	color: #54667a;
	font-size:12px;
} */

/*******************
Custom-select
******************/
.custom-select {
	/* background: url(../images/custom-select.png) right
		0.75rem center no-repeat; */
	
}

/*******************
textarea
******************/
textarea {
	resize: none;
}

/*******************
Form-control
******************/
.form-control {
	color: #111928;
	display: initial;
}

.form-control::placeholder {
	color: #6B7280;
}

.form-control-sm {
	min-height: 20px;
}

.form-control:disabled, .form-control[readonly] {
	opacity: 0.7;
}

.custom-control-input:focus ~ .custom-control-indicator {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.custom-control-input:checked ~ .custom-control-indicator {
	background-color: #55ce63;
}

form label {
	font-weight: 400;
}

.form-group {
	margin-bottom: 25px;
}

.form-horizontal label {
	margin-bottom: 0px;
}

.form-control-static {
	padding-top: 0px;
}

.form-bordered .form-group {
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
	padding-bottom: 20px;
}

/*******************
Layouts
******************/
/*Card-noborders*/
.card-no-border .card {
	border: 0px;
}

.card-no-border .sidebar-footer {
	background: #e5edef;
}

.card-no-border .sidebar-nav>ul>li>a.active {
	background: #ffffff;
}

.card-no-border .shadow-none {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.card-outline-danger, .card-outline-info, .card-outline-warning,
	.card-outline-success, .card-outline-primary {
	background: #ffffff;
}

.card-no-border .card-group .card {
	border: 1px solid rgba(120, 130, 140, 0.13);
}

.card-header {
	background-color: #dae6e8;
}

/*******************/
/*widgets -app*/
/*******************/
.css-bar:after {
	z-index: 1;
}

.css-bar>i {
	z-index: 10;
}

/*******************/
/*single column*/
/*******************/
.single-column .left-sidebar {
	display: none;
}

.single-column .page-wrapper {
	margin-left: 0px;
}

/***********************
 12/02/2018 (New Update)
***********************/
.progress {
	height: auto;
}

.card-group {
	margin-bottom: 30px;
}

/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*============================================================== 
 For all pages 
 ============================================================== */
#main-wrapper {
	width: 100%;
	height: 100%
}

.boxed #main-wrapper {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}

.boxed #main-wrapper .sidebar-footer {
	position: absolute;
}

.boxed #main-wrapper .footer {
	display: none;
}

.page-wrapper {
	background: #f2f7f8;
	padding-bottom: 60px;
	/* padding-top: 60px; */
}

.container-fluid {
	/* padding: 25px 0px; */
	/* max-width: 1280px; */
	/* min-width: 1500px;
	max-width: 1500px; */
	
}

.sidebartoggler {
	display: none;
}

/*******************
 Topbar
*******************/
.topbar {
	position: relative;
	z-index: 50;
}

/* .topbar .top-navbar {
	min-height: 70px;
	min-height: 80px;
	margin: 0 auto;
	max-width: 1280px;
	padding: 0px;
	border-bottom: 2px solid #3876bc;
} */
.topbar .top-navbar {
	/* min-height: 70px; */
	min-height: 80px;
	margin: 0 auto;
	/* max-width: 1280px; */
	padding: 0px;
	box-shadow: 0px 4px 4px rgba(201, 201, 201, 0.25);
}

.topbar .top-navbar .dropdown-toggle::after {
	display: none;
}

.topbar .top-navbar .navbar-header {
	line-height: 65px;
}

.topbar .top-navbar .navbar-header .navbar-brand {
	margin-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
	display: none;
}

.topbar .top-navbar .navbar-header .navbar-brand b {
	line-height: 70px;
	display: inline-block;
}

.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
	padding-left: .75rem;
	padding-right: .75rem;
	font-size: 17px;
	line-height: 50px;
}

.topbar .top-navbar .navbar-nav>.nav-item.show {
	/* background: rgba(0, 0, 0, 0.05); */
}

.topbar .top-navbar .app-search {
	position: relative;
	margin-top: 13px;
	margin-right: 10px;
	display: inline-block;
}

.topbar .top-navbar .app-search input {
	width: 200px;
	border-radius: 100px;
	font-size: 14px;
	-webkit-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}

/* .topbar .top-navbar .app-search input:focus {
	width: 240px;
} */
.topbar .top-navbar .app-search .srh-btn {
	position: absolute;
	top: 8px;
	cursor: pointer;
	background: #ffffff;
	width: 15px;
	height: 15px;
	right: 10px;
	font-size: 14px;
}

.topbar .profile-pic {
	width: 30px;
	border-radius: 100%;
}

.topbar .dropdown-menu {
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
	border-color: rgba(120, 130, 140, 0.13);
}

.topbar .dropdown-menu .dropdown-item {
	padding: 7px 1.5rem;
}

.topbar ul.dropdown-user {
	padding: 0px;
	width: 270px;
}

.topbar ul.dropdown-user li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.topbar ul.dropdown-user li.divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: rgba(120, 130, 140, 0.13);
}

.topbar ul.dropdown-user li .dw-user-box {
	padding: 10px 15px;
}

.topbar ul.dropdown-user li .dw-user-box .u-img {
	width: 80px;
	display: inline-block;
	vertical-align: top;
}

.topbar ul.dropdown-user li .dw-user-box .u-img img {
	width: 100%;
	border-radius: 5px;
}

.topbar ul.dropdown-user li .dw-user-box .u-text {
	display: inline-block;
	padding-left: 10px;
}

.topbar ul.dropdown-user li .dw-user-box .u-text h4 {
	margin: 0px;
}

.topbar ul.dropdown-user li .dw-user-box .u-text p {
	margin-bottom: 2px;
	font-size: 14px;
}

.topbar ul.dropdown-user li .dw-user-box .u-text .btn {
	color: #ffffff;
	padding: 5px 10px;
	display: inline-block;
}

.topbar ul.dropdown-user li .dw-user-box .u-text .btn:hover {
	background: #e6294b;
}

.topbar ul.dropdown-user li a {
	padding: 9px 15px;
	display: block;
	color: #a0a6b5;
}

.topbar ul.dropdown-user li a:hover {
	background: #f2f4f8;
	color: #0B66CE;
	text-decoration: none;
}

.mini-sidebar .top-navbar .navbar-header {
	width: 60px;
	text-align: center;
}

.logo-center .top-navbar .navbar-header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
}

/*******************
 Breadcrumb and page title
*******************/
.page-titles .breadcrumb {
	padding: 0px;
	background: transparent;
}

.page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	content: "\e649";
	font-family: themify;
	color: #a6b7bf;
	font-size: 14px;
}

/*******************
 Right side toggle
*******************/
@
-webkit-keyframes rotate {from { -webkit-transform:rotate(0deg);
	
}

to {
	-webkit-transform: rotate(360deg);
}

}
@
-moz-keyframes rotate {from { -moz-transform:rotate(0deg);
	
}

to {
	-moz-transform: rotate(360deg);
}

}
@
keyframes rotate {from { -webkit-transform:rotate(0deg);
	transform: rotate(0deg);
}

to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}
.right-side-toggle {
	position: relative;
}

.right-side-toggle i {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	animation-name: rotate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	position: absolute;
	top: 9px;
	left: 10px;
}

.right-sidebar {
	position: fixed;
	right: -240px;
	width: 240px;
	display: none;
	z-index: 700; /* 600 for ScreenBlock & 1050 for modal  */
	background: #fff;
	top: 0px;
	/* top: 81px; */
	padding-bottom: 20px;
	height: 100%;
	-webkit-box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* .right-sidebar .rpanel-title {
	display: block;
	padding: 24px 20px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 15px;
	background: #009efb;
	background: #272c33;
} */
.right-sidebar .rpanel-title {
	display: block;
	color: #202020;
	padding: 20px;
	padding-bottom: 0px;
	/* text-transform: uppercase; */
	font-size: 16px;
	font-weight: bold;
	/* background: #009efb; */
	background: #f6f5fb;
}

.right-sidebar .rpanel-title-certify {
	display: block;
	color: #202020;
	padding: 20px;
	padding-bottom: 0px;
	/* text-transform: uppercase; */
	font-size: 18px;
	/* background: #009efb; */
	background: #f6f5fb;
}

.right-sidebar .rpanel-title span {
	float: right;
	cursor: pointer;
	font-size: 11px;
}

.right-sidebar .rpanel-title span:hover {
	color: #ffffff;
}

.right-sidebar .r-panel-body {
	padding: 20px;
	background: #f6f5fb;
}

.right-sidebar .r-panel-body ul {
	margin: 0px;
	padding: 0px;
}

.right-sidebar .r-panel-body ul li {
	list-style: none;
	/* padding: 5px 0; */
}

.shw-rside {
	right: 0px;
	width: 240px;
	display: block;
}

.chatonline img {
	margin-right: 10px;
	float: left;
	width: 30px;
}

.chatonline li a {
	padding: 13px 0;
	float: left;
	width: 100%;
}

.chatonline li a span {
	color: #54667a;
}

.chatonline li a span small {
	display: block;
	font-size: 10px;
}

/*******************
 Right side toggle
*******************/
ul#themecolors {
	display: block;
}

ul#themecolors li {
	display: inline-block;
}

ul#themecolors li:first-child {
	display: block;
}

ul#themecolors li a {
	width: 50px;
	height: 50px;
	display: inline-block;
	margin: 5px;
	color: transparent;
	position: relative;
}

ul#themecolors li a.working:before {
	content: "\f00c";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 18px;
	line-height: 50px;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	color: #ffffff;
	text-align: center;
}

.default-theme {
	background: #90a4ae;
}

.green-theme {
	background: #55ce63;
}

.yellow-theme {
	background: #ffbc34;
}

.red-theme {
	background: #f62d51;
}

.blue-theme {
	background: #009efb;
}

.purple-theme {
	background: #7460ee;
}

.megna-theme {
	background: #01c0c8;
}

.default-dark-theme {
	background: #263238;
	/* Old browsers */
	background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #90a4ae 23%, #90a4ae
		99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #90a4ae 23%,
		#90a4ae 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#263238),
		color-stop(23%, #263238), color-stop(23%, #90a4ae),
		color-stop(99%, #90a4ae));
	background: -o-linear-gradient(left, #263238 0%, #263238 23%, #90a4ae 23%, #90a4ae
		99%);
	background: linear-gradient(to right, #263238 0%, #263238 23%, #90a4ae 23%, #90a4ae
		99%);
}

.green-dark-theme {
	background: #263238;
	/* Old browsers */
	background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #55ce63 23%, #55ce63
		99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #00c292 23%,
		#55ce63 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#263238),
		color-stop(23%, #263238), color-stop(23%, #55ce63),
		color-stop(99%, #55ce63));
	background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #55ce63 23%,
		#55ce63 99%);
	background: -o-linear-gradient(left, #263238 0%, #263238 23%, #55ce63 23%, #55ce63
		99%);
	background: linear-gradient(to right, #263238 0%, #263238 23%, #55ce63 23%, #55ce63
		99%);
}

.yellow-dark-theme {
	background: #263238;
	/* Old browsers */
	background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #f62d51 23%, #f62d51
		99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #f62d51 23%,
		#f62d51 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#263238),
		color-stop(23%, #263238), color-stop(23%, #f62d51),
		color-stop(99%, #f62d51));
	background: -o-linear-gradient(left, #263238 0%, #263238 23%, #f62d51 23%, #f62d51
		99%);
	background: linear-gradient(to right, #263238 0%, #263238 23%, #f62d51 23%, #f62d51
		99%);
}

.blue-dark-theme {
	background: #263238;
	/* Old browsers */
	background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #009efb 23%, #009efb
		99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #009efb 23%,
		#009efb 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#263238),
		color-stop(23%, #263238), color-stop(23%, #009efb),
		color-stop(99%, #009efb));
	background: -o-linear-gradient(left, #263238 0%, #263238 23%, #009efb 23%, #009efb
		99%);
	background: linear-gradient(to right, #263238 0%, #263238 23%, #009efb 23%, #009efb
		99%);
}

.purple-dark-theme {
	background: #263238;
	/* Old browsers */
	background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #7460ee 23%, #7460ee
		99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #7460ee 23%,
		#7460ee 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#263238),
		color-stop(23%, #263238), color-stop(23%, #7460ee),
		color-stop(99%, #7460ee));
	background: -o-linear-gradient(left, #263238 0%, #263238 23%, #7460ee 23%, #7460ee
		99%);
	background: linear-gradient(to right, #263238 0%, #263238 23%, #7460ee 23%, #7460ee
		99%);
}

.megna-dark-theme {
	background: #263238;
	/* Old browsers */
	background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #01c0c8 23%, #01c0c8
		99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #01c0c8 23%,
		#01c0c8 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#263238),
		color-stop(23%, #263238), color-stop(23%, #01c0c8),
		color-stop(99%, #01c0c8));
	background: -o-linear-gradient(left, #263238 0%, #263238 23%, #01c0c8 23%, #01c0c8
		99%);
	background: linear-gradient(to right, #263238 0%, #263238 23%, #01c0c8 23%, #01c0c8
		99%);
}

.red-dark-theme {
	background: #263238;
	/* Old browsers */
	background: -moz-linear-gradient(left, #263238 0%, #263238 23%, #f62d51 23%, #f62d51
		99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #263238 0%, #263238 23%, #f62d51 23%,
		#f62d51 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, right top, from(#263238),
		color-stop(23%, #263238), color-stop(23%, #f62d51),
		color-stop(99%, #f62d51));
	background: -o-linear-gradient(left, #263238 0%, #263238 23%, #f62d51 23%, #f62d51
		99%);
	background: linear-gradient(to right, #263238 0%, #263238 23%, #f62d51 23%, #f62d51
		99%);
}

/*******************
 page title
*******************/
.page-titles {
	padding-bottom: 20px;
}

/*******************
 Footer
*******************/
.footer {
	bottom: 0;
	color: #54667a;
	left: 0px;
	text-align: center;
	padding: 7px 5px;
	position: absolute;
	right: 0;
	border-top: 1px solid rgba(120, 130, 140, 0.13);
	background: #ffffff;
}

/*******************
 Card title
*******************/
.card {
	margin-bottom: 30px;
}

.card .card-subtitle {
	font-weight: 300;
	margin-bottom: 15px;
	color: #90a4ae;
}

.card-inverse .card-blockquote .blockquote-footer, .card-inverse .card-link,
	.card-inverse .card-subtitle, .card-inverse .card-text {
	color: rgba(255, 255, 255, 0.65);
}

.card-success {
	background: #55ce63;
	border-color: #55ce63;
}

.card-danger {
	background: #f62d51;
	border-color: #f62d51;
}

.card-warning {
	background: #ffbc34;
	border-color: #ffbc34;
}

.card-info {
	background: #009efb;
	border-color: #009efb;
}

.card-primary {
	background: #7460ee;
	border-color: #7460ee;
}

.card-dark {
	background: #2f3d4a;
	border-color: #2f3d4a;
}

.card-megna {
	background: #01c0c8;
	border-color: #01c0c8;
}

/*============================================================== 
 Buttons page
 ============================================================== */
.button-group .btn {
	margin-bottom: 5px;
	margin-right: 5px;
}

.no-button-group .btn {
	margin-bottom: 5px;
	margin-right: 0px;
}

.btn .text-active {
	display: none;
}

.btn.active .text-active {
	display: inline-block;
}

.btn.active .text {
	display: none;
}

/*============================================================== 
 Cards page
 ============================================================== */
.card-actions {
	float: right;
}

.card-actions a {
	cursor: pointer;
	color: #54667a;
	opacity: 0.7;
	padding-left: 7px;
	font-size: 13px;
}

.card-actions a:hover {
	opacity: 1;
}

.card-columns .card {
	margin-bottom: 20px;
}

.collapsing {
	-webkit-transition: height .08s ease;
	-o-transition: height .08s ease;
	transition: height .08s ease;
}

.card-info {
	background: #009efb;
	border-color: #009efb;
}

.card-primary {
	background: #7460ee;
	border-color: #7460ee;
}

.card-outline-info {
	border-color: #009efb;
}

.card-outline-info .card-header {
	background: #009efb;
	border-color: #009efb;
}

.card-outline-inverse {
	border-color: #2f3d4a;
}

.card-outline-inverse .card-header {
	background: #2f3d4a;
	border-color: #2f3d4a;
}

.card-outline-warning {
	border-color: #ffbc34;
}

.card-outline-warning .card-header {
	background: #ffbc34;
	border-color: #ffbc34;
}

.card-outline-success {
	border-color: #55ce63;
}

.card-outline-success .card-header {
	background: #55ce63;
	border-color: #55ce63;
}

.card-outline-danger {
	border-color: #f62d51;
}

.card-outline-danger .card-header {
	background: #f62d51;
	border-color: #f62d51;
}

.card-outline-primary {
	border-color: #7460ee;
}

.card-outline-primary .card-header {
	background: #7460ee;
	border-color: #7460ee;
}

/*============================================================== 
Breadcrumb
 ============================================================== */
.bc-colored .breadcrumb-item, .bc-colored .breadcrumb-item a {
	color: #ffffff;
}

.bc-colored .breadcrumb-item.active, .bc-colored .breadcrumb-item a.active
	{
	opacity: 0.7;
}

.bc-colored .breadcrumb-item+.breadcrumb-item::before {
	color: rgba(255, 255, 255, 0.4);
}

.breadcrumb {
	margin-bottom: 0px;
}

/*============================================================== 
 Ui-bootstrap
 ============================================================== */
ul.list-icons {
	margin: 0px;
	padding: 0px;
}

ul.list-icons li {
	list-style: none;
	line-height: 30px;
	margin: 5px 0;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

ul.list-icons li a {
	color: #54667a;
}

ul.list-icons li a:hover {
	color: #009efb;
}

ul.list-icons li i {
	font-size: 13px;
	padding-right: 8px;
}

ul.list-inline li {
	display: inline-block;
	padding: 0 8px;
}

ul.two-part {
	margin: 0px;
}

ul.two-part li {
	width: 48.8%;
}

/*Accordion*/
html body .accordion .card {
	margin-bottom: 0px;
}

/*============================================================== 
 flot chart
 ============================================================== */
.flot-chart {
	display: block;
	height: 400px;
}

.flot-chart-content {
	width: 100%;
	height: 100%;
}

html body .jqstooltip, html body .flotTip {
	width: auto !important;
	height: auto !important;
	background: #263238;
	color: #ffffff;
	padding: 5px 10px;
}

/*============================================================== 
Easy pie chart 
 ============================================================== */
.chart {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.chart.chart-widget-pie {
	margin-top: 5px;
	margin-bottom: 5px;
}

.pie-chart>span {
	left: 0;
	margin-top: -2px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.chart>span>img {
	left: 0;
	margin-top: -2px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	width: 60%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
}

.percent {
	display: inline-block;
	line-height: 100px;
	z-index: 2;
	font-weight: 600;
	font-size: 18px;
	color: #263238;
}

.percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: .8em;
}

/*============================================================== 
Dashboard1 chart
 ============================================================== */
.total-revenue, .income-year, .total-revenue2 {
	position: relative;
}

.total-revenue .chartist-tooltip, .income-year .chartist-tooltip,
	.total-revenue2 .chartist-tooltip {
	border-radius: 60px;
}

.total-revenue .ct-series-a .ct-line, .income-year .ct-series-a .ct-line,
	.total-revenue2 .ct-series-a .ct-line {
	stroke: #009efb;
	stroke-width: 2px;
}

.total-revenue .ct-series-a .ct-point, .income-year .ct-series-a .ct-point,
	.total-revenue2 .ct-series-a .ct-point {
	stroke: #009efb;
	stroke-width: 7px;
}

.total-revenue .ct-series-b .ct-line, .income-year .ct-series-b .ct-line,
	.total-revenue2 .ct-series-b .ct-line {
	stroke: #55ce63;
	stroke-width: 2px;
}

.total-revenue .ct-series-b .ct-point, .income-year .ct-series-b .ct-point,
	.total-revenue2 .ct-series-b .ct-point {
	stroke: #55ce63;
	stroke-width: 7px;
}

.total-revenue .ct-series-a .ct-area, .total-revenue .ct-series-b .ct-area,
	.income-year .ct-series-a .ct-area, .income-year .ct-series-b .ct-area,
	.total-revenue2 .ct-series-a .ct-area, .total-revenue2 .ct-series-b .ct-area
	{
	fill: transparent;
}

.income-year .ct-series-a .ct-bar {
	stroke: #009efb;
}

.income-year .ct-series-b .ct-bar {
	stroke: #55ce63;
}

#sales-donute {
	position: relative;
}

#sales-donute path, #sales-donute fill {
	stroke-width: 0px;
}

.round-overlap {
	width: 150px;
	border: 2px solid rgba(120, 130, 140, 0.13);
	height: 150px;
	position: absolute;
	border-radius: 100%;
	font-size: 35px;
	text-align: center;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	top: 25%;
}

.round-overlap i {
	line-height: 150px;
}

.stylish-table thead th {
	font-weight: 400;
	color: #90a4ae;
	border: 0px;
	border-bottom: 1px;
}

.stylish-table tbody tr {
	border-left: 4px solid #ffffff;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
	border-left: 4px solid #009efb;
}

.stylish-table tbody td {
	vertical-align: middle;
}

.stylish-table tbody td h6 {
	font-weight: 500;
	margin-bottom: 0px;
	white-space: nowrap;
}

.stylish-table tbody td small {
	line-height: 12px;
	white-space: nowrap;
}

/*============================================================== 
Dashboard2 chart
 ============================================================== */
.total-revenue2 .ct-series-a .ct-area {
	fill: #e8fdeb;
}

.total-revenue2 .ct-series-b .ct-area {
	fill: #e8fdeb;
}

/*============================================================== 
Dashboard3 chart
 ============================================================== */
.total-sales {
	position: relative;
}

.total-sales .chartist-tooltip {
	background: #55ce63;
}

.total-sales .ct-series-a .ct-bar {
	stroke: #0f8edd;
}

.total-sales .ct-series-b .ct-bar {
	stroke: #11a0f8;
}

.total-sales .ct-series-c .ct-bar {
	stroke: #51bdff;
}

.ct-chart {
	position: relative;
}

.ct-chart .ct-series-a .ct-slice-donut {
	stroke: #55ce63;
}

.ct-chart .ct-series-b .ct-slice-donut {
	stroke: #f2f4f8;
}

.ct-chart .ct-series-c .ct-slice-donut {
	stroke: #009efb;
}

#visitfromworld path.jvectormap-region.jvectormap-element {
	stroke-width: 1px;
	stroke: #90a4ae;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
	background: #90a4ae;
}

.browser td {
	vertical-align: middle;
	padding-left: 0px;
}

#calendar .fc-today-button {
	display: none;
}

/*============================================================== 
Dashboard4 chart
 ============================================================== */
.total-revenue4 {
	position: relative;
}

.total-revenue4 .ct-series-a .ct-line {
	stroke: #009efb;
	stroke-width: 1px;
}

.total-revenue4 .ct-series-a .ct-point {
	stroke: #009efb;
	stroke-width: 5px;
}

.total-revenue4 .ct-series-b .ct-line {
	stroke: #55ce63;
	stroke-width: 1px;
}

.total-revenue4 .ct-series-b .ct-point {
	stroke: #55ce63;
	stroke-width: 5px;
}

.total-revenue4 .ct-series-a .ct-area {
	fill: #009efb;
	fill-opacity: 0.2;
}

.total-revenue4 .ct-series-b .ct-area {
	fill: #55ce63;
	fill-opacity: 0.2;
}

/*============================================================== 
Widget-data
 ============================================================== */
.sparkchart {
	margin-bottom: -2px;
}

/*============================================================== 
File upload
 ============================================================== */
.btn-file {
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}

.btn-file>input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	font-size: 23px;
	height: 100%;
	width: 100%;
	direction: ltr;
	cursor: pointer;
	border-radius: 0px;
}

.fileinput .input-group-addon {
	border-right: 1px solid rgba(120, 130, 140, 0.13);
}

.fileinput .form-control {
	padding-top: 7px;
	padding-bottom: 5px;
	display: inline-block;
	margin-bottom: 0px;
	vertical-align: middle;
	cursor: text;
}

.fileinput .thumbnail {
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: middle;
	text-align: center;
}

.fileinput .thumbnail>img {
	max-height: 100%;
}

.fileinput .btn {
	vertical-align: middle;
}

.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
	display: none;
}

.fileinput-inline .fileinput-controls {
	display: inline;
}

.fileinput-filename {
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
}

.form-control .fileinput-filename {
	vertical-align: bottom;
}

.fileinput.input-group>* {
	position: relative;
	z-index: 2;
}

.fileinput.input-group>.btn-file {
	z-index: 1;
}

/*============================================================== 
widget-chart-page product review
 ============================================================== */
.product-review {
	margin: 0px;
	padding: 25px;
}

.product-review li {
	display: block;
	padding: 20px 0;
	list-style: none;
}

.product-review li .font, .product-review li span {
	display: inline-block;
	margin-left: 10px;
}

.social-profile {
	text-align: center;
	background: rgba(7, 10, 43, 0.8);
}

.profile-tab li a.nav-link, .customtab li a.nav-link {
	border: 0px;
	padding: 15px 20px;
	color: #374151;
    font-weight: 400;
    line-height: 24px;
}

.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
	border-bottom: 2px solid #009efb;
	color: #009efb;
}

.profile-tab li a.nav-link:hover, .customtab li a.nav-link:hover {
	color: #009efb;
}

/*============================================================== 
Form addons page
============================================================== */
/*Bootstrap select*/
.bootstrap-select












































































:not






































 






































(
[class*=col-]






































 






































)
:not






































 






































(
[class*=form-control]






































 






































)
:not







































	






































(
.input-group-btn






































 






































) {
	width: 100%;
}

.bootstrap-select .dropdown-menu li a {
	display: block;
	padding: 7px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #54667a;
	white-space: nowrap;
}

.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a:focus
	{
	color: #009efb;
	background: #f2f4f8;
}

.bootstrap-select .show>.dropdown-menu {
	display: block;
}

.bootstrap-select .btn-secondary {
	background-color: #ffffff;
}

.bootstrap-select .btn-secondary:hover {
	color: #54667a;
}

.select2-container--default .select2-selection--single {
	border-color: #d9d9d9;
	height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
	{
	line-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
	{
	height: 33px;
}

.input-form .btn {
	padding: 10px 12px;
}

/*============================================================== 
Form Material page
 ============================================================== */
/*Material inputs*/
.form-material .form-group {
	overflow: hidden;
}

.form-material .form-control {
	background-color: rgba(0, 0, 0, 0);
	background-position: center bottom, center calc(100% - 1px);
	background-repeat: no-repeat;
	background-size: 0 2px, 100% 1px;
	padding: 0;
	-webkit-transition: background 0s ease-out 0s;
	-o-transition: background 0s ease-out 0s;
	transition: background 0s ease-out 0s;
	height: calc(2.25rem + 2px);
}

.form-material .form-control, .form-material .form-control.focus,
	.form-material .form-control:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb),
		to(#009efb)),
		-webkit-gradient(linear, left top, left bottom, from(#d9d9d9),
		to(#d9d9d9));
	background-image: -webkit-linear-gradient(#009efb, #009efb),
		-webkit-linear-gradient(#d9d9d9, #d9d9d9);
	background-image: -o-linear-gradient(#009efb, #009efb),
		-o-linear-gradient(#d9d9d9, #d9d9d9);
	background-image: linear-gradient(#009efb, #009efb),
		linear-gradient(#d9d9d9, #d9d9d9);
	border: 0 none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: none;
}

.form-material .form-control.focus, .form-material .form-control:focus {
	background-size: 100% 2px, 100% 1px;
	outline: 0 none;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.form-control-line .form-group {
	overflow: hidden;
}

.form-control-line .form-control {
	border: 0px;
	border-radius: 0px;
	padding-left: 0px;
	border-bottom: 1px solid #d9d9d9;
}

.form-control-line .form-control:focus {
	border-bottom: 1px solid #009efb;
}

/*******************/
/*Floating Label*/
/*******************/
.floating-labels .form-group {
	position: relative;
}

.floating-labels .form-control {
	padding: 10px 10px 10px 0;
	display: block;
	border: none;
	font-family: "Rubik", sans-serif;
	border-radius: 0px;
	border-bottom: 1px solid #d9d9d9;
}

.floating-labels .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.floating-labels select.form-control>option {
	font-size: 14px;
}

.floating-labels .has-error .form-control {
	border-bottom: 1px solid #f62d51;
}

.floating-labels .has-warning .form-control {
	border-bottom: 1px solid #ffbc34;
}

.floating-labels .has-success .form-control {
	border-bottom: 1px solid #55ce63;
}

.floating-labels .form-control:focus {
	outline: none;
	border: none;
}

.floating-labels label {
	color: #54667a;
	position: absolute;
	cursor: auto;
	top: 5px;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.floating-labels .form-control:focus ~ label, .floating-labels .form-control:valid 
	 ~ label {
	top: -20px;
	font-size: 12px;
	color: #263238;
}

.floating-labels .bar {
	position: relative;
	display: block;
}

.floating-labels .bar:before, .floating-labels .bar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #009efb;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.floating-labels .bar:before {
	left: 50%;
}

.floating-labels .bar:after {
	right: 50%;
}

.floating-labels .form-control:focus ~ .bar:before, .floating-labels .form-control:focus 
	 ~ .bar:after {
	width: 50%;
}

.floating-labels .highlight {
	position: absolute;
	height: 60%;
	width: 100px;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

.floating-labels .input-lg ~ label, .floating-labels .input-lg {
	font-size: 24px;
}

.floating-labels .input-sm ~ label, .floating-labels .input-sm {
	font-size: 16px;
}

.has-warning .bar:before, .has-warning .bar:after {
	background: #ffbc34;
}

.has-success .bar:before, .has-success .bar:after {
	background: #55ce63;
}

.has-error .bar:before, .has-error .bar:after {
	background: #f62d51;
}

.has-warning .form-control:focus ~ label, .has-warning .form-control:valid 
	 ~ label {
	color: #ffbc34;
}

.has-success .form-control:focus ~ label, .has-success .form-control:valid 
	 ~ label {
	color: #55ce63;
}

.has-error .form-control:focus ~ label, .has-error .form-control:valid 
	 ~ label {
	color: #f62d51;
}

.has-feedback label ~ .t-0 {
	top: 0;
}

.form-group.error input, .form-group.error select, .form-group.error textarea
	{
	border: 1px solid #f62d51;
}

.form-group.validate input, .form-group.validate select, .form-group.validate textarea
	{
	border: 1px solid #55ce63;
}

.form-group.error .help-block ul {
	padding: 0px;
	color: #f62d51;
}

.form-group.error .help-block ul li {
	list-style: none;
}

.form-group.issue .help-block ul {
	padding: 0px;
	color: #ffbc34;
}

.form-group.issue .help-block ul li {
	list-style: none;
}

/*******************
Pagination
******************/
.pagination-circle li.active a {
	background: #55ce63;
}

.pagination-circle li a {
	width: 40px;
	height: 40px;
	background: #f2f4f8;
	border: 0px;
	text-align: center;
	border-radius: 100%;
}

.pagination-circle li a:first-child, .pagination-circle li a:last-child
	{
	border-radius: 100%;
}

.pagination-circle li a:hover {
	background: #55ce63;
	color: #ffffff;
}

.pagination-circle li.disabled a {
	background: #f2f4f8;
	color: rgba(120, 130, 140, 0.13);
}

/*******************
Form Dropzone
******************/
.dropzone {
	border: 1px dashed #d9d9d9;
}

.dropzone .dz-message {
	padding: 5% 0;
	margin: 0px;
}

/*******************
Form Pickers
******************/
.asColorPicker-dropdown {
	max-width: 260px;
}

.asColorPicker-trigger {
	position: absolute;
	top: 0;
	right: -35px;
	height: 38px;
	width: 37px;
	border: 0;
}

.asColorPicker-clear {
	display: none;
	position: absolute;
	top: 5px;
	right: 10px;
	text-decoration: none;
}

table th {
	font-weight: 400;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #009efb;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled,
	.datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover
	{
	background: #009efb;
	color: #ffffff;
}

.datepicker td, .datepicker th {
	padding: 5px 10px;
}

/*******************
Form icheck
******************/
.icolors, .icheck-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.icolors>li {
	padding: 0;
	margin: 2px;
	float: left;
	display: inline-block;
	height: 30px;
	width: 30px;
	background: #263238;
	text-align: center;
}

.icolors>li.active:after {
	content: "\2713 ";
	color: #ffffff;
	line-height: 30px;
}

.icolors>li:first-child {
	margin-left: 0;
}

.icolors>li.orange {
	background: #f62d51;
}

.icolors>li.yellow {
	background: #ffbc34;
}

.icolors>li.info {
	background: #009efb;
}

.icolors>li.green {
	background: #55ce63;
}

.icolors>li.red {
	background: #fb3a3a;
}

.icolors>li.purple {
	background: #7460ee;
}

.icolors>li.blue {
	background: #02bec9;
}

.icheck-list {
	float: left;
	padding-right: 50px;
	padding-top: 10px;
}

.icheck-list li {
	padding-bottom: 5px;
}

.icheck-list li label {
	padding-left: 10px;
}

/*******************
Form summernote
******************/
.note-popover, .note-icon-caret {
	display: none;
}

.note-editor.note-frame {
	border: 1px solid #d9d9d9;
}

.note-editor.note-frame .panel-heading {
	padding: 6px 10px 10px;
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
}

.label {
	display: inline-block;
}

/*******************
Table-Layout
******************/
.table thead th, .table th {
	border: 0px;
}

.color-table.primary-table thead th {
	background-color: #7460ee;
	/*  background-color: #ffffff; */
	color: #ffffff;
}

.table-striped tbody tr:nth-of-type(odd) {
	/* background: #f2f4f8; */
	background: #ffffff;
}

.table-striped tbody tr:nth-of-type(even) {
	/* background: #f2f4f8; */
	background: #ffffff;
}

.color-table.success-table thead th {
	background-color: #55ce63;
	color: #ffffff;
}

.color-table.info-table thead th {
	background-color: #009efb;
	color: #ffffff;
}

.color-table.warning-table thead th {
	background-color: #ffbc34;
	color: #ffffff;
}

.color-table.danger-table thead th {
	background-color: #f62d51;
	/* 	background-color: #ffffff; */
	color: #ffffff;
}

.color-table.inverse-table thead th {
	background-color: #2f3d4a;
	/* background-color: #ffffff; */
	color: #ffffff;
}

.color-table.dark-table thead th {
	background-color: #263238;
	color: #ffffff;
}

.color-table.red-table thead th {
	background-color: #fb3a3a;
	color: #ffffff;
}

.color-table.purple-table thead th {
	background-color: #7460ee;
	color: #ffffff;
}

.color-table.muted-table thead th {
	background-color: #90a4ae;
	color: #ffffff;
}

.color-bordered-table.primary-bordered-table {
	border: 2px solid #7460ee;
}

.color-bordered-table.primary-bordered-table thead th {
	background-color: #7460ee;
	color: #ffffff;
}

.color-bordered-table.success-bordered-table {
	border: 2px solid #55ce63;
}

.color-bordered-table.success-bordered-table thead th {
	background-color: #55ce63;
	color: #ffffff;
}

.color-bordered-table.info-bordered-table {
	border: 2px solid #009efb;
}

.color-bordered-table.info-bordered-table thead th {
	background-color: #009efb;
	color: #ffffff;
}

.color-bordered-table.warning-bordered-table {
	border: 2px solid #ffbc34;
}

.color-bordered-table.warning-bordered-table thead th {
	background-color: #ffbc34;
	color: #ffffff;
}

.color-bordered-table.danger-bordered-table {
	border: 2px solid #f62d51;
}

.color-bordered-table.danger-bordered-table thead th {
	background-color: #f62d51;
	color: #ffffff;
}

.color-bordered-table.inverse-bordered-table {
	border: 2px solid #2f3d4a;
}

.color-bordered-table.inverse-bordered-table thead th {
	background-color: #2f3d4a;
	color: #ffffff;
}

.color-bordered-table.dark-bordered-table {
	border: 2px solid #263238;
}

.color-bordered-table.dark-bordered-table thead th {
	background-color: #263238;
	color: #ffffff;
}

.color-bordered-table.red-bordered-table {
	border: 2px solid #fb3a3a;
}

.color-bordered-table.red-bordered-table thead th {
	background-color: #fb3a3a;
	color: #ffffff;
}

.color-bordered-table.purple-bordered-table {
	border: 2px solid #7460ee;
}

.color-bordered-table.purple-bordered-table thead th {
	background-color: #7460ee;
	color: #ffffff;
}

.color-bordered-table.muted-bordered-table {
	border: 2px solid #90a4ae;
}

.color-bordered-table.muted-bordered-table thead th {
	background-color: #90a4ae;
	color: #ffffff;
}

.full-color-table.full-primary-table {
	background-color: #f1effd;
}

.full-color-table.full-primary-table thead th {
	background-color: #7460ee;
	border: 0;
	color: #ffffff;
}

.full-color-table.full-primary-table tbody td {
	border: 0;
}

.full-color-table.full-primary-table tr:hover {
	background-color: #7460ee;
	color: #ffffff;
}

.full-color-table.full-success-table {
	background-color: #e8fdeb;
}

.full-color-table.full-success-table thead th {
	background-color: #55ce63;
	border: 0;
	color: #ffffff;
}

.full-color-table.full-success-table tbody td {
	border: 0;
}

.full-color-table.full-success-table tr:hover {
	background-color: #55ce63;
	color: #ffffff;
}

.full-color-table.full-info-table {
	background-color: #cfecfe;
}

.full-color-table.full-info-table thead th {
	background-color: #009efb;
	border: 0;
	color: #ffffff;
}

.full-color-table.full-info-table tbody td {
	border: 0;
}

.full-color-table.full-info-table tr:hover {
	background-color: #009efb;
	color: #ffffff;
}

.full-color-table.full-warning-table {
	background-color: #fff8ec;
}

.full-color-table.full-warning-table thead th {
	background-color: #ffbc34;
	border: 0;
	color: #ffffff;
}

.full-color-table.full-warning-table tbody td {
	border: 0;
}

.full-color-table.full-warning-table tr:hover {
	background-color: #ffbc34;
	color: #ffffff;
}

.full-color-table.full-danger-table {
	background-color: #f9e7eb;
}

.full-color-table.full-danger-table thead th {
	background-color: #f62d51;
	border: 0;
	color: #ffffff;
}

.full-color-table.full-danger-table tbody td {
	border: 0;
}

.full-color-table.full-danger-table tr:hover {
	background-color: #f62d51;
	color: #ffffff;
}

.full-color-table.full-inverse-table {
	background-color: #f6f6f6;
}

.full-color-table.full-inverse-table thead th {
	background-color: #2f3d4a;
	border: 0;
	color: #ffffff;
}

.full-color-table.full-inverse-table tbody td {
	border: 0;
}

.full-color-table.full-inverse-table tr:hover {
	background-color: #2f3d4a;
	color: #ffffff;
}

.full-color-table.full-dark-table {
	background-color: rgba(43, 43, 43, 0.8);
}

.full-color-table.full-dark-table thead th {
	background-color: #263238;
	border: 0;
	color: #ffffff;
}

.full-color-table.full-dark-table tbody td {
	border: 0;
	color: #ffffff;
}

.full-color-table.full-dark-table tr:hover {
	background-color: #263238;
	color: #ffffff;
}

.full-color-table.full-red-table {
	background-color: #f9e7eb;
}

.full-color-table.full-red-table thead th {
	background-color: #fb3a3a;
	border: 0;
	color: #ffffff;
}

.full-color-table.full-red-table tbody td {
	border: 0;
}

.full-color-table.full-red-table tr:hover {
	background-color: #fb3a3a;
	color: #ffffff;
}

.full-color-table.full-purple-table {
	background-color: #f1effd;
}

.full-color-table.full-purple-table thead th {
	background-color: #7460ee;
	border: 0;
	color: #ffffff;
}

.full-color-table.full-purple-table tbody td {
	border: 0;
}

.full-color-table.full-purple-table tr:hover {
	background-color: #7460ee;
	color: #ffffff;
}

.full-color-table.full-muted-table {
	background-color: rgba(152, 166, 173, 0.2);
}

.full-color-table.full-muted-table thead th {
	background-color: #90a4ae;
	border: 0;
	color: #ffffff;
}

.full-color-table.full-muted-table tbody td {
	border: 0;
}

.full-color-table.full-muted-table tr:hover {
	background-color: #90a4ae;
	color: #ffffff;
}

/*******************
Table-Data Table
******************/
.dt-buttons {
	display: inline-block;
	padding-top: 5px;
}

.dt-buttons .dt-button {
	padding: 5px 15px;
	border-radius: 4px;
	background: #009efb;
	color: #ffffff;
	margin-right: 3px;
}

.dt-buttons .dt-button:hover {
	background: #2f3d4a;
}

.dataTables_info, .dataTables_length {
	display: inline-block;
}

.dataTables_filter {
	float: right;
}

.dataTables_filter input {
	border: 1px solid #d9d9d9;
}

/* table.dataTable thead .sorting, table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled,
	table.dataTable thead .sorting_desc_disabled {
	background: transparent;
} */
.dataTables_wrapper .dataTables_paginate {
	float: right;
	text-align: right;
	padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.5em 1em;
	margin-left: 2px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	*cursor: hand;
	color: #54667a;
	border: 1px solid transparent;
	border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
	.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
	{
	color: #ffffff;
	border: 1px solid #009efb;
	background-color: #009efb;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active
	{
	cursor: default;
	color: #54667a;
	border: 1px solid transparent;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: white;
	border: 1px solid #7460ee;
	background-color: #7460ee;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	outline: none;
	background-color: #54667a;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
	padding: 0 1em;
}

/*******************
Table- responsive
******************/
.tablesaw-bar .btn-group label {
	color: #54667a !important;
}

/*******************
Table- editable table
******************/
.dt-bootstrap {
	display: block;
}

.paging_simple_numbers .pagination .paginate_button {
	padding: 0px;
	background: #ffffff;
}

.paging_simple_numbers .pagination .paginate_button:hover {
	background: #ffffff;
}

.paging_simple_numbers .pagination .paginate_button a {
	padding: 5px 10px;
	border-radius: 4px;
	border: 0px;
}

.paging_simple_numbers .pagination .paginate_button.active a,
	.paging_simple_numbers .pagination .paginate_button:hover a {
	background: #3876bc;
	color: #ffffff;
}

/*******************
Table- Footable
******************/
#demo-foo-accordion .open>.dropdown-menu {
	display: block;
}

#demo-foo-accordion2 .open>.dropdown-menu {
	display: block;
}

#footable-addrow .open>.dropdown-menu {
	display: block;
}

table.footable thead tr.footable-filtering th ul.dropdown-menu li a.checkbox
	{
	padding-left: 0;
}

table.footable thead tr.footable-filtering th ul.dropdown-menu li a.checkbox input[type=checkbox]
	{
	position: relative;
	margin-right: 10px;
	margin-left: -20px;
	left: 0;
	opacity: 1;
}

table.footable thead tr.footable-filtering th ul.dropdown-menu li .checkbox label::before
	{
	display: none;
}

.footable .pagination li a {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #0275d8;
	background-color: #ffffff;
	border: 1px solid #ddd;
}

.footable .pagination li.active a {
	z-index: 2;
	color: #fff;
	background-color: #0275d8;
	border-color: #0275d8;
}

.footable .pagination li.disabled a {
	color: #636c72;
	pointer-events: none;
	cursor: not-allowed;
	background-color: #ffffff;
	border-color: #ddd;
}

.footable .pagination li:first-child a {
	margin-left: 0;
	border-bottom-left-radius: .25rem;
	border-top-left-radius: .25rem;
}

/*******************
Icon list fontawesom
******************/
.icon-list-demo div {
	cursor: pointer;
	line-height: 60px;
	white-space: nowrap;
	color: #54667a;
}

.icon-list-demo div:hover {
	color: #263238;
}

.icon-list-demo div p {
	margin: 10px 0;
	padding: 5px 0;
}

.icon-list-demo i {
	-webkit-transition: all 0.2s;
	-webkit-transition: font-size .2s;
	display: inline-block;
	font-size: 18px;
	margin: 0 15px 0 10px;
	text-align: left;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	-o-transition: font-size .2s;
	transition: font-size .2s;
	vertical-align: middle;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.icon-list-demo .col-md-4, .icon-list-demo .col-3 {
	border-radius: 4px;
}

.icon-list-demo .col-md-4:hover, .icon-list-demo .col-3:hover {
	background-color: #ebf3f5;
}

.icon-list-demo .div:hover i {
	font-size: 2em;
}

/*******************
Icon list material icon
******************/
.material-icon-list-demo .mdi {
	font-size: 21px;
}

/*******************
Gridstack Dragable portlet
******************/
.grid-stack-item-content {
	background: #fff;
	color: #2b2b2b;
	text-align: center;
	font-size: 20px;
}

.grid-stack>.grid-stack-item>.grid-stack-item-content {
	border: 1px solid rgba(120, 130, 140, 0.13);
}

/*******************
Bootstrap Switch
******************/
.bootstrap-switch, .bootstrap-switch .bootstrap-switch-container {
	border-radius: 2px;
}

.bootstrap-switch .bootstrap-switch-handle-on {
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

.bootstrap-switch .bootstrap-switch-handle-off {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
	.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
	{
	color: #ffffff;
	background: #7460ee;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
	.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
	color: #ffffff;
	background: #009efb;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
	.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success
	{
	color: #ffffff;
	background: #55ce63;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
	.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning
	{
	color: #ffffff;
	background: #ffbc34;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
	.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
	color: #ffffff;
	background: #f62d51;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
	.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default
	{
	color: #263238;
	background: #f2f4f8;
}

.onoffswitch {
	position: relative;
	width: 90px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #55ce63;
	border-radius: 20px;
}

.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 30px;
	padding: 0;
	line-height: 30px;
	font-size: 14px;
	color: white;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "ON";
	padding-left: 27px;
	background-color: #55ce63;
	color: #FFFFFF;
}

.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 24px;
	background-color: #EEEEEE;
	color: #999999;
	text-align: right;
}

.onoffswitch-switch {
	display: block;
	width: 23px;
	margin: 6px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 56px;
	border: 2px solid #55ce63;
	border-radius: 20px;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

/*******************
Date paginator page
******************/
.dp-selected[style] {
	background-color: #009efb !important;
}

.datepaginator-sm .pagination li a, .datepaginator-lg .pagination li a,
	.datepaginator .pagination li a {
	padding: 0 5px;
	height: 60px;
	border: 1px solid rgba(120, 130, 140, 0.13);
	float: left;
	position: relative;
}

/*******************
sweet alert page
******************/
.model_img {
	cursor: pointer;
}

/*******************
Grid page
******************/
.show-grid {
	margin-bottom: 10px;
	padding: 0 15px;
}

.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #d9d9d9;
	background-color: #f2f4f8;
}

/*******************
Vertical tabs
******************/
.vtabs {
	display: table;
}

.vtabs .tabs-vertical {
	border-bottom: 0px;
	border-right: 1px solid #E5E7EB;
	display: table-cell;
	width: 300px;          /* fixed width */
	min-width: 300px;      /* don’t shrink */
	max-width: 300px;      /* don’t grow */
	vertical-align: top;
	background-color: #fff;
}

.vtabs .tabs-vertical li .nav-link {
	/* color: #263238; */
	/* color: #a0a6b5; */
	color: #525252;
	/* background: #ffffff; */
	/* margin-bottom: 10px; */
	margin-bottom: 2px;
	/* border: 0px; */
	/* border-radius: 4px 0 0 4px; */
	/* border-radius: 0px 0 0 0px; */
}

.vtabs .tab-content {
	display: table-cell;
	padding: 10px;
	vertical-align: top;
	width: 100%;
}

.tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link:hover,
	.tabs-vertical li .nav-link.active:focus {
	/* background: #009efb; */
	/* background: #2f62af; */
	/* background: #525252; */
	/* border: 0px; */
	/* color: #ffffff; */
}

/*Custom vertical tab*/
.customvtab .tabs-vertical li .nav-link {
	/* border: 1px solid rgba(224, 224, 224, 1); */
	color: #4B5563;
	/* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); */
	padding: 13px;
	/* border-left: 5px solid transparent; */
}

.customvtab .tabs-vertical li .nav-link.active {
	background: #ffffff;
	/* border: 1px solid rgba(224, 224, 224, 1); */
	/* border-right: 2px solid #009efb; */
	/* border-left: 5px solid rgba(9, 102, 206, 1); */
	/* width: 400px; */
	/* margin-right: -1px; */
	/* color: #009efb; */
	/* color: #2f62af; */
	color: #000;
	font-weight: bold;
}

.customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus
	{
	/* background: #ffffff; */
	/* border-left: 5px solid rgba(9, 102, 206, 1); */
}

.tabcontent-border {
	border: 1px solid #ddd;
	border-top: 0px;
}

.customtab2 li a.nav-link {
	border: 0px;
	margin-right: 5px;
	/* color: #54667a; */
	color: #525252;
}

.customtab2 li a.nav-link.active {
	/* background: #3876bc;
	color: #ffffff; */
	background-color: transparent;
	color: #0966ce;
	border-bottom: 1px solid #0966ce;
}

.customtab2 li a.nav-link:hover {
	/* color: #ffffff;
	background: #3876bc; */
	background-color: transparent;
	color: #0966ce;
	border-bottom: 1px solid #0966ce;
}

/*******************
Progress bar
******************/
.progress.active .progress-bar, .progress-bar.active {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

.progress-vertical {
	min-height: 250px;
	height: 250px;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 20px;
}

.progress-vertical-bottom {
	min-height: 250px;
	height: 250px;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 20px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.progress-animated {
	-webkit-animation-duration: 5s;
	-webkit-animation-name: myanimation;
	-webkit-transition: 5s all;
	animation-duration: 5s;
	animation-name: myanimation;
	-o-transition: 5s all;
	transition: 5s all;
}

@
-webkit-keyframes myanimation {from { width:0;
	
}

}
@
keyframes myanimation {from { width:0;
	
}

}

/*******************
Notification page Jquery toaster
******************/
.jq-icon-info {
	background-color: #009efb;
	color: #ffffff;
}

.jq-icon-success {
	background-color: #55ce63;
	color: #ffffff;
}

.jq-icon-error {
	background-color: #f62d51;
	color: #ffffff;
}

.jq-icon-warning {
	background-color: #ffbc34;
	color: #ffffff;
}

.alert-rounded {
	border-radius: 60px;
}

/*******************
list and media
******************/
.list-group a.list-group-item:hover {
	background: #f2f4f8;
}

.list-group-item.active, .list-group .list-group-item.active:hover {
	background: #009efb;
	border-color: #009efb;
}

.list-group-item.disabled {
	color: #90a4ae;
	background: #f2f4f8;
}

.list-group a.list-group-item-custom:hover {
	background: #f2f4f8;
}

.list-group-item-custom.active, .list-group .list-group-item-custom.active:hover
	{
	background: #009efb;
	border-color: #009efb;
}

.list-group-item-custom.disabled {
	color: #90a4ae;
	background: #f2f4f8;
}

.media {
	border: 1px solid rgba(120, 130, 140, 0.13);
	margin-bottom: 10px;
	padding: 15px;
}

/*******************
User card page
******************/
.el-element-overlay .white-box {
	padding: 0px;
}

.el-element-overlay .el-card-item {
	position: relative;
	padding-bottom: 25px;
}

.el-element-overlay .el-card-item .el-card-avatar {
	margin-bottom: 15px;
}

.el-element-overlay .el-card-item .el-card-content {
	text-align: center;
}

.el-element-overlay .el-card-item .el-card-content h3 {
	margin: 0px;
}

.el-element-overlay .el-card-item .el-card-content a {
	color: #54667a;
}

.el-element-overlay .el-card-item .el-card-content a:hover {
	color: #009efb;
}

.el-element-overlay .el-card-item .el-overlay-1 {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

.el-element-overlay .el-card-item .el-overlay-1 img {
	display: block;
	position: relative;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
	width: 100%;
	height: auto;
}

.el-element-overlay .el-card-item .el-overlay-1:hover img {
	-ms-transform: scale(1.2) translateZ(0);
	-webkit-transform: scale(1.2) translateZ(0);
	/* transform: scale(1.2) translateZ(0); */
}

.el-element-overlay .el-card-item .el-overlay-1 .el-info {
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	color: #ffffff;
	background-color: transparent;
	filter: alpha(opacity = 0);
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding: 0;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%) translateZ(0);
	-webkit-transform: translateY(-50%) translateZ(0);
	-ms-transform: translateY(-50%) translateZ(0);
}

.el-element-overlay .el-card-item .el-overlay-1 .el-info>li {
	list-style: none;
	display: inline-block;
	margin: 0 3px;
}

.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a {
	border-color: #ffffff;
	color: #ffffff;
	padding: 12px 15px 10px;
}

.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover {
	background: #009efb;
	border-color: #009efb;
}

.el-element-overlay .el-card-item .el-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
	opacity: 1;
	filter: alpha(opacity = 100);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
	top: -100%;
}

.el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
	top: 100%;
	height: 0px;
}

.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
	top: 0px;
}

.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
	top: 0px;
	height: 100%;
}

/*******************
Timeline page
******************/
.timeline {
	position: relative;
	padding: 20px 0 20px;
	list-style: none;
	max-width: 1200px;
	margin: 0 auto;
}

.timeline:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 3px;
	margin-left: -1.5px;
	background-color: #f2f4f8;
}

.timeline>li {
	position: relative;
	margin-bottom: 20px;
}

.timeline>li:before, .timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li:before, .timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li>.timeline-panel {
	float: left;
	position: relative;
	width: 46%;
	padding: 20px;
	border: 1px solid rgba(120, 130, 140, 0.13);
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
}

.timeline>li>.timeline-panel:before {
	content: " ";
	display: inline-block;
	position: absolute;
	top: 26px;
	right: -8px;
	border-top: 8px solid transparent;
	border-right: 0 solid rgba(120, 130, 140, 0.13);
	border-bottom: 8px solid transparent;
	border-left: 8px solid rgba(120, 130, 140, 0.13);
}

.timeline>li>.timeline-panel:after {
	content: " ";
	display: inline-block;
	position: absolute;
	top: 27px;
	right: -7px;
	border-top: 7px solid transparent;
	border-right: 0 solid #ffffff;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #ffffff;
}

.timeline>li>.timeline-badge {
	z-index: 10;
	position: absolute;
	top: 16px;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	border-radius: 50% 50% 50% 50%;
	text-align: center;
	font-size: 1.4em;
	line-height: 50px;
	color: #fff;
	overflow: hidden;
}

.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	right: auto;
	left: -8px;
	border-right-width: 8px;
	border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
	right: auto;
	left: -7px;
	border-right-width: 7px;
	border-left-width: 0;
}

.timeline-badge.primary {
	background-color: #7460ee;
}

.timeline-badge.success {
	background-color: #55ce63;
}

.timeline-badge.warning {
	background-color: #ffbc34;
}

.timeline-badge.danger {
	background-color: #f62d51;
}

.timeline-badge.info {
	background-color: #009efb;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
	font-weight: 400;
}

.timeline-body>p, .timeline-body>ul {
	margin-bottom: 0;
}

.timeline-body>p+p {
	margin-top: 5px;
}

/*******************
Horizontal Timeline page
******************/
.cd-horizontal-timeline .events a {
	padding-bottom: 6px;
	color: #009efb;
}

.cd-horizontal-timeline .filling-line, .cd-horizontal-timeline .events a.selected::after
	{
	background: #009efb;
}

.cd-horizontal-timeline .events a.selected::after {
	border-color: #009efb;
}

.myadmin-dd .dd-list .dd-item .dd-handle {
	background: #ffffff;
	border: 1px solid rgba(120, 130, 140, 0.13);
	padding: 8px 16px;
	height: auto;
	font-family: "Rubik", sans-serif;
	font-weight: 400;
	border-radius: 0;
}

.myadmin-dd-empty .dd-list .dd3-content {
	height: auto;
	border: 1px solid rgba(120, 130, 140, 0.13);
	padding: 8px 16px 8px 46px;
	background: #ffffff;
	font-weight: 400;
}

.myadmin-dd-empty .dd-list .dd3-handle {
	border: 1px solid rgba(120, 130, 140, 0.13);
	border-bottom: 0;
	background: #ffffff;
	height: 36px;
	width: 36px;
}

.dd3-handle:before {
	color: #54667a;
	top: 7px;
}

/*******************
ribbons page
******************/
.ribbon-wrapper, .ribbon-wrapper-reverse, .ribbon-wrapper-bottom,
	.ribbon-wrapper-right-bottom {
	position: relative;
	padding: 50px 15px 15px 15px;
}

.ribbon-vwrapper {
	padding: 15px 15px 15px 50px;
	position: relative;
}

.ribbon-overflow {
	overflow: hidden;
}

.ribbon-vwrapper-reverse {
	padding: 15px 50px 15px 15px;
}

.ribbon-wrapper-bottom {
	padding: 15px 15px 50px 50px;
}

.ribbon-wrapper-right-bottom {
	padding: 15px 50px 50px 15px;
}

.ribbon-content {
	margin-bottom: 0px;
}

.ribbon {
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	clear: left;
	position: absolute;
	top: 12px;
	left: -2px;
	color: #ffffff;
}

.ribbon-bookmark:before {
	position: absolute;
	top: 0;
	left: 100%;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border: 15px solid #263238;
	border-right: 10px solid transparent;
}

.ribbon-right {
	left: auto;
	right: -2px;
}

.ribbon-bookmark.ribbon-right:before {
	right: 100%;
	left: auto;
	border-right: 15px solid #263238;
	border-left: 10px solid transparent;
}

.ribbon-vertical-l, .ribbon-vertical-r {
	clear: none;
	padding: 0 5px;
	height: 70px;
	width: 30px;
	line-height: 70px;
	text-align: center;
	left: 12px;
	top: -2px;
}

.ribbon-vertical-r {
	left: auto;
	right: 12px;
}

.ribbon-vertical-r1 {
	clear: none;
	padding: 0 2px;
	height: 45px;
	width: 21px;
	line-height: 45px;
	text-align: center;
	top: -2px;
	left: auto;
	right: 12px;
}

.ribbon-bookmark.ribbon-vertical-l:before, .ribbon-bookmark.ribbon-vertical-r:before
	{
	top: 100%;
	left: 0;
	margin-top: -14px;
	border-right: 15px solid #263238;
	border-bottom: 10px solid transparent;
}

.ribbon-badge {
	top: 15px;
	overflow: hidden;
	left: -90px;
	width: 100%;
	text-align: center;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ribbon-badge.ribbon-right {
	left: auto;
	right: -90px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ribbon-badge.ribbon-bottom {
	top: auto;
	bottom: 15px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ribbon-badge.ribbon-right.ribbon-bottom {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* .ribbon-corner {
	top: 0;
	left: 0;
	background-color: transparent !important;
	padding: 6px 0 0 10px;
}

.ribbon-corner i {
	position: relative;
}

.ribbon-corner:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border: 30px solid transparent;
	border-top-color: #009efb;
	border-left-color: #009efb;
}

.ribbon-corner.ribbon-right:before {
	right: 0;
	left: auto;
	border-right-color: #526069;
	border-left-color: transparent;
}

.ribbon-corner.ribbon-right {
	right: 0;
	left: auto;
	padding: 6px 10px 0 0;
}

.ribbon-corner.ribbon-bottom:before {
	top: auto;
	bottom: 0;
	border-top-color: transparent;
	border-bottom-color: #526069;
}

.ribbon-corner.ribbon-bottom {
	bottom: 0;
	top: auto;
	padding: 0 10px 6px 10px;
}
 */

/* **********  */
/*Ribbon Corner Edited */
/* **********  */
.ribbon-corner {
	top: 0;
	left: 0;
	background-color: transparent !important;
	/* padding: 6px 0 0 10px; */
}

.ribbon-corner i {
	position: relative;
}

.ribbon-corner:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	/* border: 30px solid transparent; */
	border: 10px solid transparent;
	border-top-color: #009efb;
	border-left-color: #009efb;
}

.ribbon-corner.ribbon-right:before {
	right: 0;
	left: auto;
	border-right-color: #526069;
	border-left-color: transparent;
}

.ribbon-corner.ribbon-right {
	right: 0;
	left: auto;
	/* padding: 6px 10px 0 0; */
}

.ribbon-corner.ribbon-bottom:before {
	top: auto;
	bottom: 0;
	border-top-color: transparent;
	border-bottom-color: #526069;
}

.ribbon-corner.ribbon-bottom {
	bottom: 0;
	top: auto;
	padding: 0 10px 6px 10px;
}

.ribbon-custom {
	background: #009efb;
}

.ribbon-bookmark.ribbon-right.ribbon-custom:before {
	border-right-color: #009efb;
	border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-custom:before,
	.ribbon-bookmark.ribbon-vertical-r.ribbon-custom:before {
	border-right-color: #009efb;
	border-bottom-color: transparent;
}

.ribbon-primary {
	background: #7460ee;
}

.ribbon-bookmark.ribbon-primary:before {
	border-color: #7460ee;
	border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-primary:before {
	border-right-color: #7460ee;
	border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-primary:before,
	.ribbon-bookmark.ribbon-vertical-r.ribbon-primary:before {
	border-right-color: #7460ee;
	border-bottom-color: transparent;
}

.ribbon-primary.ribbon-corner:before {
	border-top-color: #7460ee;
	border-left-color: #7460ee;
}

.ribbon-primary.ribbon-corner.ribbon-right:before {
	border-right-color: #7460ee;
	border-left-color: transparent;
}

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #7460ee;
}

.ribbon-success {
	background: #55ce63;
}

.ribbon-bookmark.ribbon-success:before {
	border-color: #55ce63;
	border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-success:before {
	border-right-color: #55ce63;
	border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-success:before,
	.ribbon-bookmark.ribbon-vertical-r.ribbon-success:before {
	border-right-color: #55ce63;
	border-bottom-color: transparent;
}

.ribbon-success.ribbon-corner:before {
	border-top-color: #55ce63;
	border-left-color: #55ce63;
}

.ribbon-tag0.ribbon-corner:before {
	border-top-color: #ff8080;
	border-left-color: #ff8080;
}

.ribbon-tag1.ribbon-corner:before {
	border-top-color: #990000;
	border-left-color: #990000;
}

.ribbon-tag2.ribbon-corner:before {
	border-top-color: #ffcccc;
	border-left-color: #ffcccc;
}

.ribbon-tag3.ribbon-corner:before {
	border-top-color: #ff0000;
	border-left-color: #ff0000;
}

.ribbon-tag4.ribbon-corner:before {
	border-top-color: #0253ab;
	border-left-color: #0253ab;
}

.ribbon-tag5.ribbon-corner:before {
	border-top-color: Grey;
	border-left-color: Grey;
}

.ribbon-tag6.ribbon-corner:before {
	border-top-color: #176b02;
	border-left-color: #176b02;
}

.ribbon-tag7.ribbon-corner:before {
	border-top-color: #1f86f2;
	border-left-color: #1f86f2;
}

.ribbon-tag8.ribbon-corner:before {
	border-top-color: #5eb349;
	border-left-color: #5eb349;
}

.ribbon-tag9.ribbon-corner:before {
	border-top-color: #ff6600;
	border-left-color: #ff6600;
}

.ribbon-tag13.ribbon-corner:before {
	border-top-color: #58db62;
	border-left-color: #58db62;
}

.ribbon-tag14.ribbon-corner:before {
	border-top-color: #5eacff;
	border-left-color: #5eacff;
}

.ribbon-tag15.ribbon-corner:before {
	border-top-color: #9cfc6f;
	border-left-color: #9cfc6f;
}

.ribbon-tag17.ribbon-corner:before {
	border-top-color: #a8d2ff;
	border-left-color: #a8d2ff;
}

.ribbon-tag18.ribbon-corner:before {
	border-top-color: Gold;
	border-left-color: Gold;
}

.ribbon-tag19.ribbon-corner:before {
	border-top-color: #aafca5;
	border-left-color: #aafca5;
}

.ribbon-success.ribbon-corner.ribbon-right:before {
	border-right-color: #55ce63;
	border-left-color: transparent;
}

.ribbon-tag0.ribbon-corner.ribbon-right:before {
	border-right-color: #ff8080;
	border-left-color: transparent;
}

.ribbon-tag1.ribbon-corner.ribbon-right:before {
	border-right-color: #990000;
	border-left-color: transparent;
}

.ribbon-tag2.ribbon-corner.ribbon-right:before {
	border-right-color: #ffcccc;
	border-left-color: transparent;
}

.ribbon-tag3.ribbon-corner.ribbon-right:before {
	border-right-color: #ff0000;
	border-left-color: transparent;
}

.ribbon-tag4.ribbon-corner.ribbon-right:before {
	border-right-color: #0253ab;
	border-left-color: transparent;
}

.ribbon-tag5.ribbon-corner.ribbon-right:before {
	border-right-color: Grey;
	border-left-color: transparent;
}

.ribbon-tag6.ribbon-corner.ribbon-right:before {
	border-right-color: #176b02;
	border-left-color: transparent;
}

.ribbon-tag7.ribbon-corner.ribbon-right:before {
	border-right-color: #1f86f2;
	border-left-color: transparent;
}

.ribbon-tag8.ribbon-corner.ribbon-right:before {
	border-right-color: #5eb349;
	border-left-color: transparent;
}

.ribbon-tag9.ribbon-corner.ribbon-right:before {
	border-right-color: #ff6600;
	border-left-color: transparent;
}

.ribbon-tag13.ribbon-corner.ribbon-right:before {
	border-right-color: #58db62;
	border-left-color: transparent;
}

.ribbon-tag14.ribbon-corner.ribbon-right:before {
	border-right-color: #5eacff;
	border-left-color: transparent;
}

.ribbon-tag15.ribbon-corner.ribbon-right:before {
	border-right-color: #9cfc6f;
	border-left-color: transparent;
}

.ribbon-tag17.ribbon-corner.ribbon-right:before {
	border-right-color: #a8d2ff;
	border-left-color: transparent;
}

.ribbon-tag18.ribbon-corner.ribbon-right:before {
	border-right-color: Gold;
	border-left-color: transparent;
}

.ribbon-tag19.ribbon-corner.ribbon-right:before {
	border-right-color: #aafca5;
	border-left-color: transparent;
}

.ribbon-success.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #55ce63;
}

.ribbon-info {
	background: #009efb;
}

.ribbon-tag0 {
	background: #ff8080;
	border-radius: 5px;
}

.ribbon-tag1 {
	background: #990000;
	border-radius: 5px;
}

.ribbon-tag2 {
	background: #ffcccc;
	border-radius: 5px;
}

.ribbon-tag3 {
	background: #ff0000;
	border-radius: 5px;
}

.ribbon-tag4 {
	background: #0253ab;
	border-radius: 5px;
}

.ribbon-tag5 {
	background: Grey;
	border-radius: 5px;
}

.ribbon-tag6 {
	background: #176b02;
	border-radius: 5px;
}

.ribbon-tag7 {
	background: #1f86f2;
	border-radius: 5px;
}

.ribbon-tag8 {
	background: #5eb349;
	border-radius: 5px;
}

.ribbon-tag9 {
	background: #ff6600;
	border-radius: 5px;
}

.ribbon-tag13 {
	background: #58db62;
	border-radius: 5px;
}

.ribbon-tag14 {
	background: #5eacff;
	border-radius: 5px;
}

.ribbon-tag15 {
	background: #9cfc6f;
	border-radius: 5px;
}

.ribbon-tag17 {
	background: #a8d2ff;
	border-radius: 5px;
}

.ribbon-tag18 {
	background: Gold;
	border-radius: 5px;
}

.ribbon-tag19 {
	background: #aafca5;
	border-radius: 5px;
}

.ribbon-bookmark.ribbon-info:before {
	border-color: #009efb;
	border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-info:before {
	border-right-color: #009efb;
	border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-info:before, .ribbon-bookmark.ribbon-vertical-r.ribbon-info:before
	{
	border-right-color: #009efb;
	border-bottom-color: transparent;
}

.ribbon-info.ribbon-corner:before {
	border-top-color: #009efb;
	border-left-color: #009efb;
}

.ribbon-info.ribbon-corner.ribbon-right:before {
	border-right-color: #009efb;
	border-left-color: transparent;
}

.ribbon-info.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #009efb;
}

.ribbon-warning {
	background: #ffbc34;
}

.ribbon-bookmark.ribbon-warning:before {
	border-color: #ffbc34;
	border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-warning:before {
	border-right-color: #ffbc34;
	border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-warning:before,
	.ribbon-bookmark.ribbon-vertical-r.ribbon-warning:before {
	border-right-color: #ffbc34;
	border-bottom-color: transparent;
}

.ribbon-warning.ribbon-corner:before {
	border-top-color: #ffbc34;
	border-left-color: #ffbc34;
}

.ribbon-warning.ribbon-corner.ribbon-right:before {
	border-right-color: #ffbc34;
	border-left-color: transparent;
}

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #ffbc34;
}

.ribbon-danger {
	background: #f62d51;
}

.ribbon-bookmark.ribbon-danger:before {
	border-color: #f62d51;
	border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-danger:before {
	border-right-color: #f62d51;
	border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-danger:before,
	.ribbon-bookmark.ribbon-vertical-r.ribbon-danger:before {
	border-right-color: #f62d51;
	border-bottom-color: transparent;
}

.ribbon-danger.ribbon-corner:before {
	border-top-color: #f62d51;
	border-left-color: #f62d51;
}

.ribbon-danger.ribbon-corner.ribbon-right:before {
	border-right-color: #f62d51;
	border-left-color: transparent;
}

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #f62d51;
}

.ribbon-default {
	background: #263238;
}

.ribbon-bookmark.ribbon-default:before {
	border-color: #263238;
	border-right-color: transparent;
}

.ribbon-bookmark.ribbon-right.ribbon-default:before {
	border-right-color: #263238;
	border-left-color: transparent;
}

.ribbon-bookmark.ribbon-vertical-l.ribbon-default:before,
	.ribbon-bookmark.ribbon-vertical-r.ribbon-default:before {
	border-right-color: #263238;
	border-bottom-color: transparent;
}

.ribbon-default.ribbon-corner:before {
	border-top-color: #263238;
	border-left-color: #263238;
}

.ribbon-default.ribbon-corner.ribbon-right:before {
	border-right-color: #263238;
	border-left-color: transparent;
}

.ribbon-default.ribbon-corner.ribbon-bottom:before {
	border-top-color: transparent;
	border-bottom-color: #263238;
}

/*******************
session ideal timeout page
******************/
#idletimeout {
	background: #009efb;
	border: 3px solid #009efb;
	color: #fff;
	font-family: arial, sans-serif;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	position: relative;
	top: 0px;
	left: 0;
	right: 0;
	z-index: 100000;
	display: none;
}

#idletimeout a {
	color: #ffffff;
	font-weight: bold;
}

#idletimeout span {
	font-weight: bold;
}

/*******************
Stylish tooltip
******************/
.mytooltip:hover .tooltip-content2, .mytooltip:hover .tooltip-content2 i
	{
	opacity: 1;
	font-size: 18px;
	pointer-events: auto;
	-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.mytooltip:hover .tooltip-content4, .mytooltip:hover .tooltip-text2 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mytooltip {
	display: inline;
	position: relative;
	z-index: 10;
}

.mytooltip:hover .tooltip-item::after {
	pointer-events: auto;
}

.mytooltip:hover .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
	transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}

.mytooltip:hover .tooltip-content3 {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.mytooltip:hover .tooltip-item2 {
	color: #ffffff;
	-webkit-transform: translate3d(0, -0.5em, 0);
	transform: translate3d(0, -0.5em, 0);
}

.mytooltip:hover .tooltip-content5 {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}

.mytooltip:hover .tooltip-text3 {
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.mytooltip:hover .tooltip-inner2 {
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.tooltip-item {
	background: rgba(0, 0, 0, 0.1);
	cursor: pointer;
	display: inline-block;
	font-weight: 500;
	padding: 0 10px;
}

.tooltip-item::after {
	content: '';
	position: absolute;
	width: 360px;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip-content {
	position: absolute;
	z-index: 9999;
	width: 360px;
	left: 50%;
	margin: 0 0 20px -180px;
	bottom: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 30px;
	-webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
	box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
	background: #2b2b2b;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.tooltip-content img {
	position: relative;
	height: 140px;
	display: block;
	float: left;
	margin-right: 1em;
}

.tooltip-effect-5 .tooltip-content {
	width: 180px;
	margin-left: -90px;
	-webkit-transform-origin: 50% calc(106%);
	-ms-transform-origin: 50% calc(106%);
	transform-origin: 50% calc(106%);
	-webkit-transform: rotate3d(0, 0, 1, 15deg);
	transform: rotate3d(0, 0, 1, 15deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, -webkit-transform 0.2s;
	-o-transition: opacity 0.2s, transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
	transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
	-webkit-transition-timing-function: ease,
		cubic-bezier(0.17, 0.67, 0.4, 1.39);
	-o-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39);
	transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39);
}

.tooltip-effect-5 .tooltip-text {
	padding: 1.4em;
}

.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #2a3035;
	border-width: 10px;
	margin-left: -10px;
}

.tooltip-text {
	font-size: 14px;
	line-height: 24px;
	display: block;
	padding: 1.31em 1.21em 1.21em 0;
	color: #ffffff;
}

.tooltip-content2 {
	position: absolute;
	z-index: 9999;
	width: 80px;
	height: 80px;
	padding-top: 25px;
	left: 50%;
	margin-left: -40px;
	bottom: 100%;
	border-radius: 50%;
	text-align: center;
	background: #009efb;
	color: #ffffff;
	opacity: 0;
	margin-bottom: 20px;
	cursor: default;
	pointer-events: none;
}

.tooltip-content2 i {
	opacity: 0;
}

.tooltip-effect-6 .tooltip-content2 {
	-webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
	transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-effect-6 .tooltip-content2 i {
	-webkit-transform: scale3d(0, 0, 1);
	transform: scale3d(0, 0, 1);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-effect-6:hover .tooltip-content2 i {
	-webkit-transform: rotate3d(1, 1, 1, 0);
	transform: rotate3d(1, 1, 1, 0);
}

.tooltip-content2::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin: -7px 0 0 -15px;
	width: 30px;
	height: 20px;
	background: url(../javascript/resources/images/tooltip/tooltip1.svg)
		no-repeat center center;
	background-size: 100%;
}

.tooltip-content3 {
	position: absolute;
	background: url(../javascript/resources/images/tooltip/shape1.svg)
		no-repeat center bottom;
	background-size: 100% 100%;
	z-index: 9999;
	width: 200px;
	bottom: 100%;
	left: 50%;
	margin-left: -100px;
	padding: 50px 30px;
	text-align: center;
	color: #ffffff;
	opacity: 0;
	cursor: default;
	font-size: 14;
	line-height: 27px;
	pointer-events: none;
	-webkit-transform: scale3d(0.1, 0.2, 1);
	transform: scale3d(0.1, 0.2, 1);
	-webkit-transform-origin: 50% 120%;
	-ms-transform-origin: 50% 120%;
	transform-origin: 50% 120%;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, -webkit-transform 0.4s;
	-o-transition: opacity 0.4s, transform 0.4s;
	transition: opacity 0.4s, transform 0.4s;
	transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
	-webkit-transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1);
	-o-transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1);
	transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1);
}

.tooltip-content3::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	margin-left: -8px;
	top: 100%;
	background: #00aeef;
	-webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);
	transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);
}

.tooltip-item2 {
	color: #00aeef;
	cursor: pointer;
	z-index: 100;
	position: relative;
	display: inline-block;
	font-weight: 500;
	-webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform
		0.3s;
	transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
	-o-transition: background-color 0.3s, color 0.3s, transform 0.3s;
	transition: background-color 0.3s, color 0.3s, transform 0.3s;
	transition: background-color 0.3s, color 0.3s, transform 0.3s,
		-webkit-transform 0.3s;
}

.tooltip-content4 {
	position: absolute;
	z-index: 99;
	width: 360px;
	left: 50%;
	margin-left: -180px;
	bottom: -5px;
	text-align: left;
	background: #00aeef;
	opacity: 0;
	font-size: 14px;
	line-height: 27px;
	padding: 1.5em;
	color: #ffffff;
	border-bottom: 55px solid #2b2b2b;
	cursor: default;
	pointer-events: none;
	border-radius: 5px;
	-webkit-transform: translate3d(0, -0.5em, 0);
	transform: translate3d(0, -0.5em, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-content4 a {
	color: #2b2b2b;
}

.tooltip-text2 {
	opacity: 0;
	-webkit-transform: translate3d(0, 1.5em, 0);
	transform: translate3d(0, 1.5em, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-content5 {
	position: absolute;
	z-index: 9999;
	width: 300px;
	left: 50%;
	bottom: 100%;
	font-size: 20px;
	line-height: 1.4;
	text-align: center;
	font-weight: 400;
	color: #ffffff;
	background: transparent;
	opacity: 0;
	margin: 0 0 20px -150px;
	cursor: default;
	pointer-events: none;
	-webkit-transition: opacity 0.3s 0.3s;
	-o-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

.tooltip-content5 span {
	display: block;
}

.tooltip-text3 {
	border-bottom: 10px solid #009efb;
	overflow: hidden;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: -webkit-transform 0.3s 0.3s;
	-o-transition: transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.tooltip-inner2 {
	background: #2b2b2b;
	padding: 40px;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-content5::after {
	content: '';
	bottom: -20px;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #009efb;
	border-width: 10px;
	margin-left: -10px;
}

.tooltip-effect-1 .tooltip-content {
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
	color: #ffffff;
}

.tooltip-effect-2 .tooltip-content {
	-webkit-transform-origin: 50% calc(110%);
	-ms-transform-origin: 50% calc(110%);
	transform-origin: 50% calc(110%);
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, -webkit-transform 0.2s;
	-o-transition: opacity 0.2s, transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
	transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
}

.tooltip-effect-3 .tooltip-content {
	-webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
	transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-effect-4 .tooltip-content {
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scale3d(0.7, 0.3, 1);
	transform: scale3d(0.7, 0.3, 1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, -webkit-transform 0.2s;
	-o-transition: opacity 0.2s, transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
	transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
}

.tooltip.tooltip-effect-2:hover .tooltip-content {
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}

a.mytooltip {
	font-weight: 500;
	color: #009efb;
}

.tooltip-effect-7 .tooltip-content2 {
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-effect-7 .tooltip-content2 i {
	-webkit-transform: translate3d(0, 15px, 0);
	transform: translate3d(0, 15px, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-effect-8 .tooltip-content2 {
	-webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);
	transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-effect-8 .tooltip-content2 i {
	-webkit-transform: scale3d(0, 0, 1);
	transform: scale3d(0, 0, 1);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-effect-9 .tooltip-content2 {
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.tooltip-effect-9 .tooltip-content2 i {
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	-o-transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

/*******************
Error Page
******************/
.error-box {
	height: 100%;
	position: fixed;
	background:
		url(../../javascript/resources/images/background/error-bg.jpg)
		no-repeat center center #fff;
	width: 100%;
}

.error-box .footer {
	width: 100%;
	left: 0px;
	right: 0px;
}

.error-body {
	padding-top: 5%;
}

.error-body h1 {
	font-size: 210px;
	font-weight: 900;
	line-height: 210px;
}

/*******************
google map Page
******************/
.gmaps, .gmaps-panaroma {
	height: 300px;
}

.gmaps, .gmaps-panaroma {
	height: 300px;
	background: #f2f4f8;
	border-radius: 3px;
}

.gmaps-overlay {
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	line-height: 40px;
	background: #7460ee;
	border-radius: 4px;
	padding: 10px 20px;
}

.gmaps-overlay_arrow {
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	position: absolute;
}

.gmaps-overlay_arrow.above {
	bottom: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #7460ee;
}

.gmaps-overlay_arrow.below {
	top: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #7460ee;
}

/*******************
vector map Page
******************/
.jvectormap-zoomin, .jvectormap-zoomout {
	width: 10px;
	height: 10px;
	line-height: 10px;
}

.jvectormap-zoomout {
	top: 40px;
}

/*******************
Seach listing Page
******************/
.search-listing {
	padding: 0px;
	margin: 0px;
}

.search-listing li {
	list-style: none;
	padding: 15px 0;
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
}

.search-listing li h3 {
	margin: 0px;
	font-size: 18px;
}

.search-listing li h3 a {
	color: #009efb;
}

.search-listing li h3 a:hover {
	text-decoration: underline;
}

.search-listing li a {
	color: #55ce63;
}

/*******************
Login register and recover password Page
******************/
.login-register {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	width: 100%;
	/* padding: 10% 0; */
	/* padding: 7% 0; */
	position: fixed;
	/* overflow: auto; */
	background-color: #fff;
}

.login-box {
	/* width: 400px; */
	width: 600px;
	padding-bottom: 3rem;
	margin: 0 auto;
}

.login-box .footer {
	width: 100%;
	left: 0px;
	right: 0px;
}

.login-box .social {
	display: block;
	margin-bottom: 30px;
}

#recoverform {
	display: none;
}

.login-sidebar {
	padding: 0px;
	margin-top: 0px;
}

.login-sidebar .login-box {
	right: 0px;
	position: absolute;
	height: 100%;
}

.login-un-pw {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 5px;
}

.signIn-button {
	width: 114px;
	height: 32px;
	border-radius: 28px;
	background: #2B5FAD;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0px;
	text-align: center;
	border: 1px solid #2B5FAD;
	color: #fff;
}

.sign-in-text {
	font-size: 24px;
	font-weight: 700;
}

.separator-div {
	text-align: center;
	margin-top: 2rem
}

.sso-sign-in-text {
	color: #979797;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0px;
}

.vertical-align-text-top {
	vertical-align: text-top;
}

.height-vh-15 {
	height: 15vh;
}

.dataworkz-icon-sso {
	margin-top: 10vh;
	margin-left: 5vw;
}

.sso-landing-page {
	display: flex;
	height: 85vh;
	overflow-y: hidden;
}

.sso-landing-page-left-div {
	flex: 7;
	display: flex;
	flex-direction: column;
}

.sso-landing-page-left-text-div {
	position: absolute;
	top: 45vh;
	left: 5vw;
}

.sso-landing-page-header-text {
	font-size: 32px;
	font-weight: 700;
	line-height: 42px;
	letter-spacing: 0em;
	text-align: left;
	color: #FFFFFF
}

.dot {
	height: 5px;
	width: 5px;
	background-color: #FFFFFF;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}

.sso-landing-page-sub-text {
	font-size: 16px;
	font-weight: 500;
	line-height: 38px;
	letter-spacing: 0em;
	text-align: left;
	color: #FFFFFF
}

.sso-landing-page-img-div {
	flex: 1 1 auto;
	margin-top: -5px;
	background: linear-gradient(270deg, #3C97F3 26.11%, #59CA51 93.73%);
}

.sso-landing-page-right-div {
	width: fit-content;
	margin: 0 auto;
	margin-top: 30%;
	text-align: center;
}

.sso-landing-page-email {
	font-size: 26px;
	font-weight: 400;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: center;
	margin-bottom: 10px;
}

.sso-landing-page-email-text {
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: center;
	margin-bottom: 30px;
	color: #646464
}

.sso-landing-page-button {
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: 0em;
	width: 231px;
	height: 43px;
	border-radius: 40px;
	background: #3C75C6;
	color: white;
	cursor: pointer;
	border: none;
}

/*******************
FAQs Page
******************/
.minimal-faq .card {
	border: 0px;
}

.minimal-faq .card .card-header {
	background: #ffffff;
	padding: 20px 0;
	margin-top: 10px;
}

.minimal-faq .card .card-block {
	padding: 15px 0px;
}

/*******************
Pricing Page
******************/
.pricing-box {
	position: relative;
	text-align: center;
	margin-top: 30px;
}

.featured-plan {
	margin-top: 0px;
}

.featured-plan .pricing-body {
	padding: 60px 0;
	background: #ebf3f5;
	border: 1px solid #ddd;
}

.featured-plan .price-table-content .price-row {
	border-top: 1px solid rgba(120, 130, 140, 0.13);
}

.pricing-body {
	border-radius: 0px;
	border-top: 1px solid rgba(120, 130, 140, 0.13);
	border-bottom: 5px solid rgba(120, 130, 140, 0.13);
	vertical-align: middle;
	padding: 30px 0;
	position: relative;
}

.pricing-body h2 {
	position: relative;
	font-size: 56px;
	margin: 20px 0 10px;
	font-weight: 500;
}

.pricing-body h2 span {
	position: absolute;
	font-size: 15px;
	top: -10px;
	margin-left: -10px;
}

.price-table-content .price-row {
	padding: 20px 0;
	border-top: 1px solid rgba(120, 130, 140, 0.13);
}

.pricing-plan {
	padding: 0 15px;
}

.pricing-plan .no-padding {
	padding: 0px;
}

.price-lable {
	position: absolute;
	top: -10px;
	padding: 5px 10px;
	margin: 0 auto;
	display: inline-block;
	width: 100px;
	left: 0px;
	right: 0px;
}

/*******************
chat application Page
******************/
.chat-main-box {
	position: relative;
	overflow: hidden;
}

.chat-main-box .chat-left-aside {
	position: relative;
	width: 250px;
	float: left;
	z-index: 9;
	top: 0px;
	border-right: 1px solid rgba(120, 130, 140, 0.13);
}

.chat-main-box .chat-left-aside .open-panel {
	display: none;
	cursor: pointer;
	position: absolute;
	left: -webkit-calc(100% - 1px);
	top: 50%;
	z-index: 100;
	background-color: #fff;
	-webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
	border-radius: 0 100px 100px 0;
	line-height: 1;
	padding: 15px 8px 15px 4px;
}

.chat-main-box .chat-left-aside .chat-left-inner {
	position: relative;
}

.chat-main-box .chat-left-aside .chat-left-inner .form-control {
	height: 60px;
	padding: 15px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb),
		to(#009efb)),
		-webkit-gradient(linear, left top, left bottom, from(rgba(120, 130, 140,
		0.13)), to(rgba(120, 130, 140, 0.13)));
	background-image: -webkit-linear-gradient(#009efb, #009efb),
		-webkit-linear-gradient(rgba(120, 130, 140, 0.13),
		rgba(120, 130, 140, 0.13));
	background-image: -o-linear-gradient(#009efb, #009efb),
		-o-linear-gradient(rgba(120, 130, 140, 0.13),
		rgba(120, 130, 140, 0.13));
	background-image: linear-gradient(#009efb, #009efb),
		linear-gradient(rgba(120, 130, 140, 0.13), rgba(120, 130, 140, 0.13));
}

.chat-main-box .chat-left-aside .chat-left-inner .style-none {
	padding: 0px;
}

.chat-main-box .chat-left-aside .chat-left-inner .style-none li {
	list-style: none;
	overflow: hidden;
}

.chat-main-box .chat-left-aside .chat-left-inner .style-none li a {
	padding: 20px;
}

.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover,
	.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active
	{
	background: #ebf3f5;
}

.chat-main-box .chat-right-aside {
	width: calc(100% - 250px);
	float: left;
}

.chat-main-box .chat-right-aside .chat-list {
	max-height: none;
	height: 100%;
	padding-top: 40px;
}

.chat-main-box .chat-right-aside .chat-list .chat-text {
	border-radius: 6px;
}

.chat-main-box .chat-right-aside .send-chat-box {
	position: relative;
}

.chat-main-box .chat-right-aside .send-chat-box .form-control {
	border: none;
	border-top: 1px solid rgba(120, 130, 140, 0.13);
	resize: none;
	height: 80px;
	padding-right: 180px;
}

.chat-main-box .chat-right-aside .send-chat-box .form-control:focus {
	border-color: rgba(120, 130, 140, 0.13);
}

.chat-main-box .chat-right-aside .send-chat-box .custom-send {
	position: absolute;
	right: 20px;
	bottom: 10px;
}

.chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon {
	color: #54667a;
	margin-right: 10px;
}

/*******************
Email inbox Page
******************/
.inbox-panel .list-group .list-group-item {
	border: 0px;
	border-radius: 0px;
	border-left: 3px solid transparent;
}

.inbox-panel .list-group .list-group-item a {
	color: #54667a;
}

.inbox-panel .list-group .list-group-item.active, .inbox-panel .list-group .list-group-item:hover
	{
	background: #f2f4f8;
	border-left: 3px solid #009efb;
}

.inbox-center .unread td {
	font-weight: 400;
}

.inbox-center td {
	vertical-align: middle;
	white-space: nowrap;
}

.inbox-center a {
	color: #54667a;
	padding: 2px 0 3px 0;
	overflow: hidden;
	vertical-align: middle;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.inbox-center .checkbox {
	margin-top: -13px;
	height: 20px;
}

.unreadmsg {
	font-weight: 400;
}

/*******************
Contact app Page
******************/
/*left-aside-column*/
.contact-page-aside {
	position: relative;
}

.left-aside {
	position: absolute;
	border-right: 1px solid rgba(120, 130, 140, 0.13);
	padding: 20px;
	width: 250px;
	height: 100%;
}

.right-aside {
	padding: 20px;
	margin-left: 250px;
}

.contact-list td {
	vertical-align: middle;
	padding: 25px 10px;
}

.contact-list td img {
	width: 30px;
}

.list-style-none {
	margin: 0px;
	padding: 0px;
}

.list-style-none li {
	list-style: none;
	margin: 0px;
}

.list-style-none li.box-label a {
	font-weight: 500;
}

.list-style-none li.divider {
	margin: 10px 0;
	height: 1px;
	background: rgba(120, 130, 140, 0.13);
}

.list-style-none li a {
	padding: 15px 10px;
	display: block;
	color: #54667a;
}

.list-style-none li a:hover {
	color: #009efb;
}

.list-style-none li a span {
	float: right;
}

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

/*******************
form material page
******************/
.form-control-line .form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*******************
/*Image Cropper Page
******************/
.docs-buttons .btn, .docs-toggles .btn-group, .docs-data .input-group {
	margin-bottom: 5px;
}

/*******************
/*Form Typahead Page
******************/
.twitter-typeahead {
	width: 100%;
}

.twitter-typeahead .tt-menu {
	width: 100%;
	background: #ffffff;
	border: 1px solid #90a4ae;
	border-radius: 5px;
	padding: .75rem 0;
}

.twitter-typeahead .tt-menu .tt-suggestion {
	padding: .25rem .75rem;
	cursor: pointer;
}

.twitter-typeahead .tt-menu .tt-suggestion:hover {
	background-color: #7460ee;
	color: #ffffff;
}

.twitter-typeahead .empty-message {
	padding: 5px 10px;
	text-align: center;
}

.twitter-typeahead .rtl-typeahead .tt-menu {
	text-align: right;
}

.twitter-typeahead .league-name {
	margin: 0 10px 5px;
	padding: 7px 5px 10px;
	border-bottom: 1px solid #90a4ae;
}

.scrollable-dropdown .twitter-typeahead .tt-menu {
	max-height: 80px;
	overflow-y: auto;
}

.bootstrap-maxlength {
	margin-top: .5rem;
}

.table-responsive>.table-bordered {
	border: 1px solid rgba(120, 130, 140, 0.13);
}

/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*******************
Main sidebar
******************/
.left-sidebar {
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 20;
	padding-top: 70px;
	background: #fff;
	-webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}

.fix-sidebar .left-sidebar {
	position: fixed;
}

/*******************
sidebar navigation
******************/
.scroll-sidebar {
	margin: 0 auto;
	max-width: 1280px;
}

.collapse.in {
	display: block;
}

.sidebar-nav {
	background: #fff;
}

.sidebar-nav ul {
	margin: 0px;
	padding: 0px;
}

.sidebar-nav ul li {
	list-style: none;
}

.sidebar-nav ul li a {
	/*****update this color for static view******/
	color: #212529;
	padding: 15px;
	display: block;
	font-size: 15px;
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
	color: #009efb;
}

.sidebar-nav ul li a.active {
	font-weight: 400;
	color: #263238;
}

.sidebar-nav ul li ul {
	padding: 15px;
}

.sidebar-nav ul li ul li a {
	padding: 10px 25px 10px 15px;
}

.sidebar-nav ul li ul ul {
	padding: 0px 0 0 15px;
}

.sidebar-nav ul li.nav-small-cap, .sidebar-nav ul li.nav-devider {
	display: none;
}

.sidebar-nav>ul>li.active>a {
	color: #009efb;
}

.sidebar-nav>ul>li.active>a i {
	color: #009efb;
}

.sidebar-nav>ul>li>a.active i, .sidebar-nav>ul>li>a:hover i {
	color: #009efb;
}

.sidebar-nav>ul>li>a i {
	width: 27px;
	font-size: 21px;
	display: inline-block;
	vertical-align: middle;
	color: #a6b7bf;
}

.sidebar-nav>ul>li>a .label {
	float: right;
	margin-top: 6px;
}

.sidebar-nav>ul>li>a.active {
	font-weight: 400;
	background: #242933;
	color: #009efb;
}

@media ( min-width : 768px) {
	.sidebar-nav>ul>li {
		display: inline-block;
	}
	.sidebar-nav>ul>li:hover>a, .sidebar-nav>ul>li:hover>a i {
		color: #009efb;
	}
	.sidebar-nav>ul>li:last-child ul {
		right: 0px;
	}
	.sidebar-nav #sidebarnav li.two-column>ul {
		width: 400px;
	}
	.sidebar-nav #sidebarnav li.two-column>ul>li {
		width: 49%;
		vertical-align: top;
		display: inline-block;
	}
	.sidebar-nav #sidebarnav li.three-column>ul {
		width: 600px;
	}
	.sidebar-nav #sidebarnav li.three-column>ul>li {
		width: 32.5%;
		vertical-align: top;
		display: inline-block;
	}
	.sidebar-nav #sidebarnav>li>a.has-arrow:after {
		display: none;
	}
	/****************
    When click on sidebar toggler and also for tablet
    *****************/
	.sidebar-nav #sidebarnav li {
		position: relative;
	}
	.sidebar-nav #sidebarnav>li>ul {
		position: absolute;
		z-index: 1001;
		width: 260px;
		background: #ffffff;
		display: none;
		-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.09);
		box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.09);
	}
	.sidebar-nav #sidebarnav>li:hover>ul {
		height: auto !important;
		overflow: auto;
	}
	.sidebar-nav #sidebarnav>li:hover>ul, .sidebar-nav #sidebarnav>li:hover>ul.collapse
		{
		display: block;
		max-height: 440px;
	}
}

.sidebar-nav .has-arrow {
	position: relative;
}

.sidebar-nav .has-arrow::after {
	position: absolute;
	content: '';
	width: .4em;
	height: .4em;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #54667a;
	right: 1em;
	-webkit-transform: rotate(-45deg) translate(0, -50%);
	-ms-transform: rotate(-45deg) translate(0, -50%);
	-o-transform: rotate(-45deg) translate(0, -50%);
	transform: rotate(-45deg) translate(0, -50%);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	top: 50%;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.sidebar-nav .active>.has-arrow::after, .sidebar-nav li>.has-arrow.active::after,
	.sidebar-nav .has-arrow[aria-expanded="true"]::after {
	-webkit-transform: rotate(-135deg) translate(0, -50%);
	-ms-transform: rotate(-135deg) translate(0, -50%);
	-o-transform: rotate(-135deg) translate(0, -50%);
	transform: rotate(-135deg) translate(0, -50%);
}

@media ( max-width : 1024px) and (min-width: 700px) {
	.sidebar-nav ul li a i {
		display: none;
	}
}

@media ( max-width : 767px) {
	.mini-sidebar .left-sidebar {
		position: fixed;
		display: none;
		height: 100%;
		overflow: auto;
	}
	.mini-sidebar.show-sidebar .left-sidebar, .mini-sidebar.show-sidebar .sidebar-footer
		{
		display: block;
	}
	.mini-sidebar .sidebar-nav #sidebarnav>li>ul {
		padding: 0 10px;
	}
	.mini-sidebar .sidebar-nav #sidebarnav>li>ul li a {
		padding: 10px 15px 10px 35px;
	}
}

/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*******************
/*User mail widgets*/
/*******************/
.topbar .top-navbar .mailbox {
	width: 300px;
}

.topbar .top-navbar .mailbox ul {
	padding: 0px;
}

.topbar .top-navbar .mailbox ul li {
	list-style: none;
}

.mailbox ul li .drop-title {
	font-weight: 500;
	padding: 11px 20px 15px;
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
}

.mailbox ul li .nav-link {
	border-top: 1px solid rgba(120, 130, 140, 0.13);
	padding-top: 15px;
}

.mailbox .message-center {
	height: 200px;
	overflow: auto;
	position: relative;
}

.mailbox .message-center a {
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
	display: block;
	text-decoration: none;
	padding: 9px 15px;
}

.mailbox .message-center a:hover {
	background: #f2f4f8;
}

.mailbox .message-center a div {
	white-space: normal;
}

.mailbox .message-center a .user-img {
	width: 40px;
	position: relative;
	display: inline-block;
	margin: 0 10px 15px 0;
}

.mailbox .message-center a .user-img img {
	width: 100%;
}

.mailbox .message-center a .user-img .profile-status {
	border: 2px solid #ffffff;
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	left: 30px;
	position: absolute;
	top: 1px;
	width: 10px;
}

.mailbox .message-center a .user-img .online {
	background: #55ce63;
}

.mailbox .message-center a .user-img .busy {
	background: #f62d51;
}

.mailbox .message-center a .user-img .away {
	background: #ffbc34;
}

.mailbox .message-center a .user-img .offline {
	background: #ffbc34;
}

.mailbox .message-center a .mail-contnet {
	display: inline-block;
	width: 75%;
	vertical-align: middle;
}

.mailbox .message-center a .mail-contnet h5 {
	margin: 5px 0px 0;
}

.mailbox .message-center a .mail-contnet .mail-desc, .mailbox .message-center a .mail-contnet .time
	{
	font-size: 12px;
	display: block;
	margin: 1px 0;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #54667a;
	white-space: nowrap;
}

/*******************
/*Analytic info sparkline chart page*/
/*******************/
.analytics-info li span {
	font-size: 24px;
	vertical-align: middle;
}

/*******************
/*States row*/
/*******************/
.stats-row {
	margin-bottom: 20px;
}

.stats-row .stat-item {
	display: inline-block;
	padding-right: 15px;
}

.stats-row .stat-item+.stat-item {
	padding-left: 15px;
	border-left: 1px solid rgba(120, 130, 140, 0.13);
}

/*******************/
/*Dashboard1 Weather*/
/*******************/
.city-weather-days {
	margin: 0px;
}

.city-weather-days li {
	text-align: center;
	padding: 15px 0;
}

.city-weather-days li span {
	display: block;
	padding: 10px 0 0;
	color: #90a4ae;
}

.city-weather-days li i {
	display: block;
	font-size: 20px;
	color: #009efb;
}

.city-weather-days li h3 {
	font-weight: 300;
	margin-top: 5px;
}

/*******************/
/*Comment widgets*/
/*******************/
.comment-widgets {
	position: relative;
	margin-bottom: 10px;
}

.comment-widgets .comment-row {
	border-left: 3px solid #ffffff;
	padding: 15px;
}

.comment-widgets .comment-row:hover, .comment-widgets .comment-row.active
	{
	border-color: #009efb;
}

.comment-text {
	padding: 15px 15px 15px 20px;
}

.comment-text:hover .comment-footer .action-icons, .comment-text.active .comment-footer .action-icons
	{
	visibility: visible;
}

.comment-text p {
	max-height: 50px;
	overflow: hidden;
}

.comment-footer .action-icons {
	visibility: hidden;
}

.comment-footer .action-icons a {
	padding-left: 15px;
	vertical-align: middle;
	color: #90a4ae;
}

.comment-footer .action-icons a:hover, .comment-footer .action-icons a.active
	{
	color: #009efb;
}

/*******************/
/*To do widgets*/
/*******************/
.todo-list li {
	border: 0px;
	margin-bottom: 0px;
	padding: 20px 15px 15px 0px;
}

.todo-list li .checkbox {
	width: 100%;
}

.todo-list li .checkbox label {
	font-weight: 400;
}

.todo-list li:last-child {
	border-bottom: 0px;
}

.todo-list li .assignedto {
	padding: 0px 0 0 27px;
	margin: 0px;
}

.todo-list li .assignedto li {
	list-style: none;
	padding: 0px;
	display: inline-block;
	border: 0px;
	margin-right: 2px;
}

.todo-list li .assignedto li img {
	width: 30px;
	border-radius: 100%;
}

.todo-list li .item-date {
	padding-left: 25px;
	font-size: 12px;
	display: inline-block;
}

.list-task .task-done span {
	text-decoration: line-through;
}

/*******************/
/*Chat widget*/
/*******************/
.chat-list {
	margin: 0px;
	padding: 0px;
}

.chat-list li {
	list-style: none;
	margin-top: 30px;
}

.chat-list li .chat-img {
	display: inline-block;
	width: 45px;
	vertical-align: top;
}

.chat-list li .chat-img img {
	width: 45px;
	border-radius: 100%;
}

.chat-list li .chat-content {
	width: calc(100% - 140px);
	display: inline-block;
	padding-left: 15px;
}

.chat-list li .chat-content h5 {
	color: #90a4ae;
}

.chat-list li .chat-content .box {
	display: inline-block;
	margin-bottom: 10px;
}

.chat-list li .chat-time {
	display: inline-block;
	text-align: right;
	width: 80px;
	font-size: 13px;
	color: #90a4ae;
}

.chat-list li.odd .chat-content {
	text-align: right;
	width: calc(100% - 90px);
}

.chat-list li.odd .box {
	clear: both;
}

.chat-list li.odd+.odd {
	margin-top: 0px;
}

.chat-list li.reverse {
	text-align: right;
}

.chat-list li.reverse .chat-time {
	text-align: left;
}

.chat-list li.reverse .chat-content {
	padding-left: 0px;
	padding-right: 15px;
}

/*******************/
/*Chat widget*/
/*******************/
.message-box ul li .drop-title {
	font-weight: 500;
	padding: 11px 20px 15px;
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
}

.message-box ul li .nav-link {
	border-top: 1px solid rgba(120, 130, 140, 0.13);
	padding-top: 15px;
}

.message-box .message-widget {
	position: relative;
}

.message-box .message-widget a {
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
	display: block;
	text-decoration: none;
	padding: 9px 15px;
}

.message-box .message-widget a:hover {
	background: #f2f4f8;
}

.message-box .message-widget a:last-child {
	border-bottom: 0px;
}

.message-box .message-widget a div {
	white-space: normal;
}

.message-box .message-widget a .user-img {
	width: 45px;
	position: relative;
	display: inline-block;
	margin: 0 10px 15px 0;
}

.message-box .message-widget a .user-img img {
	width: 100%;
}

.message-box .message-widget a .user-img .profile-status {
	border: 2px solid #ffffff;
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	left: 33px;
	position: absolute;
	top: -1px;
	width: 10px;
}

.message-box .message-widget a .user-img .online {
	background: #55ce63;
}

.message-box .message-widget a .user-img .busy {
	background: #f62d51;
}

.message-box .message-widget a .user-img .away {
	background: #ffbc34;
}

.message-box .message-widget a .user-img .offline {
	background: #ffbc34;
}

.message-box .message-widget a .mail-contnet {
	display: inline-block;
	width: 71%;
	vertical-align: middle;
}

.message-box .message-widget a .mail-contnet h5 {
	margin: 5px 0px 0;
}

.message-box .message-widget a .mail-contnet .mail-desc, .message-box .message-widget a .mail-contnet .time
	{
	font-size: 12px;
	display: block;
	margin: 1px 0;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #54667a;
	white-space: nowrap;
}

/*******************/
/*Calendar widget*/
/*******************/
.calendar {
	float: left;
	margin-bottom: 0px;
}

.fc-view {
	margin-top: 30px;
}

.none-border .modal-footer {
	border-top: none;
}

.fc-toolbar {
	margin-bottom: 5px;
	margin-top: 15px;
}

.fc-toolbar h2 {
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	text-transform: uppercase;
}

.fc-day {
	background: #ffffff;
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus,
	.fc-toolbar button:hover, .fc-toolbar .ui-state-hover {
	z-index: 0;
}

.fc-widget-header {
	border: 0px !important;
}

.fc-widget-content {
	border-color: rgba(120, 130, 140, 0.13) !important;
}

.fc th.fc-widget-header {
	color: #54667a;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	padding: 7px 0px;
	text-transform: uppercase;
}

.fc th.fc-sun, .fc th.fc-tue, .fc th.fc-thu, .fc th.fc-sat {
	background: #f2f7f8;
}

.fc th.fc-mon, .fc th.fc-wed, .fc th.fc-fri {
	background: #f2f7f8;
}

.fc-view {
	margin-top: 0px;
}

.fc-toolbar {
	margin: 0px;
	padding: 24px 0px;
}

.fc-button {
	background: #ffffff;
	border: 1px solid rgba(120, 130, 140, 0.13);
	color: #54667a;
	text-transform: capitalize;
}

.fc-button:hover {
	background: #f2f4f8;
	opacity: 0.8;
}

.fc-text-arrow {
	font-family: inherit;
	font-size: 16px;
}

.fc-state-hover {
	background: #F5F5F5;
}

.fc-unthemed .fc-today {
	border: 1px solid #f62d51;
	background: #f2f4f8 !important;
}

.fc-state-highlight {
	background: #f0f0f0;
}

.fc-cell-overlay {
	background: #f0f0f0;
}

.fc-unthemed .fc-today {
	background: #ffffff;
}

.fc-event {
	border-radius: 0px;
	border: none;
	cursor: move;
	color: #ffffff !important;
	font-size: 13px;
	margin: 1px -1px 0 -1px;
	padding: 5px 5px;
	text-align: center;
	background: #009efb;
}

.calendar-event {
	cursor: move;
	margin: 10px 5px 0 0;
	padding: 6px 10px;
	display: inline-block;
	color: #ffffff;
	min-width: 140px;
	text-align: center;
	background: #009efb;
}

.calendar-event a {
	float: right;
	opacity: 0.6;
	font-size: 10px;
	margin: 4px 0 0 10px;
	color: #ffffff;
}

.fc-basic-view td.fc-week-number span {
	padding-right: 5px;
}

.fc-basic-view .fc-day-number {
	padding: 10px 15px;
	display: inline-block;
}

/*******************/
/*Steam line widget*/
/*******************/
.steamline {
	position: relative;
	border-left: 1px solid rgba(120, 130, 140, 0.13);
	margin-left: 20px;
}

.steamline .sl-left {
	float: left;
	margin-left: -20px;
	z-index: 1;
	width: 40px;
	line-height: 40px;
	text-align: center;
	height: 40px;
	border-radius: 100%;
	color: #ffffff;
	background: #263238;
	margin-right: 15px;
}

.steamline .sl-left img {
	max-width: 40px;
}

.steamline .sl-right {
	padding-left: 50px;
}

.steamline .sl-right .desc, .steamline .sl-right .inline-photos {
	margin-bottom: 30px;
}

.steamline .sl-item {
	border-bottom: 1px solid rgba(120, 130, 140, 0.13);
	margin: 20px 0;
}

.sl-date {
	font-size: 10px;
	color: #90a4ae;
}

.time-item {
	border-color: rgba(120, 130, 140, 0.13);
	padding-bottom: 1px;
	position: relative;
}

.time-item:before {
	content: " ";
	display: table;
}

.time-item:after {
	background-color: #ffffff;
	border-color: rgba(120, 130, 140, 0.13);
	border-radius: 10px;
	border-style: solid;
	border-width: 2px;
	bottom: 0;
	content: '';
	height: 14px;
	left: 0;
	margin-left: -8px;
	position: absolute;
	top: 5px;
	width: 14px;
}

.time-item-item:after {
	content: " ";
	display: table;
}

.item-info {
	margin-bottom: 15px;
	margin-left: 15px;
}

.item-info p {
	margin-bottom: 10px !important;
}

/*******************/
/*Feed widget*/
/*******************/
.feeds {
	margin: 0px;
	padding: 0px;
}

.feeds li {
	list-style: none;
	padding: 10px;
	display: block;
}

.feeds li:hover {
	background: #ebf3f5;
}

.feeds li>div {
	width: 40px;
	height: 40px;
	margin-right: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border-radius: 100%;
}

.feeds li>div i {
	line-height: 40px;
}

.feeds li span {
	float: right;
	width: auto;
	font-size: 12px;
}

/*******************/
/*Vertical carousel*/
/*******************/
.vert .carousel-item-next.carousel-item-left, .vert .carousel-item-prev.carousel-item-right
	{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next, .vert .active.carousel-item-right {
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev, .vert .active.carousel-item-left {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

/*******************/
/*social-widgets*/
/*******************/
.social-widget .soc-header {
	padding: 15px;
	text-align: center;
	font-size: 36px;
	color: #fff;
}

.social-widget .soc-header.box-facebook {
	background: #3b5998;
}

.social-widget .soc-header.box-twitter {
	background: #00aced;
}

.social-widget .soc-header.box-google {
	background: #f86c6b;
}

.social-widget .soc-header.box-linkedin {
	background: #4875b4;
}

.social-widget .soc-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
}

.social-widget .soc-content div {
	padding: 10px;
}

.social-widget .soc-content div h3 {
	margin-bottom: 0px;
}

/*******************/
/*Guage chart*/
/*******************/
.gaugejs-box {
	position: relative;
	margin: 0 auto;
}

.gaugejs-box canvas.gaugejs {
	width: 100% !important;
	height: auto !important;
}

/*******************/
/*social-profile-first*/
/*******************/
.social-profile-first {
	text-align: center;
	padding-top: 22%;
	margin-bottom: 96px;
}

.social-profile-first.bg-over {
	background: rgba(56, 83, 161, 0.7);
}

.social-profile-first .middle {
	vertical-align: middle;
}

/*******************/
/*country-state*/
/*******************/
.country-state {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

.country-state li {
	margin-top: 30px;
	margin-bottom: 10px;
}

.country-state h2 {
	margin-bottom: 0px;
	font-weight: 400;
}

/*******************/
/*profile timeline widget*/
/*******************/
.profiletimeline {
	position: relative;
	margin-left: 70px;
	margin-right: 10px;
}

.profiletimeline .sl-left {
	float: left;
	margin-left: -60px;
	z-index: 1;
	margin-right: 15px;
}

.profiletimeline .sl-left img {
	max-width: 40px;
}

.profiletimeline .sl-item {
	margin-top: 8px;
	margin-bottom: 30px;
}

.profiletimeline .sl-date {
	font-size: 12px;
	color: #90a4ae;
}

.profiletimeline .time-item {
	border-color: rgba(120, 130, 140, 0.13);
	padding-bottom: 1px;
	position: relative;
}

.profiletimeline .time-item:before {
	content: " ";
	display: table;
}

.profiletimeline .time-item:after {
	background-color: #ffffff;
	border-color: rgba(120, 130, 140, 0.13);
	border-radius: 10px;
	border-style: solid;
	border-width: 2px;
	bottom: 0;
	content: '';
	height: 14px;
	left: 0;
	margin-left: -8px;
	position: absolute;
	top: 5px;
	width: 14px;
}

.profiletimeline .time-item-item:after {
	content: " ";
	display: table;
}

.profiletimeline .item-info {
	margin-bottom: 15px;
	margin-left: 15px;
}

.profiletimeline .item-info p {
	margin-bottom: 10px !important;
}

/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@media ( min-width : 1600px) {
	.col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2,
		.col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8,
		.col-xlg-9 {
		float: left;
	}
	.col-xlg-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-xlg-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.66666667%;
		-ms-flex: 0 0 91.66666667%;
		flex: 0 0 91.66666667%;
		max-width: 91.66666667%;
	}
	.col-xlg-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.33333333%;
		-ms-flex: 0 0 83.33333333%;
		flex: 0 0 83.33333333%;
		max-width: 83.33333333%;
	}
	.col-xlg-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xlg-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.66666667%;
		-ms-flex: 0 0 66.66666667%;
		flex: 0 0 66.66666667%;
		max-width: 66.66666667%;
	}
	.col-xlg-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.33333333%;
		-ms-flex: 0 0 58.33333333%;
		flex: 0 0 58.33333333%;
		max-width: 58.33333333%;
	}
	.col-xlg-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xlg-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.66666667%;
		-ms-flex: 0 0 41.66666667%;
		flex: 0 0 41.66666667%;
		max-width: 41.66666667%;
	}
	.col-xlg-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.33333333%;
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
	.col-xlg-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xlg-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.66666667%;
		-ms-flex: 0 0 16.66666667%;
		flex: 0 0 16.66666667%;
		max-width: 16.66666667%;
	}
	.col-xlg-1 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 8.33333333%;
		-ms-flex: 0 0 8.33333333%;
		flex: 0 0 8.33333333%;
		max-width: 8.33333333%;
	}
	.col-xlg-pull-12 {
		right: 100%;
	}
	.col-xlg-pull-11 {
		right: 91.66666667%;
	}
	.col-xlg-pull-10 {
		right: 83.33333333%;
	}
	.col-xlg-pull-9 {
		right: 75%;
	}
	.col-xlg-pull-8 {
		right: 66.66666667%;
	}
	.col-xlg-pull-7 {
		right: 58.33333333%;
	}
	.col-xlg-pull-6 {
		right: 50%;
	}
	.col-xlg-pull-5 {
		right: 41.66666667%;
	}
	.col-xlg-pull-4 {
		right: 33.33333333%;
	}
	.col-xlg-pull-3 {
		right: 25%;
	}
	.col-xlg-pull-2 {
		right: 16.66666667%;
	}
	.col-xlg-pull-1 {
		right: 8.33333333%;
	}
	.col-xlg-pull-0 {
		right: auto;
	}
	.col-xlg-push-12 {
		left: 100%;
	}
	.col-xlg-push-11 {
		left: 91.66666667%;
	}
	.col-xlg-push-10 {
		left: 83.33333333%;
	}
	.col-xlg-push-9 {
		left: 75%;
	}
	.col-xlg-push-8 {
		left: 66.66666667%;
	}
	.col-xlg-push-7 {
		left: 58.33333333%;
	}
	.col-xlg-push-6 {
		left: 50%;
	}
	.col-xlg-push-5 {
		left: 41.66666667%;
	}
	.col-xlg-push-4 {
		left: 33.33333333%;
	}
	.col-xlg-push-3 {
		left: 25%;
	}
	.col-xlg-push-2 {
		left: 16.66666667%;
	}
	.col-xlg-push-1 {
		left: 8.33333333%;
	}
	.col-xlg-push-0 {
		left: auto;
	}
	.offset-xlg-12 {
		margin-left: 100%;
	}
	.offset-xlg-11 {
		margin-left: 91.66666667%;
	}
	.offset-xlg-10 {
		margin-left: 83.33333333%;
	}
	.offset-xlg-9 {
		margin-left: 75%;
	}
	.offset-xlg-8 {
		margin-left: 66.66666667%;
	}
	.offset-xlg-7 {
		margin-left: 58.33333333%;
	}
	.offset-xlg-6 {
		margin-left: 50%;
	}
	.offset-xlg-5 {
		margin-left: 41.66666667%;
	}
	.offset-xlg-4 {
		margin-left: 33.33333333%;
	}
	.offset-xlg-3 {
		margin-left: 25%;
	}
	.offset-xlg-2 {
		margin-left: 16.66666667%;
	}
	.offset-xlg-1 {
		margin-left: 8.33333333%;
	}
	.offset-xlg-0 {
		margin-left: 0;
	}
}

.col-xlg-1, .col-xlg-10, .col-xlg-11, .col-xlg-12, .col-xlg-2,
	.col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8,
	.col-xlg-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

/*-------------------*/
/*Bootstrap 4 hack*/
/*-------------------*/
.bootstrap-touchspin .input-group-btn {
	-webkit-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
}

.form-control-danger, .form-control-success, .form-control-warning {
	padding-right: 2.25rem;
	background-repeat: no-repeat;
	background-position: center right .5625rem;
	-webkit-background-size: 1.125rem 1.125rem;
	background-size: 1.125rem 1.125rem;
}

.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label,
	.has-success .form-control-feedback, .has-success .form-control-label {
	color: #55ce63;
}

.has-success .form-control-success {
	background-image:
		url(../../javascript/resources/images/icon/success.svg);
}

.has-success .form-control {
	border-color: #55ce63;
}

.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label,
	.has-warning .form-control-feedback, .has-warning .form-control-label {
	color: #ffbc34;
}

.has-warning .form-control-warning {
	background-image:
		url(../../javascript/resources/images/icon/warning.svg);
}

.has-warning .form-control {
	border-color: #ffbc34;
}

.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label,
	.has-danger .form-control-feedback, .has-danger .form-control-label {
	color: #f62d51;
}

.has-danger .form-control-danger {
	background-image: url(../../javascript/resources/images/icon/danger.svg);
}

.has-danger .form-control {
	border-color: #f62d51;
}

.input-group-addon [type="radio"]:not (:checked ), .input-group-addon [type="radio"]:checked,
	.input-group-addon [type="checkbox"]:not (:checked ),
	.input-group-addon [type="checkbox"]:checked {
	position: initial;
	opacity: 1;
}

.invisible {
	visibility: hidden !important;
}

.hidden-xs-up {
	display: none !important;
}

@media ( max-width : 575px) {
	.hidden-xs-down {
		display: none !important;
	}
}

@media ( min-width : 576px) {
	.hidden-sm-up {
		display: none !important;
	}
}

/* @media ( max-width : 767px) {
	.hidden-sm-down {
		display: none !important;
	}
} */
@media ( min-width : 768px) {
	.hidden-md-up {
		display: none !important;
	}
}

@media ( max-width : 991px) {
	.hidden-md-down {
		display: none !important;
	}
}

@media ( min-width : 992px) {
	.hidden-lg-up {
		display: none !important;
	}
}

@media ( max-width : 1199px) {
	.hidden-lg-down {
		display: none !important;
	}
}

@media ( min-width : 1200px) {
	.hidden-xl-up {
		display: none !important;
	}
}

.hidden-xl-down {
	display: none !important;
}

.card-inverse .card-blockquote, .card-inverse .card-footer,
	.card-inverse .card-header, .card-inverse .card-title {
	color: #ffffff;
}

/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*============================================================== 
 For Laptop & above all (1650px) 
 ============================================================== */
/* @media ( min-width : 1650px) {
	.widget-app-columns {
		-webkit-column-count: 3;
		column-count: 3;
	}
} */

/*============================================================== 
 For Laptop & above all (1370px) 
 ============================================================== */
/* @media ( max-width : 1370px) {
	.widget-app-columns {
		-webkit-column-count: 2;
		column-count: 2;
	}
	.container-fluid, .topbar .top-navbar, .scroll-sidebar {
		max-width: 1170px;
	}
} */

/*-- ============================================================== 
 Small Desktop & above all (1024px) 
 ============================================================== */

/* @media ( max-width : 1024px) {
	.container-fluid, .topbar .top-navbar, .scroll-sidebar {
		max-width: 980px;
	}
}

@media ( max-width : 1023px) {
	.container-fluid {
		padding: 25px 20px;
	}
	.widget-app-columns {
		-webkit-column-count: 1;
		column-count: 1;
	}
	.inbox-center a {
		width: 200px;
	}
} */

/*-- ============================================================== 
 Ipad & above all(768px) 
 ============================================================== */
/* @media ( min-width : 768px) {
	.navbar-header {
		width: 240px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
	.navbar-header .navbar-brand {
		padding-top: 0px;
	}
	.material-icon-list-demo .icons div {
		width: 33%;
		display: inline-block;
		line-height: 26px;
	}
	.flex-wrap {
		-ms-flex-wrap: no-wrap !important;
		flex-wrap: no-wrap !important;
		-webkit-flex-wrap: no-wrap !important;
	}
} */

/*-- ============================================================== 
 Phone and below ipad(767px) 
 ============================================================== */
@media ( max-width : 767px) {
	/*Header*/
	.topbar {
		position: fixed;
		width: 100%;
	}
	.topbar .top-navbar {
		padding-right: 15px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
	}
	.topbar .top-navbar .navbar-collapse {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}
	.topbar .top-navbar .navbar-nav {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.topbar .top-navbar .navbar-nav>.nav-item.show {
		position: static;
	}
	.topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu {
		width: 100%;
		margin-top: 0px;
	}
	.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
		padding-left: .50rem;
		padding-right: .50rem;
	}
	.topbar .top-navbar .navbar-nav .dropdown-menu {
		position: absolute;
	}
	.mega-dropdown .dropdown-menu {
		height: 480px;
		overflow: auto;
	}
	/*Sidebar and wrapper*/
	.mini-sidebar .page-wrapper {
		margin-left: 0px;
		padding-top: 70px;
	}
	.comment-text .comment-footer .action-icons {
		display: block;
		padding: 10px 0;
	}
	.vtabs .tabs-vertical {
		width: auto;
		border: 1px solid rgba(224, 224, 224, 1);
	}
	/*Footer*/
	.footer {
		left: 0px;
	}
	.material-icon-list-demo .icons div {
		width: 100%;
	}
	.error-page .footer {
		position: fixed;
		bottom: 0px;
		z-index: 10;
	}
	.error-box {
		position: relative;
		padding-bottom: 60px;
	}
	.error-body {
		padding-top: 10%;
	}
	.error-body h1 {
		font-size: 100px;
		font-weight: 600;
		line-height: 100px;
	}
	.login-register {
		position: relative;
		overflow: hidden;
	}
	.login-box {
		width: 90%;
	}
	.login-sidebar {
		padding: 10% 0;
	}
	.login-sidebar .login-box {
		position: relative;
	}
	/*This is for chat page*/
	.chat-main-box .chat-left-aside {
		left: -250px;
		position: absolute;
		-webkit-transition: 0.5s ease-in;
		-o-transition: 0.5s ease-in;
		transition: 0.5s ease-in;
		background: #ffffff;
	}
	.chat-main-box .chat-left-aside.open-pnl {
		left: 0px;
	}
	.chat-main-box .chat-left-aside .open-panel {
		display: block;
	}
	.chat-main-box .chat-right-aside {
		width: 100%;
	}
	/*Timeline*/
	ul.timeline:before {
		left: 40px;
	}
	ul.timeline>li>.timeline-panel {
		width: calc(100% - 90px);
	}
	ul.timeline>li>.timeline-badge {
		top: 16px;
		left: 15px;
		margin-left: 0;
	}
	ul.timeline>li>.timeline-panel {
		float: right;
	}
	ul.timeline>li>.timeline-panel:before {
		right: auto;
		left: -15px;
		border-right-width: 15px;
		border-left-width: 0;
	}
	ul.timeline>li>.timeline-panel:after {
		right: auto;
		left: -14px;
		border-right-width: 14px;
		border-left-width: 0;
	}
	/*Contact app page*/
	.left-aside {
		width: 100%;
		position: relative;
		border: 0px;
	}
	.right-aside {
		margin-left: 0px;
	}
	.flex-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
		-webkit-flex-wrap: wrap !important;
	}
	.chat-list li .chat-content {
		width: calc(100% - 80px);
	}
	.dataTables_wrapper .dataTables_paginate {
		width: 100%;
	}
	.dataTables_wrapper .dataTables_paginate .paginate_button {
		padding: 0.5rem 0.5rem;
	}
}

.autocomplete {
	/*the container must be positioned relative:*/
	position: relative;
	display: inline-block;
}
/*
* { box-sizing: border-box; }
input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
}*/
.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 15px;
	right: 0;
	width: 270px;
	height: 80px;
	overflow-y: scroll;
}

.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
	/*when hovering an item:*/
	background-color: #e9e9e9;
}

.autocomplete-active {
	/*when navigating through the items using the arrow keys:*/
	background-color: DodgerBlue !important;
	color: #ffffff;
}

/************************ Auto-complete END ***********************/

/********************SQL case statement  Start***************************/
.sqlcasestatement_container {
	width: 100%;
	position: relative;
	float: left;
	margin: 6px;
}

.sqlcasestatement-then {
	display: inline;
}
/********************SQL case statement  END***************************/

/*********Query Mangement************/
.divBorder {
	background: white;
	border-color: #e5e9ef;
	border: #e5e9ef;
	border-style: solid;
	border-width: 1px;
	margin: 5px;
}
/***********Query Mangement End*********/
[class*="span"] {
	/* float: left; */
	/* min-height: 1px; */
	/* margin-left: 30px; */
	
}

.form-horizontal .control-label {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: right;
}

.form-horizontal .control-label-flow {
	float: left;
	padding-top: 5px;
	text-align: right;
}

.form-horizontal .control-labelcat {
	float: left;
	color: black;
	padding-top: 0px;
	text-align: left;
	font-size: 14px;
}

.form-horizontal .control-labelcat1 {
	font-family: "Rubik", sans-serif;
	font-size: 14px;
	color: black;
	float: left;
	width: 160px;
	padding-top: 0px;
	text-align: left;
}

.table input[type="checkbox"] {
	/* display: none; */
	
}

/*****************************Parse sample data Start******************/
.sample-file-params {
	width: 50%;
	margin: 0 20%;
}

.first-row-header-check-box {
	margin-left: 17px;
}

.importFileRow {
	width: 50%;
	margin: 0 20%;
}

.chooseSampleFileContainer {
	display: inline;
	margin: 20px;
}

.importTableRow {
	padding: 60px !important;
}

.importDataTypeTableRow {
	padding: 60px !important;
}

.importFileDirectoryRow {
	width: 40%;
	margin: 0 270px
}
/*****************************Parse sample data END*******************/
/*****************************Query Mangement Starts*******************/
ul.typeahead.dropdown-menu {
	top: 36% !important;
	left: 8% !important;
	min-height: 49% !important;
	width: 25% !important;
	font-size: 10px;
}

#accordionsDiv {
	float: right;
	margin-top: -38%;
	/* 	border-top: 1px solid #bec6fc; */
}

.domainColor {
	color: #263238 !important;
}

.folderColor {
	color: #4d544c !important;
}

.collectionColor {
	color: #318f94 !important;
}

.directoryColor {
	color: #009efb !important;
}
/****#96df95**/
.dataColor {
	color: black !important
}

/*****************************Query Mangement End*******************/
.gridster .gs-w {
	background-color: white;
}

.list-group-item1 {
	position: absolute !important;
	display: block;
}

.list-group-item1 {
	padding: .25rem .25rem
}

.list-group-item-custom {
	position: relative;
}

.list-group a.list-group-item-custom:hover {
	background: #3876bc;
}

.list-group-item-custom:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.list-group-item-custom {
	position: relative;
	display: block;
	padding: .45rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
}

.no_wrap {
	white-space: nowrap;
	vertical-align: middle !important;
}

.truncate-col {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	max-width: 50ch !important;
}

.truncate-col-no-onhover {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	max-width: 50ch !important;
}

.truncate-col:hover {
	overflow: visible !important;
	white-space: normal !important;
}

#sampleData .truncate-col:hover {
    overflow: hidden !important;
    white-space: nowrap !important;
}

.truncate-col1 {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	max-width: 20ch !important;
}

.truncate-col-cell {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	max-width: 20ch !important;
	overflow: visible !important;
	white-space: normal !important;
}

.truncate-col1:hover {
	overflow: visible !important;
	white-space: normal !important;
}

.truncate-col16 {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	max-width: 16ch !important;
}

.truncate-col15 {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	max-width: 15ch !important;
}

.truncate-col15:hover {
	overflow: visible !important;
	white-space: normal !important;
}

.truncate-col200 {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	min-width: 180px !important;
	max-width: 50ch !important;
}

.truncate-col200:hover {
	overflow: hidden !important;
	white-space: nowrap !important;
}

.truncate-col150 {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	min-width: 150px !important;
	max-width: 50ch !important;
}

.truncate-col1150:hover {
	overflow: visible !important;
	white-space: normal !important;
}

.vakata-context {
	z-index: 1100
}

.has-info {
	color: #10707f;
}

.suggestion {
	font-style: normal;
	line-height: inherit;
}
/*****************************time line********************************/
/* #holisticTimeline {
	width: 1200px;
	height: 600px;
	display: block;
} */

/* #holisticTimeline {
	width: 1200px;
	height: 500px;
	display: block;
} */
[data-draggable="target"] {
	float: left;
	list-style-type: none;
	width: 100%;
	min-height: 300px;
	overflow-y: auto;
	margin: 0 0.5em 0.5em 0;
	padding: 0.5em;
	border: 2px solid #888;
	border-radius: 0.2em;
	background: #ffffff;
	color: #555;
}

[data-draggable="item"][aria-grabbed="true"] {
	/* background: #009efb; */
	background: #f1f1f1; /* color: #fff; */
	color: #212529
}

[data-draggable="item"] {
	display: block;
	list-style-type: none;
	margin: 0 0 2px 0;
	padding: 0.2em 0.4em;
	border-radius: 0.2em;
	line-height: 1.3;
}

.li_selected {
	background: #009efb !important;
}

.tooltipSample_search {
	/* position: relative;
	display: inline-block; */
	
}

.tooltipSample_search .tooltiptext_search {
	visibility: hidden;
	max-width: 350px;
	overflow-x: auto;
	background-color: black;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 99;
	/* 	top: -5px;
	left: 110%; */
}

.tooltipSample_search .tooltiptext_search::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent black transparent transparent;
}

.tooltipSample_search:hover .tooltiptext_search {
	visibility: visible;
}

/*************************************************/
.tooltipSample {
	position: relative;
	display: inline-block;
}

.tooltipSample .tooltiptext {
	visibility: hidden;
	max-width: 350px;
	overflow-x: auto;
	background-color: black;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 99;
	/* 	top: -5px;
	left: 110%; */
}

.tooltipSample .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent black transparent transparent;
}

.tooltipSample:hover .tooltiptext {
	visibility: visible;
}

.tooltipSampleQnA {
	position: relative;
	display: inline-block;
}

.tooltipSampleQnA .tooltiptext {
	visibility: hidden;
	height: 120px;
	padding: 3px 4px 3px 1px;
	border-radius: 8px;
	gap: 10px;
	background: #334155;
	text-align: left;
	position: absolute;
	z-index: 99;
	color: white;
	/* 	top: -5px;
	left: 110%; */
}

.tooltipSampleQnA .tooltiptext::after {
	content: "";
	position: absolute;
	top: -7%;
	right: 59%;
	/* margin-top: -5px; */
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #334155 transparent;
}

.tooltipSampleQnA:hover .tooltiptext {
	visibility: visible;
}
/*left side bar*/
.left-side-toggle {
	position: relative;
}

.left-side-toggle i {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-o-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-animation-name: rotate;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	animation-name: rotate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	position: absolute;
	top: 9px;
	left: 10px;
}

.l-sidebar {
	position: fixed;
	left: -340px;
	width: 340px;
	max-width: 340px;
	display: none;
	/* z-index: 1100; */
	/* background: #ffffff; */
	/* background: #f2f2f2; */
	background: #ffffff;
	/* 	top: 0px; */
	top: 81px;
	padding-bottom: 20px;
	height: 100%;
	-webkit-box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 1px 40px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.l-sidebar .lpanel-title {
	display: block;
	/* padding: 24px 20px; */
	padding: 20px;
	padding-bottom: 0px;
	/* color: #ffffff; */
	color: #202020;
	/* text-transform: uppercase; */
	font-size: 18px;
	/* background: #3876bc;
	background: #3876bc; */
	background: #ffffff;
}

.l-sidebar .lpanel-title span {
	float: left;
	cursor: pointer;
	font-size: 11px;
}

.l-sidebar .lpanel-title span:hover {
	color: #ffffff;
}

.l-sidebar .l-panel-body {
	padding: 20px;
	padding-top: 0px;
	background: #ffffff;
}

.l-sidebar .l-panel-body ul {
	margin: 0px;
	padding: 0px;
}

.l-sidebar .l-panel-body ul li {
	list-style: none;
	padding: 5px 0;
}

.show-sidebar {
	position: fixed;
	width: 310px;
	display: none;
	z-index: 1;
	background: #ffffff;
	top: 131px;
	padding-bottom: 20px;
	height: 100%;
	transition: 0.3s;
}

.show-sidebar .s-panel-title {
	display: block;
	padding: 24px 20px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 15px;
	background: #3876bc;
}

.show-sidebar .s-panel-body {
	padding: 0px;
}

.shw-lside {
	left: 0px;
	width: 340px;
	max-width: 340px;
	display: block;
}
/**ingestion**/
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #A9A9A9;
	border-radius: 10px;
}

.border_none {
	border: none;
}

.no_wrap_table {
	white-space: normal
}

.row_selected {
	background-color: #F5F9FF !important;
}

.highlighted {
	background-color: #3876bc !important;
}

.changehighlighted {
	background-color: #f9ad59 !important;
}

.deletehighlighted {
	background-color: #ff8080 !important;
}

.addhighlighted {
	background-color: #8ae68e !important;
}

.changehighlightedFont {
	color: #f9ad59 !important;
}

.deletehighlightedFont {
	color: #ff8080 !important;
}

.addhighlightedFont {
	color: #8ae68e !important;
}

div.jGrowl {
	width: 50%;
}

div.jGrowl.top-right {
	right: 25%;
}

div.jGrowl div.jGrowl-notification {
	background-color: transparent;
	width: 100%;
}

div.jGrowl div.jGrowl-notification {
	min-height: 35px;
}

div.jGrowl div.jGrowl-notification.jGrowl_success {
	background-color: #27BB27;
	border-radius: 60px;
}

div.jGrowl div.jGrowl-notification.jGrowl_grey {
	background-color: #F3F4F6;
	border-radius: 100px;
	width: 191px;
	height: 28px;
	padding: 4px 20px;
	color: #374151;
	font-size: 14px;
	font-weight: 500;
}

.jGrowl_grey .jGrowl-close {
	display: none !important;
}


div.jGrowl div.jGrowl-notification.jGrowl_error {
	/* background-color: #F51A1A; */
	background-color: #dc2b30;
	border-radius: 60px;
}

div.jGrowl div.jGrowl-notification.jGrowl_info {
	/* background-color: #F51A1A; */
	background-color: #ffb18c;
	border-radius: 60px;
}

.dataTables_wrapper.container-fluid {
	/* max-width: 100% !important; */
	/* overflow-x: auto; */
	/* 	padding:50px; */
	padding: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 12px;
}

#preprocessingTableDetailsTable_wrapper{
	overflow-x: auto;
}

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

button#submitAgentToolConfigurationButton:disabled {
    background-color: #fff;
    color: #9CA3AF;
    border-color: #E5E7EB;
    cursor: not-allowed;
    font-weight: 400;
}

/*********************
 UX Changes Dataworkz
**********************/
.btn-outline-white {
	color: #202020;
	background-color: #ffffff;
	border-color: #202020;
	min-width: 70px;
	min-height: 25px;
}


.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white.focus
	{
	background: #f1f1f1;
	border-color: #202020;
	color: #202020;
}

.btn-outline-white {
	color: #202020;
	background-color: #ffffff;
	border-color: #202020;
	min-width: 70px;
	min-height: 25px;
}

.btn-outline-blue {
	color: #2B5FAD;
	background-color: #ffffff;
	border-color: #2B5FAD;
	min-width: 70px;
	min-height: 25px;
}

.searchBox {
	border-radius: 40px;
}

.text-black {
	color: #202020;
}

.text-blue {
	/* color: #2f62af; */
	color: #0966ce;
}

.text-grey {
	color: #9D9D9D;
}

.navText {
	color: #A0A6B6;
	font-size: 16px;
}

.font500 {
	font-weight: 500
}

.font14 {
	font-size: 14px;
}

.font15 {
	font-size: 15px;
}

.font16 {
	font-size: 16px;
	font-weight: normal;
}

.font18 {
	font-size: 18px;
	/* font-weight: bold; */
}

.font24 {
	font-size: 24px;
	font-weight: bold;
}

.font12 {
	font-size: 12px;
}

.bg-lightBlue {
	background-color: #e2eef7;
}

.bg-lightGrey {
	background-color: #f2f2f2;
}

.bg-athensGrey {
	background-color: #F4F5F8;
	/* background-color: #f2f2f2; */
}

.bg-grey {
	background-color: #9D9D9D;
}

/* .div-white {
	border-radius: 10px;
	background-color: #ffffff;
} */
.div-white {
	border: 1px solid #D4D7DC;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.div-white-noborder {
	border-radius: 15px;
	background-color: #ffffff;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.div-white-border {
	border: 1px solid #ECECEC;
	border-radius: 15px;
	background-color: #ffffff;
	transition: border-color 0.3s, box-shadow 0.3s;
}

.div-white-config {
	/* border: 1px solid #D4D7DC; */
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}

.div-white-border:hover {
	border: 1px solid #F3F4F6;
	box-shadow: 0 0 10px rgba(215, 215, 215, 0.5);
}

.div-grey {
	border: 1px solid #F3F4F6;
	border-radius: 12px;
	background-color: #F9FAFB;
	box-shadow: 0px 1px 2px -1px #0000001A, 0px 1px 3px 0px #0000001A;
}

.div-height {
	min-height: 500px;
	max-height: 550px;
	overflow: auto;
}

.div-corner10 {
	border-radius: 10px;
}

.div-blueBorder {
	border-radius: 10px;
	border: 1px solid;
	border-color: #3876bc;
	padding: 10px;
}

.custom-top li a.nav-link {
	border: 0px;
	font-size: 16px;
	padding: 15px 20px;
	color: #374151;
    font-weight: 400;
}

.custom-top li a.nav-link.active {
	/* border-bottom: 2px solid #009efb; */
	font-weight: 600;
	color: #0B66CE !important;
}

.custom-top li a.nav-link:hover {
	color: #2375D3;
}

.searchbar .app-search {
	position: relative;
	margin-top: 13px;
	margin-right: 10px;
	display: inline-block;
	/* display: flex; */
}

.searchbar .home-search {
	position: relative;
	margin-top: 13px;
	margin-right: 10px;
	/* display: inline-block; */
	display: flex;
}

.searchbar .app-search input {
	width: 260px;
	border-radius: 100px;
	font-size: 14px;
	-webkit-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}

/* .searchbar .app-search input:focus {
	width: 300px;
} */
.searchbar  .app-search .srh-btn {
	position: absolute;
	top: 8px;
	cursor: pointer;
	/*background: #ffffff;*/
	width: 15px;
	height: 15px;
	right: 15px;
	font-size: 14px;
}

.submenu-selection {
	border-bottom: 1px solid rgba(120, 130, 140, 0.13) !important;
	display: block !important;
	text-decoration: none !important;
	/* padding: 9px 15px !important; */
}

canvas {
	width: 100%;
	height: auto;
}

.stickyFooter {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	padding: 10px;
	text-align: center;
	background-color: #f2f2f2;
	color: #3c97f3;
}

.bookmark-save {
	color: #009EFB
}

.pop-tooltip {
	position: relative;
	display: inline-block;
}

.pop-tooltip .tooltiptext {
	visibility: hidden;
	width: 150px;
	/* height: 80px;  */
	background-color: white;
	color: black;
	/* text-align: center; */
	text-align: left;
	border-width: 2px;
	border-style: solid;
	border-color: #cacaca;
	/* border-radius: 10px; */
	padding: 5px 5px;
	position: absolute;
	z-index: 1;
	top: -25px;
	/* left: 110%; */
	right: 110%;
}

.pop-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	/* right: 100%; */
	left: 100%;
	margin-top: -5px;
	border-width: 10px;
	border-style: solid;
	/* border-color: transparent black transparent transparent; */
	border-color: transparent transparent transparent #cacaca;
}

.pop-tooltip:hover .tooltiptext {
	visibility: visible;
}

.overlay-screen {
	background-color: #EFEFEF;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 500;
	top: 0px;
	left: 0px;
	opacity: .5; /* in FireFox */
	filter: alpha(opacity = 50); /* in IE */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
}

.vl {
	border-left: 6px solid green;
	height: auto;
}
/* style for cytoscape */
.expand-collapse-canvas {
	z-index: 5 !important
}

.hidden_visibility {
	visibility: hidden;
}

.anamoly_color {
	color: #f62d51;
}

.danger_color {
	color: #f62d51;
}

a.disabled {
	color: black;
}

.zIndex1100 {
	z-index: 1100;
}

.zIndex2100 {
	z-index: 2100;
}

.cytoscape_class_observability {
	height: 500px;
	width: 90%;
	position: relative;
	/* 	min-height: 460px;
	max-height: 460px;
	
	padding-bottom: 30px; */
}

.cytoscape_class_parentobservability {
	/* height: 500px;
	width: 100% !important; */
	max-height: 500px;
	min-height: 500px;
	max-width: 100%;
	overflow: auto;
}

.cytoscape_class {
	width: 100%;
	height: 500px;
	position: relative;
}

.cytoscape_class_parentTimeline {
	max-height: 500px;
	max-width: 100%;
	overflow: auto;
}

.select2 {
	margin: 5px
}

.select2-results {
	/* font-size: 13px; */
	font-size: 14px;
}

.Center {
	position: relative;
	top: 35% !important;
	left: 35%;
	/* margin-top: -100px;
	margin-left: -100px; */
}

.buttonsLayout {
	bottom: 7%;
	position: relative;
	border-radius: 0px !important;
}

.bottomSliderButtonsLayout {
	bottom: 0%;
	position: relative;
	border-radius: 0px !important;
}

.salesforcebuttonsLayout {
	bottom: -3%;
	position: relative;
	border-radius: 0px !important;
}

.was-validated select.select2:invalid+.select2.select2-container.select2-container--default span.select2-selection,
	select.select2.is-invalid+.select2.select2-container.select2-container--default span.select2-selection
	{
	border-color: #dc3545;
	padding-right: .75rem;
	/* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); */
	background-image: none;
	/* background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); */
}

.was-validated select.select2:invalid+.select2.select2-container.select2-container--default .select2-selection__arrow,
	select.select2.is-invalid+.select2.select2-container.select2-container--default .select2-selection__arrow
	{
	right: 25px !important;
}

.was-validated select.select2:valid+.select2.select2-container.select2-container--default span.select2-selection,
	select.select2.is-valid+.select2.select2-container.select2-container--default span.select2-selection
	{
	border-color: #28a745;
	padding-right: .75rem;
	/* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); */
	background-image: none;
	/*  background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); */
}

.was-validated select.select2:valid+.select2.select2-container.select2-container--default .select2-selection__arrow,
	select.select2.is-valid+.select2.select2-container.select2-container--default .select2-selection__arrow
	{
	right: 25px !important;
}

.form-control.is-valid, .was-validated .form-control:valid {
	border-color: #28a745;
	padding-right: .75rem;
	background-image: none;
	/*  background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); */
}

.form-control.is-invalid, .was-validated .form-control:invalid {
	border-color: #dc3545;
	padding-right: .75rem;
	background-image: none;
	/* background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); */
}

#collectionDetails  div.dataTables_wrapper div.dataTables_filter {
	margin-top: -84px;
}

#collectionAccordianDiv div.dataTables_wrapper div.dataTables_filter {
	margin-top: -53px;
}

#scheduleJobStatus div.dataTables_wrapper div.dataTables_filter {
	margin-top: -53px;
}

#continuousJobStatus div.dataTables_wrapper div.dataTables_filter {
	margin-top: -53px;
}

#headerTemplateMapping-tableDiv div.dataTables_wrapper div.dataTables_filter
	{
	margin-top: -43px;
}

.customNoborderTable .dataTables_scrollHeadInner thead>tr>th {
	border-bottom: 1px solid gainsboro;
}

.customNoborderTable tbody>tr>td {
	border-bottom: 1px solid gainsboro;
}

.customNoborderTable tbody>tr:last-child>td {
	border-bottom: 1px solid black;
}

.customJobNoborderTable thead>tr>th {
	border-bottom: 1.5px solid black;
	font-weight: 500 !important;
	color: black !important;
	padding: 15px 8px;
}

.customJobNoborderTable tbody>tr>td {
	font-weight: 400;
}

.customJobNoborderTable tbody>tr>td {
	border-bottom: 1px solid gainsboro;
}

.customJobNoborderTable tbody>tr:last-child>td {
	border-bottom: 1px solid grey;
}

.customJobNoborderTable .sourcesCountInfo {
	padding: 2px 4px 2px 5px;
	border-radius: 16px;
	margin-left: 10px;
	background: #eee;
}

.sourcesCountInfo {
	position: relative;
	display: inline-block;
}

.sourcesCountInfo .sourcesDetailsInfo {
	background-color: white;
	color: black;
	border-radius: 6px;
	padding: 5px 14px;
	position: fixed;
	z-index: 99;
	margin-left: 11px;
	min-width: 200px;
	min-height: 100px;
}

#storageDrawerDiv input.form-control:disabled, #collectionDrawerDiv input.form-control:disabled
	{
	background-color: white;
	border: none;
	margin-left: -8px;
}

#storageDrawerDiv  select.form-control:disabled, #collectionDrawerDiv select.form-control:disabled
	{
	background-color: white;
	border: none;
	margin-left: -7px;
	-webkit-appearance: none;
}

/*BOOTSTAP MULTISELCT STARTS*/
select[multiple]+.btn-group>ul>li>a>label {
	padding-left: 10px !important;
	display: flex;
	align-items: flex-start;
}

.multiselect-container>li>a>label>input[type=checkbox] {
	margin-right: 4px;
	margin-top: 3px;
}

.singleSelectWidth+.btn-group>ul>li>a>label {
	padding-left: 0px !important;
	white-space: nowrap;
}

.singleSelectWidth+.btn-group>ul>li>a>label>input[type=radio] {
	visibility: hidden;
}

.multiselect-container {
	min-width: 100% !important;
	max-width: auto !important;
}

.singleSelectWidth+.btn-group>ul>li:hover {
	background-color: #F2F4F8 !important;
}

.singleSelectWidth+.btn-group>ul>.active {
	background-color: #D8EAFF !important;
}

.btn-group {
	border: 1px solid #ced4da !important;
	border-radius: 5px;
}

/*To make dropdown li clickable*/
.singleSelectWidth+.btn-group>ul>li>a, .singleSelectWidth+.btn-group>ul>li>a>label
	{
	display: block;
}

.seprator {
	height: 1px;
	width: 100%;
	display: block; /* for use on default inline elements like span */
	margin: 9px 17px;
	overflow: hidden;
	border-top: 2px dashed black
}

/*BOOTSTAP MULTISELCT ENDS*/
.date>.input-group-addon {
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	/*  background-color: #eee;*/
	border: 1px solid #ccc;
	border-radius: 4px;
}

.select2-container--default .select2-results__options>li:hover {
	background-color: #F2F4F8 !important;
	color: black !important;
}

.select2-container--default .select2-results__option[aria-selected=true]
	{
	background-color: #D8EAFF !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
	{
	background-color: #F2F4F8 !important;
	color: black !important;
}

webkit-autofill: {
	display: none
}

.alignmongoDBIcon>a>i {
	background-size: contain !important;
}

.alignSchemaIcon>a>i {
	background-size: 20px !important;
}

.jobStatusIcon {
	margin-right: 5px;
	color: green;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
	background-color: #DBDBDB;
}

#monitorApplicationStatus .dataTables_scrollBody, #scheduleJobStatus .dataTables_scrollBody,
	#continuousJobStatus .dataTables_scrollBody {
	overflow: visible !important;
}

.dashboardLinks {
	display: flex;
	height: 75px;
}

.jstree_box {
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
	/* font: 10px Verdana, sans-serif; */
	box-shadow: 0 0 5px #ccc;
	padding: 10px;
	border-radius: 5px;
}

#filter_schema_dir_tree .jstree-search {
	font-style: italic;
	color: #318F94 !important;
	font-weight: bold;
}

#custom-tooltip {
	display: none;
	margin-top: -2px;
	margin-left: 17px;
	padding: 3px 9px;
	background-color: #000000df;
	border-radius: 4px;
	color: #fff;
}

#schemaExplorerOverlay {
	background: #000;
	height: 100vh;
	width: 331px;
	left: -1%;
	position: absolute;
	z-index: 333;
	opacity: 0.2;
	border-radius: 14px;
	position: absolute;
}

#mapperDivOverlay {
	width: 77%;
	background: #000;
	height: 100vh;
	left: 23%;
	position: absolute;
	z-index: 333;
	opacity: 0.2;
	border-radius: 14px;
}

#dataprepMenuDropDown .message-center {
	height: 333px !important;
}

/* #dataprepMenuDropDown .slimScrollDiv {
	height: 333px !important
} */

.linkAddress {
	color: #0966CE !important;
	margin-top: 2px;
}

.aiCard {
	height: 85px;
	width: 30%;
	display: flex;
	align-items: unset;
	justify-content: space-between;
}

.aiLabel {
	max-width: 156px;
	display: flex;
	align-items: center
}

.comingSoon {
	background: #F0F0F0;
	color: #a0a6b5;
	border-radius: 7px;
	display: block;
	padding: 0px 5px 0px 5px;
}

.preview {
	background: #F0F0F0;
	color: red;
	border-radius: 7px;
	display: block;
	padding: 3px 12px 0px 12px;
}

.functionCard {
	height: 32px;
	display: flex;
	align-items: unset;
	justify-content: space-between;
	margin: .25rem !important
}

.datasetExplorer .nav-tabs, .datasetExplorer li a.nav-link.active,
	.datasetExplorer li a.nav-link:hover {
	border-bottom: none !important
}

.border-right {
	border-right: 1px solid #dee2e6 !important
}

.tribute-container ul {
	font-size: 14px;
	max-width: 500px;
	border-radius: 0.25rem;
	border: 1px solid rgba(0, 0, 0, .15);
	min-width: 10rem;
	background: white !important;
}

.tribute-container li {
	padding: 2px 17px 3px 9px;
	color: #655f5f !important;
	font-weight: 400
}

.tribute-container li.highlight {
	background: #D8EAFF !important;
}

.wizard-content h2 {
	font-weight: bold !important;
}

#predictionAction .multiselect-container>li.disabledLatitude,
	#predictionAction .multiselect-container>li.disabledLongitude {
	display: none;
}

.table_wrap {
	width: 70% !important;
	white-space: break-spaces !important;
	word-break: break-word !important;
}

.customDataType {
	margin: 3px 9px 0px 3px;
	color: #79AAFC
}

button.viewType.active, button.viewType:focus {
	outline: none !important;
}

.bootpagPagination .pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.bootpagPagination .pagination>li {
	display: inline
}

.bootpagPagination .pagination>li>a, .bootpagPagination .pagination>li>span
	{
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}

.bootpagPagination .pagination>li:first-child>a, .bootpagPagination .pagination>li:first-child>span
	{
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.bootpagPagination .pagination>li:last-child>a, .bootpagPagination .pagination>li:last-child>span
	{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.bootpagPagination .pagination>li>a:focus, .bootpagPagination .pagination>li>a:hover,
	.bootpagPagination .pagination>li>span:focus, .bootpagPagination .pagination>li>span:hover
	{
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}

.bootpagPagination .pagination>.active>a, .bootpagPagination .pagination>.active>a:focus,
	.bootpagPagination .pagination>.active>a:hover, .bootpagPagination .pagination>.active>span,
	.bootpagPagination .pagination>.active>span:focus, .bootpagPagination .pagination>.active>span:hover
	{
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7
}

.bootpagPagination .pagination>.disabled>a, .bootpagPagination .pagination>.disabled>a:focus,
	.bootpagPagination .pagination>.disabled>a:hover, .bootpagPagination .pagination>.disabled>span,
	.bootpagPagination .pagination>.disabled>span:focus, .bootpagPagination .pagination>.disabled>span:hover
	{
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

.bootpagPagination .pagination-lg>li>a, .bootpagPagination .pagination-lg>li>span
	{
	padding: 10px 16px;
	font-size: 18px
}

.bootpagPagination .pagination-lg>li:first-child>a, .bootpagPagination .pagination-lg>li:first-child>span
	{
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}

.bootpagPagination .pagination-lg>li:last-child>a, .bootpagPagination .pagination-lg>li:last-child>span
	{
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}

.bootpagPagination .pagination-sm>li>a, .bootpagPagination .pagination-sm>li>span
	{
	padding: 5px 10px;
	font-size: 12px
}

.bootpagPagination .pagination-sm>li:first-child>a, .bootpagPagination .pagination-sm>li:first-child>span
	{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.bootpagPagination .pagination-sm>li:last-child>a, .bootpagPagination .pagination-sm>li:last-child>span
	{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.headerShown {
	font-weight: 500;
	color: #3876bc
}

#headerDataDetails tbody>tr.selected {
	background: #f2f4f8
}

#headerDataDetailsDiv .table-hover tbody tr:hover {
	background: #F9FBFC !important
}

#headerDataDetailsDiv thead th {
	color: #000000;
	/* font-family: "Avenir Next"; */
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
}

#headerDataDetailsDiv thead th:first-child {
	padding-left: 16px;
}

#headerDataDetailsDiv tbody td i {
	padding-left: 12px;
}

.them-edit-link {
	position: absolute;
	top: 10px;
	right: 100px;
	color: black;
	font-size: 40px;
}

.them-edit-link a {
	text-decoration: none;
}

.drag-drawflow {
	line-height: 50px;
	padding-left: 20px;
	cursor: move;
	user-select: none;
}

.drawflowGrid {
	background: #F8F8FA;
	background-size: 25px 25px;
	background-image: radial-gradient(circle at 9px 6px, #cacaca 1px, transparent 0);
	height: 621px;
}

.customdrawflowGrid {
	background: #F8F8FA;
	background-size: 21px 21px;
	background-image: radial-gradient(circle at 9px 6px, #cacaca 1px, transparent 0);
	height: 85vh;
}

.drawflow .drawflow-node {
	background: transparent;
	border: 0px solid #cacaca;
	/* -webkit-box-shadow: 0 2px 15px 2px #cacaca; */
	/* box-shadow: 0 2px 15px 2px #cacaca; */
	padding: 0px;
	width: 65px;
	height: 65px;
}

.drawflow .drawflow-node .drawflow_content_node {
	width: 100%;
	height: 100%;
	display: block
}

.drawflow .drawflow-node.selected {
	background: white;
	/* border: 1px solid #4ea9ff; */
	/* -webkit-box-shadow: 0 2px 20px 2px #4ea9ff; 
  box-shadow: 0 2px 20px 2px #4ea9ff;*/
}

.drawflow .drawflow-node.selected .title-box {
	color: #22598c;
	border: 1px solid #000000;
	box-shadow: 0 2px 20px 2px #4ea9ff;
	/*border-bottom: 1px solid #4ea9ff;*/
}

.drawflow .connection .main-path {
	stroke: #BBBBBB;
	stroke-width: 2px;
}

.drawflow .drawflow-node .input, .drawflow .drawflow-node .output {
	height: 15px;
	width: 15px;
	border: 2px solid #cacaca;
}

.drawflow .connection .main-path:hover {
	stroke: #BBBBBB; ! important;
	stroke-width: 4px;
	cursor: pointer !important;
}

.drawflow .connection .main-path.selected {
	stroke: #000000;
	stroke-width: 2px;
}

.drawflow .drawflow-node .input:hover, .drawflow .drawflow-node .output:hover
	{
	background: #BBBBBB;
}

.drawflow .drawflow-node .output {
	right: -5px;
	top: 26px !important;
	position: absolute;
}

.drawflow .drawflow-node .input {
	left: -10px;
	background: white;
	top: 26px !important;
	position: absolute;
}

.drawflow .intermediate .output {
	right: -5px;
	top: 18px !important;
	position: absolute;
}

.drawflow .intermediate .input {
	left: -10px;
	background: white;
	top: 18px !important;
	position: absolute;
}

.drawflow .noOutput, .drawflow .noInput {
	background: none !important;
	border: none !important;
}

.drawflow>.drawflow-delete {
	border: 2px solid #43b993;
	background: white;
	color: #43b993;
	-webkit-box-shadow: 0 2px 20px 2px #43b993;
	box-shadow: 0 2px 20px 2px #43b993;
}

.drawflow-delete {
	border: 2px solid #4ea9ff;
	background: white;
	color: #4ea9ff;
	-webkit-box-shadow: 0 2px 20px 2px #4ea9ff;
	box-shadow: 0 2px 20px 2px #4ea9ff;
}

.drawflow-node .title-box {
	width: 100%;
	height: 100%;
	line-height: 50px;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #cacaca;
	background: white;
}

.drawflow-node .intermediate-box {
	height: 45px;
	line-height: 50px;
	border-radius: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #cacaca;
	background: white;
}

.drawflow .dataset {
	/*z-index:5 !important;*/
	
}

.drawflow-text {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	min-width: 80px !important;
	max-width: 26ch !important;
	font-size: 12px;
	cursor: pointer !important;
}

.drawflow-type {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	min-width: 80px !important;
	max-width: 26ch !important;
	font-size: 12px;
	color: #545454;
	cursor: pointer !important;
}

.drawflow-text:hover {
	overflow: visible !important;
	white-space: normal !important;
}

.drawflow-type:hover {
	overflow: visible !important;
	white-space: normal !important;
}

.drawflow .title-box svg {
	position: initial;
}

.drawflow-node .box {
	padding: 10px 20px 20px 20px;
	font-size: 14px;
	color: #555555;
}

.drawflow-node .box p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.drawflow-node.slack .title-box {
	border-radius: 4px;
}

.drawflow-node input, .drawflow-node select, .drawflow-node textarea {
	border-radius: 4px;
	border: 1px solid #cacaca;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	width: 158px;
	color: #555555;
}

.drawflow-node textarea {
	height: 100px;
}

.drawflow-node.personalized {
	background: red;
	height: 200px;
	text-align: center;
	color: white;
}

.drawflow-node.personalized .input {
	background: yellow;
}

.drawflow-node.personalized .output {
	background: green;
}

.drawflow-node.personalized.selected {
	background: blue;
}

.drawflow .connection .point {
	stroke: #cacaca;
	stroke-width: 2;
	fill: white;
	transform: translate(-9999px, -9999px);
}

.drawflow .connection .point.selected, .drawflow .connection .point:hover
	{
	fill: #4ea9ff;
}

.drawflow .knowledgeBase, .drawflow .preprocessing{
	width: 164px;
	height: 104px;
}

.knowledgeBase.drawflow-node .title-box {
	width: 100%;
	height: 100%;
	line-height: 18px;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 2px dotted #C2C2C2;
	background: #F2F3F6;
	/* font-family: Avenir Next; */
	text-align: center;
}

.knowledgeBase.drawflow-node .updated-box, .preprocessing.drawflow-node .updated-box{
	width: 100%;
	max-height: 60vh;
	overflow: auto;
	line-height: 18px;
	/* display: flex; */
	border-radius: 8px;
	box-shadow: 0px 0px 8px 0px #72727240;
	background: white;
	/* font-family: Avenir Next; */
	padding: 12px 5px 13px 11px
}

.drawflow .knowledgeBase.drawflow-node .output {
	right: -5px;
	top: 2.5rem !important;
	position: absolute;
}

.drawflow .knowledgeBase.drawflow-node .input {
	left: -10px;
	background: white;
	top: 2.5rem !important;
	position: absolute;
}

.schemaAlert {
	/* top: -4px; */
	position: absolute;
	left: -35px;
	color: #BD1818;
	/* cursor:pointer; */
	z-index: 99999;
}

.targetAlert {
	/* top: -4px; */
	position: absolute;
	left: -40px;
	color: #BD1818;
	/* cursor:pointer; */
	z-index: 99999;
}

.drawflow .qnaConf {
	width: 50px;
	height: 50px;
}

.qnaConf.drawflow-node .title-box {
	width: 100%;
	height: 100%;
	line-height: 18px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px dashed #C2C2C2;
	background: white;
	/* font-family: Avenir Next; */
	text-align: center;
}

.qnaConf.drawflow-node .updated-box {
	width: 100%;
	max-height: 60vh;
	overflow: auto;
	line-height: 18px;
	/* display: flex; */
	border-radius: 8px;
	box-shadow: 0px 0px 8px 0px #72727240;
	background: white;
	/* font-family: Avenir Next; */
	padding: 12px 5px 13px 11px
}

.qnaConf.drawflow-node .output {
	right: -5px;
	top: 2.5rem !important;
	position: absolute;
}

.qnaConf.drawflow-node .input {
	left: -10px;
	background: white;
	top: 2.5rem !important;
	position: absolute;
}

.qnaConf.drawflow-node:hover .action-box {
	/* visibility: visible !important; */
	cursor: pointer;
	height: 30px;
	margin-top: -6px;
	vertical-align: text-top;
}

.qnaConf.drawflow-node:hover .title-box {
	cursor: pointer;
	border: 1px solid #69AB51;
	background: #F6FFEA;
}

.qnaConf.drawflow-node:hover .title-box img, .drawflow .qnaConf.drawflow-node.selected .title-box img,
	.drawflow .qnaConf.drawflow-node.saved .title-box img {
	filter: invert(93%) sepia(80%) saturate(984%) hue-rotate(66deg)
		brightness(85%) contrast(81%)
}

.drawflow .qnaConf.selected {
	height: 58px;
	width: 58px;
	background: transparent;
}

.drawflow .qnaConf.drawflow-node.selected .title-box,
.drawflow .preprocessing.drawflow-node.selected .title-box {
	background: #F6FFEA;
	border: 2px solid #69AB51 !important;
	box-shadow: 0px 0px 10px 0px #81D5A3 !important;
	margin-top: -5px;
}

.drawflow .qnaConf.drawflow-node.saved .title-box {
	background: #F6FFEA !important;
	border: 1px solid #69AB51;
}

.optionalComponent:hover {
	background: #F8FAFF
}

.optionalComponent:hover .option-title-box {
	border: 2px solid black;
}

.optionalComponent:hover img {
	filter: invert(148%) sepia(4%) saturate(964%) hue-rotate(35deg)
		brightness(85%) contrast(174%)
}

.nodePopup {
	position: absolute;
	width: 256px;
	height: 175px;
	top: 38px;
	left: 68px;
	color: black;
	font: 12px;
	font-medium: 400
}

.nodeMenu {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #0966CE !important;
	cursor: pointer
}

.cytoscape-navigator {
	position: sticky;
	border: 1px solid #000;
	background: #fff;
	z-index: 600;
	width: 150px;
	height: 100px;
	bottom: 0;
	right: -14px;
	overflow: hidden;
	top: 58%;
}

.cytoscape-navigator>img {
	max-width: 100%;
	max-height: 100%;
}

.cytoscape-navigator>canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
}

.cytoscape-navigatorView {
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
	/* background: #B7E1ED; */
	border: 3px solid #155dcb;
	-moz-opacity: 0.50;
	opacity: 0.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
	z-index: 102;
}

.cytoscape-navigatorOverlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 103;
}

.filter-executed-job-input-output-row {
	display: flex;
	flex-direction: row;
	margin-bottom: 22px;
}

.filter-executedJob-container {
	background: #FFFFFF;
	border: 1px solid #C7C7C7;
	border-radius: 8px;
}

.knowledge-inputs {
	background: #FFFFFF;

	/* 	box-shadow: 0px 0px 20px rgba(130, 130, 130, 0.25); */
	/* 	border-radius: 8px; */
}

.searchResponseBlue {
	background: #F3FAFF;
	border: 1px solid #3285BC;
	border-radius: 8px;
}

.filter-data-btn {
	display: flex;
	align-items: stretch;
	width: 100%;
	min-height: 24px;
}

.data-transform-input {
	border-color: transparent;
	line-height: 19px;
	font-size: 14px;
	font-weight: 400;
	outline: none;
	background: transparent;
	box-sizing: border-box;
	width: 100%;
	resize: none;
	overflow: auto !important;
	min-height: 44px;
	max-height: 100px;
	/* font-family: 'Avenir Next'; */
	font-style: normal;
	color: #3E3E3E;
}

.knowledge-base-input {
	border-color: transparent;
	line-height: 19px;
	font-size: 14px;
	font-weight: 400;
	outline: none;
	background: transparent;
	box-sizing: border-box;
	width: 100%;
	resize: none;
	overflow: auto !important;
	min-height: 26px;
	max-height: 26px;
	/* font-family: 'Avenir Next'; */
	font-style: normal;
	color: #3E3E3E;
}

.customBlueButton {
	align-items: center;
	background: #014CE6;
	border: 1px solid white;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	height: 35px;
	/* font-family: 'Roboto'; */
	padding-left: 16px;
	padding-right: 14px;
	margin-right: -9px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.customGeyButton {
	align-items: center;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	color: #54667a;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	height: 30px;
	/* font-family: 'Roboto'; */
	padding-left: 16px;
	padding-right: 14px;
	margin-right: -9px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.filter-executed-job-action-icon {
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
	flex-shrink: 0;
}

.filterExecutedJobQueryResp {
	border: 1px solid #E9F1FF;
	background-color: #E9F1FF;
	border-radius: 8px;
	padding: 4px 10px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	max-height: 100px;
	overflow: auto;
	margin-left: 10px;
}

.filterText, .knowledgeText {
	/* font-family: 'Avenir Next'; */
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
}

.filterDescription {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	width: 100%;
	min-height: 32px;
}

.operationsFirstBlock {
	border-bottom: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.operationsSecondBlock {
	border-bottom: 1px solid #ECECEC;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.grey-text {
	color: #C6C6C6
}

.light-grey-text {
	color: #979797
}

.dark-grey-text {
	color: #6C6C6C
}

.grey-icons {
	color: #BABABA;
}

.progressWaiting_Icon {
	background: #FFFFFF;
	box-shadow: 0px 0px 20px rgba(130, 130, 130, 0.25);
	border-radius: 8px;
	height: 116px;
	width: 442px;
	/* font-family: 'Avenir Next'; */
}

.progressMappingWaiting_Icon {
	background: #FFFFFF;
	box-shadow: 0px 0px 20px rgba(130, 130, 130, 0.25);
	border-radius: 8px;
	/* height: 74px; */
	width: 324px;
	/* font-family: 'Avenir Next'; */
}

.progressBarCustomColor {
	accent-color: #3068BD !important;
}

.customTooltip {
	position: relative;
	display: inline-block;
}

.customTooltip .tooltiptext {
	visibility: hidden;
	width: 200px;
	white-space: pre-wrap;
	background-color: white;
	color: black;
	border: 1px solid #D4D7DC;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 120%;
	left: 10%;
	padding: 5px 5px;
	margin-left: -60px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.customTooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent white transparent;
}

.customTooltip:hover .tooltiptext {
	visibility: visible;
}

.knowledgeExternalLinks {
	display: flex;
	justify-content: start;
}

.knowledgeExternalLink {
	background: white;
	border: 1px solid #D4D7DC;
	border-radius: 20px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.bar-zoom {
	height: 5rem;
	position: absolute;
	top: 35rem;
	right: 1rem;
	display: grid;
	font-size: 22px;
	padding: 10px 11px;
	background: white;
	border-radius: 11px;
	z-index: 5;
	border: 1px solid #EDEDED;
}

.bar-zoom svg {
	cursor: pointer;
	padding-left: 10px;
}

.bar-zoom svg:nth-child(1) {
	padding-left: 0px;
}

.svgAlert {
	position: absolute;
}

svg textPath {
	font-family: FontAwesome;
	font-size: 20px;
	fill: #BD1818;
}

.drawer-body {
	min-height: 300px;
	max-height: 350px;
	overflow-y: auto;
	background: white;
}

.bottomSlider-actions, .bottomSidebar-actions {
	display: flex;
	flex-direction: row;
	justify-content: end;
	align-items: center;
}

.bottomSliderFullHeight {
	min-height: 620px !important;
}

.drawFlowCustomHeight {
	height: 220px !important;
}

.bottomSlider .wizard-content .wizard>.content {
	padding: 0 !important;
}

.bottomSlider .wizard-content .wizard>.steps>ul {
	width: 40%;
}

.bottomSlider .wizard-content .wizard>.steps>ul>li a {
	padding-top: 0px !important;
	margin-top: 0px !important;
	border: 1px solid #ADADAD;
	border-radius: 15px;
	background-color: #ffffff;
	width: 31%;
	align-items: center;
	justify-content: center;
	padding: 1px 1px 1px 1px;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	color: #828282;
	width: 135px;
}

.bottomSlider .wizard-content .wizard>.steps>ul>li.current a {
	color: #2F80ED;
	border: 1px solid #2F80ED;
}

.bottomSlider .wizard-content .wizard>.actions>ul>li>a[href="#cancel"] {
	background-color: #fff;
	color: #54667a;
	border: 1px solid #d9d9d9
}

.bottomSlider .wizard-content .wizard>.steps>ul>li.first:after {
	border-bottom: 1px solid #ADADAD;
	width: 61px;
	top: 28%;
	margin: 0px 4px 0px 0px;
}

/******LLM INSIGHTS******/
#llmInsightTable_length, #llmInsightTable_info {
	display: none;
}

#preprocessingSourceTableDetails table.dataTable thead .sorting, table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_desc {
	background-color: none !important;
}

.qaResponseReview:hover {
	font-weight: 800;
	background: white;
	border-radius: 4px;
}

.qaResponseReviewSelected {
	font-weight: 800;
	background: white;
	border-radius: 4px;
}

#preprocessingSourceTableDetails table.dataTable thead .sorting, table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_desc {
	background-color: none !important;
}

.qaResponseReview:hover {
	font-weight: 800;
	background: white;
	border-radius: 4px;
}

#preprocessingSourceDetails table.dataTable thead .sorting_disabled {
	background-color: #FAFAFA !important
}

.preprocessingUploadStatusDiv {
	margin-left: 30px;
	padding: 15px;
	border: 1px solid #6C98DB;
	border-radius: 8px;
}

/********LLM INSIGHTS*********/

/*************** API KEY ************************/
.token-success-div {
	margin-bottom: 1rem;
	color: #5cb85c;
}

.api-key-input-div {
	display: inline-block;
	width: 90%;
	border: 2px solid lightgray;
	height: 35px;
	border-radius: 5px;
}

.api-key-input {
	width: 100%;
	border: none;
	vertical-align: text-top;
}

.copy-to-clickboard-div {
	cursor: pointer;
	display: inline-block;
	height: 35px;
}

.token-name-suggestion {
	margin-left: 1rem;
	margin-top: 5px;
	color: #979797;
	font-size: 14px;
	margin-bottom: 2rem;
}

.api-key-header {
	font-size: 22px;
	font-weight: 700;
	line-height: normal;
	color: #000000;
}

.generate-api-key-btn {
	height: 42px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border-radius: 4px;
	background: #014CE6;
	margin-top: 16px;
	margin-right: 20px;
}

.api-key-details-div {
	display: block;
	padding: 1rem;
	border: 1px solid #DDDDDD;
	border-radius: 8px;
}

.api-key-create-header {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	color: #505050;
	margin-bottom: 2rem;
}

.api-key-text {
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	color: #000000;
	margin-bottom: 0.5rem
}

.api-key-input {
	width: 80%;
	border: 1px solid #040A45;
	height: 42px;
	margin-bottom: 0.5rem;
}

.api-key-input-help-text {
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	color: #999999;
	margin-bottom: 1.5rem;
}

.create-token-btn {
	height: 42px;
	border-radius: 4px;
	background: #014CE6;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.token-success-text {
	font-size: 22px;
	font-weight: 700;
	line-height: 20px;
	color: #000000;
	margin-bottom: 1rem;
}

.token-success-copy-text {
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	color: #000000;
	margin-bottom: 2rem;
}

.token-value-header {
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	color: #000000;
	margin-bottom: 0.5rem;
}

.token-value {
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	color: #079A2E;
	width: 70%;
	margin-bottom: 1.5rem;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.change-apikey-header {
	font-size: 22px;
	font-weight: 700;
	line-height: normal;
	color: #000000;
	margin-bottom: 2rem;
}

.api-key-config-card {
	border: 1px solid #DDDDDD;
	border-radius: 8px;
	padding: 1rem;
}

.knowledgebase-header {
	font-size: 22px;
	font-weight: 700;
	color: #000000;
	line-height: 30.5px;
}

.open-api-btn {
	height: 41.71px;
	width: 152px;
	color: #0966CE;
	border-radius: 4px;
	background: #FFFFFF;
	margin-top: 16px;
	margin-right: 20px;
	border: 1px solid #0966CE
}

.continue-to-qna-div {
	width: 100%;
	margin-left: -15px;
	margin-right: -15px;
	background: white;
	position: fixed;
	text-align: end;
	bottom: 0px;
	height: 74px;
	box-shadow: 4px 0px 4px 0px #00000040;
}

.continue-to-qna-btn {
	height: 41.71px;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border-radius: 4px;
	background: #014CE6;
	margin-top: 16px;
	margin-right: 20px;
}

/************** API KEY END ***********************/

/*************** Probe Details Start *******************/
.probeTree {
	--spacing: 1.5rem;
	--radius: 10px;
	padding: 0;
}

.probeTree li {
	display: block;
	position: relative;
	padding-left: 50px;
	padding-top: 3px;
	cursor: pointer;
	margin: 10px;
}

.probeTree ul {
	margin-left: -15px;
	padding-left: 0;
}

.probeTree ul li {
	border-left: 0.5px solid #0E9F6E;
	margin-left: -7px;
}

.probeTree ul li:last-child {
	border-color: transparent;
}

.probeTree ul li::before {
	content: '';
	display: block;
	position: absolute;
	top: -50px;
	left: -1px;
	width: 35px;
	height: 65px;
	border: solid #0E9F6E;
	border-width: 0 0 0.5px 0.5px;
	border-radius: 0 0 0 15px;
	pointer-events: none;
}

.probeTree summary {
	display: block;
	cursor: pointer;
}

.probeTree summary::marker, .probeTree summary::-webkit-details-marker {
	display: none;
}

.probeTree summary:focus {
	outline: none;
	font-weight: 600;
}

.probeTree summary:focus-visible {
	outline: 1px dotted #000;
}

.probeTree li::after, .probeTree summary::before {
	content: url(../images/svgIcon/Node_default.svg);
	display: block;
	position: absolute;
	top: 2.5px;
	left: 14px;
	width: 27px;
	height: 27px;
	font-size: 10px;
	padding-top: 5px;
	font-weight: 600;
	text-align: center;
	color: #0E9F6E;
	/* background-color: white; */
}

.probeTree li:hover::after, .probeTree summary:hover::before {
	content: url(../images/svgIcon/node_hover.svg);
}

.probeTree summary::before {
	content: url(../images/svgIcon/Expand_default.svg);
	font-size: 18px;
	padding-top: 2px;
	z-index: 1;
}

.probeTree summary:hover::before {
	content: url(../images/svgIcon/Expand_hover.svg);
}

.probeTree details[open]>summary::before {
	content: url(../images/svgIcon/collapse_default.svg);
	padding-top: 2px;
}

.white-probe-div {
	padding: 20px;
	background-color: white;
	border-radius: 6px;
	white-space: pre-wrap;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #111928;
	margin-bottom: 20px;
	border: 1px solid #E5E7EB;
	/* box-shadow: 0px 0px 20px 0px #82828240; */
}

.show-more-data {
	border: 1px solid #F4F4B0;
	padding: 3px;
	border-radius: 10%;
	background: #F4F4B0;
	cursor: pointer;
	margin-left: 15px;
}

.font-weight-800 {
	font-weight: 600;
}

.font-weight-600 {
	font-weight: 600;
}

.font-weight-400 {
	font-weight: 400;
}

.probe-header-text {
	font-size: 14px;
	line-height: 19px;
	color: #111928;
}

.probe-header-sub-text {
	font-size: 12px;
	line-height: 16px;
	color: #6B7280;
}

.margin-left-negative-5 {
	margin-left: -5px;
}

.show-more-div {
	text-align: center;
	margin-top: 15px;
	color: #1C68DA;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}

.header-probe-div {
	padding: 20px;
	padding-bottom: 10px;
	background-color: white;
	border-radius: 6px;
	white-space: pre-wrap;
	line-height: 20px;
	font-size: 16px;
	font-weight: 800;
	color: #111928;
	margin-bottom: 20px;
	border: 1px solid #E5E7EB;
	/* box-shadow: 0px 0px 20px 0px #82828240; */
}

.no-border-probe-div {
	padding: 20px;
	white-space: pre-wrap;
	line-height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #111928;
	margin-bottom: 20px;
}

.probe-details-seperator {
	border: none;
	height: 1px;
	color: #333;
	background-color: #333;
}

.text-container-insight-question {
	display: -webkit-inline-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5em;
	max-height: 3em;
	transition: max-height 0.3s ease;
  }
  .text-container-insight-question.expanded {
	-webkit-line-clamp: unset;
	max-height: none;
  }

/*************** Probe Details End *******************/

/***************** Account Features Start ******************/
.removeAccountDiv {
	position: absolute;
	margin-top: 10px;
	background: #FFFFFF;
	border: 1px solid #D3D3D3;
	padding: 5px;
	width: 175px;
	text-align: center;
	margin-left: 25px;
	z-index: 99;
}

.removeAccountDataDiv {
	cursor: pointer;
	padding: 5px;
	color: #1A8FE8;
}

.removeAccountDataDiv:hover {
	background-color: azure;
}

/***************** Account Features End ****************************/
.bottom-sidebar {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 900;
	background: white;
	grid-template-rows: 30px 1fr 30px;
}

.bottomSidebar_halfView {
	height: 60vh;
	box-shadow: 0px -3px 4px 0px #8D8D8D40;
}

.bottomSidebar_fullView {
	height: 100vh;
}

.text-justify {
	text-align: justify;
}

.floatRight {
	float: right;
}

.text-noWrap {
	text-wrap: nowrap;
}

.bootstrap-tagsinput {
	width: 100%;
	height: 200px;
}

.tags-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	outline: 0;
}

.searchboxTags {
	width: 350px !important;
	height: 51px !important;
	border-radius: 8px !important;
}

.width-95 {
	width: 95%;
}

.margin-left-10 {
	margin-left: 10px;
}

.noBorderDropdown .btn-group {
	border: none !important;
}

.noBorderDropdown .btn {
	border: none !important;
	font-weight: 500
}

.source_div {
	background-color: #f4f4f4;
}

.sourceContextHover:hover {
	background: #E7E2FF;
	border-radius: 6px;
}

.filesDiv {
	position: relative;
	display: none;
	bottom: 230%;
	border-radius: 7px;
	left: 230px;
}

.filesNameDiv {
	position: absolute;
	background-color: #fff;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	border-radius: 10px;
}

.filesNameDiv strong {
	padding-left: 25%;
}

.filesNameDiv ul {
	list-style: none;
}

.drawflow .myKnowledgeBase {
	width: 164px;
	height: 104px;
}

.myKnowledgeBase.drawflow-node .title-box {
	width: 100%;
	height: 100%;
	line-height: 18px;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 2px dotted #C2C2C2;
	background: #F2F3F6;
	/* font-family: Avenir Next; */
}

.myKnowledgeBase.drawflow-node .updated-box {
	width: 100%;
	max-height: 60vh;
	overflow: auto;
	line-height: 18px;
	border-radius: 8px;
	box-shadow: 0px 0px 8px 0px #72727240;
	background: white;
	/* font-family: Avenir Next; */
	padding: 12px 5px 13px 11px
}

.drawflow .myKnowledgeBase.drawflow-node .output {
	right: -5px;
	top: 2.5rem !important;
	position: absolute;
}

.drawflow .myKnowledgeBase.drawflow-node .input {
	left: -10px;
	background: white;
	top: 2.5rem !important;
	position: absolute;
}

/* Add hover styles for the card */
.myCard {
	transition: border 0.3s;
}

/* Hide the radio button by default */
.radio-button {
	accent-color: green;
	display: none;
}

/* Show the radio button on card hover */
.myCard:hover .radio-button {
	display: inline-block;
}

.infoBtnStyle {
	width: 20px;
	height: 20px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid black;
}

.countBtnStyle {
	width: 30px;
	height: 30px;
	padding: 0;
	border-radius: 50%;
}

.custom-file-icon {
	color: #004cff73;
	opacity: 2;
}

.source-names-container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
}

.source-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 5px;
	margin-bottom: 0;
}

.toolTipButton {
	margin-left: auto;
}

.sso-login-icons {
	width: 35px;
	height: 35px;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #E0E0E0;
}

.sso-login-icons:hover {
	border: 2px solid #5687D0;
	background: linear-gradient(0deg, #F5F9FF, #F5F9FF);
}

.hr-separator-left {
	width: 15%;
	display: inline-block;
	float: left;
	background-color: #D2D2D2;
	margin-left: 25%;
}

.hr-separator-right {
	width: 15%;
	display: inline-block;
	float: right;
	background-color: #D2D2D2;
	margin-right: 25%;
}

.sso-icon-anchor {
	display: block;
	width: 18rem;
}

.sso-icon-text {
	color: #333238;
	display: inline-block;
}

.card-anchor-div {
	cursor: pointer;
	height: 100%;
	border: 2px solid #D9D9D9;
	box-shadow: -2px 2px 2px 0px #EAEAEA;
	background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
	overflow: hidden;
}

.llm-source-div {
	border-top: 1px solid #E1E1E1;
	min-height: 80px;
	background: linear-gradient(0deg, #F9F9F9, #F9F9F9);
}

.card-anchor-div:hover {
	border: 2px solid #5687D0;
}

.card-anchor-div:focus {
	border: 2px solid #5687D0;
	background: linear-gradient(0deg, #F5F9FF, #F5F9FF);
}

.llm-source-div {
	background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
}

}
#knowledgeAnswers div>*:not(table) {
	white-space: pre-wrap;
}

.right-sidebar .rpanel-title .customStartEndDatePicker span:hover {
	color: lightgray;
}

.customStartEndDatePicker .date>.input-group-addon {
	padding: 10px 4px;
	border: none;
	border-radius: 0px;
	background-color: white;
	color: lightgray;
}

.customStartEndDatePicker .form-control:disabled, .form-control[readonly]
	{
	background-color: none;
}

.customStartEndDatePicker .form-control {
	border: none;
	border-radius: 0px;
	padding: 0px;
	background-color: white;
}

.bottomSlider .bootstrap-datetimepicker-widget {
	inset: 10px 0px 5px 5px
}

.pointer-events-none {
	pointer-events: none;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-default {
	cursor: default;
}

.padding-2-rem {
	padding: 2rem;
}

.text-align-end {
	text-align: end;
}

.verify-email-body {
	background: #f4f4f8;
	height: 100vh;
}

.verify-email-header {
	height: 100px;
	box-shadow: 0px 4px 4px 0px #8B8B8B40;
	background-color: #FFFFFF;
}

.verify-email-header-img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 20px;
}

.verify-email-div {
	width: 700px;
	background-color: #FFFFFF;
	margin: 0 auto;
	margin-top: 150px;
	text-align: center;
	border: 1px solid #FFFFFF;
	border-radius: 16px;
	padding: 3rem
}

.verify-email-div-header {
	font-size: 32px;
	font-weight: 700;
	line-height: 37px;
	color: #4E4E4E;
}

.verify-email-div-body {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: center;
	color: #535353;
}

.verify-email-div-refresh {
	color: #0966CE;
	cursor: pointer;
}

.verify-email-div-help {
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
	color: #9C9C9C;
}

.log-out-text {
	font-size: 20px;
	vertical-align: middle;
	font-weight: 700;
}

.verify-email-username {
	font-weight: 700;
	color: #000000;
}

.writeback-permission {
	width: 730px;
	height: 140px;
	background-color: #FFFFFF;
	border-radius: 10px;
	margin: auto;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 150px;
}

.writeback-permission-wrapper {
	height: 70px;
	padding-top: 40px;
}

.vertical-align-top {
	vertical-align: top;
}

.writeback-message {
	display: inline-block;
	text-align: justify;
}

.writeback-bold-font {
	font-size: 17px;
	font-weight: 700;
}

.writeback-normal-font {
	font-size: 17px;
	font-weight: 400;
}

.edit-date-modal {
	padding: 0.5rem;
	width: 550px;
	height: 250px;
	border-radius: 12px;
	box-shadow: 0px 0px 14px 0px #00000040;
}

.edit-date-modal-header {
	border: none;
	padding-bottom: 5px;
}

.edit-date-modal-header-text {
	color: #000000;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
}

.edit-date-modal-body {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #000000;
}

.edit-date-modal-footer {
	display: block;
	border: none;
	height: 35%;
}

.edit-date-modal-ok-btn {
	float: left;
	height: 36px;
	border: 1px solid black;
	color: black;
}

.edit-date-modal-cancel-btn {
	float: right;
	height: 36px;
	border: 1px solid #2B5FAD;
	color: white;
	background: #2B5FAD;
}

/******/
.topEventLoading {
	height: 2rem;
	width: 5rem;
	border-radius: 3px;
}

.noBorderCustomDropdown .btn-group {
	border: none !important;
}

.noBorderCustomDropdown .btn {
	border: none !important;
	padding: 0px !important;
}

#metricsDurationDiv .btn {
	padding: 2px 12px !important;
	background: white;
}
/******/

/* SKELETON LOADING STARTS*/

/* The loading Class */
.skeletonLoading {
	position: relative;
	background-color: #e2e2e2;
	border-radius: 8px;
	animation: loading 1.5s infinite;
}

/* The moving element */
.skeletonLoading::after {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	transform: translateX(-100%);
	background: -webkit-gradient(linear, left top, right top, from(transparent),
		color-stop(rgba(255, 255, 255, 0.2)), to(transparent));
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2),
		transparent);
	animation: skel 0.8s infinite;
}

/* Loading Animation */
@
keyframes skel { 100% {
	transform: translateX(100%);
}

}

/* SKELETON LOADING ENDS*/

/****************** GLOBAL CSS STARTS ******************/
.width-33 {
	width: 33rem;
}

.height-4 {
	height: 4rem;
}


.btn-blue {
	background: #2B5FAD;
	border: 1px solid #2B5FAD
}

.text-black {
	color: black;
}

.drawflow-canvas-color {
	background-color: #F8F8FA
}

.greyIcon {
	color: #525C6A;
}

.fontSize-large {
	font-size: large
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}



.font-Avenir {
	font-family: "Avenir Next";
}

.background-white {
	background: #FFFFFF
}

.background-dullGrey {
	background: #EAEAEA
}

.background-lightest {
	background: #F6F6F6;
}

.border-lightPuprple {
	border: 1px solid #CAC1F4
}

.border-darkPuprple {
	border: 1px solid #8D7ED6
}

.backgorund-lighPurple {
	background: #E7E2FF
}

.background-dullGrey {
	background: #EAEAEA
}

.background-green {
	background: #09CF9E;
}

.border-lightPuprple {
	border: 1px solid #CAC1F4
}

.border-dullGrey {
	border: 2px solid #ECEEF6
}

.box-shadowCustom {
	box-shadow: 0px 0px 20px rgba(130, 130, 130, 0.25)
}

.borderRadius-5 {
	border-radius: 5px
}

.borderRadius-6 {
	border-radius: 6px
}

.borderRadius-8 {
	border-radius: 8px
}

.redtext {
	color: #EB5757;
}

.greentext {
	color: #09CF9E;
}

.orangetext {
	color: orange;
}

.greyText {
	color: #4F4F4F
}

.lightgreyText {
	color: #707070;
}

.lightestGretText {
	color: #A3A3A3;
}

.labelLighText {
	color: #343434;
}

.darkCyanBlueText {
	color: #2D3748
}

.purpleSvg {
	filter: invert(93%) sepia(80%) saturate(984%) hue-rotate(231deg)
		brightness(85%) contrast(81%)
}

.purpleBorder {
	border: 1px solid #8A00BA;
	border-radius: 5px
}

#scheduleViewDiv {
	width: 100%;
}

#scheduleViewDiv .card {
	width: 100%;
}

#scheduleViewDiv .card .dataTables_scrollHeadInner, #scheduleViewDiv .card .dataTables_scrollHeadInner table
	{
	width: 100%;
}

.footer-sticky {
	position: absolute;
	bottom: 0;
	width: 96.9%;
	background-color: white;
	/* border-top: 1px solid #ddd; */
	padding: 10px 0;
}

.dropdownBorderStyle {
	box-shadow: none !important;
	border: 1px solid #B0B0B0;
}

.removeBorderBtnGroup {
	border: none !important;
}

/* #filterColumnsItemList {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100%;
    padding: 5px;
}

.filterColumnStyle {
    flex: 0 0 auto;
    width: 150px;
    padding-right: 14px;
    white-space: nowrap;
}

.form-check {
    margin-bottom: 14px;
    position: relative;
    padding-left: 0px;
}

.form-check-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.form-check-input + .form-check-label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid black;
    border-radius: 3px;
    background-color: white;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    top: -2px;
}

.form-check-input:checked + .form-check-label::before {
    background-color: white;
    border: 2px solid black;
    position: relative;
}

.form-check-input:checked + .form-check-label::after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: 13px;
}

.spanStyleCheckbox {
    background-color: #F2F4F8;
    border-radius: 7px;
    width: max-content;
} */
#filterColumnsItemList {
	display: block;
	overflow-y: auto;
	max-height: 250px;
	padding: 5px;
}

.filterRowStyle {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 10px;
}

.filterColumnStyle {
	flex: 1 1 50%;
	padding-right: 14px;
	white-space: nowrap;
}

.form-check {
	margin-bottom: 14px;
	position: relative;
	padding-left: 0px;
}

.form-check-input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.form-check-input+.form-check-label::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid black;
	border-radius: 3px;
	background-color: white;
	vertical-align: middle;
	margin-right: 8px;
	position: relative;
	top: -2px;
}

.form-check-input:checked+.form-check-label::before {
	background-color: white;
	border: 2px solid black;
	position: relative;
}

.form-check-input:checked+.form-check-label::after {
	content: "";
	display: block;
	width: 5px;
	height: 10px;
	border: solid black;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	position: absolute;
	top: 9px;
	left: 13px;
}

.spanStyleCheckbox {
	background-color: #F2F4F8;
	border-radius: 7px;
	width: max-content;
}

#aiAppSearchBox {
	position: relative;
	display: flex;
	align-items: center;
	width: auto;
}

#aiAppSearchBox input {
	padding-right: 30px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 400;
}

#aiAppSearchBox i {
	position: absolute;
	right: 10px;
	cursor: pointer;
}

.hide-menus #topBarLinks, .hide-menus .navbar-nav>li:not(#aiAppSearchBox)
	{
	display: none;
}

.connectDataBtn {
	background-color: #0966CE;
	color: #fff;
	border: 1px solid #0966CE;
	border-radius: 44px;
	height: 33px;
	width: 145px;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	padding: 5px 21px;
	cursor: pointer;
}

/* .connectDataBtn:hover {
	color: #0966CE;
} */

.createBtn {
	background-color: #fff;
	color: #0966CE;
	border: 1px solid #0966CE;
	border-radius: 44px;
	height: 33px;
	width: 100px;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	padding: 5px 21px;
}

.createBtn:hover {
	color: #0966CE;
}

.searchBtnStyle {
	color: #8CA0B3;
	font-size: 20px;
	font-weight: 600;
	padding: 10px;
}

.searchBtnStyle:hover {
	border: 1px solid #D7D7D7;
	border-radius: 8px;
}

.insideSearchAtyle {
	width: 799px;
	height: 54px;
	font-size: 14px;
	font-weight: 400;
	color: #7A7A7A;
	border: 1px solid #747474;
	border-radius: 8px;
	margin-bottom: 40px;
}

.resultDivStyle {
	width: 800px;
	/* max-height: 541px; */
	overflow: auto;
	border: 1px solid #D7D7D7;
	border-radius: 8px;
	box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.1);
}

.popupStyle {
	margin-top: -265px;
	margin-left: -60px;
	display: none;
	position: absolute;
	background-color: white;
	padding: 10px;
	border-radius: 6px;
	width: 323px;
	height: 600px; /* Adjusted height */
	max-height: 600px;
	z-index: 1000;
	box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.1);
}

.popupStyleNew {
	margin-top: -265px;
	margin-left: -315px;
	display: none;
	position: absolute;
	background-color: white;
	padding: 10px;
	border-radius: 6px;
	width: 323px;
	height: 600px; /* Adjusted height */
	max-height: 600px;
	z-index: 1000;
	box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.1);
}

.checkboxes-section {
	height: 500px;
	max-height: 500px;
	overflow: auto;
}

.filter-checkbox:checked::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 1.5px;
	width: 5px;
	height: 10px;
	border: 1px solid #000;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	border-radius: 0;
}

.filter-checkbox:checked {
	background-color: #fff;
}

.filter-checkbox {
	position: relative;
	list-style-type: none;
}

.filter-checkbox+label {
	vertical-align: middle;
}

.filter-checkbox::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.custom-radio {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: white;
	border: 1px solid black;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	position: relative;
}

.custom-radio:checked::after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	background: black;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.popoverFooter {
	position: sticky;
	bottom: 0;
	background-color: white;
	display: flex;
	justify-content: space-between;
}

.filterTag {
	background: #F6F6F6;
	border: 1px solid #C9C9C9;
	margin: -1px;
	border-radius: 6px;
	font-size: 14px;
	display: flex;
	align-items: center;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 5px;
}

.filterTag label {
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#appliedFiltersTags {
	display: flex;
	flex-wrap: wrap;
	max-height: 250px;
	overflow-y: auto;
}

.FilterDivStyle {
	display: flex;
	flex-direction: row;
}

#addFilterButtonContainer {
	position: sticky;
	top: 0;
	align-self: flex-start;
	z-index: 10;
	background: white;
	padding: 0px;
	margin-top: 5px;
}

#addFilterBtn {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 10;
	background: white;
}

.queryPlanDiv {
	/* border-radius: 8px;
    border: 1px solid #DDDDDD; */
	/* padding: 20px; */
	
}

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

.queryPlan-input-group {
	display: flex;
	align-items: center;
	margin-right: 10px;
	width: 90.5%;
}

.queryPlan-input-group input {
	border-radius: 5px !important;
}

.queryPlan-input-group label {
	margin-right: 5px;
}

#queryPlanDiv img {
	/* margin-left: 10px; */
	cursor: pointer;
}

.queryPlan-hide {
	display: none;
}

/* .textwrap-dropdown{
    width: 30px !important;
	overflow: auto !important;
}

 select[multiple]+.btn-group>ul.textwrap-dropdown>li>a>label{
    text-wrap: wrap;
}  */
select[multiple]+.btn-group>ul.textwrap-dropdown>li>a>label {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}

select[multiple]+.btn-group>ul.textwrap-dropdown {
	width: 260px;
	margin-left: 5px;
	margin-top: 2px;
	border: none;
	border-radius: 8px;
	box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.1);
}

select:not([multiple])+.btn-group>ul.textwrap-dropdown {
	width: 260px;
	margin-left: 5px;
	margin-top: 2px;
	border: none;
	border-radius: 8px;
	box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.1);
}

.queryPlanPanel {
	position: fixed;
	top: 50%;
	right: -400px; /* Start the panel off-screen */
	transform: translateY(-50%);
	width: 400px;
	height: auto;
	background-color: #fff;
	box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
	transition: right 0.3s ease-in-out;
	/* Smooth transition for the panel */
}

.panelContent {
	padding: 20px;
}

.panelContent p {
	margin: 0;
}

.togglePanel {
	position: absolute;
	top: 50%;
	left: -20px;
	transform: translateY(-50%);
	cursor: pointer;
}

.showPanel {
	right: 0; /* Move the panel into view */
}

.customtabQnA {
	padding-left: 40px;
}

.customtabQnA li a.nav-link {
	border: 0px;
	margin-right: 5px;
	/* color: #54667a; */
	color: #525252;
	font-size: 16px;
	font-weight: 400;
}

.customtabQnA li a.nav-link.active {
	/* background: #3876bc;
	color: #ffffff; */
	background-color: transparent;
	color: #2D64C7;
	border-bottom: 2px solid #2D64C7;
	font-size: 16px;
	font-weight: 600;
	margin-left: 15px;
}

/* .customtabQnA li a.nav-link:hover {
	background-color: transparent;
	color: #000;
	border-bottom: 2px solid #000;
	font-size: 16px;
	font-weight: 600;
} */
input[name="searchType"]:checked+label:after {
	background: #868686; /* Color of the dot inside the radio button */
}

#knowledgeQuestionVal, #queryInput {
	font-size: 14px;
	font-weight: 400;
}

.msgTooltip {
	position: relative;
	display: inline-block;
}

.msgTooltip .tooltiptext {
	visibility: hidden;
	width: 500px;
	max-height: 220px;
	overflow-y: auto;
	background-color: #f9f9f9;
	color: #333;
	text-align: left;
	border-radius: 6px;
	padding: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -125px;
	opacity: 0;
	transition: opacity 0.3s;
}

.msgTooltip.show .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.msgTooltip .tooltiptext div {
	display: flex;
	align-items: center;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
}

.msgTooltip .tooltiptext div:last-child {
	border-bottom: none;
}

.msgTooltip .tooltiptext i {
	margin-right: 10px;
}

.msgTooltip .tooltiptext .warning-icon {
	color: #FFA500; /* Orange color for warning */
}

.msgTooltip .tooltiptext .error-icon {
	color: #FF0000; /* Red color for error */
}

.message-preview {
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}

#showMoreBtn:hover+.msgTooltip.show .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.permission {
	display: flex;
	margin: 3px 0;
}

.permission span {
	margin-left: 10px;
}

.chatSendButton {
	align-items: center;
	background: #014CE6;
	border: 1px solid white;
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	height: 40px;
	width: 40px;
}

.chat-container {
	padding: 10px;
	overflow-y: auto;
}

.chat-message {
	margin: 10px 0;
	padding: 10px;
	border-radius: 8px;
}

.user-message {
	background-color: #F5F5F5;
	text-align: right;
	align-self: flex-end;
	border-radius: 4px;
}

.response-message {
	background-color: #fff;
	text-align: left;
	align-self: flex-start;
	margin-left: 25px;
	padding: 0px;
}

.user-message-wrapper {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: fit-content;
}

.response-message-wrapper {
	width: 100%;
	height: fit-content;
}

#divider {
	background-color: #fff;
	height: 5px;
	border: none;
}

.response-image {
	margin-left: 25px;
}

.progress-text {
	display: none;
	color: rgba(167, 158, 194, 1);
	font-size: 14px;
	font-weight: 500;
}

.modal-content-permissionModal {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	outline: 0;
}

/****************** GLOBAL CSS STARTS ******************/
.light-gray-label {
	color: #7E7E7E;
}

#fileUploadForPreprocessing::file-selector-button {
	font-weight: bold;
	color: dodgerblue;
	padding: 0.5em;
	border: thin solid grey;
	border-radius: 3px;
  }
  
  
 /****************** WIZARD UI CSS STARTS ******************/

.wizard-modern.wizard-content .wizard>.steps {
	position: inherit;
	display: flex;
	width: 100%;
	justify-content: center;
	margin-top: -6.5%;
	margin-left: 9%;
}

.wizard-modern.wizard-content .wizard>.steps>ul {
	display: table;
	width: 58%;
	table-layout: inherit;
	padding: 0;
	list-style: none;
	pointer-events: none;
    cursor: default;
}

.wizard-modern.wizard-content .wizard>.steps>ul>li {
	display: table-cell;
	width: 10px;
	vertical-align: -webkit-baseline-middle;
	/* flex-direction: revert; */
	position: relative;
}

.wizard-modern.wizard-content .wizard>.steps>ul>li a {
	position: relative;
	padding-top: 2px;
	margin-top: 27px;
	margin-bottom: 8%;
	display: block
}

.wizard-modern.wizard-content .wizard>.steps>ul>li:after {
	border-bottom: 1px solid #ADADAD;
	width: 50px;
	top: 49%;
	margin: 5px 30px;
}

.wizard-modern.wizard-content .wizard>.steps>ul>li[role="tab"].first.current {
    padding-left: 10px;
}

.wizard-modern.wizard-content .wizard>.steps>ul>li[role="tab"].first.done {
    padding-left: 10px;
}

.wizard-modern.wizard-content .wizard.wizard-circle>.steps .step{
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #C3C3C3;
    font-size: 14px;
    border-radius: 50%;
    color: #C3C3C3;
}

.wizard-modern.wizard-content .wizard>.steps>ul>li.current:first-of-type .step {
    color: #0966CE !important;
	border: 1px solid #0966CE;
    background: none;
}

.wizard-modern.wizard-content .wizard>.steps>ul>li.current .step{
	
	/* border: 1px solid #0966CE !important; */
    color: #000 !important;
    background:none;
	font-weight: 600;
}

/* Override styles when a step is both 'done' and 'current' */
.wizard-modern.wizard-content .wizard>.steps>ul>li.done.current .step {
    border: none !important;
    background-color: transparent !important;
    color: transparent !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ensure the checkmark image is visible and centered */
.wizard-modern.wizard-content .wizard>.steps>ul>li.done.current .step img {
    display: block;
    width: auto; /* Adjust size as needed */
    height: auto; /* Adjust size as needed */
    margin: 0 auto;
}

/* Hide the checkmark image when only the 'current' class is present (no 'done') */
.wizard-modern.wizard-content .wizard>.steps>ul>li.current .step img {
    display: none;
}

/* Ensure the checkmark image is visible when 'done' class is present */
.wizard-modern.wizard-content .wizard>.steps>ul>li.done .step img {
    display: block;
    width: auto; /* Adjust size as needed */
    height: auto; /* Adjust size as needed */
    margin: 0 auto;
}

.wizard-modern.wizard-content .wizard>.steps>ul>li.current span.step-heading{
	
    color: black !important;

 
}

.wizard-modern span.step-heading {
	font-size: 14px;
    font-weight: 600;
	color: #C3C3C3;
}

/* Style for completed steps with the 'done' class */
.wizard-modern.wizard-content .wizard>.steps>ul>li.done span.step {
    border-color: transparent !important;
    background-color: transparent !important;
    color: transparent !important; 
}

.wizard-modern.wizard-content .wizard>.steps>ul>li.done span.step-heading {
    color: black !important;
    font-weight: bold !important;
}


.wizard-modern.wizard-content .wizard>.actions {
	position: fixed;
	/* display: block; */
	padding: 10px;
	background: white;
	bottom: 0;
	/*text-align: right;
	padding: 0 20px 20px
	width:72%;
	left: 0px; */
	width: -webkit-fill-available;
}

.wizard-modern.wizard-content .wizard>.actions>ul>li>a:focus, .wizard-content .wizard>.actions>ul>li>a:hover {
	-webkit-box-shadow:none
}


.wizard-modern.wizard-content .wizard>.actions>ul>li>a {
	    background: #0966CE;
}

.wizard-modern.wizard-content .wizard>.actions>ul>li>a[href="#cancel"] , .wizard-modern.wizard-content .wizard>.actions>ul>li>a[href="#previous"]{
	background-color: #FFFFFF;
    color:#0966CE ;
    border:1px solid #0966CE;
    font-size: 14px;
    font-weight: 400;
}

.wizard-content.wizard-content .wizard>.content{
	padding:0.3rem !important;
	
}

.wizard-modern.wizard-content .wizard>.content>.body{
	padding: 0px !important
}

.wizard-modern.wizard-content .drawflow .drawflow-node.selected .title-box{
	
	box-shadow : none;
	border: 1px solid #0966CE;
	color:black;
}


.wizard-modern.wizard-content .drawflow .drawflow-node .title-box a:not([href]):not([tabindex]){
	
	color:#2B5FAD;
	
}

 /****************** WIZARD CSS ENDS ******************/
 
 .drawflow .createAiApplications {
	width: 49%;
	height: 377px;
}


.drawflow-node.createAiApplications .title-box {
	display:block  !important;
	line-height:20px
	
}

.drawflow-node.createAiApplications input, .drawflow-node.createAiApplications select, .drawflow-node.createAiApplications textarea{
	
	width:0px
	
}

.drawflow .llm {
	width: 49%;
	height: 350px;
}

.drawflow-node.llm .title-box{
	display:block  !important;
	line-height:20px;
	border: 1px solid #E1E1E4 !important;
	box-shadow: 0px 0px 4px 0px #B4B4B440 !important;
}

.drawflow-node.llm {
	height: fit-content !important;
	width: 65%;
	
}

.drawflow .drawflow-node.llm.selected {
	background: transparent !important;
}

.drawflow .drawflow-node.aiApplicationVectorChunk {
	width: 87%
}


.drawflow .drawflow-node.aiApplicationVectorChunkTemplate {
    width: 20%;
    height: auto;
}

.drawflow-node.aiApplicationVectorChunkTemplate .title-box {
    display: block;
    line-height:20px;
    border-radius:9px;
    
}

.drawflow .drawflow-node.aiApplicationVectorChunkTemplate.selected{
	
	background:transparent
}


/* .vectorChunkChooseTarget {
	color: #0966CE;
}

.vectorChunkChooseTarget:hover {
	color: #0966CE;
} */
#createAiAppDrawer #llmConfigTableDetailsTable tbody .rowCheckbox {
	width: 14px;
    height: 14px;
	cursor: pointer;
}
.rowCheckbox, #selectAllCheckbox {
    width: 14px;
    height: 14px;
	cursor: pointer;
}

.createAIappTooltip {
	position: relative;
	display: inline-block;

  }
  
  .createAIappTooltip .createAIappTooltipText {
	visibility: hidden;
	width: 300px;
	background-color: #fff;
	color:#515151;
	border-radius: 6px;
	font-size: 14px;
	padding: 10px;
	border-color: transparent transparent white transparent;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

	
	/* Position the tooltip */
	position: absolute;
	z-index: 99999;
	top: -5px;
	left: 105%;
  }
  
  .createAIappTooltip:hover .createAIappTooltipText {
	visibility: visible;
  }

  #preprocessingDrawflow .title-box , #llmDrawflow .title-box{
	cursor: default;
  }

  #preprocessingDrawflow #node-dataset_explorer {
	cursor: default;
	background-color: transparent !important;
  }

/* .skeleton-loader .skeleton-row {
    display: flex;
    padding: 5px 5px;
	background-color: #fff;
}

.skeleton-cell {
    background-color: #e0e0e0;
    margin-right: 2px;
    animation: loading 1.5s infinite;
}

.skeleton-loader .skeleton-button{
    background-color: #e0e0e0;
    border-radius: 4px;
	margin-left: 5px;
	width: 95px; 
	height: 40px; 
	margin-top: 8px;
    animation: loading 1.5s infinite;
}
.skeleton-loader .skeleton-icon {
	width: 40px; 
	height: 40px; 
	margin-top: 8px;
	margin-left: 5px;
    background-color: #e0e0e0;
    border-radius: 4px;
    animation: loading 1.5s infinite;
}

@keyframes loading {
    0% {
        background-color: #e0e0e0;
    }
    50% {
        background-color: #dbdada;
    }
    100% {
        background-color: #e0e0e0;
    }
}

#dashboardLinks_version.skeletonLoading,
#dashboardLinks_averageRating.skeletonLoading,
#dashboardLinks_datasetSize.skeletonLoading,
#dashboardLinks_headers.skeletonLoading{
	margin: 5px 5px 5px 8px;
    height: 40px;
}

#dashboardLinks_IncomingPipeline .skeletonLoading,
#dashboardLinks_OutgoingPipeline .skeletonLoading{
	margin: 5px;
    height: 40px;
}

#dashboardLinks_QuickLinks .skeletonLoading{
	margin: 5px;
	margin-top: -10px;
    height: 40px;
} */

.is-Invalid-border {
    border: 1px solid #dc3545 !important;
}

.is-Invalid-border:focus {
    color: #495057;
    background-color: #fff;
    border-color: #dc3545;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.disabled-icon {
    opacity: 0.5;
    pointer-events: none; /* Prevent clicks */
}

/* Default empty state styles */
.graphFunctionInputStyle {
    background-color: #EBF5FF !important;
    border: 1px solid #EBF5FF !important;
    color: #1A56DB !important;
}

/* Filled state styles */
.filledState {
    background-color: rgb(243, 244, 246) !important;
    border: 1px solid rgb(243, 244, 246) !important;
    color: #1F2A37 !important;
}

/* Optional: Adjust placeholder for empty fields */
.graphFunctionInputStyle::placeholder {
    color: #1A56DB !important;
    opacity: 1;
}

.graphFunctionInputStyle + .btn-group{

	border: 1px solid #EBF5FF !important;
	/* border-radius: 4px !important; */

}
.graphFunctionInputStyle + .btn-group .dropdown-toggle{
	background-color: #EBF5FF;
	color: #1A56DB;
}

.filledState + .btn-group{
    border: 1px solid rgb(243, 244, 246) !important;
    color: #1F2A37 !important;

}
.filledState + .btn-group .dropdown-toggle{
	background-color: rgb(243, 244, 246) !important;
    color: #1F2A37 !important;
}


/* For the dynamic select and textarea elements inside the row */
.dynamic-select {
    border-radius: 4px;
}

.dynamic-select.text-area-visible + .btn-group,
.dynamic-select.text-area-visible + .btn-group button {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.dynamic-textarea {
    border-radius: 4px;
	font-size: 14px;
}

/* Apply border-radius adjustments when both elements exist in the same row */
.dynamic-select + .dynamic-textarea {
    border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

/* Make "Create New Entity" sticky */
.sticky-option {
    position: sticky;
    bottom: 0;
    background-color: #F3F7FD;
	padding: 2px 4px;
    z-index: 1;
	font-size: 14px;
	font-weight: 500;
	color: #374151;
	
}

#createEntityModal .form-group{
	margin-bottom: 0px !important;
}

#createEntityModal .modal-body {
	padding: 12px 7px;
}

#createEntityModal .modal-content{
	box-shadow: 0px 4px 6px -1px #0000001A;
	border: none;
}

#createEntityModal .modal-footer.no-border {
    border-top: none; /* Removes the border at the top of the footer */
    display: flex;
    justify-content: flex-end;
	padding: 0px 7px 10px 0px !important;
}

.gradient-background {
	background-image: url('images/svgIcon/blue_background.svg') ;
	position: absolute;

  }

.button-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.button-container .btn {
    width: 82%; /* Adjust width of buttons */
    text-align: center;
	background-color: #fff;
	border: 1px solid #D1D5DB;
	box-shadow: 0px 1px 2px 0px #00000014;
	padding: 6px 2.5px;
	border-radius: 4px;
	color: #111928;
	font-size: 14px;
	font-weight: 600;

}

.hr-separator-login-left {
	width: 30%;
	display: inline-block;
	float: left;
	background-color: #D2D2D2;
	margin-left: 30px;
	
}

.hr-separator-login-right {
	width: 30%;
	display: inline-block;
	float: right;
	background-color: #D2D2D2;
	margin-right: 30px;
	
}

.center-content {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;    /* Centers vertically */
}

.col-with-bg {
	background-image: url('../images/svgIcon/blue_background.svg');
	background-size: cover; /* Ensures the image covers the entire column */
	background-position: center; /* Centers the image */
  }

  .dropdown-menu-moreOptions {
    position: fixed;
    /* min-width: 50px; */
    /* display: none; */
    background-color: #fff;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
    z-index: 9999;
    /* padding: 12px 16px; */
    border-radius: 4px;
	margin-top: 10px;
}

.dropdown-menu-moreOptions a {
    color: black;
    text-decoration: none;
    display: block;
    /* padding: 8px 0; */
}

.dropdown-menu-moreOptions a:hover {
    background-color: #f2f4f8;
	cursor: pointer;
}
  
/*Switch button for home page*/
.modeToggleContainer {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: fit-content;
	border: 1px solid #E5E7EB;
	border-radius: 20px;
	background: #fff !important;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	gap: 12px;
	height: 36px;
}

.modeToggleContainer::before {
	content: '';
	position: absolute;
	width: 50%;
	height: 100%;
	left: 0;
	border-radius: 20px;
	background: #0B66CE;
	transition: all 0.3s;
}

.modeToggleCheckbox:checked + .modeToggleContainer::before {
	left: 50%;
}

.modeToggleContainer div {
	padding: 6px;
	text-align: center;
	z-index: 1;
	color: #4B5563; /* Default color for text */
	transition: color 0.3s;
}

.modeToggleCheckbox + .modeToggleContainer div:first-child {
	color: #fff; /* Default color for Status when unchecked */
	margin-left: 10px;
}

.modeToggleCheckbox:checked + .modeToggleContainer div:first-child {
	color: #4B5563; /* Status text turns black when checked */
}

.modeToggleCheckbox + .modeToggleContainer div:last-child {
	color: #4B5563; /* Default color for Compare */
	margin-right: 5px;
    margin-left: 10px;
}

.modeToggleCheckbox:checked + .modeToggleContainer div:last-child {
	color: #fff; /* Compare text turns white when checked */
}

.tooltiplabelValue{
	color: #111928; 
	font-size: 14px;
	font-weight: 600;
	display: block;
	margin-top: -2%;
}

.tooltiplabelBlueValue{
	color: #0B66CE;
	font-size: 14px;
	font-weight: 600;
	display: block;
	margin-top: -2%;
}

.tooltipHeaderLabel {
	color: #6B7280; 
	font-size: 12px; 
	font-weight: 400;
}
.dt-control {
    padding: 0px !important;
	padding-left: 5px !important;
}

#aiAppInitialDataTable_wrapper table.dataTable thead th {
	font-size: 12px;
	font-weight: 600;
	color: #6B7280 !important;
	background-color: #F3F4F6 !important;
	border-bottom: none !important;
}

#aiAppInitialDataTable_wrapper table.dataTable thead th:first-child {
	border-top-left-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
}

#aiAppInitialDataTable_wrapper table.dataTable thead th:last-child {
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}
/* 
#aiAppInitialDataTable_wrapper .dataTables_scrollHead {
	height: auto !important;
    overflow: visible !important;
} */
/* #aiAppInitialDataTable_wrapper .dataTables_scrollBody {
    overflow: visible !important;
} */

.images-wrapper {
	display: flex;
	align-items: center;
	position: relative;
  }
  
  .total-files-count {
	font-size: 14px;
	font-weight: 400;
	color: #0B66CE;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  #aiAppInitialDataTable tbody tr td{
	height: 40px !important;
  }

.tooltipSourcesCountInfo {
	position: relative;
	display: inline-block;
}

.tooltipSourcesCountInfo .tooltipSourcesDetailsInfo {
	background-color: white;
	color: black;
	border-radius: 6px;
	padding: 5px 14px;
	position: fixed;
	z-index: 99;
	margin-left: 11px;
	width: 200px;
	white-space: normal;
	min-height: 100px;
}

.copy-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	border: none;
	cursor: pointer;
	background: transparent;
}

.textarea-custom {
	width: 100%;
	height: 140px;
	border-radius: 12px;
	padding: 10px;
	border: 1px solid #E5E7EB;
	background-color: #fff;
	resize: none;
	overflow: hidden; /* Hide scrollbar initially */
	font-size: 14px;
	font-weight: 400;
	scrollbar-width: none; /* For Firefox */

}

/* Show scrollbar only on hover */
.textarea-custom:hover {
	overflow-y: auto;
	scrollbar-width: thin; /* For Firefox */
}

/* for agent tools advance filters */

.filter-box {
	border: 1px solid #ccc;
	padding: 1.5px 3px;
	min-height: 40px;
	width: 100%;
	cursor: text;
	display: inline-block;
	white-space: normal;
	border-radius: 0.25rem;
	resize: vertical;
	overflow-y: auto;
}
/* select, input {
	margin: 0 5px;
} */
.filter-row {
	display: flex;
	align-items: center;
	margin: 5px 0;
}
.add-filter, .remove-filter {
	cursor: pointer;
}
.editor-toggle {
	/* margin-top: 10px; */
	color: #0B66CE;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}
.hidden {
	display: none;
}

.addDeleteButtonRows{ 
	/* padding: 8px 4px; */
    /* background: #374151; */
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 32px;
	height: 32px;
	cursor: pointer;
	/* border-radius: 6px; */
	text-align: center;
}

.treeContainerStyle {
    border: 1px solid #ccc;
    border-radius: -23.75rem;
    min-height: 150px;
    height: 150px;
    padding: 10px;
    width: 100%;
    margin-left: 1px;
    position: relative;
    resize: vertical;
    
    /* Important: Allow scrolling */
    overflow: auto;

    /* Hide scrollbar by default */
    scrollbar-width: none; /* Firefox */
}

/* For Webkit browsers (Chrome, Edge, Safari) */
.treeContainerStyle::-webkit-scrollbar {
    background-color: transparent;
}

/* Hide scrollbar unless hovered */
.treeContainerStyle:hover::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0.1);
}

.treeContainerStyle:hover {
    scrollbar-width: auto; /* Firefox */
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
  

  #datasetOutputRows {
	min-height: 300px;
	max-height: 450px;
	overflow-y: hidden;
	overflow-x: hidden;
	padding: 0px 4px 0px 0px;
  }
  
  #datasetOutputRows:hover {
	overflow-y: auto;
	overflow-x: hidden;
  }
  
.placeholderText{
	color: #6B7280;
	font-size: 14px;
	font-weight: 400;
	padding: 3px;
}

.filter-row .select2-container--default .select2-selection--single .select2-selection__rendered{
	background: #F3F4F6;
	line-height: 24px !important; 
    color: #111928;
    font-size: 14px;
    font-weight: 500;
	border-radius: 0.25rem;
	height: 24px;
}

.filter-row .select2-container--default .select2-selection--single{
	border: 1px solid #F3F4F6;
	border-radius: 0.25rem;
}

/* Ensure the text inside the dropdown remains white */
.filter-row .logical-operator + .select2-container--default .select2-selection__rendered {
    color: white !important;
	background: #374151 !important;
	border: 1px solid #374151 !important;
}

.custom-btn-container {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    background-color: #2e3440; /* Dark background */
    width: fit-content;
}

.custom-btn {
    color: white;
	background-color: #2e3440;
    border: none;
    /* padding: 4px; */
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s;
}

/* .custom-btn:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.custom-btn:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
} */

.custom-btn:not(:last-child) {
    border-right: 1px solid #444c56; /* Subtle separator */
}

.addDeleteFilterButtonRows{
	/* padding: 8px 4px; */
    background: #374151;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 24px;
	height: 24px;
	cursor: pointer;
	border-radius: 6px;
	text-align: center;
}
/* Target only disabled options inside Select2 dropdown */
.select2-container--default .select2-results__options>li[aria-disabled="true"]:hover {
    background-color: transparent !important;
    color: #9CA3AF !important;
    cursor: default !important; /* Prevents pointer changes */
}

.datasetToolResultProcessingDiv .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: 14px;
    font-weight: 400;
	height: 32px;
	line-height: 32px !important; 
	color: #111928;
}

.filter-row .logical-operator + .select2-container--default .select2-search--dropdown .select2-search__field {
	display: none;
}

.filter-row .select2-container--default .select2-selection--single {
    height: 24px !important;   /* Set desired height */
	align-items: center !important;
}
.filter-row .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px; /* Match the select box height */
    display: flex;
    align-items: center;
}

.datasetToolResultProcessingDiv .select2-container--default .select2-selection--single {
    height: 32px !important;   /* Set desired height */
	align-items: center !important;
}
.datasetToolResultProcessingDiv .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px; /* Match the select box height */
    display: flex;
    align-items: center;
}

.button-group-editor {
	display: inline-flex;
	background-color: #374151;
	color: white;
	border-radius: 0.25rem;
	overflow: hidden;
	height: 24px;
	align-items: center;
}

.button-group-editor span {
	padding: 2px 10px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}

.button-group-editor .remove-filter {
	border-right: 1px solid #9CA3AF;
}

.button-group-editor .remove-filter:only-child {
    border-right: none;
	padding: 10px;
}

.button-group-editor .add-filter {
	padding: 2px 8px;
}

.button-group-editor .add-filter:only-child {
	padding: 8px;
}

#testFormParamSection .col-md-12 {
	overflow: scroll; 
	scrollbar-width: none;
}

.noneConfiguredTestStyle{
	color: #9CA3AF; 
	font-style: italic;
	font-size: 14px;
	font-weight: 400;
}

#headerKeyValueDiv {
	max-height: 300px;
	overflow-y: auto;
	padding: 10px;
}
  
#headerKeyValueDiv .tag {
	display: flex;
	align-items: center;
	background-color: #F3F4F6;
	color: #111928;
	border-radius: 0.25rem;
	height: 24px;
	padding: 1px 6px;
	font-size: 14px;
	font-weight: 500;
	width: fit-content;
	margin-left: 0.25rem;
}
  
#headerKeyValueDiv .remove-tag {
	margin-left: 12px;
	color: #6B7280;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
} 

.header-tag {
	display: inline-block;
	background-color: #fff;
	color: #000;
	padding: 1px 6px;
	margin-right: 2.5px;
	border-radius: 0.25rem;
	font-size: 12px;
	border: 1px solid #E5E7EB;
	font-size: 14px;
	font-weight: 500;
  }
/* Custom Radio Button Styling */
.custom-radio-restApi-input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 16px;
	height: 16px;
	border: 1px solid #9CA3AF;
	border-radius: 50%;
	outline: none;
	transition: border-color 0.2s;
  }
  
  /* Blue border when checked without inner circle */
  .custom-radio-restApi-input:checked {
	border: 3.5px solid #0B66CE;
  }
  
  /* Align text properly */
  .custom-radio-restApi {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	color: #212529;
  }
  
  /* Add space between radio and text */
  .custom-radio-restApi-input {
	margin-right: 8px;
  }
  
button#testTool:disabled {
	background-color: #fff; /* Light gray background */
	color: #9CA3AF;           /* Gray 400 color */
	border-color: #E5E7EB;    /* Light border color */
	cursor: not-allowed;
	font-weight: 400;         /* Normal font weight */
}

#testTool:disabled svg path {
	fill: #9CA3AF; /* Gray 400 color when disabled */
}

#aiToolForm-Json-container{
	overflow-y: auto !important;
}

.tooltip-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.custom-tooltip-new {
    visibility: hidden;
    width: 235px;
    background-color: #fff;
    color: #6B7280;
    text-align: center;
    border-radius: 12px;
    padding: 4px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    box-shadow: 0px 2px 4px -2px #0000000D, 0px 4px 6px -1px #0000001A;
}

.custom-tooltip-new::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.tooltip-icon:hover + .custom-tooltip-new, 
.tooltip-icon:focus + .custom-tooltip-new {
    visibility: visible;
    opacity: 1;
}

.tooltip-icon {
    cursor: pointer;
    vertical-align: middle;
}

#aiToolForm-container {
 margin: 0px 25px;
}

/* Thin scrollbar with transparent track and visible thumb */
::-webkit-scrollbar {
	width: 8px;  /* Vertical scrollbar width */
	height: 8px; /* Horizontal scrollbar height */
  }
  
  ::-webkit-scrollbar-track {
	background: transparent; /* Transparent track */
  }
  
  ::-webkit-scrollbar-thumb {
	background: rgba(128, 128, 128, 0.5); /* Semi-transparent thumb */
	border-radius: 4px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
	background: rgba(128, 128, 128, 0.8); /* Darker on hover */
  }

  #aiToolForm-Json-container{
	height: calc(100vh - 214px);
  }

  	#testResultBlock {
    	color: #000 !important; /* default everything to black */
	}

	/* Keys like "name", "description", etc. */
	#testResultBlock .hljs-attr {
		color: #D03801 !important;
	}

	/* Values: force all types to black */
	#testResultBlock .hljs-string,
	#testResultBlock .hljs-number,
	#testResultBlock .hljs-literal,
	#testResultBlock .hljs-keyword,
	#testResultBlock .hljs-attribute,
	#testResultBlock .hljs-builtin-name,
	#testResultBlock .hljs-symbol {
		color: #000 !important;
	}

	/* Background removal */
	#testResultBlock.hljs {
		background: #F9FAFB !important;
	}

  .preWordWrap {
	white-space: pre-wrap;   /* Allow text to wrap */
	word-wrap: break-word;   /* Break long words if needed */
	overflow-x: hidden;      /* Hide horizontal scroll */
	max-height: calc(100vh - 420px);
  }

  .textarea-scrollbar-agent {
	resize: none; /* Optional: disables manual resize if not desired */
	overflow-y: hidden;
  }

  .tooltipStyle{
	position:absolute; 
	top: 0px; 
	left:80px; 
	width:144px; 
	background:white; 
	border:1px solid #E5E7EB; 
	border-radius:8px ;
	box-shadow: 0px 4px 6px 0px #0000000D;
	padding:1px 0px !important;
	font-size: 14px;
	font-weight: 400;
	color: #111928;
	padding: 1px 0px;
  }

  .tooltipItems{
	padding:12px 4px !important; 
	cursor:pointer;
	height: 44px;
	text-align: center;
  }
  
  .tooltipItems:hover{
	background-color: #F3F7FD;
  }

  .pre-wrapper {
	position: relative;
	margin-bottom: 1rem;
  }

  .placeholder {
	position: absolute;
	top: 1rem;
	left: 1rem;
	color: #aaa;
	pointer-events: none;
	font-family: monospace;
	font-size: 14px;
	display: block;
  }

  .dataworkz-pre:not(.empty) + .placeholder {
	display: none;
  }

  /* Help icon styling */
 .getHelp_menu_style {
	position: relative;
	display: inline-block;
	border-radius: 8px;
	border: 2px solid transparent;
	height: 40px;
  }
  
  .getHelp_menu_style:hover {
	background-color: #F3F4F6;
	border-radius: 8PX;
	border: 2px solid #F3F4F6;
  }
  
  .getHelp_menu_style.active {
	background-color: #E5E7EB;
	border: 2px solid #F3F4F6;
  }
  
  /* Tooltip styling */
  .tooltip-text-help {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 4px;
	background-color: #4B5663;
	color: #fff;
	padding: 2px 4px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 400;
	white-space: nowrap;
	z-index: 999;
	height: 20px;
	width: 56px;
  }
  
  .tooltip-text-help::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: #4B5663 transparent transparent transparent;
  }

  .left-tooltip-text-help {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
	position: absolute;
	top: 50%;
	right: 100%; /* Position to the left */
	transform: translateY(-50%); /* Center vertically */
	margin-right: 8px;
	background-color: #4B5663;
	color: #fff;
	padding: 2px 4px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 400;
	white-space: nowrap;
	z-index: 999;
	height: 20px;
	width: 56px;
}

/* Arrow on the right side (pointing toward icon) */
.left-tooltip-text-help::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #4B5663;
}

  
  .getHelp_menu_style:hover .tooltip-text-help {
	visibility: visible;
	opacity: 1;
  }

  .getHelp_menu_style:hover .left-tooltip-text-help {
	visibility: visible;
	opacity: 1;
  }

  #datasetToolAllOutputRowsDiv {
    max-height: 400px;
    overflow: hidden;
  }

  #datasetToolAllOutputRowsDiv:hover {
    overflow-y: auto;
    overflow-x: hidden;
  }
  
 /* salesforce Dropdown styling */
.sf-filter-row {
	display: flex;
	align-items: center;
	margin: 5px 0;
}

.sf-filter-row .select2-container--default .select2-selection--single .select2-selection__rendered{
	background: #F3F4F6;
	line-height: 24px !important; 
    color: #111928;
    font-size: 14px;
    font-weight: 500;
	border-radius: 0.25rem;
	height: 24px;
}

.sf-filter-row .select2-container--default .select2-selection--single{
	border: 1px solid #F3F4F6;
	border-radius: 0.25rem;
}

/* Ensure the text inside the dropdown remains white */
.sf-filter-row .sf-logical-operator + .select2-container--default .select2-selection__rendered {
    color: white !important;
	background: #374151 !important;
	border: 1px solid #374151 !important;
}

.sf-filter-row .sf-logical-operator + .select2-container--default .select2-search--dropdown .select2-search__field {
	display: none;
}

.sf-filter-row .select2-container--default .select2-selection--single {
    height: 24px !important;   /* Set desired height */
	align-items: center !important;
}
.sf-filter-row .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px; /* Match the select box height */
    display: flex;
    align-items: center;
}

.button-group-editor .sf-remove-filter {
	border-right: 1px solid #9CA3AF;
}

.button-group-editor .sf-remove-filter:only-child {
    border-right: none;
	padding: 10px;
}

.button-group-editor .sf-add-filter {
	padding: 2px 8px;
}

.button-group-editor .sf-add-filter:only-child {
	padding: 8px;
}

.chat-sidebar {
	background-color: #F9FAFB; 
	border-right: 1px solid #E5E7EB; 
	padding: 24px 12px; 
	font-size: 12px;
	color: #1F2A37;
}

.section-title {
	font-weight: 600;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	display: flex;
	align-items: center;
	color: #1F2A37;
	padding: 2px 8px;
}

.conversation-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 8px;
	cursor: pointer;
	background-color: transparent;
	padding: 8px;
}

.conversation-item:hover {
	background-color: #F3F4F6;
}

.conversation-item.selected {
	background-color: #E7F0FA;
}

.conversation-title {
	flex: 1;
	font-size: 12px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.options-menu {
	margin-left: 6px;
	cursor: pointer;
	font-size: 18px;
	height: 30px;
	width: 30px;
	padding: 4px;
}

.pin-icon {
	font-size: 14px;
	margin-right: 6px;
	color: #444;
}

.options-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.conv-tooltip-menu {
	position: absolute;
	top: 10px; /* Adjust based on dot icon size */
	/* right: 0; */
	left: 20px;
	background-color: white;
	border: 1px solid #E5E7EB;
	box-shadow: 0px 2px 4px -2px #0000000D,0px 4px 6px -1px #0000001A;
	border-radius: 8px;
	padding: 8px 0;
	width: 140px;
	z-index: 1000;
	
}

.tooltip-menu.hidden {
	display: none;
}

.conv-tooltip-item {
	padding: 8px 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #1F2A37;
}

.conv-tooltip-item:hover {
	background-color: #F3F4F6;
}

.conv-tooltip-icon {
	margin-right: 8px;
}

#conversationHistoryDiv {
	width: 300px;
	transition: width 0.3s ease;
	position: relative;
}

#conversationHistoryDiv.collapsed {
	width: 30px;
	overflow: hidden;
}

/* Toggle button styling */
.conversation-toggle-btn {
    position: absolute;
    top: 20px;
    left: 300px; /* Default width of sidebar */
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 2px 8px;
    z-index: 1100;
    cursor: pointer;
	outline: none;
}

.toggleSidebarBtnStyle{
	position: absolute; 
	top: 143px; 
	/* left: 357px;  */
	background-color: #fff; 
	border: 1px solid #D1D5DB; 
	border-radius: 50%; 
	padding: 4px; 
	z-index: 1100; 
	cursor: pointer; 
	box-shadow: -1.33px 1.33px 2.67px 0px #00000014;
	width: 24px;
	height: 24px;
}

.toggleSidebarBtnStyle img{
	height: 14px; 
	width: 8px; 
	/* margin-top: -10px;  */
	vertical-align: baseline;
}

.toggleRightSidebarBtnStyle{
	position: absolute;
	background-color: #fff; 
	border: 1px solid #D1D5DB; 
	border-radius: 50%; 
	padding: 4px; 
	z-index: 1100; 
	cursor: pointer; 
	box-shadow: -1.33px 1.33px 2.67px 0px #00000014;
	width: 24px;
	height: 24px;
	top: 52px;
	left: 47px;
}

.toggleRightSidebarBtnStyle img{
	height: 14px; 
	width: 8px; 
	margin-top: -10px; 
	vertical-align: baseline;
}


#toggleSidebarBtn:focus{
	border: 1px solid #D1D5DB; 
	outline: none;
}

/* Hide when collapsed */
.sidebar-hide-on-collapse {
	display: block;
}

.sidebar-icon-only {
	display: none;
	text-align: center;
}

.dataworkz-icon-button {
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0px;
	display: block;
}


.custom-sidebar-collapsed {
	width: 60px !important;
	flex: 0 0 60px !important;
	transition: all 0.3s ease;
}



.toggle-wrapper {
	border: 1px solid #ccc;
	border-radius: 6px;
	margin: 10px 0;
}
.toggle-header {
	padding: 10px;
	background-color: #f5f5f5;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	font-weight: 500;
}
.toggle-content {
	padding: 10px;
	background-color: #fff;
}
.file-toolbar button {
	margin-right: 8px;
	background-color: #0b66ce;
	color: white;
	border: none;
	padding: 6px 10px;
	border-radius: 4px;
	cursor: pointer;
}
.file-toolbar {
	margin-bottom: 8px;
}

.image-modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	align-items: center;
	justify-content: center;
}

.image-modal-content {
	max-width: 90%;
	max-height: 90%;
	margin: auto;
	display: block;
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
}

.image-modal-close {
	position: absolute;
	top: 20px;
	right: 30px;
	color: white;
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
}

  /* Dropdown styling */
  .helpTooltipStyle {
	position: absolute;
	top: 0;
	left: 0;
	width: 222px;
	background: white;
	border: 1px solid #E5E7EB;
	border-radius: 8px; 
	box-shadow: 0px 2px 4px -2px #0000000D, 0px 4px 6px -1px #0000001A;
	padding: 6px 0px;
	font-size: 12px;
	color: #111928;
	z-index: 999;
  }
  
  .helpTooltipItemsHeading{
	font-size: 14px;
	font-weight: 400;
	color: #374151;
  }

  .helpTooltipItemsText{
	font-size: 12px;
	font-weight: 400;
	color: #6B7280;
  }

  .helpTooltipItems {
	padding: 8px 16px;
	cursor: pointer;
	color: #6B7280;
	height: 54px;
  }

  .helpTooltipItems:hover {
	background-color: #F3F4F6;
  }
  
  .helpItemclicked .helpTooltipItemsHeading,
  .helpItemclicked .helpTooltipItemsText {
	color: #0B66CE;
	font-weight: 500;
  }
  

.helpTooltipItems a:focus,
.helpTooltipItems a:active {
  color: #0B66CE;
  background-color: #F3F4F6;
  border-radius: 4px;
  display: block;
  padding: 2px 4px;
  text-decoration: none;
}

.helpTooltipItems a:focus .helpTooltipItemsHeading,
.helpTooltipItems a:active .helpTooltipItemsHeading,
.helpTooltipItems a:focus .helpTooltipItemsText,
.helpTooltipItems a:active .helpTooltipItemsText {
  color: #0B66CE;
}

.message-wrapper {
	background: white;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	padding: 16px;
	margin: 10px 0;
	position: relative;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05);
	transition: box-shadow 0.3s;
  }
  
  .message-wrapper:hover {
	box-shadow: 0 6px 10px rgba(0,0,0,0.08);
  }

  .action-icons-agent {
	visibility: hidden;
	transition: visibility 0.2s;
}

.message-wrapper:hover .action-icons-agent,
.toggle-header:hover .icon-bar {
	visibility: visible;
}

.json-wrapper:hover .json-actions {
	opacity: 1 !important;
}

.json-wrapper .toggle-button:hover {
	background: #eee;
}

.toggle-button .toggle-hover-container:hover .toggle-gradient {
	display: block;
}

/* Left-fixed columns (shadow to the right) */
/* Left-fixed columns (shadow to the right) */
td.dtfc-fixed-left:not(.dt-control),
th.dtfc-fixed-left:not(.dt-control) {
	border-right: 1px solid #E5E7EB;
	box-shadow: 6px 0 10px 0px #0000000D; /* Right-side shadow */
	z-index: 2;
	left: 0px !important;
}

/* Right-fixed columns (shadow to the left) */
td.dtfc-fixed-right:not(.dt-control),
th.dtfc-fixed-right:not(.dt-control) {
	border-left: 1px solid #E5E7EB;
	box-shadow: -6px 0 10px 0px #0000000D; /* Left-side shadow */
	z-index: 5;
	position: sticky;
	right: 0;
}

.truncate-text-for-ragAppTable {
    display: block;               /* fill full width of parent cell */
    overflow: hidden;
    white-space: nowrap;           /* keep single word in one line */
    text-overflow: ellipsis;       /* add ... when overflowing */
}

/* Section headers (clickable) */
#configUl .menu-section-header {
	display: flex;
	justify-content: space-between;
	padding: 10px 14px;
	margin-bottom: 6px;
	align-items: center;
	cursor: pointer;
  }
  
  #configUl .collapse-icon {
	width: 14px;
	height: 14px;
	margin-left: 8px;
  }
  
  
  /* Arrow indicator via pseudo element */
  /* #configUl .menu-section-header::after {
	content: "▾";
	margin-left: 8px;
	transition: transform .2s ease;
	font-size: 14px;
	line-height: 1;
  }
  #configUl .menu-section-header.collapsed::after {
	transform: rotate(-90deg);
  } */
  
  /* Item styling to match your reference */
  #configUl .nav-item [class~="nav-link"] {
	/* border-radius: 8px; */
	/* margin: 2px 8px; */
	padding: 6px 20px;
	border-radius: 0px;
	border: none;
  }
  #configUl .nav-link:hover { background:#f9fafb; }
  #configUl .nav-link.active {
	background:#E7F0FA;
	color:#0B66CE;
	font-size: 14px;
	font-weight: 500;
	border-radius: 8px;
  }

/* Border + button text */
.blueBorderDropdown {
    border: 1px solid #0B66CE !important;
    border-radius: 4px;
}

.blueBorderDropdown > .btn {
    color: #0B66CE !important;
}

/* .prompt-card {
    display: inline-block;
    margin: 10px;
  } */

  .promptGrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.25rem;
	margin-bottom: 2rem;
  }
  
  .promptCard {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 16px 20px;
	height: 154px;
	width: 276px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* box-shadow: 0 1px 3px rgba(0,0,0,0.08); */
	transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .promptCard:hover {
	box-shadow: 0px 2px 4px -2px #0000000D, 0px 4px 6px -1px #0000001A;
  }
  

  .promptCardBadge {
	font-size: 12px; 
	font-weight: 500; 
	padding: 2px 10px;
	border-radius: 6px;
  }

  .promptActionDropdown{
	border: 1px solid #E5E7EB;
	box-shadow: 0px 2px 4px -2px #0000000D, 0px 4px 6px -1px #0000001A;
	border-radius: 8px;
	padding: 4px 0px;

  }

  .promptTitle {
    font-size: 14px;
    font-weight: 500;
    color: #111928;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;          /* Limit to 1 line */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.truncateBadge {
    max-width: 120px; /* adjust width as per card width */
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}


.promptDescription {
    font-size: 12px;
    font-weight: 400;
    color: #4B5563;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;          /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

  
  .dropdown-item-textStyle{
	font-size: 14px;
	font-weight: 400;
	color: #111928 !important;
  }

  .dropdown-item-redTextStyle{
	font-size: 14px;
	font-weight: 400;
	color: #C81E1E !important;
  }

  /* .viewAffectedWorkflowsDiv{
	border: 1px solid #000;
	border-radius: 12px;
  } */

  .viewAffectedWorkflowsText{
	color: #0b66ce;
	text-decoration: underline;
	font-size: 14px;
	font-weight: 500;
	
  }

  .promptFiltersStyle{
	padding: 4px 8px;
    border: 1px solid #E5E7EB;
    background: #fff;
    border-radius: 100px;
	margin-right: 4px;
	font-size: 12px;
	font-weight: 500;
  }

  	.promptFiltersStyle.active {
		border: 1px solid #0B66CE; /* Blue border */
		color: #0B66CE;
	}

	.labelDescriptionText {
		font-size: 12px;
		font-weight: 400;
		color: #6b7280 !important;
		margin-top: -8px;
	}

	.buttonWrapperPreview{
		display: flex;
		justify-content: space-between;
		padding: 15px 24px;
	}

	#promptDeleteWarning .modal-content, #promptEditWarning .modal-content, #viewUsageModal .modal-content {
		border-radius: 12px;
	  }

	#createCategoryModal .form-group{
		margin-bottom: 0px !important;
	}
	
	#createCategoryModal .modal-body {
		padding: 12px 7px;
	}
	
	#createCategoryModal .modal-content{
		box-shadow: 0px 4px 6px -1px #0000001A;
		border: none;
	}
	
	#createCategoryModal .modal-footer.no-border {
		border-top: none; /* Removes the border at the top of the footer */
		display: flex;
		justify-content: flex-end;
		padding: 0px 7px 10px 0px !important;
	}

	.preprocessingTableStyled {
		min-height: 50px;
		display: block;
		min-width: calc(100vw - 415px);
		max-width: calc(100vw - 515px - 1rem);
	}

	  .ddu-file {
		display: flex;
		align-items: center;
		margin-bottom: 6px;
		padding: 4px 8px;
		border: 1px solid #ddd;
		border-radius: 6px;
		position: relative;
		background: #fafafa;
	  }
	  
	  .ddu-thumb {
		max-width: 40px;
		max-height: 40px;
		margin-right: 8px;
		border-radius: 4px;
	  }
	  
	  .ddu-file-icon {
		flex-grow: 1;
		font-size: 14px;
	  }
	  
	  .ddu-remove {
		margin-left: auto;
		color: red;
		cursor: pointer;
		font-size: 18px;
		padding: 0 6px;
		user-select: none;
	  }

	  .ddu-overlay {
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background: rgba(0,0,0,0.4);
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 2px dashed #fff;
		z-index: 999;
		pointer-events: none; /* don’t block the drop */
	  }

	  
	  .uploaded-file{
		background-color: #f3f3f6;
    	padding: 4px 8px;
		border-radius: 8px;
		font-size: 12px;
		font-weight: 600;
	  }

	  .uploaded-file-error{
		background-color: #fde8e8;
    	padding: 4px 8px;
		border-radius: 8px;
		color: #e02424;
		font-size: 12px;
		font-weight: 600;
	  }
	  
	  /* ensure status inherits color from parent */
	.uploaded-file .uploadstatus {

		color: #6b7280;
		font-weight: 400;
	}
	.uploaded-file-error .uploadstatus {
		color: #e02424;
		font-weight: 400;
	}
	  
	  #uploadedFilesWrapper.ddu-dragover {
		border: 2px dashed #3b82f6; /* blue border highlight */
		background-color: #f0f9ff;
	  }
	  
	  
	  .attachment-btn:hover {
		background-color: #0b66ce; /* optional: background on hover */
		color: #ffffff;            /* icon becomes white */
		border: 1px solid #0b66ce;

	  }
	  
	  .attachment-btn.active {
		background-color: #0b66ce; /* keep it pressed */
		color: #ffffff;
		border: 1px solid #0b66ce;

	  }

	  #selectMyDocumentsFileDetails .dataTables_scrollBody {
		max-height: 300px;
		overflow-y: auto;
	  }
	  
	  #alreadyExistFileWarningModal .modal-dialog {
		margin: 40px auto !important;
		max-height: calc(100vh - 80px) !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;   /* Fix vertical centering issue */
	}
	
	#alreadyExistFileWarningModal .modal-content {
		max-height: 100% !important;
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
	}
	
	#alreadyExistFileWarningModal .modal-body {
		flex: 1 1 auto !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
	}
	
	/* preselected tag chip */
	.preselected-file-chip {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 4px 8px;
		background: #f3f4f6;
		color: #1f2a37;
		border-radius: 8px;
		font-size: 13px;
		border: 1px solid #f3f4f6;
	}
	.preselected-file-chip .file-icon {
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:22px;
		height:22px;
		flex: 0 0 22px;
	  }
	  .preselected-file-chip .chip-label {
		display: inline-block;
		max-width: 100px;           /* room for icon + close button */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	  }

	.preselected-file-chip .chip-close {
		display:inline-block;
		width:18px;
		height:18px;
		line-height:18px;
		text-align:center;
		border-radius:9px;
		cursor:pointer;
		font-weight:700;
		color:#6b7280;
		background:transparent;
	}
	#preselectedFilesContainer { 
		min-height: 1px; 
	}
  
/* ---------- Scoped Onboarding CSS ---------- */
.onboard-root { padding: 60px 0px; max-width:572px; margin:0 auto; box-sizing:border-box; }
#dwLogo { display:block; margin: 0px auto; height:40px; width:142.86px; }

/* Progress pills */
.onboard-progress { display:flex; justify-content:center; margin-bottom:18px; }
.onboard-pills { display:flex; gap:16px; }
.onboard-pill { width:89.33px; height:6px; border-radius:8px; background:#f3f4f6; transition:background 200ms ease; }
.onboard-pill.onboard-active { background: #0B66CE; }

/* Titles */
.onboard-title { text-align:center; font-size:20px; font-weight:500; margin:6px 0px; color:#0f1724; }

/* Form fields */
.onboard-form { display:grid; 
	max-width:572px; 
	margin:0 auto; }
.onboard-label { display:block; font-size:14px; margin-bottom:6px; color:#233044; }
.onboard-input { width:100%; height:44px; padding:10px 12px; border:1px solid #e6e9ee; border-radius:8px; font-size:14px; box-sizing:border-box; transition:border-color 160ms ease, box-shadow 160ms ease; }
.onboard-input:focus { border-color: #bcd1ff; box-shadow: 0 6px 18px rgba(47,107,227,0.08); outline: none; }
/* Step-0 invalid state */
.onboard-input.invalid {
	border: 1px solid #f62d51 !important;
  }
  
  
  /* ensure error text is visible when shown */
  .onboard-error { display: none; color: #f62d51; font-size: 14px; font-weight: 400;}
  .onboard-error.show { display: block; }
/* ---------- Industry cards (grid of fixed cards) ---------- */
.onboard-card-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:572px; margin:0 auto 8px; }

/* card basics - fixed size so overlay does not change layout */
.onboard-card {
  width: 128px;
  height: 112px;
  box-sizing: border-box;
  padding: 12px;
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e6e9ee;
  display:flex; align-items:center; justify-content:center;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow: visible;
}

.onboard-card.onboard-selected .card-label {
    color: #0B66CE !important;
}

.onboard-role.onboard-selected .card-label{
	color: #0B66CE !important;
}

/* card hover/focus */
.onboard-card:hover, .onboard-card:focus { box-shadow: 0px 2px 4px -2px #0000000D, 0px 4px 6px -1px #0000001A; border-color:#d1d5db; outline:none; }

/* left-top radio (visual) & actual radio */
/* we'll place the real radio inside the card (visually left-top) */
.onboard-card .card-content { text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px; width:100%; height:100%; justify-content:center; }
.onboard-card .card-icon { width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb; }
.onboard-card .card-icon img { width:21.33px;height:21.33px; object-fit:contain; display:block; }
.onboard-card .card-label { color:#111928; font-size:14px; line-height:1.2; }

/* real radio (keeps accessibility) */
.onboard-card input[type="radio"] { position:absolute; left:12px; top:12px; z-index:3; }

/* selected card */
.onboard-card.onboard-selected { border-color:#0B66CE; background: #f3f7fd; box-shadow: 0 6px 16px rgba(47,107,227,0.06); transform:none; color: #0B66CE; }
.onboard-card.onboard-selected input[type="radio"] { outline: none; }

/* overlay input for other (keeps card dimension) */
.onboard-card .other-overlay { position:absolute; left:12px; right:12px; top:50%; transform:translateY(-50%); display:none; }
.onboard-card.other-active .card-content { opacity:0; visibility:hidden; }
.onboard-card.other-active .other-overlay { display:block; }
.onboard-card .other-overlay input { width:100%; padding:6px; border-radius:8px; border:1px solid #d1d5db; box-sizing:border-box; font-size:14px; }

/* ---------- Role pills ---------- */
.onboard-role-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; max-width:572px; margin:0 auto;
    overflow: auto; padding: 8px; /*max-height: 420px;*/}

/* pill styling */
.onboard-role {
  position:relative;
  width:100%;
  height:45px;
  padding:12px;
  box-sizing:border-box;
  border-radius:12px;
  border:1px solid #d1d5db;
  background:#fff;
  display:flex; 
  align-items:center; 
  gap:4px;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  cursor:pointer; overflow:visible;
  padding-left:56px; /* reserve space for native radio */
}
.onboard-role:hover, .onboard-role:focus { box-shadow: 0px 2px 4px -2px #0000000D, 0px 4px 6px -1px #0000001A; border-color:#d1d5db; }

/* place the real radio inside pill */
.onboard-role input[type="radio"] { position:absolute; left:18px; top:50%; transform:translateY(-50%); z-index:3; }

/* pill content */
.onboard-role .card-content { width:100%; display:flex; align-items:center; gap:12px; }
.onboard-role .card-label { font-size:14px; font-weight: 400; color:#111928; }

/* overlay for role other */
.onboard-role .other-overlay { position:absolute; left:16px; right:16px; top:50%; transform:translateY(-50%); display:none; }
.onboard-role.other-active .card-content { opacity:0; visibility:hidden; }
.onboard-role.other-active .other-overlay { display:flex; }
.onboard-role .other-overlay input { width:100%; padding:6px; border-radius:8px; border:1px solid #d1d5db; }

/* selected styles */
.onboard-role.onboard-selected { border-color:#0B66CE; background: #f3f7fd; box-shadow:none; transform:none; }
/* small blue dot to indicate selection is handled by native radio styling via CSS below */

/* Native radio visual styling (when checked) */
.onboard-role input[type="radio"], .onboard-card input[type="radio"] { -webkit-appearance: radio; appearance: radio; width:12px; height:12px; }
.onboard-role input[type="radio"]:checked + .card-content,
.onboard-card input[type="radio"]:checked ~ .card-content { /* just keep content visible */ }

/* Make checked radio more visible using accent-color (modern browsers) */
.onboard-role input[type="radio"]:checked,
.onboard-card input[type="radio"]:checked { accent-color: #0B66CE; }

/* ---------- Footer alignment (left back, right continue/cancel) ---------- */
#onboardFooter {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
	box-sizing: border-box;
  }

.onboard-footer-actions {
    width: 100%;
    margin-top: 48px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#backBtn {
	margin: 0;
	order: 0;
	font-size: 14px;
	font-weight: 500;
  }

  #nextBtn {
	margin-left: auto;    /* KEY: pushes this button to the right */
	order: 1;
	font-size: 14px;
	font-weight: 500;
  }

/* defensive CSS: hide the native radio when the card is in other-active mode */
.onboard-role.other-active input[type="radio"],
.onboard-card.other-active input[type="radio"] {
  display: none !important;
}

/* ensure overlay input is visually inset and not overlapped by the radio area */
.onboard-role .other-overlay,
.onboard-card .other-overlay {
  left: 16px;   /* matches spacing used for radio area */
  right: 16px;
}

.onboard-other-section {
	max-width: 572px;
	margin: 16px auto 0;
  }

  #industryOtherInput.invalid,
#roleOtherInput.invalid {
    border: 1px solid #f62d51 !important;
}



/* responsive */
@media (max-width:900px) {
  .onboard-card-grid { grid-template-columns:repeat(2,1fr); }
  .onboard-root { padding:20px; }
  .onboard-role-grid { max-width:600px; }
}
@media (max-width:640px) {
  .onboard-card { width:100%; height:auto; min-height:120px; }
  .onboard-card-grid { grid-template-columns:1fr; gap:14px; }
  .onboard-role-grid { grid-template-columns:1fr; gap:12px; max-width:100%; }
  .onboard-role { min-height:64px; padding-left:48px; }
}


  .json-block::-webkit-resizer {
    background-image: url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'>\
            <line x1='4' y1='15' x2='15' y2='4' stroke='%239CA3AF' stroke-width='1.5'/>\
            <line x1='10' y1='16' x2='16' y2='10' stroke='%239CA3AF' stroke-width='1.5'/>\
        </svg>");
    background-repeat: no-repeat;
    background-position: bottom right; /* Simplified positioning */
    background-size: 16px 16px;
    background-color: transparent;
    cursor: nwse-resize;
    width: 16px;
    height: 16px;
}

/* Scrollbar Corner - Make Space for Resizer */
.json-block::-webkit-scrollbar-corner {
    background: transparent;
    width: 16px; /* Match resizer size */
    height: 16px;
}