@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("//fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");

.MsQuickLinksToggle {
	position: fixed;
	z-index: 10;
	right: 10px;
	top: 108px;
	display: inline-block;
	background: #4c4e52;
	border-radius: 4px;
	text-align: center;
	line-height: 24px;
	width: 32px;
	height: 25px
}

.MsQuickLinksToggle.out .fa-chevron-right {
	display: none
}

.MsQuickLinksToggle.out .fa-chevron-left {
	display: inline-block
}

.MsQuickLinksToggle i {
	color: #fff;
	line-height: 1
}

.MsQuickLinksToggle i.fa-chevron-right {
	font-size: 8px;
	position: relative;
	top: -2px
}

.MsQuickLinksToggle i.fa-chevron-left {
	display: none;
	font-size: 8px;
	position: relative;
	top: -2px
}

.togglepannel {
	position: fixed;
	z-index: 10;
	right: 10px;
	top: 78px;
	display: inline-block;
	background: #4c4e52;
	border-radius: 4px;
	text-align: center;
	line-height: 24px;
	width: 32px;
	height: 25px
}

.togglepannel.out .fa-chevron-right {
	display: none
}

.togglepannel.out .fa-chevron-left {
	display: inline-block
}

.togglepannel i {
	color: #fff;
	line-height: 1
}

.togglepannel i.fa-chevron-right {
	font-size: 8px;
	position: relative;
	top: -2px
}

.togglepannel i.fa-chevron-left {
	display: none;
	font-size: 8px;
	position: relative;
	top: -2px
}

[id^="bg_"] .page-title {
	color: red !important
}

#bg-1 {
	background-image: url(../images/bg-1.jpg)
}

#bg-1 .breadcrumb {
	color: #fff
}

#bg-1 .breadcrumb li:last-child {
	color: inherit
}

#bg-1 .breadcrumb a {
	color: inherit
}

#bg-1 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-1 .page-title h1 span {
	color: #fff
}

#bg-2 {
	background-image: url(../images/bg-2.jpg)
}

#bg-2 .breadcrumb {
	color: #fff
}

#bg-2 .breadcrumb li:last-child {
	color: inherit
}

#bg-2 .breadcrumb a {
	color: inherit
}

#bg-2 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-2 .page-title h1 span {
	color: #fff
}

#bg-3 {
	background-image: url(../images/bg-3.jpg)
}

#bg-3 .breadcrumb {
	color: #fff
}

#bg-3 .breadcrumb li:last-child {
	color: inherit
}

#bg-3 .breadcrumb a {
	color: inherit
}

#bg-3 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-3 .page-title h1 span {
	color: #fff
}

#bg-4 {
	background-image: url(../images/bg-4.jpg)
}

#bg-4 .breadcrumb {
	color: #fff
}

#bg-4 .breadcrumb li:last-child {
	color: inherit
}

#bg-4 .breadcrumb a {
	color: inherit
}

#bg-4 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-4 .page-title h1 span {
	color: #fff
}

#bg-5 {
	background-image: url(../images/bg-5.jpg)
}

#bg-5 .breadcrumb {
	color: #fff
}

#bg-5 .breadcrumb li:last-child {
	color: inherit
}

#bg-5 .breadcrumb a {
	color: inherit
}

#bg-5 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-5 .page-title h1 span {
	color: #fff
}

#bg-6 {
	background-image: url(../images/bg-6.jpg)
}

#bg-6 .breadcrumb {
	color: #fff
}

#bg-6 .breadcrumb li:last-child {
	color: inherit
}

#bg-6 .breadcrumb a {
	color: inherit
}

#bg-6 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-6 .page-title h1 span {
	color: #fff
}

#bg-7 {
	background-image: url(../images/bg-7.jpg)
}

#bg-7 .breadcrumb {
	color: #fff
}

#bg-7 .breadcrumb li:last-child {
	color: inherit
}

#bg-7 .breadcrumb a {
	color: inherit
}

#bg-7 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-7 .page-title h1 span {
	color: #fff
}

#bg-8 {
	background-image: url(../images/bg-8.jpg)
}

#bg-8 .breadcrumb {
	color: #fff
}

#bg-8 .breadcrumb li:last-child {
	color: inherit
}

#bg-8 .breadcrumb a {
	color: inherit
}

#bg-8 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-8 .page-title h1 span {
	color: #fff
}

#bg-9 {
	background-image: url(../images/bg-9.jpg)
}

#bg-9 .breadcrumb {
	color: #fff
}

#bg-9 .breadcrumb li:last-child {
	color: inherit
}

#bg-9 .breadcrumb a {
	color: inherit
}

#bg-9 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-9 .page-title h1 span {
	color: #fff
}

#bg-10 {
	background-image: url(../images/bg-10.jpg)
}

#bg-10 .breadcrumb {
	color: #fff
}

#bg-10 .breadcrumb li:last-child {
	color: inherit
}

#bg-10 .breadcrumb a {
	color: inherit
}

#bg-10 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-10 .page-title h1 span {
	color: #fff
}

#bg-11 {
	background-image: url(../images/bg-11.jpg)
}

#bg-11 .breadcrumb {
	color: #fff
}

#bg-11 .breadcrumb li:last-child {
	color: inherit
}

#bg-11 .breadcrumb a {
	color: inherit
}

#bg-11 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-11 .page-title h1 span {
	color: #fff
}

#bg-12 {
	background-image: url(../images/bg-12.jpg)
}

#bg-12 .breadcrumb {
	color: #fff
}

#bg-12 .breadcrumb li:last-child {
	color: inherit
}

#bg-12 .breadcrumb a {
	color: inherit
}

#bg-12 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-12 .page-title h1 span {
	color: #fff
}

#bg-13 {
	background-image: url(../images/bg-13.jpg)
}

#bg-13 .breadcrumb {
	color: #fff
}

#bg-13 .breadcrumb li:last-child {
	color: inherit
}

#bg-13 .breadcrumb a {
	color: inherit
}

#bg-13 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-13 .page-title h1 span {
	color: #fff
}

#bg-14 {
	background-image: url(../images/bg-14.jpg)
}

#bg-14 .breadcrumb {
	color: #fff
}

#bg-14 .breadcrumb li:last-child {
	color: inherit
}

#bg-14 .breadcrumb a {
	color: inherit
}

#bg-14 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-14 .page-title h1 span {
	color: #fff
}

#bg-15 {
	background-image: url(../images/bg-15.jpg)
}

#bg-15 .breadcrumb {
	color: #fff
}

#bg-15 .breadcrumb li:last-child {
	color: inherit
}

#bg-15 .breadcrumb a {
	color: inherit
}

#bg-15 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-15 .page-title h1 span {
	color: #fff
}

#bg-16 {
	background-image: url(../images/bg-16.jpg)
}

#bg-16 .breadcrumb {
	color: #fff
}

#bg-16 .breadcrumb li:last-child {
	color: inherit
}

#bg-16 .breadcrumb a {
	color: inherit
}

#bg-16 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-16 .page-title h1 span {
	color: #fff
}

#bg-17 {
	background-image: url(../images/bg-17.jpg)
}

#bg-17 .breadcrumb {
	color: #fff
}

#bg-17 .breadcrumb li:last-child {
	color: inherit
}

#bg-17 .breadcrumb a {
	color: inherit
}

#bg-17 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-17 .page-title h1 span {
	color: #fff
}

#bg-18 {
	background-image: url(../images/bg-18.jpg)
}

#bg-18 .breadcrumb {
	color: #fff
}

#bg-18 .breadcrumb li:last-child {
	color: inherit
}

#bg-18 .breadcrumb a {
	color: inherit
}

#bg-18 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-18 .page-title h1 span {
	color: #fff
}

#bg-19 {
	background-image: url(../images/bg-19.jpg)
}

#bg-19 .breadcrumb {
	color: #fff
}

#bg-19 .breadcrumb li:last-child {
	color: inherit
}

#bg-19 .breadcrumb a {
	color: inherit
}

#bg-19 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-19 .page-title h1 span {
	color: #fff
}

#bg-20 {
	background-image: url(../images/bg-20.jpg)
}

#bg-20 .breadcrumb {
	color: #fff
}

#bg-20 .breadcrumb li:last-child {
	color: inherit
}

#bg-20 .breadcrumb a {
	color: inherit
}

#bg-20 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-20 .page-title h1 span {
	color: #fff
}

#bg-21 {
	background-image: url(../images/bg-21.jpg)
}

#bg-21 .breadcrumb {
	color: #fff
}

#bg-21 .breadcrumb li:last-child {
	color: inherit
}

#bg-21 .breadcrumb a {
	color: inherit
}

#bg-21 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-21 .page-title h1 span {
	color: #fff
}

#bg-22 {
	background-image: url(../images/bg-22.jpg)
}

#bg-22 .breadcrumb {
	color: #fff
}

#bg-22 .breadcrumb li:last-child {
	color: inherit
}

#bg-22 .breadcrumb a {
	color: inherit
}

#bg-22 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-22 .page-title h1 span {
	color: #fff
}

#bg-23 {
	background-image: url(../images/bg-23.jpg)
}

#bg-23 .breadcrumb {
	color: #fff
}

#bg-23 .breadcrumb li:last-child {
	color: inherit
}

#bg-23 .breadcrumb a {
	color: inherit
}

#bg-23 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-23 .page-title h1 span {
	color: #fff
}

#bg-24 {
	background-image: url(../images/bg-24.jpg)
}

#bg-24 .breadcrumb {
	color: #fff
}

#bg-24 .breadcrumb li:last-child {
	color: inherit
}

#bg-24 .breadcrumb a {
	color: inherit
}

#bg-24 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-24 .page-title h1 span {
	color: #fff
}

#bg-25 {
	background-image: url(../images/bg-25.jpg)
}

#bg-25 .breadcrumb {
	color: #fff
}

#bg-25 .breadcrumb li:last-child {
	color: inherit
}

#bg-25 .breadcrumb a {
	color: inherit
}

#bg-25 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-25 .page-title h1 span {
	color: #fff
}

#bg-26 {
	background-image: url(../images/bg-26.jpg)
}

#bg-26 .breadcrumb {
	color: #fff
}

#bg-26 .breadcrumb li:last-child {
	color: inherit
}

#bg-26 .breadcrumb a {
	color: inherit
}

#bg-26 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-26 .page-title h1 span {
	color: #fff
}

#bg-27 {
	background-image: url(../images/bg-27.jpg)
}

#bg-27 .breadcrumb {
	color: #fff
}

#bg-27 .breadcrumb li:last-child {
	color: inherit
}

#bg-27 .breadcrumb a {
	color: inherit
}

#bg-27 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-27 .page-title h1 span {
	color: #fff
}

#bg-28 {
	background-image: url(../images/bg-28.jpg)
}

#bg-28 .breadcrumb {
	color: #fff
}

#bg-28 .breadcrumb li:last-child {
	color: inherit
}

#bg-28 .breadcrumb a {
	color: inherit
}

#bg-28 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-28 .page-title h1 span {
	color: #fff
}

#bg-29 {
	background-image: url(../images/bg-29.jpg)
}

#bg-29 .breadcrumb {
	color: #fff
}

#bg-29 .breadcrumb li:last-child {
	color: inherit
}

#bg-29 .breadcrumb a {
	color: inherit
}

#bg-29 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-29 .page-title h1 span {
	color: #fff
}

#bg-30 {
	background-image: url(../images/bg-30.jpg)
}

#bg-30 .breadcrumb {
	color: #fff
}

#bg-30 .breadcrumb li:last-child {
	color: inherit
}

#bg-30 .breadcrumb a {
	color: inherit
}

#bg-30 .page-title h1 {
	color: #fff;
	text-shadow: 1px 2px 2px #333
}

#bg-30 .page-title h1 span {
	color: #fff
}

.login {
	height: 100vh;
	background: url(../images/mibg-1.jpg);
	background-size: cover;
}

.login h2 {
	text-align: left;
	color: #5568e5;
	font-size: 22px;
	padding: 35px 0 25px 0;
	font-weight: 500;
	/*        font-family: 'Adobe Clean Light'*/
	font-family: "Poppins", serif;
	font-weight: 500;
	font-style: normal;
}

.login .box .loggo {
	display: block;
	width: 100%;
	border-bottom: 2px solid #eee;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}

.login .box .loggo img {
	max-width: 275px;
	padding-left: 20px;
}

.login .box {
	position: relative;
	padding: 70px 55px 50px 55px;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	max-width: 400px;
	margin: 0 auto;
	position: relative;
	top: calc(50% - 35px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.login .box.wide {
	max-width: 900px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative
}

@media screen and (max-width: 991px) {
	.login .box.wide {
		padding: 20px 25px 50px 25px;
		max-width: 90% !important
	}
}

@media screen and (max-width: 767px) {
	.login .box.wide {
		padding: 0 !important;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		flex-direction: column
	}

	.login .box.wide .left {
		display: none
	}

	.login .box.wide .right {
		padding: 20px !important;
		width: 100% !important;
		z-index: 2
	}
}

.login .box.wide::after {
	z-index: 4;
	position: absolute;
	left: 0;
	top: 0;
	content: " ";
	width: 50%;
	background: #ebf0fd;
	height: 100%
}

@media screen and (max-width: 767px) {
	.login .box.wide::after {
		display: none
	}
}

.login .box.wide .left {
	width: 50%;
	padding: 20px 30px 0 0;
	position: relative;
	z-index: 9;
	color: #5449ad;
	font-weight: 600
}

.login .box.wide .left ul li {
	padding-bottom: 5px
}

.login .box.wide .right {
	width: 50%;
	padding: 0 0 0 30px
}

.login .forgot-pass {
	display: inline-block;
	margin: 0 0 0 15px;
	color: #5568e5;
}

.Cintro {
	margin-bottom: 30px
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	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-weight: 400;
	line-height: 1.5;
	text-align: left;
	background-color: #fff
}

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

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 2px;
	overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 10px
}

p {
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 22px
}

abbr[title],
abbr[data-original-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
}

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

ol ol,
ul ul,
ol ul,
ul ol {
	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 {
	text-decoration: none;
	background-color: transparent
}

a:hover {
	text-decoration: underline
}

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

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

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

pre,
code,
kbd,
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: 0.75rem;
	padding-bottom: 0.75rem;
	color: #6c757d;
	text-align: left;
	caption-side: bottom
}

th {
	text-align: inherit
}

label {
	display: inline-block
}

button {
	border-radius: 0
}

button:focus {
	outline: 0
}

input,
button,
select,
optgroup,
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
}

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

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

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

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
	-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
}

*:focus {
	outline: 0
}

.clearfix:after,
.header:after,
.client-search:after,
.mainContainer:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.clearfix,
.header,
.client-search,
.mainContainer {
	display: inline-block
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left !important
}

.text-right {
	text-align: right
}

.lead {
	font-size: 16px
}

ul.bullet {
	list-style: none;
	margin: 0;
	padding: 0
}

ul.bullet li {
	position: relative;
	padding: 0 0 10px 45px
}

ul.bullet li::before {
	position: absolute;
	content: "";
	left: 25px;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #f5f5f5;
	border: 1px solid #d6d6d6
}

.header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #5568e5;
	padding: 15px 0;
	height: 70px;
	position: fixed;
	width: 100%;
	z-index: 12;
	top: 0;
	-webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1)
}

.header .container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 100%
}

.header .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.header .left .logoImg {
	max-width: 220px
}

@media screen and (max-width: 767px) {
	.header .left img {
		max-width: 130px !important
	}
}

.header .left .sub-logo {
	border-left: 2px solid #ddd;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px
}

.header .left .sub-logo img {
	max-height: 30px
}

.header .center {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0 20px;
	min-height: 44px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 767px) {
	.header .center {
		position: relative
	}
}

.header .center h1 {
	font-size: 22px;
	color: #5568e5;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media screen and (max-width: 767px) {
	.header .center h1 {
		position: absolute;
		font-size: 12px;
		white-space: nowrap;
		top: 47px;
		left: 0
	}
}

.header .center .c_nae {
	color: #ccc;
	min-width: 95px;
	font-size: 15px;
	letter-spacing: 0.5px;
	position: relative
}

.header .center .c_nae::before {
	position: absolute;
	content: "";
	left: -10px;
	top: 2px;
	bottom: 2px;
	height: calc(100% - 4px);
	border-left: 2px solid #f5f5f5
}

.header .center.right {
	display: block;
	text-align: right;
	text-align: right
}

.header .center.right .letterpreview {
	margin-left: auto
}

.header .center .letterpreview {
	color: #333;
	margin: 0 10px 0 0
}

.header .center .top-cart {
	display: inline-block;
	position: relative
}

.header .center .top-cart .badge {
	right: -7px;
	top: 0;
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #5568e5;
	color: #fff;
	text-align: center;
	font-size: 11px;
	line-height: 17px
}

.header .center ul {
	list-style: none;
	margin: 0 auto;
	line-height: 36px
}

.header .center ul li {
	display: inline-block;
	padding: 0 15px
}

.header .center ul li:hover>a {
	color: #5568e5
}

.header .center ul li:hover .flyer {
	display: block
}

.header .center ul li>a {
	font-size: 13px;
	font-weight: 600;
	display: block;
	color: #666
}

.header .right {
	margin-left: auto;
	line-height: 37px;
	min-height: 44px
}

.header .right .btn {
	margin: 0 15px;
	border: 1px solid #fff;
	background-color: transparent;
	border-radius: 3px;
}

.header .right .personal-letter {
	margin-right: 15px
}

.header .right .BellContainer {
	position: relative;
	display: inline-block
}

.header .right .BellContainer .click {
	position: relative;
	margin-right: 10px
}

.header .right .BellContainer .click i {
	font-size: 14px
}

.header .right .BellContainer .click .badge {
	font-size: 11px;
	font-weight: 700;
	right: -12px;
	top: -14px;
	position: absolute;
	padding: 1px 5px;
	height: 18px;
	border-radius: 3px;
	color: #fff;
	background: #ff5e5e;
	line-height: 17px;
	text-align: center
}

.header .right .BellContainer .click-Items {
	-webkit-box-shadow: #dfd9d9 0px 6px 12px -6px;
	box-shadow: #dfd9d9 0px 6px 12px -6px;
	position: absolute;
	width: 500px;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 5px;
	right: 10px;
	top: 28px
}

.header .right .BellContainer .click-Items .max-noti {
	max-height: 45vh;
	overflow: auto
}

.header .right .BellContainer .click-Items .max-noti::-webkit-scrollbar {
	width: 6px
}

.header .right .BellContainer .click-Items .max-noti::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.header .right .BellContainer .click-Items .max-noti::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.header .right .BellContainer .click-Items .totalNoti {
	padding: 10px 25px;
	font-weight: 600;
	color: #5568e5;
	margin: 0;
	font-size: 14px;
	display: block;
	position: relative
}

.header .right .BellContainer .click-Items .totalNoti b {
	position: absolute;
	right: 20px;
	top: 13px;
	background: #5568e5;
	color: #fff;
	font-weight: 600;
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0.02em;
	padding: 1px 5px 2px 5px;
	border-radius: 3px
}

.header .right .BellContainer .click-Items .waiting {
	padding: 0px 22px;
	margin: 0
}

.header .right .BellContainer .click-Items .waiting b {
	font-size: 10px;
	padding: 2px 7px;
	border-radius: 3px;
	background: yellow;
	color: #333;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	position: relative;
	top: -7px
}

.header .right ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none
}

.header .right ul>li {
	position: relative
}

.header .right ul>li.blink {
	border: 1px solid red;
	border-radius: 10px;
	background: #ccc;
	margin-right: 20px;
	/* -webkit-box-shadow: 0px 3px 16px 3px rgba(255, 0, 0, 0.1); */
	/* box-shadow: 0px 3px 16px 3px rgba(255, 0, 0, 0.1) */
}

.header .right ul>li.blink .orItems {
	font-size: 11px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 15px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.header .right ul>li.blink .orItems span {
	font-weight: 600;
	line-height: 1;
	padding: 2px 0;
	color: red
}

.header .right ul>li.blink .orItems span.blink-soft {
	-webkit-animation: blinker 2s linear infinite;
	animation: blinker 2s linear infinite
}

.header .right ul>li.blink .orItems span .name {
	font-weight: 600;
	letter-spacing: .1em;
	width: 30px;
	text-align: center;
	display: inline-block
}

.header .right ul>li.bell {
	margin-right: 15px
}

.header .right ul>li.bell a {
	position: relative;
	color: #FFF;
}

.header .right ul>li.bell a .badge {
	font-size: 10px;
	font-weight: 700;
	right: -10px;
	top: -3px;
	position: absolute;
	width: 30px;
	height: 15px;
	border-radius: 50%;
	color: #5568e5;
	background: #fed43b;
	line-height: 13px;
	text-align: center
}

.header .right ul>li>a {
	display: block;
	color: #fff;
}

.header .right ul>li .sub {
	display: none;
	border: 1px solid #fbfbfb;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 25px;
	min-width: 180px
}

.header .right ul>li .sub.Notification {
	max-height: 300px;
	overflow-y: auto
}

.header .right ul>li .sub.Notification::-webkit-scrollbar {
	width: 6px;
	height: 9px
}

.header .right ul>li .sub.Notification::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.header .right ul>li .sub.Notification::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.header .right ul>li .sub.Notification li {
	letter-spacing: 0.03em;
	font-size: 11px;
	padding: 6px 10px;
	line-height: 18px;
	border-bottom: 1px solid #ececec
}

.header .right ul>li .sub.Notification li a {
	border: 0;
	padding: 0;
	line-height: inherit
}

.header .right ul>li .sub.Notification li:last-child {
	border: 0
}

.header .right ul>li .sub.Notification li span {
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	/* width: 16px; */
	/* height: 16px; */
	border-radius: 5px;
	color: #FFF;
	background: #5568e5;
	line-height: 16px;
	text-align: center;
	padding: 0 3px;
}

.header .right ul>li .sub li.caption {
	border-radius: 3px 3px 0 0;
	font-weight: 600;
	white-space: nowrap;
	background: #5568e5;
	color: #fff;
	min-width: 250px
}

.header .right ul>li .sub li.caption span {
	display: inline-block;
	border-radius: 5px;
	margin-left: 10px;
	color: #5568e5;
	background: #fed43b;
	/* width: 15px; */
	/* height: 15px; */
	line-height: 15px;
	text-align: center
}

.header .right ul>li .sub li a {
	line-height: 26px;
	padding: 4px 10px;
	display: block;
	margin: 0;
	color: #545454;
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
}

.header .right ul>li .sub li a i {
	font-size: 10px;
	margin-right: 5px;
	color: #999
}

.header .right ul>li .sub li a:hover {
	background: #fbfbfb
}

.header .right ul>li .sub li:last-child a {
	border: 0
}

.header.xs {
	padding: 5px 0;
	height: 50px
}

.flyer {
	-webkit-box-shadow: 2px 2px 4px 0 #a0a0a0;
	box-shadow: 2px 2px 4px 0 #a0a0a0;
	display: none;
	background-color: #fff;
	border: 1px solid #eee;
	position: absolute;
	left: 0;
	padding: 25px 0;
	right: 0;
	width: 100%;
	min-height: 315px;
	top: 40px;
	z-index: 9
}

.flyer .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flyer .text {
	float: left;
	width: 300px;
	padding: 0 40px 0 0px
}

.flyer .text .caption {
	font-weight: 600;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	line-height: 28px
}

.flyer .text a {
	color: #000
}

.flyer .text p {
	margin-bottom: 10px;
	font-size: 13px
}

.flyer .text p span {
	display: block;
	line-height: 1;
	font-weight: 600
}

.flyer .image {
	float: left
}

.flyer .image span {
	clear: both;
	background: #5568e5;
	padding: 0 10px;
	line-height: 28px;
	color: #fff;
	display: block
}

.flyer .image span a {
	color: inherit
}

.blue .customer {
	padding-top: 0;
	background-color: #fff
}

.blue .customer h3 {
	padding: 10px 0;
	text-transform: none;
	color: #333;
	background: #ececec
}

.blue .customer .images img {
	max-width: 200px
}

.blue .customer .images a {
	font-size: 16px;
	color: #545454
}

.blue .block-container>div .link-block::after {
	opacity: .4;
	background: linear-gradient(135deg, #68b9eb 30%, #68b9eb 50%)
}

.blue .block-container>div .link-block:hover::after {
	opacity: .8
}

.blue .block-container>div .intro h3 {
	color: #5568e5;
}

.blue .block-container>div .intro h4 {
	font-size: 30px
}

.blue .banner .main .item .text {
	padding-top: 180px
}

.blue .solution {
	border-bottom: 20px solid #5568e5
}

.blue .solution h3 {
	font-family: Adobe Clean Light;
	font-weight: 300;
	line-height: 42px;
	color: #5568e5
}

.blue .solution h3 span {
	font-weight: 700
}

.module-switcher {
	margin-left: 70px;
	display: inline-block;
	width: 160px;
	position: relative;
	top: -5px
}

.module-switcher span {
	display: block;
	text-transform: uppercase;
	color: #a9a7a7;
	line-height: 16px;
	font-size: 10px;
	letter-spacing: 1px
}

.module-switcher select {
	border-radius: 4px;
	padding: 5px 10px;
	font-size: 12px;
	height: 28px;
	display: block;
	width: 100%;
	background: #f5f5f5;
	border: 1px solid #eee;
	-webkit-box-shadow: 0 2px 0px 0px #efeaea;
	box-shadow: 0 2px 0px 0px #efeaea
}

@-webkit-keyframes blinker {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes blinker {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.NlistItems a {
	position: relative;
	padding-right: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #666363;
	padding: 7px 15px 7px 25px;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	background: rgba(0, 0, 0, 0.032);
	border-bottom: 1px solid rgba(0, 0, 0, 0.035)
}

.NlistItems a:not(.all)::before {
	position: absolute;
	left: 7px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 7px;
	height: 7px;
	background: #b09ff5;
	content: "";
	display: inline-block;
	border-radius: 50%
}

.NlistItems a.clicked {
	background-color: #fff
}

.NlistItems a.clicked::before {
	display: none
}

.NlistItems a:hover {
	background: #eeecf8;
	color: #5568e5
}

.NlistItems a:hover .icn {
	background: #d2cfcf
}

.NlistItems a .ck {
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 10px;
	color: rgba(0, 0, 0, 0.2)
}

.NlistItems a .icn {
	text-align: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: #545454;
	background: #ececec
}

.NlistItems a .time {
	position: absolute;
	right: 40px;
	line-height: 1;
	top: 6px;
	color: rgba(0, 0, 0, 0.4);
	font-size: 10px;
	font-weight: 700
}

.NlistItems a .desc {
	line-height: 16px;
	margin-left: 10px;
	font-size: 11px;
	font-weight: 600
}

.NlistItems a .desc b {
	font-weight: 600;
	background: #5568e5;
	color: #fff;
	border-radius: 2px;
	padding: 0 5px 1px 5px;
	font-size: 10px;
	line-height: 1px;
	text-transform: uppercase
}

.NlistItems a.all {
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	font-size: 11px;
	line-height: 20px;
	background: #fff
}

.noticent .head .NGitem {
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0
}

.noticent .head .NGitem li {
	display: inline-block;
	margin-right: 35px
}

.noticent .head .NGitem li.active a {
	background: #5568e5;
	color: #fff
}

.noticent .head .NGitem li.active span {
	color: #5568e5;
	background: #fff
}

.noticent .head .NGitem li a {
	display: inline-block;
	position: relative;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: 600;
	background: #ededed;
	border-radius: 4px
}

.noticent .head .NGitem li a span {
	right: -10px;
	top: -10px;
	font-size: 11px;
	font-weight: 700;
	position: absolute;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border-radius: 5px;
	padding: 0 5px;
	background: #5568e5;
	color: #fff
}

.noticent .body .NlistItems a {
	padding: 10px 25px;
	border-color: #fff
}

.noticent .body .NlistItems a .time {
	top: 22px
}

.noticent .body .NlistItems a .icn {
	width: 50px;
	height: 50px;
	line-height: 50px
}

.noticent .body .NlistItems a .desc {
	line-height: 22px;
	font-size: 14px
}

.ntd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%
}

.ntd .company {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid rgba(0, 0, 0, 0.1);
	max-height: 72vh;
	overflow-y: auto;
	width: 350px
}

.ntd .company::-webkit-scrollbar {
	width: 6px
}

.ntd .company::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.ntd .company::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.ntd .company .nnn {
	width: 100%;
	margin: 0 0 0 0;
	min-height: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-width: 0 0 1px 0;
	border-radius: 0
}

.ntd .company .nnn.active {
	background: #5568e5;
	color: #fff
}

.ntd .company .nnn.active * {
	color: inherit
}

.ntd .targetPage {
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border: 1px solid rgba(0, 0, 0, 0.05);
	max-height: 72vh;
	overflow-y: auto
}

.ntd .targetPage .desc b {
	font-size: 11px
}

.ntd .targetPage .inline-fiter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ntd .targetPage .inline-fiter .large {
	width: 200px !important
}

.ntd .targetPage .inline-fiter>div {
	width: 120px;
	margin-right: 15px;
	margin-bottom: 15px
}

.ntd .targetPage .inline-fiter>div .select2-container {
	width: 100% !important
}

.ntd .targetPage .inline-fiter>div .select2-container .select2-selection {
	border-radius: 0;
	background: #fbfbfb;
	border-color: #eee
}

.ntd .targetPage::-webkit-scrollbar {
	width: 6px
}

.ntd .targetPage::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.ntd .targetPage::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.ntd .nnn {
	padding: 10px;
	min-height: 100px;
	position: relative;
	border: 1px solid #ededed;
	border-radius: 4px;
	width: calc(100% / 5 - 20px);
	margin: 0 20px 20px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 6px 12px -6px rgba(107, 107, 107, 0.1);
	box-shadow: 0 6px 12px -6px rgba(107, 107, 107, 0.1);
	color: rgba(0, 0, 0, 0.55)
}

.ntd .nnn:hover {
	background: #5568e5;
	color: #fff !important;
	-webkit-box-shadow: 18px 28px 41px -12px rgba(107, 107, 107, 0.4);
	box-shadow: 18px 28px 41px -12px rgba(107, 107, 107, 0.4)
}

.ntd .nnn:hover * {
	color: inherit !important
}

.ntd .nnn .companyFilterbar {
	background: transparent
}

.ntd .nnn .companyFilterbar .select2 span {
	color: #5568e5 !important
}

.ntd .nnn a {
	color: inherit
}

.ntd .nnn .companyFilterbar {
	margin: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.ntd .nnn .total {
	position: absolute;
	right: 25px;
	bottom: 12px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.6)
}

.ntd .nnn label {
	color: rgba(0, 0, 0, 0.55);
	font-size: 14px;
	font-weight: 600;
	width: 75%
}

.ntd .nnn .count {
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #5568e5;
	font-weight: 600;
	font-size: 16px
}

.ntd .nnn .count i {
	position: relative;
	top: -3px;
	margin-left: 5px;
	font-size: 8px
}

.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px
}

.navigation li {
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.navigation li a {
	display: block;
	padding: 13px 15px 10px 30px;
	color: #545454;
	border-bottom: 1px solid #e5e5e5;
	border-left: 5px solid #a2a3a9;
	position: relative
}

.navigation li a>i {
	width: 18px;
	left: 10px;
	top: 18px;
	position: absolute;
	font-size: 11px;
	margin-right: 5px
}

.navigation li:hover,
.navigation li.active {
	background-color: #5568e5;
	/*            text-shadow: 0px 0px 0px #FFF;*/
}

.navigation li:hover a,
.navigation li.active a {
	color: #fff;
	/*                text-shadow: 1px 1px 4px #493992;*/
}

.navigation li.navcaption {
	background: #ff0;
	color: #5568e5;
	font-weight: 700;
	line-height: 45px;
	padding-left: 15px
}

.navigation li.caption {
	background: #5568e5;
	margin-top: 20px;
	text-transform: uppercase
}

.navigation li.caption a {
	border: 0
}

.navigation li.sub {
	position: relative
}

.navigation li.sub.open .child {
	background: #fff;
	display: block
}

.navigation li.sub .nav-point {
	min-height: 44px;
	border-left: 1px dotted #eee !important;
	position: absolute;
	right: 0px;
	top: 0;
	font-size: 11px;
	border: 0;
	z-index: 1
}

.navigation li.sub .nav-point i {
	left: 19px;
	width: auto;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

.navigation li.sub .nav-point.on i {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.navigation li.sub .child {
	display: none;
	background: #fff
}

.navigation li.sub .child li:hover,
.navigation li.sub .child li.active {
	background: #5568e5
}

.navigation li.sub .child li:hover a,
.navigation li.sub .child li.active a {
	color: #fff
}

.navigation li.sub .child li a {
	padding-left: 40px;
	text-shadow: none;
	color: #000
}

.navigation li.sub .child li a i {
	left: 20px
}

.navigation li.space {
	border-bottom: 1px solid #eee;
	width: 100%;
	max-height: 15px
}

.navigation li.space:hover {
	background: none !important
}

.nav-mobile {
	display: none
}

@media screen and (min-width: 1367px) {
	.nav-mobile-container {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

@media screen and (max-width: 1366px) {
	.nav-mobile {
		clear: both;
		display: block;
		margin: 0 0 5px 0
	}

	.nav-mobile.in #nav-toggle {
		background-color: #5568e5;
		color: #fff
	}

	.nav-mobile #nav-toggle {
		border-radius: 3px;
		padding: 5px 10px;
		font-size: 12px;
		letter-spacing: 0.5px;
		color: #5568e5;
		font-weight: 600;
		background: #FFF;
		border: 1px solid #d8d2ee;
		display: inline-block
	}

	.nav-mobile #nav-toggle i {
		margin-right: 5px
	}

	.nav-mobile-container {
		display: none;
		border-radius: 5px;
		background: #fff;
		border: 1px solid #ebebeb;
		padding: 0px !important;
		-webkit-box-shadow: 18px 28px 41px -12px rgba(107, 107, 107, 0.5);
		box-shadow: 18px 28px 41px -12px rgba(107, 107, 107, 0.5)
	}

	.nav-mobile-container.tabs {
		display: none
	}

	.nav-mobile-container li {
		width: 100%;
		margin: 0 0 5px 0 !important
	}

	.nav-mobile-container li a {
		width: 100%;
		border-radius: 0 !important;
		border-bottom: 1px solid #eee !important;
		text-align: left !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		background: none !important;
		text-shadow: none !important
	}

	.nav-mobile-container li a::before {
		display: none
	}

	.nav-mobile-container li:last-child a {
		border: 0 !important
	}

	.nav-mobile-container li.active a {
		background-color: #5568e5 !important;
		color: #fff !important
	}

	.nav-mobile-container li:hover a {
		color: #4d4d4d !important
	}
}

.clearfix::after,
.header::after,
.client-search::after,
.mainContainer::after {
	content: "";
	clear: both;
	display: table
}

.btn {
	font-size: 14px;
	border-radius: 4px;
	display: inline-block;
	text-decoration: none;
	padding: 5px 20px;
	border: 0;
	line-height: 26px;
	background-color: #5568e5;
	border: 2px solid #5568e5;
	color: #fff;
	white-space: nowrap;
	cursor: pointer
}

.btn.white {
	background: none;
	border-color: #fff
}

.btn.outline {
	background-color: #ddd
}

.bttn {
	-webkit-box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.15);
	box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.15);
	font-size: 14px;
	border-radius: 4px;
	display: inline-block;
	text-decoration: none;
	line-height: 26px;
	padding: 5px 20px;
	border: 0;
	background-color: #5568e5;
	/*  NEW COLOR */
	border: 1px solid transparent;
	color: #fff;
	white-space: nowrap;
	cursor: pointer;
	min-width: 125px;
	text-align: center
}

.bttn.cancel {
	background-color: #ddd !important;
	color: #333 !important;
	margin-right: 15px
}

.bttn.xs {
	line-height: 20px;
	padding: 4px 15px;
	min-width: auto;
	font-size: 12px
}

.bttn.xs i {
	font-size: 8px;
	margin-left: 3px
}

@media screen and (max-width: 1024px) {
	.bttn {
		font-size: 13px;
		padding: 0 20px;
		min-width: auto
	}
}

.bttn-2 {
	display: inline-block;
	line-height: 32px;
	border-radius: 5px;
	background: #5568e5;
	color: #fff;
	padding: 0 15px;
	min-width: 105px;
	text-align: center;
	letter-spacing: 0.5px;
	border: 0
}

.bttn-2.full {
	width: 100%
}

.bttn-2.lh40 {
	font-size: 14px;
	line-height: 40px
}

.bttn-2.icon-only {
	line-height: 1;
	padding: 5px 5px;
	min-width: auto
}

.bttn-2.icon-only i {
	color: #fff !important
}

.bttn-2 i {
	font-size: 8px;
	margin-right: 3px
}

.bttn-2.-o {
	line-height: 36px;
	background: #fff;
	border: 2px solid #5568e5;
	color: #5568e5;
}

.bttn-2.red {
	border-color: #f59992 !important
}

.bttn-2.red i {
	color: #f59992 !important;
	font-size: 9px
}

.bttn-2.round {
	margin-top: 8px;
	min-width: auto !important;
	margin-left: 10px;
	padding: 0 !important;
	width: 26px !important;
	height: 26px !important;
	line-height: 17px !important;
	border-radius: 50%;
	border-color: #a79bd8;
	display: inline-block
}

.bttn-2.round i {
	line-height: 1;
	font-size: 8px;
	position: relative;
	color: #a79bd8;
	top: 1px;
	left: 0;
	margin: 0
}

.btnsm {
	border-radius: 3px;
	background: #5568e5;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	min-width: 85px;
	padding: 0 15px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	margin: 0 10px 0 0;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

.btnsm i {
	margin-right: 3px;
	font-size: 8px
}

.btnsm:last-child {
	margin-right: 0
}

.form-full {
	clear: both;
	display: block
}

.form-full .half {
	float: left;
	margin-right: 10px;
	width: calc(50% - 10px)
}

.form-full .half:first-child {
	float: left !important
}

.form-full .half:last-child {
	float: right;
	margin-right: 0 !important
}

.form-row {
	margin-bottom: 20px
}

.form-row.inline-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.form-row.inline-row label {
	padding-right: 15px;
	line-height: 38px;
	min-width: 75px
}

.form-row.inline-row label.auto {
	min-width: auto;
	white-space: nowrap;
	margin-bottom: 0
}

.form-row.inline-row label.w-100 {
	min-width: 200px;
	width: 100px
}

.form-row.inline-row label.w-150 {
	min-width: 150px;
	width: 150px
}

.form-row.inline-row label.w-200 {
	min-width: 200px;
	width: 200px
}

.form-row.inline-row label.w-250 {
	min-width: 250px;
	width: 250px
}

.form-row.inline-row label.w-300 {
	width: 300px
}

.form-row label {
	position: relative;
	display: block;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 1px;
	margin-bottom: 5px
}

.form-row label.min-145 {
	min-width: 145px
}

.form-row label.min-165 {
	min-width: 175px
}

.form-row .ck-row {
	width: 100%;
	position: relative;
	border-radius: 4px;
	border: 1px solid #dadbde;
	-webkit-box-shadow: 0 2px 0px 0px #eeeeee;
	box-shadow: 0 2px 0px 0px #eeeeee;
	padding: 10px 25px 5px 25px
}

.form-row .ck-row .chk-row {
	padding: 5px 0;
	display: block
}

.form-row .ck-row.min-170 {
	min-height: 172px
}

.form-row .input-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative
}

.form-row .input-row .add_pr {
	background: #5568e5;
	margin-left: 10px;
	border-radius: 3px;
	border: 2px solid #5568e5;
	display: inline-block;
	width: 45px;
	text-align: center
}

.form-row .input-row .add_pr i {
	padding-top: 11px;
	position: relative;
	left: auto;
	top: auto;
	font-size: 14px;
	color: #fff
}

.form-row .input-row.w-200 {
	min-width: 200px;
	width: 200px
}

.form-row .input-row .remove_field {
	position: absolute;
	right: 15px
}

.form-row .input-row .remove_field i {
	font-size: 10px;
	left: auto;
	color: red
}

.form-row .input-row.error .foo {
	border: 1px solid red
}

.form-row .input-row.error .msgerror {
	text-align: right;
	display: block;
	color: red;
	margin: 5px 0 0 0
}

.form-row .input-row i {
	position: absolute;
	left: 10px;
	top: 15px;
	font-size: 10px;
	color: #9d9d9d;
	z-index: 1;
	width: 9px;
	text-align: center
}

.form-row .input-row .info {
	margin-top: 5px;
	display: inline-block;
	font-size: 10px;
	text-transform: none
}

.form-row .input-row .headquater {
	width: 100%;
	border: 1px solid #dadbde;
	display: block;
	line-height: 28px;
	padding-top: 10px;
	padding-left: 30px
}

.form-row .input-row .headquater .pre {
	margin-right: 10px
}

.form-row .input-row select.foo {
	min-height: 42px;
	padding-right: 5px
}

.form-row .input-row textarea.foo {
	line-height: 22px;
	padding-top: 7px;
	min-height: 120px
}

.form-row .input-row textarea.foo.auto {
	height: auto !important
}

.form-row .input-row input.foo[type="number"] {
	padding-right: 0
}

.form-row .input-row .foo {
	color: #000;
	font-weight: 400;
	font-size: 14px;
	padding: 7px 25px 10px 25px;
	width: 100%;
	min-height: 42px;
	background: #fff;
	border: 1px solid #dddddd;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.form-row .input-row .foo:disabled {
	background: #f2f2f2
}

.form-row .input-row .foo.readonly {
	background: #f5f5f5;
}

.form-row .input-row .foo.readonly-white {
	background: #fff
}

.form-row .input-row .foo.bxno {
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-row .input-row .foo:focus {
	border-color: #5568e5;
	color: #000
}

.form-row .input-row .foo.valid+.show {
	display: inline-block
}

.form-row .input-row .foo.valid+.show .fa-check {
	display: block
}

.form-row .input-row .foo.error+.show {
	display: inline-block
}

.form-row .input-row .foo.error+.show .fa-times {
	display: block
}

@media screen and (max-width: 1024px) {
	.form-row .input-row .foo {
		padding-right: 5px
	}
}

.form-row .input-row .show {
	display: none;
	position: absolute;
	right: 10px
}

.form-row .input-row .show .fa-times {
	display: none;
	position: relative;
	left: auto;
	color: red
}

.form-row .input-row .show .fa-check {
	display: none;
	position: relative;
	left: auto;
	color: #23e023
}

.form-row .input-row .select2-selection--multiple {
	min-height: 42px;
	font-size: 14px;
	padding-top: 4px;
	border: 1px solid #8d8d8d;
	padding-left: 25px !important
}

.form-row .input-row .select2-selection--multiple .select2-selection__rendered .select2-search__field {
	margin: 0 !important;
	padding: 5px 0 0 0 !important
}

.form-row .input-row .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
	position: relative;
	height: 24px;
	letter-spacing: 0.5px;
	line-height: 24px;
	padding: 0 20px;
	background: #fbfbfb;
	border: 1px solid #eee
}

.form-row .input-row .select2-selection--multiple .select2-selection__rendered .select2-selection__choice span {
	position: absolute;
	right: 2px;
	top: 5px;
	font-size: 12px;
	color: red;
	line-height: 1
}

.form-row .input-row .select2-container {
	width: 100% !important
}

.form-row .input-row .select2-container .CKmultiYr {
	min-height: 42px;
	font-size: 12px;
	font-weight: 600;
	padding-top: 6px;
	border: 1px solid #8d8d8d;
	padding-left: 25px !important;
	border-radius: 0
}

.form-row .input-row .select2-container .select2-selection--single {
	height: 42px;
	font-size: 14px;
	padding-top: 6px;
	border: 1px solid #8d8d8d;
	padding-left: 25px !important;
	border-radius: 0
}

.form-row .input-row .select2-container .select2-selection__arrow {
	height: 36px;
	width: 30px
}

.form-row .input-row.xs i {
	left: 10px;
	top: 9px;
	font-size: 10px
}

.form-row .input-row.xs .foo {
	padding-right: 20px;
	padding-left: 25px;
	line-height: 26px;
	font-size: 12px
}

.form-row .input-row .bttn-2 {
	margin-left: 15px
}

.form-row .input-row.help-info {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.form-row .input-row.help-info .instruction {
	margin-top: 5px;
	letter-spacing: 0.5px;
	font-size: 11px;
	color: #9f9f9f;
	font-weight: 600
}

.form-row.xs {
	margin-bottom: 5px
}

.form-row.xs label {
	margin-bottom: 0 !important
}

.select2-dropdown {
	border: 1px solid #efeaea !important;
	-webkit-box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.15);
	box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.15)
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #5568e5;
}

.select2-search__field {
	padding: 8px !important;
	border-color: #efeaea !important
}

.select2-results__option {
	padding: 10px
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
	width: 6px
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #eee;
	box-shadow: inset 0 0 6px #eee
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #5568e5;
	-webkit-box-shadow: inset 0 0 6px #5568e5;
	box-shadow: inset 0 0 6px #5568e5
}

.kit-right-links {
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	height: 40px
}

.kit-right-links .bttn-2 {
	margin: 5px 0 0 10px
}

.HRline,
.line {
	margin: 12px 0;
	height: 1px;
	border: 0;
	border-top: 1px dotted #ccc
}

.mb-5 {
	margin-bottom: 5px !important
}

.mb-15 {
	margin-bottom: 15px !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.checkbox-row {
	overflow: hidden
}

.checkbox-row.tito {
	border: 0;
	margin-bottom: 0
}

.checkbox-row.tito .caption {
	position: relative;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 1px
}

.checkbox-row .chk-row {
	float: left;
	width: 100%;
	margin: 0 0 15px 0
}

.checkbox-row .chk-row.auto {
	width: auto;
	margin-right: 15px
}

.checkbox-row.inline-check-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.checkbox-row.inline-check-row .chk-row {
	width: auto;
	float: none;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 10px
}

.chk-row {
	display: inline-block;
	margin-bottom: 20px
}

.chk-row .pre-caption {
	margin-right: 15px;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 1px
}

.chk-row .mainCaption {
	white-space: nowrap;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	color: #9fa4a9;
	letter-spacing: 1px;
	margin-bottom: 5px
}

.chk-row .caption {
	font-size: 14px;
	font-weight: 500;
	position: relative;
	top: -4px;
	margin: 0 0 0 10px
}

.chk-row .caption.pre {
	margin-right: 10px !important;
	margin-left: 0 !important
}

.chk-row .caption.ml-5 {
	margin-left: 5px !important
}

.chk-row .caption.mr-15 {
	margin-right: 15px !important
}

.chk-row .caption.left {
	margin-right: 10px
}

.chk-row .switch {
	display: inline-block;
	height: 16px;
	position: relative;
	width: 30px;
	margin: 0
}

.chk-row .switch input {
	display: none
}

.chk-row .slider {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: .4s;
	transition: .4s
}

.chk-row .slider:before {
	background-color: #fff;
	bottom: 2px;
	content: "";
	height: 12px;
	left: 3px;
	position: absolute;
	-webkit-transition: .4s;
	transition: .4s;
	width: 12px
}

.chk-row input:checked+.slider {
	background-color: #5568e5
}

.chk-row input:checked+.slider:before {
	-webkit-transform: translateX(12px);
	transform: translateX(12px)
}

.chk-row .slider.round {
	border-radius: 34px
}

.chk-row .slider.round:before {
	border-radius: 50%
}

.form-main .full-width {
	float: left;
	width: 100%;
	margin-bottom: 25px
}

.form-main .client-left {
	float: left;
	width: 65%;
	margin-bottom: 25px
}

@media screen and (max-width: 767px) {
	.form-main .client-left {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		width: 100%
	}

	.form-main .client-left .ff-430 {
		width: auto
	}

	.form-main .client-left .inline-form {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.form-main .client-left .inline-form .ff-250 {
		width: 100%
	}
}

.form-main .client-products {
	margin: 21px 0 20px 4.5%;
	border-radius: 4px;
	float: left;
	width: 30%;
	padding: 15px 15px 4px 15px;
	background: #fdfdfd;
	border: 1px solid #dadbde;
	-webkit-box-shadow: 0 2px 0px 0px #eeeeee;
	box-shadow: 0 2px 0px 0px #eeeeee
}

.form-main .client-products .form-row>label {
	margin-bottom: 15px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.form-main .client-products .form-row.ff-280 {
		width: auto
	}
}

@media screen and (max-width: 767px) {
	.form-main .client-products {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0
	}
}

.form-main .actions {
	clear: both;
	margin: 0 0 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.form-main .actions .left {
	margin-right: auto
}

.form-main .actions .right {
	margin-left: auto
}

.section-title {
	font-family: "Open Sans";
	text-transform: uppercase;
	color: #8e8e8e;
	position: relative;
	font-size: 18px;
	color: #5568e5
}

.table-title {
	font-family: "Open Sans";
	text-transform: uppercase;
	color: #8e8e8e;
	position: relative;
	font-size: 16px;
	color: #5568e5
}

.table-title .abs-right {
	position: absolute;
	right: 0;
	top: 0
}

.table-title .abs-right a {
	font-size: 12px;
	font-family: "Open Sans";
	color: #666;
	margin: 0 0 0 15px
}

.table-title .abs-right a i {
	font-size: 9px
}

.sub-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-family: "Open Sans";
	text-transform: uppercase;
	color: #8e8e8e;
	position: relative;
	margin-bottom: 10px;
	line-height: 30px;
	border-bottom: 1px dotted #eee
}

.sub-title.large-font {
	font-size: 20px
}

.sub-title .number {
	position: relative;
	top: -1px;
	background: #5568e5;
	color: #fff;
	line-height: 16px;
	font-size: 12px;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	border-radius: 50%;
	text-align: center
}

.sub-title .print {
	font-family: "Open Sans";
	font-weight: 500;
	position: absolute;
	right: 0;
	top: 0;
	color: #5568e5;
	text-transform: none
}

.sub-title .print i {
	margin-right: 3px;
	font-size: 9px
}

.date-row-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.date-row-form .form-row {
	margin-left: 15px
}

.date-row-form .form-row:first-child {
	margin-left: 0
}

.date-row-form .form-row:nth-child(1) {
	min-width: 120px
}

.date-row-form .form-row:nth-child(2) {
	max-width: 90px
}

.flex-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.flex-container.full {
	clear: both;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.flex-container .form-row {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.flex-container .form-row.button {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 auto !important;
	flex: 0 0 auto !important;
	margin-right: 0 !important
}

.flex-container .form-row.slider {
	margin-left: 10px;
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 auto !important;
	flex: 0 0 auto !important
}

.flex-container .form-row.slider .chk-row {
	margin-top: 10px
}

.flex-container .col-full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.flex-container.five .col {
	width: calc(20% - 15px)
}

.flex-container.five .col .form-row {
	max-width: 100%;
	width: 100%
}

.flex-container.five .form-row {
	max-width: calc(20% - 15px)
}

.flex-container.four .col {
	width: calc(25% - 15px)
}

.flex-container.four .col .form-row {
	max-width: 100%;
	width: 100%
}

.flex-container.four .form-row {
	max-width: calc(25% - 15px)
}

.flex-container.three {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-ms-flex-flow: wrap;
	flex-flow: wrap
}

.flex-container.three .col {
	width: calc(33.333% - 15px)
}

.flex-container.three .col .form-row {
	width: 100%;
	max-width: 100%
}

.flex-container.three .form-row {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: calc(33.333% - 15px)
}

.flex-container.two {
	-ms-flex-flow: wrap;
	flex-flow: wrap
}

.flex-container.two .col {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: calc(50% - 15px)
}

.flex-container.two .col .form-row {
	width: 100%;
	max-width: 100%
}

.flex-container.two .col-half,
.flex-container.two .form-row {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: calc(50% - 15px)
}

.flex-container.two .full {
	width: 100% !important;
	max-width: 100%
}

.flex-container.auto-space .form-row {
	margin-right: 15px
}

.flex-container.auto-space .w-180 {
	max-width: 180px
}

.flex-container.auto-space .w-250 {
	max-width: 250px
}

.flex-container.auto-space .width-300 {
	width: 300px;
	min-width: 300px
}

.flex-container.auto-width {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start
}

.flex-container.auto-width .form-row {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 15px
}

.note {
	background: #fbfbfb;
	border-radius: 5px;
	padding: 20px 20px 10px 20px
}

.ml-45 {
	margin-left: 45px !important
}

.at-cathide {
	display: none;
	margin-right: 0 !important;
	margin-left: 10px !important
}

.item-form .sub-title {
	color: #5568e5
}

.item-form .checkbox-row {
	margin-bottom: 10px
}

.item-form .checkbox-row .chk-row {
	margin-bottom: 8px
}

.last-change {
	border-radius: 3px;
	background: #fbfbfb;
	margin: 0 0 10px 0;
	padding: 10px 15px 0 15px
}

.last-change .form-row {
	margin: 0
}

.addMore {
	padding: 10px;
	border-radius: 4px;
	border: 2px solid #eee;
	position: relative;
	float: left;
	width: 1005;
	margin: 0 0 20px 0
}

.addMore .add-more-users-group {
	position: relative;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	color: #9fa4a9;
	letter-spacing: 1px;
	margin-bottom: 5px
}

.addMore .add-more-users-group label {
	position: relative;
	display: inline-block;
	background: #fff;
	white-space: nowrap;
	left: 15px;
	top: -17px;
	padding-left: 10px;
	padding-right: 105px
}

.addMore .add-more-users-group label .add-more-contact {
	right: auto;
	left: 120px;
	top: -3px
}

.addMore .more-contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap
}

.addMore .more-contact .form-row {
	margin: 0 10px 10px 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(33.333% - 10px);
	flex: 0 0 calc(33.333% - 10px)
}

@media screen and (max-width: 767px) {
	.addMore .more-contact .form-row {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 10px);
		flex: 0 0 calc(50% - 10px)
	}
}

@media screen and (max-width: 540px) {
	.addMore .more-contact .form-row {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #efeaea !important
}

.fas.fa-trash-alt {
	color: red
}

.CKbox .select2-results__option {
	padding-right: 20px;
	vertical-align: middle
}

.CKbox .select2-results__option:before {
	content: "";
	display: inline-block;
	position: relative;
	height: 14px;
	width: 14px;
	border: 2px solid #e9e9e9;
	border-radius: 4px;
	background-color: #fff;
	margin-right: 10px;
	vertical-align: middle
}

.CKbox .select2-results__option[aria-selected=true]:before {
	color: #fff;
	background-color: #5568e5;
	display: inline-block;
	padding-left: 3px
}

.CKbox .select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #fff
}

.CKbox .select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #eaeaeb
}

.CKbox .select2-container--default .select2-selection--multiple {
	margin-bottom: 10px
}

.CKbox .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-radius: 4px
}

.CKbox .select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #5568e5;
	border-width: 2px
}

.CKbox .select2-container--default .select2-selection--multiple {
	border-width: 2px
}

.CKbox .select2-container--open .select2-dropdown--below {
	border-radius: 6px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

.CKbox .select2-selection .select2-selection--multiple:after {
	content: ''
}

.CKbox .select-icon .select2-selection__placeholder .badge {
	display: none
}

.CKbox .select-icon .select2-results__option:before,
.CKbox .select-icon .select2-results__option[aria-selected=true]:before {
	display: none !important
}

.spinner .input-group {
	position: relative
}

.spinner .input-group>i {
	position: absolute;
	left: 17px;
	top: 14px;
	font-size: 12px;
	color: #e2bfbf;
	z-index: 1
}

.spinner .input-group .foo {
	color: #15124b;
	font-weight: 500;
	font-size: 14px;
	padding-left: 38px;
	padding-right: 25px;
	width: 100%;
	border-radius: 4px;
	background: #fff;
	line-height: 36px;
	padding-top: 2px;
	border: 1px solid #8d8d8d;
	-webkit-box-shadow: 0 2px 0px 0px #efeaea;
	box-shadow: 0 2px 0px 0px #efeaea;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.spinner .input-group .group {
	position: absolute;
	width: 30px;
	right: 0;
	top: 0;
	bottom: 0;
	border-left: 1px solid #e7e1e1
}

.spinner .input-group .group button {
	display: block;
	width: 100%;
	border: 0;
	background: #eee
}

.spinner .input-group .group button i {
	font-size: 8px;
	color: #a5a1a1
}

.spinner .input-group .group button:first-child {
	min-height: 21px;
	border-radius: 0 4px 0 0;
	border-bottom: 1px solid #e7e1e1
}

.spinner .input-group .group button:last-child {
	border-radius: 0 0 4px 0
}

.multiply span {
	color: #cac3c3;
	font-weight: 700;
	font-size: 12px
}

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

.size-row .form-row {
	max-width: 100px
}

.size-row .multiply {
	line-height: 40px;
	margin: 0 15px
}

.envelope-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.envelope-details .left {
	margin-right: 35px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.envelope-details .right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.mt8 {
	margin-top: 8px !important
}

#packaging {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#packaging .chk-row {
	margin-right: 25px;
	position: relative;
	top: 9px
}

.inline-data-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.inline-data-row .left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 25px
}

.inline-data-row .right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.tito {
	position: relative;
	display: block;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333;
	padding-bottom: 5px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cacaca
}

.fancy-checkbox {
	margin-bottom: 30px
}

.fancy-checkbox.inline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.fancy-checkbox.inline .item {
	margin-right: 15px
}

.fancy-checkbox .tito {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	border: 0
}

.fancy-checkbox input[type=checkbox]+label {
	display: block;
	margin: 3px 10px 3px 3px;
	cursor: pointer;
	padding: 3px;
	font-weight: 500
}

.fancy-checkbox input[type=checkbox] {
	display: none
}

.fancy-checkbox input[type=checkbox]+label:before {
	font-size: 10px;
	content: "\2714";
	border: 1px solid #000;
	border-radius: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	padding-left: 3px;
	padding-bottom: 3px;
	margin-right: 5px;
	/* vertical-align: bottom; */
	color: transparent;
	-webkit-transition: .2s;
	transition: .2s
}

.fancy-checkbox input[type=checkbox]+label:active:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

.fancy-checkbox input[type=checkbox]:checked+label:before {
	background-color: #5568e5;
	border-color: #5568e5;
	color: #fff
}

.fancy-checkbox input[type=checkbox]:disabled+label:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	border-color: #aaa
}

.fancy-checkbox input[type=checkbox]:checked:disabled+label:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	background-color: #bfb;
	border-color: #bfb
}

.file-upload {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 20px 20px 20px 20px;
	background: #fff;
	border: 1px dashed #ccc;
	border-radius: .5rem;
	-webkit-transition: background-color .25s ease-out;
	transition: background-color .25s ease-out;
	margin: 0 0 25px 0
}

.file-upload:hover {
	background: #d8d2ee
}

.file-upload input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	outline: none;
	cursor: pointer
}

.file-upload svg {
	max-height: 35px;
	max-width: 35px;
	fill: #5568e5;
	margin-right: 15px
}

.itm_mgmt_bottom {
	margin-top: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.itm_mgmt_bottom .left {
	width: calc(66.663% - 15px)
}

.itm_mgmt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.itm_mgmt .left {
	width: calc(66.663% - 15px)
}

.itm_mgmt .left .dashed {
	margin: 20px 0 30px 0;
	height: 1px;
	border: 0;
	border-top: 1px dashed #ccc
}

.itm_mgmt .left .two-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.itm_mgmt .left .form-row {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 15px);
	flex: 0 0 calc(50% - 15px);
	width: calc(50% - 15px)
}

.itm_mgmt .right {
	width: calc(33.333% - 15px)
}

.itm_mgmt .right.border {
	background: #fbfbfb;
	border: 1px solid #ddd;
	padding: 10px
}

.itm_mgmt.three .col.border {
	background: #fbfbfb;
	border: 1px solid #ddd;
	padding: 10px
}

.kit_pack_cnt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.kit_pack_cnt .left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 15px);
	flex: 0 0 calc(50% - 15px);
	width: calc(50% - 15px)
}

.kit_pack_cnt .right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 15px);
	flex: 0 0 calc(50% - 15px);
	width: calc(50% - 15px)
}

.kito-pack-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.kito-pack-col .checkbox {
	padding-right: 15px
}

.kito-pack-col .checkbox .capo {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 10px
}

.Neww .form-row {
	max-width: 450px
}

.table-dropdown .select2-selection {
	border-radius: 0 !important;
	border-color: #ccc !important
}

.table-dropdown .select2-selection .select2-selection__rendered {
	font-weight: 700;
	text-align: left;
	padding-left: 10px !important
}

.fgsContact {
	position: relative
}

.fgsContact .select2-selection__rendered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.fgsContact .select2-selection__clear {
	position: absolute;
	right: -7px;
	top: 0
}

#maxYs {
	position: relative
}

#maxYs .maxyes {
	display: none
}

#maxYs.in .maxyes {
	display: block
}

.phy__page .three-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.phy__page .three-col .form-row {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 32%;
	flex: 0 0 32%;
	width: 32%
}

.phy_cost_fee .form-row .auto {
	min-width: 250px !important
}

.phy_cost_fee .form-row .input-row {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.phy_cost_fee .form-row .chk-row label {
	min-width: auto !important
}

.phy_cost_fee .form-row .fancy-checkbox {
	position: relative;
	margin: 0 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.phy_cost_fee .form-row .fancy-checkbox label {
	line-height: 1;
	min-width: 40px;
	margin: 0 0 0 20px
}

.item-include .vs {
	color: #757575;
	padding: 0 20px;
	font-weight: 700;
	font-size: 12px;
	line-height: 42px
}

.cost-fee {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.cost-fee span {
	letter-spacing: 0.5px;
	padding-right: 10px;
	margin-left: auto;
	font-weight: 600;
	font-size: 11px;
	color: #333
}

.select-section {
	position: relative
}

.select-section i {
	position: absolute;
	left: 10px;
	top: 14px;
	font-size: 11px
}

.select-section select {
	background-color: #ffc107;
	color: #000;
	font-weight: 600;
	font-size: 14px;
	padding: 7px 0px 10px 25px;
	width: 100%;
	min-height: 42px;
	border: 1px solid #eee;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

@media screen and (max-width: 767px) {
	.add-user-page .form-full .form-row.half {
		width: 100%
	}
}

.jitUpload .btn {
	font-size: 12px;
	line-height: 16px
}

.jitUpload input {
	line-height: 8px
}

.jitrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 25px 0
}

.jitrow>div:not(:first-child) {
	margin-left: 20px
}

.wid-120 {
	width: 120px
}

.wid-120 .select2-container {
	min-width: 100% !important
}

.wid-160 {
	width: 160px
}

.wid-200 {
	min-width: 200px;
	width: 200px !important
}

.wid-200 .select2-container {
	min-width: 100% !important
}

.wid-350 {
	width: 350px
}

.jit-edit {
	white-space: nowrap
}

.jit-edit a {
	min-width: auto !important;
	line-height: 30px !important
}

.jit-edit a:last-child {
	margin-left: 10px
}

.max-310 {
	max-width: 310px;
	width: 310px
}

.paddzero {
	padding: 0 !important
}

.tdcontainer .chk-row {
	margin-top: 0 !important
}

.report-table {
	border: 1px solid #eee;
	width: 100%
}

.report-table table {
	width: 100%
}

.report-table table thead tr {
	border-bottom: 1px solid #eee
}

.report-table table thead tr th {
	white-space: nowrap;
	font-weight: 600;
	font-size: 12px;
	padding: 10px;
	background: #5568e5;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase
}

.report-table table thead tr th:not(:first-child) {
	text-align: center
}

.report-table table tbody tr {
	border: 1px solid #fff;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in
}

.report-table table tbody tr:nth-child(odd) {
	background: #f4f4f4
}

.report-table table tbody tr td {
	padding: 10px 10px;
	font-size: 11px
}

.report-table table tbody tr td:not(:first-child) {
	text-align: center
}

.report-table table tbody tr td.nowrap {
	white-space: nowrap
}

.report-table table tbody tr:hover {
	position: relative;
	z-index: 1;
	background: #dbd6ef !important;
	color: #5568e5 !important;
	-webkit-box-shadow: rgba(91, 91, 148, 0.2) 0px 3px 20px 0px;
	box-shadow: rgba(91, 91, 148, 0.2) 0px 3px 20px 0px;
	border: 1px solid transparent
}

.report-table.report-page-scroll {
	width: 100%;
	overflow: auto
}

.report-table.report-page-scroll table {
	min-width: 1580px
}

.report-table.report-page-scroll::-webkit-scrollbar {
	width: 6px;
	height: 9px
}

.report-table.report-page-scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #eee;
	box-shadow: inset 0 0 6px #eee
}

.report-table.report-page-scroll::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #ccc;
	-webkit-box-shadow: inset 0 0 6px #ccc;
	box-shadow: inset 0 0 6px #ccc
}

.report-table.report-page-xl-scroll {
	width: 100%;
	overflow: auto
}

.report-table.report-page-xl-scroll table {
	min-width: 1880px
}

.report-table.report-page-xl-scroll::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

.report-table.report-page-xl-scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #eee;
	box-shadow: inset 0 0 6px #eee
}

.report-table.report-page-xl-scroll::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #ccc;
	-webkit-box-shadow: inset 0 0 6px #ccc;
	box-shadow: inset 0 0 6px #ccc
}

.client-table {
	border: 1px solid #eee;
	clear: both
}

.client-table.small-padding table th {
	padding: 5px 10px
}

.client-table.small-padding table td {
	padding: 7px
}

.client-table table {
	width: 100%
}

.client-table table .division {
	display: inline-block;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	margin: 0 10px 10px 0;
	padding: 0 15px;
	line-height: 28px;
	height: 28px
}

.client-table thead {
	background-color: #f0eeed
}

.client-table tbody tr:nth-child(odd) {
	border-top: 1px solid #f7f4f4;
	border-bottom: 1px solid #f7f4f4;
	background-color: #fbfbfb
}

.client-table tbody tr.disabl {
	background: #ddd
}

.client-table tbody tr.disabl td {
	border-bottom: 1px solid #d2d2d2
}

.client-table tbody tr.disabl select {
	cursor: default;
	text-decoration: none;
	pointer-events: none;
	opacity: 0.5
}

.client-table .tbl-content {
	margin-top: 0px
}

.client-table th {
	padding: 10px 15px;
	text-align: center;
	color: #545454;
	font-weight: 600;
	text-transform: uppercase
}

.client-table th:first-child {
	text-align: left
}

.client-table td {
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	font-weight: 500
}

.client-table td.nowrap {
	white-space: nowrap
}

.client-table td a:not(.bttn-2, .totalr) {
	/* color: #333; */
	font-weight: 600
}

.client-table td a:not(.bttn-2, .totalr):hover {
	text-decoration: underline
}

.client-table td:first-child {
	text-align: left
}

.client-table td.sltrd {
	min-width: auto
}

.client-table td.sltrd+td {
	text-align: left
}

.client-table td i {
	font-size: 10px
}

.client-table td i.fa-trash {
	color: red
}

.client-table td i.fa-edit {
	color: #555
}

.client-table td.act a {
	padding: 0 7px
}

.client-table td.act a i {
	font-size: 13px
}

.client-table ::-webkit-scrollbar {
	width: 6px
}

.client-table ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.client-table ::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

@media screen and (max-width: 767px) {
	.client-table.mbTable {
		width: 100%;
		overflow-y: auto
	}

	.client-table.mbTable table th {
		min-width: 120px;
		white-space: nowrap
	}

	.client-table.mbTable-150 {
		width: 100%;
		overflow-y: auto
	}

	.client-table.mbTable-150 table th {
		min-width: 150px
	}

	.client-table.mbTable-180 {
		width: 100%;
		overflow-y: auto
	}

	.client-table.mbTable-180 table th {
		min-width: 180px
	}

	.client-table.mbTable-220 {
		width: 100%;
		overflow-y: auto
	}

	.client-table.mbTable-220 table th {
		min-width: 220px
	}
}

@media screen and (max-width: 767px) {
	.client-table.client-table-scroll-auto {
		width: 100%;
		overflow: auto
	}

	.client-table.client-table-scroll-auto table {
		min-width: auto !important
	}

	.client-table.client-table-scroll-auto table .bttn-2 {
		white-space: nowrap
	}
}

@media screen and (max-width: 991px) {
	.client-table.client-table-scroll {
		width: 100%;
		overflow: auto
	}

	.client-table.client-table-scroll table {
		min-width: 1580px
	}

	.client-table.client-table-scroll::-webkit-scrollbar {
		width: 6px;
		height: 9px
	}

	.client-table.client-table-scroll::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px #eee;
		box-shadow: inset 0 0 6px #eee
	}

	.client-table.client-table-scroll::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #ccc;
		-webkit-box-shadow: inset 0 0 6px #ccc;
		box-shadow: inset 0 0 6px #ccc
	}
}

@media screen and (max-width: 1366px) {
	.client-table.client-table-scroll-XL {
		width: 100%;
		overflow: auto
	}

	.client-table.client-table-scroll-XL table {
		min-width: 1680px
	}

	.client-table.client-table-scroll-XL::-webkit-scrollbar {
		width: 6px;
		height: 9px
	}

	.client-table.client-table-scroll-XL::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px #eee;
		box-shadow: inset 0 0 6px #eee
	}

	.client-table.client-table-scroll-XL::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #ccc;
		-webkit-box-shadow: inset 0 0 6px #ccc;
		box-shadow: inset 0 0 6px #ccc
	}
}

.client-search {
	float: left;
	width: 100%;
	margin-bottom: 5px
}

.client-search span {
	display: inline-block;
	width: 300px;
	position: relative;
	margin-bottom: 15px
}

.client-search span i {
	position: absolute;
	left: 5px;
	color: #9c9c9c;
	top: 8px;
	font-size: 11px
}

.client-search span input {
	font-size: 14px;
	padding: 5px 25px;
	width: 100%;
	border-width: 0 0 1px 0;
	border-bottom: 1px dotted #adadad
}

.client-search .bttn {
	float: right
}

.profile-status .status {
	display: inline-block;
	height: 5px;
	width: 100px;
	top: 7px;
	border-radius: 4px;
	background: #ddd;
	position: relative
}

.profile-status .status b {
	border-radius: 5px;
	position: absolute;
	content: "";
	height: 5px;
	background: #5568e5;
	left: 0;
	width: attr(data-progress);
	z-index: 1
}

.profile-status .status::after {
	left: 0;
	top: -17px;
	position: absolute;
	content: attr(data-progress);
	font-size: 10px;
	width: 100%;
	text-align: center
}

.alert_page_client {
	margin-bottom: 25px
}

@media screen and (max-width: 767px) {
	.alert_page_client {
		overflow-y: auto
	}

	.alert_page_client table {
		min-width: 900px
	}
}

.alert_page_fgs .box {
	border: 1px solid #ddd;
	position: relative;
	border-radius: 3px;
	margin-bottom: 20px;
	padding: 25px 15px 15px 15px
}

.alert_page_fgs .box .box-title {
	position: absolute;
	left: 15px;
	font-weight: 600;
	top: -12px;
	display: inline-block;
	padding: 7px 20px;
	line-height: 1;
	border-radius: 3px;
	background: #5568e5;
	color: #fff
}

.alert_page_fgs .box .box-title i {
	font-size: 10px;
	margin-right: 4px
}

.alert_page_fgs .box h4 {
	margin-top: 5px;
	margin-bottom: 10px
}

.alert_page_fgs .box .qnt {
	font-weight: 600;
	position: absolute;
	right: 15px;
	top: 10px
}

.alert_page_fgs .box .qnt span {
	position: relative
}

.alert_page_fgs .box .qnt span i {
	position: absolute;
	font-size: 10px;
	top: 4px;
	left: 7px;
	color: #9e9e9e
}

.alert_page_fgs .box .qnt span .foo {
	font-weight: 600;
	border-radius: 3px;
	border: 1px solid #8d8d8d;
	width: 100px;
	line-height: 32px;
	padding: 0 0 0 20px
}

.alert_page_fgs .box .form-row {
	margin: 0
}

.table__contact th,
.table__contact td {
	border: 1px dashed #e8e5f5;
	padding: 5px;
	width: 20%;
	max-width: 20%
}

.table__contact .form-row .input-row .remove_field {
	position: relative
}

.table__contact .form-row .input-row .bxno {
	width: 290px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.table__contact .form-row .input-row .bxno {
		width: 100%
	}
}

.table__contact .one {
	font-size: 14px;
	font-weight: 600;
	background: #5568e5;
	color: #fff;
	border: 0;
	border-left: 1px dashed #e8e5f5
}

.table__contact .one:first-child {
	border: 0
}

.table__contact .two {
	padding: 10px 5px;
	border: 0;
	border-left: 1px dashed #a79bd8;
	font-weight: 600;
	background: #e8e5f5;
	color: #5568e5
}

.table__contact .two:first-child {
	border: 0
}

.table__contact .set-value input {
	font-weight: 600;
	margin: 10px 0 10px 0;
	line-height: 30px;
	max-width: 100px;
	border: 1px solid #333
}

.fix-header {
	position: relative;
	width: 100%;
	z-index: 1;
	margin: auto;
	overflow: auto
}

.fix-header table {
	width: 100%;
	margin: auto;
	border-collapse: separate;
	border-spacing: 0
}

.fix-header table thead th {
	background: #efeeed;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2
}

.fix-header table tfoot,
.fix-header table tfoot th,
.fix-header table tfoot td {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	z-index: 4
}

.open-pannel {
	background: #e5dfff
}

.pdfHdMain {
	border: 1px solid #d2d2d2;
	display: inline-block
}

.pdfHdMain:not(.data) {
	text-transform: uppercase
}

.pdfHdMain .pdfHd {
	background: #eee;
	font-size: 11px;
	letter-spacing: .1em;
	font-weight: 600;
	border-bottom: 1px solid #d2d2d2
}

.pdfHdMain .pdfHd.data {
	background: #fff !important;
	font-weight: 500;
	display: flexd
}

.pdfHdMain .pdfHd .A {
	display: inline-block;
	width: 150px;
	padding: 5px 10px;
	text-align: center
}

.pdfHdMain .pdfHd .A:first-child {
	text-align: left;
	border-right: 1px solid #d2d2d2
}

.odNO {
	position: relative;
	padding-left: 30px !important;
	white-space: nowrap
}

.odNO a {
	position: absolute;
	left: 10px
}

b.yes {
	color: green
}

b.no {
	color: red
}

.distable {
	width: 100%;
	border: 1px solid #eee
}

.distable td,
.distable th {
	padding: 10px;
	border-left: 1px solid #f5f5f5
}

.distable textarea {
	letter-spacing: 0.02em;
	border: 1px solid #e9e9e9;
	padding: 10px;
	border-radius: 3px;
	width: 550px;
	color: #545454;
	font-weight: 600
}

.distable thead tr {
	background-color: #eee
}

.distable thead tr th {
	text-transform: uppercase
}

.distable tbody tr {
	border-bottom: 1px solid #f5f5f5
}

.distable tbody tr:nth-child(odd) {
	background: #fafafa
}

.distable tbody tr td:first-child {
	width: 320px;
	vertical-align: top
}

.distable tbody tr label {
	color: #a5a5a5;
	font-weight: 500;
	letter-spacing: 0.05em
}

.selectDropdown {
	padding: 10px
}

.selectDropdown .selecstate {
	border: 1px solid #eee
}

footer {
	background: #ccc;
	color: #4c4c4c;
	padding: 10px 0;
	letter-spacing: 0.05em;
}

footer a:hover {
	text-decoration: none
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0
}

footer ul li {
	padding: 0 0 5px 0
}

footer a {
	color: #5568e5;
}

footer .copyright {
	font-size: 12px;
	text-align: center
}

footer .footer-row {
	display: none
}

footer .footer-row>div {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	margin-bottom: 25px
}

footer .footer-row>div .social-links,
footer .footer-row>div .footer-logo {
	margin-bottom: 15px
}

footer .footer-row>div .social-links img,
footer .footer-row>div .footer-logo img {
	background: #fff;
	padding: 10px 5px;
	border-radius: 5px
}

footer .footer-row>div .social-links a i,
footer .footer-row>div .footer-logo a i {
	margin: 0 10px 0 0
}

footer .footer-row>div h5 {
	margin: 0 0 15px 0;
	line-height: 26px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600
}

.ready {
	padding: 100px 0;
	text-align: center
}

.ready h3 {
	font-size: 48px;
	font-weight: 400;
	line-height: 1.17;
	letter-spacing: 0;
	color: #15124b;
	margin-bottom: 25px
}

.ready .lead {
	font-size: 18px;
	margin-bottom: 35px
}

.block-container {
	clear: both;
	min-height: 350px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.block-container>div {
	height: 280px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333%;
	flex: 0 0 33.333%;
	overflow: hidden;
	position: relative
}

.block-container>div .intro {
	width: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.block-container>div .intro h3 {
	text-transform: uppercase;
	color: #5568e5;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0 0 10px 0
}

.block-container>div .intro h4 {
	line-height: 46px;
	margin: 0 0 10px 0;
	font-weight: 400;
	font-size: 40px
}

.block-container>div .intro a {
	font-size: 16px;
	color: #5568e5;
}

.block-container>div .text-block {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	z-index: 5;
	width: 100%;
	font-size: 18px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.block-container>div .text-block img {
	margin-bottom: 20px
}

.block-container>div .text-block p {
	text-shadow: 1px 2px 4px #545454
}

.block-container>div .link-block {
	position: relative;
	display: block
}

.block-container>div .link-block img {
	-webkit-transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 1.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 100%;
	height: 100%
}

.block-container>div .link-block::after {
	position: absolute;
	content: "";
	background: linear-gradient(135deg, #5568e5 0, #68b9eb 100%);
	z-index: 1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.6;
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.block-container>div:hover .link-block img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15)
}

.block-container>div:hover .link-block::after {
	opacity: 0.8
}

.customer {
	background-color: #5568e5;
	padding: 50px 0 60px 0;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #fff
}

.customer h3 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 45px
}

.customer .images a {
	display: inline-block;
	margin: 0 15px
}

.solution {
	padding: 45px 0;
	text-align: center
}

.solution h2 {
	font-weight: 600;
	color: #5568e5;
	margin-bottom: 20px;
	font-size: 16px
}

.solution h3 {
	font-size: 42px;
	font-weight: 400;
	margin-bottom: 35px
}

.solution .img-blocks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 85%;
	margin: 0 auto
}

.solution .img-blocks.three {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px
}

.solution .img-blocks.three>div {
	padding-left: 100px;
	text-align: left;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333%;
	flex: 0 0 33.333%
}

.solution .img-blocks a {
	color: #15124b
}

.solution .img-blocks a:hover {
	color: #5568e5
}

.solution .img-blocks div {
	text-transform: uppercase;
	font-size: 16px;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	line-height: 20px
}

.solution .img-blocks div img {
	margin-bottom: 10px;
	max-width: 55%
}

.register-block {
	padding: 10px 0;
	background: #4b4b4b;
	color: #fff;
	clear: both;
	overflow: hidden
}

.register-block img {
	float: left
}

.register-block h3 {
	font-weight: 400;
	font-size: 16px;
	float: left;
	width: 450px;
	margin: 10px 0 0 150px
}

.register-block a {
	float: right;
	margin: 15px 0 0 0
}

.mainContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	min-height: calc(100vh - 108px);
}

.mainContainer>nav {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 230px;
	flex: 0 0 230px;
	background: #f0f2f6;
	z-index: 3;
	padding: 20px 0;
	-webkit-box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.1)
}

@media screen and (max-width: 1366px) {
	.mainContainer>nav {
		display: none
	}
}

.mainContainer>nav.in {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 0px;
	flex: 0 0 0;
	overflow: hidden
}

.mainContainer .content {
	/* background: url(../images/mibg-1.jpg); */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: -80% -85%;
	/* background-color: #f1f1f1; */
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0 20px;
	display: block;
	min-height: 250px
}

@media screen and (max-width: 767px) {
	.mainContainer .content {
		padding: 0 10px
	}
}

.broad-container {
	clear: both;
	background: #fff url(../images/broadcast-message-bg.png) right bottom no-repeat;
	background-size: contain;
	margin: 30px 60px;
	padding: 25px;
	border-radius: 5px;
	min-height: calc(100vh - 200px);
	-webkit-box-shadow: 0 45px 70px rgba(29, 47, 83, 0.4);
	box-shadow: 0 45px 70px rgba(29, 47, 83, 0.4)
}

@media screen and (max-width: 767px) {
	.broad-container {
		padding: 0;
		margin: 0
	}

	.broad-container .broadcast-intro {
		padding-left: 0 !important;
		padding-top: 25px
	}

	.broad-container .broadcast-intro .icon {
		bottom: -150px !important
	}
}
.main-div .text-container{
	border:0;
}
.text-container {
	clear: both;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	margin: 0 0 20px 0;
	border: 1px solid #e9e9e9;
	/* -webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3); */
	/* box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3); */
	min-height: calc(100vh - 205px)
}

.text-container.pd-5 {
	padding: 5px 0 !important
}

.text-container.mt-10 {
	margin-top: 20px
}

.text-container.trans {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0
}

@media screen and (max-width: 767px) {
	.text-container {
		padding: 10px
	}
}

.dash-container {
	clear: both;
	border-radius: 5px;
	margin: 0 0 20px 0;
	border: 1px solid #ddd
}

.main_dash {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 0 0 25px 0
}

.main_dash .dash_left {
	background: #fff;
	color: #000;
	width: 16%;
	padding: 0 15px 15px 15px;
	-webkit-box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.2);
	box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.2)
}

.main_dash .dash_left .dobo {
	min-height: 162px;
	margin-bottom: 30px;
	font-size: 13px;
	font-weight: 500;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.main_dash .dash_left .dobo p {
	margin: 0
}

.main_dash .dash_right {
	width: 84%;
	padding: 0 15px 15px 15px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.main_dash .dash_right.full {
	width: 100%
}

.main_dash .dash_right.full .new-dashboard .dbx {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(20% - 30px);
	flex: 0 0 calc(20% - 30px)
}

.main_dash .dash_right.full .new-dashboard .dbx h2 {
	padding: 20px
}

.main_dash .dash_right.full .new-dashboard .dbx h2 img {
	max-height: 50px
}

@media screen and (max-width: 767px) {
	.main_dash .dash_right.full .new-dashboard .dbx h2 {
		padding: 10px
	}

	.main_dash .dash_right.full .new-dashboard .dbx h2 img {
		max-height: 30px
	}
}

.main_dash .dash_right.full .new-dashboard .dbx b {
	right: 5px;
	bottom: 2px;
	font-size: 8px;
	letter-spacing: 0.5px;
	color: #545454;
	font-weight: 500;
	position: absolute
}

@media screen and (max-width: 767px) {
	.main_dash .dash_right {
		padding: 0
	}
}

.dash-bttn {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 3px;
	padding: 0 25px;
	letter-spacing: 1px;
	font-weight: 600;
	margin-left: 50px;
	font-size: 12px;
	color: #fff;
	background: #5568e5
}

.lineOne {
	position: relative;
	padding-left: 150px
}

.lineOne h1 {
	text-shadow: 2px 4px 12px #ccc;
	padding: 0 5px;
	width: 150px;
	font-size: 15px;
	font-weight: 600;
	position: absolute;
	left: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	height: calc(100% - 20px)
}

.new-dashboard {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.new-dashboard .dbx {
	-webkit-box-shadow: 2px 3px 6px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 3px 6px 1px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
	border-radius: 10px;
	background: #fff;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(25% - 30px);
	flex: 0 0 calc(25% - 30px);
	position: relative;
	-webkit-transition: all 0.4s cubic-bezier(0.15, 0.88, 0.6, 0.57);
	transition: all 0.4s cubic-bezier(0.15, 0.88, 0.6, 0.57);
	border: 1px solid #fbfbfb
}

.new-dashboard .dbx img {
	max-width: 100%
}

.new-dashboard .dbx h2 {
	display: block;
	text-align: center;
	margin: 0 0 0 0;
	padding: 20px 0 5px 15px;
	position: relative
}

@media screen and (max-width: 767px) {
	.new-dashboard .dbx h2 {
		padding-top: 10px
	}
}

.new-dashboard .dbx h2 img {
	max-height: 65px
}

@media screen and (max-width: 767px) {
	.new-dashboard .dbx h2 img {
		max-height: 35px
	}
}

.new-dashboard .dbx h2 a {
	color: inherit;
	display: block
}

.new-dashboard .dbx p {
	text-align: center;
	position: relative;
	z-index: 2;
	color: #333;
	padding: 5px 15px 0 15px;
	margin: 0 0 10px 0;
	max-width: 100%;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 600;
	letter-spacing: 0.3px
}

.new-dashboard .dbx p a {
	color: inherit;
	display: block;
	position: relative
}

.new-dashboard .dbx p a::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	content: " ";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	font-size: 12px;
	right: 0;
	bottom: 5px
}

.new-dashboard .dbx:hover:not(.disable) {
	-webkit-box-shadow: 18px 28px 41px -12px rgba(0, 0, 0, 0.5);
	box-shadow: 18px 28px 41px -12px rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}

.new-dashboard .dbx.disable {
	position: relative;
	-webkit-box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.01);
	box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.01)
}

.new-dashboard .dbx.disable::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 2;
	border: 1px solid rgba(204, 202, 202, 0.1)
}

@media screen and (max-width: 767px) {
	.new-dashboard .dbx {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		margin-bottom: 10px
	}
}

.db {
	width: 100%;
	float: left
}

.db.three .dbx {
	width: calc(100% / 3 - 27px)
}

.db.three .dbx:nth-child(8),
.db.three .dbx:nth-child(4) {
	margin-right: 35px
}

.db.three .dbx:nth-child(9),
.db.three .dbx:nth-child(6),
.db.three .dbx:nth-child(3) {
	margin-right: 0
}

@media screen and (max-width: 767px) {
	.db.three .dbx {
		width: 100%;
		margin-bottom: 15px
	}
}

.db .dbx {
	min-height: 120px;
	border-radius: 4px;
	float: left;
	width: calc(100% / 4 - 27px);
	margin: 0px 35px 35px 0;
	background: rgba(255, 255, 255, 0.8);
	position: relative;
	-webkit-box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1);
	-webkit-transition: all .33s ease-in;
	transition: all .33s ease-in
}

.db .dbx:nth-child(1) {
	background: #fff url(../images/button_small_ataccess.png) bottom right no-repeat
}

.db .dbx:nth-child(2) {
	background: #fff url(../images/button_small_litlink.png) bottom right no-repeat
}

.db .dbx:nth-child(3) {
	background: #fff url(../images/button_small_ego.png) bottom right no-repeat
}

.db .dbx.frontends {
	background: #fff url(../images/logo_frontend.png) bottom right no-repeat !important
}

.db .dbx.kitbuilder {
	background: #fff url(../images/kitbuilder.png) bottom right no-repeat !important
}

.db .dbx.packbuilder {
	background: #fff url(../images/packbuilder.png) bottom right no-repeat !important
}

.db .dbx:nth-child(4) {
	margin-right: 0;
	background: #fff url(../images/logo_frontend.png) bottom right no-repeat
}

.db .dbx:nth-child(5) {
	background: #fff url(../images/button_small_campaign.png) bottom right no-repeat
}

.db .dbx:nth-child(6) {
	background: #fff url(../images/button_small_campaign.png) bottom right no-repeat
}

.db .dbx:nth-child(7) {
	background: #fff url(../images/button_small_campaign.png) bottom right no-repeat
}

.db .dbx:nth-child(8) {
	margin-right: 0;
	background: #fff url(../images/button_small_campaign.png) bottom right no-repeat
}

.db .dbx:nth-child(9) {
	background: #fff url(../images/button_small_campaign.png) bottom right no-repeat
}

.db .dbx:nth-child(10) {
	background: #fff url(../images/button_small_campaign.png) bottom right no-repeat
}

.db .dbx:nth-child(11) {
	background: #fff url(../images/button_small_campaign.png) bottom right no-repeat
}

.db .dbx:nth-child(12) {
	background: #fff url(../images/button_small_campaign.png) bottom right no-repeat;
	margin-right: 0
}

.db .dbx.fgsreports {
	background: #fff url(../images/reports.png) bottom right no-repeat
}

.db .dbx.fgsaccess {
	background: #fff url(../images/trolley.png) bottom right no-repeat
}

.db .dbx.disable {
	position: relative;
	-webkit-box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.01);
	box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.01)
}

.db .dbx.disable::before {
	display: none
}

.db .dbx.disable::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 2;
	border: 3px solid rgba(204, 202, 202, 0.36);
	border-radius: 5px
}

.db .dbx:hover:not(.disable) {
	-webkit-box-shadow: 0 28px 41px -12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 28px 41px -12px rgba(0, 0, 0, 0.5)
}

.db .dbx:hover:not(.disable)::before {
	width: calc(100% + 4px);
	border-radius: 4px 4px 0 4px;
	background-color: #5568e5
}

.db .dbx:hover:not(.disable) h2 {
	color: #fff
}

.db .dbx:hover:not(.disable) .link {
	font-size: 15px;
	color: #5568e5;
	color: #8c8c8c
}

.db .dbx::before {
	-webkit-transition: all .33s ease-in;
	transition: all .33s ease-in;
	z-index: 1;
	position: absolute;
	content: "";
	left: -3px;
	top: 0;
	width: 4px;
	height: 42px;
	background: #ccc;
	border-radius: 4px 0 0 4px
}

.db .dbx p {
	position: relative;
	z-index: 2;
	padding: 0 15px;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.db .dbx h2 {
	position: relative;
	z-index: 2;
	font-weight: 400;
	font-size: 18px;
	margin: 0 0 5px 0;
	line-height: 39px;
	border-radius: 4px 4px 0 0;
	position: relative;
	padding: 3px 0 0 15px;
	border-bottom: 1px solid #eee
}

.db .dbx h2 a {
	color: inherit;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.db .dbx .link {
	position: absolute;
	left: 15px;
	bottom: 5px;
	display: inline-block;
	color: #545454;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all .11s ease-in;
	transition: all .11s ease-in
}

.db .dbx .link i {
	line-height: 1;
	position: relative;
	top: -1px;
	font-size: 7px;
	margin: 0 0 0 2px
}

.db.v1 .dbx {
	min-height: 100px;
	background-image: none
}

.db.v1 .dbx h2 {
	text-align: center;
	padding-left: 0;
	margin: 0
}

.db.v1 .dbx h2 img {
	max-width: 70px
}

.db.v1 .dbx:hover h2 {
	color: #5568e5
}

.products-list {
	background-color: #fff;
	padding: 0 0 60px 0;
	text-align: center
}

.products-list h3 {
	padding: 10px 0;
	text-transform: none;
	color: #fff;
	background: #4b4b4b;
	font-family: "Adobe Clean Bold";
	font-size: 18px
}

.products-list .images img {
	max-width: 200px
}

.products-list .images a {
	display: inline-block;
	font-size: 16px;
	color: #545454
}

.dabo {
	clear: both;
	margin: 0 0 45px 0;
	background: #fff;
	padding: 5px 0 0 0;
	border-radius: 4px;
	overflow: hidden;
	-webkit-box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1)
}

.dabo h2 {
	line-height: 36px;
	font-weight: 500;
	padding: 0 0 0 15px;
	margin: 0;
	font-family: "Open Sans";
	font-size: 22px;
	color: #5568e5;
	border-bottom: 1px solid #eee
}

.dabo .dabomain {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px 0
}

.dabo .dabomain .linkbox {
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	border-left: 1px solid #fbfbfb
}

.dabo .dabomain .linkbox:first-child {
	border: 0
}

.dabo .dabomain .linkbox:hover {
	background-color: #fbfbfb
}

.dabo .dabomain .linkbox .link {
	font-size: 12px;
	font-weight: 600
}

.dabo .dabomain .linkbox .link i {
	font-size: 8px
}

.dabo .dabomain .linkbox h3 {
	font-family: "Open Sans";
	font-weight: 500;
	color: #9f9f9f;
	font-size: 22px;
	text-transform: uppercase
}

.dabo .dabomain .linkbox h3 a {
	color: inherit
}

.dabo .dabomain .linkbox h3 i {
	color: #5568e5;
	font-size: 16px
}

.dabo .dabomain .linkbox h3:hover {
	color: #545454
}

.MsQuickLinks {
	padding-top: 45px
}

.MsQuickLinks h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 34px;
	border-bottom: 1px dotted #fff
}

.MsQuickLinks ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.MsQuickLinks ul li {
	width: 100% !important
}

.MsQuickLinks ul li i {
	margin-right: 5px;
	font-size: 8px
}

.MsQuickLinks,
.gallery {
	color: #fff;
	z-index: 2;
	top: 70px;
	right: 0;
	position: fixed;
	width: 310px;
	height: 100%;
	background: #293039;
	padding: 10px 5px;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	-webkit-box-shadow: -2px 0 3px -1px #636363;
	box-shadow: -2px 0 3px -1px #636363;
	overflow: auto
}

.MsQuickLinks>span,
.gallery>span {
	font-size: 15px;
	color: #fff;
	padding-left: 10px
}

.MsQuickLinks.out,
.gallery.out {
	-webkit-transform: translateX(110%);
	transform: translateX(110%)
}

.MsQuickLinks a,
.gallery a {
	color: #fff
}

.MsQuickLinks a i,
.gallery a i {
	color: inherit
}

.MsQuickLinks ul,
.gallery ul {
	float: left;
	list-style: none;
	margin: 10px 0 55px 0;
	padding: 0
}

.MsQuickLinks ul li,
.gallery ul li {
	float: left;
	margin: 0 5px 10px 5px;
	width: calc(100% / 3 - 10px)
}

.MsQuickLinks ul li img,
.gallery ul li img {
	max-width: 100%
}

.itm-mgmt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	-ms-flex-flow: wrap;
	flex-flow: wrap
}

.itm-mgmt.auto li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(25% - 20px);
	flex: 0 0 calc(25% - 20px)
}

.itm-mgmt li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 80px;
	border-radius: 4px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(33.3333% - 20px);
	flex: 0 0 calc(33.3333% - 20px);
	background: #fff;
	margin: 10px;
	padding: 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.itm-mgmt li a {
	font-size: 18px;
	color: #333
}

.itm-mgmt li a span {
	display: block;
	font-size: 14px;
	color: #b4b4b4;
	line-height: 16px
}

.itm-mgmt li::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 0;
	width: 35px;
	height: 30px;
	border-radius: 0 0 20px 20px;
	background: #f5f5f5
}

@media screen and (min-width: 768px) {
	.ItemMenuNav {
		display: none !important
	}
}

.itm-tab-list {
	list-style: none;
	margin: 0 0 35px 0;
	padding: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border-bottom: 1px solid #e3e3e3 ;
	/* -webkit-box-pack: center; */
	/* -ms-flex-pack: center; */
	justify-content: start;
}

@media screen and (max-width: 767px) {
	.itm-tab-list {
		display: none
	}

	.itm-tab-list.in {
		display: block !important;
		position: relative;
		border: 0
	}

	.itm-tab-list.in li {
		border: 0;
		border-bottom: 1px solid #9e88f4;
		border-radius: 0;
		overflow: hidden;
		margin: 0;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.itm-tab-list.in li::before {
		border-radius: 0
	}

	.itm-tab-list.in li.active {
		-webkit-transform: scale(1) !important;
		transform: scale(1) !important
	}
}

@media screen and (min-width: 768px) {
	.itm-tab-list {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

.itm-tab-list.mWidth {
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

.itm-tab-list.mWidth li {
	max-width: 250px
}

.itm-tab-list li {
	max-width: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 18px;
	padding: 10px;
	margin: 0 5px -4px 0;
	/* border-radius: 15px 15px 0 0; */
	/* border: 2px solid #5568e5; */
	/* border-bottom: 0; */
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
	/* -webkit-box-flex: 1; */
	/* -ms-flex: 1 1 auto; */
	/* flex: 1 1 auto; */
	/* -webkit-transition: all .2s ease-in; */
	transition: all .2s ease-in;
	/* -webkit-box-pack: center; */
	/* -ms-flex-pack: center; */
	/* justify-content: center; */
	/* -webkit-box-align: center; */
	/* -ms-flex-align: center; */
	/* align-items: center; */
	position: relative;
	bottom: 2px;
	overflow: hidden
}

.itm-tab-list li a {
	color:#545454;
	position: relative;
	z-index: 2
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.itm-tab-list li a {
		font-size: 11px !important;
		line-height: 1.4;
		font-weight: 700 !important
	}
}

/* .itm-tab-list li::before {
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	border-radius: 15px 15px 0 0;
	position: absolute;
	content: "";
	left: 0;
	top: -2px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	background: #9f89f5;
	background: linear-gradient(-280deg, #d1caeb 0%, #5568e5 100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
} */
/* 
.itm-tab-list li:hover {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
} */

/* .itm-tab-list li:hover::before {
	-webkit-transform: translateX(0%);
	transform: translateX(0%)
} */

.itm-tab-list li:hover a {
	color: #5568e5;
}

.itm-tab-list li.active {
	background-color: #5568e5;
	color:#fff;
	/* -webkit-transform: scale(1.08); */
	/* transform: scale(1.08) */
}

.itm-tab-list li.active::before {
	/* -webkit-transform: translateX(0%); */
	/* transform: translateX(0%) */
}

.itm-tab-list li.active a {
	color: #fff;
}

.itm-tab-list li a {
	/* color: inherit; */
	display: block;
	color: #878282;
	letter-spacing: .03em;
	font-size: 13px;
	font-weight: 600
}

.itm-tab-list li:last-child {
	margin-right: 0
}

@media screen and (max-width: 767px) {
	.corporate_client_search {
		display: none
	}

	.corporate_client_search.tag_groups {
		display: block
	}

	.corporate_client_search.tag_groups .search_alphabates {
		max-width: 90% !important
	}

	.corporate_client_search.tag_groups .s-btn {
		min-width: 80px !important
	}
}

.corporate_client_search .search-item-listing {
	margin: 0 auto
}

.corporate_client_search .search-item-listing .select2-container {
	width: 100%
}

.corporate_client_search .search_alphabates {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 58%;
	margin: 0 auto 20px auto;
	font-size: 12px;
	
}
.corporate_client_search .search_alphabates b{
	font-weight:500;
	letter-spacing: .05em;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.corporate_client_search .search_alphabates {
		max-width: initial
	}

	.corporate_client_search .search_alphabates>span {
		font-size: 9px
	}
}

.corporate_client_search .search_alphabates a {
	font-size: 11px;
	text-align: center;
	width: 18px;
	background: #5568e5;
	height: 18px;
	color: #fff;
	font-weight: 500;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.corporate_client_search .search_alphabates a.active,
.corporate_client_search .search_alphabates a:hover {
	background: #FF5722;
}

.search-item-listing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #fdfdfd;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px;
	margin: 0 200px 20px 200px;
	max-width: 60%
}

.search-item-listing .search-button .s-btn {
	font-size: 14px;
	color: #fff;
	border-radius: 0 4px 4px 0;
	height: 52px;
	min-width: 100px;
	border: 0;
	background: #5568e5;
	-webkit-box-shadow: 0 2px 0px 0px #3d2f79;
	box-shadow: 0 2px 0px 0px #3d2f79
}

@media screen and (max-width: 639px) {
	.search-item-listing .search-button .s-btn {
		min-width: 50px
	}
}

.search-item-listing .searcbar {
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative
}

.search-item-listing .searcbar .select2-container {
	width: 100% !important
}

.search-item-listing .searcbar:first-child .search {
	border-radius: 4px 0 0 4px
}

.search-item-listing .searcbar .search {
	width: 100%;
	font-size: 14px;
	padding: 15px 37px;
	border: 1px solid #efeaea;
	-webkit-box-shadow: 0 2px 0px 0px #efeaea;
	box-shadow: 0 2px 0px 0px #efeaea
}

@media screen and (max-width: 639px) {
	.search-item-listing .searcbar .search {
		padding-left: 20px;
		padding-right: 0
	}
}

.search-item-listing .searcbar i {
	color: #e4dfdf;
	position: absolute;
	left: 12px;
	top: 21px;
	font-size: 12px;
	z-index: 1
}

@media screen and (max-width: 767px) {
	.search-item-listing .searcbar i {
		left: 6px
	}
}

.search-item-listing .searcbar .select2 .select2-selection {
	border-radius: 0;
	padding-left: 30px;
	border: 1px solid #efeaea;
	-webkit-box-shadow: 0 2px 0px 0px #efeaea;
	box-shadow: 0 2px 0px 0px #efeaea;
	height: 53px
}

.search-item-listing .searcbar .select2 .select2-selection .select2-selection__arrow {
	height: 53px
}

.search-item-listing .searcbar .select2 .select2-selection .select2-selection__rendered {
	line-height: 53px
}

@media screen and (max-width: 639px) {
	.search-item-listing {
		margin: auto;
		max-width: 100%
	}
}

@media screen and (min-width: 640px) and (max-width: 1366px) {
	.search-item-listing {
		margin: auto;
		max-width: 80%
	}
}

.search-item-results {
	list-style: none;
	margin: 0;
	padding: 0
}

.search-item-results li {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px;
	border-radius: 4px;
	position: relative;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.search-item-results li .arrow {
	position: absolute;
	right: 16px;
	font-size: 14px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.search-item-results li:hover {
	background: #d8d2ee
}

.search-item-results li:hover .arrow {
	opacity: 1
}

.search-item-results li .id {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%
}

.search-item-results li .type {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%
}

.search-item-results li .desc {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

.search-item-results li .status {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

.search-item-results li span {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px
}

.search-item-results li span b {
	color: #9f9f9f;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 10px
}

.divisio-container {
	margin: 20px 0 50px 50px;
	font-size: 13px;
	min-height: 50vh
}

.divisio-container .mj-sitemap {
	position: relative
}

.divisio-container .mj-sitemap,
.divisio-container .mj-sitemap ul {
	margin: 0 0 0 30px;
	padding: 10px 0 0 0;
	list-style: none
}

.divisio-container .mj-sitemap li {
	position: relative;
	padding: 10px 10px 10px 30px;
	line-height: 1
}

.divisio-container .mj-sitemap li.AA {
	padding-left: 45px
}

.divisio-container .mj-sitemap li.AA>span .sub {
	display: none !important
}

.divisio-container .mj-sitemap li.AA.AOIN>span .sub {
	display: inline-block !important
}

.divisio-container .mj-sitemap li.AA.ino span .product {
	display: none
}

.divisio-container .mj-sitemap li.AA.ino .sub {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.divisio-container .mj-sitemap li.AA.ino li {
	display: none
}

.divisio-container .mj-sitemap li:after,
.divisio-container .mj-sitemap li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-width: 2px;
	z-index: 0
}

.divisio-container .mj-sitemap li:before {
	position: absolute;
	top: 0;
	left: -11px;
	height: calc(100% + 22px);
	border-color: #eee;
	border-top-style: none;
	border-left-style: dashed
}

.divisio-container .mj-sitemap li:after {
	top: 22px;
	left: -11px;
	width: 30px;
	border-color: #eee;
	border-top-style: dashed
}

.divisio-container .mj-sitemap li:last-child:before {
	border-left: none
}

.divisio-container .mj-sitemap li span {
	position: relative;
	display: inline-block;
	top: 0
}

.divisio-container .mj-sitemap li span::before {
	top: 9px;
	left: -13px;
	position: absolute;
	content: "";
	border: 2px solid #eee;
	width: 7px;
	height: 7px;
	border-radius: 50%
}

.divisio-container .mj-sitemap li span.comoname {
	cursor: pointer;
	border: 1px solid #bab1e1;
	background: #eeecf8;
	text-transform: uppercase;
	padding-right: 15px;
	position: relative;
	top: -3px;
	margin-left: 10px;
	letter-spacing: 1px;
	border-radius: 4px
}

.divisio-container .mj-sitemap li span.comoname::before {
	top: 11px;
	left: -21px
}

.divisio-container .mj-sitemap li span.comoname .plus {
	margin-left: 10px;
	background: #5568e5;
	color: #fff
}

.divisio-container .mj-sitemap li span.comoname .nd {
	/* font-family: "Open Sans"; */
	font-weight: 700;
	letter-spacing: 1px;
	color: #5568e5;
	padding-left: 0;
	background: transparent
}

.divisio-container .mj-sitemap li span.comoname .nd:focus {
	background: transparent
}

.divisio-container .mj-sitemap li span .plus {
	cursor: pointer;
	position: relative;
	line-height: 18px;
	height: 18px;
	width: 18px;
	text-align: center;
	color: #5568e5;
	background: #dedaf1;
	border-radius: 50%;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	-webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.05)
}

.divisio-container .mj-sitemap li span .minus {
	cursor: pointer;
	position: relative;
	line-height: 14px;
	height: 18px;
	width: 18px;
	text-align: center;
	color: red;
	background: #ffd1d1;
	border-radius: 50%;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	margin: 0 5px 0 0;
	-webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.05)
}

.divisio-container .mj-sitemap li span label {
	position: relative;
	display: inline-block;
	font-size: 0
}

.divisio-container .mj-sitemap li span label .nd {
	-webkit-box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.04);
	box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.04);
	background: #fff;
	display: inline-block;
	line-height: 24px;
	padding: 0 10px;
	border: 1px solid transparent;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-weight: 600;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.divisio-container .mj-sitemap li span label .nd:focus {
	border: 1px solid #eee;
	background: #fbfbfb
}

.divisio-container .mj-sitemap li span .sub {
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	display: inline-block;
	position: relative;
	top: 0;
	left: -5px;
	padding: 2px;
	width: 16px;
	height: 16px
}

.divisio-container .mj-sitemap li span .sub img {
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	max-width: 100%
}

.divisio-container .mj-sitemap li span .sub .off {
	display: none
}

.divisio-container .mj-sitemap li span .sub.active img {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.divisio-container .mj-sitemap li span .addp {
	cursor: pointer;
	display: inline-block;
	border-left: 1px solid #c8c8c8;
	font-size: 10px;
	margin-left: 3px;
	padding-left: 5px;
	font-weight: 600;
	text-transform: uppercase;
	color: #999;
	position: relative;
	top: -2px
}

.divisio-container .mj-sitemap li .product {
	-webkit-box-shadow: 0 14px 25px -6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 14px 25px -6px rgba(0, 0, 0, 0.05);
	position: relative;
	padding: 7px 10px;
	background: #fff;
	border-radius: 5px;
	margin: 15px 0 15px 42px;
	border: 1px solid #eee;
	display: block;
	width: 300px
}

.divisio-container .mj-sitemap li .product::before {
	position: absolute;
	content: "";
	top: -20px;
	left: -54px;
	height: calc(100% + 30px);
	border-left: 2px dashed #eee
}

.divisio-container .mj-sitemap li .product .rmp {
	z-index: 2;
	position: absolute;
	right: 3px;
	top: 2px
}

.divisio-container .mj-sitemap li .product .rmp i {
	font-size: 9px;
	color: red
}

.divisio-container .mj-sitemap li .product div {
	border-bottom: 1px dashed #eee;
	margin: 0 0 3px 0;
	position: relative
}

.divisio-container .mj-sitemap li .product div:last-child {
	margin-bottom: 0
}

.divisio-container .mj-sitemap li .product div i {
	color: #9a9a9a;
	font-size: 9px;
	position: absolute;
	left: 6px;
	top: 10px
}

.divisio-container .mj-sitemap li .product div input {
	padding: 0 0 0 25px;
	border: 0;
	line-height: 29px;
	font-size: 11px;
	font-weight: 600;
	width: 100%
}

.divisio-container .mj-sitemap li .product div input:focus {
	background: #fbfbfb
}

.divisio-container .mj-sitemap li .product div .save {
	text-transform: uppercase;
	background: #5568e5;
	border: 2px solid #5568e5;
	padding: 4px 15px;
	border-radius: 5px;
	color: #fff;
	letter-spacing: 0.5px;
	font-size: 10px;
	min-width: 74px
}

.divisio-container .mj-sitemap li .product div .cancel {
	text-transform: uppercase;
	background: #fff;
	border: 2px solid #5568e5;
	padding: 4px 15px;
	border-radius: 5px;
	color: #5568e5;
	letter-spacing: 0.5px;
	font-size: 10px;
	min-width: 74px;
	margin-right: 15px
}

.main_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.main_content .left {
	padding-right: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 60%;
	flex: 0 60%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.main_content .left .full {
	width: 100%
}

.main_content .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 40%;
	flex: 0 40%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0
}

.main_content .right .fullW {
	width: 100%
}

.ge__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

@media screen and (max-width: 767px) {
	.ge__top {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.ge__top .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 75%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.ge__top .left .list__by {
	margin-bottom: 10px;
	width: 100%
}

@media screen and (max-width: 767px) {
	.ge__top .left {
		width: 100%
	}

	.ge__top .left .list__by {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 0
	}

	.ge__top .left .list__by label {
		width: 100%;
		line-height: 20px
	}

	.ge__top .left .list__by .input-row {
		width: 33%;
		margin-right: 0
	}

	.ge__top .left .list__by .input-row input {
		font-size: 11px
	}
}

.ge__top .right {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 25%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0
}

@media screen and (max-width: 767px) {
	.ge__top .right {
		margin-top: 10px;
		width: 100%
	}

	.ge__top .right .expand {
		position: relative;
		top: -10px;
		margin: 0 0 0 0 !important
	}
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
	.ge__top .right>.flex-container {
		width: 100% !important;
		margin-left: initial !important
	}

	.ge__top .right>.flex-container .copy_item_row {
		position: relative;
		margin: 0 0 10px 0;
		padding-top: 15px
	}

	.ge__top .right>.flex-container .copy_item_row label {
		position: absolute;
		line-height: 1;
		top: -2px
	}
}

.ge__top .right .expand {
	margin: 5px 0 15px 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 160px;
	font-size: 11px;
	letter-spacing: 0.5px;
	font-weight: 600;
	padding: 3px 7px 4px 7px;
	border-radius: 3px;
	border: 1px solid #5568e5;
	border-right: 25px solid #5568e5;
	background: #5568e5;
	color: #fff;
	position: relative;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
	.ge__top .right .expand {
		margin-left: 0
	}
}

.ge__top .right .expand i {
	font-size: 11px;
	color: #fff;
	position: absolute;
	right: -18px;
	top: 5px
}

.ge__top .right .expand:hover {
	background: #fff;
	color: #5568e5
}

.ge__top .right>.flex-container .foo {
	max-width: 250px
}

.list__by .input-row {
	margin-right: 15px;
	width: 280px
}

.copy_item_row {
	margin-left: 20px
}

.edit-button {
	margin-left: 10px
}

.help-text {
	position: relative;
	top: 5px;
	font-size: 11px;
	font-weight: 600
}

.work-in-progress {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 500px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.work-in-progress img {
	max-width: 300px
}

.kit-pack-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

@media screen and (max-width: 767px) {
	.kit-pack-page {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.kit-pack-page .kit-pack {
	width: 100%;
	max-width: 450px;
	padding: 0 50px 0 0
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.kit-pack-page .kit-pack {
		width: 50%;
		padding-right: 30px
	}

	.kit-pack-page .kit-pack .checkbox .caption {
		min-width: auto
	}
}

.kit-pack-page .kit-pack .kit-type-row .input-row {
	max-width: 250px
}

@media screen and (max-width: 767px) {
	.kit-pack-page .kit-pack {
		padding: 0;
		max-width: 100%
	}
}

.fr_itm_page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

@media screen and (max-width: 767px) {
	.fr_itm_page {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.fr_itm_page {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.fr_itm_page.front__page .checkbox-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.fr_itm_page.nowrap {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}

	.fr_itm_page.nowrap .left {
		width: 60%
	}
}

.fr_itm_page .min_410 {
	max-width: 410px
}

.fr_itm_page .budget_code {
	margin-top: 280px
}

.fr_itm_page .min_400 {
	margin-right: 25px;
	max-width: 600px
}

.fr_itm_page .min_400 .form-row .input-row .select2-container {
	max-width: 230px
}

.fr_itm_page .min_400 .input-row.auto .select2-container {
	min-width: 100%
}

.fr_itm_page .label-mid {
	width: 160px;
	min-width: 160px
}

.fr_itm_page .full {
	width: 100%
}

.fr_itm_page .full.xs {
	padding: 0 100px
}

.fr_itm_page .full.sm {
	padding: 0 250px
}

.fr_itm_page .full.lg {
	padding: 0 350px
}

.fr_itm_page .full.lgg {
	max-width: 650px;
	margin: 0 auto;
	width: 100%
}

.fr_itm_page .half {
	max-width: 400px
}

.fr_itm_page .half.xs {
	padding: 0 50px
}

.fr_itm_page .half.sm {
	padding: 0 350px
}

.fr_itm_page .half.lg {
	padding: 0 550px
}

.fr_itm_page .left {
	width: calc(66.666% - 15px)
}

@media screen and (min-width: 1025px) and (max-width: 1744px) {
	.fr_itm_page .left {
		width: calc(56.666% - 15px);
		padding-right: 20px
	}
}

.fr_itm_page .left.xs {
	padding: 0 250px
}

.fr_itm_page .left.sm {
	padding: 0 150px
}

.fr_itm_page .left.lg {
	padding: 0 50px
}

@media screen and (max-width: 767px) {
	.fr_itm_page .left {
		width: 100%;
		margin-right: 0
	}

	.fr_itm_page .left .form-row-inline .form-row>label,
	.fr_itm_page .left.form-row-inline .form-row>label {
		white-space: initial;
		min-width: 160px;
		width: 160px;
		line-height: 1.4
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.fr_itm_page .left {
		width: 50%;
		margin-right: 0;
		padding-right: 20px
	}

	.fr_itm_page .left.full {
		padding-right: 0;
		width: 100%
	}

	.fr_itm_page .left.full .line_circle_tabs li a {
		padding: 0 10px !important
	}

	.fr_itm_page .left .form-row>label {
		white-space: initial;
		width: 16vw;
		min-width: 150px !important;
		line-height: 1.4
	}
}

.fr_itm_page .box-bd {
	border-radius: 4px;
	border: 1px solid #6c6c6d;
	-webkit-box-shadow: 0 2px 0px 0px #eeeeee;
	box-shadow: 0 2px 0px 0px #eeeeee;
	background: #fdfdfd;
	padding: 15px;
	margin-bottom: 15px
}

.fr_itm_page .right {
	width: calc(33.333% - 15px);
	margin-top: -125px;
	margin-left: auto
}

.fr_itm_page .right.top {
	margin-top: 0 !important
}

@media screen and (min-width: 1025px) and (max-width: 1744px) {
	.fr_itm_page .right {
		max-width: 310px
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.fr_itm_page .right {
		width: 350px;
		margin-top: 0;
		margin-left: 0
	}
}

@media screen and (max-width: 767px) {
	.fr_itm_page .right {
		width: 100%;
		margin-top: 0
	}
}

.dashed {
	margin: 25px 0;
	height: 1px;
	border: 0;
	border-top: 2px dotted #eee
}

.form-row-inline .form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.form-row-inline .form-row .auto {
	white-space: nowrap;
	width: 240px;
	line-height: 42px;
	margin-bottom: 0
}

.form-row-inline .form-row .large {
	white-space: nowrap;
	width: 290px;
	min-width: 290px;
	line-height: 42px;
	margin-bottom: 0
}

.form-row-inline .form-row .input-row {
	width: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.form-row-inline .form-row .chk-row {
	margin: 12px 0 0 0
}

.fr_common_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

@media screen and (max-width: 767px) {
	.fr_common_row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%
	}

	.fr_common_row .form-row {
		margin-left: 0 !important
	}

	.fr_common_row .form-row>label {
		min-width: 160px !important;
		width: 160px !important;
		white-space: initial !important;
		line-height: 1.4 !important
	}

	.fr_common_row .form-row .input-row {
		min-width: auto !important
	}
}

@media screen and (min-width: 1025px) and (max-width: 1744px) {
	.fr_common_row {
		width: calc(100% - 23%)
	}

	.fr_common_row .form-row label {
		white-space: inherit !important;
		line-height: 1.4 !important
	}

	.fr_common_row .form-row .input-row {
		min-width: auto !important
	}
}

.fr_common_row .form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.fr_common_row .form-row:not(:first-child) {
	margin-left: 15px
}

.fr_common_row .form-row label {
	padding-right: 10px;
	white-space: nowrap;
	min-width: 240px;
	line-height: 42px;
	margin-bottom: 0
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.fr_common_row .form-row label {
		width: 130px;
		min-width: auto;
		white-space: initial;
		line-height: 1.5
	}
}

.fr_common_row .form-row .input-row {
	min-width: 270px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.fr_common_row .form-row .input-row {
		min-width: auto;
		width: 200px
	}
}

.version-dialog a {
	display: inline-block;
	font-weight: 600;
	margin-right: 25px;
	color: #333
}

.version-dialog a i {
	font-size: 10px;
	margin-right: 3px
}

.version-dialog a .fa-check {
	color: green
}

.version-dialog a .fa-times {
	color: red
}

.application_setup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.application_setup .col {
	margin-right: 2%;
	width: 23%
}

.business_rule_page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.business_rule_page .caption {
	font-weight: 600
}

.business_rule_page .small {
	font-size: 11px;
	padding-left: 43px
}

.business_rule_page .col {
	margin-right: 3%;
	width: 47%
}

.Clockcontainer {
	float: right;
	position: relative;
	/* top: -10px */
}

.Clockcontainer .alarm-clock {
	display: inline-block;
	position: relative;
	border-radius: 46px;
	min-width: 225px;
	border: 3px solid #9e88f4
}

/* .Clockcontainer .alarm-clock::before {
	position: absolute;
	content: "";
	bottom: -14px;
	left: 20%;
	width: 4%;
	height: 15px;
	background: #9e88f4;
	border-radius: 40px
}

.Clockcontainer .alarm-clock::after {
	content: "";
	position: absolute;
	bottom: -14px;
	right: 20%;
	width: 4%;
	height: 15px;
	background: #9e88f4;
	border-radius: 40px
} */

.Clockcontainer .alarm-clock .date {
	white-space: nowrap;
	position: absolute;
	bottom: 1px;
	left: 50%;
	color: #333;
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9
}

.Clockcontainer .alarm-clock .time {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0px 40px 10px;
	background-color: #f5f5f5;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	border-radius: 40px;
	z-index: 2;
	font-size: 24px
}

.Clockcontainer .alarm-clock .time span {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #e74c3c;
	text-shadow: 0 0 10px rgba(231, 76, 60, 0.4)
}

.Clockcontainer .alarm-clock .time span:nth-of-type(5) {
	width: 45px
}

.Clockcontainer .alarm-clock .time span.colon {
	width: 12px;
	text-align: center;
	-webkit-animation: blink 2s infinite;
	animation: blink 2s infinite
}

@-webkit-keyframes blink {
	0% {
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	70% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes blink {
	0% {
		opacity: 0
	}

	30% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	70% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.new_client_setup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.new_client_setup .left {
	padding-right: 15px;
	width: 50%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

.new_client_setup .right {
	padding-left: 15px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%
}

.new__client {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-bottom: 10px;
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 2px dotted #eee;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.new__client .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.new__client .form-row {
	margin-right: 15px
}

.new__client .form-row label {
	white-space: nowrap
}

.system_activation .form-row {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.system_activation .form-row label {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

.marketh2 {
	margin-bottom: 15px !important
}

.table-outer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
	position: relative;
	margin-right: 50px
}

.table-outer::-webkit-scrollbar {
	width: 10px;
	height: 8px
}

.table-outer::-webkit-scrollbar-track {
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.table-outer::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: #545454;
	outline: 0
}

.table-outer::-webkit-scrollbar:vertical {
	display: none
}

.table-outer .inner {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 200px;
	flex: 0 0 200px;
	min-height: 300px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.table-outer .inner>div {
	height: 40px
}

.table-outer .inner>div:nth-child(even) {
	background: #fbfbfb
}

.table-outer .inner>div.space {
	background: #e6e6e6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: right;
	border-bottom: 1px solid #eee;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.table-outer .inner>div.space .save {
	margin: 4px auto 0 auto;
	display: inline-block;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	border-radius: 3px;
	background: #ee2c24;
	border: 0;
	color: #fff;
	padding: 0px 15px
}

.table-outer .inner>div.space .cancel {
	margin: 4px auto 0 auto;
	display: inline-block;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	border-radius: 3px;
	background: #9a9a9a;
	border: 0;
	color: #FFF;
	padding: 0px 15px
}

.table-outer .inner>div.input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 15px;
	position: relative;
	padding-top: 5px
}

.table-outer .inner>div.input b {
	position: absolute;
	left: 20px;
	top: 10px;
	font-weight: 600;
	color: #9a9a9a
}

.table-outer .inner>div.input input {
	border-bottom: 1px dotted #ccc !important;
	background: transparent;
	font-size: 12px;
	font-weight: 600;
	border: 0;
	height: 28px;
	padding-left: 20px
}

.table-outer .inner .c-name {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #5568e5 !important;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
	display: flex
}

.table-outer .inner .c-fl {
	font-weight: 700;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	min-height: 70px
}

.table-outer .inner .c-fl span {
	border-left: 5px solid white;
	border-right: 5px solid white;
	text-align: center;
	width: 32px;
	line-height: 22px;
	height: 22px;
	color: #fff;
	background: #333;
	display: inline-block;
	position: absolute;
	left: calc(50% - 11px);
	top: -11px;
	font-size: 14px
}

.table-outer .inner .c-fl.A {
	border-top: 3px solid #a5b9cc
}

.table-outer .inner .c-fl.A span {
	background: #a5b9cc
}

.table-outer .inner .c-fl.B {
	border-top: 3px solid #fdb62e
}

.table-outer .inner .c-fl.B span {
	background: #fdb62e
}

.table-outer .inner .c-fl.C {
	border-top: 3px solid #ee2c24
}

.table-outer .inner .c-fl.C span {
	background: #ee2c24
}

.table-outer .inner .c-fl.D {
	border-top: 3px solid #1f74bb
}

.table-outer .inner .c-fl.D span {
	background: #1f74bb
}

.table-outer .inner .c-fl .edit {
	font-size: 10px;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 5px;
	font-weight: 600;
	color: #333;
	padding: 0 5px 2px 0;
	letter-spacing: 1px
}

.table-outer .inner .c-fl .delete {
	font-size: 10px;
	text-align: right;
	position: absolute;
	bottom: 0;
	left: 5px;
	font-weight: 600;
	color: #333;
	padding: 0 5px 2px 0;
	letter-spacing: 1px
}

.table-outer .spec {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	border: 1px solid #eee
}

.rate-table {
	position: relative;
	margin-top: 10px
}

.rate-table.CList {
	position: relative
}

.rate-table.CList .table-outer {
	margin-right: 0
}

.rate-table.CList .table-outer .inner {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(100% / 6);
	flex: 0 0 calc(100% / 6);
	width: calc(100% / 6)
}

.rate-table.CList .table-outer .inner .space {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.rate-table.CList .table-outer .inner .input {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.rate-table.CList .table-outer .inner b {
	position: relative;
	left: 13px;
	top: 10px
}

.rate-table.CList .table-outer .inner input {
	height: auto;
	border-bottom: 0 !important;
	width: 60px
}

.rate-table.CList:before {
	position: absolute;
	content: "";
	top: 15px;
	left: 0;
	bottom: 0;
	height: calc(100% - 16px);
	width: 100%;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.rate-table.CList .inner {
	margin-top: 15px
}

.rate-table.edit-page .table-outer .spec {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(100% - 200px);
	flex: 0 0 calc(100% - 200px);
	min-width: calc(100% - 200px)
}

.rate-table.edit-page .table-outer .spec .cat {
	width: 15.30%
}

.rate-table.edit-page .table-outer .spec .type {
	width: 25.51%
}

.rate-table.edit-page .table-outer .spec .pick {
	width: 15.30%
}

.rate-table.edit-page .table-outer .spec .desc {
	width: 26.53%
}

.rate-table.edit-page .table-outer .spec .act {
	width: 6.12%
}

.rate-table.edit-page .table-outer .spec .rate {
	width: 11.22%
}

.rate-table .add-client {
	font-size: 12px;
	font-weight: 700;
	color: #5568e5;
	margin-right: 15px;
	right: 0;
	background: #5568e5;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.07);
	position: absolute;
	top: 36px;
	bottom: 0;
	height: calc(100% - 36px);
	width: 35px
}

.rate-table .add-client:hover {
	cursor: pointer
}

.rate-table .add-client span {
	letter-spacing: 2px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	position: absolute;
	top: 140px;
	left: 26px;
	margin: 0;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	white-space: nowrap
}

.rate-table .add-client span a {
	color: #fff
}

.rate-table .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 40px;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	position: relative
}

.rate-table .row:not(.section):nth-child(even) {
	background: #fbfbfb
}

.rate-table .row:not(.section):not(.HD):hover {
	background: #e6e9ff !important;
	/* -webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3); */
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	z-index: 1;
	font-weight: 600
}

.rate-table .row:not(.section):not(.HD):hover:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 5px;
	background: #5568e5;
	top: 0
}

.rate-table .row.HD {
	background: #5568e5 !important;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase
}

.rate-table .row.section {
	letter-spacing: 0.5px;
	background: #e6e6e6;
	color: #5568e5;
	font-weight: 600;
	border-bottom: 1px solid #eee;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.rate-table .row.section .full-width {
	padding-left: 10px
}

.rate-table .row.section .addservice {
	cursor: pointer;
	margin-left: auto;
	margin-right: 15px;
	font-size: 10px;
	padding: 3px 10px;
	border-radius: 3px;
	background: #8892f3;
	color: #fff
}

.rate-table .row.section .addservice i {
	font-size: 9px
}

.rate-table .row.add-row {
	border: 2px solid #5568e5;
	background: #eee;
	padding-top: 5px;
	padding-bottom: 35px
}

.rate-table .row.add-row .rate input {
	margin-right: 0;
	width: 100%
}

.rate-table .row.add-row .button {
	font-size: 9px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	border: 0;
	display: inline-block;
	right: 30px;
	bottom: 5px;
	padding: 3px 0;
	width: 90px;
	letter-spacing: 0.5px
}

.rate-table .row.add-row .button.save {
	color: #fff;
	background: #5568e5;
	border: 2px solid transparent
}

.rate-table .row.add-row .button.cancel {
	border: 2px solid #717171;
	background: #fff;
	right: 130px;
	color: #717171
}

.rate-table .row .cat {
	width: 15.30%;
	padding-left: 15px;
	padding-right: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.rate-table .row .cat input {
	margin-right: 20px;
	width: calc(100% - 20px);
	border: 1px solid #ddd;
	line-height: 24px
}

.rate-table .row .type {
	text-align: left;
	width: 25.51%;
	padding-right: 10px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.rate-table .row .type input {
	margin-right: 20px;
	width: calc(100% - 20px);
	border: 1px solid #ddd;
	line-height: 24px;
	padding: 0 10px
}

.rate-table .row .type.sm {
	width: 15.51%
}

.rate-table .row .item {
	width: 18%;
	padding-right: 10px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.rate-table .row .pick {
	text-align: center;
	width: 15.30%;
	padding-right: 10px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.rate-table .row .pick input {
	margin-right: 20px;
	width: calc(100% - 20px);
	border: 1px solid #ddd;
	line-height: 24px;
	padding: 0 10px
}

.rate-table .row .pick.sm {
	width: 12.30%
}

.rate-table .row .desc {
	text-align: left;
	width: 26.53%;
	padding-right: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.rate-table .row .desc input {
	margin-right: 20px;
	width: calc(100% - 20px);
	border: 1px solid #ddd;
	line-height: 24px;
	padding: 0 10px
}

.rate-table .row .desc.sm {
	width: 20.53%
}

.rate-table .row .act {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	width: 6.12%;
	font-size: 10px
}

.rate-table .row .act button {
	display: inline-block;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.1);
	border: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 3px;
	text-align: center;
	padding: 0 7px;
	line-height: 18px;
	background: #ddd;
	font-size: 8px
}

.rate-table .row .act button.edit {
	background: #4caf50;
	color: #fff
}

.rate-table .row .act button.delete {
	background: #ff5722;
	color: #fff
}

.rate-table .row .act .dropdown {
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	display: none;
	position: absolute;
	right: calc(100% - 43px);
	top: 20px;
	width: 300px;
	min-height: 80px;
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 5
}

.rate-table .row .act .dropdown.input {
	padding: 10px 0 0 0
}

.rate-table .row .act .dropdown.input li {
	border: 0;
	margin-bottom: 6px
}

.rate-table .row .act .dropdown li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 20px;
	line-height: 26px;
	border-bottom: 1px dotted #eee;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.rate-table .row .act .dropdown li .date {
	color: #cacaca;
	font-weight: 500;
	text-transform: uppercase
}

.rate-table .row .act .dropdown li input[type=text] {
	font-weight: 600;
	width: 150px;
	border: 1px solid #9e9e9e;
	height: 22px;
	padding: 0 10px
}

.rate-table .row .act .dropdown li .update {
	text-transform: uppercase;
	font-weight: 600;
	padding: 0 15px 2px 15px;
	line-height: 20px;
	border-radius: 3px;
	background: #5568e5;
	color: #fff
}

.rate-table .row .act .dropdown li.up-button button {
	margin-left: auto
}

.rate-table .row .rate {
	position: relative;
	text-align: right;
	width: 11.22%;
	padding-right: 10px;
	font-weight: 600
}

.rate-table .row .rate .history {
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.1);
	padding: 0 7px;
	line-height: 18px;
	background: #00bcd4;
	border: 0;
	border-radius: 3px;
	position: absolute;
	left: 0;
	left: 20px;
	font-size: 8px
}

.rate-table .row .rate .history i {
	color: #fff
}

.rate-table .row .rate .history:hover {
	-webkit-box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.6)
}

.rate-table .row .rate .dropdown {
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.6);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	display: none;
	position: absolute;
	right: calc(100% - 43px);
	top: 20px;
	width: 200px;
	min-height: 80px;
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 5
}

.rate-table .row .rate .dropdown li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 8px 20px;
	border-bottom: 1px dotted #eee
}

.rate-table .row .rate .dropdown li .date {
	color: #cacaca;
	font-weight: 500;
	text-transform: uppercase
}

.rate-table .row .rate input {
	margin-right: 20px;
	width: calc(100% - 20px);
	border: 1px solid #ddd;
	line-height: 24px;
	padding: 0 10px
}

.filter {
	display: inline-block
}

.filter a {
	margin: 0 10px;
	font-weight: 700
}

.storage-units .inline-form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.storage-units .inline-form-row .caption {
	margin: 10px 0 0 0;
	display: block;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333;
	width: 250px
}

.storage-units .inline-form-row .caption.xs {
	width: 50px
}

.storage-units .inline-form-row .chk-row {
	width: 50px;
	margin: 10px 0 0 0
}

.storage-units .inline-form-row .form-row {
	width: 150px;
	margin-right: 15px
}

.fgs-page-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 540px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media screen and (max-width: 767px) {
	.fgs-page-center {
		width: auto
	}
}

.replenishment-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 540px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.replenishment-tab .tito {
	width: 100%;
	margin: 0 10px 20px 10px
}

.replenishment-tab .left {
	margin: 0 10px;
	width: 250px
}

.replenishment-tab .right {
	width: 250px;
	margin: 0 10px
}

.replenishment-tab .add .bttn-2 {
	position: relative;
	width: 26px !important;
	height: 26px !important;
	display: inline-block;
	line-height: 26px !important;
	min-width: 26px !important
}

.replenishment-tab .add .bttn-2 i {
	top: 5px;
	left: 7px;
	color: #5568e5
}

.itemComp-tree {
	border-left: 2px solid #ccc;
	-webkit-box-shadow: 0 0 27px -10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 27px -10px rgba(0, 0, 0, 0.5);
	height: 100vh;
	width: 33%;
	background: rgba(255, 255, 255, 0.98);
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	z-index: 12;
	padding: 65px 10px 10px 10px;
	-webkit-transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	overflow: auto;
	opacity: 0;
	width: 0
}

@media screen and (max-width: 767px) {
	.itemComp-tree {
		padding-top: 25px
	}

	.itemComp-tree.in {
		min-width: 390px !important;
		max-width: 50% !important
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.itemComp-tree {
		padding-top: 25px
	}

	.itemComp-tree.in {
		min-width: 600px !important
	}
}

.itemComp-tree .closetree {
	position: absolute;
	right: 10px;
	top: 80px;
	border: 1px solid #ffb3b3;
	background: #ffe6e6;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	line-height: 14px;
	text-align: center;
	z-index: 6;
	cursor: pointer
}

.itemComp-tree .closetree i {
	line-height: 1;
	font-size: 8px;
	color: red
}

.itemComp-tree::-webkit-scrollbar {
	width: 6px
}

.itemComp-tree::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.itemComp-tree::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.itemComp-tree.in {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	min-width: 700px
}

.itemComp-tree .divisio-container {
	margin: 0 0 0 0
}

.itemComp-tree .divisio-container .cor_cname {
	padding-bottom: 0
}

.itemComp-tree .divisio-container .comoname i {
	margin-left: 5px !important;
	font-size: 8px !important;
	color: #5568e5 !important
}

.itemComp-tree .divisio-container li {
	padding-left: 10px
}

.itemComp-tree .divisio-container li::after {
	width: 10px
}

.itemComp-tree .divisio-container li.AA {
	padding-left: 0px !important;
	padding-bottom: 0px !important
}

.itemComp-tree .divisio-container li.AA>ul {
	padding-top: 0
}

.itemComp-tree .divisio-container li.AA.AOIN>span .sub {
	left: 0
}

.itemComp-tree .divisio-container li span sub {
	left: 0 !important
}

.itemComp-tree .divisio-container li .nd {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid transparent
}

.itemComp-tree .divisio-container li .nd:focus {
	background: #fff !important;
	border: 0 !important
}

.itemComp-tree .divisio-container li .product {
	padding: 5px 5px 0 5px;
	width: 280px;
	margin: 10px 0 10px 10px
}

.itemComp-tree .divisio-container li .product div input {
	line-height: 25px
}

.itemComp-tree .divisio-container li .product div input:disabled,
.itemComp-tree .divisio-container li .product div input:focus {
	background: #fff !important;
	border: 0 !important
}

.itemComp-tree .divisio-container li .product::before {
	display: none
}

.ItemMenuNav {
	padding: 5px 10px;
	margin-bottom: 15px;
	width: 100%;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	background-color: #5844b0
}

.firmaction {
	display: inline-block;
	background-color: #5844b0;
	color: #fff !important;
	border-radius: 4px;
	font-size: 10px;
	padding: 5px 10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none !important
}

.firmaction i {
	margin-left: 15px
}

.firm_name {
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-top: -15px;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.firm_name>div.col-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px;
	background: #5568e5;
	color: #fff;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.firm_name>div.col-1.posR {
	position: relative
}

.firm_name>div.col-1.posR .addr {
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	opacity: 1;
	font-size: 11px;
	padding: 5px 10px;
	border: 1px solid #fff;
	border-radius: 5px;
	position: absolute;
	right: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.firm_name>div.col-1.posR .addr i {
	font-size: 10px;
	margin-right: 5px
}

.firm_name>div.col-1.posR .addr:hover {
	background-color: #fff;
	color: #5568e5
}

.firm_name>div.col-2 {
	margin: 20px;
	padding: 10px;
	width: 47%;
	border: 1px solid #f2f2f2
}

.firm_name>div.col-2.xs {
	width: calc(25% - 40px)
}

.firm_name>div.col-2.full {
	width: 100%
}

.firm_name>div.col-3 {
	margin: 20px;
	padding: 10px;
	width: 47%;
	border: 1px solid #f2f2f2
}

.firm_name>div.col-3.xs {
	width: calc(25% - 40px)
}

.firm_name>div .client-search span {
	margin-bottom: 10px
}

.firm_name>div .client-search span input {
	font-size: 11px
}

.firm_name>div .bttn {
	color: #5568e5;
	background: #fff;
	border: 1px solid #5568e5;
	padding: 2px 10px;
	border-radius: 4px;
	font-size: 12px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out
}

.firm_name>div .bttn:hover {
	background: #5568e5;
	color: #fff
}

.firm_name .fig {
	color: #5568e5;
	font-size: 14px;
	display: inline-block;
	margin-right: 10px
}

.firm_name h1 {
	padding-left: 65px;
	font-weight: 500;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #e6e6e6
}

.firm_name h1 span {
	color: #fff;
	display: block;
	letter-spacing: 0.01em;
	font-size: 26px;
	font-weight: 700
}

.firm_name p {
	border-left: 1px solid #7f75d0;
	padding-left: 65px;
	margin-left: 65px;
	margin-bottom: 0;
	display: block;
	line-height: 1.5;
	font-weight: 500;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #e6e6e6
}

.firm_name p span {
	margin-top: 3px;
	color: #fff;
	display: block;
	letter-spacing: 0.01em;
	font-size: 22px;
	font-weight: 600
}

.firm_name p span i {
	font-size: 14px;
	margin-right: 7px
}

.firm_name p span .green {
	color: #05f005
}

.firm_name p span .red {
	color: #ff7a7a
}

.firm_name p.or {
	font-size: 14px;
	letter-spacing: 0.02em;
	border: 0;
	padding-left: 0;
	margin-left: 75px;
	opacity: 0.4;
	position: relative;
	top: 5px
}

.firm_name h2 {
	position: relative;
	font-size: 16px;
	color: #5568e5;
	font-weight: 600;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #f2f2f2
}

.firm_name h2 .bttn {
	float: right
}

.firm_name table {
	border: 1px solid #eee
}

.firm_name table th,
.firm_name table td {
	padding: 7px 10px;
	border: 0
}

.firm_name table thead {
	background-color: #f0eeed
}

.firm_name table .removeitem {
	width: 50px
}

.firm_name table .removeitem .fa-minus {
	color: red
}

.firm_name table tbody tr:nth-child(odd) {
	background-color: #fbfbfb
}

.firm_name a {
	font-size: 13px
}

.firm_name a input {
	position: relative;
	top: 2px;
	margin-right: 5px
}

.firm_name a:not(active) {
	color: #c8c8c8;
	opacity: 0.7;
	font-weight: 600
}

.firm_name a.active {
	color: #fff;
	font-weight: 700
}

.firm_name .companyItemID {
	margin-top: 10px
}

.firm_name .companyItemID span {
	font-size: 12px !important
}

.firm_name .companyItemID span.select2-container {
	min-width: 250px;
	margin-left: 5px
}

.product-listID {
	background: #f2f2f2;
	padding: 5px;
	width: 200px;
	position: absolute;
	right: -3px;
	top: 35px;
	z-index: 1;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.1);
	border: 1px solid #ececec
}

.product-listID .client-search span {
	width: 100%
}

.product-listID .parentgroup {
	clear: both;
	overflow: auto;
	max-height: 385px
}

.product-listID .parentgroup::-webkit-scrollbar {
	width: 6px
}

.product-listID .parentgroup::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.product-listID .parentgroup::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.product-listID .act {
	padding: 5px 10px
}

.product-listID .act .bttn {
	padding: 2px 25px !important;
	min-width: auto
}

.product-listID .fancy-checkbox {
	margin: 0 0 5px 0
}

.product-listID .fancy-checkbox:hover {
	background-color: #f0eeed
}

.product-listID .fancy-checkbox label {
	font-size: 12px;
	color: #333
}

.tag-groups {
	width: 100%
}

.tag-groups .filter-buttons {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border: 1px solid #ccc;
	border-radius: 2px;
	margin-left: auto
}

.tag-groups .filter-buttons>div {
	padding: 1px 5px;
	cursor: pointer
}

.tag-groups .filter-buttons>div.active {
	color: #5568e5
}

.tag-groups .filter-buttons>div.active i {
	color: inherit
}

.tag-groups .filter-buttons>div i {
	color: #ccc
}

.tag-groups .caption {
	border-bottom: 1px solid #5568e5;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
	color: #5568e5;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase
}

.tag-groups .caption .qksearch {
	position: relative;
	margin-left: 15px
}

.tag-groups .caption .qksearch input {
	border-bottom: 1px dotted #878787;
	width: 250px;
	position: relative;
	border-width: 0 0 1px 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 22px;
	padding-left: 25px
}

.tag-groups .caption .qksearch i {
	position: absolute;
	left: 7px;
	z-index: 2;
	top: 5px;
	font-size: 11px;
	color: #e4dfdf
}

.tag-groups .tagListing {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.tag-groups .tagListing li {
	font-size: 13px;
	font-weight: 600;
	margin: 0 15px 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	padding: 20px 55px 20px 20px;
	position: relative;
	border: 1px solid #f2f2f2;
	border-radius: 8px;
	-webkit-transition: all 300ms ease-in;
	transition: all 300ms ease-in
}

.tag-groups .tagListing li span {
	-webkit-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	position: absolute;
	right: 5px;
	top: 5px
}

.tag-groups .tagListing li span.active i {
	font-size: 16px;
	color: #4caf50
}

.tag-groups .tagListing li span.inactive {
	opacity: 0.7
}

.tag-groups .tagListing li span.inactive i {
	font-size: 16px;
	color: red
}

.tag-groups .tagListing li:hover:not(.caption) {
	border: 1px solid #fff;
	background: rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.0125), 0 3px 3px rgba(0, 0, 0, 0.012);
	box-shadow: 0 7px 14px rgba(0, 0, 0, 0.0125), 0 3px 3px rgba(0, 0, 0, 0.012)
}

.tag-groups .tagListing li:hover:not(.caption) span {
	-webkit-transform: scale(1.15);
	transform: scale(1.15)
}

.tag-groups .tagListing.list-view-filter li {
	border-radius: 0;
	margin: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 7px 5px 7px 15px
}

.tag-groups .tagListing.list-view-filter li span {
	top: auto;
	position: relative;
	margin-left: auto;
	margin-right: 35px
}

.rcdfound {
	display: block;
	font-weight: 600;
	text-align: center
}

.mobi-menu {
	display: none
}

@media screen and (max-width: 767px) {
	.mobi-menu {
		display: block;
		min-width: 28px;
		line-height: normal;
		padding: 2px 7px 0 7px;
		font-size: 16px;
		color: #5568e5
	}
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
	.mobi-menu {
		display: block;
		min-width: 28px;
		line-height: normal;
		padding: 6px 7px 0 7px;
		font-size: 16px;
		color: #5568e5
	}
}

.float-left {
	float: left
}

.float-right {
	float: right
}

.breadcrumb {
	list-style: none;
	margin: 10px 0 10px 0;
	padding: 0
}

@media screen and (max-width: 767px) {
	.breadcrumb {
		margin: 5px 0 5px 0
	}
}

.breadcrumb li {
	position: relative;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.05em;
	margin: 0 20px 0 0
}

@media screen and (max-width: 767px) {
	.breadcrumb li {
		margin-right: 10px
	}
}

.breadcrumb li a {
	color: #9f9f9f
}

.breadcrumb li::after {
	position: absolute;
	right: -12px;
	top: 2px;
	content: "/";
	font-size: 8px;
	color: #9f9f9f
}

@media screen and (max-width: 767px) {
	.breadcrumb li::after {
		right: -9px
	}
}

.breadcrumb li:last-child {
	color: #131313
}

.breadcrumb li:last-child::after {
	display: none
}

.page-title {
	display: block;
	clear: both;
	margin: 0 0 0 0
}

.page-title h1 {
	font-size: 26px;
	font-family: "poppins";
	font-weight: 400;
	margin: 0 0 15px 0;
	line-height: 20px;
	position: relative
}

@media screen and (max-width: 767px) {
	.page-title h1 {
		font-size: 16px
	}
}
.news-boradcast h1,
.page-title h1 span {
	font-weight: 500;
	/* font-family: "Open Sans"; */
	color: #FF5722;
	font-size:26px;
}

.page-title h1 .rules {
	position: absolute;
	right: 15px;
	top: 0;
	font-size: 13px
}

@media screen and (max-width: 767px) {
	.page-title h1 .rules {
		position: relative;
		font-size: 11px;
		float: right;
		width: 100%;
		right: auto;
		left: auto;
		text-align: right
	}
}

.page-title h1 .rules .rule-toggle {
	cursor: pointer;
	line-height: 28px;
	display: inline-block
}

.page-title h1 .rules .rule-toggle i {
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	margin-left: 3px;
	font-size: 10px
}

.page-title h1 .rules .rule-toggle.active i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.page-title h1 .rules .rules-list {
	display: none;
	position: absolute;
	right: 0;
	top: 29px;
	background: #fff;
	border-radius: 3px;
	z-index: 4;
	width: 350px;
	padding: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 1px 100px rgba(0, 0, 0, 0.06), 0 1px 6px rgba(0, 0, 0, 0.14);
	box-shadow: 0 1px 100px rgba(0, 0, 0, 0.06), 0 1px 6px rgba(0, 0, 0, 0.14)
}

.page-title h1 .rules .rules-list ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.page-title h1 .rules .rules-list ul li a {
	padding: 10px 15px 5px 10px;
	position: relative;
	display: block;
	color: #545454;
	border-bottom: 1px dotted #eee;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.page-title h1 .rules .rules-list ul li a .fa-caret-right {
	font-size: 9px;
	margin-right: 4px
}

.page-title h1 .rules .rules-list ul li a .fa-file-pdf {
	color: #5568e5;
	position: absolute;
	right: 10px;
	top: 12px
}

.page-title h1 .rules .rules-list ul li a:hover {
	background: #fbfbfb;
	color: #9789d1
}

.page-title h1 .rules .rules-list ul li:last-child a {
	border: 0
}

@media screen and (max-width: 767px) {
	.page-title h1 .rules .rules-list {
		text-align: left
	}
}

.h2 {
	font-weight: 500;
	background-color: #fff;
	/* font-family: "Open Sans"; */
	margin: 0 0 10px 0;
	font-size: 22px;
	line-height: 36px;
	border-radius: 4px 4px 0 0;
	color: #5568e5;
	padding: 5px 0 2px 15px;
	-webkit-box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1)
}

.h2.marketh2 {
	padding: 5px 0 5px 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.width-70 {
	width: 70%
}

.marketBanner {
	margin: 10px 0 10px 0;
	float: left;
	width: 100%
}

.marketBanner .small-banner {
	border-radius: 4px;
	float: left;
	width: 37%;
	max-height: 215px;
	overflow: hidden;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3)
}

.marketBanner .small-banner .item img {
	width: 100%;
	max-height: 100%;
	max-width: 100%
}

@media screen and (max-width: 767px) {
	.marketBanner .small-banner {
		display: none
	}
}

.marketBanner .Banner {
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	float: left;
	width: 75%
}

.marketBanner .Banner.full {
	width: 100%
}

.marketBanner .Banner .item {
	border-radius: 5px;
	overflow: hidden
}

.marketBanner .Banner .owl-nav {
	position: absolute;
	bottom: 0;
	width: 100%
}

.marketBanner .Banner .owl-nav button {
	bottom: 100px;
	position: absolute
}

.marketBanner .Banner .owl-nav button span {
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.8);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.8);
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	border-radius: 50%
}

.marketBanner .Banner .owl-nav button.owl-next {
	right: -20px
}

.marketBanner .Banner .owl-nav button.owl-next span {
	background: #5568e5
}

.marketBanner .Banner .owl-nav button.owl-prev {
	left: -20px
}

.marketBanner .Banner .owl-nav button.owl-prev span {
	background: #333
}

.marketBanner .Banner .owl-nav button:hover {
	background: none
}

@media screen and (max-width: 767px) {
	.marketBanner .Banner {
		display: none !important
	}
}

.marketBanner .mini-cart {
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	margin-left: 25px;
	float: right;
	width: calc(25% - 25px)
}

.marketBanner .mini-cart .total {
	text-align: left;
	width: 100%;
	background: #fff;
	border-radius: 0px
}

.marketBanner .mini-cart .total .title {
	border-radius: 5px 5px 0 0;
	padding: 0 10px;
	line-height: 32px;
	display: block;
	background: #ddd;
	position: relative
}

.marketBanner .mini-cart .total .title span {
	position: absolute;
	right: 10px
}

.marketBanner .mini-cart .total .title span a {
	/* font-family: "Open Sans"; */
	color: #333
}

.marketBanner .mini-cart .total .mini-body {
	padding: 10px;
	height: 150px;
	overflow-y: auto;
	margin: 0 0 5px 0
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.marketBanner .mini-cart .total .mini-body {
		height: 90px
	}
}

.marketBanner .mini-cart .total .mini-body p {
	margin: 0 0 5px 0;
	padding: 3px 0;
	border-bottom: 1px dotted #eee
}

.marketBanner .mini-cart .total .mini-body p:last-child {
	border: 0
}

.marketBanner .mini-cart .total .mini-body p a {
	position: relative;
	display: block;
	margin: 0 0 0 0;
	line-height: 1
}

.marketBanner .mini-cart .total .mini-body p a .fa-times {
	position: absolute;
	right: 0px;
	top: 0px;
	color: red;
	font-size: 9px
}

.marketBanner .mini-cart .total .mini-body p span {
	line-height: 16px;
	font-size: 11px;
	display: block
}

.marketBanner .mini-cart .total .mini-body::-webkit-scrollbar {
	width: 6px
}

.marketBanner .mini-cart .total .mini-body::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.marketBanner .mini-cart .total .mini-body::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.marketBanner .mini-cart .total .checkout {
	background: #5568e5;
	color: #fff;
	text-align: center;
	border-radius: 0 0 5px 5px;
	line-height: 28px
}

.marketBanner .mini-cart .total .checkout a {
	display: block;
	color: #fff
}

.marketBanner .mini-cart .total .checkout a i {
	margin: 0 0 0 10px;
	font-size: 10px
}

@media screen and (max-width: 767px) {
	.marketBanner .mini-cart {
		width: 100%;
		float: none;
		margin: 0
	}
}

.checkbox.circle input[type="radio"]:checked+label::before,
.checkbox.circle input[type="checkbox"]:checked+label::before {
	border-radius: 0 !important
}

.checkbox.circle label::before {
	border-radius: 50% !important
}

.checkbox .caption {
	display: inline-block;
	min-width: 50px
}

.checkbox input[type="radio"],
.checkbox input[type="checkbox"] {
	display: none
}

.checkbox input[type="radio"]+label,
.checkbox input[type="checkbox"]+label {
	margin-right: 20px;
	position: relative;
	padding-left: 20px;
	color: #8a8a8a;
	cursor: pointer
}

.checkbox input[type="radio"]+label:before,
.checkbox input[type="checkbox"]+label:before {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #8a8a8a;
	position: absolute;
	left: 0;
	top: 1px;
	opacity: 1;
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s
}

.checkbox input[type="radio"]:checked+label,
.checkbox input[type="checkbox"]:checked+label {
	color: #5568e5
}

.checkbox input[type="radio"]:checked+label:before,
.checkbox input[type="checkbox"]:checked+label:before {
	width: 10px;
	top: -2px;
	left: 3px;
	border-radius: 0;
	border-color: #5568e5;
	opacity: 1;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg)
}

.blocker {
	z-index: 12 !important
}

.modal a.close-modal {
	background-image: url(../images/modal-close.png) !important;
	border-radius: 50% !important;
	height: 25px !important;
	width: 25px !important
}

.modal {
	padding: 15px !important
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.modal#update .ss-box {
		-webkit-box-flex: calc(33% - 20px);
		-ms-flex: calc(33% - 20px);
		flex: calc(33% - 20px)
	}
}

@media screen and (max-width: 767px) {
	.modal#submitpdf .modal-body {
		overflow: auto
	}

	.modal#submitpdf .modal-body>div {
		min-width: 767px
	}

	.modal#update .ss-box {
		-webkit-box-flex: 100%;
		-ms-flex: 100%;
		flex: 100%
	}
}

.modal.medium {
	width: 100% !important;
	max-width: 900px !important
}

.modal.large {
	width: 100% !important;
	max-width: 1200px !important
}

.modal.large .modal-body {
	min-height: 300px
}

.modal.width400 {
	width: 100% !important;
	max-width: 400px !important
}

.modal.width400 .modal-body {
	min-height: 300px
}

.modal.width400 .modal-body .right {
	width: 100% !important
}

.modal.PDF-large {
	width: 90% !important;
	max-width: 1400px !important
}

.modal.PDF-large .modal-body {
	min-height: 300px
}

.modal.xxl-large {
	width: 90% !important;
	max-width: 1480px !important
}

.modal.xxl-large .modal-body {
	min-height: 300px
}

.modal .modal-header {
	/* font-family: "Open Sans"; */
	color: #5568e5;
	font-size: 18px;
	border-bottom: 1px solid #eee;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0
}

.modal .modal-body .client-table {
	margin-bottom: 20px;
	max-height: 58vh;
	overflow: auto
}

.modal .modal-body .client-table::-webkit-scrollbar {
	width: 8px
}

.modal .modal-body .client-table::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 9px
}

.modal .modal-body .client-table::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #545454;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)
}

.modal .modal-body .client-table table th,
.modal .modal-body .client-table table td {
	font-size: 12px;
	padding: 7px 5px;
	color: #333
}

.modal .modal-body .client-table table .id {
	color: #5568e5
}

.modal .modal-body .client-table table .id .select2-container--default .select2-selection--single {
	border: 1px solid #e5e5e5
}

.modal .modal-body .client-table table .delete {
	color: red
}

.modal .modal-body .client-table table tbody tr:nth-child(odd) {
	background: #fbfbfb
}

.modal .modal-body .modal-tabs {
	overflow: hidden;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0
}

.modal .modal-body .modal-tabs li {
	display: inline-block
}

.modal .modal-body .modal-tabs li a {
	margin: 0 15px 0 0;
	border-radius: 5px;
	background: #eee;
	color: #333;
	font-size: 12px;
	display: block;
	line-height: 32px;
	padding: 0 15px
}

.modal .modal-body .modal-tabs li a.activelink {
	background: #5568e5;
	color: #fff
}

.modal .modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.modal .modal-footer .left {
	margin-right: auto
}

.modal .modal-footer .right {
	margin-left: auto
}

.hide {
	display: none
}

.actions {
	clear: both;
	margin: 0 0 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.actions .left {
	margin-right: auto
}

.actions .rightBtn,
.actions .right {
	margin-left: auto
}

.actions.uppercase a {
	text-transform: uppercase
}

.fancy-upload .dropzone {
	border: 1px solid #efeaea;
	-webkit-box-shadow: 0 2px 0px 0px #efeaea;
	box-shadow: 0 2px 0px 0px #efeaea;
	border-radius: 4px;
	padding: 10px;
	min-height: 120px;
	max-height: 110px
}

.fancy-upload .dropzone .dz-preview {
	margin: 0
}

.clear {
	clear: both
}

.add-more-contact {
	position: absolute;
	right: 0;
	display: inline-block;
	text-transform: none;
	font-size: 10px;
	border-radius: 3px;
	padding: 1px 5px 1px 5px;
	background: #5568e5;
	color: #fff
}

.add-more-contact i {
	font-size: 8px
}

.inventory-main h3 {
	text-align: center;
	font-size: 14px
}

.inventory-main .col {
	margin-bottom: 20px
}

.inventory-main .client-table th {
	font-size: 11px
}

.inventory-main .client-table td {
	font-size: 12px
}

@media screen and (max-width: 767px) {
	.inventory-main.two .col {
		width: 100%
	}
}

.item-include {
	max-height: 300px;
	overflow-y: auto
}

.item-include::-webkit-scrollbar {
	width: 12px;
	height: 12px
}

.item-include::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #eee;
	box-shadow: inset 0 0 6px #eee
}

.item-include::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #5568e5;
	-webkit-box-shadow: inset 0 0 6px #5568e5;
	box-shadow: inset 0 0 6px #5568e5
}

.inv-fixed-scroll {
	max-height: 33vh;
	overflow-y: auto
}

.inv-fixed-scroll::-webkit-scrollbar {
	width: 12px;
	height: 12px
}

.inv-fixed-scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #eee;
	box-shadow: inset 0 0 6px #eee
}

.inv-fixed-scroll::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #5568e5;
	-webkit-box-shadow: inset 0 0 6px #5568e5;
	box-shadow: inset 0 0 6px #5568e5
}

.MainUpload {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.MainUpload .item-upload-csv {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.MainUpload .or {
	font-size: 18px;
	color: #ccc;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin: 0 50px 20px 50px
}

.item-upload-csv {
	background: transparent url(../images/item-upload-csv.png) 50% 10px no-repeat;
	display: block;
	border-radius: 5px;
	border: 2px dashed #c5c5c5;
	padding: 175px 15px 15px 15px;
	text-align: center;
	/* font-family: "Open Sans"; */
	color: #9e9e9e;
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

.item-upload-csv.itmCnt {
	padding-top: 45px;
	background-image: none;
	color: #333;
	border-color: #ededed;
	min-height: 190px
}

.item-upload-csv.itmCnt .capt {
	line-height: 42px
}

.item-upload-csv.itmCnt.XYZ {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding-top: 40px
}

.item-upload-csv.itmCnt .ABC {
	width: 650px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.item-upload-csv.itmCnt .ABC .AA {
	min-width: 190px;
	width: 190px
}

.item-upload-csv.itmCnt .ABC .AB {
	width: calc(100% - 190px)
}

.item-upload-csv .select2-selection__rendered {
	text-align: left
}

.item-upload-csv .title {
	border-radius: 5px 0 5px 0;
	position: absolute;
	left: -1px;
	top: -1px;
	background: #5568e5;
	color: #fff;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.1em;
	padding: 2px 7px
}

.item-upload-csv i {
	font-size: 10px;
	margin: 0 5px 0 0
}

.item-upload-csv .sample {
	position: absolute;
	/* font-family: "Open Sans"; */
	right: 15px;
	font-size: 12px;
	top: 15px;
	border-radius: 15px;
	padding: 7px 20px 5px 20px;
	color: #c5c5c2;
	border: 1px solid #c5c5c2
}

.item-upload-csv:hover {
	border: 2px dashed #5568e5;
	-webkit-box-shadow: 5px -3px 14px 4px #ededed;
	box-shadow: 5px -3px 14px 4px #ededed
}

.db.item-dashboard {
	min-height: 400px
}

.db.item-dashboard .project-estimate {
	background: #fff url(../images/project-estimate.png) bottom right no-repeat
}

.top-nav {
	position: relative;
	z-index: 9;
	border-top: 1px solid #eee;
	list-style: none;
	margin: 0 -20px 10px -20px;
	padding: 0 30px;
	background: #fff;
	-webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1)
}

.top-nav li {
	line-height: 40px;
	padding: 0 0;
	display: inline-block;
	margin: 0 10px;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent
}

.top-nav li:first-child {
	margin-left: 0
}

.top-nav li:last-child {
	margin-right: 0
}

.top-nav li.date {
	letter-spacing: 1px;
	line-height: 1;
	position: absolute;
	right: 40px;
	font-size: 11px;
	top: 58px
}

.top-nav li.date:hover {
	border: 0
}

.top-nav li:hover,
.top-nav li.active {
	border-bottom: 2px solid #5568e5
}

.top-nav li:hover a,
.top-nav li.active a {
	color: #5568e5
}

.top-nav li a {
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #8a8a8a
}

.top-nav li a i {
	font-size: 8px;
	margin: 0 3px 0 0
}

@media screen and (min-width: 1200px) {
	.top-nav {
		display: block !important
	}
}

@media screen and (max-width: 1159px) {
	.top-nav {
		position: absolute;
		z-index: 5;
		background: #fff;
		margin: 0;
		padding: 0
	}

	.top-nav li {
		line-height: 32px;
		margin: 0;
		padding: 0 10px;
		border-bottom: 1px solid #ddd;
		display: block
	}

	.top-nav li a {
		display: block
	}

	.top-nav li.active {
		background: #5568e5;
		color: #fff
	}

	.top-nav li.active a {
		color: inherit
	}

	.top-nav li.date {
		position: relative;
		right: auto;
		top: auto;
		line-height: 32px
	}
}

.notes {
	margin: 0 0 15px 0;
	padding: 15px;
	border: 1px solid #eee;
	background: #fbfbfb;
	border-radius: 4px
}

.one-line {
	white-space: nowrap
}

#LocateData #LocateYes {
	display: none
}

#LocateData.in #LocateYes {
	position: relative;
	top: -4px;
	width: 350px;
	margin-bottom: 0;
	display: inline-block;
	margin-left: 15px
}

#LocateData.in #LocateYes label {
	padding-right: 15px;
	display: inline-block
}

#LocateData.in #LocateYes .input-row {
	display: inline-block;
	width: 200px
}

#frequency.in .c-box .form-row {
	position: relative;
	top: -4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#frequency .c-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#frequency .c-box .form-row {
	display: none;
	margin-bottom: 0;
	margin-left: 15px
}

#contentwriting_main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#contentwriting_main.in .content_writing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#contentwriting_main .content_writing {
	display: none;
	margin-left: 15px
}

#CertifiedWriter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#CertifiedWriter.in .form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 15px;
	margin-top: -5px
}

#CertifiedWriter .form-row {
	display: none
}

#additionalpdf {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#additionalpdf .bttn {
	position: relative;
	top: -5px;
	margin-left: 15px;
	display: inline-block
}

#additionalpdf .form-row {
	margin-left: 15px
}

.max-200 {
	max-width: 200px
}

.max-250 {
	max-width: 250px
}

.max-300 {
	max-width: 300px
}

.max-350 {
	max-width: 350px
}

*:active {
	color: initial
}

.kit-creator .spinner .input-group .group button:first-child {
	min-height: auto
}

.pagination {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0.6rem;
	background: #fefeff;
	margin: 20px 0 20px 0;
	padding: 10px;
	-webkit-box-shadow: 0 0.8rem 2rem rgba(90, 97, 129, 0.05);
	box-shadow: 0 0.8rem 2rem rgba(90, 97, 129, 0.05)
}

.pagination li {
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 5px
}

.pagination li.page__btn {
	font-size: 10px
}

.pagination li.active {
	color: #ffffff;
	background: #5568e5;
	font-weight: 600;
	border: 1px solid #5568e5
}

.pagination li.active a {
	color: inherit
}

.line_circle_tabs {
	margin: 0;
	padding: 0;
	list-style: none
}

.line_circle_tabs li {
	display: inline-block;
	/* font-family: "Open Sans"; */
	font-size: 14px;
	color: #5568e5;
	font-weight: 600;
	margin: 0 10px 0 0;
	border-bottom: 2px solid #f4f4f4 !important;
	min-height: 42px;
	line-height: 42px;
	border-left: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
	position: relative
}

.line_circle_tabs li a {
	padding: 0 25px !important
}

@media screen and (max-width: 767px) {
	.line_circle_tabs li a {
		padding: 0 2px !important;
		font-size: 11px
	}
}

.line_circle_tabs li::after {
	position: absolute;
	content: "";
	right: 0;
	bottom: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #f4f4f4
}

.line_circle_tabs li span {
	display: inline-block;
	margin: 0 10px 0 0
}

.line_circle_tabs li span img {
	width: 30px
}

.line_circle_tabs li.ui-tabs-active {
	border-bottom: 2px solid #9789d1 !important;
	border-radius: 0 !important;
	color: #5568e5;
	background: none !important
}

.line_circle_tabs li.ui-tabs-active a {
	color: inherit !important
}

.line_circle_tabs li.ui-tabs-active::after {
	background: #9789d1
}

.loader-container {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(119, 119, 119, 0.1);
	z-index: 99;
	left: 0;
	top: 0;
	-webkit-animation: loader-bg 2s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
	animation: loader-bg 2s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite
}

.loader-container .loader {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle
}

.loader-container .loader::before {
	position: absolute;
	content: "";
	border: 4px solid #777;
	border-left-color: transparent;
	border-bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
	animation: loader-1-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite
}

.loader-container .loader::after {
	position: absolute;
	content: "";
	border: 4px solid #5568e5;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	border-right: 0;
	border-top-color: transparent;
	-webkit-animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
	animation: loader-1-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite
}

.HALLO {
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.05);
	margin-top: 15px;
	padding: 5px;
	background: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.03em
}

.HALLO i {
	margin: 0 5px;
	font-size: 10px;
	min-width: 10px
}

@media screen and (min-width: 1200px) {
	.HALLO {
		display: none
	}
}

@-webkit-keyframes loader-1-outter {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loader-1-outter {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes loader-1-inner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

@keyframes loader-1-inner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

.companyFilterbar {
	/*    display: -webkit-box;*/
	/*    display: -ms-flexbox;*/
	display: flex;
	font-weight: 500;
	/*    background-color: #dfe2e7;*/
	padding: 10px;
	margin: 20px 0 30px 0;
	box-shadow: none;
	/*    box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1);*/
	border: 1px solid #dfe2e7;
	border-radius: 4px
	background: #ffffff;
}

.companyFilterbar_Text {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 500;
	padding-right: 15px;
	line-height: 35px;
	color: #a9a7a7;
}

.companyFilterbar h2 {
	font-size: 18px;
	font-weight: 600;
	color: #5568e5;
	letter-spacing: 0.3px;
	margin: 0;
	line-height: 32px
}

.companyFilterbar .center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%
}

.companyFilterbar .selectcompany .select2-container {
	width: 300px !important
}

.companyFilterbar .selectcompany .select2-container .select2-selection--single {
	background: #fbfbfb;
	border-radius: 0;
	border-color: #eee;
	height: 38px
}

.companyFilterbar .selectcompany .select2-container .select2-selection__arrow {
	height: 36px
}

.companyFilterbar .selectcompany .select2-container .select2-selection__rendered {
	font-size: 16px;
	line-height: 36px;
	font-weight: 600;
	color: #5568e5
}

.companyFilterbar .companysearch {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 640px) {
	.companyFilterbar .companysearch {
		width: 100%
	}
}

.companyFilterbar .companysearch .cs {
	position: relative;
	width: 300px
}

@media screen and (max-width: 640px) {
	.companyFilterbar .companysearch .cs {
		width: 60%
	}
}

.companyFilterbar .companysearch .cs i {
	position: absolute;
	font-size: 8px;
	left: 10px;
	top: 15px
}

.companyFilterbar .companysearch .cs .foo {
	font-size: 12px;
	font-weight: 600;
	color: #5568e5;
	font-weight: 600;
	width: 100%;
	border: 2px solid #ccc;
	line-height: 34px;
	padding: 0 0 0 25px;
	border-radius: 3px
}

.companyFilterbar .companysearch .sortby {
	width: 180px;
	padding-left: 15px
}

@media screen and (max-width: 640px) {
	.companyFilterbar .companysearch .sortby {
		width: 40%
	}
}

.companyFilterbar .companysearch .sortby .select2 {
	width: 100% !important
}

.companyFilterbar .companysearch .sortby .select2 .select2-selection--single {
	background: #fff;
	border-radius: 0;
	border-width: 2px;
	border-color: #5568e5;
	height: 38px;
	border-radius: 3px;
	text-transform: uppercase
}

.companyFilterbar .companysearch .sortby .select2 .select2-selection__arrow {
	height: 36px
}

.companyFilterbar .companysearch .sortby .select2 .select2-selection__rendered {
	font-size: 11px;
	font-weight: 600;
	color: #999;
	line-height: 32px;
	letter-spacing: 0.5px
}

.companyFilterbar .companysearch .sortby .select2 .select2-selection__rendered i {
	font-size: 10px;
	margin: 0 5px 0 3px
}

.companyFilterbar .dash-bttn {
	top: 0
}

.sortdropdown ul li {
	padding: 2px 6px
}

.sortdropdown ul li span {
	font-size: 11px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 0.5px;
	text-transform: uppercase
}

.sortdropdown ul li span i {
	font-size: 10px;
	margin: 0 5px 0 3px
}

.form-500 {
	max-width: 500px
}

.ff-430 {
	width: 430px
}

.ff-280 {
	width: 280px
}

.ff-350 {
	width: 350px
}

.ff-250 {
	width: 250px
}

.ff-180 {
	width: 180px
}

.repo-h1 a {
	color: inherit
}

.report-download-csv {
	text-align: right
}

.report-download-csv a {
	padding-bottom: 2px;
	color: #a7a7a7;
	border-bottom: 1px dotted #ccc
}

.report-download-csv a:hover {
	color: #5568e5
}

.pod-data-gridContent {
	overflow: auto;
	max-height: calc(100vh - 330px);
	border: 1px dotted rgba(119, 119, 119, 0.1)
}

.pod-data-gridContent.none {
	overflow: initial;
	max-height: none
}

@media screen and (max-width: 1024px) {
	.pod-data-gridContent {
		overflow: initial
	}
}

.pod-data-gridContent::-webkit-scrollbar {
	width: 6px
}

.pod-data-gridContent::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.pod-data-gridContent::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.pod-data-gridContent ul:hover {
	-webkit-box-shadow: 0px 0px 23px 12px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 23px 12px rgba(0, 0, 0, 0.05);
	background: #eee;
	border-color: #fff;
	font-weight: 600;
	border-radius: 10px
}

.pod-data-grid {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.11);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.11);
	border: 1px solid transparent
}

.pod-data-grid:last-child {
	border-radius: 0 0 5px 5px
}

.pod-data-grid i {
	font-size: 10px
}

.pod-data-grid.HD {
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 600;
	font-size: 12px;
	color: #fff;
	background: #5568e5;
	border-radius: 5px 5px 0 0
}

.pod-data-grid.HD li {
	padding: 10px
}

.pod-data-grid .fa-check {
	color: green
}

.pod-data-grid li {
	border-bottom: 1px solid #eee;
	padding: 10px
}

.pod-data-grid li.A {
	width: 8%
}

.pod-data-grid li.AB {
	width: 13%
}

.pod-data-grid li.B {
	width: 15%
}

.pod-data-grid li.C {
	width: 15%
}

.pod-data-grid li.D {
	width: 10%;
	text-align: center
}

.pod-data-grid li.E {
	width: 11%;
	text-align: center
}

.pod-data-grid li.F {
	width: 17%
}

.pod-data-grid li.G {
	width: 8%;
	text-align: center
}

.pod-data-grid li.H {
	width: 8%;
	text-align: center
}

.pod-data-grid li.I {
	width: 8%;
	text-align: center
}

.pod-data-grid li.TEN {
	width: 15%;
	text-align: left
}

@media screen and (max-width: 1025px) {
	.POD-container {
		width: 100%;
		overflow-x: auto
	}
}

.POD-container .pod-data-grid {
	position: relative
}

@media screen and (max-width: 1025px) {
	.POD-container .pod-data-grid {
		min-width: 1480px
	}
}

@media screen and (max-width: 1025px) {
	.POD-container .pod-data-gridContent {
		min-width: 1480px
	}
}

@media screen and (max-width: 767px) {
	.Mobiconvert-2 .col {
		width: 100% !important
	}

	.MobiWrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.MobiWrap .flex-container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.MobiWrap-45 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.MobiWrap-45 .form-row {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		margin-bottom: 5px;
		max-width: none !important
	}

	.MobiWrap-33 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.MobiWrap-33 .form-row {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		margin-bottom: 5px
	}

	.MobiFlex-45 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#PutAway .form-row.inline-row label.w-150 {
		min-width: auto;
		width: auto
	}

	#PutAway .zbinrow {
		padding-right: 25px
	}
}

@media screen and (max-width: 767px) {
	#PutAway .cartoon-size .flex-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	#PutAway .cartoon-size .flex-container .form-row {
		width: auto;
		margin-bottom: 10px;
		margin-right: 0
	}

	#PutAway .cartoon-size .flex-container .form-row .input-row {
		min-width: auto
	}

	#PutAway .cartoon-size .form-row.inline-row label.w-150 {
		min-width: auto;
		white-space: nowrap
	}

	#PutAway .cartoon-size .zbinrow {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	#PutAway .cartoon-size .zbinrow>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		margin-bottom: 5px
	}

	.request-change {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.request-change .col {
		width: 100% !important
	}

	.request-signature {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.request-signature .col {
		width: 100%
	}

	.request-od {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 10px
	}

	.request-od .input-row {
		margin-bottom: 5px
	}
}

.upload-data {
	float: right;
	position: relative;
	z-index: 11;
	top: -10px
}

.upload-data>a {
	-webkit-box-shadow: 1px 3px 7px #ddd;
	box-shadow: 1px 3px 7px #ddd;
	border-radius: 9px;
	padding: 10px 25px;
	border: 2px solid #fff;
	display: inline-block;
	background: #5568e5;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em
}

.upload-data>a i {
	position: relative;
	top: -1px;
	margin-right: 7px;
	font-size: 10px
}

.upload-data>a.in {
	background: #fff;
	color: #5568e5;
	-webkit-box-shadow: 5px 10px 15px #c5c5c2;
	box-shadow: 5px 10px 15px #c5c5c2
}

.upload-data .upload-data-box {
	border-radius: 10px;
	padding: 25px;
	position: absolute;
	right: 0;
	top: 41px;
	width: 450px;
	max-height: 750px;
	background: #fff;
	-webkit-box-shadow: 5px 10px 15px #c5c5c2;
	box-shadow: 5px 10px 15px #c5c5c2
}

.upload-data .upload-data-box .select2-selection__rendered {
	font-weight: 600;
	letter-spacing: 0.07em
}

.upload-data .upload-data-box .row {
	margin-bottom: 20px
}

.upload-data .upload-data-box .row>label {
	padding-bottom: 5px;
	letter-spacing: 0.07em;
	font-weight: 600;
	text-transform: uppercase
}

.form {
	width: 100%
}

.file-upload-wrapper {
	position: relative;
	width: 100%;
	height: 40px
}

.file-upload-wrapper:after {
	content: attr(data-text);
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	padding: 10px 15px;
	display: block;
	width: calc(100% - 40px);
	pointer-events: none;
	z-index: 20;
	height: 40px;
	line-height: 20px;
	color: #999;
	border-radius: 5px 10px 10px 5px;
	font-weight: 300;
	border: 1px solid #fff;
	background: #e9e9e9;
	font-weight: 500;
	letter-spacing: 0.03em
}

.file-upload-wrapper:before {
	content: 'Upload';
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	height: 40px;
	background: #5568e5;
	color: #fff;
	font-weight: 700;
	z-index: 25;
	letter-spacing: 0.03em;
	font-size: 13px;
	line-height: 40px;
	padding: 0 15px;
	text-transform: uppercase;
	pointer-events: none;
	border-radius: 0 5px 5px 0
}

.file-upload-wrapper:hover:before {
	background: #5568e5
}

.file-upload-wrapper input {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
	width: 100%
}

.fundDataContainer {
	border: 1px solid #e2e2e2;
	border-radius: 5px
}

.fundDataList .fundData:last-child {
	border-bottom: 0
}

.fundData {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border: 1px solid transparent;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	-webkit-box-shadow: -6px -6px 20px rgba(255, 255, 255, 0.1), 6px 6px 20px rgba(0, 0, 0, 0.01);
	box-shadow: -6px -6px 20px rgba(255, 255, 255, 0.1), 6px 6px 20px rgba(0, 0, 0, 0.01);
	font-size: 12px
}

.fundData:not(.head):nth-child(odd) {
	background: #f6f6f6
}

.fundData:hover:not(.head) {
	position: relative;
	z-index: 3;
	background-color: #ece8f8;
	-webkit-box-shadow: -10px -10px 30px #FFF, 10px 10px 30px #AEAEC040;
	box-shadow: -10px -10px 30px #FFF, 10px 10px 30px #AEAEC040;
	color: #5568e5
}

.fundData:hover:not(.head) .preview-Pdf {
	background-color: #5568e5;
	color: #fff
}

.fundData.head {
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	background-color: #e2e2e2;
	color: #848484;
	position: relative;
	z-index: 5
}

.fundData .long-arrow {
	font-size: 16px
}

.fundData .fscount {
	list-style: none;
	margin: 0;
	padding: 0
}

.fundData .fscount li {
	display: inline-block;
	position: relative
}

.fundData .fscount li:hover {
	cursor: pointer;
	background: #e8e9ec
}

.fundData .fscount li:hover>ul {
	display: block
}

.fundData .fscount li span {
	-webkit-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
	text-transform: uppercase;
	padding: 2px 15px 3px 15px;
	border-radius: 5px;
	background-color: #ccc;
	color: #333;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em
}

.fundData .fscount li span i {
	margin-left: 4px
}

.fundData .fscount li ul {
	border-top: 2px solid #fff;
	border-radius: 5px;
	width: 100%;
	z-index: 9;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	background-color: #ccc;
	color: #333;
	left: 0;
	-webkit-box-shadow: 2px 6px 11px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 2px 6px 11px 1px rgba(0, 0, 0, 0.25);
	top: 18px
}

.fundData .fscount li ul li {
	-webkit-transition: all 400ms ease-in;
	transition: all 400ms ease-in;
	padding: 4px 15px 6px 15px;
	display: block;
	border-bottom: 1px solid #fff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em
}

.fundData .fscount li ul li:hover {
	background: #e8e9ec
}

.fundData .preview-Pdf {
	-webkit-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
	text-transform: uppercase;
	padding: 2px 15px 3px 15px;
	border-radius: 5px;
	background-color: #ece8f8;
	color: #5568e5;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em
}

.fundData .preview-Pdf i {
	font-size: 8px;
	margin-right: 5px
}

.fundData>div {
	padding: 10px 15px
}

.fundData>div i {
	font-size: 10px
}

.fundData .box {
	position: relative;
	top: 2px;
	width: 15px
}

.fundData a {
	color: inherit
}

.fundData a:hover {
	text-decoration: underline
}

.fundData .A {
	width: 52%;
	border-radius: 5px 0 0 0;
	letter-spacing: 0.02em;
	font-weight: 600
}

.fundData .A i {
	font-size: 8px;
	margin-right: 5px
}

.fundData .A a {
	color: inherit
}

.fundData .A a:hover {
	text-decoration: underline
}

.fundData .uname {
	width: 25%
}

.fundData .uname img {
	max-width: 18px;
	margin-right: 5px
}

.fundData .xmlname {
	width: 30%
}

.fundData .sourcefile {
	width: 30%
}

.fundData .sourcefile a {
	color: inherit;
	font-weight: 600
}

.fundData .sourcefile a i {
	font-size: 10px;
	margin-right: 5px
}

.fundData .sourcefile a:hover {
	color: inherit !important
}

.fundData .lastupdate {
	width: 15%
}

.fundData .review {
	background: #da5977;
	color: #fff;
	border-radius: 4px;
	padding: 2px 10px 3px 10px;
	font-weight: 700;
	font-size: 10px;
	width: 80px;
	display: inline-block;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .12em
}

.fundData .edit {
	background: #f1d14d;
	border-radius: 4px;
	padding: 2px 10px 3px 10px;
	font-weight: 700;
	font-size: 10px;
	width: 80px;
	display: inline-block;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .12em
}

.fundData .na {
	background: #b9bfdd;
	border-radius: 4px;
	padding: 2px 10px 3px 10px;
	font-weight: 700;
	font-size: 10px;
	width: 80px;
	display: inline-block;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: .12em
}

.fundData .B {
	margin-left: auto;
	width: 12%;
	text-align: center
}

.fundData .C {
	width: 12%;
	text-align: center
}

.fundData .D {
	width: 12%;
	text-align: center
}

.fundData .E {
	width: 12%;
	text-align: center;
	border-radius: 0 5px 0 0
}

.cta .sub {
	display: none
}

.searchDownload {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 15px 0;
	background: #f5f6f9;
	padding: 7px;
	border-radius: 5px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.searchDownload .search {
	font-size: 12px;
	position: relative
}

.searchDownload .search i {
	position: absolute;
	color: #ccc;
	font-size: 10px;
	left: 12px;
	top: 13px
}

.searchDownload .search input {
	width: 350px;
	font-weight: 600;
	border: 1px solid #e8e9ec;
	line-height: 36px;
	height: 36px;
	border-radius: 7px;
	padding: 0 30px
}

.searchDownload .inner {
	margin-left: auto;
	font-size: 12px;
	letter-spacing: 0.02em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.searchDownload .inner>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0;
	position: relative;
	padding: 0
}

.searchDownload .inner>ul .selected-checkbox {
	margin-right: 15px;
	line-height: 36px;
	font-size: 13px;
	font-weight: 600
}

.searchDownload .inner>ul .selected-checkbox a {
	color: inherit
}

.searchDownload .inner>ul .selected-checkbox a i {
	margin-right: 5px;
	font-size: 11px
}

.searchDownload .inner>ul li.cta {
	line-height: 34px;
	width: 120px;
	text-align: center;
	border: 1px solid #e8e9ec;
	border-radius: 7px;
	background-color: #fff
}

.searchDownload .inner>ul li.cta a {
	font-size: 13px;
	font-weight: 600;
	color: inherit;
	display: block;
	position: relative
}

.searchDownload .inner>ul li.cta a i {
	margin-right: 5px
}

.searchDownload .inner>ul li.cta a .dots {
	margin-left: auto;
	position: absolute;
	right: 5px;
	top: 12px;
	opacity: 0.5;
	font-size: 12px
}

.searchDownload .inner>ul li.cta:hover>.sub {
	display: block !important
}

.searchDownload .inner>ul .sub {
	-webkit-box-shadow: 10px 20px 30px #b9b9b9;
	box-shadow: 10px 20px 30px #b9b9b9;
	right: 0;
	border-radius: 5px;
	top: 35px;
	width: 230px;
	position: absolute;
	z-index: 9;
	border: 1px solid #e8e9ec;
	background-color: #FFF;
	padding: 0
}

.searchDownload .inner>ul .sub li {
	position: relative;
	display: block;
	text-align: left;
	padding: 10px 15px;
	border-bottom: 1px solid #eee
}

.searchDownload .inner>ul .sub li:hover {
	background: #f5f6f9
}

.searchDownload .inner>ul .sub li i {
	position: absolute;
	right: 0px;
	top: 15px;
	font-size: 10px;
	color: #c3c2c2
}

.searchDownload .inner>ul .sub li span {
	display: block;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #c3c2c2;
	letter-spacing: 0.09em
}

.searchDownload .inner>ul .sub li a {
	font-size: 12px;
	line-height: 1.5;
	display: block;
	letter-spacing: 0.03em
}

.searchDownload .cstfilter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
	font-size: 11px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.searchDownload .cstfilter .filter {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 15px;
	letter-spacing: .02em
}

.searchDownload .cstfilter .year {
	position: relative;
	border-bottom: 1px dashed #757575;
	overflow: hidden;
	margin-right: 15px
}

.searchDownload .cstfilter .year i {
	position: absolute;
	color: #ccc;
	font-size: 10px;
	left: 3px;
	top: 13px
}

.searchDownload .cstfilter .year input {
	background: transparent;
	width: 136px;
	font-weight: 600;
	border: 0;
	line-height: 34px;
	height: 34px;
	padding: 0 0 0 20px
}

.searchDownload .cstfilter .slot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	border-style: solid;
	border: 1px solid #e8e9ec;
	border-radius: 7px;
	overflow: hidden;
	background: #fff;
	color: #757575;
	font-weight: 600
}

.searchDownload .cstfilter .slot li {
	line-height: 34px;
	padding: 0 15px
}

.searchDownload .cstfilter .slot li:not(:first-child) {
	border-left: 1px solid #e8e9ec
}

.searchDownload .cstfilter .slot li:hover {
	background: #5568e5
}

.searchDownload .cstfilter .slot li:hover a {
	color: #fff
}

.searchDownload .cstfilter .slot li a {
	color: inherit
}

.searchDownload .cstfilter .slot li a.upper {
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase
}

.searchDownload .cstfilter .slot li a.upper i {
	color: #757575;
	top: -1px;
	left: auto;
	margin-right: 4px;
	font-size: 7px;
	position: relative
}

.fstUpload .one {
	color: #c3c2c2;
	font-size: 14px;
	letter-spacing: 0.05em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 35px;
	position: relative;
	padding-top: 30px
}

.fstUpload .one .no {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	font-weight: 600;
	color: #5568e5
}

.fstUpload .one .no span {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin-right: 5px;
	border-radius: 50%;
	font-weight: 700;
	text-align: center;
	background: #5568e5;
	color: #fff
}

.fstUpload .one .drag {
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	border: 2px dashed #e8e8e8;
	padding: 35px 15px 0px 15px;
	min-height: 125px;
	width: 60%;
	text-align: center
}

.fstUpload .one .drag .browse {
	font-size: 18px
}

.fstUpload .one .drag .browse input[type="file"] {
	opacity: 0;
	padding: 10px;
	cursor: pointer;
	position: relative;
	z-index: 2
}

.fstUpload .one .drag .browse span {
	color: #c3c2c2;
	cursor: pointer;
	z-index: 1;
	position: relative;
	top: -35px;
	padding: 10px
}

.fstUpload .one .drag .browse span b {
	font-weight: 600;
	color: #5568e5
}

.fstUpload .one .drag:hover {
	background: #f8f8f8;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05)
}

.fstUpload .one .upload {
	width: 40%
}

.fstUpload .one .upload .files {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #545454;
	padding: 15px;
	font-size: 12px;
	font-weight: 600;
	margin: 0 auto;
	width: 250px;
	height: 161px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
	background-color: #f1f1f1
}

.fstUpload .one .upload .files .delete {
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: auto
}

.fstUpload .one .upload .files .delete b {
	margin-left: auto
}

.fstUpload .one .upload .files .bttn {
	font-size: 12px;
	border-radius: 5px;
	line-height: 16px;
	padding: 5px 10px;
	margin: 15px 0 0 0
}

.fstUpload .one .upload .no-file {
	text-align: center
}

.fstUpload .one .upload .no-file img {
	max-width: 120px
}

.fstUpload .one .upload .no-file span {
	display: block;
	text-align: center
}

.configList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%
}

.configList .configItem {
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	padding: 7px 10px;
	position: relative;
	width: 23.5%;
	margin: 7px;
	-ms-flex-item-align: start;
	align-self: flex-start;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out
}

.configList .configItem:hover {
	background: #fcfcfc;
	-webkit-box-shadow: 0px 1px 5px #d9d9d9;
	box-shadow: 0px 1px 5px #d9d9d9;
	border-color: #afafaf
}

.configList .configItem.on .rw,
.configList .configItem.on .fn {
	display: block
}

.configList .configItem.on .down {
	background: #b9b9b9
}

.configList .configItem.on .down i {
	-webkit-transform: rotate(181deg);
	transform: rotate(181deg);
	color: #e9e9e9
}

.configList .configItem .down {
	position: absolute;
	bottom: -8px;
	left: calc(50% - 15px);
	display: inline-block;
	text-align: center;
	width: 30px;
	height: 8px;
	z-index: 2;
	line-height: 3px;
	border-radius: 0 0 3px 3px;
	background: #e9e9e9
}

.configList .configItem .down i {
	font-size: 12px;
	color: #b9b9b9;
	position: relative;
	top: -2px
}

.configList .configItem .time {
	position: absolute;
	right: 10px;
	top: 8px;
	color: rgba(0, 0, 0, 0.3);
	letter-spacing: 0.06em;
	font-size: 11px;
	font-weight: 600
}

.configList .configItem .fc {
	letter-spacing: 0.02em;
	font-weight: 700
}

.configList .configItem .fc a {
	color: #757575
}

.configList .configItem .fc i {
	font-size: 8px;
	margin-right: 5px
}

.configList .configItem .fn {
	color: rgba(0, 0, 0, 0.5);
	letter-spacing: 0.09em;
	font-weight: 600;
	display: none;
	line-height: 22px;
	margin-top: 3px;
	text-indent: 15px
}

.configList .configItem .rw {
	display: none
}

.configList .configItem .rw a {
	display: inline-block;
	letter-spacing: 0.05em;
	background: #efefef;
	padding: 2px 8px;
	font-size: 11px;
	font-weight: 700;
	color: #9f9f9f;
	border-radius: 3px;
	margin: 7px 0 5px 15px
}

.condetailPage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.condetailPage .column {
	margin: 0 15px;
	width: 32%;
	border: 1px solid #e2e2e2;
	border-radius: 5px
}

.condetailPage .column .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #f5f6f9;
	font-weight: 600;
	padding: 10px
}

.condetailPage .column .title span {
	width: 50%
}

.condetailPage .column p {
	padding: 7px 15px;
	margin: 0 0;
	font-size: 12px;
	font-weight: 600;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.condetailPage .column p:nth-child(odd) {
	background-color: rgba(226, 226, 226, 0.2)
}

.condetailPage .column p:hover input {
	border: 1px solid #afafaf
}

.condetailPage .column p label {
	width: 50%;
	color: rgba(0, 0, 0, 0.5);
	word-break: break-all;
	font-size: 11px
}

.condetailPage .column p textarea,
.condetailPage .column p input {
	border-radius: 3px;
	font-weight: 600;
	overflow: hidden;
	border: 1px solid #e2e2e2;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 30px;
	padding-left: 10px;
	color: rgba(0, 0, 0, 0.7);
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in
}

.add-user {
	display: inline-block;
	border-radius: 4px;
	background: #5568e5;
	color: #fff;
	padding: 2px 10px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase
}

.add-user i {
	font-size: 8px !important;
	position: relative;
	top: 2px;
	color: #fff !important
}

.HRline {
	background: none;
	border-top: 1px dashed #ccc;
	height: 1px;
	margin: 25px 0
}

.kitst {
	background: #c8c8c8;
	letter-spacing: .02em;
	font-size: 11px;
	padding: 2px 10px 2px 10px;
	min-width: 50px;
	display: inline-block;
	font-weight: 600;
	border-radius: 3px;
	line-height: 1
}

.uploadPdf {
	background-color: #5568e5 !important;
	font-size: 11px !important;
	letter-spacing: 0.02em
}

.uploadPdf.dsbl {
	pointer-events: none;
	background-color: #ccc !important
}

.lighttext {
	color: #cacaca
}

.uppdf {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.uppdf .pdfDelete {
	background: #f2f2f2;
	border: 1px solid rgba(255, 0, 0, 0.25);
	position: absolute;
	color: red;
	right: -5px;
	top: -5px;
	text-align: center;
	width: 22px;
	height: 22px;
	border-radius: 50%
}

.uppdf .pdfDelete i {
	margin-right: 0
}

.uppdf .left {
	width: 30%
}

.uppdf .right {
	width: 70%
}

.uppdf .right .item-upload-csv {
	background-size: 25%;
	padding-top: 120px
}

.uppdf .green {
	border: 1px solid green;
	color: green;
	border-radius: 5px;
	padding: 10px;
	background: rgba(0, 128, 0, 0.1)
}

.uppdf .red {
	border: 1px solid red;
	color: red;
	border-radius: 5px;
	padding: 10px;
	background: rgba(255, 0, 0, 0.1)
}

.uppdf .filename {
	font-size: 16px
}

.uppdf .read {
	font-size: 14px;
	font-weight: 600
}

.uppdf .read span {
	line-height: 1.5;
	opacity: 0.4;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.11em;
	display: block
}

.width-100 {
	width: 100%
}

.updfname {
	background: #f8f8f8;
	color: #5449ab;
	position: relative;
	border-radius: 0 0 3px 3px;
	letter-spacing: 0.07em;
	font-weight: 600;
	padding: 5px 8px;
	font-size: 11px;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.updfname .prev {
	margin-right: 8px;
	font-size: 8px;
	font-weight: 600
}

.updfname .prev.right-align {
	margin-left: auto
}

.updfname .lh {
	width: 94%
}

.updfname .rh i {
	font-size: 10px
}

.clrFrame {
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 30px 20px 0px 20px;
	position: relative;
	border: 1px solid #cacaca
}

.clrFrame .tito {
	position: absolute;
	padding: 0 10px;
	left: 20px;
	top: -8px;
	display: inline-block;
	background: #fff;
	border: 0
}

.max-600 {
	max-width: 600px
}

.infotip {
	display: inline-block;
	position: relative
}

.infotip .tip {
	padding: 5px;
	left: 20px;
	top: -15px;
	background: #999;
	color: #fff;
	text-align: left;
	width: 280px;
	padding-left: 15px;
	height: 90px;
	position: absolute;
	z-index: 2;
	line-height: 18px;
	display: none;
	border-radius: 5px
}

.infotip .tip b {
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical
}

.infotip .tip::after {
	border-top: solid transparent 10px;
	border-bottom: solid transparent 10px;
	border-right: solid #999 10px;
	bottom: 50px;
	content: " ";
	height: 0;
	left: 0;
	margin-left: -10px;
	position: absolute;
	width: 0
}

.infotip:hover {
	cursor: pointer
}

.infotip:hover .tip {
	display: block
}

.jitpara {
	margin-left: 0 !important
}

.jitpara .flex-container {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.jitpara .flex-container .form-row {
	width: 30%;
	margin-bottom: 15px;
	margin-left: 0
}

.pdfcontainerModal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.pdfcontainerModal .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 70%
}

.pdfcontainerModal .left.auto {
	width: 100%
}

.pdfcontainerModal .left .pdfBlockPreview,
.pdfcontainerModal .left .pdfBlock {
	height: 75vh;
	width: 100%;
	position: relative
}

.pdfcontainerModal .left .closePreview {
	position: absolute;
	right: -5px;
	top: -15px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: red;
	color: #fff;
	text-align: center
}

.pdfcontainerModal .left iframe {
	height: 100%
}

.pdfcontainerModal .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 15px;
	width: calc(30% - 15px)
}

.pdfcontainerModal .right .selectionContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.pdfcontainerModal .right .selectionContainer .select2-container--default .select2-selection--single .select2-selection__rendered,
.pdfcontainerModal .right .selectionContainer .select2-container--default .select2-selection--single {
	height: 34px;
	line-height: 34px;
	border-radius: 0
}

.pdfcontainerModal .right .selectionContainer .actions {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: auto 0 0 0 !important
}

.pdfcontainerModal .right .selectionContainer .actions button {
	margin: 0 0 0 10px;
	border-radius: 4px;
	text-transform: uppercase;
	line-height: 26px;
	font-size: 11px;
	padding: 0 10px;
	letter-spacing: 0.05em;
	min-width: auto !important
}

.pdfcontainerModal .right .selectionContainer .actions button:disabled {
	background-color: rgba(0, 0, 0, 0.22)
}

.searchAddressContainer {
	font-weight: 700;
	font-size: 14px
}

.addListing.my-address {
	max-height: 650px;
	overflow-y: auto
}

.addListing.my-address .searadd {
	margin: 10px;
	position: relative
}

.addListing.my-address .searadd input {
	width: 100%;
	line-height: 28px;
	padding: 0 25px;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.addListing.my-address .searadd i {
	font-size: 11px;
	position: absolute;
	left: 5px;
	top: 9px;
	opacity: 0.3
}

.addListing.my-address .address-boxes {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.addListing.my-address .address-boxes .box {
	position: relative;
	border-left: 35px solid rgba(0, 0, 0, 0.05) !important;
	background: rgba(0, 0, 0, 0.01) !important;
	border: 0;
	width: 100%;
	padding-left: 15px;
	margin: 0 0 2px 0 !important
}

.addListing.my-address .address-boxes .box .fancy-checkbox {
	margin: 0;
	position: absolute;
	left: -32px;
	top: 30%
}

.addListing.my-address .address-boxes .box .fancy-checkbox label {
	font-size: 0
}

.addListing.my-address .address-boxes .box .checkbox {
	position: absolute;
	left: -25px;
	top: 30%
}

.addListing.my-address .address-boxes .box .checkbox input[type="checkbox"]:checked+label::before {
	border: 1px solid #5568e5;
	-webkit-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
	width: 13px;
	height: 13px;
	border: 1px solid #5568e5;
	transform: rotate(0deg) !important;
	border-radius: 0 !important;
	font-size: 11px;
	left: 0 !important;
	top: 1px !important;
	content: "✔";
	line-height: 12px;
	padding-left: 1px;
	background-color: #5568e5;
	border-color: #5568e5;
	color: #fff
}

.addListing.my-address .address-boxes .box .checkbox input[type="checkbox"]+label::before {
	width: 13px;
	height: 13px;
	border: 1px solid #5568e5;
	-webkit-transform: rotate(0deg) !important;
	transform: rotate(0deg) !important;
	border-radius: 0 !important;
	border-color: #5568e5;
	color: #fff
}

.addListing.my-address .address-boxes .box .checkbox input[type="radio"]:checked+label::before {
	width: 13px !important;
	height: 13px !important;
	background: #5568e5 !important;
	border: 1px solid #5568e5 !important;
	left: 1px;
	top: 1px
}

.addListing.my-address .address-boxes .box .checkbox label {
	font-size: 0
}

.addListing.my-address .address-boxes .box .checkbox label::before {
	border-radius: 50%
}

.addListing.my-address .address-boxes .box .use {
	padding: 0
}

.addListing.my-address .address-boxes .box .details {
	padding: 0
}

.addListing ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.addListing .custom_radio input[type="radio"] {
	display: none
}

.addListing .custom_radio input[type="radio"]+label {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	margin-right: 20px;
	cursor: pointer;
	line-height: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.addListing .custom_radio input[type="radio"]+label:before,
.addListing .custom_radio input[type="radio"]+label:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	text-align: center;
	color: white;
	font-family: Times;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.addListing .custom_radio input[type="radio"]+label:before {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #e5e3e3;
	box-shadow: inset 0 0 0 0.2em white, inset 0 0 0 1em #e5e3e3
}

.addListing .custom_radio input[type="radio"]+label:hover:before {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-box-shadow: inset 0 0 0 0.3em #fff, inset 0 0 0 1em #5568e5;
	box-shadow: inset 0 0 0 0.3em #fff, inset 0 0 0 1em #5568e5
}

.addListing .custom_radio input[type="radio"]:checked+label:before {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-box-shadow: inset 0 0 0 0.2em #fff, inset 0 0 0 1em #5568e5;
	box-shadow: inset 0 0 0 0.2em #fff, inset 0 0 0 1em #5568e5
}

.subcusotmkit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.subcusotmkit .smalThumb {
	display: inline-block;
	max-width: 100px;
	border: 1px solid #f8f8f8;
	border-radius: 3px;
	margin-right: 25px
}

.subcusotmkit .smalThumb img {
	padding: 10px;
	max-width: 100px
}

.subcusotmkit .center {
	margin-right: 25px
}

.subcusotmkit p {
	margin-bottom: 5px
}

.subcusotmkit .foo {
	line-height: 28px;
	border-radius: 4px;
	padding-left: 10px;
	padding-right: 25px;
	width: 190px;
	border: 1px solid #aaa;
	margin-bottom: 5px
}

.subcusotmkit .sqa {
	font-weight: 700;
	margin-bottom: 10px
}

.subcusotmkit .sqa span {
	padding-right: 15px;
	font-weight: 500;
	color: #9c9c9c
}

.subcusotmkit .itemID {
	width: 130px;
	margin-bottom: 10px
}

.subcusotmkit .itemID>span {
	width: 100% !important
}

.itemcheckbox {
	position: relative;
	top: 2px;
	margin-right: 5px
}

.takeaction {
	font-size: 10px;
	font-weight: 500;
	color: #fff !important;
	padding: 3px 10px;
	text-transform: uppercase;
	display: inline-block;
	background: #5568e5;
	border-radius: 3px
}

.takeaction:hover {
	text-decoration: none
}

.selectall {
	position: relative
}

.selectall .sla {
	cursor: pointer;
	font-size: 11px;
	color: #5568e5
}

.selectall .filter {
	font-size: 11px;
	padding: 10px;
	position: absolute;
	left: -10px;
	top: -6px;
	border-radius: 3px;
	z-index: 2;
	background: #fff;
	-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px
}

.selectall .filter .closeme {
	position: absolute;
	right: -10px;
	top: -5px
}

.selectall .filter .or {
	margin: 5px;
	display: block;
	text-align: center;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.25)
}

.selectall .filter .foo {
	width: 100%
}

.selectall .filter input[type="text"] {
	font-size: 11px;
	font-weight: 600;
	border: 1px solid rgba(0, 0, 0, 0.25);
	height: 28px;
	padding-left: 15px;
	line-height: 28px
}

.selectall .filter .date {
	margin: 7px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.selectall .filter .date input {
	width: 120px;
	margin-left: 15px
}

.selectall .filter .take {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 15px
}

.selectall .filter .take select {
	width: 100%
}

.id_datalist {
	font-size: 11px;
	clear: both;
	border: 1px solid #c5c5c2;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.id_datalist div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.id_datalist div.Hd {
	font-weight: 700;
	text-transform: uppercase;
	background-color: #f2f2f2
}

.id_datalist div.Hd span {
	padding: 12px 5px 12px 10px
}

.id_datalist div.da {
	font-size: 12px;
	font-weight: 600
}

.id_datalist div.da .ctcacc {
	margin-left: 15px
}

.id_datalist div.da .ctcacc i {
	-webkit-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	font-size: 14px !important
}

.id_datalist div .chi,
.id_datalist div.daci {
	background: #fff;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.id_datalist div.daci .da.in {
	background: #5449ad;
	color: #fff
}

.id_datalist div.daci .da.in .ctcacc {
	color: #fff
}

.id_datalist div.daci .da.in .ctcacc i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.id_datalist div .chi.in {
	width: 100%;
	max-height: 300px;
	top: 33px;
	overflow: auto;
	position: absolute;
	display: block !important;
	background: #FFF;
	z-index: 9;
	border: 1px solid #c5c5c2;
	-webkit-box-shadow: 0px 7px 14px 4px #ededed;
	box-shadow: 0px 7px 14px 4px #ededed
}

.id_datalist div .chi.in>div:nth-child(even) {
	background: #f3f3f3
}

.id_datalist div .chi.in::-webkit-scrollbar {
	width: 6px
}

.id_datalist div .chi.in::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.id_datalist div .chi.in::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.id_datalist div span {
	padding: 12px 5px 12px 10px;
	text-align: left
}

.id_datalist div span:nth-child(1) {
	width: 100px
}

.id_datalist div span:nth-child(2) {
	width: 90px
}

.id_datalist div span:nth-child(3) {
	width: 80px
}

.id_datalist div span:nth-child(4) {
	width: 90px
}

.id_datalist div span:nth-child(5) {
	width: 80px
}

.id_datalist div span:nth-child(6) {
	width: 140px
}

.id_datalist div span:nth-child(7) {
	width: 70px
}

.viewop {
	padding: 50px;
	z-index: 11;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
	z-index: 99999
}

.viewop .closediv {
	text-align: right;
	display: inline-block;
	padding: 7px;
	position: absolute;
	right: 70px;
	top: 65px;
	color: #fff;
	cursor: pointer
}

.viewop .closediv i {
	font-size: 12px
}

.damain {
	background: #fff;
	border-radius: 3px;
	border: 5px solid #a9a2a2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: calc(100vh - 100px);
	max-height: calc(100vh - 100px);
	overflow: auto;
	-webkit-box-shadow: 1px 0px 50px 15px #c0c0c0;
	box-shadow: 1px 0px 50px 15px #c0c0c0
}

.damain::-webkit-scrollbar {
	width: 6px
}

.damain::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.damain::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.damain .left {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.HH {
	border-bottom: 1px solid #ededed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	font-size: 12px
}

.HH span {
	background: #f9f9f9;
	font-weight: 700;
	text-transform: uppercase;
	color: #333 !important
}

.HH span.A6,
.HH span.A7,
.HH span.A8,
.HH span.A9,
.HH span.A10,
.HH span.A11,
.HH span.NV {
	background-color: #c0c0c0 !important
}

.HH span.full {
	line-height: 26px;
	letter-spacing: 0.02em;
	background: #5568e5;
	color: #fff !important;
	font-weight: 700;
	font-size: 16px
}

.HH span.full .qq {
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
	background: #fff;
	color: #5568e5;
	margin-left: 25px;
	padding: 0 15px;
	letter-spacing: 0.1em
}

.DD {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px
}

.DD span,
.HH span {
	padding: 10px;
	border-bottom: 1px solid #ededed
}

.DD .A1,
.HH .A1 {
	width: 200px;
	color: #5568e5
}

.DD .A1 b,
.HH .A1 b {
	display: inline-block;
	font-weight: 600;
	background: #a9a2a2;
	padding: 3px 4px;
	margin-left: 5px;
	line-height: 13px;
	font-size: 10px;
	color: #fff;
	border-radius: 3px
}

.DD .kit,
.HH .kit {
	width: 150px
}

.DD .avg,
.HH .avg {
	width: 100px
}

.DD .A2,
.HH .A2 {
	width: 80px
}

.DD .A3,
.HH .A3 {
	width: 80px;
	color: #7c7a7a;
	font-weight: 600
}

.DD .A4,
.HH .A4 {
	width: 80px
}

.DD .A5,
.HH .A5 {
	width: 100px
}

.DD .A6,
.HH .A6 {
	color: #5568e5;
	width: 200px;
	border-left: 1px solid #ddd
}

.DD .A6 b,
.HH .A6 b {
	display: inline-block;
	font-weight: 600;
	background: #a9a2a2;
	padding: 3px 4px;
	margin-left: 5px;
	line-height: 13px;
	font-size: 10px;
	color: #fff;
	border-radius: 3px
}

.DD .A7,
.HH .A7 {
	width: 100px
}

.DD .A8,
.HH .A8 {
	width: 80px
}

.DD .A9,
.HH .A9 {
	width: 100px
}

.DD .A10,
.HH .A10 {
	width: 80px
}

.DD .A11,
.HH .A11 {
	width: 350px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 700
}

.DD .A11 b,
.HH .A11 b {
	font-weight: 700;
	font-size: 10px;
	border-radius: 3px;
	border: 1px solid #7c7a7a;
	color: #7c7a7a;
	padding: 2px 4px;
	margin: 0 3px 3px 0;
	display: inline-block
}

.oldnew-search .form-row {
	width: 190px
}

.ctaData {
	display: inline-block;
	border-radius: 3px;
	border: 1px solid orange;
	background-color: orange;
	font-size: 10px;
	line-height: 14px;
	font-weight: 600;
	padding: 3px 7px
}

.idHis {
	position: relative;
	top: -70px;
	width: calc(100% + 30px);
	left: -15px
}

.idHis .cta {
	cursor: pointer;
	background-color: #cacaca;
	display: block;
	padding: 15px;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.1em;
	font-weight: 700;
	border-radius: 4
}

.idHis .cta i {
	font-size: 10px;
	margin-right: 10px
}

.idHis .chi {
	right: 0;
	top: 35px;
	display: block;
	width: 665px;
	max-height: 300px;
	top: 47px;
	overflow: auto;
	position: absolute;
	background: #FFF;
	z-index: 9;
	border: 1px solid #c5c5c2;
	-webkit-box-shadow: 0px 7px 14px 4px #ededed;
	box-shadow: 0px 7px 14px 4px #ededed
}

.idHis .chi::-webkit-scrollbar {
	width: 6px
}

.idHis .chi::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.idHis .chi::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.idHis .chi>div:nth-child(even) {
	background: #f3f3f3
}

.idHis .chi .Hd {
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #5568e5;
	color: #fff
}

.idHis .chi .Hd span {
	padding: 12px 5px 12px 10px
}

.idHis .chi .da {
	font-weight: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.idHis .chi span {
	font-size: 11px;
	padding: 12px 5px 12px 10px;
	text-align: left
}

.idHis .chi span:nth-child(1) {
	width: 100px
}

.idHis .chi span:nth-child(2) {
	width: 90px
}

.idHis .chi span:nth-child(3) {
	width: 80px
}

.idHis .chi span:nth-child(4) {
	width: 90px
}

.idHis .chi span:nth-child(5) {
	width: 80px
}

.idHis .chi span:nth-child(6) {
	width: 140px
}

.idHis .chi span:nth-child(7) {
	width: 70px
}

.cmosearch .search_header {
	margin-bottom: 25px
}

.cmo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.cmo_In {
	min-height: 150px;
	border: 1px solid #eee;
	width: 32%;
	padding: 15px;
	border-radius: 10px;
	margin: 0 1.3% 1.5% 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in
}

.cmo_In.full {
	position: relative;
	width: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.cmo_In.full .ttl {
	left: 180px;
	top: 10px;
	position: absolute;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #9a9a9a
}

.cmo_In.full p {
	text-align: center;
	margin: 22px
}

.cmo_In.full p b {
	color: #5568e5;
	font-size: 22px;
	font-weight: 600
}

.cmo_In.full p label {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase
}

.cmo_In.full p:not(:first-child) {
	position: relative
}

.cmo_In.full p:not(:first-child)::before {
	position: absolute;
	content: "";
	right: -25px;
	top: 0;
	height: 50px;
	border-right: 1px dashed #e2e2e2
}

.cmo_In:hover {
	-webkit-box-shadow: #dfd9d9 0px 6px 12px -6px;
	box-shadow: #dfd9d9 0px 6px 12px -6px
}

.cmo_In .img {
	text-align: center;
	margin: 0 25px 0 0;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	background: #ececec
}

.cmo_In .img img {
	max-width: 40px
}

.cmo_In p {
	margin: 0
}

.cmo_In p b {
	font-weight: 700;
	font-size: 30px;
	display: block;
	letter-spacing: 0.02em;
	margin: 0 0 8px 0
}

.cmo_In p label {
	color: #6b6d71;
	letter-spacing: 0.02em;
	display: block;
	font-size: 12px
}

.uspscheck {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #e8e7e7;
	margin: 5px 10px 0 10px;
	padding-bottom: 5px
}

.uspscheck .fancy-checkbox {
	margin: 0 0 2px 0
}

.uspscheck .fancy-checkbox label::before {
	position: relative;
	top: -3px;
	margin-right: 5px
}

.uspscheck .col-1 {
	width: 25%
}

.boxsize {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 10px 10px 10px 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.boxsize .bsize label b{
	font-weight: 600;
}
.boxsize .bsize {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.boxsize .bsize .caption {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #545454;
	letter-spacing: 1px;
	margin-right: 20px
}
.boxsize > .bsize > .caption b {
	font-weight: 600;
	color:#5568e5;
}
.boxsize .bsize .rowone {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.boxsize .fancy-checkbox {
	margin: 0 25px 0 0
}

.boxsize .fancy-checkbox label::before {
	position: relative;
	top: -3px;
	margin-right: 5px
}

.boxsize .form-row {
	margin: 0 !important
}

.boxsize .bquantity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.newversion {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.newversion .import {
	margin: 0 15px 0 0 !important
}

.newversion .quick-body-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.newversion .preview .bttn {
	margin: 0 !important;
	background: #fff !important;
	border: 1px solid #5568e5 !important;
	color: #5568e5;
	padding: 8px 15px !important
}

.newversion .quick-body-list .import [type="file"]+label {
	padding: 3px 30px
}

.dash-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 767px) {
	.dash-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.dash-content .dash-left {
	width: 70%
}

@media screen and (max-width: 767px) {
	.dash-content .dash-left {
		width: 100% !important
	}
}

.dash-content .dash-left.full {
	width: 100%
}

.dash-content .dash-left.report-dashboard .card-column {
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

.dash-content .dash-left.report-dashboard .card-column .col {
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.dash-content .dash-left.report-dashboard .card-column .card {
	max-width: none;
	margin: 0 15px 15px 0 !important;
	width: calc(25% - 12px)
}

@media screen and (min-width: 1367px) {
	.dash-content .dash-left.report-dashboard .card-column .card:nth-child(4n) {
		margin-right: 0 !important
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.dash-content .dash-left.report-dashboard .card-column .card {
		width: calc(50% - 12px)
	}

	.dash-content .dash-left.report-dashboard .card-column .card:nth-child(2n) {
		margin-right: 0 !important
	}
}

@media screen and (min-width: 991px) and (max-width: 1366px) {
	.dash-content .dash-left.report-dashboard .card-column .card {
		width: calc(33% - 7px)
	}

	.dash-content .dash-left.report-dashboard .card-column .card:nth-child(3n) {
		margin-right: 0 !important
	}
}

.dash-content .dash-left .news-boradcast {
	margin-bottom: 20px;
	overflow: hidden
}

@media screen and (max-width: 767px) {
	.dash-content .dash-left .news-boradcast {
		margin-bottom: 0
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.dash-content .dash-left .news-boradcast {
		margin-right: 20px
	}
}

.dash-content .dash-right {
	width: 30%;
	border-left: 7px solid #b5a3ff
}

.dash-content .dash-right .card-column {
	padding-left: 25px
}

@media screen and (max-width: 767px) {
	.dash-content .dash-right .card-column {
		padding-left: 0
	}
}

@media screen and (max-width: 767px) {
	.dash-content .dash-right {
		width: 100% !important;
		border: 0 !important
	}

	.dash-content .dash-right .col {
		width: 100%
	}

	.dash-content .dash-right .col img {
		max-height: 30px
	}
}

.dash-content .card-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 767px) {
	.dash-content .card-column {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.dash-content .card-column .second {
	margin-left: 25px
}

@media screen and (max-width: 767px) {
	.dash-content .card-column .second {
		margin-left: 0
	}
}

@media screen and (max-width: 767px) {
	.dash-content .card-column .col {
		max-width: 100%;
		min-width: 100%
	}
}

.dash-content .card-column .col .card {
	min-width: 22vw;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	/*    -webkit-box-shadow: 0 6px 12px -6px rgba(107, 107, 107, 0.1);*/
	/*    box-shadow: 0 6px 12px -6px rgba(107, 107, 107, 0.1);*/
	border-radius: 10px;
	background: #fff;
	margin-bottom: 20px;
	-webkit-transition: all .4s ease-in;
	transition: all .4s ease-in;
	border: 1px solid #fbfbfb;
	position: relative;
	padding: 15px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 350px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media screen and (max-width: 767px) {
	.dash-content .card-column .col .card {
		max-width: 100%;
		min-width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.dash-content .card-column .col .card.disable {
	-webkit-box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1)
}

.dash-content .card-column .col .card.disable::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 2;
	border: 1px solid rgba(204, 202, 202, 0.1)
}

.dash-content .card-column .col .card:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-box-shadow: 0 12px 25px -12px rgba(107, 107, 107, 0.5);
	box-shadow: 0 12px 25px -12px rgba(107, 107, 107, 0.5)
}

.dash-content .card-column .col .card h2 {
	white-space: nowrap;
	display: block;
	text-align: center;
	margin: 5px 0 0 0
}

.dash-content .card-column .col .card h2 a {
	color: #333;
	font-weight: 700;
	font-size: 16px
}

@media screen and (max-width: 767px) {
	.dash-content .card-column .col .card {
		max-width: 100%;
		min-width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-bottom: 10px;
		-webkit-box-pack: initial;
		-ms-flex-pack: initial;
		justify-content: initial
	}

	.dash-content .card-column .col .card img {
		margin-right: 10px;
		max-height: 30px
	}

	.dash-content .card-column .col .card h1,
	.dash-content .card-column .col .card h2 {
		font-size: 12px;
		margin: 0
	}

	.dash-content .card-column .col .card h1 a,
	.dash-content .card-column .col .card h2 a {
		font-size: inherit
	}
}

.news-boradcast .prod-msg {
	border-radius: 10px;
	background: #fff;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC) repeat 0 0;
	-webkit-animation: bg-scrolling-reverse .92s infinite;
	animation: bg-scrolling-reverse .92s infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	text-shadow: 1px 1px 0 #c5b8f9;
	padding: 10px;
	width: 600px;
	border: 1px solid #eaeaea;
	-webkit-box-shadow: 0 6px 12px -6px rgba(107, 107, 107, 0.1);
	box-shadow: 0 6px 12px -6px rgba(107, 107, 107, 0.1)
}

@media screen and (max-width: 767px) {
	.news-boradcast .prod-msg {
		width: 100%;
		margin-bottom: 10px
	}

	.news-boradcast .prod-msg h1 {
		font-size: 14px !important
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.news-boradcast .prod-msg {
		width: auto
	}
}

.card img {
	max-width: 100%;
	max-height: 60px
}

.sales-pitch h3 {
	font-weight: 600;
	font-size: 18px
}

@media screen and (max-width: 767px) {
	.sales-pitch h3 {
		font-size: 14px
	}
}

.link-area {
	display: block;
	background: #CCC;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center
}

.link-area a {
	display: block;
	padding: 10px;
	background: #5568e5;
	border-radius: 3px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5)
}

.line {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	display: block;
	background-color: #5568e5;
	bottom: calc(50% - 1px);
	-webkit-animation: line 2000ms;
	animation: line 2000ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
	animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: translateX(0) scaleX(0);
	transform: translateX(0) scaleX(0)
}

.char {
	display: inline-block;
	position: relative;
	-webkit-animation-duration: 2000ms;
	animation-duration: 2000ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-name: kern;
	animation-name: kern;
	-webkit-animation-delay: calc(var(--char-index) * 5ms);
	animation-delay: calc(var(--char-index) * 5ms);
	-webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
	animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
	opacity: 0
}

@-webkit-keyframes line {
	45% {
		-webkit-transform: translateX(0) scaleX(0);
		transform: translateX(0) scaleX(0)
	}

	70% {
		-webkit-transform: translateX(0) scaleX(0.8);
		transform: translateX(0) scaleX(0.8)
	}

	100% {
		-webkit-transform: translateX(100%) scaleX(0);
		transform: translateX(100%) scaleX(0)
	}
}

@keyframes line {
	45% {
		-webkit-transform: translateX(0) scaleX(0);
		transform: translateX(0) scaleX(0)
	}

	70% {
		-webkit-transform: translateX(0) scaleX(0.8);
		transform: translateX(0) scaleX(0.8)
	}

	100% {
		-webkit-transform: translateX(100%) scaleX(0);
		transform: translateX(100%) scaleX(0)
	}
}

@-webkit-keyframes kern {

	0%,
	70% {
		-webkit-transform: translateX(calc((var(--char-index)) * 40px));
		transform: translateX(calc((var(--char-index)) * 40px));
		opacity: 0
	}

	80% {
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		-webkit-animation-timing-function: none;
		animation-timing-function: none
	}
}

@keyframes kern {

	0%,
	70% {
		-webkit-transform: translateX(calc((var(--char-index)) * 40px));
		transform: translateX(calc((var(--char-index)) * 40px));
		opacity: 0
	}

	80% {
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		-webkit-animation-timing-function: none;
		animation-timing-function: none
	}
}

.news-boradcast .prod-msg h1 {
	position: relative;
	color: #5568e5;
	font-size: 18px;
	margin: 0
}

.Mobifilter-parent {
	position: relative
}

.Mobifilter-parent .Mobifilter-nav {
	padding: 2px 5px;
	border-radius: 2px
}

.Mobifilter-parent .Mobifilter-nav.in {
	background: #5568e5;
	color: #fff !important
}

@media screen and (max-width: 991px) {
	.Mobifilter-parent .Mobifilter-panel {
		display: none;
		top: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		border: 1px solid #ccc;
		padding: 7px;
		position: absolute;
		width: 100%;
		background: #fff;
		border-radius: 2px;
		-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
		box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3)
	}

	.Mobifilter-parent .Mobifilter-panel .form-row {
		margin-bottom: 10px;
		min-width: 100%
	}
}

@media screen and (min-width: 1367px) {
	.Mobifilter-parent .Mobifilter-panel {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default !important;
	pointer-events: none
}

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0
}

.ui-menu .ui-menu {
	position: absolute
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px 0.4em
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px
}

.ui-menu-icons {
	position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0
}

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none
}

.ui-button-icon-only {
	width: 2em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap
}

input.ui-button.ui-button-icon-only {
	text-indent: 0
}

.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: 0.4em 1em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
	z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
	padding: 0.4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
	border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
	border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
	width: 75%;
	width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
	-webkit-box-shadow: inset 1px 1px 1px #ccc;
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid
}

.ui-checkboxradio-disabled {
	pointer-events: none
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: 0.2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 0.4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto 0.4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: 0.3em
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: 0.3em 1em 0.5em 0.4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0
}

.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0
}

.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0
}

.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px
}

.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0
}

.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0
}

.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0
}

.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable {
	position: relative
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted #000
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0
}

.ui-selectmenu-open {
	display: block
}

.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	-webkit-filter: inherit;
	filter: inherit
}

.ui-slider-horizontal {
	height: 0.8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -0.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -0.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em
}

.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0
}

.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none
}

.ui-spinner-up {
	top: 0
}

.ui-spinner-down {
	bottom: 0
}

.ui-tabs {
	position: relative;
	padding: 0.2em
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0.2em 0.2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px
}

body .ui-tooltip {
	border-width: 2px
}

.ui-widget {
	font-size: 1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: 1em
}

.ui-widget.ui-widget-content {
	z-index: 11 !important;
	-webkit-box-shadow: 0 12px 25px 12px rgba(16, 39, 112, 0.2);
	box-shadow: 0 12px 25px 12px rgba(16, 39, 112, 0.2);
	border: 0
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff
}

.dialog-semi {
	font-size: 14px;
	font-weight: 600
}

.version {
	padding: 25px
}

.dialog {
	font-weight: 600
}

.dialog a {
	border: 2px solid #5568e5 !important;
	margin-left: 20px;
	margin-right: 15px;
	font-weight: 700;
	max-height: 32px;
	line-height: 29px !important;
	min-width: 80px
}

.dialog a i {
	font-size: 10px;
	margin-right: 3px
}

.ui-widget-header a {
	color: #607d8b
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #fff;
	background: #fff;
	font-weight: normal;
	color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none
}

.ui-visual-focus {
	-webkit-box-shadow: 0 0 3px 1px #5e9ed6;
	box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #5568e5;
	background: #5568e5;
	font-weight: normal;
	color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
	background-image: url("../images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
	background-image: url("../images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
	background-position: 16px 16px
}

.ui-icon-caret-1-n {
	background-position: 0 0
}

.ui-icon-caret-1-ne {
	background-position: -16px 0
}

.ui-icon-caret-1-e {
	background-position: -32px 0
}

.ui-icon-caret-1-se {
	background-position: -48px 0
}

.ui-icon-caret-1-s {
	background-position: -65px 0
}

.ui-icon-caret-1-sw {
	background-position: -80px 0
}

.ui-icon-caret-1-w {
	background-position: -96px 0
}

.ui-icon-caret-1-nw {
	background-position: -112px 0
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-seek-first {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px
}

.ui-widget-overlay {
	background: #aaa;
	opacity: .003;
	filter: Alpha(Opacity=0.3)
}

.ui-widget-shadow {
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666
}

.atac {
	margin-top: 50px
}

.ataccess-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	list-style: none;
	margin: 0;
	padding: 0
}

.ataccess-list#list li {
	position: relative;
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin-bottom: 10px;
	padding-left: 70px;
	height: 65px
}

.ataccess-list#list li:hover .info {
	display: none
}

.ataccess-list#list li .opt {
	width: auto;
	left: 75px;
	top: 25px
}

.ataccess-list#list li .opt a {
	-webkit-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.09);
	box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.09);
	margin-right: 10px
}

.ataccess-list#list li .thumb {
	left: 0;
	position: absolute;
	width: 65px;
	height: 65px;
	padding: 0
}

.ataccess-list#list li .thumb .fa-plus {
	display: none
}

.ataccess-list#list li h2 {
	margin-left: 10px;
	text-indent: 0;
	line-height: 28px;
	bottom: auto;
	left: 70px;
	width: calc(100% - 80px);
	top: 0
}

.ataccess-list#grid.zoon-in-10 li {
	max-width: calc(33.33% - 20px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(33.33% - 20px);
	flex: 0 0 calc(33.33% - 20px)
}

.ataccess-list#grid.zoon-in-10 li .thumb {
	height: 250px
}

.ataccess-list#grid.zoon-in-10 li .thumb>a {
	height: 100%;
	line-height: 250px
}

.ataccess-list#grid.zoon-in-10 li .thumb>a img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.ataccess-list#grid.zoon-in-15 li {
	max-width: calc(50% - 20px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 20px);
	flex: 0 0 calc(50% - 20px)
}

.ataccess-list#grid.zoon-in-15 li .thumb {
	height: 380px
}

.ataccess-list#grid.zoon-in-15 li .thumb>a {
	height: 100%;
	line-height: 380px
}

.ataccess-list#grid.zoon-in-15 li .thumb>a img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.ataccess-list#grid.zoon-in-20 li {
	max-width: calc(100%);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(100%);
	flex: 0 0 calc(100%)
}

.ataccess-list#grid.zoon-in-20 li .thumb {
	height: 550px
}

.ataccess-list#grid.zoon-in-20 li .thumb>a {
	height: 100%;
	line-height: 550px
}

.ataccess-list#grid.zoon-in-20 li .thumb>a img {
	-webkit-transform: scale(1.8);
	transform: scale(1.8)
}

.ataccess-list#grid.zoon-out-10 li {
	max-width: calc(20% - 20px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(20% - 20px);
	flex: 0 0 calc(20% - 20px)
}

.ataccess-list#grid.zoon-out-10 li .thumb {
	height: 120px
}

.ataccess-list#grid.zoon-out-10 li .thumb>a {
	height: 100%;
	line-height: 120px
}

.ataccess-list#grid.zoon-out-15 li {
	max-width: calc(16.66% - 20px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(16.66% - 20px);
	flex: 0 0 calc(16.66% - 20px)
}

.ataccess-list#grid.zoon-out-15 li .thumb {
	height: 90px
}

.ataccess-list#grid.zoon-out-15 li .thumb>a {
	height: 100%;
	line-height: 90px
}

.ataccess-list li {
	padding-bottom: 38px;
	position: relative;
	max-width: calc(25% - 20px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(25% - 20px);
	flex: 0 0 calc(25% - 20px);
	margin: 0 10px 20px 10px;
	border: 1px solid #fbfbfb;
	-webkit-box-shadow: 0 7px 15px rgba(89, 68, 176, 0.08);
	box-shadow: 0 7px 15px rgba(89, 68, 176, 0.08);
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	overflow: hidden;
	background: #fff
}

.ataccess-list li:hover {
	border: 1px solid #f8f8f8;
	-webkit-box-shadow: 0 14px 24px rgba(89, 68, 176, 0.2);
	box-shadow: 0 14px 24px rgba(89, 68, 176, 0.2)
}

.ataccess-list li:hover h2 {
	color: #5568e5
}

.ataccess-list li:hover .thumb .fa-plus {
	font-size: 0px
}

.ataccess-list li .thumb {
	position: relative;
	display: block;
	overflow: hidden;
	height: 150px;
	text-align: center;
	padding: 5px
}

.ataccess-list li .thumb.vc_detail {
	height: auto !important
}

.ataccess-list li .thumb .fa-plus {
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 20px;
	z-index: 1
}

.ataccess-list li .thumb a {
	display: block
}

.ataccess-list li .thumb a img {
	margin: 0 auto;
	display: inline-block;
	max-width: 100%
}

.ataccess-list li .thumb .button {
	width: 100%;
	bottom: 0;
	position: absolute;
	z-index: 2;
	background: rgba(89, 68, 176, 0.8);
	color: #fff;
	padding: 4px 0 2px 0;
	display: block
}

.ataccess-list li .thumb .button span {
	letter-spacing: 1px;
	float: left;
	text-align: center;
	width: 50%;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase
}

.ataccess-list li h2 {
	width: 100%;
	bottom: 0;
	left: 0;
	position: absolute;
	text-indent: 15px;
	display: block;
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 38px;
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #607d8b
}

.ataccess-list li h2 .v_title {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	width: calc(100% - 20px)
}

.ataccess-list li h2 a {
	color: inherit
}

.ataccess-list li h2 i {
	position: absolute;
	font-size: 9px;
	right: 7px;
	top: 12px;
	color: #607d8b
}

.ataccess-list li .opt {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	padding: 4px 5px 2px 5px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: right;
	z-index: 1
}

.ataccess-list li .opt a {
	color: #5568e5;
	font-size: 8px;
	text-align: center;
	line-height: 16px;
	display: inline-block;
	width: 17px;
	height: 17px;
	background: #fff;
	color: inherit;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.29);
	box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.29)
}

.ataccess-list li .info {
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	padding: 15px;
	font-size: 18px
}

.ataccess-list li .info a {
	display: block;
	color: inherit
}

.my-asset-bar {
	border: 1px solid rgba(89, 68, 176, 0.5);
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 5px;
	-webkit-box-shadow: 0 6px 12px -6px rgba(89, 68, 176, 0.1);
	box-shadow: 0 6px 12px -6px rgba(89, 68, 176, 0.1);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 15px auto
}

.my-asset-bar .zoom-bar {
	background: #f5f5f5;
	border-radius: 5px;
	padding: 10px 15px;
	margin: 0 25px 0 0
}

.my-asset-bar .zoom-bar span {
	display: inline-block;
	margin: 0 5px;
	border-radius: 50%;
	background: #fff;
	color: #5568e5;
	width: 20px;
	height: 20px;
	text-align: center;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.my-asset-bar .zoom-bar span i {
	font-size: 8px
}

.my-asset-bar .zoom-bar span:hover {
	cursor: pointer
}

.my-asset-bar .zoom-bar span.zoomOut,
.my-asset-bar .zoom-bar span.zoomIn {
	background: #fff;
	color: #5568e5
}

.my-asset-bar .zoom-bar span.zoomOut.zoon-out-10,
.my-asset-bar .zoom-bar span.zoomOut.zoon-in-10,
.my-asset-bar .zoom-bar span.zoomIn.zoon-out-10,
.my-asset-bar .zoom-bar span.zoomIn.zoon-in-10 {
	color: #fff;
	background: rgba(89, 68, 176, 0.3)
}

.my-asset-bar .zoom-bar span.zoomOut.zoon-in-15,
.my-asset-bar .zoom-bar span.zoomIn.zoon-in-15 {
	color: #fff;
	background: rgba(89, 68, 176, 0.6)
}

.my-asset-bar .zoom-bar span.zoomOut.zoon-out-15,
.my-asset-bar .zoom-bar span.zoomOut.zoon-in-20,
.my-asset-bar .zoom-bar span.zoomIn.zoon-out-15,
.my-asset-bar .zoom-bar span.zoomIn.zoon-in-20 {
	color: #fff;
	background: #5568e5
}

.my-asset-bar .search-button {
	margin-right: 20px
}

.my-asset-bar .search-button .btn {
	border-radius: 5px;
	min-width: 150px
}

.my-asset-bar .search-by {
	position: relative;
	padding: 0 10px
}

.my-asset-bar .search-by .myfoo {
	min-width: 250px;
	border: 0;
	height: 38px;
	padding-left: 25px;
	font-size: 12px
}

.my-asset-bar .search-by .select2-selection {
	height: 38px;
	border: 0
}

.my-asset-bar .search-by .select2-selection .select2-selection__rendered {
	line-height: 38px
}

.my-asset-bar .search-by .select2-selection .select2-selection__arrow {
	height: 38px
}

.my-asset-bar .search-by .select2-selection .select2-selection__arrow b {
	border-color: #5568e5 transparent transparent transparent
}

.my-asset-bar .item-search {
	position: relative;
	padding: 10px 20px 10px 0;
	border-right: 1px solid #eee
}

.my-asset-bar .item-search i {
	position: absolute;
	left: 10px;
	top: 23px;
	line-height: 1;
	color: #5568e5;
	font-size: 9px
}

.my-asset-bar .item-search .myfoo {
	min-width: 250px;
	border: 0;
	height: 38px;
	padding-left: 25px;
	font-size: 14px
}

.my-asset-bar .list-view a {
	display: inline-block;
	margin: 0 10px;
	color: #9e9e9e;
	padding: 5px 7px 2px 7px;
	border-radius: 3px;
	font-size: 10px
}

.my-asset-bar .list-view a.active {
	color: #fff;
	background: #5568e5
}

.my-asset-bar .filter-bar {
	margin: 0 10px;
	position: relative
}

.my-asset-bar .filter-bar .filter-option {
	position: absolute;
	right: 0;
	top: 22px;
	z-index: 2;
	width: 220px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	background: #fff;
	padding: 15px;
	-webkit-box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.1)
}

.my-asset-bar .filter-bar .filter-option .chk-row {
	clear: both;
	display: block;
	margin-bottom: 5px
}

.sub-category-search {
	clear: both;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}

.sub-category-search ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%
}

.sub-category-search ul li {
	margin: 0 10px 0 0;
	display: inline-block;
	background: #eee;
	border-radius: 3px;
	line-height: 32px;
	padding: 0 15px
}

.sub-category-search ul li a {
	color: #333
}

.tabs-stage .sortby {
	margin-left: 10px
}

.tabs-stage .sortby .select2-container {
	margin: 0 0 10px 10px;
	width: 180px !important
}

.my-peso {
	float: right;
	position: relative;
	top: -5px
}

.my-peso a {
	font-size: 12px
}

.my-peso span {
	display: inline-block;
	margin: 0 10px;
	font-size: 12px
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5568e5 !important;
	color: white
}

.at-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.at-detail .left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70%;
	flex: 0 0 70%
}

.at-detail .left .video-tags {
	overflow: hidden;
	clear: both;
	margin-top: 20px
}

.at-detail .left .video-tags span {
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
	background: #f2f2f2;
	padding: 4px 20px 1px 20px;
	line-height: 20px;
	display: inline-block;
	border-radius: 3px
}

.at-detail .left .video-tags span:hover {
	background: #5568e5;
	color: #fff
}

.at-detail .left .video-tags span:hover a {
	color: inherit
}

.at-detail .left .video-tags span a {
	color: #545454
}

.at-detail .left .video-tags span i {
	font-size: 9px;
	margin-right: 5px;
	color: inherit
}

.at-detail .right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	padding: 0 15px
}

.at-detail .right label {
	margin: 0;
	display: block;
	text-transform: uppercase;
	color: #9fa4a9;
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 1
}

.at-detail .right h2 {
	font-size: 14px;
	font-weight: 500
}

.at-detail .right h3 {
	font-size: 16px;
	font-weight: 500
}

.at-detail .right p {
	font-size: 13px
}

.at-detail .right .tags span {
	display: inline-block;
	background: #fbf9f9;
	border-radius: 4px;
	border: 1px solid #ececec;
	padding: 2px 10px 0px 10px;
	margin: 5px 5px 0 0
}

.at-detail .right .star span i {
	font-size: 10px;
	color: #ff9800
}

.at-detail .at-image img {
	max-width: 100%
}

.at-detail .at-pdf {
	min-height: 900px
}

.at-detail .at-pdf object {
	height: 100vh
}

* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	/* color: #353535; */
	background-color: #fff
}

.container {
	max-width: 75rem;
	width: 100%;
	padding: 0 2rem;
	margin: 0 auto
}

.wrapper {
	max-width: 40rem;
	padding: 2rem;
	margin: 4rem auto;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	border-radius: 4px
}

.form-group .input-field {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	display: block;
	width: 100%;
	height: auto;
	padding: 1rem 1.5rem;
	margin-top: 1rem;
	cursor: pointer;
	color: #353535;
	outline: none;
	border: none;
	border-radius: 0.2rem;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.form-group .input-field:focus {
	outline: none
}

.Flexible-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}

.Flexible-container iframe {
	max-width: 100%
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container video,
.Flexible-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.pioneer-asset {
	float: left;
	width: 100%
}

.pioneer-asset .Pioneer-box {
	float: left;
	position: relative;
	-webkit-box-shadow: 2px 0px 9px 2px rgba(12, 12, 12, 0.05);
	box-shadow: 2px 0px 9px 2px rgba(12, 12, 12, 0.05);
	overflow: hidden;
	height: 200px;
	width: calc(25% - 20px);
	margin: 0 20px 20px 0;
	border-width: 1px 1px 5px 1px;
	border-color: rgba(12, 12, 12, 0.06);
	border-bottom-color: rgba(12, 12, 12, 0.2);
	border-style: solid;
	border-radius: 8px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.pioneer-asset .Pioneer-box:hover {
	-webkit-box-shadow: 2px 0px 18px 4px rgba(12, 12, 12, 0.2);
	box-shadow: 2px 0px 18px 4px rgba(12, 12, 12, 0.2);
	border-bottom-color: rgba(12, 12, 12, 0);
	border-color: #fff
}

.pioneer-asset .Pioneer-box:hover img {
	opacity: .9
}

.pioneer-asset .Pioneer-box:hover h2 {
	color: #493992
}

.pioneer-asset .Pioneer-box:nth-child(4n) {
	margin-right: 0
}

.pioneer-asset .Pioneer-box img {
	position: absolute;
	left: 55%;
	top: 30px;
	z-index: 0;
	max-width: 80%;
	-webkit-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
	-webkit-box-shadow: 0px 0 8px 3px rgba(12, 12, 12, 0.13);
	box-shadow: 0px 0 8px 3px rgba(12, 12, 12, 0.13);
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
	border-radius: 10px;
	opacity: .3
}

.pioneer-asset .Pioneer-box .action-bar .download {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #545454;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 10px
}

.pioneer-asset .Pioneer-box .action-bar .detail {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: #878787;
	color: #fff;
	padding: 2px 8px;
	border-radius: 50%;
	font-size: 12px;
	-webkit-box-shadow: 0px 0 8px 3px rgba(12, 12, 12, 0.2);
	box-shadow: 0px 0 8px 3px rgba(12, 12, 12, 0.2)
}

.pioneer-asset .Pioneer-box h4,
.pioneer-asset .Pioneer-box h3 {
	padding-left: 10px;
	font-weight: 600;
	font-size: 12px;
	color: #919191
}

.pioneer-asset .Pioneer-box h4 span,
.pioneer-asset .Pioneer-box h3 span {
	letter-spacing: 1px;
	display: block;
	font-size: 9px;
	font-weight: 500;
	text-transform: uppercase
}

.pioneer-asset .Pioneer-info {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.pioneer-asset .Pioneer-info h2 {
	padding: 5px 10px 0 10px;
	width: 100%;
	background: rgba(12, 12, 12, 0.04);
	height: 35px;
	border-radius: 3px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #7c6cc5
}

.pioneer-asset .Pioneer-info h2 a {
	display: block;
	color: inherit;
	font-weight: 700;
	text-shadow: 3px 3px 15px rgba(12, 12, 12, 0.03)
}

.pioneer-asset .Pioneer-info h4 {
	margin-left: 10px;
	font-size: 10px
}

.pioneer-asset .Pioneer-info h4.inactive {
	font-weight: 700;
	color: #f10202;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 80px;
	border-radius: 3px;
	padding: 2px;
	letter-spacing: 1px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.075)
}

.pioneer-asset .Pioneer-info h4.active {
	font-weight: 700;
	color: #545454;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 80px;
	border-radius: 3px;
	padding: 2px;
	letter-spacing: 1px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.075)
}

.active-status {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 1px;
	background: #5568e5;
	color: #fff;
	padding: 4px 10px;
	border-radius: 3px;
	border: 0
}

.active-status.deactive {
	opacity: 0.3
}

.Pioneer-link {
	color: #5568e5
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

.fa-lg {
	font-size: 1.33333em;
	line-height: .75em;
	vertical-align: -.0667em
}

.fa-xs {
	font-size: .75em
}

.fa-sm {
	font-size: .875em
}

.fa-1x {
	font-size: 1em
}

.fa-2x {
	font-size: 2em
}

.fa-3x {
	font-size: 3em
}

.fa-4x {
	font-size: 4em
}

.fa-5x {
	font-size: 5em
}

.fa-6x {
	font-size: 6em
}

.fa-7x {
	font-size: 7em
}

.fa-8x {
	font-size: 8em
}

.fa-9x {
	font-size: 9em
}

.fa-10x {
	font-size: 10em
}

.fa-fw {
	text-align: center;
	width: 1.25em
}

.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0
}

.fa-ul>li {
	position: relative
}

.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit
}

.fa-border {
	border: .08em solid #eee;
	border-radius: .1em;
	padding: .2em .25em .15em
}

.fa-pull-left {
	float: left
}

.fa-pull-right {
	float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
	margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
	margin-left: .3em
}

.fa-spin {
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite
}

.fa-pulse {
	-webkit-animation: fa-spin 1s steps(8) infinite;
	animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.fa-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.fa-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.fa-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.fa-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.fa-flip-vertical {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
	-webkit-transform: scale(-1);
	transform: scale(-1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
	-webkit-filter: none;
	filter: none
}

.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%
}

.fa-stack-1x {
	line-height: inherit
}

.fa-stack-2x {
	font-size: 2em
}

.fa-inverse {
	color: #fff
}

.fa-500px:before {
	content: "\f26e"
}

.fa-accessible-icon:before {
	content: "\f368"
}

.fa-accusoft:before {
	content: "\f369"
}

.fa-acquisitions-incorporated:before {
	content: "\f6af"
}

.fa-ad:before {
	content: "\f641"
}

.fa-address-book:before {
	content: "\f2b9"
}

.fa-address-card:before {
	content: "\f2bb"
}

.fa-adjust:before {
	content: "\f042"
}

.fa-adn:before {
	content: "\f170"
}

.fa-adobe:before {
	content: "\f778"
}

.fa-adversal:before {
	content: "\f36a"
}

.fa-affiliatetheme:before {
	content: "\f36b"
}

.fa-air-freshener:before {
	content: "\f5d0"
}

.fa-airbnb:before {
	content: "\f834"
}

.fa-algolia:before {
	content: "\f36c"
}

.fa-align-center:before {
	content: "\f037"
}

.fa-align-justify:before {
	content: "\f039"
}

.fa-align-left:before {
	content: "\f036"
}

.fa-align-right:before {
	content: "\f038"
}

.fa-alipay:before {
	content: "\f642"
}

.fa-allergies:before {
	content: "\f461"
}

.fa-amazon:before {
	content: "\f270"
}

.fa-amazon-pay:before {
	content: "\f42c"
}

.fa-ambulance:before {
	content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
	content: "\f2a3"
}

.fa-amilia:before {
	content: "\f36d"
}

.fa-anchor:before {
	content: "\f13d"
}

.fa-android:before {
	content: "\f17b"
}

.fa-angellist:before {
	content: "\f209"
}

.fa-angle-double-down:before {
	content: "\f103"
}

.fa-angle-double-left:before {
	content: "\f100"
}

.fa-angle-double-right:before {
	content: "\f101"
}

.fa-angle-double-up:before {
	content: "\f102"
}

.fa-angle-down:before {
	content: "\f107"
}

.fa-angle-left:before {
	content: "\f104"
}

.fa-angle-right:before {
	content: "\f105"
}

.fa-angle-up:before {
	content: "\f106"
}

.fa-angry:before {
	content: "\f556"
}

.fa-angrycreative:before {
	content: "\f36e"
}

.fa-angular:before {
	content: "\f420"
}

.fa-ankh:before {
	content: "\f644"
}

.fa-app-store:before {
	content: "\f36f"
}

.fa-app-store-ios:before {
	content: "\f370"
}

.fa-apper:before {
	content: "\f371"
}

.fa-apple:before {
	content: "\f179"
}

.fa-apple-alt:before {
	content: "\f5d1"
}

.fa-apple-pay:before {
	content: "\f415"
}

.fa-archive:before {
	content: "\f187"
}

.fa-archway:before {
	content: "\f557"
}

.fa-arrow-alt-circle-down:before {
	content: "\f358"
}

.fa-arrow-alt-circle-left:before {
	content: "\f359"
}

.fa-arrow-alt-circle-right:before {
	content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
	content: "\f35b"
}

.fa-arrow-circle-down:before {
	content: "\f0ab"
}

.fa-arrow-circle-left:before {
	content: "\f0a8"
}

.fa-arrow-circle-right:before {
	content: "\f0a9"
}

.fa-arrow-circle-up:before {
	content: "\f0aa"
}

.fa-arrow-down:before {
	content: "\f063"
}

.fa-arrow-left:before {
	content: "\f060"
}

.fa-arrow-right:before {
	content: "\f061"
}

.fa-arrow-up:before {
	content: "\f062"
}

.fa-arrows-alt:before {
	content: "\f0b2"
}

.fa-arrows-alt-h:before {
	content: "\f337"
}

.fa-arrows-alt-v:before {
	content: "\f338"
}

.fa-artstation:before {
	content: "\f77a"
}

.fa-assistive-listening-systems:before {
	content: "\f2a2"
}

.fa-asterisk:before {
	content: "\f069"
}

.fa-asymmetrik:before {
	content: "\f372"
}

.fa-at:before {
	content: "\f1fa"
}

.fa-atlas:before {
	content: "\f558"
}

.fa-atlassian:before {
	content: "\f77b"
}

.fa-atom:before {
	content: "\f5d2"
}

.fa-audible:before {
	content: "\f373"
}

.fa-audio-description:before {
	content: "\f29e"
}

.fa-autoprefixer:before {
	content: "\f41c"
}

.fa-avianex:before {
	content: "\f374"
}

.fa-aviato:before {
	content: "\f421"
}

.fa-award:before {
	content: "\f559"
}

.fa-aws:before {
	content: "\f375"
}

.fa-baby:before {
	content: "\f77c"
}

.fa-baby-carriage:before {
	content: "\f77d"
}

.fa-backspace:before {
	content: "\f55a"
}

.fa-backward:before {
	content: "\f04a"
}

.fa-bacon:before {
	content: "\f7e5"
}

.fa-bahai:before {
	content: "\f666"
}

.fa-balance-scale:before {
	content: "\f24e"
}

.fa-balance-scale-left:before {
	content: "\f515"
}

.fa-balance-scale-right:before {
	content: "\f516"
}

.fa-ban:before {
	content: "\f05e"
}

.fa-band-aid:before {
	content: "\f462"
}

.fa-bandcamp:before {
	content: "\f2d5"
}

.fa-barcode:before {
	content: "\f02a"
}

.fa-bars:before {
	content: "\f0c9"
}

.fa-baseball-ball:before {
	content: "\f433"
}

.fa-basketball-ball:before {
	content: "\f434"
}

.fa-bath:before {
	content: "\f2cd"
}

.fa-battery-empty:before {
	content: "\f244"
}

.fa-battery-full:before {
	content: "\f240"
}

.fa-battery-half:before {
	content: "\f242"
}

.fa-battery-quarter:before {
	content: "\f243"
}

.fa-battery-three-quarters:before {
	content: "\f241"
}

.fa-battle-net:before {
	content: "\f835"
}

.fa-bed:before {
	content: "\f236"
}

.fa-beer:before {
	content: "\f0fc"
}

.fa-behance:before {
	content: "\f1b4"
}

.fa-behance-square:before {
	content: "\f1b5"
}

.fa-bell:before {
	content: "\f0f3"
}

.fa-bell-slash:before {
	content: "\f1f6"
}

.fa-bezier-curve:before {
	content: "\f55b"
}

.fa-bible:before {
	content: "\f647"
}

.fa-bicycle:before {
	content: "\f206"
}

.fa-biking:before {
	content: "\f84a"
}

.fa-bimobject:before {
	content: "\f378"
}

.fa-binoculars:before {
	content: "\f1e5"
}

.fa-biohazard:before {
	content: "\f780"
}

.fa-birthday-cake:before {
	content: "\f1fd"
}

.fa-bitbucket:before {
	content: "\f171"
}

.fa-bitcoin:before {
	content: "\f379"
}

.fa-bity:before {
	content: "\f37a"
}

.fa-black-tie:before {
	content: "\f27e"
}

.fa-blackberry:before {
	content: "\f37b"
}

.fa-blender:before {
	content: "\f517"
}

.fa-blender-phone:before {
	content: "\f6b6"
}

.fa-blind:before {
	content: "\f29d"
}

.fa-blog:before {
	content: "\f781"
}

.fa-blogger:before {
	content: "\f37c"
}

.fa-blogger-b:before {
	content: "\f37d"
}

.fa-bluetooth:before {
	content: "\f293"
}

.fa-bluetooth-b:before {
	content: "\f294"
}

.fa-bold:before {
	content: "\f032"
}

.fa-bolt:before {
	content: "\f0e7"
}

.fa-bomb:before {
	content: "\f1e2"
}

.fa-bone:before {
	content: "\f5d7"
}

.fa-bong:before {
	content: "\f55c"
}

.fa-book:before {
	content: "\f02d"
}

.fa-book-dead:before {
	content: "\f6b7"
}

.fa-book-medical:before {
	content: "\f7e6"
}

.fa-book-open:before {
	content: "\f518"
}

.fa-book-reader:before {
	content: "\f5da"
}

.fa-bookmark:before {
	content: "\f02e"
}

.fa-bootstrap:before {
	content: "\f836"
}

.fa-border-all:before {
	content: "\f84c"
}

.fa-border-none:before {
	content: "\f850"
}

.fa-border-style:before {
	content: "\f853"
}

.fa-bowling-ball:before {
	content: "\f436"
}

.fa-box:before {
	content: "\f466"
}

.fa-box-open:before {
	content: "\f49e"
}

.fa-box-tissue:before {
	content: "\f95b"
}

.fa-boxes:before {
	content: "\f468"
}

.fa-braille:before {
	content: "\f2a1"
}

.fa-brain:before {
	content: "\f5dc"
}

.fa-bread-slice:before {
	content: "\f7ec"
}

.fa-briefcase:before {
	content: "\f0b1"
}

.fa-briefcase-medical:before {
	content: "\f469"
}

.fa-broadcast-tower:before {
	content: "\f519"
}

.fa-broom:before {
	content: "\f51a"
}

.fa-brush:before {
	content: "\f55d"
}

.fa-btc:before {
	content: "\f15a"
}

.fa-buffer:before {
	content: "\f837"
}

.fa-bug:before {
	content: "\f188"
}

.fa-building:before {
	content: "\f1ad"
}

.fa-bullhorn:before {
	content: "\f0a1"
}

.fa-bullseye:before {
	content: "\f140"
}

.fa-burn:before {
	content: "\f46a"
}

.fa-buromobelexperte:before {
	content: "\f37f"
}

.fa-bus:before {
	content: "\f207"
}

.fa-bus-alt:before {
	content: "\f55e"
}

.fa-business-time:before {
	content: "\f64a"
}

.fa-buy-n-large:before {
	content: "\f8a6"
}

.fa-buysellads:before {
	content: "\f20d"
}

.fa-calculator:before {
	content: "\f1ec"
}

.fa-calendar:before {
	content: "\f133"
}

.fa-calendar-alt:before {
	content: "\f073"
}

.fa-calendar-check:before {
	content: "\f274"
}

.fa-calendar-day:before {
	content: "\f783"
}

.fa-calendar-minus:before {
	content: "\f272"
}

.fa-calendar-plus:before {
	content: "\f271"
}

.fa-calendar-times:before {
	content: "\f273"
}

.fa-calendar-week:before {
	content: "\f784"
}

.fa-camera:before {
	content: "\f030"
}

.fa-camera-retro:before {
	content: "\f083"
}

.fa-campground:before {
	content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
	content: "\f785"
}

.fa-candy-cane:before {
	content: "\f786"
}

.fa-cannabis:before {
	content: "\f55f"
}

.fa-capsules:before {
	content: "\f46b"
}

.fa-car:before {
	content: "\f1b9"
}

.fa-car-alt:before {
	content: "\f5de"
}

.fa-car-battery:before {
	content: "\f5df"
}

.fa-car-crash:before {
	content: "\f5e1"
}

.fa-car-side:before {
	content: "\f5e4"
}

.fa-caravan:before {
	content: "\f8ff"
}

.fa-caret-down:before {
	content: "\f0d7"
}

.fa-caret-left:before {
	content: "\f0d9"
}

.fa-caret-right:before {
	content: "\f0da"
}

.fa-caret-square-down:before {
	content: "\f150"
}

.fa-caret-square-left:before {
	content: "\f191"
}

.fa-caret-square-right:before {
	content: "\f152"
}

.fa-caret-square-up:before {
	content: "\f151"
}

.fa-caret-up:before {
	content: "\f0d8"
}

.fa-carrot:before {
	content: "\f787"
}

.fa-cart-arrow-down:before {
	content: "\f218"
}

.fa-cart-plus:before {
	content: "\f217"
}

.fa-cash-register:before {
	content: "\f788"
}

.fa-cat:before {
	content: "\f6be"
}

.fa-cc-amazon-pay:before {
	content: "\f42d"
}

.fa-cc-amex:before {
	content: "\f1f3"
}

.fa-cc-apple-pay:before {
	content: "\f416"
}

.fa-cc-diners-club:before {
	content: "\f24c"
}

.fa-cc-discover:before {
	content: "\f1f2"
}

.fa-cc-jcb:before {
	content: "\f24b"
}

.fa-cc-mastercard:before {
	content: "\f1f1"
}

.fa-cc-paypal:before {
	content: "\f1f4"
}

.fa-cc-stripe:before {
	content: "\f1f5"
}

.fa-cc-visa:before {
	content: "\f1f0"
}

.fa-centercode:before {
	content: "\f380"
}

.fa-centos:before {
	content: "\f789"
}

.fa-certificate:before {
	content: "\f0a3"
}

.fa-chair:before {
	content: "\f6c0"
}

.fa-chalkboard:before {
	content: "\f51b"
}

.fa-chalkboard-teacher:before {
	content: "\f51c"
}

.fa-charging-station:before {
	content: "\f5e7"
}

.fa-chart-area:before {
	content: "\f1fe"
}

.fa-chart-bar:before {
	content: "\f080"
}

.fa-chart-line:before {
	content: "\f201"
}

.fa-chart-pie:before {
	content: "\f200"
}

.fa-check:before {
	content: "\f00c"
}

.fa-check-circle:before {
	content: "\f058"
}

.fa-check-double:before {
	content: "\f560"
}

.fa-check-square:before {
	content: "\f14a"
}

.fa-cheese:before {
	content: "\f7ef"
}

.fa-chess:before {
	content: "\f439"
}

.fa-chess-bishop:before {
	content: "\f43a"
}

.fa-chess-board:before {
	content: "\f43c"
}

.fa-chess-king:before {
	content: "\f43f"
}

.fa-chess-knight:before {
	content: "\f441"
}

.fa-chess-pawn:before {
	content: "\f443"
}

.fa-chess-queen:before {
	content: "\f445"
}

.fa-chess-rook:before {
	content: "\f447"
}

.fa-chevron-circle-down:before {
	content: "\f13a"
}

.fa-chevron-circle-left:before {
	content: "\f137"
}

.fa-chevron-circle-right:before {
	content: "\f138"
}

.fa-chevron-circle-up:before {
	content: "\f139"
}

.fa-chevron-down:before {
	content: "\f078"
}

.fa-chevron-left:before {
	content: "\f053"
}

.fa-chevron-right:before {
	content: "\f054"
}

.fa-chevron-up:before {
	content: "\f077"
}

.fa-child:before {
	content: "\f1ae"
}

.fa-chrome:before {
	content: "\f268"
}

.fa-chromecast:before {
	content: "\f838"
}

.fa-church:before {
	content: "\f51d"
}

.fa-circle:before {
	content: "\f111"
}

.fa-circle-notch:before {
	content: "\f1ce"
}

.fa-city:before {
	content: "\f64f"
}

.fa-clinic-medical:before {
	content: "\f7f2"
}

.fa-clipboard:before {
	content: "\f328"
}

.fa-clipboard-check:before {
	content: "\f46c"
}

.fa-clipboard-list:before {
	content: "\f46d"
}

.fa-clock:before {
	content: "\f017"
}

.fa-clone:before {
	content: "\f24d"
}

.fa-closed-captioning:before {
	content: "\f20a"
}

.fa-cloud:before {
	content: "\f0c2"
}

.fa-cloud-download-alt:before {
	content: "\f381"
}

.fa-cloud-meatball:before {
	content: "\f73b"
}

.fa-cloud-moon:before {
	content: "\f6c3"
}

.fa-cloud-moon-rain:before {
	content: "\f73c"
}

.fa-cloud-rain:before {
	content: "\f73d"
}

.fa-cloud-showers-heavy:before {
	content: "\f740"
}

.fa-cloud-sun:before {
	content: "\f6c4"
}

.fa-cloud-sun-rain:before {
	content: "\f743"
}

.fa-cloud-upload-alt:before {
	content: "\f382"
}

.fa-cloudscale:before {
	content: "\f383"
}

.fa-cloudsmith:before {
	content: "\f384"
}

.fa-cloudversify:before {
	content: "\f385"
}

.fa-cocktail:before {
	content: "\f561"
}

.fa-code:before {
	content: "\f121"
}

.fa-code-branch:before {
	content: "\f126"
}

.fa-codepen:before {
	content: "\f1cb"
}

.fa-codiepie:before {
	content: "\f284"
}

.fa-coffee:before {
	content: "\f0f4"
}

.fa-cog:before {
	content: "\f013"
}

.fa-cogs:before {
	content: "\f085"
}

.fa-coins:before {
	content: "\f51e"
}

.fa-columns:before {
	content: "\f0db"
}

.fa-comment:before {
	content: "\f075"
}

.fa-comment-alt:before {
	content: "\f27a"
}

.fa-comment-dollar:before {
	content: "\f651"
}

.fa-comment-dots:before {
	content: "\f4ad"
}

.fa-comment-medical:before {
	content: "\f7f5"
}

.fa-comment-slash:before {
	content: "\f4b3"
}

.fa-comments:before {
	content: "\f086"
}

.fa-comments-dollar:before {
	content: "\f653"
}

.fa-compact-disc:before {
	content: "\f51f"
}

.fa-compass:before {
	content: "\f14e"
}

.fa-compress:before {
	content: "\f066"
}

.fa-compress-alt:before {
	content: "\f422"
}

.fa-compress-arrows-alt:before {
	content: "\f78c"
}

.fa-concierge-bell:before {
	content: "\f562"
}

.fa-confluence:before {
	content: "\f78d"
}

.fa-connectdevelop:before {
	content: "\f20e"
}

.fa-contao:before {
	content: "\f26d"
}

.fa-cookie:before {
	content: "\f563"
}

.fa-cookie-bite:before {
	content: "\f564"
}

.fa-copy:before {
	content: "\f0c5"
}

.fa-copyright:before {
	content: "\f1f9"
}

.fa-cotton-bureau:before {
	content: "\f89e"
}

.fa-couch:before {
	content: "\f4b8"
}

.fa-cpanel:before {
	content: "\f388"
}

.fa-creative-commons:before {
	content: "\f25e"
}

.fa-creative-commons-by:before {
	content: "\f4e7"
}

.fa-creative-commons-nc:before {
	content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
	content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
	content: "\f4ea"
}

.fa-creative-commons-nd:before {
	content: "\f4eb"
}

.fa-creative-commons-pd:before {
	content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
	content: "\f4ed"
}

.fa-creative-commons-remix:before {
	content: "\f4ee"
}

.fa-creative-commons-sa:before {
	content: "\f4ef"
}

.fa-creative-commons-sampling:before {
	content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
	content: "\f4f1"
}

.fa-creative-commons-share:before {
	content: "\f4f2"
}

.fa-creative-commons-zero:before {
	content: "\f4f3"
}

.fa-credit-card:before {
	content: "\f09d"
}

.fa-critical-role:before {
	content: "\f6c9"
}

.fa-crop:before {
	content: "\f125"
}

.fa-crop-alt:before {
	content: "\f565"
}

.fa-cross:before {
	content: "\f654"
}

.fa-crosshairs:before {
	content: "\f05b"
}

.fa-crow:before {
	content: "\f520"
}

.fa-crown:before {
	content: "\f521"
}

.fa-crutch:before {
	content: "\f7f7"
}

.fa-css3:before {
	content: "\f13c"
}

.fa-css3-alt:before {
	content: "\f38b"
}

.fa-cube:before {
	content: "\f1b2"
}

.fa-cubes:before {
	content: "\f1b3"
}

.fa-cut:before {
	content: "\f0c4"
}

.fa-cuttlefish:before {
	content: "\f38c"
}

.fa-d-and-d:before {
	content: "\f38d"
}

.fa-d-and-d-beyond:before {
	content: "\f6ca"
}

.fa-dailymotion:before {
	content: "\f952"
}

.fa-dashcube:before {
	content: "\f210"
}

.fa-database:before {
	content: "\f1c0"
}

.fa-deaf:before {
	content: "\f2a4"
}

.fa-delicious:before {
	content: "\f1a5"
}

.fa-democrat:before {
	content: "\f747"
}

.fa-deploydog:before {
	content: "\f38e"
}

.fa-deskpro:before {
	content: "\f38f"
}

.fa-desktop:before {
	content: "\f108"
}

.fa-dev:before {
	content: "\f6cc"
}

.fa-deviantart:before {
	content: "\f1bd"
}

.fa-dharmachakra:before {
	content: "\f655"
}

.fa-dhl:before {
	content: "\f790"
}

.fa-diagnoses:before {
	content: "\f470"
}

.fa-diaspora:before {
	content: "\f791"
}

.fa-dice:before {
	content: "\f522"
}

.fa-dice-d20:before {
	content: "\f6cf"
}

.fa-dice-d6:before {
	content: "\f6d1"
}

.fa-dice-five:before {
	content: "\f523"
}

.fa-dice-four:before {
	content: "\f524"
}

.fa-dice-one:before {
	content: "\f525"
}

.fa-dice-six:before {
	content: "\f526"
}

.fa-dice-three:before {
	content: "\f527"
}

.fa-dice-two:before {
	content: "\f528"
}

.fa-digg:before {
	content: "\f1a6"
}

.fa-digital-ocean:before {
	content: "\f391"
}

.fa-digital-tachograph:before {
	content: "\f566"
}

.fa-directions:before {
	content: "\f5eb"
}

.fa-discord:before {
	content: "\f392"
}

.fa-discourse:before {
	content: "\f393"
}

.fa-disease:before {
	content: "\f7fa"
}

.fa-divide:before {
	content: "\f529"
}

.fa-dizzy:before {
	content: "\f567"
}

.fa-dna:before {
	content: "\f471"
}

.fa-dochub:before {
	content: "\f394"
}

.fa-docker:before {
	content: "\f395"
}

.fa-dog:before {
	content: "\f6d3"
}

.fa-dollar-sign:before {
	content: "\f155"
}

.fa-dolly:before {
	content: "\f472"
}

.fa-dolly-flatbed:before {
	content: "\f474"
}

.fa-donate:before {
	content: "\f4b9"
}

.fa-door-closed:before {
	content: "\f52a"
}

.fa-door-open:before {
	content: "\f52b"
}

.fa-dot-circle:before {
	content: "\f192"
}

.fa-dove:before {
	content: "\f4ba"
}

.fa-download:before {
	content: "\f019"
}

.fa-draft2digital:before {
	content: "\f396"
}

.fa-drafting-compass:before {
	content: "\f568"
}

.fa-dragon:before {
	content: "\f6d5"
}

.fa-draw-polygon:before {
	content: "\f5ee"
}

.fa-dribbble:before {
	content: "\f17d"
}

.fa-dribbble-square:before {
	content: "\f397"
}

.fa-dropbox:before {
	content: "\f16b"
}

.fa-drum:before {
	content: "\f569"
}

.fa-drum-steelpan:before {
	content: "\f56a"
}

.fa-drumstick-bite:before {
	content: "\f6d7"
}

.fa-drupal:before {
	content: "\f1a9"
}

.fa-dumbbell:before {
	content: "\f44b"
}

.fa-dumpster:before {
	content: "\f793"
}

.fa-dumpster-fire:before {
	content: "\f794"
}

.fa-dungeon:before {
	content: "\f6d9"
}

.fa-dyalog:before {
	content: "\f399"
}

.fa-earlybirds:before {
	content: "\f39a"
}

.fa-ebay:before {
	content: "\f4f4"
}

.fa-edge:before {
	content: "\f282"
}

.fa-edit:before {
	content: "\f044"
}

.fa-egg:before {
	content: "\f7fb"
}

.fa-eject:before {
	content: "\f052"
}

.fa-elementor:before {
	content: "\f430"
}

.fa-ellipsis-h:before {
	content: "\f141"
}

.fa-ellipsis-v:before {
	content: "\f142"
}

.fa-ello:before {
	content: "\f5f1"
}

.fa-ember:before {
	content: "\f423"
}

.fa-empire:before {
	content: "\f1d1"
}

.fa-envelope:before {
	content: "\f0e0"
}

.fa-envelope-open:before {
	content: "\f2b6"
}

.fa-envelope-open-text:before {
	content: "\f658"
}

.fa-envelope-square:before {
	content: "\f199"
}

.fa-envira:before {
	content: "\f299"
}

.fa-equals:before {
	content: "\f52c"
}

.fa-eraser:before {
	content: "\f12d"
}

.fa-erlang:before {
	content: "\f39d"
}

.fa-ethereum:before {
	content: "\f42e"
}

.fa-ethernet:before {
	content: "\f796"
}

.fa-etsy:before {
	content: "\f2d7"
}

.fa-euro-sign:before {
	content: "\f153"
}

.fa-evernote:before {
	content: "\f839"
}

.fa-exchange-alt:before {
	content: "\f362"
}

.fa-exclamation:before {
	content: "\f12a"
}

.fa-exclamation-circle:before {
	content: "\f06a"
}

.fa-exclamation-triangle:before {
	content: "\f071"
}

.fa-expand:before {
	content: "\f065"
}

.fa-expand-alt:before {
	content: "\f424"
}

.fa-expand-arrows-alt:before {
	content: "\f31e"
}

.fa-expeditedssl:before {
	content: "\f23e"
}

.fa-external-link-alt:before {
	content: "\f35d"
}

.fa-external-link-square-alt:before {
	content: "\f360"
}

.fa-eye:before {
	content: "\f06e"
}

.fa-eye-dropper:before {
	content: "\f1fb"
}

.fa-eye-slash:before {
	content: "\f070"
}

.fa-facebook:before {
	content: "\f09a"
}

.fa-facebook-f:before {
	content: "\f39e"
}

.fa-facebook-messenger:before {
	content: "\f39f"
}

.fa-facebook-square:before {
	content: "\f082"
}

.fa-fan:before {
	content: "\f863"
}

.fa-fantasy-flight-games:before {
	content: "\f6dc"
}

.fa-fast-backward:before {
	content: "\f049"
}

.fa-fast-forward:before {
	content: "\f050"
}

.fa-faucet:before {
	content: "\f905"
}

.fa-fax:before {
	content: "\f1ac"
}

.fa-feather:before {
	content: "\f52d"
}

.fa-feather-alt:before {
	content: "\f56b"
}

.fa-fedex:before {
	content: "\f797"
}

.fa-fedora:before {
	content: "\f798"
}

.fa-female:before {
	content: "\f182"
}

.fa-fighter-jet:before {
	content: "\f0fb"
}

.fa-figma:before {
	content: "\f799"
}

.fa-file:before {
	content: "\f15b"
}

.fa-file-alt:before {
	content: "\f15c"
}

.fa-file-archive:before {
	content: "\f1c6"
}

.fa-file-audio:before {
	content: "\f1c7"
}

.fa-file-code:before {
	content: "\f1c9"
}

.fa-file-contract:before {
	content: "\f56c"
}

.fa-file-csv:before {
	content: "\f6dd"
}

.fa-file-download:before {
	content: "\f56d"
}

.fa-file-excel:before {
	content: "\f1c3"
}

.fa-file-export:before {
	content: "\f56e"
}

.fa-file-image:before {
	content: "\f1c5"
}

.fa-file-import:before {
	content: "\f56f"
}

.fa-file-invoice:before {
	content: "\f570"
}

.fa-file-invoice-dollar:before {
	content: "\f571"
}

.fa-file-medical:before {
	content: "\f477"
}

.fa-file-medical-alt:before {
	content: "\f478"
}

.fa-file-pdf:before {
	content: "\f1c1"
}

.fa-file-powerpoint:before {
	content: "\f1c4"
}

.fa-file-prescription:before {
	content: "\f572"
}

.fa-file-signature:before {
	content: "\f573"
}

.fa-file-upload:before {
	content: "\f574"
}

.fa-file-video:before {
	content: "\f1c8"
}

.fa-file-word:before {
	content: "\f1c2"
}

.fa-fill:before {
	content: "\f575"
}

.fa-fill-drip:before {
	content: "\f576"
}

.fa-film:before {
	content: "\f008"
}

.fa-filter:before {
	content: "\f0b0"
}

.fa-fingerprint:before {
	content: "\f577"
}

.fa-fire:before {
	content: "\f06d"
}

.fa-fire-alt:before {
	content: "\f7e4"
}

.fa-fire-extinguisher:before {
	content: "\f134"
}

.fa-firefox:before {
	content: "\f269"
}

.fa-firefox-browser:before {
	content: "\f907"
}

.fa-first-aid:before {
	content: "\f479"
}

.fa-first-order:before {
	content: "\f2b0"
}

.fa-first-order-alt:before {
	content: "\f50a"
}

.fa-firstdraft:before {
	content: "\f3a1"
}

.fa-fish:before {
	content: "\f578"
}

.fa-fist-raised:before {
	content: "\f6de"
}

.fa-flag:before {
	content: "\f024"
}

.fa-flag-checkered:before {
	content: "\f11e"
}

.fa-flag-usa:before {
	content: "\f74d"
}

.fa-flask:before {
	content: "\f0c3"
}

.fa-flickr:before {
	content: "\f16e"
}

.fa-flipboard:before {
	content: "\f44d"
}

.fa-flushed:before {
	content: "\f579"
}

.fa-fly:before {
	content: "\f417"
}

.fa-folder:before {
	content: "\f07b"
}

.fa-folder-minus:before {
	content: "\f65d"
}

.fa-folder-open:before {
	content: "\f07c"
}

.fa-folder-plus:before {
	content: "\f65e"
}

.fa-font:before {
	content: "\f031"
}

.fa-font-awesome:before {
	content: "\f2b4"
}

.fa-font-awesome-alt:before {
	content: "\f35c"
}

.fa-font-awesome-flag:before {
	content: "\f425"
}

.fa-font-awesome-logo-full:before {
	content: "\f4e6"
}

.fa-fonticons:before {
	content: "\f280"
}

.fa-fonticons-fi:before {
	content: "\f3a2"
}

.fa-football-ball:before {
	content: "\f44e"
}

.fa-fort-awesome:before {
	content: "\f286"
}

.fa-fort-awesome-alt:before {
	content: "\f3a3"
}

.fa-forumbee:before {
	content: "\f211"
}

.fa-forward:before {
	content: "\f04e"
}

.fa-foursquare:before {
	content: "\f180"
}

.fa-free-code-camp:before {
	content: "\f2c5"
}

.fa-freebsd:before {
	content: "\f3a4"
}

.fa-frog:before {
	content: "\f52e"
}

.fa-frown:before {
	content: "\f119"
}

.fa-frown-open:before {
	content: "\f57a"
}

.fa-fulcrum:before {
	content: "\f50b"
}

.fa-funnel-dollar:before {
	content: "\f662"
}

.fa-futbol:before {
	content: "\f1e3"
}

.fa-galactic-republic:before {
	content: "\f50c"
}

.fa-galactic-senate:before {
	content: "\f50d"
}

.fa-gamepad:before {
	content: "\f11b"
}

.fa-gas-pump:before {
	content: "\f52f"
}

.fa-gavel:before {
	content: "\f0e3"
}

.fa-gem:before {
	content: "\f3a5"
}

.fa-genderless:before {
	content: "\f22d"
}

.fa-get-pocket:before {
	content: "\f265"
}

.fa-gg:before {
	content: "\f260"
}

.fa-gg-circle:before {
	content: "\f261"
}

.fa-ghost:before {
	content: "\f6e2"
}

.fa-gift:before {
	content: "\f06b"
}

.fa-gifts:before {
	content: "\f79c"
}

.fa-git:before {
	content: "\f1d3"
}

.fa-git-alt:before {
	content: "\f841"
}

.fa-git-square:before {
	content: "\f1d2"
}

.fa-github:before {
	content: "\f09b"
}

.fa-github-alt:before {
	content: "\f113"
}

.fa-github-square:before {
	content: "\f092"
}

.fa-gitkraken:before {
	content: "\f3a6"
}

.fa-gitlab:before {
	content: "\f296"
}

.fa-gitter:before {
	content: "\f426"
}

.fa-glass-cheers:before {
	content: "\f79f"
}

.fa-glass-martini:before {
	content: "\f000"
}

.fa-glass-martini-alt:before {
	content: "\f57b"
}

.fa-glass-whiskey:before {
	content: "\f7a0"
}

.fa-glasses:before {
	content: "\f530"
}

.fa-glide:before {
	content: "\f2a5"
}

.fa-glide-g:before {
	content: "\f2a6"
}

.fa-globe:before {
	content: "\f0ac"
}

.fa-globe-africa:before {
	content: "\f57c"
}

.fa-globe-americas:before {
	content: "\f57d"
}

.fa-globe-asia:before {
	content: "\f57e"
}

.fa-globe-europe:before {
	content: "\f7a2"
}

.fa-gofore:before {
	content: "\f3a7"
}

.fa-golf-ball:before {
	content: "\f450"
}

.fa-goodreads:before {
	content: "\f3a8"
}

.fa-goodreads-g:before {
	content: "\f3a9"
}

.fa-google:before {
	content: "\f1a0"
}

.fa-google-drive:before {
	content: "\f3aa"
}

.fa-google-play:before {
	content: "\f3ab"
}

.fa-google-plus:before {
	content: "\f2b3"
}

.fa-google-plus-g:before {
	content: "\f0d5"
}

.fa-google-plus-square:before {
	content: "\f0d4"
}

.fa-google-wallet:before {
	content: "\f1ee"
}

.fa-gopuram:before {
	content: "\f664"
}

.fa-graduation-cap:before {
	content: "\f19d"
}

.fa-gratipay:before {
	content: "\f184"
}

.fa-grav:before {
	content: "\f2d6"
}

.fa-greater-than:before {
	content: "\f531"
}

.fa-greater-than-equal:before {
	content: "\f532"
}

.fa-grimace:before {
	content: "\f57f"
}

.fa-grin:before {
	content: "\f580"
}

.fa-grin-alt:before {
	content: "\f581"
}

.fa-grin-beam:before {
	content: "\f582"
}

.fa-grin-beam-sweat:before {
	content: "\f583"
}

.fa-grin-hearts:before {
	content: "\f584"
}

.fa-grin-squint:before {
	content: "\f585"
}

.fa-grin-squint-tears:before {
	content: "\f586"
}

.fa-grin-stars:before {
	content: "\f587"
}

.fa-grin-tears:before {
	content: "\f588"
}

.fa-grin-tongue:before {
	content: "\f589"
}

.fa-grin-tongue-squint:before {
	content: "\f58a"
}

.fa-grin-tongue-wink:before {
	content: "\f58b"
}

.fa-grin-wink:before {
	content: "\f58c"
}

.fa-grip-horizontal:before {
	content: "\f58d"
}

.fa-grip-lines:before {
	content: "\f7a4"
}

.fa-grip-lines-vertical:before {
	content: "\f7a5"
}

.fa-grip-vertical:before {
	content: "\f58e"
}

.fa-gripfire:before {
	content: "\f3ac"
}

.fa-grunt:before {
	content: "\f3ad"
}

.fa-guitar:before {
	content: "\f7a6"
}

.fa-gulp:before {
	content: "\f3ae"
}

.fa-h-square:before {
	content: "\f0fd"
}

.fa-hacker-news:before {
	content: "\f1d4"
}

.fa-hacker-news-square:before {
	content: "\f3af"
}

.fa-hackerrank:before {
	content: "\f5f7"
}

.fa-hamburger:before {
	content: "\f805"
}

.fa-hammer:before {
	content: "\f6e3"
}

.fa-hamsa:before {
	content: "\f665"
}

.fa-hand-holding:before {
	content: "\f4bd"
}

.fa-hand-holding-heart:before {
	content: "\f4be"
}

.fa-hand-holding-medical:before {
	content: "\f95c"
}

.fa-hand-holding-usd:before {
	content: "\f4c0"
}

.fa-hand-holding-water:before {
	content: "\f4c1"
}

.fa-hand-lizard:before {
	content: "\f258"
}

.fa-hand-middle-finger:before {
	content: "\f806"
}

.fa-hand-paper:before {
	content: "\f256"
}

.fa-hand-peace:before {
	content: "\f25b"
}

.fa-hand-point-down:before {
	content: "\f0a7"
}

.fa-hand-point-left:before {
	content: "\f0a5"
}

.fa-hand-point-right:before {
	content: "\f0a4"
}

.fa-hand-point-up:before {
	content: "\f0a6"
}

.fa-hand-pointer:before {
	content: "\f25a"
}

.fa-hand-rock:before {
	content: "\f255"
}

.fa-hand-scissors:before {
	content: "\f257"
}

.fa-hand-sparkles:before {
	content: "\f95d"
}

.fa-hand-spock:before {
	content: "\f259"
}

.fa-hands:before {
	content: "\f4c2"
}

.fa-hands-helping:before {
	content: "\f4c4"
}

.fa-hands-wash:before {
	content: "\f95e"
}

.fa-handshake:before {
	content: "\f2b5"
}

.fa-handshake-alt-slash:before {
	content: "\f95f"
}

.fa-handshake-slash:before {
	content: "\f960"
}

.fa-hanukiah:before {
	content: "\f6e6"
}

.fa-hard-hat:before {
	content: "\f807"
}

.fa-hashtag:before {
	content: "\f292"
}

.fa-hat-cowboy:before {
	content: "\f8c0"
}

.fa-hat-cowboy-side:before {
	content: "\f8c1"
}

.fa-hat-wizard:before {
	content: "\f6e8"
}

.fa-hdd:before {
	content: "\f0a0"
}

.fa-head-side-cough:before {
	content: "\f961"
}

.fa-head-side-cough-slash:before {
	content: "\f962"
}

.fa-head-side-mask:before {
	content: "\f963"
}

.fa-head-side-virus:before {
	content: "\f964"
}

.fa-heading:before {
	content: "\f1dc"
}

.fa-headphones:before {
	content: "\f025"
}

.fa-headphones-alt:before {
	content: "\f58f"
}

.fa-headset:before {
	content: "\f590"
}

.fa-heart:before {
	content: "\f004"
}

.fa-heart-broken:before {
	content: "\f7a9"
}

.fa-heartbeat:before {
	content: "\f21e"
}

.fa-helicopter:before {
	content: "\f533"
}

.fa-highlighter:before {
	content: "\f591"
}

.fa-hiking:before {
	content: "\f6ec"
}

.fa-hippo:before {
	content: "\f6ed"
}

.fa-hips:before {
	content: "\f452"
}

.fa-hire-a-helper:before {
	content: "\f3b0"
}

.fa-history:before {
	content: "\f1da"
}

.fa-hockey-puck:before {
	content: "\f453"
}

.fa-holly-berry:before {
	content: "\f7aa"
}

.fa-home:before {
	content: "\f015"
}

.fa-hooli:before {
	content: "\f427"
}

.fa-hornbill:before {
	content: "\f592"
}

.fa-horse:before {
	content: "\f6f0"
}

.fa-horse-head:before {
	content: "\f7ab"
}

.fa-hospital:before {
	content: "\f0f8"
}

.fa-hospital-alt:before {
	content: "\f47d"
}

.fa-hospital-symbol:before {
	content: "\f47e"
}

.fa-hospital-user:before {
	content: "\f80d"
}

.fa-hot-tub:before {
	content: "\f593"
}

.fa-hotdog:before {
	content: "\f80f"
}

.fa-hotel:before {
	content: "\f594"
}

.fa-hotjar:before {
	content: "\f3b1"
}

.fa-hourglass:before {
	content: "\f254"
}

.fa-hourglass-end:before {
	content: "\f253"
}

.fa-hourglass-half:before {
	content: "\f252"
}

.fa-hourglass-start:before {
	content: "\f251"
}

.fa-house-damage:before {
	content: "\f6f1"
}

.fa-house-user:before {
	content: "\f965"
}

.fa-houzz:before {
	content: "\f27c"
}

.fa-hryvnia:before {
	content: "\f6f2"
}

.fa-html5:before {
	content: "\f13b"
}

.fa-hubspot:before {
	content: "\f3b2"
}

.fa-i-cursor:before {
	content: "\f246"
}

.fa-ice-cream:before {
	content: "\f810"
}

.fa-icicles:before {
	content: "\f7ad"
}

.fa-icons:before {
	content: "\f86d"
}

.fa-id-badge:before {
	content: "\f2c1"
}

.fa-id-card:before {
	content: "\f2c2"
}

.fa-id-card-alt:before {
	content: "\f47f"
}

.fa-ideal:before {
	content: "\f913"
}

.fa-igloo:before {
	content: "\f7ae"
}

.fa-image:before {
	content: "\f03e"
}

.fa-images:before {
	content: "\f302"
}

.fa-imdb:before {
	content: "\f2d8"
}

.fa-inbox:before {
	content: "\f01c"
}

.fa-indent:before {
	content: "\f03c"
}

.fa-industry:before {
	content: "\f275"
}

.fa-infinity:before {
	content: "\f534"
}

.fa-info:before {
	content: "\f129"
}

.fa-info-circle:before {
	content: "\f05a"
}

.fa-instagram:before {
	content: "\f16d"
}

.fa-instagram-square:before {
	content: "\f955"
}

.fa-intercom:before {
	content: "\f7af"
}

.fa-internet-explorer:before {
	content: "\f26b"
}

.fa-invision:before {
	content: "\f7b0"
}

.fa-ioxhost:before {
	content: "\f208"
}

.fa-italic:before {
	content: "\f033"
}

.fa-itch-io:before {
	content: "\f83a"
}

.fa-itunes:before {
	content: "\f3b4"
}

.fa-itunes-note:before {
	content: "\f3b5"
}

.fa-java:before {
	content: "\f4e4"
}

.fa-jedi:before {
	content: "\f669"
}

.fa-jedi-order:before {
	content: "\f50e"
}

.fa-jenkins:before {
	content: "\f3b6"
}

.fa-jira:before {
	content: "\f7b1"
}

.fa-joget:before {
	content: "\f3b7"
}

.fa-joint:before {
	content: "\f595"
}

.fa-joomla:before {
	content: "\f1aa"
}

.fa-journal-whills:before {
	content: "\f66a"
}

.fa-js:before {
	content: "\f3b8"
}

.fa-js-square:before {
	content: "\f3b9"
}

.fa-jsfiddle:before {
	content: "\f1cc"
}

.fa-kaaba:before {
	content: "\f66b"
}

.fa-kaggle:before {
	content: "\f5fa"
}

.fa-key:before {
	content: "\f084"
}

.fa-keybase:before {
	content: "\f4f5"
}

.fa-keyboard:before {
	content: "\f11c"
}

.fa-keycdn:before {
	content: "\f3ba"
}

.fa-khanda:before {
	content: "\f66d"
}

.fa-kickstarter:before {
	content: "\f3bb"
}

.fa-kickstarter-k:before {
	content: "\f3bc"
}

.fa-kiss:before {
	content: "\f596"
}

.fa-kiss-beam:before {
	content: "\f597"
}

.fa-kiss-wink-heart:before {
	content: "\f598"
}

.fa-kiwi-bird:before {
	content: "\f535"
}

.fa-korvue:before {
	content: "\f42f"
}

.fa-landmark:before {
	content: "\f66f"
}

.fa-language:before {
	content: "\f1ab"
}

.fa-laptop:before {
	content: "\f109"
}

.fa-laptop-code:before {
	content: "\f5fc"
}

.fa-laptop-house:before {
	content: "\f966"
}

.fa-laptop-medical:before {
	content: "\f812"
}

.fa-laravel:before {
	content: "\f3bd"
}

.fa-lastfm:before {
	content: "\f202"
}

.fa-lastfm-square:before {
	content: "\f203"
}

.fa-laugh:before {
	content: "\f599"
}

.fa-laugh-beam:before {
	content: "\f59a"
}

.fa-laugh-squint:before {
	content: "\f59b"
}

.fa-laugh-wink:before {
	content: "\f59c"
}

.fa-layer-group:before {
	content: "\f5fd"
}

.fa-leaf:before {
	content: "\f06c"
}

.fa-leanpub:before {
	content: "\f212"
}

.fa-lemon:before {
	content: "\f094"
}

.fa-less:before {
	content: "\f41d"
}

.fa-less-than:before {
	content: "\f536"
}

.fa-less-than-equal:before {
	content: "\f537"
}

.fa-level-down-alt:before {
	content: "\f3be"
}

.fa-level-up-alt:before {
	content: "\f3bf"
}

.fa-life-ring:before {
	content: "\f1cd"
}

.fa-lightbulb:before {
	content: "\f0eb"
}

.fa-line:before {
	content: "\f3c0"
}

.fa-link:before {
	content: "\f0c1"
}

.fa-linkedin:before {
	content: "\f08c"
}

.fa-linkedin-in:before {
	content: "\f0e1"
}

.fa-linode:before {
	content: "\f2b8"
}

.fa-linux:before {
	content: "\f17c"
}

.fa-lira-sign:before {
	content: "\f195"
}

.fa-list:before {
	content: "\f03a"
}

.fa-list-alt:before {
	content: "\f022"
}

.fa-list-ol:before {
	content: "\f0cb"
}

.fa-list-ul:before {
	content: "\f0ca"
}

.fa-location-arrow:before {
	content: "\f124"
}

.fa-lock:before {
	content: "\f023"
}

.fa-lock-open:before {
	content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
	content: "\f309"
}

.fa-long-arrow-alt-left:before {
	content: "\f30a"
}

.fa-long-arrow-alt-right:before {
	content: "\f30b"
}

.fa-long-arrow-alt-up:before {
	content: "\f30c"
}

.fa-low-vision:before {
	content: "\f2a8"
}

.fa-luggage-cart:before {
	content: "\f59d"
}

.fa-lungs:before {
	content: "\f604"
}

.fa-lungs-virus:before {
	content: "\f967"
}

.fa-lyft:before {
	content: "\f3c3"
}

.fa-magento:before {
	content: "\f3c4"
}

.fa-magic:before {
	content: "\f0d0"
}

.fa-magnet:before {
	content: "\f076"
}

.fa-mail-bulk:before {
	content: "\f674"
}

.fa-mailchimp:before {
	content: "\f59e"
}

.fa-male:before {
	content: "\f183"
}

.fa-mandalorian:before {
	content: "\f50f"
}

.fa-map:before {
	content: "\f279"
}

.fa-map-marked:before {
	content: "\f59f"
}

.fa-map-marked-alt:before {
	content: "\f5a0"
}

.fa-map-marker:before {
	content: "\f041"
}

.fa-map-marker-alt:before {
	content: "\f3c5"
}

.fa-map-pin:before {
	content: "\f276"
}

.fa-map-signs:before {
	content: "\f277"
}

.fa-markdown:before {
	content: "\f60f"
}

.fa-marker:before {
	content: "\f5a1"
}

.fa-mars:before {
	content: "\f222"
}

.fa-mars-double:before {
	content: "\f227"
}

.fa-mars-stroke:before {
	content: "\f229"
}

.fa-mars-stroke-h:before {
	content: "\f22b"
}

.fa-mars-stroke-v:before {
	content: "\f22a"
}

.fa-mask:before {
	content: "\f6fa"
}

.fa-mastodon:before {
	content: "\f4f6"
}

.fa-maxcdn:before {
	content: "\f136"
}

.fa-mdb:before {
	content: "\f8ca"
}

.fa-medal:before {
	content: "\f5a2"
}

.fa-medapps:before {
	content: "\f3c6"
}

.fa-medium:before {
	content: "\f23a"
}

.fa-medium-m:before {
	content: "\f3c7"
}

.fa-medkit:before {
	content: "\f0fa"
}

.fa-medrt:before {
	content: "\f3c8"
}

.fa-meetup:before {
	content: "\f2e0"
}

.fa-megaport:before {
	content: "\f5a3"
}

.fa-meh:before {
	content: "\f11a"
}

.fa-meh-blank:before {
	content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
	content: "\f5a5"
}

.fa-memory:before {
	content: "\f538"
}

.fa-mendeley:before {
	content: "\f7b3"
}

.fa-menorah:before {
	content: "\f676"
}

.fa-mercury:before {
	content: "\f223"
}

.fa-meteor:before {
	content: "\f753"
}

.fa-microblog:before {
	content: "\f91a"
}

.fa-microchip:before {
	content: "\f2db"
}

.fa-microphone:before {
	content: "\f130"
}

.fa-microphone-alt:before {
	content: "\f3c9"
}

.fa-microphone-alt-slash:before {
	content: "\f539"
}

.fa-microphone-slash:before {
	content: "\f131"
}

.fa-microscope:before {
	content: "\f610"
}

.fa-microsoft:before {
	content: "\f3ca"
}

.fa-minus:before {
	content: "\f068"
}

.fa-minus-circle:before {
	content: "\f056"
}

.fa-minus-square:before {
	content: "\f146"
}

.fa-mitten:before {
	content: "\f7b5"
}

.fa-mix:before {
	content: "\f3cb"
}

.fa-mixcloud:before {
	content: "\f289"
}

.fa-mixer:before {
	content: "\f956"
}

.fa-mizuni:before {
	content: "\f3cc"
}

.fa-mobile:before {
	content: "\f10b"
}

.fa-mobile-alt:before {
	content: "\f3cd"
}

.fa-modx:before {
	content: "\f285"
}

.fa-monero:before {
	content: "\f3d0"
}

.fa-money-bill:before {
	content: "\f0d6"
}

.fa-money-bill-alt:before {
	content: "\f3d1"
}

.fa-money-bill-wave:before {
	content: "\f53a"
}

.fa-money-bill-wave-alt:before {
	content: "\f53b"
}

.fa-money-check:before {
	content: "\f53c"
}

.fa-money-check-alt:before {
	content: "\f53d"
}

.fa-monument:before {
	content: "\f5a6"
}

.fa-moon:before {
	content: "\f186"
}

.fa-mortar-pestle:before {
	content: "\f5a7"
}

.fa-mosque:before {
	content: "\f678"
}

.fa-motorcycle:before {
	content: "\f21c"
}

.fa-mountain:before {
	content: "\f6fc"
}

.fa-mouse:before {
	content: "\f8cc"
}

.fa-mouse-pointer:before {
	content: "\f245"
}

.fa-mug-hot:before {
	content: "\f7b6"
}

.fa-music:before {
	content: "\f001"
}

.fa-napster:before {
	content: "\f3d2"
}

.fa-neos:before {
	content: "\f612"
}

.fa-network-wired:before {
	content: "\f6ff"
}

.fa-neuter:before {
	content: "\f22c"
}

.fa-newspaper:before {
	content: "\f1ea"
}

.fa-nimblr:before {
	content: "\f5a8"
}

.fa-node:before {
	content: "\f419"
}

.fa-node-js:before {
	content: "\f3d3"
}

.fa-not-equal:before {
	content: "\f53e"
}

.fa-notes-medical:before {
	content: "\f481"
}

.fa-npm:before {
	content: "\f3d4"
}

.fa-ns8:before {
	content: "\f3d5"
}

.fa-nutritionix:before {
	content: "\f3d6"
}

.fa-object-group:before {
	content: "\f247"
}

.fa-object-ungroup:before {
	content: "\f248"
}

.fa-odnoklassniki:before {
	content: "\f263"
}

.fa-odnoklassniki-square:before {
	content: "\f264"
}

.fa-oil-can:before {
	content: "\f613"
}

.fa-old-republic:before {
	content: "\f510"
}

.fa-om:before {
	content: "\f679"
}

.fa-opencart:before {
	content: "\f23d"
}

.fa-openid:before {
	content: "\f19b"
}

.fa-opera:before {
	content: "\f26a"
}

.fa-optin-monster:before {
	content: "\f23c"
}

.fa-orcid:before {
	content: "\f8d2"
}

.fa-osi:before {
	content: "\f41a"
}

.fa-otter:before {
	content: "\f700"
}

.fa-outdent:before {
	content: "\f03b"
}

.fa-page4:before {
	content: "\f3d7"
}

.fa-pagelines:before {
	content: "\f18c"
}

.fa-pager:before {
	content: "\f815"
}

.fa-paint-brush:before {
	content: "\f1fc"
}

.fa-paint-roller:before {
	content: "\f5aa"
}

.fa-palette:before {
	content: "\f53f"
}

.fa-palfed:before {
	content: "\f3d8"
}

.fa-pallet:before {
	content: "\f482"
}

.fa-paper-plane:before {
	content: "\f1d8"
}

.fa-paperclip:before {
	content: "\f0c6"
}

.fa-parachute-box:before {
	content: "\f4cd"
}

.fa-paragraph:before {
	content: "\f1dd"
}

.fa-parking:before {
	content: "\f540"
}

.fa-passport:before {
	content: "\f5ab"
}

.fa-pastafarianism:before {
	content: "\f67b"
}

.fa-paste:before {
	content: "\f0ea"
}

.fa-patreon:before {
	content: "\f3d9"
}

.fa-pause:before {
	content: "\f04c"
}

.fa-pause-circle:before {
	content: "\f28b"
}

.fa-paw:before {
	content: "\f1b0"
}

.fa-paypal:before {
	content: "\f1ed"
}

.fa-peace:before {
	content: "\f67c"
}

.fa-pen:before {
	content: "\f304"
}

.fa-pen-alt:before {
	content: "\f305"
}

.fa-pen-fancy:before {
	content: "\f5ac"
}

.fa-pen-nib:before {
	content: "\f5ad"
}

.fa-pen-square:before {
	content: "\f14b"
}

.fa-pencil-alt:before {
	content: "\f303"
}

.fa-pencil-ruler:before {
	content: "\f5ae"
}

.fa-penny-arcade:before {
	content: "\f704"
}

.fa-people-arrows:before {
	content: "\f968"
}

.fa-people-carry:before {
	content: "\f4ce"
}

.fa-pepper-hot:before {
	content: "\f816"
}

.fa-percent:before {
	content: "\f295"
}

.fa-percentage:before {
	content: "\f541"
}

.fa-periscope:before {
	content: "\f3da"
}

.fa-person-booth:before {
	content: "\f756"
}

.fa-phabricator:before {
	content: "\f3db"
}

.fa-phoenix-framework:before {
	content: "\f3dc"
}

.fa-phoenix-squadron:before {
	content: "\f511"
}

.fa-phone:before {
	content: "\f095"
}

.fa-phone-alt:before {
	content: "\f879"
}

.fa-phone-slash:before {
	content: "\f3dd"
}

.fa-phone-square:before {
	content: "\f098"
}

.fa-phone-square-alt:before {
	content: "\f87b"
}

.fa-phone-volume:before {
	content: "\f2a0"
}

.fa-photo-video:before {
	content: "\f87c"
}

.fa-php:before {
	content: "\f457"
}

.fa-pied-piper:before {
	content: "\f2ae"
}

.fa-pied-piper-alt:before {
	content: "\f1a8"
}

.fa-pied-piper-hat:before {
	content: "\f4e5"
}

.fa-pied-piper-pp:before {
	content: "\f1a7"
}

.fa-pied-piper-square:before {
	content: "\f91e"
}

.fa-piggy-bank:before {
	content: "\f4d3"
}

.fa-pills:before {
	content: "\f484"
}

.fa-pinterest:before {
	content: "\f0d2"
}

.fa-pinterest-p:before {
	content: "\f231"
}

.fa-pinterest-square:before {
	content: "\f0d3"
}

.fa-pizza-slice:before {
	content: "\f818"
}

.fa-place-of-worship:before {
	content: "\f67f"
}

.fa-plane:before {
	content: "\f072"
}

.fa-plane-arrival:before {
	content: "\f5af"
}

.fa-plane-departure:before {
	content: "\f5b0"
}

.fa-plane-slash:before {
	content: "\f969"
}

.fa-play:before {
	content: "\f04b"
}

.fa-play-circle:before {
	content: "\f144"
}

.fa-playstation:before {
	content: "\f3df"
}

.fa-plug:before {
	content: "\f1e6"
}

.fa-plus:before {
	content: "\f067"
}

.fa-plus-circle:before {
	content: "\f055"
}

.fa-plus-square:before {
	content: "\f0fe"
}

.fa-podcast:before {
	content: "\f2ce"
}

.fa-poll:before {
	content: "\f681"
}

.fa-poll-h:before {
	content: "\f682"
}

.fa-poo:before {
	content: "\f2fe"
}

.fa-poo-storm:before {
	content: "\f75a"
}

.fa-poop:before {
	content: "\f619"
}

.fa-portrait:before {
	content: "\f3e0"
}

.fa-pound-sign:before {
	content: "\f154"
}

.fa-power-off:before {
	content: "\f011"
}

.fa-pray:before {
	content: "\f683"
}

.fa-praying-hands:before {
	content: "\f684"
}

.fa-prescription:before {
	content: "\f5b1"
}

.fa-prescription-bottle:before {
	content: "\f485"
}

.fa-prescription-bottle-alt:before {
	content: "\f486"
}

.fa-print:before {
	content: "\f02f"
}

.fa-procedures:before {
	content: "\f487"
}

.fa-product-hunt:before {
	content: "\f288"
}

.fa-project-diagram:before {
	content: "\f542"
}

.fa-pump-medical:before {
	content: "\f96a"
}

.fa-pump-soap:before {
	content: "\f96b"
}

.fa-pushed:before {
	content: "\f3e1"
}

.fa-puzzle-piece:before {
	content: "\f12e"
}

.fa-python:before {
	content: "\f3e2"
}

.fa-qq:before {
	content: "\f1d6"
}

.fa-qrcode:before {
	content: "\f029"
}

.fa-question:before {
	content: "\f128"
}

.fa-question-circle:before {
	content: "\f059"
}

.fa-quidditch:before {
	content: "\f458"
}

.fa-quinscape:before {
	content: "\f459"
}

.fa-quora:before {
	content: "\f2c4"
}

.fa-quote-left:before {
	content: "\f10d"
}

.fa-quote-right:before {
	content: "\f10e"
}

.fa-quran:before {
	content: "\f687"
}

.fa-r-project:before {
	content: "\f4f7"
}

.fa-radiation:before {
	content: "\f7b9"
}

.fa-radiation-alt:before {
	content: "\f7ba"
}

.fa-rainbow:before {
	content: "\f75b"
}

.fa-random:before {
	content: "\f074"
}

.fa-raspberry-pi:before {
	content: "\f7bb"
}

.fa-ravelry:before {
	content: "\f2d9"
}

.fa-react:before {
	content: "\f41b"
}

.fa-reacteurope:before {
	content: "\f75d"
}

.fa-readme:before {
	content: "\f4d5"
}

.fa-rebel:before {
	content: "\f1d0"
}

.fa-receipt:before {
	content: "\f543"
}

.fa-record-vinyl:before {
	content: "\f8d9"
}

.fa-recycle:before {
	content: "\f1b8"
}

.fa-red-river:before {
	content: "\f3e3"
}

.fa-reddit:before {
	content: "\f1a1"
}

.fa-reddit-alien:before {
	content: "\f281"
}

.fa-reddit-square:before {
	content: "\f1a2"
}

.fa-redhat:before {
	content: "\f7bc"
}

.fa-redo:before {
	content: "\f01e"
}

.fa-redo-alt:before {
	content: "\f2f9"
}

.fa-registered:before {
	content: "\f25d"
}

.fa-remove-format:before {
	content: "\f87d"
}

.fa-renren:before {
	content: "\f18b"
}

.fa-reply:before {
	content: "\f3e5"
}

.fa-reply-all:before {
	content: "\f122"
}

.fa-replyd:before {
	content: "\f3e6"
}

.fa-republican:before {
	content: "\f75e"
}

.fa-researchgate:before {
	content: "\f4f8"
}

.fa-resolving:before {
	content: "\f3e7"
}

.fa-restroom:before {
	content: "\f7bd"
}

.fa-retweet:before {
	content: "\f079"
}

.fa-rev:before {
	content: "\f5b2"
}

.fa-ribbon:before {
	content: "\f4d6"
}

.fa-ring:before {
	content: "\f70b"
}

.fa-road:before {
	content: "\f018"
}

.fa-robot:before {
	content: "\f544"
}

.fa-rocket:before {
	content: "\f135"
}

.fa-rocketchat:before {
	content: "\f3e8"
}

.fa-rockrms:before {
	content: "\f3e9"
}

.fa-route:before {
	content: "\f4d7"
}

.fa-rss:before {
	content: "\f09e"
}

.fa-rss-square:before {
	content: "\f143"
}

.fa-ruble-sign:before {
	content: "\f158"
}

.fa-ruler:before {
	content: "\f545"
}

.fa-ruler-combined:before {
	content: "\f546"
}

.fa-ruler-horizontal:before {
	content: "\f547"
}

.fa-ruler-vertical:before {
	content: "\f548"
}

.fa-running:before {
	content: "\f70c"
}

.fa-rupee-sign:before {
	content: "\f156"
}

.fa-sad-cry:before {
	content: "\f5b3"
}

.fa-sad-tear:before {
	content: "\f5b4"
}

.fa-safari:before {
	content: "\f267"
}

.fa-salesforce:before {
	content: "\f83b"
}

.fa-sass:before {
	content: "\f41e"
}

.fa-satellite:before {
	content: "\f7bf"
}

.fa-satellite-dish:before {
	content: "\f7c0"
}

.fa-save:before {
	content: "\f0c7"
}

.fa-schlix:before {
	content: "\f3ea"
}

.fa-school:before {
	content: "\f549"
}

.fa-screwdriver:before {
	content: "\f54a"
}

.fa-scribd:before {
	content: "\f28a"
}

.fa-scroll:before {
	content: "\f70e"
}

.fa-sd-card:before {
	content: "\f7c2"
}

.fa-search:before {
	content: "\f002"
}

.fa-search-dollar:before {
	content: "\f688"
}

.fa-search-location:before {
	content: "\f689"
}

.fa-search-minus:before {
	content: "\f010"
}

.fa-search-plus:before {
	content: "\f00e"
}

.fa-searchengin:before {
	content: "\f3eb"
}

.fa-seedling:before {
	content: "\f4d8"
}

.fa-sellcast:before {
	content: "\f2da"
}

.fa-sellsy:before {
	content: "\f213"
}

.fa-server:before {
	content: "\f233"
}

.fa-servicestack:before {
	content: "\f3ec"
}

.fa-shapes:before {
	content: "\f61f"
}

.fa-share:before {
	content: "\f064"
}

.fa-share-alt:before {
	content: "\f1e0"
}

.fa-share-alt-square:before {
	content: "\f1e1"
}

.fa-share-square:before {
	content: "\f14d"
}

.fa-shekel-sign:before {
	content: "\f20b"
}

.fa-shield-alt:before {
	content: "\f3ed"
}

.fa-shield-virus:before {
	content: "\f96c"
}

.fa-ship:before {
	content: "\f21a"
}

.fa-shipping-fast:before {
	content: "\f48b"
}

.fa-shirtsinbulk:before {
	content: "\f214"
}

.fa-shoe-prints:before {
	content: "\f54b"
}

.fa-shopify:before {
	content: "\f957"
}

.fa-shopping-bag:before {
	content: "\f290"
}

.fa-shopping-basket:before {
	content: "\f291"
}

.fa-shopping-cart:before {
	content: "\f07a"
}

.fa-shopware:before {
	content: "\f5b5"
}

.fa-shower:before {
	content: "\f2cc"
}

.fa-shuttle-van:before {
	content: "\f5b6"
}

.fa-sign:before {
	content: "\f4d9"
}

.fa-sign-in-alt:before {
	content: "\f2f6"
}

.fa-sign-language:before {
	content: "\f2a7"
}

.fa-sign-out-alt:before {
	content: "\f2f5"
}

.fa-signal:before {
	content: "\f012"
}

.fa-signature:before {
	content: "\f5b7"
}

.fa-sim-card:before {
	content: "\f7c4"
}

.fa-simplybuilt:before {
	content: "\f215"
}

.fa-sistrix:before {
	content: "\f3ee"
}

.fa-sitemap:before {
	content: "\f0e8"
}

.fa-sith:before {
	content: "\f512"
}

.fa-skating:before {
	content: "\f7c5"
}

.fa-sketch:before {
	content: "\f7c6"
}

.fa-skiing:before {
	content: "\f7c9"
}

.fa-skiing-nordic:before {
	content: "\f7ca"
}

.fa-skull:before {
	content: "\f54c"
}

.fa-skull-crossbones:before {
	content: "\f714"
}

.fa-skyatlas:before {
	content: "\f216"
}

.fa-skype:before {
	content: "\f17e"
}

.fa-slack:before {
	content: "\f198"
}

.fa-slack-hash:before {
	content: "\f3ef"
}

.fa-slash:before {
	content: "\f715"
}

.fa-sleigh:before {
	content: "\f7cc"
}

.fa-sliders-h:before {
	content: "\f1de"
}

.fa-slideshare:before {
	content: "\f1e7"
}

.fa-smile:before {
	content: "\f118"
}

.fa-smile-beam:before {
	content: "\f5b8"
}

.fa-smile-wink:before {
	content: "\f4da"
}

.fa-smog:before {
	content: "\f75f"
}

.fa-smoking:before {
	content: "\f48d"
}

.fa-smoking-ban:before {
	content: "\f54d"
}

.fa-sms:before {
	content: "\f7cd"
}

.fa-snapchat:before {
	content: "\f2ab"
}

.fa-snapchat-ghost:before {
	content: "\f2ac"
}

.fa-snapchat-square:before {
	content: "\f2ad"
}

.fa-snowboarding:before {
	content: "\f7ce"
}

.fa-snowflake:before {
	content: "\f2dc"
}

.fa-snowman:before {
	content: "\f7d0"
}

.fa-snowplow:before {
	content: "\f7d2"
}

.fa-soap:before {
	content: "\f96e"
}

.fa-socks:before {
	content: "\f696"
}

.fa-solar-panel:before {
	content: "\f5ba"
}

.fa-sort:before {
	content: "\f0dc"
}

.fa-sort-alpha-down:before {
	content: "\f15d"
}

.fa-sort-alpha-down-alt:before {
	content: "\f881"
}

.fa-sort-alpha-up:before {
	content: "\f15e"
}

.fa-sort-alpha-up-alt:before {
	content: "\f882"
}

.fa-sort-amount-down:before {
	content: "\f160"
}

.fa-sort-amount-down-alt:before {
	content: "\f884"
}

.fa-sort-amount-up:before {
	content: "\f161"
}

.fa-sort-amount-up-alt:before {
	content: "\f885"
}

.fa-sort-down:before {
	content: "\f0dd"
}

.fa-sort-numeric-down:before {
	content: "\f162"
}

.fa-sort-numeric-down-alt:before {
	content: "\f886"
}

.fa-sort-numeric-up:before {
	content: "\f163"
}

.fa-sort-numeric-up-alt:before {
	content: "\f887"
}

.fa-sort-up:before {
	content: "\f0de"
}

.fa-soundcloud:before {
	content: "\f1be"
}

.fa-sourcetree:before {
	content: "\f7d3"
}

.fa-spa:before {
	content: "\f5bb"
}

.fa-space-shuttle:before {
	content: "\f197"
}

.fa-speakap:before {
	content: "\f3f3"
}

.fa-speaker-deck:before {
	content: "\f83c"
}

.fa-spell-check:before {
	content: "\f891"
}

.fa-spider:before {
	content: "\f717"
}

.fa-spinner:before {
	content: "\f110"
}

.fa-splotch:before {
	content: "\f5bc"
}

.fa-spotify:before {
	content: "\f1bc"
}

.fa-spray-can:before {
	content: "\f5bd"
}

.fa-square:before {
	content: "\f0c8"
}

.fa-square-full:before {
	content: "\f45c"
}

.fa-square-root-alt:before {
	content: "\f698"
}

.fa-squarespace:before {
	content: "\f5be"
}

.fa-stack-exchange:before {
	content: "\f18d"
}

.fa-stack-overflow:before {
	content: "\f16c"
}

.fa-stackpath:before {
	content: "\f842"
}

.fa-stamp:before {
	content: "\f5bf"
}

.fa-star:before {
	content: "\f005"
}

.fa-star-and-crescent:before {
	content: "\f699"
}

.fa-star-half:before {
	content: "\f089"
}

.fa-star-half-alt:before {
	content: "\f5c0"
}

.fa-star-of-david:before {
	content: "\f69a"
}

.fa-star-of-life:before {
	content: "\f621"
}

.fa-staylinked:before {
	content: "\f3f5"
}

.fa-steam:before {
	content: "\f1b6"
}

.fa-steam-square:before {
	content: "\f1b7"
}

.fa-steam-symbol:before {
	content: "\f3f6"
}

.fa-step-backward:before {
	content: "\f048"
}

.fa-step-forward:before {
	content: "\f051"
}

.fa-stethoscope:before {
	content: "\f0f1"
}

.fa-sticker-mule:before {
	content: "\f3f7"
}

.fa-sticky-note:before {
	content: "\f249"
}

.fa-stop:before {
	content: "\f04d"
}

.fa-stop-circle:before {
	content: "\f28d"
}

.fa-stopwatch:before {
	content: "\f2f2"
}

.fa-stopwatch-20:before {
	content: "\f96f"
}

.fa-store:before {
	content: "\f54e"
}

.fa-store-alt:before {
	content: "\f54f"
}

.fa-store-alt-slash:before {
	content: "\f970"
}

.fa-store-slash:before {
	content: "\f971"
}

.fa-strava:before {
	content: "\f428"
}

.fa-stream:before {
	content: "\f550"
}

.fa-street-view:before {
	content: "\f21d"
}

.fa-strikethrough:before {
	content: "\f0cc"
}

.fa-stripe:before {
	content: "\f429"
}

.fa-stripe-s:before {
	content: "\f42a"
}

.fa-stroopwafel:before {
	content: "\f551"
}

.fa-studiovinari:before {
	content: "\f3f8"
}

.fa-stumbleupon:before {
	content: "\f1a4"
}

.fa-stumbleupon-circle:before {
	content: "\f1a3"
}

.fa-subscript:before {
	content: "\f12c"
}

.fa-subway:before {
	content: "\f239"
}

.fa-suitcase:before {
	content: "\f0f2"
}

.fa-suitcase-rolling:before {
	content: "\f5c1"
}

.fa-sun:before {
	content: "\f185"
}

.fa-superpowers:before {
	content: "\f2dd"
}

.fa-superscript:before {
	content: "\f12b"
}

.fa-supple:before {
	content: "\f3f9"
}

.fa-surprise:before {
	content: "\f5c2"
}

.fa-suse:before {
	content: "\f7d6"
}

.fa-swatchbook:before {
	content: "\f5c3"
}

.fa-swift:before {
	content: "\f8e1"
}

.fa-swimmer:before {
	content: "\f5c4"
}

.fa-swimming-pool:before {
	content: "\f5c5"
}

.fa-symfony:before {
	content: "\f83d"
}

.fa-synagogue:before {
	content: "\f69b"
}

.fa-sync:before {
	content: "\f021"
}

.fa-sync-alt:before {
	content: "\f2f1"
}

.fa-syringe:before {
	content: "\f48e"
}

.fa-table:before {
	content: "\f0ce"
}

.fa-table-tennis:before {
	content: "\f45d"
}

.fa-tablet:before {
	content: "\f10a"
}

.fa-tablet-alt:before {
	content: "\f3fa"
}

.fa-tablets:before {
	content: "\f490"
}

.fa-tachometer-alt:before {
	content: "\f3fd"
}

.fa-tag:before {
	content: "\f02b"
}

.fa-tags:before {
	content: "\f02c"
}

.fa-tape:before {
	content: "\f4db"
}

.fa-tasks:before {
	content: "\f0ae"
}

.fa-taxi:before {
	content: "\f1ba"
}

.fa-teamspeak:before {
	content: "\f4f9"
}

.fa-teeth:before {
	content: "\f62e"
}

.fa-teeth-open:before {
	content: "\f62f"
}

.fa-telegram:before {
	content: "\f2c6"
}

.fa-telegram-plane:before {
	content: "\f3fe"
}

.fa-temperature-high:before {
	content: "\f769"
}

.fa-temperature-low:before {
	content: "\f76b"
}

.fa-tencent-weibo:before {
	content: "\f1d5"
}

.fa-tenge:before {
	content: "\f7d7"
}

.fa-terminal:before {
	content: "\f120"
}

.fa-text-height:before {
	content: "\f034"
}

.fa-text-width:before {
	content: "\f035"
}

.fa-th:before {
	content: "\f00a"
}

.fa-th-large:before {
	content: "\f009"
}

.fa-th-list:before {
	content: "\f00b"
}

.fa-the-red-yeti:before {
	content: "\f69d"
}

.fa-theater-masks:before {
	content: "\f630"
}

.fa-themeco:before {
	content: "\f5c6"
}

.fa-themeisle:before {
	content: "\f2b2"
}

.fa-thermometer:before {
	content: "\f491"
}

.fa-thermometer-empty:before {
	content: "\f2cb"
}

.fa-thermometer-full:before {
	content: "\f2c7"
}

.fa-thermometer-half:before {
	content: "\f2c9"
}

.fa-thermometer-quarter:before {
	content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
	content: "\f2c8"
}

.fa-think-peaks:before {
	content: "\f731"
}

.fa-thumbs-down:before {
	content: "\f165"
}

.fa-thumbs-up:before {
	content: "\f164"
}

.fa-thumbtack:before {
	content: "\f08d"
}

.fa-ticket-alt:before {
	content: "\f3ff"
}

.fa-times:before {
	content: "\f00d"
}

.fa-times-circle:before {
	content: "\f057"
}

.fa-tint:before {
	content: "\f043"
}

.fa-tint-slash:before {
	content: "\f5c7"
}

.fa-tired:before {
	content: "\f5c8"
}

.fa-toggle-off:before {
	content: "\f204"
}

.fa-toggle-on:before {
	content: "\f205"
}

.fa-toilet:before {
	content: "\f7d8"
}

.fa-toilet-paper:before {
	content: "\f71e"
}

.fa-toilet-paper-slash:before {
	content: "\f972"
}

.fa-toolbox:before {
	content: "\f552"
}

.fa-tools:before {
	content: "\f7d9"
}

.fa-tooth:before {
	content: "\f5c9"
}

.fa-torah:before {
	content: "\f6a0"
}

.fa-torii-gate:before {
	content: "\f6a1"
}

.fa-tractor:before {
	content: "\f722"
}

.fa-trade-federation:before {
	content: "\f513"
}

.fa-trademark:before {
	content: "\f25c"
}

.fa-traffic-light:before {
	content: "\f637"
}

.fa-trailer:before {
	content: "\f941"
}

.fa-train:before {
	content: "\f238"
}

.fa-tram:before {
	content: "\f7da"
}

.fa-transgender:before {
	content: "\f224"
}

.fa-transgender-alt:before {
	content: "\f225"
}

.fa-trash:before {
	content: "\f1f8"
}

.fa-trash-alt:before {
	content: "\f2ed"
}

.fa-trash-restore:before {
	content: "\f829"
}

.fa-trash-restore-alt:before {
	content: "\f82a"
}

.fa-tree:before {
	content: "\f1bb"
}

.fa-trello:before {
	content: "\f181"
}

.fa-tripadvisor:before {
	content: "\f262"
}

.fa-trophy:before {
	content: "\f091"
}

.fa-truck:before {
	content: "\f0d1"
}

.fa-truck-loading:before {
	content: "\f4de"
}

.fa-truck-monster:before {
	content: "\f63b"
}

.fa-truck-moving:before {
	content: "\f4df"
}

.fa-truck-pickup:before {
	content: "\f63c"
}

.fa-tshirt:before {
	content: "\f553"
}

.fa-tty:before {
	content: "\f1e4"
}

.fa-tumblr:before {
	content: "\f173"
}

.fa-tumblr-square:before {
	content: "\f174"
}

.fa-tv:before {
	content: "\f26c"
}

.fa-twitch:before {
	content: "\f1e8"
}

.fa-twitter:before {
	content: "\f099"
}

.fa-twitter-square:before {
	content: "\f081"
}

.fa-typo3:before {
	content: "\f42b"
}

.fa-uber:before {
	content: "\f402"
}

.fa-ubuntu:before {
	content: "\f7df"
}

.fa-uikit:before {
	content: "\f403"
}

.fa-umbraco:before {
	content: "\f8e8"
}

.fa-umbrella:before {
	content: "\f0e9"
}

.fa-umbrella-beach:before {
	content: "\f5ca"
}

.fa-underline:before {
	content: "\f0cd"
}

.fa-undo:before {
	content: "\f0e2"
}

.fa-undo-alt:before {
	content: "\f2ea"
}

.fa-uniregistry:before {
	content: "\f404"
}

.fa-unity:before {
	content: "\f949"
}

.fa-universal-access:before {
	content: "\f29a"
}

.fa-university:before {
	content: "\f19c"
}

.fa-unlink:before {
	content: "\f127"
}

.fa-unlock:before {
	content: "\f09c"
}

.fa-unlock-alt:before {
	content: "\f13e"
}

.fa-untappd:before {
	content: "\f405"
}

.fa-upload:before {
	content: "\f093"
}

.fa-ups:before {
	content: "\f7e0"
}

.fa-usb:before {
	content: "\f287"
}

.fa-user:before {
	content: "\f007"
}

.fa-user-alt:before {
	content: "\f406"
}

.fa-user-alt-slash:before {
	content: "\f4fa"
}

.fa-user-astronaut:before {
	content: "\f4fb"
}

.fa-user-check:before {
	content: "\f4fc"
}

.fa-user-circle:before {
	content: "\f2bd"
}

.fa-user-clock:before {
	content: "\f4fd"
}

.fa-user-cog:before {
	content: "\f4fe"
}

.fa-user-edit:before {
	content: "\f4ff"
}

.fa-user-friends:before {
	content: "\f500"
}

.fa-user-graduate:before {
	content: "\f501"
}

.fa-user-injured:before {
	content: "\f728"
}

.fa-user-lock:before {
	content: "\f502"
}

.fa-user-md:before {
	content: "\f0f0"
}

.fa-user-minus:before {
	content: "\f503"
}

.fa-user-ninja:before {
	content: "\f504"
}

.fa-user-nurse:before {
	content: "\f82f"
}

.fa-user-plus:before {
	content: "\f234"
}

.fa-user-secret:before {
	content: "\f21b"
}

.fa-user-shield:before {
	content: "\f505"
}

.fa-user-slash:before {
	content: "\f506"
}

.fa-user-tag:before {
	content: "\f507"
}

.fa-user-tie:before {
	content: "\f508"
}

.fa-user-times:before {
	content: "\f235"
}

.fa-users:before {
	content: "\f0c0"
}

.fa-users-cog:before {
	content: "\f509"
}

.fa-usps:before {
	content: "\f7e1"
}

.fa-ussunnah:before {
	content: "\f407"
}

.fa-utensil-spoon:before {
	content: "\f2e5"
}

.fa-utensils:before {
	content: "\f2e7"
}

.fa-vaadin:before {
	content: "\f408"
}

.fa-vector-square:before {
	content: "\f5cb"
}

.fa-venus:before {
	content: "\f221"
}

.fa-venus-double:before {
	content: "\f226"
}

.fa-venus-mars:before {
	content: "\f228"
}

.fa-viacoin:before {
	content: "\f237"
}

.fa-viadeo:before {
	content: "\f2a9"
}

.fa-viadeo-square:before {
	content: "\f2aa"
}

.fa-vial:before {
	content: "\f492"
}

.fa-vials:before {
	content: "\f493"
}

.fa-viber:before {
	content: "\f409"
}

.fa-video:before {
	content: "\f03d"
}

.fa-video-slash:before {
	content: "\f4e2"
}

.fa-vihara:before {
	content: "\f6a7"
}

.fa-vimeo:before {
	content: "\f40a"
}

.fa-vimeo-square:before {
	content: "\f194"
}

.fa-vimeo-v:before {
	content: "\f27d"
}

.fa-vine:before {
	content: "\f1ca"
}

.fa-virus:before {
	content: "\f974"
}

.fa-virus-slash:before {
	content: "\f975"
}

.fa-viruses:before {
	content: "\f976"
}

.fa-vk:before {
	content: "\f189"
}

.fa-vnv:before {
	content: "\f40b"
}

.fa-voicemail:before {
	content: "\f897"
}

.fa-volleyball-ball:before {
	content: "\f45f"
}

.fa-volume-down:before {
	content: "\f027"
}

.fa-volume-mute:before {
	content: "\f6a9"
}

.fa-volume-off:before {
	content: "\f026"
}

.fa-volume-up:before {
	content: "\f028"
}

.fa-vote-yea:before {
	content: "\f772"
}

.fa-vr-cardboard:before {
	content: "\f729"
}

.fa-vuejs:before {
	content: "\f41f"
}

.fa-walking:before {
	content: "\f554"
}

.fa-wallet:before {
	content: "\f555"
}

.fa-warehouse:before {
	content: "\f494"
}

.fa-water:before {
	content: "\f773"
}

.fa-wave-square:before {
	content: "\f83e"
}

.fa-waze:before {
	content: "\f83f"
}

.fa-weebly:before {
	content: "\f5cc"
}

.fa-weibo:before {
	content: "\f18a"
}

.fa-weight:before {
	content: "\f496"
}

.fa-weight-hanging:before {
	content: "\f5cd"
}

.fa-weixin:before {
	content: "\f1d7"
}

.fa-whatsapp:before {
	content: "\f232"
}

.fa-whatsapp-square:before {
	content: "\f40c"
}

.fa-wheelchair:before {
	content: "\f193"
}

.fa-whmcs:before {
	content: "\f40d"
}

.fa-wifi:before {
	content: "\f1eb"
}

.fa-wikipedia-w:before {
	content: "\f266"
}

.fa-wind:before {
	content: "\f72e"
}

.fa-window-close:before {
	content: "\f410"
}

.fa-window-maximize:before {
	content: "\f2d0"
}

.fa-window-minimize:before {
	content: "\f2d1"
}

.fa-window-restore:before {
	content: "\f2d2"
}

.fa-windows:before {
	content: "\f17a"
}

.fa-wine-bottle:before {
	content: "\f72f"
}

.fa-wine-glass:before {
	content: "\f4e3"
}

.fa-wine-glass-alt:before {
	content: "\f5ce"
}

.fa-wix:before {
	content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
	content: "\f730"
}

.fa-wolf-pack-battalion:before {
	content: "\f514"
}

.fa-won-sign:before {
	content: "\f159"
}

.fa-wordpress:before {
	content: "\f19a"
}

.fa-wordpress-simple:before {
	content: "\f411"
}

.fa-wpbeginner:before {
	content: "\f297"
}

.fa-wpexplorer:before {
	content: "\f2de"
}

.fa-wpforms:before {
	content: "\f298"
}

.fa-wpressr:before {
	content: "\f3e4"
}

.fa-wrench:before {
	content: "\f0ad"
}

.fa-x-ray:before {
	content: "\f497"
}

.fa-xbox:before {
	content: "\f412"
}

.fa-xing:before {
	content: "\f168"
}

.fa-xing-square:before {
	content: "\f169"
}

.fa-y-combinator:before {
	content: "\f23b"
}

.fa-yahoo:before {
	content: "\f19e"
}

.fa-yammer:before {
	content: "\f840"
}

.fa-yandex:before {
	content: "\f413"
}

.fa-yandex-international:before {
	content: "\f414"
}

.fa-yarn:before {
	content: "\f7e3"
}

.fa-yelp:before {
	content: "\f1e9"
}

.fa-yen-sign:before {
	content: "\f157"
}

.fa-yin-yang:before {
	content: "\f6ad"
}

.fa-yoast:before {
	content: "\f2b1"
}

.fa-youtube:before {
	content: "\f167"
}

.fa-youtube-square:before {
	content: "\f431"
}

.fa-zhihu:before {
	content: "\f63f"
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

@font-face {
	font-family: "Font Awesome 5 Brands";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../webfonts/fa-brands-400.eot);
	src: url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-brands-400.woff2) format("woff2"), url(../webfonts/fa-brands-400.woff) format("woff"), url(../webfonts/fa-brands-400.ttf) format("truetype"), url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
	font-family: "Font Awesome 5 Brands"
}

@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(../webfonts/fa-regular-400.eot);
	src: url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-regular-400.woff2) format("woff2"), url(../webfonts/fa-regular-400.woff) format("woff"), url(../webfonts/fa-regular-400.ttf) format("truetype"), url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

.fab,
.far {
	font-weight: 400
}

@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url(../webfonts/fa-solid-900.eot);
	src: url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-solid-900.woff2) format("woff2"), url(../webfonts/fa-solid-900.woff) format("woff"), url(../webfonts/fa-solid-900.ttf) format("truetype"), url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,
.far,
.fas {
	font-family: "Font Awesome 5 Free"
}

.fa,
.fas {
	font-weight: 900
}

.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.owl-height {
	-webkit-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform .1s ease;
	transition: -webkit-transform .1s ease;
	transition: transform .1s ease;
	transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
	margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: #869791;
	color: #FFF;
	text-decoration: none
}

.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #869791
}

.banner .main {
	overflow: hidden
}

.banner .main .item {
	height: 80vh;
	background-size: cover !important;
	background-repeat: no-repeat !important
}

.banner .main .item .text {
	width: 50%;
	float: left;
	margin-left: 50%;
	text-align: left;
	padding: 100px 100px 0 0
}

.banner .main .item .text.white {
	color: #fff
}

.banner .main .item .text h1 {
	font-size: 48px;
	font-family: Adobe Clean Light;
	font-weight: 400;
	line-height: 54px;
	margin-bottom: 20px
}

.banner .main .item .text h2 {
	font-size: 18px;
	font-family: Adobe Clean Regular;
	font-weight: 500;
	margin-bottom: 25px
}

.banner .main .owl-dots {
	position: absolute;
	width: 100%;
	bottom: 30px
}

.select2-container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle
}

.select2-container .select2-selection--single {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 28px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 10px;
	padding-right: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px
}

.select2-container .select2-selection--multiple {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block;
	overflow: hidden;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-search--inline {
	float: left
}

.select2-container .select2-search--inline .select2-search__field {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-dropdown {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051
}

.select2-results {
	display: block
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0
}

.select2-results__option {
	padding: 6px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

.select2-results__option[aria-selected] {
	cursor: pointer
}

.select2-container--open .select2-dropdown {
	left: 0
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-search--dropdown {
	display: block;
	padding: 4px
}

.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
	display: none
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.select2-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
	color: #999;
	margin-top: 5px;
	float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
	float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid black 1px;
	outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
	padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
	color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5568e5;
	color: white
}

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic .select2-selection--single {
	background-color: #f6f6f6;
	border: 1px solid #aaa;
	border-radius: 4px;
	outline: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
	background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color: #ddd;
	border: none;
	border-left: 1px solid #aaa;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
	background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	border: none;
	border-right: 1px solid #aaa;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	left: 1px;
	right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: transparent;
	border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
	background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
	background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
	list-style: none;
	margin: 0;
	padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
	display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	color: #888;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa;
	outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
	outline: 0
}

.select2-container--classic .select2-dropdown {
	background-color: white;
	border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
	border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
	border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
	padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
	color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
	background-color: #3875d7;
	color: white
}

.select2-container--classic .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb
}

@-webkit-keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}

	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px)
	}
}

@keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}

	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px)
	}
}

@-webkit-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}

	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

@keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px)
	}

	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	20% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	20% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.dropzone,
.dropzone * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.dropzone {
	min-height: 150px;
	border: 2px solid rgba(0, 0, 0, 0.3);
	background: white;
	padding: 20px 20px
}

.dropzone.dz-clickable {
	cursor: pointer
}

.dropzone.dz-clickable * {
	cursor: default
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
	cursor: pointer
}

.dropzone.dz-started .dz-message {
	display: none
}

.dropzone.dz-drag-hover {
	border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
	opacity: 0.5
}

.dropzone .dz-message {
	text-align: center;
	margin: 2em 0
}

.dropzone .dz-message .dz-button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit
}

.dropzone .dz-preview {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 16px;
	min-height: 100px
}

.dropzone .dz-preview:hover {
	z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
	opacity: 1
}

.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius: 20px;
	background: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background: linear-gradient(to bottom, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
	opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
	background: white
}

.dropzone .dz-preview.dz-image-preview .dz-details {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear
}

.dropzone .dz-preview .dz-remove {
	font-size: 14px;
	text-align: center;
	display: block;
	cursor: pointer;
	border: none
}

.dropzone .dz-preview .dz-remove:hover {
	text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
	opacity: 1
}

.dropzone .dz-preview .dz-details {
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 13px;
	min-width: 100%;
	max-width: 100%;
	padding: 2em 1em;
	text-align: center;
	color: rgba(0, 0, 0, 0.9);
	line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
	margin-bottom: 1em;
	font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-filename {
	white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
	border: 1px solid rgba(200, 200, 200, 0.8);
	background-color: rgba(255, 255, 255, 0.8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
	overflow: hidden;
	text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
	border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
	background-color: rgba(255, 255, 255, 0.4);
	padding: 0 0.4em;
	border-radius: 3px
}

.dropzone .dz-preview:hover .dz-image img {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	-webkit-filter: blur(8px);
	filter: blur(8px)
}

.dropzone .dz-preview .dz-image {
	border-radius: 20px;
	overflow: hidden;
	width: 120px;
	height: 120px;
	position: relative;
	display: block;
	z-index: 10
}

.dropzone .dz-preview .dz-image img {
	display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
	-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
	opacity: 1;
	-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
	pointer-events: none;
	opacity: 0;
	z-index: 500;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-left: -27px;
	margin-top: -27px
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
	display: block;
	width: 54px;
	height: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
	opacity: 1;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in;
	transition: opacity 0.4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
	-webkit-animation: pulse 6s ease infinite;
	animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
	opacity: 1;
	z-index: 1000;
	pointer-events: none;
	position: absolute;
	height: 16px;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	width: 80px;
	margin-left: -40px;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transform: scale(1);
	border-radius: 8px;
	overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
	background: linear-gradient(to bottom, #666, #444);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	-webkit-transition: width 300ms ease-in-out;
	transition: width 300ms ease-in-out
}

.dropzone .dz-preview.dz-error .dz-error-message {
	display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
	opacity: 1;
	pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
	pointer-events: none;
	z-index: 1000;
	position: absolute;
	display: block;
	display: none;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	border-radius: 8px;
	font-size: 13px;
	top: 130px;
	left: -10px;
	width: 140px;
	background: #be2626;
	background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));
	background: linear-gradient(to bottom, #be2626, #a92222);
	padding: 0.5em 1.2em;
	color: white
}

.dropzone .dz-preview .dz-error-message:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 64px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #be2626
}

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 1;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center
}

.blocker:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em
}

.blocker.behind {
	background-color: transparent
}

.modal {
	display: none;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	max-width: 500px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 90%;
	background: #fff;
	padding: 15px 30px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	text-align: left
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==")
}

.modal-spinner {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	padding: 12px 16px;
	border-radius: 5px;
	background-color: #111;
	height: 20px
}

.modal-spinner>div {
	border-radius: 100px;
	background-color: #fff;
	height: 20px;
	width: 2px;
	margin: 0 1px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.modal-spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.modal-spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s
}

.modal-spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s
}

@-webkit-keyframes sk-stretchdelay {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.5)
	}

	20% {
		-webkit-transform: scaleY(1)
	}
}

@keyframes sk-stretchdelay {

	0%,
	40%,
	100% {
		transform: scaleY(0.5);
		-webkit-transform: scaleY(0.5)
	}

	20% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1)
	}
}

.pgTitle {
	border-bottom: 1px solid #eee;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font-weight: 600;
	color: #9f9f9f;
	position: relative
}

.pgTitle i {
	font-size: 12px;
	color: #9f9f9f;
	position: relative;
	top: -1px;
	margin: 0 4px 0 0
}

.pgTitle span {
	/* font-family: "Open Sans"; */
	color: #5568e5
}

.pgTitle span .type {
	font-weight: 700;
	color: #9a9a9a;
	letter-spacing: 0.5px
}

.pgTitle.clockheight {
	min-height: 54px;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.pgTitle {
		font-size: 14px
	}
}

.leadtext {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font-size: 18px;
	font-weight: 500;
	color: #9f9f9f;
	position: relative;
	line-height: 24px
}

.tabs {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.tabs li {
	margin: 0 10px 10px 10px;
	display: inline-block
}

.tabs li a {
	display: inline-block;
	text-align: center;
	min-width: 75px;
	position: relative;
	-webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	border-radius: 18px;
	padding: 8px 15px 8px 15px;
	border-bottom: 6px solid #b8b8b8;
	font-size: 12px;
	font-weight: 600;
	text-shadow: rgba(255, 255, 255, 0.5) 0 -1px 0, rgba(0, 0, 0, 0.18) 0 1px 1px;
	-webkit-box-shadow: inset rgba(255, 254, 255, 0.1) 0 3px 3px, inset rgba(0, 0, 0, 0.05) 0 -1px 3px, rgba(0, 0, 0, 0.13) 0 4px 4px;
	box-shadow: inset rgba(255, 254, 255, 0.1) 0 3px 3px, inset rgba(0, 0, 0, 0.05) 0 -1px 3px, rgba(0, 0, 0, 0.13) 0 4px 4px;
	white-space: nowrap;
	background: #ccc;
	color: #4d4d4d
}

.tabs li a::before {
	position: absolute;
	content: "";
	background-image: -webkit-gradient(linear, 0% 0, 100% 0, from(rgba(255, 255, 255, 0.55)), to(rgba(255, 255, 255, 0.5)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.8, rgba(255, 255, 255, 0)));
	left: 2%;
	width: 96%;
	top: 0;
	height: 95%;
	border-radius: 20px
}

.tabs li a i {
	font-size: 10px;
	margin-left: 3px
}

.tabs li:active {
	border-radius: 18px;
	position: relative;
	top: 3px;
	background: #5568e5;
	border-bottom-width: 4px !important;
	color: #fff;
	text-shadow: rgba(255, 255, 255, 0.5) 0 -1px 0, rgba(0, 0, 0, 0.18) 0 1px 1px
}

.tabs li:hover a,
.tabs li.active a {
	position: relative;
	top: 3px;
	background: #5568e5;
	color: #fff;
	text-shadow: rgba(255, 255, 255, 0.5) 0 -1px 0, rgba(0, 0, 0, 0.18) 0 1px 1px;
	border-bottom: 6px solid #4a3993;
	text-shadow: -2px 2px 5px #342866
}

.tabs li.litlink {
	margin-left: auto;
	margin-right: 230px
}

.tabs li.print {
	position: absolute;
	right: 10px;
	top: 15px
}

.tabs li.print a {
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 5px 10px;
	background: #5568e5;
	color: #fff;
	border-bottom: 2px solid #342866;
	-webkit-box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.15);
	box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.15)
}

.filterBar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 0 5px 0;
	margin: 0 0 20px 0;
	background: #f9f9f9;
	color: #999999;
	position: relative
}

.filterBar .sortBy {
	padding: 0 0 0 10px
}

@media screen and (max-width: 1024px) {
	.filterBar .sortBy {
		display: none
	}

	.filterBar .sortBy.openSeach {
		position: absolute;
		left: 10px;
		top: 35px;
		z-index: 9;
		display: block;
		border-radius: 3px;
		background: #f9f9f9;
		border: 1px solid #ddd;
		width: 300px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 10px;
		-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
		box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3)
	}

	.filterBar .sortBy.openSeach>div {
		width: 100%
	}
}

.filterBar .sortBy .filter {
	display: inline-block;
	margin: 0 10px 0 0;
	width: 180px
}

.filterBar .sortBy .filter .select2-container {
	width: 100% !important
}

.filterBar .sortBy .filter .select2-container .select2-selection {
	height: 32px;
	border-color: #e9e0e0
}

.filterBar .sortBy .filter .select2-container .select2-selection__rendered {
	line-height: 32px;
	font-size: 12px
}

.filterBar .sortBy .search-bar {
	display: inline-block;
	border-bottom: 2px solid #d2d2d2;
	border-radius: 4px;
	background: #fff
}

.filterBar .sortBy .search-bar span {
	position: relative
}

.filterBar .sortBy .search-bar span i {
	position: absolute;
	left: 10px;
	top: 6px;
	font-size: 8px
}

.filterBar .sortBy .search-bar span input {
	width: 100%;
	border: 0;
	padding: 7px 25px 7px 25px
}

.filterBar .list-view {
	margin-left: auto;
	padding-right: 10px;
	padding-top: 7px;
	text-align: right;
	white-space: nowrap
}

@media screen and (max-width: 992px) {
	.filterBar .list-view a {
		white-space: nowrap
	}

	.filterBar .list-view .display-option {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.filterBar .list-view a[data-class] {
		display: none
	}
}

.filterBar .list-view a {
	font-size: 10px;
	padding: 10px 10px 7px 10px;
	border-radius: 5px;
	color: #999999;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

.filterBar .list-view a.letterpreview {
	-webkit-box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.25);
	box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.25);
	color: #fff;
	background: #5568e5;
	margin-right: 5px;
	padding: 0;
	font-size: 13px;
	padding: 5px 10px
}

.filterBar .list-view a:hover,
.filterBar .list-view a.active {
	-webkit-box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.25);
	box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.25);
	color: #fff;
	background: #5568e5
}

.product-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 10px;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	width: 100%
}

@media screen and (max-width: 640px) {
	.product-list {
		margin: 0
	}
}

.product-list .item {
	border: 1px solid #f7f7f7;
	background: #fbfbfb;
	margin: 0 15px 30px 15px;
	text-align: center;
	border-radius: 5px;
	min-height: 150px;
	padding: 10px 0 0 0;
	max-width: calc(25% - 30px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(25% - 30px);
	flex: 0 0 calc(25% - 30px);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), color-stop(64%, rgba(255, 255, 255, 0.88)), to(rgba(158, 158, 158, 0.02)));
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.88) 64%, rgba(158, 158, 158, 0.02) 100%);
	border-bottom-width: 2px;
	position: relative;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.05)
}

@media screen and (max-width: 640px) {
	.product-list .item {
		max-width: 100%;
		-webkit-box-flex: 100%;
		-ms-flex: 100%;
		flex: 100%
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.product-list .item {
		max-width: calc(50% - 30px);
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 30px);
		flex: 0 0 calc(50% - 30px)
	}
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
	.product-list .item {
		max-width: calc(33% - 30px);
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(33% - 30px);
		flex: 0 0 calc(33% - 30px)
	}
}

.product-list .item:hover {
	border-bottom: 2px solid #cccccc;
	-webkit-box-shadow: 0 12px 25px -6px rgba(0, 0, 0, 0.15);
	box-shadow: 0 12px 25px -6px rgba(0, 0, 0, 0.15);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), color-stop(54%, rgba(255, 255, 255, 0.88)), to(rgba(158, 158, 158, 0.15)));
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.88) 54%, rgba(158, 158, 158, 0.15) 100%)
}

.product-list .item:hover .bttn {
	background: #5568e5 !important
}

.product-list .item:hover .bttn.dsbl {
	background-color: #ccc !important;
	opacity: 0.3 !important
}

.product-list .item h2 {
	/* font-family: "Open Sans"; */
	margin: 0 0 5px 0;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 400
}

.product-list .item .thumb {
	margin: 0 15px 10px 15px;
	min-height: 100px
}

.product-list .item .thumb img {
	max-width: 80%;
	max-height: 100px
}

.product-list .item .desc {
	padding: 0 10px 5px 10px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%
}

.product-list .item .code {
	font-size: 12px;
	/* font-family: "Open Sans"; */
	color: #888;
	margin: 0 0 10px 0
}

.product-list .item .code span {
	text-transform: uppercase;
	/* font-family: "Open Sans"; */
	color: #9f9f9f;
	font-size: 12px;
	margin-right: 5px
}

.product-list .item .spinner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.product-list .item .spinner .input-group {
	background: #fff;
	position: relative;
	padding-right: 22px;
	width: 50px;
	height: 28px;
	overflow: hidden;
	border: 1px solid #ccc
}

.product-list .item .spinner .input-group .form-control {
	text-align: center;
	border: 0;
	width: 100%;
	height: 28px
}

.product-list .item .spinner .input-group .group {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	border-left: 1px solid #ccc !important
}

.product-list .item .spinner .input-group .group button {
	min-height: 14px;
	width: 100%;
	background: #fff;
	display: block;
	border: 0;
	line-height: 14px;
	font-size: 7px;
	color: #15124b
}

.product-list .item .spinner .input-group .group button i {
	line-height: 1
}

.product-list .item .spinner .input-group .group button:last-child {
	margin-top: -1px;
	border-top: 1px solid #ccc !important
}

.product-list .item .spinner .bttn {
	position: relative;
	top: -1px;
	margin: 0 0 15px 10px;
	font-size: 12px;
	min-width: auto;
	padding: 2px 10px;
	line-height: 22px;
	border-radius: 5px;
	background: #959595;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.product-list .item .spinner .bttn i {
	font-size: 9px;
	margin-right: 2px
}

.product-list .item .star {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 1
}

#list.product-list .item {
	max-width: calc(50% - 10px);
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - 10px);
	flex: 0 0 calc(50% - 10px);
	margin: 0 5px 10px 5px;
	text-align: left;
	position: relative;
	padding: 0 0 0 70px;
	min-height: auto
}

@media screen and (max-width: 640px) {
	#list.product-list .item {
		max-width: calc(100% - 10px);
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 10px);
		flex: 0 0 calc(100% - 10px)
	}
}

#list.product-list .item .thumb {
	position: absolute;
	left: 5px;
	width: 60px;
	top: 5px;
	margin: 0;
	min-height: 50px
}

#list.product-list .item .desc {
	padding: 0 10px 0 0
}

#list.product-list .item .spinner {
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

#list.product-list .item .spinner .bttn {
	margin-bottom: 5px
}

.product-parent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-parent .pro-full-view {
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	padding: 0 10px
}

.product-parent .pro-left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%
}

@media screen and (max-width: 640px) {
	.product-parent .pro-left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

.product-parent .pro-right {
	margin: 0 15px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(25% - 30px);
	flex: 0 0 calc(25% - 30px)
}

@media screen and (max-width: 640px) {
	.product-parent .pro-right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(100% - 30px);
		flex: 0 0 calc(100% - 30px)
	}
}

.quick-box {
	border-radius: 4px;
	padding: 5px;
	margin: 0 0 20px 0;
	background: #fbfbfb;
	border: 1px solid #ededed
}

.quick-box h2 {
	line-height: 32px;
	border-bottom: 1px dotted #ddd;
	color: #5568e5;
	display: block;
	margin: 0 0 0 0;
	font-size: 14px;
	/* font-family: "Open Sans"; */
	font-weight: 500;
	position: relative
}

.quick-box h2 i {
	position: absolute;
	font-size: 10px;
	right: 5px;
	top: 9px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.quick-box.off h2 i {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.quick-box.off .quick-body-list {
	display: none
}

.quick-body-list {
	margin-top: 10px
}

.quick-body-list .rit-box {
	margin-bottom: 5px;
	max-height: 200px;
	overflow: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.quick-body-list .rit-box::-webkit-scrollbar {
	width: 6px
}

.quick-body-list .rit-box::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.quick-body-list .rit-box::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.quick-body-list .rit-box .rt-item {
	background: #fff;
	margin: 0 0 5px 0;
	text-align: center;
	border: 1px solid #fbfbfb;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	font-size: 11px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.quick-body-list .rit-box .rt-item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

.quick-body-list .rit-box .rt-item .thumb {
	position: relative;
	margin-bottom: 5px;
	display: block
}

.quick-body-list .rit-box .rt-item .thumb .remove {
	position: absolute;
	right: 5px;
	top: 5px;
	color: red
}

.quick-body-list .prev-order {
	margin: 0 0 8px 0;
	padding-bottom: 8px;
	border-bottom: 1px dotted #ddd
}

.quick-body-list .prev-order a {
	display: block
}

.quick-body-list .prev-order span {
	line-height: 16px;
	font-size: 11px;
	display: block;
	color: #999
}

.quick-body-list .more {
	display: block;
	text-align: right;
	margin: 15px 0 5px 0;
	color: #555;
	font-size: 11px;
	/* font-family: "Open Sans" */
}

.quick-body-list .more i {
	margin: 0 0 0 3px;
	font-size: 8px;
	position: relative;
	top: 0px
}

.quick-body-list .import {
	margin-bottom: 15px
}

.quick-body-list .import [type="file"] {
	height: 0;
	overflow: hidden;
	width: 0
}

.quick-body-list .import .selected-file {
	font-size: 12px;
	color: #ccc
}

.quick-body-list .import [type="file"]+label {
	background: #2b2b2b;
	border: none;
	border-radius: 50px;
	color: #ccc;
	cursor: pointer;
	display: inline-block;
	font-weight: 500;
	padding: 8px 30px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.quick-body-list .import [type="file"]+label i {
	margin-right: 3px;
	font-size: 10px
}

.quick-body-list .import .selected-file {
	margin: 10px 0;
	display: block
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.quick-body-list .preview a {
		padding: 0 5px;
		font-size: 10px
	}
}

.quick-body-list .chk-row .caption {
	font-size: 12px
}

.quick-body-list .preview .bttn {
	margin: 0 0 10px 0
}

.quick-body-list .preview .bttn i {
	margin-right: 3px;
	font-size: 10px
}

.cart-wizard {
	margin-top: 30px;
	overflow: hidden;
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0
}

.cart-wizard>li {
	padding: 11px 15px 10px 15px;
	float: left;
	width: calc(100% / 4 - 4px);
	position: relative;
	overflow: visible;
	border-right: 12px solid #fff;
	border-left: 12px solid #fff;
	background-color: #d7d5d4;
	text-align: center
}

@media screen and (max-width: 991px) {
	.cart-wizard>li {
		width: auto !important
	}
}

@media screen and (max-width: 767px) {
	.cart-wizard>li {
		padding: 0 !important;
		border: 0 !important
	}
}

.cart-wizard>li+li {
	margin-left: 0
}

.cart-wizard>li:first-child {
	border-left: 0
}

.cart-wizard>li:last-child {
	border-right: 0
}

.cart-wizard>li a {
	color: #607d8b;
	border-radius: 0;
	border: 0 !important;
	margin: 0;
	padding: 5px 15px;
	font-size: 16px;
	text-transform: uppercase
}

@media screen and (max-width: 767px) {
	.cart-wizard>li a {
		font-size: 11px;
		padding: 5px 10px
	}
}

.cart-wizard>li .nav-arrow {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 23px 0 23px 13px;
	border-color: transparent transparent transparent #d7d5d4;
	z-index: 1
}

@media screen and (max-width: 767px) {
	.cart-wizard>li .nav-arrow {
		display: none
	}
}

.cart-wizard>li .nav-arrow::before {
	z-index: 151;
	left: -7px;
	top: -23px;
	position: absolute;
	content: "";
	width: 25px;
	height: 23px;
	-webkit-transform: skew(30deg);
	transform: skew(30deg);
	background: #bebdbb
}

.cart-wizard>li .nav-arrow::after {
	z-index: 151;
	left: -7px;
	top: 0;
	position: absolute;
	content: "";
	width: 25px;
	height: 23px;
	-webkit-transform: skew(-31deg);
	transform: skew(-31deg);
	background: #a6a6a4
}

.cart-wizard>li .nav-wedge {
	position: absolute;
	top: 0px;
	left: -13px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 23px 0 23px 13px;
	border-color: #d7d5d4 #d7d5d4 #d7d5d4 transparent;
	z-index: 1
}

@media screen and (max-width: 767px) {
	.cart-wizard>li .nav-wedge {
		display: none
	}
}

.cart-wizard>li:hover,
.cart-wizard>li.current {
	background-color: #5568e5
}

.cart-wizard>li:hover .nav-arrow,
.cart-wizard>li.current .nav-arrow {
	border-color: transparent transparent transparent #5568e5
}

.cart-wizard>li:hover .nav-arrow::before,
.cart-wizard>li.current .nav-arrow::before {
	z-index: 151;
	left: -7px;
	top: -23px;
	position: absolute;
	content: "";
	width: 25px;
	height: 23px;
	-webkit-transform: skew(30deg);
	transform: skew(30deg);
	background: #5568e5
}

.cart-wizard>li:hover .nav-arrow::after,
.cart-wizard>li.current .nav-arrow::after {
	z-index: 151;
	left: -7px;
	top: 0;
	position: absolute;
	content: "";
	width: 25px;
	height: 23px;
	-webkit-transform: skew(-31deg);
	transform: skew(-31deg);
	background: #5568e5
}

.cart-wizard>li:hover .nav-wedge,
.cart-wizard>li.current .nav-wedge {
	border-color: #5568e5 #5568e5 #5568e5 transparent
}

.cart-wizard>li:hover a,
.cart-wizard>li.current a {
	color: #fff;
	background-color: #5568e5
}

.cart-table {
	overflow: hidden;
	margin: 0 0 20px 0;
	width: 100%;
	border: 1px solid #dcdad9
}

.cart-table .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (max-width: 767px) {
	.cart-table .row {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}

.cart-table .row>div {
	padding: 10px
}

@media screen and (max-width: 767px) {
	.cart-table .row>div {
		padding: 5px;
		font-size: 10px !important
	}
}

.cart-table .row .name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.cart-table .row .name .thumb {
	margin-right: 10px
}

.cart-table .row .name .thumb img {
	max-width: 50px
}

@media screen and (max-width: 767px) {
	.cart-table .row .name .thumb img {
		max-width: 30px
	}
}

.cart-table .row .name h2 {
	/* font-family: "Open Sans"; */
	margin: 0 0 0 0;
	padding: 0;
	font-size: 18px;
	color: #5568e5;
	letter-spacing: 1px;
	font-weight: 400
}

@media screen and (max-width: 767px) {
	.cart-table .row .name h2 {
		font-size: 12px
	}
}

.cart-table .row .name p {
	text-transform: uppercase;
	color: #9f9f9f;
	font-size: 12px;
	margin-right: 5px;
	margin-bottom: 0
}

@media screen and (max-width: 767px) {
	.cart-table .row .name p {
		font-size: 10px
	}
}

.cart-table .row .id {
	width: 25%;
	color: #9f9f9f
}

@media screen and (max-width: 767px) {
	.cart-table .row .id {
		font-size: 10px !important
	}
}

.cart-table .row .qty {
	width: 20%
}

.cart-table .row .qty .spinner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

.cart-table .row .qty .spinner .input-group {
	background: #fff;
	position: relative;
	padding-right: 22px;
	width: 50px;
	height: 28px;
	overflow: hidden;
	border: 1px solid #ccc
}

.cart-table .row .qty .spinner .input-group .form-control {
	text-align: center;
	border: 0;
	width: 100%;
	height: 28px
}

.cart-table .row .qty .spinner .input-group .group {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	border-left: 1px solid #ccc !important
}

.cart-table .row .qty .spinner .input-group .group button {
	width: 100%;
	background: #fff;
	display: block;
	border: 0;
	font-size: 8px;
	color: #15124b;
	min-height: 13px
}

.cart-table .row .qty .spinner .input-group .group button:last-child {
	margin-top: -1px;
	border-top: 1px solid #ccc !important
}

.cart-table .row .qty .spinner .bttn {
	position: relative;
	top: -1px;
	margin: 0 0 15px 10px;
	font-size: 12px;
	min-width: auto;
	padding: 2px 10px;
	line-height: 22px;
	border-radius: 5px;
	background: #959595;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.cart-table .row .qty .spinner .bttn i {
	font-size: 9px;
	margin-right: 2px
}

.cart-table .row .delete {
	width: 5%;
	color: red;
	font-size: 11px
}

.cart-table .row .pr-row {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.cart-table .row .pr-row h4 {
	position: relative;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	color: #5568e5;
	padding-bottom: 5px;
	border-bottom: 1px dotted #eee
}

.cart-table .row .pr-row h4 .printDrop {
	padding: 5px;
	position: absolute;
	right: 10px;
	top: -5px;
	font-size: 10px
}

.cart-table .row .pr-row .item-row-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.cart-table .row .pr-row .item-row-group .item-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 10px
}

.cart-table .row .pr-row .item-row-group .c-item {
	width: 10%
}

.cart-table .row .pr-row .item-row-group .c-name {
	width: 25%;
	padding-right: 15px
}

.cart-table .row .pr-row .item-row-group .c-info {
	width: 25%;
	padding-right: 15px
}

.cart-table .row .pr-row .item-row-group .c-officer {
	width: 25%;
	padding-right: 15px
}

.cart-table .row .pr-row .item-row-group .c-preview {
	width: 15%
}

.cart-table .row .pr-row .item-row-group .form-row {
	width: 100%;
	margin: 0
}

.cart-table .caption {
	background: #e9e8e7
}

.cart-table .caption>div {
	color: #6d6e70 !important;
	/* font-family: "Open Sans"; */
	font-size: 14px;
	text-transform: uppercase
}

.my-cart {
	clear: both;
	margin: 0 0 15px 0;
	display: inline-block;
	position: relative
}

.my-cart .badge {
	left: 25px;
	top: -7px;
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #5568e5;
	color: #fff;
	text-align: center;
	font-size: 11px;
	line-height: 17px
}

.my-cart label {
	position: absolute;
	display: inline-block;
	white-space: nowrap;
	background: #5568e5;
	left: 50px;
	top: -2px;
	color: #fff;
	padding: 5px 20px
}

.shipment-details {
	margin: 0 0 20px 0
}

.add-btn {
	display: inline-block;
	background: #5568e5;
	color: #fff;
	padding: 5px 20px
}

.add-btn i {
	margin: 0 3px 0 0;
	font-size: 10px
}

.add-address {
	overflow: hidden;
	width: 100%
}

.add-address .form-full {
	clear: both
}

.my-address {
	clear: both
}

.my-address h3 {
	color: #5568e5;
	overflow: hidden
}

.my-address h3 a {
	margin-left: 15px;
	padding: 1px 7px 2px 7px;
	color: #838383;
	font-weight: 600;
	font-size: 10px;
	border: 1px solid #ccc;
	background: #e2e2e2;
	border-radius: 4px;
	text-transform: uppercase
}

.my-address h3 a i {
	color: red;
	margin-right: 3px;
	font-size: 9px
}

.my-address .address-boxes {
	margin-top: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.my-address .address-boxes .domestic {
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 70%
}

.my-address .address-boxes .domestic .box {
	width: calc(50% - 20px)
}

.my-address .address-boxes .internanational {
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 30%
}

.my-address .address-boxes .internanational .box {
	width: 100%
}

.my-address .address-boxes .caption {
	line-height: 28px;
	color: #5568e5;
	letter-spacing: 0.05em;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	width: 100%;
	padding-bottom: 5px
}

.my-address .address-boxes .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid #c0c1c3;
	margin: 0 20px 20px 0;
	width: calc(50% - 20px)
}

@media screen and (max-width: 767px) {
	.my-address .address-boxes .box {
		width: 100%;
		margin: 0 0 10px 0
	}
}

.my-address .address-boxes .box .use {
	background: #edeceb;
	padding: 10px
}

.my-address .address-boxes .box .use .delete {
	margin-left: 3px;
	font-size: 10px
}

.my-address .address-boxes .box .use .checkbox {
	float: right
}

.my-address .address-boxes .box .use .checkbox label {
	margin-right: 0
}

.my-address .address-boxes .box .details {
	padding: 10px;
	color: #757575
}

.my-address .address-boxes .box .details p {
	margin: 0 0 5px 0
}

.my-address .address-boxes .box .details p i {
	width: 15px;
	font-size: 10px
}

.my-address .address-boxes .box .details p .edit {
	display: none;
	margin: 0 0 0 10px;
	font-size: 10px
}

.my-address .address-boxes .box .details p:hover .edit {
	display: inline-block
}

.my-address .address-boxes .box .details a {
	color: #5568e5
}

.mydetailOrder {
	border: 1px solid #f2f2f2;
	border-radius: 10px
}

.mydetailOrder .top {
	font-size: 16px;
	font-weight: 600;
	border-radius: 10px 10px 0 0;
	background: #5568e5;
	padding: 10px;
	color: #fff
}

.mydetailOrder .top span {
	letter-spacing: 0.03em;
	margin-left: 20px;
	font-size: 12px;
	color: #fff
}

.mydetailOrder .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 20px;
	position: relative;
	padding-top: 70px
}

.mydetailOrder .content .name {
	position: absolute;
	left: 20px;
	top: 15px;
	color: #5568e5 !important
}

.mydetailOrder .addreddOr {
	margin: 25px 0;
	text-align: center;
	width: 90%;
	position: relative
}

.mydetailOrder .addreddOr::before {
	content: "";
	top: 9px;
	border-bottom: 1px dashed #ccc;
	left: 0;
	width: 100%;
	position: absolute
}

.mydetailOrder .addreddOr span {
	position: relative;
	z-index: 2;
	font-weight: 600;
	font-size: 16px;
	color: #323232;
	padding: 5px 25px;
	background: #fff
}

.mydetailOrder .addressEdit {
	width: 90%;
	position: relative;
	border: 1px solid #c9c9c9;
	padding: 5px;
	min-height: 150px
}

.mydetailOrder .addressEdit .editlink {
	color: #5568e5;
	position: absolute;
	right: 5px;
	top: 5px;
	border: 1px solid #5568e5;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 2px 5px;
	border-radius: 2px;
	text-transform: uppercase
}

.mydetailOrder .addressEdit .editlink i {
	font-size: 9px;
	margin-right: 3px
}

.mydetailOrder .addressEdit .editlink:hover {
	background: #5568e5;
	color: #fff
}

.mydetailOrder .addressEdit .editmode {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.mydetailOrder .addressEdit .editmode textarea {
	border: 1px solid #ccc;
	width: 100%;
	height: 100%;
	padding: 10px
}

.mydetailOrder .addressEdit .editmode .update {
	border: 0;
	background-color: #5568e5;
	color: #fff;
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 2px 5px;
	border-radius: 2px;
	text-transform: uppercase
}

.mydetailOrder .dataRow {
	border-bottom: 1px dashed #c9c9c9;
	position: relative;
	margin: 0;
	padding: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.mydetailOrder .dataRow .deleteItem {
	position: absolute;
	right: 0;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	top: 0;
	text-align: center;
	background: red;
	color: #fff;
	line-height: 18px;
	font-size: 11px;
	line-height: 17px;
	top: 10px
}

.mydetailOrder .dataRow input {
	padding: 1px 7px;
	max-width: 65px
}

.mydetailOrder .dataRow label {
	letter-spacing: 0.02em;
	font-weight: 500 !important;
	padding-left: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #707070 !important;
	font-size: 11px;
	text-transform: uppercase
}

.mydetailOrder .dataRow label.item {
	width: 180px
}

.mydetailOrder .dataRow label.item span {
	width: 100% !important
}

.mydetailOrder .dataRow label.item .select2-selection__arrow b {
	left: 94% !important
}

.mydetailOrder .dataRow label b {
	font-size: 13px;
	font-weight: 600;
	color: #2b2b2b;
	text-transform: initial
}

.mydetailOrder .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 85%
}

.mydetailOrder .left p span {
	display: block;
	font-weight: 600
}

.mydetailOrder .left p label {
	margin-right: 10px;
	font-weight: 600;
	font-size: 12px
}

.mydetailOrder .left p .qty {
	font-weight: 600;
	font-size: 12px;
	margin-left: 10px
}

.mydetailOrder .left .one {
	width: 15%
}

.mydetailOrder .left .add {
	width: 25%
}

.mydetailOrder .left .add .browse {
	display: block;
	padding: 7px 20px;
	margin: 0 0 15px;
	width: 190px;
	font-size: 12px;
	font-weight: 600;
	border: 1px solid #5568e5;
	border-radius: 5px;
	white-space: nowrap;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in
}

.mydetailOrder .left .add .browse i {
	margin-right: 10px
}

.mydetailOrder .left .add .browse:hover {
	background: #5568e5;
	color: #fff
}

.mydetailOrder .left .info {
	width: 50%;
	margin-right: 20px
}

.mydetailOrder .left .info .foo {
	padding: 0 0 0 10px;
	width: 55px
}

.mydetailOrder .right {
	width: 15%
}

.mydetailOrder .right a {
	display: inline-block;
	padding: 7px 20px;
	margin: 0 0 15px;
	min-width: 150px;
	font-size: 12px;
	font-weight: 600;
	border: 1px solid #5568e5;
	border-radius: 5px;
	white-space: nowrap;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in
}

.mydetailOrder .right a i {
	margin-left: 10px
}

.mydetailOrder .right a:hover {
	background: #5568e5;
	color: #fff
}

.order-summary {
	overflow: hidden
}

.order-summary h2 {
	color: #5568e5
}

.order-summary h2 span {
	font-size: 13px;
	color: #9f9f9f;
	margin: 0 0 0 10px;
	/* font-family: "Open Sans"; */
	font-weight: 500
}

.order-summary .order-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.order-summary .order-details .name .odtype {
	position: relative;
	top: -4px
}

@media screen and (max-width: 767px) {
	.order-summary .order-details {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.order-summary .order-details .left {
	padding: 0 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70%;
	flex: 0 0 70%
}

@media screen and (max-width: 767px) {
	.order-summary .order-details .left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		padding: 0
	}
}

.order-summary .order-details .right {
	padding: 0 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%
}

@media screen and (max-width: 767px) {
	.order-summary .order-details .right {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		padding: 0
	}
}

.order-summary .order-details .right .details {
	color: #8a8a8a
}

.order-summary .order-details .right .details p {
	margin: 0 0 5px 0;
	font-size: 12px
}

.order-summary .order-details .right .details p i {
	font-size: 10px
}

.order-summary .order-details .pro-name {
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.order-summary .order-details .pro-name span {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333%;
	flex: 0 0 33.333%;
	/* font-family: "Open Sans"; */
	display: block;
	font-size: 12px;
	padding: 0 10px
}

.order-summary .order-details .pro-name .name {
	/* font-family: "Open Sans"; */
	font-size: 13px
}

.order-summary .order-details .pro-name.total {
	color: #5568e5;
	margin-bottom: 30px !important
}

.order-summary .order-details .pro-name.total span {
	/* font-family: "Open Sans"; */
	font-size: 14px;
	text-transform: uppercase
}

.order-summary .order-details .info {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	background: #e9e8e7;
	line-height: 28px;
	text-indent: 10px
}

.order-summary .order-details .payment-method {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.order-summary .order-details .payment-method .checkbox {
	padding: 30px 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	text-align: center
}

@media screen and (max-width: 767px) {
	.order-summary .order-details .payment-method .checkbox {
		padding: 0 0 10px 0
	}

	.order-summary .order-details .payment-method .checkbox label {
		margin-right: 0
	}
}

.my-od {
	border-radius: 5px;
	min-height: 80px
}

.my-od .od-data {
	margin-bottom: 20px;
	padding: 0 0 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border: 1px solid #ddd
}

.my-od .od-data .date {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%
}

.my-od .od-data .pro {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%
}

.my-od .od-data .proid {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%
}

.my-od .od-data .proid a {
	color: #5568e5;
	display: inline-block;
	margin: 0 10px 0 0
}

.my-od .od-data .proid b {
	margin: 0 10px 10px 0;
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	background: #f2f2f2;
	color: #8c8c8c;
	border: 1px solid #ccc;
	padding: 5px 10px 3px 10px;
	border-radius: 5px
}

.my-od .od-data .qty {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%
}

.my-od .od-data .odid {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

.my-od .od-data div {
	padding: 0
}

.my-od .od-data div span {
	color: #a2a0a0;
	margin-bottom: 10px;
	padding: 10px 0;
	background: #fbfbfb;
	line-height: 16px;
	text-transform: uppercase;
	display: block
}

@media screen and (max-width: 991px) {
	.my-od .od-data {
		margin-bottom: 10px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-bottom: 0
	}

	.my-od .od-data>div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.my-od .od-data>div span {
		width: calc(50% - 10px);
		padding-left: 10px !important;
		margin-right: 5px !important;
		margin-bottom: 2px !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important
	}
}

.my-account {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap
}

.my-account>div {
	border-radius: 5px;
	margin: 0 20px 20px 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 31%;
	flex: 0 0 31%;
	border: 1px solid #ededed;
	overflow: hidden
}

@media screen and (max-width: 640px) {
	.my-account>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 5px
	}
}

@media screen and (min-width: 641px) and (max-width: 991px) {
	.my-account>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 48%;
		flex: 0 0 48%
	}

	.my-account>div:nth-child(2n) {
		margin-right: 0
	}
}

.my-account>div h2 {
	font-size: 15px;
	padding: 10px;
	background: #fbfbfb;
	font-weight: 500;
	color: #5568e5
}

@media screen and (max-width: 767px) {
	.my-account>div h2 {
		margin: 0;
		padding: 5px 15px
	}
}

.my-account>div .more {
	display: block;
	padding: 10px;
	font-size: 10px
}

.my-account>div .more i {
	font-size: 9px
}

.my-account>div .prev-order {
	margin: 0 0 10px 0;
	padding: 5px 15px 15px 15px;
	border-bottom: 1px dotted #ddd
}

.my-account>div .prev-order a {
	color: #555
}

.my-account>div .prev-order span {
	line-height: 16px;
	font-size: 11px;
	display: block;
	color: #999
}

@media screen and (max-width: 767px) {
	.my-account>div .prev-order {
		margin: 0 0 0px 0;
		padding: 8px 15px 8px 15px
	}
}

.my-account>div .details {
	padding: 5px 15px
}

.my-account>div .details p {
	font-size: 12px
}

.my-account>div .details p i {
	width: 15px;
	font-size: 10px
}

.my-account>div .details p a {
	color: #5568e5
}

@media screen and (max-width: 767px) {
	.my-account>div .details p {
		margin-bottom: 5px
	}
}

.my-account>div .payment-method {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.my-account>div .payment-method>div {
	border-bottom: 1px dotted #eee;
	padding: 20px 25px;
	text-align: left;
	width: 100%
}

@media screen and (max-width: 767px) {
	.my-account>div .payment-method>div {
		padding: 10px 15px
	}
}

.prodct-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 767px) {
	.prodct-detail {
		width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.prodct-detail .thumb {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	width: 40%;
	margin-right: 25px;
	padding: 25px;
	border: 1px solid #eee;
	border-radius: 5px;
	position: relative
}

.prodct-detail .thumb>img {
	max-width: 100%
}

.prodct-detail .thumb .star {
	text-align: center;
	padding-top: 3px;
	right: 10px;
	top: 10px;
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #fbfbfb;
	-webkit-box-shadow: 2px 2px 3px 2px rgba(204, 204, 204, 0.3);
	box-shadow: 2px 2px 3px 2px rgba(204, 204, 204, 0.3)
}

.prodct-detail .thumb .star i {
	color: #5568e5;
	font-size: 10px
}

@media screen and (max-width: 767px) {
	.prodct-detail .thumb {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100%;
		margin: 0 0 20px 0
	}
}

.prodct-detail .pdfprev {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 68%;
	flex: 0 0 68%;
	margin-right: 25px;
	padding: 0;
	border: 1px solid #eee;
	border-radius: 5px
}

.prodct-detail .pdfprev .pannel {
	background: #eee;
	padding: 13px 10px;
	text-align: right;
	border-radius: 5px 5px 0 0
}

.prodct-detail .pdfprev .pannel .link {
	min-width: 85px;
	text-align: center;
	display: inline-block;
	border: 1px solid #545454;
	font-weight: 600;
	font-size: 10px;
	margin-right: 10px;
	border-radius: 3px;
	letter-spacing: 0.05em;
	padding: 5px 15px;
	text-transform: uppercase
}

.prodct-detail .pdfprev .pannel .link.active,
.prodct-detail .pdfprev .pannel .link:hover {
	background: #545454;
	color: #fbfbfb
}

.prodct-detail .pdfprev .pdflock {
	overflow: hidden;
	position: relative
}

.prodct-detail .pdfprev .pdflock .pdfedit {
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	position: absolute;
	right: -450px;
	top: 0;
	width: 450px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.92);
	z-index: 10;
	padding: 15px 25px;
	height: 906px;
	overflow: auto;
	-webkit-box-shadow: -4px 3px 5px -5px rgba(0, 0, 0, 0.5);
	box-shadow: -4px 3px 5px -5px rgba(0, 0, 0, 0.5)
}

.prodct-detail .pdfprev .pdflock .pdfedit .fancy-checkbox {
	margin-bottom: 20px
}

.prodct-detail .pdfprev .pdflock .pdfedit .title {
	font-size: 16px;
	font-weight: 700;
	color: #5568e5;
	line-height: 36px;
	border-bottom: 1px solid #ddd
}

.prodct-detail .pdfprev .pdflock .pdfedit.open {
	right: 0
}

.prodct-detail .pdfprev .pdflock .layer {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: #545454;
	opacity: 0.2
}

.prodct-detail .pdfprev .pdflock .frame {
	pointer-events: none
}

.prodct-detail .pdfprev .pdflock.unlock .layer {
	display: none
}

.prodct-detail .pdfprev .pdflock.unlock .frame {
	pointer-events: inherit
}

.prodct-detail .descriptions {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

.prodct-detail .descriptions.pdf {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%
}

@media screen and (max-width: 767px) {
	.prodct-detail .descriptions {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

.prodct-detail .descriptions h2 {
	color: #5568e5;
	border-bottom: 1px dotted #eee
}

.prodct-detail .descriptions .showconatiner {
	margin-bottom: 20px
}

.prodct-detail .descriptions .kit-type-name label,
.prodct-detail .descriptions .kit-c-name label {
	color: #9c9c9c;
	font-size: 10px;
	display: block;
	text-transform: uppercase
}

.prodct-detail .descriptions .desc {
	text-transform: uppercase
}

.prodct-detail .descriptions .text {
	color: #9c9c9c
}

.prodct-detail .descriptions .spinner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

.prodct-detail .descriptions .spinner .input-group {
	background: #fff;
	position: relative;
	padding-right: 22px;
	width: 50px;
	height: 28px;
	overflow: hidden;
	border: 1px solid #ccc
}

.prodct-detail .descriptions .spinner .input-group .form-control {
	text-align: center;
	border: 0;
	width: 100%;
	height: 28px
}

.prodct-detail .descriptions .spinner .input-group .group {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	border-left: 1px solid #ccc !important
}

.prodct-detail .descriptions .spinner .input-group .group button {
	min-height: 14px !important;
	width: 100%;
	background: #fff;
	display: block;
	border: 0;
	font-size: 8px;
	color: #15124b
}

.prodct-detail .descriptions .spinner .input-group .group button:last-child {
	margin-top: -1px;
	border-top: 1px solid #ccc !important
}

.prodct-detail .descriptions .spinner .bttn {
	position: relative;
	top: -1px;
	margin: 0 0 15px 10px;
	font-size: 12px;
	min-width: auto;
	padding: 2px 10px;
	line-height: 22px;
	border-radius: 5px;
	background: #5568e5;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.prodct-detail .descriptions .spinner .bttn i {
	font-size: 9px;
	margin-right: 2px
}

.my-kitbuilder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap
}

.my-kitbuilder .kit-component {
	padding: 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	border-radius: 4px
}

@media screen and (max-width: 1024px) {
	.my-kitbuilder .kit-component {
		padding: 0
	}
}

.my-kitbuilder .kit-component .ui-widget-content {
	-webkit-box-shadow: none;
	box-shadow: none
}

.my-kitbuilder .kit-component ul {
	margin: 0;
	padding: 0;
	list-style: none
}

@media screen and (max-width: 767px) {
	.my-kitbuilder .kit-component ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.my-kitbuilder .kit-component ul li {
	display: inline-block;
	/* font-family: "Open Sans"; */
	font-size: 14px;
	color: #5568e5;
	font-weight: 600;
	margin: 0 10px 0 0;
	border-bottom: 2px solid #f4f4f4;
	min-height: 42px;
	line-height: 42px;
	border-left: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
	position: relative
}

@media screen and (max-width: 1024px) {
	.my-kitbuilder .kit-component ul li {
		font-size: 12px
	}
}

@media screen and (max-width: 767px) {
	.my-kitbuilder .kit-component ul li {
		white-space: normal;
		line-height: 18px;
		margin: 0 7px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 45px;
		min-height: auto !important
	}

	.my-kitbuilder .kit-component ul li:first-child {
		margin-left: 0 !important
	}
}

.my-kitbuilder .kit-component ul li a {
	padding: 0 25px !important
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.my-kitbuilder .kit-component ul li a {
		padding: 0 5px !important
	}
}

@media screen and (max-width: 767px) {
	.my-kitbuilder .kit-component ul li a {
		padding: 0 !important;
		float: none !important
	}
}

.my-kitbuilder .kit-component ul li::after {
	position: absolute;
	content: "";
	right: 0;
	bottom: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #f4f4f4
}

.my-kitbuilder .kit-component ul li span {
	display: inline-block;
	margin: 0 10px 0 0
}

.my-kitbuilder .kit-component ul li span img {
	width: 30px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.my-kitbuilder .kit-component ul li span img {
		width: 20px
	}
}

@media screen and (max-width: 767px) {
	.my-kitbuilder .kit-component ul li span {
		display: none
	}
}

.my-kitbuilder .kit-component ul li.ui-tabs-active {
	border-bottom: 2px solid #9789d1 !important;
	border-radius: 0 !important;
	color: #5568e5;
	background: none !important
}

.my-kitbuilder .kit-component ul li.ui-tabs-active a {
	color: inherit !important
}

.my-kitbuilder .kit-component ul li.ui-tabs-active::after {
	background: #9789d1
}

.my-kitbuilder .kit-items {
	padding: 10px 0 10px 20px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

.my-kitbuilder .kit-items .inline-row .bttn {
	margin-left: 20px;
	line-height: 30px;
	height: 40px
}

#kitbuilder-tabs {
	-webkit-box-shadow: none;
	box-shadow: none
}

#kitbuilder-tabs .ui-tabs-panel {
	padding: 15px 0
}

.kito-name {
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px dashed #ddd;
	margin-bottom: 30px;
	padding: 10px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.kito-name {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		padding-bottom: 55px
	}
}

@media screen and (max-width: 767px) {
	.kito-name {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 10px 0;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.kito-name>div,
	.kito-name>label {
		margin: 0 0 5px 0 !important;
		width: 50% !important;
		padding: 0 10px !important
	}
}

.kito-name .selectid {
	margin-right: 15px;
	margin-top: 5px
}

.kito-name .selectid .select2-container {
	width: 115px !important
}

.kito-name .selectid .select2-container .select2-selection--single {
	border-radius: 0;
	border: 1px solid #eee;
	height: 32px
}

.kito-name .selectid .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 32px
}

.kito-name label {
	margin-right: 15px;
	line-height: 40px
}

@media screen and (max-width: 1024px) {
	.kito-name label {
		margin-right: 0;
		line-height: 16px
	}
}

.kito-name .kito-box {
	width: 220px;
	margin-right: 15px;
	position: relative
}

.kito-name .kito-box i {
	font-size: 10px;
	position: absolute;
	left: 10px;
	top: 12px
}

.kito-name .kito-box .inputo {
	/* font-family: "Open Sans"; */
	font-size: 14px;
	width: 100%;
	line-height: 38px;
	height: 38px;
	padding: 2px 30px 0 30px;
	border-radius: 4px;
	background: #fdfdfd;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #efeaea;
	color: #5568e5
}

.kito-name .kito-image {
	white-space: nowrap;
	border-radius: 4px;
	margin-right: 15px;
	display: inline-block;
	border: 1px dashed #ddd;
	line-height: 38px;
	height: 38px;
	padding: 0 10px
}

.kito-name .kito-image i {
	font-size: 10px;
	margin: 0 3px 0 0
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.kito-name .kito-image {
		position: absolute;
		left: 10px;
		top: 55px;
		z-index: 2
	}
}

.kito-name .kito-save {
	background: #5568e5;
	color: #fff;
	border: 0;
	border-radius: 4px;
	height: 34px;
	padding: 0 20px
}

.kit-creator {
	border: 2px solid #f4f4f4;
	border-radius: 4px;
	position: relative;
	padding: 20px 10px 10px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	margin: 0 0 20px 0
}

.kit-creator .caption {
	border-radius: 4px;
	border: 2px solid #f4f4f4;
	color: #5568e5;
	font-size: 14px;
	/* font-family: "Open Sans"; */
	display: inline-block;
	background: #fff;
	padding: 5px 20px 3px 20px;
	position: absolute;
	left: 20px;
	top: -17px
}

@media screen and (max-width: 67px) {
	.kit-creator {
		position: relative;
		padding-top: 35px;
		padding-left: 0;
		padding-RIGHT: 0
	}

	.kit-creator .caption {
		top: 0;
		position: absolute;
		background-color: red
	}
}

.kito-update {
	clear: both;
	display: block;
	text-align: right
}

.kito-update .update {
	padding: 5px 20px;
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	background: #5568e5
}

.my-kits-container {
	position: relative;
	border: 1px solid #eee;
	padding: 10px
}

@media screen and (max-width: 767px) {
	.my-kits-container {
		padding: 0
	}
}

.my-kits-container .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	width: 100%
}

.my-kits-container .row:not(.kit-header) {
	padding: 5px 0;
	margin: 0 0 10px 0;
	border-radius: 4px;
	border: 1px solid #eee
}

@media screen and (max-width: 767px) {
	.my-kits-container .row:not(.kit-header) {
		position: relative
	}

	.my-kits-container .row:not(.kit-header)>div {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		padding-left: 130px
	}
}

.my-kits-container .row.kit-header {
	text-transform: uppercase;
	/* font-family: "Open Sans" */
}

@media screen and (max-width: 767px) {
	.my-kits-container .row.kit-header {
		display: none
	}
}

.my-kits-container .row .k-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.my-kits-container .row .k-name img {
	margin-right: 10px;
	max-width: 50px;
	max-height: 50px
}

@media screen and (max-width: 767px) {
	.my-kits-container .row .k-name {
		position: relative
	}

	.my-kits-container .row .k-name::before {
		position: absolute;
		content: "KIT NAME";
		left: 10px
	}
}

.my-kits-container .row .k-cona {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (max-width: 767px) {
	.my-kits-container .row .k-cona {
		position: relative
	}

	.my-kits-container .row .k-cona::before {
		position: absolute;
		content: "CONATINER";
		left: 10px
	}
}

.my-kits-container .row .k-pocket {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-flow: wrap;
	flex-flow: wrap
}

.my-kits-container .row .k-pocket label {
	color: #9f9f9f;
	font-size: 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	text-transform: uppercase
}

.my-kits-container .row .k-pocket .com {
	padding: 0 10px 0 0;
	color: #5568e5
}

.my-kits-container .row .k-pocket .com i {
	font-size: 10px
}

@media screen and (max-width: 767px) {
	.my-kits-container .row .k-pocket {
		position: relative
	}

	.my-kits-container .row .k-pocket::before {
		position: absolute;
		content: "POCKETS";
		left: 10px
	}
}

.my-kits-container .row .k-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 10px;
	fleX: 0 0 20%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.my-kits-container .row .k-button .make {
	padding: 5px 20px;
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	background: #5568e5
}

@media screen and (max-width: 767px) {
	.my-kits-container .row .k-button {
		position: relative
	}

	.my-kits-container .row .k-button::before {
		position: absolute;
		content: "FOUR";
		left: 10px
	}
}

.my-kits-container .row .k-button.disabled .make {
	background: #ccc
}

.my-kits-container .row .k-delete {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 10px;
	fleX: 0 0 5%
}

.my-kits-container .row .k-delete i {
	color: red
}

@media screen and (max-width: 767px) {
	.my-kits-container .row .k-delete {
		position: absolute;
		bottom: 10px;
		right: 0;
		width: auto !important
	}
}

.my-kits-container .row .k-delete.auto {
	width: auto !important;
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0
}

.my-kits-container .row .k-auto {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 5px 10px
}

@media screen and (max-width: 767px) {
	.my-kits-container .row .k-auto {
		position: absolute;
		bottom: 10px;
		right: 0;
		width: auto !important
	}
}

.showconatiner {
	width: 100%;
	display: none;
	-ms-flex-flow: wrap;
	flex-flow: wrap
}

.showconatiner .comp-row {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

@media screen and (max-width: 767px) {
	.showconatiner .comp-row {
		padding-top: 24px
	}
}

.showconatiner .comp-row .type {
	position: absolute;
	top: 5px;
	left: 5px;
	/* font-family: "Open Sans"; */
	color: #5568e5
}

@media screen and (max-width: 767px) {
	.showconatiner .comp-row .type {
		font-weight: 600
	}
}

.showconatiner .comp-row.hd {
	background: #fbfbfb;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .05em
}

.showconatiner .comp-row .A {
	text-align: center;
	padding: 5px 10px 5px 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

@media screen and (max-width: 767px) {
	.showconatiner .comp-row .A {
		padding-left: 5px;
		text-align: left;
		width: 20%
	}
}

.showconatiner .comp-row .A-1 {
	text-align: center;
	padding: 5px 10px 5px 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%
}

@media screen and (max-width: 767px) {
	.showconatiner .comp-row .A-1 {
		padding-left: 5px;
		text-align: left;
		width: 20%
	}
}

.showconatiner .comp-row .A-2 {
	text-align: center;
	padding: 5px 10px 5px 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%
}

.showconatiner .comp-row .A-3 {
	text-align: center;
	padding: 5px 10px 5px 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%
}

.showconatiner .comp-row .B {
	text-align: center;
	padding: 5px 10px 5px 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

@media screen and (max-width: 767px) {
	.showconatiner .comp-row .B {
		padding-left: 5px;
		text-align: left;
		width: 20%
	}
}

.showconatiner .comp-row .C {
	text-align: center;
	padding: 5px 10px 5px 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

@media screen and (max-width: 767px) {
	.showconatiner .comp-row .C {
		padding-left: 5px;
		text-align: left;
		width: 20%
	}
}

.showconatiner .comp-row .D {
	text-align: center;
	padding: 5px 10px 5px 25px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

@media screen and (max-width: 767px) {
	.showconatiner .comp-row .D {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 22%;
		flex: 0 0 22%;
		padding-left: 5px;
		text-align: left;
		width: 20%
	}
}

@media screen and (max-width: 767px) {
	.showconatiner {
		padding-left: 0 !important
	}
}

.kito-table-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	text-transform: uppercase;
	/* font-family: "Open Sans"; */
	background: #fbfbfb
}

.kito-table-heading>div {
	padding: 5px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.kito-table-heading .name {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	width: 15%
}

.kito-table-heading .id {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	width: 10%
}

.kito-table-heading .iddsc {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 17%;
	flex: 0 0 17%;
	width: 17%
}

.kito-table-heading .snote {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	width: 15%
}

.kito-table-heading .qty {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 7%;
	flex: 0 0 7%;
	width: 7%
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.kito-table-heading .qty {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 10%;
		flex: 0 0 10%
	}
}

.kito-table-heading .seq {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 7%;
	flex: 0 0 7%;
	width: 7%
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.kito-table-heading .seq {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 11%;
		flex: 0 0 11%
	}
}

.kito-table-heading .crt {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 7%;
	flex: 0 0 7%;
	width: 7%
}

.kito-table-heading .type {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	width: 10%
}

.kito-table-heading .del {
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 5%;
	flex: 0 0 5%;
	width: 5%
}

.kito-table-heading .edt {
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 5%;
	flex: 0 0 5%;
	width: 5%
}

.kito-table-heading .pls {
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 5%;
	flex: 0 0 5%;
	width: 5%
}

.kito-table-heading .auto-W {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

@media screen and (max-width: 767px) {
	.kito-table-heading {
		display: none
	}
}

@media screen and (max-width: 67px) {
	.kito-table-heading {
		width: 100px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.kito-table-heading>div {
		width: 100% !important
	}
}

.kito-table {
	width: 100%
}

@media screen and (max-width: 767px) {
	.kito-table {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		overflow-x: auto;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.kito-table .row:not(.heading) {
		width: 100% !important;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		position: relative
	}

	.kito-table .row:not(.heading)>div {
		width: 31%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 31%;
		flex: 0 0 31%
	}

	.kito-table .row:not(.heading)>div.edt {
		position: absolute;
		right: 5px;
		top: 10px;
		width: 30px
	}

	.kito-table .row:not(.heading)>div.pls {
		position: absolute;
		right: 15px;
		bottom: 10px;
		width: 30px
	}
}

.kito-table .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.kito-table .row.heading {
	text-transform: uppercase;
	/* font-family: "Open Sans"; */
	background: #fbfbfb
}

@media screen and (max-width: 767px) {
	.kito-table .row.heading {
		display: none
	}
}

.kito-table .row:not(.heading) {
	margin: 5px 0 7px 0;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 2px 1px rgba(243, 243, 243, 0.4);
	box-shadow: 2px 2px 2px 1px rgba(243, 243, 243, 0.4)
}

@media screen and (max-width: 767px) {
	.kito-table .row:not(.heading) {
		border: 1px solid rgba(0, 0, 0, 0.1);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.kito-table .row>div {
	padding: 5px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (max-width: 767px) {
	.kito-table .row>div {
		padding-bottom: 0 !important
	}
}

.kito-table .row .name {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	width: 15%
}

.kito-table .row .name .select2-container {
	width: 100% !important
}

.kito-table .row .name .select2-container .select2-selection--single {
	border-radius: 0;
	border: 1px solid #eee;
	height: 32px
}

.kito-table .row .name .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 32px
}

@media screen and (max-width: 767px) {
	.kito-table .row .name {
		position: relative;
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		padding-top: 24px;
		padding-bottom: 0
	}

	.kito-table .row .name::before {
		font-size: 10px;
		position: absolute;
		content: "CONTAINER";
		left: 20px;
		top: 6px;
		color: rgba(0, 0, 0, 0.4);
		font-weight: 600;
		letter-spacing: 0.05em
	}

	.kito-table .row .name .select2-container {
		width: 100% !important
	}
}

.kito-table .row .id {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	width: 10%
}

.kito-table .row .id .select2-container {
	width: 115px !important
}

.kito-table .row .id .select2-container .select2-selection--single {
	border-radius: 0;
	border: 1px solid #eee;
	height: 32px
}

.kito-table .row .id .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 32px
}

@media screen and (max-width: 767px) {
	.kito-table .row .id {
		position: relative;
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		padding-top: 24px;
		padding-bottom: 0
	}

	.kito-table .row .id::before {
		font-size: 10px;
		position: absolute;
		content: "ITEM ID";
		left: 20px;
		top: 6px;
		color: rgba(0, 0, 0, 0.4);
		font-weight: 600;
		letter-spacing: 0.05em
	}

	.kito-table .row .id .select2-container {
		width: 100% !important
	}
}

.kito-table .row .iddsc {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 17%;
	flex: 0 0 17%;
	width: 17%
}

.kito-table .row .iddsc .select2-container {
	width: 115px !important
}

.kito-table .row .iddsc .select2-container .select2-selection--single {
	border-radius: 0;
	border: 1px solid #eee;
	height: 32px
}

.kito-table .row .iddsc .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 32px
}

@media screen and (max-width: 767px) {
	.kito-table .row .iddsc {
		position: relative;
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		padding-top: 24px;
		padding-bottom: 0
	}

	.kito-table .row .iddsc::before {
		font-size: 10px;
		position: absolute;
		content: "ITEM ID";
		left: 20px;
		top: 6px;
		color: rgba(0, 0, 0, 0.4);
		font-weight: 600;
		letter-spacing: 0.05em
	}

	.kito-table .row .iddsc .select2-container {
		width: 100% !important
	}
}

.kito-table .row .qty {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 7%;
	flex: 0 0 7%
}

.kito-table .row .qty .spinner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	padding: 0
}

.kito-table .row .qty .spinner .input-group {
	background: #fff;
	position: relative;
	padding-right: 22px;
	width: 50px;
	height: 24px;
	overflow: hidden;
	border: 1px solid #ccc
}

.kito-table .row .qty .spinner .input-group .form-control {
	text-align: center;
	border: 0;
	width: 100%;
	height: 24px
}

.kito-table .row .qty .spinner .input-group .group {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	border-left: 1px solid #ccc !important
}

.kito-table .row .qty .spinner .input-group .group button {
	width: 100%;
	background: #fff;
	display: block;
	border: 0;
	font-size: 8px;
	color: #15124b
}

.kito-table .row .qty .spinner .input-group .group button:last-child {
	margin-top: -1px;
	border-top: 1px solid #ccc !important
}

.kito-table .row .qty .spinner .input-group .group button i {
	font-size: inherit
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.kito-table .row .qty {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 10%;
		flex: 0 0 10%
	}
}

.kito-table .row .snote {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%;
	width: 15%
}

.kito-table .row .snote .inpt {
	width: calc(100% - 15px);
	border-radius: 0;
	border: 1px solid #eee;
	height: 32px;
	line-height: 32px;
	text-indent: 10px
}

@media screen and (max-width: 767px) {
	.kito-table .row .snote {
		position: relative;
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		padding-top: 24px;
		padding-bottom: 0
	}

	.kito-table .row .snote::before {
		font-size: 10px;
		position: absolute;
		content: "SPECIAL NOTES";
		left: 20px;
		top: 6px;
		color: rgba(0, 0, 0, 0.4);
		font-weight: 600;
		letter-spacing: 0.05em
	}

	.kito-table .row .snote .select2-container {
		width: 100% !important
	}
}

.kito-table .row .seq {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 7%;
	flex: 0 0 7%
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.kito-table .row .seq {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 11%;
		flex: 0 0 11%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.kito-table .row .crt {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 7%;
	flex: 0 0 7%
}

.kito-table .row .crt .chk-row {
	margin-bottom: 0
}

.kito-table .row .crt .chk-row .critical-caption {
	margin: 0 0 0 0;
	position: relative;
	top: -5px;
	left: 5px
}

.kito-table .row .type {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

.kito-table .row .type .select2-container {
	width: 100% !important
}

.kito-table .row .type .select2-container .select2-selection--single {
	border-radius: 0;
	border: 1px solid #eee;
	height: 32px
}

.kito-table .row .type .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 32px
}

@media screen and (max-width: 767px) {
	.kito-table .row .type {
		position: relative;
		width: 50%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		padding-top: 24px;
		padding-bottom: 0
	}

	.kito-table .row .type::before {
		font-size: 10px;
		position: absolute;
		content: "ITEM TYPE";
		left: 20px;
		top: 6px;
		color: rgba(0, 0, 0, 0.4);
		font-weight: 600;
		letter-spacing: 0.05em
	}

	.kito-table .row .type .select2-container {
		width: 100% !important
	}
}

.kito-table .row .del {
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 5%;
	flex: 0 0 5%
}

.kito-table .row .del a i {
	color: red;
	font-size: 10px
}

.kito-table .row .edt {
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 5%;
	flex: 0 0 5%
}

.kito-table .row .edt a i {
	font-size: 10px
}

.kito-table .row .pls {
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 5%;
	flex: 0 0 5%
}

.kito-table .row .pls a {
	display: inline-block;
	padding: 1px 8px;
	background: #5568e5;
	color: #fff;
	border-radius: 5px
}

.kito-table .row .pls a i {
	font-size: 8px
}

.kito-table .row .auto-W {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.table-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.table-header .on {
	position: relative;
	width: 12%;
	padding-left: 15px
}

.table-header .on a {
	text-decoration: none
}

@media screen and (max-width: 767px) {
	.table-header .on::after {
		content: "ORDER NO."
	}
}

.table-header .ui {
	position: relative;
	width: 22%
}

.table-header .ui a {
	color: inherit
}

@media screen and (max-width: 767px) {
	.table-header .ui::after {
		content: "USER ID"
	}
}

.table-header .id {
	position: relative;
	width: 9%
}

@media screen and (max-width: 767px) {
	.table-header .id::after {
		content: "ITEM ID"
	}
}

.table-header .de {
	position: relative;
	width: 22%
}

@media screen and (max-width: 767px) {
	.table-header .de::after {
		content: "DESCRIPTION"
	}
}

.table-header .qt {
	position: relative;
	width: 7%
}

@media screen and (max-width: 767px) {
	.table-header .qt::after {
		content: "QTY"
	}
}

.table-header .dt {
	position: relative;
	width: 8%
}

@media screen and (max-width: 767px) {
	.table-header .dt::after {
		content: "DATE"
	}
}

.table-header .tk {
	position: relative;
	width: 18%
}

@media screen and (max-width: 767px) {
	.table-header .tk::after {
		content: "SHIPMENT DETAILS"
	}
}

.table-header .ac {
	position: relative;
	width: 10%
}

@media screen and (max-width: 767px) {
	.table-header .ac::after {
		content: "ACTION"
	}
}

.table-header .approv {
	margin-right: 7px;
	color: #03a9f4;
	font-size: 17px;
	display: inline-block
}

.table-header .rej {
	color: #f44336;
	font-size: 17px;
	display: inline-block
}

.table-header.data {
	margin-bottom: 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 10px;
	border-radius: 35px;
	font-size: 11px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	-webkit-box-shadow: 2px 3px 6px 1px rgba(241, 241, 241, 0.8);
	box-shadow: 2px 3px 6px 1px rgba(241, 241, 241, 0.8)
}

.table-header.data:hover {
	background: #fbfbfb;
	-webkit-box-shadow: 2px 3px 6px 1px rgba(241, 241, 241, 0.8);
	box-shadow: 2px 3px 6px 1px rgba(241, 241, 241, 0.8)
}

.table-header.data:hover span {
	font-weight: 600
}

@media screen and (max-width: 767px) {
	.table-header.data {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 5px;
		border-radius: 5px
	}

	.table-header.data>span {
		width: 100%;
		padding-left: 35%;
		font-weight: 600;
		margin-bottom: 5px;
		word-break: break-all
	}

	.table-header.data>span::after {
		left: 0;
		position: absolute;
		font-size: 10px;
		font-weight: 500
	}
}

.table-header:not(.data) {
	padding: 20px 10px
}

@media screen and (max-width: 767px) {
	.table-header:not(.data) {
		display: none
	}
}

.table-header:not(.data) span {
	font-size: 10px;
	font-weight: 600;
	color: #9c9c9c;
	text-transform: uppercase;
	letter-spacing: 0.5px
}

.od-detail-container {
	display: block
}

.od-detail-container h1 {
	font-weight: 600;
	font-size: 22px
}

.od-detail-container h2 {
	font-size: 16px
}

.od-detail-container .approv {
	margin-right: 7px;
	color: #03a9f4 !important;
	font-size: 27px;
	display: inline-block;
	text-shadow: 0 5px 10px #c0ebfe
}

.od-detail-container .approv i {
	border-radius: 50%;
	-webkit-box-shadow: 0 5px 10px #03a9f4;
	box-shadow: 0 5px 10px #03a9f4;
	text-shadow: none
}

.od-detail-container .rej {
	color: #f44336 !important;
	font-size: 27px;
	text-shadow: 0 5px 10px #fef3f3;
	display: inline-block
}

.od-detail-container .rej i {
	border-radius: 50%;
	-webkit-box-shadow: 0 5px 10px #f44336;
	box-shadow: 0 5px 10px #f44336;
	text-shadow: none
}

.od-detail-container .small-order-box {
	display: block;
	margin-bottom: 15px
}

.od-detail-container .small-order-box .img {
	max-width: 60px
}

.od-detail-container .small-order-box .img img {
	border-radius: 10px;
	padding: 5px;
	border: 1px solid #f1eded;
	max-width: 100%
}

.od-detail-container .small-order-box span {
	display: inline-block;
	font-size: 12px;
	margin-right: 35px
}

.od-detail-container .small-order-box span a {
	color: inherit
}

.od-detail-container .small-order-box span b {
	text-transform: uppercase;
	display: block;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 1px;
	color: #9f9f9f
}

.FrontMobiSearch {
	letter-spacing: 0.02em;
	border: 1px solid #5568e5;
	background: #5568e5;
	color: #fff;
	border-radius: 3px;
	max-height: 32px;
	margin-left: 10px;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase
}

.FrontMobiSearch.on {
	background: #fff;
	color: #5568e5
}

@media screen and (min-width: 1025px) {
	.FrontMobiSearch {
		display: none
	}
}

.FrontMobiSearch i {
	font-size: 9px;
	margin-right: 5px
}

a {
	color: #5568e5
}

.flRight {
	float: right
}

.reorder {
	background: #9e9e9e;
	border-radius: 15px;
	font-size: 11px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 0.15em;
	padding: 0px 15px !important;
	color: #fff !important;
	text-transform: uppercase;
	margin-left: 10px;
	display: inline-block !important
}

.reorder i {
	font-size: 9px;
	margin-right: 3px
}

.odtype {
	background: #5568e5;
	border-radius: 5px;
	font-size: 10px;
	font-weight: 600;
	line-height: 10px;
	letter-spacing: 0.15em;
	margin-left: 10px;
	text-transform: uppercase;
	padding: 3px 10px 4px 10px;
	color: #fff !important
}

.d1 span {
	padding-left: 15px !important
}

.d1 a {
	padding-left: 15px !important
}

.my-od .od-data .date {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

.my-od .od-data .method {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 15%;
	flex: 0 0 15%
}

.my-od .od-data .proid {
	-ms-flex: 0 0 25%;
	-webkit-box-flex: 0;
	flex: 0 0 25%
}

.my-od .od-data .status {
	-ms-flex: 0 0 15% !important;
	-webkit-box-flex: 0 !important;
	flex: 0 0 15% !important
}

.my-od .od-data .qty {
	-ms-flex: 0 0 15% !important;
	-webkit-box-flex: 0 !important;
	flex: 0 0 15% !important
}

.pendingApprove {
	text-transform: uppercase;
	background-color: #f6f646 !important;
	border-radius: 15px;
	padding: 5px 15px !important;
	color: #413e3e !important;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em
}

.orderApprove {
	text-transform: uppercase;
	background-color: #8aed8a !important;
	border-radius: 15px;
	padding: 5px 15px !important;
	color: #413e3e !important;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em;
	display: inline-block !important
}

.orderReject {
	text-transform: uppercase;
	background-color: #f37474 !important;
	border-radius: 15px;
	padding: 5px 15px !important;
	color: #413e3e !important;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em;
	display: inline-block !important
}

.propreview {
	letter-spacing: 0.1em;
	font-size: 9px;
	font-weight: 600;
	background: #9e9e9e;
	color: #fff !important;
	padding: 2px 4px;
	border-radius: 3px
}

.emailsentinfo {
	display: block;
	background: #f7f7f7;
	border-radius: 5px;
	padding: 25px 25px 10px 25px
}

.emailsentinfo h3 {
	color: #5568e5;
	font-weight: 600;
	border-bottom: 1px dashed #e5e5e5;
	letter-spacing: 0.06em;
	padding: 0 0 5px 0;
	margin-bottom: 15px
}

.emailsentinfo p {
	padding: 0 0 5px 0;
	color: #9f9f9f;
	font-weight: 600;
	font-size: 12px
}

.emailsentinfo p:last-child {
	border: 0
}

.emailsentinfo p label {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 1px;
	display: inline-block;
	min-width: 100px
}

.expandbox {
	margin-bottom: 15px
}

.expandbox .cta {
	cursor: pointer;
	font-weight: 700;
	letter-spacing: 0.1em
}

.expandbox .cta i {
	margin-right: 2px
}

.PersonalizeDocumenttype .cilo {
	border: 1px solid #8d8d8d;
	padding: 10px;
	margin-left: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	font-weight: 600;
	cursor: pointer
}

.PersonalizeDocumenttype .cilo i {
	margin: 0 4px 0 10px;
	position: relative;
	left: auto;
	top: auto;
	width: auto
}

.PersonalizeDocumenttype .cilo .fieldsinfo {
	position: absolute;
	width: 306px;
	background: #f5f5f5 url(../images/frontend/pdf-edit.png) 97% 25% no-repeat;
	background-size: 30%;
	height: 200px;
	border: 1px solid #efeaea;
	-webkit-box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.15);
	box-shadow: 0 6px 15px 0 rgba(16, 39, 112, 0.15);
	top: 42px;
	padding: 10px 110px 5px 15px;
	right: 0;
	z-index: 1
}

.PersonalizeDocumenttype .cilo .fieldsinfo .title {
	color: #5568e5;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 5px;
	line-height: 28px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	border-bottom: 1px dashed #cccccc
}

.PersonalizeDocumenttype .cilo .fieldsinfo p {
	letter-spacing: 0.05em;
	font-weight: 500;
	color: #7a7171;
	font-size: 11px
}

.PersonalizeDocumenttype .cilo .fieldsinfo p b {
	font-weight: 700;
	font-size: 12px
}

.ItemSpec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ItemSpec .chk-row {
	margin-left: 50px;
	margin-bottom: 10px
}

.add-address .caption {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 1px
}

.add-address .checkbox-row {
	margin-bottom: 0
}

.addItem {
	margin-left: auto;
	color: #5568e5;
	border: 1px solid #5568e5;
	padding: 3px 10px;
	font-size: 10px;
	background: #fff;
	border-radius: 3px;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in
}

.addItem i {
	margin-right: 3px
}

.addItem:hover {
	background: #5568e5;
	color: #fff
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.M-area {
	background: #fff0e6
}

.alltags {
	position: relative;
	display: inline-block;
	margin: 0 0 0 20px;
	background-color: #fff
}

.alltags .selectag {
	display: inline-block;
	padding: 8px 15px;
	background-color: #fff;
	border: 1px solid #e9e0e0;
	border-radius: 4px;
	font-weight: 700;
	cursor: pointer;
	min-width: 135px
}

.alltags .selectag i {
	font-size: 13px;
	margin-right: 5px
}

.alltags .tagcontainer {
	min-height: 295px;
	position: absolute;
	z-index: 99;
	left: 0;
	background: #fff;
	border-radius: 4px;
	width: 750px;
	border: 1px solid #e9e0e0;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3)
}

.alltags .tagcontainer .map {
	display: block;
	width: 100%
}

.alltags .tagcontainer .left {
	display: block;
	float: left;
	width: 250px;
	padding: 0;
	overflow: auto;
	max-height: 350px;
	min-height: 350px;
	border-right: 1px solid #dedede
}

.alltags .tagcontainer .left::-webkit-scrollbar {
	width: 8px
}

.alltags .tagcontainer .left::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.alltags .tagcontainer .left::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.alltags .tagcontainer .left ul#tabs-nav {
	width: 100%;
	display: block;
	padding: 3px 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.alltags .tagcontainer .left ul#tabs-nav li {
	position: relative;
	padding: 7px 0 10px 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #f5f5f5;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 13px;
	font-weight: 600 !important;
	-webkit-transition: all 300ms ease-in;
	transition: all 300ms ease-in
}

.alltags .tagcontainer .left ul#tabs-nav li::before {
	-webkit-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	position: absolute;
	left: -8px;
	height: 65%;
	background: #fff;
	width: 6px;
	border-radius: 2px;
	content: "";
	display: inline-block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.alltags .tagcontainer .left ul#tabs-nav li a {
	color: #000
}

.alltags .tagcontainer .left ul#tabs-nav li.active,
.alltags .tagcontainer .left ul#tabs-nav li:hover {
	border-left-color: #5568e5;
	color: #5568e5;
	background-color: #f5f5f5
}

.alltags .tagcontainer .left ul#tabs-nav li.active::before,
.alltags .tagcontainer .left ul#tabs-nav li:hover::before {
	left: -2px;
	background: #5568e5
}

.alltags .tagcontainer .left ul#tabs-nav li.active a,
.alltags .tagcontainer .left ul#tabs-nav li:hover a {
	color: inherit
}

.alltags .tagcontainer .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background: #fcfcfc;
	padding: 0
}

.alltags .tagcontainer .right .tab-content {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.alltags .tagcontainer .right .tab-content ul {
	max-height: 350px;
	min-height: 350px;
	overflow: auto;
	display: block;
	width: 100%
}

.alltags .tagcontainer .right .tab-content ul::-webkit-scrollbar {
	width: 8px
}

.alltags .tagcontainer .right .tab-content ul::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.alltags .tagcontainer .right .tab-content ul::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.alltags .tagcontainer .right .tab-content ul li {
	color: #000;
	border-bottom: 1px dotted #e9e9e9;
	padding: 7px 7px 7px 17px;
	font-weight: 600;
	display: block;
	width: 100%;
	letter-spacing: 0.02em;
	position: relative
}

.alltags .tagcontainer .right .tab-content ul li::before {
	-webkit-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	position: absolute;
	left: 7px;
	height: 65%;
	background: #fff;
	width: 4px;
	border-radius: 2px;
	content: "";
	display: inline-block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.alltags .tagcontainer .right .tab-content ul li a {
	color: #000
}

.alltags .tagcontainer .right .tab-content ul li:hover {
	font-weight: 700;
	color: #5568e5;
	background: #5568e5;
	color: #fff
}

.alltags .tagcontainer .right .tab-content ul li:hover::before {
	background: #fff
}

.alltags ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.alltags ul li {
	line-height: 18px
}

.access-welcome {
	text-align: center
}

.access-welcome h1 {
	font-size: 26px;
	font-weight: 500;
	margin: 0 0 5px 0;
	color: #9e9e9e
}

.access-welcome p:not(.info) {
	margin: 0 0 15px 0;
	letter-spacing: 1px
}

.access-welcome .info {
	font-size: 18px;
	color: #5568e5;
	margin-bottom: 5px
}

.access-welcome .info span {
	font-weight: 700;
	color: #00bfbd
}

.access-welcome .clock-top {
	background: rgba(251, 251, 251, 0.8);
	width: auto;
	margin: 0 auto 20px auto;
	width: 600px;
	display: inline-block;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #fff;
	-webkit-box-shadow: 6px 6px 16px -3px #ccc;
	box-shadow: 6px 6px 16px -3px #ccc
}

.access-welcome .clock-top .image {
	margin: 0 15px 0 0;
	display: inline-block
}

.access-welcome .clock-top .date {
	/* font-family: "Open Sans"; */
	position: relative;
	top: 15px;
	line-height: 24px;
	font-size: 18px;
	display: inline-block
}

.access-welcome .clock-top .date span {
	color: #00bfbd
}

.access-welcome .clock-top .clock-bottom {
	list-style: none;
	margin: 10px 0 20px 0;
	padding: 0
}

.access-welcome .clock-top .clock-bottom li {
	background: #fff;
	border-radius: 6px;
	border: 2px solid #dcdcdc;
	width: 95px;
	height: 65px;
	margin: 0 10px;
	display: inline-block;
	padding-top: 15px;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	color: #ccc;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

.access-welcome .clock-top .clock-bottom li a {
	display: block
}

.access-welcome .clock-top .clock-bottom li i {
	margin: 0 0 5px 0;
	color: #ccc
}

.access-welcome .clock-top .clock-bottom li.active:hover,
.access-welcome .clock-top .clock-bottom li.start-shift:hover {
	background: #4caf50;
	font-weight: 600;
	border-color: #3d8b40
}

.access-welcome .clock-top .clock-bottom li.active:hover i,
.access-welcome .clock-top .clock-bottom li.active:hover a,
.access-welcome .clock-top .clock-bottom li.start-shift:hover i,
.access-welcome .clock-top .clock-bottom li.start-shift:hover a {
	color: #fff
}

.access-welcome .clock-top .clock-bottom li.active:hover,
.access-welcome .clock-top .clock-bottom li.pause-shift:hover {
	background: #ff9800;
	font-weight: 600;
	border-color: #cc7a00
}

.access-welcome .clock-top .clock-bottom li.active:hover i,
.access-welcome .clock-top .clock-bottom li.active:hover a,
.access-welcome .clock-top .clock-bottom li.pause-shift:hover i,
.access-welcome .clock-top .clock-bottom li.pause-shift:hover a {
	color: #fff
}

.access-welcome .clock-top .clock-bottom li.active:hover,
.access-welcome .clock-top .clock-bottom li.end-shift:hover {
	background: #ff5722;
	font-weight: 600;
	border-color: #ee3900
}

.access-welcome .clock-top .clock-bottom li.active:hover i,
.access-welcome .clock-top .clock-bottom li.active:hover a,
.access-welcome .clock-top .clock-bottom li.end-shift:hover i,
.access-welcome .clock-top .clock-bottom li.end-shift:hover a {
	color: #fff
}

@media screen and (max-width: 767px) {
	.access-welcome .clock-top .clock-bottom li {
		width: 85px;
		margin: 0 5px
	}
}

@media screen and (max-width: 1024px) {
	.access-welcome .clock-top {
		width: auto
	}
}

.access-welcome .shift {
	clear: both
}

.access-welcome .shift p {
	font-size: 13px;
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #eee;
	background: #fbfbfb;
	border-radius: 4px
}

.access-welcome .shift p.start {
	border: 1px solid green;
	color: green
}

.access-welcome .shift p.pause {
	border: 1px solid orange;
	color: orange
}

.access-welcome .shift p.end {
	border: 1px solid red;
	color: red
}

.access-welcome .mg-message {
	margin-top: 30px;
	position: relative;
	padding: 25px 15px 25px 15px;
	text-align: left;
	background: #fff url(../images/broadcast-message-bg.png) right bottom no-repeat;
	background-size: 70%;
	border-radius: 6px;
	border: 2px solid #aa9fda
}

.access-welcome .mg-message p {
	margin: 0
}

.access-welcome .mg-message .old {
	position: absolute;
	right: 10px;
	bottom: 5px;
	font-size: 10px;
	color: #5568e5;
	letter-spacing: 0.5px;
	font-weight: 600;
	padding-bottom: 7px
}

.access-welcome .mg-message .old i {
	line-height: 1;
	font-size: 13px;
	margin: 0 3px;
	position: relative;
	top: 2px
}

.access-welcome .mg-message .old:hover {
	text-decoration: underline
}

.access-welcome .mg-message .date {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 10px;
	color: #9a9a9a;
	font-weight: 600;
	letter-spacing: 0.5px
}

.access-welcome .mg-message label {
	color: #fff;
	padding: 5px 10px 2px 10px;
	background: #9081ce;
	border-radius: 6px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px solid #8a7acc;
	position: absolute;
	display: inline-block;
	top: -17px
}

.frame-border.dark-border {
	border-color: #5568e5
}

.frame-border,
.cartoon-size {
	border: 2px solid #f9f9f9;
	border-radius: 4px;
	margin-top: 20px;
	padding: 20px 10px 0 10px;
	position: relative
}

.frame-border .caption,
.cartoon-size .caption {
	font-size: 11px;
	letter-spacing: 1px;
	position: absolute;
	display: inline-block;
	background: #fff;
	top: -10px;
	left: 20px;
	padding: 0 15px;
	text-transform: uppercase;
	color: #9f9f9f
}

.frame-border .caption .add-more-contact,
.cartoon-size .caption .add-more-contact {
	position: relative;
	margin: 0 0 0 15px
}

.frame-border .bttn-2,
.cartoon-size .bttn-2 {
	min-width: 40px
}

.frame-border .flex-container:not(.three, .auto) .form-row:nth-child(1),
.frame-border .flex-container:not(.three, .auto) .form-row:nth-child(2),
.frame-border .flex-container:not(.three, .auto) .form-row:nth-child(3),
.cartoon-size .flex-container:not(.three, .auto) .form-row:nth-child(1),
.cartoon-size .flex-container:not(.three, .auto) .form-row:nth-child(2),
.cartoon-size .flex-container:not(.three, .auto) .form-row:nth-child(3) {
	width: 120px
}

.frame-border .flex-container:not(.three, .auto).inline-three,
.cartoon-size .flex-container:not(.three, .auto).inline-three {
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start
}

.frame-border .flex-container:not(.three, .auto).inline-three .form-row,
.cartoon-size .flex-container:not(.three, .auto).inline-three .form-row {
	margin-right: 15px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(33.333% - 15px);
	flex: 0 0 calc(33.333% - 15px)
}

.packing-slip {
	margin: 15px 0 20px 0
}

.packing-slip .chk-row {
	margin: 0 0 0 15px;
	position: relative;
	top: 5px
}

.packing-slip .inline-buttons {
	display: inline-block
}

.packing-slip .inline-buttons a {
	margin: 0 10px 0 0
}

.Put-Away-container {
	margin-bottom: 25px
}

.Put-Away-container .chk-row {
	margin: 0 0 0 15px;
	position: relative;
	top: 5px
}

.Put-Away-container .inline-buttons {
	display: inline-block
}

.Put-Away-container .inline-buttons a {
	margin: 0 10px 0 0
}

.Put-Away-container .notes {
	margin-top: 15px
}

.Put-Away-container .action {
	text-align: right;
	margin-top: 15px
}

.rec-date {
	max-width: 420px
}

.rapidClkROw .ct {
	font-size: 10px;
	margin-right: 5px
}

.rapid-pick {
	position: relative
}

@media screen and (max-width: 767px) {
	.rapid-pick {
		padding-top: 15px
	}
}

.rapid-pick .date-time {
	position: absolute;
	right: 0;
	top: -50px;
	font-size: 12px;
	color: #aa9fda
}

.rapid-pick .date-time i {
	margin-right: 4px;
	font-size: 10px
}

@media screen and (max-width: 767px) {
	.rapid-pick .date-time {
		top: -5px;
		font-size: 11px
	}
}

.rapid-pick .rapid-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 25px
}

@media screen and (max-width: 767px) {
	.rapid-pick .rapid-top {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.rapid-pick .rapid-top .tradeship {
	margin-left: 35px
}

.rapid-pick .rapid-top .validate-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	margin-top: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (max-width: 767px) {
	.rapid-pick .rapid-top .validate-area {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 15px
	}
}

.rapid-pick .rapid-top .validate-area .inline-row {
	-ms-flex-item-align: baseline;
	align-self: baseline;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	margin: 0 0 15px 0
}

.rapid-pick .rapid-top .validate-area .button {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto
}

.rapid-pick .rapid-top .validate-area .button a {
	margin: 0 0 0 20px;
	height: 39px;
	line-height: 39px;
	min-width: 146px
}

.rapid-pick .rapid-top .validate-area .button a:first-child {
	margin-left: auto
}

.rapid-pick .rapid-top .lilo {
	margin-left: auto;
	position: relative;
	border: 2px solid #eee;
	min-width: 450px;
	border-radius: 3px;
	padding: 10px
}

@media screen and (max-width: 991px) {
	.rapid-pick .rapid-top .lilo {
		min-width: auto
	}
}

@media screen and (max-width: 767px) {
	.rapid-pick .rapid-top .lilo {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

.rapid-pick .rapid-top .lilo .capi {
	position: absolute;
	left: 15px;
	top: -10px;
	display: inline-block;
	padding: 3px 15px;
	background: #fff;
	font-size: 11px;
	text-transform: uppercase;
	color: #9fa4a9;
	letter-spacing: 1px
}

.rapid-pick .rapid-top .lilo .clickImg {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.rapid-pick .rapid-top .lilo .clickImg .cl {
	margin-right: 20px
}

.rapid-pick .rapid-top .lilo .clickImg .tx i {
	font-style: normal;
	display: inline-block;
	min-width: 120px
}

.rapid-pick .rapid-top .lilo .clickImg .tx .time {
	margin: 5px 0;
	display: inline-block;
	border-radius: 3px;
	background: #f5f3fb;
	border: 2px solid #cbc4e8;
	padding: 5px 20px 3px 20px;
	font-size: 14px;
	/* font-family: "Open Sans"; */
	color: #5568e5
}

.rapid-pick .rapid-top .lilo .alert {
	margin: 5px 0 0 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* font-family: "Open Sans"; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 5px;
	background: #d50000;
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 1 100% !important;
	flex: 1 1 100% !important;
	color: #fff;
	font-size: 16px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 10px
}

.rapid-pick .rapid-top .lilo .alert.green {
	background: #388e3c
}

.rapid-pick .rapid-top .rrtr {
	background: #fbfbfb;
	padding: 5px;
	border-radius: 4px;
	border: 2px solid #dadada;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: -11px;
	/* font-family: "Open Sans"; */
	color: #00bfbd;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.rapid-pick .rapid-top .rrtr .caption {
	position: absolute;
	left: -95px;
	top: 20px;
	text-transform: uppercase;
	font-size: 14px;
	color: #545454
}

.rapid-pick .rapid-top .rrtr .image {
	margin-right: 15px
}

.rapid-pick .rapid-top .rrtr .image img {
	max-width: 40px
}

.rapid-pick .rapid-top .rrtr span {
	color: #333;
	/* font-family: "Open Sans"; */
	min-width: 100px;
	display: inline-block
}

.rapid-pick .rapid-top .time-message {
	margin-left: auto;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 325px;
	flex: 0 0 325px
}

.rapid-pick .rapid-table {
	margin-bottom: 25px
}

@media screen and (max-width: 767px) {
	.rapid-pick .rapid-table {
		width: 100%;
		overflow-y: auto
	}

	.rapid-pick .rapid-table .rapid-table-container {
		min-width: 1200px
	}
}

.rapid-pick .time-message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #fbfbfb;
	border-radius: 10px
}

.rapid-pick .time-message p {
	padding: 15px 10px 5px 10px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 14px;
	line-height: 16px
}

.rapid-pick .time-message p label {
	display: inline-block;
	border-radius: 4px;
	background: #eee;
	/* font-family: "Open Sans"; */
	line-height: 1;
	padding: 3px 10px 0 10px;
	font-weight: 700
}

.rapid-pick .time-message .alert {
	margin: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* font-family: "Open Sans"; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 5px;
	background: #d50000;
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 1 100% !important;
	flex: 1 1 100% !important;
	color: #fff;
	font-size: 16px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.rapid-pick .time-message .alert.green {
	background: #388e3c
}

.rapid-pick .rapid-pack-details {
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
	border-radius: 4px;
	border: 2px solid #d8d2ee
}

@media screen and (max-width: 767px) {
	.rapid-pick .rapid-pack-details {
		padding-top: 0
	}
}

.rapid-pick .rapid-pack-details .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.rapid-pick .rapid-pack-details .row {
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
}

@media screen and (max-width: 767px) {
	.rapid-pick .rapid-pack-details .row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.rapid-pick .rapid-pack-details .row .cn {
		max-width: 33% !important
	}

	.rapid-pick .rapid-pack-details .row>div:not(.cn, .od, .ot) {
		width: 45%
	}

	.rapid-pick .rapid-pack-details .row .form-row {
		min-width: 45%
	}
}

.rapid-pick .rapid-pack-details .row .od label,
.rapid-pick .rapid-pack-details .row .ot label,
.rapid-pick .rapid-pack-details .row .cn label {
	margin-bottom: 10px
}

.rapid-pick .rapid-pack-details .row .cn {
	color: #5568e5;
	max-width: 25%;
	font-size: 24px
}

.rapid-pick .rapid-pack-details .row div {
	color: #7b7b7b;
	font-size: 18px;
	/* font-family: "Open Sans" */
}

.rapid-pick .rapid-pack-details .row div label {
	letter-spacing: 1px;
	color: #cacaca;
	/* font-family: "Open Sans"; */
	text-transform: uppercase;
	display: block;
	font-size: 12px;
	font-weight: 500
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.rapid-pick .rapid-pack-details .row .form-row {
		width: 95px
	}
}

.rapid-pick .disData {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: auto;
	border: 1px solid #ccc
}

.rapid-pick .disData span {
	font-size: 10px
}

.rapid-pick .disData span b {
	background: #efeeed;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 6%;
	flex: 0 0 6%;
	padding: 5px 10px 10px 0;
	font-size: 10px;
	display: block;
	font-weight: 600;
	color: #9a9a9a;
	text-transform: uppercase
}

.rapid-pick .disData .filename {
	color: #5568e5;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 18px
}

.rapid-pick .disData .hdrs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #efeeed
}

.rapid-pick .disData .value {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.rapid-pick .disData .value b {
	background: #fff
}

.rapid-pick .rtl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 9px 0;
	border-radius: 4px;
	padding: 0;
	width: 100%;
	background: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 32px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.rapid-pick .rtl>span {
	padding-left: 10px;
	text-align: center
}

.rapid-pick .rtl:not(.HD) {
	-webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.03);
	box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.03)
}

.rapid-pick .rtl:not(.HD):hover {
	background: #fbfbfb;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.07);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.07)
}

.rapid-pick .rtl.HD {
	color: #5568e5;
	background: #e5e1f3
}

.rapid-pick .rtl.HD span {
	font-size: 11px;
	letter-spacing: 1px;
	color: #5568e5;
	text-transform: uppercase;
	/* font-family: "Open Sans" */
}

.rapid-pick .rtl .picked {
	font-size: 11px;
	color: #fff;
	padding: 3px 10px;
	display: inline-block;
	background: #5568e5;
	border-radius: 3px
}

.rapid-pick .rtl .aa {
	width: 6%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 6%;
	flex: 0 0 6%
}

.rapid-pick .rtl .ab {
	width: 8%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 8%;
	flex: 0 0 8%
}

.rapid-pick .rtl .ac {
	width: 5%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 5%;
	flex: 0 0 5%
}

.rapid-pick .rtl .ad {
	width: 5%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 5%;
	flex: 0 0 5%
}

.rapid-pick .rtl .ae {
	width: 10%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

.rapid-pick .rtl .af {
	width: 4%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 4%;
	flex: 0 0 4%
}

.rapid-pick .rtl .ag {
	width: 4%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 4%;
	flex: 0 0 4%
}

.rapid-pick .rtl .ah {
	width: 7%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 7%;
	flex: 0 0 7%
}

.rapid-pick .rtl .pi {
	width: 5%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 5%;
	flex: 0 0 5%
}

.rapid-pick .rtl .op {
	width: 10%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

.rapid-pick .rtl .it {
	width: 9%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 9%;
	flex: 0 0 9%
}

.rapid-pick .rtl .sn {
	width: 8%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 8%;
	flex: 0 0 8%
}

.rapid-pick .rtl .ai {
	width: 17%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 17%;
	flex: 0 0 17%
}

.rapid-pick .rtl .ai .foo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	line-height: 22px;
	min-height: 22px;
	padding: 0 10px;
	font-size: 11px;
	font-weight: 600;
	border: 1px solid #e8e8e8;
	letter-spacing: 0.06em
}

.rapid-pick .quantity-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px
}

.rapid-pick .quantity-block .form-row {
	margin-right: 15px
}

@media screen and (max-width: 767px) {
	.rapid-pick .quantity-block .form-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 120px
	}
}

.rapid-pick .quantity-block .button {
	width: 35%
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.rapid-pick .quantity-block .button {
		width: 90%
	}
}

.rapid-pick .quantity-block .button a {
	margin-right: 15px;
	max-width: 150px
}

@media screen and (max-width: 767px) {
	.rapid-pick .quantity-block .button a {
		font-size: 10px
	}
}

.rapid-pick .assemb-instr {
	margin-top: 20px
}

.rapid-pick .assemb-instr .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.rapid-pick .assemb-instr .inner .col {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%
}

.rapid-pick .assemb-instr .inner .col h3 {
	font-weight: 600;
	color: #5568e5;
	/* font-family: "Open Sans"; */
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 10px
}

.rapid-pick .assemb-instr .inner .col ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.rapid-pick .assemb-instr .inner .col ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 5px 0;
	border-bottom: 1px dotted #eee
}

.rapid-pick .assemb-instr .inner .col ul li span {
	padding: 0 10px
}

.rapid-pick .assemb-instr .inner .col ul li span:first-child {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%
}

.rapid-pick .assemb-instr .inner .col ul li span:last-child {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	text-align: left
}

.aheadepace p {
	color: #333;
	margin: 0 0 5px 0
}

.aheadepace p span {
	font-size: 16px;
	/* font-family: "Open Sans"; */
	font-weight: 500
}

.aheadepace .speedo {
	width: 200px;
	height: 90px;
	margin: 0 auto 0 auto;
	overflow: hidden
}

.aheadepace .face {
	background: #5568e5;
	width: 200px;
	height: 200px;
	border: solid 40px #fff;
	border-radius: 50%;
	position: relative
}

.aheadepace .face.slow {
	background: #d50000
}

.aheadepace .face.slow .needle {
	background: #ffd5d5
}

.aheadepace .needle {
	width: 5px;
	height: 60px;
	background: #cfc4ff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 100%;
	border-top-right-radius: 100%;
	display: inline-block;
	left: 55px;
	position: absolute;
	top: -10px;
	-webkit-transform-origin: bottom;
	transform-origin: bottom
}

.aheadepace .slow {
	-webkit-animation: slow 2s;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.aheadepace .fast {
	-webkit-animation: fast 2s;
	-webkit-transform: rotate(50deg);
	transform: rotate(50deg);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

@-webkit-keyframes slow {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	100% {
		-webkit-transform: rotate(-50deg);
		transform: rotate(-50deg)
	}
}

@-webkit-keyframes medium {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@-webkit-keyframes fast {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	100% {
		-webkit-transform: rotate(50deg);
		transform: rotate(50deg)
	}
}

.zbinrow {
	padding: 5px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border-radius: 5px
}

.zbinrow:nth-child(odd) {
	background: #fbfbfb
}

.zbinrow .remove_field {
	position: absolute;
	right: 20px;
	top: 15px
}

.zbinrow .remove_field i {
	color: red
}

.zbinrow .form-row {
	margin-bottom: 0
}

.zbinrow .zone {
	max-width: 150px;
	margin-right: 20px
}

.zbinrow .bin {
	max-width: 150px;
	margin-right: 20px
}

.zbinrow .qty {
	max-width: 150px;
	margin-right: 20px
}

.zbinrow .location {
	max-width: 350px;
	margin-right: 20px
}

.add-zone-form {
	max-width: 450px
}

.broad-container .broadcast-intro {
	position: relative;
	max-width: 600px;
	margin: 5% 0 0 15%;
	position: relative;
	min-height: 300px;
	padding-left: 100px
}

.broad-container .broadcast-intro .icon {
	bottom: 0;
	left: -30px;
	position: absolute;
	max-width: 120px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.broad-container .broadcast-intro .lead {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
	color: #9f9f9f
}

.broad-container h3 {
	position: relative;
	font-size: 24px;
	font-weight: 600;
	color: #5568e5;
	margin: 0;
	padding: 10px
}

.broad-container h3::before {
	position: absolute;
	content: "";
	left: -28px;
	top: 0;
	display: inline-block;
	width: 5px;
	height: 100%;
	border-radius: 10px;
	background: #5568e5
}

.send-broadcast {
	border-radius: 3px;
	border: 1px solid #eee;
	max-width: 750px
}

.send-broadcast .row {
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	border-bottom: 1px dotted #ddd
}

.send-broadcast .row:hover {
	background: #fbfbfb
}

.send-broadcast .row>label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	width: 180px
}

.send-broadcast .row .fancy-checkbox {
	margin: 0
}

.send-broadcast .row .form-row {
	margin: 0;
	width: 100%
}

.send-broadcast .row .form-row .foo,
.send-broadcast .row .form-row .select2-selection--multiple {
	font-size: 13px;
	font-weight: 600;
	border-radius: 0;
	border: 0;
	-webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.03);
	box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.03)
}

.send-broadcast .row .form-row .select2-search--inline {
	width: 100%
}

.send-broadcast .row .form-row .select2-search__field {
	font-size: 13px;
	width: 100% !important
}

.send-broadcast .row .form-row .select2-selection__rendered {
	font-size: 13px
}

.send-broadcast .row .bttn {
	margin-top: 20px;
	margin-right: 10px
}

.bd-pro {
	letter-spacing: 0.3px;
	font-size: 11px;
	font-weight: 600;
	position: relative;
	border-radius: 3px;
	padding: 3px 10px 6px 20px;
	border: 1px solid orange;
	-webkit-box-shadow: 0 1px 2px 1px #eceaea;
	box-shadow: 0 1px 2px 1px #eceaea
}

.bd-pro::before {
	position: absolute;
	content: "";
	left: 8px;
	top: 8px;
	height: 5px;
	width: 5px;
	background: orange;
	border-radius: 50%
}

.bd-sent {
	letter-spacing: 0.3px;
	font-size: 11px;
	font-weight: 600;
	position: relative;
	border-radius: 3px;
	padding: 3px 10px 6px 20px;
	border: 1px solid green;
	-webkit-box-shadow: 0 1px 2px 1px #eceaea;
	box-shadow: 0 1px 2px 1px #eceaea
}

.bd-sent::before {
	position: absolute;
	content: "";
	left: 8px;
	top: 8px;
	height: 5px;
	width: 5px;
	background: green;
	border-radius: 50%
}

.bd-sch {
	letter-spacing: 0.3px;
	font-size: 11px;
	font-weight: 600;
	position: relative;
	border-radius: 3px;
	padding: 3px 10px 6px 20px;
	border: 1px solid red;
	-webkit-box-shadow: 0 1px 2px 1px #eceaea;
	box-shadow: 0 1px 2px 1px #eceaea
}

.bd-sch::before {
	position: absolute;
	content: "";
	left: 8px;
	top: 8px;
	height: 5px;
	width: 5px;
	background: red;
	border-radius: 50%
}

.bd-draft {
	letter-spacing: 0.3px;
	font-size: 11px;
	font-weight: 600;
	position: relative;
	border-radius: 3px;
	padding: 3px 10px 6px 20px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 1px 2px 1px #eceaea;
	box-shadow: 0 1px 2px 1px #eceaea
}

.bd-draft::before {
	position: absolute;
	content: "";
	left: 8px;
	top: 8px;
	height: 5px;
	width: 5px;
	background: #ddd;
	border-radius: 50%
}

.past-messages {
	clear: both;
	overflow: auto;
	display: block;
	width: 80%;
	max-width: 850px
}

@media screen and (max-width: 1024px) {
	.past-messages {
		width: 100%
	}
}

.past-messages .pm {
	font-size: 12px;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.05);
	border: 1px solid #fbfbfb;
	border-bottom: 2px solid #fff;
	padding: 7px 10px 7px 10px;
	margin: 0 15px 15px 140px;
	border-radius: 4px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), color-stop(90%, #fbfbfb), to(#fbfbfb));
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, #fbfbfb 90%, #fbfbfb 100%);
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	position: relative
}

@media screen and (max-width: 767px) {
	.past-messages .pm {
		margin-left: 0
	}
}

.past-messages .pm:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), color-stop(0%, #fafafa), to(#fafafa));
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, #fafafa 0%, #fafafa 100%)
}

.past-messages .pm label {
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #5568e5
}

.past-messages .pm .date {
	width: 80px;
	position: absolute;
	left: -140px;
	font-weight: 500;
	position: absolute;
	letter-spacing: 2px;
	line-height: 18px;
	right: 10px;
	top: 4px;
	font-size: 9px;
	color: #9a9a9a
}

.past-messages .pm .date::before {
	position: absolute;
	content: "";
	top: 20px;
	left: 70px;
	border-bottom: 1px dashed #ccc;
	width: 65px
}

@media screen and (max-width: 767px) {
	.past-messages .pm .date::before {
		display: none
	}
}

.past-messages .pm .date::after {
	position: absolute;
	content: "";
	left: 95px;
	top: 15px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	border: 2px solid #a6a6a6
}

@media screen and (max-width: 767px) {
	.past-messages .pm .date::after {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.past-messages .pm .date {
		left: auto;
		line-height: 12px;
		right: 5px;
		width: auto;
		top: 5px;
		letter-spacing: 0.02em
	}

	.past-messages .pm .date br {
		display: none
	}
}

.past-messages .pm .on {
	position: absolute;
	right: 22px;
	bottom: 22px;
	cursor: pointer
}

.past-messages .pm .on i {
	position: absolute;
	left: 0;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	font-size: 11px;
	color: #5568e5
}

.past-messages .pm .on.in i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.past-messages .pm .body {
	width: calc(100% - 35px);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
	position: relative;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	letter-spacing: 0.5px
}

.past-messages .pm .body.in {
	text-overflow: initial;
	overflow: auto;
	white-space: initial
}

.shift-container {
	display: block;
	min-height: 350px;
	width: 100%;
	font-size: 12px
}

.shift-container .date-heading {
	padding: 0 0 10px 0;
	letter-spacing: 1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	position: relative;
	z-index: 2
}

.shift-container .date-heading h2 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px
}

.shift-container .date-heading .my-link {
	margin-left: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden
}

.shift-container .date-heading .my-link a {
	background: #c9fffe;
	padding: 5px 10px;
	-ms-flex-item-align: center;
	align-self: center;
	border-left: 1px solid #30fffd;
	color: #00bfbd;
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.shift-container .date-heading .my-link a.active,
.shift-container .date-heading .my-link a:hover {
	background: #00c4c2;
	color: #fff
}

.shift-container .date-heading .my-link a:first-child {
	border: 0;
	border-radius: 3px 0 0 3px
}

.shift-container .date-heading .my-link a:last-child {
	border: 0;
	border-radius: 0 3px 3px 0
}

.shift-container .month-name {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border-bottom: 2px solid #fbfbfb;
	padding: 10px 10px 10px 60px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-transform: uppercase
}

.shift-container .month-name .year {
	color: #ccc;
	position: absolute;
	top: 7px;
	left: 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600
}

.shift-container .month-name span {
	cursor: pointer;
	font-weight: 600;
	letter-spacing: 0.5px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	color: #cacaca;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

.shift-container .month-name span:hover,
.shift-container .month-name span.active {
	color: #5568e5
}

.shift-container .week-view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border-bottom: 2px solid #fbfbfb;
	padding: 10px 50px 20px 50px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative
}

.shift-container .week-view.month {
	padding-left: 0;
	padding-right: 0
}

.shift-container .week-view.month .week-detail {
	width: 100%;
	padding-left: 0;
	padding-right: 0
}

.shift-container .week-view.month .week-detail .week {
	width: 80px
}

.shift-container .week-view.month .week-detail .week b {
	padding-left: 0;
	padding-right: 0;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase
}

.shift-container .week-view .week-detail {
	padding-right: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 70%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.shift-container .week-view .week-summary {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 30%;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.shift-container .week-view .week-box {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px dashed #eee;
	padding: 10px 20px
}

.shift-container .week-view .week-box h3 {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	border-bottom: 1px solid #ccc;
	line-height: 28px
}

.shift-container .week-view .week-box ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none
}

.shift-container .week-view .week-box ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	letter-spacing: 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #eee
}

.shift-container .week-view .week-box ul li:last-child {
	border: 0
}

.shift-container .week-view .week-box ul li .dot {
	margin-top: 3px;
	border-radius: 3px;
	width: 12px;
	height: 12px
}

.shift-container .week-view .week-box ul li .name {
	padding-left: 7px;
	width: calc(100% - 120px)
}

.shift-container .week-view .week-box ul li .hr {
	font-weight: 600;
	margin-left: auto
}

.shift-container .week-view .week-box ul li .total {
	margin-left: auto;
	text-transform: uppercase;
	font-size: 11px
}

.shift-container .week-view .week-box ul li .total b {
	font-size: 13px;
	color: #5568e5
}

.shift-container .week-view .week {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	font-size: 12px;
	line-height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.shift-container .week-view .week>b {
	background: #f5f5f5;
	color: #949090;
	text-align: center;
	padding: 2px 15px;
	border-radius: 3px;
	font-weight: 600
}

.shift-container .week-view .week .total {
	border: 1px solid #fbfbfb;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 10px;
	text-align: center;
	-webkit-box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.1)
}

.shift-container .week-view .week ul {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 4px 14px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 14px -1px rgba(0, 0, 0, 0.2)
}

.shift-container .week-view .week ul li {
	position: relative;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	line-height: 1
}

.shift-container .week-view .week ul li .h {
	font-size: 10px;
	font-weight: 700
}

.shift-container .week-view .week ul li.rd {
	background: #e91e63;
	color: #f7a9c4 !important
}

.shift-container .week-view .week ul li.gn {
	background: #4caf50;
	color: #b5dfb7 !important
}

.shift-container .week-view .week ul li.cy {
	background: #00c4c2;
	color: #5efffd !important
}

.shift-container .week-view .week ul li:hover .info-detail {
	display: block
}

.shift-container .week-view .week ul li .info-detail {
	display: none;
	position: absolute;
	z-index: 9999;
	border-radius: 3px;
	left: 75px;
	top: 0;
	background-color: #fff;
	width: 220px;
	padding: 5px 10px;
	font-size: 11px;
	text-align: left;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.2)
}

.shift-container .week-view .week ul li .info-detail.right {
	right: 75px;
	left: auto
}

.shift-container .week-view .week ul li .info-detail>span {
	line-height: 22px;
	display: block;
	margin: 0;
	color: #5568e5;
	font-weight: 600;
	font-size: 11px
}

.shift-container .week-view .week ul li .info-detail>span b {
	font-size: 10px;
	font-weight: 500
}

.shift-container .date-view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	border-bottom: 2px solid #fbfbfb;
	padding: 10px 50px 20px 90px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	z-index: 1
}

.shift-container .date-view .next {
	position: absolute;
	right: 10px;
	top: 15px
}

.shift-container .date-view .prev {
	position: absolute;
	left: 60px;
	top: 15px
}

.shift-container .date-view .week {
	color: #ccc;
	position: absolute;
	top: 15px;
	left: 0;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600
}

.shift-container .date-view>span {
	position: relative;
	cursor: pointer;
	font-weight: 600;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background: #f5f5f5;
	color: #949090;
	text-align: center;
	border-radius: 50%;
	font-size: 12px;
	width: 25px;
	height: 25px;
	line-height: 25px
}

.shift-container .date-view>span>b {
	font-weight: 500;
	font-size: 7px;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	width: 100%;
	-webkit-text-decoration: center;
	text-decoration: center;
	bottom: -20px
}

.shift-container .date-view>span:hover,
.shift-container .date-view>span.active {
	background: #5568e5;
	color: #fff
}

.shift-container .date-view>span:hover>b,
.shift-container .date-view>span.active>b {
	color: #5568e5
}

.shift-container .date-view>span.disable {
	background: #ccc
}

.shift-container .date-view .info-icon {
	font-size: 8px;
	background: #baaeef;
	color: #5568e5;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	line-height: 15px
}

.shift-container .date-view .time-block {
	position: absolute;
	width: 50px;
	height: 90px;
	background: #fbfbfb;
	z-index: 99;
	border-radius: 4px;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.2)
}

.shift-container .date-view .time-block .pb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #5568e5;
	color: #baaeef;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	position: relative
}

.shift-container .date-view .time-block .pb b {
	line-height: 1;
	font-size: 8px;
	white-space: nowrap
}

.shift-container .date-view .time-block .pb:hover .info-detail {
	display: block
}

.shift-container .date-view .time-block .pb.rd {
	background: #e91e63;
	color: #f7a9c4 !important
}

.shift-container .date-view .time-block .pb.gn {
	background: #4caf50;
	color: #b5dfb7 !important
}

.shift-container .date-view .info-detail {
	display: none;
	position: absolute;
	z-index: 9999;
	border-radius: 3px;
	left: 55px;
	top: 0;
	background-color: #fff;
	width: 220px;
	padding: 5px 10px;
	font-size: 11px;
	text-align: left;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.2)
}

.shift-container .date-view .info-detail.right {
	right: 50px;
	left: auto
}

.shift-container .date-view .info-detail>span {
	line-height: 22px;
	display: block;
	margin: 0;
	color: #5568e5;
	font-weight: 600;
	font-size: 11px
}

.shift-container .date-view .info-detail>span b {
	font-size: 10px;
	font-weight: 500
}

.shift-container .hours-view .hr {
	padding-left: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 30px;
	position: relative
}

.shift-container .hours-view .hr::after {
	position: absolute;
	content: "";
	width: calc(100% - 60px);
	border-bottom: 1px dashed #eee;
	left: 60px;
	top: 50%
}

.shift-container .hours-view .hr label {
	line-height: 30px;
	color: #cacaca;
	position: absolute;
	left: 0;
	font-size: 10px;
	font-weight: 600
}

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

.feild-row .form-row:not(:last-child) {
	margin-right: 15px
}

@media screen and (max-width: 767px) {
	.feild-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0
	}
}

.tempo {
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	padding: 15px 10px 5px 10px;
	border: 2px solid #eee;
	margin: 10px 0
}

.tempo>label {
	background: #fff;
	padding: 3px 15px;
	display: inline-block;
	position: absolute;
	left: 15px;
	top: -15px
}

.tempo .form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin-right: 15px;
	margin-bottom: 10px
}

.tempo .form-row label {
	width: 120px
}

.tempo .form-row .input-row {
	width: 180px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.tempo .form-row .input-row {
		width: auto !important
	}
}

@media screen and (max-width: 767px) {
	.tempo {
		margin-right: 0 !important;
		width: 100%
	}
}

.inline-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.inline-form .form-row {
	margin-right: 15px
}

.import input[type="file"] {
	height: 0;
	overflow: hidden;
	width: 0
}

.import input[type="file"]+label {
	background: #2b2b2b;
	border: none;
	border-radius: 50px;
	color: #ccc;
	cursor: pointer;
	display: inline-block;
	font-weight: 500;
	padding: 8px 30px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.import .selected-file {
	clear: both;
	display: block;
	margin: 10px 0;
	font-size: 12px;
	color: #ccc
}

.move-inv-edit {
	max-width: 500px
}

.restore {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 500;
	min-width: 80px;
	display: inline-block;
	border-radius: 50px;
	padding: 2px 14px;
	background: #5568e5;
	color: #fff !important
}

.restore:hover {
	text-decoration: none !important
}

.bin-search {
	max-width: 600px
}

.mt-0 {
	margin-top: 0 !important
}

.intructions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.intructions .form-row .input-row .foo {
	padding-right: 0 !important
}

.intructions .info {
	margin-top: 5px;
	display: inline-block;
	font-size: 10px;
	text-transform: none;
	font-weight: 600;
	letter-spacing: 0.03em
}

.intructions .package {
	width: calc(50% - 10px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.intructions .package .form-row {
	width: calc(100%/6)
}

.intructions .customs {
	margin-left: 20px;
	width: calc(50% - 10px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.resoButton {
	padding: 5px 15px 5px 8px;
	border-radius: 3px;
	bottom: 30px;
	right: 15px;
	position: fixed;
	background: #5568e5;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	z-index: 5;
	color: #fff !important;
	border: 1px solid #fff;
	-webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px
}

.resoButton span {
	background: #fff;
	position: relative;
	padding: 3px;
	width: 23px;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	left: -3px
}

.resoButton span i {
	color: #5568e5
}

.P-filter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	color: #5f5f5f;
	margin: 0 0 20px 0
}

.P-filter .left {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.P-filter .right {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.P-filter .builder .new-estimate {
	display: inline-block;
	font-size: 13px;
	background: rgba(89, 68, 176, 0.1);
	border-radius: 4px;
	color: #5568e5;
	line-height: 38px;
	padding: 0 15px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

.P-filter .builder .new-estimate i {
	font-size: 10px;
	margin: 0 5px 0 0
}

.P-filter .builder .new-estimate:hover {
	background: #5568e5;
	color: #fff !important
}

.P-filter .count {
	margin: 0 15px 0 0;
	color: #a6a6a6
}

.P-filter .count span {
	padding-left: 5px;
	color: #5f5f5f;
	font-weight: 600
}

.builder-frame {
	margin: 20px 0 10px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), color-stop(64%, rgba(255, 255, 255, 0.88)), to(rgba(158, 158, 158, 0.02)));
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.88) 64%, rgba(158, 158, 158, 0.02) 100%);
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.builder-frame>.caption {
	/* font-family: "Open Sans"; */
	font-weight: 700;
	top: -9px;
	color: #9789d1;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.builder-frame>.caption span {
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #9789d1;
	color: #fff;
	text-align: center;
	margin-right: 5px;
	font-size: 9px;
	line-height: 18px
}

@media screen and (max-width: 1024px) {
	.builder-frame {
		margin: 0;
		padding: 0;
		border: 0
	}

	.builder-frame>.caption {
		top: auto;
		position: relative;
		left: 0;
		margin: 0 0 10px 0
	}
}

.builder-frame .c-box {
	margin: 0 0 10px 0
}

.builder-frame .c-box .main-caption {
	letter-spacing: 0.5px;
	color: #9f9f9f;
	font-size: 15px;
	margin-right: 10px
}

.builder-frame .c-box .chk-row {
	position: relative;
	top: 4px
}

.builder-frame .c-box .chk-row .caption {
	position: relative;
	left: auto;
	top: -4px;
	padding: 0;
	color: #9f9f9f
}

.builder-frame .c-box .chk-row .crm {
	margin: 0 0 0 10px
}

.builder-frame .c-box #BudgetData #bdDiv {
	display: none
}

.builder-frame .c-box #BudgetData.in #bdDiv {
	display: inline-block;
	max-width: 120px;
	margin-bottom: 0
}

.builder-frame:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), color-stop(64%, rgba(255, 255, 255, 0.88)), to(rgba(158, 158, 158, 0.07)));
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.88) 64%, rgba(158, 158, 158, 0.07) 100%)
}

.builder-frame:hover .caption {
	color: #5568e5
}

.builder-frame:hover .caption span {
	background: #5568e5
}

.ss {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 25px
}

.ss.ss-links h3 {
	font-weight: 600 !important
}

.ss.ss-links ul {
	margin-top: 7px !important
}

.ss.ss-links li {
	font-weight: 600;
	margin: 0 !important
}

.ss.ss-links li label {
	padding-left: 10px !important
}

.ss.ss-links li label.active {
	margin-bottom: 7px;
	background: #5568e5;
	border: 1px solid #e8e8e8;
	border-radius: 3px
}

.ss.ss-links li label.active a {
	color: #fff
}

.ss.ss-links li a {
	color: #333
}

.ss.ss-links li a:hover {
	color: #3c3b3b
}

@media screen and (max-width: 991px) {
	.ss.ss-links .ss-box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 20px);
		flex: 0 0 calc(50% - 20px)
	}
}

@media screen and (max-width: 540px) {
	.ss.ss-links .ss-box {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

.ss .ss-box {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(25% - 20px);
	flex: 0 0 calc(25% - 20px);
	margin: 0 10px 20px 10px;
	padding: 15px 10px 10px 10px;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	position: relative
}

.ss .ss-box.readonly {
	position: relative;
	opacity: 0.7
}

.ss .ss-box.readonly::after {
	z-index: 2;
	position: absolute;
	content: "";
	left: -7px;
	top: -7px;
	width: calc(100% + 14px);
	height: calc(100% + 14px);
	display: block;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.019);
	-webkit-box-shadow: inset 6px -7px 62px 26px rgba(204, 204, 204, 0.9);
	box-shadow: inset 6px -7px 62px 26px rgba(204, 204, 204, 0.9)
}

.ss .ss-box.half {
	margin-right: 10px
}

.ss .ss-box h3 {
	position: absolute;
	left: 10px;
	top: -10px;
	padding: 0 5px;
	display: inline-block;
	background: #fff;
	font-weight: 400 !important;
	color: #5568e5;
	white-space: nowrap;
	font-size: 14px
}

.ss .ss-box ul {
	font-size: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #000
}

.ss .ss-box ul li {
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	position: relative
}

.ss .ss-box ul li input[type="checkbox"],
.ss .ss-box ul li input[type="radio"] {
	position: absolute;
	opacity: 0;
	z-index: 1
}

.ss .ss-box ul li label {
	position: relative;
	margin-right: 10px;
	padding-left: 20px;
	display: block;
	line-height: 26px;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer
}

.ss .ss-box ul li label:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: " ";
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	z-index: -1
}

.ss .ss-box ul li input[type="radio"]+label::before {
	border-radius: 1em
}

.ss .ss-box ul li input[type="checkbox"]:checked+label,
.ss .ss-box ul li input[type="radio"]:checked+label {
	padding-left: 1em;
	color: #5568e5
}

.ss .ss-box ul li input[type="checkbox"]:checked+label:before,
.ss .ss-box ul li input[type="radio"]:checked+label:before {
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(89, 68, 176, 0.1)
}

.ss .ss-box ul li label,
.ss .ss-box ul li label::before {
	-webkit-transition: .25s all ease;
	transition: .25s all ease
}

.bulk-delivery-row,
.needlabel-container,
.pack-cartoon-shipping,
.shrink-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.bulk-delivery-row .chk-row,
.needlabel-container .chk-row,
.pack-cartoon-shipping .chk-row,
.shrink-wrap .chk-row {
	position: relative;
	top: 9px !important
}

.btn-caption label {
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0 15px 0 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #9f9f9f
}

.recall {
	padding: 3px 10px;
	display: inline-block;
	background: #5568e5;
	border-radius: 3px;
	color: #fff;
	font-size: 11px
}

.recall.disabled {
	pointer-events: none;
	opacity: 0.6;
	background: #ccc
}

@media screen and (max-width: 767px) {
	.prjEstiSearch {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 10px
	}

	.prjEstiSearch>.form-row {
		margin-right: 0 !important;
		width: 100% !important
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.prjEstiSearch>.form-row {
		margin-right: 7px !important
	}

	.prjEstiSearch .chk-row {
		float: left
	}

	.prjEstiSearch .chk-row .se-txt {
		display: inline-block;
		width: 80px;
		font-size: 10px !important
	}

	.prjEstiSearch .bttn-2 {
		font-size: 0;
		padding: 0 5px
	}

	.prjEstiSearch .bttn-2 i {
		margin-right: 0 !important;
		font-size: 11px !important
	}
}
.list-table-items {
	margin-top:15px;
}
@media screen and (max-width: 1024px) {
	.list-table-items {
		width: 100%;
		overflow-y: auto
	}

	.list-table-items>.dataC {
		background: red;
		min-width: 1200px
	}

	.list-table-items .list-table-items-data,
	.list-table-items .search-table-items-data {
		min-width: 1200px
	}
}

.dataC {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.dataC>li {
	font-size: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0;
	margin: 0 0 0 0;
	-webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.03);
	box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.03);
	background: #fff;
	position: relative;
	border-bottom: 1px solid #eee;
}

.dataC>li .text-container {
	padding-top: 10px
}

.dataC>li .pgTitle {
	padding-bottom: 0;
	margin-bottom: 0px
}

.dataC>li.serviceform-status {
	display: none
}

.dataC>li.in-sale {
	background: #dafada
}

.dataC>li:hover {
	background: #fbfbfb;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.07);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.07)
}

.dataC>li:hover .status {
	background: #fff
}

.dataC>li.hd {
	margin-bottom: 0;
	line-height: 26px;
	color: #f8f7fc;
	font-weight: 700;
	background: #5568e5;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0;
	font-size: 12px
}

.dataC>li.hd .eig {
	margin-left: -10px
}

.dataC>li .fa-ellipsis-h {
	font-size: 12px !important
}

.dataC>li .dot {
	font-size: 12px;
	color: #333
}

.dataC>li .dot.red {
	color: #ff2d2d
}

.dataC>li .dot.green {
	color: #333
}

.dataC>li .dot.green i {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.dataC>li .dot.green i.fa-copy {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.dataC>li .update {
	color: #5f5f5f
}

.dataC>li .nose {
	color: #cacaca
}

.dataC>li .sml {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 3%;
	flex: 0 0 3%;
	text-align: center
}

.dataC>li .sml .stbar i {
	color: #ababab
}

.dataC>li .one {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

.dataC>li .two {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 28%;
	flex: 0 0 28%
}

.dataC>li .thr {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

.dataC>li .for {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%
}

.dataC>li .fiv {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 17%;
	flex: 0 0 17%
}

.dataC>li .six {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 8%;
	flex: 0 0 8%
}

.dataC>li .sev {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 8%;
	flex: 0 0 8%
}

.dataC>li .eig {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 3%;
	flex: 0 0 3%
}

.dataC>li .view {
	font-weight: 600;
	color: #5568e5
}

.dataC>li .status {
	border: 1px solid #f7f7f7;
	border-radius: 3px;
	display: inline-block;
	line-height: 18px;
	background: #fafafa;
	font-size: 11px;
	font-weight: 500;
	min-width: 70px;
	text-align: center;
	position: relative
}

.dataC>li .status.auto-width {
	letter-spacing: 0.5px;
	font-weight: 600;
	white-space: nowrap;
	padding-right: 5px;
	min-width: auto !important
}

.dataC>li .status.sales {
	border-color: #4caf50;
	background: #4caf50;
	color: #fff
}

.dataC>li .status.sales i {
	background: #fff
}

.dataC>li .status.wip {
	border-color: #ff5722;
	background: #ff5722;
	color: #fff
}

.dataC>li .status.wip i {
	background: #fff
}

.dataC>li .status.open {
	border-color: #ccc;
	background: #ccc;
	color: #333
}

.dataC>li .status.open i {
	background: #fff
}

.dataC>li .status.close {
	border-color: #eee;
	background: #FFF;
	color: #ff5722
}

.dataC>li .status.close i {
	background: #ff5722
}

.dataC>li .status i {
	top: 7px;
	left: 5px;
	background: #5568e5;
	position: relative;
	top: -1px;
	line-height: 1;
	margin-right: 7px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	display: inline-block
}

.dataC>li .dot-pop {
	-webkit-box-shadow: 0 4px 15px -7px rgba(0, 0, 0, 0.4);
	box-shadow: 0 4px 15px -7px rgba(0, 0, 0, 0.4);
	z-index: 2;
	position: absolute;
	left: 10px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #e7e7e7;
	background: #FFF;
	display: none;
	width: 250px;
	text-align: left
}

.dataC>li .dot-pop .close {
	cursor: pointer;
	position: absolute;
	right: -1px;
	top: -5px
}

.dataC>li .dot-pop .close i {
	font-size: 10px;
	color: #ff2d2d;
	padding: 5px
}

.dataC>li .dot-pop.no-service .cont {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	color: #898383;
	text-transform: uppercase;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.dataC>li .dot-pop.no-service .cont .bttn-2 {
	margin-top: 20px;
	font-size: 10px
}

.dataC>li .dot-pop.service {
	width: 350px
}

.dataC>li .dot-pop .pop-ser-list {
	clear: both;
	margin-top: 10px
}

.dataC>li .dot-pop .pop-ser-list .row {
	position: relative;
	display: block;
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 0;
	/* font-family: "Open Sans"; */
	color: #8a7acc;
	border-bottom: 1px dashed #e6e6e9
}

.dataC>li .dot-pop .pop-ser-list .row span {
	color: #918f8f;
	font-size: 10px;
	/* font-family: "Open Sans"; */
	letter-spacing: 1px;
	line-height: 1;
	margin-right: 15px;
	display: inline-block
}

.dataC>li .dot-pop .pop-ser-list .row .edit {
	color: #a5a5a5;
	position: absolute;
	right: 0;
	padding: 0;
	font-size: 11px
}

.dataC>li .dot-pop .pop-ser-list .submit-row {
	padding: 10px 0
}

.dataC>li .ppn {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 6% !important;
	flex: 0 0 6% !important
}

.dataC>li .two.pn {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 12% !important;
	flex: 0 0 12% !important
}

.dataC>li .pn2 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 8% !important;
	flex: 0 0 8% !important
}

.dataC>li .pn4 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 6% !important;
	flex: 0 0 6% !important
}

.dataC>li .pn5 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 10% !important;
	flex: 0 0 10% !important
}

.dataC>li .pn6 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 10% !important;
	flex: 0 0 10% !important
}

.dataC>li .pn7 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 7% !important;
	flex: 0 0 7% !important
}

.dataC>li .pn8 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 7% !important;
	flex: 0 0 7% !important
}

.dataC>li .pn9 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 10% !important;
	flex: 0 0 10% !important
}

.dataC>li .pn10 {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 85px !important;
	flex: 0 0 85px !important
}

.dataC>li .edit-item {
	text-align: center;
	background: #5568e5;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	display: inline-block;
	margin-right: 15px;
	min-width: 45px;
	line-height: 18px;
	border-radius: 20px
}

.dataC>li .delete-item i {
	font-size: 9px;
	color: red
}

.cname {
	cursor: pointer;
	position: relative;
	background: #eee;
	padding-left: 15px;
	margin: 0 0 1px 0;
	color: #5568e5;
	font-size: 11px;
	font-weight: 700;
	line-height: 34px
}

.cname i {
	font-size: 10px;
	margin-right: 5px
}

.cname .arrow {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 12px
}

.list-table-items-data {
	border: 1px solid #eee;
	min-height: 380px;
	overflow-y: auto
}

.list-table-items-data::-webkit-scrollbar {
	width: 6px
}

.list-table-items-data::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #eee
}

.list-table-items-data::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #5568e5;
	-webkit-box-shadow: inset 0 0 6px #5568e5
}

.list-table-items-data .bttn-2,
.list-table-items-data .recall,
.list-table-items-data .dataC>li .status {
	border-radius: 5px
}

.list-table-items-data .bttn-2 {
	height: 36px !important;
	line-height: 34px !important
}

.no-services-search {
	position: relative;
	top: 12px
}

.no-services-search .se-txt {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-left: 10px;
	position: relative;
	top: -4px
}

.sales-submit-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 25px
}

.sales-submit-price .form-row {
	margin-left: auto
}

.sales-submit-price .form-row label {
	color: #5568e5;
	/* font-family: "Open Sans" */
}

.ui-draggable .ui-dialog-titlebar {
	color: #5568e5;
	background: #eeeeee;
	font-size: 16px;
	/* font-family: "Open Sans" */
}

.ui-dialog-buttonset button {
	border: 0;
	font-size: 12px !important;
	padding: 5px 10px !important;
	line-height: 22px !important
}

.ui-dialog-buttonset button .-o {
	line-height: 20px !important
}

#confirmationdialog {
	padding: 25px 10px;
	font-size: 14px
}

.form-view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.form-view .caption {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px
}

.form-view .box {
	display: block;
	padding: 5px;
	border: 1px solid #eee;
	margin-top: 10px
}

.form-view h1 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	font-size: 16px;
	color: #000;
	font-weight: 600;
	margin: 0 20px 10px 20px;
	padding: 0;
	text-transform: uppercase
}

.form-view h2 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	font-size: 14px;
	color: #000;
	font-weight: 600;
	margin: 15px 20px 10px 20px;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #eee;
	text-transform: uppercase
}

.form-view .pdf-bttn {
	position: relative;
	top: 7px;
	background-color: #5568e5;
	color: #fff;
	border-radius: 20px;
	padding: 3px 20px 5px 20px
}

@media screen and (max-width: 1200px) {
	.form-view .pdf-bttn {
		white-space: nowrap;
		font-size: 11px;
		padding-left: 10px;
		padding-right: 10px
	}
}

.form-view .w-500 {
	display: inline-block;
	width: 500px
}

.form-view .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 0 20px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.form-view .left {
	padding: 0 20px 0 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

.form-view .left h2 {
	margin-left: 0;
	margin-right: 0
}

.form-view .right {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%
}

.form-view .right h2 {
	margin-left: 0;
	margin-right: 0
}

.form-view .three-col {
	padding: 0 20px 0 0;
	width: 33%
}

.form-view .auto-col {
	padding: 0 20px 0 0;
	width: 20%
}

.form-view p {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 20px
}

.form-view p.full {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

.form-view p label {
	line-height: 1;
	margin: 0;
	color: #b1acac;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 500;
	font-size: 10px
}

.form-view p label.inline {
	margin-right: 10px;
	display: inline-block;
	position: relative
}

.form-view p label.inline input {
	position: relative;
	top: 2px
}

.create-new-estimate .select-client {
	margin-right: 15px;
	max-width: 240px
}

.create-new-estimate .project-id {
	margin-right: 15px;
	max-width: 175px
}

.create-new-estimate .project-de {
	max-width: 250px
}

.create-new-estimate .buttons .input-row {
	position: relative
}

.create-new-estimate .buttons .input-row i {
	position: relative;
	top: -1px;
	left: -3px;
	color: #fff
}

.create-new-estimate .buttons .input-row .-o i {
	color: #5568e5
}

.create-new-estimate-bottom .form-row label {
	font-size: 16px
}

.accordian .acc-box {
	margin-bottom: 10px;
	display: block;
	width: 100%
}

.accordian .acc-box.on h3 i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.accordian .acc-box h3 {
	font-weight: 600;
	font-size: 13px;
	background: #e8e5f5;
	color: #5568e5;
	margin: 0;
	line-height: 32px;
	border-radius: 3px;
	padding: 0 0 0 15px;
	position: relative;
	cursor: pointer
}

.accordian .acc-box h3 i {
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	right: 10px;
	top: 10px;
	position: absolute;
	font-size: 11px
}

.accordian .acc-box .fancy-checkbox {
	padding-left: 10px;
	display: none;
	margin-bottom: 0
}

.accordian .acc-box .fancy-checkbox label {
	font-size: 12px;
	margin: 0 !important;
	font-weight: 500
}

.order-summary-content table td,
.order-summary-content table th {
	padding-left: 10px !important;
	text-align: left
}

.order-summary-content table td {
	padding-bottom: 10px !important;
	padding-top: 10px !important
}

.order-summary-content table .edit i {
	color: #5568e5
}

.order-summary-content table .pid {
	color: #5568e5;
	font-weight: 600
}

@media screen and (max-width: 600px) {
	.order-summary-content table .pid {
		white-space: nowrap
	}
}

.service-selection-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.service-selection-info .form-row:first-child {
	width: 270px
}

.service-selection-info .form-row:last-child {
	margin-left: 20px;
	width: 380px
}

.main-div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 767px) {
	.main-div {
		position: relative
	}
}

.main-div .left {
	width: 100%
}

.main-div .right {
	position: fixed;
	top: 0;
	height: 100vh;
	z-index: 1;
	right: 0;
	background: #333;
	width: 200px
}

.main-div .right .inner {
	margin: 100px auto 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 150px;
	text-align: center
}

.main-div .right .inner h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px
}

.main-div .right .inner h4+div {
	margin-bottom: 10px
}

.main-div .right .inner h4+div .bttn-2 {
	margin-bottom: 8px;
	min-width: 140px;
	border-radius: 20px
}

@media screen and (max-width: 767px) {
	.main-div .right {
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		position: absolute;
		z-index: 11;
		width: 32px;
		height: 32px
	}

	.main-div .right.in {
		min-height: 100%;
		width: 140px
	}

	.main-div .right.in .inner {
		margin-top: 30px !important;
		display: block;
		font-size: 11px
	}

	.main-div .right.in .inner h4 {
		font-size: 12px
	}

	.main-div .right.in .inner .bttn-2 {
		min-width: 100px
	}

	.main-div .right .pnlToggle {
		right: 0 !important;
		top: 0;
		position: absolute;
		right: 0;
		background: #333;
		border-radius: 3px;
		z-index: 11;
		color: #FFF;
		padding: 5px 10px
	}

	.main-div .right .pnlToggle i {
		color: inherit
	}

	.main-div .right .inner {
		display: none
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.main-div .right {
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		width: 120px
	}

	.main-div .right .inner {
		width: 100%
	}

	.main-div .right .inner .bttn-2 {
		min-width: 90% !important;
		font-size: 11px
	}
}

.full-cad {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (max-width: 767px) {
	.full-cad {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.full-cad .cad.half {
	margin-left: 0;
	width: calc(50% - 10px)
}

@media screen and (max-width: 767px) {
	.full-cad .cad.half {
		width: 100%
	}
}

@media screen and (max-width: 1024px) {
	.full-cad .cad.half .flRow {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.full-cad .cad.half .form-row {
		width: 100%;
		margin-right: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.full-cad .cad.half .form-row label {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		line-height: 1.5
	}

	.full-cad .cad.half .form-row .serviceID {
		width: 100% !important
	}
}

.cad {
	width: 100%;
	margin-bottom: 15px;
	background: #fff;
	border-radius: 3px;
	/* -webkit-box-shadow: 2px 3px 6px 1px rgba(0, 0, 0, 0.012); */
	/* box-shadow: 2px 3px 6px 1px rgba(0, 0, 0, 0.012); */
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	/* border: 1px solid #f1f1f1; */
	position: relative
}

.cad.mb-15 {
	margin-bottom: 25px !important
}

.cad.space .cad-body {
	padding: 15px
}

.cad .cad-body {
	padding: 10px 15px 5px 15px
}

@media screen and (max-width: 767px) {
	.cad .cad-body {
		padding-right: 5px;
		padding-left: 5px
	}
}

.cad .pgTitle {
	font-weight: 600;
	background: #fff;
	padding: 10px;
	border-radius: 3px
}

.cad:hover {
	-webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.05)
}

.cad .cad-tite {
	letter-spacing: 1px;
	z-index: 10;
	position: relative;
	display: block;
    border-bottom:1px solid #5568e5;
	/* background: #f9f9f9; */
	color: #15124b;
	font-weight: 600;
	padding: 10px 10px;
	margin-bottom: 10px;
	border-radius: 0px 0px 0 0
}

.serviceID {
	width: 200px !important
}

.component-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.component-row .q .input-row {
	max-width: 70px
}

.component-row .i .input-row {
	max-width: 120px
}

.component-row .form-row {
	margin-right: 15px
}

.add-option-row {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.add-option-row .addprintpaperrow {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.add-option-row .addprintpaperrow.cpy {
	margin-top: 10px
}

.add-option-row .addprintpaperrow .btnsm {
	min-width: 103px
}

.FinishingBox .paperMoile .auto-space {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
	.paperMoile {
		padding-top: 20px !important;
		margin-left: 0 !important
	}

	.paperMoile .component-row .form-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.paperMoile.bind-row {
		padding-left: 10px
	}

	.paperMoile.bind-row .tito {
		top: 0px !important
	}

	.paperMoile.form-bg-block .tito {
		top: 15px !important
	}

	.paperMoile.form-bg-block,
	.paperMoile.bind-row {
		position: relative
	}

	.paperMoile.form-bg-block>.tito,
	.paperMoile.bind-row>.tito {
		position: absolute;
		text-align: left;
		left: 10px !important
	}

	.paperMoile .coat-row,
	.paperMoile .flex-container {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start
	}

	.paperMoile .coat-row .form-row,
	.paperMoile .flex-container .form-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin-right: 5px;
		min-width: auto !important
	}

	.paperMoile .coat-row .form-row.sm-width,
	.paperMoile .coat-row .form-row.xs-width,
	.paperMoile .flex-container .form-row.sm-width,
	.paperMoile .flex-container .form-row.xs-width {
		-webkit-box-flex: 1 !important;
		-ms-flex: 1 !important;
		flex: 1 !important;
		width: auto !important
	}

	.paperMoile .coat-row .form-row label,
	.paperMoile .flex-container .form-row label {
		min-width: auto !important;
		-webkit-box-flex: 0;
		-ms-flex: 0;
		flex: 0
	}

	.paperMoile .coat-row .form-row .input-row,
	.paperMoile .flex-container .form-row .input-row {
		-webkit-box-flex: 0;
		-ms-flex: 0;
		flex: 0
	}

	.paperMoile .coat-row .form-row.left-auto,
	.paperMoile .flex-container .form-row.left-auto {
		margin-left: inherit
	}
}

.prjEstimate {
	width: calc(100% - 195px);
	/* padding-top: 10px */
}

@media screen and (max-width: 767px) {
	.prjEstimate {
		width: 100%
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.prjEstimate {
		width: calc(100% - 120px)
	}
}

.prjEstimate.full {
	width: 100%
}

.prjEstimate .pgTitle {
	margin-bottom: 0
}

.prjEstimate .addprintpaperrow {
	width: 100%
}

@media screen and (max-width: 1024px) {
	.prjEstimate .addprintpaperrow {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.prjEstimate .addprintpaperrow .slider {
	line-height: 1
}

.prjEstimate .addprintpaperrow .slider label {
	line-height: 1.3
}

.prjEstimate .addprintpaperrow .slider .chk-row {
	margin-top: 0;
	margin-bottom: 0
}

.prjEstimate .addprintpaperrow .w95 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 95px;
	flex: 0 0 95px;
	width: 95px
}

.prjEstimate .addprintpaperrow .w100 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100px;
	flex: 0 0 100px
}

.prjEstimate .addprintpaperrow .w240 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 240px;
	flex: 0 0 240px
}

.prjEstimate .addprintpaperrow .w180 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 180px;
	flex: 0 0 180px
}

.prjEstimate .addprintpaperrow .w150 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 150px;
	flex: 0 0 150px
}

.prjEstimate .addprintpaperrow .w110 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 110px;
	flex: 0 0 110px
}

.prjEstimate .addprintpaperrow .w120 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 120px;
	flex: 0 0 120px
}

.prjEstimate .addprintpaperrow .w130 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 130px;
	flex: 0 0 130px
}

.prjEstimate .btnsm {
	height: 32px !important;
	line-height: 30px !important;
	font-size: 9px !important;
	letter-spacing: 0 !important;
	padding: 0 5px !important;
	border-radius: 20px
}

.prjEstimate .leadtext {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 0px
}

.prjEstimate .lg-radio-caption {
	margin-bottom: 10px !important
}

.prjEstimate .lg-radio-caption .chk-row {
	margin-bottom: 0
}

.prjEstimate .ite-prg-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.prjEstimate .ite-prg-row>label {
	margin-right: 15px
}

.prjEstimate .dis-media .chk-row {
	margin-bottom: 10px
}

.prjEstimate .one-time {
	margin-bottom: 0
}

.prjEstimate .flRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.prjEstimate .flRow-inline-radio {
	margin-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px dotted #cacaca
}

.prjEstimate .flRow-inline-radio .tito {
	margin-bottom: 0;
	margin-right: 15px;
	border: 0
}

.prjEstimate .flRow-inline .form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 10px
}

.prjEstimate .flRow-inline .form-row label {
	margin-right: 10px
}

.prjEstimate .flRow-inline .form-row:last-child {
	margin-right: 0
}

.prjEstimate .flRow label.w470 {
	width: 470px
}

.prjEstimate .flRow label.auto {
	white-space: nowrap
}

.prjEstimate .flRow .w150 {
	width: 150px
}

.prjEstimate .flRow .w450 {
	width: 450px
}

.prjEstimate .flRow .w120 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 120px;
	flex: 0 0 120px;
	min-width: 120px
}

.prjEstimate .flRow .w60 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60px;
	flex: 0 0 60px
}

.prjEstimate .flRow .w70 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 70px;
	flex: 0 0 70px
}

.prjEstimate .flRow .w80 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80px;
	flex: 0 0 80px
}

.prjEstimate .flRow .w95 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 95px;
	flex: 0 0 95px
}

.prjEstimate .flRow .w180 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 180px;
	flex: 0 0 180px
}

.prjEstimate .flRow .w200 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 200px;
	flex: 0 0 200px
}

.prjEstimate .flRow .w240 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 240px;
	flex: 0 0 240px
}

.prjEstimate .flRow .w400 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 400px;
	flex: 0 0 400px
}

.prjEstimate .flRow .w500 {
	width: 500px
}

.prjEstimate .flRow .w700 {
	width: 700px
}

.prjEstimate .flRow .w800 {
	width: 800px
}

.prjEstimate .flRow .full {
	width: 100%
}

@media screen and (max-width: 767px) {
	.prjEstimate .flRow {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.prjEstimate .flRow .form-row {
		width: 100%
	}

	.prjEstimate .flRow .form-row label {
		min-width: 100px
	}

	.prjEstimate .flRow .form-row.xs-width .input-row {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.prjEstimate .flRow .form-row>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%
	}
}

.prjEstimate .form-row {
	margin-bottom: 10px
}

.prjEstimate .form-row label {
	margin-bottom: 2px;
	line-height: 31px
}

@media screen and (max-width: 767px) {
	.prjEstimate .form-row label.w-340 {
		min-width: auto !important
	}
}

.prjEstimate .form-row .input-row i {
	top: 11px;
	font-size: 9px
}

.prjEstimate .form-row .input-row .foo {
	font-size: 12px;
	padding: 0 0 0 25px;
	min-height: 36px !important;
	line-height: 36px !important;
	height: 36px !important;
	border-radius: 0px;
	border: 1px solid #efeaea !important;
	box-shadow: 0 0px 0px 0px #efeaea;
}

.prjEstimate .form-row .input-row .foo:focus {
	border-color: #5568e5 !important;
	color: #000;
	/* -webkit-box-shadow: 0 1px 0px 0px #b2a0ff; */
	box-shadow: 0 0px 0px 0px #b2a0ff
}

.prjEstimate .form-row .input-row textarea.foo {
	min-height: 65px !important;
	line-height: 1.5 !important
}

.custom-width .xs-width {
	max-width: 170px
}

.custom-width .sm-width {
	width: 280px
}

.custom-width .button {
	margin-left: auto
}

.w-180 {
	min-width: 180px;
	max-width: 180px
}

.w-150 {
	max-width: 250px
}

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

.w-230 {
	max-width: 230px
}

.w-280 {
	max-width: 280px
}

.w-380 {
	max-width: 380px
}

.w-380-w {
	width: 380px
}

.w-480 {
	max-width: 480px
}

#FrequencyCNT .cad-body {
	padding-bottom: 10px
}

#FrequencyCNT .form-row {
	margin-bottom: 0;
	max-width: 280px
}

.w-340 {
	min-width: 340px !important
}

.inline-radio-cnt {
	margin-bottom: 10px
}

.inline-radio-cnt .pre-caption {
	width: 320px;
	position: relative;
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 1px;
	margin-right: 15px
}

.inline-radio-cnt .pre-caption.width-200 {
	width: 200px
}

.inline-radio-cnt .fancy-checkbox {
	display: inline-block;
	position: relative;
	top: -33px;
	margin: 0
}

.inline-radio-cnt .fancy-checkbox label {
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333
}

.inline-radio-cnt .chk-row {
	margin-bottom: 0;
	position: relative;
	top: 3px
}

.inline-radio-cnt .chk-row .caption {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px
}

.prg-row-inline {
	min-height: 95px
}

.prg-row-inline .row-inline {
	margin-bottom: 0;
	margin-left: 100px;
	max-width: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	top: -7px
}

.assem-pro-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.assem-pro-row .form-row {
	margin-right: 0 !important
}

.assem-pro-row .form-row .cross {
	font-weight: 700;
	line-height: 40px;
	padding: 0 15px
}

.assem-pro-row .form-row .foo {
	padding-right: 0
}

.assem-pro-row.doc-spe {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 5px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.assem-pro-row.doc-spe {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.assem-pro-row.doc-spe .flat {
		width: 50%;
		margin-bottom: 5px
	}

	.assem-pro-row.doc-spe .flat .tito {
		line-height: 1.5
	}
}

@media screen and (max-width: 767px) {
	.assem-pro-row.doc-spe {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.assem-pro-row.doc-spe .flat {
		width: 100%;
		margin-bottom: 5px
	}

	.assem-pro-row.doc-spe .flat .tito {
		line-height: 1.5
	}
}

.assem-pro-row .flat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.assem-pro-row .flat .tito {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
	padding-right: 15px
}

.assem-pro-row .flat .checkbox-row {
	position: relative;
	top: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.assem-pro-row .flat .checkbox-row .chk-row {
	white-space: nowrap;
	margin-bottom: 0
}

.assem-pro-row .flat .checkbox-row .chk-row .caption {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600
}

.assem-pro-row .flat .size-row .form-row {
	margin-bottom: 0 !important
}

.assem-pro-row .finish {
	margin-right: 15px
}

.assem-pro-row .fold {
	margin-right: 15px
}

.assem-pro-row .weight {
	margin-right: 30%
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
	.assem-pro-row .flat {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.assem-pro-row .flat .tito {
		padding-right: 0
	}
}

.define-test {
	width: 120px !important
}

.mailing-type-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 0px
}

.mailing-type-row .chk-item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.mailing-type-row .chk-item .caption {
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 0
}

.left-Auto {
	margin-left: auto
}

.door-direct .form-row label {
	width: 220px
}

.door-direct .form-row .input-row {
	width: 250px !important
}

.postage-estimate .flex-container {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start
}

.postage-estimate .flex-container .form-row {
	margin-right: 25px
}

.postage-estimate .flex-container .form-row.button {
	width: auto;
	margin-left: auto
}

.optimize-files {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.optimize-files .fancy-checkbox {
	margin-bottom: 15px
}

.optimize-files .pre-caption {
	color: #333;
	margin-right: 10px;
	margin-top: 6px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px
}

.optimize-files label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px
}

.ncoa-cass {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ncoa-cass.house-block {
	margin-top: 141px
}

.ncoa-cass .chk-row {
	margin-bottom: 15px
}

.ncoa-cass h4 {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: 600;
	margin-right: 10px;
	margin-top: 3px
}

.ncoa-cass .c-box {
	margin-top: 3px
}

.ncoa-cass .caption {
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 3px
}

.upload-analyze label {
	font-size: 11px;
	color: #333;
	font-weight: 600
}

.print-spec-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.print-spec-row .form-row {
	max-width: 275px
}

.print-spec-row .form-row.button {
	margin-left: 25px
}

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

@media screen and (max-width: 600px) {
	.packaging-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%
	}

	.packaging-row>div {
		width: 100%
	}
}

.packaging-row .fancy-checkbox {
	margin-bottom: 0
}

.packaging-row .packIn {
	margin-top: 5px;
	margin-right: 25px
}

.packaging-row .each {
	margin-right: 25px
}

.packaging-row .each label {
	margin-left: 15px
}

.packaging-row .packBulk {
	margin-top: 5px
}

.coat-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.coat-row .button {
	margin-right: 0 !important
}

.coat-row .form-row {
	margin-right: 15px
}

.coat-row .w95 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 95px;
	flex: 0 0 95px
}

.coat-row .w140 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 140px;
	flex: 0 0 140px
}

.coat-row .w100 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100px;
	flex: 0 0 100px
}

.coat-row .w150 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 150px;
	flex: 0 0 150px
}

.coat-row .w180 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 180px;
	flex: 0 0 180px
}

.coat-row .w220 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 220px;
	flex: 0 0 220px
}

.coat-row .w280 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 280px;
	flex: 0 0 280px
}

.coat-row .left-auto {
	margin-left: auto
}

.inside-pack {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.inside-pack .tito {
	margin-left: 20px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	top: 2px
}

.inside-pack .tito .chk-row {
	margin-bottom: 0
}

.inside-pack .tito .chk-row .caption {
	margin-left: 0;
	position: relative;
	top: -6px
}

.desk-ser .checkbox-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.desk-ser .checkbox-row .chk-row {
	margin-bottom: 0
}

.bind-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px dotted #cacaca;
	padding-bottom: 10px
}

.bind-row .tito {
	border: 0;
	margin: 0;
	padding: 0;
	width: 150px
}

.bind-row .form-row {
	margin-bottom: 0 !important
}

.bind-row .type {
	max-width: 310px !important
}

.bind-row .w120 {
	min-width: 120px !important
}

.bind-row .w160 {
	min-width: 160px !important
}

.bind-row .w98 {
	min-width: 98px !important
}

.coating {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start
}

.coating .type {
	max-width: 200px
}

.coating .finish {
	max-width: 200px
}

.coating .covarage {
	max-width: 200px
}

.coating .button {
	margin-left: auto
}

.advance-finish {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start
}

.toolTip i {
	color: #ff9800
}

.tito-radiobox .caption {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600
}

.lg-radio-caption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 15px
}

.lg-radio-caption .caption {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-right: 10px;
	font-weight: 600
}

.lg-radio-caption .chk-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.lg-radio-caption .chk-row .caption {
	margin-top: 3px
}

.form-bg-block {
	padding: 5px 10px;
	background: #eee;
	border-radius: 3px;
	margin-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-left: 150px
}

.form-bg-block .tito {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	border: 0;
	margin: 0;
	padding: 0;
	left: -150px;
	width: 140px;
	text-align: center;
	white-space: nowrap;
	margin-right: 10px
}

.form-bg-block .form-row {
	margin-bottom: 0
}

@media screen and (max-width: 767px) {
	.form-bg-block {
		margin-left: 0;
		padding-top: 25px
	}
}

@media screen and (max-width: 767px) {
	.mobsmallCol.flex-container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.mobsmallCol.flex-container .form-row {
		max-width: none !important;
		width: 100%;
		min-width: 100%
	}

	.mobsmallCol.flex-container .form-row>label {
		min-width: 100px !important;
		-webkit-box-flex: 0;
		-ms-flex: 0;
		flex: 0
	}

	.mobsmallCol.flex-container .form-row .input-row {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.bind-row {
		position: relative;
		padding-top: 25px
	}

	.bind-row .tito {
		left: 0 !important;
		top: 5px !important
	}

	.paperMoile .flex-container {
		position: relative
	}

	.paperMoile>.tito {
		text-align: left;
		top: 10px;
		left: 10px;
		position: absolute
	}

	.paperMoile .flex-container,
	.paperMoile .coat-row,
	.paperMoile .addprintpaperrow {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%
	}

	.paperMoile .form-row {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 10px !important;
		margin-right: 0 !important;
		max-width: none !important
	}

	.paperMoile .form-row>label {
		min-width: 100px !important;
		-webkit-box-flex: 0;
		-ms-flex: 0;
		flex: 0
	}

	.paperMoile .form-row .input-row {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: 100%;
		max-width: none !important
	}

	.paperMoile .form-row.select-small .select2-container {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

.serviceform-status {
	padding-top: 0 !important;
	border: 1px solid #f0eeed
}

.serviceform-status .client-table {
	width: 100%;
	padding: 0 0px
}

.serviceform-status .client-table table {
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.5px
}

.serviceform-status .client-table table tr:hover {
	background: #fff
}

.serviceform-status .client-table table th {
	font-size: 11px;
	text-align: left;
	padding: 7px 15px !important
}

.serviceform-status .client-table table td {
	text-align: left;
	padding: 8px 15px !important
}

.serviceform-status .client-table table td a {
	font-weight: 700;
	color: #696969
}

.serviceform-status .client-table table td .form-status {
	text-transform: uppercase;
	padding-bottom: 3px;
	display: inline-block;
	width: 100px;
	font-size: 10px;
	position: relative
}

.serviceform-status .client-table table td .form-status::after {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #ccc;
	content: "";
	position: absolute;
	z-index: 1
}

.serviceform-status .client-table table td .form-status.green b {
	position: absolute;
	left: calc(100% + 5px);
	top: 8px;
	color: #777
}

.serviceform-status .client-table table td .form-status.green::before {
	left: 0;
	bottom: 0;
	width: 90%;
	height: 3px;
	background: green;
	content: "";
	position: absolute;
	z-index: 2
}

.serviceform-status .client-table table td .form-status.red b {
	color: #777;
	position: absolute;
	left: calc(100% + 5px);
	top: 8px
}

.serviceform-status .client-table table td .form-status.red::before {
	left: 0;
	bottom: 0;
	width: 40%;
	height: 3px;
	background: red;
	content: "";
	position: absolute;
	z-index: 2
}

.project-builder-block {
	margin-top: 10px
}

.project-builder-block .pgTitle {
	font-size: 16px;
	margin-bottom: 5px
}

.project-builder-block .lead {
	margin-bottom: 5px;
	font-size: 12px
}

@media screen and (max-width: 767px) {
	.project-builder-block .create-new-estimate {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.project-builder-block .create-new-estimate * {
		max-width: none !important
	}
}

.project-builder-block .create-new-estimate .form-row {
	margin-bottom: 10px
}

@media screen and (max-width: 1024px) {
	.project-builder-block .create-new-estimate .form-row label {
		white-space: nowrap
	}
}

@media screen and (max-width: 767px) {
	.project-builder-block .create-new-estimate .form-row {
		width: 100%;
		margin-right: 0
	}

	.project-builder-block .create-new-estimate .form-row .buttons label {
		display: none
	}
}

.project-builder-block .create-new-estimate-bottom label {
	font-size: 14px
}

.fc-row {
	position: relative;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.fc-row .remove {
	position: absolute;
	right: 10px;
	top: 0px
}

.fc-row .remove i {
	font-size: 10px;
	color: #ff5722
}

.fc-row:hover {
	background: #eee
}

.shiping-auto {
	width: auto !important
}

.shiping-auto .chk-row {
	margin-right: 15px;
	width: auto !important
}

.EstimateRequest .add-1 {
	color: #5568e5;
	position: relative;
	border: 2px solid #ccc;
	padding: 10px 10px 10px 10px;
	border-radius: 3px;
	width: 400px
}

@media screen and (max-width: 767px) {
	.EstimateRequest .add-1 {
		width: 100%
	}

	.EstimateRequest .add-1 .form-row.inline-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.EstimateRequest .add-1 .address {
	position: absolute;
	background: #fff;
	line-height: 1;
	top: -12px;
	font-weight: 600;
	padding: 5px 10px
}

.EstimateRequest .add-1 .add-more-contact {
	text-transform: uppercase;
	top: -10px;
	right: 10px;
	padding: 0 7px
}

.EstimateRequest .form-row {
	margin-bottom: 5px
}

.EstimateRequest .form-row label {
	line-height: 20px
}

.EstimateRequest .form-row .select2-container .select2-selection--single {
	height: 32px;
	padding: 0;
	border: 1px solid #efeaea !important;
	-webkit-box-shadow: 0 2px 0px 0px #efeaea;
	box-shadow: 0 2px 0px 0px #efeaea;
	border-radius: 4px
}

.EstimateRequest .form-row .select2-container .select2-selection__arrow {
	height: 30px
}

.ship-csv-upload .import input[type="file"]+label {
	padding: 2px 30px !important
}

.ship-csv-upload .import input[type="file"]+label i {
	left: 13px;
	top: 12px
}

.ship-add-info {
	max-width: 660px
}

@media screen and (max-width: 767px) {
	.ship-add-info {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start
	}

	.ship-add-info>.form-row {
		margin-right: 10px;
		max-width: auto;
		min-width: 85px
	}
}

.select-small .input-row .select2-container {
	width: auto !important
}

.select-small .input-row .select2-container .select2-selection--single {
	padding: 0 0 0 15px !important;
	min-height: 32px !important;
	line-height: 32px !important;
	height: 32px !important;
	border-radius: 4px;
	border: 1px solid #efeaea !important;
	-webkit-box-shadow: 0 2px 0px 0px #efeaea;
	box-shadow: 0 2px 0px 0px #efeaea
}

.select-small .input-row .select2-container .select2-selection__arrow {
	height: 32px !important
}

.disclaimer {
	border: 1px solid #eee;
	margin-top: 35px;
	position: relative;
	padding: 25px 20px 25px 20px;
	border-radius: 5px
}

.disclaimer-title {
	position: absolute;
	left: 10px;
	top: -12px;
	display: inline-block;
	padding: 2px 15px;
	background: #eee;
	border-radius: 5px;
	font-weight: 600;
	letter-spacing: 1px
}

.disclaimer-body {
	font-size: 14px
}

.disclaimer-action {
	display: block;
	text-align: center;
	margin: 10px 0
}

.disclaimer-action .agree {
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	margin: 0 10px;
	border: 1px solid #523fa2;
	color: #fff;
	min-width: 190px;
	background: #523fa2;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 28px
}

.disclaimer-action .disagree {
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	margin: 0 10px;
	border: 1px solid #523fa2;
	color: #523fa2;
	min-width: 190px;
	background: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 28px
}

@media screen and (max-width: 767px) {
	.env-details {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (max-width: 767px) {
	.env-details .flat {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media screen and (max-width: 767px) {
	.env-details .flat {
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
		width: 100%
	}
}

@media screen and (max-width: 767px) {
	.prg-row-inline .c-box .chk-row {
		width: 50%
	}

	.prg-row-inline .c-box .row-inline {
		width: 50%;
		margin: 0
	}

	.paperMoile .component-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.assem-pro-row.mob-Two {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.purpose-in-project .mailing-type-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.postage-estimate .flRow {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.postage-estimate .flRow .form-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.dataList-service .col {
		width: 100% !important
	}

	.dataList-service .col .house-block {
		margin-top: 0
	}

	.mailing-type-row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start
	}

	.mailing-type-row .chk-item {
		margin-right: 15px
	}

	.concep_page {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.concep_page .form-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.concep_page .form-row label {
		line-height: 1.4;
		-webkit-box-flex: 1 !important;
		-ms-flex: 1 !important;
		flex: 1 !important
	}

	.cad-body>.one-time {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.cad-body>.one-time .pre-caption {
		width: 50%
	}

	.cad-body>.one-time .fancy-checkbox {
		top: 0
	}
}

@media screen and (max-width: 1024px) {
	.prod_details {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (min-width: 768px) and (max-width: 1095px) {
	.concep_page {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.concep_page .form-row {
		margin-right: 0 !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}

	.concep_page .form-row label {
		line-height: 1.4;
		-webkit-box-flex: 1 !important;
		-ms-flex: 1 !important;
		flex: 1 !important
	}

	.concep_page .form-row .input-row {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

.flatsizecontainer {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.flatsizecontainer .tito {
	border: 0
}

.flatsizecontainer .cross {
	padding: 0 20px
}

.flatsizecontainer .box {
	width: 350px
}

.flatsizecontainer .box-450 {
	margin-right: 25px;
	width: 450px
}

.flatsizecontainer .box-550 {
	margin-right: 25px;
	width: 550px
}

.flatsizecontainer .box-650 {
	margin-right: 25px;
	width: 650px
}

.flatsizecontainer .flat {
	width: 350px
}

.uspsV2 .form-row .input-row .foo {
	border-radius: 0 !important;
	border:1px solid #efeaea !important;
	/* border-width: 0 0 1px 0 !important; */
	/* padding-left: 5px !important */
}

.add-to-cart-button {
	margin-left: auto;
	float: right;
	letter-spacing: 0.1em;
	padding: 1px 8px 2px 8px;
	font-weight: 600;
	font-size: 12px;
	color: #fff;
	background: #5568e5;
	border-radius: 3px
}

.modal-body .modelFilter>div {
	margin-bottom: 0
}

.modal-body .modelFilter .client-search {
	width: auto !important;
	float: none;
	margin-right: 30px
}

.modal-body .modelFilter .filter .select2-container {
	width: 100% !important
}

.modal-body .modelFilter .filter .select2-selection__arrow {
	height: 32px
}

.modal-body .modelFilter .filter .select2-selection {
	min-height: 36px;
	line-height: 36px;
	border: 1px solid #e6e0e0
}

.modal-body .modelFilter .filter .select2-selection .select2-selection__rendered {
	line-height: 34px;
	font-size: 12px
}

.modal-body .product-list {
	max-height: 555px;
	overflow-y: auto
}

.modal-body .product-list::-webkit-scrollbar {
	width: 8px
}

.modal-body .product-list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #eee
}

.modal-body .product-list::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #5568e5;
	-webkit-box-shadow: inset 0 0 6px #5568e5
}

.modal-body .product-list .item {
	font-size: 11px;
	max-width: calc(25% - 30px);
	position: relative;
	margin-bottom: 15px
}

.modal-body .product-list .item .addt {
	-webkit-box-shadow: 0px 2px 6px 0px #b6b2d1;
	box-shadow: 0px 2px 6px 0px #b6b2d1;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 13px;
	height: 13px
}

.modal-body .product-list .item .thumb {
	min-height: 90px;
	max-height: 90px
}

.modal-body .product-list .item .thumb img {
	max-height: 90px
}

.modal-body .product-list .item .code {
	margin-bottom: 5px;
	font-size: inherit;
	font-weight: 600
}

.modal-body .product-list .item h2 {
	font-size: inherit;
	font-weight: 700
}

.ego-landing {
	border-radius: 4px;
	border: 1px solid #d8d2ee;
	padding: 20px;
	background: #f5f3ff;
	text-align: center
}

.ego-landing h1 {
	font-size: 32px;
	color: #5568e5
}

.ego-landing .lead {
	line-height: 1.5;
	max-width: 55%;
	margin: 0 auto 25px auto
}

.ego-landing .email-camp-box {
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.055) 0px 0px 20px;
	box-shadow: rgba(0, 0, 0, 0.055) 0px 0px 20px;
	padding: 10px;
	border: 1px solid transparent;
	width: 300px;
	margin: 0 auto
}

.ego-landing .email-camp-box h2 {
	text-align: left;
	font-weight: 600;
	font-size: 13px
}

.ego-landing .email-camp-box h2 i {
	margin-right: 5px;
	background: #5568e5;
	color: #fff;
	font-size: 10px;
	padding: 7px;
	line-height: 1;
	border-radius: 50%
}

.ego-landing .email-camp-box .thumb img {
	max-width: 100%
}

.ego-landing .email-camp-box .button {
	background: #5568e5;
	border-radius: 4px;
	padding: 10px;
	color: #fff;
	text-align: center
}

.ego-landing .email-camp-box .button a {
	display: block;
	color: inherit;
	letter-spacing: 1px
}

.setup-selection {
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.rec-selection {
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.rec-selection .or {
	text-align: center;
	margin-bottom: 20px;
	position: relative
}

.rec-selection .or::before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	width: 100%;
	border-bottom: 1px dotted #eee
}

.rec-selection .or span {
	position: relative;
	z-index: 2;
	color: #9a9a9a;
	font-weight: 600;
	display: inline-block;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff
}

.temp-selection {
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.ego-cat {
	clear: both;
	display: block
}

.ego-cat h3 {
	padding-left: 10px
}

.ego-cat .eGo-templates {
	list-style: none;
	margin: 0;
	padding: 0
}

.ego-cat .eGo-templates li {
	margin: 0 10px 10px 10px;
	display: inline-block;
	white-space: nowrap;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	border: 2px solid transparent;
	-webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 10px;
	max-width: 150px;
	position: relative
}

.ego-cat .eGo-templates li .prev-temp {
	-webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 10px;
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 8px;
	display: inline-block;
	background: #5568e5;
	color: #fff;
	padding: 3px 7px;
	z-index: 1
}

.ego-cat .eGo-templates li a {
	border: 0;
	padding: 0
}

.ego-cat .eGo-templates li a img {
	max-width: 100%;
	border-radius: 5px
}

.ego-cat .eGo-templates li.active,
.ego-cat .eGo-templates li:hover {
	-webkit-box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 15px;
	box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 15px
}

.ego-cat .eGo-templates li.active .prev-temp,
.ego-cat .eGo-templates li:hover .prev-temp {
	background: #5568e5
}

.ego-cat .eGo-templates li.active a,
.ego-cat .eGo-templates li:hover a {
	background: none;
	border-color: #5568e5
}

.selected-final {
	border: 1px soid red;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.selected-final .left {
	position: relative;
	width: 0px;
	background: #333;
	color: #fff;
	border-left: 5px solid #333
}

.selected-final .left.on {
	max-width: 290px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 290px;
	flex: 0 0 290px;
	padding: 10px
}

.selected-final .left h3 {
	font-weight: 600;
	font-size: 13px
}

.selected-final .left .eGo-templates {
	display: block;
	white-space: nowrap;
	overflow: auto;
	padding: 0 0 10px 0
}

.selected-final .left .eGo-templates::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

.selected-final .left .eGo-templates::-webkit-scrollbar-track {
	background: #747373;
	-webkit-box-shadow: inset 0 0 6px #747373
}

.selected-final .left .eGo-templates::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #5568e5;
	-webkit-box-shadow: inset 0 0 6px #e57a3e
}

.selected-final .left .eGo-templates li {
	margin-right: 10px;
	display: inline-block;
	width: 75px;
	-webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1)
}

.selected-final .left .eGo-templates li:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.selected-final .left .eGo-templates li a {
	display: block
}

.selected-final .left .eGo-templates li img {
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	border-radius: 4px;
	max-width: 100%
}

.selected-final .right {
	width: calc(100% - 350px);
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0 10px 0 40px
}

.rotate-button {
	white-space: nowrap;
	position: absolute;
	right: -103px;
	text-transform: uppercase;
	border-radius: 5px 5px 0 0;
	top: 78px;
	border: 0;
	letter-spacing: 1px;
	background: #333;
	color: #fff;
	padding: 0px 20px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 600;
	vertical-align: top;
	transform: rotate(7deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}

.second-toolbar,
.fr-toolbar.fr-top {
	border-radius: 0 !important
}

.final-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.final-button .bo {
	width: 30%;
	-webkit-box-shadow: rgba(0, 0, 0, 0.055) 0px 0px 20px;
	box-shadow: rgba(0, 0, 0, 0.055) 0px 0px 20px;
	min-height: 200px;
	border: 1px solid #eee;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-text-emphasis: center;
	text-emphasis: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.final-button .bo .bttn-2 {
	margin: 0 auto 10px auto;
	width: 125px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.final-button .bo .bttn-2 i {
	position: relative;
	top: -2px
}

.final-button .bo .bttn-2:hover {
	background: #5568e5;
	color: #fff
}

.final-button .bo .small {
	text-align: center;
	font-size: 12px;
	padding: 0 20px;
	line-height: 20px
}

.fancy-checkbox .fancy-checkbox-item {
	position: relative
}

.fancy-checkbox .fancy-checkbox-item .select {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 12px;
	color: #5568e5;
	z-index: 3
}

.fancy-checkbox .fancy-checkbox-item .select a {
	color: inherit;
	font-weight: 600
}

.long-table {
	overflow: auto;
	max-height: calc(100vh - 250px)
}

.long-table::-webkit-scrollbar {
	width: 6px;
	height: 7px
}

.long-table::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.long-table::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.long-table table th {
	white-space: nowrap;
	border-left: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06)
}

.long-table table td {
	border-left: 1px solid rgba(0, 0, 0, 0.06)
}

.ego-box-inner .search-man {
	margin-top: 5px;
	margin-bottom: 10px
}

.ego-box-inner .client-table {
	margin-bottom: 15px;
	max-height: 50vh;
	overflow: auto
}

.ego-box-inner .client-table::-webkit-scrollbar {
	width: 6px
}

.ego-box-inner .client-table::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #eee
}

.ego-box-inner .client-table::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #5568e5;
	-webkit-box-shadow: inset 0 0 6px #5568e5
}

.ego-box-inner table {
	min-width: 600px
}

.ego-box-inner table td {
	padding: 5px
}

.ego-box-inner .fancy-checkbox {
	margin: 0
}

.ego-box-inner .fancy-checkbox a {
	color: #5568e5
}

.ego-box-inner .dialog {
	text-align: right
}

.manully-email-list {
	border-radius: 3px;
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-color: #fbfbfb
}

.manully-email-list h3 {
	position: relative
}

.manully-email-list h3 a {
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 10px;
	color: #545454;
	font-weight: 500;
	letter-spacing: 0.5px
}

.manully-email-list p {
	color: #cacaca
}

.manully-email-list .Elist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-height: 250px;
	overflow: auto
}

.manully-email-list .Elist::-webkit-scrollbar {
	width: 6px
}

.manully-email-list .Elist::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #eee
}

.manully-email-list .Elist::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #5568e5;
	-webkit-box-shadow: inset 0 0 6px #5568e5
}

.manully-email-list .Elist>div {
	padding: 2px 7px;
	background: #fff;
	border-radius: 4px;
	margin: 0 5px 5px 0;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

.manully-email-list .Elist>div a {
	font-size: 12px;
	letter-spacing: 0.5px
}

.manully-email-list .Elist>div span {
	margin-left: 10px;
	font-size: 9px;
	color: red
}

.manully-email-list .Elist>div span i {
	color: inherit
}

.manully-email-list .Elist>div:hover {
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.1)
}

.add-audinace {
	max-width: 400px
}

.data-add-audi .email {
	color: #555;
	font-weight: 600
}

.data-add-audi .addCnt {
	float: right
}

.data-add-audi .search-profile {
	max-width: 250px
}

.sc-date-time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.sc-date-time .form-row {
	-webkit-box-flex: 0;
	-ms-flex: 0 45%;
	flex: 0 45%
}

.client-table .camp-table th {
	font-size: 11px;
	padding: 10px 15px
}

.client-table .camp-table td {
	padding: 8px 15px;
	font-weight: 600;
	color: #959595
}

.client-table .camp-table td .bttn-2 {
	line-height: 1;
	padding: 4px 10px 6px 10px;
	font-size: 11px
}

.client-table .camp-table .camp-name {
	color: #333;
	font-size: 14px;
	font-weight: 600
}

.client-table .camp-table .camp-name span {
	color: #9a9a9a;
	font-size: 12px;
	font-weight: 500
}

.client-table .camp-table .bttn-2 {
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
	border: 1px solid #fff;
	border-radius: 15px
}

.client-table .camp-table .status span {
	min-width: 85px;
	font-size: 10px;
	font-weight: 600;
	line-height: 18px;
	display: inline-block;
	border-radius: 15px;
	padding: 1px 15px;
	letter-spacing: 0.5px;
	background: #ddd;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
	border: 1px solid #fff
}

.client-table .camp-table .status span.sent {
	background: #ffeae9;
	color: #ff4037
}

.client-table .camp-table .status span.sch {
	background: #caffe0;
	color: #26ab5d
}

.client-table .camp-table .status span.active {
	background: #e1ddf2;
	color: #5743ac
}

.ego-dashboard .top {
	background: #fff;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13);
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ego-dashboard .top>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ego-dashboard .top>div .date {
	color: #9a9a9a
}

.ego-dashboard .top>div h1 {
	font-size: 20px;
	margin: 0;
	font-weight: 600
}

.ego-dashboard .top>div h1 img {
	max-width: 40px;
	margin-right: 15px
}

.ego-dashboard .top>div.range {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ego-dashboard .top>div.range .form-row {
	width: 120px;
	margin-bottom: 0
}

.ego-dashboard .top>div.range .form-row label {
	margin: 0;
	padding-left: 13px
}

.ego-dashboard .top>div.range .form-row i {
	top: 10px
}

.ego-dashboard .top>div.range .form-row .foo {
	font-size: 12px;
	padding-right: 0;
	padding-bottom: 7px;
	border-color: #eee !important;
	background: #fbfbfb;
	border-radius: 25px;
	min-height: 30px
}

.ego-dashboard .top>div.range .arrow {
	padding: 0 5px;
	margin-top: 15px
}

.ego-dashboard .top>div.range .arrow i {
	border: 1px solid #eee;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: #fbfbfb;
	line-height: 23px;
	text-align: center
}

.ego-dashboard .top>div.sec {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.ego-dashboard .select-campaigns {
	max-width: 300px
}

.ego-dashboard .select-campaigns .form-row .input-row .select2-container .select2-selection--single {
	border-color: #fff;
	font-size: 12px;
	font-weight: 600;
	-webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.06)
}

.das {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.das .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: calc(70% - 10px);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.das .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: calc(30% - 10px);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.das .Large-box {
	border-radius: 5px;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13)
}

.das .Large-box .figures {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	border-bottom: 1px solid #eee
}

.das .Large-box .figures div {
	border-left: 1px solid #eee;
	padding: 25px;
	text-align: center;
	width: 25%;
	font-weight: 600;
	color: #9a9a9a;
	font-size: 12px
}

.das .Large-box .figures div:first-child {
	border: 0
}

.das .Large-box .figures div label {
	color: #333333;
	display: block;
	font-size: 26px;
	font-weight: 700
}

.das .med-Box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.das .med-Box.half {
	margin-bottom: 20px
}

.das .med-Box.half div {
	width: calc(50% - 5px)
}

.das .med-Box.half div>label {
	white-space: nowrap
}

.das .med-Box div {
	background: #fff;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13);
	text-align: center;
	width: 31%;
	min-height: 85px;
	border-radius: 5px;
	position: relative
}

.das .med-Box div>b {
	line-height: 14px;
	font-size: 11px;
	color: #9a9a9a
}

.das .med-Box div label {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.5px;
	margin: 15px 0 5px 0
}

.das .med-Box div .click {
	position: relative;
	display: block;
	height: 13px;
	width: calc(100% - 30px);
	margin: 0 15px 5px 15px;
	border-radius: 25px;
	background: #eee;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.05)
}

.das .med-Box div .click b {
	content: "";
	position: absolute;
	height: 10px;
	left: 0;
	top: 1px;
	border-radius: 25px
}

.das .box-caption {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px
}

.das .bottom-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.das .bottom-box .left {
	width: calc(50% - 15px);
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 20px 10px 10px 10px;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13)
}

.das .bottom-box .left h3 {
	border-bottom: 1px dotted #ccc;
	line-height: 1;
	margin: 0;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 15px;
	position: relative;
	padding-left: 65px
}

.das .bottom-box .left h3 img {
	max-width: 30px;
	position: absolute;
	left: 10px
}

.das .bottom-box .left h3.one {
	color: #4caf50
}

.das .bottom-box .left h3.two {
	color: #ff9800
}

.das .bottom-box .left h3.three {
	color: #0f8af9
}

.das .bottom-box .left h3 span {
	text-transform: uppercase;
	color: #9a9a9a;
	letter-spacing: 0.5px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 15px
}

.das .bottom-box .left h3:last-child {
	border: 0;
	margin-bottom: 0;
	padding-bottom: 0
}

.das .bottom-box .right {
	width: calc(50% - 15px);
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 10px;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13)
}

.das .right-graph {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 45px 20px 10px 10px;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13)
}

.das .right-graph h3 {
	position: absolute;
	left: 10px;
	top: 10px;
	white-space: nowrap;
	width: calc(100% - 24px)
}

.das .right-below-graph {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 15px;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 10px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.13)
}

.das .right-below-graph div {
	padding: 14px 0;
	position: relative
}

.das .right-below-graph div::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	border-bottom: 1px dotted #ccc;
	top: 50%
}

.das .right-below-graph div b {
	display: inline-block;
	background: #fff;
	padding-right: 10px;
	font-weight: 500;
	font-size: 12px;
	position: relative;
	z-index: 2
}

.das .right-below-graph div span {
	padding-left: 10px;
	display: inline-block;
	background: #fff;
	position: absolute;
	right: 0;
	z-index: 2;
	font-weight: 600;
	font-size: 14px
}

.chartjs-wrapper {
	overflow: hidden;
	width: 100%
}

.chartjs-wrapper canvas {
	max-height: 100% !important
}

.ego-template-preview .jquery-modal .modal {
	max-width: 690px
}

.fullfill-dashaborad .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.fullfill-dashaborad .box {
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 6px 12px -6px rgba(37, 37, 37, 0.1);
	box-shadow: 0 6px 12px -6px rgba(37, 37, 37, 0.1);
	position: relative
}

.fullfill-dashaborad .box .filter-icon {
	position: absolute;
	right: 0;
	top: 39px;
	display: inline-block;
	padding: 2px 5px;
	background: #f7f7f7
}

.fullfill-dashaborad .box .filter-icon i {
	color: #b1b1b1;
	font-size: 8px
}

.fullfill-dashaborad .box .filter {
	width: 100%;
	position: relative;
	top: -5px;
	display: none;
	border-radius: 4px;
	padding: 0 5px 5px 0;
	background: #f7f7f7;
	margin-left: auto
}

.fullfill-dashaborad .box .filter .filter-close {
	color: red;
	position: absolute;
	right: -5px;
	top: 0;
	padding: 0;
	font-size: 9px;
	z-index: 5
}

.fullfill-dashaborad .box .filter .compare {
	margin-left: 10px
}

.fullfill-dashaborad .box .filter .select-year {
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0;
	margin-right: 10px
}

.fullfill-dashaborad .box .filter .bttn-2 {
	line-height: 24px;
	font-size: 10px;
	padding: 0 10px;
	min-width: auto;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0
}

.fullfill-dashaborad .box .filter .compare {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.fullfill-dashaborad .box .filter .compare .bold {
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	color: #5568e5
}

.fullfill-dashaborad .box .filter .compare .or {
	margin-left: 8px;
	font-size: 10px;
	color: #9f9f9f;
	font-weight: 600;
	text-transform: uppercase
}

.fullfill-dashaborad .box .filter .compare .form-row {
	margin-bottom: 0
}

.fullfill-dashaborad .box .filter .compare .form-row.block .auto {
	margin-bottom: 0
}

.fullfill-dashaborad .box .filter .compare .form-row label.auto {
	margin-left: 5px;
	font-size: 10px;
	color: #9f9f9f;
	padding-right: 10px;
	letter-spacing: 0px
}

.fullfill-dashaborad .box .filter .compare .form-row .input-row.date .foo {
	font-size: 10px;
	min-width: 100px;
	min-height: auto;
	line-height: 20px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0
}

.fullfill-dashaborad .box .filter .compare .form-row .input-row .foo {
	line-height: 22px
}

.fullfill-dashaborad .box .filter .compare .form-row .input-row .select2-container {
	min-width: 75px
}

.fullfill-dashaborad .box .filter .compare .form-row .input-row .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
	line-height: 22px
}

.fullfill-dashaborad .box .filter .compare .form-row .input-row .select2-container .select2-selection__arrow {
	height: inherit;
	width: inherit;
	top: 12px;
	right: 10px
}

.fullfill-dashaborad .box .filter .compare .form-row .input-row i {
	font-size: 8px;
	top: 8px
}

.fullfill-dashaborad .box .filter .compare .form-row label.auto {
	line-height: 24px
}

.fullfill-dashaborad .box .filter .form-row .input-row .select2-container .select2-selection--single {
	min-height: auto;
	height: auto;
	border-color: #b7ade0;
	padding-top: 0;
	padding-left: 15px;
	font-size: 10px;
	font-weight: 600;
	background: rgba(89, 68, 176, 0.1)
}

.fullfill-dashaborad .box .headr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px dotted #eee;
	margin-bottom: 5px
}

.fullfill-dashaborad .box .exp {
	margin-right: 5px;
	top: 3px;
	position: relative;
	margin-left: auto
}

.fullfill-dashaborad .box .exp i {
	color: #ccc;
	line-height: 1
}

.fullfill-dashaborad .box h2 {
	color: #7f7f7f;
	font-size: 16px;
	letter-spacing: 0.5px;
	font-weight: 600;
	padding-bottom: 5px;
	margin-bottom: 0px
}

.fullfill-dashaborad .box .chart-area {
	font-size: 11px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.fullfill-dashaborad .box .chart-area .year {
	margin: 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.fullfill-dashaborad .box .chart-area .year:first-child {
	border-right: 1px solid #f3f3f3
}

.fullfill-dashaborad .box .chart-area .year h2 {
	margin-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-transform: uppercase;
	font-weight: 700
}

.fullfill-dashaborad .box .chart-area .year h2 label {
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	text-shadow: 2px 4px 6px #efefef;
	line-height: 1.5;
	font-size: 32px;
	color: #5568e5
}

.fullfill-dashaborad .box .chart-area .year h2 label:hover {
	text-shadow: 4px 8px 10px #efefef
}

.fullfill-dashaborad .box .chart-area .year h2 label i {
	font-size: 20px;
	position: relative;
	top: -5px
}

.fullfill-dashaborad .box .chart-area .year h2 label i.red {
	color: #ff5722
}

.fullfill-dashaborad .box .chart-area .year h2 label i.green {
	color: #26db37
}

.fullfill-dashaborad .box .chart-area .year h2 span {
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: 600;
	color: #c6c5c5
}

.fullfill-dashaborad .box .chart-area .year h3 {
	font-weight: 700;
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-transform: uppercase
}

.fullfill-dashaborad .box .chart-area .year h3 label {
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	text-shadow: 2px 4px 6px #efefef;
	line-height: 1.5;
	font-weight: 600;
	font-size: 26px;
	color: #6b6b6b
}

.fullfill-dashaborad .box .chart-area .year h3 label:hover {
	text-shadow: 4px 8px 10px #efefef
}

.fullfill-dashaborad .box .chart-area .year h3 span {
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: 600;
	color: #c6c5c5
}

.fullfill-dashaborad .half {
	width: calc(50% - 10px)
}

.fullfill-dashaborad .one-three {
	width: calc(33.33% - 20px)
}

.fullfill-dashaborad .full {
	width: 100%
}

.modal-body.fullfill-dashaborad .filter-icon {
	top: 0
}

.modal-body.fullfill-dashaborad .box {
	-webkit-box-shadow: none;
	box-shadow: none
}

.chart {
	position: relative
}

.chart canvas {
	padding-bottom: 25px;
	padding-left: 25px
}

.chart .x {
	color: #9a9a9a;
	position: absolute;
	left: 50%;
	bottom: 10px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 600
}

.chart .y {
	font-size: 12px;
	color: #9a9a9a;
	font-weight: 600;
	letter-spacing: 1px;
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.chart .y.qr {
	top: 75% !important
}

.chart .y.qc {
	top: 70% !important
}

.dabtra {
	margin-bottom: 20px
}

.dabtra-top {
	margin-bottom: 20px
}

.dabtra-top .bia {
	padding: 20px 10px 10px 10px;
	border: 1px solid #eee;
	width: 23%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-radius: 5px;
	position: relative
}

.dabtra-top .bia .hd {
	font-weight: 600 !important;
	color: #545454 !important;
	opacity: 0.6;
	font-size: 13px;
	margin-bottom: 30px;
	letter-spacing: 0.05em
}

.dabtra-top .bia .ica {
	right: 10px;
	top: 55%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: right;
	font-size: 32px;
	color: #5568e5
}

.dabtra-top .bia .ica.ups {
	color: #ffc400;
	font-size: 50px
}

.dabtra-top .bia .ica.fed {
	font-size: 52px;
	color: #ff6200
}

.dabtra-top .bia .ica.usps {
	font-size: 52px;
	color: #336
}

.dabtra-top .bia .result {
	font-size: 26px;
	font-weight: 700;
	color: #545454;
	margin-bottom: 15px
}

.bix {
	border: 1px solid #eee;
	border-radius: 5px;
	width: 32%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px
}

.corner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 33%
}

.corner #marksChart {
	padding-bottom: 0
}

.da-h2 {
	font-weight: 600 !important;
	color: #545454 !important;
	margin-bottom: 10px !important
}

.top-10 {
	margin: 0;
	padding: 0;
	list-style: none
}

.top-10 li {
	padding: 0 0 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	color: #9d9797
}

.top-10 li:last-child {
	padding-bottom: 0
}

.top-10 li::before {
	position: absolute;
	content: "";
	left: 0;
	border-bottom: 1px dashed #d7d7d7;
	width: 100%;
	top: 10px
}

.top-10 li span {
	padding-right: 10px;
	background: #fff;
	position: relative;
	z-index: 1;
	font-size: 12px;
	font-weight: 600
}

.top-10 li b {
	position: relative;
	z-index: 1;
	font-size: 11px;
	font-weight: 500;
	padding: 0 10px;
	background: #fff;
	margin-left: auto;
	color: #9d9797
}

.ODstatus {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	clear: both;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px
}

.ODstatus .count .inputbox {
	padding: 0 15px;
	border: 1px solid #ddd;
	border-radius: 5;
	font-weight: 600;
	color: #5568e5;
	line-height: 28px
}

.ODstatus .selectDropdown {
	width: 160px
}

.ODstatus .selectDropdown .select2-container {
	width: 100% !important
}

.ODstatus .selectDropdown .select2-container--default .select2-selection--single {
	border-radius: 0;
	border-color: #ddd
}

.shipping-dashbd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.shipping-dashbd .shp-box {
	padding: 10px;
	margin: 1%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px solid #fff;
	width: 48%;
	-webkit-box-shadow: 0 10px 20px 0 #e4e2ea;
	box-shadow: 0 10px 20px 0 #e4e2ea;
	background-color: #fff;
	border-radius: 10px;
	min-height: 150px
}

@media screen and (max-width: 767px) {
	.shipping-dashbd .shp-box {
		width: 100%;
		margin: 0 0 1% 0
	}
}

.shipping-dashbd .shp-box.one {
	background: #fff url("../images/shipping/box.png") 95% 82%;
	background-repeat: no-repeat;
	background-size: 50px
}

.shipping-dashbd .shp-box.two {
	background: #fff url("../images/shipping/monitor.png") 95% 82%;
	background-repeat: no-repeat;
	background-size: 50px
}

.shipping-dashbd .shp-box.three {
	background: #fff url("../images/shipping/delivery-man.png") 95% 82%;
	background-repeat: no-repeat;
	background-size: 50px
}

.shipping-dashbd .shp-box.four {
	background: #fff url("../images/shipping/return.png") 95% 82%;
	background-repeat: no-repeat;
	background-size: 50px
}

.shipping-dashbd .shp-box h2 {
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px dotted #ddd;
	line-height: 34px
}

.shipping-dashbd .shp-box ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.shipping-dashbd .shp-box ul li {
	padding-bottom: 10px
}

.shipping-dashbd .shp-box ul li a {
	letter-spacing: 0.3px;
	font-weight: 600;
	color: inherit;
	font-size: 12px
}

.shipping-dashbd .shp-box ul li a i {
	position: relative;
	top: -1px;
	font-size: 8px;
	min-width: 10px;
	color: #c9c9c9
}

.ship-client-dash {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.ship-client-dash.factDashbord.small .card {
	padding-bottom: 45px !important;
	padding-left: 20px;
	padding-top: 15px
}

.ship-client-dash.factDashbord.small .card .capo span {
	font-size: 18px;
	letter-spacing: 0.01em
}

.ship-client-dash.factDashbord.small .card>span {
	width: 45px;
	height: 45px;
	line-height: 45px
}

.ship-client-dash.factDashbord.small .card>span img {
	max-width: 50%
}

.ship-client-dash.factDashbord.small .card .count {
	bottom: 15px;
	padding-left: 25px
}

.ship-client-dash.factDashbord.small .card .count a {
	font-size: 12px
}

.ship-client-dash.factDashbord .card {
	position: relative;
    z-index: 2;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 110px;
	position: relative;
	border-radius: 20px;
	z-index: 5;
	-webkit-transition: all 0.44s;
	transition: all 0.44s;
	background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='440' height='180' preserveAspectRatio='none' viewBox='0 0 440 180'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1027%26quot%3b)' fill='none'%3e%3cpath d='M440 0L223.84 0L440 18.07z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M223.84 0L440 18.07L440 80.31L160.22 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M160.22000000000003 0L440 80.31L440 95.84L157.49000000000004 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M157.49 0L440 95.84L440 144.21L126.68 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 180L110.52 180L0 174.54z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 174.54L110.52 180L205.24 180L0 99.72z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 99.72000000000001L205.24 180L292.76 180L0 59.930000000000014z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 59.93000000000001L292.76 180L388.38 180L0 19.860000000000007z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1027'%3e%3crect width='440' height='180' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
	background-size: cover
}

.ship-client-dash.factDashbord .card .count {
	position: absolute;
	z-index: 8;
	bottom: 45px;
	font-size: 14px;
	left: 0;
	letter-spacing: 0.01em;
	font-weight: 600;
	width: 100%;
	text-transform: uppercase;
	padding: 0 40px 0 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.ship-client-dash.factDashbord .card .count a {
	margin-left: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	letter-spacing: 0.1em;
	font-weight: 600;
	color: inherit;
	opacity: 0.6
}

.ship-client-dash.factDashbord .card .count a i {
	margin-left: auto
}

.ship-client-dash.factDashbord .card>span {
	border: 1px solid #f9f9f9;
	background: #fff;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	width: 75px;
	height: 75px;
	line-height: 75px;
	margin: 0
}

.ship-client-dash.factDashbord .card>span img {
	max-height: 37px;
	margin: 0 0 0 8px
}

.ship-client-dash.factDashbord .card>span b {
	font-size: 22px;
	font-weight: 700;
	color: #fff !important
}

.ship-client-dash.factDashbord .card .capo {
	text-transform: uppercase
}

.ship-client-dash.factDashbord .card .capo a {
	letter-spacing: .28em;
	font-size: 15px;
	color: inherit;
	font-weight: 500
}

.ship-client-dash.factDashbord .card .capo span {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .12em;
	display: block;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical
}

.ship-client-dash.factDashbord .card span,
.ship-client-dash.factDashbord .card h2 {
	position: relative;
	z-index: 10;
	color: inherit
}

.ship-client-dash.factDashbord .card::before {
	-webkit-transition: all 0.39s;
	transition: all 0.39s;
	z-index: 1;
	position: absolute;
	content: "";
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	border-radius: 15px;
	border: 1px solid rebeccapurple;
	left: 0;
	top: 0;
	background-size: cover;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='440' height='180' preserveAspectRatio='none' viewBox='0 0 440 180'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1027%26quot%3b)' fill='none'%3e%3cpath d='M440 0L223.84 0L440 18.07z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M223.84 0L440 18.07L440 80.31L160.22 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M160.22000000000003 0L440 80.31L440 95.84L157.49000000000004 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M157.49 0L440 95.84L440 144.21L126.68 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 180L110.52 180L0 174.54z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 174.54L110.52 180L205.24 180L0 99.72z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 99.72000000000001L205.24 180L292.76 180L0 59.930000000000014z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 59.93000000000001L292.76 180L388.38 180L0 19.860000000000007z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1027'%3e%3crect width='440' height='180' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e")
}

.ship-client-dash.factDashbord .card:nth-child(21),
.ship-client-dash.factDashbord .card:nth-child(14),
.ship-client-dash.factDashbord .card:nth-child(1) {
	background-color: #303c43;
	color: #303c43
}

.ship-client-dash.factDashbord .card:nth-child(21)>span,
.ship-client-dash.factDashbord .card:nth-child(14)>span,
.ship-client-dash.factDashbord .card:nth-child(1)>span {
	background-color: #303c43
}

.ship-client-dash.factDashbord .card:nth-child(21)::before,
.ship-client-dash.factDashbord .card:nth-child(14)::before,
.ship-client-dash.factDashbord .card:nth-child(1)::before {
	border-color: #303c43;
	background-color: #fff
}

.ship-client-dash.factDashbord .card:nth-child(22),
.ship-client-dash.factDashbord .card:nth-child(15),
.ship-client-dash.factDashbord .card:nth-child(8),
.ship-client-dash.factDashbord .card:nth-child(2) {
	background-color: #c7912e;
	color: #c7912e
}

.ship-client-dash.factDashbord .card:nth-child(22)>span,
.ship-client-dash.factDashbord .card:nth-child(15)>span,
.ship-client-dash.factDashbord .card:nth-child(8)>span,
.ship-client-dash.factDashbord .card:nth-child(2)>span {
	background-color: #c7912e
}

.ship-client-dash.factDashbord .card:nth-child(22)::before,
.ship-client-dash.factDashbord .card:nth-child(15)::before,
.ship-client-dash.factDashbord .card:nth-child(8)::before,
.ship-client-dash.factDashbord .card:nth-child(2)::before {
	border-color: #c7912e;
	background-color: #fff
}

.ship-client-dash.factDashbord .card:nth-child(23),
.ship-client-dash.factDashbord .card:nth-child(16),
.ship-client-dash.factDashbord .card:nth-child(9),
.ship-client-dash.factDashbord .card:nth-child(3) {
	background-color: #69a535;
	color: #69a535
}

.ship-client-dash.factDashbord .card:nth-child(23)>span,
.ship-client-dash.factDashbord .card:nth-child(16)>span,
.ship-client-dash.factDashbord .card:nth-child(9)>span,
.ship-client-dash.factDashbord .card:nth-child(3)>span {
	background-color: #69a535
}

.ship-client-dash.factDashbord .card:nth-child(23)::before,
.ship-client-dash.factDashbord .card:nth-child(16)::before,
.ship-client-dash.factDashbord .card:nth-child(9)::before,
.ship-client-dash.factDashbord .card:nth-child(3)::before {
	border-color: #69a535;
	background-color: #fff
}

.ship-client-dash.factDashbord .card:nth-child(24),
.ship-client-dash.factDashbord .card:nth-child(17),
.ship-client-dash.factDashbord .card:nth-child(10),
.ship-client-dash.factDashbord .card:nth-child(4) {
	background-color: #76837b;
	color: #76837b
}

.ship-client-dash.factDashbord .card:nth-child(24)>span,
.ship-client-dash.factDashbord .card:nth-child(17)>span,
.ship-client-dash.factDashbord .card:nth-child(10)>span,
.ship-client-dash.factDashbord .card:nth-child(4)>span {
	background-color: #76837b
}

.ship-client-dash.factDashbord .card:nth-child(24)::before,
.ship-client-dash.factDashbord .card:nth-child(17)::before,
.ship-client-dash.factDashbord .card:nth-child(10)::before,
.ship-client-dash.factDashbord .card:nth-child(4)::before {
	border-color: #76837b;
	background-color: #fff
}

.ship-client-dash.factDashbord .card:nth-child(18),
.ship-client-dash.factDashbord .card:nth-child(11),
.ship-client-dash.factDashbord .card:nth-child(5) {
	background-color: #94c958;
	color: #76a740
}

.ship-client-dash.factDashbord .card:nth-child(18)>span,
.ship-client-dash.factDashbord .card:nth-child(11)>span,
.ship-client-dash.factDashbord .card:nth-child(5)>span {
	background-color: #94c958
}

.ship-client-dash.factDashbord .card:nth-child(18)::before,
.ship-client-dash.factDashbord .card:nth-child(11)::before,
.ship-client-dash.factDashbord .card:nth-child(5)::before {
	border-color: #94c958;
	background-color: #fff
}

.ship-client-dash.factDashbord .card:nth-child(19),
.ship-client-dash.factDashbord .card:nth-child(12),
.ship-client-dash.factDashbord .card:nth-child(6) {
	background-color: #536482;
	color: #536482
}

.ship-client-dash.factDashbord .card:nth-child(19)>span,
.ship-client-dash.factDashbord .card:nth-child(12)>span,
.ship-client-dash.factDashbord .card:nth-child(6)>span {
	background-color: #536482
}

.ship-client-dash.factDashbord .card:nth-child(19)::before,
.ship-client-dash.factDashbord .card:nth-child(12)::before,
.ship-client-dash.factDashbord .card:nth-child(6)::before {
	border-color: #536482;
	background-color: #fff
}

.ship-client-dash.factDashbord .card:nth-child(20),
.ship-client-dash.factDashbord .card:nth-child(13),
.ship-client-dash.factDashbord .card:nth-child(7) {
	background-color: #adccc6;
	color: #679b91
}

.ship-client-dash.factDashbord .card:nth-child(20)>span,
.ship-client-dash.factDashbord .card:nth-child(13)>span,
.ship-client-dash.factDashbord .card:nth-child(7)>span {
	background-color: #adccc6
}

.ship-client-dash.factDashbord .card:nth-child(20)::before,
.ship-client-dash.factDashbord .card:nth-child(13)::before,
.ship-client-dash.factDashbord .card:nth-child(7)::before {
	border-color: #adccc6;
	background-color: #fff
}

.ship-client-dash.factDashbord .card:hover {
	z-index: 9;
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
	left: 0;
	top: 0
}

.ship-client-dash.factDashbord .card:hover::before {
	left: 0px;
	border-radius: 25px;
	top: 0px;
	opacity: 0.1;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.ship-client-dash.factDashbord .card:hover .count,
.ship-client-dash.factDashbord .card:hover h2,
.ship-client-dash.factDashbord .card:hover span {
	color: #fff
}

.ship-client-dash.digital .card>img {
	max-width: 50px;
	margin-right: 25px !important
}

.ship-client-dash.digital h2 {
	margin: 10px 0;
	width: 100% !important;
	text-transform: uppercase
}

.ship-client-dash.digital h2 a {
	color: #9f9f9f !important
}

.ship-client-dash.digital h2 span {
	letter-spacing: 3px;
	padding-top: 10px;
	font-weight: 700;
	font-size: 22px;
	color: #5568e5
}

.ship-client-dash .link {
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	position: absolute;
	right: -12px;
	background: #9f9f9f;
	line-height: 25px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	-webkit-box-shadow: 0 2px 4px 1px #ccc;
	box-shadow: 0 2px 4px 1px #ccc
}

.ship-client-dash .link i {
	font-size: 10px;
	color: #fff
}

/* .ship-client-dash .card {
	position: relative;
	width: calc(25% - 25px);
	min-height: 105px;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px 25px;
	-webkit-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	border: 1px solid #fbfbfb;
	-webkit-box-shadow: 0 6px 12px -6px #dfd9d9;
	box-shadow: 0 6px 12px -6px #dfd9d9;
	border-radius: 10px;
	background: #fff;
	margin: 0 25px 25px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-width: auto;
	max-width: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
} */

.ship-client-dash .card:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-box-shadow: 18px 28px 41px -12px rgba(107, 107, 107, 0.5);
	box-shadow: 18px 28px 41px -12px rgba(107, 107, 107, 0.5)
}

.ship-client-dash .card:hover .link {
	background: #5568e5;
	-webkit-box-shadow: 0 5px 10px 5px #ccc;
	box-shadow: 0 5px 10px 5px #ccc
}

/* .ship-client-dash .card>span {
	margin-left: 25px
} */

.ship-client-dash .card>span img {
	max-width: 75px;
	max-height: 60px;
	margin-right: 10px
}

@media screen and (max-width: 767px) {
	.ship-client-dash .card>span img {
		max-width: 28px
	}
}

.ship-client-dash .card .capo {
	color: #9a9a9a;
	width: calc(100% - 80px);
	font-weight: 600 !important;
	font-size: 13px !important;
	text-align: left;
	margin: 0;
	padding-left: 15px
}

.ship-client-dash .card .capo a {
	color: #5568e5
}

@media screen and (max-width: 767px) {
	.ship-client-dash .card .capo {
		margin: 0
	}

	.ship-client-dash .card .capo a {
		font-size: 12px
	}
}

@media screen and (max-width: 767px) {
	.ship-client-dash .card {
		width: 100%;
		margin: 0 0 10px 0;
		min-height: auto;
		padding: 15px;
		-webkit-box-orient: inherit;
		-webkit-box-direction: inherit;
		-ms-flex-direction: inherit;
		flex-direction: inherit
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.ship-client-dash .card {
		width: calc(50% - 15px)
	}

	.ship-client-dash .card:nth-child(2n) {
		margin-right: 0
	}
}

@media screen and (min-width: 992px) and (max-width: 1366px) {
	.ship-client-dash .card {
		width: calc(33% - 15px)
	}

	.ship-client-dash .card:nth-child(3n) {
		margin-right: 0
	}
}

.shipping-content {
	background: #fff;
	padding: 15px
}

.shipping-content h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #fbbc22
}

.shipping-content h2 b {
	font-size: 22px
}

@media screen and (max-width: 767px) {
	.shipping-content .ship-table {
		width: 100%;
		overflow-x: auto
	}
}

.shipping-content .ship-table .semi-bold {
	font-weight: 600
}

.shipping-content .ship-table .row {
	-webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 0.975);
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 0.975);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	padding-top: 10px;
	position: relative
}

.shipping-content .ship-table .row.hd {
	background: #5568e5;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 10px 5px 10px 0;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 5px;
	border-radius: 3px;
	font-size: 10px
}

@media screen and (max-width: 767px) {
	.shipping-content .ship-table .row.hd {
		overflow-y: auto;
		min-width: 1550px
	}
}

.shipping-content .ship-table .row .row-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: 10px 0;
	font-size: 10px
}

.shipping-content .ship-table .row .row-2 div {
	width: 20%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-weight: 600;
	font-size: 11px
}

.shipping-content .ship-table .row .row-2 div span {
	font-size: 10px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #969696;
	font-weight: 400;
	display: block
}

.shipping-content .ship-table .data {
	height: calc(100vh - 410px);
	overflow-y: auto
}

@media screen and (max-width: 767px) {
	.shipping-content .ship-table .data {
		overflow-y: auto;
		min-width: 1550px
	}
}

.shipping-content .ship-table .data.click-list .row {
	padding-bottom: 10px
}

.shipping-content .ship-table .data::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

.shipping-content .ship-table .data::-webkit-scrollbar-track {
	background: #ccc;
	-webkit-box-shadow: inset 0 0 6px #ccc
}

.shipping-content .ship-table .data::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #5568e5;
	-webkit-box-shadow: inset 0 0 6px #5568e5
}

.shipping-content .ship-table .data .view {
	font-size: 9px;
	font-weight: 600;
	display: inline-block;
	background: #fffbd7;
	border-radius: 25px;
	width: 55px;
	margin: 0 auto;
	color: #607d8b;
	text-transform: uppercase;
	border: 1px solid #f9e63c;
	position: relative;
	top: 2px
}

.shipping-content .ship-table .data .row {
	border: 2px solid #f7f7f7;
	border-radius: 3px;
	margin-bottom: 10px
}

.shipping-content .ship-table .data .row:hover {
	border-color: #e4e2ea;
	border-radius: 3px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 4px #e4e2ea;
	box-shadow: 0 0 20px 4px #e4e2ea
}

.shipping-content .ship-table .a {
	width: 16%
}

.shipping-content .ship-table .a a {
	color: #5568e5;
	position: relative;
	top: 2px;
	line-height: 1;
	font-size: 18px;
	font-weight: 700
}

.shipping-content .ship-table .time-date {
	display: block;
	color: #c9c9c9;
	font-size: 10px;
	letter-spacing: 1px;
	padding: 3px 0
}

.shipping-content .ship-table .time-date i {
	font-size: 9px
}

.shipping-content .ship-table .d {
	width: 13%
}

.shipping-content .ship-table .e {
	width: 10%
}

.shipping-content .ship-table .f {
	width: 10%
}

.shipping-content .ship-table .a4 {
	width: 25%
}

.shipping-content .ship-table .a5 {
	width: 20%
}

.shipping-content .ship-table .a7 {
	width: 14.28%
}

.shipping-content .ship-table .ab {
	width: 16.66%
}

.shipping-content .ship-table .ab a {
	color: #5568e5;
	font-weight: 600
}

.shipping-content .ship-table .ab a:hover {
	text-decoration: underline
}

.shipping-content .ship-table .g {
	width: 8%
}

.shipping-content .ship-table .h {
	width: 8%
}

.shipping-content .ship-table .i {
	width: 9%
}

.shipping-content .ship-table .j {
	width: 12%
}

.shipping-content .ship-table .l {
	width: 14%
}

.shipping-content .ship-table .m {
	width: 12%
}

.shipping-content .ship-table .o {
	width: 10%
}

.shipping-content .ship-table .pos-status {
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.shipping-content .ship-table .pos-status span {
	display: inline-block;
	font-size: 8px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 2px 5px;
	border-radius: 3px;
	font-weight: 600;
	min-width: 52px;
	text-align: center
}

.shipping-content .ship-table .pos-status span.green {
	background: #58a95a
}

.shipping-content .ship-table .pos-status span.red {
	background: #f54336
}

.shipping-content .ship-table .z {
	width: 9%;
	font-size: 14px;
	font-weight: 600;
	position: relative;
	top: 17px
}

.shipping-content .ship-table .z i {
	display: none
}

.shipping-content .ship-table .client-img {
	max-height: 35px
}

.shipping-content .ship-search {
	margin: 0 0 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap
}

.shipping-content .ship-search>div {
	position: relative
}

.shipping-content .ship-search.open .bottom {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important
}

.shipping-content .ship-search.open .moreFilter {
	background: #5568e5;
	color: #fff !important
}

.shipping-content .ship-search .bottom {
	margin-top: 15px
}

.shipping-content .ship-search .bottom,
.shipping-content .ship-search .top {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.shipping-content .ship-search .fancy-checkbox {
	margin-bottom: 0;
	margin-left: 15px
}

.shipping-content .ship-search .fancy-checkbox input[type=checkbox]+label {
	padding: 0;
	letter-spacing: 0.1em;
	font-size: 10px
}

.shipping-content .ship-search .fancy-checkbox:first-child {
	margin-left: 0
}

.shipping-content .ship-search.border {
	border-radius: 5px;
	padding: 15px;
	border: 2px solid #5568e5
}

.shipping-content .ship-search .staus {
	background: #FFF;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 2px solid #f4f4f4;
	padding: 9px 15px;
	border-radius: 15px;
	min-height: 34px;
	margin-right: 15px;
	-webkit-box-shadow: 0 0 10px 4px #f5f5f5;
	box-shadow: 0 0 10px 4px #f5f5f5
}

.shipping-content .ship-search .staus:hover {
	border-color: #e8e5f5
}

.shipping-content .ship-search .staus span {
	line-height: 1;
	padding: 0 10px;
	font-size: 12px;
	text-transform: uppercase
}

.shipping-content .ship-search .staus span:not(:last-child) {
	border-right: 1px solid #eee
}

.shipping-content .ship-search .staus span a {
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 0.5px;
	color: #b3b3b3
}

.shipping-content .ship-search .staus span a:hover,
.shipping-content .ship-search .staus span a.active {
	color: #5568e5
}

.shipping-content .ship-search .search {
	background: #FFF;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 2px solid #f4f4f4;
	padding: 4px 15px;
	min-height: 34px;
	border-radius: 15px;
	margin-right: 15px;
	-webkit-box-shadow: 0 0 10px 4px #f5f5f5;
	box-shadow: 0 0 10px 4px #f5f5f5
}

.shipping-content .ship-search .search.w-200 .select2-container {
	width: 150px !important
}

.shipping-content .ship-search .search:hover {
	border-color: #e8e5f5
}

.shipping-content .ship-search .search span {
	position: relative
}

.shipping-content .ship-search .search span i {
	top: 6px;
	position: absolute;
	font-size: 9px;
	color: #b3b3b3
}

.shipping-content .ship-search .search span .foo {
	min-width: 250px;
	border: 0;
	background: none;
	padding: 2px 15px;
	font-weight: 600;
	font-size: 12px
}

.shipping-content .ship-search .search span .foo::-webkit-input-placeholder {
	color: #838383;
	font-weight: 600
}

.shipping-content .ship-search .search span .foo:-ms-input-placeholder {
	color: #838383;
	font-weight: 600
}

.shipping-content .ship-search .search span .foo::-ms-input-placeholder {
	color: #838383;
	font-weight: 600
}

.shipping-content .ship-search .search span .foo::placeholder {
	color: #838383;
	font-weight: 600
}

.shipping-content .ship-search .search .select2-container {
	width: auto !important
}

.shipping-content .ship-search .search .select2-container--default .select2-selection--single {
	border: 0;
	font-weight: 600;
	height: 22px;
	line-height: 21px;
	font-size: 11px
}

.shipping-content .ship-search .search .select2-selection__rendered {
	line-height: 21px;
	font-size: 11px
}

.shipping-content .ship-search .search .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 22px;
	position: absolute !important
}

.shipping-content .ship-search .date {
	background: #FFF;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 2px solid #f4f4f4;
	min-height: 34px;
	padding: 5px 15px;
	border-radius: 15px;
	margin-right: 15px;
	-webkit-box-shadow: 0 0 10px 4px #f5f5f5;
	box-shadow: 0 0 10px 4px #f5f5f5
}

.shipping-content .ship-search .date:hover {
	border-color: #e8e5f5
}

.shipping-content .ship-search .date .form-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 10px
}

.shipping-content .ship-search .date .form-item:not(:last-child) {
	padding-right: 10px;
	border-right: 1px solid #eee
}

.shipping-content .ship-search .date .form-item label {
	line-height: 20px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	color: #b3b3b3
}

.shipping-content .ship-search .date .form-item label i {
	margin-right: 5px;
	font-size: 9px;
	color: #c9c9c9
}

.shipping-content .ship-search .date .form-item span {
	position: relative
}

.shipping-content .ship-search .date .form-item span i {
	top: 8px;
	right: 5px;
	position: absolute;
	font-size: 9px;
	color: #b3b3b3
}

.shipping-content .ship-search .date .form-item span .foo {
	width: 105px;
	border: 0;
	background: none;
	padding: 2px 15px;
	font-weight: 600;
	font-size: 11px
}

.shipping-content .ship-search .date .form-item span .foo::-webkit-input-placeholder {
	font-weight: 500;
	color: #c9c9c9;
	letter-spacing: 0.3px
}

.shipping-content .ship-search .date .form-item span .foo:-ms-input-placeholder {
	font-weight: 500;
	color: #c9c9c9;
	letter-spacing: 0.3px
}

.shipping-content .ship-search .date .form-item span .foo::-ms-input-placeholder {
	font-weight: 500;
	color: #c9c9c9;
	letter-spacing: 0.3px
}

.shipping-content .ship-search .date .form-item span .foo::placeholder {
	font-weight: 500;
	color: #c9c9c9;
	letter-spacing: 0.3px
}

@media screen and (max-width: 767px) {
	.shipping-content .ship-search .date {
		margin-right: 0;
		width: 100%;
		margin-bottom: 5px
	}

	.shipping-content .ship-search .date .form-item {
		position: relative;
		padding-top: 15px
	}

	.shipping-content .ship-search .date .form-item label {
		position: absolute;
		top: -2px
	}

	.shipping-content .ship-search .date .form-item .foo {
		padding-left: 0px !important
	}
}

.shipping-content .ship-search .go {
	margin-right: 10px;
	background: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 2px solid #f4f4f4;
	min-height: 34px;
	padding: 5px 15px;
	border-radius: 25px;
	-webkit-box-shadow: 0 0 10px 4px #f5f5f5;
	box-shadow: 0 0 10px 4px #f5f5f5;
	color: #5568e5;
	font-size: 11px;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	cursor: pointer
}

.shipping-content .ship-search .go:hover {
	background: #7588ff;
	color: #fff;
	border-color: #e8e5f5
}

.shipping-content .ship-search .go span {
	line-height: 22px;
	letter-spacing: 1px;
	font-weight: 700
}

@media screen and (max-width: 767px) {
	.shipping-content .ship-search {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.shipping-content .ship-search .search {
		margin-bottom: 5px;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.shipping-content .ship-search>div {
		padding-left: 5px !important;
		padding-right: 5px !important;
		margin-right: 10px !important
	}

	.shipping-content .ship-search .staus span {
		padding: 0 8px
	}

	.shipping-content .ship-search .staus span a {
		font-size: 9px;
		letter-spacing: 0
	}

	.shipping-content .ship-search .search input.foo {
		min-width: auto
	}

	.shipping-content .ship-search .staus {
		padding-left: 0;
		padding-right: 0
	}

	.shipping-content .ship-search .date {
		padding-left: 0
	}

	.shipping-content .ship-search .date label {
		display: none
	}
}

.shipping-content .ship-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.shipping-content .ship-col .col {
	padding: 5px 35px 5px 10px;
	border-radius: 5px;
	border: 2px solid #fff;
	width: 25%;
	font-weight: 600;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in
}

.shipping-content .ship-col .col:hover {
	background: #FFF;
	border: 2px dashed #f6f6f6
}

.shipping-content .ship-col .col span {
	display: block;
	font-size: 11px;
	padding: 5px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #969696
}

.shipping-content .ship-col .col span:not(:first-child) {
	margin-top: 20px
}

.shipping-content .ship-col .col span i {
	font-size: 9px;
	color: #b0b0b0
}

.ship-monitor ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-transform: uppercase;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0
}

.ship-monitor ul.data {
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #f7f7f7;
	position: relative;
	padding: 12px 10px;
	letter-spacing: 0.4px;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	border-radius: 3px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #999
}

.ship-monitor ul.data:hover {
	font-weight: 600;
	z-index: 1;
	position: relative;
	-webkit-box-shadow: 0 0 20px 4px #e4e2ea;
	box-shadow: 0 0 20px 4px #e4e2ea;
	border-color: #fff;
	color: #595959
}

.ship-monitor ul.data::before {
	display: none;
	position: absolute;
	content: "";
	left: 10px;
	right: 10px;
	bottom: 2px;
	border-bottom: 3px dashed #eee
}

.ship-monitor ul.HD {
	background: #5568e5;
	color: #fff;
	padding: 10px 10px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px
}

.ship-monitor ul li {
	text-align: left;
	width: 17%;
	white-space: nowrap
}

.ship-monitor ul li.od-num {
	width: 10%
}

.ship-monitor ul li.small {
	width: 8%
}

.ship-monitor ul li i {
	font-size: 10px;
	margin-right: 3px;
	color: gray
}

.ship-monitor-cancel ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 2px solid #f7f7f7;
	border-radius: 3px;
	-webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 0.975);
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 0.975)
}

.ship-monitor-cancel ul:hover {
	border-color: #e4e2ea;
	border-radius: 3px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 4px #e4e2ea;
	box-shadow: 0 0 20px 4px #e4e2ea
}

.ship-monitor-cancel ul li span {
	display: block
}

.ship-monitor-cancel ul li span:not(:first-child) {
	margin-top: 10px
}

.ship-monitor-cancel ul li span label {
	display: block;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: 500;
	color: #999;
	font-size: 10px
}

.ship-monitor-cancel ul li span label i {
	font: 9px;
	margin-right: 3px
}

.ship-monitor-cancel ul li.cols label {
	display: inline-block;
	min-width: 120px
}

.ship-form {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media screen and (max-width: 767px) {
	.ship-form {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.ship-form .left {
	width: 45%
}

@media screen and (max-width: 767px) {
	.ship-form .left {
		width: 100%
	}
}

.ship-form .right {
	width: 45%
}

@media screen and (max-width: 767px) {
	.ship-form .right {
		width: 100%
	}
}

.ship-form .box {
	min-height: 340px
}

.ship-three-inline .form-row {
	width: 32%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.ship-three-inline .form-row label {
	line-height: 24px !important;
	width: 100% !important
}

.ship-two-inline .form-row {
	width: 45%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.ship-two-inline .form-row label {
	line-height: 24px !important;
	width: 100% !important;
	margin-bottom: 0 !important
}

@media screen and (max-width: 767px) {
	.ship-two-inline .form-row {
		width: 100% !important
	}
}

.client-ship-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.client-ship-detail .ship-parent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.client-ship-detail .ship-parent .nod {
	margin-bottom: 10px
}

.client-ship-detail .ship-parent.full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.client-ship-detail .ship-parent.full:not(:last-child) {
	margin-bottom: 15px;
	border-radius: 0;
	border-bottom: 2px dashed #c9c9c9
}

.client-ship-detail .ship-parent.full>div {
	padding-top: 20px;
	min-width: 290px;
	border: 1px dashed transparent;
	padding-bottom: 25px;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.client-ship-detail .ship-parent.full>div {
		min-width: 33%
	}
}

@media screen and (max-width: 1024px) {
	.client-ship-detail .ship-parent.full>div {
		padding-top: 0;
		padding-bottom: 0
	}
}

.client-ship-detail .ship-parent.full>div:hover {
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px 4px #f5f5f5;
	box-shadow: 0 0 10px 4px #f5f5f5;
	border: 1px dashed #c9c9c9;
	background: #fbfbfb
}

.client-ship-detail .ship-parent.full>div:hover:not(label) {
	color: #5568e5;
	font-weight: 600
}

.client-ship-detail .top-info {
	width: 350px;
	padding-right: 35px
}

.client-ship-detail .top-info .nod {
	padding-bottom: 25px;
	border-bottom: 1px dashed #eee
}

.client-ship-detail .track-id {
	display: inline-block;
	padding: 7px 35px 5px 35px;
	border-radius: 25px;
	z-index: 2;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #5568e5 !important;
	font-weight: 700;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	border: 1px solid #fff;
	background: #f2f0f9;
	-webkit-box-shadow: 0 10px 28px 0 #dedede;
	box-shadow: 0 10px 28px 0 #dedede
}

.client-ship-detail .track-id span {
	font-weight: 500;
	color: #959595;
	font-size: 8px;
	letter-spacing: 1px;
	display: block
}

.client-ship-detail .track-id:hover {
	-webkit-box-shadow: 0 1px 2px 0 #ebebeb;
	box-shadow: 0 1px 2px 0 #ebebeb;
	background: #5568e5;
	color: #fff !important
}

.client-ship-detail .track-id:hover span {
	color: #fff !important
}

.client-ship-detail .bottom {
	border-radius: 15px;
	padding: 30px 160px;
	width: 650px;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	border: 1px solid #fff;
	background: #f8f7fc;
	-webkit-box-shadow: 0 10px 28px 0 #dedede;
	box-shadow: 0 10px 28px 0 #dedede;
	position: relative;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.client-ship-detail .bottom:hover {
	-webkit-box-shadow: 0 1px 1px 0 #dedede;
	box-shadow: 0 1px 1px 0 #dedede
}

.client-ship-detail .bottom::before {
	position: absolute;
	content: "";
	left: 90px;
	top: 30px;
	bottom: 30px;
	border-left: 7px solid #fbbc22
}

.ship-parent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px;
	font-weight: 600;
	position: relative;
	background: #fff;
	border-radius: 10px
}

@media screen and (max-width: 767px) {
	.ship-parent {
		padding: 0
	}
}

.ship-parent .lg-font:not(label) {
	font-size: 19px;
	color: #9e9e9e;
	font-weight: 600
}

.ship-parent.bottom .nod {
	margin-bottom: 45px;
	position: relative
}

.ship-parent.bottom .nod::after {
	position: absolute;
	left: -70px;
	top: 1px;
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #fff
}

.ship-parent.bottom .nod::before {
	position: absolute;
	left: -73.7px;
	top: -03px;
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #fbbc22
}

.ship-parent.bottom .nod .view {
	font-size: 9px;
	font-weight: 600;
	display: inline-block;
	background: #fffbd7;
	border-radius: 25px;
	width: 55px;
	margin: 0 auto;
	color: #607d8b;
	text-transform: uppercase;
	border: 1px solid #f9e63c;
	position: relative;
	top: 2px;
	text-align: center
}

.ship-parent .nod {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	letter-spacing: 1px
}

.ship-parent .nod label {
	position: relative;
	letter-spacing: 2px;
	color: #c9c9c9;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	margin: 0 0 15px 0
}

@media screen and (max-width: 1024px) {
	.ship-parent .nod label {
		margin-bottom: 5px
	}
}

.ship-parent .nod a {
	color: #5568e5 !important
}

.ship-green {
	color: #58a95a
}

.ship-red {
	color: #f54336
}

.frm-ann {
	position: relative;
	z-index: 5
}

.frm-ann textarea {
	margin-top: 10px;
	width: 100%;
	min-height: 170px;
	padding: 15px;
	font-size: 14px;
	font-weight: 600
}

.frm-ann .submit {
	position: absolute;
	right: 20px;
	bottom: 20px;
	padding: 7px 25px;
	border: 0;
	letter-spacing: 1px;
	width: 115px;
	font-weight: 600;
	border-radius: 5px;
	background: #5568e5;
	color: #fff;
	text-transform: uppercase
}

.fv-dashboard {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.fv-dashboard .card {
	/*        -webkit-box-shadow: 0 6px 12px -6px rgba(107, 107, 107, 0.1);*/
	/*        box-shadow: 0 6px 12px -6px rgba(107, 107, 107, 0.1);*/
	/* border-radius: 10px; */
	/* background: #fff; */
	margin: 10px;
	/* -webkit-transition: all .4s ease-in; */
	/* transition: all .4s ease-in; */
	border: 1px solid #e9e8e8;
	position: relative;
	padding: 7px;
	/*        text-align: center;*/
	/* display: -webkit-box; */
	/* display: -ms-flexbox; */
	display: flex;
	width: calc(50% - 25px) !important;
	min-width: 265px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 24px;
	font-weight: 600;
	color: #898282;
	text-shadow: 2px 8px 10px #ddd;
	letter-spacing: 1px;
	position: relative
}

.fv-dashboard .card.disable {
	border-color: #fff !important;
	position: relative;
	-webkit-box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.01) !important;
	box-shadow: 0 12px 25px -12px rgba(0, 0, 0, 0.01) !important
}

.fv-dashboard .card.disable::before {
	display: none
}

.fv-dashboard .card.disable::after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 2;
	border: 3px solid rgba(255, 255, 255, 0.36);
	border-radius: 5px
}

.fv-dashboard .card h2 {
	display: block;
	font-size: 14px;
	text-align: center;
	font-weight: 500;
	margin: 5px 0 0 0
}

.fv-dashboard .card img {
	max-width: 100%;
	max-height: 60px
}

@media screen and (max-width: 767px) {
	.fv-dashboard .card img {
		max-height: 40px
	}
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
	.fv-dashboard .card img {
		max-height: 50px
	}
}

.fv-dashboard .card a {
	color: inherit;
	color: #5568e5;
	display:block;
}

.fv-dashboard .card:hover {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-box-shadow: 18px 28px 41px -12px rgba(107, 107, 107, 0.5);
	box-shadow: 18px 28px 41px -12px rgba(107, 107, 107, 0.5)
}

.fv-dashboard .left-dash {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 49.5%;
	padding: 0 50px 20px 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.fv-dashboard .left-dash h1 {
	margin-bottom: 25px;
	letter-spacing: 0.05em;
	font-weight: 500;
}

@media screen and (max-width: 767px) {
	.fv-dashboard .left-dash {
		width: 100%;
		padding: 0
	}

	.fv-dashboard .left-dash h1 {
		font-size: 14px
	}
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
	.fv-dashboard .left-dash {
		width: 40%;
		padding: 0
	}
}

.fv-dashboard .ann-bod {
	border: 3px solid #FFF;
	position: relative;
	border-radius: 5px;
	min-height: 225px;
	background: #5568e5 url(/images/announce.png) bottom right no-repeat;
	background-size: contain;
	padding: 15px 25px 20px 25px
}

.fv-dashboard .ann-bod h2 {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #FFF;
	margin: 0;
	position: relative;
	z-index: 2;
	text-shadow: 5px 8px 15px #5e5e5e
}

@media screen and (max-width: 767px) {
	.fv-dashboard .ann-bod {
		min-height: 70px !important
	}

	.fv-dashboard .ann-bod h2 {
		font-size: 16px
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.fv-dashboard .ann-bod h2 {
		font-size: 18px
	}
}

.fv-dashboard .right-dash {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50.5%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 20px 0px 0px;
	margin-top: 10px
}

@media screen and (max-width: 767px) {
	.fv-dashboard .right-dash {
		width: 100%;
		padding: 0;
		margin-top: 5px
	}
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
	.fv-dashboard .right-dash {
		width: 60%;
		padding: 0;
		margin-top: 55px
	}
}

.fv-dashboard .right-dash .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 10px
}

@media screen and (max-width: 767px) {
	.fv-dashboard .right-dash .right {
		width: 100%;
		padding: 0
	}
}

.fv-dashboard .right-dash .right .card:hover .text {
	color: #5568e5;
}

.fv-dashboard .right-dash .right .card .text {
	font-size: 20px;
	text-align: left;
	display: block;
	color: #5568e5;
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 500;
	/*    border:1px solid red;*/
	width: 100%;
	padding: 27px 0 0 100px;
}
.fv-dashboard .right-dash .right .card .text .digit{
	color:#9b9a9a;
	font-size:13px;
	position: relative;
	top:-2px;
	left:3px;
	font-weight: 600;
	letter-spacing: .03em;
}
.fv-dashboard .right-dash .right .card .arw {
	position: absolute;
	font-size: 16px;
	text-shadow: none;
	right: 15px;
	bottom: 15px;
}

.fv-dashboard .right-dash .right .card .Alogo {
	position: absolute;
    z-index: 2;
	left: 20px;
	top: calc(100% / 2 - 23px);
	max-width: 50px;
}

/* .fv-dashboard .right-dash .right .card::before {
	content: " ";
	z-index: -1;
	position: absolute;
	right: -7px;
	bottom: -7px;
	width: 100%;
	height: 100%;
	background: #c7c7c7;
	border-radius: 10px;
} */

.fv-dashboard .right-dash .right .card::after {
	content: " ";
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 90px;
	background: #e0e2e7;
	border-radius: 10px 0 0 10px;
	transition: width 0.5s ease;
}

/* .fv-dashboard .right-dash .right .card:hover::before {
	display: none;
} */

.fv-dashboard .right-dash .right .card:hover::after {
	left: 2px;
	top: 2px;
	bottom: 2px;
	width: calc(100% - 4px);
	transition: width 0.5s ease;
	border-radius: 10px;
	opacity: 0.40;
}

.fv-dashboard .right-dash .right .card>span {
	z-index: 9;
}

.fv-dashboard .right-dash .right .card {
	cursor: pointer;
	border-radius: 10px;
	position: relative;
	min-height: 105px;
	width: calc(50% - 25px) !important;
	/* -webkit-transition: all 0.3s ease-in; */
	/* transition: all 0.3s ease-in; */
	background: #fbfbfb;
	/*    background-color: rgb(229, 229, 247);*/
	/*    opacity: 0.1;*/
	/*    background-image: repeating-radial-gradient(circle at 0px 0px, transparent 0px, rgb(229, 229, 247) 4px), repeating-linear-gradient(rgba(72, 99, 233, 0.333), rgb(72, 99, 233));*/


	/* border: 1px dashed #ccc; */
	/*    -webkit-box-shadow: 0 6px 12px 0 #ccc;*/
	/* box-shadow: 0 6px 12px 0 #eee; */
}

.fv-dashboard .right-dash .right .card:hover {
	background-color: #fff;
	z-index: 1;
	border-color: #fff
}

@media screen and (max-width: 767px) {
	.fv-dashboard .right-dash .right .card {
		width: 100% !important;
		padding: 0;
		margin: 5px
	}
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
	.fv-dashboard .right-dash .right {
		width: 100%
	}

	.fv-dashboard .right-dash .right .card {
		min-width: auto
	}
}

.fv-dashboard .four .card {
	width: calc(25.35% - 25px) !important
}

.fv-dashboard .three .card {
	width: calc(25.35% - 25px) !important
}

.fv-dashboard .bottom-dash {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 10px 0;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 20px 20px 20px
}

@media screen and (max-width: 767px) {
	.fv-dashboard .bottom-dash {
		width: 100% !important;
		padding: 0;
		margin: 5px
	}
}

.fv-dashboard .bottom-dash .row-1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

@media screen and (max-width: 767px) {
	.fv-dashboard .bottom-dash .row-1 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.fv-dashboard .bottom-dash .row-1 .card {
		width: 100% !important;
		margin: 0 0 10px 0
	}
}

.fv-dashboard .bottom-dash .row-1.top-line {
	border-top: 2px dashed #d1d0d0;
	padding-top: 10px
}

.fv-dashboard .bottom-dash .row-1.three {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.fv-dashboard .bottom-dash>div .card {
		width: 33%;
		min-width: auto
	}
}

.area {
	background: -webkit-linear-gradient(to left, #8f94fb, #4e54c8);
	width: 100%;
	height: 100%
}

@-webkit-keyframes animate {
	0% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0
	}

	100% {
		-webkit-transform: translateY(-1000px) rotate(720deg);
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
		border-radius: 50%
	}
}

@keyframes animate {
	0% {
		-webkit-transform: translateY(0) rotate(0deg);
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0
	}

	100% {
		-webkit-transform: translateY(-1000px) rotate(720deg);
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
		border-radius: 50%
	}
}

.circles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.circles li {
	position: absolute;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background: rgba(255, 255, 255, 0.2);
	-webkit-animation: animate 25s linear infinite;
	animation: animate 25s linear infinite;
	bottom: -150px;
	-webkit-box-shadow: 0 10px 25px 0 rgba(255, 255, 255, 0.2);
	box-shadow: 0 10px 25px 0 rgba(255, 255, 255, 0.2)
}

.circles li:nth-child(1) {
	left: 25%;
	width: 40px;
	height: 40px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.circles li:nth-child(2) {
	left: 10%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 12s;
	animation-duration: 12s
}

.circles li:nth-child(3) {
	left: 70%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.circles li:nth-child(4) {
	left: 40%;
	width: 30px;
	height: 30px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 18s;
	animation-duration: 18s
}

.circles li:nth-child(5) {
	left: 65%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.circles li:nth-child(6) {
	left: 75%;
	width: 50px;
	height: 50px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.circles li:nth-child(7) {
	left: 35%;
	width: 50px;
	height: 50px;
	-webkit-animation-delay: 7s;
	animation-delay: 7s
}

.circles li:nth-child(8) {
	left: 50%;
	width: 25px;
	height: 25px;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
	-webkit-animation-duration: 45s;
	animation-duration: 45s
}

.circles li:nth-child(9) {
	left: 20%;
	width: 15px;
	height: 15px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 35s;
	animation-duration: 35s
}

.circles li:nth-child(10) {
	left: 85%;
	width: 50px;
	height: 50px;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 11s;
	animation-duration: 11s
}

.admin-mgt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.admin-mgt {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (max-width: 767px) {
	.admin-mgt {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.admin-mgt .box {
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	margin-bottom: 30px;
	padding: 10px;
	background: #fff;
	border: 2px solid transparent;
	-webkit-box-shadow: 0 5px 5px #d9d9d9;
	box-shadow: 0 5px 5px #d9d9d9;
	border-radius: 5px
}

.admin-mgt .box:hover {
	-webkit-box-shadow: 0 20px 40px 10px #d9d9d9;
	box-shadow: 0 20px 40px 10px #d9d9d9;
	background: #fff;
	border: 2px solid #cbcbcb
}

@media screen and (max-width: 767px) {
	.admin-mgt .box {
		margin-bottom: 15px !important;
		width: 100%
	}
}

@media screen and (max-width: 768px) and (max-width: 991px) {
	.admin-mgt .box {
		min-height: 210px
	}
}

.admin-mgt .t-active {
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 3px;
	text-transform: uppercase;
	padding: 2px 5px;
	font-size: 10px;
	color: green;
	background: rgba(0, 128, 0, 0.12);
	position: relative;
	font-weight: 700;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 128, 0, 0.2);
	box-shadow: 0px 0px 2px 1px rgba(0, 128, 0, 0.2);
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in
}

.admin-mgt .t-inactive {
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 3px;
	text-transform: uppercase;
	padding: 2px 5px;
	font-size: 10px;
	color: rgba(235, 46, 46, 0.8);
	background: rgba(0, 0, 0, 0.05);
	position: relative;
	font-weight: 700;
	letter-spacing: 0.3px;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 128, 0, 0.2);
	box-shadow: 0px 0px 2px 1px rgba(0, 128, 0, 0.2);
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in
}

.admin-mgt .col {
	margin: 0 0;
	width: calc(33.33% - 20px)
}

@media screen and (max-width: 767px) {
	.admin-mgt .col {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.admin-mgt .col {
		width: calc(50% - 20px)
	}

	.admin-mgt .col:last-child {
		width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.admin-mgt .col:last-child .box {
		margin-right: 40px;
		width: calc(50% - 20px)
	}

	.admin-mgt .col:last-child .box:nth-child(1n+2) {
		margin-right: 0
	}
}

.admin-mgt .col h2 {
	font-size: 14px;
	font-weight: 600;
	color: #5568e5;
	position: relative
}

.admin-mgt .col h2 .info {
	color: #5568e5;
	right: 1px;
	top: 2px;
	position: absolute
}

.admin-mgt table tbody tr {
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

.admin-mgt table tbody tr td {
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in
}

.admin-mgt table tbody tr:hover {
	position: relative;
	background: #898989;
	-webkit-box-shadow: 0 10px 20px #ddd;
	box-shadow: 0 10px 20px #ddd
}

.admin-mgt table tbody tr:hover .t-active {
	background: #fff
}

.admin-mgt table tbody tr:hover .t-inactive {
	background: #fff
}

.admin-mgt table tbody tr:hover td {
	color: #fff
}

.od-comp {
	font-size: 11px;
	border-radius: 9px;
	background: #ebf9f4;
	color: #38b487;
	text-transform: uppercase;
	font-weight: 700;
	padding: 2px 15px;
	line-height: 1;
	-webkit-box-shadow: 0 1px 3px #00000017;
	box-shadow: 0 1px 3px #00000017;
	border: 1px solid #fff
}

.od-inpro {
	font-size: 11px;
	border-radius: 9px;
	background: #fff6e2;
	color: #ffb821;
	text-transform: uppercase;
	font-weight: 700;
	padding: 2px 15px;
	line-height: 1;
	-webkit-box-shadow: 0 1px 3px #00000017;
	box-shadow: 0 1px 3px #00000017;
	border: 1px solid #fff
}

.od-cancel {
	font-size: 11px;
	border-radius: 9px;
	background: #f5e9ec;
	color: #df4b6e;
	text-transform: uppercase;
	font-weight: 700;
	padding: 2px 15px;
	line-height: 1;
	-webkit-box-shadow: 0 1px 3px #00000017;
	box-shadow: 0 1px 3px #00000017;
	border: 1px solid #fff
}

.sel-printer .form-control {
	border: 1px solid #ddd;
	border-radius: 3px;
	font-weight: 700;
	padding: 2px 10px 4px 10px;
	color: #545454;
	-webkit-box-shadow: 0 3px 6px #00000017;
	box-shadow: 0 3px 6px #00000017
}

.preview i {
	color: #5568e5
}

.user-info {
	padding: 25px
}

.small-arrow {
	margin-left: 5px;
	position: relative;
	top: -2px
}

.small-arrow i {
	font-size: 12px
}

.client-info-results p {
	font-size: 16px;
	font-weight: 600;
	color: red
}

.cancel-order {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

@media screen and (max-width: 1024px) {
	.cancel-order {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.cancel-order .left {
	width: Calc(100% - 600px)
}

@media screen and (max-width: 1024px) {
	.cancel-order .left {
		width: 100%
	}
}

@media screen and (max-width: 767px) {
	.cancel-order .left .form-main .form-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.cancel-order .left .form-main .bttn {
		width: 150px
	}
}

.cancel-order .right {
	max-width: 600px;
	padding-left: 30px;
	width: 40%
}

@media screen and (max-width: 1024px) {
	.cancel-order .right {
		width: 100%
	}
}

@media screen and (max-width: 767px) {
	.cancel-order .right {
		padding-left: 0
	}

	.cancel-order .right .form-row .w-200 {
		min-width: auto;
		line-height: 1.5
	}

	.cancel-order .right .bttn {
		font-size: 11px
	}
}

.cancel-filter {
	margin-bottom: 15px
}

.shipping-fgs {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.shipping-fgs label {
	display: inline-block
}

.shipping-fgs .chk-row {
	position: relative;
	top: 10px;
	margin-left: 10px
}

.green {
	color: #14d514
}

.red {
	color: #f11d1d
}

.no-wrap {
	white-space: nowrap
}

.csv-total {
	font-size: 17px;
	font-weight: 600
}

.distro-selected .selected {
	margin: 0 20px 20px 0;
	position: relative;
	text-align: center;
	display: inline-block;
	font-weight: 600;
	border: 2px dotted #e7e7e7;
	border-radius: 4px;
	padding: 10px
}

.distro-selected .selected .close {
	position: absolute;
	right: 5px;
	top: 1px;
	font-size: 9px
}

.distro-selected .selected .small {
	color: #9f9f9f;
	font-weight: 500;
	font-size: 10px;
	letter-spacing: 1px
}

.distro-selected .selected .pre {
	font-size: 10px;
	font-weight: 700
}

.distro-box {
	margin: 15px 0
}

.distro-box-selection {
	position: relative;
	margin: 0 0 25px 0
}

.distro-box-selection .distro-title {
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: 250px;
	padding: 5px 10px;
	border: 2px solid #5568e5;
	border-radius: 5px;
	font-weight: 600;
	min-width: 180px
}

.distro-box-selection .distro-title i {
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 10px
}

.distro-box-selection .distro-title.on i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.dist-file-list-openr {
	z-index: 2;
	background: #fff;
	top: 36px;
	position: absolute;
	-webkit-box-shadow: 2px 3px 6px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 3px 6px 1px rgba(0, 0, 0, 0.2);
	margin: 0;
	padding: 10px;
	list-style: none;
	max-height: 200px;
	width: 250px;
	overflow-y: auto
}

.dist-file-list-openr::-webkit-scrollbar {
	width: 6px
}

.dist-file-list-openr::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 3px
}

.dist-file-list-openr::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #545454
}

.dist-file-list-openr .search {
	position: relative;
	margin-bottom: 5px;
	width: 100%
}

.dist-file-list-openr .search i {
	position: absolute;
	left: 7px;
	top: 10px;
	font-size: 9px
}

.dist-file-list-openr .search input {
	padding: 3px 5px 3px 20px;
	width: 100%
}

.dist-file-list li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 58px;
	font-size: 12px;
	border-bottom: 1px dotted #f7f7f7;
	padding-top: 4px;
	padding-bottom: 4px
}

.dist-file-list li input {
	margin-right: 5px
}

.dist-file-list li a {
	right: 0;
	position: absolute;
	padding: 2px 5px 2px 5px;
	background: #5568e5;
	color: #fff;
	border-radius: 4px;
	font-weight: 600;
	font-size: 9px;
	line-height: 1
}

.news-headline {
	font-size: 14px;
	font-weight: 600;
	color: #5568e5;
	margin: 0 0 15px 0
}

.news-headline span {
	color: #9f9f9f;
	font-weight: 500;
	display: block;
	font-size: 10px;
	letter-spacing: 1px
}

.news-headline-links {
	margin: 0 0 15px 0;
	padding-right: 10px;
	text-align: right
}

.news-headline-links a {
	color: #333;
	display: inline-block;
	padding: 0 0 0 10px
}

.news-headline-links a i {
	font-size: 10px
}

.news-display {
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.3);
	padding: 15px;
	color: #fff;
	float: left;
	margin-left: 25px;
	min-height: 215px;
	border-radius: 4px;
	background: #c7c5c5;
	width: Calc(38% - 25px)
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.news-display {
		min-height: 150px
	}
}

.news-display h1 {
	font-size: 30px;
	font-weight: 600
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.news-display h1 {
		font-size: 20px
	}
}

@media screen and (max-width: 767px) {
	.news-display {
		display: none;
		margin: 0
	}
}

.video-parent-holder {
	margin: 30px 0;
	padding: 10px
}

.video-parent-holder .file-upload {
	margin: 0 0 20px 0
}

.file-upload-preview .o-video {
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 56.25%
}

.file-upload-preview .o-video>iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0
}

.box-highlighted {
	padding: 15px;
	background: #fdfdfd;
	border: 1px solid #fff;
	border-radius: 4px;
	-webkit-box-shadow: 4px 4px 4px 0px #f9f9f9;
	box-shadow: 4px 4px 4px 0px #f9f9f9;
	margin: 0 0 15px 0;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.box-highlighted:hover {
	border: 1px solid #fff;
	-webkit-box-shadow: 4px 4px 4px 0px #ededed;
	box-shadow: 4px 4px 4px 0px #ededed
}

@media screen and (max-width: 767px) {
	.add-delivery-form .flex-container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.add-delivery-form .flex-container .form-row {
		min-width: 100%
	}
}

@media screen and (max-width: 767px) {
	.re-work-page .cad {
		width: 100% !important
	}

	.re-work-page .cad .flex-container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%
	}

	.re-work-page .cad .flex-container .form-row {
		width: 100%;
		max-width: none;
		margin-bottom: 10px
	}

	.re-work-page .cad .flex-container .form-row>label {
		line-height: 1.4;
		min-width: 150px;
		width: 150px
	}

	.re-work-page .cad .flex-container .form-row .input-row {
		min-width: auto;
		width: 100%
	}

	.re-work-page .full-cad {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.re-work-page .full-cad .cad .form-row {
		margin-bottom: 10px
	}

	.re-work-page .full-cad .cad .form-row>label {
		line-height: 1.4;
		min-width: 150px;
		width: 150px
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.re-work-page .full-cad .cad .w-250 {
		min-width: auto;
		line-height: 1.5
	}

	.re-work-page .cad .flex-container.four .form-row {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		max-width: initial
	}

	.re-work-page .cad .flex-container.ipadblock .form-row {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.re-work-page .cad .flex-container.ipadblock .form-row .w-200 {
		min-width: auto;
		width: auto
	}
}

.discPage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.discPage .caption {
	font-weight: 600;
	letter-spacing: 0.02em;
	background-color: #f0f0f0;
	font-size: 13px;
	line-height: 24px;
	padding: 10px;
	color: #969494
}

.discPage .disleft {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 20%;
	border: 1px solid #f0f0f0;
	border-radius: 5px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.discPage .disleft ul {
	list-style: none
}

.discPage .disleft ul li {
	border-bottom: 1px dashed #eee
}

.discPage .disleft ul li:hover {
	background-color: #f0f0f0
}

.discPage .disleft ul li a {
	padding: 5px 10px;
	color: inherit;
	font-size: 12px;
	font-weight: 600;
	display: block;
	cursor: pointer;
	letter-spacing: 0.03em
}

.discPage .disleft ul li a:focus {
	background-color: #4e54c8;
	color: #fff
}

.discPage .disleft ul li a i {
	font-size: 9px;
	margin-right: 5px
}

.discPage .disright {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: auto;
	border: 1px solid #f0f0f0;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 78%
}

.discPage .disright .targetDiv {
	padding: 10px
}

.discPage .disright .targetDiv .caption {
	margin: -10px -10px 20px -10px;
	color: #5568e5;
	font-weight: 700;
	font-size: 18px
}

.discPage .disright .actions {
	margin-top: 35px
}

.discPage .disright .actions .bttn {
	margin-left: 340px
}

.categoryA .fundData .sourcefile a:hover,
.categoryA .discPage .caption,
.categoryA .fstUpload .one .files .delete b,
.categoryA .fstUpload .one span b,
.categoryA .pgTitle span {
	color: #303c43 !important
}

.categoryA .fstUpload .one .no {
	color: #303c43
}

.categoryA .fstUpload .one .no span {
	background: #303c43
}

.categoryA .navigation li.active,
.categoryA .navigation li:hover {
	background: #303c43
}

.categoryA .fundData.head {
	background: #303c43
}

.categoryA .fundData.head a {
	color: #fff
}

.categoryA .fundData:hover:not(.head) {
	background: rgba(48, 60, 67, 0.15)
}

.categoryA .fundData:hover:not(.head) .preview-Pdf {
	background: #303c43;
	color: #fff
}

.categoryA .configList .configItem .rw a:hover,
.categoryA .discPage .actions .bttn,
.categoryA .fstUpload .one .bttn {
	background: #303c43;
	color: #fff
}

.categoryA .preview-Pdf {
	color: #303c43;
	background: rgba(48, 60, 67, 0.15)
}

.categoryB .fundData .sourcefile a:hover,
.categoryB .discPage .caption,
.categoryB .fstUpload .one .files .delete b,
.categoryB .fstUpload .one span b,
.categoryB .pgTitle span {
	color: #c7912e !important
}

.categoryB .fstUpload .one .no {
	color: #c7912e
}

.categoryB .fstUpload .one .no span {
	background: #c7912e
}

.categoryB .navigation li.active,
.categoryB .navigation li:hover {
	background: #c7912e
}

.categoryB .fundData.head {
	background: #c7912e
}

.categoryB .fundData.head a {
	color: #fff
}

.categoryB .fundData:hover:not(.head) {
	background: rgba(199, 145, 46, 0.15)
}

.categoryB .fundData:hover:not(.head) .preview-Pdf {
	background: #c7912e;
	color: #fff
}

.categoryB .configList .configItem .rw a:hover,
.categoryB .discPage .actions .bttn,
.categoryB .fstUpload .one .bttn {
	background: #c7912e;
	color: #fff
}

.categoryB .preview-Pdf {
	color: #c7912e;
	background: rgba(199, 145, 46, 0.15)
}

.categoryC .fundData .sourcefile a:hover,
.categoryC .discPage .caption,
.categoryC .fstUpload .one .files .delete b,
.categoryC .fstUpload .one span b,
.categoryC .pgTitle span {
	color: #69a535 !important
}

.categoryC .fstUpload .one .no {
	color: #69a535
}

.categoryC .fstUpload .one .no span {
	background: #69a535
}

.categoryC .navigation li.active,
.categoryC .navigation li:hover {
	background: #69a535
}

.categoryC .fundData.head {
	background: #69a535
}

.categoryC .fundData.head a {
	color: #fff
}

.categoryC .fundData:hover:not(.head) {
	background: rgba(105, 165, 53, 0.15)
}

.categoryC .fundData:hover:not(.head) .preview-Pdf {
	background: #69a535;
	color: #fff
}

.categoryC .configList .configItem .rw a:hover,
.categoryC .discPage .actions .bttn,
.categoryC .fstUpload .one .bttn {
	background: #69a535;
	color: #fff
}

.categoryC .preview-Pdf {
	color: #69a535;
	background: rgba(105, 165, 53, 0.15)
}

.categoryD .fundData .sourcefile a:hover,
.categoryD .discPage .caption,
.categoryD .fstUpload .one .files .delete b,
.categoryD .fstUpload .one span b,
.categoryD .pgTitle span {
	color: #76837b !important
}

.categoryD .fstUpload .one .no {
	color: #76837b
}

.categoryD .fstUpload .one .no span {
	background: #76837b
}

.categoryD .navigation li.active,
.categoryD .navigation li:hover {
	background: #76837b
}

.categoryD .fundData.head {
	background: #76837b
}

.categoryD .fundData.head a {
	color: #fff
}

.categoryD .fundData:hover:not(.head) {
	background: rgba(118, 131, 123, 0.15)
}

.categoryD .fundData:hover:not(.head) .preview-Pdf {
	background: #76837b;
	color: #fff
}

.categoryD .configList .configItem .rw a:hover,
.categoryD .discPage .actions .bttn,
.categoryD .fstUpload .one .bttn {
	background: #76837b;
	color: #fff
}

.categoryD .preview-Pdf {
	color: #76837b;
	background: rgba(118, 131, 123, 0.15)
}

.categoryE .fundData .sourcefile a:hover,
.categoryE .discPage .caption,
.categoryE .fstUpload .one .files .delete b,
.categoryE .fstUpload .one span b,
.categoryE .pgTitle span {
	color: #94c958 !important
}

.categoryE .fstUpload .one .no {
	color: #94c958
}

.categoryE .fstUpload .one .no span {
	background: #94c958
}

.categoryE .navigation li.active,
.categoryE .navigation li:hover {
	background: #94c958
}

.categoryE .fundData.head {
	background: #94c958
}

.categoryE .fundData.head a {
	color: #fff
}

.categoryE .fundData:hover:not(.head) {
	background: rgba(148, 201, 88, 0.15)
}

.categoryE .fundData:hover:not(.head) .preview-Pdf {
	background: #94c958;
	color: #fff
}

.categoryE .configList .configItem .rw a:hover,
.categoryE .discPage .actions .bttn,
.categoryE .fstUpload .one .bttn {
	background: #94c958;
	color: #fff
}

.categoryE .preview-Pdf {
	color: #94c958;
	background: rgba(148, 201, 88, 0.15)
}

.categoryF .fundData .sourcefile a:hover,
.categoryF .discPage .caption,
.categoryF .fstUpload .one .files .delete b,
.categoryF .fstUpload .one span b,
.categoryF .pgTitle span {
	color: #536482 !important
}

.categoryF .fstUpload .one .no {
	color: #536482
}

.categoryF .fstUpload .one .no span {
	background: #536482
}

.categoryF .navigation li.active,
.categoryF .navigation li:hover {
	background: #536482
}

.categoryF .fundData.head {
	background: #536482
}

.categoryF .fundData.head a {
	color: #fff
}

.categoryF .fundData:hover:not(.head) {
	background: rgba(83, 100, 130, 0.15)
}

.categoryF .fundData:hover:not(.head) .preview-Pdf {
	background: #536482;
	color: #fff
}

.categoryF .configList .configItem .rw a:hover,
.categoryF .discPage .actions .bttn,
.categoryF .fstUpload .one .bttn {
	background: #536482;
	color: #fff
}

.categoryF .preview-Pdf {
	color: #536482;
	background: rgba(83, 100, 130, 0.15)
}

.categoryG .fundData .sourcefile a:hover,
.categoryG .discPage .caption,
.categoryG .fstUpload .one .files .delete b,
.categoryG .fstUpload .one span b,
.categoryG .pgTitle span {
	color: #adccc6 !important
}

.categoryG .fstUpload .one .no {
	color: #adccc6
}

.categoryG .fstUpload .one .no span {
	background: #adccc6
}

.categoryG .navigation li.active,
.categoryG .navigation li:hover {
	background: #adccc6
}

.categoryG .fundData.head {
	background: #adccc6
}

.categoryG .fundData.head a {
	color: #fff
}

.categoryG .fundData:hover:not(.head) {
	background: rgba(173, 204, 198, 0.15)
}

.categoryG .fundData:hover:not(.head) .preview-Pdf {
	background: #adccc6;
	color: #fff
}

.categoryG .configList .configItem .rw a:hover,
.categoryG .discPage .actions .bttn,
.categoryG .fstUpload .one .bttn {
	background: #adccc6;
	color: #fff
}

.categoryG .preview-Pdf {
	color: #adccc6;
	background: rgba(173, 204, 198, 0.15)
}

.catcount {
	margin-left: 5px;
	max-width: 22.5%
}

.catcount>h3 {
	font-size: 12px;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
	font-weight: 600;
	position: relative
}

.catcount>h3 i {
	font-size: 12px;
	margin-right: 5px
}

.catcount>h3::after {
	content: "";
	position: absolute;
	left: 20px;
	top: 12px;
	width: calc(100% - 20px);
	border-bottom: 1px dashed #ccc
}

.catcount>h3 span {
	padding-right: 15px;
	display: inline-block;
	background-color: #fff;
	position: relative;
	z-index: 3
}

.catcount>h3 b {
	text-align: center;
	min-width: 85px;
	top: 2px;
	z-index: 2;
	position: absolute;
	line-height: 1;
	padding: 3px 15px 3px 15px;
	font-size: 11px;
	border-radius: 3px;
	background: #c9c9c9;
	letter-spacing: 0.02em;
	position: absolute;
	right: 0
}

.admin-users {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.admin-users .usr {
	padding: 10px;
	border: 1px solid #ebebeb;
	border-radius: 3px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: calc(20% - 20px);
	margin: 0 20px 20px 0;
	position: relative;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in
}

.admin-users .usr:hover {
	-webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2)
}

.admin-users .usr .edit-mode {
	-webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.3);
	position: absolute;
	left: 1px;
	top: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background-color: #dcdcdc;
	border-radius: 3px;
	padding: 10px
}

.admin-users .usr .edit-mode .close {
	cursor: pointer;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	position: absolute;
	right: -7px;
	top: -7px;
	color: red;
	font-size: 10px
}

.admin-users .usr .edit-mode input[type="text"] {
	width: 100%;
	font-size: 11px;
	padding: 2px 10px;
	border: 1px solid #eee;
	letter-spacing: 0.02em;
	margin-bottom: 5px;
	font-weight: 600;
	color: #535151
}

.admin-users .usr .edit-mode .fancy-checkbox {
	margin-bottom: 0;
	font-size: 11px
}

.admin-users .usr .edit-mode .fancy-checkbox label {
	font-weight: 500;
	font-size: 11px;
	margin: 0;
	padding: 0px
}

.admin-users .usr .edit-mode .fancy-checkbox label:before {
	margin-right: 5px;
	width: 14px;
	height: 14px
}

.admin-users .usr .edit-mode .sub {
	position: absolute;
	right: 10px;
	bottom: 5px;
	border: 0;
	background: #5568e5;
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px;
	font-size: 10px;
	letter-spacing: 0.02em;
	font-weight: 600;
	padding: 1px 7px 1px 7px
}

.admin-users .usr .action {
	position: absolute;
	right: 10px
}

.admin-users .usr .action a {
	width: 18px;
	margin-left: 7px;
	height: 18px;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	line-height: 1;
	background: #ebebeb;
	color: #76837b
}

.admin-users .usr .action a:hover:not(:last-child) {
	color: #fff;
	background: #6f6f6f
}

.admin-users .usr .action i {
	font-size: 7px
}

.admin-users .usr .name {
	letter-spacing: 0.02em;
	font-weight: 600;
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #6f6f6f
}

.admin-users .usr .name i {
	margin-right: 3px;
	color: #a8a6a6;
	font-size: 7px;
	border: 1px solid #cbcbcb;
	padding: 5px;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	position: relative;
	top: -2px
}

.admin-users .usr .email {
	font-size: 13px;
	color: #c4c4c4;
	font-weight: 600;
	margin: 0 0 10px 0;
	letter-spacing: 0.02em
}

.admin-users .usr .email a {
	color: inherit
}

.admin-users .usr .tag {
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	padding: 2px 0 3px 0;
	border-radius: 3px;
	background: #c3c3c3;
	letter-spacing: 0.1em;
	line-height: 1;
	width: 60px;
	color: #fff;
	text-align: center
}

.modelsteps {
	margin-bottom: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 3px;
	background: #eee;
	padding: 0 15px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.modelsteps .select-fund {
	margin-left: 240px;
	width: calc(50% - 160px) !important
}

.modelsteps .form-row {
	width: 300px;
	margin-right: 20px
}

.modelsteps .display {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
	width: 200px
}

.modelsteps .display .form-row {
	margin: auto 0 20px 0
}

.modelsteps.zero {
	margin-bottom: 10px
}

.hrline {
	border-top: 1px dashed #ccc;
	border-bottom: 0;
	height: 1px;
	margin: 15px 0 45px 0
}

.pageMainCnt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 4px;
	background: #f8f8f8
}

.pageMainCnt .pageno {
	background: #fff;
	border: 1px solid #eee;
	width: 200px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.pageMainCnt .pageno.topalign {
	text-align: left;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.pageMainCnt .pageno.topalign ul {
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%
}

.pageMainCnt .pageno.topalign ul li {
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	font-weight: 600;
	line-height: 28px;
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	background-color: #F2F2F2
}

.pageMainCnt .pageno.topalign ul li:last-child {
	border: 0
}

.pageMainCnt .pageno.topalign ul li:hover {
	border-color: #fff;
	background: #5568e5
}

.pageMainCnt .pageno.topalign ul li:hover a {
	color: #fff
}

.pageMainCnt .pageno.topalign ul li i {
	font-size: 10px;
	margin-right: 5px
}

.pageMainCnt .pageno.topalign ul li a {
	color: #333
}

.pageMainCnt .pageno h1 {
	font-size: 76px;
	letter-spacing: 0.02em
}

.pageMainCnt .pageno h1 span {
	display: inline-block;
	width: 500px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: rgba(0, 0, 0, 0.35)
}

.pageMainCnt .page {
	width: calc(50% - 100px);
	border-left: 35px solid #fff;
	padding: 15px;
	position: relative
}

.pageMainCnt .page>span {
	position: absolute;
	padding: 5px 15px;
	background-color: #f8f8f8;
	color: #444;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	top: 0;
	border-radius: 3px 3px 0 0;
	top: -30px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	width: 140px;
	text-align: center
}

.pageMainCnt .page .box {
	margin-bottom: 15px
}

.pageMainCnt .page .box h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.pageMainCnt .page .box h3 a {
	width: 18px;
	height: 18px;
	text-align: center;
	background-color: #e9e9e9;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: rgba(0, 0, 0, 0.2);
	margin-left: auto;
	font-size: 11px
}

.pageMainCnt .page .box .edit textarea {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #e4e2ea;
	background-color: #fff;
	width: 100%
}

.pageMainCnt .page .box .edit textarea:disabled {
	background: #dedede;
	cursor: not-allowed;
	border: 1px solid #ccc
}

.BILLSTART {
	display: none
}

.billing_dashboard {
	max-width: 1690px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%
}

.billing_dashboard .col- {
	margin: 0 25px 0 0
}

.billing_dashboard .col-.small {
	width: 25%
}

.billing_dashboard .col-.half {
	width: 50%
}

.billing_dashboard .col-:last-child {
	margin-right: 0
}

.billing_dashboard .box {
	position: relative;
	font-size: 13px;
	padding: 30px 30px 23px 30px;
	min-height: 250px;
	border-radius: 15px;
	margin-bottom: 25px;
	background: #FFF;
	border: 2px solid #fff;
	color: #545454;
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.05);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.billing_dashboard .box.g1 {
	background: linear-gradient(51deg, #cbfff4 0%, #ebf7f1 100%)
}

.billing_dashboard .box.g1 h2 {
	color: #1ecba6
}

.billing_dashboard .box.g1 h2::before {
	background-color: #1ecba6
}

.billing_dashboard .box.o1 {
	background: linear-gradient(56deg, #ffe5d6 0%, #fff6f0 100%)
}

.billing_dashboard .box.o1 h2 {
	color: #fe6027
}

.billing_dashboard .box.o1 h2::before {
	background-color: #fe6027
}

.billing_dashboard .box.db {
	background: #2575fc
}

.billing_dashboard .box.db a {
	color: #fff
}

.billing_dashboard .box.db .Invtext {
	color: #a3baff
}

.billing_dashboard .box.db .Invtext span {
	color: #fff
}

.billing_dashboard .box.db h2 {
	color: #fff
}

.billing_dashboard .box.db h2::before {
	background-color: #fff
}

.billing_dashboard .box.b1 {
	background: linear-gradient(50deg, #dbe7fa 0%, #f2f6fd 100%)
}

.billing_dashboard .box.b1 h2 {
	color: #2575fc
}

.billing_dashboard .box.b1 h2::before {
	background-color: #2575fc
}

.billing_dashboard .box .top-auto {
	margin-top: auto
}

.billing_dashboard .box.b2-4 {
	min-height: 525px
}

.billing_dashboard .box h2 {
	white-space: nowrap;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 0.05em;
	line-height: 1.5;
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 30px
}

.billing_dashboard .box h2::before {
	background: #1ecba6;
	position: absolute;
	left: -33px;
	content: "";
	top: -5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: calc(100% + 10px);
	width: 4px;
	border-radius: 10px;
	-webkit-transform: matrix(1, -0.02, 0.02, 1, 0, 0);
	transform: matrix(1, -0.02, 0.02, 1, 0, 0)
}

.billing_dashboard .box .Invtext {
	font-size: 15px;
	color: #adadad;
	letter-spacing: 0.1em;
	line-height: 26px;
	text-transform: uppercase
}

.billing_dashboard .box .Invtext span {
	color: #545454;
	font-weight: 600;
	font-size: 20px
}

.billing_dashboard .box .arrow {
	font-size: 11px;
	font-weight: 600;
	position: relative;
	padding-right: 20px;
	z-index: 3;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0.1em
}

.billing_dashboard .box .arrow::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	content: "";
	height: 6px;
	width: 6px;
	border-color: inherit;
	border-style: solid;
	border-width: 2px 2px 0 0;
	right: 2px;
	top: 7px
}

.no-bullet {
	list-style: none;
	margin: 0;
	padding: 0
}

.no-bullet li {
	margin: 0 0 20px 0
}

.no-bullet li a {
	font-weight: 600;
	color: #545454
}

.no-bullet li a:hover {
	color: red
}

.no-bullet li a i {
	font-size: 10px;
	margin-right: 10px
}

.Navcaption {
	padding: 10px;
	background: #ddd;
	color: #444;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.02em
}

.Navcaption:hover {
	color: #fff
}

.yearBranch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0
}

.yearBranch li {
	padding: 10px 25px;
	background-color: #ddd;
	margin-right: 5px;
	font-weight: 600;
	border-radius: 3px
}

.yearBranch li a {
	color: inherit
}

.yearBranch li:hover,
.yearBranch li.active {
	background: #fff;
	color: #5568e5;
	border-radius: 3px 3px 0 0
}

.Inlist_data_list {
	min-height: 450px;
	max-height: 55vh;
	overflow-y: auto;
	border: 1px solid #eee
}

.Inlist_data_list .Inlist_col {
	background: #efefef;
	-webkit-transition: all 500ms ease-in;
	transition: all 500ms ease-in
}

.Inlist_data_list .Inlist_col:nth-child(even) {
	background: #fff
}

.Inlist_data_list .Inlist_col:hover {
	font-weight: 700;
	font-size: 13px;
	background: #fafafa;
	-webkit-box-shadow: 0 0.8rem 2rem rgba(109, 109, 109, 0.5);
	box-shadow: 0 0.8rem 2rem rgba(109, 109, 109, 0.5);
	position: relative
}

.Inlist_data_list .Inlist_col div {
	padding: 10px 5px 10px 10px;
	font-size: 12px;
	font-weight: 600
}

.Inlist_col {
	width: 100%;
	border: 1px solid #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.Inlist_col:last-child {
	border-radius: 0 0 5px 5px
}

.Inlist_col.HD {
	letter-spacing: 0.1em;
	line-height: 32px;
	text-transform: uppercase;
	background: #5449ad;
	color: #fff;
	overflow-y: scroll
}

.Inlist_col.HD div {
	font-weight: 600
}

.Inlist_col.HD>div:not(:first-child) {
	border-left: 1px solid #fff
}

.Inlist_col>div:not(:first-child) {
	border-left: 1px solid #fff
}

.Inlist_col>div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 500;
	padding: 5px 10px
}

.invrow.Header {
	border-right: 1px solid #e4e4e4;
	letter-spacing: .05em;
	font-weight: 600
}

.invrow.Header .D,
.invrow.Header .C {
	background: #fff;
	border-top: 1px solid #e4e4e4
}

.invrow.caption {
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	background: #dfdfdf;
	letter-spacing: .1em;
	font-weight: 600;
	text-transform: uppercase
}

.invrow.footer {
	letter-spacing: .05em;
	font-weight: 600
}

.invrow.footer .C,
.invrow.footer .D {
	background: #fff;
	border: 1px solid #e4e4e4
}

.invrow.footer .C {
	border-left: 2px solid #e4e4e4
}

.invrow>div {
	padding: 5px
}

.invrow .B,
.invrow .C,
.invrow .D {
	border-left: 1px solid #e4e4e4
}

.Invdata {
	border: 1px solid #e4e4e4
}

.Invdata .invrow {
	letter-spacing: .1em;
	font-size: 11px;
	font-weight: 600
}

.Invdata .invrow div {
	padding: 10px 5px
}

.Invdata .invrow:nth-child(even) {
	background: #fff
}

.flex-container.auto-space.Mobifilter-panel {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.flex-container.auto-space.Mobifilter-panel .search {
	margin-left: auto
}

.send-inv-btn {
	display: block;
	background-color: #5568e5;
	color: #fff;
	border: 1px solid transparent;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.1em
}

.send-inv-btn-bd {
	display: block;
	background-color: #f6f7f9;
	color: #5568e5;
	border: 1px solid #e0e0e0;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.1em
}

.cost-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.cost-container .filter {
	width: 18%;
	padding: 10px 15px;
	border: 1px dashed #f1f1f1
}

.cost-container .filter h2 {
	color: #9f9f9f;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border-bottom: 1px dashed #dfdede
}

.cost-container .filter h2 i {
	margin-right: 5px;
	font-size: 11px;
	position: relative;
	top: -2px
}

.cost-container .filter .send-inv-btn {
	margin: 30px 0 0 0
}

.cost-container .Output {
	width: 82%;
	padding: 10px 15px;
	position: relative
}

.cost-container .Output .download-report {
	position: absolute;
	right: 0;
	top: -48px
}

.cost-container .Output .download-report a {
	letter-spacing: 0.01em;
	font-weight: 600;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	border-radius: 5px;
	background: #5568e5;
	padding: 7px 15px 7px 15px
}

.cost-container .Output .download-report a i {
	margin-right: 5px
}

.costTable {
	-webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5);
	box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5)
}

.costTable .order {
	background-color: #ffff00
}

.costTable .printing {
	background-color: #b1a0c7
}

.costTable .Warehouse {
	background-color: #00b050
}

.costTable .receive {
	background-color: #f79646
}

.costTable .scrap {
	background-color: #ff0000
}

.costTable .fixed {
	background-color: #00b0f0
}

.costTable .fulfill {
	background-color: white
}

.costTable .shipping {
	background-color: #ff3399
}

.costTable .total {
	background-color: white
}

.costTable td,
.costTable th {
	padding: 5px 10px;
	font-weight: 600
}

.costTable th {
	min-width: 120px;
	text-align: center
}

.costTable th:first-child {
	text-align: left
}

.costTable tfoot tr td:not(:first-child),
.costTable tbody tr td:not(:first-child) {
	position: relative;
	text-align: right;
	border-left: 1px solid #f1f1f1
}

.costTable tfoot tr td:not(:first-child) span,
.costTable tbody tr td:not(:first-child) span {
	position: absolute;
	left: 10px;
	color: #b0b0b0
}

.costTable tbody tr:hover {
	background-color: #c3b6f5
}

.costTable tr.caption {
	background: #adadad !important;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.03em
}

.costTable tr:nth-child(even) {
	background: #f3f3f3
}

.costTable tr td {
	position: relative
}

.costTable tfoot tr {
	background-color: #1ecba6
}

.InvMaster {
	width: 60%;
	padding: 15px;
	margin: 0 20px
}

.InvMaster .inner {
	background: #f6f7f9;
	border-radius: 5px;
	padding: 20px
}

.InvMaster .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.InvMaster .left {
	width: 25%
}

.InvMaster .billto {
	background: white;
	width: 45%;
	padding: 15px 25px;
	border: 1px dashed #ccc;
	border-radius: 5px
}

.InvMaster .right {
	width: 30%;
	text-align: right;
	position: relative
}

.InvMaster .right>p {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase
}

.InvMaster .right .date-invoice p {
	letter-spacing: 0.1em
}

.InvMaster .right .date-invoice p span {
	display: inline-block;
	text-align: right;
	font-weight: 600;
	color: #9a9a9a;
	font-size: 11px
}

.InvMaster .right .date-invoice p b {
	display: inline-block;
	width: 120px
}

.Invdata {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.Invdata .invrow {
	min-height: 36px
}

.leftInv {
	width: 20%
}

.InvMiddle {
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	min-height: 100px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.InvMiddle .invrow {
	min-height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.InvMiddle .invrow.shipping {
	background-color: #ff3399;
	border-bottom: 1px solid #fff
}

.InvMiddle .invrow.order {
	background-color: #ffff00;
	border-bottom: 1px solid #dfdfdf
}

.InvMiddle .invrow.printing {
	background-color: #b1a0c7;
	border-bottom: 1px solid #cdbfeb
}

.InvMiddle .invrow.Warehouse {
	background-color: #00b050;
	border-bottom: 1px solid #fff
}

.InvMiddle .invrow.receive {
	background-color: #f79646;
	border-bottom: 1px solid #fff
}

.InvMiddle .invrow.scrap {
	background-color: #ff0000;
	border-bottom: 1px solid #fff
}

.InvMiddle .invrow.fixed {
	background-color: #00b0f0;
	border-bottom: 1px solid #fff
}

.InvMiddle .invrow.fulfill {
	background-color: white;
	border-bottom: 1px solid #fff
}

.InvMiddle .invrow .AA {
	width: 70%
}

.InvMiddle .invrow .A {
	width: 10%
}

.InvMiddle .invrow .B {
	width: 60%
}

.InvMiddle .invrow .C {
	width: 15%;
	text-align: center
}

.InvMiddle .invrow .D {
	width: 15%;
	text-align: center
}

.resultcounter {
	display: block;
	clear: both;
	font-size: 14px;
	margin: 20px 0 20px 10px;
	font-weight: 500;
	letter-spacing: 0.07em;
	color: #9f9f9f
}

.resultcounter b {
	color: #5568e5;
	font-weight: 700
}

.mgmtReport {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.mgmtReport .dataSearch {
	position: relative;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #5568e5
}

.mgmtReport .dataSearch .expandreport {
	position: absolute;
	right: 0px;
	top: -53px;
	background-color: #f5f5f5;
	border-radius: 2px;
	font-size: 14px;
	padding: 1px 4px
}

.mgmtReport .dataSearch .form-full {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.mgmtReport .dataSearch .form-full .form-row {
	margin-bottom: 0
}

.mgmtReport .dataSearch .form-full .form-row:not(:first-child) {
	margin-left: 25px
}

.mgmtReport .dataSearch .form-full .form-row:nth-child(1) {
	min-width: 200px
}

.mgmtReport .dataSearch .form-full .form-row:nth-child(2),
.mgmtReport .dataSearch .form-full .form-row:nth-child(3),
.mgmtReport .dataSearch .form-full .form-row:nth-child(4) {
	min-width: 130px
}

.mgmtReport .dataSearch .form-full .vvParentsubmit a,
.mgmtReport .dataSearch .form-full .vvParentsubmit button {
	position: relative
}

.mgmtReport .dataSearch .form-full .vvParentsubmit a i,
.mgmtReport .dataSearch .form-full .vvParentsubmit button i {
	margin-right: 5px;
	font-size: 12px;
	left: auto;
	top: auto;
	color: inherit;
	position: relative
}

.mgmtReport .dataResult {
	width: 100%;
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-y: auto
}

.mgmtReport .dataResult .tables {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.mgmtReport .dataResult .tables .mTable {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	min-width: 67px;
	z-index: 1;
	background: #fff;
	left: 0;
	top: 0;
	z-index: 10
}

.mgmtReport .dataResult .tables.vertical {
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.mgmtReport .dataResult .tables.vertical .datatable {
	margin-bottom: 15px
}

.mgmtReport .dataResult .tables.vertical .datatable .dataTableout {
	overflow-y: auto
}

.mgmtReport .dataResult .tables.vertical .datatable .dataTableout table {
	width: 100%
}

.mgmtReport .dataResult .tables.vertical .datatable .dataTableout table thead tr td:first-child,
.mgmtReport .dataResult .tables.vertical .datatable .dataTableout table thead tr th:first-child,
.mgmtReport .dataResult .tables.vertical .datatable .dataTableout table tbody tr td:first-child,
.mgmtReport .dataResult .tables.vertical .datatable .dataTableout table tbody tr th:first-child {
	background-color: #adadad;
	display: table-cell;
	color: #fff;
	position: relative !important;
	left: auto !important;
	min-width: auto;
	z-index: 1;
	width: 70px;
	font-weight: 700;
	text-transform: uppercase
}

.mgmtReport .dataResult .tables.vertical .datatable:not(:first-child) {
	margin-left: 0
}

.mgmtReport .dataResult .tables.vertical .datatable:not(:first-child) .dataTableout table {
	width: 100%
}

.mgmtReport .dataResult .tables.vertical .datatable:not(:first-child) .dataTableout table thead tr td:first-child,
.mgmtReport .dataResult .tables.vertical .datatable:not(:first-child) .dataTableout table thead tr th:first-child,
.mgmtReport .dataResult .tables.vertical .datatable:not(:first-child) .dataTableout table tbody tr td:first-child,
.mgmtReport .dataResult .tables.vertical .datatable:not(:first-child) .dataTableout table tbody tr th:first-child {
	background-color: #adadad;
	display: table-cell;
	color: #fff;
	position: relative !important;
	left: auto !important;
	min-width: auto;
	z-index: 1;
	width: 70px
}

.mgmtReport .dataResult .tables.vertical .datatable .caption {
	cursor: pointer;
	text-align: left;
	padding-left: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.mgmtReport .dataResult .tables.vertical .datatable .caption span {
	display: block;
	font-size: 12px;
	margin-right: 20px;
	margin-left: auto
}

.mgmtReport .dataResult .tables.vertical .datatable table {
	width: 100%
}

.mgmtReport .dataResult .tables .datatable {
	border: 1px solid #e6e3e3;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.mgmtReport .dataResult .tables .datatable:not(:first-child) {
	margin-left: 20px
}

.mgmtReport .dataResult .tables .datatable:first-child table.vol-class tr:nth-child(even),
.mgmtReport .dataResult .tables .datatable:first-child table.vol-class tr:nth-child(odd) {
	background: #FFF
}

.mgmtReport .dataResult .tables .datatable:first-child table.vol-class th:first-child {
	width: auto !important;
	background-color: #5568e5
}

.mgmtReport .dataResult .tables .datatable:first-child table.vol-class td:first-child {
	width: auto !important;
	background-color: transparent !important;
	color: #333
}

.mgmtReport .dataResult .tables .datatable:first-child table.vol-class td.bg {
	background: #f5f5f5 !important;
	border-bottom: 1px solid #e9e9e9
}

.mgmtReport .dataResult .tables .datatable:first-child table.sla-class th:first-child {
	background: #5568e5
}

.mgmtReport .dataResult .tables .datatable:first-child table.sla-class td:first-child,
.mgmtReport .dataResult .tables .datatable:first-child table.sla-class th:first-child {
	text-align: left;
	width: auto;
	min-width: 100px;
	position: relative !important
}

.mgmtReport .dataResult .tables .datatable:first-child table thead tr td:first-child,
.mgmtReport .dataResult .tables .datatable:first-child table thead tr th:first-child,
.mgmtReport .dataResult .tables .datatable:first-child table tbody tr td:first-child,
.mgmtReport .dataResult .tables .datatable:first-child table tbody tr th:first-child {
	background: #adadad;
	color: #fff;
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	min-width: 67px;
	white-space: nowrap;
	z-index: 1;
	width: 78px;
	text-transform: uppercase;
	letter-spacing: 0.01em
}

.mgmtReport .dataResult .tables .datatable:not(:first-child) table thead tr td:first-child,
.mgmtReport .dataResult .tables .datatable:not(:first-child) table thead tr th:first-child,
.mgmtReport .dataResult .tables .datatable:not(:first-child) table tbody tr td:first-child,
.mgmtReport .dataResult .tables .datatable:not(:first-child) table tbody tr th:first-child {
	display: none
}

.mgmtReport .dataResult .tables .datatable .caption {
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-weight: 700;
	background: #dedaf1;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	font-size: 14px
}

.mgmtReport .dataResult .tables .datatable .caption span {
	display: none
}

.mgmtReport .dataResult .tables .datatable .dataTableInfo {
	position: relative;
	margin: 20px 0 20px 70px;
	padding-left: 120px;
	padding-top: 15px
}

.mgmtReport .dataResult .tables .datatable .dataTableInfo .title {
	position: absolute;
	left: 10px;
	top: 10px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #5568e5
}

.mgmtReport .dataResult .tables .datatable .dataTableInfo .tablblock {
	margin: 30px 0 20px 0;
	border-left: 5px solid #ccc;
	padding: 15px 15px 15px 20px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.07em;
	color: #a6a6a6
}

.mgmtReport .dataResult .tables table {
	width: 100%
}

.mgmtReport .dataResult .tables table td,
.mgmtReport .dataResult .tables table th {
	padding: 10px 20px;
	font-weight: 600;
	font-size: 12px;
	text-align: center
}

.mgmtReport .dataResult .tables table thead tr {
	background: #fff !important
}

.mgmtReport .dataResult .tables table thead th {
	font-weight: 700;
	background: #5568e5;
	color: #fff
}

.mgmtReport .dataResult .tables table tr {
	-webkit-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	position: relative;
	border-bottom: 1px solid #f2f2f2
}

.mgmtReport .dataResult .tables table tr:nth-child(odd) {
	background: #f9f9f9
}

.mgmtReport .dataResult .tables table .total,
.mgmtReport .dataResult .tables table .q1,
.mgmtReport .dataResult .tables table .q2,
.mgmtReport .dataResult .tables table .q3,
.mgmtReport .dataResult .tables table .q4 {
	background: #d3d3d3 !important
}

.mgmtReport .dataResult .tables table .total.v1,
.mgmtReport .dataResult .tables table .q1.v1,
.mgmtReport .dataResult .tables table .q2.v1,
.mgmtReport .dataResult .tables table .q3.v1,
.mgmtReport .dataResult .tables table .q4.v1 {
	background: #9cf5e2 !important
}

.mgmtReport .dataResult .tables .bold {
	font-weight: 700;
	text-transform: uppercase
}

.mgmtfilter {
	border-radius: 5px;
	border: 2px solid #5568e5
}

.BILLEND {
	display: none
}

body {
	font-size: 13px;
	padding-top: 70px;
	font-family: "Poppins";
	/*    font-family: "Open Sans";*/
	color: #545454;
	/*    background-color: #f5f5f5;*/
	background: #fff;
}

body.xs {
	padding-top: 50px
}

body.fullscreen {
	padding-top: 15px
}

body.fullscreen nav.in {
	display: none
}

body.fullscreen .datatable table th,
body.fullscreen .datatable table td,
body.fullscreen .datatable table {
	font-size: 11px !important
}

body.fullscreen .header {
	display: none
}

body.fullscreen .breadcrumb {
	display: none
}

body.menu-open .mainContainer>nav {
	position: fixed;
	left: 0;
	height: 100%;
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 230px;
	flex: 0 0 230px;
	z-index: 99
}

a:hover {
	text-decoration: none
}

.container {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 15px;
	clear: both
}
.card{
	transition: all .4s ease-in; 
	box-shadow: 0 6px 12px -6px rgba(107, 107, 107, 0.10) !important;
    /* background-color: #ffffff !important; */
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(322,960,472)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%230488E9'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.07'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E") !important; */
    /* background-attachment: fixed ; */
    /* background-size: cover  !important; */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: repeat;
    background-image: url("data:image/svg+xml;utf8,%3Csvg width=%222000%22 height=%221400%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23fefefe%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23fefefe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22b%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23fdfdfd%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23fdfdfd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22c%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23fcfcfc%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23fcfcfc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22d%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23fbfbfb%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23fcfcfc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22e%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23f7f7fb%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23f9f9fc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22f%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23f1f2fc%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23f4f5fc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22g%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23eaecfd%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23eff0fd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22h%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23e4e7fe%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23eaedfe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient id=%22i%22 gradientTransform=%22rotate(90)%22%3E%3Cstop offset=%225%25%22 stop-color=%22%23dee1ff%22%2F%3E%3Cstop offset=%2295%25%22 stop-color=%22%23e6e8ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath fill=%22%23fff%22 d=%22M0 0h2000v1400H0z%22%2F%3E%3Cpath d=%22M0 140c34.01-12.42 68.02-24.839 107-22 38.98 2.839 82.928 20.936 123 22s76.266-14.904 113-19c36.734-4.096 74.007 3.679 107 4 32.993.321 61.707-6.81 96-8 34.293-1.19 74.164 3.564 115 9s82.638 11.555 123 8c40.362-3.555 79.286-16.785 114-14s65.218 21.586 100 31c34.782 9.414 73.842 9.442 110 4s69.415-16.354 107-15c37.585 1.354 79.5 14.974 121 14 41.5-.974 82.588-16.542 115-20 32.412-3.458 56.15 5.193 94 10s89.813 5.769 129 9 65.596 8.732 98 7c32.404-1.732 70.801-10.697 113-15 42.199-4.303 88.2-3.944 108-4 19.8-.056 13.4-.528 47-1l-40 1260H0Z%22 fill=%22url(%23a)%22%2F%3E%3Cpath d=%22M0 280c35.047 5.27 70.094 10.539 106 8 35.906-2.539 72.672-12.885 110-15s75.218 4.002 112 11 72.458 14.879 111 11c38.542-3.879 79.952-19.517 118-23 38.048-3.483 72.736 5.19 108 8 35.264 2.81 71.106-.244 107 2 35.894 2.244 71.84 9.786 112 11 40.16 1.214 84.536-3.9 124-15s74.018-28.186 108-22 67.392 35.643 105 44c37.608 8.357 79.414-4.387 115-12s64.952-10.094 103-7c38.048 3.094 84.777 11.764 121 5 36.223-6.764 61.938-28.962 98-23s82.47 40.082 119 40c36.53-.082 63.181-34.368 104-44 40.819-9.632 95.805 5.391 118 13 22.195 7.609 11.597 7.805 41 8l-40 1120H0Z%22 fill=%22url(%23b)%22%2F%3E%3Cpath d=%22M0 420c38.169 10.942 76.338 21.885 113 22 36.662.115 71.818-10.596 108-18s73.39-11.5 112-13 78.624-.403 118 4c39.376 4.403 78.113 12.113 112 8 33.887-4.113 62.923-20.048 97-21 34.077-.952 73.193 13.078 113 24s80.303 18.735 119 13c38.697-5.735 75.593-25.018 113-24 37.407 1.018 75.324 22.338 108 22 32.676-.338 60.111-22.332 99-23 38.889-.668 89.23 19.991 128 23 38.77 3.009 65.967-11.633 101-11 35.033.633 77.9 16.54 116 11 38.1-5.54 71.433-32.526 111-31 39.567 1.526 85.369 31.564 118 35s52.093-19.729 93-23c40.907-3.271 103.26 13.351 127 17 23.74 3.649 8.87-5.676 34-15l-40 980H0Z%22 fill=%22url(%23c)%22%2F%3E%3Cpath d=%22M0 560c37.247-12.031 74.495-24.062 110-19 35.505 5.062 69.268 27.218 106 38s76.432 10.191 116 3c39.568-7.191 79.005-20.983 118-27 38.995-6.017 77.547-4.26 114-7s70.805-9.976 106 0c35.195 9.976 71.233 37.164 106 35 34.767-2.164 68.264-33.681 104-36 35.736-2.319 73.71 24.56 112 27 38.29 2.44 76.893-19.562 117-20 40.107-.438 81.719 20.687 119 29 37.281 8.313 70.232 3.814 105-10s71.352-36.943 109-34c37.648 2.943 76.359 31.959 112 38 35.641 6.041 68.213-10.892 106-22 37.787-11.108 80.788-16.39 121-15 40.212 1.39 77.634 9.451 116 9 38.366-.451 77.676-9.415 95-9 17.324.415 12.662 10.207 48 20l-40 840H0Z%22 fill=%22url(%23d)%22%2F%3E%3Cpath d=%22M0 700c33.088-.662 66.176-1.324 103-2 36.824-.676 77.386-1.367 116 5 38.614 6.367 75.282 19.791 114 16 38.718-3.791 79.487-24.798 119-32 39.513-7.202 77.77-.6 112-4 34.23-3.4 64.436-16.804 100-7 35.564 9.804 76.488 42.816 113 43 36.512.184 68.613-32.46 103-39 34.387-6.54 71.059 13.026 110 23s80.15 10.355 121 6c40.85-4.355 81.338-13.446 116-12 34.662 1.446 63.498 13.43 100 13 36.502-.43 80.672-13.271 121-14 40.328-.729 76.815 10.656 113 12 36.185 1.344 72.069-7.353 107-10 34.931-2.647 68.91.754 102-3s65.294-14.665 111-10c45.706 4.665 104.916 24.904 127 30 22.084 5.096 7.042-4.952 32-15l-40 700H0Z%22 fill=%22url(%23e)%22%2F%3E%3Cpath d=%22M0 840c40.183 7.637 80.365 15.275 119 21 38.635 5.725 75.721 9.539 111 0 35.279-9.539 68.75-32.43 102-35 33.25-2.57 66.28 15.18 107 23s89.133 5.709 125 7c35.867 1.291 59.19 5.986 96 2 36.81-3.986 87.11-16.65 126-23 38.89-6.35 66.368-6.382 98-11 31.632-4.618 67.417-13.821 108-6s85.963 32.667 126 44c40.037 11.333 74.73 9.153 112-1 37.27-10.153 77.116-28.279 112-29 34.884-.721 64.804 15.963 99 23 34.196 7.037 72.666 4.428 112 5 39.334.572 79.531 4.324 115-6 35.469-10.324 66.208-34.726 100-36 33.792-1.274 70.636 20.58 115 24 44.364 3.42 96.247-11.594 117-15 20.753-3.406 10.377 4.797 40 13l-40 560H0Z%22 fill=%22url(%23f)%22%2F%3E%3Cpath d=%22M0 980c38.153 6.358 76.306 12.717 114 16 37.694 3.283 74.928 3.492 110 1s67.98-7.684 103-13c35.02-5.316 72.152-10.754 110-9 37.848 1.754 76.412 10.7 113 10 36.588-.7 71.199-11.048 109-8s78.794 19.492 116 19c37.206-.492 70.627-17.919 107-25 36.373-7.081 75.698-3.817 116 2 40.302 5.817 81.58 14.186 119 11s70.979-17.928 109-15c38.021 2.928 80.504 23.524 115 23 34.496-.524 61.005-22.17 97-30 35.995-7.83 81.478-1.845 118 9 36.522 10.845 64.085 26.55 101 21 36.915-5.55 83.183-32.354 119-31 35.817 1.354 61.181 30.864 104 42s103.091 3.896 126-3c22.909-6.896 8.454-13.448 34-20l-40 420H0Z%22 fill=%22url(%23g)%22%2F%3E%3Cpath d=%22M0 1120c34.336-1.287 68.671-2.574 104-10 35.329-7.426 71.65-20.991 111-15 39.35 5.991 81.728 31.538 123 38 41.272 6.462 81.437-6.162 115-17 33.563-10.838 60.524-19.89 98-17 37.476 2.89 85.468 17.72 125 30 39.532 12.28 70.604 22.007 102 10 31.396-12.007 63.115-45.75 102-43s84.937 41.991 126 46 77.136-27.214 110-39c32.864-11.786 62.519-4.133 99 4s79.788 16.748 120 22c40.212 5.252 77.33 7.141 114-2s72.896-29.313 109-32c36.104-2.687 72.089 12.112 111 24s80.75 20.867 116 17c35.25-3.867 63.914-20.58 104-23 40.086-2.42 91.596 9.451 112 13 20.404 3.549 9.702-1.226 39-6l-40 280H0Z%22 fill=%22url(%23h)%22%2F%3E%3Cpath d=%22M0 1260c34.635 7.25 69.27 14.5 105 5 35.73-9.5 72.556-35.75 112-30s81.508 43.5 120 46c38.492 2.5 73.414-30.25 109-34s71.836 21.497 111 23c39.164 1.503 81.242-20.738 117-30 35.758-9.262 65.195-5.546 102 4 36.805 9.546 80.976 24.923 119 29 38.024 4.077 69.9-3.145 105-13 35.1-9.855 73.427-22.344 113-24 39.573-1.656 80.394 7.52 117 9 36.606 1.48 68.998-4.738 104 2 35.002 6.738 72.613 26.433 110 35s74.55 6.007 112-2 75.19-21.46 113-29c37.81-7.54 75.691-9.165 111-8 35.309 1.165 68.045 5.121 111 5 42.955-.121 96.13-4.32 116-3 19.87 1.32 6.435 8.16 33 15l-40 140H0Z%22 fill=%22url(%23i)%22%2F%3E%3C%2Fsvg%3E") !important;
}
.card .card_date{
	font-weight:400;
	position:absolute;
	bottom: 10px;
	left:107px;
	letter-spacing: 0.1em;
	font-size:10px;

}
#page1 .boxsize .fancy-checkbox label::before {
	top:0 !important;
}
#page3 .form-row .input-row .foo,
#page2 .form-row .input-row .foo,
#page1 .form-row .input-row .foo{
 border-width: 1px 1px 1px 1px !important;
}
#page1 .full-cad .cad-body{
	flex-wrap: wrap;
    display: flex;
    flex-direction: row;
}
#page1 .full-cad .cad-body .form-row{
	width: calc(100% / 2 - 25px);
	flex-direction: column;
	margin: 0 12px 12px 0;
}
#page3 .form-bg-block:hover {
	background-color: #f3f3f3 !important;
}
#page3 .prjEstimate .addprintpaperrow .w180 {
    flex: 0 0 100px !important;
}
#page3 .form-bg-block {
	border:1px solid #c7c7c7 !important;
	background:#fff !important;
	margin-bottom:10px;

}
.prod-msg.form textarea{
	font-weight: 500;
	color: #545454 !important;
    font-size: 16px !important;
}
.mainContainer .uspsV2 .form-row .input-row .foo {
    border-radius: 0 !important;
    border: 1px solid #efeaea !important;
    /* border-width: 0 0 1px 0 !important; */
    /* padding-left: 5px !important; */
}
#DivPrintSpecification .flRow label{
	padding-right: 0;

}
#DivPrintSpecification .paperA {
	margin-left:0 !important;
	background:#fff;
	border:1px solid #ededed;
	padding-top:20px;
}
#DivPrintSpecification .form-bg-block .tito strong{
	font-weight:600;
	color:#5568e5;
}
#DivPrintSpecification .form-bg-block .tito{
	position: relative;
	left:0;
	top:auto;
	text-align:left;
	font-size:14px;
}
#DivPrintSpecification  .flex-container.auto-space .form-row{
	margin-right:0 !important;
}
.FinishingBox .bind-row{
	border: 1px dotted #ededed;
}
.prjEstimate .form-row.markup label,
.prjEstimate .genprint_A  .fancy-checkbox label{
	line-height: normal !important;

}
.marleftauto{
	margin-left:auto !important;
}
.FinishingBox .bind-row {
	padding-top: 10px !important;
}
.orselect{
	text-align: center;
    font-size: 22px !important;
    color: #cacaca !important;
    line-height: 2.5;
}
.client-table.Table_A th {
	white-space: nowrap !important;
}
.complete-order{
	border: 1px solid transparent;
	background: #5568e5;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 10px;
	border-radius: 4px;
	line-height: 1;
}
.complete-order:hover{
	border: 1px solid #5568e5;
	background: #FFF;
	color: #5568e5;
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 10px;
	border-radius: 4px;
	line-height: 1;
}
/*# sourceMappingURL=main.css.map */