.paginationCss {
	background-color: var(--secondary-theme-color); !important;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 28px;
}

.br-bottom {
	/*border-bottom: 1px solid #fff;*/
	
}

/* width-classes */
.thirty_cls{
	width: 30%;
}

.thirty_cls canvas{
	height: 360px !important;
}

.fifty_cls canvas{
	height: 360px !important;
}

.seventy_cls canvas{
	height: 360px !important;
}

.hundred_cls canvas{
	height: 360px !important;
}

.fifty_cls{
	width: 50%;
}

.seventy_cls{
	width: 70%;
}

.hundred_cls{
	width: 100%;
}

/* width-classes */

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

.download-color img {
	height: 33px;
}

.download-color i {
	font-size: 22px;
}

.fa.fa-search:hover, .fa.fa-download:hover, .fa.fa-filter:hover {
	color: #3581fc;
}

.fa-plus-circle:hover {
	/*transform: scale(1.2);*/
	/* color: #7f8489 !important; */
	
}

.fa.fa-plus-circle {
	font-size: 35px !important;
}

.font_14 {
	font-size: 12px;
}

.font-blue-18 {
	color: var(--primary-theme-color) !important;
	font-weight: 400 !important;
	font-size: 18px !important;
}

.rounded {
	border-radius: 0.25rem !important;
}

.icon-plus-head {
	height: 24px;
}

* {
	font-family: "Segoe Pro Regular";
}

@font-face {
	font-family: "Segoe Pro Regular";
	src: url("../fonts/SegoePro-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
}
/* @font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
} */
.hr-line {
	border-bottom: 1px solid #c2c6d1 !important;
}

.hr-line .nav-item .nav-link, .nav-tabs .nav-item .nav-link {
	padding: 10px 10px !important;
	font-size: medium !important;
	font-weight: bold !important;
	margin-bottom: -5px !important;
}

@import
	url("https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap")
	;

@
-moz-keyframes flash { 0% {
	opacity: 1;
}

25
%
{
opacity
:
0;
}
50
%
{
opacity
:
1;
}
75
%
{
opacity
:
0;
}
100
%
{
opacity
:
1;
}
}
@
-webkit-keyframes flash { 0% {
	opacity: 1;
}

25
%
{
opacity
:
0;
}
50
%
{
opacity
:
1;
}
75
%
{
opacity
:
0;
}
100
%
{
opacity
:
1;
}
}
@
-o-keyframes flash { 0% {
	opacity: 1;
}

25
%
{
opacity
:
0;
}
50
%
{
opacity
:
1;
}
75
%
{
opacity
:
0;
}
100
%
{
opacity
:
1;
}
}
@
-ms-keyframes flash { 0% {
	opacity: 1;
}

25
%
{
opacity
:
0;
}
50
%
{
opacity
:
1;
}
75
%
{
opacity
:
0;
}
100
%
{
opacity
:
1;
}
}
@
keyframes flash { 0% {
	opacity: 1;
}

25
%
{
opacity
:
0;
}
50
%
{
opacity
:
1;
}
75
%
{
opacity
:
0;
}
100
%
{
opacity
:
1;
}
}
@
-moz-keyframes bounce { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
40
%
{
-webkit-transform
:
translateY(
-30px
);
-moz-transform
:
translateY(
-30px
);
-ms-transform
:
translateY(
-30px
);
-o-transform
:
translateY(
-30px
);
transform
:
translateY(
-30px
);
}
50
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
60
%
{
-webkit-transform
:
translateY(
-15px
);
-moz-transform
:
translateY(
-15px
);
-ms-transform
:
translateY(
-15px
);
-o-transform
:
translateY(
-15px
);
transform
:
translateY(
-15px
);
}
80
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-webkit-keyframes bounce { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
40
%
{
-webkit-transform
:
translateY(
-30px
);
-moz-transform
:
translateY(
-30px
);
-ms-transform
:
translateY(
-30px
);
-o-transform
:
translateY(
-30px
);
transform
:
translateY(
-30px
);
}
50
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
60
%
{
-webkit-transform
:
translateY(
-15px
);
-moz-transform
:
translateY(
-15px
);
-ms-transform
:
translateY(
-15px
);
-o-transform
:
translateY(
-15px
);
transform
:
translateY(
-15px
);
}
80
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-o-keyframes bounce { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
40
%
{
-webkit-transform
:
translateY(
-30px
);
-moz-transform
:
translateY(
-30px
);
-ms-transform
:
translateY(
-30px
);
-o-transform
:
translateY(
-30px
);
transform
:
translateY(
-30px
);
}
50
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
60
%
{
-webkit-transform
:
translateY(
-15px
);
-moz-transform
:
translateY(
-15px
);
-ms-transform
:
translateY(
-15px
);
-o-transform
:
translateY(
-15px
);
transform
:
translateY(
-15px
);
}
80
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-ms-keyframes bounce { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
40
%
{
-webkit-transform
:
translateY(
-30px
);
-moz-transform
:
translateY(
-30px
);
-ms-transform
:
translateY(
-30px
);
-o-transform
:
translateY(
-30px
);
transform
:
translateY(
-30px
);
}
50
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
60
%
{
-webkit-transform
:
translateY(
-15px
);
-moz-transform
:
translateY(
-15px
);
-ms-transform
:
translateY(
-15px
);
-o-transform
:
translateY(
-15px
);
transform
:
translateY(
-15px
);
}
80
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
keyframes bounce { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
40
%
{
-webkit-transform
:
translateY(
-30px
);
-moz-transform
:
translateY(
-30px
);
-ms-transform
:
translateY(
-30px
);
-o-transform
:
translateY(
-30px
);
transform
:
translateY(
-30px
);
}
50
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
60
%
{
-webkit-transform
:
translateY(
-15px
);
-moz-transform
:
translateY(
-15px
);
-ms-transform
:
translateY(
-15px
);
-o-transform
:
translateY(
-15px
);
transform
:
translateY(
-15px
);
}
80
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-moz-keyframes shake { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

10
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
20
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
30
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
40
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
50
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
60
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
70
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
80
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
90
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-webkit-keyframes shake { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

10
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
20
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
30
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
40
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
50
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
60
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
70
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
80
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
90
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-o-keyframes shake { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

10
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
20
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
30
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
40
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
50
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
60
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
70
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
80
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
90
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-ms-keyframes shake { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

10
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
20
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
30
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
40
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
50
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
60
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
70
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
80
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
90
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
keyframes shake { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

10
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
20
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
30
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
40
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
50
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
60
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
70
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
80
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
90
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-moz-keyframes tada { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

10
%
{
-webkit-transform
:
scale(
0.9
)
rotate(
-3deg
);
-moz-transform
:
scale(
0.9
)
rotate(
-3deg
);
-ms-transform
:
scale(
0.9
)
rotate(
-3deg
);
-o-transform
:
scale(
0.9
)
rotate(
-3deg
);
transform
:
scale(
0.9
)
rotate(
-3deg
);
}
20
%
{
-webkit-transform
:
scale(
0.9
)
rotate(
-3deg
);
-moz-transform
:
scale(
0.9
)
rotate(
-3deg
);
-ms-transform
:
scale(
0.9
)
rotate(
-3deg
);
-o-transform
:
scale(
0.9
)
rotate(
-3deg
);
transform
:
scale(
0.9
)
rotate(
-3deg
);
}
30
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
40
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
50
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
60
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
70
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
80
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
90
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
100
%
{
-webkit-transform
:
scale(
1
)
rotate(
0
);
-moz-transform
:
scale(
1
)
rotate(
0
);
-ms-transform
:
scale(
1
)
rotate(
0
);
-o-transform
:
scale(
1
)
rotate(
0
);
transform
:
scale(
1
)
rotate(
0
);
}
}
@
-webkit-keyframes tada { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

10
%
{
-webkit-transform
:
scale(
0.9
)
rotate(
-3deg
);
-moz-transform
:
scale(
0.9
)
rotate(
-3deg
);
-ms-transform
:
scale(
0.9
)
rotate(
-3deg
);
-o-transform
:
scale(
0.9
)
rotate(
-3deg
);
transform
:
scale(
0.9
)
rotate(
-3deg
);
}
20
%
{
-webkit-transform
:
scale(
0.9
)
rotate(
-3deg
);
-moz-transform
:
scale(
0.9
)
rotate(
-3deg
);
-ms-transform
:
scale(
0.9
)
rotate(
-3deg
);
-o-transform
:
scale(
0.9
)
rotate(
-3deg
);
transform
:
scale(
0.9
)
rotate(
-3deg
);
}
30
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
40
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
50
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
60
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
70
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
80
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
90
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
100
%
{
-webkit-transform
:
scale(
1
)
rotate(
0
);
-moz-transform
:
scale(
1
)
rotate(
0
);
-ms-transform
:
scale(
1
)
rotate(
0
);
-o-transform
:
scale(
1
)
rotate(
0
);
transform
:
scale(
1
)
rotate(
0
);
}
}
@
-o-keyframes tada { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

10
%
{
-webkit-transform
:
scale(
0.9
)
rotate(
-3deg
);
-moz-transform
:
scale(
0.9
)
rotate(
-3deg
);
-ms-transform
:
scale(
0.9
)
rotate(
-3deg
);
-o-transform
:
scale(
0.9
)
rotate(
-3deg
);
transform
:
scale(
0.9
)
rotate(
-3deg
);
}
20
%
{
-webkit-transform
:
scale(
0.9
)
rotate(
-3deg
);
-moz-transform
:
scale(
0.9
)
rotate(
-3deg
);
-ms-transform
:
scale(
0.9
)
rotate(
-3deg
);
-o-transform
:
scale(
0.9
)
rotate(
-3deg
);
transform
:
scale(
0.9
)
rotate(
-3deg
);
}
30
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
40
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
50
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
60
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
70
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
80
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
90
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
100
%
{
-webkit-transform
:
scale(
1
)
rotate(
0
);
-moz-transform
:
scale(
1
)
rotate(
0
);
-ms-transform
:
scale(
1
)
rotate(
0
);
-o-transform
:
scale(
1
)
rotate(
0
);
transform
:
scale(
1
)
rotate(
0
);
}
}
@
-ms-keyframes tada { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

10
%
{
-webkit-transform
:
scale(
0.9
)
rotate(
-3deg
);
-moz-transform
:
scale(
0.9
)
rotate(
-3deg
);
-ms-transform
:
scale(
0.9
)
rotate(
-3deg
);
-o-transform
:
scale(
0.9
)
rotate(
-3deg
);
transform
:
scale(
0.9
)
rotate(
-3deg
);
}
20
%
{
-webkit-transform
:
scale(
0.9
)
rotate(
-3deg
);
-moz-transform
:
scale(
0.9
)
rotate(
-3deg
);
-ms-transform
:
scale(
0.9
)
rotate(
-3deg
);
-o-transform
:
scale(
0.9
)
rotate(
-3deg
);
transform
:
scale(
0.9
)
rotate(
-3deg
);
}
30
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
40
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
50
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
60
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
70
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
80
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
90
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
100
%
{
-webkit-transform
:
scale(
1
)
rotate(
0
);
-moz-transform
:
scale(
1
)
rotate(
0
);
-ms-transform
:
scale(
1
)
rotate(
0
);
-o-transform
:
scale(
1
)
rotate(
0
);
transform
:
scale(
1
)
rotate(
0
);
}
}
@
keyframes tada { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

10
%
{
-webkit-transform
:
scale(
0.9
)
rotate(
-3deg
);
-moz-transform
:
scale(
0.9
)
rotate(
-3deg
);
-ms-transform
:
scale(
0.9
)
rotate(
-3deg
);
-o-transform
:
scale(
0.9
)
rotate(
-3deg
);
transform
:
scale(
0.9
)
rotate(
-3deg
);
}
20
%
{
-webkit-transform
:
scale(
0.9
)
rotate(
-3deg
);
-moz-transform
:
scale(
0.9
)
rotate(
-3deg
);
-ms-transform
:
scale(
0.9
)
rotate(
-3deg
);
-o-transform
:
scale(
0.9
)
rotate(
-3deg
);
transform
:
scale(
0.9
)
rotate(
-3deg
);
}
30
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
40
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
50
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
60
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
70
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
80
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
-3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
-3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
-3deg
);
-o-transform
:
scale(
1.1
)
rotate(
-3deg
);
transform
:
scale(
1.1
)
rotate(
-3deg
);
}
90
%
{
-webkit-transform
:
scale(
1.1
)
rotate(
3deg
);
-moz-transform
:
scale(
1.1
)
rotate(
3deg
);
-ms-transform
:
scale(
1.1
)
rotate(
3deg
);
-o-transform
:
scale(
1.1
)
rotate(
3deg
);
transform
:
scale(
1.1
)
rotate(
3deg
);
}
100
%
{
-webkit-transform
:
scale(
1
)
rotate(
0
);
-moz-transform
:
scale(
1
)
rotate(
0
);
-ms-transform
:
scale(
1
)
rotate(
0
);
-o-transform
:
scale(
1
)
rotate(
0
);
transform
:
scale(
1
)
rotate(
0
);
}
}
@
-moz-keyframes swing { 20%, 40%, 60%, 80%, 100% {
	-webkit-transform-origin: top center 50%;
	-moz-transform-origin: top center 50%;
	-ms-transform-origin: top center 50%;
	-o-transform-origin: top center 50%;
	transform-origin: top center 50%;
}

20
%
{
-webkit-transform
:
rotate(
15deg
);
-moz-transform
:
rotate(
15deg
);
-ms-transform
:
rotate(
15deg
);
-o-transform
:
rotate(
15deg
);
transform
:
rotate(
15deg
);
}
40
%
{
-webkit-transform
:
rotate(
-10deg
);
-moz-transform
:
rotate(
-10deg
);
-ms-transform
:
rotate(
-10deg
);
-o-transform
:
rotate(
-10deg
);
transform
:
rotate(
-10deg
);
}
60
%
{
-webkit-transform
:
rotate(
5deg
);
-moz-transform
:
rotate(
5deg
);
-ms-transform
:
rotate(
5deg
);
-o-transform
:
rotate(
5deg
);
transform
:
rotate(
5deg
);
}
80
%
{
-webkit-transform
:
rotate(
-5deg
);
-moz-transform
:
rotate(
-5deg
);
-ms-transform
:
rotate(
-5deg
);
-o-transform
:
rotate(
-5deg
);
transform
:
rotate(
-5deg
);
}
100
%
{
-webkit-transform
:
rotate(
0deg
);
-moz-transform
:
rotate(
0deg
);
-ms-transform
:
rotate(
0deg
);
-o-transform
:
rotate(
0deg
);
transform
:
rotate(
0deg
);
}
}
@
-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% {
	-webkit-transform-origin: top center 50%;
	-moz-transform-origin: top center 50%;
	-ms-transform-origin: top center 50%;
	-o-transform-origin: top center 50%;
	transform-origin: top center 50%;
}

20
%
{
-webkit-transform
:
rotate(
15deg
);
-moz-transform
:
rotate(
15deg
);
-ms-transform
:
rotate(
15deg
);
-o-transform
:
rotate(
15deg
);
transform
:
rotate(
15deg
);
}
40
%
{
-webkit-transform
:
rotate(
-10deg
);
-moz-transform
:
rotate(
-10deg
);
-ms-transform
:
rotate(
-10deg
);
-o-transform
:
rotate(
-10deg
);
transform
:
rotate(
-10deg
);
}
60
%
{
-webkit-transform
:
rotate(
5deg
);
-moz-transform
:
rotate(
5deg
);
-ms-transform
:
rotate(
5deg
);
-o-transform
:
rotate(
5deg
);
transform
:
rotate(
5deg
);
}
80
%
{
-webkit-transform
:
rotate(
-5deg
);
-moz-transform
:
rotate(
-5deg
);
-ms-transform
:
rotate(
-5deg
);
-o-transform
:
rotate(
-5deg
);
transform
:
rotate(
-5deg
);
}
100
%
{
-webkit-transform
:
rotate(
0deg
);
-moz-transform
:
rotate(
0deg
);
-ms-transform
:
rotate(
0deg
);
-o-transform
:
rotate(
0deg
);
transform
:
rotate(
0deg
);
}
}
@
-o-keyframes swing { 20%, 40%, 60%, 80%, 100% {
	-webkit-transform-origin: top center 50%;
	-moz-transform-origin: top center 50%;
	-ms-transform-origin: top center 50%;
	-o-transform-origin: top center 50%;
	transform-origin: top center 50%;
}

20
%
{
-webkit-transform
:
rotate(
15deg
);
-moz-transform
:
rotate(
15deg
);
-ms-transform
:
rotate(
15deg
);
-o-transform
:
rotate(
15deg
);
transform
:
rotate(
15deg
);
}
40
%
{
-webkit-transform
:
rotate(
-10deg
);
-moz-transform
:
rotate(
-10deg
);
-ms-transform
:
rotate(
-10deg
);
-o-transform
:
rotate(
-10deg
);
transform
:
rotate(
-10deg
);
}
60
%
{
-webkit-transform
:
rotate(
5deg
);
-moz-transform
:
rotate(
5deg
);
-ms-transform
:
rotate(
5deg
);
-o-transform
:
rotate(
5deg
);
transform
:
rotate(
5deg
);
}
80
%
{
-webkit-transform
:
rotate(
-5deg
);
-moz-transform
:
rotate(
-5deg
);
-ms-transform
:
rotate(
-5deg
);
-o-transform
:
rotate(
-5deg
);
transform
:
rotate(
-5deg
);
}
100
%
{
-webkit-transform
:
rotate(
0deg
);
-moz-transform
:
rotate(
0deg
);
-ms-transform
:
rotate(
0deg
);
-o-transform
:
rotate(
0deg
);
transform
:
rotate(
0deg
);
}
}
@
-ms-keyframes swing { 20%, 40%, 60%, 80%, 100% {
	-webkit-transform-origin: top center 50%;
	-moz-transform-origin: top center 50%;
	-ms-transform-origin: top center 50%;
	-o-transform-origin: top center 50%;
	transform-origin: top center 50%;
}

20
%
{
-webkit-transform
:
rotate(
15deg
);
-moz-transform
:
rotate(
15deg
);
-ms-transform
:
rotate(
15deg
);
-o-transform
:
rotate(
15deg
);
transform
:
rotate(
15deg
);
}
40
%
{
-webkit-transform
:
rotate(
-10deg
);
-moz-transform
:
rotate(
-10deg
);
-ms-transform
:
rotate(
-10deg
);
-o-transform
:
rotate(
-10deg
);
transform
:
rotate(
-10deg
);
}
60
%
{
-webkit-transform
:
rotate(
5deg
);
-moz-transform
:
rotate(
5deg
);
-ms-transform
:
rotate(
5deg
);
-o-transform
:
rotate(
5deg
);
transform
:
rotate(
5deg
);
}
80
%
{
-webkit-transform
:
rotate(
-5deg
);
-moz-transform
:
rotate(
-5deg
);
-ms-transform
:
rotate(
-5deg
);
-o-transform
:
rotate(
-5deg
);
transform
:
rotate(
-5deg
);
}
100
%
{
-webkit-transform
:
rotate(
0deg
);
-moz-transform
:
rotate(
0deg
);
-ms-transform
:
rotate(
0deg
);
-o-transform
:
rotate(
0deg
);
transform
:
rotate(
0deg
);
}
}
@
keyframes swing { 20%, 40%, 60%, 80%, 100% {
	-webkit-transform-origin: top center 50%;
	-moz-transform-origin: top center 50%;
	-ms-transform-origin: top center 50%;
	-o-transform-origin: top center 50%;
	transform-origin: top center 50%;
}

20
%
{
-webkit-transform
:
rotate(
15deg
);
-moz-transform
:
rotate(
15deg
);
-ms-transform
:
rotate(
15deg
);
-o-transform
:
rotate(
15deg
);
transform
:
rotate(
15deg
);
}
40
%
{
-webkit-transform
:
rotate(
-10deg
);
-moz-transform
:
rotate(
-10deg
);
-ms-transform
:
rotate(
-10deg
);
-o-transform
:
rotate(
-10deg
);
transform
:
rotate(
-10deg
);
}
60
%
{
-webkit-transform
:
rotate(
5deg
);
-moz-transform
:
rotate(
5deg
);
-ms-transform
:
rotate(
5deg
);
-o-transform
:
rotate(
5deg
);
transform
:
rotate(
5deg
);
}
80
%
{
-webkit-transform
:
rotate(
-5deg
);
-moz-transform
:
rotate(
-5deg
);
-ms-transform
:
rotate(
-5deg
);
-o-transform
:
rotate(
-5deg
);
transform
:
rotate(
-5deg
);
}
100
%
{
-webkit-transform
:
rotate(
0deg
);
-moz-transform
:
rotate(
0deg
);
-ms-transform
:
rotate(
0deg
);
-o-transform
:
rotate(
0deg
);
transform
:
rotate(
0deg
);
}
}
@
-moz-keyframes wobble { 0% {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}

15
%
{
-webkit-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-moz-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-ms-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-o-transform
:
translateX(
-25%
)
rotate(
-5deg
);
transform
:
translateX(
-25%
)
rotate(
-5deg
);
}
30
%
{
-webkit-transform
:
translateX(
20%
)
rotate(
3deg
);
-moz-transform
:
translateX(
20%
)
rotate(
3deg
);
-ms-transform
:
translateX(
20%
)
rotate(
3deg
);
-o-transform
:
translateX(
20%
)
rotate(
3deg
);
transform
:
translateX(
20%
)
rotate(
3deg
);
}
45
%
{
-webkit-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-moz-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-ms-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-o-transform
:
translateX(
-15%
)
rotate(
-3deg
);
transform
:
translateX(
-15%
)
rotate(
-3deg
);
}
60
%
{
-webkit-transform
:
translateX(
10%
)
rotate(
2deg
);
-moz-transform
:
translateX(
10%
)
rotate(
2deg
);
-ms-transform
:
translateX(
10%
)
rotate(
2deg
);
-o-transform
:
translateX(
10%
)
rotate(
2deg
);
transform
:
translateX(
10%
)
rotate(
2deg
);
}
75
%
{
-webkit-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-moz-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-ms-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-o-transform
:
translateX(
-5%
)
rotate(
-1deg
);
transform
:
translateX(
-5%
)
rotate(
-1deg
);
}
100
%
{
-webkit-transform
:
translateX(
0%
);
-moz-transform
:
translateX(
0%
);
-ms-transform
:
translateX(
0%
);
-o-transform
:
translateX(
0%
);
transform
:
translateX(
0%
);
}
}
@
-webkit-keyframes wobble { 0% {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}

15
%
{
-webkit-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-moz-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-ms-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-o-transform
:
translateX(
-25%
)
rotate(
-5deg
);
transform
:
translateX(
-25%
)
rotate(
-5deg
);
}
30
%
{
-webkit-transform
:
translateX(
20%
)
rotate(
3deg
);
-moz-transform
:
translateX(
20%
)
rotate(
3deg
);
-ms-transform
:
translateX(
20%
)
rotate(
3deg
);
-o-transform
:
translateX(
20%
)
rotate(
3deg
);
transform
:
translateX(
20%
)
rotate(
3deg
);
}
45
%
{
-webkit-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-moz-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-ms-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-o-transform
:
translateX(
-15%
)
rotate(
-3deg
);
transform
:
translateX(
-15%
)
rotate(
-3deg
);
}
60
%
{
-webkit-transform
:
translateX(
10%
)
rotate(
2deg
);
-moz-transform
:
translateX(
10%
)
rotate(
2deg
);
-ms-transform
:
translateX(
10%
)
rotate(
2deg
);
-o-transform
:
translateX(
10%
)
rotate(
2deg
);
transform
:
translateX(
10%
)
rotate(
2deg
);
}
75
%
{
-webkit-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-moz-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-ms-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-o-transform
:
translateX(
-5%
)
rotate(
-1deg
);
transform
:
translateX(
-5%
)
rotate(
-1deg
);
}
100
%
{
-webkit-transform
:
translateX(
0%
);
-moz-transform
:
translateX(
0%
);
-ms-transform
:
translateX(
0%
);
-o-transform
:
translateX(
0%
);
transform
:
translateX(
0%
);
}
}
@
-o-keyframes wobble { 0% {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}

15
%
{
-webkit-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-moz-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-ms-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-o-transform
:
translateX(
-25%
)
rotate(
-5deg
);
transform
:
translateX(
-25%
)
rotate(
-5deg
);
}
30
%
{
-webkit-transform
:
translateX(
20%
)
rotate(
3deg
);
-moz-transform
:
translateX(
20%
)
rotate(
3deg
);
-ms-transform
:
translateX(
20%
)
rotate(
3deg
);
-o-transform
:
translateX(
20%
)
rotate(
3deg
);
transform
:
translateX(
20%
)
rotate(
3deg
);
}
45
%
{
-webkit-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-moz-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-ms-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-o-transform
:
translateX(
-15%
)
rotate(
-3deg
);
transform
:
translateX(
-15%
)
rotate(
-3deg
);
}
60
%
{
-webkit-transform
:
translateX(
10%
)
rotate(
2deg
);
-moz-transform
:
translateX(
10%
)
rotate(
2deg
);
-ms-transform
:
translateX(
10%
)
rotate(
2deg
);
-o-transform
:
translateX(
10%
)
rotate(
2deg
);
transform
:
translateX(
10%
)
rotate(
2deg
);
}
75
%
{
-webkit-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-moz-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-ms-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-o-transform
:
translateX(
-5%
)
rotate(
-1deg
);
transform
:
translateX(
-5%
)
rotate(
-1deg
);
}
100
%
{
-webkit-transform
:
translateX(
0%
);
-moz-transform
:
translateX(
0%
);
-ms-transform
:
translateX(
0%
);
-o-transform
:
translateX(
0%
);
transform
:
translateX(
0%
);
}
}
@
-ms-keyframes wobble { 0% {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}

15
%
{
-webkit-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-moz-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-ms-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-o-transform
:
translateX(
-25%
)
rotate(
-5deg
);
transform
:
translateX(
-25%
)
rotate(
-5deg
);
}
30
%
{
-webkit-transform
:
translateX(
20%
)
rotate(
3deg
);
-moz-transform
:
translateX(
20%
)
rotate(
3deg
);
-ms-transform
:
translateX(
20%
)
rotate(
3deg
);
-o-transform
:
translateX(
20%
)
rotate(
3deg
);
transform
:
translateX(
20%
)
rotate(
3deg
);
}
45
%
{
-webkit-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-moz-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-ms-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-o-transform
:
translateX(
-15%
)
rotate(
-3deg
);
transform
:
translateX(
-15%
)
rotate(
-3deg
);
}
60
%
{
-webkit-transform
:
translateX(
10%
)
rotate(
2deg
);
-moz-transform
:
translateX(
10%
)
rotate(
2deg
);
-ms-transform
:
translateX(
10%
)
rotate(
2deg
);
-o-transform
:
translateX(
10%
)
rotate(
2deg
);
transform
:
translateX(
10%
)
rotate(
2deg
);
}
75
%
{
-webkit-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-moz-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-ms-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-o-transform
:
translateX(
-5%
)
rotate(
-1deg
);
transform
:
translateX(
-5%
)
rotate(
-1deg
);
}
100
%
{
-webkit-transform
:
translateX(
0%
);
-moz-transform
:
translateX(
0%
);
-ms-transform
:
translateX(
0%
);
-o-transform
:
translateX(
0%
);
transform
:
translateX(
0%
);
}
}
@
keyframes wobble { 0% {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}

15
%
{
-webkit-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-moz-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-ms-transform
:
translateX(
-25%
)
rotate(
-5deg
);
-o-transform
:
translateX(
-25%
)
rotate(
-5deg
);
transform
:
translateX(
-25%
)
rotate(
-5deg
);
}
30
%
{
-webkit-transform
:
translateX(
20%
)
rotate(
3deg
);
-moz-transform
:
translateX(
20%
)
rotate(
3deg
);
-ms-transform
:
translateX(
20%
)
rotate(
3deg
);
-o-transform
:
translateX(
20%
)
rotate(
3deg
);
transform
:
translateX(
20%
)
rotate(
3deg
);
}
45
%
{
-webkit-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-moz-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-ms-transform
:
translateX(
-15%
)
rotate(
-3deg
);
-o-transform
:
translateX(
-15%
)
rotate(
-3deg
);
transform
:
translateX(
-15%
)
rotate(
-3deg
);
}
60
%
{
-webkit-transform
:
translateX(
10%
)
rotate(
2deg
);
-moz-transform
:
translateX(
10%
)
rotate(
2deg
);
-ms-transform
:
translateX(
10%
)
rotate(
2deg
);
-o-transform
:
translateX(
10%
)
rotate(
2deg
);
transform
:
translateX(
10%
)
rotate(
2deg
);
}
75
%
{
-webkit-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-moz-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-ms-transform
:
translateX(
-5%
)
rotate(
-1deg
);
-o-transform
:
translateX(
-5%
)
rotate(
-1deg
);
transform
:
translateX(
-5%
)
rotate(
-1deg
);
}
100
%
{
-webkit-transform
:
translateX(
0%
);
-moz-transform
:
translateX(
0%
);
-ms-transform
:
translateX(
0%
);
-o-transform
:
translateX(
0%
);
transform
:
translateX(
0%
);
}
}
@
-moz-keyframes pulse { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

50
%
{
-webkit-transform
:
scale(
1.1
,
1.1
);
-moz-transform
:
scale(
1.1
,
1.1
);
-ms-transform
:
scale(
1.1
,
1.1
);
-o-transform
:
scale(
1.1
,
1.1
);
transform
:
scale(
1.1
,
1.1
);
}
100
%
{
-webkit-transform
:
scale(
1
,
1
);
-moz-transform
:
scale(
1
,
1
);
-ms-transform
:
scale(
1
,
1
);
-o-transform
:
scale(
1
,
1
);
transform
:
scale(
1
,
1
);
}
}
@
-webkit-keyframes pulse { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

50
%
{
-webkit-transform
:
scale(
1.1
,
1.1
);
-moz-transform
:
scale(
1.1
,
1.1
);
-ms-transform
:
scale(
1.1
,
1.1
);
-o-transform
:
scale(
1.1
,
1.1
);
transform
:
scale(
1.1
,
1.1
);
}
100
%
{
-webkit-transform
:
scale(
1
,
1
);
-moz-transform
:
scale(
1
,
1
);
-ms-transform
:
scale(
1
,
1
);
-o-transform
:
scale(
1
,
1
);
transform
:
scale(
1
,
1
);
}
}
@
-o-keyframes pulse { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

50
%
{
-webkit-transform
:
scale(
1.1
,
1.1
);
-moz-transform
:
scale(
1.1
,
1.1
);
-ms-transform
:
scale(
1.1
,
1.1
);
-o-transform
:
scale(
1.1
,
1.1
);
transform
:
scale(
1.1
,
1.1
);
}
100
%
{
-webkit-transform
:
scale(
1
,
1
);
-moz-transform
:
scale(
1
,
1
);
-ms-transform
:
scale(
1
,
1
);
-o-transform
:
scale(
1
,
1
);
transform
:
scale(
1
,
1
);
}
}
@
-ms-keyframes pulse { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

50
%
{
-webkit-transform
:
scale(
1.1
,
1.1
);
-moz-transform
:
scale(
1.1
,
1.1
);
-ms-transform
:
scale(
1.1
,
1.1
);
-o-transform
:
scale(
1.1
,
1.1
);
transform
:
scale(
1.1
,
1.1
);
}
100
%
{
-webkit-transform
:
scale(
1
,
1
);
-moz-transform
:
scale(
1
,
1
);
-ms-transform
:
scale(
1
,
1
);
-o-transform
:
scale(
1
,
1
);
transform
:
scale(
1
,
1
);
}
}
@
keyframes pulse { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

50
%
{
-webkit-transform
:
scale(
1.1
,
1.1
);
-moz-transform
:
scale(
1.1
,
1.1
);
-ms-transform
:
scale(
1.1
,
1.1
);
-o-transform
:
scale(
1.1
,
1.1
);
transform
:
scale(
1.1
,
1.1
);
}
100
%
{
-webkit-transform
:
scale(
1
,
1
);
-moz-transform
:
scale(
1
,
1
);
-ms-transform
:
scale(
1
,
1
);
-o-transform
:
scale(
1
,
1
);
transform
:
scale(
1
,
1
);
}
}
@
-moz-keyframes wiggle { 0% {
	-webkit-transform: skewX(9deg);
	-moz-transform: skewX(9deg);
	-ms-transform: skewX(9deg);
	-o-transform: skewX(9deg);
	transform: skewX(9deg);
}

10
%
{
-webkit-transform
:
skewX(
-8deg
);
-moz-transform
:
skewX(
-8deg
);
-ms-transform
:
skewX(
-8deg
);
-o-transform
:
skewX(
-8deg
);
transform
:
skewX(
-8deg
);
}
20
%
{
-webkit-transform
:
skewX(
7deg
);
-moz-transform
:
skewX(
7deg
);
-ms-transform
:
skewX(
7deg
);
-o-transform
:
skewX(
7deg
);
transform
:
skewX(
7deg
);
}
30
%
{
-webkit-transform
:
skewX(
-6deg
);
-moz-transform
:
skewX(
-6deg
);
-ms-transform
:
skewX(
-6deg
);
-o-transform
:
skewX(
-6deg
);
transform
:
skewX(
-6deg
);
}
40
%
{
-webkit-transform
:
skewX(
5deg
);
-moz-transform
:
skewX(
5deg
);
-ms-transform
:
skewX(
5deg
);
-o-transform
:
skewX(
5deg
);
transform
:
skewX(
5deg
);
}
50
%
{
-webkit-transform
:
skewX(
-4deg
);
-moz-transform
:
skewX(
-4deg
);
-ms-transform
:
skewX(
-4deg
);
-o-transform
:
skewX(
-4deg
);
transform
:
skewX(
-4deg
);
}
60
%
{
-webkit-transform
:
skewX(
3deg
);
-moz-transform
:
skewX(
3deg
);
-ms-transform
:
skewX(
3deg
);
-o-transform
:
skewX(
3deg
);
transform
:
skewX(
3deg
);
}
70
%
{
-webkit-transform
:
skewX(
-2deg
);
-moz-transform
:
skewX(
-2deg
);
-ms-transform
:
skewX(
-2deg
);
-o-transform
:
skewX(
-2deg
);
transform
:
skewX(
-2deg
);
}
80
%
{
-webkit-transform
:
skewX(
1deg
);
-moz-transform
:
skewX(
1deg
);
-ms-transform
:
skewX(
1deg
);
-o-transform
:
skewX(
1deg
);
transform
:
skewX(
1deg
);
}
90
%
{
-webkit-transform
:
skewX(
0deg
);
-moz-transform
:
skewX(
0deg
);
-ms-transform
:
skewX(
0deg
);
-o-transform
:
skewX(
0deg
);
transform
:
skewX(
0deg
);
}
100
%
{
-webkit-transform
:
skewX(
0deg
);
-moz-transform
:
skewX(
0deg
);
-ms-transform
:
skewX(
0deg
);
-o-transform
:
skewX(
0deg
);
transform
:
skewX(
0deg
);
}
}
@
-webkit-keyframes wiggle { 0% {
	-webkit-transform: skewX(9deg);
	-moz-transform: skewX(9deg);
	-ms-transform: skewX(9deg);
	-o-transform: skewX(9deg);
	transform: skewX(9deg);
}

10
%
{
-webkit-transform
:
skewX(
-8deg
);
-moz-transform
:
skewX(
-8deg
);
-ms-transform
:
skewX(
-8deg
);
-o-transform
:
skewX(
-8deg
);
transform
:
skewX(
-8deg
);
}
20
%
{
-webkit-transform
:
skewX(
7deg
);
-moz-transform
:
skewX(
7deg
);
-ms-transform
:
skewX(
7deg
);
-o-transform
:
skewX(
7deg
);
transform
:
skewX(
7deg
);
}
30
%
{
-webkit-transform
:
skewX(
-6deg
);
-moz-transform
:
skewX(
-6deg
);
-ms-transform
:
skewX(
-6deg
);
-o-transform
:
skewX(
-6deg
);
transform
:
skewX(
-6deg
);
}
40
%
{
-webkit-transform
:
skewX(
5deg
);
-moz-transform
:
skewX(
5deg
);
-ms-transform
:
skewX(
5deg
);
-o-transform
:
skewX(
5deg
);
transform
:
skewX(
5deg
);
}
50
%
{
-webkit-transform
:
skewX(
-4deg
);
-moz-transform
:
skewX(
-4deg
);
-ms-transform
:
skewX(
-4deg
);
-o-transform
:
skewX(
-4deg
);
transform
:
skewX(
-4deg
);
}
60
%
{
-webkit-transform
:
skewX(
3deg
);
-moz-transform
:
skewX(
3deg
);
-ms-transform
:
skewX(
3deg
);
-o-transform
:
skewX(
3deg
);
transform
:
skewX(
3deg
);
}
70
%
{
-webkit-transform
:
skewX(
-2deg
);
-moz-transform
:
skewX(
-2deg
);
-ms-transform
:
skewX(
-2deg
);
-o-transform
:
skewX(
-2deg
);
transform
:
skewX(
-2deg
);
}
80
%
{
-webkit-transform
:
skewX(
1deg
);
-moz-transform
:
skewX(
1deg
);
-ms-transform
:
skewX(
1deg
);
-o-transform
:
skewX(
1deg
);
transform
:
skewX(
1deg
);
}
90
%
{
-webkit-transform
:
skewX(
0deg
);
-moz-transform
:
skewX(
0deg
);
-ms-transform
:
skewX(
0deg
);
-o-transform
:
skewX(
0deg
);
transform
:
skewX(
0deg
);
}
100
%
{
-webkit-transform
:
skewX(
0deg
);
-moz-transform
:
skewX(
0deg
);
-ms-transform
:
skewX(
0deg
);
-o-transform
:
skewX(
0deg
);
transform
:
skewX(
0deg
);
}
}
@
-o-keyframes wiggle { 0% {
	-webkit-transform: skewX(9deg);
	-moz-transform: skewX(9deg);
	-ms-transform: skewX(9deg);
	-o-transform: skewX(9deg);
	transform: skewX(9deg);
}

10
%
{
-webkit-transform
:
skewX(
-8deg
);
-moz-transform
:
skewX(
-8deg
);
-ms-transform
:
skewX(
-8deg
);
-o-transform
:
skewX(
-8deg
);
transform
:
skewX(
-8deg
);
}
20
%
{
-webkit-transform
:
skewX(
7deg
);
-moz-transform
:
skewX(
7deg
);
-ms-transform
:
skewX(
7deg
);
-o-transform
:
skewX(
7deg
);
transform
:
skewX(
7deg
);
}
30
%
{
-webkit-transform
:
skewX(
-6deg
);
-moz-transform
:
skewX(
-6deg
);
-ms-transform
:
skewX(
-6deg
);
-o-transform
:
skewX(
-6deg
);
transform
:
skewX(
-6deg
);
}
40
%
{
-webkit-transform
:
skewX(
5deg
);
-moz-transform
:
skewX(
5deg
);
-ms-transform
:
skewX(
5deg
);
-o-transform
:
skewX(
5deg
);
transform
:
skewX(
5deg
);
}
50
%
{
-webkit-transform
:
skewX(
-4deg
);
-moz-transform
:
skewX(
-4deg
);
-ms-transform
:
skewX(
-4deg
);
-o-transform
:
skewX(
-4deg
);
transform
:
skewX(
-4deg
);
}
60
%
{
-webkit-transform
:
skewX(
3deg
);
-moz-transform
:
skewX(
3deg
);
-ms-transform
:
skewX(
3deg
);
-o-transform
:
skewX(
3deg
);
transform
:
skewX(
3deg
);
}
70
%
{
-webkit-transform
:
skewX(
-2deg
);
-moz-transform
:
skewX(
-2deg
);
-ms-transform
:
skewX(
-2deg
);
-o-transform
:
skewX(
-2deg
);
transform
:
skewX(
-2deg
);
}
80
%
{
-webkit-transform
:
skewX(
1deg
);
-moz-transform
:
skewX(
1deg
);
-ms-transform
:
skewX(
1deg
);
-o-transform
:
skewX(
1deg
);
transform
:
skewX(
1deg
);
}
90
%
{
-webkit-transform
:
skewX(
0deg
);
-moz-transform
:
skewX(
0deg
);
-ms-transform
:
skewX(
0deg
);
-o-transform
:
skewX(
0deg
);
transform
:
skewX(
0deg
);
}
100
%
{
-webkit-transform
:
skewX(
0deg
);
-moz-transform
:
skewX(
0deg
);
-ms-transform
:
skewX(
0deg
);
-o-transform
:
skewX(
0deg
);
transform
:
skewX(
0deg
);
}
}
@
-ms-keyframes wiggle { 0% {
	-webkit-transform: skewX(9deg);
	-moz-transform: skewX(9deg);
	-ms-transform: skewX(9deg);
	-o-transform: skewX(9deg);
	transform: skewX(9deg);
}

10
%
{
-webkit-transform
:
skewX(
-8deg
);
-moz-transform
:
skewX(
-8deg
);
-ms-transform
:
skewX(
-8deg
);
-o-transform
:
skewX(
-8deg
);
transform
:
skewX(
-8deg
);
}
20
%
{
-webkit-transform
:
skewX(
7deg
);
-moz-transform
:
skewX(
7deg
);
-ms-transform
:
skewX(
7deg
);
-o-transform
:
skewX(
7deg
);
transform
:
skewX(
7deg
);
}
30
%
{
-webkit-transform
:
skewX(
-6deg
);
-moz-transform
:
skewX(
-6deg
);
-ms-transform
:
skewX(
-6deg
);
-o-transform
:
skewX(
-6deg
);
transform
:
skewX(
-6deg
);
}
40
%
{
-webkit-transform
:
skewX(
5deg
);
-moz-transform
:
skewX(
5deg
);
-ms-transform
:
skewX(
5deg
);
-o-transform
:
skewX(
5deg
);
transform
:
skewX(
5deg
);
}
50
%
{
-webkit-transform
:
skewX(
-4deg
);
-moz-transform
:
skewX(
-4deg
);
-ms-transform
:
skewX(
-4deg
);
-o-transform
:
skewX(
-4deg
);
transform
:
skewX(
-4deg
);
}
60
%
{
-webkit-transform
:
skewX(
3deg
);
-moz-transform
:
skewX(
3deg
);
-ms-transform
:
skewX(
3deg
);
-o-transform
:
skewX(
3deg
);
transform
:
skewX(
3deg
);
}
70
%
{
-webkit-transform
:
skewX(
-2deg
);
-moz-transform
:
skewX(
-2deg
);
-ms-transform
:
skewX(
-2deg
);
-o-transform
:
skewX(
-2deg
);
transform
:
skewX(
-2deg
);
}
80
%
{
-webkit-transform
:
skewX(
1deg
);
-moz-transform
:
skewX(
1deg
);
-ms-transform
:
skewX(
1deg
);
-o-transform
:
skewX(
1deg
);
transform
:
skewX(
1deg
);
}
90
%
{
-webkit-transform
:
skewX(
0deg
);
-moz-transform
:
skewX(
0deg
);
-ms-transform
:
skewX(
0deg
);
-o-transform
:
skewX(
0deg
);
transform
:
skewX(
0deg
);
}
100
%
{
-webkit-transform
:
skewX(
0deg
);
-moz-transform
:
skewX(
0deg
);
-ms-transform
:
skewX(
0deg
);
-o-transform
:
skewX(
0deg
);
transform
:
skewX(
0deg
);
}
}
@
keyframes wiggle { 0% {
	-webkit-transform: skewX(9deg);
	-moz-transform: skewX(9deg);
	-ms-transform: skewX(9deg);
	-o-transform: skewX(9deg);
	transform: skewX(9deg);
}

10
%
{
-webkit-transform
:
skewX(
-8deg
);
-moz-transform
:
skewX(
-8deg
);
-ms-transform
:
skewX(
-8deg
);
-o-transform
:
skewX(
-8deg
);
transform
:
skewX(
-8deg
);
}
20
%
{
-webkit-transform
:
skewX(
7deg
);
-moz-transform
:
skewX(
7deg
);
-ms-transform
:
skewX(
7deg
);
-o-transform
:
skewX(
7deg
);
transform
:
skewX(
7deg
);
}
30
%
{
-webkit-transform
:
skewX(
-6deg
);
-moz-transform
:
skewX(
-6deg
);
-ms-transform
:
skewX(
-6deg
);
-o-transform
:
skewX(
-6deg
);
transform
:
skewX(
-6deg
);
}
40
%
{
-webkit-transform
:
skewX(
5deg
);
-moz-transform
:
skewX(
5deg
);
-ms-transform
:
skewX(
5deg
);
-o-transform
:
skewX(
5deg
);
transform
:
skewX(
5deg
);
}
50
%
{
-webkit-transform
:
skewX(
-4deg
);
-moz-transform
:
skewX(
-4deg
);
-ms-transform
:
skewX(
-4deg
);
-o-transform
:
skewX(
-4deg
);
transform
:
skewX(
-4deg
);
}
60
%
{
-webkit-transform
:
skewX(
3deg
);
-moz-transform
:
skewX(
3deg
);
-ms-transform
:
skewX(
3deg
);
-o-transform
:
skewX(
3deg
);
transform
:
skewX(
3deg
);
}
70
%
{
-webkit-transform
:
skewX(
-2deg
);
-moz-transform
:
skewX(
-2deg
);
-ms-transform
:
skewX(
-2deg
);
-o-transform
:
skewX(
-2deg
);
transform
:
skewX(
-2deg
);
}
80
%
{
-webkit-transform
:
skewX(
1deg
);
-moz-transform
:
skewX(
1deg
);
-ms-transform
:
skewX(
1deg
);
-o-transform
:
skewX(
1deg
);
transform
:
skewX(
1deg
);
}
90
%
{
-webkit-transform
:
skewX(
0deg
);
-moz-transform
:
skewX(
0deg
);
-ms-transform
:
skewX(
0deg
);
-o-transform
:
skewX(
0deg
);
transform
:
skewX(
0deg
);
}
100
%
{
-webkit-transform
:
skewX(
0deg
);
-moz-transform
:
skewX(
0deg
);
-ms-transform
:
skewX(
0deg
);
-o-transform
:
skewX(
0deg
);
transform
:
skewX(
0deg
);
}
}
@
-moz-keyframes bounceOut { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

25
%
{
-webkit-transform
:
scale(
0.95
,
0.95
);
-moz-transform
:
scale(
0.95
,
0.95
);
-ms-transform
:
scale(
0.95
,
0.95
);
-o-transform
:
scale(
0.95
,
0.95
);
transform
:
scale(
0.95
,
0.95
);
}
50
%
{
opacity
:
1;
-webkit-transform
:
scale(
1.1
,
1.1
);
-moz-transform
:
scale(
1.1
,
1.1
);
-ms-transform
:
scale(
1.1
,
1.1
);
-o-transform
:
scale(
1.1
,
1.1
);
transform
:
scale(
1.1
,
1.1
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
scale(
0.3
,
0.3
);
-moz-transform
:
scale(
0.3
,
0.3
);
-ms-transform
:
scale(
0.3
,
0.3
);
-o-transform
:
scale(
0.3
,
0.3
);
transform
:
scale(
0.3
,
0.3
);
}
}
@
-webkit-keyframes bounceOut { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

25
%
{
-webkit-transform
:
scale(
0.95
,
0.95
);
-moz-transform
:
scale(
0.95
,
0.95
);
-ms-transform
:
scale(
0.95
,
0.95
);
-o-transform
:
scale(
0.95
,
0.95
);
transform
:
scale(
0.95
,
0.95
);
}
50
%
{
opacity
:
1;
-webkit-transform
:
scale(
1.1
,
1.1
);
-moz-transform
:
scale(
1.1
,
1.1
);
-ms-transform
:
scale(
1.1
,
1.1
);
-o-transform
:
scale(
1.1
,
1.1
);
transform
:
scale(
1.1
,
1.1
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
scale(
0.3
,
0.3
);
-moz-transform
:
scale(
0.3
,
0.3
);
-ms-transform
:
scale(
0.3
,
0.3
);
-o-transform
:
scale(
0.3
,
0.3
);
transform
:
scale(
0.3
,
0.3
);
}
}
@
-o-keyframes bounceOut { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

25
%
{
-webkit-transform
:
scale(
0.95
,
0.95
);
-moz-transform
:
scale(
0.95
,
0.95
);
-ms-transform
:
scale(
0.95
,
0.95
);
-o-transform
:
scale(
0.95
,
0.95
);
transform
:
scale(
0.95
,
0.95
);
}
50
%
{
opacity
:
1;
-webkit-transform
:
scale(
1.1
,
1.1
);
-moz-transform
:
scale(
1.1
,
1.1
);
-ms-transform
:
scale(
1.1
,
1.1
);
-o-transform
:
scale(
1.1
,
1.1
);
transform
:
scale(
1.1
,
1.1
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
scale(
0.3
,
0.3
);
-moz-transform
:
scale(
0.3
,
0.3
);
-ms-transform
:
scale(
0.3
,
0.3
);
-o-transform
:
scale(
0.3
,
0.3
);
transform
:
scale(
0.3
,
0.3
);
}
}
@
-ms-keyframes bounceOut { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

25
%
{
-webkit-transform
:
scale(
0.95
,
0.95
);
-moz-transform
:
scale(
0.95
,
0.95
);
-ms-transform
:
scale(
0.95
,
0.95
);
-o-transform
:
scale(
0.95
,
0.95
);
transform
:
scale(
0.95
,
0.95
);
}
50
%
{
opacity
:
1;
-webkit-transform
:
scale(
1.1
,
1.1
);
-moz-transform
:
scale(
1.1
,
1.1
);
-ms-transform
:
scale(
1.1
,
1.1
);
-o-transform
:
scale(
1.1
,
1.1
);
transform
:
scale(
1.1
,
1.1
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
scale(
0.3
,
0.3
);
-moz-transform
:
scale(
0.3
,
0.3
);
-ms-transform
:
scale(
0.3
,
0.3
);
-o-transform
:
scale(
0.3
,
0.3
);
transform
:
scale(
0.3
,
0.3
);
}
}
@
keyframes bounceOut { 0% {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

25
%
{
-webkit-transform
:
scale(
0.95
,
0.95
);
-moz-transform
:
scale(
0.95
,
0.95
);
-ms-transform
:
scale(
0.95
,
0.95
);
-o-transform
:
scale(
0.95
,
0.95
);
transform
:
scale(
0.95
,
0.95
);
}
50
%
{
opacity
:
1;
-webkit-transform
:
scale(
1.1
,
1.1
);
-moz-transform
:
scale(
1.1
,
1.1
);
-ms-transform
:
scale(
1.1
,
1.1
);
-o-transform
:
scale(
1.1
,
1.1
);
transform
:
scale(
1.1
,
1.1
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
scale(
0.3
,
0.3
);
-moz-transform
:
scale(
0.3
,
0.3
);
-ms-transform
:
scale(
0.3
,
0.3
);
-o-transform
:
scale(
0.3
,
0.3
);
transform
:
scale(
0.3
,
0.3
);
}
}
@
-moz-keyframes bounceOutUp { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateY(
20px
);
-moz-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
-o-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
-2000px
);
-moz-transform
:
translateY(
-2000px
);
-ms-transform
:
translateY(
-2000px
);
-o-transform
:
translateY(
-2000px
);
transform
:
translateY(
-2000px
);
}
}
@
-webkit-keyframes bounceOutUp { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateY(
20px
);
-moz-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
-o-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
-2000px
);
-moz-transform
:
translateY(
-2000px
);
-ms-transform
:
translateY(
-2000px
);
-o-transform
:
translateY(
-2000px
);
transform
:
translateY(
-2000px
);
}
}
@
-o-keyframes bounceOutUp { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateY(
20px
);
-moz-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
-o-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
-2000px
);
-moz-transform
:
translateY(
-2000px
);
-ms-transform
:
translateY(
-2000px
);
-o-transform
:
translateY(
-2000px
);
transform
:
translateY(
-2000px
);
}
}
@
-ms-keyframes bounceOutUp { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateY(
20px
);
-moz-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
-o-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
-2000px
);
-moz-transform
:
translateY(
-2000px
);
-ms-transform
:
translateY(
-2000px
);
-o-transform
:
translateY(
-2000px
);
transform
:
translateY(
-2000px
);
}
}
@
keyframes bounceOutUp { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateY(
20px
);
-moz-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
-o-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
-2000px
);
-moz-transform
:
translateY(
-2000px
);
-ms-transform
:
translateY(
-2000px
);
-o-transform
:
translateY(
-2000px
);
transform
:
translateY(
-2000px
);
}
}
@
-moz-keyframes bounceOutDown { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateY(
-20px
);
-moz-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
2000px
);
-moz-transform
:
translateY(
2000px
);
-ms-transform
:
translateY(
2000px
);
-o-transform
:
translateY(
2000px
);
transform
:
translateY(
2000px
);
}
}
@
-webkit-keyframes bounceOutDown { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateY(
-20px
);
-moz-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
2000px
);
-moz-transform
:
translateY(
2000px
);
-ms-transform
:
translateY(
2000px
);
-o-transform
:
translateY(
2000px
);
transform
:
translateY(
2000px
);
}
}
@
-o-keyframes bounceOutDown { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateY(
-20px
);
-moz-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
2000px
);
-moz-transform
:
translateY(
2000px
);
-ms-transform
:
translateY(
2000px
);
-o-transform
:
translateY(
2000px
);
transform
:
translateY(
2000px
);
}
}
@
-ms-keyframes bounceOutDown { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateY(
-20px
);
-moz-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
2000px
);
-moz-transform
:
translateY(
2000px
);
-ms-transform
:
translateY(
2000px
);
-o-transform
:
translateY(
2000px
);
transform
:
translateY(
2000px
);
}
}
@
keyframes bounceOutDown { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateY(
-20px
);
-moz-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
2000px
);
-moz-transform
:
translateY(
2000px
);
-ms-transform
:
translateY(
2000px
);
-o-transform
:
translateY(
2000px
);
transform
:
translateY(
2000px
);
}
}
@
-moz-keyframes bounceOutLeft { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateX(
20px
);
-moz-transform
:
translateX(
20px
);
-ms-transform
:
translateX(
20px
);
-o-transform
:
translateX(
20px
);
transform
:
translateX(
20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
-2000px
);
-moz-transform
:
translateX(
-2000px
);
-ms-transform
:
translateX(
-2000px
);
-o-transform
:
translateX(
-2000px
);
transform
:
translateX(
-2000px
);
}
}
@
-webkit-keyframes bounceOutLeft { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateX(
20px
);
-moz-transform
:
translateX(
20px
);
-ms-transform
:
translateX(
20px
);
-o-transform
:
translateX(
20px
);
transform
:
translateX(
20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
-2000px
);
-moz-transform
:
translateX(
-2000px
);
-ms-transform
:
translateX(
-2000px
);
-o-transform
:
translateX(
-2000px
);
transform
:
translateX(
-2000px
);
}
}
@
-o-keyframes bounceOutLeft { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateX(
20px
);
-moz-transform
:
translateX(
20px
);
-ms-transform
:
translateX(
20px
);
-o-transform
:
translateX(
20px
);
transform
:
translateX(
20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
-2000px
);
-moz-transform
:
translateX(
-2000px
);
-ms-transform
:
translateX(
-2000px
);
-o-transform
:
translateX(
-2000px
);
transform
:
translateX(
-2000px
);
}
}
@
-ms-keyframes bounceOutLeft { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateX(
20px
);
-moz-transform
:
translateX(
20px
);
-ms-transform
:
translateX(
20px
);
-o-transform
:
translateX(
20px
);
transform
:
translateX(
20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
-2000px
);
-moz-transform
:
translateX(
-2000px
);
-ms-transform
:
translateX(
-2000px
);
-o-transform
:
translateX(
-2000px
);
transform
:
translateX(
-2000px
);
}
}
@
keyframes bounceOutLeft { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateX(
20px
);
-moz-transform
:
translateX(
20px
);
-ms-transform
:
translateX(
20px
);
-o-transform
:
translateX(
20px
);
transform
:
translateX(
20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
-2000px
);
-moz-transform
:
translateX(
-2000px
);
-ms-transform
:
translateX(
-2000px
);
-o-transform
:
translateX(
-2000px
);
transform
:
translateX(
-2000px
);
}
}
@
-moz-keyframes bounceOutRight { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateX(
-20px
);
-moz-transform
:
translateX(
-20px
);
-ms-transform
:
translateX(
-20px
);
-o-transform
:
translateX(
-20px
);
transform
:
translateX(
-20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
2000px
);
-moz-transform
:
translateX(
2000px
);
-ms-transform
:
translateX(
2000px
);
-o-transform
:
translateX(
2000px
);
transform
:
translateX(
2000px
);
}
}
@
-webkit-keyframes bounceOutRight { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateX(
-20px
);
-moz-transform
:
translateX(
-20px
);
-ms-transform
:
translateX(
-20px
);
-o-transform
:
translateX(
-20px
);
transform
:
translateX(
-20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
2000px
);
-moz-transform
:
translateX(
2000px
);
-ms-transform
:
translateX(
2000px
);
-o-transform
:
translateX(
2000px
);
transform
:
translateX(
2000px
);
}
}
@
-o-keyframes bounceOutRight { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateX(
-20px
);
-moz-transform
:
translateX(
-20px
);
-ms-transform
:
translateX(
-20px
);
-o-transform
:
translateX(
-20px
);
transform
:
translateX(
-20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
2000px
);
-moz-transform
:
translateX(
2000px
);
-ms-transform
:
translateX(
2000px
);
-o-transform
:
translateX(
2000px
);
transform
:
translateX(
2000px
);
}
}
@
-ms-keyframes bounceOutRight { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateX(
-20px
);
-moz-transform
:
translateX(
-20px
);
-ms-transform
:
translateX(
-20px
);
-o-transform
:
translateX(
-20px
);
transform
:
translateX(
-20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
2000px
);
-moz-transform
:
translateX(
2000px
);
-ms-transform
:
translateX(
2000px
);
-o-transform
:
translateX(
2000px
);
transform
:
translateX(
2000px
);
}
}
@
keyframes bounceOutRight { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

20
%
{
opacity
:
1;
-webkit-transform
:
translateX(
-20px
);
-moz-transform
:
translateX(
-20px
);
-ms-transform
:
translateX(
-20px
);
-o-transform
:
translateX(
-20px
);
transform
:
translateX(
-20px
);
}
100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
2000px
);
-moz-transform
:
translateX(
2000px
);
-ms-transform
:
translateX(
2000px
);
-o-transform
:
translateX(
2000px
);
transform
:
translateX(
2000px
);
}
}
@
-moz-keyframes bounceIn { 0% {
	opacity: 0;
	-webkit-transform: scale(0.3, 0.3);
	-moz-transform: scale(0.3, 0.3);
	-ms-transform: scale(0.3, 0.3);
	-o-transform: scale(0.3, 0.3);
	transform: scale(0.3, 0.3);
}

50
%
{
opacity
:
1;
-webkit-transform
:
scale(
1.05
,
1.05
);
-moz-transform
:
scale(
1.05
,
1.05
);
-ms-transform
:
scale(
1.05
,
1.05
);
-o-transform
:
scale(
1.05
,
1.05
);
transform
:
scale(
1.05
,
1.05
);
}
70
%
{
-webkit-transform
:
scale(
0.9
,
0.9
);
-moz-transform
:
scale(
0.9
,
0.9
);
-ms-transform
:
scale(
0.9
,
0.9
);
-o-transform
:
scale(
0.9
,
0.9
);
transform
:
scale(
0.9
,
0.9
);
}
100
%
{
-webkit-transform
:
scale(
1
,
1
);
-moz-transform
:
scale(
1
,
1
);
-ms-transform
:
scale(
1
,
1
);
-o-transform
:
scale(
1
,
1
);
transform
:
scale(
1
,
1
);
}
}
@
-webkit-keyframes bounceIn { 0% {
	opacity: 0;
	-webkit-transform: scale(0.3, 0.3);
	-moz-transform: scale(0.3, 0.3);
	-ms-transform: scale(0.3, 0.3);
	-o-transform: scale(0.3, 0.3);
	transform: scale(0.3, 0.3);
}

50
%
{
opacity
:
1;
-webkit-transform
:
scale(
1.05
,
1.05
);
-moz-transform
:
scale(
1.05
,
1.05
);
-ms-transform
:
scale(
1.05
,
1.05
);
-o-transform
:
scale(
1.05
,
1.05
);
transform
:
scale(
1.05
,
1.05
);
}
70
%
{
-webkit-transform
:
scale(
0.9
,
0.9
);
-moz-transform
:
scale(
0.9
,
0.9
);
-ms-transform
:
scale(
0.9
,
0.9
);
-o-transform
:
scale(
0.9
,
0.9
);
transform
:
scale(
0.9
,
0.9
);
}
100
%
{
-webkit-transform
:
scale(
1
,
1
);
-moz-transform
:
scale(
1
,
1
);
-ms-transform
:
scale(
1
,
1
);
-o-transform
:
scale(
1
,
1
);
transform
:
scale(
1
,
1
);
}
}
@
-o-keyframes bounceIn { 0% {
	opacity: 0;
	-webkit-transform: scale(0.3, 0.3);
	-moz-transform: scale(0.3, 0.3);
	-ms-transform: scale(0.3, 0.3);
	-o-transform: scale(0.3, 0.3);
	transform: scale(0.3, 0.3);
}

50
%
{
opacity
:
1;
-webkit-transform
:
scale(
1.05
,
1.05
);
-moz-transform
:
scale(
1.05
,
1.05
);
-ms-transform
:
scale(
1.05
,
1.05
);
-o-transform
:
scale(
1.05
,
1.05
);
transform
:
scale(
1.05
,
1.05
);
}
70
%
{
-webkit-transform
:
scale(
0.9
,
0.9
);
-moz-transform
:
scale(
0.9
,
0.9
);
-ms-transform
:
scale(
0.9
,
0.9
);
-o-transform
:
scale(
0.9
,
0.9
);
transform
:
scale(
0.9
,
0.9
);
}
100
%
{
-webkit-transform
:
scale(
1
,
1
);
-moz-transform
:
scale(
1
,
1
);
-ms-transform
:
scale(
1
,
1
);
-o-transform
:
scale(
1
,
1
);
transform
:
scale(
1
,
1
);
}
}
@
-ms-keyframes bounceIn { 0% {
	opacity: 0;
	-webkit-transform: scale(0.3, 0.3);
	-moz-transform: scale(0.3, 0.3);
	-ms-transform: scale(0.3, 0.3);
	-o-transform: scale(0.3, 0.3);
	transform: scale(0.3, 0.3);
}

50
%
{
opacity
:
1;
-webkit-transform
:
scale(
1.05
,
1.05
);
-moz-transform
:
scale(
1.05
,
1.05
);
-ms-transform
:
scale(
1.05
,
1.05
);
-o-transform
:
scale(
1.05
,
1.05
);
transform
:
scale(
1.05
,
1.05
);
}
70
%
{
-webkit-transform
:
scale(
0.9
,
0.9
);
-moz-transform
:
scale(
0.9
,
0.9
);
-ms-transform
:
scale(
0.9
,
0.9
);
-o-transform
:
scale(
0.9
,
0.9
);
transform
:
scale(
0.9
,
0.9
);
}
100
%
{
-webkit-transform
:
scale(
1
,
1
);
-moz-transform
:
scale(
1
,
1
);
-ms-transform
:
scale(
1
,
1
);
-o-transform
:
scale(
1
,
1
);
transform
:
scale(
1
,
1
);
}
}
@
keyframes bounceIn { 0% {
	opacity: 0;
	-webkit-transform: scale(0.3, 0.3);
	-moz-transform: scale(0.3, 0.3);
	-ms-transform: scale(0.3, 0.3);
	-o-transform: scale(0.3, 0.3);
	transform: scale(0.3, 0.3);
}

50
%
{
opacity
:
1;
-webkit-transform
:
scale(
1.05
,
1.05
);
-moz-transform
:
scale(
1.05
,
1.05
);
-ms-transform
:
scale(
1.05
,
1.05
);
-o-transform
:
scale(
1.05
,
1.05
);
transform
:
scale(
1.05
,
1.05
);
}
70
%
{
-webkit-transform
:
scale(
0.9
,
0.9
);
-moz-transform
:
scale(
0.9
,
0.9
);
-ms-transform
:
scale(
0.9
,
0.9
);
-o-transform
:
scale(
0.9
,
0.9
);
transform
:
scale(
0.9
,
0.9
);
}
100
%
{
-webkit-transform
:
scale(
1
,
1
);
-moz-transform
:
scale(
1
,
1
);
-ms-transform
:
scale(
1
,
1
);
-o-transform
:
scale(
1
,
1
);
transform
:
scale(
1
,
1
);
}
}
@
-moz-keyframes bounceInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-moz-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	-o-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateY(
30px
);
-moz-transform
:
translateY(
30px
);
-ms-transform
:
translateY(
30px
);
-o-transform
:
translateY(
30px
);
transform
:
translateY(
30px
);
}
80
%
{
-webkit-transform
:
translateY(
-10px
);
-moz-transform
:
translateY(
-10px
);
-ms-transform
:
translateY(
-10px
);
-o-transform
:
translateY(
-10px
);
transform
:
translateY(
-10px
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-webkit-keyframes bounceInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-moz-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	-o-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateY(
30px
);
-moz-transform
:
translateY(
30px
);
-ms-transform
:
translateY(
30px
);
-o-transform
:
translateY(
30px
);
transform
:
translateY(
30px
);
}
80
%
{
-webkit-transform
:
translateY(
-10px
);
-moz-transform
:
translateY(
-10px
);
-ms-transform
:
translateY(
-10px
);
-o-transform
:
translateY(
-10px
);
transform
:
translateY(
-10px
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-o-keyframes bounceInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-moz-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	-o-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateY(
30px
);
-moz-transform
:
translateY(
30px
);
-ms-transform
:
translateY(
30px
);
-o-transform
:
translateY(
30px
);
transform
:
translateY(
30px
);
}
80
%
{
-webkit-transform
:
translateY(
-10px
);
-moz-transform
:
translateY(
-10px
);
-ms-transform
:
translateY(
-10px
);
-o-transform
:
translateY(
-10px
);
transform
:
translateY(
-10px
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-ms-keyframes bounceInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-moz-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	-o-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateY(
30px
);
-moz-transform
:
translateY(
30px
);
-ms-transform
:
translateY(
30px
);
-o-transform
:
translateY(
30px
);
transform
:
translateY(
30px
);
}
80
%
{
-webkit-transform
:
translateY(
-10px
);
-moz-transform
:
translateY(
-10px
);
-ms-transform
:
translateY(
-10px
);
-o-transform
:
translateY(
-10px
);
transform
:
translateY(
-10px
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
keyframes bounceInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-moz-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	-o-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateY(
30px
);
-moz-transform
:
translateY(
30px
);
-ms-transform
:
translateY(
30px
);
-o-transform
:
translateY(
30px
);
transform
:
translateY(
30px
);
}
80
%
{
-webkit-transform
:
translateY(
-10px
);
-moz-transform
:
translateY(
-10px
);
-ms-transform
:
translateY(
-10px
);
-o-transform
:
translateY(
-10px
);
transform
:
translateY(
-10px
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-moz-keyframes bounceInUp { 0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-moz-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	-o-transform: translateY(2000px);
	transform: translateY(2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateY(
-30px
);
-moz-transform
:
translateY(
-30px
);
-ms-transform
:
translateY(
-30px
);
-o-transform
:
translateY(
-30px
);
transform
:
translateY(
-30px
);
}
80
%
{
-webkit-transform
:
translateY(
10px
);
-moz-transform
:
translateY(
10px
);
-ms-transform
:
translateY(
10px
);
-o-transform
:
translateY(
10px
);
transform
:
translateY(
10px
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-webkit-keyframes bounceInUp { 0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-moz-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	-o-transform: translateY(2000px);
	transform: translateY(2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateY(
-30px
);
-moz-transform
:
translateY(
-30px
);
-ms-transform
:
translateY(
-30px
);
-o-transform
:
translateY(
-30px
);
transform
:
translateY(
-30px
);
}
80
%
{
-webkit-transform
:
translateY(
10px
);
-moz-transform
:
translateY(
10px
);
-ms-transform
:
translateY(
10px
);
-o-transform
:
translateY(
10px
);
transform
:
translateY(
10px
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-o-keyframes bounceInUp { 0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-moz-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	-o-transform: translateY(2000px);
	transform: translateY(2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateY(
-30px
);
-moz-transform
:
translateY(
-30px
);
-ms-transform
:
translateY(
-30px
);
-o-transform
:
translateY(
-30px
);
transform
:
translateY(
-30px
);
}
80
%
{
-webkit-transform
:
translateY(
10px
);
-moz-transform
:
translateY(
10px
);
-ms-transform
:
translateY(
10px
);
-o-transform
:
translateY(
10px
);
transform
:
translateY(
10px
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-ms-keyframes bounceInUp { 0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-moz-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	-o-transform: translateY(2000px);
	transform: translateY(2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateY(
-30px
);
-moz-transform
:
translateY(
-30px
);
-ms-transform
:
translateY(
-30px
);
-o-transform
:
translateY(
-30px
);
transform
:
translateY(
-30px
);
}
80
%
{
-webkit-transform
:
translateY(
10px
);
-moz-transform
:
translateY(
10px
);
-ms-transform
:
translateY(
10px
);
-o-transform
:
translateY(
10px
);
transform
:
translateY(
10px
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
keyframes bounceInUp { 0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-moz-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	-o-transform: translateY(2000px);
	transform: translateY(2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateY(
-30px
);
-moz-transform
:
translateY(
-30px
);
-ms-transform
:
translateY(
-30px
);
-o-transform
:
translateY(
-30px
);
transform
:
translateY(
-30px
);
}
80
%
{
-webkit-transform
:
translateY(
10px
);
-moz-transform
:
translateY(
10px
);
-ms-transform
:
translateY(
10px
);
-o-transform
:
translateY(
10px
);
transform
:
translateY(
10px
);
}
100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-moz-keyframes bounceInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-moz-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	-o-transform: translateX(2000px);
	transform: translateX(2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateX(
-30px
);
-moz-transform
:
translateX(
-30px
);
-ms-transform
:
translateX(
-30px
);
-o-transform
:
translateX(
-30px
);
transform
:
translateX(
-30px
);
}
80
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-webkit-keyframes bounceInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-moz-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	-o-transform: translateX(2000px);
	transform: translateX(2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateX(
-30px
);
-moz-transform
:
translateX(
-30px
);
-ms-transform
:
translateX(
-30px
);
-o-transform
:
translateX(
-30px
);
transform
:
translateX(
-30px
);
}
80
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-o-keyframes bounceInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-moz-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	-o-transform: translateX(2000px);
	transform: translateX(2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateX(
-30px
);
-moz-transform
:
translateX(
-30px
);
-ms-transform
:
translateX(
-30px
);
-o-transform
:
translateX(
-30px
);
transform
:
translateX(
-30px
);
}
80
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-ms-keyframes bounceInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-moz-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	-o-transform: translateX(2000px);
	transform: translateX(2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateX(
-30px
);
-moz-transform
:
translateX(
-30px
);
-ms-transform
:
translateX(
-30px
);
-o-transform
:
translateX(
-30px
);
transform
:
translateX(
-30px
);
}
80
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
keyframes bounceInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-moz-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	-o-transform: translateX(2000px);
	transform: translateX(2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateX(
-30px
);
-moz-transform
:
translateX(
-30px
);
-ms-transform
:
translateX(
-30px
);
-o-transform
:
translateX(
-30px
);
transform
:
translateX(
-30px
);
}
80
%
{
-webkit-transform
:
translateX(
10px
);
-moz-transform
:
translateX(
10px
);
-ms-transform
:
translateX(
10px
);
-o-transform
:
translateX(
10px
);
transform
:
translateX(
10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-moz-keyframes bounceInLeft { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateX(
30px
);
-moz-transform
:
translateX(
30px
);
-ms-transform
:
translateX(
30px
);
-o-transform
:
translateX(
30px
);
transform
:
translateX(
30px
);
}
80
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-webkit-keyframes bounceInLeft { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateX(
30px
);
-moz-transform
:
translateX(
30px
);
-ms-transform
:
translateX(
30px
);
-o-transform
:
translateX(
30px
);
transform
:
translateX(
30px
);
}
80
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-o-keyframes bounceInLeft { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateX(
30px
);
-moz-transform
:
translateX(
30px
);
-ms-transform
:
translateX(
30px
);
-o-transform
:
translateX(
30px
);
transform
:
translateX(
30px
);
}
80
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-ms-keyframes bounceInLeft { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateX(
30px
);
-moz-transform
:
translateX(
30px
);
-ms-transform
:
translateX(
30px
);
-o-transform
:
translateX(
30px
);
transform
:
translateX(
30px
);
}
80
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
keyframes bounceInLeft { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

60
%
{
opacity
:
1;
-webkit-transform
:
translateX(
30px
);
-moz-transform
:
translateX(
30px
);
-ms-transform
:
translateX(
30px
);
-o-transform
:
translateX(
30px
);
transform
:
translateX(
30px
);
}
80
%
{
-webkit-transform
:
translateX(
-10px
);
-moz-transform
:
translateX(
-10px
);
-ms-transform
:
translateX(
-10px
);
-o-transform
:
translateX(
-10px
);
transform
:
translateX(
-10px
);
}
100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-moz-keyframes fadeOut { 0% {
	opacity: 1;
}

100
%
{
opacity
:
0;
}
}
@
-webkit-keyframes fadeOut { 0% {
	opacity: 1;
}

100
%
{
opacity
:
0;
}
}
@
-o-keyframes fadeOut { 0% {
	opacity: 1;
}

100
%
{
opacity
:
0;
}
}
@
-ms-keyframes fadeOut { 0% {
	opacity: 1;
}

100
%
{
opacity
:
0;
}
}
@
keyframes fadeOut { 0% {
	opacity: 1;
}

100
%
{
opacity
:
0;
}
}
@
-moz-keyframes fadeOutUp { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
-20px
);
-moz-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
opacity
:
0;
}
}
@
-webkit-keyframes fadeOutUp { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
-20px
);
-moz-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
opacity
:
0;
}
}
@
-o-keyframes fadeOutUp { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
-20px
);
-moz-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
opacity
:
0;
}
}
@
-ms-keyframes fadeOutUp { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
-20px
);
-moz-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
opacity
:
0;
}
}
@
keyframes fadeOutUp { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
-20px
);
-moz-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
opacity
:
0;
}
}
@
-moz-keyframes fadeOutDown { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
20px
);
-moz-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
-o-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
opacity
:
0;
}
}
@
-webkit-keyframes fadeOutDown { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
20px
);
-moz-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
-o-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
opacity
:
0;
}
}
@
-o-keyframes fadeOutDown { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
20px
);
-moz-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
-o-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
opacity
:
0;
}
}
@
-ms-keyframes fadeOutDown { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
20px
);
-moz-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
-o-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
opacity
:
0;
}
}
@
keyframes fadeOutDown { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
20px
);
-moz-transform
:
translateY(
20px
);
-ms-transform
:
translateY(
20px
);
-o-transform
:
translateY(
20px
);
transform
:
translateY(
20px
);
opacity
:
0;
}
}
@
-moz-keyframes fadeOutRight { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
20px
);
-moz-transform
:
translateX(
20px
);
-ms-transform
:
translateX(
20px
);
-o-transform
:
translateX(
20px
);
transform
:
translateX(
20px
);
opacity
:
0;
}
}
@
-webkit-keyframes fadeOutRight { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
20px
);
-moz-transform
:
translateX(
20px
);
-ms-transform
:
translateX(
20px
);
-o-transform
:
translateX(
20px
);
transform
:
translateX(
20px
);
opacity
:
0;
}
}
@
-o-keyframes fadeOutRight { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
20px
);
-moz-transform
:
translateX(
20px
);
-ms-transform
:
translateX(
20px
);
-o-transform
:
translateX(
20px
);
transform
:
translateX(
20px
);
opacity
:
0;
}
}
@
-ms-keyframes fadeOutRight { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
20px
);
-moz-transform
:
translateX(
20px
);
-ms-transform
:
translateX(
20px
);
-o-transform
:
translateX(
20px
);
transform
:
translateX(
20px
);
opacity
:
0;
}
}
@
keyframes fadeOutRight { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
20px
);
-moz-transform
:
translateX(
20px
);
-ms-transform
:
translateX(
20px
);
-o-transform
:
translateX(
20px
);
transform
:
translateX(
20px
);
opacity
:
0;
}
}
@
-moz-keyframes fadeOutLeft { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
-20px
);
-moz-transform
:
translateX(
-20px
);
-ms-transform
:
translateX(
-20px
);
-o-transform
:
translateX(
-20px
);
transform
:
translateX(
-20px
);
opacity
:
0;
}
}
@
-webkit-keyframes fadeOutLeft { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
-20px
);
-moz-transform
:
translateX(
-20px
);
-ms-transform
:
translateX(
-20px
);
-o-transform
:
translateX(
-20px
);
transform
:
translateX(
-20px
);
opacity
:
0;
}
}
@
-o-keyframes fadeOutLeft { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
-20px
);
-moz-transform
:
translateX(
-20px
);
-ms-transform
:
translateX(
-20px
);
-o-transform
:
translateX(
-20px
);
transform
:
translateX(
-20px
);
opacity
:
0;
}
}
@
-ms-keyframes fadeOutLeft { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
-20px
);
-moz-transform
:
translateX(
-20px
);
-ms-transform
:
translateX(
-20px
);
-o-transform
:
translateX(
-20px
);
transform
:
translateX(
-20px
);
opacity
:
0;
}
}
@
keyframes fadeOutLeft { 0% {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
-20px
);
-moz-transform
:
translateX(
-20px
);
-ms-transform
:
translateX(
-20px
);
-o-transform
:
translateX(
-20px
);
transform
:
translateX(
-20px
);
opacity
:
0;
}
}
@
-moz-keyframes fadeOutUpBig { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
-2000px
);
-moz-transform
:
translateY(
-2000px
);
-ms-transform
:
translateY(
-2000px
);
-o-transform
:
translateY(
-2000px
);
transform
:
translateY(
-2000px
);
opacity
:
0;
}
}
@
-webkit-keyframes fadeOutUpBig { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
-2000px
);
-moz-transform
:
translateY(
-2000px
);
-ms-transform
:
translateY(
-2000px
);
-o-transform
:
translateY(
-2000px
);
transform
:
translateY(
-2000px
);
opacity
:
0;
}
}
@
-o-keyframes fadeOutUpBig { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
-2000px
);
-moz-transform
:
translateY(
-2000px
);
-ms-transform
:
translateY(
-2000px
);
-o-transform
:
translateY(
-2000px
);
transform
:
translateY(
-2000px
);
opacity
:
0;
}
}
@
-ms-keyframes fadeOutUpBig { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
-2000px
);
-moz-transform
:
translateY(
-2000px
);
-ms-transform
:
translateY(
-2000px
);
-o-transform
:
translateY(
-2000px
);
transform
:
translateY(
-2000px
);
opacity
:
0;
}
}
@
keyframes fadeOutUpBig { 0% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateY(
-2000px
);
-moz-transform
:
translateY(
-2000px
);
-ms-transform
:
translateY(
-2000px
);
-o-transform
:
translateY(
-2000px
);
transform
:
translateY(
-2000px
);
opacity
:
0;
}
}
@
-moz-keyframes fadeOutDownBig { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
2000px
);
-moz-transform
:
translateY(
2000px
);
-ms-transform
:
translateY(
2000px
);
-o-transform
:
translateY(
2000px
);
transform
:
translateY(
2000px
);
}
}
@
-webkit-keyframes fadeOutDownBig { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
2000px
);
-moz-transform
:
translateY(
2000px
);
-ms-transform
:
translateY(
2000px
);
-o-transform
:
translateY(
2000px
);
transform
:
translateY(
2000px
);
}
}
@
-o-keyframes fadeOutDownBig { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
2000px
);
-moz-transform
:
translateY(
2000px
);
-ms-transform
:
translateY(
2000px
);
-o-transform
:
translateY(
2000px
);
transform
:
translateY(
2000px
);
}
}
@
-ms-keyframes fadeOutDownBig { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
2000px
);
-moz-transform
:
translateY(
2000px
);
-ms-transform
:
translateY(
2000px
);
-o-transform
:
translateY(
2000px
);
transform
:
translateY(
2000px
);
}
}
@
keyframes fadeOutDownBig { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateY(
2000px
);
-moz-transform
:
translateY(
2000px
);
-ms-transform
:
translateY(
2000px
);
-o-transform
:
translateY(
2000px
);
transform
:
translateY(
2000px
);
}
}
@
-moz-keyframes fadeOutRightBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
2000px
);
-moz-transform
:
translateX(
2000px
);
-ms-transform
:
translateX(
2000px
);
-o-transform
:
translateX(
2000px
);
transform
:
translateX(
2000px
);
}
}
@
-webkit-keyframes fadeOutRightBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
2000px
);
-moz-transform
:
translateX(
2000px
);
-ms-transform
:
translateX(
2000px
);
-o-transform
:
translateX(
2000px
);
transform
:
translateX(
2000px
);
}
}
@
-o-keyframes fadeOutRightBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
2000px
);
-moz-transform
:
translateX(
2000px
);
-ms-transform
:
translateX(
2000px
);
-o-transform
:
translateX(
2000px
);
transform
:
translateX(
2000px
);
}
}
@
-ms-keyframes fadeOutRightBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
2000px
);
-moz-transform
:
translateX(
2000px
);
-ms-transform
:
translateX(
2000px
);
-o-transform
:
translateX(
2000px
);
transform
:
translateX(
2000px
);
}
}
@
keyframes fadeOutRightBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
2000px
);
-moz-transform
:
translateX(
2000px
);
-ms-transform
:
translateX(
2000px
);
-o-transform
:
translateX(
2000px
);
transform
:
translateX(
2000px
);
}
}
@
-moz-keyframes fadeOutLeftBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
-2000px
);
-moz-transform
:
translateX(
-2000px
);
-ms-transform
:
translateX(
-2000px
);
-o-transform
:
translateX(
-2000px
);
transform
:
translateX(
-2000px
);
}
}
@
-webkit-keyframes fadeOutLeftBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
-2000px
);
-moz-transform
:
translateX(
-2000px
);
-ms-transform
:
translateX(
-2000px
);
-o-transform
:
translateX(
-2000px
);
transform
:
translateX(
-2000px
);
}
}
@
-o-keyframes fadeOutLeftBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
-2000px
);
-moz-transform
:
translateX(
-2000px
);
-ms-transform
:
translateX(
-2000px
);
-o-transform
:
translateX(
-2000px
);
transform
:
translateX(
-2000px
);
}
}
@
-ms-keyframes fadeOutLeftBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
-2000px
);
-moz-transform
:
translateX(
-2000px
);
-ms-transform
:
translateX(
-2000px
);
-o-transform
:
translateX(
-2000px
);
transform
:
translateX(
-2000px
);
}
}
@
keyframes fadeOutLeftBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

100
%
{
opacity
:
0;
-webkit-transform
:
translateX(
-2000px
);
-moz-transform
:
translateX(
-2000px
);
-ms-transform
:
translateX(
-2000px
);
-o-transform
:
translateX(
-2000px
);
transform
:
translateX(
-2000px
);
}
}
@
-moz-keyframes fadeIn { 0% {
	opacity: 0;
}

100
%
{
opacity
:
1;
}
}
@
-webkit-keyframes fadeIn { 0% {
	opacity: 0;
}

100
%
{
opacity
:
1;
}
}
@
-o-keyframes fadeIn { 0% {
	opacity: 0;
}

100
%
{
opacity
:
1;
}
}
@
-ms-keyframes fadeIn { 0% {
	opacity: 0;
}

100
%
{
opacity
:
1;
}
}
@
keyframes fadeIn { 0% {
	opacity: 0;
}

100
%
{
opacity
:
1;
}
}
@
-moz-keyframes fadeInUp { 0% {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-webkit-keyframes fadeInUp { 0% {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-o-keyframes fadeInUp { 0% {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-ms-keyframes fadeInUp { 0% {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
keyframes fadeInUp { 0% {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-moz-keyframes fadeInDown { 0% {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-webkit-keyframes fadeInDown { 0% {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-o-keyframes fadeInDown { 0% {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-ms-keyframes fadeInDown { 0% {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
keyframes fadeInDown { 0% {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-moz-keyframes fadeInRight { 0% {
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
opacity
:
1;
}
}
@
-webkit-keyframes fadeInRight { 0% {
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
opacity
:
1;
}
}
@
-o-keyframes fadeInRight { 0% {
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
opacity
:
1;
}
}
@
-ms-keyframes fadeInRight { 0% {
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
opacity
:
1;
}
}
@
keyframes fadeInRight { 0% {
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
opacity
:
1;
}
}
@
-moz-keyframes fadeInLeft { 0% {
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
opacity
:
1;
}
}
@
-webkit-keyframes fadeInLeft { 0% {
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
opacity
:
1;
}
}
@
-o-keyframes fadeInLeft { 0% {
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
opacity
:
1;
}
}
@
-ms-keyframes fadeInLeft { 0% {
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
opacity
:
1;
}
}
@
keyframes fadeInLeft { 0% {
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
opacity
:
1;
}
}
@
-moz-keyframes fadeInUpBig { 0% {
	-webkit-transform: translateY(2000px);
	-moz-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	-o-transform: translateY(2000px);
	transform: translateY(2000px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-webkit-keyframes fadeInUpBig { 0% {
	-webkit-transform: translateY(2000px);
	-moz-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	-o-transform: translateY(2000px);
	transform: translateY(2000px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-o-keyframes fadeInUpBig { 0% {
	-webkit-transform: translateY(2000px);
	-moz-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	-o-transform: translateY(2000px);
	transform: translateY(2000px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-ms-keyframes fadeInUpBig { 0% {
	-webkit-transform: translateY(2000px);
	-moz-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	-o-transform: translateY(2000px);
	transform: translateY(2000px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
keyframes fadeInUpBig { 0% {
	-webkit-transform: translateY(2000px);
	-moz-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	-o-transform: translateY(2000px);
	transform: translateY(2000px);
	opacity: 0;
}

100
%
{
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
opacity
:
1;
}
}
@
-moz-keyframes fadeInDownBig { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-moz-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	-o-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-webkit-keyframes fadeInDownBig { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-moz-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	-o-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-o-keyframes fadeInDownBig { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-moz-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	-o-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-ms-keyframes fadeInDownBig { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-moz-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	-o-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
keyframes fadeInDownBig { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-moz-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	-o-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateY(
0
);
-moz-transform
:
translateY(
0
);
-ms-transform
:
translateY(
0
);
-o-transform
:
translateY(
0
);
transform
:
translateY(
0
);
}
}
@
-moz-keyframes fadeInRightBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-moz-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	-o-transform: translateX(2000px);
	transform: translateX(2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-webkit-keyframes fadeInRightBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-moz-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	-o-transform: translateX(2000px);
	transform: translateX(2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-o-keyframes fadeInRightBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-moz-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	-o-transform: translateX(2000px);
	transform: translateX(2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-ms-keyframes fadeInRightBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-moz-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	-o-transform: translateX(2000px);
	transform: translateX(2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
keyframes fadeInRightBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-moz-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	-o-transform: translateX(2000px);
	transform: translateX(2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-moz-keyframes fadeInLeftBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-webkit-keyframes fadeInLeftBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-o-keyframes fadeInLeftBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-ms-keyframes fadeInLeftBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
keyframes fadeInLeftBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

100
%
{
opacity
:
1;
-webkit-transform
:
translateX(
0
);
-moz-transform
:
translateX(
0
);
-ms-transform
:
translateX(
0
);
-o-transform
:
translateX(
0
);
transform
:
translateX(
0
);
}
}
@
-moz-keyframes flip { 0% {
	-webkit-transform: perspective(400px) rotateY(0);
	-moz-transform: perspective(400px) rotateY(0);
	-ms-transform: perspective(400px) rotateY(0);
	-o-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-moz-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-ms-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-o-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-webkit-animation-timing-function
:
ease-out;
-moz-animation-timing-function
:
ease-out;
-ms-animation-timing-function
:
ease-out;
-o-animation-timing-function
:
ease-out;
animation-timing-function
:
ease-out;
}
50
%
{
-webkit-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-moz-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-ms-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-o-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
80
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-moz-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-ms-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-o-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
100
%
{
-webkit-transform
:
perspective(
400px
)
scale(
1
);
-moz-transform
:
perspective(
400px
)
scale(
1
);
-ms-transform
:
perspective(
400px
)
scale(
1
);
-o-transform
:
perspective(
400px
)
scale(
1
);
transform
:
perspective(
400px
)
scale(
1
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
}
@
-webkit-keyframes flip { 0% {
	-webkit-transform: perspective(400px) rotateY(0);
	-moz-transform: perspective(400px) rotateY(0);
	-ms-transform: perspective(400px) rotateY(0);
	-o-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-moz-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-ms-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-o-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-webkit-animation-timing-function
:
ease-out;
-moz-animation-timing-function
:
ease-out;
-ms-animation-timing-function
:
ease-out;
-o-animation-timing-function
:
ease-out;
animation-timing-function
:
ease-out;
}
50
%
{
-webkit-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-moz-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-ms-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-o-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
80
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-moz-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-ms-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-o-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
100
%
{
-webkit-transform
:
perspective(
400px
)
scale(
1
);
-moz-transform
:
perspective(
400px
)
scale(
1
);
-ms-transform
:
perspective(
400px
)
scale(
1
);
-o-transform
:
perspective(
400px
)
scale(
1
);
transform
:
perspective(
400px
)
scale(
1
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
}
@
-o-keyframes flip { 0% {
	-webkit-transform: perspective(400px) rotateY(0);
	-moz-transform: perspective(400px) rotateY(0);
	-ms-transform: perspective(400px) rotateY(0);
	-o-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-moz-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-ms-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-o-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-webkit-animation-timing-function
:
ease-out;
-moz-animation-timing-function
:
ease-out;
-ms-animation-timing-function
:
ease-out;
-o-animation-timing-function
:
ease-out;
animation-timing-function
:
ease-out;
}
50
%
{
-webkit-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-moz-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-ms-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-o-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
80
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-moz-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-ms-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-o-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
100
%
{
-webkit-transform
:
perspective(
400px
)
scale(
1
);
-moz-transform
:
perspective(
400px
)
scale(
1
);
-ms-transform
:
perspective(
400px
)
scale(
1
);
-o-transform
:
perspective(
400px
)
scale(
1
);
transform
:
perspective(
400px
)
scale(
1
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
}
@
-ms-keyframes flip { 0% {
	-webkit-transform: perspective(400px) rotateY(0);
	-moz-transform: perspective(400px) rotateY(0);
	-ms-transform: perspective(400px) rotateY(0);
	-o-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-moz-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-ms-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-o-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-webkit-animation-timing-function
:
ease-out;
-moz-animation-timing-function
:
ease-out;
-ms-animation-timing-function
:
ease-out;
-o-animation-timing-function
:
ease-out;
animation-timing-function
:
ease-out;
}
50
%
{
-webkit-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-moz-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-ms-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-o-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
80
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-moz-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-ms-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-o-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
100
%
{
-webkit-transform
:
perspective(
400px
)
scale(
1
);
-moz-transform
:
perspective(
400px
)
scale(
1
);
-ms-transform
:
perspective(
400px
)
scale(
1
);
-o-transform
:
perspective(
400px
)
scale(
1
);
transform
:
perspective(
400px
)
scale(
1
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
}
@
keyframes flip { 0% {
	-webkit-transform: perspective(400px) rotateY(0);
	-moz-transform: perspective(400px) rotateY(0);
	-ms-transform: perspective(400px) rotateY(0);
	-o-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-moz-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-ms-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-o-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
170deg
);
-webkit-animation-timing-function
:
ease-out;
-moz-animation-timing-function
:
ease-out;
-ms-animation-timing-function
:
ease-out;
-o-animation-timing-function
:
ease-out;
animation-timing-function
:
ease-out;
}
50
%
{
-webkit-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-moz-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-ms-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-o-transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
transform
:
perspective(
400px
)
translateZ(
150px
)
rotateY(
190deg
)
scale(
1
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
80
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-moz-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-ms-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-o-transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
transform
:
perspective(
400px
)
rotateY(
360deg
)
scale(
0.95
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
100
%
{
-webkit-transform
:
perspective(
400px
)
scale(
1
);
-moz-transform
:
perspective(
400px
)
scale(
1
);
-ms-transform
:
perspective(
400px
)
scale(
1
);
-o-transform
:
perspective(
400px
)
scale(
1
);
transform
:
perspective(
400px
)
scale(
1
);
-webkit-animation-timing-function
:
ease-in;
-moz-animation-timing-function
:
ease-in;
-ms-animation-timing-function
:
ease-in;
-o-animation-timing-function
:
ease-in;
animation-timing-function
:
ease-in;
}
}
@
-moz-keyframes flipInX { 0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	-moz-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	-o-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-o-transform
:
perspective(
400px
)
rotateX(
-10deg
);
transform
:
perspective(
400px
)
rotateX(
-10deg
);
}
70
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
10deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
10deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
10deg
);
-o-transform
:
perspective(
400px
)
rotateX(
10deg
);
transform
:
perspective(
400px
)
rotateX(
10deg
);
}
100
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
0deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
0deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
0deg
);
-o-transform
:
perspective(
400px
)
rotateX(
0deg
);
transform
:
perspective(
400px
)
rotateX(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-webkit-keyframes flipInX { 0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	-moz-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	-o-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-o-transform
:
perspective(
400px
)
rotateX(
-10deg
);
transform
:
perspective(
400px
)
rotateX(
-10deg
);
}
70
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
10deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
10deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
10deg
);
-o-transform
:
perspective(
400px
)
rotateX(
10deg
);
transform
:
perspective(
400px
)
rotateX(
10deg
);
}
100
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
0deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
0deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
0deg
);
-o-transform
:
perspective(
400px
)
rotateX(
0deg
);
transform
:
perspective(
400px
)
rotateX(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-o-keyframes flipInX { 0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	-moz-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	-o-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-o-transform
:
perspective(
400px
)
rotateX(
-10deg
);
transform
:
perspective(
400px
)
rotateX(
-10deg
);
}
70
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
10deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
10deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
10deg
);
-o-transform
:
perspective(
400px
)
rotateX(
10deg
);
transform
:
perspective(
400px
)
rotateX(
10deg
);
}
100
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
0deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
0deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
0deg
);
-o-transform
:
perspective(
400px
)
rotateX(
0deg
);
transform
:
perspective(
400px
)
rotateX(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-ms-keyframes flipInX { 0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	-moz-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	-o-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-o-transform
:
perspective(
400px
)
rotateX(
-10deg
);
transform
:
perspective(
400px
)
rotateX(
-10deg
);
}
70
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
10deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
10deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
10deg
);
-o-transform
:
perspective(
400px
)
rotateX(
10deg
);
transform
:
perspective(
400px
)
rotateX(
10deg
);
}
100
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
0deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
0deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
0deg
);
-o-transform
:
perspective(
400px
)
rotateX(
0deg
);
transform
:
perspective(
400px
)
rotateX(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
keyframes flipInX { 0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	-moz-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	-o-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
-10deg
);
-o-transform
:
perspective(
400px
)
rotateX(
-10deg
);
transform
:
perspective(
400px
)
rotateX(
-10deg
);
}
70
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
10deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
10deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
10deg
);
-o-transform
:
perspective(
400px
)
rotateX(
10deg
);
transform
:
perspective(
400px
)
rotateX(
10deg
);
}
100
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
0deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
0deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
0deg
);
-o-transform
:
perspective(
400px
)
rotateX(
0deg
);
transform
:
perspective(
400px
)
rotateX(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-moz-keyframes flipOutX { 0% {
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
90deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
90deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
90deg
);
-o-transform
:
perspective(
400px
)
rotateX(
90deg
);
transform
:
perspective(
400px
)
rotateX(
90deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-webkit-keyframes flipOutX { 0% {
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
90deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
90deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
90deg
);
-o-transform
:
perspective(
400px
)
rotateX(
90deg
);
transform
:
perspective(
400px
)
rotateX(
90deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-o-keyframes flipOutX { 0% {
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
90deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
90deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
90deg
);
-o-transform
:
perspective(
400px
)
rotateX(
90deg
);
transform
:
perspective(
400px
)
rotateX(
90deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-ms-keyframes flipOutX { 0% {
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
90deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
90deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
90deg
);
-o-transform
:
perspective(
400px
)
rotateX(
90deg
);
transform
:
perspective(
400px
)
rotateX(
90deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
keyframes flipOutX { 0% {
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
perspective(
400px
)
rotateX(
90deg
);
-moz-transform
:
perspective(
400px
)
rotateX(
90deg
);
-ms-transform
:
perspective(
400px
)
rotateX(
90deg
);
-o-transform
:
perspective(
400px
)
rotateX(
90deg
);
transform
:
perspective(
400px
)
rotateX(
90deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-moz-keyframes flipInY { 0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	-moz-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	-o-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-o-transform
:
perspective(
400px
)
rotateY(
-10deg
);
transform
:
perspective(
400px
)
rotateY(
-10deg
);
}
70
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
10deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
10deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
10deg
);
-o-transform
:
perspective(
400px
)
rotateY(
10deg
);
transform
:
perspective(
400px
)
rotateY(
10deg
);
}
100
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
0deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
0deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
0deg
);
-o-transform
:
perspective(
400px
)
rotateY(
0deg
);
transform
:
perspective(
400px
)
rotateY(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-webkit-keyframes flipInY { 0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	-moz-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	-o-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-o-transform
:
perspective(
400px
)
rotateY(
-10deg
);
transform
:
perspective(
400px
)
rotateY(
-10deg
);
}
70
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
10deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
10deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
10deg
);
-o-transform
:
perspective(
400px
)
rotateY(
10deg
);
transform
:
perspective(
400px
)
rotateY(
10deg
);
}
100
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
0deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
0deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
0deg
);
-o-transform
:
perspective(
400px
)
rotateY(
0deg
);
transform
:
perspective(
400px
)
rotateY(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-o-keyframes flipInY { 0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	-moz-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	-o-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-o-transform
:
perspective(
400px
)
rotateY(
-10deg
);
transform
:
perspective(
400px
)
rotateY(
-10deg
);
}
70
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
10deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
10deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
10deg
);
-o-transform
:
perspective(
400px
)
rotateY(
10deg
);
transform
:
perspective(
400px
)
rotateY(
10deg
);
}
100
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
0deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
0deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
0deg
);
-o-transform
:
perspective(
400px
)
rotateY(
0deg
);
transform
:
perspective(
400px
)
rotateY(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-ms-keyframes flipInY { 0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	-moz-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	-o-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-o-transform
:
perspective(
400px
)
rotateY(
-10deg
);
transform
:
perspective(
400px
)
rotateY(
-10deg
);
}
70
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
10deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
10deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
10deg
);
-o-transform
:
perspective(
400px
)
rotateY(
10deg
);
transform
:
perspective(
400px
)
rotateY(
10deg
);
}
100
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
0deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
0deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
0deg
);
-o-transform
:
perspective(
400px
)
rotateY(
0deg
);
transform
:
perspective(
400px
)
rotateY(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
keyframes flipInY { 0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	-moz-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	-o-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

40
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
-10deg
);
-o-transform
:
perspective(
400px
)
rotateY(
-10deg
);
transform
:
perspective(
400px
)
rotateY(
-10deg
);
}
70
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
10deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
10deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
10deg
);
-o-transform
:
perspective(
400px
)
rotateY(
10deg
);
transform
:
perspective(
400px
)
rotateY(
10deg
);
}
100
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
0deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
0deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
0deg
);
-o-transform
:
perspective(
400px
)
rotateY(
0deg
);
transform
:
perspective(
400px
)
rotateY(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-moz-keyframes flipOutY { 0% {
	-webkit-transform: perspective(400px) rotateY(0deg);
	-moz-transform: perspective(400px) rotateY(0deg);
	-ms-transform: perspective(400px) rotateY(0deg);
	-o-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
90deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
90deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
90deg
);
-o-transform
:
perspective(
400px
)
rotateY(
90deg
);
transform
:
perspective(
400px
)
rotateY(
90deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-webkit-keyframes flipOutY { 0% {
	-webkit-transform: perspective(400px) rotateY(0deg);
	-moz-transform: perspective(400px) rotateY(0deg);
	-ms-transform: perspective(400px) rotateY(0deg);
	-o-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
90deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
90deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
90deg
);
-o-transform
:
perspective(
400px
)
rotateY(
90deg
);
transform
:
perspective(
400px
)
rotateY(
90deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-o-keyframes flipOutY { 0% {
	-webkit-transform: perspective(400px) rotateY(0deg);
	-moz-transform: perspective(400px) rotateY(0deg);
	-ms-transform: perspective(400px) rotateY(0deg);
	-o-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
90deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
90deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
90deg
);
-o-transform
:
perspective(
400px
)
rotateY(
90deg
);
transform
:
perspective(
400px
)
rotateY(
90deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-ms-keyframes flipOutY { 0% {
	-webkit-transform: perspective(400px) rotateY(0deg);
	-moz-transform: perspective(400px) rotateY(0deg);
	-ms-transform: perspective(400px) rotateY(0deg);
	-o-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
90deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
90deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
90deg
);
-o-transform
:
perspective(
400px
)
rotateY(
90deg
);
transform
:
perspective(
400px
)
rotateY(
90deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
keyframes flipOutY { 0% {
	-webkit-transform: perspective(400px) rotateY(0deg);
	-moz-transform: perspective(400px) rotateY(0deg);
	-ms-transform: perspective(400px) rotateY(0deg);
	-o-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
perspective(
400px
)
rotateY(
90deg
);
-moz-transform
:
perspective(
400px
)
rotateY(
90deg
);
-ms-transform
:
perspective(
400px
)
rotateY(
90deg
);
-o-transform
:
perspective(
400px
)
rotateY(
90deg
);
transform
:
perspective(
400px
)
rotateY(
90deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-moz-keyframes lightSpeedIn { 0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	-moz-transform: translateX(100%) skewX(-30deg);
	-ms-transform: translateX(100%) skewX(-30deg);
	-o-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

60
%
{
-webkit-transform
:
translateX(
-20%
)
skewX(
30deg
);
-moz-transform
:
translateX(
-20%
)
skewX(
30deg
);
-ms-transform
:
translateX(
-20%
)
skewX(
30deg
);
-o-transform
:
translateX(
-20%
)
skewX(
30deg
);
transform
:
translateX(
-20%
)
skewX(
30deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
80
%
{
-webkit-transform
:
translateX(
0%
)
skewX(
-15deg
);
-moz-transform
:
translateX(
0%
)
skewX(
-15deg
);
-ms-transform
:
translateX(
0%
)
skewX(
-15deg
);
-o-transform
:
translateX(
0%
)
skewX(
-15deg
);
transform
:
translateX(
0%
)
skewX(
-15deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
100
%
{
-webkit-transform
:
translateX(
0%
)
skewX(
0deg
);
-moz-transform
:
translateX(
0%
)
skewX(
0deg
);
-ms-transform
:
translateX(
0%
)
skewX(
0deg
);
-o-transform
:
translateX(
0%
)
skewX(
0deg
);
transform
:
translateX(
0%
)
skewX(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-webkit-keyframes lightSpeedIn { 0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	-moz-transform: translateX(100%) skewX(-30deg);
	-ms-transform: translateX(100%) skewX(-30deg);
	-o-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

60
%
{
-webkit-transform
:
translateX(
-20%
)
skewX(
30deg
);
-moz-transform
:
translateX(
-20%
)
skewX(
30deg
);
-ms-transform
:
translateX(
-20%
)
skewX(
30deg
);
-o-transform
:
translateX(
-20%
)
skewX(
30deg
);
transform
:
translateX(
-20%
)
skewX(
30deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
80
%
{
-webkit-transform
:
translateX(
0%
)
skewX(
-15deg
);
-moz-transform
:
translateX(
0%
)
skewX(
-15deg
);
-ms-transform
:
translateX(
0%
)
skewX(
-15deg
);
-o-transform
:
translateX(
0%
)
skewX(
-15deg
);
transform
:
translateX(
0%
)
skewX(
-15deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
100
%
{
-webkit-transform
:
translateX(
0%
)
skewX(
0deg
);
-moz-transform
:
translateX(
0%
)
skewX(
0deg
);
-ms-transform
:
translateX(
0%
)
skewX(
0deg
);
-o-transform
:
translateX(
0%
)
skewX(
0deg
);
transform
:
translateX(
0%
)
skewX(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-o-keyframes lightSpeedIn { 0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	-moz-transform: translateX(100%) skewX(-30deg);
	-ms-transform: translateX(100%) skewX(-30deg);
	-o-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

60
%
{
-webkit-transform
:
translateX(
-20%
)
skewX(
30deg
);
-moz-transform
:
translateX(
-20%
)
skewX(
30deg
);
-ms-transform
:
translateX(
-20%
)
skewX(
30deg
);
-o-transform
:
translateX(
-20%
)
skewX(
30deg
);
transform
:
translateX(
-20%
)
skewX(
30deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
80
%
{
-webkit-transform
:
translateX(
0%
)
skewX(
-15deg
);
-moz-transform
:
translateX(
0%
)
skewX(
-15deg
);
-ms-transform
:
translateX(
0%
)
skewX(
-15deg
);
-o-transform
:
translateX(
0%
)
skewX(
-15deg
);
transform
:
translateX(
0%
)
skewX(
-15deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
100
%
{
-webkit-transform
:
translateX(
0%
)
skewX(
0deg
);
-moz-transform
:
translateX(
0%
)
skewX(
0deg
);
-ms-transform
:
translateX(
0%
)
skewX(
0deg
);
-o-transform
:
translateX(
0%
)
skewX(
0deg
);
transform
:
translateX(
0%
)
skewX(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-ms-keyframes lightSpeedIn { 0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	-moz-transform: translateX(100%) skewX(-30deg);
	-ms-transform: translateX(100%) skewX(-30deg);
	-o-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

60
%
{
-webkit-transform
:
translateX(
-20%
)
skewX(
30deg
);
-moz-transform
:
translateX(
-20%
)
skewX(
30deg
);
-ms-transform
:
translateX(
-20%
)
skewX(
30deg
);
-o-transform
:
translateX(
-20%
)
skewX(
30deg
);
transform
:
translateX(
-20%
)
skewX(
30deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
80
%
{
-webkit-transform
:
translateX(
0%
)
skewX(
-15deg
);
-moz-transform
:
translateX(
0%
)
skewX(
-15deg
);
-ms-transform
:
translateX(
0%
)
skewX(
-15deg
);
-o-transform
:
translateX(
0%
)
skewX(
-15deg
);
transform
:
translateX(
0%
)
skewX(
-15deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
100
%
{
-webkit-transform
:
translateX(
0%
)
skewX(
0deg
);
-moz-transform
:
translateX(
0%
)
skewX(
0deg
);
-ms-transform
:
translateX(
0%
)
skewX(
0deg
);
-o-transform
:
translateX(
0%
)
skewX(
0deg
);
transform
:
translateX(
0%
)
skewX(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
keyframes lightSpeedIn { 0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	-moz-transform: translateX(100%) skewX(-30deg);
	-ms-transform: translateX(100%) skewX(-30deg);
	-o-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

60
%
{
-webkit-transform
:
translateX(
-20%
)
skewX(
30deg
);
-moz-transform
:
translateX(
-20%
)
skewX(
30deg
);
-ms-transform
:
translateX(
-20%
)
skewX(
30deg
);
-o-transform
:
translateX(
-20%
)
skewX(
30deg
);
transform
:
translateX(
-20%
)
skewX(
30deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
80
%
{
-webkit-transform
:
translateX(
0%
)
skewX(
-15deg
);
-moz-transform
:
translateX(
0%
)
skewX(
-15deg
);
-ms-transform
:
translateX(
0%
)
skewX(
-15deg
);
-o-transform
:
translateX(
0%
)
skewX(
-15deg
);
transform
:
translateX(
0%
)
skewX(
-15deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
100
%
{
-webkit-transform
:
translateX(
0%
)
skewX(
0deg
);
-moz-transform
:
translateX(
0%
)
skewX(
0deg
);
-ms-transform
:
translateX(
0%
)
skewX(
0deg
);
-o-transform
:
translateX(
0%
)
skewX(
0deg
);
transform
:
translateX(
0%
)
skewX(
0deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
}
}
@
-moz-keyframes lightSpeedOut { 0% {
	-webkit-transform: translateX(0%) skewX(0deg);
	-moz-transform: translateX(0%) skewX(0deg);
	-ms-transform: translateX(0%) skewX(0deg);
	-o-transform: translateX(0%) skewX(0deg);
	transform: translateX(0%) skewX(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
100%
)
skewX(
-30deg
);
-moz-transform
:
translateX(
100%
)
skewX(
-30deg
);
-ms-transform
:
translateX(
100%
)
skewX(
-30deg
);
-o-transform
:
translateX(
100%
)
skewX(
-30deg
);
transform
:
translateX(
100%
)
skewX(
-30deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-webkit-keyframes lightSpeedOut { 0% {
	-webkit-transform: translateX(0%) skewX(0deg);
	-moz-transform: translateX(0%) skewX(0deg);
	-ms-transform: translateX(0%) skewX(0deg);
	-o-transform: translateX(0%) skewX(0deg);
	transform: translateX(0%) skewX(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
100%
)
skewX(
-30deg
);
-moz-transform
:
translateX(
100%
)
skewX(
-30deg
);
-ms-transform
:
translateX(
100%
)
skewX(
-30deg
);
-o-transform
:
translateX(
100%
)
skewX(
-30deg
);
transform
:
translateX(
100%
)
skewX(
-30deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-o-keyframes lightSpeedOut { 0% {
	-webkit-transform: translateX(0%) skewX(0deg);
	-moz-transform: translateX(0%) skewX(0deg);
	-ms-transform: translateX(0%) skewX(0deg);
	-o-transform: translateX(0%) skewX(0deg);
	transform: translateX(0%) skewX(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
100%
)
skewX(
-30deg
);
-moz-transform
:
translateX(
100%
)
skewX(
-30deg
);
-ms-transform
:
translateX(
100%
)
skewX(
-30deg
);
-o-transform
:
translateX(
100%
)
skewX(
-30deg
);
transform
:
translateX(
100%
)
skewX(
-30deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-ms-keyframes lightSpeedOut { 0% {
	-webkit-transform: translateX(0%) skewX(0deg);
	-moz-transform: translateX(0%) skewX(0deg);
	-ms-transform: translateX(0%) skewX(0deg);
	-o-transform: translateX(0%) skewX(0deg);
	transform: translateX(0%) skewX(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
100%
)
skewX(
-30deg
);
-moz-transform
:
translateX(
100%
)
skewX(
-30deg
);
-ms-transform
:
translateX(
100%
)
skewX(
-30deg
);
-o-transform
:
translateX(
100%
)
skewX(
-30deg
);
transform
:
translateX(
100%
)
skewX(
-30deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
keyframes lightSpeedOut { 0% {
	-webkit-transform: translateX(0%) skewX(0deg);
	-moz-transform: translateX(0%) skewX(0deg);
	-ms-transform: translateX(0%) skewX(0deg);
	-o-transform: translateX(0%) skewX(0deg);
	transform: translateX(0%) skewX(0deg);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

100
%
{
-webkit-transform
:
translateX(
100%
)
skewX(
-30deg
);
-moz-transform
:
translateX(
100%
)
skewX(
-30deg
);
-ms-transform
:
translateX(
100%
)
skewX(
-30deg
);
-o-transform
:
translateX(
100%
)
skewX(
-30deg
);
transform
:
translateX(
100%
)
skewX(
-30deg
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-moz-keyframes rotateOut { 0% {
	-webkit-transform-origin: center center 50%;
	-moz-transform-origin: center center 50%;
	-ms-transform-origin: center center 50%;
	-o-transform-origin: center center 50%;
	transform-origin: center center 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
center
center
50%;
-moz-transform-origin
:
center
center
50%;
-ms-transform-origin
:
center
center
50%;
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate(
200deg
);
-moz-transform
:
rotate(
200deg
);
-ms-transform
:
rotate(
200deg
);
-o-transform
:
rotate(
200deg
);
transform
:
rotate(
200deg
);
opacity
:
0;
}
}
@
-webkit-keyframes rotateOut { 0% {
	-webkit-transform-origin: center center 50%;
	-moz-transform-origin: center center 50%;
	-ms-transform-origin: center center 50%;
	-o-transform-origin: center center 50%;
	transform-origin: center center 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
center
center
50%;
-moz-transform-origin
:
center
center
50%;
-ms-transform-origin
:
center
center
50%;
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate(
200deg
);
-moz-transform
:
rotate(
200deg
);
-ms-transform
:
rotate(
200deg
);
-o-transform
:
rotate(
200deg
);
transform
:
rotate(
200deg
);
opacity
:
0;
}
}
@
-o-keyframes rotateOut { 0% {
	-webkit-transform-origin: center center 50%;
	-moz-transform-origin: center center 50%;
	-ms-transform-origin: center center 50%;
	-o-transform-origin: center center 50%;
	transform-origin: center center 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
center
center
50%;
-moz-transform-origin
:
center
center
50%;
-ms-transform-origin
:
center
center
50%;
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate(
200deg
);
-moz-transform
:
rotate(
200deg
);
-ms-transform
:
rotate(
200deg
);
-o-transform
:
rotate(
200deg
);
transform
:
rotate(
200deg
);
opacity
:
0;
}
}
@
-ms-keyframes rotateOut { 0% {
	-webkit-transform-origin: center center 50%;
	-moz-transform-origin: center center 50%;
	-ms-transform-origin: center center 50%;
	-o-transform-origin: center center 50%;
	transform-origin: center center 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
center
center
50%;
-moz-transform-origin
:
center
center
50%;
-ms-transform-origin
:
center
center
50%;
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate(
200deg
);
-moz-transform
:
rotate(
200deg
);
-ms-transform
:
rotate(
200deg
);
-o-transform
:
rotate(
200deg
);
transform
:
rotate(
200deg
);
opacity
:
0;
}
}
@
keyframes rotateOut { 0% {
	-webkit-transform-origin: center center 50%;
	-moz-transform-origin: center center 50%;
	-ms-transform-origin: center center 50%;
	-o-transform-origin: center center 50%;
	transform-origin: center center 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
center
center
50%;
-moz-transform-origin
:
center
center
50%;
-ms-transform-origin
:
center
center
50%;
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate(
200deg
);
-moz-transform
:
rotate(
200deg
);
-ms-transform
:
rotate(
200deg
);
-o-transform
:
rotate(
200deg
);
transform
:
rotate(
200deg
);
opacity
:
0;
}
}
@
-moz-keyframes rotateOutDownLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
90deg
);
-moz-transform
:
rotate(
90deg
);
-ms-transform
:
rotate(
90deg
);
-o-transform
:
rotate(
90deg
);
transform
:
rotate(
90deg
);
opacity
:
0;
}
}
@
-webkit-keyframes rotateOutDownLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
90deg
);
-moz-transform
:
rotate(
90deg
);
-ms-transform
:
rotate(
90deg
);
-o-transform
:
rotate(
90deg
);
transform
:
rotate(
90deg
);
opacity
:
0;
}
}
@
-o-keyframes rotateOutDownLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
90deg
);
-moz-transform
:
rotate(
90deg
);
-ms-transform
:
rotate(
90deg
);
-o-transform
:
rotate(
90deg
);
transform
:
rotate(
90deg
);
opacity
:
0;
}
}
@
-ms-keyframes rotateOutDownLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
90deg
);
-moz-transform
:
rotate(
90deg
);
-ms-transform
:
rotate(
90deg
);
-o-transform
:
rotate(
90deg
);
transform
:
rotate(
90deg
);
opacity
:
0;
}
}
@
keyframes rotateOutDownLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
90deg
);
-moz-transform
:
rotate(
90deg
);
-ms-transform
:
rotate(
90deg
);
-o-transform
:
rotate(
90deg
);
transform
:
rotate(
90deg
);
opacity
:
0;
}
}
@
-moz-keyframes rotateOutUpLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
-90deg
);
-moz-transform
:
rotate(
-90deg
);
-ms-transform
:
rotate(
-90deg
);
-o-transform
:
rotate(
-90deg
);
transform
:
rotate(
-90deg
);
opacity
:
0;
}
}
@
-webkit-keyframes rotateOutUpLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
-90deg
);
-moz-transform
:
rotate(
-90deg
);
-ms-transform
:
rotate(
-90deg
);
-o-transform
:
rotate(
-90deg
);
transform
:
rotate(
-90deg
);
opacity
:
0;
}
}
@
-o-keyframes rotateOutUpLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
-90deg
);
-moz-transform
:
rotate(
-90deg
);
-ms-transform
:
rotate(
-90deg
);
-o-transform
:
rotate(
-90deg
);
transform
:
rotate(
-90deg
);
opacity
:
0;
}
}
@
-ms-keyframes rotateOutUpLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
-90deg
);
-moz-transform
:
rotate(
-90deg
);
-ms-transform
:
rotate(
-90deg
);
-o-transform
:
rotate(
-90deg
);
transform
:
rotate(
-90deg
);
opacity
:
0;
}
}
@
keyframes rotateOutUpLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
-90deg
);
-moz-transform
:
rotate(
-90deg
);
-ms-transform
:
rotate(
-90deg
);
-o-transform
:
rotate(
-90deg
);
transform
:
rotate(
-90deg
);
opacity
:
0;
}
}
@
-moz-keyframes rotateOutDownRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
-90deg
);
-moz-transform
:
rotate(
-90deg
);
-ms-transform
:
rotate(
-90deg
);
-o-transform
:
rotate(
-90deg
);
transform
:
rotate(
-90deg
);
opacity
:
0;
}
}
@
-webkit-keyframes rotateOutDownRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
-90deg
);
-moz-transform
:
rotate(
-90deg
);
-ms-transform
:
rotate(
-90deg
);
-o-transform
:
rotate(
-90deg
);
transform
:
rotate(
-90deg
);
opacity
:
0;
}
}
@
-o-keyframes rotateOutDownRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
-90deg
);
-moz-transform
:
rotate(
-90deg
);
-ms-transform
:
rotate(
-90deg
);
-o-transform
:
rotate(
-90deg
);
transform
:
rotate(
-90deg
);
opacity
:
0;
}
}
@
-ms-keyframes rotateOutDownRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
-90deg
);
-moz-transform
:
rotate(
-90deg
);
-ms-transform
:
rotate(
-90deg
);
-o-transform
:
rotate(
-90deg
);
transform
:
rotate(
-90deg
);
opacity
:
0;
}
}
@
keyframes rotateOutDownRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
-90deg
);
-moz-transform
:
rotate(
-90deg
);
-ms-transform
:
rotate(
-90deg
);
-o-transform
:
rotate(
-90deg
);
transform
:
rotate(
-90deg
);
opacity
:
0;
}
}
@
-moz-keyframes rotateOutUpRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
90deg
);
-moz-transform
:
rotate(
90deg
);
-ms-transform
:
rotate(
90deg
);
-o-transform
:
rotate(
90deg
);
transform
:
rotate(
90deg
);
opacity
:
0;
}
}
@
-webkit-keyframes rotateOutUpRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
90deg
);
-moz-transform
:
rotate(
90deg
);
-ms-transform
:
rotate(
90deg
);
-o-transform
:
rotate(
90deg
);
transform
:
rotate(
90deg
);
opacity
:
0;
}
}
@
-o-keyframes rotateOutUpRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
90deg
);
-moz-transform
:
rotate(
90deg
);
-ms-transform
:
rotate(
90deg
);
-o-transform
:
rotate(
90deg
);
transform
:
rotate(
90deg
);
opacity
:
0;
}
}
@
-ms-keyframes rotateOutUpRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
90deg
);
-moz-transform
:
rotate(
90deg
);
-ms-transform
:
rotate(
90deg
);
-o-transform
:
rotate(
90deg
);
transform
:
rotate(
90deg
);
opacity
:
0;
}
}
@
keyframes rotateOutUpRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
90deg
);
-moz-transform
:
rotate(
90deg
);
-ms-transform
:
rotate(
90deg
);
-o-transform
:
rotate(
90deg
);
transform
:
rotate(
90deg
);
opacity
:
0;
}
}
@
-moz-keyframes rotateIn { 0% {
	-webkit-transform-origin: center center 50%;
	-moz-transform-origin: center center 50%;
	-ms-transform-origin: center center 50%;
	-o-transform-origin: center center 50%;
	transform-origin: center center 50%;
	-webkit-transform: rotate(-200deg);
	-moz-transform: rotate(-200deg);
	-ms-transform: rotate(-200deg);
	-o-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
center
center
50%;
-moz-transform-origin
:
center
center
50%;
-ms-transform-origin
:
center
center
50%;
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-webkit-keyframes rotateIn { 0% {
	-webkit-transform-origin: center center 50%;
	-moz-transform-origin: center center 50%;
	-ms-transform-origin: center center 50%;
	-o-transform-origin: center center 50%;
	transform-origin: center center 50%;
	-webkit-transform: rotate(-200deg);
	-moz-transform: rotate(-200deg);
	-ms-transform: rotate(-200deg);
	-o-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
center
center
50%;
-moz-transform-origin
:
center
center
50%;
-ms-transform-origin
:
center
center
50%;
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-o-keyframes rotateIn { 0% {
	-webkit-transform-origin: center center 50%;
	-moz-transform-origin: center center 50%;
	-ms-transform-origin: center center 50%;
	-o-transform-origin: center center 50%;
	transform-origin: center center 50%;
	-webkit-transform: rotate(-200deg);
	-moz-transform: rotate(-200deg);
	-ms-transform: rotate(-200deg);
	-o-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
center
center
50%;
-moz-transform-origin
:
center
center
50%;
-ms-transform-origin
:
center
center
50%;
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-ms-keyframes rotateIn { 0% {
	-webkit-transform-origin: center center 50%;
	-moz-transform-origin: center center 50%;
	-ms-transform-origin: center center 50%;
	-o-transform-origin: center center 50%;
	transform-origin: center center 50%;
	-webkit-transform: rotate(-200deg);
	-moz-transform: rotate(-200deg);
	-ms-transform: rotate(-200deg);
	-o-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
center
center
50%;
-moz-transform-origin
:
center
center
50%;
-ms-transform-origin
:
center
center
50%;
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
keyframes rotateIn { 0% {
	-webkit-transform-origin: center center 50%;
	-moz-transform-origin: center center 50%;
	-ms-transform-origin: center center 50%;
	-o-transform-origin: center center 50%;
	transform-origin: center center 50%;
	-webkit-transform: rotate(-200deg);
	-moz-transform: rotate(-200deg);
	-ms-transform: rotate(-200deg);
	-o-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
center
center
50%;
-moz-transform-origin
:
center
center
50%;
-ms-transform-origin
:
center
center
50%;
-o-transform-origin
:
center
center
50%;
transform-origin
:
center
center
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-moz-keyframes rotateInDownLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-webkit-keyframes rotateInDownLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-o-keyframes rotateInDownLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-ms-keyframes rotateInDownLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
keyframes rotateInDownLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-moz-keyframes rotateInUpLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-webkit-keyframes rotateInUpLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-o-keyframes rotateInUpLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-ms-keyframes rotateInUpLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
keyframes rotateInUpLeft { 0% {
	-webkit-transform-origin: left bottom 50%;
	-moz-transform-origin: left bottom 50%;
	-ms-transform-origin: left bottom 50%;
	-o-transform-origin: left bottom 50%;
	transform-origin: left bottom 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
left
bottom
50%;
-moz-transform-origin
:
left
bottom
50%;
-ms-transform-origin
:
left
bottom
50%;
-o-transform-origin
:
left
bottom
50%;
transform-origin
:
left
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-moz-keyframes rotateInUpRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-webkit-keyframes rotateInUpRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-o-keyframes rotateInUpRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-ms-keyframes rotateInUpRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
keyframes rotateInUpRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-moz-keyframes rotateInDownRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-webkit-keyframes rotateInDownRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-o-keyframes rotateInDownRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-ms-keyframes rotateInDownRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
keyframes rotateInDownRight { 0% {
	-webkit-transform-origin: right bottom 50%;
	-moz-transform-origin: right bottom 50%;
	-ms-transform-origin: right bottom 50%;
	-o-transform-origin: right bottom 50%;
	transform-origin: right bottom 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100
%
{
-webkit-transform-origin
:
right
bottom
50%;
-moz-transform-origin
:
right
bottom
50%;
-ms-transform-origin
:
right
bottom
50%;
-o-transform-origin
:
right
bottom
50%;
transform-origin
:
right
bottom
50%;
-webkit-transform
:
rotate(
0
);
-moz-transform
:
rotate(
0
);
-ms-transform
:
rotate(
0
);
-o-transform
:
rotate(
0
);
transform
:
rotate(
0
);
opacity
:
1;
}
}
@
-moz-keyframes hinge { 0% {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left 50%;
	-moz-transform-origin: top left 50%;
	-ms-transform-origin: top left 50%;
	-o-transform-origin: top left 50%;
	transform-origin: top left 50%;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

20
%
,
60
%
{
-webkit-transform
:
rotate(
80deg
);
-moz-transform
:
rotate(
80deg
);
-ms-transform
:
rotate(
80deg
);
-o-transform
:
rotate(
80deg
);
transform
:
rotate(
80deg
);
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
40
%
{
-webkit-transform
:
rotate(
60deg
);
-moz-transform
:
rotate(
60deg
);
-ms-transform
:
rotate(
60deg
);
-o-transform
:
rotate(
60deg
);
transform
:
rotate(
60deg
);
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
80
%
{
-webkit-transform
:
rotate(
60deg
)
translateY(
0
);
-moz-transform
:
rotate(
60deg
)
translateY(
0
);
-ms-transform
:
rotate(
60deg
)
translateY(
0
);
-o-transform
:
rotate(
60deg
)
translateY(
0
);
transform
:
rotate(
60deg
)
translateY(
0
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
100
%
{
-webkit-transform
:
translateY(
700px
);
-moz-transform
:
translateY(
700px
);
-ms-transform
:
translateY(
700px
);
-o-transform
:
translateY(
700px
);
transform
:
translateY(
700px
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-webkit-keyframes hinge { 0% {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left 50%;
	-moz-transform-origin: top left 50%;
	-ms-transform-origin: top left 50%;
	-o-transform-origin: top left 50%;
	transform-origin: top left 50%;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

20
%
,
60
%
{
-webkit-transform
:
rotate(
80deg
);
-moz-transform
:
rotate(
80deg
);
-ms-transform
:
rotate(
80deg
);
-o-transform
:
rotate(
80deg
);
transform
:
rotate(
80deg
);
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
40
%
{
-webkit-transform
:
rotate(
60deg
);
-moz-transform
:
rotate(
60deg
);
-ms-transform
:
rotate(
60deg
);
-o-transform
:
rotate(
60deg
);
transform
:
rotate(
60deg
);
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
80
%
{
-webkit-transform
:
rotate(
60deg
)
translateY(
0
);
-moz-transform
:
rotate(
60deg
)
translateY(
0
);
-ms-transform
:
rotate(
60deg
)
translateY(
0
);
-o-transform
:
rotate(
60deg
)
translateY(
0
);
transform
:
rotate(
60deg
)
translateY(
0
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
100
%
{
-webkit-transform
:
translateY(
700px
);
-moz-transform
:
translateY(
700px
);
-ms-transform
:
translateY(
700px
);
-o-transform
:
translateY(
700px
);
transform
:
translateY(
700px
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-o-keyframes hinge { 0% {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left 50%;
	-moz-transform-origin: top left 50%;
	-ms-transform-origin: top left 50%;
	-o-transform-origin: top left 50%;
	transform-origin: top left 50%;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

20
%
,
60
%
{
-webkit-transform
:
rotate(
80deg
);
-moz-transform
:
rotate(
80deg
);
-ms-transform
:
rotate(
80deg
);
-o-transform
:
rotate(
80deg
);
transform
:
rotate(
80deg
);
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
40
%
{
-webkit-transform
:
rotate(
60deg
);
-moz-transform
:
rotate(
60deg
);
-ms-transform
:
rotate(
60deg
);
-o-transform
:
rotate(
60deg
);
transform
:
rotate(
60deg
);
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
80
%
{
-webkit-transform
:
rotate(
60deg
)
translateY(
0
);
-moz-transform
:
rotate(
60deg
)
translateY(
0
);
-ms-transform
:
rotate(
60deg
)
translateY(
0
);
-o-transform
:
rotate(
60deg
)
translateY(
0
);
transform
:
rotate(
60deg
)
translateY(
0
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
100
%
{
-webkit-transform
:
translateY(
700px
);
-moz-transform
:
translateY(
700px
);
-ms-transform
:
translateY(
700px
);
-o-transform
:
translateY(
700px
);
transform
:
translateY(
700px
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-ms-keyframes hinge { 0% {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left 50%;
	-moz-transform-origin: top left 50%;
	-ms-transform-origin: top left 50%;
	-o-transform-origin: top left 50%;
	transform-origin: top left 50%;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

20
%
,
60
%
{
-webkit-transform
:
rotate(
80deg
);
-moz-transform
:
rotate(
80deg
);
-ms-transform
:
rotate(
80deg
);
-o-transform
:
rotate(
80deg
);
transform
:
rotate(
80deg
);
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
40
%
{
-webkit-transform
:
rotate(
60deg
);
-moz-transform
:
rotate(
60deg
);
-ms-transform
:
rotate(
60deg
);
-o-transform
:
rotate(
60deg
);
transform
:
rotate(
60deg
);
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
80
%
{
-webkit-transform
:
rotate(
60deg
)
translateY(
0
);
-moz-transform
:
rotate(
60deg
)
translateY(
0
);
-ms-transform
:
rotate(
60deg
)
translateY(
0
);
-o-transform
:
rotate(
60deg
)
translateY(
0
);
transform
:
rotate(
60deg
)
translateY(
0
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
100
%
{
-webkit-transform
:
translateY(
700px
);
-moz-transform
:
translateY(
700px
);
-ms-transform
:
translateY(
700px
);
-o-transform
:
translateY(
700px
);
transform
:
translateY(
700px
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
keyframes hinge { 0% {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left 50%;
	-moz-transform-origin: top left 50%;
	-ms-transform-origin: top left 50%;
	-o-transform-origin: top left 50%;
	transform-origin: top left 50%;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

20
%
,
60
%
{
-webkit-transform
:
rotate(
80deg
);
-moz-transform
:
rotate(
80deg
);
-ms-transform
:
rotate(
80deg
);
-o-transform
:
rotate(
80deg
);
transform
:
rotate(
80deg
);
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
40
%
{
-webkit-transform
:
rotate(
60deg
);
-moz-transform
:
rotate(
60deg
);
-ms-transform
:
rotate(
60deg
);
-o-transform
:
rotate(
60deg
);
transform
:
rotate(
60deg
);
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
80
%
{
-webkit-transform
:
rotate(
60deg
)
translateY(
0
);
-moz-transform
:
rotate(
60deg
)
translateY(
0
);
-ms-transform
:
rotate(
60deg
)
translateY(
0
);
-o-transform
:
rotate(
60deg
)
translateY(
0
);
transform
:
rotate(
60deg
)
translateY(
0
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
-webkit-transform-origin
:
top
left
50%;
-moz-transform-origin
:
top
left
50%;
-ms-transform-origin
:
top
left
50%;
-o-transform-origin
:
top
left
50%;
transform-origin
:
top
left
50%;
-webkit-animation-timing-function
:
ease-in-out;
-moz-animation-timing-function
:
ease-in-out;
-ms-animation-timing-function
:
ease-in-out;
-o-animation-timing-function
:
ease-in-out;
animation-timing-function
:
ease-in-out;
}
100
%
{
-webkit-transform
:
translateY(
700px
);
-moz-transform
:
translateY(
700px
);
-ms-transform
:
translateY(
700px
);
-o-transform
:
translateY(
700px
);
transform
:
translateY(
700px
);
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
}
}
@
-moz-keyframes rollIn { 0% {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	-moz-transform: translateX(-100%) rotate(-120deg);
	-ms-transform: translateX(-100%) rotate(-120deg);
	-o-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg);
}

100
%
{
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
-webkit-transform
:
translateX(
0px
)
rotate(
0deg
);
-moz-transform
:
translateX(
0px
)
rotate(
0deg
);
-ms-transform
:
translateX(
0px
)
rotate(
0deg
);
-o-transform
:
translateX(
0px
)
rotate(
0deg
);
transform
:
translateX(
0px
)
rotate(
0deg
);
}
}
@
-webkit-keyframes rollIn { 0% {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	-moz-transform: translateX(-100%) rotate(-120deg);
	-ms-transform: translateX(-100%) rotate(-120deg);
	-o-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg);
}

100
%
{
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
-webkit-transform
:
translateX(
0px
)
rotate(
0deg
);
-moz-transform
:
translateX(
0px
)
rotate(
0deg
);
-ms-transform
:
translateX(
0px
)
rotate(
0deg
);
-o-transform
:
translateX(
0px
)
rotate(
0deg
);
transform
:
translateX(
0px
)
rotate(
0deg
);
}
}
@
-o-keyframes rollIn { 0% {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	-moz-transform: translateX(-100%) rotate(-120deg);
	-ms-transform: translateX(-100%) rotate(-120deg);
	-o-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg);
}

100
%
{
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
-webkit-transform
:
translateX(
0px
)
rotate(
0deg
);
-moz-transform
:
translateX(
0px
)
rotate(
0deg
);
-ms-transform
:
translateX(
0px
)
rotate(
0deg
);
-o-transform
:
translateX(
0px
)
rotate(
0deg
);
transform
:
translateX(
0px
)
rotate(
0deg
);
}
}
@
-ms-keyframes rollIn { 0% {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	-moz-transform: translateX(-100%) rotate(-120deg);
	-ms-transform: translateX(-100%) rotate(-120deg);
	-o-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg);
}

100
%
{
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
-webkit-transform
:
translateX(
0px
)
rotate(
0deg
);
-moz-transform
:
translateX(
0px
)
rotate(
0deg
);
-ms-transform
:
translateX(
0px
)
rotate(
0deg
);
-o-transform
:
translateX(
0px
)
rotate(
0deg
);
transform
:
translateX(
0px
)
rotate(
0deg
);
}
}
@
keyframes rollIn { 0% {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	-moz-transform: translateX(-100%) rotate(-120deg);
	-ms-transform: translateX(-100%) rotate(-120deg);
	-o-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg);
}

100
%
{
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
100
);
opacity
:
1;
-webkit-transform
:
translateX(
0px
)
rotate(
0deg
);
-moz-transform
:
translateX(
0px
)
rotate(
0deg
);
-ms-transform
:
translateX(
0px
)
rotate(
0deg
);
-o-transform
:
translateX(
0px
)
rotate(
0deg
);
transform
:
translateX(
0px
)
rotate(
0deg
);
}
}
@
-moz-keyframes rollOut { 0% {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
}

100
%
{
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
-webkit-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-moz-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-ms-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-o-transform
:
translateX(
-100%
)
rotate(
-120deg
);
transform
:
translateX(
-100%
)
rotate(
-120deg
);
}
}
@
-webkit-keyframes rollOut { 0% {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
}

100
%
{
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
-webkit-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-moz-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-ms-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-o-transform
:
translateX(
-100%
)
rotate(
-120deg
);
transform
:
translateX(
-100%
)
rotate(
-120deg
);
}
}
@
-o-keyframes rollOut { 0% {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
}

100
%
{
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
-webkit-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-moz-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-ms-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-o-transform
:
translateX(
-100%
)
rotate(
-120deg
);
transform
:
translateX(
-100%
)
rotate(
-120deg
);
}
}
@
-ms-keyframes rollOut { 0% {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
}

100
%
{
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
-webkit-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-moz-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-ms-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-o-transform
:
translateX(
-100%
)
rotate(
-120deg
);
transform
:
translateX(
-100%
)
rotate(
-120deg
);
}
}
@
keyframes rollOut { 0% {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-ms-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
}

100
%
{
filter
:
progid
:
DXImageTransform.Microsoft.Alpha
(
Opacity
=
0
);
opacity
:
0;
-webkit-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-moz-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-ms-transform
:
translateX(
-100%
)
rotate(
-120deg
);
-o-transform
:
translateX(
-100%
)
rotate(
-120deg
);
transform
:
translateX(
-100%
)
rotate(
-120deg
);
}
}

/*-------------------------------------------------------------------*/
/* === Boostrap Main SCSS === */
/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
	--blue: var(--primary-theme-color);
	--indigo: #7460ee;
	--purple: #857bff;
	--pink: #e91e63;
	--red: #ff7474;
	--orange: #fb9678;
	--yellow: var(--primary-theme-color);
	--green: var(--button-secondary-theme-color);
	--teal: #58d8a3;
	--cyan: #17a2bb;
	--white: #ffffff;
	--gray: #6c757d;
	--gray-dark: #292b2c;
	--blue: var(--primary-theme-color);
	--indigo: #7460ee;
	--purple: #857bff;
	--pink: #e91e63;
	--red: #ff7474;
	--orange: #fb9678;
	--yellow: var(--primary-theme-color);
	--green: var(--button-secondary-theme-color);
	--teal: #58d8a3;
	--cyan: #17a2bb;
	--white: #ffffff;
	--white-smoke: #f3f5f6;
	--gray: #6c757d;
	--gray-light: #8ba2b5;
	--gray-lightest: #f7f7f9;
	--primary: #857bff;
	--secondary: #c2c6d1;
	--success: var(--button-secondary-theme-color);
	--info: var(--primary-theme-color);
	--warning: var(--primary-theme-color);
	--danger: #ff7474;
	--light: #f3f5f6;
	--dark: #354168;
	--teal: #58d8a3;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	/* --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace; */
	/* font-family: "Gilroy"; */
	/*"Nunito Sans", sans-serif;*/
}

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

html {
	/* font-family: "Gilroy";  */
	/*"Nunito Sans", sans-serif;*/
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

@
-ms-viewport {
	width: device-width;
}

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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol"; */
	/* font-family: "Gilroy";  */
	/*"Nunito Sans", sans-serif;*/
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
}

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

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

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

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

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

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

a:hover {
	text-decoration: none !important;
}

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: 0.5rem;
	margin-left: 0;
}

blockquote {
	margin: 0 0 1rem;
}

dfn {
	font-style: italic;
}

b, strong {
	font-weight: bolder;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

a {
	color: #3d3d3d;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:hover {
	color: var(--primary-theme-color);
	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;
	-ms-overflow-style: scrollbar;
}

figure {
	margin: 0 0 1rem;
}

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

svg:not(:root) {
	overflow: hidden;
}

table {
	border-collapse: collapse;
}

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

th {
	text-align: inherit;
}

label {
	display: inline-block;
	margin-bottom: 0.5rem;
	text-transform: capitalize;
}

button {
	border-radius: 0;
}

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

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;
}

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

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"] {
	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: 0.5rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

.f-115 {
	font-size: 1.15rem;
}

.f-110 {
	font-size: 1.10rem;
}

[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-cancel-button, [type="search"]::-webkit-search-decoration
	{
	-webkit-appearance: none;
}

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

output {
	display: inline-block;
}

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

template {
	display: none;
}

[hidden] {
	display: none !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.5rem;
	/* font-family: "Gilroy"; */
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

.heading {
	font-size: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.figure {
	display: inline-block;
}

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

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

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

a>code {
	color: inherit;
}

kbd {
	padding: 0.2rem 0.4rem;
	font-size: 87.5%;
	color: var(--font-secondary-theme-color);
	background-color: #212529;
	border-radius: 0.2rem;
}

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

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

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

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

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

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

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

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

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

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

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -12.5px;
	margin-left: -12.5px;
}

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

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

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

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

.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

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

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

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

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

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

.col-6, .lightGallery .image-tile {
	flex: 0 0 50%;
	max-width: 50%;
}

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

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

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

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

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

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

.order-first {
	order: -1;
}

.order-last {
	order: 13;
}

.order-0 {
	order: 0;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.order-3 {
	order: 3;
}

.order-4 {
	order: 4;
}

.order-5 {
	order: 5;
}

.order-6 {
	order: 6;
}

.order-7 {
	order: 7;
}

.order-8 {
	order: 8;
}

.order-9 {
	order: 9;
}

.order-10 {
	order: 10;
}

.order-11 {
	order: 11;
}

.order-12 {
	order: 12;
}

.offset-1 {
	margin-left: 8.33333%;
}

.offset-2 {
	margin-left: 16.66667%;
}

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

.offset-4 {
	margin-left: 33.33333%;
}

.offset-5 {
	margin-left: 41.66667%;
}

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

.offset-7 {
	margin-left: 58.33333%;
}

.offset-8 {
	margin-left: 66.66667%;
}

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

.offset-10 {
	margin-left: 83.33333%;
}

.offset-11 {
	margin-left: 91.66667%;
}

@media ( min-width : 576px) {
	.col-sm {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-sm-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-sm-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-sm-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-sm-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sm-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-sm-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-sm-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-sm-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.order-sm-first {
		order: -1;
	}
	.order-sm-last {
		order: 13;
	}
	.order-sm-0 {
		order: 0;
	}
	.order-sm-1 {
		order: 1;
	}
	.order-sm-2 {
		order: 2;
	}
	.order-sm-3 {
		order: 3;
	}
	.order-sm-4 {
		order: 4;
	}
	.order-sm-5 {
		order: 5;
	}
	.order-sm-6 {
		order: 6;
	}
	.order-sm-7 {
		order: 7;
	}
	.order-sm-8 {
		order: 8;
	}
	.order-sm-9 {
		order: 9;
	}
	.order-sm-10 {
		order: 10;
	}
	.order-sm-11 {
		order: 11;
	}
	.order-sm-12 {
		order: 12;
	}
	.offset-sm-0 {
		margin-left: 0;
	}
	.offset-sm-1 {
		margin-left: 8.33333%;
	}
	.offset-sm-2 {
		margin-left: 16.66667%;
	}
	.offset-sm-3 {
		margin-left: 25%;
	}
	.offset-sm-4 {
		margin-left: 33.33333%;
	}
	.offset-sm-5 {
		margin-left: 41.66667%;
	}
	.offset-sm-6 {
		margin-left: 50%;
	}
	.offset-sm-7 {
		margin-left: 58.33333%;
	}
	.offset-sm-8 {
		margin-left: 66.66667%;
	}
	.offset-sm-9 {
		margin-left: 75%;
	}
	.offset-sm-10 {
		margin-left: 83.33333%;
	}
	.offset-sm-11 {
		margin-left: 91.66667%;
	}
}

@media ( min-width : 768px) {
	.col-md {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-md-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-md-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-md-3, .lightGallery .image-tile {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-md-4, .lightGallery .image-tile {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-md-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-md-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-md-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-md-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-md-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.order-md-first {
		order: -1;
	}
	.order-md-last {
		order: 13;
	}
	.order-md-0 {
		order: 0;
	}
	.order-md-1 {
		order: 1;
	}
	.order-md-2 {
		order: 2;
	}
	.order-md-3 {
		order: 3;
	}
	.order-md-4 {
		order: 4;
	}
	.order-md-5 {
		order: 5;
	}
	.order-md-6 {
		order: 6;
	}
	.order-md-7 {
		order: 7;
	}
	.order-md-8 {
		order: 8;
	}
	.order-md-9 {
		order: 9;
	}
	.order-md-10 {
		order: 10;
	}
	.order-md-11 {
		order: 11;
	}
	.order-md-12 {
		order: 12;
	}
	.offset-md-0 {
		margin-left: 0;
	}
	.offset-md-1 {
		margin-left: 8.33333%;
	}
	.offset-md-2 {
		margin-left: 16.66667%;
	}
	.offset-md-3 {
		margin-left: 25%;
	}
	.offset-md-4 {
		margin-left: 33.33333%;
	}
	.offset-md-5 {
		margin-left: 41.66667%;
	}
	.offset-md-6 {
		margin-left: 50%;
	}
	.offset-md-7 {
		margin-left: 58.33333%;
	}
	.offset-md-8 {
		margin-left: 66.66667%;
	}
	.offset-md-9 {
		margin-left: 75%;
	}
	.offset-md-10 {
		margin-left: 83.33333%;
	}
	.offset-md-11 {
		margin-left: 91.66667%;
	}
}

@media ( min-width : 992px) {
	.col-lg {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-lg-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-lg-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-lg-3, .lightGallery .image-tile {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-lg-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-lg-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-lg-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-lg-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-lg-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-lg-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-lg-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.order-lg-first {
		order: -1;
	}
	.order-lg-last {
		order: 13;
	}
	.order-lg-0 {
		order: 0;
	}
	.order-lg-1 {
		order: 1;
	}
	.order-lg-2 {
		order: 2;
	}
	.order-lg-3 {
		order: 3;
	}
	.order-lg-4 {
		order: 4;
	}
	.order-lg-5 {
		order: 5;
	}
	.order-lg-6 {
		order: 6;
	}
	.order-lg-7 {
		order: 7;
	}
	.order-lg-8 {
		order: 8;
	}
	.order-lg-9 {
		order: 9;
	}
	.order-lg-10 {
		order: 10;
	}
	.order-lg-11 {
		order: 11;
	}
	.order-lg-12 {
		order: 12;
	}
	.offset-lg-0 {
		margin-left: 0;
	}
	.offset-lg-1 {
		margin-left: 8.33333%;
	}
	.offset-lg-2 {
		margin-left: 16.66667%;
	}
	.offset-lg-3 {
		margin-left: 25%;
	}
	.offset-lg-4 {
		margin-left: 33.33333%;
	}
	.offset-lg-5 {
		margin-left: 41.66667%;
	}
	.offset-lg-6 {
		margin-left: 50%;
	}
	.offset-lg-7 {
		margin-left: 58.33333%;
	}
	.offset-lg-8 {
		margin-left: 66.66667%;
	}
	.offset-lg-9 {
		margin-left: 75%;
	}
	.offset-lg-10 {
		margin-left: 83.33333%;
	}
	.offset-lg-11 {
		margin-left: 91.66667%;
	}
}

@media ( min-width : 1200px) {
	.col-xl {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xl-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xl-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xl-3, .lightGallery .image-tile {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xl-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xl-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xl-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xl-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xl-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xl-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-xl-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.order-xl-first {
		order: -1;
	}
	.order-xl-last {
		order: 13;
	}
	.order-xl-0 {
		order: 0;
	}
	.order-xl-1 {
		order: 1;
	}
	.order-xl-2 {
		order: 2;
	}
	.order-xl-3 {
		order: 3;
	}
	.order-xl-4 {
		order: 4;
	}
	.order-xl-5 {
		order: 5;
	}
	.order-xl-6 {
		order: 6;
	}
	.order-xl-7 {
		order: 7;
	}
	.order-xl-8 {
		order: 8;
	}
	.order-xl-9 {
		order: 9;
	}
	.order-xl-10 {
		order: 10;
	}
	.order-xl-11 {
		order: 11;
	}
	.order-xl-12 {
		order: 12;
	}
	.offset-xl-0 {
		margin-left: 0;
	}
	.offset-xl-1 {
		margin-left: 8.33333%;
	}
	.offset-xl-2 {
		margin-left: 16.66667%;
	}
	.offset-xl-3 {
		margin-left: 25%;
	}
	.offset-xl-4 {
		margin-left: 33.33333%;
	}
	.offset-xl-5 {
		margin-left: 41.66667%;
	}
	.offset-xl-6 {
		margin-left: 50%;
	}
	.offset-xl-7 {
		margin-left: 58.33333%;
	}
	.offset-xl-8 {
		margin-left: 66.66667%;
	}
	.offset-xl-9 {
		margin-left: 75%;
	}
	.offset-xl-10 {
		margin-left: 83.33333%;
	}
	.offset-xl-11 {
		margin-left: 91.66667%;
	}
}

.table, .jsgrid .jsgrid-table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: #fff;
	color: #4e4c4c;
}

.table th, .jsgrid .jsgrid-table th, .table td, .jsgrid .jsgrid-table td
	{
	padding: 0.6375rem;
	vertical-align: top;
	border-bottom: none;
	border-top: 1px solid #eee;
}

.table thead th, .jsgrid .jsgrid-table thead th {
	vertical-align: middle;
	/* border-bottom: 2px solid #A9A9A9; */
}

.table tbody+tbody, .jsgrid .jsgrid-table tbody+tbody {
	/*border-top: 2px solid #f3f3f3;*/
	
}

.table .table, .jsgrid .jsgrid-table .table, .table .jsgrid .jsgrid-table,
	.jsgrid .table .jsgrid-table, .jsgrid .jsgrid-table .jsgrid-table {
	background-color: #fff;
}

table.table thead tr th:first-child {
	border-radius: 5px 0px 0px;
}

table.table thead tr th:last-child {
	border-radius: 0px 5px 0px 0px;
}

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

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

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

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

.table td a {
	font-size: 14px !important;
	line-height: 24px;
}

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

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f3f3f3;
}

.table-hover tbody tr:hover {
	background-color: #f3f3f3;
}

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

.table-hover .table-primary:hover {
	background-color: #c6c1ff;
}

.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th
	{
	background-color: #c6c1ff;
}

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

.table-hover .table-secondary:hover {
	background-color: #e0e1e7;
}

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

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

.table-hover .table-success:hover {
	background-color: #a5eecb;
}

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

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

.table-hover .table-info:hover {
	background-color: #addfff;
}

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

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

.table-hover .table-warning:hover {
	background-color: #ffe4ad;
}

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

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

.table-hover .table-danger:hover {
	background-color: #ffbfbf;
}

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

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

.table-hover .table-light:hover {
	background-color: #efefef;
}

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

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

.table-hover .table-dark:hover {
	background-color: #b7bcca;
}

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

.table-teal, .table-teal>th, .table-teal>td {
	background-color: #d0f4e5;
}

.table-hover .table-teal:hover {
	background-color: #bbefda;
}

.table-hover .table-teal:hover>td, .table-hover .table-teal:hover>th {
	background-color: #bbefda;
}

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

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

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

.table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th {
	color: var(--font-secondary-theme-color);
	background-color: #212529;
	border-color: #32383e;
}

.table .thead-light th, .jsgrid .jsgrid-table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #f3f3f3;
	font-size: 0.8rem;
}

.table-dark {
	color: var(--font-secondary-theme-color);
	background-color: #212529;
}

.table-dark th, .table-dark td, .table-dark thead th {
	border-color: #32383e;
}

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

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

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

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

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

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

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

.table-responsive {
	display: block;
	width: 100%;
	/* overflow-x: auto; */
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

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

.btn-outline-search {
	border: 1px solid var(--primary-theme-color) !important;
}

.border-outline-search {
	border: 1px solid var(--primary-theme-color) !important;
}

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
	.select2-container--default .select2-selection--single,
	.select2-container--default .select2-selection--single .select2-search__field,
	.tt-hint, .tt-query, .typeahead {
	display: block;
	width: 100%;
	padding: 0.56rem 1.375rem;
	font-size: 1rem;
	line-height: 1;
	color: #495057;
	background-color: #ffffff;
	background-clip: padding-box;
	border: 1px solid #cdcdcd;
	border-radius: 2px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
	.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
		.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
		.select2-container--default .select2-selection--single,
		.select2-container--default .select2-selection--single .select2-search__field,
		.tt-hint, .tt-query, .typeahead {
		transition: none;
	}
}

.form-control::-ms-expand, .asColorPicker-input::-ms-expand,
	.dataTables_wrapper select::-ms-expand, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"]::-ms-expand,
	.jsgrid .jsgrid-table .jsgrid-filter-row select::-ms-expand, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"]::-ms-expand,
	.select2-container--default .select2-selection--single::-ms-expand,
	.select2-container--default
  .select2-selection--single
  .select2-search__field::-ms-expand, .tt-hint::-ms-expand, .tt-query::-ms-expand,
	.typeahead::-ms-expand {
	background-color: transparent;
	border: 0;
}

.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"]:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"]:focus,
	.select2-container--default .select2-selection--single:focus,
	.select2-container--default
  .select2-selection--single
  .select2-search__field:focus, .tt-hint:focus, .tt-query:focus,
	.typeahead:focus {
	color: #495057;
	background-color: #fff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder, .asColorPicker-input::placeholder,
	.dataTables_wrapper select::placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"]::placeholder,
	.jsgrid .jsgrid-table .jsgrid-filter-row select::placeholder, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"]::placeholder,
	.select2-container--default .select2-selection--single::placeholder,
	.select2-container--default
  .select2-selection--single
  .select2-search__field::placeholder, .tt-hint::placeholder, .tt-query::placeholder,
	.typeahead::placeholder {
	color: #c9c8c8;
	opacity: 1;
}

.form-control:disabled, .asColorPicker-input:disabled,
	.dataTables_wrapper select:disabled, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"]:disabled,
	.jsgrid .jsgrid-table .jsgrid-filter-row select:disabled, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"]:disabled,
	.select2-container--default .select2-selection--single:disabled,
	.select2-container--default
  .select2-selection--single
  .select2-search__field:disabled, .tt-hint:disabled, .tt-query:disabled,
	.typeahead:disabled, .form-control[readonly], [readonly].asColorPicker-input,
	.dataTables_wrapper select[readonly], .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row select[readonly], .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type="number"],
	.select2-container--default [readonly].select2-selection--single,
	.select2-container--default
  .select2-selection--single
  [readonly].select2-search__field, [readonly].tt-hint, [readonly].tt-query,
	[readonly].typeahead {
	background-color: #e9ecef;
	opacity: 1;
}

/* select.form-control:not([size]):not([multiple]),
select.asColorPicker-input:not([size]):not([multiple]),
.dataTables_wrapper select:not([size]):not([multiple]),
.jsgrid .jsgrid-table .jsgrid-filter-row select:not([size]):not([multiple]),
.select2-container--default
  select.select2-selection--single:not([size]):not([multiple]),
.select2-container--default
  .select2-selection--single
  select.select2-search__field:not([size]):not([multiple]),
select.tt-hint:not([size]):not([multiple]),
select.tt-query:not([size]):not([multiple]),
select.typeahead:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
  padding: 0.57rem 0.75rem;
} */
select.form-control:focus::-ms-value, select.asColorPicker-input:focus::-ms-value,
	.dataTables_wrapper select:focus::-ms-value, .jsgrid .jsgrid-table .jsgrid-filter-row select:focus::-ms-value,
	.select2-container--default select.select2-selection--single:focus::-ms-value,
	.select2-container--default
  .select2-selection--single
  select.select2-search__field:focus::-ms-value, select.tt-hint:focus::-ms-value,
	select.tt-query:focus::-ms-value, select.typeahead:focus::-ms-value {
	color: #495057;
	background-color: #ffffff;
}

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

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

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

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

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

.form-control-plaintext.form-control-sm, .input-group-sm>.form-control-plaintext.form-control,
	.input-group-sm>.form-control-plaintext.asColorPicker-input,
	.dataTables_wrapper .input-group-sm>select.form-control-plaintext,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>input.form-control-plaintext[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>select.form-control-plaintext, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>input.form-control-plaintext[type="number"],
	.select2-container--default
  .input-group-sm>.form-control-plaintext.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-sm>.form-control-plaintext.select2-search__field,
	.input-group-sm>.form-control-plaintext.tt-hint, .input-group-sm>.form-control-plaintext.tt-query,
	.input-group-sm>.form-control-plaintext.typeahead, .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text,
	.input-group-sm>.asColorPicker-trigger>.form-control-plaintext.input-group-text,
	.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
	.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
	.input-group-sm>.asColorPicker-trigger>.form-control-plaintext.btn,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>.form-control-plaintext.ajax-file-upload,
	.ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>.form-control-plaintext.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.form-control-plaintext.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.form-control-plaintext.swal2-styled,
	.wizard>.actions
  .input-group-sm>.input-group-prepend>a.form-control-plaintext, .wizard>.actions
  .input-group-sm>.asColorPicker-trigger>a.form-control-plaintext,
	.input-group-sm>.input-group-append>.form-control-plaintext.btn,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-append>.form-control-plaintext.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>.form-control-plaintext.swal2-styled,
	.wizard>.actions
  .input-group-sm>.input-group-append>a.form-control-plaintext,
	.form-control-plaintext.form-control-lg, .input-group-lg>.form-control-plaintext.form-control,
	.input-group-lg>.form-control-plaintext.asColorPicker-input,
	.dataTables_wrapper .input-group-lg>select.form-control-plaintext,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>input.form-control-plaintext[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>select.form-control-plaintext, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>input.form-control-plaintext[type="number"],
	.select2-container--default
  .input-group-lg>.form-control-plaintext.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-lg>.form-control-plaintext.select2-search__field,
	.input-group-lg>.form-control-plaintext.tt-hint, .input-group-lg>.form-control-plaintext.tt-query,
	.input-group-lg>.form-control-plaintext.typeahead, .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
	.input-group-lg>.asColorPicker-trigger>.form-control-plaintext.input-group-text,
	.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
	.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
	.input-group-lg>.asColorPicker-trigger>.form-control-plaintext.btn,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>.form-control-plaintext.ajax-file-upload,
	.ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>.form-control-plaintext.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.form-control-plaintext.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.form-control-plaintext.swal2-styled,
	.wizard>.actions
  .input-group-lg>.input-group-prepend>a.form-control-plaintext, .wizard>.actions
  .input-group-lg>.asColorPicker-trigger>a.form-control-plaintext,
	.input-group-lg>.input-group-append>.form-control-plaintext.btn,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-append>.form-control-plaintext.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>.form-control-plaintext.swal2-styled,
	.wizard>.actions
  .input-group-lg>.input-group-append>a.form-control-plaintext {
	padding-right: 0;
	padding-left: 0;
}

.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.asColorPicker-input,
	.dataTables_wrapper .input-group-sm>select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input[type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input[type="number"],
	.select2-container--default .input-group-sm>.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-sm>.select2-search__field, .input-group-sm>.tt-hint,
	.input-group-sm>.tt-query, .input-group-sm>.typeahead, .input-group-sm>.input-group-prepend>.input-group-text,
	.input-group-sm>.asColorPicker-trigger>.input-group-text,
	.input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn,
	.input-group-sm>.asColorPicker-trigger>.btn, .ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>.ajax-file-upload,
	.ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>.ajax-file-upload, .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled, .wizard>.actions .input-group-sm>.input-group-prepend>a,
	.wizard>.actions .input-group-sm>.asColorPicker-trigger>a,
	.input-group-sm>.input-group-append>.btn, .ajax-upload-dragdrop .input-group-sm>.input-group-append>.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>.swal2-styled, .wizard>.actions .input-group-sm>.input-group-append>a
	{
	padding: 0.5rem 0.81rem;
	font-size: 0.875rem;
	line-height: 1;
	border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm>select.form-control:not([size]):not([multiple]),
	.input-group-sm>select.asColorPicker-input:not([size]):not([multiple]),
	.dataTables_wrapper .input-group-sm>select:not([size]):not([multiple]),
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>select:not([size]):not([multiple]),
	.select2-container--default
  .input-group-sm>select.select2-selection--single:not([size]):not([multiple]),
	.select2-container--default
  .select2-selection--single
  .input-group-sm>select.select2-search__field:not([size]):not([multiple]),
	.input-group-sm>select.tt-hint:not([size]):not([multiple]),
	.input-group-sm>select.tt-query:not([size]):not([multiple]),
	.input-group-sm>select.typeahead:not([size]):not([multiple]),
	.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
	.input-group-sm>.asColorPicker-trigger>select.input-group-text:not([size]):not([multiple]),
	.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
	.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
	.input-group-sm>.asColorPicker-trigger>select.btn:not([size]):not([multiple]),
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>select.ajax-file-upload:not([size]):not([multiple]),
	.ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>select.ajax-file-upload:not([size]):not([multiple]),
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>select.swal2-styled:not([size]):not([multiple]),
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled:not([size]):not([multiple]),
	.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-append>select.ajax-file-upload:not([size]):not([multiple]),
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>select.swal2-styled:not([size]):not([multiple])
	{
	/* height: calc(1.8125rem + 2px); */
	
}

.form-control-lg, .input-group-lg>.form-control, .input-group-lg>.asColorPicker-input,
	.dataTables_wrapper .input-group-lg>select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input[type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input[type="number"],
	.select2-container--default .input-group-lg>.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-lg>.select2-search__field, .input-group-lg>.tt-hint,
	.input-group-lg>.tt-query, .input-group-lg>.typeahead, .input-group-lg>.input-group-prepend>.input-group-text,
	.input-group-lg>.asColorPicker-trigger>.input-group-text,
	.input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn,
	.input-group-lg>.asColorPicker-trigger>.btn, .ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>.ajax-file-upload,
	.ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>.ajax-file-upload, .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled, .wizard>.actions .input-group-lg>.input-group-prepend>a,
	.wizard>.actions .input-group-lg>.asColorPicker-trigger>a,
	.input-group-lg>.input-group-append>.btn, .ajax-upload-dragdrop .input-group-lg>.input-group-append>.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>.swal2-styled, .wizard>.actions .input-group-lg>.input-group-append>a
	{
	padding: 0.94rem 1.94rem;
	font-size: 1.25rem;
	line-height: 1;
	border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg>select.form-control:not([size]):not([multiple]),
	.input-group-lg>select.asColorPicker-input:not([size]):not([multiple]),
	.dataTables_wrapper .input-group-lg>select:not([size]):not([multiple]),
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>select:not([size]):not([multiple]),
	.select2-container--default
  .input-group-lg>select.select2-selection--single:not([size]):not([multiple]),
	.select2-container--default
  .select2-selection--single
  .input-group-lg>select.select2-search__field:not([size]):not([multiple]),
	.input-group-lg>select.tt-hint:not([size]):not([multiple]),
	.input-group-lg>select.tt-query:not([size]):not([multiple]),
	.input-group-lg>select.typeahead:not([size]):not([multiple]),
	.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
	.input-group-lg>.asColorPicker-trigger>select.input-group-text:not([size]):not([multiple]),
	.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
	.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
	.input-group-lg>.asColorPicker-trigger>select.btn:not([size]):not([multiple]),
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>select.ajax-file-upload:not([size]):not([multiple]),
	.ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>select.ajax-file-upload:not([size]):not([multiple]),
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>select.swal2-styled:not([size]):not([multiple]),
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled:not([size]):not([multiple]),
	.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-append>select.ajax-file-upload:not([size]):not([multiple]),
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>select.swal2-styled:not([size]):not([multiple])
	{
	height: calc(2.875rem + 2px);
}

.form-group {
	margin-bottom: 1rem;
	/*border:1px solid var(--primary-theme-color);*/
	border-radius: 6px;
}

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

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

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

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

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

.form-check-input:disabled ~ .form-check-label {
	color: #9c9c9c;
}

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

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

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

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

.valid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: 0.5rem;
	margin-top: 0.1rem;
	font-size: 0.875rem;
	line-height: 1;
	color: var(--font-secondary-theme-color);
	background-color: rgba(40, 167, 69, 0.8);
	border-radius: 0.2rem;
}

.form-control {
	/*  border: 1px solid #7875eb !important; */
	
}

.was-validated .form-control:valid, .was-validated .asColorPicker-input:valid,
	.was-validated .dataTables_wrapper select:valid, .dataTables_wrapper .was-validated select:valid,
	.was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:valid, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="text"]:valid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid,
	.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid,
	.was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:valid, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="number"]:valid, .was-validated .select2-container--default .select2-selection--single:valid,
	.select2-container--default .was-validated .select2-selection--single:valid,
	.was-validated
  .select2-container--default
  .select2-selection--single
  .select2-search__field:valid, .select2-container--default
  .select2-selection--single
  .was-validated
  .select2-search__field:valid, .was-validated .tt-hint:valid,
	.was-validated .tt-query:valid, .was-validated .typeahead:valid,
	.form-control.is-valid, .is-valid.asColorPicker-input,
	.dataTables_wrapper select.is-valid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type="number"],
	.select2-container--default .is-valid.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .is-valid.select2-search__field, .is-valid.tt-hint, .is-valid.tt-query,
	.is-valid.typeahead, .was-validated .custom-select:valid,
	.custom-select.is-valid {
	border-color: #28a745;
}

.was-validated .form-control:valid:focus, .was-validated .asColorPicker-input:valid:focus,
	.was-validated .dataTables_wrapper select:valid:focus,
	.dataTables_wrapper .was-validated select:valid:focus, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:valid:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="text"]:valid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:valid:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:valid:focus,
	.was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:valid:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="number"]:valid:focus, .was-validated
  .select2-container--default
  .select2-selection--single:valid:focus, .select2-container--default
  .was-validated
  .select2-selection--single:valid:focus, .was-validated
  .select2-container--default
  .select2-selection--single
  .select2-search__field:valid:focus, .select2-container--default
  .select2-selection--single
  .was-validated
  .select2-search__field:valid:focus, .was-validated .tt-hint:valid:focus,
	.was-validated .tt-query:valid:focus, .was-validated .typeahead:valid:focus,
	.form-control.is-valid:focus, .is-valid.asColorPicker-input:focus,
	.dataTables_wrapper select.is-valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type="text"]:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-valid[type="number"]:focus,
	.select2-container--default .is-valid.select2-selection--single:focus,
	.select2-container--default
  .select2-selection--single
  .is-valid.select2-search__field:focus, .is-valid.tt-hint:focus,
	.is-valid.tt-query:focus, .is-valid.typeahead:focus, .was-validated .custom-select:valid:focus,
	.custom-select.is-valid:focus {
	border-color: #28a745;
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback, .was-validated .asColorPicker-input:valid 
	~ .valid-feedback, .was-validated .dataTables_wrapper select:valid ~
	.valid-feedback, .dataTables_wrapper .was-validated select:valid ~
	.valid-feedback, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:valid
  ~ .valid-feedback, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="text"]:valid
  ~ .valid-feedback, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:valid
  ~ .valid-feedback, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  select:valid
  ~ .valid-feedback, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:valid
  ~ .valid-feedback, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="number"]:valid
  ~ .valid-feedback, .was-validated
  .select2-container--default
  .select2-selection--single:valid
  ~ .valid-feedback, .select2-container--default
  .was-validated
  .select2-selection--single:valid
  ~ .valid-feedback, .was-validated
  .select2-container--default
  .select2-selection--single
  .select2-search__field:valid
  ~ .valid-feedback, .select2-container--default
  .select2-selection--single
  .was-validated
  .select2-search__field:valid
  ~ .valid-feedback, .was-validated .tt-hint:valid ~ .valid-feedback,
	.was-validated .tt-query:valid ~ .valid-feedback, .was-validated .typeahead:valid 
	~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip,
	.was-validated .asColorPicker-input:valid ~ .valid-tooltip,
	.was-validated .dataTables_wrapper select:valid ~ .valid-tooltip,
	.dataTables_wrapper .was-validated select:valid ~ .valid-tooltip,
	.was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:valid
  ~ .valid-tooltip, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="text"]:valid
  ~ .valid-tooltip, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:valid
  ~ .valid-tooltip, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  select:valid
  ~ .valid-tooltip, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:valid
  ~ .valid-tooltip, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="number"]:valid
  ~ .valid-tooltip, .was-validated
  .select2-container--default
  .select2-selection--single:valid
  ~ .valid-tooltip, .select2-container--default
  .was-validated
  .select2-selection--single:valid
  ~ .valid-tooltip, .was-validated
  .select2-container--default
  .select2-selection--single
  .select2-search__field:valid
  ~ .valid-tooltip, .select2-container--default
  .select2-selection--single
  .was-validated
  .select2-search__field:valid
  ~ .valid-tooltip, .was-validated .tt-hint:valid ~ .valid-tooltip,
	.was-validated .tt-query:valid ~ .valid-tooltip, .was-validated .typeahead:valid 
	~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .is-valid.asColorPicker-input 
	~ .valid-feedback, .dataTables_wrapper select.is-valid ~
	.valid-feedback, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input.is-valid[type="text"]
  ~ .valid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid 
	~ .valid-feedback, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input.is-valid[type="number"]
  ~ .valid-feedback, .select2-container--default
  .is-valid.select2-selection--single
  ~ .valid-feedback, .select2-container--default
  .select2-selection--single
  .is-valid.select2-search__field
  ~ .valid-feedback, .is-valid.tt-hint ~ .valid-feedback, .is-valid.tt-query 
	~ .valid-feedback, .is-valid.typeahead ~ .valid-feedback, .form-control.is-valid 
	~ .valid-tooltip, .is-valid.asColorPicker-input ~ .valid-tooltip,
	.dataTables_wrapper select.is-valid ~ .valid-tooltip, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input.is-valid[type="text"]
  ~ .valid-tooltip, .jsgrid .jsgrid-table .jsgrid-filter-row select.is-valid 
	~ .valid-tooltip, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input.is-valid[type="number"]
  ~ .valid-tooltip, .select2-container--default
  .is-valid.select2-selection--single
  ~ .valid-tooltip, .select2-container--default
  .select2-selection--single
  .is-valid.select2-search__field
  ~ .valid-tooltip, .is-valid.tt-hint ~ .valid-tooltip, .is-valid.tt-query 
	~ .valid-tooltip, .is-valid.typeahead ~ .valid-tooltip, .was-validated .custom-select:valid 
	~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip,
	.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~
	.valid-tooltip {
	display: block;
}

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

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

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

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

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
	.custom-control-input.is-valid ~ .custom-control-label::before {
	background-color: #71dd8a;
}

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

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

.was-validated
  .custom-control-input:valid:focus
  ~ .custom-control-label::before, .custom-control-input.is-valid:focus 
	~ .custom-control-label::before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

.was-validated .custom-file-input:valid ~ .custom-file-label::before,
	.custom-file-input.is-valid ~ .custom-file-label::before {
	border-color: inherit;
}

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

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
	.custom-file-input.is-valid:focus ~ .custom-file-label {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

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

.invalid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: 0.5rem;
	margin-top: 0.1rem;
	font-size: 0.875rem;
	line-height: 1;
	color: var(--font-secondary-theme-color);
	background-color: rgba(220, 53, 69, 0.8);
	border-radius: 0.2rem;
}

.was-validated .form-control:invalid, .was-validated .asColorPicker-input:invalid,
	.was-validated .dataTables_wrapper select:invalid, .dataTables_wrapper .was-validated select:invalid,
	.was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:invalid, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="text"]:invalid, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid,
	.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid,
	.was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:invalid, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="number"]:invalid, .was-validated .select2-container--default .select2-selection--single:invalid,
	.select2-container--default .was-validated .select2-selection--single:invalid,
	.was-validated
  .select2-container--default
  .select2-selection--single
  .select2-search__field:invalid, .select2-container--default
  .select2-selection--single
  .was-validated
  .select2-search__field:invalid, .was-validated .tt-hint:invalid,
	.was-validated .tt-query:invalid, .was-validated .typeahead:invalid,
	.form-control.is-invalid, .is-invalid.asColorPicker-input,
	.dataTables_wrapper select.is-invalid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type="number"],
	.select2-container--default .is-invalid.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .is-invalid.select2-search__field, .is-invalid.tt-hint, .is-invalid.tt-query,
	.is-invalid.typeahead, .was-validated .custom-select:invalid,
	.custom-select.is-invalid {
	border-color: #dc3545;
}

.was-validated .form-control:invalid:focus, .was-validated .asColorPicker-input:invalid:focus,
	.was-validated .dataTables_wrapper select:invalid:focus,
	.dataTables_wrapper .was-validated select:invalid:focus, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:invalid:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="text"]:invalid:focus, .was-validated .jsgrid .jsgrid-table .jsgrid-filter-row select:invalid:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row .was-validated select:invalid:focus,
	.was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:invalid:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="number"]:invalid:focus, .was-validated
  .select2-container--default
  .select2-selection--single:invalid:focus, .select2-container--default
  .was-validated
  .select2-selection--single:invalid:focus, .was-validated
  .select2-container--default
  .select2-selection--single
  .select2-search__field:invalid:focus, .select2-container--default
  .select2-selection--single
  .was-validated
  .select2-search__field:invalid:focus, .was-validated .tt-hint:invalid:focus,
	.was-validated .tt-query:invalid:focus, .was-validated .typeahead:invalid:focus,
	.form-control.is-invalid:focus, .is-invalid.asColorPicker-input:focus,
	.dataTables_wrapper select.is-invalid:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type="text"]:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row input.is-invalid[type="number"]:focus,
	.select2-container--default .is-invalid.select2-selection--single:focus,
	.select2-container--default
  .select2-selection--single
  .is-invalid.select2-search__field:focus, .is-invalid.tt-hint:focus,
	.is-invalid.tt-query:focus, .is-invalid.typeahead:focus, .was-validated .custom-select:invalid:focus,
	.custom-select.is-invalid:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .asColorPicker-input:invalid 
	~ .invalid-feedback, .was-validated .dataTables_wrapper select:invalid 
	~ .invalid-feedback, .dataTables_wrapper .was-validated select:invalid 
	~ .invalid-feedback, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:invalid
  ~ .invalid-feedback, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="text"]:invalid
  ~ .invalid-feedback, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:invalid
  ~ .invalid-feedback, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  select:invalid
  ~ .invalid-feedback, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:invalid
  ~ .invalid-feedback, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="number"]:invalid
  ~ .invalid-feedback, .was-validated
  .select2-container--default
  .select2-selection--single:invalid
  ~ .invalid-feedback, .select2-container--default
  .was-validated
  .select2-selection--single:invalid
  ~ .invalid-feedback, .was-validated
  .select2-container--default
  .select2-selection--single
  .select2-search__field:invalid
  ~ .invalid-feedback, .select2-container--default
  .select2-selection--single
  .was-validated
  .select2-search__field:invalid
  ~ .invalid-feedback, .was-validated .tt-hint:invalid ~
	.invalid-feedback, .was-validated .tt-query:invalid ~ .invalid-feedback,
	.was-validated .typeahead:invalid ~ .invalid-feedback, .was-validated .form-control:invalid 
	~ .invalid-tooltip, .was-validated .asColorPicker-input:invalid ~
	.invalid-tooltip, .was-validated .dataTables_wrapper select:invalid ~
	.invalid-tooltip, .dataTables_wrapper .was-validated select:invalid ~
	.invalid-tooltip, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:invalid
  ~ .invalid-tooltip, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="text"]:invalid
  ~ .invalid-tooltip, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:invalid
  ~ .invalid-tooltip, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  select:invalid
  ~ .invalid-tooltip, .was-validated
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:invalid
  ~ .invalid-tooltip, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .was-validated
  input[type="number"]:invalid
  ~ .invalid-tooltip, .was-validated
  .select2-container--default
  .select2-selection--single:invalid
  ~ .invalid-tooltip, .select2-container--default
  .was-validated
  .select2-selection--single:invalid
  ~ .invalid-tooltip, .was-validated
  .select2-container--default
  .select2-selection--single
  .select2-search__field:invalid
  ~ .invalid-tooltip, .select2-container--default
  .select2-selection--single
  .was-validated
  .select2-search__field:invalid
  ~ .invalid-tooltip, .was-validated .tt-hint:invalid ~ .invalid-tooltip,
	.was-validated .tt-query:invalid ~ .invalid-tooltip, .was-validated .typeahead:invalid 
	~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
	.is-invalid.asColorPicker-input ~ .invalid-feedback,
	.dataTables_wrapper select.is-invalid ~ .invalid-feedback, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input.is-invalid[type="text"]
  ~ .invalid-feedback, .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid 
	~ .invalid-feedback, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input.is-invalid[type="number"]
  ~ .invalid-feedback, .select2-container--default
  .is-invalid.select2-selection--single
  ~ .invalid-feedback, .select2-container--default
  .select2-selection--single
  .is-invalid.select2-search__field
  ~ .invalid-feedback, .is-invalid.tt-hint ~ .invalid-feedback,
	.is-invalid.tt-query ~ .invalid-feedback, .is-invalid.typeahead ~
	.invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip,
	.is-invalid.asColorPicker-input ~ .invalid-tooltip, .dataTables_wrapper select.is-invalid 
	~ .invalid-tooltip, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input.is-invalid[type="text"]
  ~ .invalid-tooltip, .jsgrid .jsgrid-table .jsgrid-filter-row select.is-invalid 
	~ .invalid-tooltip, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input.is-invalid[type="number"]
  ~ .invalid-tooltip, .select2-container--default
  .is-invalid.select2-selection--single
  ~ .invalid-tooltip, .select2-container--default
  .select2-selection--single
  .is-invalid.select2-search__field
  ~ .invalid-tooltip, .is-invalid.tt-hint ~ .invalid-tooltip,
	.is-invalid.tt-query ~ .invalid-tooltip, .is-invalid.typeahead ~
	.invalid-tooltip, .was-validated .custom-select:invalid ~
	.invalid-feedback, .was-validated .custom-select:invalid ~
	.invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
	.custom-select.is-invalid ~ .invalid-tooltip {
	display: block;
}

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

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

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

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

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

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

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

.was-validated
  .custom-control-input:invalid:focus
  ~ .custom-control-label::before, .custom-control-input.is-invalid:focus 
	~ .custom-control-label::before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

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

.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
	.custom-file-input.is-invalid ~ .custom-file-label::before {
	border-color: inherit;
}

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

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
	.custom-file-input.is-invalid:focus ~ .custom-file-label {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

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

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

@media ( min-width : 576px) {
	.form-inline label {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
	}
	.form-inline .form-group {
		display: flex;
		flex: 0 0 auto;
		flex-flow: row wrap;
		align-items: center;
		margin-bottom: 0;
	}
	.form-inline .form-control, .form-inline .asColorPicker-input,
		.form-inline .dataTables_wrapper select, .dataTables_wrapper .form-inline select,
		.form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
		.jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type="text"],
		.form-inline .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row .form-inline select,
		.form-inline .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
		.jsgrid .jsgrid-table .jsgrid-filter-row .form-inline input[type="number"],
		.form-inline .select2-container--default .select2-selection--single,
		.select2-container--default .form-inline .select2-selection--single,
		.form-inline
    .select2-container--default
    .select2-selection--single
    .select2-search__field, .select2-container--default
    .select2-selection--single
    .form-inline
    .select2-search__field, .form-inline .tt-hint, .form-inline .tt-query,
		.form-inline .typeahead {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.form-inline .form-control-plaintext {
		display: inline-block;
	}
	.form-inline .input-group, .form-inline .asColorPicker-wrap,
		.form-inline .custom-select {
		width: auto;
	}
	.form-inline .form-check {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		padding-left: 0;
	}
	.form-inline .form-check-input {
		position: relative;
		margin-top: 0;
		margin-right: 0.25rem;
		margin-left: 0;
	}
	.form-inline .custom-control {
		align-items: center;
		justify-content: center;
	}
	.form-inline .custom-control-label {
		margin-bottom: 0;
	}
}

.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
	.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard>.actions a
	{
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.56rem 1.375rem;
	font-size: 1rem;
	line-height: 1;
	border-radius: 0.1875rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
	.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled,
		.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
		.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard>.actions a
		{
		transition: none;
	}
}

.btn:hover, .ajax-upload-dragdrop .ajax-file-upload:hover, .swal2-modal .swal2-buttonswrapper .swal2-styled:hover,
	.wizard>.actions a:hover, .btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus,
	.swal2-modal .swal2-buttonswrapper .swal2-styled:focus, .wizard>.actions a:focus
	{
	text-decoration: none;
}

.btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
	.wizard>.actions a:focus, .btn.focus, .ajax-upload-dragdrop .focus.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .focus.swal2-styled, .wizard>.actions a.focus
	{
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .ajax-upload-dragdrop .disabled.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .disabled.swal2-styled, .wizard>.actions a.disabled,
	.btn:disabled, .ajax-upload-dragdrop .ajax-file-upload:disabled,
	.swal2-modal .swal2-buttonswrapper .swal2-styled:disabled, .wizard>.actions a:disabled
	{
	opacity: 0.65;
}

.btn:not(:disabled):not(.disabled), .ajax-upload-dragdrop .ajax-file-upload:not(:disabled):not(.disabled),
	.swal2-modal .swal2-buttonswrapper .swal2-styled:not(:disabled):not(.disabled),
	.wizard>.actions a:not(:disabled):not(.disabled) {
	
}

.btn:not(:disabled):not(.disabled):active, .ajax-upload-dragdrop .ajax-file-upload:not(:disabled):not(.disabled):active,
	.swal2-modal
  .swal2-buttonswrapper
  .swal2-styled:not(:disabled):not(.disabled):active, .wizard>.actions a:not(:disabled):not(.disabled):active,
	.btn:not(:disabled):not(.disabled).active, .ajax-upload-dragdrop .ajax-file-upload:not(:disabled):not(.disabled).active,
	.swal2-modal
  .swal2-buttonswrapper
  .swal2-styled:not(:disabled):not(.disabled).active, .wizard>.actions a:not(:disabled):not(.disabled).active
	{
	background-image: none;
}

a.btn.disabled, .ajax-upload-dragdrop a.disabled.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper a.disabled.swal2-styled, .wizard>.actions a.disabled,
	fieldset:disabled a.btn, fieldset:disabled .ajax-upload-dragdrop a.ajax-file-upload,
	.ajax-upload-dragdrop fieldset:disabled a.ajax-file-upload, fieldset:disabled .swal2-modal .swal2-buttonswrapper a.swal2-styled,
	.swal2-modal .swal2-buttonswrapper fieldset:disabled a.swal2-styled,
	fieldset:disabled .wizard>.actions a, .wizard>.actions fieldset:disabled a
	{
	pointer-events: none;
}

.btn-primary, .wizard>.actions a {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-primary-theme-color);;
	border-color: var(--button-primary-theme-color);;
}

.btn-primary:hover, .wizard>.actions a:hover {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-primary-theme-color);;
	border-color: var(--button-primary-theme-color);;
}

.btn-primary:focus, .wizard>.actions a:focus, .btn-primary.focus,
	.wizard>.actions a.focus {
	box-shadow: 0 0 0 0.2rem rgba(133, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled, .wizard>.actions a:disabled
	{
	color: var(--font-secondary-theme-color);
	background-color: #857bff;
	border-color: #857bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
	.show>.btn-primary.dropdown-toggle, .wizard>.actions .show>a.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: #5648ff;
	border-color: #4a3bff;
}

.wizard>.actions a:not(:disabled):not(.disabled):active, .wizard>.actions a:not(:disabled):not(.disabled).active
	{
	background-color: #c2c6d1 !important;
	border-color: #c2c6d1 !important;
	color: var(--font-secondary-theme-color);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .wizard>.actions a:not(:disabled):not(.disabled):active:focus,
	.btn-primary:not(:disabled):not(.disabled).active:focus, .wizard>.actions a:not(:disabled):not(.disabled).active:focus,
	.show>.btn-primary.dropdown-toggle:focus, .wizard>.actions .show>a.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 0.2rem rgba(133, 123, 255, 0.5);
}

.btn-secondary, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-cancel {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-primary-theme-color);
	border-color: var(--button-primary-theme-color);
}

.btn-secondary:hover, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-cancel:hover {
	color: #212529;
	background-color: var(--button-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
}

.btn-secondary:focus, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-cancel:focus, .btn-secondary.focus, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .focus.editable-cancel {
	box-shadow: 0 0 0 0.2rem rgba(194, 198, 209, 0.5);
}

.btn-secondary.disabled, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .disabled.editable-cancel, .btn-secondary:disabled,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-cancel:disabled {
	color: #212529;
	background-color: #c2c6d1;
	border-color: #c2c6d1;
}

.btn-secondary:not(:disabled):not(.disabled):active, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-cancel:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-cancel:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .show>.dropdown-toggle.editable-cancel {
	color: #212529;
	background-color: #a5abbb;
	border-color: #9ea4b6;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-cancel:not(:disabled):not(.disabled):active:focus,
	.btn-secondary:not(:disabled):not(.disabled).active:focus,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-cancel:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary.dropdown-toggle:focus,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .show>.dropdown-toggle.editable-cancel:focus {
	box-shadow: 0 0 0 0.2rem rgba(194, 198, 209, 0.5);
}

.btn-success {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-primary-theme-color);
	border-color: var(--button-primary-theme-color);
	font-size: 15px !important;
	border-radius: 3px !important;
}

.btn-success:hover {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-primary-theme-color);
	border-color: var(--button-primary-theme-color);
}

.btn-success:focus, .btn-success.focus {
	box-shadow: 0 0 0 0.2rem rgba(8, 210, 111, 0.5);
}

.btn-secondary {
	cursor: pointer;
	font-size: 15px !important;
	border-radius: 5px;
}

.btn-secondary:hover {
	cursor: pointer;
}

.btn-success.disabled, .btn-success:disabled {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
	.show>.btn-success.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	background-color: #06a155;
	border-color: #06954f;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
	.show>.btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(8, 210, 111, 0.5);
}

.btn-info, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-submit {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-primary-theme-color);
	border-color: var(--button-primary-theme-color);
}

.btn-info:hover, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-submit:hover {
	color: var(--font-secondary-theme-color);
	background-color: #0fa1ff;
	border-color: #029cff;
}

.btn-info:focus, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-submit:focus, .btn-info.focus, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .focus.editable-submit {
	box-shadow: 0 0 0 0.2rem rgba(53, 176, 255, 0.5);
}

.btn-info.disabled, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .disabled.editable-submit, .btn-info:disabled, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-submit:disabled {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-info:not(:disabled):not(.disabled):active, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-submit:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-submit:not(:disabled):not(.disabled).active, .show>.btn-info.dropdown-toggle,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .show>.dropdown-toggle.editable-submit {
	color: var(--font-secondary-theme-color);
	background-color: #029cff;
	border-color: #0095f4;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-submit:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-submit:not(:disabled):not(.disabled).active:focus, .show>.btn-info.dropdown-toggle:focus,
	.editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .show>.dropdown-toggle.editable-submit:focus {
	box-shadow: 0 0 0 0.2rem rgba(53, 176, 255, 0.5);
}

.btn-warning {
	color: #212529;
	background-color: var(--button-primary-theme-color);
	border-color: var(--button-primary-theme-color);
}

.btn-warning:hover {
	color: #212529;
	background-color: #ffaf0e;
	border-color: #ffab01;
}

.btn-warning:focus, .btn-warning.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 188, 52, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
	color: #212529;
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

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

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
	.show>.btn-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 188, 52, 0.5);
}

.btn-danger {
	color: var(--font-primary-theme-color)!important;
	background-color: var(--button-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
	border-radius: 2.1875rem !important;
	font-size: 15px !important;
	border-radius: 3px !important;
	cursor: pointer;
}

.btn-danger:hover {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
}

.btn-danger:focus, .btn-danger.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 116, 116, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
	color: #212529;
	background-color: #ff7474;
	border-color: #ff7474;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
	.show>.btn-danger.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	background-color: #ff4141;
	border-color: #ff3434;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
	.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 116, 116, 0.5);
}

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

.btn-light:hover {
	color: #212529;
	background-color: #dde3e6;
	border-color: #d6dde0;
}

.btn-light:focus, .btn-light.focus {
	box-shadow: 0 0 0 0.2rem rgba(243, 245, 246, 0.5);
}

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

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

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
	.show>.btn-light.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(243, 245, 246, 0.5);
}

.btn-dark {
	color: var(--primary-theme-color);
	background-color: transparent;
	border-color: transparent;
}

.btn-dark:hover {
	color: var(--primary-theme-color);
	background-color: transparent;
	border-color: transparent;
}

.btn-dark:focus, .btn-dark.focus {
	box-shadow: 0 0 0 0.2rem rgba(53, 65, 104, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
	color: var(--font-secondary-theme-color);
	/* background-color: #354168;
  border-color: #354168;*/
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
	.show>.btn-dark.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	/*background-color: #242c46;
  border-color: #1f273e;*/
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
	.show>.btn-dark.dropdown-toggle:focus {
	color: var(--font-secondary-theme-color);
	/*box-shadow: 0 0 0 0.2rem rgba(53, 65, 104, 0.5);*/
}

.btn-teal {
	color: #212529;
	background-color: #58d8a3;
	border-color: #58d8a3;
}

.btn-teal:hover {
	color: #212529;
	background-color: #39d192;
	border-color: #30cd8c;
}

.btn-teal:focus, .btn-teal.focus {
	box-shadow: 0 0 0 0.2rem rgba(88, 216, 163, 0.5);
}

.btn-teal.disabled, .btn-teal:disabled {
	color: #212529;
	background-color: #58d8a3;
	border-color: #58d8a3;
}

.btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active,
	.show>.btn-teal.dropdown-toggle {
	color: #212529;
	background-color: #30cd8c;
	border-color: #2dc385;
}

.btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus,
	.show>.btn-teal.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(88, 216, 163, 0.5);
}

.btn-outline-primary, .wizard>.actions .disabled a {
	color: var(--font-primary-theme-color);
	background-color: #fff;
	background-image: none;
	border-color: var(--primary-theme-color);
}

.btn-outline-primary:hover, .wizard>.actions .disabled a:hover {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-outline-primary:focus, .wizard>.actions .disabled a:focus,
	.btn-outline-primary.focus, .wizard>.actions .disabled a.focus {
	box-shadow: 0 0 0 0.2rem rgba(133, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .wizard>.actions .disabled a.disabled,
	.btn-outline-primary:disabled, .wizard>.actions .disabled a:disabled {
	color: #857bff;
	background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .wizard>.actions .disabled a:not(:disabled):not(.disabled):active,
	.btn-outline-primary:not(:disabled):not(.disabled).active, .wizard>.actions .disabled a:not(:disabled):not(.disabled).active,
	.show>.btn-outline-primary.dropdown-toggle, .wizard>.actions .disabled .show>a.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: #857bff;
	border-color: #857bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .wizard>.actions .disabled a:not(:disabled):not(.disabled):active:focus,
	.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
	.wizard>.actions .disabled a:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-primary.dropdown-toggle:focus, .wizard>.actions .disabled .show>a.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 0.2rem rgba(133, 123, 255, 0.5);
}

.btn-outline-secondary {
	color: #c2c6d1;
	background-color: transparent;
	background-image: none;
	border-color: #c2c6d1;
}

.btn-outline-secondary:hover {
	color: #212529;
	background-color: #c2c6d1;
	border-color: #c2c6d1;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
	box-shadow: 0 0 0 0.2rem rgba(194, 198, 209, 0.5);
}

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

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

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
	.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
	.show>.btn-outline-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(194, 198, 209, 0.5);
}

.btn-outline-success {
	color: var(--button-secondary-theme-color);
	background-color: transparent;
	background-image: none;
	border-color: var(--button-secondary-theme-color);
}

.btn-outline-success:hover {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
}

.btn-outline-success:focus, .btn-outline-success.focus {
	box-shadow: 0 0 0 0.2rem rgba(8, 210, 111, 0.5);
}
/* .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: var(--button-secondary-theme-color);
    background-color: transparent; } */
/* .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: var(--font-secondary-theme-color);
    background-color: var(--button-secondary-theme-color);
    border-color: var(--button-secondary-theme-color); }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(8, 210, 111, 0.5); } */
.btn-outline-info {
	color: var(--primary-theme-color);
	background-color: transparent;
	background-image: none;
	border-color: var(--primary-theme-color);
}

.btn-outline-info:hover {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-outline-info:focus, .btn-outline-info.focus {
	box-shadow: 0 0 0 0.2rem rgba(53, 176, 255, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
	color: var(--primary-theme-color);
	background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
	.btn-outline-info:not(:disabled):not(.disabled).active, .show>.btn-outline-info.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
	.btn-outline-info:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-info.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 0.2rem rgba(53, 176, 255, 0.5);
}

.btn-outline-warning {
	color: var(--primary-theme-color);
	background-color: transparent;
	background-image: none;
	border-color: var(--primary-theme-color);
}

.btn-outline-warning:hover {
	color: #212529;
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 188, 52, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
	color: var(--primary-theme-color);
	background-color: transparent;
}

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

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
	.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-warning.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 0.2rem rgba(255, 188, 52, 0.5);
}

.btn-outline-danger {
	color: #ff7474;
	background-color: transparent;
	background-image: none;
	border-color: #ff7474;
}

.btn-outline-danger:hover {
	color: #212529;
	background-color: #ff7474;
	border-color: #ff7474;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 116, 116, 0.5);
}

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

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

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
	.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-danger.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 0.2rem rgba(255, 116, 116, 0.5);
}

.btn-outline-light {
	color: #f3f5f6;
	background-color: transparent;
	background-image: none;
	border-color: #f3f5f6;
}

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

.btn-outline-light:focus, .btn-outline-light.focus {
	box-shadow: 0 0 0 0.2rem rgba(243, 245, 246, 0.5);
}

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

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

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
	.btn-outline-light:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-light.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 0.2rem rgba(243, 245, 246, 0.5);
}

.btn-outline-dark {
	color: #354168;
	background-color: transparent;
	background-image: none;
	border-color: #354168;
}

.btn-outline-dark:hover {
	color: var(--font-secondary-theme-color);
	background-color: #354168;
	border-color: #354168;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
	box-shadow: 0 0 0 0.2rem rgba(53, 65, 104, 0.5);
}

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

.btn-outline-dark:not(:disabled):not(.disabled):active,
	.btn-outline-dark:not(:disabled):not(.disabled).active, .show>.btn-outline-dark.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: #354168;
	border-color: #354168;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
	.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-dark.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 0.2rem rgba(53, 65, 104, 0.5);
}

.btn-outline-teal {
	color: #58d8a3;
	background-color: transparent;
	background-image: none;
	border-color: #58d8a3;
}

.btn-outline-teal:hover {
	color: #212529;
	background-color: #58d8a3;
	border-color: #58d8a3;
}

.btn-outline-teal:focus, .btn-outline-teal.focus {
	box-shadow: 0 0 0 0.2rem rgba(88, 216, 163, 0.5);
}

.btn-outline-teal.disabled, .btn-outline-teal:disabled {
	color: #58d8a3;
	background-color: transparent;
}

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

.btn-outline-teal:not(:disabled):not(.disabled):active:focus,
	.btn-outline-teal:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-teal.dropdown-toggle:focus
	{
	box-shadow: 0 0 0 0.2rem rgba(88, 216, 163, 0.5);
}

.btn-link {
	font-weight: 400;
	color: #007bff;
	background-color: transparent;
}

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

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

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

.btn-lg, .btn-group-lg>.btn, .ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled, .wizard>.actions .btn-group-lg>a
	{
	padding: 0.94rem 1.94rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.1875rem;
}

.btn-sm, .btn-group-sm>.btn, .ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled, .wizard>.actions .btn-group-sm>a
	{
	padding: 0.5rem 0.81rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.1875rem;
}

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

.btn-block+.btn-block {
	margin-top: 0.5rem;
}

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

.fade {
	transition: opacity 0.15s linear;
}

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

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

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

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

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

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

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

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

.swal-icon:first-child {
	margin-top: 0px !important;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #f3f3f3;
	border-radius: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

.dropleft .dropdown-toggle::before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid transparent;
	border-right: 0.3em solid;
	border-bottom: 0.3em solid transparent;
}

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

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

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

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

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

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

.dropdown-item.active, .dropdown-item:active {
	color: var(--font-secondary-theme-color);
	text-decoration: none;
	background-color: #007bff;
}

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

.dropdown-menu.show {
	display: block;
}

.dropdown-header {
	display: block;
	padding: 0.5rem 1.5rem;
	margin-bottom: 0;
	font-size: 0.875rem;
	color: #212529;
	white-space: nowrap;
}

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

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

.btn-group>.btn, .ajax-upload-dragdrop .btn-group>.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled, .wizard>.actions .btn-group>a,
	.btn-group-vertical>.btn, .ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled,
	.wizard>.actions .btn-group-vertical>a {
	position: relative;
	flex: 0 1 auto;
}

.btn-group>.btn:hover, .ajax-upload-dragdrop .btn-group>.ajax-file-upload:hover,
	.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:hover,
	.wizard>.actions .btn-group>a:hover, .btn-group-vertical>.btn:hover,
	.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:hover,
	.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:hover,
	.wizard>.actions .btn-group-vertical>a:hover {
	z-index: 1;
}

.btn-group>.btn:focus, .ajax-upload-dragdrop .btn-group>.ajax-file-upload:focus,
	.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:focus,
	.wizard>.actions .btn-group>a:focus, .btn-group>.btn:active,
	.ajax-upload-dragdrop .btn-group>.ajax-file-upload:active, .swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:active,
	.wizard>.actions .btn-group>a:active, .btn-group>.btn.active,
	.ajax-upload-dragdrop .btn-group>.active.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group>.active.swal2-styled,
	.wizard>.actions .btn-group>a.active, .btn-group-vertical>.btn:focus,
	.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:focus,
	.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:focus,
	.wizard>.actions .btn-group-vertical>a:focus, .btn-group-vertical>.btn:active,
	.ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:active,
	.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled:active,
	.wizard>.actions .btn-group-vertical>a:active, .btn-group-vertical>.btn.active,
	.ajax-upload-dragdrop .btn-group-vertical>.active.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.active.swal2-styled,
	.wizard>.actions .btn-group-vertical>a.active {
	z-index: 1;
}

.btn-group .btn+.btn, .btn-group .ajax-upload-dragdrop .ajax-file-upload+.btn,
	.ajax-upload-dragdrop .btn-group .ajax-file-upload+.btn, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
	.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+.btn,
	.btn-group .wizard>.actions a+.btn, .wizard>.actions .btn-group a+.btn,
	.btn-group .ajax-upload-dragdrop .btn+.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .btn+.ajax-file-upload, .btn-group .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .ajax-file-upload+.ajax-file-upload,
	.btn-group
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .swal2-styled+.ajax-file-upload, .ajax-upload-dragdrop
  .btn-group
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.ajax-file-upload, .swal2-modal
  .swal2-buttonswrapper
  .btn-group
  .ajax-upload-dragdrop
  .swal2-styled+.ajax-file-upload, .ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group
  .swal2-styled+.ajax-file-upload, .btn-group .wizard>.actions .ajax-upload-dragdrop a+.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .wizard>.actions a+.ajax-file-upload,
	.wizard>.actions .btn-group .ajax-upload-dragdrop a+.ajax-file-upload,
	.ajax-upload-dragdrop .wizard>.actions .btn-group a+.ajax-file-upload,
	.btn-group .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .btn+.swal2-styled,
	.btn-group
  .ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .btn-group
  .ajax-upload-dragdrop
  .ajax-file-upload+.swal2-styled, .ajax-upload-dragdrop
  .btn-group
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .btn-group
  .ajax-file-upload+.swal2-styled, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+.swal2-styled,
	.btn-group
  .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .btn-group
  .wizard>.actions
  a+.swal2-styled, .wizard>.actions
  .btn-group
  .swal2-modal
  .swal2-buttonswrapper
  a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .btn-group
  a+.swal2-styled, .btn-group .wizard>.actions .btn+a, .wizard>.actions .btn-group .btn+a,
	.btn-group .ajax-upload-dragdrop .wizard>.actions .ajax-file-upload+a,
	.wizard>.actions .btn-group .ajax-upload-dragdrop .ajax-file-upload+a,
	.ajax-upload-dragdrop .btn-group .wizard>.actions .ajax-file-upload+a,
	.wizard>.actions .ajax-upload-dragdrop .btn-group .ajax-file-upload+a,
	.btn-group
  .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .swal2-styled+a, .wizard>.actions
  .btn-group
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+a, .swal2-modal
  .swal2-buttonswrapper
  .btn-group
  .wizard>.actions
  .swal2-styled+a, .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group
  .swal2-styled+a, .btn-group .wizard>.actions a+a, .wizard>.actions .btn-group a+a,
	.btn-group .btn+.btn-group, .btn-group .ajax-upload-dragdrop .ajax-file-upload+.btn-group,
	.ajax-upload-dragdrop .btn-group .ajax-file-upload+.btn-group,
	.btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn-group,
	.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled+.btn-group,
	.btn-group .wizard>.actions a+.btn-group, .wizard>.actions .btn-group a+.btn-group,
	.btn-group .btn-group+.btn, .btn-group .ajax-upload-dragdrop .btn-group+.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .btn-group+.ajax-file-upload,
	.btn-group .swal2-modal .swal2-buttonswrapper .btn-group+.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .btn-group+.swal2-styled,
	.btn-group .wizard>.actions .btn-group+a, .wizard>.actions .btn-group .btn-group+a,
	.btn-group .btn-group+.btn-group, .btn-group-vertical .btn+.btn,
	.btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload+.btn,
	.ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload+.btn,
	.btn-group-vertical .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
	.swal2-modal .swal2-buttonswrapper .btn-group-vertical .swal2-styled+.btn,
	.btn-group-vertical .wizard>.actions a+.btn, .wizard>.actions .btn-group-vertical a+.btn,
	.btn-group-vertical .ajax-upload-dragdrop .btn+.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group-vertical .btn+.ajax-file-upload,
	.btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload+.ajax-file-upload,
	.btn-group-vertical
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .swal2-styled+.ajax-file-upload, .ajax-upload-dragdrop
  .btn-group-vertical
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.ajax-file-upload, .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical
  .ajax-upload-dragdrop
  .swal2-styled+.ajax-file-upload, .ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical
  .swal2-styled+.ajax-file-upload, .btn-group-vertical
  .wizard>.actions
  .ajax-upload-dragdrop
  a+.ajax-file-upload, .ajax-upload-dragdrop
  .btn-group-vertical
  .wizard>.actions
  a+.ajax-file-upload, .wizard>.actions
  .btn-group-vertical
  .ajax-upload-dragdrop
  a+.ajax-file-upload, .ajax-upload-dragdrop
  .wizard>.actions
  .btn-group-vertical
  a+.ajax-file-upload, .btn-group-vertical .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group-vertical .btn+.swal2-styled,
	.btn-group-vertical
  .ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical
  .ajax-upload-dragdrop
  .ajax-file-upload+.swal2-styled, .ajax-upload-dragdrop
  .btn-group-vertical
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .btn-group-vertical
  .ajax-file-upload+.swal2-styled, .btn-group-vertical
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical
  .swal2-styled+.swal2-styled, .btn-group-vertical
  .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical
  .wizard>.actions
  a+.swal2-styled, .wizard>.actions
  .btn-group-vertical
  .swal2-modal
  .swal2-buttonswrapper
  a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .btn-group-vertical
  a+.swal2-styled, .btn-group-vertical .wizard>.actions .btn+a, .wizard>.actions .btn-group-vertical .btn+a,
	.btn-group-vertical
  .ajax-upload-dragdrop
  .wizard>.actions
  .ajax-file-upload+a, .wizard>.actions
  .btn-group-vertical
  .ajax-upload-dragdrop
  .ajax-file-upload+a, .ajax-upload-dragdrop
  .btn-group-vertical
  .wizard>.actions
  .ajax-file-upload+a, .wizard>.actions
  .ajax-upload-dragdrop
  .btn-group-vertical
  .ajax-file-upload+a, .btn-group-vertical
  .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .swal2-styled+a, .wizard>.actions
  .btn-group-vertical
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+a, .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical
  .wizard>.actions
  .swal2-styled+a, .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical
  .swal2-styled+a, .btn-group-vertical .wizard>.actions a+a, .wizard>.actions .btn-group-vertical a+a,
	.btn-group-vertical .btn+.btn-group, .btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload+.btn-group,
	.ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload+.btn-group,
	.btn-group-vertical
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.btn-group, .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical
  .swal2-styled+.btn-group, .btn-group-vertical .wizard>.actions a+.btn-group,
	.wizard>.actions .btn-group-vertical a+.btn-group, .btn-group-vertical .btn-group+.btn,
	.btn-group-vertical .ajax-upload-dragdrop .btn-group+.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group-vertical .btn-group+.ajax-file-upload,
	.btn-group-vertical
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical
  .btn-group+.swal2-styled, .btn-group-vertical .wizard>.actions .btn-group+a,
	.wizard>.actions .btn-group-vertical .btn-group+a, .btn-group-vertical .btn-group+.btn-group
	{
	margin-left: -1px;
}

.btn-toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.btn-toolbar .input-group, .btn-toolbar .asColorPicker-wrap {
	width: auto;
}

.btn-group>.btn:first-child, .ajax-upload-dragdrop .btn-group>.ajax-file-upload:first-child,
	.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:first-child,
	.wizard>.actions .btn-group>a:first-child {
	margin-left: 0;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
	.ajax-upload-dragdrop
  .btn-group>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
	.swal2-modal
  .swal2-buttonswrapper
  .btn-group>.swal2-styled:not(:last-child):not(.dropdown-toggle),
	.wizard>.actions .btn-group>a:not(:last-child):not(.dropdown-toggle),
	.btn-group>.btn-group:not(:last-child)>.btn, .ajax-upload-dragdrop
  .btn-group>.btn-group:not(:last-child)>.ajax-file-upload, .swal2-modal
  .swal2-buttonswrapper
  .btn-group>.btn-group:not(:last-child)>.swal2-styled, .wizard>.actions .btn-group>.btn-group:not(:last-child)>a
	{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-group>.btn:not(:first-child), .ajax-upload-dragdrop .btn-group>.ajax-file-upload:not(:first-child),
	.swal2-modal .swal2-buttonswrapper .btn-group>.swal2-styled:not(:first-child),
	.wizard>.actions .btn-group>a:not(:first-child), .btn-group>.btn-group:not(:first-child)>.btn,
	.ajax-upload-dragdrop
  .btn-group>.btn-group:not(:first-child)>.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .btn-group>.btn-group:not(:first-child)>.swal2-styled, .wizard>.actions .btn-group>.btn-group:not(:first-child)>a
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

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

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

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

.btn-sm+.dropdown-toggle-split, .btn-group-sm>.btn+.dropdown-toggle-split,
	.ajax-upload-dragdrop
  .btn-group-sm>.ajax-file-upload+.dropdown-toggle-split, .swal2-modal
  .swal2-buttonswrapper
  .btn-group-sm>.swal2-styled+.dropdown-toggle-split, .wizard>.actions .btn-group-sm>a+.dropdown-toggle-split
	{
	padding-right: 0.6075rem;
	padding-left: 0.6075rem;
}

.btn-lg+.dropdown-toggle-split, .btn-group-lg>.btn+.dropdown-toggle-split,
	.ajax-upload-dragdrop
  .btn-group-lg>.ajax-file-upload+.dropdown-toggle-split, .swal2-modal
  .swal2-buttonswrapper
  .btn-group-lg>.swal2-styled+.dropdown-toggle-split, .wizard>.actions .btn-group-lg>a+.dropdown-toggle-split
	{
	padding-right: 1.455rem;
	padding-left: 1.455rem;
}

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

.btn-group-vertical .btn, .btn-group-vertical .ajax-upload-dragdrop .ajax-file-upload,
	.ajax-upload-dragdrop .btn-group-vertical .ajax-file-upload,
	.btn-group-vertical .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group-vertical .swal2-styled,
	.btn-group-vertical .wizard>.actions a, .wizard>.actions .btn-group-vertical a,
	.btn-group-vertical .btn-group {
	width: 100%;
}

.btn-group-vertical>.btn+.btn, .ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload+.btn,
	.swal2-modal .swal2-buttonswrapper .btn-group-vertical>.swal2-styled+.btn,
	.wizard>.actions .btn-group-vertical>a+.btn, .ajax-upload-dragdrop .btn-group-vertical>.btn+.ajax-file-upload,
	.ajax-upload-dragdrop
  .btn-group-vertical>.ajax-file-upload+.ajax-file-upload, .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .btn-group-vertical>.swal2-styled+.ajax-file-upload,
	.ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>.swal2-styled+.ajax-file-upload, .wizard>.actions
  .ajax-upload-dragdrop
  .btn-group-vertical>a+.ajax-file-upload, .ajax-upload-dragdrop
  .wizard>.actions
  .btn-group-vertical>a+.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-group-vertical>.btn+.swal2-styled,
	.ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>.ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .btn-group-vertical>.ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>.swal2-styled+.swal2-styled, .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .btn-group-vertical>a+.swal2-styled, .wizard>.actions .btn-group-vertical>.btn+a,
	.ajax-upload-dragdrop
  .wizard>.actions
  .btn-group-vertical>.ajax-file-upload+a, .wizard>.actions
  .ajax-upload-dragdrop
  .btn-group-vertical>.ajax-file-upload+a, .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .btn-group-vertical>.swal2-styled+a, .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>.swal2-styled+a, .wizard>.actions .btn-group-vertical>a+a,
	.btn-group-vertical>.btn+.btn-group, .ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload+.btn-group,
	.swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>.swal2-styled+.btn-group, .wizard>.actions .btn-group-vertical>a+.btn-group,
	.btn-group-vertical>.btn-group+.btn, .ajax-upload-dragdrop .btn-group-vertical>.btn-group+.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>.btn-group+.swal2-styled, .wizard>.actions .btn-group-vertical>.btn-group+a,
	.btn-group-vertical>.btn-group+.btn-group {
	margin-top: -1px;
	margin-left: 0;
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
	.ajax-upload-dragdrop
  .btn-group-vertical>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
	.swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>.swal2-styled:not(:last-child):not(.dropdown-toggle),
	.wizard>.actions
  .btn-group-vertical>a:not(:last-child):not(.dropdown-toggle),
	.btn-group-vertical>.btn-group:not(:last-child)>.btn,
	.ajax-upload-dragdrop
  .btn-group-vertical>.btn-group:not(:last-child)>.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>.btn-group:not(:last-child)>.swal2-styled, .wizard>.actions .btn-group-vertical>.btn-group:not(:last-child)>a
	{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:not(:first-child), .ajax-upload-dragdrop .btn-group-vertical>.ajax-file-upload:not(:first-child),
	.swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>.swal2-styled:not(:first-child), .wizard>.actions .btn-group-vertical>a:not(:first-child),
	.btn-group-vertical>.btn-group:not(:first-child)>.btn,
	.ajax-upload-dragdrop
  .btn-group-vertical>.btn-group:not(:first-child)>.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .btn-group-vertical>.btn-group:not(:first-child)>.swal2-styled,
	.wizard>.actions .btn-group-vertical>.btn-group:not(:first-child)>a {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.btn-group-toggle>.btn, .ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-group-toggle>.swal2-styled,
	.wizard>.actions .btn-group-toggle>a, .btn-group-toggle>.btn-group>.btn,
	.ajax-upload-dragdrop .btn-group-toggle>.btn-group>.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .btn-group-toggle>.btn-group>.swal2-styled, .wizard>.actions .btn-group-toggle>.btn-group>a
	{
	margin-bottom: 0;
}

.btn-group-toggle>.btn input[type="radio"], .ajax-upload-dragdrop .btn-group-toggle>.ajax-file-upload input[type="radio"],
	.swal2-modal
  .swal2-buttonswrapper
  .btn-group-toggle>.swal2-styled
  input[type="radio"], .wizard>.actions .btn-group-toggle>a input[type="radio"],
	.btn-group-toggle>.btn input[type="checkbox"], .ajax-upload-dragdrop
  .btn-group-toggle>.ajax-file-upload
  input[type="checkbox"], .swal2-modal
  .swal2-buttonswrapper
  .btn-group-toggle>.swal2-styled
  input[type="checkbox"], .wizard>.actions .btn-group-toggle>a input[type="checkbox"],
	.btn-group-toggle>.btn-group>.btn input[type="radio"],
	.ajax-upload-dragdrop
  .btn-group-toggle>.btn-group>.ajax-file-upload
  input[type="radio"], .swal2-modal
  .swal2-buttonswrapper
  .btn-group-toggle>.btn-group>.swal2-styled
  input[type="radio"], .wizard>.actions .btn-group-toggle>.btn-group>a input[type="radio"],
	.btn-group-toggle>.btn-group>.btn input[type="checkbox"],
	.ajax-upload-dragdrop
  .btn-group-toggle>.btn-group>.ajax-file-upload
  input[type="checkbox"], .swal2-modal
  .swal2-buttonswrapper
  .btn-group-toggle>.btn-group>.swal2-styled
  input[type="checkbox"], .wizard>.actions .btn-group-toggle>.btn-group>a input[type="checkbox"]
	{
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}

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

.input-group>.form-control, .asColorPicker-wrap>.form-control,
	.input-group>.asColorPicker-input, .asColorPicker-wrap>.asColorPicker-input,
	.dataTables_wrapper .input-group>select, .dataTables_wrapper .asColorPicker-wrap>select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group>input[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"], .select2-container--default .input-group>.select2-selection--single,
	.select2-container--default .asColorPicker-wrap>.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field, .select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field, .input-group>.tt-hint,
	.asColorPicker-wrap>.tt-hint, .input-group>.tt-query,
	.asColorPicker-wrap>.tt-query, .input-group>.typeahead,
	.asColorPicker-wrap>.typeahead, .input-group>.custom-select,
	.asColorPicker-wrap>.custom-select, .input-group>.custom-file,
	.asColorPicker-wrap>.custom-file {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}

.input-group>.form-control:focus, .asColorPicker-wrap>.form-control:focus,
	.input-group>.asColorPicker-input:focus, .asColorPicker-wrap>.asColorPicker-input:focus,
	.dataTables_wrapper .input-group>select:focus, .dataTables_wrapper .asColorPicker-wrap>select:focus,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]:focus, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select:focus,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]:focus,
	.select2-container--default .input-group>.select2-selection--single:focus,
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single:focus,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field:focus, .select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field:focus, .input-group>.tt-hint:focus,
	.asColorPicker-wrap>.tt-hint:focus, .input-group>.tt-query:focus,
	.asColorPicker-wrap>.tt-query:focus, .input-group>.typeahead:focus,
	.asColorPicker-wrap>.typeahead:focus, .input-group>.custom-select:focus,
	.asColorPicker-wrap>.custom-select:focus, .input-group>.custom-file:focus,
	.asColorPicker-wrap>.custom-file:focus {
	z-index: 3;
}

.input-group>.form-control+.form-control, .asColorPicker-wrap>.form-control+.form-control,
	.input-group>.asColorPicker-input+.form-control, .asColorPicker-wrap>.asColorPicker-input+.form-control,
	.dataTables_wrapper .input-group>select+.form-control,
	.dataTables_wrapper .asColorPicker-wrap>select+.form-control, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+.form-control, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+.form-control, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.form-control,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+.form-control, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+.form-control, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+.form-control,
	.select2-container--default
  .input-group>.select2-selection--single+.form-control,
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single+.form-control,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+.form-control,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+.form-control, .input-group>.tt-hint+.form-control,
	.asColorPicker-wrap>.tt-hint+.form-control, .input-group>.tt-query+.form-control,
	.asColorPicker-wrap>.tt-query+.form-control, .input-group>.typeahead+.form-control,
	.asColorPicker-wrap>.typeahead+.form-control, .input-group>.form-control+.asColorPicker-input,
	.asColorPicker-wrap>.form-control+.asColorPicker-input, .input-group>.asColorPicker-input+.asColorPicker-input,
	.asColorPicker-wrap>.asColorPicker-input+.asColorPicker-input,
	.dataTables_wrapper .input-group>select+.asColorPicker-input,
	.dataTables_wrapper .asColorPicker-wrap>select+.asColorPicker-input,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+.asColorPicker-input, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+.asColorPicker-input, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>select+.asColorPicker-input, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+.asColorPicker-input, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+.asColorPicker-input, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+.asColorPicker-input,
	.select2-container--default
  .input-group>.select2-selection--single+.asColorPicker-input,
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single+.asColorPicker-input,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+.asColorPicker-input,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+.asColorPicker-input,
	.input-group>.tt-hint+.asColorPicker-input, .asColorPicker-wrap>.tt-hint+.asColorPicker-input,
	.input-group>.tt-query+.asColorPicker-input, .asColorPicker-wrap>.tt-query+.asColorPicker-input,
	.input-group>.typeahead+.asColorPicker-input, .asColorPicker-wrap>.typeahead+.asColorPicker-input,
	.dataTables_wrapper .input-group>.form-control+select,
	.dataTables_wrapper .asColorPicker-wrap>.form-control+select,
	.dataTables_wrapper .input-group>.asColorPicker-input+select,
	.dataTables_wrapper .asColorPicker-wrap>.asColorPicker-input+select,
	.dataTables_wrapper .input-group>select+select, .dataTables_wrapper .asColorPicker-wrap>select+select,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .input-group>input[type="text"]+select, .dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .asColorPicker-wrap>input[type="text"]+select, .dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .input-group>select+select, .dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>select+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .asColorPicker-wrap>select+select, .dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .input-group>input[type="number"]+select, .dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .asColorPicker-wrap>input[type="number"]+select, .dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+select,
	.select2-container--default
  .dataTables_wrapper
  .input-group>.select2-selection--single+select, .dataTables_wrapper
  .select2-container--default
  .input-group>.select2-selection--single+select,
	.select2-container--default
  .dataTables_wrapper
  .asColorPicker-wrap>.select2-selection--single+select,
	.dataTables_wrapper
  .select2-container--default
  .asColorPicker-wrap>.select2-selection--single+select,
	.select2-container--default
  .select2-selection--single
  .dataTables_wrapper
  .input-group>.select2-search__field+select, .dataTables_wrapper
  .select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+select,
	.select2-container--default
  .select2-selection--single
  .dataTables_wrapper
  .asColorPicker-wrap>.select2-search__field+select, .dataTables_wrapper
  .select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+select, .dataTables_wrapper .input-group>.tt-hint+select,
	.dataTables_wrapper .asColorPicker-wrap>.tt-hint+select,
	.dataTables_wrapper .input-group>.tt-query+select, .dataTables_wrapper .asColorPicker-wrap>.tt-query+select,
	.dataTables_wrapper .input-group>.typeahead+select, .dataTables_wrapper .asColorPicker-wrap>.typeahead+select,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.form-control+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.form-control+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.asColorPicker-input+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.asColorPicker-input+input[type="text"],
	.dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>select+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .input-group>select+input[type="text"], .dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .asColorPicker-wrap>select+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>select+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+input[type="text"],
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.select2-selection--single+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .input-group>.select2-selection--single+input[type="text"],
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.select2-selection--single+input[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .asColorPicker-wrap>.select2-selection--single+input[type="text"],
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.select2-search__field+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+input[type="text"],
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.select2-search__field+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.tt-hint+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.tt-hint+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.tt-query+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.tt-query+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.typeahead+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.typeahead+input[type="text"], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.form-control+select,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.form-control+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.asColorPicker-input+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.asColorPicker-input+select, .dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>select+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .input-group>select+select, .dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .asColorPicker-wrap>select+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .asColorPicker-wrap>select+select,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+select,
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.select2-selection--single+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .input-group>.select2-selection--single+select,
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.select2-selection--single+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .asColorPicker-wrap>.select2-selection--single+select,
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.select2-search__field+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+select,
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.select2-search__field+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-hint+select,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.tt-hint+select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.tt-query+select,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.tt-query+select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.typeahead+select,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.typeahead+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.form-control+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.form-control+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.asColorPicker-input+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.asColorPicker-input+input[type="number"],
	.dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>select+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .input-group>select+input[type="number"], .dataTables_wrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .dataTables_wrapper
  .asColorPicker-wrap>select+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>select+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+input[type="number"],
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.select2-selection--single+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .input-group>.select2-selection--single+input[type="number"],
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.select2-selection--single+input[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .asColorPicker-wrap>.select2-selection--single+input[type="number"],
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.select2-search__field+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+input[type="number"],
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.select2-search__field+input[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+input[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.tt-hint+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.tt-hint+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.tt-query+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.tt-query+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.typeahead+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.typeahead+input[type="number"],
	.select2-container--default
  .input-group>.form-control+.select2-selection--single,
	.select2-container--default
  .asColorPicker-wrap>.form-control+.select2-selection--single,
	.select2-container--default
  .input-group>.asColorPicker-input+.select2-selection--single,
	.select2-container--default
  .asColorPicker-wrap>.asColorPicker-input+.select2-selection--single,
	.dataTables_wrapper
  .select2-container--default
  .input-group>select+.select2-selection--single,
	.select2-container--default
  .dataTables_wrapper
  .input-group>select+.select2-selection--single, .dataTables_wrapper
  .select2-container--default
  .asColorPicker-wrap>select+.select2-selection--single,
	.select2-container--default
  .dataTables_wrapper
  .asColorPicker-wrap>select+.select2-selection--single, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .input-group>input[type="text"]+.select2-selection--single,
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+.select2-selection--single, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .asColorPicker-wrap>input[type="text"]+.select2-selection--single,
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+.select2-selection--single,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .input-group>select+.select2-selection--single,
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>select+.select2-selection--single, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .asColorPicker-wrap>select+.select2-selection--single,
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+.select2-selection--single, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .input-group>input[type="number"]+.select2-selection--single,
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+.select2-selection--single, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .asColorPicker-wrap>input[type="number"]+.select2-selection--single,
	.select2-container--default
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+.select2-selection--single,
	.select2-container--default
  .input-group>.select2-selection--single+.select2-selection--single,
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single+.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+.select2-selection--single,
	.select2-container--default
  .input-group>.tt-hint+.select2-selection--single,
	.select2-container--default
  .asColorPicker-wrap>.tt-hint+.select2-selection--single,
	.select2-container--default
  .input-group>.tt-query+.select2-selection--single,
	.select2-container--default
  .asColorPicker-wrap>.tt-query+.select2-selection--single,
	.select2-container--default
  .input-group>.typeahead+.select2-selection--single,
	.select2-container--default
  .asColorPicker-wrap>.typeahead+.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group>.form-control+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.form-control+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .input-group>.asColorPicker-input+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.asColorPicker-input+.select2-search__field,
	.dataTables_wrapper
  .select2-container--default
  .select2-selection--single
  .input-group>select+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .dataTables_wrapper
  .input-group>select+.select2-search__field, .dataTables_wrapper
  .select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>select+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .dataTables_wrapper
  .asColorPicker-wrap>select+.select2-search__field, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .input-group>input[type="text"]+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+.select2-search__field, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>input[type="text"]+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+.select2-search__field, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .input-group>select+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>select+.select2-search__field, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>select+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+.select2-search__field, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .input-group>input[type="number"]+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+.select2-search__field, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>input[type="number"]+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-selection--single+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-selection--single+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .input-group>.tt-hint+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.tt-hint+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .input-group>.tt-query+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.tt-query+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .input-group>.typeahead+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.typeahead+.select2-search__field, .input-group>.form-control+.tt-hint,
	.asColorPicker-wrap>.form-control+.tt-hint, .input-group>.asColorPicker-input+.tt-hint,
	.asColorPicker-wrap>.asColorPicker-input+.tt-hint, .dataTables_wrapper .input-group>select+.tt-hint,
	.dataTables_wrapper .asColorPicker-wrap>select+.tt-hint, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+.tt-hint, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+.tt-hint, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.tt-hint,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+.tt-hint, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+.tt-hint, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+.tt-hint,
	.select2-container--default
  .input-group>.select2-selection--single+.tt-hint,
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single+.tt-hint,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+.tt-hint,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+.tt-hint, .input-group>.tt-hint+.tt-hint,
	.asColorPicker-wrap>.tt-hint+.tt-hint, .input-group>.tt-query+.tt-hint,
	.asColorPicker-wrap>.tt-query+.tt-hint, .input-group>.typeahead+.tt-hint,
	.asColorPicker-wrap>.typeahead+.tt-hint, .input-group>.form-control+.tt-query,
	.asColorPicker-wrap>.form-control+.tt-query, .input-group>.asColorPicker-input+.tt-query,
	.asColorPicker-wrap>.asColorPicker-input+.tt-query, .dataTables_wrapper .input-group>select+.tt-query,
	.dataTables_wrapper .asColorPicker-wrap>select+.tt-query, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+.tt-query, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+.tt-query, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.tt-query,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+.tt-query, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+.tt-query, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+.tt-query,
	.select2-container--default
  .input-group>.select2-selection--single+.tt-query,
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single+.tt-query,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+.tt-query,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+.tt-query, .input-group>.tt-hint+.tt-query,
	.asColorPicker-wrap>.tt-hint+.tt-query, .input-group>.tt-query+.tt-query,
	.asColorPicker-wrap>.tt-query+.tt-query, .input-group>.typeahead+.tt-query,
	.asColorPicker-wrap>.typeahead+.tt-query, .input-group>.form-control+.typeahead,
	.asColorPicker-wrap>.form-control+.typeahead, .input-group>.asColorPicker-input+.typeahead,
	.asColorPicker-wrap>.asColorPicker-input+.typeahead,
	.dataTables_wrapper .input-group>select+.typeahead, .dataTables_wrapper .asColorPicker-wrap>select+.typeahead,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+.typeahead, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+.typeahead, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.typeahead,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+.typeahead, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+.typeahead, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+.typeahead,
	.select2-container--default
  .input-group>.select2-selection--single+.typeahead,
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single+.typeahead,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+.typeahead,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+.typeahead, .input-group>.tt-hint+.typeahead,
	.asColorPicker-wrap>.tt-hint+.typeahead, .input-group>.tt-query+.typeahead,
	.asColorPicker-wrap>.tt-query+.typeahead, .input-group>.typeahead+.typeahead,
	.asColorPicker-wrap>.typeahead+.typeahead, .input-group>.form-control+.custom-select,
	.asColorPicker-wrap>.form-control+.custom-select, .input-group>.asColorPicker-input+.custom-select,
	.asColorPicker-wrap>.asColorPicker-input+.custom-select,
	.dataTables_wrapper .input-group>select+.custom-select,
	.dataTables_wrapper .asColorPicker-wrap>select+.custom-select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+.custom-select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+.custom-select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.custom-select,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+.custom-select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+.custom-select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+.custom-select,
	.select2-container--default
  .input-group>.select2-selection--single+.custom-select,
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single+.custom-select,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+.custom-select,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+.custom-select,
	.input-group>.tt-hint+.custom-select, .asColorPicker-wrap>.tt-hint+.custom-select,
	.input-group>.tt-query+.custom-select, .asColorPicker-wrap>.tt-query+.custom-select,
	.input-group>.typeahead+.custom-select, .asColorPicker-wrap>.typeahead+.custom-select,
	.input-group>.form-control+.custom-file, .asColorPicker-wrap>.form-control+.custom-file,
	.input-group>.asColorPicker-input+.custom-file, .asColorPicker-wrap>.asColorPicker-input+.custom-file,
	.dataTables_wrapper .input-group>select+.custom-file,
	.dataTables_wrapper .asColorPicker-wrap>select+.custom-file, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]+.custom-file, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]+.custom-file, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select+.custom-file,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select+.custom-file, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]+.custom-file, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]+.custom-file,
	.select2-container--default
  .input-group>.select2-selection--single+.custom-file,
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single+.custom-file,
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field+.custom-file,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field+.custom-file, .input-group>.tt-hint+.custom-file,
	.asColorPicker-wrap>.tt-hint+.custom-file, .input-group>.tt-query+.custom-file,
	.asColorPicker-wrap>.tt-query+.custom-file, .input-group>.typeahead+.custom-file,
	.asColorPicker-wrap>.typeahead+.custom-file, .input-group>.custom-select+.form-control,
	.asColorPicker-wrap>.custom-select+.form-control, .input-group>.custom-select+.asColorPicker-input,
	.asColorPicker-wrap>.custom-select+.asColorPicker-input,
	.dataTables_wrapper .input-group>.custom-select+select,
	.dataTables_wrapper .asColorPicker-wrap>.custom-select+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.custom-select+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.custom-select+input[type="text"], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-select+select,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.custom-select+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.custom-select+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.custom-select+input[type="number"],
	.select2-container--default
  .input-group>.custom-select+.select2-selection--single,
	.select2-container--default
  .asColorPicker-wrap>.custom-select+.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group>.custom-select+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.custom-select+.select2-search__field,
	.input-group>.custom-select+.tt-hint, .asColorPicker-wrap>.custom-select+.tt-hint,
	.input-group>.custom-select+.tt-query, .asColorPicker-wrap>.custom-select+.tt-query,
	.input-group>.custom-select+.typeahead, .asColorPicker-wrap>.custom-select+.typeahead,
	.input-group>.custom-select+.custom-select, .asColorPicker-wrap>.custom-select+.custom-select,
	.input-group>.custom-select+.custom-file, .asColorPicker-wrap>.custom-select+.custom-file,
	.input-group>.custom-file+.form-control, .asColorPicker-wrap>.custom-file+.form-control,
	.input-group>.custom-file+.asColorPicker-input, .asColorPicker-wrap>.custom-file+.asColorPicker-input,
	.dataTables_wrapper .input-group>.custom-file+select,
	.dataTables_wrapper .asColorPicker-wrap>.custom-file+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.custom-file+input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.custom-file+input[type="text"], .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>.custom-file+select,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.custom-file+select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>.custom-file+input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>.custom-file+input[type="number"],
	.select2-container--default
  .input-group>.custom-file+.select2-selection--single,
	.select2-container--default
  .asColorPicker-wrap>.custom-file+.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group>.custom-file+.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.custom-file+.select2-search__field, .input-group>.custom-file+.tt-hint,
	.asColorPicker-wrap>.custom-file+.tt-hint, .input-group>.custom-file+.tt-query,
	.asColorPicker-wrap>.custom-file+.tt-query, .input-group>.custom-file+.typeahead,
	.asColorPicker-wrap>.custom-file+.typeahead, .input-group>.custom-file+.custom-select,
	.asColorPicker-wrap>.custom-file+.custom-select, .input-group>.custom-file+.custom-file,
	.asColorPicker-wrap>.custom-file+.custom-file {
	margin-left: -1px;
}

.input-group>.form-control:not(:last-child), .asColorPicker-wrap>.form-control:not(:last-child),
	.input-group>.asColorPicker-input:not(:last-child), .asColorPicker-wrap>.asColorPicker-input:not(:last-child),
	.dataTables_wrapper .input-group>select:not(:last-child),
	.dataTables_wrapper .asColorPicker-wrap>select:not(:last-child),
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]:not(:last-child), .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]:not(:last-child), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group>select:not(:last-child),
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select:not(:last-child), .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]:not(:last-child), .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]:not(:last-child),
	.select2-container--default
  .input-group>.select2-selection--single:not(:last-child),
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single:not(:last-child),
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field:not(:last-child),
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field:not(:last-child),
	.input-group>.tt-hint:not(:last-child), .asColorPicker-wrap>.tt-hint:not(:last-child),
	.input-group>.tt-query:not(:last-child), .asColorPicker-wrap>.tt-query:not(:last-child),
	.input-group>.typeahead:not(:last-child), .asColorPicker-wrap>.typeahead:not(:last-child),
	.input-group>.custom-select:not(:last-child), .asColorPicker-wrap>.custom-select:not(:last-child)
	{
	/*border-top-right-radius: 0;
    border-bottom-right-radius: 0;*/
	
}

.input-group>.form-control:not(:first-child), .asColorPicker-wrap>.form-control:not(:first-child),
	.input-group>.asColorPicker-input:not(:first-child),
	.asColorPicker-wrap>.asColorPicker-input:not(:first-child),
	.dataTables_wrapper .input-group>select:not(:first-child),
	.dataTables_wrapper .asColorPicker-wrap>select:not(:first-child),
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="text"]:not(:first-child), .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="text"]:not(:first-child), .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>select:not(:first-child), .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>select:not(:first-child), .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group>input[type="number"]:not(:first-child), .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .asColorPicker-wrap>input[type="number"]:not(:first-child),
	.select2-container--default
  .input-group>.select2-selection--single:not(:first-child),
	.select2-container--default
  .asColorPicker-wrap>.select2-selection--single:not(:first-child),
	.select2-container--default
  .select2-selection--single
  .input-group>.select2-search__field:not(:first-child),
	.select2-container--default
  .select2-selection--single
  .asColorPicker-wrap>.select2-search__field:not(:first-child),
	.input-group>.tt-hint:not(:first-child), .asColorPicker-wrap>.tt-hint:not(:first-child),
	.input-group>.tt-query:not(:first-child), .asColorPicker-wrap>.tt-query:not(:first-child),
	.input-group>.typeahead:not(:first-child), .asColorPicker-wrap>.typeahead:not(:first-child),
	.input-group>.custom-select:not(:first-child), .asColorPicker-wrap>.custom-select:not(:first-child)
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group>.custom-file, .asColorPicker-wrap>.custom-file {
	display: flex;
	align-items: center;
}

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

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

.input-group-prepend, .asColorPicker-trigger, .input-group-append {
	display: flex;
}

.input-group-prepend .btn, .asColorPicker-trigger .btn,
	.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload,
	.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload,
	.asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload,
	.ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload,
	.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled,
	.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled,
	.input-group-prepend .wizard>.actions a, .wizard>.actions .input-group-prepend a,
	.asColorPicker-trigger .wizard>.actions a, .wizard>.actions .asColorPicker-trigger a,
	.input-group-append .btn, .input-group-append .ajax-upload-dragdrop .ajax-file-upload,
	.ajax-upload-dragdrop .input-group-append .ajax-file-upload,
	.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled,
	.input-group-append .wizard>.actions a, .wizard>.actions .input-group-append a
	{
	position: relative;
	z-index: 2;
}

.input-group-prepend .btn+.btn, .asColorPicker-trigger .btn+.btn,
	.input-group-prepend .ajax-upload-dragdrop .ajax-file-upload+.btn,
	.ajax-upload-dragdrop .input-group-prepend .ajax-file-upload+.btn,
	.asColorPicker-trigger .ajax-upload-dragdrop .ajax-file-upload+.btn,
	.ajax-upload-dragdrop .asColorPicker-trigger .ajax-file-upload+.btn,
	.input-group-prepend .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
	.swal2-modal .swal2-buttonswrapper .input-group-prepend .swal2-styled+.btn,
	.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
	.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .swal2-styled+.btn,
	.input-group-prepend .wizard>.actions a+.btn, .wizard>.actions .input-group-prepend a+.btn,
	.asColorPicker-trigger .wizard>.actions a+.btn, .wizard>.actions .asColorPicker-trigger a+.btn,
	.input-group-prepend .ajax-upload-dragdrop .btn+.ajax-file-upload,
	.ajax-upload-dragdrop .input-group-prepend .btn+.ajax-file-upload,
	.asColorPicker-trigger .ajax-upload-dragdrop .btn+.ajax-file-upload,
	.ajax-upload-dragdrop .asColorPicker-trigger .btn+.ajax-file-upload,
	.input-group-prepend
  .ajax-upload-dragdrop
  .ajax-file-upload+.ajax-file-upload, .ajax-upload-dragdrop
  .input-group-prepend
  .ajax-file-upload+.ajax-file-upload, .asColorPicker-trigger
  .ajax-upload-dragdrop
  .ajax-file-upload+.ajax-file-upload, .ajax-upload-dragdrop
  .asColorPicker-trigger
  .ajax-file-upload+.ajax-file-upload, .input-group-prepend
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .swal2-styled+.ajax-file-upload, .ajax-upload-dragdrop
  .input-group-prepend
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.ajax-file-upload, .swal2-modal
  .swal2-buttonswrapper
  .input-group-prepend
  .ajax-upload-dragdrop
  .swal2-styled+.ajax-file-upload, .ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-prepend
  .swal2-styled+.ajax-file-upload, .asColorPicker-trigger
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .swal2-styled+.ajax-file-upload, .ajax-upload-dragdrop
  .asColorPicker-trigger
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.ajax-file-upload, .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-trigger
  .ajax-upload-dragdrop
  .swal2-styled+.ajax-file-upload, .ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-trigger
  .swal2-styled+.ajax-file-upload, .input-group-prepend
  .wizard>.actions
  .ajax-upload-dragdrop
  a+.ajax-file-upload, .ajax-upload-dragdrop
  .input-group-prepend
  .wizard>.actions
  a+.ajax-file-upload, .wizard>.actions
  .input-group-prepend
  .ajax-upload-dragdrop
  a+.ajax-file-upload, .ajax-upload-dragdrop
  .wizard>.actions
  .input-group-prepend
  a+.ajax-file-upload, .asColorPicker-trigger
  .wizard>.actions
  .ajax-upload-dragdrop
  a+.ajax-file-upload, .ajax-upload-dragdrop
  .asColorPicker-trigger
  .wizard>.actions
  a+.ajax-file-upload, .wizard>.actions
  .asColorPicker-trigger
  .ajax-upload-dragdrop
  a+.ajax-file-upload, .ajax-upload-dragdrop
  .wizard>.actions
  .asColorPicker-trigger
  a+.ajax-file-upload, .input-group-prepend .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .input-group-prepend .btn+.swal2-styled,
	.asColorPicker-trigger .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .asColorPicker-trigger .btn+.swal2-styled,
	.input-group-prepend
  .ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group-prepend
  .ajax-upload-dragdrop
  .ajax-file-upload+.swal2-styled, .ajax-upload-dragdrop
  .input-group-prepend
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .input-group-prepend
  .ajax-file-upload+.swal2-styled, .asColorPicker-trigger
  .ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-trigger
  .ajax-upload-dragdrop
  .ajax-file-upload+.swal2-styled, .ajax-upload-dragdrop
  .asColorPicker-trigger
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .asColorPicker-trigger
  .ajax-file-upload+.swal2-styled, .input-group-prepend
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group-prepend
  .swal2-styled+.swal2-styled, .asColorPicker-trigger
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-trigger
  .swal2-styled+.swal2-styled, .input-group-prepend
  .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group-prepend
  .wizard>.actions
  a+.swal2-styled, .wizard>.actions
  .input-group-prepend
  .swal2-modal
  .swal2-buttonswrapper
  a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .input-group-prepend
  a+.swal2-styled, .asColorPicker-trigger
  .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-trigger
  .wizard>.actions
  a+.swal2-styled, .wizard>.actions
  .asColorPicker-trigger
  .swal2-modal
  .swal2-buttonswrapper
  a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .asColorPicker-trigger
  a+.swal2-styled, .input-group-prepend .wizard>.actions .btn+a, .wizard>.actions .input-group-prepend .btn+a,
	.asColorPicker-trigger .wizard>.actions .btn+a, .wizard>.actions .asColorPicker-trigger .btn+a,
	.input-group-prepend
  .ajax-upload-dragdrop
  .wizard>.actions
  .ajax-file-upload+a, .wizard>.actions
  .input-group-prepend
  .ajax-upload-dragdrop
  .ajax-file-upload+a, .ajax-upload-dragdrop
  .input-group-prepend
  .wizard>.actions
  .ajax-file-upload+a, .wizard>.actions
  .ajax-upload-dragdrop
  .input-group-prepend
  .ajax-file-upload+a, .asColorPicker-trigger
  .ajax-upload-dragdrop
  .wizard>.actions
  .ajax-file-upload+a, .wizard>.actions
  .asColorPicker-trigger
  .ajax-upload-dragdrop
  .ajax-file-upload+a, .ajax-upload-dragdrop
  .asColorPicker-trigger
  .wizard>.actions
  .ajax-file-upload+a, .wizard>.actions
  .ajax-upload-dragdrop
  .asColorPicker-trigger
  .ajax-file-upload+a, .input-group-prepend
  .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .swal2-styled+a, .wizard>.actions
  .input-group-prepend
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+a, .swal2-modal
  .swal2-buttonswrapper
  .input-group-prepend
  .wizard>.actions
  .swal2-styled+a, .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-prepend
  .swal2-styled+a, .asColorPicker-trigger
  .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .swal2-styled+a, .wizard>.actions
  .asColorPicker-trigger
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+a, .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-trigger
  .wizard>.actions
  .swal2-styled+a, .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-trigger
  .swal2-styled+a, .input-group-prepend .wizard>.actions a+a, .wizard>.actions .input-group-prepend a+a,
	.asColorPicker-trigger .wizard>.actions a+a, .wizard>.actions .asColorPicker-trigger a+a,
	.input-group-prepend .btn+.input-group-text, .asColorPicker-trigger .btn+.input-group-text,
	.input-group-prepend
  .ajax-upload-dragdrop
  .ajax-file-upload+.input-group-text, .ajax-upload-dragdrop
  .input-group-prepend
  .ajax-file-upload+.input-group-text, .asColorPicker-trigger
  .ajax-upload-dragdrop
  .ajax-file-upload+.input-group-text, .ajax-upload-dragdrop
  .asColorPicker-trigger
  .ajax-file-upload+.input-group-text, .input-group-prepend
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.input-group-text, .swal2-modal
  .swal2-buttonswrapper
  .input-group-prepend
  .swal2-styled+.input-group-text, .asColorPicker-trigger
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.input-group-text, .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-trigger
  .swal2-styled+.input-group-text, .input-group-prepend .wizard>.actions a+.input-group-text,
	.wizard>.actions .input-group-prepend a+.input-group-text,
	.asColorPicker-trigger .wizard>.actions a+.input-group-text, .wizard>.actions .asColorPicker-trigger a+.input-group-text,
	.input-group-prepend .input-group-text+.input-group-text,
	.asColorPicker-trigger .input-group-text+.input-group-text,
	.input-group-prepend .input-group-text+.btn, .asColorPicker-trigger .input-group-text+.btn,
	.input-group-prepend
  .ajax-upload-dragdrop
  .input-group-text+.ajax-file-upload, .ajax-upload-dragdrop
  .input-group-prepend
  .input-group-text+.ajax-file-upload, .asColorPicker-trigger
  .ajax-upload-dragdrop
  .input-group-text+.ajax-file-upload, .ajax-upload-dragdrop
  .asColorPicker-trigger
  .input-group-text+.ajax-file-upload, .input-group-prepend
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-text+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group-prepend
  .input-group-text+.swal2-styled, .asColorPicker-trigger
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-text+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-trigger
  .input-group-text+.swal2-styled, .input-group-prepend .wizard>.actions .input-group-text+a,
	.wizard>.actions .input-group-prepend .input-group-text+a,
	.asColorPicker-trigger .wizard>.actions .input-group-text+a, .wizard>.actions .asColorPicker-trigger .input-group-text+a,
	.input-group-append .btn+.btn, .input-group-append .ajax-upload-dragdrop .ajax-file-upload+.btn,
	.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.btn,
	.input-group-append .swal2-modal .swal2-buttonswrapper .swal2-styled+.btn,
	.swal2-modal .swal2-buttonswrapper .input-group-append .swal2-styled+.btn,
	.input-group-append .wizard>.actions a+.btn, .wizard>.actions .input-group-append a+.btn,
	.input-group-append .ajax-upload-dragdrop .btn+.ajax-file-upload,
	.ajax-upload-dragdrop .input-group-append .btn+.ajax-file-upload,
	.input-group-append .ajax-upload-dragdrop .ajax-file-upload+.ajax-file-upload,
	.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.ajax-file-upload,
	.input-group-append
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .swal2-styled+.ajax-file-upload, .ajax-upload-dragdrop
  .input-group-append
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.ajax-file-upload, .swal2-modal
  .swal2-buttonswrapper
  .input-group-append
  .ajax-upload-dragdrop
  .swal2-styled+.ajax-file-upload, .ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-append
  .swal2-styled+.ajax-file-upload, .input-group-append
  .wizard>.actions
  .ajax-upload-dragdrop
  a+.ajax-file-upload, .ajax-upload-dragdrop
  .input-group-append
  .wizard>.actions
  a+.ajax-file-upload, .wizard>.actions
  .input-group-append
  .ajax-upload-dragdrop
  a+.ajax-file-upload, .ajax-upload-dragdrop
  .wizard>.actions
  .input-group-append
  a+.ajax-file-upload, .input-group-append .swal2-modal .swal2-buttonswrapper .btn+.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .input-group-append .btn+.swal2-styled,
	.input-group-append
  .ajax-upload-dragdrop
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group-append
  .ajax-upload-dragdrop
  .ajax-file-upload+.swal2-styled, .ajax-upload-dragdrop
  .input-group-append
  .swal2-modal
  .swal2-buttonswrapper
  .ajax-file-upload+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .ajax-upload-dragdrop
  .input-group-append
  .ajax-file-upload+.swal2-styled, .input-group-append
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group-append
  .swal2-styled+.swal2-styled, .input-group-append
  .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group-append
  .wizard>.actions
  a+.swal2-styled, .wizard>.actions
  .input-group-append
  .swal2-modal
  .swal2-buttonswrapper
  a+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .input-group-append
  a+.swal2-styled, .input-group-append .wizard>.actions .btn+a, .wizard>.actions .input-group-append .btn+a,
	.input-group-append
  .ajax-upload-dragdrop
  .wizard>.actions
  .ajax-file-upload+a, .wizard>.actions
  .input-group-append
  .ajax-upload-dragdrop
  .ajax-file-upload+a, .ajax-upload-dragdrop
  .input-group-append
  .wizard>.actions
  .ajax-file-upload+a, .wizard>.actions
  .ajax-upload-dragdrop
  .input-group-append
  .ajax-file-upload+a, .input-group-append
  .swal2-modal
  .swal2-buttonswrapper
  .wizard>.actions
  .swal2-styled+a, .wizard>.actions
  .input-group-append
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+a, .swal2-modal
  .swal2-buttonswrapper
  .input-group-append
  .wizard>.actions
  .swal2-styled+a, .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-append
  .swal2-styled+a, .input-group-append .wizard>.actions a+a, .wizard>.actions .input-group-append a+a,
	.input-group-append .btn+.input-group-text, .input-group-append .ajax-upload-dragdrop .ajax-file-upload+.input-group-text,
	.ajax-upload-dragdrop .input-group-append .ajax-file-upload+.input-group-text,
	.input-group-append
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled+.input-group-text, .swal2-modal
  .swal2-buttonswrapper
  .input-group-append
  .swal2-styled+.input-group-text, .input-group-append .wizard>.actions a+.input-group-text,
	.wizard>.actions .input-group-append a+.input-group-text,
	.input-group-append .input-group-text+.input-group-text,
	.input-group-append .input-group-text+.btn, .input-group-append .ajax-upload-dragdrop .input-group-text+.ajax-file-upload,
	.ajax-upload-dragdrop .input-group-append .input-group-text+.ajax-file-upload,
	.input-group-append
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-text+.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group-append
  .input-group-text+.swal2-styled, .input-group-append .wizard>.actions .input-group-text+a,
	.wizard>.actions .input-group-append .input-group-text+a {
	margin-left: -1px;
}

.input-group-prepend, .asColorPicker-trigger {
	margin-right: -1px;
}

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

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

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

.input-group>.input-group-prepend>.btn, .asColorPicker-wrap>.input-group-prepend>.btn,
	.input-group>.asColorPicker-trigger>.btn, .asColorPicker-wrap>.asColorPicker-trigger>.btn,
	.ajax-upload-dragdrop .input-group>.input-group-prepend>.ajax-file-upload,
	.ajax-upload-dragdrop
  .asColorPicker-wrap>.input-group-prepend>.ajax-file-upload,
	.ajax-upload-dragdrop .input-group>.asColorPicker-trigger>.ajax-file-upload,
	.ajax-upload-dragdrop
  .asColorPicker-wrap>.asColorPicker-trigger>.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group>.input-group-prepend>.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-wrap>.input-group-prepend>.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .input-group>.asColorPicker-trigger>.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-wrap>.asColorPicker-trigger>.swal2-styled, .wizard>.actions .input-group>.input-group-prepend>a,
	.wizard>.actions .asColorPicker-wrap>.input-group-prepend>a, .wizard>.actions .input-group>.asColorPicker-trigger>a,
	.wizard>.actions .asColorPicker-wrap>.asColorPicker-trigger>a,
	.input-group>.input-group-prepend>.input-group-text,
	.asColorPicker-wrap>.input-group-prepend>.input-group-text,
	.input-group>.asColorPicker-trigger>.input-group-text,
	.asColorPicker-wrap>.asColorPicker-trigger>.input-group-text,
	.input-group>.input-group-append:not(:last-child)>.btn,
	.asColorPicker-wrap>.input-group-append:not(:last-child)>.btn,
	.ajax-upload-dragdrop
  .input-group>.input-group-append:not(:last-child)>.ajax-file-upload,
	.ajax-upload-dragdrop
  .asColorPicker-wrap>.input-group-append:not(:last-child)>.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group>.input-group-append:not(:last-child)>.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-wrap>.input-group-append:not(:last-child)>.swal2-styled,
	.wizard>.actions .input-group>.input-group-append:not(:last-child)>a,
	.wizard>.actions
  .asColorPicker-wrap>.input-group-append:not(:last-child)>a,
	.input-group>.input-group-append:not(:last-child)>.input-group-text,
	.asColorPicker-wrap>.input-group-append:not(:last-child)>.input-group-text,
	.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
	.asColorPicker-wrap>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
	.ajax-upload-dragdrop
  .input-group>.input-group-append:last-child>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
	.ajax-upload-dragdrop
  .asColorPicker-wrap>.input-group-append:last-child>.ajax-file-upload:not(:last-child):not(.dropdown-toggle),
	.swal2-modal
  .swal2-buttonswrapper
  .input-group>.input-group-append:last-child>.swal2-styled:not(:last-child):not(.dropdown-toggle),
	.swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-wrap>.input-group-append:last-child>.swal2-styled:not(:last-child):not(.dropdown-toggle),
	.wizard>.actions
  .input-group>.input-group-append:last-child>a:not(:last-child):not(.dropdown-toggle),
	.wizard>.actions
  .asColorPicker-wrap>.input-group-append:last-child>a:not(:last-child):not(.dropdown-toggle),
	.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
	.asColorPicker-wrap>.input-group-append:last-child>.input-group-text:not(:last-child)
	{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group>.input-group-append>.btn, .asColorPicker-wrap>.input-group-append>.btn,
	.ajax-upload-dragdrop .input-group>.input-group-append>.ajax-file-upload,
	.ajax-upload-dragdrop
  .asColorPicker-wrap>.input-group-append>.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group>.input-group-append>.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-wrap>.input-group-append>.swal2-styled, .wizard>.actions .input-group>.input-group-append>a,
	.wizard>.actions .asColorPicker-wrap>.input-group-append>a,
	.input-group>.input-group-append>.input-group-text, .asColorPicker-wrap>.input-group-append>.input-group-text,
	.input-group>.input-group-prepend:not(:first-child)>.btn,
	.asColorPicker-wrap>.input-group-prepend:not(:first-child)>.btn,
	.input-group>.asColorPicker-trigger:not(:first-child)>.btn,
	.asColorPicker-wrap>.asColorPicker-trigger:not(:first-child)>.btn,
	.ajax-upload-dragdrop
  .input-group>.input-group-prepend:not(:first-child)>.ajax-file-upload,
	.ajax-upload-dragdrop
  .asColorPicker-wrap>.input-group-prepend:not(:first-child)>.ajax-file-upload,
	.ajax-upload-dragdrop
  .input-group>.asColorPicker-trigger:not(:first-child)>.ajax-file-upload,
	.ajax-upload-dragdrop
  .asColorPicker-wrap>.asColorPicker-trigger:not(:first-child)>.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group>.input-group-prepend:not(:first-child)>.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-wrap>.input-group-prepend:not(:first-child)>.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group>.asColorPicker-trigger:not(:first-child)>.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-wrap>.asColorPicker-trigger:not(:first-child)>.swal2-styled,
	.wizard>.actions .input-group>.input-group-prepend:not(:first-child)>a,
	.wizard>.actions
  .asColorPicker-wrap>.input-group-prepend:not(:first-child)>a, .wizard>.actions .input-group>.asColorPicker-trigger:not(:first-child)>a,
	.wizard>.actions
  .asColorPicker-wrap>.asColorPicker-trigger:not(:first-child)>a,
	.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
	.asColorPicker-wrap>.input-group-prepend:not(:first-child)>.input-group-text,
	.input-group>.asColorPicker-trigger:not(:first-child)>.input-group-text,
	.asColorPicker-wrap>.asColorPicker-trigger:not(:first-child)>.input-group-text,
	.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
	.asColorPicker-wrap>.input-group-prepend:first-child>.btn:not(:first-child),
	.input-group>.asColorPicker-trigger:first-child>.btn:not(:first-child),
	.asColorPicker-wrap>.asColorPicker-trigger:first-child>.btn:not(:first-child),
	.ajax-upload-dragdrop
  .input-group>.input-group-prepend:first-child>.ajax-file-upload:not(:first-child),
	.ajax-upload-dragdrop
  .asColorPicker-wrap>.input-group-prepend:first-child>.ajax-file-upload:not(:first-child),
	.ajax-upload-dragdrop
  .input-group>.asColorPicker-trigger:first-child>.ajax-file-upload:not(:first-child),
	.ajax-upload-dragdrop
  .asColorPicker-wrap>.asColorPicker-trigger:first-child>.ajax-file-upload:not(:first-child),
	.swal2-modal
  .swal2-buttonswrapper
  .input-group>.input-group-prepend:first-child>.swal2-styled:not(:first-child),
	.swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-wrap>.input-group-prepend:first-child>.swal2-styled:not(:first-child),
	.swal2-modal
  .swal2-buttonswrapper
  .input-group>.asColorPicker-trigger:first-child>.swal2-styled:not(:first-child),
	.swal2-modal
  .swal2-buttonswrapper
  .asColorPicker-wrap>.asColorPicker-trigger:first-child>.swal2-styled:not(:first-child),
	.wizard>.actions
  .input-group>.input-group-prepend:first-child>a:not(:first-child),
	.wizard>.actions
  .asColorPicker-wrap>.input-group-prepend:first-child>a:not(:first-child),
	.wizard>.actions
  .input-group>.asColorPicker-trigger:first-child>a:not(:first-child),
	.wizard>.actions
  .asColorPicker-wrap>.asColorPicker-trigger:first-child>a:not(:first-child),
	.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
	.asColorPicker-wrap>.input-group-prepend:first-child>.input-group-text:not(:first-child),
	.input-group>.asColorPicker-trigger:first-child>.input-group-text:not(:first-child),
	.asColorPicker-wrap>.asColorPicker-trigger:first-child>.input-group-text:not(:first-child)
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

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

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

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

.custom-control-input:checked ~ .custom-control-label::before {
	color: var(--font-secondary-theme-color);
	background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before {
	color: var(--font-secondary-theme-color);
	background-color: #b3d7ff;
}

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

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

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

.custom-control-label::before {
	position: absolute;
	top: 0.25rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	user-select: none;
	background-color: #dee2e6;
}

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

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

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

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

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

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

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

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

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

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

.custom-radio .custom-control-input:checked ~ .custom-control-label::after
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

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

.custom-select {
	display: inline-block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: 0.375rem 1.75rem 0.375rem 0.75rem;
	line-height: 1.5;
	color: #495057;
	vertical-align: middle;
	background: #fff
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
		no-repeat right 0.75rem center;
	background-size: 8px 10px;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	appearance: none;
}

.custom-select:focus {
	border-color: #80bdff;
	outline: 0;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px
		rgba(128, 189, 255, 0.5);
}

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

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

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

.custom-select::-ms-expand {
	opacity: 0;
}

.custom-select-sm {
	height: calc(1.8125rem + 2px);
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	font-size: 75%;
}

.custom-select-lg {
	height: calc(2.875rem + 2px);
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
	font-size: 125%;
}

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

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

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

.custom-file-input:focus ~ .custom-file-label::after {
	border-color: #80bdff;
}

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

.custom-file-label {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
	height: calc(2.25rem + 2px);
	padding: 0.375rem 0.75rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
}

.custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: block;
	height: 2.25rem;
	padding: 0.375rem 0.75rem;
	line-height: 1.5;
	color: #495057;
	content: "Browse";
	background-color: #e9ecef;
	border-left: 1px solid #ced4da;
	border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
	width: 100%;
	padding-left: 0;
	background-color: transparent;
	appearance: none;
}

.custom-range:focus {
	outline: none;
}

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

.custom-range::-webkit-slider-thumb {
	width: 1rem;
	height: 1rem;
	margin-top: -0.25rem;
	background-color: #007bff;
	border: 0;
	border-radius: 1rem;
	appearance: none;
}

.custom-range::-webkit-slider-thumb:focus {
	outline: none;
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

.custom-range::-moz-range-thumb {
	width: 1rem;
	height: 1rem;
	background-color: #007bff;
	border: 0;
	border-radius: 1rem;
	appearance: none;
}

.custom-range::-moz-range-thumb:focus {
	outline: none;
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

.custom-range::-ms-thumb {
	width: 1rem;
	height: 1rem;
	background-color: #007bff;
	border: 0;
	border-radius: 1rem;
	appearance: none;
}

.custom-range::-ms-thumb:focus {
	outline: none;
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

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

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

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

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

.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	/* margin-top: 10px !important; */
	/* border-bottom: 1px solid lightgray !important; */
}

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

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

.nav-link.disabled {
	color: #6c757d;
}

.nav-tabs {
	/* border-top: 1px solid #ccc; */
	
}

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

.nav-tabs .nav-link {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	color: #4e4c4c;
	font-size: 14px;
	font-weight: 400;
}

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

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

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	/*  background: #4e4c4c000; */
	color: var(--primary-theme-color);
	font-weight: 400 !important;
}

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

.nav-pills .nav-link {
	border-radius: unset;
	border: none !important;
	margin: 1px;
	color: #3d3d3d !important;
	font-size: 12px;
	background: transparent !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: transparent !important;
	font-weight: 900;
	color: var(--primary-theme-color) !important;
	font-size: 12px;
	border-bottom: 2px solid var(--primary-theme-color) !important;
}

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

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

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

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

.navbar {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0px 15px;
}

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

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

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

ul.navbar-nav li a:hover {
	color: #2196f3 !important;
}

.navbar-nav {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	font-size: 1.1rem;
}

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

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

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

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

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

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

.navbar-toggler:not(:disabled):not(.disabled) {
	cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.navbar-expand .navbar-collapse {
	display: flex !important;
	flex-basis: auto;
}

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

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

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

.navbar-light .navbar-nav .nav-link {
	color: #202339;
}

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

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

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

.navbar-light .navbar-toggler {
	color: #202339;
	border-color: rgba(0, 0, 0, 0.1);
}

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

.navbar-light .navbar-text {
	color: #202339;
}

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

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

.navbar-dark .navbar-brand, .navbar.default-layout.navbar-danger .navbar-brand,
	.navbar.default-layout.navbar-dark .navbar-brand, .navbar.default-layout.navbar-primary .navbar-brand,
	.navbar.default-layout.navbar-success .navbar-brand, .navbar.default-layout.navbar-warning .navbar-brand
	{
	color: var(--font-secondary-theme-color);
}

.navbar-dark .navbar-brand:hover, .navbar.default-layout.navbar-danger .navbar-brand:hover,
	.navbar.default-layout.navbar-primary .navbar-brand:hover, .navbar.default-layout.navbar-success .navbar-brand:hover,
	.navbar.default-layout.navbar-warning .navbar-brand:hover, .navbar-dark .navbar-brand:focus,
	.navbar.default-layout.navbar-danger .navbar-brand:focus, .navbar.default-layout.navbar-primary .navbar-brand:focus,
	.navbar.default-layout.navbar-success .navbar-brand:focus, .navbar.default-layout.navbar-warning .navbar-brand:focus
	{
	color: var(--font-secondary-theme-color);
}

.navbar-dark .navbar-nav .nav-link, .navbar.default-layout.navbar-danger .navbar-nav .nav-link,
	.navbar.default-layout.navbar-primary .navbar-nav .nav-link, .navbar.default-layout.navbar-success .navbar-nav .nav-link,
	.navbar.default-layout.navbar-warning .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar.default-layout.navbar-danger .navbar-nav .nav-link:hover,
	.navbar.default-layout.navbar-primary .navbar-nav .nav-link:hover,
	.navbar.default-layout.navbar-success .navbar-nav .nav-link:hover,
	.navbar.default-layout.navbar-warning .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .nav-link:focus, .navbar.default-layout.navbar-danger .navbar-nav .nav-link:focus,
	.navbar.default-layout.navbar-primary .navbar-nav .nav-link:focus,
	.navbar.default-layout.navbar-success .navbar-nav .nav-link:focus,
	.navbar.default-layout.navbar-warning .navbar-nav .nav-link:focus {
	color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled, .navbar.default-layout.navbar-danger .navbar-nav .nav-link.disabled,
	.navbar.default-layout.navbar-primary .navbar-nav .nav-link.disabled,
	.navbar.default-layout.navbar-success .navbar-nav .nav-link.disabled,
	.navbar.default-layout.navbar-warning .navbar-nav .nav-link.disabled {
	color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link, .navbar.default-layout.navbar-danger .navbar-nav .show>.nav-link,
	.navbar.default-layout.navbar-primary .navbar-nav .show>.nav-link,
	.navbar.default-layout.navbar-success .navbar-nav .show>.nav-link,
	.navbar.default-layout.navbar-warning .navbar-nav .show>.nav-link,
	.navbar-dark .navbar-nav .active>.nav-link, .navbar.default-layout.navbar-danger .navbar-nav .active>.nav-link,
	.navbar.default-layout.navbar-primary .navbar-nav .active>.nav-link,
	.navbar.default-layout.navbar-success .navbar-nav .active>.nav-link,
	.navbar.default-layout.navbar-warning .navbar-nav .active>.nav-link,
	.navbar-dark .navbar-nav .nav-link.show, .navbar.default-layout.navbar-danger .navbar-nav .nav-link.show,
	.navbar.default-layout.navbar-primary .navbar-nav .nav-link.show,
	.navbar.default-layout.navbar-success .navbar-nav .nav-link.show,
	.navbar.default-layout.navbar-warning .navbar-nav .nav-link.show,
	.navbar-dark .navbar-nav .nav-link.active, .navbar.default-layout.navbar-danger .navbar-nav .nav-link.active,
	.navbar.default-layout.navbar-primary .navbar-nav .nav-link.active,
	.navbar.default-layout.navbar-success .navbar-nav .nav-link.active,
	.navbar.default-layout.navbar-warning .navbar-nav .nav-link.active {
	color: var(--font-secondary-theme-color);
}

.navbar-dark .navbar-toggler, .navbar.default-layout.navbar-danger .navbar-toggler,
	.navbar.default-layout.navbar-dark .navbar-toggler, .navbar.default-layout.navbar-primary .navbar-toggler,
	.navbar.default-layout.navbar-success .navbar-toggler, .navbar.default-layout.navbar-warning .navbar-toggler
	{
	color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon, .navbar.default-layout.navbar-danger .navbar-toggler-icon,
	.navbar.default-layout.navbar-dark .navbar-toggler-icon, .navbar.default-layout.navbar-primary .navbar-toggler-icon,
	.navbar.default-layout.navbar-success .navbar-toggler-icon, .navbar.default-layout.navbar-warning .navbar-toggler-icon
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text, .navbar.default-layout.navbar-danger .navbar-text,
	.navbar.default-layout.navbar-dark .navbar-text, .navbar.default-layout.navbar-primary .navbar-text,
	.navbar.default-layout.navbar-success .navbar-text, .navbar.default-layout.navbar-warning .navbar-text
	{
	color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a, .navbar.default-layout.navbar-danger .navbar-text a,
	.navbar.default-layout.navbar-dark .navbar-text a, .navbar.default-layout.navbar-primary .navbar-text a,
	.navbar.default-layout.navbar-success .navbar-text a, .navbar.default-layout.navbar-warning .navbar-text a
	{
	color: var(--font-secondary-theme-color);
}

.navbar-dark .navbar-text a:hover, .navbar.default-layout.navbar-danger .navbar-text a:hover,
	.navbar.default-layout.navbar-primary .navbar-text a:hover, .navbar.default-layout.navbar-success .navbar-text a:hover,
	.navbar.default-layout.navbar-warning .navbar-text a:hover,
	.navbar-dark .navbar-text a:focus, .navbar.default-layout.navbar-danger .navbar-text a:focus,
	.navbar.default-layout.navbar-primary .navbar-text a:focus, .navbar.default-layout.navbar-success .navbar-text a:focus,
	.navbar.default-layout.navbar-warning .navbar-text a:focus {
	color: var(--font-secondary-theme-color);
}

.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #fff;
	border-radius: 0.25rem;
}

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

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

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

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

.card-title {
	margin-bottom: 0.75rem;
}

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

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

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

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

.card-header {
	padding: 0.45rem 1.25rem;
	margin-bottom: 0;
	/* background-color: rgba(0, 0, 0, 0.03); */
	background-color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #4e4c4c;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
/*  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } */
.card-header+.list-group .list-group-item:first-child {
	border-top: 0;
}

.card-footer {
	padding: 0.75rem 1.25rem;
	background-color: rgba(0, 0, 0, 0.03);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

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

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

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

.card-header-pills.collapsed::after {
    content: "\f078";
    font-family: 'FontAwesome';
    float: right;
    margin-right: 12px;
    margin-top: 5px;
}

.card-header-pills::after {
    content: "\f077";
    font-family: 'FontAwesome';
    float: right;
    margin-right: 12px;
    margin-top: 5px;
}

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

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

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

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

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

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

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

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

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

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

.card-columns .card {
	margin-bottom: 0.75rem;
}

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

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

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

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

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

.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: 0.56rem 1.13rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: transparent;
	border-radius: 0.25rem;
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: 0.5rem;
}

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

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

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

.breadcrumb-item.active {
	color: #495057;
}

.pagination, .jsgrid .jsgrid-pager {
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 0.25rem;
	margin-bottom: 0px;
}

div.paginationCss .row {
	margin-top: 0px !important;
}

div.paginationCss .col-md-3 {
	margin-top: 3px !important;
}

div.paginationCss .col-md-8 {
	margin-top: 3px;
	font-size: 0.8rem
}

div.paginationCss .col-md-9 {
	margin-top: 3px;
}

.page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page a
	{
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: var(--primary-theme-color);
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.page-link:hover, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .jsgrid-pager-page a:hover {
	z-index: 2;
	color: #0056b3;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6;
}

.page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,
	.jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled), .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:not(:disabled):not(.disabled),
	.jsgrid .jsgrid-pager .jsgrid-pager-page a:not(:disabled):not(.disabled)
	{
	cursor: pointer;
}

.page-item:first-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
	.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
	.page-item:first-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:first-child a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a {
	margin-left: 0;
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
	.page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a, .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:last-child a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a {
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
	.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-page a
	{
	z-index: 1;
	color: var(--font-secondary-theme-color);
	background-color: #007bff;
	border-color: #007bff;
}

.page-item.disabled .page-link, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .disabled.jsgrid-pager-page .page-link,
	.page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.disabled a,
	.jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button a, .page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.disabled a, .jsgrid .jsgrid-pager .disabled.jsgrid-pager-page a
	{
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6;
}

.pagination-lg .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-lg a,
	.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg a
	{
	padding: 0.75rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link, .pagination-lg
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:first-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-lg
  .jsgrid-pager-nav-button:first-child
  .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
	.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child .page-link,
	.pagination-lg
  .page-item:first-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-lg
  .page-item:first-child
  a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
	.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:first-child a,
	.pagination-lg
  .page-item:first-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination-lg
  .page-item:first-child
  a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
	.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:first-child a {
	border-top-left-radius: 0.3rem;
	border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link, .pagination-lg
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:last-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-lg
  .jsgrid-pager-nav-button:last-child
  .page-link, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
	.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child .page-link,
	.pagination-lg
  .page-item:last-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-lg
  .page-item:last-child
  a, .pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
	.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-nav-button:last-child a,
	.pagination-lg .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-lg .page-item:last-child a,
	.pagination-lg .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
	.jsgrid .jsgrid-pager .pagination-lg .jsgrid-pager-page:last-child a {
	border-top-right-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-sm a,
	.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm a
	{
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link, .pagination-sm
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:first-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-sm
  .jsgrid-pager-nav-button:first-child
  .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child .page-link,
	.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child .page-link,
	.pagination-sm
  .page-item:first-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-sm
  .page-item:first-child
  a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:first-child a,
	.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:first-child a,
	.pagination-sm
  .page-item:first-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination-sm
  .page-item:first-child
  a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
	.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:first-child a {
	border-top-left-radius: 0.2rem;
	border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link, .pagination-sm
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:last-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-sm
  .jsgrid-pager-nav-button:last-child
  .page-link, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child .page-link,
	.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child .page-link,
	.pagination-sm
  .page-item:last-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-sm
  .page-item:last-child
  a, .pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
	.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-nav-button:last-child a,
	.pagination-sm .page-item:last-child .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-sm .page-item:last-child a,
	.pagination-sm .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
	.jsgrid .jsgrid-pager .pagination-sm .jsgrid-pager-page:last-child a {
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
}

.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.95rem;
}

.badge:empty {
	display: none;
}

.btn .badge, .ajax-upload-dragdrop .ajax-file-upload .badge,
	.swal2-modal .swal2-buttonswrapper .swal2-styled .badge, .wizard>.actions a .badge
	{
	position: relative;
	top: -1px;
}

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

.badge-primary {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
	color: var(--font-secondary-theme-color);
	text-decoration: none;
	background-color: #5648ff;
}

.badge-secondary {
	color: #212529;
	background-color: var(--primary-theme-color);
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
	color: var(--font-secondary-theme-color);
	text-decoration: none;
	background-color: var(--primary-theme-color);
}

.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online
	{
	color: var(--font-secondary-theme-color);
	background: #4edb54;
}

.badge-success[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-online:hover,
	.badge-success[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-online:focus
	{
	color: var(--font-secondary-theme-color);
	text-decoration: none;
	background-color: #06a155;
}

.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline
	{
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
}

.badge-info[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-offline:hover,
	.badge-info[href]:focus, .preview-list
  .preview-item
  .preview-thumbnail
  [href].badge.badge-offline:focus {
	color: var(--font-secondary-theme-color);
	text-decoration: none;
	background-color: #029cff;
}

.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy
	{
	color: #212529;
	background-color: var(--primary-theme-color);
}

.badge-warning[href]:hover, .preview-list .preview-item .preview-thumbnail [href].badge.badge-busy:hover,
	.badge-warning[href]:focus, .preview-list .preview-item .preview-thumbnail [href].badge.badge-busy:focus
	{
	color: #212529;
	text-decoration: none;
	background-color: #ffab01;
}

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

.badge-danger[href]:hover, .badge-danger[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #ff4141;
}

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

.badge-light[href]:hover, .badge-light[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #d6dde0;
}

.badge-dark {
	color: var(--font-secondary-theme-color);
	background-color: #354168;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
	color: var(--font-secondary-theme-color);
	text-decoration: none;
	background-color: #242c46;
}

.table .badge-orange {
	color: #212529;
	background-color: orange;
}

.table .badge-magenta {
	color: #212529;
	background-color: #b574e8;
}

.table .badge-blue {
	color: #212529;
	background-color: var(--primary-theme-color);
}

.badge-teal {
	color: #212529;
	background-color: #58d8a3;
}

.badge-teal[href]:hover, .badge-teal[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #30cd8c;
}

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

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

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

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

.alert-heading {
	color: inherit;
}

.alert-link {
	font-weight: 700;
}

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

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

.alert-primary {
	color: #454085;
	background-color: #e7e5ff;
	border-color: #dddaff;
}

.alert-primary hr {
	border-top-color: #c6c1ff;
}

.alert-primary .alert-link {
	color: #332f63;
}

.alert-secondary {
	color: #65676d;
	background-color: #f3f4f6;
	border-color: #eeeff2;
}

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

.alert-secondary .alert-link {
	color: #4c4e53;
}

.alert-success {
	color: #046d3a;
	background-color: #cef6e2;
	border-color: #baf2d7;
}

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

.alert-success .alert-link {
	color: #023c20;
}

.alert-info {
	color: #1c5c85;
	background-color: #d7efff;
	border-color: #c6e9ff;
}

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

.alert-info .alert-link {
	color: #133f5b;
}

.alert-warning {
	color: #85621b;
	background-color: #fff2d6;
	border-color: #ffecc6;
}

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

.alert-warning .alert-link {
	color: #5b4312;
}

.alert-danger {
	color: #853c3c;
	background-color: #ffe3e3;
	border-color: #ffd8d8;
}

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

.alert-danger .alert-link {
	color: #622c2c;
}

.alert-light {
	color: #7e7f80;
	background-color: #fdfdfd;
	border-color: #fcfcfc;
}

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

.alert-light .alert-link {
	color: #656666;
}

.alert-dark {
	color: #1c2236;
	background-color: #d7d9e1;
	border-color: #c6cad5;
}

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

.alert-dark .alert-link {
	color: #0b0d14;
}

.alert-teal {
	color: #2e7055;
	background-color: #def7ed;
	border-color: #d0f4e5;
}

.alert-teal hr {
	border-top-color: #bbefda;
}

.alert-teal .alert-link {
	color: #1f4c3a;
}

@
keyframes progress-bar-stripes {from { background-position:1rem0;
	
}

to {
	background-position: 0 0;
}

}
.progress {
	display: flex;
	height: 1rem;
	overflow: hidden;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 0.25rem;
}

.progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--font-primary-theme-color);
	text-align: center;
	white-space: nowrap;
	background-color: #007bff;
	transition: width 0.6s ease;
}

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

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

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

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

.media-body {
	flex: 1;
}

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

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

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

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

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

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

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

.list-group-item:hover, .list-group-item:focus {
	z-index: 1;
	text-decoration: none;
}

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

.list-group-item.active {
	z-index: 2;
	color: var(--font-secondary-theme-color);
	background-color: #007bff;
	border-color: #007bff;
}

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

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

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

.list-group-item-primary {
	color: #454085;
	background-color: #dddaff;
}

.list-group-item-primary.list-group-item-action:hover,
	.list-group-item-primary.list-group-item-action:focus {
	color: #454085;
	background-color: #c6c1ff;
}

.list-group-item-primary.list-group-item-action.active {
	color: var(--font-secondary-theme-color);
	background-color: #454085;
	border-color: #454085;
}

.list-group-item-secondary {
	color: #65676d;
	background-color: #eeeff2;
}

.list-group-item-secondary.list-group-item-action:hover,
	.list-group-item-secondary.list-group-item-action:focus {
	color: #65676d;
	background-color: #e0e1e7;
}

.list-group-item-secondary.list-group-item-action.active {
	color: var(--font-secondary-theme-color);
	background-color: #65676d;
	border-color: #65676d;
}

.list-group-item-success {
	color: #046d3a;
	background-color: #baf2d7;
}

.list-group-item-success.list-group-item-action:hover,
	.list-group-item-success.list-group-item-action:focus {
	color: #046d3a;
	background-color: #a5eecb;
}

.list-group-item-success.list-group-item-action.active {
	color: var(--font-secondary-theme-color);
	background-color: #046d3a;
	border-color: #046d3a;
}

.list-group-item-info {
	color: #1c5c85;
	background-color: #c6e9ff;
}

.list-group-item-info.list-group-item-action:hover,
	.list-group-item-info.list-group-item-action:focus {
	color: #1c5c85;
	background-color: #addfff;
}

.list-group-item-info.list-group-item-action.active {
	color: var(--font-secondary-theme-color);
	background-color: #1c5c85;
	border-color: #1c5c85;
}

.list-group-item-warning {
	color: #85621b;
	background-color: #ffecc6;
}

.list-group-item-warning.list-group-item-action:hover,
	.list-group-item-warning.list-group-item-action:focus {
	color: #85621b;
	background-color: #ffe4ad;
}

.list-group-item-warning.list-group-item-action.active {
	color: var(--font-secondary-theme-color);
	background-color: #85621b;
	border-color: #85621b;
}

.list-group-item-danger {
	color: #853c3c;
	background-color: #ffd8d8;
}

.list-group-item-danger.list-group-item-action:hover,
	.list-group-item-danger.list-group-item-action:focus {
	color: #853c3c;
	background-color: #ffbfbf;
}

.list-group-item-danger.list-group-item-action.active {
	color: var(--font-secondary-theme-color);
	background-color: #853c3c;
	border-color: #853c3c;
}

.list-group-item-light {
	color: #7e7f80;
	background-color: #fcfcfc;
}

.list-group-item-light.list-group-item-action:hover,
	.list-group-item-light.list-group-item-action:focus {
	color: #7e7f80;
	background-color: #efefef;
}

.list-group-item-light.list-group-item-action.active {
	color: var(--font-secondary-theme-color);
	background-color: #7e7f80;
	border-color: #7e7f80;
}

.list-group-item-dark {
	color: #1c2236;
	background-color: #c6cad5;
}

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

.list-group-item-dark.list-group-item-action.active {
	color: var(--font-secondary-theme-color);
	background-color: #1c2236;
	border-color: #1c2236;
}

.list-group-item-teal {
	color: #2e7055;
	background-color: #d0f4e5;
}

.list-group-item-teal.list-group-item-action:hover,
	.list-group-item-teal.list-group-item-action:focus {
	color: #2e7055;
	background-color: #bbefda;
}

.list-group-item-teal.list-group-item-action.active {
	color: var(--font-secondary-theme-color);
	background-color: #2e7055;
	border-color: #2e7055;
}

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

.close:hover, .close:focus {
	color: #4e4c4c;
	text-decoration: none;
	opacity: 0.75;
}

.close:not(:disabled):not(.disabled) {
	cursor: pointer;
}

button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
	right: 10px;
	top: 0px;
	color: var(--button-secondary-theme-color);
	z-index: 999;
}

.form_box label.upload-img {
	background: #fff;
	padding-top: 10px;
	border: solid #ccc 1px;
	border-radius: 3px;
	width: 100%;
	text-align: center !important;
	cursor: pointer;
	text-align: center !important;
}

.upload-img p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.upload-img label {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	text-align: center !important;
}

.modal-open {
	overflow: hidden;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	display: none;
	overflow: hidden;
	outline: 0;
}

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

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
	pointer-events: none;
}
/* .modal.fade .modal-dialog {
  transition: transform 0.4s ease;
  transform: translate(0, -25%);
} */
@media screen and (prefers-reduced-motion: reduce) {
	.modal.fade .modal-dialog {
		transition: none;
	}
}

.modal.show .modal-dialog {
	transform: translate(0, 0);
}

.modal-dialog-centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - ( 10px * 2));
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-clip: padding-box;
	border: 0px solid transparent !important;
	border-radius: 0.3rem;
	outline: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #4e4c4c;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.show {
	opacity: 0.5;
}

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

.modal-header .close {
	padding: 1rem;
	/* margin: -1rem -1rem -1rem auto; */
	color: #ff0b0b !important;
	position: absolute;
	right: 0px;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	color: #4e4c4c !important;
	font-weight: 600;
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 15px;
}

.modal-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 15px;
	border-top: 1px solid #c1bfbf;
}

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

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

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media ( min-width : 576px) {
	.modal-dialog {
		max-width: 700px;
		margin: 30px auto;
	}
	.modal-dialog-centered {
		min-height: calc(100% - ( 30px * 2));
	}
	.modal-sm {
		max-width: 300px;
	}
}

@media ( min-width : 992px) {
	.modal-lg {
		max-width: 90%;
	}
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: 0.75rem;
	word-wrap: break-word;
	opacity: 0;
}

.tooltip.show {
	opacity: 0.9;
}

.tooltip .arrow {
	position: absolute;
	display: block;
	width: 0.8rem;
	height: 0.4rem;
}

.tooltip .arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
	padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
	bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before
	{
	top: 0;
	border-width: 0.4rem 0.4rem 0;
	border-top-color: #354168;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
	padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow
	{
	left: 0;
	width: 0.4rem;
	height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before
	{
	right: 0;
	border-width: 0.4rem 0.4rem 0.4rem 0;
	border-right-color: #354168;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
	padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow
	{
	top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before
	{
	bottom: 0;
	border-width: 0 0.4rem 0.4rem;
	border-bottom-color: #354168;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
	padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
	right: 0;
	width: 0.4rem;
	height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before
	{
	left: 0;
	border-width: 0.4rem 0 0.4rem 0.4rem;
	border-left-color: #354168;
}

.tooltip-inner {
	max-width: 200px;
	padding: 0.4rem 0.75rem;
	color: var(--font-secondary-theme-color);
	text-align: center;
	background-color: #354168;
	border-radius: 0.375rem;
}

.swal-icon {
	width: 75px;
	height: 75px;
	border-width: 4px;
	border-style: solid;
	border-radius: 50%;
	padding: 0;
	position: relative;
	box-sizing: content-box;
	margin: 10px auto;
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: block;
	max-width: 276px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: 0.875rem;
	word-wrap: break-word;
	background-color: #f1f6ff;
	background-clip: padding-box;
	border: 1px solid #f3f3f3;
	border-radius: 0.3rem;
}

.popover .arrow {
	position: absolute;
	display: block;
	width: 1rem;
	height: 0.5rem;
	margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
	position: absolute;
	display: block;
	content: "";
	border-color: transparent;
	border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
	margin-bottom: 0.5rem;
}

.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
	bottom: calc(( 0.5rem + 1px)* -1);
}

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
	.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after
	{
	border-width: 0.5rem 0.5rem 0;
}

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before
	{
	bottom: 0;
	border-top-color: #f3f3f3;
}

.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after
	{
	bottom: 1px;
	border-top-color: #f1f6ff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
	margin-left: 0.5rem;
}

.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow
	{
	left: calc(( 0.5rem + 1px)* -1);
	width: 0.5rem;
	height: 1rem;
	margin: 0.3rem 0;
}

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
	.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after
	{
	border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before
	{
	left: 0;
	border-right-color: #f3f3f3;
}

.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after
	{
	left: 1px;
	border-right-color: #f1f6ff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
	margin-top: 0.5rem;
}

.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow
	{
	top: calc(( 0.5rem + 1px)* -1);
}

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
	.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after
	{
	border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before
	{
	top: 0;
	border-bottom-color: #f3f3f3;
}

.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after
	{
	top: 1px;
	border-bottom-color: #f1f6ff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before
	{
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 1rem;
	margin-left: -0.5rem;
	content: "";
	border-bottom: 1px solid #f1f6ff;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
	margin-right: 0.5rem;
}

.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
	right: calc(( 0.5rem + 1px)* -1);
	width: 0.5rem;
	height: 1rem;
	margin: 0.3rem 0;
}

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
	.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after
	{
	border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before
	{
	right: 0;
	border-left-color: #f3f3f3;
}

.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after
	{
	right: 1px;
	border-left-color: #f1f6ff;
}

.popover-header {
	padding: 0.5rem 0.75rem;
	margin-bottom: 0;
	font-size: 1rem;
	color: inherit;
	background-color: #f1f6ff;
	border-bottom: 1px solid #d8e6ff;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
	display: none;
}

.popover-body {
	padding: 0.5rem 0.75rem;
	color: #212529;
}

.carousel {
	position: relative;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-item {
	position: relative;
	display: none;
	align-items: center;
	width: 100%;
	transition: transform 0.6s ease;
	backface-visibility: hidden;
	perspective: 1000px;
}

@media screen and (prefers-reduced-motion: reduce) {
	.carousel-item {
		transition: none;
	}
}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
	display: block;
}

.carousel-item-next, .carousel-item-prev {
	position: absolute;
	top: 0;
}

.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right
	{
	transform: translateX(0);
}

@
supports (transform-style: preserve-3d) { .carousel-item-next
	.carousel-item-left, .carousel-item-prev.carousel-item-right {
	transform:translate3d(0, 0, 0);
	
}

}
.carousel-item-next, .active.carousel-item-right {
	transform: translateX(100%);
}

@
supports (transform-style: preserve-3d) { .carousel-item-next ,
	.active.carousel-item-right { transform:translate3d(100%, 0, 0);
	
}

}
.carousel-item-prev, .active.carousel-item-left {
	transform: translateX(-100%);
}

@
supports (transform-style: preserve-3d) { .carousel-item-prev ,
	.active.carousel-item-left { transform:translate3d(-100%, 0, 0);
	
}

}
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: 0.6s;
	transition-property: opacity;
}

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left,
	.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right
	{
	opacity: 0;
}

.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev,
	.carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
}

@
supports (transform-style: preserve-3d) { .carousel-fade
	.carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade
	.carousel-item.active, .carousel-fade .active.carousel-item-left,
	.carousel-fade .active.carousel-item-prev { transform:translate3d(0, 0,
	0);
	
}

}
.carousel-control-prev, .carousel-control-next {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15%;
	color: var(--font-secondary-theme-color);
	text-align: center;
	opacity: 0.5;
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
	.carousel-control-next:hover, .carousel-control-next:focus {
	color: var(--font-secondary-theme-color);
	text-decoration: none;
	outline: 0;
	opacity: 0.9;
}

.carousel-control-prev {
	left: 0;
}

.carousel-control-next {
	right: 0;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
}

.carousel-control-prev-icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	display: flex;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none;
}

.carousel-indicators li {
	position: relative;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
	position: absolute;
	top: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: "";
}

.carousel-indicators li::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: "";
}

.carousel-indicators .active {
	background-color: #fff;
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: var(--font-secondary-theme-color);
	text-align: center;
}

.align-baseline {
	vertical-align: baseline !important;
}

.align-top {
	vertical-align: top !important;
}

.align-middle {
	vertical-align: middle !important;
}

.align-bottom {
	vertical-align: bottom !important;
}

.align-text-bottom {
	vertical-align: text-bottom !important;
}

.align-text-top {
	vertical-align: text-top !important;
}

.bg-primary, .settings-panel .color-tiles .tiles.primary {
	background-color: #857bff !important;
}

a.bg-primary:hover, .settings-panel .color-tiles a.tiles.primary:hover,
	a.bg-primary:focus, .settings-panel .color-tiles a.tiles.primary:focus,
	button.bg-primary:hover, .settings-panel .color-tiles button.tiles.primary:hover,
	button.bg-primary:focus, .settings-panel .color-tiles button.tiles.primary:focus
	{
	background-color: #5648ff !important;
}

.bg-secondary {
	background-color: #c2c6d1 !important;
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover,
	button.bg-secondary:focus {
	background-color: #a5abbb !important;
}

.bg-success, .settings-panel .color-tiles .tiles.success {
	background-color: var(--button-secondary-theme-color) !important;
}

a.bg-success:hover, .settings-panel .color-tiles a.tiles.success:hover,
	a.bg-success:focus, .settings-panel .color-tiles a.tiles.success:focus,
	button.bg-success:hover, .settings-panel .color-tiles button.tiles.success:hover,
	button.bg-success:focus, .settings-panel .color-tiles button.tiles.success:focus
	{
	background-color: #06a155 !important;
}

.bg-info, .settings-panel .color-tiles .tiles.info {
	background-color: var(--primary-theme-color) !important;
}

a.bg-info:hover, .settings-panel .color-tiles a.tiles.info:hover, a.bg-info:focus,
	.settings-panel .color-tiles a.tiles.info:focus, button.bg-info:hover,
	.settings-panel .color-tiles button.tiles.info:hover, button.bg-info:focus,
	.settings-panel .color-tiles button.tiles.info:focus {
	background-color: #029cff !important;
}

.bg-warning, .settings-panel .color-tiles .tiles.warning {
	background-color: var(--primary-theme-color) !important;
}

a.bg-warning:hover, .settings-panel .color-tiles a.tiles.warning:hover,
	a.bg-warning:focus, .settings-panel .color-tiles a.tiles.warning:focus,
	button.bg-warning:hover, .settings-panel .color-tiles button.tiles.warning:hover,
	button.bg-warning:focus, .settings-panel .color-tiles button.tiles.warning:focus
	{
	background-color: #ffab01 !important;
}

.bg-danger, .settings-panel .color-tiles .tiles.danger {
	background-color: #ff7474 !important;
}

a.bg-danger:hover, .settings-panel .color-tiles a.tiles.danger:hover, a.bg-danger:focus,
	.settings-panel .color-tiles a.tiles.danger:focus, button.bg-danger:hover,
	.settings-panel .color-tiles button.tiles.danger:hover, button.bg-danger:focus,
	.settings-panel .color-tiles button.tiles.danger:focus {
	background-color: #ff4141 !important;
}

/*.bg-light {
  background-color: #f3f5f6 !important;
}*/
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus
	{
	background-color: #d6dde0 !important;
}

.bg-dark, .settings-panel .color-tiles .tiles.dark {
	background-color: #354168 !important;
}

a.bg-dark:hover, .settings-panel .color-tiles a.tiles.dark:hover, a.bg-dark:focus,
	.settings-panel .color-tiles a.tiles.dark:focus, button.bg-dark:hover,
	.settings-panel .color-tiles button.tiles.dark:hover, button.bg-dark:focus,
	.settings-panel .color-tiles button.tiles.dark:focus {
	background-color: #242c46 !important;
}

.bg-teal {
	background-color: #58d8a3 !important;
}

a.bg-teal:hover, a.bg-teal:focus, button.bg-teal:hover, button.bg-teal:focus
	{
	background-color: #30cd8c !important;
}

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

.bg-transparent {
	background-color: transparent !important;
}

.border, .loader-demo-box {
	border: 1px solid #f3f3f3 !important;
}

.border-top {
	border-top: 1px solid #f3f3f3 !important;
}

.border-right {
	border-right: 1px solid #f3f3f3 !important;
}

.border-bottom {
	border-bottom: 1px solid #f3f3f3 !important;
}

.border-left {
	border-left: 1px solid #f3f3f3 !important;
}

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

.border-top-0 {
	border-top: 0 !important;
}

.border-right-0 {
	border-right: 0 !important;
}

.border-bottom-0 {
	border-bottom: 0 !important;
}

.border-left-0 {
	border-left: 0 !important;
}

.border-primary {
	border-color: #857bff !important;
}

.border-secondary, .loader-demo-box {
	border-color: #c2c6d1 !important;
}

.border-success {
	border-color: var(--button-secondary-theme-color) !important;
}

.border-info {
	border-color: var(--primary-theme-color) !important;
}

.border-warning {
	border-color: var(--primary-theme-color) !important;
}

.border-danger {
	border-color: #ff7474 !important;
}

.border-light {
	border-color: #f3f5f6 !important;
}

.border-dark {
	border-color: #354168 !important;
}

.border-teal {
	border-color: #58d8a3 !important;
}

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

.rounded, .loader-demo-box {
	border-radius: 10px !important;
}

.rounded-top {
	border-top-left-radius: 0.25rem !important;
	border-top-right-radius: 0.25rem !important;
}

.rounded-right {
	border-top-right-radius: 0.25rem !important;
	border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
	border-bottom-right-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
	border-top-left-radius: 0.25rem !important;
	border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle, .settings-panel .color-tiles .tiles {
	border-radius: 50% !important;
}

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

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}

.d-none {
	display: none !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-table {
	display: table !important;
}

.d-table-row {
	display: table-row !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex, .loader-demo-box, .tickets-tab ul li .details, .tickets-tab ul li .details .t-content .sender-content,
	.nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item,
	.new-accounts ul.chats li.chat-persons a, .new-accounts ul.chats li.chat-persons a div.user,
	.list-wrapper ul li, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a,
	.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user,
	.email-wrapper .mail-list-container .mail-list .details, .email-wrapper .message-body .attachments-sections ul li .thumb,
	.email-wrapper .message-body .attachments-sections ul li .details .buttons,
	.lightGallery .image-tile .demo-gallery-poster, .swal2-modal {
	display: flex !important;
}

.d-inline-flex, .email-wrapper .message-body .attachments-sections ul li
	{
	display: inline-flex !important;
}

@media ( min-width : 576px) {
	.d-sm-none {
		display: none !important;
	}
	.d-sm-inline {
		display: inline !important;
	}
	.d-sm-inline-block {
		display: inline-block !important;
	}
	.d-sm-block {
		display: block !important;
	}
	.d-sm-table {
		display: table !important;
	}
	.d-sm-table-row {
		display: table-row !important;
	}
	.d-sm-table-cell {
		display: table-cell !important;
	}
	.d-sm-flex {
		display: flex !important;
	}
	.d-sm-inline-flex {
		display: inline-flex !important;
	}
}

@media ( min-width : 768px) {
	.d-md-none {
		display: none !important;
	}
	.d-md-inline {
		display: inline !important;
	}
	.d-md-inline-block {
		display: inline-block !important;
	}
	.d-md-block {
		display: block !important;
	}
	.d-md-table {
		display: table !important;
	}
	.d-md-table-row {
		display: table-row !important;
	}
	.d-md-table-cell {
		display: table-cell !important;
	}
	.d-md-flex {
		display: flex !important;
	}
	.d-md-inline-flex {
		display: inline-flex !important;
	}
}

@media ( min-width : 992px) {
	.d-lg-none {
		display: none !important;
	}
	.d-lg-inline {
		display: inline !important;
	}
	.d-lg-inline-block {
		display: inline-block !important;
	}
	.d-lg-block {
		display: block !important;
	}
	.d-lg-table {
		display: table !important;
	}
	.d-lg-table-row {
		display: table-row !important;
	}
	.d-lg-table-cell {
		display: table-cell !important;
	}
	.d-lg-flex {
		display: flex !important;
	}
	.d-lg-inline-flex {
		display: inline-flex !important;
	}
}

@media ( min-width : 1200px) {
	.d-xl-none {
		display: none !important;
	}
	.d-xl-inline {
		display: inline !important;
	}
	.d-xl-inline-block {
		display: inline-block !important;
	}
	.d-xl-block {
		display: block !important;
	}
	.d-xl-table {
		display: table !important;
	}
	.d-xl-table-row {
		display: table-row !important;
	}
	.d-xl-table-cell {
		display: table-cell !important;
	}
	.d-xl-flex {
		display: flex !important;
	}
	.d-xl-inline-flex {
		display: inline-flex !important;
	}
}

@media print {
	.d-print-none {
		display: none !important;
	}
	.d-print-inline {
		display: inline !important;
	}
	.d-print-inline-block {
		display: inline-block !important;
	}
	.d-print-block {
		display: block !important;
	}
	.d-print-table {
		display: table !important;
	}
	.d-print-table-row {
		display: table-row !important;
	}
	.d-print-table-cell {
		display: table-cell !important;
	}
	.d-print-flex {
		display: flex !important;
	}
	.d-print-inline-flex {
		display: inline-flex !important;
	}
}

.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.embed-responsive::before {
	display: block;
	content: "";
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe,
	.embed-responsive embed, .embed-responsive object, .embed-responsive video
	{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.embed-responsive-21by9::before {
	padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
	padding-top: 56.25%;
}

.embed-responsive-4by3::before {
	padding-top: 75%;
}

.embed-responsive-1by1::before {
	padding-top: 100%;
}

.flex-row, .email-wrapper .message-body .attachments-sections ul li {
	flex-direction: row !important;
}

.flex-column, .new-accounts ul.chats li.chat-persons a div.user,
	.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
}

.flex-fill {
	flex: 1 1 auto !important;
}

.flex-grow-0 {
	flex-grow: 0 !important;
}

.flex-grow-1 {
	flex-grow: 1 !important;
}

.flex-shrink-0 {
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	flex-shrink: 1 !important;
}

.justify-content-start, .list-wrapper ul li {
	justify-content: flex-start !important;
}

.justify-content-end, .email-wrapper .mail-list-container .mail-list .details
	{
	justify-content: flex-end !important;
}

.justify-content-center, .email-wrapper .message-body .attachments-sections ul li .thumb
	{
	justify-content: center !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.justify-content-around {
	justify-content: space-around !important;
}

.align-items-start {
	align-items: flex-start !important;
}

.align-items-end {
	align-items: flex-end !important;
}

.align-items-center, .loader-demo-box, .tickets-tab ul li .details, .nav .nav-item.dropdown .navbar-dropdown .dropdown-item,
	.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item,
	.new-accounts ul.chats li.chat-persons a, .list-wrapper ul li,
	.email-wrapper .message-body .attachments-sections ul li .thumb,
	.email-wrapper .message-body .attachments-sections ul li .details .buttons
	{
	align-items: center !important;
}

.align-items-baseline {
	align-items: baseline !important;
}

.align-items-stretch, .email-wrapper .message-body .attachments-sections ul li
	{
	align-items: stretch !important;
}

.align-content-start {
	align-content: flex-start !important;
}

.align-content-end {
	align-content: flex-end !important;
}

.align-content-center {
	align-content: center !important;
}

.align-content-between {
	align-content: space-between !important;
}

.align-content-around {
	align-content: space-around !important;
}

.align-content-stretch {
	align-content: stretch !important;
}

.align-self-auto {
	align-self: auto !important;
}

.align-self-start {
	align-self: flex-start !important;
}

.align-self-end {
	align-self: flex-end !important;
}

.align-self-center {
	align-self: center !important;
}

.align-self-baseline {
	align-self: baseline !important;
}

.align-self-stretch {
	align-self: stretch !important;
}

@media ( min-width : 576px) {
	.flex-sm-row {
		flex-direction: row !important;
	}
	.flex-sm-column {
		flex-direction: column !important;
	}
	.flex-sm-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-sm-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-sm-wrap {
		flex-wrap: wrap !important;
	}
	.flex-sm-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-sm-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.flex-sm-fill {
		flex: 1 1 auto !important;
	}
	.flex-sm-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-sm-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-sm-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-sm-shrink-1 {
		flex-shrink: 1 !important;
	}
	.justify-content-sm-start {
		justify-content: flex-start !important;
	}
	.justify-content-sm-end {
		justify-content: flex-end !important;
	}
	.justify-content-sm-center {
		justify-content: center !important;
	}
	.justify-content-sm-between {
		justify-content: space-between !important;
	}
	.justify-content-sm-around {
		justify-content: space-around !important;
	}
	.align-items-sm-start {
		align-items: flex-start !important;
	}
	.align-items-sm-end {
		align-items: flex-end !important;
	}
	.align-items-sm-center {
		align-items: center !important;
	}
	.align-items-sm-baseline {
		align-items: baseline !important;
	}
	.align-items-sm-stretch {
		align-items: stretch !important;
	}
	.align-content-sm-start {
		align-content: flex-start !important;
	}
	.align-content-sm-end {
		align-content: flex-end !important;
	}
	.align-content-sm-center {
		align-content: center !important;
	}
	.align-content-sm-between {
		align-content: space-between !important;
	}
	.align-content-sm-around {
		align-content: space-around !important;
	}
	.align-content-sm-stretch {
		align-content: stretch !important;
	}
	.align-self-sm-auto {
		align-self: auto !important;
	}
	.align-self-sm-start {
		align-self: flex-start !important;
	}
	.align-self-sm-end {
		align-self: flex-end !important;
	}
	.align-self-sm-center {
		align-self: center !important;
	}
	.align-self-sm-baseline {
		align-self: baseline !important;
	}
	.align-self-sm-stretch {
		align-self: stretch !important;
	}
}

@media ( min-width : 768px) {
	.flex-md-row {
		flex-direction: row !important;
	}
	.flex-md-column {
		flex-direction: column !important;
	}
	.flex-md-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-md-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-md-wrap {
		flex-wrap: wrap !important;
	}
	.flex-md-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.flex-md-fill {
		flex: 1 1 auto !important;
	}
	.flex-md-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-md-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-md-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-md-shrink-1 {
		flex-shrink: 1 !important;
	}
	.justify-content-md-start {
		justify-content: flex-start !important;
	}
	.justify-content-md-end {
		justify-content: flex-end !important;
	}
	.justify-content-md-center {
		justify-content: center !important;
	}
	.justify-content-md-between {
		justify-content: space-between !important;
	}
	.justify-content-md-around {
		justify-content: space-around !important;
	}
	.align-items-md-start {
		align-items: flex-start !important;
	}
	.align-items-md-end {
		align-items: flex-end !important;
	}
	.align-items-md-center {
		align-items: center !important;
	}
	.align-items-md-baseline {
		align-items: baseline !important;
	}
	.align-items-md-stretch {
		align-items: stretch !important;
	}
	.align-content-md-start {
		align-content: flex-start !important;
	}
	.align-content-md-end {
		align-content: flex-end !important;
	}
	.align-content-md-center {
		align-content: center !important;
	}
	.align-content-md-between {
		align-content: space-between !important;
	}
	.align-content-md-around {
		align-content: space-around !important;
	}
	.align-content-md-stretch {
		align-content: stretch !important;
	}
	.align-self-md-auto {
		align-self: auto !important;
	}
	.align-self-md-start {
		align-self: flex-start !important;
	}
	.align-self-md-end {
		align-self: flex-end !important;
	}
	.align-self-md-center {
		align-self: center !important;
	}
	.align-self-md-baseline {
		align-self: baseline !important;
	}
	.align-self-md-stretch {
		align-self: stretch !important;
	}
}

@media ( min-width : 992px) {
	.flex-lg-row {
		flex-direction: row !important;
	}
	.flex-lg-column {
		flex-direction: column !important;
	}
	.flex-lg-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-lg-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-lg-wrap {
		flex-wrap: wrap !important;
	}
	.flex-lg-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.flex-lg-fill {
		flex: 1 1 auto !important;
	}
	.flex-lg-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-lg-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-lg-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-lg-shrink-1 {
		flex-shrink: 1 !important;
	}
	.justify-content-lg-start {
		justify-content: flex-start !important;
	}
	.justify-content-lg-end {
		justify-content: flex-end !important;
	}
	.justify-content-lg-center {
		justify-content: center !important;
	}
	.justify-content-lg-between {
		justify-content: space-between !important;
	}
	.justify-content-lg-around {
		justify-content: space-around !important;
	}
	.align-items-lg-start {
		align-items: flex-start !important;
	}
	.align-items-lg-end {
		align-items: flex-end !important;
	}
	.align-items-lg-center {
		align-items: center !important;
	}
	.align-items-lg-baseline {
		align-items: baseline !important;
	}
	.align-items-lg-stretch {
		align-items: stretch !important;
	}
	.align-content-lg-start {
		align-content: flex-start !important;
	}
	.align-content-lg-end {
		align-content: flex-end !important;
	}
	.align-content-lg-center {
		align-content: center !important;
	}
	.align-content-lg-between {
		align-content: space-between !important;
	}
	.align-content-lg-around {
		align-content: space-around !important;
	}
	.align-content-lg-stretch {
		align-content: stretch !important;
	}
	.align-self-lg-auto {
		align-self: auto !important;
	}
	.align-self-lg-start {
		align-self: flex-start !important;
	}
	.align-self-lg-end {
		align-self: flex-end !important;
	}
	.align-self-lg-center {
		align-self: center !important;
	}
	.align-self-lg-baseline {
		align-self: baseline !important;
	}
	.align-self-lg-stretch {
		align-self: stretch !important;
	}
}

@media ( min-width : 1200px) {
	.flex-xl-row {
		flex-direction: row !important;
	}
	.flex-xl-column {
		flex-direction: column !important;
	}
	.flex-xl-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-xl-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-xl-wrap {
		flex-wrap: wrap !important;
	}
	.flex-xl-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.flex-xl-fill {
		flex: 1 1 auto !important;
	}
	.flex-xl-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-xl-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-xl-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-xl-shrink-1 {
		flex-shrink: 1 !important;
	}
	.justify-content-xl-start {
		justify-content: flex-start !important;
	}
	.justify-content-xl-end {
		justify-content: flex-end !important;
	}
	.justify-content-xl-center {
		justify-content: center !important;
	}
	.justify-content-xl-between {
		justify-content: space-between !important;
	}
	.justify-content-xl-around {
		justify-content: space-around !important;
	}
	.align-items-xl-start {
		align-items: flex-start !important;
	}
	.align-items-xl-end {
		align-items: flex-end !important;
	}
	.align-items-xl-center {
		align-items: center !important;
	}
	.align-items-xl-baseline {
		align-items: baseline !important;
	}
	.align-items-xl-stretch {
		align-items: stretch !important;
	}
	.align-content-xl-start {
		align-content: flex-start !important;
	}
	.align-content-xl-end {
		align-content: flex-end !important;
	}
	.align-content-xl-center {
		align-content: center !important;
	}
	.align-content-xl-between {
		align-content: space-between !important;
	}
	.align-content-xl-around {
		align-content: space-around !important;
	}
	.align-content-xl-stretch {
		align-content: stretch !important;
	}
	.align-self-xl-auto {
		align-self: auto !important;
	}
	.align-self-xl-start {
		align-self: flex-start !important;
	}
	.align-self-xl-end {
		align-self: flex-end !important;
	}
	.align-self-xl-center {
		align-self: center !important;
	}
	.align-self-xl-baseline {
		align-self: baseline !important;
	}
	.align-self-xl-stretch {
		align-self: stretch !important;
	}
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.float-none {
	float: none !important;
}

@media ( min-width : 576px) {
	.float-sm-left {
		float: left !important;
	}
	.float-sm-right {
		float: right !important;
	}
	.float-sm-none {
		float: none !important;
	}
}

@media ( min-width : 768px) {
	.float-md-left {
		float: left !important;
	}
	.float-md-right {
		float: right !important;
	}
	.float-md-none {
		float: none !important;
	}
}

@media ( min-width : 992px) {
	.float-lg-left {
		float: left !important;
	}
	.float-lg-right {
		float: right !important;
	}
	.float-lg-none {
		float: none !important;
	}
}

@media ( min-width : 1200px) {
	.float-xl-left {
		float: left !important;
	}
	.float-xl-right {
		float: right !important;
	}
	.float-xl-none {
		float: none !important;
	}
}

.position-static {
	position: static !important;
}

.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.position-fixed {
	position: fixed !important;
}

.position-sticky {
	position: sticky !important;
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

@
supports (position: sticky) { .sticky-top { position:sticky;
	top: 0;
	z-index: 1020;
}

}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

.shadow-sm {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
	/* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; */
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

/*.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}*/
.shadow-none {
	box-shadow: none !important;
}

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

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

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

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

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

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

.h-25 {
	height: 25% !important;
}

.h-50 {
	height: 50% !important;
}

.h-75 {
	height: 75% !important;
}

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

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

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

.mh-100 {
	max-height: 100% !important;
}

.m-0 {
	margin: 0 !important;
}

.mt-0, .my-0 {
	margin-top: 0 !important;
}

.mr-0, .rtl .settings-panel .sidebar-bg-options .rounded-circle, .rtl .settings-panel .sidebar-bg-options .color-tiles .tiles,
	.rtl .settings-panel .color-tiles .sidebar-bg-options .tiles, .rtl .settings-panel .events i,
	.mx-0 {
	margin-right: 0 !important;
}

.mb-0, .my-0 {
	margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
	margin-left: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.mt-1, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .editable-cancel, .my-1 {
	margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
	margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
	margin-left: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.mt-2, .template-demo>.btn, .ajax-upload-dragdrop .template-demo>.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .template-demo>.swal2-styled,
	.wizard>.actions .template-demo>a, .template-demo>.btn-toolbar,
	.template-demo>.btn-group, .template-demo .circle-progress, .my-2 {
	margin-top: 0.5rem !important;
}

.mr-2, .template-demo>.btn, .ajax-upload-dragdrop .template-demo>.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .template-demo>.swal2-styled,
	.wizard>.actions .template-demo>a, .template-demo>.btn-toolbar,
	.template-demo>.btn-group, .template-demo .dropdown, .mx-2 {
	margin-right: 0.5rem !important;
}

.mb-2, .my-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2, .btn-toolbar .btn-group+.btn-group, .rtl .settings-panel .events i,
	.mx-2 {
	margin-left: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.mt-3, .my-3 {
	margin-top: 1rem !important;
}

.mr-3, .mx-3 {
	margin-right: 1rem !important;
}

.mb-3, .template-demo .circle-progress-block, .user-profile .side-left .card .avatar img,
	.my-3 {
	margin-bottom: 1rem !important;
}

.ml-3, .rtl .settings-panel .sidebar-bg-options .rounded-circle, .rtl .settings-panel .sidebar-bg-options .color-tiles .tiles,
	.rtl .settings-panel .color-tiles .sidebar-bg-options .tiles, .mx-3 {
	margin-left: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.mt-4, .user-profile .side-left .card .avatar img, .my-4 {
	margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
	margin-right: 1.5rem !important;
}

.mb-4, .user-profile .side-left .card .overview .about-user, .my-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
	margin-left: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-5, .my-5 {
	margin-top: 3rem !important;
}

.mr-5, .mx-5 {
	margin-right: 3rem !important;
}

.mb-5, .my-5 {
	margin-bottom: 3rem !important;
}

.ml-5, .mx-5 {
	margin-left: 3rem !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0, .py-0 {
	padding-top: 0 !important;
}

.pr-0, .px-0 {
	padding-right: 0 !important;
}

.pb-0, .py-0 {
	padding-bottom: 0 !important;
}

.pl-0, .px-0 {
	padding-left: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.pt-1, .py-1 {
	padding-top: 0.25rem !important;
}

.pr-1, .px-1 {
	padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1, .px-1 {
	padding-left: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.pt-2, .py-2 {
	padding-top: 0.5rem !important;
}

.pr-2, .px-2, .template-demo .circle-progress-block {
	padding-right: 0.5rem !important;
}

.pb-2, .py-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2, .px-2, .template-demo .circle-progress-block {
	padding-left: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.pt-3, .py-3 {
	padding-top: 1rem !important;
}

.pr-3, .px-3 {
	padding-right: 1rem !important;
}

.pb-3, .py-3 {
	padding-bottom: 1rem !important;
}

.pl-3, .px-3 {
	padding-left: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.pt-4, .py-4 {
	padding-top: 1.5rem !important;
}

.pr-4, .px-4 {
	padding-right: 1.5rem !important;
}

.pb-4, .py-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4, .px-4 {
	padding-left: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-5, .py-5 {
	padding-top: 3rem !important;
}

.pr-5, .px-5 {
	padding-right: 3rem !important;
}

.pb-5, .py-5 {
	padding-bottom: 3rem !important;
}

.pl-5, .px-5 {
	padding-left: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mt-auto, .my-auto {
	margin-top: auto !important;
}

.mr-auto, .mx-auto {
	margin-right: auto !important;
}

.mb-auto, .my-auto {
	margin-bottom: auto !important;
}

.ml-auto, .mx-auto {
	margin-left: auto !important;
}

@media ( min-width : 576px) {
	.m-sm-0 {
		margin: 0 !important;
	}
	.mt-sm-0, .my-sm-0 {
		margin-top: 0 !important;
	}
	.mr-sm-0, .mx-sm-0 {
		margin-right: 0 !important;
	}
	.mb-sm-0, .my-sm-0 {
		margin-bottom: 0 !important;
	}
	.ml-sm-0, .mx-sm-0 {
		margin-left: 0 !important;
	}
	.m-sm-1 {
		margin: 0.25rem !important;
	}
	.mt-sm-1, .my-sm-1 {
		margin-top: 0.25rem !important;
	}
	.mr-sm-1, .mx-sm-1 {
		margin-right: 0.25rem !important;
	}
	.mb-sm-1, .my-sm-1 {
		margin-bottom: 0.25rem !important;
	}
	.ml-sm-1, .mx-sm-1 {
		margin-left: 0.25rem !important;
	}
	.m-sm-2 {
		margin: 0.5rem !important;
	}
	.mt-sm-2, .my-sm-2 {
		margin-top: 0.5rem !important;
	}
	.mr-sm-2, .mx-sm-2 {
		margin-right: 0.5rem !important;
	}
	.mb-sm-2, .my-sm-2 {
		margin-bottom: 0.5rem !important;
	}
	.ml-sm-2, .mx-sm-2 {
		margin-left: 0.5rem !important;
	}
	.m-sm-3 {
		margin: 1rem !important;
	}
	.mt-sm-3, .my-sm-3 {
		margin-top: 1rem !important;
	}
	.mr-sm-3, .mx-sm-3 {
		margin-right: 1rem !important;
	}
	.mb-sm-3, .my-sm-3 {
		margin-bottom: 1rem !important;
	}
	.ml-sm-3, .mx-sm-3 {
		margin-left: 1rem !important;
	}
	.m-sm-4 {
		margin: 1.5rem !important;
	}
	.mt-sm-4, .my-sm-4 {
		margin-top: 1.5rem !important;
	}
	.mr-sm-4, .mx-sm-4 {
		margin-right: 1.5rem !important;
	}
	.mb-sm-4, .my-sm-4 {
		margin-bottom: 1.5rem !important;
	}
	.ml-sm-4, .mx-sm-4 {
		margin-left: 1.5rem !important;
	}
	.m-sm-5 {
		margin: 3rem !important;
	}
	.mt-sm-5, .my-sm-5 {
		margin-top: 3rem !important;
	}
	.mr-sm-5, .mx-sm-5 {
		margin-right: 3rem !important;
	}
	.mb-sm-5, .my-sm-5 {
		margin-bottom: 3rem !important;
	}
	.ml-sm-5, .mx-sm-5 {
		margin-left: 3rem !important;
	}
	.p-sm-0 {
		padding: 0 !important;
	}
	.pt-sm-0, .py-sm-0 {
		padding-top: 0 !important;
	}
	.pr-sm-0, .px-sm-0 {
		padding-right: 0 !important;
	}
	.pb-sm-0, .py-sm-0 {
		padding-bottom: 0 !important;
	}
	.pl-sm-0, .px-sm-0 {
		padding-left: 0 !important;
	}
	.p-sm-1 {
		padding: 0.25rem !important;
	}
	.pt-sm-1, .py-sm-1 {
		padding-top: 0.25rem !important;
	}
	.pr-sm-1, .px-sm-1 {
		padding-right: 0.25rem !important;
	}
	.pb-sm-1, .py-sm-1 {
		padding-bottom: 0.25rem !important;
	}
	.pl-sm-1, .px-sm-1 {
		padding-left: 0.25rem !important;
	}
	.p-sm-2 {
		padding: 0.5rem !important;
	}
	.pt-sm-2, .py-sm-2 {
		padding-top: 0.5rem !important;
	}
	.pr-sm-2, .px-sm-2 {
		padding-right: 0.5rem !important;
	}
	.pb-sm-2, .py-sm-2 {
		padding-bottom: 0.5rem !important;
	}
	.pl-sm-2, .px-sm-2 {
		padding-left: 0.5rem !important;
	}
	.p-sm-3 {
		padding: 1rem !important;
	}
	.pt-sm-3, .py-sm-3 {
		padding-top: 1rem !important;
	}
	.pr-sm-3, .px-sm-3 {
		padding-right: 1rem !important;
	}
	.pb-sm-3, .py-sm-3 {
		padding-bottom: 1rem !important;
	}
	.pl-sm-3, .px-sm-3 {
		padding-left: 1rem !important;
	}
	.p-sm-4 {
		padding: 1.5rem !important;
	}
	.pt-sm-4, .py-sm-4 {
		padding-top: 1.5rem !important;
	}
	.pr-sm-4, .px-sm-4 {
		padding-right: 1.5rem !important;
	}
	.pb-sm-4, .py-sm-4 {
		padding-bottom: 1.5rem !important;
	}
	.pl-sm-4, .px-sm-4 {
		padding-left: 1.5rem !important;
	}
	.p-sm-5 {
		padding: 3rem !important;
	}
	.pt-sm-5, .py-sm-5 {
		padding-top: 3rem !important;
	}
	.pr-sm-5, .px-sm-5 {
		padding-right: 3rem !important;
	}
	.pb-sm-5, .py-sm-5 {
		padding-bottom: 3rem !important;
	}
	.pl-sm-5, .px-sm-5 {
		padding-left: 3rem !important;
	}
	.m-sm-auto {
		margin: auto !important;
	}
	.mt-sm-auto, .my-sm-auto {
		margin-top: auto !important;
	}
	.mr-sm-auto, .mx-sm-auto {
		margin-right: auto !important;
	}
	.mb-sm-auto, .my-sm-auto {
		margin-bottom: auto !important;
	}
	.ml-sm-auto, .mx-sm-auto {
		margin-left: auto !important;
	}
}

@media ( min-width : 768px) {
	.m-md-0 {
		margin: 0 !important;
	}
	.mt-md-0, .my-md-0 {
		margin-top: 0 !important;
	}
	.mr-md-0, .mx-md-0 {
		margin-right: 0 !important;
	}
	.mb-md-0, .my-md-0 {
		margin-bottom: 0 !important;
	}
	.ml-md-0, .mx-md-0 {
		margin-left: 0 !important;
	}
	.m-md-1 {
		margin: 0.25rem !important;
	}
	.mt-md-1, .my-md-1 {
		margin-top: 0.25rem !important;
	}
	.mr-md-1, .mx-md-1 {
		margin-right: 0.25rem !important;
	}
	.mb-md-1, .my-md-1 {
		margin-bottom: 0.25rem !important;
	}
	.ml-md-1, .mx-md-1 {
		margin-left: 0.25rem !important;
	}
	.m-md-2 {
		margin: 0.5rem !important;
	}
	.mt-md-2, .my-md-2 {
		margin-top: 0.5rem !important;
	}
	.mr-md-2, .mx-md-2 {
		margin-right: 0.5rem !important;
	}
	.mb-md-2, .my-md-2 {
		margin-bottom: 0.5rem !important;
	}
	.ml-md-2, .mx-md-2 {
		margin-left: 0.5rem !important;
	}
	.m-md-3 {
		margin: 1rem !important;
	}
	.mt-md-3, .my-md-3 {
		margin-top: 1rem !important;
	}
	.mr-md-3, .mx-md-3 {
		margin-right: 1rem !important;
	}
	.mb-md-3, .my-md-3 {
		margin-bottom: 1rem !important;
	}
	.ml-md-3, .mx-md-3 {
		margin-left: 1rem !important;
	}
	.m-md-4 {
		margin: 1.5rem !important;
	}
	.mt-md-4, .my-md-4 {
		margin-top: 1.5rem !important;
	}
	.mr-md-4, .mx-md-4 {
		margin-right: 1.5rem !important;
	}
	.mb-md-4, .my-md-4 {
		margin-bottom: 1.5rem !important;
	}
	.ml-md-4, .mx-md-4 {
		margin-left: 1.5rem !important;
	}
	.m-md-5 {
		margin: 3rem !important;
	}
	.mt-md-5, .my-md-5 {
		margin-top: 3rem !important;
	}
	.mr-md-5, .mx-md-5 {
		margin-right: 3rem !important;
	}
	.mb-md-5, .my-md-5 {
		margin-bottom: 3rem !important;
	}
	.ml-md-5, .mx-md-5 {
		margin-left: 3rem !important;
	}
	.p-md-0 {
		padding: 0 !important;
	}
	.pt-md-0, .py-md-0 {
		padding-top: 0 !important;
	}
	.pr-md-0, .px-md-0 {
		padding-right: 0 !important;
	}
	.pb-md-0, .py-md-0 {
		padding-bottom: 0 !important;
	}
	.pl-md-0, .px-md-0 {
		padding-left: 0 !important;
	}
	.p-md-1 {
		padding: 0.25rem !important;
	}
	.pt-md-1, .py-md-1 {
		padding-top: 0.25rem !important;
	}
	.pr-md-1, .px-md-1 {
		padding-right: 0.25rem !important;
	}
	.pb-md-1, .py-md-1 {
		padding-bottom: 0.25rem !important;
	}
	.pl-md-1, .px-md-1 {
		padding-left: 0.25rem !important;
	}
	.p-md-2 {
		padding: 0.5rem !important;
	}
	.pt-md-2, .py-md-2 {
		padding-top: 0.5rem !important;
	}
	.pr-md-2, .px-md-2 {
		padding-right: 0.5rem !important;
	}
	.pb-md-2, .py-md-2 {
		padding-bottom: 0.5rem !important;
	}
	.pl-md-2, .px-md-2 {
		padding-left: 0.5rem !important;
	}
	.p-md-3 {
		padding: 1rem !important;
	}
	.pt-md-3, .py-md-3 {
		padding-top: 1rem !important;
	}
	.pr-md-3, .px-md-3 {
		padding-right: 1rem !important;
	}
	.pb-md-3, .py-md-3 {
		padding-bottom: 1rem !important;
	}
	.pl-md-3, .px-md-3 {
		padding-left: 1rem !important;
	}
	.p-md-4 {
		padding: 1.5rem !important;
	}
	.pt-md-4, .py-md-4 {
		padding-top: 1.5rem !important;
	}
	.pr-md-4, .px-md-4 {
		padding-right: 1.5rem !important;
	}
	.pb-md-4, .py-md-4 {
		padding-bottom: 1.5rem !important;
	}
	.pl-md-4, .px-md-4 {
		padding-left: 1.5rem !important;
	}
	.p-md-5 {
		padding: 3rem !important;
	}
	.pt-md-5, .py-md-5 {
		padding-top: 3rem !important;
	}
	.pr-md-5, .px-md-5 {
		padding-right: 3rem !important;
	}
	.pb-md-5, .py-md-5 {
		padding-bottom: 3rem !important;
	}
	.pl-md-5, .px-md-5 {
		padding-left: 3rem !important;
	}
	.m-md-auto {
		margin: auto !important;
	}
	.mt-md-auto, .my-md-auto {
		margin-top: auto !important;
	}
	.mr-md-auto, .mx-md-auto {
		margin-right: auto !important;
	}
	.mb-md-auto, .my-md-auto {
		margin-bottom: auto !important;
	}
	.ml-md-auto, .mx-md-auto {
		margin-left: auto !important;
	}
}

@media ( min-width : 992px) {
	.m-lg-0 {
		margin: 0 !important;
	}
	.mt-lg-0, .my-lg-0 {
		margin-top: 0 !important;
	}
	.mr-lg-0, .mx-lg-0 {
		margin-right: 0 !important;
	}
	.mb-lg-0, .my-lg-0 {
		margin-bottom: 0 !important;
	}
	.ml-lg-0, .mx-lg-0 {
		margin-left: 0 !important;
	}
	.m-lg-1 {
		margin: 0.25rem !important;
	}
	.mt-lg-1, .my-lg-1 {
		margin-top: 0.25rem !important;
	}
	.mr-lg-1, .mx-lg-1 {
		margin-right: 0.25rem !important;
	}
	.mb-lg-1, .my-lg-1 {
		margin-bottom: 0.25rem !important;
	}
	.ml-lg-1, .mx-lg-1 {
		margin-left: 0.25rem !important;
	}
	.m-lg-2 {
		margin: 0.5rem !important;
	}
	.mt-lg-2, .my-lg-2 {
		margin-top: 0.5rem !important;
	}
	.mr-lg-2, .mx-lg-2 {
		margin-right: 0.5rem !important;
	}
	.mb-lg-2, .my-lg-2 {
		margin-bottom: 0.5rem !important;
	}
	.ml-lg-2, .mx-lg-2 {
		margin-left: 0.5rem !important;
	}
	.m-lg-3 {
		margin: 1rem !important;
	}
	.mt-lg-3, .my-lg-3 {
		margin-top: 1rem !important;
	}
	.mr-lg-3, .mx-lg-3 {
		margin-right: 1rem !important;
	}
	.mb-lg-3, .my-lg-3 {
		margin-bottom: 1rem !important;
	}
	.ml-lg-3, .mx-lg-3 {
		margin-left: 1rem !important;
	}
	.m-lg-4 {
		margin: 1.5rem !important;
	}
	.mt-lg-4, .my-lg-4 {
		margin-top: 1.5rem !important;
	}
	.mr-lg-4, .mx-lg-4 {
		margin-right: 1.5rem !important;
	}
	.mb-lg-4, .my-lg-4 {
		margin-bottom: 1.5rem !important;
	}
	.ml-lg-4, .mx-lg-4 {
		margin-left: 1.5rem !important;
	}
	.m-lg-5 {
		margin: 3rem !important;
	}
	.mt-lg-5, .my-lg-5 {
		margin-top: 3rem !important;
	}
	.mr-lg-5, .mx-lg-5 {
		margin-right: 3rem !important;
	}
	.mb-lg-5, .my-lg-5 {
		margin-bottom: 3rem !important;
	}
	.ml-lg-5, .mx-lg-5 {
		margin-left: 3rem !important;
	}
	.p-lg-0 {
		padding: 0 !important;
	}
	.pt-lg-0, .py-lg-0 {
		padding-top: 0 !important;
	}
	.pr-lg-0, .px-lg-0 {
		padding-right: 0 !important;
	}
	.pb-lg-0, .py-lg-0 {
		padding-bottom: 0 !important;
	}
	.pl-lg-0, .px-lg-0 {
		padding-left: 0 !important;
	}
	.p-lg-1 {
		padding: 0.25rem !important;
	}
	.pt-lg-1, .py-lg-1 {
		padding-top: 0.25rem !important;
	}
	.pr-lg-1, .px-lg-1 {
		padding-right: 0.25rem !important;
	}
	.pb-lg-1, .py-lg-1 {
		padding-bottom: 0.25rem !important;
	}
	.pl-lg-1, .px-lg-1 {
		padding-left: 0.25rem !important;
	}
	.p-lg-2 {
		padding: 0.5rem !important;
	}
	.pt-lg-2, .py-lg-2 {
		padding-top: 0.5rem !important;
	}
	.pr-lg-2, .px-lg-2 {
		padding-right: 0.5rem !important;
	}
	.pb-lg-2, .py-lg-2 {
		padding-bottom: 0.5rem !important;
	}
	.pl-lg-2, .px-lg-2 {
		padding-left: 0.5rem !important;
	}
	.p-lg-3 {
		padding: 1rem !important;
	}
	.pt-lg-3, .py-lg-3 {
		padding-top: 1rem !important;
	}
	.pr-lg-3, .px-lg-3 {
		padding-right: 1rem !important;
	}
	.pb-lg-3, .py-lg-3 {
		padding-bottom: 1rem !important;
	}
	.pl-lg-3, .px-lg-3 {
		padding-left: 1rem !important;
	}
	.p-lg-4 {
		padding: 1.5rem !important;
	}
	.pt-lg-4, .py-lg-4 {
		padding-top: 1.5rem !important;
	}
	.pr-lg-4, .px-lg-4 {
		padding-right: 1.5rem !important;
	}
	.pb-lg-4, .py-lg-4 {
		padding-bottom: 1.5rem !important;
	}
	.pl-lg-4, .px-lg-4 {
		padding-left: 1.5rem !important;
	}
	.p-lg-5 {
		padding: 3rem !important;
	}
	.pt-lg-5, .py-lg-5 {
		padding-top: 3rem !important;
	}
	.pr-lg-5, .px-lg-5 {
		padding-right: 3rem !important;
	}
	.pb-lg-5, .py-lg-5 {
		padding-bottom: 3rem !important;
	}
	.pl-lg-5, .px-lg-5 {
		padding-left: 3rem !important;
	}
	.m-lg-auto {
		margin: auto !important;
	}
	.mt-lg-auto, .my-lg-auto {
		margin-top: auto !important;
	}
	.mr-lg-auto, .mx-lg-auto {
		margin-right: auto !important;
	}
	.mb-lg-auto, .my-lg-auto {
		margin-bottom: auto !important;
	}
	.ml-lg-auto, .mx-lg-auto {
		margin-left: auto !important;
	}
}

@media ( min-width : 1200px) {
	.m-xl-0 {
		margin: 0 !important;
	}
	.mt-xl-0, .my-xl-0 {
		margin-top: 0 !important;
	}
	.mr-xl-0, .mx-xl-0 {
		margin-right: 0 !important;
	}
	.mb-xl-0, .my-xl-0 {
		margin-bottom: 0 !important;
	}
	.ml-xl-0, .mx-xl-0 {
		margin-left: 0 !important;
	}
	.m-xl-1 {
		margin: 0.25rem !important;
	}
	.mt-xl-1, .my-xl-1 {
		margin-top: 0.25rem !important;
	}
	.mr-xl-1, .mx-xl-1 {
		margin-right: 0.25rem !important;
	}
	.mb-xl-1, .my-xl-1 {
		margin-bottom: 0.25rem !important;
	}
	.ml-xl-1, .mx-xl-1 {
		margin-left: 0.25rem !important;
	}
	.m-xl-2 {
		margin: 0.5rem !important;
	}
	.mt-xl-2, .my-xl-2 {
		margin-top: 0.5rem !important;
	}
	.mr-xl-2, .mx-xl-2 {
		margin-right: 0.5rem !important;
	}
	.mb-xl-2, .my-xl-2 {
		margin-bottom: 0.5rem !important;
	}
	.ml-xl-2, .mx-xl-2 {
		margin-left: 0.5rem !important;
	}
	.m-xl-3 {
		margin: 1rem !important;
	}
	.mt-xl-3, .my-xl-3 {
		margin-top: 1rem !important;
	}
	.mr-xl-3, .mx-xl-3 {
		margin-right: 1rem !important;
	}
	.mb-xl-3, .my-xl-3 {
		margin-bottom: 1rem !important;
	}
	.ml-xl-3, .mx-xl-3 {
		margin-left: 1rem !important;
	}
	.m-xl-4 {
		margin: 1.5rem !important;
	}
	.mt-xl-4, .my-xl-4 {
		margin-top: 1.5rem !important;
	}
	.mr-xl-4, .mx-xl-4 {
		margin-right: 1.5rem !important;
	}
	.mb-xl-4, .my-xl-4 {
		margin-bottom: 1.5rem !important;
	}
	.ml-xl-4, .mx-xl-4 {
		margin-left: 1.5rem !important;
	}
	.m-xl-5 {
		margin: 3rem !important;
	}
	.mt-xl-5, .my-xl-5 {
		margin-top: 3rem !important;
	}
	.mr-xl-5, .mx-xl-5 {
		margin-right: 3rem !important;
	}
	.mb-xl-5, .my-xl-5 {
		margin-bottom: 3rem !important;
	}
	.ml-xl-5, .mx-xl-5 {
		margin-left: 3rem !important;
	}
	.p-xl-0 {
		padding: 0 !important;
	}
	.pt-xl-0, .py-xl-0 {
		padding-top: 0 !important;
	}
	.pr-xl-0, .px-xl-0 {
		padding-right: 0 !important;
	}
	.pb-xl-0, .py-xl-0 {
		padding-bottom: 0 !important;
	}
	.pl-xl-0, .px-xl-0 {
		padding-left: 0 !important;
	}
	.p-xl-1 {
		padding: 0.25rem !important;
	}
	.pt-xl-1, .py-xl-1 {
		padding-top: 0.25rem !important;
	}
	.pr-xl-1, .px-xl-1 {
		padding-right: 0.25rem !important;
	}
	.pb-xl-1, .py-xl-1 {
		padding-bottom: 0.25rem !important;
	}
	.pl-xl-1, .px-xl-1 {
		padding-left: 0.25rem !important;
	}
	.p-xl-2 {
		padding: 0.5rem !important;
	}
	.pt-xl-2, .py-xl-2 {
		padding-top: 0.5rem !important;
	}
	.pr-xl-2, .px-xl-2 {
		padding-right: 0.5rem !important;
	}
	.pb-xl-2, .py-xl-2 {
		padding-bottom: 0.5rem !important;
	}
	.pl-xl-2, .px-xl-2 {
		padding-left: 0.5rem !important;
	}
	.p-xl-3 {
		padding: 1rem !important;
	}
	.pt-xl-3, .py-xl-3 {
		padding-top: 1rem !important;
	}
	.pr-xl-3, .px-xl-3 {
		padding-right: 1rem !important;
	}
	.pb-xl-3, .py-xl-3 {
		padding-bottom: 1rem !important;
	}
	.pl-xl-3, .px-xl-3 {
		padding-left: 1rem !important;
	}
	.p-xl-4 {
		padding: 1.5rem !important;
	}
	.pt-xl-4, .py-xl-4 {
		padding-top: 1.5rem !important;
	}
	.pr-xl-4, .px-xl-4 {
		padding-right: 1.5rem !important;
	}
	.pb-xl-4, .py-xl-4 {
		padding-bottom: 1.5rem !important;
	}
	.pl-xl-4, .px-xl-4 {
		padding-left: 1.5rem !important;
	}
	.p-xl-5 {
		padding: 3rem !important;
	}
	.pt-xl-5, .py-xl-5 {
		padding-top: 3rem !important;
	}
	.pr-xl-5, .px-xl-5 {
		padding-right: 3rem !important;
	}
	.pb-xl-5, .py-xl-5 {
		padding-bottom: 3rem !important;
	}
	.pl-xl-5, .px-xl-5 {
		padding-left: 3rem !important;
	}
	.m-xl-auto {
		margin: auto !important;
	}
	.mt-xl-auto, .my-xl-auto {
		margin-top: auto !important;
	}
	.mr-xl-auto, .mx-xl-auto {
		margin-right: auto !important;
	}
	.mb-xl-auto, .my-xl-auto {
		margin-bottom: auto !important;
	}
	.ml-xl-auto, .mx-xl-auto {
		margin-left: auto !important;
	}
}

.text-monospace {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
		"Courier New", monospace;
}

.text-justify {
	text-align: justify !important;
}

.text-nowrap {
	white-space: nowrap !important;
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
}

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

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

@media ( min-width : 576px) {
	.text-sm-left {
		text-align: left !important;
	}
	.text-sm-right {
		text-align: right !important;
	}
	.text-sm-center {
		text-align: center !important;
	}
}

@media ( min-width : 768px) {
	.text-md-left {
		text-align: left !important;
	}
	.text-md-right {
		text-align: right !important;
	}
	.text-md-center {
		text-align: center !important;
	}
}

@media ( min-width : 992px) {
	.text-lg-left {
		text-align: left !important;
	}
	.text-lg-right {
		text-align: right !important;
	}
	.text-lg-center {
		text-align: center !important;
	}
}

@media ( min-width : 1200px) {
	.text-xl-left {
		text-align: left !important;
	}
	.text-xl-right {
		text-align: right !important;
	}
	.text-xl-center {
		text-align: center !important;
	}
}

.text-lowercase {
	text-transform: lowercase !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.text-capitalize {
	text-transform: capitalize !important;
}

.font-weight-light, .landing-page .feature-list .feature-list-row .feature-list-item p
	{
	font-weight: 300 !important;
}

.font-weight-normal, .landing-page .feature-list .feature-list-row .feature-list-item h4
	{
	font-weight: 400 !important;
}

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

.font-italic {
	font-style: italic !important;
}

.text-white {
	color: var(--font-secondary-theme-color) !important;
}

.text-primary {
	color: #857bff !important;
}

a.text-primary:hover, a.text-primary:focus {
	color: #5648ff !important;
}

.text-secondary {
	color: #c2c6d1 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
	color: #a5abbb !important;
}

.text-success {
	color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
	color: #06a155 !important;
}

.text-info {
	color: var(--primary-theme-color) !important;
}

a.text-info:hover, a.text-info:focus {
	color: #029cff !important;
}

.text-warning {
	color: var(--primary-theme-color) !important;
}

a.text-warning:hover, a.text-warning:focus {
	color: #ffab01 !important;
}

.text-danger {
	color: var(--button-secondary-theme-color) !important;
}

a.text-danger:hover, a.text-danger:focus {
	color: #ff4141 !important;
}

.text-light {
	color: #f3f5f6 !important;
}

a.text-light:hover, a.text-light:focus {
	color: #d6dde0 !important;
}

.text-dark {
	color: #354168 !important;
}

a.text-dark:hover, a.text-dark:focus {
	color: #242c46 !important;
}

.text-teal {
	color: #58d8a3 !important;
}

a.text-teal:hover, a.text-teal:focus {
	color: #30cd8c !important;
}

.text-body {
	color: #212529 !important;
}

.text-muted, .preview-list .preview-item .preview-item-content p .content-category,
	.email-wrapper
  .mail-sidebar
  .menu-bar
  .profile-list-item
  a
  .user
  .u-designation, .email-wrapper .mail-list-container .mail-list .content .message_text,
	.email-wrapper .mail-list-container .mail-list .details .date {
	color: #9c9c9c !important;
}

.text-black-50 {
	color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
	color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.visible {
	visibility: visible !important;
}

.invisible {
	visibility: hidden !important;
}

@media print {
	*, *::before, *::after {
		text-shadow: none !important;
		box-shadow: none !important;
	}
	a:not(.btn):not(.ajax-upload-dragdrop .ajax-file-upload):not(.swal2-modal
      .swal2-buttonswrapper
      .swal2-styled):not(.swal2-modal
      .swal2-buttonswrapper
      .swal2-styled.swal2-confirm):not(.swal2-modal
      .swal2-buttonswrapper
      .swal2-styled.swal2-cancel):not(.wizard>.actions a) {
		text-decoration: underline;
	}
	abbr[title]::after {
		content: " (" attr(title) ")";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre, blockquote {
		border: 1px solid #adb5bd;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
	@page {
		size: a3;
	}
	body {
		min-width: 992px !important;
	}
	.container {
		min-width: 992px !important;
	}
	.navbar {
		display: none;
	}
	.badge {
		border: 1px solid #4e4c4c;
	}
	.table, .jsgrid .jsgrid-table {
		border-collapse: collapse !important;
	}
	.table td, .jsgrid .jsgrid-table td, .table th, .jsgrid .jsgrid-table th
		{
		background-color: #ffffff !important;
	}
	.table-bordered th, .table-bordered td {
		border: 1px solid #dee2e6 !important;
	}
	.table-dark {
		color: inherit;
	}
	.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody+tbody
		{
		border-color: #f3f3f3;
	}
	.table .thead-dark th, .jsgrid .jsgrid-table .thead-dark th {
		color: inherit;
		border-color: #f3f3f3;
	}
}

/*-------------------------------------------------------------------*/
/* === Template mixins === */
/* Animation Mixins */
@
keyframes dropdownAnimation {from { opacity:0;
	transform: translate3d(0, -30px, 0);
}

to {
	opacity: 1;
	transform: none;
	transform: translate3d(0, 0px, 0);
}

}
.dropdownAnimation, .nav .nav-item.dropdown .navbar-dropdown,
	.navbar-nav .nav-item.dropdown .navbar-dropdown, .horizontal-menu-2 .navbar.horizontal-layout-2 .nav-bottom
	{
	animation-name: dropdownAnimation;
	-webkit-animation-duration: 0.25s;
	-moz-animation-duration: 0.25s;
	-ms-animation-duration: 0.25s;
	-o-animation-duration: 0.25s;
	animation-duration: 0.25s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

@
keyframes fadeOut {from { opacity:1;
	
}

to {
	opacity: 0;
}

}
.fadeOut {
	animation-name: fadeOut;
}

.infinite-spin {
	animation-name: spin;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@
keyframes spin {from { transform:rotate(0deg);
	
}

to {
	transform: rotate(360deg);
}

}
@
keyframes fadeInUp {from { opacity:0;
	transform: translate3d(0, 100%, 0);
}

to {
	opacity: 1;
	transform: none;
}

}
.fadeInUp {
	animation-name: fadeInUp;
}

/* Miscellaneous Mixins */
.tickets-tab ul li .details .t-content .sender-content p.subject,
	.tickets-tab ul li .details .t-content .message p, .new-accounts ul.chats li.chat-persons a div.user p.u-name,
	.new-accounts ul.chats li.chat-persons a div.user p.u-designation,
	.settings-panel .chat-list .list .info p, .list-wrapper ul li .form-check,
	.list-wrapper ul li .form-check .form-check-label, .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name,
	.email-wrapper
  .mail-sidebar
  .menu-bar
  .profile-list-item
  a
  .user
  .u-designation, .email-wrapper .mail-list-container .mail-list .content .sender-name,
	.email-wrapper .message-body .attachments-sections ul li .details p.file-name
	{
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
}

/*-------------------------------------------------------------------*/
/* === Core Styles === */
/* Reset Styles */
body {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
	.select2-container--default .select2-selection--single,
	.select2-container--default .select2-selection--single .select2-search__field,
	.tt-hint, .tt-query, .typeahead, .form-control:focus,
	.asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"]:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"]:focus,
	.select2-container--default .select2-selection--single:focus,
	.select2-container--default
  .select2-selection--single
  .select2-search__field:focus, .tt-hint:focus, .tt-query:focus,
	.typeahead:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
	.select2-container--default .select2-selection--single,
	.select2-container--default .select2-selection--single .select2-search__field,
	.tt-hint, .tt-query, .typeahead {
	box-shadow: none;
}

.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"]:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"]:focus,
	.select2-container--default .select2-selection--single:focus,
	.select2-container--default
  .select2-selection--single
  .select2-search__field:focus, .tt-hint:focus, .tt-query:focus,
	.typeahead:focus {
	outline: 0;
	box-shadow: none;
}

a, div, h1, h2, h3, h4, h5, p, span {
	text-shadow: none;
}

[type="button"]:focus, a:active, a:focus, a:visited, button::-moz-focus-inner,
	input[type="button"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner,
	input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,
	select::-moz-focus-inner {
	outline: 0;
}

.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"]:focus,
	.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"]:focus,
	.select2-container--default .select2-selection--single:focus,
	.select2-container--default
  .select2-selection--single
  .select2-search__field:focus, .tt-hint:focus, .tt-query:focus,
	.typeahead:focus, button:focus, input, input:focus, select:focus,
	textarea:focus {
	outline: none;
	outline-width: 0;
	outline-color: transparent;
	box-shadow: none;
	outline-style: none;
}

textarea {
	resize: none;
	overflow-x: hidden;
}

.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
	.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard>.actions a,
	.btn-group.open .dropdown-toggle, .btn:active, .ajax-upload-dragdrop .ajax-file-upload:active,
	.swal2-modal .swal2-buttonswrapper .swal2-styled:active, .wizard>.actions a:active,
	.btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
	.wizard>.actions a:focus, .btn:hover, .ajax-upload-dragdrop .ajax-file-upload:hover,
	.swal2-modal .swal2-buttonswrapper .swal2-styled:hover, .wizard>.actions a:hover,
	.btn:visited, .ajax-upload-dragdrop .ajax-file-upload:visited,
	.swal2-modal .swal2-buttonswrapper .swal2-styled:visited, .wizard>.actions a:visited,
	a, a:active, a:checked, a:focus, a:hover, a:visited, body, button,
	button:active, button:hover, button:visited, div, input, input:active,
	input:focus, input:hover, input:visited, select, select:active, select:focus,
	select:visited, textarea, textarea:active, textarea:focus, textarea:hover,
	textarea:visited {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.active.focus, .ajax-upload-dragdrop .active.focus.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .active.focus.swal2-styled, .wizard>.actions a.active.focus,
	.btn.active:focus, .ajax-upload-dragdrop .active.ajax-file-upload:focus,
	.swal2-modal .swal2-buttonswrapper .active.swal2-styled:focus, .wizard>.actions a.active:focus,
	.btn.focus, .ajax-upload-dragdrop .focus.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .focus.swal2-styled,
	.wizard>.actions a.focus, .btn:active.focus, .ajax-upload-dragdrop .ajax-file-upload:active.focus,
	.swal2-modal .swal2-buttonswrapper .swal2-styled:active.focus, .wizard>.actions a:active.focus,
	.btn:active:focus, .ajax-upload-dragdrop .ajax-file-upload:active:focus,
	.swal2-modal .swal2-buttonswrapper .swal2-styled:active:focus, .wizard>.actions a:active:focus,
	.btn:focus, .ajax-upload-dragdrop .ajax-file-upload:focus, .swal2-modal .swal2-buttonswrapper .swal2-styled:focus,
	.wizard>.actions a:focus, button, button:active, button:checked, button:focus,
	button:hover, button:visited {
	outline: 0;
	outline-offset: 0;
}

.bootstrap-select .dropdown-toggle:focus {
	outline: 0 !important;
	outline-offset: 0;
}

.dropdown-menu>li>a:active, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,
	.dropdown-menu>li>a:visited {
	outline: 0 !important;
}

a:focus, input:focus {
	/* border-color: transparent; */
	outline: none;
}

/* Fonts */
.text-twitter {
	color: #1da1f2;
}

.text-facebook {
	color: #3b579d;
}

.text-google {
	color: #dc4a38;
}

.text-linkedin {
	color: #0177b4;
}

.text-pinterest {
	color: #cc2127;
}

.text-youtube {
	color: #e52d27;
}

.text-github {
	color: #333333;
}

.text-behance {
	color: #1769ff;
}

.text-dribbble {
	color: #ea4c89;
}

.text-reddit {
	color: #ff4500;
}

.bg-twitter {
	background: #1da1f2;
}

.bg-facebook {
	background: #3b579d;
}

.bg-google {
	background: #dc4a38;
}

.bg-linkedin {
	background: #0177b4;
}

.bg-pinterest {
	background: #cc2127;
}

.bg-youtube {
	background: #e52d27;
}

.bg-github {
	background: #333333;
}

.bg-behance {
	background: #1769ff;
}

.bg-dribbble {
	background: #ea4c89;
}

.bg-reddit {
	background: #ff4500;
}

/* Sidebar */
.sidebar {
	min-height: calc(100vh - 70px);
	background: #fff;
	/* font-family: "Gilroy"; */
	padding: 0;
	width: 250px;
	z-index: 11;
	transition: width 0.25s ease, background 0.25s ease;
	-webkit-transition: width 0.25s ease, background 0.25s ease;
	-moz-transition: width 0.25s ease, background 0.25s ease;
	-ms-transition: width 0.25s ease, background 0.25s ease;
	/*box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.01);*/
	box-shadow: 5px 6px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
	/*-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.01);*/
	-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.01);
	-ms-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.01);
	height: 100%;
}

.sidebar .nav {
	overflow: hidden;
	flex-wrap: nowrap;
	flex-direction: column;
	/* padding-top: 30px; */
	/*padding-bottom: 90px !important; */
}

.sidebar .nav .nav-item .collapse {
	z-index: 999;
}

.sidebar .nav .nav-item .collapse.show {
	display: block;
}

.sidebar .nav .nav-item .collapse.show, .sidebar .nav .nav-item .collapsing
	{
	background: #fff;
}

.sidebar .nav .nav-item .nav-link {
	align-items: center;
	display: flex;
	padding: 3px 2px;
	/*padding: 1rem 0.6rem;*/
	/* white-space: nowrap; */
	/* height: 35px; */
	font-weight: 400;
	color: var(--font-primary-theme-color);
}

#profile-dropdown:hover {
	background-color: transparent !important;
}
/* .sidebar .nav .nav-item .nav-link img {
  width: 22px;
} */
.sidebar .nav .nav-item .nav-link i.menu-arrow {
	margin-left: auto;
	margin-right: 0;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
	content: "\F142";
	font-family: "Material Design Icons";
	font-size: 18px;
	line-height: 1;
	font-style: normal;
	vertical-align: middle;
	color: rgba(199, 199, 199, 0.5);
}

.sidebar .nav .nav-item .nav-link[aria-expanded="true"] {
	background: #fff;
}

.sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow {
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sidebar .nav .nav-item .nav-link .menu-icon {
	margin-right: 1.25rem;
	width: 16px;
	line-height: 1;
}

.rtl .sidebar .nav .nav-item .nav-link .menu-icon {
	margin-right: 0;
	margin-left: 1.25rem;
}

/*.sidebar .nav .nav-item .nav-link i {
  color: #707070;
}*/
.sidebar .nav .nav-item .nav-link .menu-title {
	color: inherit;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	padding-left: 0px;
	vertical-align: top;
	/*vertical-align: middle;*/
	text-align: left;
}

.sidebar .nav .nav-item .nav-link .badge {
	margin-left: auto;
}
/*.sidebar .nav .nav-item .nav-link:hover {
  color: #bababa;
}*/
.sidebar .nav .nav-item.nav-profile {
	background: transparent;
}

.sidebar .nav .nav-item.nav-profile .nav-link {
	display: block;
	height: auto;
	padding: 0rem 1.625rem 2.25rem 1.188rem;
}

.sidebar .nav .nav-item.nav-profile .profile-image {
	position: relative;
	width: 88px;
	/* height: 88px;
  margin: auto; */
}

.sidebar .nav .nav-item.nav-profile .profile-image img {
	max-width: 100%;
	width: 100%;
	border-radius: 100%;
}

.sidebar .nav .nav-item.nav-profile .profile-name {
	margin-top: 0.75rem;
	text-align: center;
	font-weight: 500;
}

.rtl .sidebar .nav .nav-item.nav-profile .profile-name {
	margin-left: auto;
	margin-right: 0.75rem;
}

.sidebar .nav .nav-item.nav-profile .profile-name .designation, .sidebar .nav .nav-item.nav-profile .profile-name .name
	{
	margin-bottom: 0;
	line-height: 1.5;
}

.sidebar .nav .nav-item.nav-profile .profile-name .name {
	color: #d0d0d0;
}

.sidebar .nav .nav-item.nav-profile .profile-name .designation {
	color: #8d9498;
	font-size: 0.75rem;
}

.sidebar .nav .nav-item.nav-profile i {
	color: var(--font-secondary-theme-color);
	font-size: 1rem;
	margin-left: auto;
}

.sidebar .nav .nav-item.nav-profile .notification-panel {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
}

.sidebar .nav .nav-item.nav-profile .notification-panel:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	width: 87%;
	bottom: -27px;
	background: #232323;
	margin: auto;
}

.sidebar .nav .nav-item.nav-profile .notification-panel>span {
	height: 31px;
	width: 31px;
	background: #232323;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	border-radius: 50px;
	margin-right: 1.1875rem;
}

.rtl .sidebar .nav .nav-item.nav-profile .notification-panel>span {
	margin-left: 1.1875rem;
	margin-right: 0;
}

.rtl .sidebar .nav .nav-item.nav-profile .notification-panel>span:last-child
	{
	margin-left: 0;
}

.sidebar .nav .nav-item.nav-profile .notification-panel>span:last-child
	{
	margin-right: 0;
}

.sidebar .nav .nav-item.nav-profile .notification-panel>span i {
	text-align: center;
	color: #8ba2b5;
	margin: auto;
}

.sidebar .nav .nav-item.active>.nav-link {
	color: #3e4150;
	font-weight: 600;
}
/* .sidebar .nav .nav-item.active > .nav-link .menu-title {
  border-bottom: 1px solid;
} */
.sidebar .nav .nav-item.active>.nav-link .menu-title, .sidebar .nav .nav-item.active>.nav-link i
	{
	color: var(--primary-theme-color);
}

.sidebar .nav .nav-item .sidebar-sticker {
	background: #232323;
	margin-top: 30px;
	margin-right: 2rem;
	margin-left: 2rem;
	padding: 10%;
	border-radius: 4px;
}

.sidebar .nav:not(.sub-menu)>.nav-item:hover:not(.nav-profile)>.nav-link
	{
	/*  background: #fff;
  color: #4e4c4c; */
	
}

.sidebar .nav.sub-menu {
	margin-bottom: 0;
	/*padding: 0 0 0 1.25rem;*/
}

.sidebar .nav.sub-menu .nav-item .nav-link {
	color: #4e4c4c;
	padding: 10px 7px 10px 40px !important;
	font-size: 13px;
	line-height: 1;
	height: auto;
	position: relative;
}

.sidebar .nav.sub-menu .nav-item .nav-link:after {
	/*content: "»";*/
	content: ">";
	position: absolute;
	font-size: 18px;
	color: var(--primary-theme-color);
	top: 6px;
	left: 20px;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active {
	color: var(--primary-theme-color);
	font-weight: 600;
	background: transparent;
}
/* .sidebar .nav.sub-menu .nav-item .nav-link.active .menu-title {
  border-bottom: 1px solid;
} */
.sidebar .nav.sub-menu .nav-item .nav-link.active:before {
	background: #ffffff;
}

.sidebar .nav.sub-menu .nav-item:hover>.nav-link {
	background: initial;
	color: #d4d4d4;
}

.sidebar .nav.sub-menu .nav-item:hover>.nav-link:before {
	background: #d4d4d4;
}

.sidebar-light .sidebar {
	background: #fff;
}

.sidebar-light .sidebar .nav .nav-item .collapse.show, .sidebar-light .sidebar .nav .nav-item .collapsing
	{
	background: #fafbfc;
}

.sidebar-light .sidebar .nav .nav-item .nav-link {
	color: #4a4949;
}

.sidebar-light .sidebar .nav .nav-item .nav-link[aria-expanded="true"] {
	background: #fafbfc;
}

.sidebar-light .sidebar .nav .nav-item .nav-link i {
	color: rgba(0, 0, 0, 0.2);
}

.sidebar-light .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
	color: rgba(74, 73, 73, 0.5);
}

.sidebar-light .sidebar .nav .nav-item .nav-link:hover {
	color: #3d3c3c;
}

.sidebar-light .sidebar .nav .nav-item.nav-profile .profile-name .name {
	color: #404852;
}

.sidebar-light .sidebar .nav .nav-item.nav-profile .profile-name .designation
	{
	color: #8d9498;
}

.sidebar-light .sidebar .nav .nav-item.nav-profile .notification-panel:before
	{
	background: #e6e6e6;
}

.sidebar-light .sidebar .nav .nav-item.nav-profile .notification-panel>span
	{
	background: #f0f0f0;
}

.sidebar-light
  .sidebar
  .nav
  .nav-item.nav-profile
  .notification-panel>span
  i {
	color: #8ba2b5;
}

.sidebar-light .sidebar .nav .nav-item.active>.nav-link {
	color: #4e4c4c;
}

.sidebar-light .sidebar .nav .nav-item .sidebar-sticker {
	background: #f0f0f0;
}

.sidebar-light
  .sidebar
  .nav:not(.sub-menu)>.nav-item:hover:not(.nav-profile)>.nav-link {
	background: #fafbfc;
	color: #4a4949;
}

.sidebar-light .sidebar .nav.sub-menu .nav-item .nav-link {
	color: #4a4949;
}

.sidebar-light .sidebar .nav.sub-menu .nav-item .nav-link.active {
	color: var(--primary-theme-color);
}

.sidebar-light .sidebar .nav.sub-menu .nav-item .nav-link.active:before
	{
	background: #4e4c4c;
}

.sidebar-light .sidebar .nav.sub-menu .nav-item:hover>.nav-link {
	background: initial;
	color: var(--primary-theme-color);
}

.sidebar-light .sidebar .nav.sub-menu .nav-item:hover>.nav-link:before {
	background: #4e4c4c;
}

/* style for off-canvas menu*/
@media screen and (max-width: 991px) {
	.sidebar-offcanvas {
		position: fixed;
		max-height: calc(100vh - 70px);
		top: 70px;
		bottom: 0;
		overflow: auto;
		right: -255px;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	.sidebar-offcanvas.active {
		right: 0;
	}
}

/* Navbar */
.navbar.default-layout {
	/* font-family: "Gilroy"; */
	background: #ffffff;
	/* box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);*/
	/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important; */
	transition: background 0.25s ease;
	-webkit-transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	-ms-transition: background 0.25s ease;
}

.navbar.default-layout .navbar-brand-wrapper {
	transition: width 0.25s ease, background 0.25s ease;
	-webkit-transition: width 0.25s ease, background 0.25s ease;
	-moz-transition: width 0.25s ease, background 0.25s ease;
	-ms-transition: width 0.25s ease, background 0.25s ease;
	/* background: #161616; */
	/* width: 200px; */
	/* height: 70px; */
}

.sidebar-light .navbar.default-layout .navbar-brand-wrapper {
	background: #fff;
}

.navbar.default-layout .navbar-brand-wrapper .navbar-brand {
	color: var(--font-secondary-theme-color);
	/*font-size: 1.5rem;
      line-height: 48px;
      padding: 0.25rem 0;
      width: calc(255px - 145px);
      max-width: 100%;
      height: 30px;*/
	margin: auto;
	vertical-align: middle;
	background: url("../images/logo-default.svg") no-repeat center;
}

.sidebar-light .navbar.default-layout .navbar-brand-wrapper .navbar-brand
	{
	background: url("../images/logo-inverse.svg") no-repeat center;
}

.navbar.default-layout .navbar-brand-wrapper .navbar-brand:active,
	.navbar.default-layout .navbar-brand-wrapper .navbar-brand:focus,
	.navbar.default-layout .navbar-brand-wrapper .navbar-brand:hover {
	color: #424546;
}

.navbar.default-layout .navbar-brand-wrapper .brand-logo-mini {
	display: none;
	width: calc(70px - 41px);
	max-width: 100%;
	/*height: 30px;*/
	margin: auto;
	background: url("../images/logo-mini.svg") no-repeat center;
}

.sidebar-light .navbar.default-layout .navbar-brand-wrapper .brand-logo-mini
	{
	background: url("../images/logo-mini.svg") no-repeat center;
}

.navbar.default-layout .navbar-menu-wrapper {
	transition: width 0.25s ease;
	-webkit-transition: width 0.25s ease;
	-moz-transition: width 0.25s ease;
	-ms-transition: width 0.25s ease;
	color: var(--font-secondary-theme-color);
	padding-left: 15px;
	padding-right: 15px;
	width: calc(100% - 255px);
	/* height: 70px; */
}

@media ( max-width : 991px) {
	.navbar.default-layout .navbar-menu-wrapper {
		width: auto;
	}
}

.navbar.default-layout .navbar-menu-wrapper .navbar-toggler {
	border: 0;
	color: #717171;
	margin-left: -95px;
	margin-top: -4px;
}

@media ( max-width : 991px) {
	.navbar.default-layout
    .navbar-menu-wrapper
    .navbar-toggler:not(.navbar-toggler-right) {
		display: none;
	}
}

.navbar.default-layout .navbar-menu-wrapper .navbar-text {
	font-size: 0.8rem;
}

.navbar.default-layout .navbar-menu-wrapper .navbar-nav {
	flex-direction: row;
	align-items: center;
}

.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item {
	margin-left: 1rem;
	margin-right: 1rem;
}

.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link
	{
	color: #717171;
	font-size: 13px;
	vertical-align: middle;
}

@media ( max-width : 767px) {
	.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link
		{
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
}

.navbar.default-layout .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i
	{
	font-size: 1.25rem;
	vertical-align: middle;
}

.navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.nav-btn
  .btn, .navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.nav-btn
  .ajax-upload-dragdrop
  .ajax-file-upload, .ajax-upload-dragdrop
  .navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.nav-btn
  .ajax-file-upload, .navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.nav-btn
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.nav-btn
  .swal2-styled, .navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.nav-btn
  .wizard>.actions
  a, .wizard>.actions
  .navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.nav-btn
  a {
	background: rgba(255, 255, 255, 0.1);
	padding: 0.75rem 1rem;
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.nav-btn:after {
	display: none;
}

.navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item.color-setting
  i {
	font-size: 25px;
	vertical-align: text-top;
}

@media ( min-width : 992px) {
	.navbar.default-layout .navbar-menu-wrapper .navbar-nav.navbar-nav-right
		{
		margin-left: auto;
	}
	.rtl
    .navbar.default-layout
    .navbar-menu-wrapper
    .navbar-nav.navbar-nav-right {
		margin-left: 0;
		margin-right: auto;
	}
}

.navbar.default-layout .navbar-menu-wrapper .navbar-nav.header-links {
	height: 70px;
	padding-left: 2%;
}

.navbar.default-layout .navbar-menu-wrapper .navbar-nav.header-links .nav-item
	{
	margin: 0;
}

.navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item
  .nav-link {
	height: 70px;
	font-size: 13px;
	padding: 16px 25px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item
  .nav-link
  i {
	margin-right: 10px;
	font-size: 21px;
}

.rtl
  .navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item
  .nav-link
  i {
	margin-right: 0;
	margin-left: 10px;
}

.navbar.default-layout
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item.active {
	background: rgba(255, 255, 255, 0.13);
}

.navbar.default-layout.navbar-danger, .navbar.default-layout.navbar-dark,
	.navbar.default-layout.navbar-primary, .navbar.default-layout.navbar-success,
	.navbar.default-layout.navbar-warning {
	background: #354168;
}

.navbar.default-layout.navbar-danger .navbar-toggler, .navbar.default-layout.navbar-dark .navbar-toggler,
	.navbar.default-layout.navbar-primary .navbar-toggler, .navbar.default-layout.navbar-success .navbar-toggler,
	.navbar.default-layout.navbar-warning .navbar-toggler {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-danger .count, .navbar.default-layout.navbar-dark .count,
	.navbar.default-layout.navbar-primary .count, .navbar.default-layout.navbar-success .count,
	.navbar.default-layout.navbar-warning .count {
	border-color: #354168;
}

.navbar.default-layout.navbar-primary {
	background: var(--primary-theme-color);
}

.navbar.default-layout.navbar-primary
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count {
	background: #ff7474;
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-success {
	background: var(--button-secondary-theme-color);
}

.navbar.default-layout.navbar-success .navbar-menu-wrapper input {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-success
  .navbar-menu-wrapper
  input:-ms-input-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-success
  .navbar-menu-wrapper
  input:-moz-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-success
  .navbar-menu-wrapper
  input::-moz-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-success
  .navbar-menu-wrapper
  input::-webkit-input-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-success
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count {
	background: #023f21;
	color: var(--font-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
}

.navbar.default-layout.navbar-success
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count.bg-success, .navbar.default-layout.navbar-success
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .settings-panel
  .color-tiles
  .count.tiles.success, .settings-panel
  .color-tiles
  .navbar.default-layout.navbar-success
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count.tiles.success {
	background: #04703b !important;
}

.navbar.default-layout.navbar-danger {
	background: #ff7474;
}

.navbar.default-layout.navbar-danger .navbar-menu-wrapper input {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-danger
  .navbar-menu-wrapper
  input:-ms-input-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-danger
  .navbar-menu-wrapper
  input:-moz-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-danger
  .navbar-menu-wrapper
  input::-moz-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-danger
  .navbar-menu-wrapper
  input::-webkit-input-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-danger
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count {
	background: #da0000;
	color: var(--font-secondary-theme-color);
	border-color: #ff7474;
}

.navbar.default-layout.navbar-danger
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count.bg-danger, .navbar.default-layout.navbar-danger
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .settings-panel
  .color-tiles
  .count.tiles.danger, .settings-panel
  .color-tiles
  .navbar.default-layout.navbar-danger
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count.tiles.danger {
	background: #ff0e0e !important;
}

.navbar.default-layout.navbar-warning {
	background: var(--primary-theme-color);
}

.navbar.default-layout.navbar-warning .navbar-menu-wrapper input {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-warning
  .navbar-menu-wrapper
  input:-ms-input-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-warning
  .navbar-menu-wrapper
  input:-moz-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-warning
  .navbar-menu-wrapper
  input::-moz-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-warning
  .navbar-menu-wrapper
  input::-webkit-input-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-warning
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count {
	background: #9a6700;
	color: var(--font-secondary-theme-color);
	border-color: var(--primary-theme-color);
}

.navbar.default-layout.navbar-warning
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count.bg-warning, .navbar.default-layout.navbar-warning
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .settings-panel
  .color-tiles
  .count.tiles.warning, .settings-panel
  .color-tiles
  .navbar.default-layout.navbar-warning
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count.tiles.warning {
	background: #cd8900 !important;
}

.navbar.default-layout.navbar-pink {
	background: #e91e63;
}

.navbar.default-layout.navbar-pink a {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-pink .navbar-toggler {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-pink .navbar-brand-wrapper .navbar-brand {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-pink .navbar-menu-wrapper input {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-pink
  .navbar-menu-wrapper
  input:-ms-input-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-pink .navbar-menu-wrapper input:-moz-placeholder
	{
	color: inherit;
}

.navbar.default-layout.navbar-pink
  .navbar-menu-wrapper
  input::-moz-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-pink
  .navbar-menu-wrapper
  input::-webkit-input-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-pink
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-pink
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count {
	background: #640a29;
	color: var(--font-secondary-theme-color);
	border-color: #e91e63;
}

.navbar.default-layout.navbar-pink
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count.bg-pink {
	background: #930e3b !important;
}

.navbar.default-layout.navbar-pink
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item.dropdown
  .navbar-dropdown
  .dropdown-item {
	color: #4e4c4c;
}

.navbar.default-layout.navbar-info {
	background: var(--primary-theme-color);
}

.navbar.default-layout.navbar-info a {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-info .navbar-toggler {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-info .navbar-menu-wrapper input {
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-info
  .navbar-menu-wrapper
  input:-ms-input-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-info .navbar-menu-wrapper input:-moz-placeholder
	{
	color: inherit;
}

.navbar.default-layout.navbar-info
  .navbar-menu-wrapper
  input::-moz-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-info
  .navbar-menu-wrapper
  input::-webkit-input-placeholder {
	color: inherit;
}

.navbar.default-layout.navbar-info .navbar-menu-wrapper .navbar-nav .nav-item
	{
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-info
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count {
	background: #005e9b;
	color: var(--font-secondary-theme-color);
	border-color: var(--primary-theme-color);
}

.navbar.default-layout.navbar-info
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count.bg-info, .navbar.default-layout.navbar-info
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .settings-panel
  .color-tiles
  .count.tiles.info, .settings-panel
  .color-tiles
  .navbar.default-layout.navbar-info
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link.count-indicator
  .count.tiles.info {
	background: #007dce !important;
}

.navbar.default-layout.navbar-info
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item.dropdown
  .navbar-dropdown
  .dropdown-item {
	color: #4e4c4c;
}

.navbar.default-layout.navbar-danger .navbar-brand-wrapper .navbar-brand,
	.navbar.default-layout.navbar-danger .navbar-brand-wrapper .navbar-brand,
	.navbar.default-layout.navbar-dark .navbar-brand-wrapper .navbar-brand,
	.navbar.default-layout.navbar-primary .navbar-brand-wrapper .navbar-brand,
	.navbar.default-layout.navbar-success .navbar-brand-wrapper .navbar-brand,
	.navbar.default-layout.navbar-warning .navbar-brand-wrapper .navbar-brand,
	.navbar.default-layout.navbar-primary .navbar-brand-wrapper .navbar-brand,
	.navbar.default-layout.navbar-success .navbar-brand-wrapper .navbar-brand,
	.navbar.default-layout.navbar-warning .navbar-brand-wrapper .navbar-brand
	{
	color: var(--font-secondary-theme-color);
}

.navbar.default-layout.navbar-danger
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link, .navbar.default-layout.navbar-danger
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link, .navbar.default-layout.navbar-dark
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link, .navbar.default-layout.navbar-primary
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link, .navbar.default-layout.navbar-success
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link, .navbar.default-layout.navbar-warning
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link, .navbar.default-layout.navbar-primary
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link, .navbar.default-layout.navbar-success
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link, .navbar.default-layout.navbar-warning
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link {
	color: var(--font-secondary-theme-color);
}

@media ( max-width : 991px) {
	.navbar.default-layout {
		flex-direction: row;
	}
	.navbar.default-layout .navbar-brand-wrapper {
		width: 75px;
	}
	.navbar.default-layout .navbar-brand-wrapper .brand-logo {
		display: none;
	}
	.navbar.default-layout .navbar-brand-wrapper .brand-logo-mini {
		display: inline-block;
	}
	.navbar-collapse {
		display: flex;
		margin-top: 0.5rem;
	}
}

/* Typography */
:root, body {
	font-size: 1rem;
	/* font-family: "Gilroy"; */
	font-weight: 300;
	color: var(--font-primary-theme-color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	/* font-family: "Gilroy"; */
	font-weight: 600;
}

p {
	font-weight: 400;
	font-size: 0.8rem;
}

.h1, h1 {
	font-size: 2.19rem;
}

.h2, h2 {
	font-size: 1.88rem;
}

.h3, h3 {
	font-size: 1.56rem;
}

.h4, h4 {
	font-size: 1.13rem;
}

.h5, h5 {
	font-size: 1rem;
}

.h6, h6 {
	font-size: 0.8rem;
}

.display-1 {
	font-size: 3.75rem;
}

@media ( max-width : 991px) {
	.display-1 {
		font-size: 3rem;
	}
}

.display-2 {
	font-size: 3.125rem;
}

@media ( max-width : 991px) {
	.display-2 {
		font-size: 2.5rem;
	}
}

.display-3 {
	font-size: 2.5rem;
}

@media ( max-width : 991px) {
	.display-3 {
		font-size: 2rem;
	}
}

.display-4 {
	font-size: 1.875rem;
}

@media ( max-width : 991px) {
	.display-4 {
		font-size: 1.5rem;
	}
}

.display-5 {
	font-size: 1.25rem;
}

@media ( max-width : 991px) {
	.display-5 {
		font-size: 1rem;
	}
}

.blockquote {
	padding: 1.25rem;
	border: 1px solid #f3f3f3;
}

address p {
	margin-bottom: 0;
}

.blockquote-primary {
	border-color: #857bff;
}

.blockquote-primary .blockquote-footer {
	color: #857bff;
}

.blockquote-secondary {
	border-color: #c2c6d1;
}

.blockquote-secondary .blockquote-footer {
	color: #c2c6d1;
}

.blockquote-success {
	border-color: var(--button-secondary-theme-color);
}

.blockquote-success .blockquote-footer {
	color: var(--button-secondary-theme-color);
}

.blockquote-info {
	border-color: var(--primary-theme-color);
}

.blockquote-info .blockquote-footer {
	color: var(--primary-theme-color);
}

.blockquote-warning {
	border-color: var(--primary-theme-color);
}

.blockquote-warning .blockquote-footer {
	color: var(--primary-theme-color);
}

.blockquote-danger {
	border-color: #ff7474;
}

.blockquote-danger .blockquote-footer {
	color: #ff7474;
}

.blockquote-light {
	border-color: #f3f5f6;
}

.blockquote-light .blockquote-footer {
	color: #f3f5f6;
}

.blockquote-dark {
	border-color: #354168;
}

.blockquote-dark .blockquote-footer {
	color: #354168;
}

.blockquote-teal {
	border-color: #58d8a3;
}

.blockquote-teal .blockquote-footer {
	color: #58d8a3;
}

.page-title {
	color: #4e4c4c;
	margin: 0.38rem 0 0.75rem;
}

.card-title {
	margin-bottom: 1.125rem;
	text-transform: capitalize;
}

.rtl .card-title {
	text-align: right;
}

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

.card-description {
	margin-bottom: 0.9375rem;
}

.rtl .card-description {
	text-align: right;
}

.font-weight-normal, .landing-page .feature-list .feature-list-row .feature-list-item h4
	{
	font-weight: 400;
}

.font-weight-medium {
	font-weight: 500;
}

.font-weight-semibold {
	font-weight: 600;
}

.text-small {
	font-size: 0.8rem;
}

.icon-lg {
	font-size: 2.5rem;
}

.icon-md {
	font-size: 1.275rem;
}

.icon-sm {
	font-size: 1rem;
}

/* Miscellanoeous */
body, html {
	overflow-x: hidden;
	padding-right: 0 !important;
}

*:-moz-full-screen, *:-webkit-full-screen, *:fullscreen *:-ms-fullscreen
	{
	overflow: auto !important;
}

.page-body-wrapper {
	min-height: calc(100vh - 70px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding-left: 0;
	padding-right: 0;
	/*background-color: #f3f3f3;*/
	/*background-image: url(http://www.transparenttextures.com/patterns/stucco.png);*/
}

.page-body-wrapper.full-page-wrapper {
	width: 100%;
	min-height: 100vh;
}

.main-panel {
	transition: width 0.25s ease, margin 0.25s ease;
	width: calc(100% - 276px);
	min-height: calc(100vh - 70px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-top: 58px;
	/* padding-bottom: 30px; */
}

@media ( max-width : 991px) {
	.main-panel {
		margin-left: 0;
		width: 100%;
	}
}

.content-wrapper {
	/*background: #fff;*/
	/* padding: 0rem 0.7rem; */
	width: 100%;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	/* margin-top: -20px; */
	/* background-color: #ffffff;*/
	/*background-image: url(http://www.transparenttextures.com/patterns/stucco.png);*/
	/* margin-bottom: 30px; */
}

.content-wrapper1 {
	background: #ffffff;
	padding: 1.5rem 1.7rem;
	width: 100%;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	/*background-color: #ffffff;*/
	/*background-image: url(http://www.transparenttextures.com/patterns/stucco.png);*/
}

.container-scroller {
	overflow: hidden;
}

.scroll-container {
	position: relative;
}

.scroll-container.horizontally {
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
}

.scroll-container.vertically {
	overflow-y: hidden;
	height: 100%;
	max-height: 100%;
}

pre {
	padding: 15px;
	font-size: 14px;
}

.fade.show, .fade.in {
	/*opacity: 1;*/
	
}

/* Footer */
.footer {
	background: #f3f3f3;
	padding: 20px 1rem;
	transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	border-top: 1px solid #f3f3f3;
	font-size: calc(0.8rem - 0.05rem);
	/* font-family: "Gilroy"; */
}

.footer a {
	color: var(--button-secondary-theme-color);
	font-size: inherit;
}

@media ( max-width : 991px) {
	.footer {
		margin-left: 0;
		width: 100%;
	}
}

/* Utilities */
.grid-margin {
	margin-bottom: 11px;
}

@media ( min-width : 576px) {
	.grid-margin-sm-0 {
		margin-bottom: 0;
	}
}

@media ( min-width : 768px) {
	.grid-margin-md-0 {
		margin-bottom: 0;
	}
}

@media ( min-width : 992px) {
	.grid-margin-lg-0 {
		margin-bottom: 0;
	}
}

@media ( min-width : 1200px) {
	.grid-margin-xl-0 {
		margin-bottom: 0;
	}
}

.img-lg {
	width: 92px;
	height: 92px;
}

.img-md {
	width: 60px;
	height: 60px;
}

.img-sm {
	width: 43px;
	height: 43px;
}

.img-xs {
	width: 37px;
	height: 37px;
}

.img-ss, .settings-panel .color-tiles .tiles {
	width: 26px;
	height: 26px;
}

.stretch-card {
	/*  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: stretch;*/
	justify-content: stretch;
}

.stretch-card>.card {
	width: 100%;
	min-width: 100%;
}

@media ( min-width : 576px) {
	.border-right-sm {
		border-right: 1px solid #f3f3f3;
	}
}

@media ( min-width : 768px) {
	.border-right-md {
		border-right: 1px solid #f3f3f3;
	}
}

@media ( min-width : 992px) {
	.border-right-lg {
		border-right: 1px solid #f3f3f3;
	}
}

@media ( min-width : 576px) {
	.border-left-sm {
		border-left: 1px solid #f3f3f3;
	}
}

.border-strong {
	border-color: #272727;
}

.count-wrapper {
	position: relative;
}

.count-wrapper .count {
	position: absolute;
	width: auto;
	min-width: 8px;
	min-height: 8px;
	padding: 2px 4px;
	font-size: 75%;
	line-height: 1;
	vertical-align: middle;
	border-radius: 100%;
	color: var(--font-secondary-theme-color);
	font-weight: 500;
}

.count-wrapper .count.top-right {
	top: -5px;
	right: 0;
}

.count-wrapper .count.bottom-right {
	bottom: -5px;
	right: 0;
}

.count-wrapper .count.bottom-left {
	bottom: -5px;
	left: 0;
}

.count-wrapper .count.top-left {
	top: -5px;
	left: 0;
}

@media ( min-width : 768px) {
	.border-left-md {
		border-left: 1px solid #f3f3f3;
	}
}

@media ( min-width : 992px) {
	.border-left-lg {
		border-left: 1px solid #f3f3f3;
	}
}

.text-gray, .card-subtitle, .new-accounts ul.chats li.chat-persons a div.user p.u-designation,
	.new-accounts ul.chats li.chat-persons a p.joined-date {
	color: #636363;
}

.text-black {
	color: #4e4c4c;
}

.flex-grow {
	flex-grow: 1;
}

.ellipsis {
	max-width: 95%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.no-wrap {
	white-space: nowrap;
}

.bg-transparent {
	background: transparent;
}

.bg-inverse-primary {
	color: #857bff;
	border-color: #857bff;
	background: rgba(133, 123, 255, 0.4);
}

.bg-inverse-secondary {
	color: #c2c6d1;
	border-color: #c2c6d1;
	background: rgba(194, 198, 209, 0.4);
}

.bg-inverse-success {
	color: var(--button-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
	background: rgba(8, 210, 111, 0.4);
}

.bg-inverse-info {
	color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
	background: rgba(53, 176, 255, 0.4);
}

.bg-inverse-warning {
	color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
	background: rgba(255, 188, 52, 0.4);
}

.bg-inverse-danger {
	color: #ff7474;
	border-color: #ff7474;
	background: rgba(255, 116, 116, 0.4);
}

.bg-inverse-light {
	color: #f3f5f6;
	border-color: #f3f5f6;
	background: rgba(243, 245, 246, 0.4);
}

.bg-inverse-dark {
	color: #354168;
	border-color: #354168;
	background: rgba(53, 65, 104, 0.4);
}

.bg-inverse-teal {
	color: #58d8a3;
	border-color: #58d8a3;
	background: rgba(88, 216, 163, 0.4);
}

/* Demo Styles */
.template-demo>.btn-group .btn, .template-demo>.btn-group .ajax-upload-dragdrop .ajax-file-upload,
	.ajax-upload-dragdrop .template-demo>.btn-group .ajax-file-upload,
	.template-demo>.btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .template-demo>.btn-group .swal2-styled,
	.template-demo>.btn-group .wizard>.actions a, .wizard>.actions .template-demo>.btn-group a
	{
	margin: 0 !important;
}

.template-demo .progress {
	margin-top: 1.5rem;
}

.template-demo>h2, .template-demo>h3, .template-demo>h4, .template-demo>h5,
	.template-demo>h6, .template-demo>h1 {
	border-top: 1px solid #f3f3f3;
	padding: 0.5rem 0 0;
}

.template-demo .ul-slider.noUi-horizontal {
	margin-top: 2rem;
}

.template-demo .ul-slider.noUi-vertical {
	margin-right: 2rem;
}

.template-demo .dropdown {
	display: inline-block;
	margin-bottom: 0.5rem;
}

.template-demo nav .breadcrumb {
	margin-bottom: 1.375rem;
}

.template-demo nav:last-child .breadcrumb {
	margin-bottom: 0;
}

.template-demo .editable-form>.form-group {
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 0.8rem;
	margin-bottom: 0.8rem;
}

.template-demo .circle-progress {
	padding: 15px;
}

.demo-modal {
	position: static;
	display: block;
}

.demo-modal .modal-dialog {
	margin-top: 0 !important;
}

.demo-modal .modal-dialog.modal-lg {
	max-width: 100%;
}

.loader-demo-box {
	width: 100%;
	height: 200px;
}

/* Dashboard */
.card-statistics .highlight-icon {
	height: 53px;
	width: 53px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	border-radius: 50px;
}

.card-statistics .highlight-icon i {
	font-size: 27px;
}

.product-chart-wrapper {
	height: 92%;
}

.tickets-tab ul {
	list-style-type: none;
	padding-left: 0;
}

.tickets-tab ul li {
	display: block;
	border-bottom: 1px solid #f3f3f3;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
}

.tickets-tab ul li .details div.profile {
	max-width: 40px;
	width: 100%;
	margin-right: 10px;
	margin-bottom: auto;
}

.tickets-tab ul li .details div.profile img {
	max-width: 100%;
	width: 100%;
	border-radius: 100%;
}

.tickets-tab ul li .details .t-content {
	width: 85%;
	max-width: 100%;
}

.tickets-tab ul li .details .t-content .sender-content {
	margin-right: 25px;
}

.tickets-tab ul li .details .t-content .sender-content p.sender-name {
	font-weight: 600;
	color: #857bff;
	margin-right: 10px;
	margin-bottom: 0;
	white-space: nowrap;
	font-size: 1rem;
}

.tickets-tab ul li .details .t-content .sender-content p.ticket-no {
	font-weight: 500;
	margin-right: 5px;
	margin-bottom: 0;
	font-size: 0.9rem;
}

.tickets-tab ul li .details .t-content .sender-content p.subject {
	font-weight: 600;
	color: #415566;
	margin-bottom: 0;
	font-size: 1rem;
}

.tickets-tab ul li .details .t-content .message p {
	color: #333;
	font-size: 0.9rem;
	margin-bottom: 0.6rem;
	margin-top: 3px;
}

.tickets-tab ul li .details .actions .dropdown-menu {
	left: -90%;
}

.tickets-tab ul li .time-hist p.Last-responded {
	font-weight: 400;
	color: #9baebf;
	font-size: 0.9rem;
	margin-bottom: 0;
	margin-right: 20px;
}

.tickets-tab ul li .time-hist p.Last-responded:before {
	content: "Last Responded :";
	display: inline-block;
	margin-right: 10px;
}

.tickets-tab ul li .time-hist p.due-on {
	font-weight: 400;
	color: #9baebf;
	font-size: 0.9rem;
	margin-bottom: 0;
	margin-right: 20px;
}

.tickets-tab ul li .time-hist p.due-on:before {
	content: "Due in :";
	display: inline-block;
	margin-right: 10px;
}

/*-------------------------------------------------------------------*/
/* === Components === */
/* Accordions */
.accordion .card {
	margin-bottom: 15px;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	border-radius: 4px;
}

.accordion .card:first-of-type, .accordion .card:last-of-type {
	border-bottom: 1px solid #f3f3f3;
}

.accordion .card .card-header {
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 14px;
}

.accordion .card .card-header a {
	display: block;
	padding: 0.75rem 1.7rem 0.75rem 1.25rem;
	color: #354168;
	text-decoration: none;
	font-size: 0.8rem;
	position: relative;
	font-weight: 600;
	transition-property: border-color, background;
	-webkit-transition-property: border-color, background;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
}

.accordion .card .card-header a:before {
	font-family: "Material Design Icons";
	position: absolute;
	right: 8px;
	top: 16px;
	font-size: 16px;
	display: block;
	font-weight: 500;
	color: #4e4c4c;
}

.accordion .card .card-header a .card-icon {
	margin-right: 15px;
	font-size: 20px;
}

.accordion .card .collapse .card-body, .accordion .card .collapsing .card-body
	{
	font-size: 0.88rem;
	padding: 12px 20px 26px;
}

.accordion .card .collapse .card-body i, .accordion .card .collapsing .card-body i
	{
	font-size: 1.25rem;
}

.accordion .card .collapse.show, .accordion .card .collapsing.show {
	display: block;
}

.accordion.basic-accordion .card .card-header a[aria-expanded="true"] {
	background: #f3f5f6;
}

.accordion.basic-accordion .card .card-header a[aria-expanded="true"]:before
	{
	content: "\F374";
}

.accordion.basic-accordion .card .card-header a[aria-expanded="false"]:before
	{
	content: "\F415";
}

.accordion.accordion-multiple-outline .card:nth-child(5n+1) {
	border-color: var(--primary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+1)
  .card-header
  a
  .card-icon {
	color: var(--primary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+1)
  .card-header
  a:before {
	color: var(--primary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+1)
  .card-header
  a[aria-expanded="true"] {
	border-bottom: 1px solid var(--primary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+1)
  .card-header
  a[aria-expanded="false"] {
	border-bottom: 1px solid #ffffff;
}

.accordion.accordion-multiple-outline .card:nth-child(5n+2) {
	border-color: var(--button-secondary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+2)
  .card-header
  a
  .card-icon {
	color: var(--button-secondary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+2)
  .card-header
  a:before {
	color: var(--button-secondary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+2)
  .card-header
  a[aria-expanded="true"] {
	border-bottom: 1px solid var(--button-secondary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+2)
  .card-header
  a[aria-expanded="false"] {
	border-bottom: 1px solid #ffffff;
}

.accordion.accordion-multiple-outline .card:nth-child(5n+3) {
	border-color: #857bff;
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+3)
  .card-header
  a
  .card-icon {
	color: #857bff;
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+3)
  .card-header
  a:before {
	color: #857bff;
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+3)
  .card-header
  a[aria-expanded="true"] {
	border-bottom: 1px solid #857bff;
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+3)
  .card-header
  a[aria-expanded="false"] {
	border-bottom: 1px solid #ffffff;
}

.accordion.accordion-multiple-outline .card:nth-child(5n+4) {
	border-color: var(--primary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+4)
  .card-header
  a
  .card-icon {
	color: var(--primary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+4)
  .card-header
  a:before {
	color: var(--primary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+4)
  .card-header
  a[aria-expanded="true"] {
	border-bottom: 1px solid var(--primary-theme-color);
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+4)
  .card-header
  a[aria-expanded="false"] {
	border-bottom: 1px solid #ffffff;
}

.accordion.accordion-multiple-outline .card:nth-child(5n+5) {
	border-color: #ff7474;
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+5)
  .card-header
  a
  .card-icon {
	color: #ff7474;
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+5)
  .card-header
  a:before {
	color: #ff7474;
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+5)
  .card-header
  a[aria-expanded="true"] {
	border-bottom: 1px solid #ff7474;
}

.accordion.accordion-multiple-outline
  .card:nth-child(5n+5)
  .card-header
  a[aria-expanded="false"] {
	border-bottom: 1px solid #ffffff;
}

.accordion.accordion-multiple-outline
  .card
  .card-header
  a[aria-expanded="true"]:before {
	content: "\F143";
}

.accordion.accordion-multiple-outline
  .card
  .card-header
  a[aria-expanded="false"]:before {
	content: "\F140";
}

.accordion.accordion-multiple-filled .card {
	overflow: hidden;
}

.accordion.accordion-multiple-filled .card:nth-child(5n+1) .card-header a
	{
	background: var(--primary-theme-color);
}

.accordion.accordion-multiple-filled
  .card:nth-child(5n+1)
  .card-header
  a[aria-expanded="true"] {
	background: var(--primary-theme-color);
}

.accordion.accordion-multiple-filled
  .card:nth-child(5n+1)
  .card-header
  a[aria-expanded="false"] {
	background: var(--primary-theme-color);
}

.accordion.accordion-multiple-filled .card:nth-child(5n+2) .card-header a
	{
	background: var(--button-secondary-theme-color);
}

.accordion.accordion-multiple-filled
  .card:nth-child(5n+2)
  .card-header
  a[aria-expanded="true"] {
	background: var(--button-secondary-theme-color);
}

.accordion.accordion-multiple-filled
  .card:nth-child(5n+2)
  .card-header
  a[aria-expanded="false"] {
	background: var(--button-secondary-theme-color);
}

.accordion.accordion-multiple-filled .card:nth-child(5n+3) .card-header a
	{
	background: var(--primary-theme-color);
}

.accordion.accordion-multiple-filled
  .card:nth-child(5n+3)
  .card-header
  a[aria-expanded="true"] {
	background: var(--primary-theme-color);
}

.accordion.accordion-multiple-filled
  .card:nth-child(5n+3)
  .card-header
  a[aria-expanded="false"] {
	background: var(--primary-theme-color);
}

.accordion.accordion-multiple-filled .card:nth-child(5n+4) .card-header a
	{
	background: var(--primary-theme-color);
}

.accordion.accordion-multiple-filled
  .card:nth-child(5n+4)
  .card-header
  a[aria-expanded="true"] {
	background: var(--primary-theme-color);
}

.accordion.accordion-multiple-filled
  .card:nth-child(5n+4)
  .card-header
  a[aria-expanded="false"] {
	background: var(--primary-theme-color);
}

.accordion.accordion-multiple-filled .card:nth-child(5n+5) .card-header a
	{
	background: #ff7474;
}

.accordion.accordion-multiple-filled
  .card:nth-child(5n+5)
  .card-header
  a[aria-expanded="true"] {
	background: #ff7474;
}

.accordion.accordion-multiple-filled
  .card:nth-child(5n+5)
  .card-header
  a[aria-expanded="false"] {
	background: #ff7474;
}

.accordion.accordion-multiple-filled .card .card-header a {
	padding-left: 2.5rem;
	padding-right: 1rem;
	color: var(--font-secondary-theme-color);
	font-weight: 300;
}

.accordion.accordion-multiple-filled .card .card-header a:before {
	left: 10px;
	right: unset;
	top: 12px;
	color: var(--font-secondary-theme-color);
}

.accordion.accordion-multiple-filled
  .card
  .card-header
  a[aria-expanded="true"]:before {
	content: "\F143";
}

.accordion.accordion-multiple-filled
  .card
  .card-header
  a[aria-expanded="false"]:before {
	content: "\F140";
}

.accordion.accordion-solid-bg .card {
	background: #f3f5f6;
}

.accordion.accordion-solid-bg .card .card-header a {
	color: var(--primary-theme-color);
	font-weight: 400;
}

.accordion.accordion-solid-bg .card .card-header a:before {
	top: 12px;
	color: var(--primary-theme-color);
}

.accordion.accordion-solid-bg .card .card-header a[aria-expanded="true"]
	{
	background: #f3f5f6;
}

.accordion.accordion-solid-bg
  .card
  .card-header
  a[aria-expanded="true"]:before {
	content: "\F143";
}

.accordion.accordion-solid-bg .card .card-header a[aria-expanded="false"]
	{
	background: #ffffff;
}

.accordion.accordion-solid-bg
  .card
  .card-header
  a[aria-expanded="false"]:before {
	content: "\F140";
}

.accordion.accordion-body-filled .card {
	border-top: none;
	border-right: none;
	border-left: none;
	margin-bottom: 0;
}

.accordion.accordion-body-filled .card .card-header a {
	padding: 23px 10px 23px 2rem;
	font-weight: 300;
}

.accordion.accordion-body-filled .card .card-header a:before {
	right: unset;
	left: 0;
	top: 17px;
	font-size: 24px;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color;
	-moz-transition-property: color;
	-o-transition-property: color;
	transition-property: color;
}

.accordion.accordion-body-filled
  .card
  .card-header
  a[aria-expanded="true"]:before {
	content: "\F376";
	color: #857bff;
}

.accordion.accordion-body-filled
  .card
  .card-header
  a[aria-expanded="false"]:before {
	content: "\F417";
	color: #c2c6d1;
}

.accordion.accordion-body-filled .card .card-body {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
	border-radius: 4px;
}

.accordion.accordion-minimal .card {
	border-top: none;
	border-right: none;
	border-left: none;
	margin-bottom: 0;
}

.accordion.accordion-minimal .card .card-header a {
	padding: 23px 0;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: font-weight;
	-moz-transition-property: font-weight;
	-o-transition-property: font-weight;
	transition-property: font-weight;
}

.accordion.accordion-minimal .card .card-header a[aria-expanded="true"]
	{
	font-weight: 600;
}

.accordion.accordion-minimal .card .card-header a[aria-expanded="false"]
	{
	font-weight: 300;
}

.accordion.accordion-minimal .card .card-body {
	padding: 30px 0;
}

/* inverse buttons */
.accordion-inverse-primary {
	background: rgba(133, 123, 255, 0.16);
	color: #857bff;
	border: none;
}

.accordion-inverse-primary .card-header {
	color: #857bff;
	border: none;
}

.accordion-inverse-primary .card-header a, .accordion-inverse-primary .card-header h1,
	.accordion-inverse-primary .card-header h2, .accordion-inverse-primary .card-header h3,
	.accordion-inverse-primary .card-header h4, .accordion-inverse-primary .card-header h5,
	.accordion-inverse-primary .card-header h6, .accordion-inverse-primary .card-header p,
	.accordion-inverse-primary .card-header span {
	color: #857bff !important;
}

.accordion-inverse-primary .card-header a {
	border-color: #857bff;
}

.accordion-inverse-primary .card-header a:before {
	color: #857bff !important;
}

.accordion-inverse-primary .card-header a[aria-expanded="true"] {
	border-bottom: 1px solid rgba(133, 123, 255, 0.16);
}

.accordion-inverse-primary .card-header a[aria-expanded="false"] {
	border-bottom: 1px solid transparent;
}

.accordion-inverse-secondary {
	background: rgba(194, 198, 209, 0.16);
	color: #c2c6d1;
	border: none;
}

.accordion-inverse-secondary .card-header {
	color: #c2c6d1;
	border: none;
}

.accordion-inverse-secondary .card-header a,
	.accordion-inverse-secondary .card-header h1,
	.accordion-inverse-secondary .card-header h2,
	.accordion-inverse-secondary .card-header h3,
	.accordion-inverse-secondary .card-header h4,
	.accordion-inverse-secondary .card-header h5,
	.accordion-inverse-secondary .card-header h6,
	.accordion-inverse-secondary .card-header p,
	.accordion-inverse-secondary .card-header span {
	color: #c2c6d1 !important;
}

.accordion-inverse-secondary .card-header a {
	border-color: #c2c6d1;
}

.accordion-inverse-secondary .card-header a:before {
	color: #c2c6d1 !important;
}

.accordion-inverse-secondary .card-header a[aria-expanded="true"] {
	border-bottom: 1px solid rgba(194, 198, 209, 0.16);
}

.accordion-inverse-secondary .card-header a[aria-expanded="false"] {
	border-bottom: 1px solid transparent;
}

.accordion-inverse-success {
	background: rgba(8, 210, 111, 0.16);
	color: var(--button-secondary-theme-color);
	border: none;
}

.accordion-inverse-success .card-header {
	color: var(--button-secondary-theme-color);
	border: none;
}

.accordion-inverse-success .card-header a, .accordion-inverse-success .card-header h1,
	.accordion-inverse-success .card-header h2, .accordion-inverse-success .card-header h3,
	.accordion-inverse-success .card-header h4, .accordion-inverse-success .card-header h5,
	.accordion-inverse-success .card-header h6, .accordion-inverse-success .card-header p,
	.accordion-inverse-success .card-header span {
	color: var(--button-secondary-theme-color) !important;
}

.accordion-inverse-success .card-header a {
	border-color: var(--button-secondary-theme-color);
}

.accordion-inverse-success .card-header a:before {
	color: var(--button-secondary-theme-color) !important;
}

.accordion-inverse-success .card-header a[aria-expanded="true"] {
	border-bottom: 1px solid rgba(8, 210, 111, 0.16);
}

.accordion-inverse-success .card-header a[aria-expanded="false"] {
	border-bottom: 1px solid transparent;
}

.accordion-inverse-info {
	background: rgba(53, 176, 255, 0.16);
	color: var(--primary-theme-color);
	border: none;
}

.accordion-inverse-info .card-header {
	color: var(--primary-theme-color);
	border: none;
}

.accordion-inverse-info .card-header a, .accordion-inverse-info .card-header h1,
	.accordion-inverse-info .card-header h2, .accordion-inverse-info .card-header h3,
	.accordion-inverse-info .card-header h4, .accordion-inverse-info .card-header h5,
	.accordion-inverse-info .card-header h6, .accordion-inverse-info .card-header p,
	.accordion-inverse-info .card-header span {
	color: var(--primary-theme-color) !important;
}

.accordion-inverse-info .card-header a {
	border-color: var(--primary-theme-color);
}

.accordion-inverse-info .card-header a:before {
	color: var(--primary-theme-color) !important;
}

.accordion-inverse-info .card-header a[aria-expanded="true"] {
	border-bottom: 1px solid rgba(53, 176, 255, 0.16);
}

.accordion-inverse-info .card-header a[aria-expanded="false"] {
	border-bottom: 1px solid transparent;
}

.accordion-inverse-warning {
	background: rgba(255, 188, 52, 0.16);
	color: var(--primary-theme-color);
	border: none;
}

.accordion-inverse-warning .card-header {
	color: var(--primary-theme-color);
	border: none;
}

.accordion-inverse-warning .card-header a, .accordion-inverse-warning .card-header h1,
	.accordion-inverse-warning .card-header h2, .accordion-inverse-warning .card-header h3,
	.accordion-inverse-warning .card-header h4, .accordion-inverse-warning .card-header h5,
	.accordion-inverse-warning .card-header h6, .accordion-inverse-warning .card-header p,
	.accordion-inverse-warning .card-header span {
	color: var(--primary-theme-color) !important;
}

.accordion-inverse-warning .card-header a {
	border-color: var(--primary-theme-color);
}

.accordion-inverse-warning .card-header a:before {
	color: var(--primary-theme-color) !important;
}

.accordion-inverse-warning .card-header a[aria-expanded="true"] {
	border-bottom: 1px solid rgba(255, 188, 52, 0.16);
}

.accordion-inverse-warning .card-header a[aria-expanded="false"] {
	border-bottom: 1px solid transparent;
}

.accordion-inverse-danger {
	background: rgba(255, 116, 116, 0.16);
	color: #ff7474;
	border: none;
}

.accordion-inverse-danger .card-header {
	color: #ff7474;
	border: none;
}

.accordion-inverse-danger .card-header a, .accordion-inverse-danger .card-header h1,
	.accordion-inverse-danger .card-header h2, .accordion-inverse-danger .card-header h3,
	.accordion-inverse-danger .card-header h4, .accordion-inverse-danger .card-header h5,
	.accordion-inverse-danger .card-header h6, .accordion-inverse-danger .card-header p,
	.accordion-inverse-danger .card-header span {
	color: #ff7474 !important;
}

.accordion-inverse-danger .card-header a {
	border-color: #ff7474;
}

.accordion-inverse-danger .card-header a:before {
	color: #ff7474 !important;
}

.accordion-inverse-danger .card-header a[aria-expanded="true"] {
	border-bottom: 1px solid rgba(255, 116, 116, 0.16);
}

.accordion-inverse-danger .card-header a[aria-expanded="false"] {
	border-bottom: 1px solid transparent;
}

.accordion-inverse-light {
	background: rgba(243, 245, 246, 0.16);
	color: #f3f5f6;
	border: none;
}

.accordion-inverse-light .card-header {
	color: #f3f5f6;
	border: none;
}

.accordion-inverse-light .card-header a, .accordion-inverse-light .card-header h1,
	.accordion-inverse-light .card-header h2, .accordion-inverse-light .card-header h3,
	.accordion-inverse-light .card-header h4, .accordion-inverse-light .card-header h5,
	.accordion-inverse-light .card-header h6, .accordion-inverse-light .card-header p,
	.accordion-inverse-light .card-header span {
	color: #f3f5f6 !important;
}

.accordion-inverse-light .card-header a {
	border-color: #f3f5f6;
}

.accordion-inverse-light .card-header a:before {
	color: #f3f5f6 !important;
}

.accordion-inverse-light .card-header a[aria-expanded="true"] {
	border-bottom: 1px solid rgba(243, 245, 246, 0.16);
}

.accordion-inverse-light .card-header a[aria-expanded="false"] {
	border-bottom: 1px solid transparent;
}

.accordion-inverse-dark {
	background: rgba(53, 65, 104, 0.16);
	color: #354168;
	border: none;
}

.accordion-inverse-dark .card-header {
	color: #354168;
	border: none;
}

.accordion-inverse-dark .card-header a, .accordion-inverse-dark .card-header h1,
	.accordion-inverse-dark .card-header h2, .accordion-inverse-dark .card-header h3,
	.accordion-inverse-dark .card-header h4, .accordion-inverse-dark .card-header h5,
	.accordion-inverse-dark .card-header h6, .accordion-inverse-dark .card-header p,
	.accordion-inverse-dark .card-header span {
	color: #354168 !important;
}

.accordion-inverse-dark .card-header a {
	border-color: #354168;
}

.accordion-inverse-dark .card-header a:before {
	color: #354168 !important;
}

.accordion-inverse-dark .card-header a[aria-expanded="true"] {
	border-bottom: 1px solid rgba(53, 65, 104, 0.16);
}

.accordion-inverse-dark .card-header a[aria-expanded="false"] {
	border-bottom: 1px solid transparent;
}

.accordion-inverse-teal {
	background: rgba(88, 216, 163, 0.16);
	color: #58d8a3;
	border: none;
}

.accordion-inverse-teal .card-header {
	color: #58d8a3;
	border: none;
}

.accordion-inverse-teal .card-header a, .accordion-inverse-teal .card-header h1,
	.accordion-inverse-teal .card-header h2, .accordion-inverse-teal .card-header h3,
	.accordion-inverse-teal .card-header h4, .accordion-inverse-teal .card-header h5,
	.accordion-inverse-teal .card-header h6, .accordion-inverse-teal .card-header p,
	.accordion-inverse-teal .card-header span {
	color: #58d8a3 !important;
}

.accordion-inverse-teal .card-header a {
	border-color: #58d8a3;
}

.accordion-inverse-teal .card-header a:before {
	color: #58d8a3 !important;
}

.accordion-inverse-teal .card-header a[aria-expanded="true"] {
	border-bottom: 1px solid rgba(88, 216, 163, 0.16);
}

.accordion-inverse-teal .card-header a[aria-expanded="false"] {
	border-bottom: 1px solid transparent;
}

.accordion-outline-primary .card {
	border-color: #857bff;
}

.accordion-outline-primary .card .card-header {
	border: none;
}

.accordion-outline-primary .card .card-header a {
	border-color: #857bff;
}

.accordion-outline-primary .card .card-header a:before {
	color: #857bff;
}

.accordion-outline-secondary .card {
	border-color: #c2c6d1;
}

.accordion-outline-secondary .card .card-header {
	border: none;
}

.accordion-outline-secondary .card .card-header a {
	border-color: #c2c6d1;
}

.accordion-outline-secondary .card .card-header a:before {
	color: #c2c6d1;
}

.accordion-outline-success .card {
	border-color: var(--button-secondary-theme-color);
}

.accordion-outline-success .card .card-header {
	border: none;
}

.accordion-outline-success .card .card-header a {
	border-color: var(--button-secondary-theme-color);
}

.accordion-outline-success .card .card-header a:before {
	color: var(--button-secondary-theme-color);
}

.accordion-outline-info .card {
	border-color: var(--primary-theme-color);
}

.accordion-outline-info .card .card-header {
	border: none;
}

.accordion-outline-info .card .card-header a {
	border-color: var(--primary-theme-color);
}

.accordion-outline-info .card .card-header a:before {
	color: var(--primary-theme-color);
}

.accordion-outline-warning .card {
	border-color: var(--primary-theme-color);
}

.accordion-outline-warning .card .card-header {
	border: none;
}

.accordion-outline-warning .card .card-header a {
	border-color: var(--primary-theme-color);
}

.accordion-outline-warning .card .card-header a:before {
	color: var(--primary-theme-color);
}

.accordion-outline-danger .card {
	border-color: #ff7474;
}

.accordion-outline-danger .card .card-header {
	border: none;
}

.accordion-outline-danger .card .card-header a {
	border-color: #ff7474;
}

.accordion-outline-danger .card .card-header a:before {
	color: #ff7474;
}

.accordion-outline-light .card {
	border-color: #f3f5f6;
}

.accordion-outline-light .card .card-header {
	border: none;
}

.accordion-outline-light .card .card-header a {
	border-color: #f3f5f6;
}

.accordion-outline-light .card .card-header a:before {
	color: #f3f5f6;
}

.accordion-outline-dark .card {
	border-color: #354168;
}

.accordion-outline-dark .card .card-header {
	border: none;
}

.accordion-outline-dark .card .card-header a {
	border-color: #354168;
}

.accordion-outline-dark .card .card-header a:before {
	color: #354168;
}

.accordion-outline-teal .card {
	border-color: #58d8a3;
}

.accordion-outline-teal .card .card-header {
	border: none;
}

.accordion-outline-teal .card .card-header a {
	border-color: #58d8a3;
}

.accordion-outline-teal .card .card-header a:before {
	color: #58d8a3;
}

/* Badges */
.badge {
	border-radius: 0.95rem;
	font-size: 0.65rem;
	font-weight: initial;
	line-height: 1;
	/* padding:0.3rem 0.9rem; */
	/* font-family: "Gilroy"; */
	font-weight: 600;
}

.badge.badge-pill {
	border-radius: 10rem;
}

.badge.badge-fw {
	min-width: 70px;
}

.badge.badge-lg {
	padding: 0.4rem 0.5rem;
}

/*Badge variations*/
.badge-primary {
	border: 1px solid var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.badge-secondary {
	border: 1px solid #c2c6d1;
	color: var(--font-secondary-theme-color);
}

.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online
	{
	border: 1px solid var(--button-secondary-theme-color);
	color: var(--font-secondary-theme-color);
}

.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline
	{
	border: 1px solid var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy
	{
	border: 1px solid var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.badge-danger {
	border: 1px solid #dc3545;
	color: var(--font-secondary-theme-color);
	padding: 7px 12px;
	border-radius: 3px;
	font-size: 12px;
	margin-top: 13px;
	font-weight: bold !important;
}

.badge-light {
	border: 1px solid #f3f5f6;
	color: var(--font-secondary-theme-color);
}

.badge-dark {
	border: 1px solid #354168;
	color: var(--font-secondary-theme-color);
}

.badge-teal {
	border: 1px solid #58d8a3;
	color: var(--font-secondary-theme-color);
}

/*Badge inverse variations*/
.badge-inverse-primary {
	background: rgba(133, 123, 255, 0.3);
	color: #857bff;
}

.badge-inverse-secondary {
	background: rgba(194, 198, 209, 0.3);
	color: #c2c6d1;
}

.badge-inverse-success {
	background: rgba(8, 210, 111, 0.3);
	color: var(--button-secondary-theme-color);
}

.badge-inverse-info {
	background: rgba(53, 176, 255, 0.3);
	color: var(--primary-theme-color);
}

.badge-inverse-warning {
	background: rgba(255, 188, 52, 0.3);
	color: var(--primary-theme-color);
}

.badge-inverse-danger {
	background: rgba(255, 116, 116, 0.3);
	color: #ff7474;
}

.badge-inverse-light {
	background: rgba(243, 245, 246, 0.3);
	color: #f3f5f6;
}

.badge-inverse-dark {
	background: rgba(53, 65, 104, 0.3);
	color: #354168;
}

.badge-inverse-teal {
	background: rgba(88, 216, 163, 0.3);
	color: #58d8a3;
}

/*Badge outlined variations*/
.badge-outline-primary {
	color: #857bff;
	border: 1px solid #857bff;
}

.badge-outline-secondary {
	color: #c2c6d1;
	border: 1px solid #c2c6d1;
}

.badge-outline-success {
	color: var(--button-secondary-theme-color);
	border: 1px solid var(--button-secondary-theme-color);
}

.badge-outline-info {
	color: var(--primary-theme-color);
	border: 1px solid var(--primary-theme-color);
}

.badge-outline-warning {
	color: var(--primary-theme-color);
	border: 1px solid var(--primary-theme-color);
}

.badge-outline-danger {
	color: #ff7474;
	border: 1px solid #ff7474;
}

.badge-outline-light {
	color: #f3f5f6;
	border: 1px solid #f3f5f6;
}

.badge-outline-dark {
	color: #354168;
	border: 1px solid #354168;
}

.badge-outline-teal {
	color: #58d8a3;
	border: 1px solid #58d8a3;
}

/* Bootstrap Alerts */
.alert {
	font-size: 0.8rem;
}

.alert i {
	font-size: 1.25rem;
	margin-right: 1.25rem;
	vertical-align: middle;
	line-height: 0.5;
}

.alert-primary {
	color: #655dc2;
	background-color: rgba(133, 123, 255, 0.2);
	border-color: #7a71eb;
}

.alert-primary hr {
	border-top-color: #655be8;
}

.alert-primary .alert-link {
	color: #4941ab;
}

.alert-secondary {
	color: #93969f;
	background-color: rgba(194, 198, 209, 0.2);
	border-color: #b2b6c0;
}

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

.alert-secondary .alert-link {
	color: #787c87;
}

.alert-success {
	color: #06a054;
	background-color: rgba(8, 210, 111, 0.2);
	border-color: #07c166;
}

.alert-success hr {
	border-top-color: #06a859;
}

.alert-success .alert-link {
	color: #046f3a;
}

.alert-info {
	color: #2886c2;
	background-color: rgba(53, 176, 255, 0.2);
	border-color: #31a2eb;
}

.alert-info hr {
	border-top-color: #1a98e9;
}

.alert-info .alert-link {
	color: #1f6998;
}

.alert-warning {
	color: #c28f28;
	background-color: rgba(255, 188, 52, 0.2);
	border-color: #ebad30;
}

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

.alert-warning .alert-link {
	color: #98701f;
}

.alert-danger {
	color: #c25858;
	background-color: rgba(255, 116, 116, 0.2);
	border-color: #eb6b6b;
}

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

.alert-danger .alert-link {
	color: #a93e3e;
}

.alert-light {
	color: #b9babb;
	background-color: rgba(243, 245, 246, 0.2);
	border-color: #e0e1e2;
}

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

.alert-light .alert-link {
	color: #9fa1a2;
}

.alert-dark {
	color: #28314f;
	background-color: rgba(53, 65, 104, 0.2);
	border-color: #313c60;
}

.alert-dark hr {
	border-top-color: #28314f;
}

.alert-dark .alert-link {
	color: #171c2d;
}

.alert-teal {
	color: #43a47c;
	background-color: rgba(88, 216, 163, 0.2);
	border-color: #51c796;
}

.alert-teal hr {
	border-top-color: #3ec18a;
}

.alert-teal .alert-link {
	color: #348061;
}

.alert-fill-primary {
	color: var(--font-secondary-theme-color);
	background-color: #857bff;
	border-color: #857bff;
}

.alert-fill-primary hr {
	border-top-color: #6d62ff;
}

.alert-fill-primary .alert-link {
	color: #e6e6e6;
}

.alert-fill-secondary {
	color: var(--font-secondary-theme-color);
	background-color: #c2c6d1;
	border-color: #c2c6d1;
}

.alert-fill-secondary hr {
	border-top-color: #b3b8c6;
}

.alert-fill-secondary .alert-link {
	color: #e6e6e6;
}

.alert-fill-success {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
}

.alert-fill-success hr {
	border-top-color: #07b962;
}

.alert-fill-success .alert-link {
	color: #e6e6e6;
}

.alert-fill-info {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.alert-fill-info hr {
	border-top-color: #1ca6ff;
}

.alert-fill-info .alert-link {
	color: #e6e6e6;
}

.alert-fill-warning {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.alert-fill-warning hr {
	border-top-color: #ffb41b;
}

.alert-fill-warning .alert-link {
	color: #e6e6e6;
}

.alert-fill-danger {
	color: var(--font-secondary-theme-color);
	background-color: #ff7474;
	border-color: #ff7474;
}

.alert-fill-danger hr {
	border-top-color: #ff5b5b;
}

.alert-fill-danger .alert-link {
	color: #e6e6e6;
}

.alert-fill-light {
	color: var(--font-secondary-theme-color);
	background-color: #f3f5f6;
	border-color: #f3f5f6;
}

.alert-fill-light hr {
	border-top-color: #e4e9eb;
}

.alert-fill-light .alert-link {
	color: #e6e6e6;
}

.alert-fill-dark {
	color: var(--font-secondary-theme-color);
	background-color: #354168;
	border-color: #354168;
}

.alert-fill-dark hr {
	border-top-color: #2c3657;
}

.alert-fill-dark .alert-link {
	color: #e6e6e6;
}

.alert-fill-teal {
	color: var(--font-secondary-theme-color);
	background-color: #58d8a3;
	border-color: #58d8a3;
}

.alert-fill-teal hr {
	border-top-color: #43d398;
}

.alert-fill-teal .alert-link {
	color: #e6e6e6;
}

/* Bootstrap Progress */
.progress {
	border-radius: 10px;
	height: 15px;
}

.progress .progress-bar {
	border-radius: 10px;
}

.progress.progress-sm {
	height: 0.375rem;
}

.progress.progress-md {
	height: 8px;
}

.progress.progress-lg {
	height: 15px;
}

.progress.progress-xl {
	height: 18px;
}

/* Buttons */
.btn, .ajax-upload-dragdrop .ajax-file-upload, .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm,
	.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel, .wizard>.actions a
	{
	font-size: 0.875rem;
	line-height: 1;
	/* font-family: "Gilroy"; */
}

.btn i, .ajax-upload-dragdrop .ajax-file-upload i, .swal2-modal .swal2-buttonswrapper .swal2-styled i,
	.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm i,
	.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel i,
	.wizard>.actions a i {
	margin-right: 0.3125rem;
}

.btn .btn-label:before, .ajax-upload-dragdrop .ajax-file-upload .btn-label:before,
	.swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label:before,
	.wizard>.actions a .btn-label:before {
	font-size: 1rem;
	line-height: 5px;
	vertical-align: middle;
}

.btn .btn-label.btn-label-left, .ajax-upload-dragdrop .ajax-file-upload .btn-label.btn-label-left,
	.swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label.btn-label-left,
	.wizard>.actions a .btn-label.btn-label-left {
	margin-right: 5px;
}

.btn .btn-label.btn-label-right, .ajax-upload-dragdrop .ajax-file-upload .btn-label.btn-label-right,
	.swal2-modal .swal2-buttonswrapper .swal2-styled .btn-label.btn-label-right,
	.wizard>.actions a .btn-label.btn-label-right {
	margin-left: 5px;
}

.btn.btn-rounded, .ajax-upload-dragdrop .btn-rounded.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-rounded.swal2-styled, .wizard>.actions a.btn-rounded
	{
	border-radius: 50px !important;
}

.btn.btn-icons, .ajax-upload-dragdrop .btn-icons.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled, .wizard>.actions a.btn-icons
	{
	width: 30px;
	height: 30px !important;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.btn.btn-icons i, .ajax-upload-dragdrop .btn-icons.ajax-file-upload i,
	.swal2-modal .swal2-buttonswrapper .btn-icons.swal2-styled i, .wizard>.actions a.btn-icons i
	{
	margin: auto;
	line-height: initial;
}

.btn.btn-fw, .ajax-upload-dragdrop .btn-fw.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-fw.swal2-styled, .wizard>.actions a.btn-fw
	{
	min-width: 120px;
}

.btn.icon-btn i, .ajax-upload-dragdrop .icon-btn.ajax-file-upload i,
	.swal2-modal .swal2-buttonswrapper .icon-btn.swal2-styled i, .wizard>.actions a.icon-btn i
	{
	margin-right: 0;
}

.btn.social-btn, .ajax-upload-dragdrop .social-btn.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .social-btn.swal2-styled, .wizard>.actions a.social-btn
	{
	padding: 13px;
}

.btn.social-btn i, .ajax-upload-dragdrop .social-btn.ajax-file-upload i,
	.swal2-modal .swal2-buttonswrapper .social-btn.swal2-styled i, .wizard>.actions a.social-btn i
	{
	margin-right: 0;
	font-size: 1rem;
}

.btn.btn-sm, .btn-group-sm>.btn, .ajax-upload-dragdrop .btn-group-sm>.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-group-sm>.swal2-styled, .wizard>.actions .btn-group-sm>a,
	.ajax-upload-dragdrop .btn-sm.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-sm.swal2-styled,
	.wizard>.actions a.btn-sm {
	font-size: 0.875rem;
}

.btn.btn-lg, .btn-group-lg>.btn, .ajax-upload-dragdrop .btn-group-lg>.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-group-lg>.swal2-styled, .wizard>.actions .btn-group-lg>a,
	.ajax-upload-dragdrop .btn-lg.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-lg.swal2-styled,
	.wizard>.actions a.btn-lg {
	font-size: 0.875rem;
}

.btn.btn-xs, .ajax-upload-dragdrop .btn-xs.ajax-file-upload,
	.ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-file-upload.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .ajax-file-upload.editable-submit, .ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-file-upload.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .ajax-file-upload.editable-cancel, .swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-styled.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled.editable-submit, .swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-styled.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  a.editable-submit, .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  a.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  a.editable-cancel, .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  a.editable-cancel, .wizard>.actions a.btn-xs {
	padding: 0.5rem 0.75rem;
	font-size: 0.625rem;
}

.btn.btn-danger, .ajax-upload-dragdrop .btn-danger.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-danger.swal2-styled, .wizard>.actions a.btn-danger,
	.btn.btn-info, .ajax-upload-dragdrop .btn-info.ajax-file-upload,
	.ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-file-upload.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .ajax-file-upload.editable-submit, .swal2-modal .swal2-buttonswrapper .btn-info.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-styled.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  a.editable-submit, .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  a.editable-submit, .wizard>.actions a.btn-info, .btn.btn-success,
	.ajax-upload-dragdrop .btn-success.ajax-file-upload, .swal2-modal .swal2-buttonswrapper .btn-success.swal2-styled,
	.wizard>.actions a.btn-success, .btn.btn-teal, .ajax-upload-dragdrop .btn-teal.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-teal.swal2-styled, .wizard>.actions a.btn-teal,
	.btn.btn-warning, .ajax-upload-dragdrop .btn-warning.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled, .wizard>.actions a.btn-warning
	{
	color: var(--font-secondary-theme-color) !important;
}

.btn.btn-outline-light, .ajax-upload-dragdrop .btn-outline-light.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-outline-light.swal2-styled,
	.wizard>.actions a.btn-outline-light {
	border-color: #c7d1d5;
	color: #c7d1d5;
}

.btn.btn-outline-secondary, .ajax-upload-dragdrop .btn-outline-secondary.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-outline-secondary.swal2-styled,
	.wizard>.actions a.btn-outline-secondary {
	color: rgba(0, 0, 0, 0.5);
}

.btn.btn-inverse-secondary, .ajax-upload-dragdrop .btn-inverse-secondary.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-inverse-secondary.swal2-styled,
	.wizard>.actions a.btn-inverse-secondary {
	background-color: rgba(194, 198, 209, 0.5);
	color: rgba(0, 0, 0, 0.5);
}

.btn.btn-inverse-secondary:hover, .ajax-upload-dragdrop .btn-inverse-secondary.ajax-file-upload:hover,
	.swal2-modal .swal2-buttonswrapper .btn-inverse-secondary.swal2-styled:hover,
	.wizard>.actions a.btn-inverse-secondary:hover {
	color: rgba(0, 0, 0, 0.5);
}

.btn.btn-inverse-light, .ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload,
	.swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled,
	.wizard>.actions a.btn-inverse-light {
	/* background-color: #ffffff; */
	color: rgba(0, 0, 0, 0.5);
	/* border-color: #d9d9d9;  */
}

.btn.btn-inverse-light:hover, .ajax-upload-dragdrop .btn-inverse-light.ajax-file-upload:hover,
	.swal2-modal .swal2-buttonswrapper .btn-inverse-light.swal2-styled:hover,
	.wizard>.actions a.btn-inverse-light:hover {
	color: rgba(0, 0, 0, 0.5);
	border-color: #d9d9d9;
}

.btn-group {
	border: 1px solid #f3f3f3;
	border-radius: 0.1875rem;
}

.btn-group .btn, .btn-group .ajax-upload-dragdrop .ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled, .btn-group .wizard>.actions a,
	.wizard>.actions .btn-group a {
	border-top: none;
	border-bottom: none;
	border-left: none;
}

.btn-group .btn:last-child, .btn-group .ajax-upload-dragdrop .ajax-file-upload:last-child,
	.ajax-upload-dragdrop .btn-group .ajax-file-upload:last-child,
	.btn-group .swal2-modal .swal2-buttonswrapper .swal2-styled:last-child,
	.swal2-modal .swal2-buttonswrapper .btn-group .swal2-styled:last-child,
	.btn-group .wizard>.actions a:last-child, .wizard>.actions .btn-group a:last-child
	{
	border-right: none;
}

.btn-group .btn.btn-primary, .btn-group .ajax-upload-dragdrop .btn-primary.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .btn-primary.ajax-file-upload,
	.btn-group .ajax-upload-dragdrop .wizard>.actions a.ajax-file-upload,
	.ajax-upload-dragdrop .wizard>.actions .btn-group a.ajax-file-upload,
	.btn-group .swal2-modal .swal2-buttonswrapper .btn-primary.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .btn-primary.swal2-styled,
	.btn-group .swal2-modal .swal2-buttonswrapper .wizard>.actions a.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .wizard>.actions .btn-group a.swal2-styled,
	.btn-group
  .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  a.swal2-styled.swal2-confirm, .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group
  a.swal2-styled.swal2-confirm, .btn-group
  .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  a.swal2-styled.swal2-cancel, .wizard>.actions
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group
  a.swal2-styled.swal2-cancel, .btn-group .wizard>.actions a, .wizard>.actions .btn-group a
	{
	border-color: #776cff;
}

.btn-group .btn.btn-secondary, .btn-group .ajax-upload-dragdrop .btn-secondary.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .btn-secondary.ajax-file-upload,
	.btn-group
  .ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-file-upload.editable-cancel, .ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn-group
  .ajax-file-upload.editable-cancel, .btn-group
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .ajax-file-upload.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .btn-group
  .ajax-file-upload.editable-cancel, .btn-group .swal2-modal .swal2-buttonswrapper .btn-secondary.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .btn-secondary.swal2-styled,
	.btn-group
  .swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-styled.editable-cancel, .swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn-group
  .swal2-styled.editable-cancel, .btn-group
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group
  .swal2-styled.editable-cancel, .btn-group
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn-group
  .btn.editable-cancel, .btn-group
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  a.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  .btn-group
  a.editable-cancel, .btn-group
  .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  a.editable-cancel, .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn-group
  a.editable-cancel, .btn-group .wizard>.actions a.btn-secondary,
	.wizard>.actions .btn-group a.btn-secondary {
	border-color: #b9beca;
}

.btn-group .btn.btn-info, .btn-group .ajax-upload-dragdrop .btn-info.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .btn-info.ajax-file-upload, .btn-group
  .ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-file-upload.editable-submit, .ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn-group
  .ajax-file-upload.editable-submit, .btn-group
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .ajax-file-upload.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .btn-group
  .ajax-file-upload.editable-submit, .btn-group .swal2-modal .swal2-buttonswrapper .btn-info.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .btn-info.swal2-styled,
	.btn-group
  .swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-styled.editable-submit, .swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn-group
  .swal2-styled.editable-submit, .btn-group
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .btn-group
  .swal2-styled.editable-submit, .btn-group
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn-group
  .btn.editable-submit, .btn-group
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  a.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  .btn-group
  a.editable-submit, .btn-group
  .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  a.editable-submit, .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn-group
  a.editable-submit, .btn-group .wizard>.actions a.btn-info, .wizard>.actions .btn-group a.btn-info
	{
	border-color: #26aaff;
}

.btn-group .btn.btn-warning, .btn-group .ajax-upload-dragdrop .btn-warning.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .btn-warning.ajax-file-upload,
	.btn-group .swal2-modal .swal2-buttonswrapper .btn-warning.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .btn-warning.swal2-styled,
	.btn-group .wizard>.actions a.btn-warning, .wizard>.actions .btn-group a.btn-warning
	{
	border-color: #ffb725;
}

.btn-group .btn.btn-success, .btn-group .ajax-upload-dragdrop .btn-success.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .btn-success.ajax-file-upload,
	.btn-group .swal2-modal .swal2-buttonswrapper .btn-success.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .btn-success.swal2-styled,
	.btn-group .wizard>.actions a.btn-success, .wizard>.actions .btn-group a.btn-success
	{
	border-color: #07c367;
}

.btn-group .btn.btn-danger, .btn-group .ajax-upload-dragdrop .btn-danger.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .btn-danger.ajax-file-upload,
	.btn-group .swal2-modal .swal2-buttonswrapper .btn-danger.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .btn-danger.swal2-styled,
	.btn-group .wizard>.actions a.btn-danger, .wizard>.actions .btn-group a.btn-danger
	{
	border-color: #ff6565;
}

.btn-group .btn.btn-dark, .btn-group .ajax-upload-dragdrop .btn-dark.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .btn-dark.ajax-file-upload, .btn-group .swal2-modal .swal2-buttonswrapper .btn-dark.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .btn-dark.swal2-styled,
	.btn-group .wizard>.actions a.btn-dark, .wizard>.actions .btn-group a.btn-dark
	{
	border-color: #303b5e;
}

.btn-group .btn.btn-light, .btn-group .ajax-upload-dragdrop .btn-light.ajax-file-upload,
	.ajax-upload-dragdrop .btn-group .btn-light.ajax-file-upload,
	.btn-group .swal2-modal .swal2-buttonswrapper .btn-light.swal2-styled,
	.swal2-modal .swal2-buttonswrapper .btn-group .btn-light.swal2-styled,
	.btn-group .wizard>.actions a.btn-light, .wizard>.actions .btn-group a.btn-light
	{
	border-color: #eaeeef;
}

/*social buttons*/
.btn-twitter {
	background: #1da1f2;
	color: var(--font-secondary-theme-color);
}

.btn-twitter:hover {
	background: #0c85d0;
}

.btn-twitter.btn-link {
	background: none;
	color: #1da1f2;
}

.btn-twitter.btn-link:hover {
	color: #0c85d0;
}

.btn-facebook {
	background: #3b579d;
	color: var(--font-secondary-theme-color);
}

.btn-facebook:hover {
	background: #2d4278;
}

.btn-facebook.btn-link {
	background: none;
	color: #3b579d;
}

.btn-facebook.btn-link:hover {
	color: #2d4278;
}

.btn-google {
	background: var(--button-primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.btn-google:hover {
	background: #bf3322;
	color: var(--font-secondary-theme-color);
}

.btn-google.btn-link {
	background: none;
	color: #dc4a38;
}

.btn-google.btn-link:hover {
	color: #bf3322;
}

.btn-linkedin {
	background: #0177b4;
	color: var(--font-secondary-theme-color);
}

.btn-linkedin:hover {
	background: #015581;
}

.btn-linkedin.btn-link {
	background: none;
	color: #0177b4;
}

.btn-linkedin.btn-link:hover {
	color: #015581;
}

.btn-pinterest {
	background: #cc2127;
	color: var(--font-secondary-theme-color);
}

.btn-pinterest:hover {
	background: #a01a1f;
}

.btn-pinterest.btn-link {
	background: none;
	color: #cc2127;
}

.btn-pinterest.btn-link:hover {
	color: #a01a1f;
}

.btn-youtube {
	background: #e52d27;
	color: var(--font-secondary-theme-color);
}

.btn-youtube:hover {
	background: #c21d17;
}

.btn-youtube.btn-link {
	background: none;
	color: #e52d27;
}

.btn-youtube.btn-link:hover {
	color: #c21d17;
}

.btn-github {
	background: #333333;
	color: var(--font-secondary-theme-color);
}

.btn-github:hover {
	background: #1a1a1a;
}

.btn-github.btn-link {
	background: none;
	color: #333333;
}

.btn-github.btn-link:hover {
	color: #1a1a1a;
}

.btn-behance {
	background: var(--button-primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.btn-behance:hover {
	background: #007960;
	color: var(--font-secondary-theme-color);
}

.btn-behance.btn-link {
	background: none;
	color: #1769ff;
}

.btn-behance.btn-link:hover {
	color: #0050e3;
}

.btn-dribbble {
	background: #ea4c89;
	color: var(--font-secondary-theme-color);
}

.btn-dribbble:hover {
	background: #e51e6b;
}

.btn-dribbble.btn-link {
	background: none;
	color: #ea4c89;
}

.btn-dribbble.btn-link:hover {
	color: #e51e6b;
}

.btn-reddit {
	background: #ff4500;
	color: var(--font-secondary-theme-color);
}

.btn-reddit:hover {
	background: #cc3700;
}

.btn-reddit.btn-link {
	background: none;
	color: #ff4500;
}

.btn-reddit.btn-link:hover {
	color: #cc3700;
}

/*social buttons*/
.btn-social-outline-twitter {
	background: transparent;
	border-color: #1da1f2;
	color: #1da1f2;
}

.btn-social-outline-twitter:hover {
	background: rgba(29, 161, 242, 0.2);
}

.btn-social-outline-facebook {
	background: transparent;
	border-color: #3b579d;
	color: #3b579d;
}

.btn-social-outline-facebook:hover {
	background: rgba(59, 87, 157, 0.2);
}

.btn-social-outline-google {
	background: transparent;
	border-color: #dc4a38;
	color: #dc4a38;
}

.btn-social-outline-google:hover {
	background: rgba(220, 74, 56, 0.2);
}

.btn-social-outline-linkedin {
	background: transparent;
	border-color: #0177b4;
	color: #0177b4;
}

.btn-social-outline-linkedin:hover {
	background: rgba(1, 119, 180, 0.2);
}

.btn-social-outline-pinterest {
	background: transparent;
	border-color: #cc2127;
	color: #cc2127;
}

.btn-social-outline-pinterest:hover {
	background: rgba(204, 33, 39, 0.2);
}

.btn-social-outline-youtube {
	background: transparent;
	border-color: #e52d27;
	color: #e52d27;
}

.btn-social-outline-youtube:hover {
	background: rgba(229, 45, 39, 0.2);
}

.btn-social-outline-github {
	background: transparent;
	border-color: #333333;
	color: #333333;
}

.btn-social-outline-github:hover {
	background: rgba(51, 51, 51, 0.2);
}

.btn-social-outline-behance {
	background: transparent;
	border-color: #1769ff;
	color: #1769ff;
}

.btn-social-outline-behance:hover {
	background: rgba(23, 105, 255, 0.2);
}

.btn-social-outline-dribbble {
	background: transparent;
	border-color: #ea4c89;
	color: #ea4c89;
}

.btn-social-outline-dribbble:hover {
	background: rgba(234, 76, 137, 0.2);
}

.btn-social-outline-reddit {
	background: transparent;
	border-color: #ff4500;
	color: #ff4500;
}

.btn-social-outline-reddit:hover {
	background: rgba(255, 69, 0, 0.2);
}

/* inverse buttons */
.btn-inverse-primary {
	color: #857bff;
	background-color: rgba(133, 123, 255, 0.2);
	background-image: none;
	border-color: rgba(133, 123, 255, 0);
}

.btn-inverse-primary:hover {
	color: var(--font-secondary-theme-color);
	background-color: #857bff;
	border-color: #857bff;
}

.btn-inverse-primary.focus, .btn-inverse-primary:focus {
	box-shadow: 0 0 0 3px rgba(133, 123, 255, 0.5);
}

.btn-inverse-primary.disabled, .btn-inverse-primary:disabled {
	color: #857bff;
	background-color: transparent;
}

.btn-inverse-primary.active, .btn-inverse-primary:active, .show>.btn-inverse-primary.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: #857bff;
	border-color: #857bff;
}

.btn-inverse-secondary {
	color: #c2c6d1;
	background-color: rgba(194, 198, 209, 0.2);
	background-image: none;
	border-color: rgba(194, 198, 209, 0);
}

.btn-inverse-secondary:hover {
	color: var(--font-secondary-theme-color);
	background-color: #c2c6d1;
	border-color: #c2c6d1;
}

.btn-inverse-secondary.focus, .btn-inverse-secondary:focus {
	box-shadow: 0 0 0 3px rgba(194, 198, 209, 0.5);
}

.btn-inverse-secondary.disabled, .btn-inverse-secondary:disabled {
	color: #c2c6d1;
	background-color: transparent;
}

.btn-inverse-secondary.active, .btn-inverse-secondary:active, .show>.btn-inverse-secondary.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: #c2c6d1;
	border-color: #c2c6d1;
}

.btn-inverse-success {
	color: var(--button-secondary-theme-color);
	background-color: rgba(8, 210, 111, 0.2);
	background-image: none;
	border-color: rgba(8, 210, 111, 0);
}

.btn-inverse-success:hover {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
}

.btn-inverse-success.focus, .btn-inverse-success:focus {
	box-shadow: 0 0 0 3px rgba(8, 210, 111, 0.5);
}

.btn-inverse-success.disabled, .btn-inverse-success:disabled {
	color: var(--button-secondary-theme-color);
	background-color: transparent;
}

.btn-inverse-success.active, .btn-inverse-success:active, .show>.btn-inverse-success.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: var(--button-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
}

.btn-inverse-info {
	color: var(--primary-theme-color);
	background-color: rgba(53, 176, 255, 0.2);
	background-image: none;
	border-color: rgba(53, 176, 255, 0);
}

.btn-inverse-info:hover {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-inverse-info.focus, .btn-inverse-info:focus {
	box-shadow: 0 0 0 3px rgba(53, 176, 255, 0.5);
}

.btn-inverse-info.disabled, .btn-inverse-info:disabled {
	color: var(--primary-theme-color);
	background-color: transparent;
}

.btn-inverse-info.active, .btn-inverse-info:active, .show>.btn-inverse-info.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-inverse-warning {
	color: var(--primary-theme-color);
	background-color: rgba(255, 188, 52, 0.2);
	background-image: none;
	border-color: rgba(255, 188, 52, 0);
}

.btn-inverse-warning:hover {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-inverse-warning.focus, .btn-inverse-warning:focus {
	box-shadow: 0 0 0 3px rgba(255, 188, 52, 0.5);
}

.btn-inverse-warning.disabled, .btn-inverse-warning:disabled {
	color: var(--primary-theme-color);
	background-color: transparent;
}

.btn-inverse-warning.active, .btn-inverse-warning:active, .show>.btn-inverse-warning.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-inverse-danger {
	color: #ff7474;
	background-color: rgba(255, 116, 116, 0.2);
	background-image: none;
	border-color: rgba(255, 116, 116, 0);
}

.btn-inverse-danger:hover {
	color: var(--font-secondary-theme-color);
	background-color: #ff7474;
	border-color: #ff7474;
}

.btn-inverse-danger.focus, .btn-inverse-danger:focus {
	box-shadow: 0 0 0 3px rgba(255, 116, 116, 0.5);
}

.btn-inverse-danger.disabled, .btn-inverse-danger:disabled {
	color: #ff7474;
	background-color: transparent;
}

.btn-inverse-danger.active, .btn-inverse-danger:active, .show>.btn-inverse-danger.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: #ff7474;
	border-color: #ff7474;
}

.btn-inverse-light {
	color: #f3f5f6;
	background-color: rgba(243, 245, 246, 0.2);
	background-image: none;
	border-color: rgba(243, 245, 246, 0);
}

.btn-inverse-light:hover {
	color: var(--font-secondary-theme-color);
	background-color: #f3f5f6;
	border-color: #f3f5f6;
}

.btn-inverse-light.focus, .btn-inverse-light:focus {
	box-shadow: 0 0 0 3px rgba(243, 245, 246, 0.5);
}

.btn-inverse-light.disabled, .btn-inverse-light:disabled {
	color: #f3f5f6;
	background-color: transparent;
}

.btn-inverse-light.active, .btn-inverse-light:active, .show>.btn-inverse-light.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: #f3f5f6;
	border-color: #f3f5f6;
}

.btn-inverse-dark {
	color: #354168;
	background-color: rgba(53, 65, 104, 0.2);
	background-image: none;
	border-color: rgba(53, 65, 104, 0);
}

.btn-inverse-dark:hover {
	color: var(--font-secondary-theme-color);
	background-color: #354168;
	border-color: #354168;
}

.btn-inverse-dark.focus, .btn-inverse-dark:focus {
	box-shadow: 0 0 0 3px rgba(53, 65, 104, 0.5);
}

.btn-inverse-dark.disabled, .btn-inverse-dark:disabled {
	color: #354168;
	background-color: transparent;
}

.btn-inverse-dark.active, .btn-inverse-dark:active, .show>.btn-inverse-dark.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: #354168;
	border-color: #354168;
}

.btn-inverse-teal {
	color: #58d8a3;
	background-color: rgba(88, 216, 163, 0.2);
	background-image: none;
	border-color: rgba(88, 216, 163, 0);
}

.btn-inverse-teal:hover {
	color: var(--font-secondary-theme-color);
	background-color: #58d8a3;
	border-color: #58d8a3;
}

.btn-inverse-teal.focus, .btn-inverse-teal:focus {
	box-shadow: 0 0 0 3px rgba(88, 216, 163, 0.5);
}

.btn-inverse-teal.disabled, .btn-inverse-teal:disabled {
	color: #58d8a3;
	background-color: transparent;
}

.btn-inverse-teal.active, .btn-inverse-teal:active, .show>.btn-inverse-teal.dropdown-toggle
	{
	color: var(--font-secondary-theme-color);
	background-color: #58d8a3;
	border-color: #58d8a3;
}

/* Inverse Outlined Buttons */
.btn-inverse-outline-primary {
	color: #857bff;
	background-image: none;
	background: transparent;
	border-color: rgba(133, 123, 255, 0.2);
}

.btn-inverse-outline-primary:hover {
	color: #857bff;
	background-color: rgba(133, 123, 255, 0.2);
	border-color: rgba(133, 123, 255, 0.2);
}

.btn-inverse-outline-primary.focus, .btn-inverse-outline-primary:focus {
	box-shadow: 0 0 0 3px rgba(133, 123, 255, 0.5);
}

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

.btn-inverse-outline-primary.active, .btn-inverse-outline-primary:active,
	.show>.btn-inverse-outline-primary.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	border-color: #857bff;
}

.btn-inverse-outline-secondary {
	color: #c2c6d1;
	background-image: none;
	background: transparent;
	border-color: rgba(194, 198, 209, 0.2);
}

.btn-inverse-outline-secondary:hover {
	color: #c2c6d1;
	background-color: rgba(194, 198, 209, 0.2);
	border-color: rgba(194, 198, 209, 0.2);
}

.btn-inverse-outline-secondary.focus, .btn-inverse-outline-secondary:focus
	{
	box-shadow: 0 0 0 3px rgba(194, 198, 209, 0.5);
}

.btn-inverse-outline-secondary.disabled, .btn-inverse-outline-secondary:disabled
	{
	color: #c2c6d1;
	background-color: transparent;
}

.btn-inverse-outline-secondary.active, .btn-inverse-outline-secondary:active,
	.show>.btn-inverse-outline-secondary.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	border-color: #c2c6d1;
}

.btn-inverse-outline-success {
	color: var(--button-secondary-theme-color);
	background-image: none;
	background: transparent;
	border-color: rgba(8, 210, 111, 0.2);
}

.btn-inverse-outline-success:hover {
	color: var(--button-secondary-theme-color);
	background-color: rgba(8, 210, 111, 0.2);
	border-color: rgba(8, 210, 111, 0.2);
}

.btn-inverse-outline-success.focus, .btn-inverse-outline-success:focus {
	box-shadow: 0 0 0 3px rgba(8, 210, 111, 0.5);
}

.btn-inverse-outline-success.disabled, .btn-inverse-outline-success:disabled
	{
	color: var(--button-secondary-theme-color);
	background-color: transparent;
}

.btn-inverse-outline-success.active, .btn-inverse-outline-success:active,
	.show>.btn-inverse-outline-success.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
}

.btn-inverse-outline-info {
	color: var(--primary-theme-color);
	background-image: none;
	background: transparent;
	border-color: rgba(53, 176, 255, 0.2);
}

.btn-inverse-outline-info:hover {
	color: var(--primary-theme-color);
	background-color: rgba(53, 176, 255, 0.2);
	border-color: rgba(53, 176, 255, 0.2);
}

.btn-inverse-outline-info.focus, .btn-inverse-outline-info:focus {
	box-shadow: 0 0 0 3px rgba(53, 176, 255, 0.5);
}

.btn-inverse-outline-info.disabled, .btn-inverse-outline-info:disabled {
	color: var(--primary-theme-color);
	background-color: transparent;
}

.btn-inverse-outline-info.active, .btn-inverse-outline-info:active,
	.show>.btn-inverse-outline-info.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-inverse-outline-warning {
	color: var(--primary-theme-color);
	background-image: none;
	background: transparent;
	border-color: rgba(255, 188, 52, 0.2);
}

.btn-inverse-outline-warning:hover {
	color: var(--primary-theme-color);
	background-color: rgba(255, 188, 52, 0.2);
	border-color: rgba(255, 188, 52, 0.2);
}

.btn-inverse-outline-warning.focus, .btn-inverse-outline-warning:focus {
	box-shadow: 0 0 0 3px rgba(255, 188, 52, 0.5);
}

.btn-inverse-outline-warning.disabled, .btn-inverse-outline-warning:disabled
	{
	color: var(--primary-theme-color);
	background-color: transparent;
}

.btn-inverse-outline-warning.active, .btn-inverse-outline-warning:active,
	.show>.btn-inverse-outline-warning.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-inverse-outline-danger {
	color: #ff7474;
	background-image: none;
	background: transparent;
	border-color: rgba(255, 116, 116, 0.2);
}

.btn-inverse-outline-danger:hover {
	color: #ff7474;
	background-color: rgba(255, 116, 116, 0.2);
	border-color: rgba(255, 116, 116, 0.2);
}

.btn-inverse-outline-danger.focus, .btn-inverse-outline-danger:focus {
	box-shadow: 0 0 0 3px rgba(255, 116, 116, 0.5);
}

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

.btn-inverse-outline-danger.active, .btn-inverse-outline-danger:active,
	.show>.btn-inverse-outline-danger.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	border-color: #ff7474;
}

.btn-inverse-outline-light {
	color: #f3f5f6;
	background-image: none;
	background: transparent;
	border-color: rgba(243, 245, 246, 0.2);
}

.btn-inverse-outline-light:hover {
	color: #f3f5f6;
	background-color: rgba(243, 245, 246, 0.2);
	border-color: rgba(243, 245, 246, 0.2);
}

.btn-inverse-outline-light.focus, .btn-inverse-outline-light:focus {
	box-shadow: 0 0 0 3px rgba(243, 245, 246, 0.5);
}

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

.btn-inverse-outline-light.active, .btn-inverse-outline-light:active,
	.show>.btn-inverse-outline-light.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	border-color: #f3f5f6;
}

.btn-inverse-outline-dark {
	color: #354168;
	background-image: none;
	background: transparent;
	border-color: rgba(53, 65, 104, 0.2);
}

.btn-inverse-outline-dark:hover {
	color: #354168;
	background-color: rgba(53, 65, 104, 0.2);
	border-color: rgba(53, 65, 104, 0.2);
}

.btn-inverse-outline-dark.focus, .btn-inverse-outline-dark:focus {
	box-shadow: 0 0 0 3px rgba(53, 65, 104, 0.5);
}

.btn-inverse-outline-dark.disabled, .btn-inverse-outline-dark:disabled {
	color: #354168;
	background-color: transparent;
}

.btn-inverse-outline-dark.active, .btn-inverse-outline-dark:active,
	.show>.btn-inverse-outline-dark.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	border-color: #354168;
}

.btn-inverse-outline-teal {
	color: #58d8a3;
	background-image: none;
	background: transparent;
	border-color: rgba(88, 216, 163, 0.2);
}

.btn-inverse-outline-teal:hover {
	color: #58d8a3;
	background-color: rgba(88, 216, 163, 0.2);
	border-color: rgba(88, 216, 163, 0.2);
}

.btn-inverse-outline-teal.focus, .btn-inverse-outline-teal:focus {
	box-shadow: 0 0 0 3px rgba(88, 216, 163, 0.5);
}

.btn-inverse-outline-teal.disabled, .btn-inverse-outline-teal:disabled {
	color: #58d8a3;
	background-color: transparent;
}

.btn-inverse-outline-teal.active, .btn-inverse-outline-teal:active,
	.show>.btn-inverse-outline-teal.dropdown-toggle {
	color: var(--font-secondary-theme-color);
	border-color: #58d8a3;
}

/* Breadcrumbs */
.breadcrumb {
	border: 1px solid #f3f3f3;
}

.breadcrumb .breadcrumb-item {
	font-size: 0.8rem;
}

.breadcrumb.breadcrumb-custom {
	padding: 0 0;
	border-color: #dbe3e6;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item {
	font-size: 0.8rem;
	background: #dbe3e6;
	padding: 0.56rem 10px;
	color: #4e4c4c;
	display: inline-block;
	vertical-align: top;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child {
	background: transparent;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item:before {
	content: "";
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a {
	position: relative;
	color: inherit;
	border: 1px solid #dbe3e6;
	display: inline-block;
	vertical-align: top;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a:after, .breadcrumb.breadcrumb-custom .breadcrumb-item a:before
	{
	position: absolute;
	top: -9px;
	width: 0;
	height: 0;
	content: "";
	border-top: 21px solid transparent;
	border-bottom: 21px solid transparent;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a:before {
	right: -22px;
	z-index: 3;
	border-left-color: #dbe3e6;
	border-left-style: solid;
	border-left-width: 12px;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
	border-top: 21px solid transparent;
	border-bottom: 22px solid transparent;
	border-left: 12px solid #ffffff;
	top: -9px;
	right: -23px;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item span {
	display: inline-block;
	vertical-align: top;
}

.breadcrumb.bg-danger, .settings-panel .color-tiles .breadcrumb.tiles.danger,
	.breadcrumb.bg-dark, .settings-panel .color-tiles .breadcrumb.tiles.dark,
	.breadcrumb.bg-info, .settings-panel .color-tiles .breadcrumb.tiles.info,
	.breadcrumb.bg-primary, .settings-panel .color-tiles .breadcrumb.tiles.primary,
	.breadcrumb.bg-success, .settings-panel .color-tiles .breadcrumb.tiles.success,
	.breadcrumb.bg-warning, .settings-panel .color-tiles .breadcrumb.tiles.warning
	{
	border: none;
}

.breadcrumb.bg-danger .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item,
	.breadcrumb.bg-dark .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item,
	.breadcrumb.bg-info .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item,
	.breadcrumb.bg-primary .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item,
	.breadcrumb.bg-success .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item,
	.breadcrumb.bg-warning .breadcrumb-item, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item
	{
	color: var(--font-secondary-theme-color);
}

.breadcrumb.bg-danger .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item:before,
	.breadcrumb.bg-dark .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item:before,
	.breadcrumb.bg-info .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item:before,
	.breadcrumb.bg-primary .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item:before,
	.breadcrumb.bg-success .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item:before,
	.breadcrumb.bg-warning .breadcrumb-item:before, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item:before
	{
	color: inherit;
}

.breadcrumb.bg-danger .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item a,
	.breadcrumb.bg-danger .breadcrumb-item span, .settings-panel .color-tiles .breadcrumb.tiles.danger .breadcrumb-item span,
	.breadcrumb.bg-dark .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item a,
	.breadcrumb.bg-dark .breadcrumb-item span, .settings-panel .color-tiles .breadcrumb.tiles.dark .breadcrumb-item span,
	.breadcrumb.bg-info .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item a,
	.breadcrumb.bg-info .breadcrumb-item span, .settings-panel .color-tiles .breadcrumb.tiles.info .breadcrumb-item span,
	.breadcrumb.bg-primary .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item a,
	.breadcrumb.bg-primary .breadcrumb-item span, .settings-panel .color-tiles .breadcrumb.tiles.primary .breadcrumb-item span,
	.breadcrumb.bg-success .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item a,
	.breadcrumb.bg-success .breadcrumb-item span, .settings-panel .color-tiles .breadcrumb.tiles.success .breadcrumb-item span,
	.breadcrumb.bg-warning .breadcrumb-item a, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item a,
	.breadcrumb.bg-warning .breadcrumb-item span, .settings-panel .color-tiles .breadcrumb.tiles.warning .breadcrumb-item span
	{
	color: inherit;
}

/* inverse breadcrumb */
.bg-inverse-primary .breadcrumb {
	background: #fbfbff;
	border-color: #857bff;
}

.bg-inverse-primary .breadcrumb .breadcrumb-item {
	color: #857bff;
}

.bg-inverse-primary .breadcrumb .breadcrumb-item:before {
	color: inherit;
}

.bg-inverse-primary .breadcrumb .breadcrumb-item a {
	color: inherit;
}

.bg-inverse-primary .breadcrumb.breadcrumb-custom {
	background: var(--primary-theme-color);
}

.bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item {
	background: #fbfbff;
}

.bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item a {
	color: #857bff;
	border: none;
}

.bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item a:before
	{
	border-left-color: #fbfbff;
}

.bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item span
	{
	color: #857bff;
}

.bg-inverse-primary .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child
	{
	background: transparent;
}

.bg-inverse-secondary .breadcrumb {
	background: white;
	border-color: #c2c6d1;
}

.bg-inverse-secondary .breadcrumb .breadcrumb-item {
	color: #c2c6d1;
}

.bg-inverse-secondary .breadcrumb .breadcrumb-item:before {
	color: inherit;
}

.bg-inverse-secondary .breadcrumb .breadcrumb-item a {
	color: inherit;
}

.bg-inverse-secondary .breadcrumb.breadcrumb-custom {
	background: #c2c6d1;
}

.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item {
	background: white;
}

.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a {
	color: #c2c6d1;
	border: none;
}

.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item a:before
	{
	border-left-color: white;
}

.bg-inverse-secondary .breadcrumb.breadcrumb-custom .breadcrumb-item span
	{
	color: #c2c6d1;
}

.bg-inverse-secondary
  .breadcrumb.breadcrumb-custom
  .breadcrumb-item:last-child {
	background: transparent;
}

.bg-inverse-success .breadcrumb {
	background: #61f9ae;
	border-color: var(--button-secondary-theme-color);
}

.bg-inverse-success .breadcrumb .breadcrumb-item {
	color: var(--button-secondary-theme-color);
}

.bg-inverse-success .breadcrumb .breadcrumb-item:before {
	color: inherit;
}

.bg-inverse-success .breadcrumb .breadcrumb-item a {
	color: inherit;
}

.bg-inverse-success .breadcrumb.breadcrumb-custom {
	background: var(--button-secondary-theme-color);
}

.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item {
	background: #61f9ae;
}

.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a {
	color: var(--button-secondary-theme-color);
	border: none;
}

.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item a:before
	{
	border-left-color: #61f9ae;
}

.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item span
	{
	color: var(--button-secondary-theme-color);
}

.bg-inverse-success .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child
	{
	background: transparent;
}

.bg-inverse-info .breadcrumb {
	background: #b5e2ff;
	border-color: var(--primary-theme-color);
}

.bg-inverse-info .breadcrumb .breadcrumb-item {
	color: var(--primary-theme-color);
}

.bg-inverse-info .breadcrumb .breadcrumb-item:before {
	color: inherit;
}

.bg-inverse-info .breadcrumb .breadcrumb-item a {
	color: inherit;
}

.bg-inverse-info .breadcrumb.breadcrumb-custom {
	background: var(--primary-theme-color);
}

.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item {
	background: #b5e2ff;
}

.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a {
	color: var(--primary-theme-color);
	border: none;
}

.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item a:before
	{
	border-left-color: #b5e2ff;
}

.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item span {
	color: var(--primary-theme-color);
}

.bg-inverse-info .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child
	{
	background: transparent;
}

.bg-inverse-warning .breadcrumb {
	background: #ffe6b4;
	border-color: var(--primary-theme-color);
}

.bg-inverse-warning .breadcrumb .breadcrumb-item {
	color: var(--primary-theme-color);
}

.bg-inverse-warning .breadcrumb .breadcrumb-item:before {
	color: inherit;
}

.bg-inverse-warning .breadcrumb .breadcrumb-item a {
	color: inherit;
}

.bg-inverse-warning .breadcrumb.breadcrumb-custom {
	background: var(--primary-theme-color);
}

.bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item {
	background: #ffe6b4;
}

.bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item a {
	color: var(--primary-theme-color);
	border: none;
}

.bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item a:before
	{
	border-left-color: #ffe6b4;
}

.bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item span
	{
	color: var(--primary-theme-color);
}

.bg-inverse-warning .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child
	{
	background: transparent;
}

.bg-inverse-danger .breadcrumb {
	background: #fff4f4;
	border-color: #ff7474;
}

.bg-inverse-danger .breadcrumb .breadcrumb-item {
	color: #ff7474;
}

.bg-inverse-danger .breadcrumb .breadcrumb-item:before {
	color: inherit;
}

.bg-inverse-danger .breadcrumb .breadcrumb-item a {
	color: inherit;
}

.bg-inverse-danger .breadcrumb.breadcrumb-custom {
	background: #ff7474;
}

.bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item {
	background: #fff4f4;
}

.bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item a {
	color: #ff7474;
	border: none;
}

.bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item a:before
	{
	border-left-color: var(--font-secondary-theme-color)4f4;
}

.bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item span {
	color: #ff7474;
}

.bg-inverse-danger .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child
	{
	background: transparent;
}

.bg-inverse-light .breadcrumb {
	background: white;
	border-color: #f3f5f6;
}

.bg-inverse-light .breadcrumb .breadcrumb-item {
	color: #f3f5f6;
}

.bg-inverse-light .breadcrumb .breadcrumb-item:before {
	color: inherit;
}

.bg-inverse-light .breadcrumb .breadcrumb-item a {
	color: inherit;
}

.bg-inverse-light .breadcrumb.breadcrumb-custom {
	background: #f3f5f6;
}

.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item {
	background: white;
}

.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a {
	color: #f3f5f6;
	border: none;
}

.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item a:before
	{
	border-left-color: white;
}

.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item span {
	color: #f3f5f6;
}

.bg-inverse-light .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child
	{
	background: transparent;
}

.bg-inverse-dark .breadcrumb {
	background: #6a7bb3;
	border-color: #354168;
}

.bg-inverse-dark .breadcrumb .breadcrumb-item {
	color: #354168;
}

.bg-inverse-dark .breadcrumb .breadcrumb-item:before {
	color: inherit;
}

.bg-inverse-dark .breadcrumb .breadcrumb-item a {
	color: inherit;
}

.bg-inverse-dark .breadcrumb.breadcrumb-custom {
	background: #354168;
}

.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item {
	background: #6a7bb3;
}

.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a {
	color: #354168;
	border: none;
}

.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item a:before
	{
	border-left-color: #6a7bb3;
}

.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item span {
	color: #354168;
}

.bg-inverse-dark .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child
	{
	background: transparent;
}

.bg-inverse-teal .breadcrumb {
	background: #bff0dc;
	border-color: #58d8a3;
}

.bg-inverse-teal .breadcrumb .breadcrumb-item {
	color: #58d8a3;
}

.bg-inverse-teal .breadcrumb .breadcrumb-item:before {
	color: inherit;
}

.bg-inverse-teal .breadcrumb .breadcrumb-item a {
	color: inherit;
}

.bg-inverse-teal .breadcrumb.breadcrumb-custom {
	background: #58d8a3;
}

.bg-inverse-teal .breadcrumb.breadcrumb-custom .breadcrumb-item {
	background: #bff0dc;
}

.bg-inverse-teal .breadcrumb.breadcrumb-custom .breadcrumb-item a {
	color: #58d8a3;
	border: none;
}

.bg-inverse-teal .breadcrumb.breadcrumb-custom .breadcrumb-item a:before
	{
	border-left-color: #bff0dc;
}

.bg-inverse-teal .breadcrumb.breadcrumb-custom .breadcrumb-item span {
	color: #58d8a3;
}

.bg-inverse-teal .breadcrumb.breadcrumb-custom .breadcrumb-item:last-child
	{
	background: transparent;
}

/* Cards */
.card {
	border: 0px solid transparent;
	border-radius: 5px !important;
}

.card .card-body {
	padding: 35px 25px;
}

.card .card-body+.card-body {
	padding-top: 0;
}

.card.card-outline-success {
	border: 1px solid var(--button-secondary-theme-color);
}

.card.card-outline-primary {
	border: 1px solid #118adc;
}

.card.card-outline-warning {
	border: 1px solid var(--primary-theme-color);
}

.card.card-outline-danger {
	border: 1px solid #ff7474;
}

.card.card-rounded {
	border-radius: 5px;
}

.card.card-faded {
	background: #b5b0b2;
	border-color: #b5b0b2;
}

.card.card-circle-progress {
	color: var(--font-secondary-theme-color);
	text-align: center;
}

.card-inverse-primary {
	background: rgba(133, 123, 255, 0.2);
	border: 1px solid #7a71eb;
	color: #655dc2;
}

.card-inverse-secondary {
	background: rgba(194, 198, 209, 0.2);
	border: 1px solid #b2b6c0;
	color: #93969f;
}

.card-inverse-success {
	background: rgba(8, 210, 111, 0.2);
	border: 1px solid #07c166;
	color: #06a054;
}

.card-inverse-info {
	background: rgba(53, 176, 255, 0.2);
	border: 1px solid #31a2eb;
	color: #2886c2;
}

.card-inverse-warning {
	background: rgba(255, 188, 52, 0.2);
	border: 1px solid #ebad30;
	color: #c28f28;
}

.card-inverse-danger {
	background: rgba(255, 116, 116, 0.2);
	border: 1px solid #eb6b6b;
	color: #c25858;
}

.card-inverse-light {
	background: rgba(243, 245, 246, 0.2);
	border: 1px solid #e0e1e2;
	color: #b9babb;
}

.card-inverse-dark {
	background: rgba(53, 65, 104, 0.2);
	border: 1px solid #313c60;
	color: #28314f;
}

.card-inverse-teal {
	background: rgba(88, 216, 163, 0.2);
	border: 1px solid #51c796;
	color: #43a47c;
}

/* Checkboxes and Radios */
.form-check, .form-radio {
	position: relative;
	display: block;
	/*margin-top: 15px;
  margin-bottom: 10px;*/
}

.form-check .form-check-label, .form-radio .form-check-label {
	display: block;
	padding-left: 30px;
	line-height: 1.5;
}

.rtl .form-check .form-check-label, .rtl .form-radio .form-check-label {
	padding-left: 0;
	padding-right: 30px;
}

.form-check .form-check-label input, .form-radio .form-check-label input
	{
	position: absolute;
	margin-left: -20px;
	margin-top: 4px\9;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
	margin-top: 0;
}

.rtl .form-check .form-check-label input, .rtl .form-radio .form-check-label input
	{
	left: auto;
	right: 0;
}

.form-check .form-check-label {
	font-size: 0.8rem;
	line-height: 1.5;
	/*padding-left: 10px;*/
}

.form-check .form-check-label input:checked+.input-helper:before {
	background-color: #ffffff;
}

.form-check .form-check-label input:checked+.input-helper:after {
	width: 18px;
	opacity: 1;
	line-height: 18px;
	filter: alpha(opacity = 100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.form-check .form-check-label input:disabled+.input-helper:before {
	border: 2px solid var(--primary-theme-color);;
}

.form-check .form-check-label input:disabled:checked+.input-helper:after
	{
	color: #f3f3f3;
}

.form-check .form-check-label .input-helper:before {
	position: absolute;
	content: "";
	top: 2px;
	width: 18px;
	height: 18px;
	border-radius: 2px;
	left: 0;
	border: 2px solid var(--primary-theme-color);;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	transition-duration: 0s;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
}

.rtl .form-check .form-check-label .input-helper:before {
	left: auto;
	right: 0;
}

.form-check .form-check-label .input-helper:after {
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	transition-duration: 0s;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	font-family: Material Design Icons;
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	content: "\F12C";
	position: absolute;
	font-size: 0.9375rem;
	font-weight: bold;
	left: 0;
	top: 2px;
	color: var(--primary-theme-color);
}

.rtl .form-check .form-check-label .input-helper:after {
	left: auto;
	right: 0;
}

.form-check.form-check-flat
  .form-check-label
  input:checked+.input-helper:before {
	background-color: #ffffff;
	border: 2px solid var(--primary-theme-color);;
}

.form-check.form-check-flat
  .form-check-label
  input:disabled+.input-helper:after {
	color: var(--primary-theme-color);;
}

.form-check.form-check-flat
  .form-check-label
  input:disabled+.input-helper:before {
	border: 2px solid var(--primary-theme-color);;
}

.form-check.form-check-flat
  .form-check-label
  input:disabled:checked+.input-helper:before {
	background: #f7f7f9;
}

.form-check.form-check-flat .form-check-label .input-helper:before {
	border: 2px solid var(--primary-theme-color);;
}

.form-check.form-check-flat .form-check-label .input-helper:after {
	color: var(--primary-theme-color);;
}

.form-radio .form-check-label input+.input-helper:before {
	position: absolute;
	content: "";
	top: 2px;
	right: 0;
	border: 2px solid #9f9f9f;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	transition-duration: 0s;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	background: white;
}

.rtl .form-radio .form-check-label input+.input-helper:before {
	left: auto;
	right: 0;
}

.form-radio .form-check-label input+.input-helper:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #ff7474;
	border-radius: 50%;
	top: 8px;
	left: 6px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	transition-duration: 0s;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	position: absolute;
}

.rtl .form-radio .form-check-label input+.input-helper:after {
	left: auto;
	right: 6px;
}

.form-radio .form-check-label input:checked+.input-helper:before {
	background-color: #ffffff;
	border: 2px solid #e6e6e6;
}

.form-radio .form-check-label input:checked+.input-helper:after {
	opacity: 1;
	line-height: 1.5;
	filter: alpha(opacity = 100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.form-radio .form-check-label input:disabled+.input-helper:before {
	border: 2px solid #e6e6e6;
}

.form-radio .form-check-label input:disabled:checked+.input-helper:before
	{
	background-color: #ffffff;
	border: 2px solid #e6e6e6;
}

.form-radio .form-check-label input:disabled:checked+.input-helper:after
	{
	background-color: #f3f3f3;
}

.form-radio.form-radio-flat
  .form-check-label
  input:checked+.input-helper:before {
	background: #322ac7;
	border-color: #322ac7;
}

.form-radio.form-radio-flat
  .form-check-label
  input:checked+.input-helper:after {
	width: 20px;
	height: 20px;
	top: 2px;
	left: 8px;
	color: var(--font-secondary-theme-color);
	background: none;
	content: "\F12C";
	font-family: Material Design Icons;
	text-align: center;
	font-weight: bold;
}

.rtl
  .form-radio.form-radio-flat
  .form-check-label
  input:checked+.input-helper:after {
	left: auto;
	right: -2px;
}

/* Dropdowns */
.daterangepicker.dropdown-menu {
	z-index: 99999 !important;
}

.dropdown-menu {
	font-size: 0.8rem;
}

.dropdown-menu .dropdown-item:active {
	background: initial;
}

.dropdown .dropdown-toggle:after {
	border: none;
	margin-left: 0px;
	margin-top: -10px;
}

/* Forms */
.input-group-append, .input-group-prepend, .asColorPicker-trigger {
	color: #c9c8c8;
	width: auto;
	border: none;
}

.input-group-append .input-group-text, .input-group-prepend .input-group-text,
	.asColorPicker-trigger .input-group-text {
	background: transparent;
	/*border-color: #f3f3f3;*/
}

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"],
	.select2-container--default .select2-selection--single,
	.select2-container--default .select2-selection--single .select2-search__field,
	.tt-hint, .tt-query, .typeahead {
	border: 1px solid #cdcdcd;
	/* font-family: "Gilroy"; */
	font-size: 0.75rem;
	padding: 0.56rem 0.75rem;
	line-height: 14px;
	font-weight: 300;
	border-radius: 6px;
}

.form-control.form-control-lg, .input-group-lg>.form-control,
	.input-group-lg>.asColorPicker-input, .dataTables_wrapper .input-group-lg>select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input[type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>input[type="number"],
	.select2-container--default .input-group-lg>.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-lg>.select2-search__field, .input-group-lg>.tt-hint,
	.input-group-lg>.tt-query, .input-group-lg>.typeahead, .input-group-lg>.input-group-prepend>.form-control.input-group-text,
	.input-group-lg>.asColorPicker-trigger>.form-control.input-group-text,
	.input-group-lg>.input-group-prepend>.input-group-text.asColorPicker-input,
	.input-group-lg>.asColorPicker-trigger>.input-group-text.asColorPicker-input,
	.dataTables_wrapper
  .input-group-lg>.input-group-prepend>select.input-group-text,
	.dataTables_wrapper
  .input-group-lg>.asColorPicker-trigger>select.input-group-text,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input.input-group-text[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input.input-group-text[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>select.input-group-text, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>select.input-group-text,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input.input-group-text[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input.input-group-text[type="number"],
	.select2-container--default
  .input-group-lg>.input-group-prepend>.input-group-text.select2-selection--single,
	.select2-container--default
  .input-group-lg>.asColorPicker-trigger>.input-group-text.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-prepend>.input-group-text.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .input-group-lg>.asColorPicker-trigger>.input-group-text.select2-search__field,
	.input-group-lg>.input-group-prepend>.input-group-text.tt-hint,
	.input-group-lg>.asColorPicker-trigger>.input-group-text.tt-hint,
	.input-group-lg>.input-group-prepend>.input-group-text.tt-query,
	.input-group-lg>.asColorPicker-trigger>.input-group-text.tt-query,
	.input-group-lg>.input-group-prepend>.input-group-text.typeahead,
	.input-group-lg>.asColorPicker-trigger>.input-group-text.typeahead,
	.input-group-lg>.input-group-append>.form-control.input-group-text,
	.input-group-lg>.input-group-append>.input-group-text.asColorPicker-input,
	.dataTables_wrapper
  .input-group-lg>.input-group-append>select.input-group-text, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>input.input-group-text[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>select.input-group-text, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>input.input-group-text[type="number"],
	.select2-container--default
  .input-group-lg>.input-group-append>.input-group-text.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-append>.input-group-text.select2-search__field,
	.input-group-lg>.input-group-append>.input-group-text.tt-hint,
	.input-group-lg>.input-group-append>.input-group-text.tt-query,
	.input-group-lg>.input-group-append>.input-group-text.typeahead,
	.input-group-lg>.input-group-prepend>.form-control.btn, .input-group-lg>.asColorPicker-trigger>.form-control.btn,
	.input-group-lg>.input-group-prepend>.btn.asColorPicker-input,
	.input-group-lg>.asColorPicker-trigger>.btn.asColorPicker-input,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>.asColorPicker-input.ajax-file-upload,
	.ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>.asColorPicker-input.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.asColorPicker-input.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.asColorPicker-input.swal2-styled,
	.wizard>.actions
  .input-group-lg>.input-group-prepend>a.asColorPicker-input, .wizard>.actions
  .input-group-lg>.asColorPicker-trigger>a.asColorPicker-input,
	.dataTables_wrapper .input-group-lg>.input-group-prepend>select.btn,
	.dataTables_wrapper .input-group-lg>.asColorPicker-trigger>select.btn,
	.dataTables_wrapper
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>select.ajax-file-upload,
	.dataTables_wrapper
  .ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .dataTables_wrapper
  .input-group-lg>.input-group-prepend>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .dataTables_wrapper
  .input-group-lg>.asColorPicker-trigger>select.ajax-file-upload,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>select.swal2-styled,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-lg>.input-group-prepend>select.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>.form-control.ajax-file-upload,
	.ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>.form-control.ajax-file-upload,
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input.ajax-file-upload[type="text"],
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input.ajax-file-upload[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>input.ajax-file-upload[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>input.ajax-file-upload[type="text"],
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>select.ajax-file-upload,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>select.ajax-file-upload, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input.ajax-file-upload[type="number"],
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input.ajax-file-upload[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>input.ajax-file-upload[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>input.ajax-file-upload[type="number"],
	.ajax-upload-dragdrop
  .select2-container--default
  .input-group-lg>.input-group-prepend>.ajax-file-upload.select2-selection--single,
	.ajax-upload-dragdrop
  .select2-container--default
  .input-group-lg>.asColorPicker-trigger>.ajax-file-upload.select2-selection--single,
	.select2-container--default
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>.ajax-file-upload.select2-selection--single,
	.select2-container--default
  .ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>.ajax-file-upload.select2-selection--single,
	.ajax-upload-dragdrop
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-prepend>.ajax-file-upload.select2-search__field,
	.ajax-upload-dragdrop
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.asColorPicker-trigger>.ajax-file-upload.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>.ajax-file-upload.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>.ajax-file-upload.select2-search__field,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>.ajax-file-upload.tt-hint,
	.ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>.ajax-file-upload.tt-hint,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>.ajax-file-upload.tt-query,
	.ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>.ajax-file-upload.tt-query,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-prepend>.ajax-file-upload.typeahead,
	.ajax-upload-dragdrop
  .input-group-lg>.asColorPicker-trigger>.ajax-file-upload.typeahead,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input.btn[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input.btn[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>input[type="text"].swal2-styled,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>input[type="text"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input[type="text"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input[type="text"].swal2-styled,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>select.btn, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>select.btn, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>select.swal2-styled, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>select.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input.btn[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input.btn[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>input[type="number"].swal2-styled,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>input[type="number"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input[type="number"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input[type="number"].swal2-styled,
	.select2-container--default
  .input-group-lg>.input-group-prepend>.btn.select2-selection--single,
	.select2-container--default
  .input-group-lg>.asColorPicker-trigger>.btn.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.select2-selection--single.swal2-styled,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.select2-selection--single.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-lg>.input-group-prepend>.select2-selection--single.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-lg>.asColorPicker-trigger>.select2-selection--single.swal2-styled,
	.select2-container--default
  .wizard>.actions
  .input-group-lg>.input-group-prepend>a.select2-selection--single,
	.select2-container--default
  .wizard>.actions
  .input-group-lg>.asColorPicker-trigger>a.select2-selection--single,
	.wizard>.actions
  .select2-container--default
  .input-group-lg>.input-group-prepend>a.select2-selection--single,
	.wizard>.actions
  .select2-container--default
  .input-group-lg>.asColorPicker-trigger>a.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-prepend>.btn.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .input-group-lg>.asColorPicker-trigger>.btn.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.select2-search__field.swal2-styled,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.select2-search__field.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-prepend>.select2-search__field.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.asColorPicker-trigger>.select2-search__field.swal2-styled,
	.select2-container--default
  .select2-selection--single
  .wizard>.actions
  .input-group-lg>.input-group-prepend>a.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .wizard>.actions
  .input-group-lg>.asColorPicker-trigger>a.select2-search__field,
	.wizard>.actions
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-prepend>a.select2-search__field, .wizard>.actions
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.asColorPicker-trigger>a.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.form-control.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.form-control.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.typeahead,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.typeahead,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.form-control.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.form-control.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-confirm.asColorPicker-input,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-confirm.asColorPicker-input,
	.swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-lg>.input-group-prepend>select.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled.swal2-confirm,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>select.swal2-styled.swal2-confirm,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input.swal2-styled.swal2-confirm[type="text"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input.swal2-styled.swal2-confirm[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>input.swal2-styled.swal2-confirm[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>input.swal2-styled.swal2-confirm[type="text"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>select.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled.swal2-confirm,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>select.swal2-styled.swal2-confirm,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input.swal2-styled.swal2-confirm[type="number"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input.swal2-styled.swal2-confirm[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>input.swal2-styled.swal2-confirm[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>input.swal2-styled.swal2-confirm[type="number"],
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-confirm.select2-selection--single,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-confirm.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-confirm.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-confirm.select2-selection--single,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-confirm.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-confirm.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-confirm.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-confirm.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-confirm.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-confirm.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-confirm.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-confirm.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-confirm.typeahead,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-confirm.typeahead,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.form-control.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.form-control.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-cancel.asColorPicker-input,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-cancel.asColorPicker-input,
	.swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-lg>.input-group-prepend>select.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled.swal2-cancel,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>select.swal2-styled.swal2-cancel,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input.swal2-styled.swal2-cancel[type="text"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input.swal2-styled.swal2-cancel[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>input.swal2-styled.swal2-cancel[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>input.swal2-styled.swal2-cancel[type="text"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>select.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled.swal2-cancel,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>select.swal2-styled.swal2-cancel,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>select.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-prepend>input.swal2-styled.swal2-cancel[type="number"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.asColorPicker-trigger>input.swal2-styled.swal2-cancel[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>input.swal2-styled.swal2-cancel[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>input.swal2-styled.swal2-cancel[type="number"],
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-cancel.select2-selection--single,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-cancel.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-cancel.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-cancel.select2-selection--single,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-cancel.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-cancel.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-cancel.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-cancel.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-cancel.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-cancel.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-cancel.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-cancel.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-prepend>.swal2-styled.swal2-cancel.typeahead,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.asColorPicker-trigger>.swal2-styled.swal2-cancel.typeahead,
	.input-group-lg>.input-group-prepend>.btn.tt-hint, .input-group-lg>.asColorPicker-trigger>.btn.tt-hint,
	.wizard>.actions .input-group-lg>.input-group-prepend>a.tt-hint,
	.wizard>.actions .input-group-lg>.asColorPicker-trigger>a.tt-hint,
	.input-group-lg>.input-group-prepend>.btn.tt-query, .input-group-lg>.asColorPicker-trigger>.btn.tt-query,
	.wizard>.actions .input-group-lg>.input-group-prepend>a.tt-query,
	.wizard>.actions .input-group-lg>.asColorPicker-trigger>a.tt-query,
	.input-group-lg>.input-group-prepend>.btn.typeahead, .input-group-lg>.asColorPicker-trigger>.btn.typeahead,
	.wizard>.actions .input-group-lg>.input-group-prepend>a.typeahead,
	.wizard>.actions .input-group-lg>.asColorPicker-trigger>a.typeahead,
	.wizard>.actions .input-group-lg>.input-group-prepend>a.form-control,
	.wizard>.actions .input-group-lg>.asColorPicker-trigger>a.form-control,
	.input-group-lg>.input-group-append>.form-control.btn, .input-group-lg>.input-group-append>.btn.asColorPicker-input,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-append>.asColorPicker-input.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>.asColorPicker-input.swal2-styled,
	.wizard>.actions
  .input-group-lg>.input-group-append>a.asColorPicker-input,
	.dataTables_wrapper .input-group-lg>.input-group-append>select.btn,
	.dataTables_wrapper
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-append>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .dataTables_wrapper
  .input-group-lg>.input-group-append>select.ajax-file-upload,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>select.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-lg>.input-group-append>select.swal2-styled,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-append>.form-control.ajax-file-upload,
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>input.ajax-file-upload[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-append>input.ajax-file-upload[type="text"],
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>select.ajax-file-upload, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-append>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>input.ajax-file-upload[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-append>input.ajax-file-upload[type="number"],
	.ajax-upload-dragdrop
  .select2-container--default
  .input-group-lg>.input-group-append>.ajax-file-upload.select2-selection--single,
	.select2-container--default
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-append>.ajax-file-upload.select2-selection--single,
	.ajax-upload-dragdrop
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-append>.ajax-file-upload.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .ajax-upload-dragdrop
  .input-group-lg>.input-group-append>.ajax-file-upload.select2-search__field,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-append>.ajax-file-upload.tt-hint,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-append>.ajax-file-upload.tt-query,
	.ajax-upload-dragdrop
  .input-group-lg>.input-group-append>.ajax-file-upload.typeahead,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>input.btn[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>input[type="text"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>input[type="text"].swal2-styled,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>select.btn, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>select.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>select.swal2-styled, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>input.btn[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>input[type="number"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>.input-group-append>input[type="number"].swal2-styled,
	.select2-container--default
  .input-group-lg>.input-group-append>.btn.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>.select2-selection--single.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-lg>.input-group-append>.select2-selection--single.swal2-styled,
	.select2-container--default
  .wizard>.actions
  .input-group-lg>.input-group-append>a.select2-selection--single,
	.wizard>.actions
  .select2-container--default
  .input-group-lg>.input-group-append>a.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-append>.btn.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>.select2-search__field.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-append>.select2-search__field.swal2-styled,
	.select2-container--default
  .select2-selection--single
  .wizard>.actions
  .input-group-lg>.input-group-append>a.select2-search__field, .wizard>.actions
  .select2-container--default
  .select2-selection--single
  .input-group-lg>.input-group-append>a.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>.form-control.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>.swal2-styled.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>.swal2-styled.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-lg>.input-group-append>.swal2-styled.typeahead,
	.input-group-lg>.input-group-append>.btn.tt-hint, .wizard>.actions .input-group-lg>.input-group-append>a.tt-hint,
	.input-group-lg>.input-group-append>.btn.tt-query, .wizard>.actions .input-group-lg>.input-group-append>a.tt-query,
	.input-group-lg>.input-group-append>.btn.typeahead, .wizard>.actions .input-group-lg>.input-group-append>a.typeahead,
	.wizard>.actions .input-group-lg>.input-group-append>a.form-control,
	.form-control-lg.asColorPicker-input, .input-group-lg>.asColorPicker-input.form-control,
	.dataTables_wrapper select.form-control-lg, .dataTables_wrapper .input-group-lg>select.form-control,
	.jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-lg[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>input[type="text"].form-control, .jsgrid .jsgrid-table .jsgrid-filter-row select.form-control-lg,
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-lg>select.form-control,
	.jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-lg[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-lg>input[type="number"].form-control,
	.select2-container--default .form-control-lg.select2-selection--single,
	.select2-container--default
  .input-group-lg>.select2-selection--single.form-control,
	.select2-container--default
  .select2-selection--single
  .form-control-lg.select2-search__field, .select2-container--default
  .select2-selection--single
  .input-group-lg>.select2-search__field.form-control, .form-control-lg.tt-hint,
	.input-group-lg>.tt-hint.form-control, .form-control-lg.tt-query,
	.input-group-lg>.tt-query.form-control, .form-control-lg.typeahead,
	.input-group-lg>.typeahead.form-control {
	padding: 0.5rem 0.75rem;
}

.form-control.form-control-sm, .input-group-sm>.form-control,
	.input-group-sm>.asColorPicker-input, .dataTables_wrapper .input-group-sm>select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input[type="text"],
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>input[type="number"],
	.select2-container--default .input-group-sm>.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-sm>.select2-search__field, .input-group-sm>.tt-hint,
	.input-group-sm>.tt-query, .input-group-sm>.typeahead, .input-group-sm>.input-group-prepend>.form-control.input-group-text,
	.input-group-sm>.asColorPicker-trigger>.form-control.input-group-text,
	.input-group-sm>.input-group-prepend>.input-group-text.asColorPicker-input,
	.input-group-sm>.asColorPicker-trigger>.input-group-text.asColorPicker-input,
	.dataTables_wrapper
  .input-group-sm>.input-group-prepend>select.input-group-text,
	.dataTables_wrapper
  .input-group-sm>.asColorPicker-trigger>select.input-group-text,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input.input-group-text[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input.input-group-text[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>select.input-group-text, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>select.input-group-text,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input.input-group-text[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input.input-group-text[type="number"],
	.select2-container--default
  .input-group-sm>.input-group-prepend>.input-group-text.select2-selection--single,
	.select2-container--default
  .input-group-sm>.asColorPicker-trigger>.input-group-text.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-prepend>.input-group-text.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .input-group-sm>.asColorPicker-trigger>.input-group-text.select2-search__field,
	.input-group-sm>.input-group-prepend>.input-group-text.tt-hint,
	.input-group-sm>.asColorPicker-trigger>.input-group-text.tt-hint,
	.input-group-sm>.input-group-prepend>.input-group-text.tt-query,
	.input-group-sm>.asColorPicker-trigger>.input-group-text.tt-query,
	.input-group-sm>.input-group-prepend>.input-group-text.typeahead,
	.input-group-sm>.asColorPicker-trigger>.input-group-text.typeahead,
	.input-group-sm>.input-group-append>.form-control.input-group-text,
	.input-group-sm>.input-group-append>.input-group-text.asColorPicker-input,
	.dataTables_wrapper
  .input-group-sm>.input-group-append>select.input-group-text, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>input.input-group-text[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>select.input-group-text, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>input.input-group-text[type="number"],
	.select2-container--default
  .input-group-sm>.input-group-append>.input-group-text.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-append>.input-group-text.select2-search__field,
	.input-group-sm>.input-group-append>.input-group-text.tt-hint,
	.input-group-sm>.input-group-append>.input-group-text.tt-query,
	.input-group-sm>.input-group-append>.input-group-text.typeahead,
	.input-group-sm>.input-group-prepend>.form-control.btn, .input-group-sm>.asColorPicker-trigger>.form-control.btn,
	.input-group-sm>.input-group-prepend>.btn.asColorPicker-input,
	.input-group-sm>.asColorPicker-trigger>.btn.asColorPicker-input,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>.asColorPicker-input.ajax-file-upload,
	.ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>.asColorPicker-input.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.asColorPicker-input.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.asColorPicker-input.swal2-styled,
	.wizard>.actions
  .input-group-sm>.input-group-prepend>a.asColorPicker-input, .wizard>.actions
  .input-group-sm>.asColorPicker-trigger>a.asColorPicker-input,
	.dataTables_wrapper .input-group-sm>.input-group-prepend>select.btn,
	.dataTables_wrapper .input-group-sm>.asColorPicker-trigger>select.btn,
	.dataTables_wrapper
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>select.ajax-file-upload,
	.dataTables_wrapper
  .ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .dataTables_wrapper
  .input-group-sm>.input-group-prepend>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .dataTables_wrapper
  .input-group-sm>.asColorPicker-trigger>select.ajax-file-upload,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>select.swal2-styled,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-sm>.input-group-prepend>select.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>.form-control.ajax-file-upload,
	.ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>.form-control.ajax-file-upload,
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input.ajax-file-upload[type="text"],
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input.ajax-file-upload[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>input.ajax-file-upload[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>input.ajax-file-upload[type="text"],
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>select.ajax-file-upload,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>select.ajax-file-upload, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input.ajax-file-upload[type="number"],
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input.ajax-file-upload[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>input.ajax-file-upload[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>input.ajax-file-upload[type="number"],
	.ajax-upload-dragdrop
  .select2-container--default
  .input-group-sm>.input-group-prepend>.ajax-file-upload.select2-selection--single,
	.ajax-upload-dragdrop
  .select2-container--default
  .input-group-sm>.asColorPicker-trigger>.ajax-file-upload.select2-selection--single,
	.select2-container--default
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>.ajax-file-upload.select2-selection--single,
	.select2-container--default
  .ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>.ajax-file-upload.select2-selection--single,
	.ajax-upload-dragdrop
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-prepend>.ajax-file-upload.select2-search__field,
	.ajax-upload-dragdrop
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.asColorPicker-trigger>.ajax-file-upload.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>.ajax-file-upload.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>.ajax-file-upload.select2-search__field,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>.ajax-file-upload.tt-hint,
	.ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>.ajax-file-upload.tt-hint,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>.ajax-file-upload.tt-query,
	.ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>.ajax-file-upload.tt-query,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-prepend>.ajax-file-upload.typeahead,
	.ajax-upload-dragdrop
  .input-group-sm>.asColorPicker-trigger>.ajax-file-upload.typeahead,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input.btn[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input.btn[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>input[type="text"].swal2-styled,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>input[type="text"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input[type="text"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input[type="text"].swal2-styled,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>select.btn, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>select.btn, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>select.swal2-styled, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>select.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input.btn[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input.btn[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>input[type="number"].swal2-styled,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>input[type="number"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input[type="number"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input[type="number"].swal2-styled,
	.select2-container--default
  .input-group-sm>.input-group-prepend>.btn.select2-selection--single,
	.select2-container--default
  .input-group-sm>.asColorPicker-trigger>.btn.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.select2-selection--single.swal2-styled,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.select2-selection--single.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-sm>.input-group-prepend>.select2-selection--single.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-sm>.asColorPicker-trigger>.select2-selection--single.swal2-styled,
	.select2-container--default
  .wizard>.actions
  .input-group-sm>.input-group-prepend>a.select2-selection--single,
	.select2-container--default
  .wizard>.actions
  .input-group-sm>.asColorPicker-trigger>a.select2-selection--single,
	.wizard>.actions
  .select2-container--default
  .input-group-sm>.input-group-prepend>a.select2-selection--single,
	.wizard>.actions
  .select2-container--default
  .input-group-sm>.asColorPicker-trigger>a.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-prepend>.btn.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .input-group-sm>.asColorPicker-trigger>.btn.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.select2-search__field.swal2-styled,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.select2-search__field.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-prepend>.select2-search__field.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.asColorPicker-trigger>.select2-search__field.swal2-styled,
	.select2-container--default
  .select2-selection--single
  .wizard>.actions
  .input-group-sm>.input-group-prepend>a.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .wizard>.actions
  .input-group-sm>.asColorPicker-trigger>a.select2-search__field,
	.wizard>.actions
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-prepend>a.select2-search__field, .wizard>.actions
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.asColorPicker-trigger>a.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.form-control.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.form-control.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.typeahead,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.typeahead,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.form-control.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.form-control.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-confirm.asColorPicker-input,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-confirm.asColorPicker-input,
	.swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-sm>.input-group-prepend>select.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled.swal2-confirm,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>select.swal2-styled.swal2-confirm,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input.swal2-styled.swal2-confirm[type="text"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input.swal2-styled.swal2-confirm[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>input.swal2-styled.swal2-confirm[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>input.swal2-styled.swal2-confirm[type="text"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>select.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled.swal2-confirm,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>select.swal2-styled.swal2-confirm,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled.swal2-confirm,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input.swal2-styled.swal2-confirm[type="number"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input.swal2-styled.swal2-confirm[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>input.swal2-styled.swal2-confirm[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>input.swal2-styled.swal2-confirm[type="number"],
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-confirm.select2-selection--single,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-confirm.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-confirm.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-confirm.select2-selection--single,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-confirm.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-confirm.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-confirm.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-confirm.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-confirm.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-confirm.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-confirm.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-confirm.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-confirm.typeahead,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-confirm.typeahead,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.form-control.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.form-control.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-cancel.asColorPicker-input,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-cancel.asColorPicker-input,
	.swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-sm>.input-group-prepend>select.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled.swal2-cancel,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>select.swal2-styled.swal2-cancel,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input.swal2-styled.swal2-cancel[type="text"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input.swal2-styled.swal2-cancel[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>input.swal2-styled.swal2-cancel[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>input.swal2-styled.swal2-cancel[type="text"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>select.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled.swal2-cancel,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>select.swal2-styled.swal2-cancel,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>select.swal2-styled.swal2-cancel,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-prepend>input.swal2-styled.swal2-cancel[type="number"],
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.asColorPicker-trigger>input.swal2-styled.swal2-cancel[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>input.swal2-styled.swal2-cancel[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>input.swal2-styled.swal2-cancel[type="number"],
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-cancel.select2-selection--single,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-cancel.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-cancel.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-cancel.select2-selection--single,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-cancel.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-cancel.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-cancel.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-cancel.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-cancel.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-cancel.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-cancel.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-cancel.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-prepend>.swal2-styled.swal2-cancel.typeahead,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.asColorPicker-trigger>.swal2-styled.swal2-cancel.typeahead,
	.input-group-sm>.input-group-prepend>.btn.tt-hint, .input-group-sm>.asColorPicker-trigger>.btn.tt-hint,
	.wizard>.actions .input-group-sm>.input-group-prepend>a.tt-hint,
	.wizard>.actions .input-group-sm>.asColorPicker-trigger>a.tt-hint,
	.input-group-sm>.input-group-prepend>.btn.tt-query, .input-group-sm>.asColorPicker-trigger>.btn.tt-query,
	.wizard>.actions .input-group-sm>.input-group-prepend>a.tt-query,
	.wizard>.actions .input-group-sm>.asColorPicker-trigger>a.tt-query,
	.input-group-sm>.input-group-prepend>.btn.typeahead, .input-group-sm>.asColorPicker-trigger>.btn.typeahead,
	.wizard>.actions .input-group-sm>.input-group-prepend>a.typeahead,
	.wizard>.actions .input-group-sm>.asColorPicker-trigger>a.typeahead,
	.wizard>.actions .input-group-sm>.input-group-prepend>a.form-control,
	.wizard>.actions .input-group-sm>.asColorPicker-trigger>a.form-control,
	.input-group-sm>.input-group-append>.form-control.btn, .input-group-sm>.input-group-append>.btn.asColorPicker-input,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-append>.asColorPicker-input.ajax-file-upload,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>.asColorPicker-input.swal2-styled,
	.wizard>.actions
  .input-group-sm>.input-group-append>a.asColorPicker-input,
	.dataTables_wrapper .input-group-sm>.input-group-append>select.btn,
	.dataTables_wrapper
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-append>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .dataTables_wrapper
  .input-group-sm>.input-group-append>select.ajax-file-upload,
	.dataTables_wrapper
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>select.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .dataTables_wrapper
  .input-group-sm>.input-group-append>select.swal2-styled,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-append>.form-control.ajax-file-upload,
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>input.ajax-file-upload[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-append>input.ajax-file-upload[type="text"],
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>select.ajax-file-upload, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-append>select.ajax-file-upload,
	.ajax-upload-dragdrop
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>input.ajax-file-upload[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-append>input.ajax-file-upload[type="number"],
	.ajax-upload-dragdrop
  .select2-container--default
  .input-group-sm>.input-group-append>.ajax-file-upload.select2-selection--single,
	.select2-container--default
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-append>.ajax-file-upload.select2-selection--single,
	.ajax-upload-dragdrop
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-append>.ajax-file-upload.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .ajax-upload-dragdrop
  .input-group-sm>.input-group-append>.ajax-file-upload.select2-search__field,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-append>.ajax-file-upload.tt-hint,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-append>.ajax-file-upload.tt-query,
	.ajax-upload-dragdrop
  .input-group-sm>.input-group-append>.ajax-file-upload.typeahead,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>input.btn[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>input[type="text"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>input[type="text"].swal2-styled,
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>select.btn, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>select.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>select.swal2-styled, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>input.btn[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>input[type="number"].swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>.input-group-append>input[type="number"].swal2-styled,
	.select2-container--default
  .input-group-sm>.input-group-append>.btn.select2-selection--single,
	.select2-container--default
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>.select2-selection--single.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .input-group-sm>.input-group-append>.select2-selection--single.swal2-styled,
	.select2-container--default
  .wizard>.actions
  .input-group-sm>.input-group-append>a.select2-selection--single,
	.wizard>.actions
  .select2-container--default
  .input-group-sm>.input-group-append>a.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-append>.btn.select2-search__field,
	.select2-container--default
  .select2-selection--single
  .swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>.select2-search__field.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-append>.select2-search__field.swal2-styled,
	.select2-container--default
  .select2-selection--single
  .wizard>.actions
  .input-group-sm>.input-group-append>a.select2-search__field, .wizard>.actions
  .select2-container--default
  .select2-selection--single
  .input-group-sm>.input-group-append>a.select2-search__field,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>.form-control.swal2-styled,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>.swal2-styled.tt-hint,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>.swal2-styled.tt-query,
	.swal2-modal
  .swal2-buttonswrapper
  .input-group-sm>.input-group-append>.swal2-styled.typeahead,
	.input-group-sm>.input-group-append>.btn.tt-hint, .wizard>.actions .input-group-sm>.input-group-append>a.tt-hint,
	.input-group-sm>.input-group-append>.btn.tt-query, .wizard>.actions .input-group-sm>.input-group-append>a.tt-query,
	.input-group-sm>.input-group-append>.btn.typeahead, .wizard>.actions .input-group-sm>.input-group-append>a.typeahead,
	.wizard>.actions .input-group-sm>.input-group-append>a.form-control,
	.form-control-sm.asColorPicker-input, .input-group-sm>.asColorPicker-input.form-control,
	.dataTables_wrapper select.form-control-sm, .dataTables_wrapper .input-group-sm>select.form-control,
	.jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-sm[type="text"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>input[type="text"].form-control, .jsgrid .jsgrid-table .jsgrid-filter-row select.form-control-sm,
	.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm>select.form-control,
	.jsgrid .jsgrid-table .jsgrid-filter-row input.form-control-sm[type="number"],
	.jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .input-group-sm>input[type="number"].form-control,
	.select2-container--default .form-control-sm.select2-selection--single,
	.select2-container--default
  .input-group-sm>.select2-selection--single.form-control,
	.select2-container--default
  .select2-selection--single
  .form-control-sm.select2-search__field, .select2-container--default
  .select2-selection--single
  .input-group-sm>.select2-search__field.form-control, .form-control-sm.tt-hint,
	.input-group-sm>.tt-hint.form-control, .form-control-sm.tt-query,
	.input-group-sm>.tt-query.form-control, .form-control-sm.typeahead,
	.input-group-sm>.typeahead.form-control {
	padding: 0.25rem 0.75rem;
}

select.asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row select,
	.select2-container--default select.select2-selection--single,
	.select2-container--default
  .select2-selection--single
  select.select2-search__field, select.tt-hint, select.tt-query, select.typeahead
	{
	padding: 0.4375rem 0.75rem;
}

.form-group label {
	font-size: 0.8rem;
	line-height: 1;
	vertical-align: top;
}

.form-group.has-danger .form-control, .form-group.has-danger .asColorPicker-input,
	.form-group.has-danger .dataTables_wrapper select, .dataTables_wrapper .form-group.has-danger select,
	.form-group.has-danger
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .form-group.has-danger
  input[type="text"], .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger select,
	.form-group.has-danger
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .form-group.has-danger
  input[type="number"], .form-group.has-danger .select2-container--default .select2-selection--single,
	.select2-container--default .form-group.has-danger .select2-selection--single,
	.form-group.has-danger
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .form-group.has-danger
  .select2-search__field, .form-group.has-danger .tt-hint, .form-group.has-danger .tt-query,
	.form-group.has-danger .typeahead {
	border-color: #ff7474;
}

.form-group .file-upload-default {
	visibility: hidden;
	position: absolute;
}

.form-group .file-upload-info {
	background: transparent;
}

.map-container {
	position: relative;
	min-width: 100%;
	max-width: 100%;
	display: block;
	padding: 35% 0;
	overflow: hidden;
	border-radius: 5px;
}

.map-container .google-map {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.map-container .google-map.no-controls .gm-style-cc, .map-container .google-map.no-controls .gmnoprint
	{
	display: none;
}

/* Icons */
.icons-list {
	border-left: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}

.icons-list>div {
	background: #ffffff;
	border-top: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 15px;
	/* font-family: "Gilroy"; */
	font-size: 0.8rem;
}

.icons-list>div i {
	display: inline-block;
	font-size: 20px;
	width: 40px;
	text-align: left;
	color: #857bff;
}

/* Lists */
dl, ol, ul {
	padding-left: 1rem;
	font-size: 0.8rem;
}

dl li, ol li, ul li {
	/* line-height: 1.8; */
	
}

.list-arrow, .list-star, .list-ticked {
	list-style: none;
	padding: 0;
}

.list-arrow li, .list-star li, .list-ticked li {
	padding-left: 1.5rem;
}

.list-arrow li:before, .list-star li:before, .list-ticked li:before {
	font-family: "Material Design Icons";
	margin-left: -1.5rem;
	width: 1.5rem;
	margin-right: 0.5rem;
}

.list-ticked li:before {
	content: "\F12D";
	color: #ff7474;
}

.list-arrow li:before {
	content: "\F142";
	color: var(--button-secondary-theme-color);
}

.list-star li:before {
	content: "\F4CE";
	color: var(--primary-theme-color);
}

.bullet-line-list {
	padding-left: 30px;
	position: relative;
	list-style-type: none;
}

.rtl .bullet-line-list {
	padding-left: unset;
	padding-right: 30px;
}

.bullet-line-list li {
	position: relative;
}

.bullet-line-list li:before {
	width: 15px;
	height: 15px;
	left: -30px;
	top: 15px;
	border: 4px solid;
	margin-right: 15px;
	z-index: 2;
	background: #ffffff;
}

.rtl .bullet-line-list li:before {
	left: unset;
	right: -45px;
}

.bullet-line-list li:before {
	content: "";
	position: absolute;
	border-radius: 100%;
}

.bullet-line-list li:nth-child(6n+1):before {
	border-color: rgba(8, 210, 111, 0.6);
}

.bullet-line-list li:nth-child(6n+2):before {
	border-color: rgba(133, 123, 255, 0.6);
}

.bullet-line-list li:nth-child(6n+3):before {
	border-color: rgba(255, 116, 116, 0.6);
}

.bullet-line-list li:nth-child(6n+4):before {
	border-color: rgba(255, 188, 52, 0.6);
}

.bullet-line-list li:nth-child(6n+5):before {
	border-color: rgba(53, 176, 255, 0.6);
}

.bullet-line-list li:nth-child(6n+6):before {
	border-color: rgba(53, 65, 104, 0.6);
}

.bullet-line-list:after {
	content: "";
	border: 1px solid #f3f3f3;
	position: absolute;
	top: 30px;
	bottom: 0;
	left: 7px;
}

.rtl .bullet-line-list:after {
	left: unset;
	right: 7px;
}

/* Loaders */
#pgloading {
	position: static;
}

#pgloading .bokeh {
	font-size: 100px;
	width: 1em;
	height: 1em;
	position: relative;
	margin: 0 auto;
	border-radius: 50%;
	border: 0.01em solid #f3f3f3;
	list-style: none;
	padding: 0;
}

#pgloading .bokeh li {
	position: absolute;
	width: 0.2em;
	height: 0.2em;
	border-radius: 50%;
}

#pgloading .bokeh li:nth-child(1) {
	left: 50%;
	top: 0;
	margin: 0 0 0 -0.1em;
	background: var(--button-secondary-theme-color);
	-webkit-transform-origin: 50% 250%;
	transform-origin: 50% 250%;
	-webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out
		infinite alternate;
	animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite
		alternate;
}

#pgloading .bokeh li:nth-child(2) {
	top: 50%;
	right: 0;
	margin: -0.1em 0 0;
	background: #ff7474;
	-webkit-transform-origin: -150% 50%;
	transform-origin: -150% 50%;
	-webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out
		infinite alternate;
	animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite
		alternate;
}

#pgloading .bokeh li:nth-child(3) {
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -0.1em;
	background: var(--primary-theme-color);
	-webkit-transform-origin: 50% -150%;
	transform-origin: 50% -150%;
	-webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out
		infinite alternate;
	animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite
		alternate;
}

#pgloading .bokeh li:nth-child(4) {
	top: 50%;
	left: 0;
	margin: -0.1em 0 0;
	background: var(--primary-theme-color);
	-webkit-transform-origin: 250% 50%;
	transform-origin: 250% 50%;
	-webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out
		infinite alternate;
	animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite
		alternate;
}

@
-webkit-keyframes rota {from {
	
}

to {
	-webkit-transform: rotate(360deg);
}

}
@
keyframes rota {from {
	
}

to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}
@
-webkit-keyframes opa { 0% {
	
}

12
.0 % {
	opacity: 0.8;
}

19
.5 % {
	opacity: 0.88;
}

37
.2 % {
	opacity: 0.64;
}

40
.5 % {
	opacity: 0.52;
}

52
.7 % {
	opacity: 0.69;
}

60
.2 % {
	opacity: 0.6;
}

66
.6 % {
	opacity: 0.52;
}

70
.0 % {
	opacity: 0.63;
}

79
.9 % {
	opacity: 0.6;
}

84
.2 % {
	opacity: 0.75;
}

91
.0 % {
	opacity: 0.87;
}

}
@
keyframes opa { 0% {
	
}

12
.0 % {
	opacity: 0.8;
}

19
.5 % {
	opacity: 0.88;
}

37
.2 % {
	opacity: 0.64;
}

40
.5 % {
	opacity: 0.52;
}

52
.7 % {
	opacity: 0.69;
}

60
.2 % {
	opacity: 0.6;
}

66
.6 % {
	opacity: 0.52;
}

70
.0 % {
	opacity: 0.63;
}

79
.9 % {
	opacity: 0.6;
}

84
.2 % {
	opacity: 0.75;
}

91
.0 % {
	opacity: 0.87;
}

}
.glowing-loader {
	position: relative;
}

.bigcon {
	position: absolute;
	height: 75px;
	width: 75px;
	left: 50%;
	top: 50px;
	transform-origin: center;
	transform: translate(-50%, -50%) rotate(-45deg);
	background-color: transparent;
	animation: bigcon 2s infinite linear;
	animation-delay: 0.25s;
}

.b {
	border-radius: 50%;
	position: absolute;
}

.s {
	width: 15px;
	height: 15px;
	animation: small 2s infinite ease;
	box-shadow: 0 2px rgba(0, 0, 0, 0.3);
	background-color: #857bff;
}

.s:nth-child(1) {
	top: 0;
	left: 0;
}

.s:nth-child(2) {
	top: 0;
	right: 0;
}

.s:nth-child(3) {
	right: 0;
	bottom: 0;
}

.s:nth-child(4) {
	bottom: 0;
	left: 0;
}

.big {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	box-shadow: 0 0 10px #857bff, 0 0 20px #857bff, 0 0 30px #857bff, 0 0
		50px #857bff, 0 0 60px #857bff;
	z-index: 1;
	background-color: #857bff;
	animation: bigball 1s infinite linear;
}

.sb1 {
	animation-delay: -1.75s;
}

.sb6 {
	animation-delay: -1.5s;
}

.sb2 {
	animation-delay: -1.25s;
}

.sb7 {
	animation-delay: -1s;
}

.sb3 {
	animation-delay: -0.75s;
}

.sb8 {
	animation-delay: -0.5s;
}

.sb4 {
	animation-delay: -0.25s;
}

.sb5 {
	animation-delay: -0s;
}

@
keyframes bigcon { 0% {
	transform-origin: center;
	transform: translate(-50%, -50%) rotate(45deg);
}

100
%
{
transform-origin
:
center;
transform
:
translate(
-50%
,
-50%
)
rotate(
405deg
);
}
}
@
keyframes small { 0% {
	transform: scale(1);
	background-color: #e3e1ff;
}

10
%
{
transform
:
scale(
1.3
);
background-color
:
#857bff;
}
15
%
{
transform
:
scale(
1
);
}
25
%
{
transform
:
scale(
1
);
background-color
:
#857bff;
}
100
%
{
transform
:
scale(
1
);
background-color
:
#857bff;
}
}

/* Pixel loader */
.pixel-loader {
	width: 10px;
	height: 10px;
	background: var(--primary-theme-color);
	color: var(--primary-theme-color);
	margin: 80px auto;
	box-shadow: 15px 15px 0 0, -15px -15px 0 0, 15px -15px 0 0, -15px 15px 0
		0, 0 15px 0 0, 15px 0 0 0, -15px 0 0 0, 0 -15px 0 0;
	animation: anim 2s linear infinite;
}

@
keyframes anim { 0% {
	-webkit-filter: hue-rotate(0deg);
}

50
%
{
box-shadow
:
20px
20px
0
0
,
-20px
-20px
0
0
,
20px
-20px
0
0
,
-20px
20px
0
0
,
0
10px
0
0
,
10px
0
0
0
,
-10px
0
0
0
,
0
-10px
0
0;
}
75
%
{
box-shadow
:
20px
20px
0
0
,
-20px
-20px
0
0
,
20px
-20px
0
0
,
-20px
20px
0
0
,
0
10px
0
0
,
10px
0
0
0
,
-10px
0
0
0
,
0
-10px
0
0;
}
100
%
{
transform
:
rotate(
360deg
);
-webkit-filter
:
hue-rotate(
360deg
);
}
}

/* Square box loader */
@
keyframes dyinglight { 15% {
	transform: scale(1.6);
}

50
%
{
transform
:
rotate(
-89deg
);
}
100
%
{
transform
:
rotate(
-90deg
);
}
}
.square-box-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
}

.square-box-loader-square {
	display: block;
	width: 30px;
	height: 30px;
	background: var(--primary-theme-color);
}

.square-box-loader-container {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	transform-origin: 50% 50% 0;
	animation: dyinglight 1s ease infinite;
	backface-visibility: hidden;
}

.square-box-loader-corner-bottom:after, .square-box-loader-corner-bottom:before,
	.square-box-loader-corner-top:after, .square-box-loader-corner-top:before
	{
	position: absolute;
	width: 10px;
	height: 10px;
	color: #857bff;
	content: "";
}

.square-box-loader-corner-top:before {
	border-left: 1px solid;
	border-top: 1px solid;
	top: -4px;
	left: -4px;
}

.square-box-loader-corner-top:after {
	border-right: 1px solid;
	border-top: 1px solid;
	top: -4px;
	right: -4px;
}

.square-box-loader-corner-bottom:before {
	border-left: 1px solid;
	border-bottom: 1px solid;
	bottom: -4px;
	left: -4px;
}

.square-box-loader-corner-bottom:after {
	border-right: 1px solid;
	border-bottom: 1px solid;
	bottom: -4px;
	right: -4px;
}

/* Circle loader */
.circle-loader {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

.circle-loader:after, .circle-loader:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 10px solid transparent;
	border-top-color: var(--primary-theme-color);
}

.circle-loader:before {
	z-index: 100;
	animation: spin 1s infinite;
}

.circle-loader:after {
	border: 10px solid #c2c6d1;
}

@
keyframes spin { 0% {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

100
%
{
-webkit-transform
:
rotate(
360deg
);
-ms-transform
:
rotate(
360deg
);
-o-transform
:
rotate(
360deg
);
transform
:
rotate(
360deg
);
}
}

/* Jumping dots loader */
.jumping-dots-loader {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

.jumping-dots-loader span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: rgba(255, 116, 116, 0.8);
	margin: 35px 5px;
}

.jumping-dots-loader span:nth-child(1) {
	animation: bounce 1s ease-in-out infinite;
}

.jumping-dots-loader span:nth-child(2) {
	animation: bounce 1s ease-in-out 0.33s infinite;
}

.jumping-dots-loader span:nth-child(3) {
	animation: bounce 1s ease-in-out 0.66s infinite;
}

@
keyframes bounce { 0%, 100%, 75% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

25
%
{
-webkit-transform
:
translateY(
-20px
);
-ms-transform
:
translateY(
-20px
);
-o-transform
:
translateY(
-20px
);
transform
:
translateY(
-20px
);
}
}

/* Bar loader */
.bar-loader {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

.bar-loader span {
	display: inline-block;
	width: 5px;
	height: 30px;
	background-color: rgba(255, 116, 116, 0.7);
}

.bar-loader span:nth-child(1) {
	animation: grow 1s ease-in-out infinite;
}

.bar-loader span:nth-child(2) {
	animation: grow 1s ease-in-out 0.15s infinite;
}

.bar-loader span:nth-child(3) {
	animation: grow 1s ease-in-out 0.3s infinite;
}

.bar-loader span:nth-child(4) {
	animation: grow 1s ease-in-out 0.45s infinite;
}

@
keyframes grow { 0%, 100% {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

50
%
{
-webkit-transform
:
scaleY(
1.8
);
-ms-transform
:
scaleY(
1.8
);
-o-transform
:
scaleY(
1.8
);
transform
:
scaleY(
1.8
);
}
}

/* Square path loader */
.square-path-loader {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

.square-path-loader:after, .square-path-loader:before {
	content: "";
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: calc(50% - 10px);
	background-color: rgba(8, 210, 111, 0.7);
	animation: squaremove 1s ease-in-out infinite;
}

.square-path-loader:after {
	bottom: 0;
	animation-delay: 0.5s;
}

@
keyframes squaremove { 0%, 100% {
	-webkit-transform: translate(0, 0) rotate(0);
	-ms-transform: translate(0, 0) rotate(0);
	-o-transform: translate(0, 0) rotate(0);
	transform: translate(0, 0) rotate(0);
}

25
%
{
-webkit-transform
:
translate(
40px
,
40px
)
rotate(
45deg
);
-ms-transform
:
translate(
40px
,
40px
)
rotate(
45deg
);
-o-transform
:
translate(
40px
,
40px
)
rotate(
45deg
);
transform
:
translate(
40px
,
40px
)
rotate(
45deg
);
}
50
%
{
-webkit-transform
:
translate(
0px
,
80px
)
rotate(
0deg
);
-ms-transform
:
translate(
0px
,
80px
)
rotate(
0deg
);
-o-transform
:
translate(
0px
,
80px
)
rotate(
0deg
);
transform
:
translate(
0px
,
80px
)
rotate(
0deg
);
}
75
%
{
-webkit-transform
:
translate(
-40px
,
40px
)
rotate(
45deg
);
-ms-transform
:
translate(
-40px
,
40px
)
rotate(
45deg
);
-o-transform
:
translate(
-40px
,
40px
)
rotate(
45deg
);
transform
:
translate(
-40px
,
40px
)
rotate(
45deg
);
}
}

/* Dot opacity loader */
.dot-opacity-loader {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

.dot-opacity-loader span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: #857bff;
	margin: 35px 5px;
	opacity: 0;
}

.dot-opacity-loader span:nth-child(1) {
	animation: opacitychange 1s ease-in-out infinite;
}

.dot-opacity-loader span:nth-child(2) {
	animation: opacitychange 1s ease-in-out 0.33s infinite;
}

.dot-opacity-loader span:nth-child(3) {
	animation: opacitychange 1s ease-in-out 0.66s infinite;
}

@
keyframes opacitychange { 0%, 100% {
	opacity: 0;
}

60
%
{
opacity
:
1;
}
}

/* Flip square */
.flip-square-loader {
	-webkit-perspective: 120px;
	-moz-perspective: 120px;
	-ms-perspective: 120px;
	perspective: 120px;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

.flip-square-loader:before {
	content: "";
	position: absolute;
	left: 25px;
	top: 25px;
	width: 50px;
	height: 50px;
	background-color: rgba(8, 210, 111, 0.7);
	animation: flip 1s infinite;
}

@
keyframes flip { 0% {
	transform: rotate(0);
}

50
%
{
transform
:
rotateY(
180deg
);
}
100
%
{
transform
:
rotateY(
180deg
)
rotateX(
180deg
);
}
}

/* Moving square loader */
.moving-square-loader {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: relative;
	margin: 0 auto;
}

.moving-square-loader:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: calc(50% - 10px);
	left: 0;
	background-color: rgba(255, 116, 116, 0.7);
	animation: rotatemove 1s infinite;
}

@
keyframes rotatemove { 0% {
	-webkit-transform: scale(1) translateX(0px);
	-ms-transform: scale(1) translateX(0px);
	-o-transform: scale(1) translateX(0px);
	transform: scale(1) translateX(0px);
}

100
%
{
-webkit-transform
:
scale(
2
)
translateX(
45px
);
-ms-transform
:
scale(
2
)
translateX(
45px
);
-o-transform
:
scale(
2
)
translateX(
45px
);
transform
:
scale(
2
)
translateX(
45px
);
}
}

/* Modals */
.modal .modal-dialog {
	margin-top: calc(60px + 30px);
}

.modal .modal-dialog .modal-content .modal-header {
	padding: 10px 10px 0px 15px;
	border: #fff;
}

.modal .modal-dialog .modal-content .modal-header .close span {
	font-size: 20px;
	font-weight: 400;
	color: var(--button-secondary-theme-color);
}

.modal .modal-dialog .modal-content .modal-body {
	padding: 10px 20px;
}

.modal .modal-dialog .modal-content .modal-footer {
	padding: 15px 6px;
}

.nav .nav-item, .navbar-nav .nav-item {
	line-height: 1;
}

.nav .nav-item.dropdown .dropdown-toggle:after, .navbar-nav .nav-item.dropdown .dropdown-toggle:after
	{
	border: none;
	content: "\F140";
	font: normal normal normal 28px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	vertical-align: 0;
}

.nav .nav-item.dropdown .count-indicator, .navbar-nav .nav-item.dropdown .count-indicator
	{
	position: relative;
	text-align: center;
}

.nav .nav-item.dropdown .count-indicator i, .navbar-nav .nav-item.dropdown .count-indicator i
	{
	font-size: 21px;
	margin-right: 0;
	vertical-align: middle;
}

.nav .nav-item.dropdown .count-indicator .count, .navbar-nav .nav-item.dropdown .count-indicator .count
	{
	position: absolute;
	left: 50%;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background: #ff0017;
	color: var(--font-secondary-theme-color);
	font-size: 11px;
	top: -1px;
	font-weight: 600;
	line-height: 1rem;
	border: none;
	text-align: center;
}

.nav .nav-item.dropdown .count-indicator:after, .navbar-nav .nav-item.dropdown .count-indicator:after
	{
	display: none;
}

.nav .nav-item.dropdown i, .navbar-nav .nav-item.dropdown i {
	margin-right: 0.5rem;
	vertical-align: middle;
}

.rtl .nav .nav-item.dropdown i, .rtl .navbar-nav .nav-item.dropdown i {
	margin-left: 0.5rem;
	margin-right: 0;
}

.nav .nav-item.dropdown .navbar-dropdown, .navbar-nav .nav-item.dropdown .navbar-dropdown
	{
	font-size: 0.9rem;
	margin-top: 0;
	position: absolute;
	top: calc(70px - 6px);
	right: 0;
	left: auto;
	border: 1px solid rgba(182, 182, 182, 0.1);
	padding: 0 0 20px;
	min-width: 100%;
	border-radius: 10px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
	overflow: hidden;
}

.rtl .nav .nav-item.dropdown .navbar-dropdown, .rtl .navbar-nav .nav-item.dropdown .navbar-dropdown
	{
	right: auto;
	left: 0;
}

@media ( max-width : 991px) {
	.nav .nav-item.dropdown .navbar-dropdown, .navbar-nav .nav-item.dropdown .navbar-dropdown
		{
		right: -85px;
	}
}

.nav .nav-item.dropdown .navbar-dropdown.dropdown-left, .navbar-nav .nav-item.dropdown .navbar-dropdown.dropdown-left
	{
	left: 0;
	right: auto;
}

.nav .nav-item.dropdown .navbar-dropdown.dropdown-right, .navbar-nav .nav-item.dropdown .navbar-dropdown.dropdown-right
	{
	left: auto;
	right: 0;
}

.nav .nav-item.dropdown .navbar-dropdown .badge, .navbar-nav .nav-item.dropdown .navbar-dropdown .badge
	{
	margin-left: 2.5rem;
}

.rtl .nav .nav-item.dropdown .navbar-dropdown .badge, .rtl .navbar-nav .nav-item.dropdown .navbar-dropdown .badge
	{
	margin-left: 0;
	margin-right: 1.25rem;
}

@media ( max-width : 991px) {
	.nav .nav-item.dropdown .navbar-dropdown .badge, .navbar-nav .nav-item.dropdown .navbar-dropdown .badge
		{
		margin-right: 0.5rem;
	}
	.rtl .nav .nav-item.dropdown .navbar-dropdown .badge, .rtl .navbar-nav .nav-item.dropdown .navbar-dropdown .badge
		{
		margin-left: 0.5rem;
		margin-right: 0;
	}
}

.nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item
	{
	margin-bottom: 0;
	padding: 10px 25px;
}

.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item:hover {
	cursor: pointer;
}

.nav .nav-item.dropdown .navbar-dropdown .dropdown-item i, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i
	{
	font-size: 17px;
}

.nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-subject,
	.navbar-nav
  .nav-item.dropdown
  .navbar-dropdown
  .dropdown-item
  .preview-subject {
	/* font-family: "Gilroy"; */
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
}

.nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon,
	.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon
	{
	width: 40px;
	height: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text,
	.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text
	{
	font-size: 0.75rem;
}

.nav .nav-item.dropdown .navbar-dropdown .dropdown-divider, .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider
	{
	margin: 0;
}

/* New Account */
.new-accounts {
	overflow: hidden;
	position: relative;
}

.new-accounts ul.chats {
	height: 100%;
	padding: 0;
	margin-bottom: 0;
	overflow-x: hidden;
}

.new-accounts ul.chats li.chat-persons {
	padding: 15px 0;
	display: block;
	/* border-bottom: 1px solid #f3f3f3; */
	background: white;
	border-radius: 3px;
	padding: 0px;
	width: 100%;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 10px;
}

.new-accounts ul.chats li.chat-persons:last-child {
	border-bottom: none;
}

.new-accounts ul.chats li.chat-persons .btn.btn-xs, .new-accounts
  ul.chats
  li.chat-persons
  .ajax-upload-dragdrop
  .btn-xs.ajax-file-upload, .ajax-upload-dragdrop
  .new-accounts
  ul.chats
  li.chat-persons
  .btn-xs.ajax-file-upload, .new-accounts
  ul.chats
  li.chat-persons
  .ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-file-upload.editable-submit, .ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .new-accounts
  ul.chats
  li.chat-persons
  .ajax-file-upload.editable-submit, .new-accounts
  ul.chats
  li.chat-persons
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .ajax-file-upload.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .new-accounts
  ul.chats
  li.chat-persons
  .ajax-file-upload.editable-submit, .new-accounts
  ul.chats
  li.chat-persons
  .ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-file-upload.editable-cancel, .ajax-upload-dragdrop
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .new-accounts
  ul.chats
  li.chat-persons
  .ajax-file-upload.editable-cancel, .new-accounts
  ul.chats
  li.chat-persons
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .ajax-file-upload.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .ajax-upload-dragdrop
  .new-accounts
  ul.chats
  li.chat-persons
  .ajax-file-upload.editable-cancel, .new-accounts
  ul.chats
  li.chat-persons
  .swal2-modal
  .swal2-buttonswrapper
  .btn-xs.swal2-styled, .swal2-modal
  .swal2-buttonswrapper
  .new-accounts
  ul.chats
  li.chat-persons
  .btn-xs.swal2-styled, .new-accounts
  ul.chats
  li.chat-persons
  .swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-styled.editable-submit, .swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .new-accounts
  ul.chats
  li.chat-persons
  .swal2-styled.editable-submit, .new-accounts
  ul.chats
  li.chat-persons
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .new-accounts
  ul.chats
  li.chat-persons
  .swal2-styled.editable-submit, .new-accounts
  ul.chats
  li.chat-persons
  .swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-styled.editable-cancel, .swal2-modal
  .swal2-buttonswrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .new-accounts
  ul.chats
  li.chat-persons
  .swal2-styled.editable-cancel, .new-accounts
  ul.chats
  li.chat-persons
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .swal2-styled.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .swal2-modal
  .swal2-buttonswrapper
  .new-accounts
  ul.chats
  li.chat-persons
  .swal2-styled.editable-cancel, .new-accounts
  ul.chats
  li.chat-persons
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .new-accounts
  ul.chats
  li.chat-persons
  .btn.editable-submit, .new-accounts
  ul.chats
  li.chat-persons
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  a.editable-submit, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  .new-accounts
  ul.chats
  li.chat-persons
  a.editable-submit, .new-accounts
  ul.chats
  li.chat-persons
  .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  a.editable-submit, .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .new-accounts
  ul.chats
  li.chat-persons
  a.editable-submit, .new-accounts
  ul.chats
  li.chat-persons
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .btn.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .new-accounts
  ul.chats
  li.chat-persons
  .btn.editable-cancel, .new-accounts
  ul.chats
  li.chat-persons
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  a.editable-cancel, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .wizard>.actions
  .new-accounts
  ul.chats
  li.chat-persons
  a.editable-cancel, .new-accounts
  ul.chats
  li.chat-persons
  .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  a.editable-cancel, .wizard>.actions
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-buttons
  .new-accounts
  ul.chats
  li.chat-persons
  a.editable-cancel, .new-accounts ul.chats li.chat-persons .wizard>.actions a.btn-xs,
	.wizard>.actions .new-accounts ul.chats li.chat-persons a.btn-xs {
	padding: 0.2rem 0.75rem;
}

.new-accounts ul.chats li.chat-persons a {
	text-decoration: none;
	padding: 5px;
}

.new-accounts ul.chats li.chat-persons a span.pro-pic {
	display: inline-block;
	padding: 0;
	width: 20%;
	max-width: 40px;
}

.new-accounts ul.chats li.chat-persons a span.pro-pic img {
	max-width: 100%;
	width: 100%;
	border-radius: 100%;
}

.new-accounts ul.chats li.chat-persons a div.user {
	width: 60%;
	padding: 5px 10px 0 15px;
}

.new-accounts ul.chats li.chat-persons a div.user p.u-name {
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 18px;
	color: #354168;
}

.new-accounts ul.chats li.chat-persons a div.user p.u-designation {
	margin: 0;
	font-size: 11px;
}

.new-accounts ul.chats li.chat-persons a p.joined-date {
	text-align: right;
	margin-left: auto;
	margin-bottom: 0;
	font-size: 12px;
}

.rtl .new-accounts ul.chats li.chat-persons a p.joined-date {
	margin-left: 0;
	margin-right: auto;
}

/* Pagination */
.pagination .page-item .page-link, .jsgrid .jsgrid-pager .page-item .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page a
	{
	border-color: #f3f3f3;
	font-size: 0.875rem;
	font-weight: 400;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.pagination .page-item .page-link:focus, .jsgrid .jsgrid-pager .page-item .page-link:focus,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:focus,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,
	.jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {
	background: inherit;
}

.pagination .page-item .page-link i:before, .jsgrid .jsgrid-pager .page-item .page-link i:before,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link i:before,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link i:before, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a i:before,
	.jsgrid .jsgrid-pager .jsgrid-pager-page a i:before {
	font-size: inherit;
	line-height: 1;
	vertical-align: middle;
}

.pagination .page-item.active .page-link, .jsgrid .jsgrid-pager .page-item.active .page-link,
	.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
	.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
	.jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .pagination .page-item:active .page-link,
	.jsgrid .jsgrid-pager .page-item:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:active a, .pagination .page-item:focus .page-link,
	.jsgrid .jsgrid-pager .page-item:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a, .pagination .page-item:hover .page-link,
	.jsgrid .jsgrid-pager .page-item:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a {
	background: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.pagination.flat .page-item .page-link, .jsgrid .flat.jsgrid-pager .page-item .page-link,
	.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button .page-link,
	.jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page .page-link,
	.jsgrid .flat.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination.flat .page-item a,
	.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-nav-button a,
	.jsgrid .flat.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.flat .page-item a,
	.pagination.flat .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination.flat .jsgrid-pager-page a,
	.jsgrid .flat.jsgrid-pager .jsgrid-pager-page a {
	border: none;
	border-radius: 2px;
}

.pagination.separated .page-item, .jsgrid .separated.jsgrid-pager .page-item,
	.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button,
	.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button,
	.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page,
	.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page, .jsgrid .separated.jsgrid-pager .jsgrid-pager-page
	{
	margin-left: 2px;
	margin-right: 2px;
}

.pagination.separated .page-item:first-child, .jsgrid .separated.jsgrid-pager .page-item:first-child,
	.pagination.separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:first-child, .jsgrid
  .jsgrid-pager
  .pagination.separated
  .jsgrid-pager-nav-button:first-child, .jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:first-child,
	.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child,
	.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:first-child,
	.jsgrid .separated.jsgrid-pager .jsgrid-pager-page:first-child {
	margin-left: 0;
}

.pagination.separated .page-item:last-child, .jsgrid .separated.jsgrid-pager .page-item:last-child,
	.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child,
	.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button:last-child,
	.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button:last-child,
	.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child,
	.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page:last-child,
	.jsgrid .separated.jsgrid-pager .jsgrid-pager-page:last-child {
	margin-right: 0;
}

.pagination.separated .page-item .page-link, .jsgrid .separated.jsgrid-pager .page-item .page-link,
	.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button .page-link,
	.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page .page-link,
	.jsgrid .separated.jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination.separated
  .page-item
  a, .pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-nav-button a,
	.jsgrid .separated.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.separated .page-item a,
	.pagination.separated .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination.separated .jsgrid-pager-page a,
	.jsgrid .separated.jsgrid-pager .jsgrid-pager-page a {
	border-radius: 2px;
}

.pagination.rounded .page-item:first-child .page-link, .pagination.loader-demo-box .page-item:first-child .page-link,
	.jsgrid .loader-demo-box.jsgrid-pager .page-item:first-child .page-link,
	.jsgrid .rounded.jsgrid-pager .page-item:first-child .page-link,
	.pagination.rounded
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:first-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded
  .jsgrid-pager-nav-button:first-child
  .page-link, .pagination.loader-demo-box
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:first-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.loader-demo-box
  .jsgrid-pager-nav-button:first-child
  .page-link, .jsgrid
  .loader-demo-box.jsgrid-pager
  .jsgrid-pager-nav-button:first-child
  .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child .page-link,
	.pagination.rounded
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:first-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded
  .jsgrid-pager-page:first-child
  .page-link, .pagination.loader-demo-box
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:first-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.loader-demo-box
  .jsgrid-pager-page:first-child
  .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child .page-link,
	.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child .page-link,
	.pagination.rounded
  .page-item:first-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination.rounded
  .page-item:first-child
  a, .pagination.loader-demo-box
  .page-item:first-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination.loader-demo-box
  .page-item:first-child
  a, .jsgrid
  .loader-demo-box.jsgrid-pager
  .page-item:first-child
  .jsgrid-pager-nav-button
  a, .jsgrid
  .loader-demo-box.jsgrid-pager
  .jsgrid-pager-nav-button
  .page-item:first-child
  a, .jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-nav-button a,
	.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:first-child a,
	.pagination.rounded
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:first-child
  a, .jsgrid
  .jsgrid-pager
  .pagination.rounded
  .jsgrid-pager-nav-button:first-child
  a, .pagination.loader-demo-box
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:first-child
  a, .jsgrid
  .jsgrid-pager
  .pagination.loader-demo-box
  .jsgrid-pager-nav-button:first-child
  a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:first-child a,
	.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:first-child a,
	.pagination.rounded
  .page-item:first-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination.rounded
  .page-item:first-child
  a, .pagination.loader-demo-box
  .page-item:first-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination.loader-demo-box
  .page-item:first-child
  a, .jsgrid
  .loader-demo-box.jsgrid-pager
  .page-item:first-child
  .jsgrid-pager-page
  a, .jsgrid
  .loader-demo-box.jsgrid-pager
  .jsgrid-pager-page
  .page-item:first-child
  a, .jsgrid .rounded.jsgrid-pager .page-item:first-child .jsgrid-pager-page a,
	.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:first-child a,
	.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:first-child a,
	.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:first-child a,
	.pagination.loader-demo-box
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:first-child
  a, .jsgrid
  .jsgrid-pager
  .pagination.loader-demo-box
  .jsgrid-pager-page:first-child
  a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:first-child a,
	.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:first-child a {
	border-radius: 25px 0 0 25px;
}

.pagination.rounded .page-item:last-child .page-link, .pagination.loader-demo-box .page-item:last-child .page-link,
	.jsgrid .loader-demo-box.jsgrid-pager .page-item:last-child .page-link,
	.jsgrid .rounded.jsgrid-pager .page-item:last-child .page-link,
	.pagination.rounded
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:last-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded
  .jsgrid-pager-nav-button:last-child
  .page-link, .pagination.loader-demo-box
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:last-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.loader-demo-box
  .jsgrid-pager-nav-button:last-child
  .page-link, .jsgrid
  .loader-demo-box.jsgrid-pager
  .jsgrid-pager-nav-button:last-child
  .page-link, .jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child .page-link,
	.pagination.rounded
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:last-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded
  .jsgrid-pager-page:last-child
  .page-link, .pagination.loader-demo-box
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:last-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.loader-demo-box
  .jsgrid-pager-page:last-child
  .page-link, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child .page-link,
	.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child .page-link,
	.pagination.rounded
  .page-item:last-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination.rounded
  .page-item:last-child
  a, .pagination.loader-demo-box
  .page-item:last-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination.loader-demo-box
  .page-item:last-child
  a, .jsgrid
  .loader-demo-box.jsgrid-pager
  .page-item:last-child
  .jsgrid-pager-nav-button
  a, .jsgrid
  .loader-demo-box.jsgrid-pager
  .jsgrid-pager-nav-button
  .page-item:last-child
  a, .jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-nav-button a,
	.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button .page-item:last-child a,
	.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:last-child a,
	.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-nav-button:last-child a,
	.pagination.loader-demo-box
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:last-child
  a, .jsgrid
  .jsgrid-pager
  .pagination.loader-demo-box
  .jsgrid-pager-nav-button:last-child
  a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-nav-button:last-child a,
	.jsgrid .rounded.jsgrid-pager .jsgrid-pager-nav-button:last-child a,
	.pagination.rounded
  .page-item:last-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination.rounded
  .page-item:last-child
  a, .pagination.loader-demo-box
  .page-item:last-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination.loader-demo-box
  .page-item:last-child
  a, .jsgrid
  .loader-demo-box.jsgrid-pager
  .page-item:last-child
  .jsgrid-pager-page
  a, .jsgrid
  .loader-demo-box.jsgrid-pager
  .jsgrid-pager-page
  .page-item:last-child
  a, .jsgrid .rounded.jsgrid-pager .page-item:last-child .jsgrid-pager-page a,
	.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page .page-item:last-child a,
	.pagination.rounded .jsgrid .jsgrid-pager .jsgrid-pager-page:last-child a,
	.jsgrid .jsgrid-pager .pagination.rounded .jsgrid-pager-page:last-child a,
	.pagination.loader-demo-box
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:last-child
  a, .jsgrid
  .jsgrid-pager
  .pagination.loader-demo-box
  .jsgrid-pager-page:last-child
  a, .jsgrid .loader-demo-box.jsgrid-pager .jsgrid-pager-page:last-child a,
	.jsgrid .rounded.jsgrid-pager .jsgrid-pager-page:last-child a {
	border-radius: 0 25px 25px 0;
}

.pagination.rounded-flat .page-item, .jsgrid .rounded-flat.jsgrid-pager .page-item,
	.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button,
	.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button,
	.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button,
	.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page,
	.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page,
	.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page {
	margin-right: 3px;
	margin-left: 3px;
}

.pagination.rounded-flat .page-item .page-link, .jsgrid .rounded-flat.jsgrid-pager .page-item .page-link,
	.pagination.rounded-flat
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded-flat
  .jsgrid-pager-nav-button
  .page-link, .jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page .page-link,
	.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination.rounded-flat
  .page-item
  a, .pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-nav-button a,
	.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination.rounded-flat .page-item a,
	.pagination.rounded-flat .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination.rounded-flat .jsgrid-pager-page a,
	.jsgrid .rounded-flat.jsgrid-pager .jsgrid-pager-page a {
	border: none;
	border-radius: 50px;
}

.pagination.rounded-separated .page-item, .jsgrid .rounded-separated.jsgrid-pager .page-item,
	.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button,
	.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button,
	.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button,
	.pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page,
	.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page,
	.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page {
	margin-left: 2px;
	margin-right: 2px;
}

.pagination.rounded-separated .page-item:first-child, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child,
	.pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:first-child, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-nav-button:first-child, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child,
	.pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:first-child, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-page:first-child, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child
	{
	margin-left: 0;
}

.pagination.rounded-separated .page-item:first-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item:first-child .page-link,
	.pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:first-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-nav-button:first-child
  .page-link, .jsgrid
  .rounded-separated.jsgrid-pager
  .jsgrid-pager-nav-button:first-child
  .page-link, .pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:first-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-page:first-child
  .page-link, .jsgrid
  .rounded-separated.jsgrid-pager
  .jsgrid-pager-page:first-child
  .page-link, .pagination.rounded-separated
  .page-item:first-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination.rounded-separated
  .page-item:first-child
  a, .jsgrid
  .rounded-separated.jsgrid-pager
  .page-item:first-child
  .jsgrid-pager-nav-button
  a, .jsgrid
  .rounded-separated.jsgrid-pager
  .jsgrid-pager-nav-button
  .page-item:first-child
  a, .pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:first-child
  a, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-nav-button:first-child
  a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:first-child a,
	.pagination.rounded-separated
  .page-item:first-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination.rounded-separated
  .page-item:first-child
  a, .jsgrid
  .rounded-separated.jsgrid-pager
  .page-item:first-child
  .jsgrid-pager-page
  a, .jsgrid
  .rounded-separated.jsgrid-pager
  .jsgrid-pager-page
  .page-item:first-child
  a, .pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:first-child
  a, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-page:first-child
  a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:first-child a
	{
	border-radius: 10px 0 0 10px;
}

.pagination.rounded-separated .page-item:last-child, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child,
	.pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:last-child, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-nav-button:last-child, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child,
	.pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:last-child, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-page:last-child, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child
	{
	margin-right: 0;
}

.pagination.rounded-separated .page-item:last-child .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item:last-child .page-link,
	.pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:last-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-nav-button:last-child
  .page-link, .jsgrid
  .rounded-separated.jsgrid-pager
  .jsgrid-pager-nav-button:last-child
  .page-link, .pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:last-child
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-page:last-child
  .page-link, .jsgrid
  .rounded-separated.jsgrid-pager
  .jsgrid-pager-page:last-child
  .page-link, .pagination.rounded-separated
  .page-item:last-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination.rounded-separated
  .page-item:last-child
  a, .jsgrid
  .rounded-separated.jsgrid-pager
  .page-item:last-child
  .jsgrid-pager-nav-button
  a, .jsgrid
  .rounded-separated.jsgrid-pager
  .jsgrid-pager-nav-button
  .page-item:last-child
  a, .pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button:last-child
  a, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-nav-button:last-child
  a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button:last-child a,
	.pagination.rounded-separated
  .page-item:last-child
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination.rounded-separated
  .page-item:last-child
  a, .jsgrid
  .rounded-separated.jsgrid-pager
  .page-item:last-child
  .jsgrid-pager-page
  a, .jsgrid
  .rounded-separated.jsgrid-pager
  .jsgrid-pager-page
  .page-item:last-child
  a, .pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page:last-child
  a, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-page:last-child
  a, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page:last-child a
	{
	border-radius: 0 10px 10px 0;
}

.pagination.rounded-separated .page-item .page-link, .jsgrid .rounded-separated.jsgrid-pager .page-item .page-link,
	.pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-nav-button
  .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.pagination.rounded-separated
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination.rounded-separated
  .jsgrid-pager-page
  .page-link, .jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination.rounded-separated
  .page-item
  a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-nav-button a,
	.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination.rounded-separated
  .page-item
  a, .pagination.rounded-separated .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination.rounded-separated .jsgrid-pager-page a,
	.jsgrid .rounded-separated.jsgrid-pager .jsgrid-pager-page a {
	border-radius: 2px;
}

/* pagination variations */
.pagination-primary .page-item.active .page-link, .pagination-primary
  .jsgrid
  .jsgrid-pager
  .active.jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-primary
  .active.jsgrid-pager-nav-button
  .page-link, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page .page-link,
	.pagination-primary
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-primary
  .page-item.active
  a, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button a,
	.pagination-primary
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination-primary
  .page-item.active
  a, .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page a {
	background: var(--primary-theme-color);
	border-color: #857bff;
}

.pagination-primary .page-item .page-link, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button .page-link,
	.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item a,
	.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item a,
	.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page a
	{
	color: #857bff;
	border-color: rgba(133, 123, 255, 0.3);
}

.pagination-primary .page-item .page-link:hover, .pagination-primary
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link:hover, .jsgrid
  .jsgrid-pager
  .pagination-primary
  .jsgrid-pager-nav-button
  .page-link:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
	.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page .page-link:hover,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-primary
  .page-item
  a:hover, .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item a:hover,
	.pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
	.jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page a:hover {
	background: #9d95ff;
	border-color: #857bff;
	color: var(--font-secondary-theme-color);
}

.pagination-secondary .page-item.active .page-link,
	.pagination-secondary
  .jsgrid
  .jsgrid-pager
  .active.jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-secondary
  .active.jsgrid-pager-nav-button
  .page-link, .pagination-secondary
  .jsgrid
  .jsgrid-pager
  .active.jsgrid-pager-page
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-secondary
  .active.jsgrid-pager-page
  .page-link, .pagination-secondary
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-secondary
  .page-item.active
  a, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button a,
	.pagination-secondary
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination-secondary
  .page-item.active
  a, .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page a
	{
	background: #c2c6d1;
	border-color: #c2c6d1;
}

.pagination-secondary .page-item .page-link, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button .page-link,
	.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page .page-link,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-secondary
  .page-item
  a, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item a,
	.pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page a {
	color: #c2c6d1;
	border-color: rgba(194, 198, 209, 0.3);
}

.pagination-secondary .page-item .page-link:hover, .pagination-secondary
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link:hover, .jsgrid
  .jsgrid-pager
  .pagination-secondary
  .jsgrid-pager-nav-button
  .page-link:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
	.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page .page-link:hover,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-secondary
  .page-item
  a:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button a:hover,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination-secondary
  .page-item
  a:hover, .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
	.jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page a:hover
	{
	background: #d1d4dc;
	border-color: #c2c6d1;
	color: var(--font-secondary-theme-color);
}

.pagination-success .page-item.active .page-link, .pagination-success
  .jsgrid
  .jsgrid-pager
  .active.jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-success
  .active.jsgrid-pager-nav-button
  .page-link, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page .page-link,
	.pagination-success
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-success
  .page-item.active
  a, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-nav-button a,
	.pagination-success
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination-success
  .page-item.active
  a, .pagination-success .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination-success .active.jsgrid-pager-page a {
	background: var(--button-secondary-theme-color);
	border-color: var(--button-secondary-theme-color);
}

.pagination-success .page-item .page-link, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button .page-link,
	.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-success .page-item a,
	.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item a,
	.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page a
	{
	color: var(--button-secondary-theme-color);
	border-color: rgba(8, 210, 111, 0.3);
}

.pagination-success .page-item .page-link:hover, .pagination-success
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link:hover, .jsgrid
  .jsgrid-pager
  .pagination-success
  .jsgrid-pager-nav-button
  .page-link:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
	.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page .page-link:hover,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-success
  .page-item
  a:hover, .pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-success .page-item a:hover,
	.pagination-success .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
	.jsgrid .jsgrid-pager .pagination-success .jsgrid-pager-page a:hover {
	background: #09eb7c;
	border-color: var(--button-secondary-theme-color);
	color: var(--font-secondary-theme-color);
}

.pagination-info .page-item.active .page-link, .pagination-info
  .jsgrid
  .jsgrid-pager
  .active.jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-info
  .active.jsgrid-pager-nav-button
  .page-link, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page .page-link,
	.pagination-info
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-info
  .page-item.active
  a, .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button a,
	.pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item.active a,
	.pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page a {
	background: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.pagination-info .page-item .page-link, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button .page-link,
	.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item a,
	.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item a,
	.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page a
	{
	color: var(--primary-theme-color);
	border-color: rgba(53, 176, 255, 0.3);
}

.pagination-info .page-item .page-link:hover, .pagination-info
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link:hover, .jsgrid
  .jsgrid-pager
  .pagination-info
  .jsgrid-pager-nav-button
  .page-link:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
	.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page .page-link:hover,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-info
  .page-item
  a:hover, .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item a:hover,
	.pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
	.jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page a:hover {
	background: #4fbaff;
	border-color: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.pagination-warning .page-item.active .page-link, .pagination-warning
  .jsgrid
  .jsgrid-pager
  .active.jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-warning
  .active.jsgrid-pager-nav-button
  .page-link, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page .page-link,
	.pagination-warning
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-warning
  .page-item.active
  a, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-nav-button a,
	.pagination-warning
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-page
  .pagination-warning
  .page-item.active
  a, .pagination-warning .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination-warning .active.jsgrid-pager-page a {
	background: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.pagination-warning .page-item .page-link, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button .page-link,
	.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item a,
	.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item a,
	.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page a
	{
	color: var(--primary-theme-color);
	border-color: rgba(255, 188, 52, 0.3);
}

.pagination-warning .page-item .page-link:hover, .pagination-warning
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link:hover, .jsgrid
  .jsgrid-pager
  .pagination-warning
  .jsgrid-pager-nav-button
  .page-link:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
	.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page .page-link:hover,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-warning
  .page-item
  a:hover, .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item a:hover,
	.pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
	.jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page a:hover {
	background: #ffc44e;
	border-color: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.pagination-danger .page-item.active .page-link, .pagination-danger
  .jsgrid
  .jsgrid-pager
  .active.jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-danger
  .active.jsgrid-pager-nav-button
  .page-link, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page .page-link,
	.pagination-danger
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-danger
  .page-item.active
  a, .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button a,
	.pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item.active a,
	.pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page a {
	background: #ff7474;
	border-color: #ff7474;
}

.pagination-danger .page-item .page-link, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button .page-link,
	.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item a,
	.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item a,
	.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page a
	{
	color: #ff7474;
	border-color: rgba(255, 116, 116, 0.3);
}

.pagination-danger .page-item .page-link:hover, .pagination-danger
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link:hover, .jsgrid
  .jsgrid-pager
  .pagination-danger
  .jsgrid-pager-nav-button
  .page-link:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
	.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page .page-link:hover,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-danger
  .page-item
  a:hover, .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item a:hover,
	.pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
	.jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page a:hover {
	background: #ff8e8e;
	border-color: #ff7474;
	color: var(--font-secondary-theme-color);
}

.pagination-light .page-item.active .page-link, .pagination-light
  .jsgrid
  .jsgrid-pager
  .active.jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-light
  .active.jsgrid-pager-nav-button
  .page-link, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page .page-link,
	.pagination-light
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-light
  .page-item.active
  a, .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button a,
	.pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item.active a,
	.pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page a {
	background: #f3f5f6;
	border-color: #f3f5f6;
}

.pagination-light .page-item .page-link, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button .page-link,
	.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item a,
	.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item a,
	.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page a
	{
	color: #f3f5f6;
	border-color: rgba(243, 245, 246, 0.3);
}

.pagination-light .page-item .page-link:hover, .pagination-light
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link:hover, .jsgrid
  .jsgrid-pager
  .pagination-light
  .jsgrid-pager-nav-button
  .page-link:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
	.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page .page-link:hover,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-light
  .page-item
  a:hover, .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item a:hover,
	.pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
	.jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page a:hover {
	background: white;
	border-color: #f3f5f6;
	color: var(--font-secondary-theme-color);
}

.pagination-dark .page-item.active .page-link, .pagination-dark
  .jsgrid
  .jsgrid-pager
  .active.jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-dark
  .active.jsgrid-pager-nav-button
  .page-link, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page .page-link,
	.pagination-dark
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-dark
  .page-item.active
  a, .pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-nav-button a,
	.pagination-dark .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item.active a,
	.pagination-dark .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination-dark .active.jsgrid-pager-page a {
	background: #354168;
	border-color: #354168;
}

.pagination-dark .page-item .page-link, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button .page-link,
	.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-dark .page-item a,
	.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item a,
	.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page a
	{
	color: #354168;
	border-color: rgba(53, 65, 104, 0.3);
}

.pagination-dark .page-item .page-link:hover, .pagination-dark
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link:hover, .jsgrid
  .jsgrid-pager
  .pagination-dark
  .jsgrid-pager-nav-button
  .page-link:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
	.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page .page-link:hover,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-dark
  .page-item
  a:hover, .pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-dark .page-item a:hover,
	.pagination-dark .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
	.jsgrid .jsgrid-pager .pagination-dark .jsgrid-pager-page a:hover {
	background: #3e4c79;
	border-color: #354168;
	color: var(--font-secondary-theme-color);
}

.pagination-teal .page-item.active .page-link, .pagination-teal
  .jsgrid
  .jsgrid-pager
  .active.jsgrid-pager-nav-button
  .page-link, .jsgrid
  .jsgrid-pager
  .pagination-teal
  .active.jsgrid-pager-nav-button
  .page-link, .pagination-teal .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-teal .active.jsgrid-pager-page .page-link,
	.pagination-teal
  .page-item.active
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  a, .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-teal
  .page-item.active
  a, .pagination-teal .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-teal .active.jsgrid-pager-nav-button a,
	.pagination-teal .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-teal .page-item.active a,
	.pagination-teal .jsgrid .jsgrid-pager .active.jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .pagination-teal .active.jsgrid-pager-page a {
	background: #58d8a3;
	border-color: #58d8a3;
}

.pagination-teal .page-item .page-link, .pagination-teal .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .pagination-teal .jsgrid-pager-nav-button .page-link,
	.pagination-teal .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .pagination-teal .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-teal .page-item a,
	.pagination-teal .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .pagination-teal .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-teal .page-item a,
	.pagination-teal .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .pagination-teal .jsgrid-pager-page a
	{
	color: #58d8a3;
	border-color: rgba(88, 216, 163, 0.3);
}

.pagination-teal .page-item .page-link:hover, .pagination-teal
  .jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .page-link:hover, .jsgrid
  .jsgrid-pager
  .pagination-teal
  .jsgrid-pager-nav-button
  .page-link:hover, .pagination-teal .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:hover,
	.jsgrid .jsgrid-pager .pagination-teal .jsgrid-pager-page .page-link:hover,
	.jsgrid
  .jsgrid-pager
  .jsgrid-pager-nav-button
  .pagination-teal
  .page-item
  a:hover, .pagination-teal .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .pagination-teal .jsgrid-pager-nav-button a:hover,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-teal .page-item a:hover,
	.pagination-teal .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover,
	.jsgrid .jsgrid-pager .pagination-teal .jsgrid-pager-page a:hover {
	background: #6dddae;
	border-color: #58d8a3;
	color: var(--font-secondary-theme-color);
}

/* Popovers */
.popover.left .arrow {
	border-left-color: transparent;
}

.popover-static-demo .popover {
	width: 185px;
	position: relative;
	display: block;
	float: left;
	margin: 1rem 0.5rem;
}

.popover-static-demo .popover.bs-popover-bottom-demo .arrow,
	.popover-static-demo .popover.bs-popover-top-demo .arrow {
	left: 50%;
}

.popover-static-demo .popover.bs-popover-left-demo .arrow,
	.popover-static-demo .popover.bs-popover-right-demo .arrow {
	top: 50%;
}

.popover {
	z-index: 1029;
}

.popover.bs-popover-top-demo .arrow:before {
	border-top-color: #f1f6ff;
}

.popover.bs-popover-top-demo .arrow:after {
	border-top-color: #f1f6ff;
}

.popover.bs-popover-right-demo .arrow:before {
	border-right-color: #f1f6ff;
}

.popover.bs-popover-right-demo .arrow:after {
	border-right-color: #f1f6ff;
}

.popover.bs-popover-bottom-demo .arrow:before {
	border-bottom-color: #f1f6ff;
}

.popover.bs-popover-bottom-demo .arrow:after {
	border-bottom-color: #f1f6ff;
}

.popover.bs-popover-bottom-demo .popover-header:before {
	border-bottom: 0;
}

.popover.bs-popover-left-demo .arrow:before {
	border-left-color: #f1f6ff;
}

.popover.bs-popover-left-demo .arrow:after {
	border-left-color: #f1f6ff;
}

.popover .popover-header {
	font-size: 0.9375rem;
	border-bottom: 0;
	color: #857bff;
	background: #f1f6ff;
}

.popover .popover-body {
	color: #4e4c4c;
	background: #f1f6ff;
}

.popover.left .arrow:after {
	border-left-color: #f1f6ff;
}

.popover.right .arrow:after {
	border-right-color: #f1f6ff;
}

.popover-primary .popover-header {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.popover-primary.bs-popover-top .arrow:after, .popover-primary.bs-popover-auto[x-placement^="top"] .arrow:after,
	.popover-primary.bs-popover-top .arrow:before, .popover-primary.bs-popover-auto[x-placement^="top"] .arrow:before
	{
	border-top-color: #857bff;
}

.popover-primary.bs-popover-right .arrow:after, .popover-primary.bs-popover-auto[x-placement^="right"] .arrow:after,
	.popover-primary.bs-popover-right .arrow:before, .popover-primary.bs-popover-auto[x-placement^="right"] .arrow:before
	{
	border-right-color: #857bff;
}

.popover-primary.bs-popover-bottom .arrow:after, .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:after,
	.popover-primary.bs-popover-bottom .arrow:before, .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:before
	{
	border-bottom-color: #857bff;
}

.popover-primary.bs-popover-left .arrow:after, .popover-primary.bs-popover-auto[x-placement^="left"] .arrow:after,
	.popover-primary.bs-popover-left .arrow:before, .popover-primary.bs-popover-auto[x-placement^="left"] .arrow:before
	{
	border-left-color: #857bff;
}

.popover-secondary .popover-header {
	background: #c2c6d1;
	color: var(--font-secondary-theme-color);
}

.popover-secondary.bs-popover-top .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:after,
	.popover-secondary.bs-popover-top .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:before
	{
	border-top-color: #c2c6d1;
}

.popover-secondary.bs-popover-right .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:after,
	.popover-secondary.bs-popover-right .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:before
	{
	border-right-color: #c2c6d1;
}

.popover-secondary.bs-popover-bottom .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:after,
	.popover-secondary.bs-popover-bottom .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:before
	{
	border-bottom-color: #c2c6d1;
}

.popover-secondary.bs-popover-left .arrow:after, .popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:after,
	.popover-secondary.bs-popover-left .arrow:before, .popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:before
	{
	border-left-color: #c2c6d1;
}

.popover-success .popover-header {
	background: var(--button-secondary-theme-color);
	color: var(--font-secondary-theme-color);
}

.popover-success.bs-popover-top .arrow:after, .popover-success.bs-popover-auto[x-placement^="top"] .arrow:after,
	.popover-success.bs-popover-top .arrow:before, .popover-success.bs-popover-auto[x-placement^="top"] .arrow:before
	{
	border-top-color: var(--button-secondary-theme-color);
}

.popover-success.bs-popover-right .arrow:after, .popover-success.bs-popover-auto[x-placement^="right"] .arrow:after,
	.popover-success.bs-popover-right .arrow:before, .popover-success.bs-popover-auto[x-placement^="right"] .arrow:before
	{
	border-right-color: var(--button-secondary-theme-color);
}

.popover-success.bs-popover-bottom .arrow:after, .popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:after,
	.popover-success.bs-popover-bottom .arrow:before, .popover-success.bs-popover-auto[x-placement^="bottom"] .arrow:before
	{
	border-bottom-color: var(--button-secondary-theme-color);
}

.popover-success.bs-popover-left .arrow:after, .popover-success.bs-popover-auto[x-placement^="left"] .arrow:after,
	.popover-success.bs-popover-left .arrow:before, .popover-success.bs-popover-auto[x-placement^="left"] .arrow:before
	{
	border-left-color: var(--button-secondary-theme-color);
}

.popover-info .popover-header {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.popover-info.bs-popover-top .arrow:after, .popover-info.bs-popover-auto[x-placement^="top"] .arrow:after,
	.popover-info.bs-popover-top .arrow:before, .popover-info.bs-popover-auto[x-placement^="top"] .arrow:before
	{
	border-top-color: var(--primary-theme-color);
}

.popover-info.bs-popover-right .arrow:after, .popover-info.bs-popover-auto[x-placement^="right"] .arrow:after,
	.popover-info.bs-popover-right .arrow:before, .popover-info.bs-popover-auto[x-placement^="right"] .arrow:before
	{
	border-right-color: var(--primary-theme-color);
}

.popover-info.bs-popover-bottom .arrow:after, .popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:after,
	.popover-info.bs-popover-bottom .arrow:before, .popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:before
	{
	border-bottom-color: var(--primary-theme-color);
}

.popover-info.bs-popover-left .arrow:after, .popover-info.bs-popover-auto[x-placement^="left"] .arrow:after,
	.popover-info.bs-popover-left .arrow:before, .popover-info.bs-popover-auto[x-placement^="left"] .arrow:before
	{
	border-left-color: var(--primary-theme-color);
}

.popover-warning .popover-header {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.popover-warning.bs-popover-top .arrow:after, .popover-warning.bs-popover-auto[x-placement^="top"] .arrow:after,
	.popover-warning.bs-popover-top .arrow:before, .popover-warning.bs-popover-auto[x-placement^="top"] .arrow:before
	{
	border-top-color: var(--primary-theme-color);
}

.popover-warning.bs-popover-right .arrow:after, .popover-warning.bs-popover-auto[x-placement^="right"] .arrow:after,
	.popover-warning.bs-popover-right .arrow:before, .popover-warning.bs-popover-auto[x-placement^="right"] .arrow:before
	{
	border-right-color: var(--primary-theme-color);
}

.popover-warning.bs-popover-bottom .arrow:after, .popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:after,
	.popover-warning.bs-popover-bottom .arrow:before, .popover-warning.bs-popover-auto[x-placement^="bottom"] .arrow:before
	{
	border-bottom-color: var(--primary-theme-color);
}

.popover-warning.bs-popover-left .arrow:after, .popover-warning.bs-popover-auto[x-placement^="left"] .arrow:after,
	.popover-warning.bs-popover-left .arrow:before, .popover-warning.bs-popover-auto[x-placement^="left"] .arrow:before
	{
	border-left-color: var(--primary-theme-color);
}

.popover-danger .popover-header {
	background: #ff7474;
	color: var(--font-secondary-theme-color);
}

.popover-danger.bs-popover-top .arrow:after, .popover-danger.bs-popover-auto[x-placement^="top"] .arrow:after,
	.popover-danger.bs-popover-top .arrow:before, .popover-danger.bs-popover-auto[x-placement^="top"] .arrow:before
	{
	border-top-color: #ff7474;
}

.popover-danger.bs-popover-right .arrow:after, .popover-danger.bs-popover-auto[x-placement^="right"] .arrow:after,
	.popover-danger.bs-popover-right .arrow:before, .popover-danger.bs-popover-auto[x-placement^="right"] .arrow:before
	{
	border-right-color: #ff7474;
}

.popover-danger.bs-popover-bottom .arrow:after, .popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:after,
	.popover-danger.bs-popover-bottom .arrow:before, .popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:before
	{
	border-bottom-color: #ff7474;
}

.popover-danger.bs-popover-left .arrow:after, .popover-danger.bs-popover-auto[x-placement^="left"] .arrow:after,
	.popover-danger.bs-popover-left .arrow:before, .popover-danger.bs-popover-auto[x-placement^="left"] .arrow:before
	{
	border-left-color: #ff7474;
}

.popover-light .popover-header {
	background: #f3f5f6;
	color: var(--font-secondary-theme-color);
}

.popover-light.bs-popover-top .arrow:after, .popover-light.bs-popover-auto[x-placement^="top"] .arrow:after,
	.popover-light.bs-popover-top .arrow:before, .popover-light.bs-popover-auto[x-placement^="top"] .arrow:before
	{
	border-top-color: #f3f5f6;
}

.popover-light.bs-popover-right .arrow:after, .popover-light.bs-popover-auto[x-placement^="right"] .arrow:after,
	.popover-light.bs-popover-right .arrow:before, .popover-light.bs-popover-auto[x-placement^="right"] .arrow:before
	{
	border-right-color: #f3f5f6;
}

.popover-light.bs-popover-bottom .arrow:after, .popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:after,
	.popover-light.bs-popover-bottom .arrow:before, .popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:before
	{
	border-bottom-color: #f3f5f6;
}

.popover-light.bs-popover-left .arrow:after, .popover-light.bs-popover-auto[x-placement^="left"] .arrow:after,
	.popover-light.bs-popover-left .arrow:before, .popover-light.bs-popover-auto[x-placement^="left"] .arrow:before
	{
	border-left-color: #f3f5f6;
}

.popover-dark .popover-header {
	background: #354168;
	color: var(--font-secondary-theme-color);
}

.popover-dark.bs-popover-top .arrow:after, .popover-dark.bs-popover-auto[x-placement^="top"] .arrow:after,
	.popover-dark.bs-popover-top .arrow:before, .popover-dark.bs-popover-auto[x-placement^="top"] .arrow:before
	{
	border-top-color: #354168;
}

.popover-dark.bs-popover-right .arrow:after, .popover-dark.bs-popover-auto[x-placement^="right"] .arrow:after,
	.popover-dark.bs-popover-right .arrow:before, .popover-dark.bs-popover-auto[x-placement^="right"] .arrow:before
	{
	border-right-color: #354168;
}

.popover-dark.bs-popover-bottom .arrow:after, .popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:after,
	.popover-dark.bs-popover-bottom .arrow:before, .popover-dark.bs-popover-auto[x-placement^="bottom"] .arrow:before
	{
	border-bottom-color: #354168;
}

.popover-dark.bs-popover-left .arrow:after, .popover-dark.bs-popover-auto[x-placement^="left"] .arrow:after,
	.popover-dark.bs-popover-left .arrow:before, .popover-dark.bs-popover-auto[x-placement^="left"] .arrow:before
	{
	border-left-color: #354168;
}

.popover-teal .popover-header {
	background: #58d8a3;
	color: var(--font-secondary-theme-color);
}

.popover-teal.bs-popover-top .arrow:after, .popover-teal.bs-popover-auto[x-placement^="top"] .arrow:after,
	.popover-teal.bs-popover-top .arrow:before, .popover-teal.bs-popover-auto[x-placement^="top"] .arrow:before
	{
	border-top-color: #58d8a3;
}

.popover-teal.bs-popover-right .arrow:after, .popover-teal.bs-popover-auto[x-placement^="right"] .arrow:after,
	.popover-teal.bs-popover-right .arrow:before, .popover-teal.bs-popover-auto[x-placement^="right"] .arrow:before
	{
	border-right-color: #58d8a3;
}

.popover-teal.bs-popover-bottom .arrow:after, .popover-teal.bs-popover-auto[x-placement^="bottom"] .arrow:after,
	.popover-teal.bs-popover-bottom .arrow:before, .popover-teal.bs-popover-auto[x-placement^="bottom"] .arrow:before
	{
	border-bottom-color: #58d8a3;
}

.popover-teal.bs-popover-left .arrow:after, .popover-teal.bs-popover-auto[x-placement^="left"] .arrow:after,
	.popover-teal.bs-popover-left .arrow:before, .popover-teal.bs-popover-auto[x-placement^="left"] .arrow:before
	{
	border-left-color: #58d8a3;
}

/* Portfolio */
.portfolio-grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	background: var(--primary-theme-color);
	text-align: center;
	cursor: pointer;
}

@media ( max-width : 767px) {
	.portfolio-grid figure {
		width: 270px;
	}
}

.portfolio-grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	width: 100%;
	opacity: 0.8;
}

.portfolio-grid figure figcaption {
	padding: 2em;
	color: var(--font-secondary-theme-color);
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.portfolio-grid figure figcaption:after, .portfolio-grid figure figcaption:before
	{
	pointer-events: none;
}

.portfolio-grid figure.effect-text-in {
	border-radius: 0.25rem;
}

.portfolio-grid figure.effect-text-in h4, .portfolio-grid figure.effect-text-in img
	{
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.portfolio-grid figure.effect-text-in img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.portfolio-grid figure.effect-text-in h4, .portfolio-grid figure.effect-text-in p
	{
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 10px;
	margin-bottom: 0;
	width: 100%;
}

.portfolio-grid figure.effect-text-in p {
	text-transform: none;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}

.portfolio-grid figure.effect-text-in:hover img {
	-webkit-transform: translate3d(0, -80px, 0);
	transform: translate3d(0, -80px, 0);
}

.portfolio-grid figure.effect-text-in:hover h4 {
	-webkit-transform: translate3d(0, -100px, 0);
	transform: translate3d(0, -100px, 0);
}

.portfolio-grid figure.effect-text-in:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Preview */
.preview-list .preview-item {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding: 0.75rem 1.5rem;
	font-size: 0.875rem;
}

.preview-list .preview-item:last-child {
	border-bottom: 0;
}

.preview-list .preview-item:hover {
	background: #f8f9fa;
}

.preview-list .preview-item .form-check {
	margin-top: 8px;
	margin-right: 1rem;
}

.preview-list .preview-item .preview-thumbnail {
	color: var(--font-secondary-theme-color);
	position: relative;
}

.preview-list .preview-item .preview-thumbnail .preview-icon,
	.preview-list .preview-item .preview-thumbnail img {
	width: 36px;
	height: 36px;
	border-radius: 100%;
}

.preview-list .preview-item .preview-thumbnail .preview-icon {
	padding: 6px;
	text-align: center;
}

.preview-list .preview-item .preview-thumbnail .preview-icon i {
	font-size: 1.125rem;
}

.preview-list .preview-item .preview-thumbnail .badge {
	border: 2px solid #ffffff;
	border-radius: 100%;
	bottom: 5px;
	display: block;
	height: 14px;
	left: -5px;
	padding: 0;
	position: absolute;
	width: 14px;
}

.preview-list .preview-item .preview-item-content {
	line-height: 1;
	padding-left: 15px;
}

.rtl .preview-list .preview-item .preview-item-content {
	padding-left: 0;
	padding-right: 15px;
}

.preview-list .preview-item .preview-item-content:first-child {
	padding-left: 0;
}

.rtl .preview-list .preview-item .preview-item-content:first-child {
	padding-right: 0;
}

.preview-list .preview-item .preview-item-content p {
	margin-bottom: 10px;
}

.preview-list .preview-item .preview-item-content p .content-category {
	/* font-family: "Gilroy"; */
	padding-right: 15px;
	border-right: 1px solid #f3f3f3;
}

.preview-list .preview-item .preview-actions {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.preview-list .preview-item .preview-actions i {
	width: 29px;
	color: #f7f7f9;
	height: 29px;
	border: 2px solid #f7f7f9;
	border-radius: 100%;
	padding: 3px 6px;
	display: inline-block;
}

.preview-list .preview-item .preview-actions i:first-child {
	margin-right: 10px;
}

.preview-list.comment-preview .preview-item {
	padding: 0.87rem 0;
}

.preview-list.comment-preview .preview-item:first-child {
	padding-top: 0;
}

.preview-list.comment-preview .preview-item p {
	line-height: 27px;
}

.preview-list.bordered .preview-item {
	border-bottom: 1px solid #f3f3f3;
}

.preview-list.bordered .preview-item:last-child {
	border-bottom: 0;
}

/* Pricing table */
.pricing-table .pricing-card .pricing-card-body {
	padding: 50px 56px 43px;
}

.pricing-table .pricing-card .pricing-card-body .plan-features {
	width: 100%;
	margin-bottom: 32px;
}

.pricing-table .pricing-card .pricing-card-body .plan-features li {
	text-align: left;
	padding: 4px 0;
	/* font-family: "Gilroy"; */
	font-size: 0.8rem;
}

/* Tables */
.table, .jsgrid .jsgrid-table {
	margin-bottom: 0;
}

.table thead th, .jsgrid .jsgrid-table thead th {
	border-top: 0;
	border-bottom-width: 1px;
	font-weight: 600;
	color: #354168;
}

.font-12 {
	font-size: 12px;
}

.table thead th {
	font-size: 15px !important;
	background-color: transparent !important;
	color: #3d3d3d !important;
	text-align: left !important;
}

.table thead th i, .jsgrid .jsgrid-table thead th i {
	margin-left: 0.325rem;
}

.table td, .jsgrid .jsgrid-table td, .jsgrid .jsgrid-table th {
	vertical-align: middle;
	font-size: 0.8rem;
	line-height: 1;
	padding: 5px 10px;
	color: var(--font-primary-theme-color) !important;
	font-size: 14px !important;
	height: 40px;
}

.my-table td {
	padding: 10px;
}

.table th {
	font-size: 0.8rem;
	padding: 14px 10px;
}

.table td img, .jsgrid .jsgrid-table td img, .table th img, .jsgrid .jsgrid-table th img
	{
	width: 30px;
	height: 30px;
	border-radius: 100%;
}

.table td .badge, .jsgrid .jsgrid-table td .badge, .table th .badge,
	.jsgrid .jsgrid-table th .badge {
	margin-bottom: 0;
}

.table.table-borderless, .jsgrid .table-borderless.jsgrid-table {
	border: none;
}

.table.table-borderless td, .jsgrid .table-borderless.jsgrid-table td,
	.table.table-borderless th, .jsgrid .table-borderless.jsgrid-table th,
	.table.table-borderless tr, .jsgrid .table-borderless.jsgrid-table tr {
	border: none;
}

.table-responsive .table th, .table-responsive .jsgrid .jsgrid-table th,
	.jsgrid .table-responsive .jsgrid-table th, .table-responsive .table td,
	.table-responsive .jsgrid .jsgrid-table td, .jsgrid .table-responsive .jsgrid-table td
	{
	text-align: left;
}

/* Tabs */
.nav-pills .nav-item .nav-link, .nav-tabs .nav-item .nav-link {
	padding: 10px 10px !important;
	font-size: medium !important;
	font-weight: 400 !important;
	cursor: pointer;
	border-bottom: 1px solid lightgray !important;
	white-space: nowrap;
}

.nav-pills .nav-item .nav-link i, .nav-tabs .nav-item .nav-link i {
	margin-right: 4px;
}

.nav-pills .nav-item .nav-link img, .nav-tabs .nav-item .nav-link img {
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

.nav-pills .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link.active
	{
	border-bottom: 3px solid var(--primary-theme-color) !important;
	font-weight: bold !important;
}

.tab-content {
	/* font-family: "Gilroy"; */
	font-size: 0.8rem;
	line-height: 1.71;
}

.tab-basic {
	border-bottom: none;
	margin-bottom: 20px;
}

.tab-basic .nav-item {
	margin-right: 7%;
}

.tab-basic .nav-item .nav-link {
	font-weight: 600;
	color: #9c9c9c;
	padding: 0 0 7px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 2px solid #ffffff;
}

.tab-basic .nav-item .nav-link.active {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 2px solid var(--button-secondary-theme-color);
	color: var(--button-secondary-theme-color);
	font-weight: 800;
}

.tab-solid {
	border: none;
	margin-bottom: 30px;
}

.tab-solid .nav-item .nav-link {
	border: none;
	padding: 10px 16px;
	font-weight: 500;
	border-radius: 4px;
}

.tab-solid .nav-item .nav-link:nth(fist-child) {
	padding-left: 0;
}

.tab-solid .nav-item .nav-link.active {
	border: none;
	color: var(--font-secondary-theme-color);
	font-weight: 600;
}

.tab-content-solid {
	border: none;
	padding-left: 0;
	padding-right: 0;
}

.tab-solid-primary .nav-link.active {
	background: var(--primary-theme-color);
}

.tab-solid-secondary .nav-link.active {
	background: #c2c6d1;
}

.tab-solid-success .nav-link.active {
	background: var(--button-secondary-theme-color);
}

.tab-solid-info .nav-link.active {
	background: var(--primary-theme-color);
}

.tab-solid-warning .nav-link.active {
	background: var(--primary-theme-color);
}

.tab-solid-danger .nav-link.active {
	background: #ff7474;
}

.tab-solid-light .nav-link.active {
	background: #f3f5f6;
}

.tab-solid-dark .nav-link.active {
	background: #354168;
}

.tab-solid-teal .nav-link.active {
	background: #58d8a3;
}

.tab-minimal .nav-tabs {
	border: none;
}

.tab-minimal .nav-tabs .nav-item .nav-link {
	border: none;
	font-size: 14px;
	font-weight: 500;
}

.tab-minimal .nav-tabs .nav-item .nav-link.active {
	font-weight: 600;
}

.tab-minimal .nav-tabs .nav-item .nav-link:first-child {
	padding-left: 0;
}

.tab-simple-styled {
	border-bottom: none;
	margin-top: 30px;
	margin-bottom: 30px;
}

.tab-simple-styled .nav-item {
	margin-right: 30px;
}

.tab-simple-styled .nav-item .nav-link {
	border: none;
	font-weight: 600;
	padding: 0;
	color: #9c9c9c;
}

.tab-simple-styled .nav-item .nav-link.active {
	color: var(--primary-theme-color);
}

.vertical-tab {
	display: -webkit-flex;
	display: flex;
}

.vertical-tab .nav-tabs {
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-bottom: 0;
}

.vertical-tab .tab-content {
	margin-bottom: 0;
}

/* Settings Panel */
.settings-panel {
	display: block;
	position: fixed;
	top: 70px;
	right: -300px;
	bottom: 0;
	width: 300px;
	height: 100vh;
	min-height: 100%;
	background: #ffffff;
	padding-top: 15px;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-property: right, box-shadow;
	-moz-transition-property: right, box-shadow;
	-o-transition-property: right, box-shadow;
	transition-property: right, box-shadow;
	z-index: 9999;
}

.settings-panel .nav-tabs {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	width: auto;
	margin: 0;
	padding: 0;
	background: linear-gradient(88deg, #1345b7, #05bdfd);
}

.settings-panel .nav-tabs .nav-item {
	border: none;
}

.settings-panel .nav-tabs .nav-item .nav-link {
	text-align: center;
	border: none;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	color: rgba(255, 255, 255, 0.5);
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	transition-property: color;
	-webkit-transition-property: color;
	-webkit-justify-content: center;
	justify-content: center;
}

.settings-panel .nav-tabs .nav-item .nav-link.active {
	background: transparent;
	color: var(--font-secondary-theme-color);
}

.settings-panel .tab-content {
	border: none;
	padding: 20px 0 0;
}

.settings-panel .tab-content .tab-pane.scroll-wrapper {
	position: relative;
	max-height: 100vh;
	height: 100%;
	padding-bottom: 150px;
}

.settings-panel .settings-heading {
	padding: 16px 0 13px 20px;
}

.rtl .settings-panel .settings-heading {
	padding: 16px 35px 13px 0;
	text-align: right;
}

.rtl .settings-panel small.settings-heading {
	padding: 16px 0 13px 12px;
}

.settings-panel .sidebar-bg-options {
	padding: 13px 35px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-size: 0.8rem;
	line-height: 1;
	color: #595959;
	background: #ffffff;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
}

.settings-panel .sidebar-bg-options.selected {
	background: #f7f7f9;
}

.settings-panel .color-tiles {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 35px 10px;
	padding-top: 15px;
}

.settings-panel .color-tiles .tiles {
	margin: 10px 18px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.settings-panel .color-tiles .tiles:before {
	content: "";
	width: 0;
	height: 0;
	opacity: 0;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 100%;
	border: 0 solid rgba(255, 255, 255, 0.4);
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}

.settings-panel .color-tiles .tiles.selected:before {
	width: 10px;
	height: 10px;
	opacity: 1;
	border-width: 1px;
}

.settings-panel .color-tiles .tiles.pink {
	background: #e91e63;
}

.settings-panel .color-tiles .tiles.default {
	border: 1px solid #f3f3f3;
	background: #ffffff;
}

.settings-panel .chat-list {
	padding-left: 0;
}

.settings-panel .chat-list .list {
	padding: 0.4rem 0.8rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-bottom: 1px solid #f3f3f3;
}

.settings-panel .chat-list .list:last-child {
	border-bottom: none;
}

.settings-panel .chat-list .list .profile {
	position: relative;
	margin-right: 1rem;
}

.settings-panel .chat-list .list .profile img {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 100%;
}

.settings-panel .chat-list .list .profile span {
	height: 0.75rem;
	width: 0.75rem;
	position: absolute;
	bottom: 0.34rem;
	right: 0;
	border: 0.13rem solid #ffffff;
	border-radius: 100%;
}

.settings-panel .chat-list .list .profile span.online {
	background: var(--button-secondary-theme-color);
}

.settings-panel .chat-list .list .profile span.offline {
	background: var(--primary-theme-color);
}

.settings-panel .chat-list .list .info {
	margin-right: auto;
}

.settings-panel .chat-list .list .info p {
	display: block;
	margin-bottom: 0;
}

.settings-panel .chat-list .list .info p:last-child {
	opacity: 0.5;
	font-size: 0.8rem;
}

.rtl .settings-panel .chat-list .list .info p:last-child {
	text-align: right;
}

.settings-panel .chat-list .list.active {
	background: #f3f5f6;
}

.settings-panel.open {
	right: 0;
	-webkit-box-shadow: -1px 3px 6px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -1px 3px 6px 0 rgba(0, 0, 0, 0.1);
	box-shadow: -1px 3px 6px 0 rgba(0, 0, 0, 0.1);
}

.settings-panel .settings-close {
	position: absolute;
	top: 8px;
	right: 10px;
	color: #857bff;
	background: transparent;
	border-radius: 4px;
	padding: 0 3px;
	cursor: pointer;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	z-index: 999;
}

.settings-panel .settings-close:hover {
	background: rgba(255, 255, 255, 0.3);
}

.rtl .settings-panel .settings-close {
	right: unset;
	left: 10px;
}

.settings-panel .events p {
	/* font-family: "Gilroy"; */
	
}

.rtl .settings-panel .events p {
	text-align: right;
}

.rtl .settings-panel {
	right: unset;
	left: -300px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	transition-property: left;
}

.rtl .settings-panel .chat-list {
	padding-right: 0;
}

.rtl .settings-panel .chat-list .list .profile {
	margin-right: 0;
	margin-left: 1rem;
}

.rtl .settings-panel .chat-list .list .info {
	margin-right: 0;
	margin-left: auto;
}

.rtl .settings-panel .chat-list .list .info .badge {
	margin-right: 10px;
}

.rtl .settings-panel.open {
	left: 0;
	right: unset;
}

/* Tabs */
.add-items {
	margin-bottom: 1.5rem;
	overflow: hidden;
}

.add-items input[type="text"] {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: 100%;
}

.add-items .btn, .add-items .ajax-upload-dragdrop .ajax-file-upload,
	.ajax-upload-dragdrop .add-items .ajax-file-upload, .add-items .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .add-items .swal2-styled, .add-items .wizard>.actions a,
	.wizard>.actions .add-items a {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.list-wrapper {
	height: 100%;
	max-height: 100%;
}

.list-wrapper ul {
	padding: 0;
	text-align: left;
	list-style: none;
	margin-bottom: 0;
}

.list-wrapper ul li {
	font-size: 0.9375rem;
	padding: 0.4rem 0;
	border-bottom: 1px solid #f3f3f3;
}

.list-wrapper ul li .form-check {
	margin-top: 10px;
}

.list-wrapper ul li .form-check .form-check-label .todo-content {
	max-width: 85%;
}

.list-wrapper ul li .col-content {
	width: 100%;
}

.list-wrapper ul li .col-content>div {
	width: 100%;
}

.list-wrapper input[type="checkbox"] {
	margin-right: 15px;
}

.list-wrapper .remove {
	margin-left: auto;
	cursor: pointer;
	font-size: 1.3rem;
	font-weight: 600;
	color: #ff7474;
	width: 1.25rem;
	height: 1.25rem;
	line-height: 20px;
	text-align: center;
}

.rtl .list-wrapper .remove {
	margin-right: auto;
	margin-left: 0;
}

.list-wrapper .completed {
	text-decoration: line-through;
	text-decoration-color: #857bff;
}

.list-wrapper .completed .remove {
	text-decoration: none;
}

/* Tooltips */
.tooltip-static-demo .tooltip {
	position: relative;
	display: inline-block;
	opacity: 1;
	margin: 0 10px 10px 0;
}

.tooltip-static-demo .bs-tooltip-bottom-demo .arrow,
	.tooltip-static-demo .bs-tooltip-top-demo .arrow {
	left: calc(( 100% - 0.8rem)/2);
}

.tooltip-static-demo .bs-tooltip-left-demo .arrow, .tooltip-static-demo .bs-tooltip-right-demo .arrow
	{
	top: calc(( 100% - 0.8rem)/2);
}

.tooltip {
	font-size: 0.75rem;
	min-width: 5.625rem;
	z-index: 1029;
}

.tooltip .tooltip-inner {
	/* font-family: "Gilroy"; */
	
}

.tooltip-primary .tooltip-inner {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.tooltip-primary.bs-tooltip-top .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before
	{
	border-top-color: #857bff;
}

.tooltip-primary.bs-tooltip-right .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before
	{
	border-right-color: #857bff;
}

.tooltip-primary.bs-tooltip-bottom .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before
	{
	border-bottom-color: #857bff;
}

.tooltip-primary.bs-tooltip-left .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before
	{
	border-left-color: #857bff;
}

.tooltip-secondary .tooltip-inner {
	background: #c2c6d1;
	color: var(--font-secondary-theme-color);
}

.tooltip-secondary.bs-tooltip-top .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow::before
	{
	border-top-color: #c2c6d1;
}

.tooltip-secondary.bs-tooltip-right .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow::before
	{
	border-right-color: #c2c6d1;
}

.tooltip-secondary.bs-tooltip-bottom .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before
	{
	border-bottom-color: #c2c6d1;
}

.tooltip-secondary.bs-tooltip-left .arrow::before, .tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow::before
	{
	border-left-color: #c2c6d1;
}

.tooltip-success .tooltip-inner {
	background: var(--button-secondary-theme-color);
	color: var(--font-secondary-theme-color);
}

.tooltip-success.bs-tooltip-top .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^="top"] .arrow::before
	{
	border-top-color: var(--button-secondary-theme-color);
}

.tooltip-success.bs-tooltip-right .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^="right"] .arrow::before
	{
	border-right-color: var(--button-secondary-theme-color);
}

.tooltip-success.bs-tooltip-bottom .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^="bottom"] .arrow::before
	{
	border-bottom-color: var(--button-secondary-theme-color);
}

.tooltip-success.bs-tooltip-left .arrow::before, .tooltip-success.bs-tooltip-auto[x-placement^="left"] .arrow::before
	{
	border-left-color: var(--button-secondary-theme-color);
}

.tooltip-info .tooltip-inner {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.tooltip-info.bs-tooltip-top .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before
	{
	border-top-color: var(--primary-theme-color);
}

.tooltip-info.bs-tooltip-right .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before
	{
	border-right-color: var(--primary-theme-color);
}

.tooltip-info.bs-tooltip-bottom .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before
	{
	border-bottom-color: var(--primary-theme-color);
}

.tooltip-info.bs-tooltip-left .arrow::before, .tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before
	{
	border-left-color: var(--primary-theme-color);
}

.tooltip-warning .tooltip-inner {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.tooltip-warning.bs-tooltip-top .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^="top"] .arrow::before
	{
	border-top-color: var(--primary-theme-color);
}

.tooltip-warning.bs-tooltip-right .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^="right"] .arrow::before
	{
	border-right-color: var(--primary-theme-color);
}

.tooltip-warning.bs-tooltip-bottom .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^="bottom"] .arrow::before
	{
	border-bottom-color: var(--primary-theme-color);
}

.tooltip-warning.bs-tooltip-left .arrow::before, .tooltip-warning.bs-tooltip-auto[x-placement^="left"] .arrow::before
	{
	border-left-color: var(--primary-theme-color);
}

.tooltip-danger .tooltip-inner {
	background: #ff7474;
	color: var(--font-secondary-theme-color);
}

.tooltip-danger.bs-tooltip-top .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow::before
	{
	border-top-color: #ff7474;
}

.tooltip-danger.bs-tooltip-right .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow::before
	{
	border-right-color: #ff7474;
}

.tooltip-danger.bs-tooltip-bottom .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow::before
	{
	border-bottom-color: #ff7474;
}

.tooltip-danger.bs-tooltip-left .arrow::before, .tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow::before
	{
	border-left-color: #ff7474;
}

.tooltip-light .tooltip-inner {
	background: #f3f5f6;
	color: var(--font-secondary-theme-color);
}

.tooltip-light.bs-tooltip-top .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow::before
	{
	border-top-color: #f3f5f6;
}

.tooltip-light.bs-tooltip-right .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow::before
	{
	border-right-color: #f3f5f6;
}

.tooltip-light.bs-tooltip-bottom .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow::before
	{
	border-bottom-color: #f3f5f6;
}

.tooltip-light.bs-tooltip-left .arrow::before, .tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow::before
	{
	border-left-color: #f3f5f6;
}

.tooltip-dark .tooltip-inner {
	background: #354168;
	color: var(--font-secondary-theme-color);
}

.tooltip-dark.bs-tooltip-top .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^="top"] .arrow::before
	{
	border-top-color: #354168;
}

.tooltip-dark.bs-tooltip-right .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^="right"] .arrow::before
	{
	border-right-color: #354168;
}

.tooltip-dark.bs-tooltip-bottom .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^="bottom"] .arrow::before
	{
	border-bottom-color: #354168;
}

.tooltip-dark.bs-tooltip-left .arrow::before, .tooltip-dark.bs-tooltip-auto[x-placement^="left"] .arrow::before
	{
	border-left-color: #354168;
}

.tooltip-teal .tooltip-inner {
	background: #58d8a3;
	color: var(--font-secondary-theme-color);
}

.tooltip-teal.bs-tooltip-top .arrow::before, .tooltip-teal.bs-tooltip-auto[x-placement^="top"] .arrow::before
	{
	border-top-color: #58d8a3;
}

.tooltip-teal.bs-tooltip-right .arrow::before, .tooltip-teal.bs-tooltip-auto[x-placement^="right"] .arrow::before
	{
	border-right-color: #58d8a3;
}

.tooltip-teal.bs-tooltip-bottom .arrow::before, .tooltip-teal.bs-tooltip-auto[x-placement^="bottom"] .arrow::before
	{
	border-bottom-color: #58d8a3;
}

.tooltip-teal.bs-tooltip-left .arrow::before, .tooltip-teal.bs-tooltip-auto[x-placement^="left"] .arrow::before
	{
	border-left-color: #58d8a3;
}

/* User Profile */
.user-profile .side-left .card .avatar img {
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	margin-left: auto;
	margin-right: auto;
}

.user-profile .side-left .card .avatar .name {
	text-align: center;
	color: #354168;
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 0;
}

.user-profile .side-left .card .avatar .designation {
	text-align: center;
	color: #6c757d;
	font-size: 0.8rem;
	font-weight: 600;
}

.user-profile .side-left .card .avatar .email {
	text-align: center;
	color: #857bff;
	display: block;
}

.user-profile .side-left .card .avatar .number {
	display: block;
	text-align: center;
	color: #857bff;
}

.user-profile .side-left .card .overview .achivements {
	padding-left: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.user-profile .side-left .card .overview .achivements li {
	width: 33.333%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.user-profile .side-left .card .overview .achivements li p {
	text-align: center;
	margin-bottom: 0;
	font-weight: 600;
	font-size: 1.4rem;
	color: #354168;
}

.user-profile .side-left .card .overview .achivements li p:last-child {
	font-weight: 500;
	font-size: 0.9rem;
}

.user-profile .side-left .card .overview .about-user p {
	font-size: 0.8rem;
}

.user-profile .side-left .card .overview .info-links a {
	font-size: 0.8rem;
	display: block;
	margin-bottom: 10px;
}

.user-profile .side-left .card .overview .info-links a i {
	font-size: 0.8rem;
	margin-right: 10px;
}

.user-profile .side-left .card .overview .info-links a span {
	text-align: left;
	display: inline-block;
}

.calendar-aside {
	display: block;
}

.calendar-aside .list {
	position: relative;
	padding: 10px 8px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 5px;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
}

.calendar-aside .list .user-text {
	margin-bottom: 0;
	margin-left: 20px;
	font-size: 0.8rem;
}

.calendar-aside .list .count {
	width: 20px;
	height: 20px;
	position: relative;
	border-radius: 50px;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.calendar-aside .list .count:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	display: block;
	height: 10px;
	width: 10px;
	margin: auto;
	border-radius: 50px;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}

.calendar-aside .list .count.online:before {
	background: var(--button-secondary-theme-color);
}

.calendar-aside .list .count.offline:before {
	background: #ff7474;
}

.calendar-aside .list .count .close {
	font-size: 15px;
	margin: auto;
	opacity: 0;
	color: #ff7474;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}

.calendar-aside .list:hover {
	background: #f3f5f6;
}

.calendar-aside .list:hover .count:before {
	z-index: 0;
	height: 20px;
	width: 20px;
	background: #f3f5f6;
}

.calendar-aside .list:hover .count .close {
	z-index: 2;
	opacity: 1;
}

.horizontal-timeline .time-frame {
	border-bottom: 1px solid #f3f3f3;
	padding-top: 20px;
}

.horizontal-timeline .time-frame:last-child {
	border-bottom: none;
}

.horizontal-timeline .time-frame .section-time-frame {
	margin-bottom: 30px;
}

.horizontal-timeline .time-frame .event {
	border-left: 1px solid #f3f3f3;
	padding-left: 2rem;
	padding-bottom: 30px;
	position: relative;
}

.horizontal-timeline .time-frame .event:last-child {
	border-left: none;
}

.horizontal-timeline .time-frame .event .event-text {
	line-height: 1;
	font-weight: 400;
	margin-bottom: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
}

.horizontal-timeline .time-frame .event .tumbnail-views {
	display: inline-block;
}

.horizontal-timeline .time-frame .event .tumbnail-views .thumbnail {
	float: left;
	margin-right: 16px;
	margin-top: 1rem;
}

.horizontal-timeline .time-frame .event .tumbnail-views .thumbnail img {
	max-width: 100%;
	border-radius: 4px;
}

.horizontal-timeline .time-frame .event .event-alert {
	margin-top: 1rem;
	padding: 11px 25px;
	background: #f3f5f6;
	width: 80%;
	/* font-family: "Gilroy"; */
	font-size: 13px;
	font-weight: 300;
	border-radius: 4px;
}

.horizontal-timeline .time-frame .event .event-info {
	margin-top: 0.8rem;
	/* font-family: "Gilroy"; */
	font-size: 12px;
	font-weight: 400;
	color: #9c9c9c;
}

.horizontal-timeline .time-frame .event:before {
	content: "";
	position: absolute;
	top: 0;
	left: -5px;
	height: 10px;
	width: 10px;
	border-radius: 100%;
}

.horizontal-timeline .time-frame .event:nth-child(3n+1):before {
	background: var(--primary-theme-color);
}

.horizontal-timeline .time-frame .event:nth-child(3n+2):before {
	background: var(--button-secondary-theme-color);
}

.horizontal-timeline .time-frame .event:nth-child(3n+3):before {
	background: var(--primary-theme-color);
}

/* Timeline */
.vertical-timeline {
	list-style: none;
	padding: 0;
	position: relative;
}

.vertical-timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #c2c6d1;
	left: 50%;
	margin-left: -1.5px;
}

.vertical-timeline .timeline-wrapper {
	display: block;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	padding-right: 90px;
}

.vertical-timeline .timeline-wrapper:before {
	content: " ";
	display: table;
}

.vertical-timeline .timeline-wrapper:after {
	content: " ";
	display: table;
	clear: both;
}

.vertical-timeline .timeline-wrapper .timeline-panel {
	border-radius: 2px;
	padding: 20px;
	position: relative;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 1px 2px 35px 0 rgba(1, 1, 1, 0.1);
	width: 35%;
	margin-left: 15%;
}

.vertical-timeline .timeline-wrapper .timeline-panel:before {
	position: absolute;
	top: 0;
	width: 100%;
	height: 2px;
	content: "";
	left: 0;
	right: 0;
}

.vertical-timeline .timeline-wrapper .timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #ffffff;
	border-right: 0 solid #ffffff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.vertical-timeline .timeline-wrapper .timeline-panel .timeline-title {
	margin-top: 0;
	color: #354168;
	text-transform: uppercase;
}

.vertical-timeline .timeline-wrapper .timeline-panel .timeline-body p {
	margin-bottom: 0;
}

.vertical-timeline .timeline-wrapper .timeline-panel .timeline-body p+p
	{
	margin-top: 5px;
}

.vertical-timeline .timeline-wrapper .timeline-panel .timeline-body ul {
	margin-bottom: 0;
}

.vertical-timeline .timeline-wrapper .timeline-panel .timeline-footer span
	{
	font-size: 0.6875rem;
}

.vertical-timeline .timeline-wrapper .timeline-panel .timeline-footer i
	{
	font-size: 1.5rem;
}

.vertical-timeline .timeline-wrapper .timeline-badge {
	width: 14px;
	height: 14px;
	position: absolute;
	top: 16px;
	left: calc(50% - 7px);
	z-index: 100;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border: 2px solid #ffffff;
}

.vertical-timeline .timeline-wrapper .timeline-badge i {
	color: var(--font-secondary-theme-color);
}

.vertical-timeline .timeline-wrapper.timeline-inverted {
	padding-right: 0;
	padding-left: 90px;
}

.vertical-timeline .timeline-wrapper.timeline-inverted .timeline-panel {
	margin-left: auto;
	margin-right: 15%;
}

.vertical-timeline .timeline-wrapper.timeline-inverted .timeline-panel:after
	{
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

@media ( max-width : 767px) {
	.timeline .timeline-wrapper {
		padding-right: 150px;
	}
	.timeline .timeline-wrapper.timeline-inverted {
		padding-left: 150px;
	}
	.timeline .timeline-wrapper .timeline-panel {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

.timeline-wrapper-primary .timeline-panel:before {
	background: var(--primary-theme-color);
}

.timeline-wrapper-primary .timeline-badge {
	background: var(--primary-theme-color);
}

.timeline-wrapper-secondary .timeline-panel:before {
	background: #c2c6d1;
}

.timeline-wrapper-secondary .timeline-badge {
	background: #c2c6d1;
}

.timeline-wrapper-success .timeline-panel:before {
	background: var(--button-secondary-theme-color);
}

.timeline-wrapper-success .timeline-badge {
	background: var(--button-secondary-theme-color);
}

.timeline-wrapper-info .timeline-panel:before {
	background: var(--primary-theme-color);
}

.timeline-wrapper-info .timeline-badge {
	background: var(--primary-theme-color);
}

.timeline-wrapper-warning .timeline-panel:before {
	background: var(--primary-theme-color);
}

.timeline-wrapper-warning .timeline-badge {
	background: var(--primary-theme-color);
}

.timeline-wrapper-danger .timeline-panel:before {
	background: #ff7474;
}

.timeline-wrapper-danger .timeline-badge {
	background: #ff7474;
}

.timeline-wrapper-light .timeline-panel:before {
	background: #f3f5f6;
}

.timeline-wrapper-light .timeline-badge {
	background: #f3f5f6;
}

.timeline-wrapper-dark .timeline-panel:before {
	background: #354168;
}

.timeline-wrapper-dark .timeline-badge {
	background: #354168;
}

.timeline-wrapper-teal .timeline-panel:before {
	background: #58d8a3;
}

.timeline-wrapper-teal .timeline-badge {
	background: #58d8a3;
}

/*-------------------------------------------------------------------*/
/* === Email === */
/* Mail Sidebar */
@media ( max-width : 769px) {
	.email-wrapper .mail-sidebar {
		position: relative;
	}
}

@media ( max-width : 767.98px) {
	.email-wrapper .mail-sidebar {
		position: fixed;
		z-index: 99;
		background: #ffffff;
		width: 45%;
		min-width: 300px;
		left: -100%;
		display: block;
		transition: 0.4s ease;
		-webkit-transition: 0.4s ease;
		-moz-transition: 0.4s ease;
	}
}

.email-wrapper .mail-sidebar .menu-bar {
	width: 100%;
	float: right;
	height: 100%;
	min-height: 100%;
}

@media ( max-width : 767.98px) {
	.email-wrapper .mail-sidebar .menu-bar {
		min-height: 100vh;
		max-height: 100%;
		height: auto;
		overflow-y: auto;
		overflow-x: hidden;
	}
}

.email-wrapper .mail-sidebar .menu-bar .menu-items {
	padding: 0;
	margin-bottom: 0;
	height: auto;
	list-style-type: none;
}

.email-wrapper .mail-sidebar .menu-bar .menu-items li {
	padding: 10px 15px;
	transition: 0.4s;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.email-wrapper .mail-sidebar .menu-bar .menu-items li:hover {
	background: rgba(240, 244, 249, 0.8);
}

.email-wrapper .mail-sidebar .menu-bar .menu-items li a {
	color: #303a40;
	font-size: 0.8rem;
	text-decoration: none;
}

.email-wrapper .mail-sidebar .menu-bar .menu-items li a i {
	margin-right: 8px;
	font-size: 0.8rem;
	line-height: 1.5;
}

.email-wrapper .mail-sidebar .menu-bar .menu-items li.active {
	background: #f7f7f9;
	border-radius: 4px;
}

.email-wrapper .mail-sidebar .menu-bar .menu-items li.active a {
	color: #857bff;
}

.email-wrapper .mail-sidebar .menu-bar .menu-items li.compose:hover {
	background: transparent;
}

.email-wrapper .mail-sidebar .menu-bar .online-status {
	margin-top: 1rem;
}

.email-wrapper .mail-sidebar .menu-bar .online-status .chat {
	font-size: 0.8rem;
	color: #857bff;
	margin-bottom: 0;
	/* font-family: "Gilroy"; */
}

.email-wrapper .mail-sidebar .menu-bar .online-status .status {
	height: 10px;
	width: 10px;
	border-radius: 100%;
	display: inline-flex;
	justify-content: flex-start;
	transform: translateX(-43px) translateY(2px);
}

.email-wrapper .mail-sidebar .menu-bar .online-status .status:after {
	font-size: 12px;
	color: #2e383e;
	margin: -5px 0 0 18px;
}

.email-wrapper .mail-sidebar .menu-bar .online-status .status.offline {
	background: #ff7474;
}

.email-wrapper .mail-sidebar .menu-bar .online-status .status.offline:after
	{
	content: "Offline";
}

.email-wrapper .mail-sidebar .menu-bar .online-status .status.online {
	background: var(--button-secondary-theme-color);
}

.email-wrapper .mail-sidebar .menu-bar .online-status .status.online:after
	{
	content: "Online";
}

.email-wrapper .mail-sidebar .menu-bar .profile-list {
	padding: 10px 0;
}

.email-wrapper .mail-sidebar .menu-bar .profile-list-item {
	border-bottom: 1px solid #f3f3f3;
	padding: 6px 0;
	display: block;
}

.email-wrapper .mail-sidebar .menu-bar .profile-list-item:last-child {
	border-bottom: 0;
}

.email-wrapper .mail-sidebar .menu-bar .profile-list-item a {
	text-decoration: none;
}

.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 0;
	width: 20%;
	max-width: 40px;
}

.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .pro-pic img
	{
	max-width: 100%;
	width: 100%;
	border-radius: 100%;
}

.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {
	width: 100%;
	padding: 5px 10px 0 15px;
}

.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name
	{
	margin: 0;
	/* font-family: "Gilroy"; */
	font-size: 0.8rem;
	line-height: 1;
}

.email-wrapper
  .mail-sidebar
  .menu-bar
  .profile-list-item
  a
  .user
  .u-designation {
	font-size: calc(0.8rem - 0.1rem);
	margin-bottom: 0;
}

.email-wrapper .sidebar.open {
	left: 0;
}

/* Mail List Container */
.email-wrapper .mail-list-container {
	border-left: 1px solid #f3f3f3;
	height: 100%;
	padding-left: 0;
	padding-right: 0;
}

.email-wrapper .mail-list-container a {
	text-decoration: none;
}

.email-wrapper .mail-list-container .mail-list {
	border-bottom: 1px solid #f3f3f3;
	display: flex;
	flex-direction: row;
	padding: 10px 15px;
	width: 100%;
}

.email-wrapper .mail-list-container .mail-list:last-child {
	border-bottom: none;
}

.email-wrapper .mail-list-container .mail-list .form-check {
	margin-top: 12px;
	width: 11%;
	min-width: 20px;
}

.email-wrapper .mail-list-container .mail-list .content {
	width: 83%;
	padding-left: 0;
	padding-right: 0;
}

.email-wrapper .mail-list-container .mail-list .content .sender-name {
	margin-bottom: 0;
	font-size: 0.8rem;
	/* font-family: "Gilroy"; */
	max-width: 95%;
}

.email-wrapper .mail-list-container .mail-list .content .message_text {
	margin: 0;
	max-width: 93%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.email-wrapper .mail-list-container .mail-list .details {
	width: 5.5%;
}

.email-wrapper .mail-list-container .mail-list .details .date {
	text-align: right;
	margin: auto 15px auto 0;
	white-space: nowrap;
}

.email-wrapper .mail-list-container .mail-list .details i {
	margin: auto 0;
	color: #ddd;
}

.email-wrapper .mail-list-container .mail-list .details i.favorite {
	color: var(--primary-theme-color);
}

.email-wrapper .mail-list-container .mail-list.new_mail {
	background: #f7f7f9;
}

/* Message Content */
.email-wrapper .message-body .sender-details {
	padding: 20px 15px 0;
	border-bottom: 1px solid #f3f3f3;
	display: -webkit-flex;
	display: flex;
}

.email-wrapper .message-body .sender-details .details {
	padding-bottom: 0;
}

.email-wrapper .message-body .sender-details .details .msg-subject {
	margin-bottom: 0;
	/* font-family: "Gilroy"; */
}

.email-wrapper .message-body .sender-details .details .sender-email {
	margin-bottom: 20px;
	/* font-family: "Gilroy"; */
}

.email-wrapper .message-body .sender-details .details .sender-email i {
	font-size: 1rem;
	/* font-family: "Gilroy"; */
	margin: 0 1px 0 7px;
}

.email-wrapper .message-body .message-content {
	padding: 50px 15px;
}

.email-wrapper .message-body .attachments-sections ul {
	list-style: none;
	border-top: 1px solid #f3f3f3;
	padding: 30px 15px 20px;
}

.email-wrapper .message-body .attachments-sections ul li {
	padding: 10px;
	margin-right: 20px;
	border: 1px solid #f3f3f3;
	border-radius: 5px;
}

.email-wrapper .message-body .attachments-sections ul li .thumb {
	display: inline-block;
	margin-right: 10px;
}

.email-wrapper .message-body .attachments-sections ul li .thumb i {
	font-size: 30px;
	margin: 0;
	color: #2e383e;
}

.email-wrapper .message-body .attachments-sections ul li .details p.file-name
	{
	display: block;
	margin-bottom: 0;
	color: #2e383e;
}

.email-wrapper
  .message-body
  .attachments-sections
  ul
  li
  .details
  .buttons
  .file-size {
	margin-right: 10px;
	margin-bottom: 0;
	font-size: 13px;
}

.email-wrapper .message-body .attachments-sections ul li .details .buttons a
	{
	font-size: 13px;
	margin-right: 10px;
}

.email-wrapper
  .message-body
  .attachments-sections
  ul
  li
  .details
  .buttons
  a:last-child {
	margin-right: 0;
}

/*-------------------------------------------------------------------*/
/* === Plugin overrides === */
/* Ace Editor */
.ace_editor {
	margin: auto;
	height: 300px;
	width: 100%;
}

.ace_editor .ace_content {
	font-size: 0.8rem;
}

/* Avgrund Popup */
.avgrund-popin {
	position: absolute;
	background: #fff;
	padding: 37px 33px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity = 0);
	top: 50%;
	left: 50%;
	z-index: 1000;
	font-size: 0.8rem;
	/* font-family: "Gilroy"; */
	font-weight: initial;
	line-height: 1.85;
	border-radius: 10px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

.avgrund-popin p {
	font-size: 0.8rem;
	/* font-family: "Gilroy"; */
	font-weight: initial;
}

.avgrund-overlay {
	background: #4e4c4c;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.avgrund-ready .avgrund-overlay, .avgrund-ready .avgrund-popin, body.avgrund-ready
	{
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	-ms-transition: 0.3s all ease-out;
	-o-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

body.avgrund-active {
	overflow: hidden;
}

.avgrund-active .avgrund-popin {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity = 100);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.avgrund-active .avgrund-overlay {
	visibility: visible;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	height: 20000px;
}

.avgrund-popin.stack {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.avgrund-active .avgrund-popin.stack {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

/* Optional close button styles */
.avgrund-close {
	display: block;
	color: var(--font-secondary-theme-color);
	background: #212529;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	top: 10px;
	right: 10px;
	height: 17px;
	width: 17px;
	text-align: center;
	line-height: 16px;
	border-radius: 50px;
}

.avgrund-close:hover {
	color: var(--font-secondary-theme-color);
	text-decoration: none;
}

.chartjs-legend ul {
	list-style: none;
	padding-left: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.chartjs-legend ul li {
	margin-right: 8%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.chartjs-legend ul li span {
	height: 20px;
	width: 20px;
	margin-right: 1rem;
	display: inline-block;
	font-size: 0.8rem;
}

.rtl .chartjs-legend ul {
	padding-right: 0;
}

.rtl .chartjs-legend ul li {
	margin-right: 0;
	margin-left: 8%;
}

.rtl .chartjs-legend ul li span {
	margin-right: 0;
	margin-left: 1rem;
}

/* Chartist */
.ct-series-a .ct-line {
	stroke: #82ceff;
	stroke-width: 3px;
	stroke-dasharray: 10px 20px;
}

.ct-series-a .ct-point {
	stroke: #3ab2ff;
	stroke-width: 10px;
	stroke-linecap: round;
}

.ct-series-b .ct-line {
	stroke: #2ff795;
	stroke-width: 3px;
	stroke-dasharray: 10px 20px;
}

.ct-series-b .ct-point {
	stroke: #08d772;
	stroke-width: 10px;
	stroke-linecap: round;
}

.ct-series-c .ct-line {
	stroke: #fdd0c2;
	stroke-width: 3px;
	stroke-dasharray: 10px 20px;
}

.ct-series-c .ct-point {
	stroke: #fb9a7d;
	stroke-width: 10px;
	stroke-linecap: round;
}

.ct-series-a .ct-bar {
	stroke: #82ceff;
	stroke-width: 20px;
	stroke-dasharray: 0;
	stroke-linecap: squre;
}

.ct-series-b .ct-bar {
	stroke: #2ff795;
	stroke-width: 20px;
	stroke-dasharray: 0;
	stroke-linecap: squre;
}

.ct-series-c .ct-bar {
	stroke: #fdd0c2;
	stroke-width: 20px;
	stroke-dasharray: 0;
	stroke-linecap: squre;
}

.ct-series-d .ct-bar {
	stroke: #ffc1c1;
	stroke-width: 20px;
	stroke-dasharray: 0;
	stroke-linecap: squre;
}

.ct-series-a .ct-slice-pie {
	fill: #82ceff;
	stroke-width: 4px;
}

.ct-series-b .ct-slice-pie {
	fill: #2ff795;
	stroke-width: 4px;
}

.ct-series-c .ct-slice-pie {
	fill: #ffc1c1;
	stroke-width: 4px;
}

.ct-series-d .ct-slice-pie {
	fill: #fdd0c2;
	stroke-width: 4px;
}

.ct-series-a .ct-slice-donut-solid {
	fill: #82ceff;
}

.ct-series-b .ct-slice-donut-solid {
	fill: #2ff795;
}

.ct-series-c .ct-slice-donut-solid {
	fill: #ffc1c1;
}

.ct-series-a .ct-slice-donut-solid {
	fill: #fdd0c2;
}

#ct-chart-dash-barChart .ct-series-a .ct-bar {
	stroke: #ffa7a7;
	stroke-width: 20px;
	stroke-dasharray: 0;
	stroke-linecap: squre;
}

#ct-chart-dash-barChart .ct-series-b .ct-bar {
	stroke: #68c4ff;
	stroke-width: 20px;
	stroke-dasharray: 0;
	stroke-linecap: squre;
}

#ct-chart-dash-barChart .ct-series-c .ct-bar {
	stroke: #82ceff;
	stroke-width: 20px;
	stroke-dasharray: 0;
	stroke-linecap: squre;
}

#ct-chart-dash-barChart .ct-series-d .ct-bar {
	stroke: #9bd8ff;
	stroke-width: 20px;
	stroke-dasharray: 0;
	stroke-linecap: squre;
}

/* CodeMirror */
.CodeMirror {
	font-size: 1rem;
	height: auto;
	min-height: auto;
	text-align: left;
}

.CodeMirror .CodeMirror-scroll {
	min-height: auto;
}

/* Colcade */
* {
	box-sizing: border-box;
}

.grid {
	border: 1px solid #8ba2b5 est;
}

.grid:after {
	display: block;
	content: "";
	clear: both;
}

.grid-col {
	float: left;
	width: 49%;
	margin-right: 2%;
	background: rgba(77, 199, 160, 0.2);
}

.grid-col--4 {
	margin-right: 0;
}

/* hide two middle */
.grid-col--2, .grid-col--3 {
	display: none;
}

@media ( min-width : 768px) {
	.grid-col {
		width: 32%;
	}
	.grid-col--2 {
		display: block;
	}
}

@media ( min-width : 1200px) {
	.grid-col {
		width: 23.5%;
	}
	.grid-col--2, .grid-col--3 {
		display: block;
	}
}

.grid-item {
	background: #4dc7a0;
	margin-bottom: 20px;
}

.grid-item--a {
	height: 80px;
}

.grid-item--b {
	height: 140px;
}

.grid-item--c {
	height: 300px;
}

/* Colorpicker */
.asColorPicker-dropdown {
	max-width: initial;
}

.asColorPicker-trigger {
	height: auto;
	padding: 10px;
	border: 1px solid #f3f3f3;
	border-left: none;
}

.asColorPicker-trigger span {
	width: 8px;
	height: 8px;
	border-radius: 2px;
}

/* Context Menu */
.context-menu-icon:before {
	color: #4e4c4c;
	font: normal normal normal 15px/1 "Material Design Icons";
}

.context-menu-icon.context-menu-icon-cut:before {
	content: "\F190";
}

.context-menu-icon.context-menu-icon-edit:before {
	content: "\F3EF";
}

.context-menu-icon.context-menu-icon-copy:before {
	content: "\F18F";
}

.context-menu-icon.context-menu-icon-paste:before {
	content: "\F613";
}

.context-menu-icon.context-menu-icon-delete:before {
	content: "\F6CB";
}

.context-menu-icon.context-menu-icon-quit:before {
	content: "\F156";
}

.context-menu-list {
	box-shadow: none;
	border: 1px solid #f3f3f3;
}

.context-menu-list .context-menu-item span {
	color: #4e4c4c;
	font-size: 0.75rem;
	/* font-family: "Gilroy"; */
}

.context-menu-list .context-menu-item.context-menu-hover {
	background: #4e4c4c;
}

.context-menu-list .context-menu-item.context-menu-hover span {
	color: var(--font-secondary-theme-color);
}

/* Clockpicker */
.clockpicker-popover {
	background-color: #f3f3f3;
}

.clockpicker-popover.left .arrow:after {
	border-left-color: #f3f3f3;
}

.clockpicker-popover.right .arrow:after {
	border-right-color: #f3f3f3;
}

.clockpicker-popover.top .arrow:after {
	border-top-color: #f3f3f3;
}

.clockpicker-popover.bottom .arrow:after {
	border-bottom-color: var(--font-secondary-theme-color);
}

/* Data Tables */
.dataTables_wrapper {
	padding-left: 0;
	padding-right: 0;
}

.dataTables_wrapper label {
	font-size: 0.8125rem;
}

.dataTables_wrapper select {
	padding: 0.4rem;
}

.dataTables_wrapper .dataTables_length select {
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}

.dataTables_wrapper .dataTable {
	border-collapse: collapse !important;
}

.dataTables_wrapper .dataTable .btn, .dataTables_wrapper .dataTable .ajax-upload-dragdrop .ajax-file-upload,
	.ajax-upload-dragdrop .dataTables_wrapper .dataTable .ajax-file-upload,
	.dataTables_wrapper .dataTable .swal2-modal .swal2-buttonswrapper .swal2-styled,
	.swal2-modal .swal2-buttonswrapper .dataTables_wrapper .dataTable .swal2-styled,
	.dataTables_wrapper .dataTable .wizard>.actions a, .wizard>.actions .dataTables_wrapper .dataTable a
	{
	padding: 0.1rem 1rem;
	vertical-align: top;
}

.dataTables_wrapper .dataTable thead .sorting:after, .dataTables_wrapper .dataTable thead .sorting:before,
	.dataTables_wrapper .dataTable thead .sorting_asc:after,
	.dataTables_wrapper .dataTable thead .sorting_asc:before,
	.dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
	.dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
	.dataTables_wrapper .dataTable thead .sorting_desc:after,
	.dataTables_wrapper .dataTable thead .sorting_desc:before,
	.dataTables_wrapper .dataTable thead .sorting_desc_disabled:after,
	.dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {
	line-height: 2.5;
	font-family: Material Design Icons;
	font-size: 0.65rem;
}

.dataTables_wrapper .dataTable thead .sorting:before,
	.dataTables_wrapper .dataTable thead .sorting_asc:before,
	.dataTables_wrapper .dataTable thead .sorting_asc_disabled:before,
	.dataTables_wrapper .dataTable thead .sorting_desc:before,
	.dataTables_wrapper .dataTable thead .sorting_desc_disabled:before {
	content: "\F05D";
	right: 1.2em;
}

.dataTables_wrapper .dataTable thead .sorting:after, .dataTables_wrapper .dataTable thead .sorting_asc:after,
	.dataTables_wrapper .dataTable thead .sorting_asc_disabled:after,
	.dataTables_wrapper .dataTable thead .sorting_desc:after,
	.dataTables_wrapper .dataTable thead .sorting_desc_disabled:after {
	content: "\F045";
	right: 0.2em;
}

.dataTables_wrapper .dataTables_paginate {
	margin-top: 20px;
}

.dataTables_wrapper .dataTables_info {
	font-size: 0.8rem;
}

/* Datepicker */
.datepicker.datepicker-dropdown, .datepicker.datepicker-inline {
	padding: 0 25px;
	width: 20%;
	max-width: 500px;
	min-width: 250px;
	z-index: 99999999 !important;
}

.datepicker.datepicker-dropdown .datepicker-days, .datepicker.datepicker-inline .datepicker-days
	{
	padding: 0.8rem 0.7rem;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed,
	.datepicker.datepicker-inline .datepicker-days table.table-condensed {
	width: 100%;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  thead
  tr
  th, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  thead
  tr
  th {
	text-align: center;
	padding: 0.5rem 0;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.prev, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.prev {
	color: #6c757d;
	padding-bottom: 1rem;
	padding-top: 1rem;
	text-align: left;
	background: #ffffff;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.datepicker-switch, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.datepicker-switch {
	color: #6c757d;
	background: #ffffff;
	padding-bottom: 1rem;
	padding-top: 1rem;
	font-size: 1rem;
	font-weight: 600;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.next, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.next {
	color: grey;
	padding-bottom: 1rem;
	padding-top: 1rem;
	text-align: right;
	background: #ffffff;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.dow, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.dow {
	/* font-family: "Gilroy"; */
	color: #6c757d;
	font-size: 0.875rem;
	font-weight: initial;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.dow:first-child, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.dow:first-child {
	text-align: left;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.dow:last-child, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.dow:last-child {
	text-align: right;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,
	.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody
	{
	position: relative;
	top: 13px;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td,
	.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td
	{
	text-align: center;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  tbody
  td.day, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  tbody
  td.day {
	font-size: 0.9375rem;
	padding: 0.5rem 0;
	color: #6c757d;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  tbody
  td.day:hover, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  tbody
  td.day:hover {
	background: #ffffff;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  tbody
  td.day:first-child, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  tbody
  td.day:first-child {
	text-align: left;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  tbody
  td.day:last-child, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  tbody
  td.day:last-child {
	text-align: right;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  tbody
  td.day.active, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  tbody
  td.day.active {
	color: var(--font-secondary-theme-color);
	background: transparent;
	position: relative;
	z-index: 1;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  tbody
  td.day.active:before, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  tbody
  td.day.active:before {
	content: "";
	width: 38px;
	height: 38px;
	background: var(--button-secondary-theme-color);
	border-radius: 100%;
	display: block;
	margin: auto;
	vertical-align: middle;
	position: absolute;
	top: 1px;
	z-index: -1;
	left: 0;
	right: 0;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  tbody
  td.day.today, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  tbody
  td.day.today {
	color: var(--font-secondary-theme-color);
	background: transparent;
	position: relative;
	z-index: 1;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  tbody
  td.day.today:before, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  tbody
  td.day.today:before {
	content: "";
	width: 38px;
	height: 38px;
	background: var(--primary-theme-color);
	border-radius: 100%;
	display: block;
	margin: auto;
	vertical-align: middle;
	position: absolute;
	top: 1px;
	z-index: -1;
	left: 0;
	right: 0;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  tbody
  td.old.day, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  tbody
  td.old.day {
	color: #eaeaef;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover
	{
	color: #ccc !important;
}

.datepicker.datepicker-inline {
	width: 100%;
	max-width: 100%;
	min-width: 250px;
}

.datepicker.datepicker-inline thead tr th.prev {
	color: grey;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}

.datepicker.datepicker-inline thead tr th.datepicker-switch {
	color: #857bff;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}

.datepicker.datepicker-inline thead tr th.next {
	color: grey;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}

.datepicker>div {
	display: initial;
	/* padding: 0.375rem 0.75rem; */
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 400;
	/* line-height: 1.5; */
	color: #495057;
	text-align: center;
	white-space: nowrap;
	border-radius: 2px;
}

.datepicker.input-group, .datepicker.asColorPicker-wrap {
	border: 1px solid #f3f3f3;
	padding: 0;
}

.datepicker.input-group .form-control, .datepicker.asColorPicker-wrap .form-control,
	.datepicker.input-group .asColorPicker-input, .datepicker.asColorPicker-wrap .asColorPicker-input,
	.datepicker.input-group .dataTables_wrapper select, .dataTables_wrapper .datepicker.input-group select,
	.datepicker.asColorPicker-wrap .dataTables_wrapper select,
	.dataTables_wrapper .datepicker.asColorPicker-wrap select, .datepicker.input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .datepicker.input-group
  input[type="text"], .datepicker.asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .datepicker.asColorPicker-wrap
  input[type="text"], .datepicker.input-group .jsgrid .jsgrid-table .jsgrid-filter-row select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.input-group select,
	.datepicker.asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select,
	.jsgrid .jsgrid-table .jsgrid-filter-row .datepicker.asColorPicker-wrap select,
	.datepicker.input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .datepicker.input-group
  input[type="number"], .datepicker.asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .datepicker.asColorPicker-wrap
  input[type="number"], .datepicker.input-group .select2-container--default .select2-selection--single,
	.select2-container--default .datepicker.input-group .select2-selection--single,
	.datepicker.asColorPicker-wrap
  .select2-container--default
  .select2-selection--single, .select2-container--default
  .datepicker.asColorPicker-wrap
  .select2-selection--single, .datepicker.input-group
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .datepicker.input-group
  .select2-search__field, .datepicker.asColorPicker-wrap
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .datepicker.asColorPicker-wrap
  .select2-search__field, .datepicker.input-group .tt-hint, .datepicker.asColorPicker-wrap .tt-hint,
	.datepicker.input-group .tt-query, .datepicker.asColorPicker-wrap .tt-query,
	.datepicker.input-group .typeahead, .datepicker.asColorPicker-wrap .typeahead
	{
	border: none;
}

/* Dropify */
.dropify-wrapper {
	border: 2px dashed #f3f3f3;
	border-radius: 7px;
}

.dropify-wrapper:hover {
	background-size: 30px 30px;
	background-image: -webkit-linear-gradient(135deg, #f2f7f8 25%, transparent 25%,
		transparent 50%, #f2f7f8 50%, #f2f7f8 75%, transparent 75%,
		transparent);
	background-image: linear-gradient(135deg, #f2f7f8 25%, transparent 25%, transparent 50%,
		#f2f7f8 50%, #f2f7f8 75%, transparent 75%, transparent);
	-webkit-animation: stripes 2s linear infinite;
	animation: stripes 2s linear infinite;
}

.dropify-wrapper .dropify-message span.file-icon:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	content: "\F552";
	color: #212529;
	font-size: 1.25rem;
}

.dropify-wrapper .dropify-message p {
	font-size: 0.8125rem;
	color: #212529;
}

.dropify-wrapper .dropify-preview .dropify-infos {
	background: rgba(255, 255, 255, 0.9);
}

.dropify-wrapper
  .dropify-preview
  .dropify-infos
  .dropify-infos-inner
  .dropify-filename {
	color: #857bff;
	font-size: 20px;
	font-weight: 400;
}

.dropify-wrapper
  .dropify-preview
  .dropify-infos
  .dropify-infos-inner
  .dropify-infos-message {
	color: #333;
	font-weight: 500;
}

.dropify-wrapper .dropify-preview .dropify-render img {
	opacity: 0.7;
}

.dropify-wrapper .dropify-clear {
	background: #fff;
	border: none;
	font-weight: 700;
	color: #6c757d;
}

/* Dropzone */
.dropzone {
	border: 1px solid #f3f3f3;
	height: 200px;
}

.dropzone .dz-message {
	text-align: center;
	width: 100%;
}

.dropzone .dz-message span {
	font-size: 0.8125rem;
	color: #212529;
}

/* Flot chart */
.float-chart-container {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-height: 300px;
	max-height: 100%;
}

.float-chart {
	width: 100%;
	position: relative;
	max-width: none;
	height: 400px;
}

.float-chart canvas {
	position: absolute !important;
	top: 0;
	bottom: 0;
}

/* Full Calendar */
#calendar .fc-header-toolbar {
	background: #ffffff;
	padding: 28px 0 80px;
	margin-bottom: 0;
}

#calendar .fc-header-toolbar .fc-button-group {
	border-radius: 5px;
}

#calendar .fc-header-toolbar .fc-button-group .fc-button {
	box-shadow: none;
	padding: 1px 12px;
	margin-right: 0;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.33;
	border: none;
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
	text-shadow: none;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#calendar .fc-header-toolbar .fc-button-group .fc-button:first-letter {
	text-transform: uppercase;
}

#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-state-active
	{
	background: #6d62ff;
	color: var(--font-secondary-theme-color);
}

#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button,
	#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button
	{
	background: #ffffff;
	color: #857bff;
	margin-right: 7px;
	height: 2.0625rem;
	width: 2.25rem;
	border: none;
}

#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-next-button span,
	#calendar .fc-header-toolbar .fc-button-group .fc-button.fc-prev-button span
	{
	top: -3px;
	right: 9px;
}

#calendar
  .fc-header-toolbar
  .fc-button-group
  .fc-button.fc-next-button
  span:after, #calendar
  .fc-header-toolbar
  .fc-button-group
  .fc-button.fc-prev-button
  span:after {
	font: normal normal normal 24px/1 "Material Design Icons";
	display: block;
	line-height: 21px;
}

#calendar
  .fc-header-toolbar
  .fc-button-group
  .fc-button.fc-prev-button
  span:after {
	content: "\F141";
}

#calendar
  .fc-header-toolbar
  .fc-button-group
  .fc-button.fc-next-button
  span:after {
	content: "\F142";
}

#calendar .fc-header-toolbar .fc-today-button {
	box-shadow: none;
	padding: 1px 12px;
	border-radius: 2px;
	margin-right: 4px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.33;
	border: none;
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
	text-shadow: none;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

#calendar .fc-header-toolbar .fc-today-button:first-letter {
	text-transform: uppercase;
}

#calendar .fc-header-toolbar .fc-center h2 {
	font-size: 1.125rem;
	font-weight: 600;
	text-transform: uppercase;
}

#calendar .fc-view-container .fc-view {
	background: #f3f3f3;
}

#calendar .fc-view-container .fc-view table thead.fc-head {
	border: none;
}

#calendar
  .fc-view-container
  .fc-view
  table
  thead.fc-head
  tr
  td
  .fc-widget-header {
	border: none;
}

#calendar
  .fc-view-container
  .fc-view
  table
  thead.fc-head
  tr
  td
  .fc-widget-header
  table
  thead {
	border: none;
}

#calendar
  .fc-view-container
  .fc-view
  table
  thead.fc-head
  tr
  td
  .fc-widget-header
  table
  thead
  tr
  th.fc-day-header {
	text-transform: uppercase;
	padding: 0.4375rem 0;
	border-color: #f3f3f3;
	font-size: 0.8rem;
}

#calendar
  .fc-view-container
  .fc-view
  table
  thead.fc-head
  tr
  td.fc-head-container {
	border-color: #f7f7f7;
	border-bottom: none;
}

#calendar .fc-view-container .fc-view table tbody.fc-body {
	background: #ffffff;
}

#calendar
  .fc-view-container
  .fc-view
  table
  tbody.fc-body
  tr
  td.fc-widget-content {
	border-color: #f3f3f3;
}

#calendar
  .fc-view-container
  .fc-view
  table
  tbody.fc-body
  tr
  td.fc-widget-content
  .fc-day-grid-container
  .fc-day-grid
  .fc-row {
	border-color: #f3f3f3;
}

#calendar
  .fc-view-container
  .fc-view
  table
  tbody.fc-body
  tr
  td.fc-widget-content
  .fc-day-grid-container
  .fc-day-grid
  .fc-row
  .fc-bg
  table
  tr
  td {
	border-color: #f3f3f3;
}

#calendar
  .fc-view-container
  .fc-view
  table
  tbody.fc-body
  tr
  td.fc-widget-content
  .fc-day-grid-container
  .fc-day-grid
  .fc-row
  .fc-content-skeleton
  table
  thead
  tr
  td.fc-day-top {
	padding: 8px;
	font-size: 13px;
	font-weight: 600;
}

#calendar
  .fc-view-container
  .fc-view
  table
  tbody.fc-body
  tr
  td.fc-widget-content
  .fc-day-grid-container
  .fc-day-grid
  .fc-row
  .fc-content-skeleton
  table
  tbody
  tr
  td.fc-event-container
  .fc-h-event {
	background: var(--button-secondary-theme-color);
	border: none;
	padding: 6px 12px 6px 22px;
	font-size: 12px;
	font-weight: 500;
	color: var(--font-secondary-theme-color);
	border-radius: 4px;
}

#calendar
  .fc-view-container
  .fc-view
  table
  tbody.fc-body
  tr
  td.fc-widget-content
  .fc-day-grid-container
  .fc-day-grid
  .fc-row
  .fc-content-skeleton
  table
  tbody
  tr
  td.fc-more-cell {
	font-weight: 600;
	color: #354168;
	padding: 0 7px;
}

/* Google Charts */
.google-chart-container .google-charts {
	width: 100%;
	height: 280px;
	min-height: 280px;
	min-width: 100%;
}

/* Icheck */
.icheck, .icheck-flat, .icheck-line, .icheck-square {
	margin-bottom: 0.5rem;
}

.icheck label, .icheck-flat label, .icheck-line label, .icheck-square label
	{
	font-size: 0.8125rem;
	line-height: 1.5;
	margin-left: 5px;
	margin-bottom: 0;
}

/* Jquery File Upload */
.ajax-upload-dragdrop {
	border-color: #f3f3f3;
	border-style: dotted;
	max-width: 100%;
}

.ajax-upload-dragdrop span b {
	font-size: 0.8125rem;
	color: #212529;
	font-weight: initial;
}

.ajax-upload-dragdrop .ajax-file-upload {
	background: var(--primary-theme-color);
	box-shadow: none;
	height: auto;
}

.ajax-file-upload-container {
	min-height: 100px;
}

.ajax-file-upload-container .ajax-file-upload-statusbar {
	max-width: 100%;
}

/* Js-grid */
.jsgrid .jsgrid-button {
	background-image: url("../images/sprites/jsgrid-icons.png");
}

.jsgrid .jsgrid-grid-header {
	border: 1px solid #f3f3f3;
	border-top: 0;
}

.jsgrid .jsgrid-table th {
	font-weight: initial;
	/* font-family: "Gilroy"; */
}

.jsgrid .jsgrid-table .jsgrid-filter-row input[type="number"] {
	padding: 0.56rem 0;
}

.jsgrid .jsgrid-header-sort:before {
	margin-top: 10px;
	float: right;
}

.jsgrid .jsgrid-header-sort-asc:before {
	border-color: transparent transparent #212529;
}

.jsgrid .jsgrid-header-sort-desc:before {
	border-color: #212529 transparent transparent;
}

.jsgrid .jsgrid-pager {
	line-height: 2;
}

.jsgrid .jsgrid-pager-current-page {
	padding: 0.5rem 0.75rem;
	font-weight: initial;
	line-height: 1.25;
}

/* Jvectormap */
.jvectormap-container {
	background: #ffffff;
}

/* Light Gallery */
.lightGallery {
	width: 100%;
	margin: 0;
}

.lightGallery .image-tile {
	position: relative;
	margin-bottom: 30px;
}

.lightGallery .image-tile .demo-gallery-poster {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.lightGallery .image-tile .demo-gallery-poster img {
	display: block;
	margin: auto;
	width: 40%;
	max-width: 60px;
	min-width: 20px;
}

.lightGallery .image-tile img {
	max-width: 100%;
	width: 100%;
}

/* Listify */
.listify-list input {
	border: 1px solid #f4f4f4;
	color: #8ba2b5;
	background: #fff;
}

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

.listify-list ul.list li {
	display: block;
	border-bottom: 1px solid #f3f3f3;
	padding: 15px 10px;
}

.listify-list ul.list li h5 {
	color: #857bff;
}

.listify-list ul.list li p {
	color: #8ba2b5;
	margin: 0;
}

/* No-ui-slider */
.noUi-target {
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.noUi-target.noUi-horizontal {
	height: 0.25rem;
}

.noUi-target.noUi-horizontal .noUi-handle {
	left: -17px;
}

.noUi-target.noUi-vertical {
	width: 0.25rem;
	height: 156px;
	display: inline-block;
}

.noUi-target.noUi-vertical .noUi-handle {
	left: -6px;
}

.noUi-target .noUi-base {
	background: #f7f7f9;
	box-shadow: none;
	border: none;
}

.noUi-target .noUi-base .noUi-connect {
	background: var(--primary-theme-color);
	box-shadow: none;
}

.noUi-target .noUi-base .noUi-origin {
	background: var(--button-secondary-theme-color);
}

.noUi-target .noUi-base .noUi-origin .noUi-handle {
	position: relative;
	background: #ffffff;
	border-radius: 100%;
	border: 1px solid #f3f3f3;
	width: 18px;
	height: 18px;
	top: -7px;
	outline: none;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.noUi-target .noUi-base .noUi-origin .noUi-handle:after, .noUi-target .noUi-base .noUi-origin .noUi-handle:before
	{
	display: none;
}

.noUi-target .noUi-base .noUi-origin .noUi-handle:after {
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	margin: auto;
	width: 6px;
	height: 6px;
	background: var(--primary-theme-color);
	border-radius: 100%;
}

.noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
	/* font-family: "Gilroy"; */
	border-radius: 4px;
	border: none;
	line-height: 1;
	font-size: 0.8rem;
	padding: 13px 12px;
	bottom: 190%;
}

.noUi-target .noUi-pips .noUi-marker-horizontal, .noUi-target .noUi-pips .noUi-marker-vertical
	{
	background: #f3f3f3;
}

.noUi-target .noUi-pips .noUi-marker-horizontal {
	height: 9px;
	width: 1px;
}

.noUi-target .noUi-pips .noUi-marker-vertical {
	height: 1px;
	width: 9px;
}

.noUi-target .noUi-pips .noUi-value {
	color: #4e4c4c;
	font-size: 0.94rem;
	/* font-family: "Gilroy"; */
}

/* Slider Color variations */
.slider-primary .noUi-base .noUi-connect {
	background: var(--primary-theme-color);
}

.slider-primary .noUi-base .noUi-origin {
	background: var(--primary-theme-color);
}

.slider-primary .noUi-base .noUi-origin .noUi-handle:after {
	background: var(--primary-theme-color);
}

.slider-primary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.slider-secondary .noUi-base .noUi-connect {
	background: #c2c6d1;
}

.slider-secondary .noUi-base .noUi-origin {
	background: #c2c6d1;
}

.slider-secondary .noUi-base .noUi-origin .noUi-handle:after {
	background: #c2c6d1;
}

.slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
	background: #c2c6d1;
	color: var(--font-secondary-theme-color);
}

.slider-success .noUi-base .noUi-connect {
	background: var(--button-secondary-theme-color);
}

.slider-success .noUi-base .noUi-origin {
	background: var(--button-secondary-theme-color);
}

.slider-success .noUi-base .noUi-origin .noUi-handle:after {
	background: var(--button-secondary-theme-color);
}

.slider-success .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
	background: var(--button-secondary-theme-color);
	color: var(--font-secondary-theme-color);
}

.slider-info .noUi-base .noUi-connect {
	background: var(--primary-theme-color);
}

.slider-info .noUi-base .noUi-origin {
	background: var(--primary-theme-color);
}

.slider-info .noUi-base .noUi-origin .noUi-handle:after {
	background: var(--primary-theme-color);
}

.slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.slider-warning .noUi-base .noUi-connect {
	background: var(--primary-theme-color);
}

.slider-warning .noUi-base .noUi-origin {
	background: var(--primary-theme-color);
}

.slider-warning .noUi-base .noUi-origin .noUi-handle:after {
	background: var(--primary-theme-color);
}

.slider-warning .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.slider-danger .noUi-base .noUi-connect {
	background: #ff7474;
}

.slider-danger .noUi-base .noUi-origin {
	background: #ff7474;
}

.slider-danger .noUi-base .noUi-origin .noUi-handle:after {
	background: #ff7474;
}

.slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
	background: #ff7474;
	color: var(--font-secondary-theme-color);
}

.slider-light .noUi-base .noUi-connect {
	background: #f3f5f6;
}

.slider-light .noUi-base .noUi-origin {
	background: #f3f5f6;
}

.slider-light .noUi-base .noUi-origin .noUi-handle:after {
	background: #f3f5f6;
}

.slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
	background: #f3f5f6;
	color: var(--font-secondary-theme-color);
}

.slider-dark .noUi-base .noUi-connect {
	background: #354168;
}

.slider-dark .noUi-base .noUi-origin {
	background: #354168;
}

.slider-dark .noUi-base .noUi-origin .noUi-handle:after {
	background: #354168;
}

.slider-dark .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
	background: #354168;
	color: var(--font-secondary-theme-color);
}

.slider-teal .noUi-base .noUi-connect {
	background: #58d8a3;
}

.slider-teal .noUi-base .noUi-origin {
	background: #58d8a3;
}

.slider-teal .noUi-base .noUi-origin .noUi-handle:after {
	background: #58d8a3;
}

.slider-teal .noUi-base .noUi-origin .noUi-handle .noUi-tooltip {
	background: #58d8a3;
	color: var(--font-secondary-theme-color);
}

/* Owl-carousel */
.owl-carousel img {
	border-radius: 4px;
}

.owl-carousel.full-width .owl-nav {
	position: absolute;
	top: 30%;
	width: 100%;
	margin-top: 0;
}

.owl-carousel.full-width .owl-nav .owl-next, .owl-carousel.full-width .owl-nav .owl-prev
	{
	background: transparent;
	color: var(--font-secondary-theme-color);
}

.owl-carousel.full-width .owl-nav .owl-next i:before, .owl-carousel.full-width .owl-nav .owl-prev i:before
	{
	width: 40px;
	height: 40px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 40px;
}

.owl-carousel.full-width .owl-nav .owl-prev {
	float: left;
}

.owl-carousel.full-width .owl-nav .owl-next {
	float: right;
}

.owl-carousel.full-width .owl-dots {
	margin-top: 1rem;
}

.owl-carousel .item-video {
	width: 200px;
	height: 200px;
}

/* Progressbar-js */
.ui-progress {
	border-radius: 50px;
}

.ui-progress svg {
	background: #f3f3f3;
	border-radius: 50px;
}

.progressbar-js-circle {
	width: 100%;
}

/* Pws-tabs */
.pws_tabs_container ul.pws_tabs_controll {
	border-bottom: 1px solid #857bff;
}

.pws_tabs_container ul.pws_tabs_controll li:first-child a {
	border-radius: 5px 0 0 0;
}

.pws_tabs_container ul.pws_tabs_controll li:last-child a {
	border-right: 1px solid #857bff;
	border-radius: 0 5px 0 0;
}

.pws_tabs_container ul.pws_tabs_controll li a {
	border: 1px solid #857bff;
	border-bottom: none;
	border-right: none;
	background: #fff;
	color: #857bff;
	padding: 0.3em 1.3em;
	margin-right: 0 !important;
	font-weight: 500;
}

.pws_tabs_container ul.pws_tabs_controll li a:hover {
	background: #fff;
	color: #857bff;
}

.pws_tabs_container ul.pws_tabs_controll li a.pws_tab_active {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.pws_tabs_container .demo-tabs {
	border: 1px solid #857bff;
	border-radius: 0 5px 5px 5px;
	overflow: hidden;
	background: #f3f5f6;
	margin-bottom: 45px;
	padding-top: 3.5rem;
}

.pws_tabs_container .demo-tabs .CodeMirror {
	margin-bottom: 20px;
}

.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll {
	border-right: none;
	border-bottom: none;
}

.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:first-child a
	{
	border-radius: 5px 0 0 0;
}

.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li:last-child a
	{
	border-bottom: 1px solid #857bff;
	border-radius: 0 0 0 5px;
	border-right: 0;
}

.pws_tabs_container.pws_tabs_vertical .pws_tabs_controll li a {
	border-radius: 0;
	border: 1px solid #857bff;
	border-right: none;
	border-bottom: none;
	margin-bottom: 0 !important;
}

.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_list {
	margin-bottom: 0;
}

.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll {
	border-top: 1px solid #857bff;
	border-right: none;
	border-bottom: none;
}

.pws_tabs_container.pws_tabs_horizontal_bottom
  .pws_tabs_controll
  li:first-child
  a {
	border-radius: 0 0 0 5px;
}

.pws_tabs_container.pws_tabs_horizontal_bottom
  .pws_tabs_controll
  li:last-child
  a {
	border-radius: 0 0 5px 0;
	border-right: 1px solid #857bff;
}

.pws_tabs_container.pws_tabs_horizontal_bottom .pws_tabs_controll li a {
	border-radius: 0;
	border: 1px solid #857bff;
	border-top: none;
	border-right: none;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.pws_tabs_container.pws_tabs_horizontal_top .pws_tabs_controll {
	border-bottom: 0px;
}

.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:first-child a {
	border-radius: 0 5px 0 0;
	border-right: 1px solid #857bff;
}

.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li:last-child a {
	border-right: none;
	border-radius: 5px 0 0 0;
}

.pws_tabs_container.pws_tabs_rtl .pws_tabs_controll li a {
	border: 1px solid #857bff;
	border-bottom: none;
	border-right: none;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* Quill Editor */
.quill-container {
	height: 300px;
}

.ql-toolbar.ql-snow, .quill-container.ql-snow {
	border-color: #f3f3f3;
}

/* Rating */
.br-theme-css-stars .br-widget a.br-active:after, .br-theme-css-stars .br-widget a.br-selected:after,
	.br-theme-fontawesome-stars .br-widget a.br-active:after,
	.br-theme-fontawesome-stars .br-widget a.br-selected:after {
	color: var(--primary-theme-color);
}

.br-theme-bars-1to10 .br-widget a, .br-theme-bars-horizontal .br-widget a,
	.br-theme-bars-movie .br-widget a, .br-theme-bars-pill .br-widget a,
	.br-theme-bars-reversed .br-widget a {
	background-color: rgba(255, 188, 52, 0.6);
	color: var(--primary-theme-color);
}

.br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected,
	.br-theme-bars-horizontal .br-widget a.br-active,
	.br-theme-bars-horizontal .br-widget a.br-selected,
	.br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected,
	.br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected,
	.br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected
	{
	background-color: var(--primary-theme-color);
}

.br-theme-bars-square .br-widget a {
	border-color: rgba(255, 188, 52, 0.6);
	color: rgba(255, 188, 52, 0.6);
}

.br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected
	{
	border-color: var(--primary-theme-color);
	color: var(--primary-theme-color);
}

.br-theme-bars-1to10 .br-widget .br-current-rating,
	.br-theme-bars-horizontal .br-widget .br-current-rating,
	.br-theme-bars-movie .br-widget .br-current-rating,
	.br-theme-bars-reversed .br-widget .br-current-rating {
	color: #212529;
	font-size: 0.8rem;
	font-weight: initial;
}

.br-theme-bars-1to10 {
	height: 26px;
}

.br-theme-bars-1to10 .br-widget {
	height: 24px;
}

.br-theme-bars-1to10 .br-widget .br-current-rating {
	line-height: 1;
}

.br-theme-bars-pill .br-widget a {
	line-height: 2.5;
}

/* Select2 */
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
	background: var(--primary-theme-color);
}

.select2-container--default .select2-dropdown,
	.select2-container--default .select2-selection--multiple,
	.select2-container--default .select2-selection--single {
	border-color: #f3f3f3;
	z-index: 999999999;
}

.select2-container--default .select2-dropdown .select2-search__field,
	.select2-container--default .select2-selection--multiple .select2-search__field,
	.select2-container--default .select2-selection--single .select2-search__field
	{
	border-color: #f3f3f3;
	z-index: 999999999;
}

.select2-container--default .select2-selection--single {
	height: auto;
	/* border: 1px solid #7875eb !important; */
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
	line-height: 14px;
}

.select2-container--default .select2-dropdown {
	font-size: 0.8125rem;
	z-index: 999999999;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
	border-color: #f3f3f3;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
	color: var(--font-secondary-theme-color);
	border: 0;
	border-radius: 3px;
	padding: 6px;
	font-size: 0.625rem;
	font-family: inherit;
	line-height: 1;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice
  .select2-selection__choice__remove {
	color: var(--font-secondary-theme-color);
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice:nth-child(5n+1) {
	background: var(--primary-theme-color);
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice:nth-child(5n+2) {
	background: var(--button-secondary-theme-color);
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice:nth-child(5n+3) {
	background: var(--primary-theme-color);
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice:nth-child(5n+4) {
	background: #ff7474;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice:nth-child(5n+5) {
	background: var(--primary-theme-color);
}

/* Summernote Editor */
.note-editor.note-frame {
	border: 1px solid #f3f3f3;
}

.note-popover {
	border: 1px solid #f3f3f3;
}

/* SweetAlert */
.swal2-container {
	z-index: 1500;
}

.swal2-modal {
	min-height: 315px;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	border-radius: 10px;
}

.swal2-modal .swal2-title {
	font-size: 25px;
	line-height: 1;
	/* font-family: "Gilroy"; */
	color: #212529;
	font-weight: initial;
	margin-bottom: 0;
}

.swal2-modal .swal2-icon, .swal2-modal .swal2-success-ring {
	margin-top: 0;
	margin-bottom: 42px;
}

.swal2-modal .swal2-buttonswrapper {
	margin-top: 0;
	padding: 0;
}

.swal2-modal .swal2-buttonswrapper .swal2-styled {
	margin-top: 0;
	font-weight: initial;
}

.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {
	background-color: var(--button-secondary-theme-color) !important;
	border: 1px solid var(--button-secondary-theme-color) !important;
	font-weight: initial;
	margin-top: 32px;
}

.swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-cancel {
	margin-top: 32px;
	background-color: #ffffff !important;
	border: 1px solid #f3f3f3;
	color: #212529;
	font-weight: initial;
}

.swal2-modal .swal2-content {
	font-size: 0.8rem;
	/* font-family: "Gilroy"; */
	color: #212529;
	font-weight: initial;
	margin-top: 11px;
}

.swal2-modal .swal2-close {
	font-size: 20px;
}

.swal2-modal .swal2-success-ring {
	left: -30px;
}

/* Switchery */
.switchery {
	width: 35px;
	height: 21px;
	border-radius: 11px;
}

.switchery>small {
	width: 20px;
	height: 20px;
}

.switchery-small {
	width: 25px;
	height: 13px;
}

.switchery-small>small {
	width: 13px;
	height: 13px;
}

.switchery-large {
	width: 50px;
	height: 28px;
	border-radius: 14px;
}

.switchery-large>small {
	width: 27px;
	height: 27px;
}

/* Tags */
div.tagsinput {
	padding: 15px 15px 10px;
	border-color: #f3f3f3;
}

div.tagsinput span.tag {
	background: var(--primary-theme-color);
	border: 0;
	color: var(--font-secondary-theme-color);
	padding: 6px 14px;
	font-size: 0.8125rem;
	font-family: inherit;
	line-height: 1;
}

div.tagsinput span.tag a {
	color: var(--font-secondary-theme-color);
}

/* TinyMCE Editor */
.mce-tinymce.mce-panel, .mce-tinymce .mce-panel {
	border-color: #f3f3f3;
}

/* Toast */
.jq-toast-wrap .jq-icon-success {
	background-color: var(--button-secondary-theme-color);
}

.jq-toast-wrap .jq-icon-info {
	background-color: var(--primary-theme-color);
}

.jq-toast-wrap .jq-icon-warning {
	background-color: var(--primary-theme-color);
}

.jq-toast-wrap .jq-icon-error {
	background-color: #ff7474;
}

/* Typeahead */
.gist, .tt-menu {
	text-align: left;
}

.twitter-typeahead {
	max-width: 100%;
}

.typeahead {
	background-color: #ffffff;
}

.typeahead:focus {
	border-color: #f3f3f3;
}

.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	color: #6c757d;
}

.tt-menu {
	width: 100%;
	margin: 12px 0;
	padding: 8px 0;
	background-color: #ffffff;
	border: 1px solid #f3f3f3;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: inherit;
}

.tt-suggestion:hover {
	cursor: pointer;
	color: var(--font-secondary-theme-color);
	background-color: #857bff;
}

.tt-suggestion .tt-cursor {
	color: var(--font-secondary-theme-color);
	background-color: #857bff;
}

.tt-suggestion p {
	margin: 0;
}

/* Wysi Editor */
.wysi-editor #toolbar [data-wysihtml-action] {
	float: right;
}

.wysi-editor #toolbar, .wysi-editor textarea {
	width: 920px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.wysi-editor textarea {
	height: 280px;
	border: 1px solid #f3f3f3;
	font-family: inherit;
	font-size: 1rem;
}

.wysi-editor textarea:focus {
	color: black;
	border: 1px solid #f3f3f3;
}

.wysi-editor .wysihtml-action-active, .wysi-editor .wysihtml-command-active
	{
	font-weight: bold;
}

.wysi-editor [data-wysihtml-dialog] {
	margin: 5px 0 0;
	padding: 5px;
	border: 1px solid #666;
}

.wysi-editor a[data-wysihtml-command-value="red"] {
	color: #ff7474;
}

.wysi-editor a[data-wysihtml-command-value="green"] {
	color: var(--button-secondary-theme-color);
}

.wysi-editor a[data-wysihtml-command-value="blue"] {
	color: var(--primary-theme-color);
}

.wysi-editor .wysihtml-editor, .wysi-editor .wysihtml-editor table td {
	outline: 1px dotted #f3f3f3;
}

.wysi-editor code {
	background: #ddd;
	padding: 10px;
	white-space: pre;
	display: block;
	margin: 1em 0;
}

.wysi-editor .toolbar {
	display: block;
	border-radius: 3px;
	border: 1px solid #fff;
	margin-bottom: 9px;
	line-height: 1em;
}

.wysi-editor .toolbar a {
	display: inline-block;
	height: 1.5em;
	border-radius: 3px;
	font-size: 1rem;
	line-height: 1.5em;
	text-decoration: none;
	background: #ffffff;
	border: 1px solid #f3f3f3;
	padding: 0 0.2em;
	margin: 1px 0;
	color: #857bff;
}

.wysi-editor .toolbar .wysihtml-action-active, .wysi-editor .toolbar a.wysihtml-command-active
	{
	background: #222;
	color: white;
}

.wysi-editor .toolbar .block {
	padding: 1px;
	display: inline-block;
	background: #eee;
	border-radius: 3px;
	margin: 0 1px 1px 0;
}

.wysi-editor div[data-wysihtml-dialog="createTable"] {
	position: absolute;
	background: white;
}

.wysi-editor div[data-wysihtml-dialog="createTable"] td {
	width: 10px;
	height: 5px;
	border: 1px solid #f3f3f3;
}

.wysi-editor .wysihtml-editor table td.wysiwyg-tmp-selected-cell {
	outline: 2px solid var(--button-secondary-theme-color);
}

.wysi-editor .editor-container-tag {
	padding: 5px 10px;
	position: absolute;
	color: white;
	background: rgba(0, 0, 0, 0.8);
	width: 100px;
	margin-left: -50px;
	-webkit-transition: 0.1s left, 0.1s top;
}

.wysi-editor .wrap {
	max-width: 700px;
	margin: 40px;
}

.wysi-editor .editable .wysihtml-uneditable-container {
	outline: 1px dotted #f3f3f3;
	position: relative;
}

.wysi-editor .editable .wysihtml-uneditable-container-right {
	float: right;
	width: 50%;
	margin-left: 2em;
	margin-bottom: 1em;
}

.wysi-editor .editable .wysihtml-uneditable-container-left {
	float: left;
	width: 50%;
	margin-right: 2em;
	margin-bottom: 1em;
}

/* X-editable */
.editable-form .editable {
	color: #212529;
	font-size: 0.8125rem;
}

.editable-form .editable-click {
	border-color: #212529;
}

.editable-container.editable-inline {
	max-width: 100%;
}

.editable-container.editable-inline .editableform {
	max-width: 100%;
}

.editable-container.editable-inline .editableform .control-group {
	max-width: 100%;
	white-space: initial;
}

.editable-container.editable-inline .editableform .control-group>div {
	max-width: 100%;
}

.editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  input, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  textarea {
	max-width: 100%;
}

.editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .form-control, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .asColorPicker-input, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .dataTables_wrapper
  select, .dataTables_wrapper
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  select, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  input[type="text"], .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  select, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  input[type="number"], .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .select2-container--default
  .select2-selection--single, .select2-container--default
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .select2-selection--single, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .select2-search__field, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .tt-hint, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .tt-query, .editable-container.editable-inline
  .editableform
  .control-group
  .editable-input
  .combodate
  .typeahead {
	padding-left: 0;
	padding-right: 0;
}

@media ( max-width : 991px) {
	.editable-container.editable-inline
    .editableform
    .control-group
    .editable-buttons {
		display: block;
		margin-top: 10px;
	}
}

/* Wizard */
.wizard {
	display: block;
	width: 100%;
	overflow: hidden;
}

.wizard a {
	outline: 0;
}

.wizard ul {
	list-style: none !important;
	padding: 0;
	margin: 0;
}

.wizard ul>li {
	display: block;
	padding: 0;
}

.wizard>.steps {
	position: relative;
	display: block;
	width: 100%;
}

.wizard>.steps .current-info {
	position: absolute;
	left: -999em;
}

.wizard>.steps .number {
	font-size: 0.8rem;
}

.wizard>.steps>ul>li {
	width: 20%;
	float: left;
	text-align: center;
}

.wizard>.steps a {
	display: block;
	width: auto;
	margin: 0 0.5em 0.5em;
	padding: 1em;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0.8rem;
	/* font-family: "Gilroy"; */
}

.wizard>.steps a:hover {
	display: block;
	width: auto;
	margin: 0 0.5em 0.5em;
	padding: 1em;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wizard>.steps a:active {
	display: block;
	width: auto;
	margin: 0 0.5em 0.5em;
	padding: 1em;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wizard>.steps .disabled a {
	background: #f7f7f9;
	color: #6c757d;
	cursor: default;
}

.wizard>.steps .disabled a:hover {
	background: #f7f7f9;
	color: #6c757d;
	cursor: default;
}

.wizard>.steps .disabled a:active {
	background: #f7f7f9 e;
	color: #6c757d;
	cursor: default;
}

.wizard>.steps .current a {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
	cursor: default;
}

.wizard>.steps .current a:hover {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
	cursor: default;
}

.wizard>.steps .current a:active {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
	cursor: default;
}

.wizard>.steps .done a {
	background: #f7f7f9;
	color: #6c757d;
}

.wizard>.steps .done a:hover {
	background: #f7f7f9;
	color: #6c757d;
}

.wizard>.steps .done a:active {
	background: #e3e1ff;
	color: var(--font-secondary-theme-color);
}

.wizard>.steps .error a {
	background: #ff7474;
	color: var(--font-secondary-theme-color);
}

.wizard>.steps .error a:hover {
	background: #ff7474;
	color: var(--font-secondary-theme-color);
}

.wizard>.steps .error a:active {
	background: #ff7474;
	color: var(--font-secondary-theme-color);
}

.wizard>.content {
	background: #f3f3f3;
	display: block;
	margin: 0.5em;
	/* min-height: 24em; */
	overflow: hidden;
	position: relative;
	width: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 100%;
}

.wizard>.content>.title {
	position: absolute;
	left: -999em;
}

.wizard>.content>.body {
	float: left;
	/* position: absolute; */
	width: 100%;
}

.wizard>.content>.body ul {
	list-style: disc !important;
}

.wizard>.content>.body ul>li {
	display: list-item;
}

.wizard>.content>.body>iframe {
	border: 0 none;
	width: 100%;
	height: 100%;
}

.wizard>.content>.body input {
	display: block;
	border: 1px solid #f3f3f3;
}

.wizard>.content>.body input[type="checkbox"] {
	display: inline-block;
}

.wizard>.content>.body input.error {
	background: #fbe3e4;
	border: 1px solid #ffdada;
	color: #ff7474;
}

.wizard>.content>.body label {
	display: inline-block;
	margin-bottom: 0.5em;
}

.wizard>.content>.body label.error {
	color: #ff7474;
	display: inline-block;
	margin-left: 1.5em;
}

.wizard>.actions {
	padding-top: 20px;
	position: relative;
	display: block;
	text-align: right;
	width: 100%;
}

.wizard>.actions>ul {
	display: inline-block;
	text-align: right;
}

.wizard>.actions>ul>li {
	float: left;
	margin: 0 0.5em;
}

.wizard.vertical>.steps {
	display: inline;
	float: left;
	width: 30%;
}

.wizard.vertical>.steps>ul>li {
	float: none;
	width: 100%;
	text-align: left;
}

.wizard.vertical>.content {
	display: inline;
	float: left;
	margin: 0 2.5% 0.5em;
	width: 65%;
}

.wizard.vertical>.actions {
	display: inline;
	float: right;
	margin: 0 2.5%;
	width: 95%;
}

.wizard.vertical>.actions>ul>li {
	margin: 0 0 0 1em;
}

.tabcontrol {
	display: block;
	width: 100%;
	overflow: hidden;
}

.tabcontrol a {
	outline: 0;
}

.tabcontrol ul {
	list-style: none !important;
	padding: 0;
	margin: 0;
}

.tabcontrol ul>li {
	display: block;
	padding: 0;
}

.tabcontrol>.steps {
	position: relative;
	display: block;
	width: 100%;
}

.tabcontrol>.steps .current-info {
	position: absolute;
	left: -999em;
}

.tabcontrol>.steps>ul {
	position: relative;
	margin: 6px 0 0;
	top: 1px;
	z-index: 1;
}

.tabcontrol>.steps>ul>li {
	float: left;
	margin: 5px 2px 0 0;
	padding: 1px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.tabcontrol>.steps>ul>li:hover {
	background: #edecec;
	border: 1px solid #f3f3f3;
	padding: 0;
}

.tabcontrol>.steps>ul>li>a {
	color: #8ba2b5;
	display: inline-block;
	border: 0 none;
	margin: 0;
	padding: 10px 30px;
	text-decoration: none;
}

.tabcontrol>.steps>ul>li>a:hover {
	text-decoration: none;
}

.tabcontrol>.steps>ul>li.current {
	background: #ffffff;
	border: 1px solid #f3f3f3;
	border-bottom: 0 none;
	padding: 0 0 1px;
	margin-top: 0;
}

.tabcontrol>.steps>ul>li.current>a {
	padding: 15px 30px 10px;
}

.tabcontrol>.content {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 35em;
	overflow: hidden;
	border-top: 1px solid #f3f3f3;
	padding-top: 20px;
}

.tabcontrol>.content>.title {
	position: absolute;
	left: -999em;
}

.tabcontrol>.content>.body {
	float: left;
	position: absolute;
	width: 95%;
	height: 95%;
	padding: 2.5%;
}

.tabcontrol>.content>.body ul {
	list-style: disc !important;
}

.tabcontrol>.content>.body ul>li {
	display: list-item;
}

/*-------------------------------------------------------------------*/
/* === Landing screens === */
/* Auth */
.auth.auth-bg-1 {
	background: url("../../images/auth/login_1.jpg");
	background-size: cover;
}

.auth.register-bg-1 {
	background: url("http://www.urbanui.com/") center center no-repeat;
	background-size: cover;
}

.auth.theme-one .auto-form-wrapper {
	background: #ffffff;
	padding: 40px 40px 10px;
	border-radius: 4px;
	box-shadow: 0 -25px 37.7px 11.3px rgba(8, 143, 220, 0.07);
}

.auth.theme-one .auto-form-wrapper .form-group .input-group, .auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap
	{
	height: 44px;
}

.auth.theme-one .auto-form-wrapper .form-group .input-group .form-control,
	.auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .form-control, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .asColorPicker-input, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .asColorPicker-input, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .dataTables_wrapper
  select, .dataTables_wrapper
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  select, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .dataTables_wrapper
  select, .dataTables_wrapper
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  select, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  input[type="text"], .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  input[type="text"], .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  select, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  select, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  input[type="number"], .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  input[type="number"], .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .select2-container--default
  .select2-selection--single, .select2-container--default
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .select2-selection--single, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .select2-container--default
  .select2-selection--single, .select2-container--default
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .select2-selection--single, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .select2-search__field, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .select2-search__field, .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-hint,
	.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-hint,
	.auth.theme-one .auto-form-wrapper .form-group .input-group .tt-query,
	.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .tt-query,
	.auth.theme-one .auto-form-wrapper .form-group .input-group .typeahead,
	.auth.theme-one .auto-form-wrapper .form-group .asColorPicker-wrap .typeahead
	{
	border: 1px solid #e6e6e6;
	border-right: none;
	border-radius: 6px 0 0 6px;
}

.auth.theme-one .auto-form-wrapper .form-group .input-group .form-control:focus,
	.auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .form-control:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .asColorPicker-input:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .asColorPicker-input:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .dataTables_wrapper
  select:focus, .dataTables_wrapper
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  select:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .dataTables_wrapper
  select:focus, .dataTables_wrapper
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  select:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  input[type="text"]:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  input[type="text"]:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  select:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  select:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  input[type="number"]:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  input[type="number"]:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .select2-container--default
  .select2-selection--single:focus, .select2-container--default
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .select2-selection--single:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .select2-container--default
  .select2-selection--single:focus, .select2-container--default
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .select2-selection--single:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .select2-container--default
  .select2-selection--single
  .select2-search__field:focus, .select2-container--default
  .select2-selection--single
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .select2-search__field:focus, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .select2-container--default
  .select2-selection--single
  .select2-search__field:focus, .select2-container--default
  .select2-selection--single
  .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .select2-search__field:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-hint:focus,
	.auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .tt-hint:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .tt-query:focus,
	.auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .tt-query:focus, .auth.theme-one .auto-form-wrapper .form-group .input-group .typeahead:focus,
	.auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .typeahead:focus {
	border-right: none;
	border-color: #e6e6e6;
}

.auth.theme-one .auto-form-wrapper .form-group .input-group .input-group-append,
	.auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .input-group-append {
	border-left: none;
}

.auth.theme-one
  .auto-form-wrapper
  .form-group
  .input-group
  .input-group-append
  .input-group-text, .auth.theme-one
  .auto-form-wrapper
  .form-group
  .asColorPicker-wrap
  .input-group-append
  .input-group-text {
	border-radius: 0 6px 6px 0;
	border-left: none;
	border-color: #e6e6e6;
	color: #b6b6b6;
}

.auth.theme-one .auto-form-wrapper .form-group .submit-btn {
	/* font-family: "Gilroy"; */
	font-size: 13px;
	padding: 12px 8px;
	font-weight: 600;
}

.auth.theme-one .auto-form-wrapper .g-login {
	border: 1px solid #f3f3f3;
	padding: 13px;
	font-size: 12px;
	font-weight: 600;
	background: transparent;
}

.auth.theme-one .auth-footer {
	list-style-type: none;
	padding-left: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.auth.theme-one .auth-footer li {
	margin-right: 10px;
	line-height: 1;
	padding-right: 10px;
	border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.auth.theme-one .auth-footer li:last-child {
	margin-right: 0;
	border-right: none;
}

.auth.theme-one .auth-footer li a {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.4);
}

@media ( max-width : 767.98px) {
	.auth.theme-one .auth-footer {
		-webkit-justify-content: center;
		justify-content: center;
	}
}

.auth.theme-one .footer-text {
	color: rgba(255, 255, 255, 0.4);
}

.auth.theme-two .auto-form-wrapper {
	position: relative;
	/*height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  padding: 110px 5% 5%;*/
	border-radius: 4px;
}

@media ( max-width : 767.98px) {
	.auth.theme-two .auto-form-wrapper {
		/*padding: 11% 15px;*/
		text-align: center;
		height: 100%;
		max-height: 100%;
	}
}

.auth.theme-two .auto-form-wrapper .nav-get-started {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: absolute;
	top: 30px;
	right: 30px;
}

@media ( max-width : 767.98px) {
	.auth.theme-two .auto-form-wrapper .nav-get-started {
		margin-bottom: 5%;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		top: unset;
		right: unset;
		-webkit-justify-content: center;
		justify-content: center;
	}
}

.auth.theme-two .auto-form-wrapper .nav-get-started p {
	margin-bottom: 0;
	font-weight: 300;
}

.auth.theme-two .auto-form-wrapper .nav-get-started .get-started-btn {
	border: 1px solid #f3f3f3;
	padding: 10px 20px;
	font-size: 12px;
	font-weight: 600;
	color: #4e4c4c;
	margin-left: 20px;
	border-radius: 50px;
}

.auth.theme-two .auto-form-wrapper form {
	width: 100%;
	/*min-width: 300px;
    max-width: 480px;*/
}

.auth.theme-two .auto-form-wrapper form .form-group {
	width: 100%;
	margin-bottom: 25px;
}

@media ( max-width : 767.98px) {
	.auth.theme-two .auto-form-wrapper form .form-group {
		margin-right: auto;
		margin-left: auto;
	}
}

.auth.theme-two .auto-form-wrapper form .form-group .input-group, .auth.theme-two .auto-form-wrapper form .form-group .asColorPicker-wrap
	{
	height: 44px;
}

.auth.theme-two .auto-form-wrapper form .form-group .input-group .form-control,
	.auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .form-control, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .asColorPicker-input, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .asColorPicker-input, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .dataTables_wrapper
  select, .dataTables_wrapper
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  select, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .dataTables_wrapper
  select, .dataTables_wrapper
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  select, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  input[type="text"], .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  input[type="text"], .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  select, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  select, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  input[type="number"], .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  input[type="number"], .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .select2-container--default
  .select2-selection--single, .select2-container--default
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .select2-selection--single, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .select2-container--default
  .select2-selection--single, .select2-container--default
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .select2-selection--single, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .select2-search__field, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .select2-search__field, .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-hint,
	.auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .tt-hint, .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-query,
	.auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .tt-query, .auth.theme-two .auto-form-wrapper form .form-group .input-group .typeahead,
	.auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .typeahead {
	border: 1px solid #ced4da;
	border-left: none;
	border-radius: 0 6px 6px 0;
}

.auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .form-control:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .form-control:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .asColorPicker-input:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .asColorPicker-input:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .dataTables_wrapper
  select:focus, .dataTables_wrapper
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  select:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .dataTables_wrapper
  select:focus, .dataTables_wrapper
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  select:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  input[type="text"]:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  input[type="text"]:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  select:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  select:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  input[type="number"]:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  input[type="number"]:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .select2-container--default
  .select2-selection--single:focus, .select2-container--default
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .select2-selection--single:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .select2-container--default
  .select2-selection--single:focus, .select2-container--default
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .select2-selection--single:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .select2-container--default
  .select2-selection--single
  .select2-search__field:focus, .select2-container--default
  .select2-selection--single
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .select2-search__field:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .select2-container--default
  .select2-selection--single
  .select2-search__field:focus, .select2-container--default
  .select2-selection--single
  .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .select2-search__field:focus, .auth.theme-two .auto-form-wrapper form .form-group .input-group .tt-hint:focus,
	.auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .tt-hint:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .tt-query:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .tt-query:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .typeahead:focus, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .typeahead:focus {
	border-left: none;
	border-color: #ced4da;
	color: #4a4a4a;
}

.auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .input-group-prepend
  .input-group-text, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .input-group-prepend
  .input-group-text, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .input-group
  .asColorPicker-trigger
  .input-group-text, .auth.theme-two
  .auto-form-wrapper
  form
  .form-group
  .asColorPicker-wrap
  .asColorPicker-trigger
  .input-group-text {
	border-radius: 6px 0 0 6px;
	border-color: #ced4da;
	border-right: none;
	color: #ced4da;
}

.auth.theme-two .auto-form-wrapper form .form-group .submit-btn {
	/* font-family: "Gilroy"; */
	font-size: 13px;
	padding: 11px 33px;
	font-weight: 600;
	background: var(--primary-theme-color);
}

.auth.theme-two .auto-form-wrapper .footer-text {
	font-size: 13px;
	margin-bottom: 0;
}

.auth.theme-two .auto-form-wrapper .auth-footer {
	list-style-type: none;
	display: -webkit-flex;
	display: flex;
	margin-top: 7px;
	padding-left: 0;
	margin-bottom: 0;
}

.auth.theme-two .auto-form-wrapper .auth-footer li {
	margin-right: 10px;
	line-height: 1;
	padding-right: 10px;
	border-right: 1px solid #9c9c9c;
}

.auth.theme-two .auto-form-wrapper .auth-footer li:last-child {
	margin-right: 0;
	border-right: none;
}

.auth.theme-two .auto-form-wrapper .auth-footer li a {
	font-size: 13px;
	color: #9c9c9c;
}

@media ( max-width : 767.98px) {
	.auth.theme-two .auto-form-wrapper .auth-footer {
		-webkit-justify-content: center;
		justify-content: center;
	}
}

.auth.theme-two .banner-section {
	padding-right: 0;
}

.auth.theme-two .banner-section .slide-content {
	width: 100%;
}

.auth.theme-two .banner-section .slide-content.bg-1 {
	background: url("http://www.urbanui.com/") no-repeat center center;
	background-size: cover;
}

.auth.theme-two .banner-section .slide-content.bg-2 {
	background: url("http://www.urbanui.com/") no-repeat center center;
	background-size: cover;
}

/* Error */
.error-page h1 {
	font-size: 9.375rem;
	line-height: 1;
}

@media ( max-width : 991px) {
	.error-page h1 {
		font-size: 8rem;
	}
}

.error-page h2 {
	font-size: 4.375rem;
	line-height: 1;
}

@media ( min-width : 992px) {
	.error-page .error-page-divider {
		border-left: 3px solid rgba(255, 255, 255, 0.2);
	}
}

/* Landing */
.landing-page .navbar {
	padding: 2rem 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.landing-page .navbar .navbar-brand img {
	width: 145px;
}

@media ( max-width : 991px) {
	.landing-page .navbar .navbar-collapse {
		display: block;
	}
}

.landing-page .navbar .navbar-collapse.collapse {
	display: none;
}

.landing-page .navbar .navbar-collapse.show {
	display: block;
}

.landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
	color: var(--font-secondary-theme-color);
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 0.9375rem;
	/* font-family: "Gilroy"; */
	text-align: left;
}

@media ( min-width : 992px) {
	.landing-page .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.landing-page
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .nav-link:first-child {
		margin-left: 0;
	}
	.landing-page
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .nav-link:last-child {
		margin-right: 0;
	}
}

.landing-page .top-banner {
	background: url("../images/samples/Banner_bg.jpg");
	background-size: cover;
}

.landing-page .top-banner .demo-image img {
	max-width: 500px;
}

@media ( min-width : 992px) {
	.landing-page .top-banner .demo-image img {
		position: absolute;
		left: -80px;
	}
}

@media ( max-width : 991px) {
	.landing-page .top-banner .demo-image img {
		margin-top: 1rem;
		max-width: 100%;
	}
}

.landing-page .top-banner .top-banner-content {
	padding-top: 80px;
	padding-bottom: 120px;
}

.landing-page .middle-section {
	padding-top: 120px;
	padding-bottom: 80px;
	text-align: center;
	color: #4e4c4c;
}

.landing-page .middle-section .card {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
	border: 1px solid #f4f4f4;
	-webkit-transition: box-shadow 0.5s ease;
	-moz-transition: box-shadow 0.5s ease;
	-ms-transition: box-shadow 0.5s ease;
	-o-transition: box-shadow 0.5s ease;
	transition: box-shadow 0.5s ease;
}

.landing-page .middle-section .card:hover {
	box-shadow: 2px 4px 8px 0 rgba(46, 61, 73, 0.2);
}

.landing-page .middle-section .card.card-icon-top {
	position: relative;
}

.landing-page .middle-section .card.card-icon-top .card-body {
	padding: 3rem;
}

.landing-page .middle-section .card.card-icon-top .card-icon {
	position: absolute;
	width: 65px;
	height: 65px;
	top: -30px;
	left: calc(50% - 30px);
}

.landing-page .middle-section .card.card-item-preview {
	position: relative;
}

.landing-page .middle-section .card.card-item-preview .badge {
	position: absolute;
	top: -25px;
	right: -35px;
	width: 65px;
	height: 65px;
	padding: 1rem;
	border-radius: 50%;
	line-height: 32px;
	font-size: 1rem;
}

.landing-page .middle-section .card.card-item-preview .card-img-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.landing-page .bottom-section {
	color: #4e4c4c;
	text-align: center;
	padding-top: 80px;
}

.landing-page .feature-list {
	margin-top: 100px;
	margin-bottom: 100px;
}

@media ( min-width : 992px) {
	.landing-page .feature-list .feature-list-row:first-child {
		border-bottom: 1px solid #f4f4f4;
	}
}

.landing-page .feature-list .feature-list-row .feature-list-item {
	padding-top: 1rem;
	padding-bottom: 2rem;
}

.landing-page .feature-list .feature-list-row .feature-list-item i {
	display: block;
	font-size: 1.875rem;
	margin-bottom: 2rem;
}

@media ( min-width : 992px) {
	.landing-page .feature-list .feature-list-row .feature-list-item {
		border-right: 1px solid #f4f4f4;
	}
	.landing-page .feature-list .feature-list-row .feature-list-item:last-child
		{
		border-right: 0;
	}
}

.landing-page
  .feature-list
  .feature-list-row
  .feature-list-item
  .feature-description {
	/* font-family: "Gilroy"; */
	
}

.landing-page .footer {
	background: url("../images/samples/footer_bg.jpg");
	margin: 0;
	width: 100%;
	padding: 80px 0 0;
}

.landing-page .footer .footer-top {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.landing-page .footer .footer-top .brand-logo {
	width: 145px;
}

.landing-page .footer .footer-top .footer-social-icons {
	margin-top: 3rem;
}

.landing-page .footer .footer-top .footer-social-icons i {
	width: 43px;
	height: 43px;
	font-size: 1rem;
	border-radius: 100%;
	text-align: center;
	line-height: 43px;
	margin-right: 0.5rem;
}

.landing-page .footer .footer-top .contact-details i {
	font-size: 1.25rem;
	font-weight: 500;
}

.landing-page .footer .footer-top .nav .nav-item .nav-link {
	color: var(--font-secondary-theme-color);
	border-right: 1px solid #f3f3f3;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 0.9375rem;
	/* font-family: "Gilroy"; */
	line-height: 1;
}

.landing-page .footer .footer-top .nav .nav-item:last-child .nav-link {
	border-right: 0;
}

.landing-page .footer .footer-top .nav .nav-item:first-child .nav-link {
	padding-left: 0;
}

.landing-page .footer .footer-top .form-control, .landing-page .footer .footer-top .asColorPicker-input,
	.landing-page .footer .footer-top .dataTables_wrapper select,
	.dataTables_wrapper .landing-page .footer .footer-top select,
	.landing-page
  .footer
  .footer-top
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .landing-page
  .footer
  .footer-top
  input[type="text"], .landing-page
  .footer
  .footer-top
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .landing-page
  .footer
  .footer-top
  select, .landing-page
  .footer
  .footer-top
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .landing-page
  .footer
  .footer-top
  input[type="number"], .landing-page
  .footer
  .footer-top
  .select2-container--default
  .select2-selection--single, .select2-container--default
  .landing-page
  .footer
  .footer-top
  .select2-selection--single, .landing-page
  .footer
  .footer-top
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .landing-page
  .footer
  .footer-top
  .select2-search__field, .landing-page .footer .footer-top .tt-hint,
	.landing-page .footer .footer-top .tt-query, .landing-page .footer .footer-top .typeahead
	{
	background: #171717;
	border: 2px solid gray;
	border-radius: 1.25rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.landing-page .footer .footer-bottom {
	color: var(--font-secondary-theme-color);
	/* font-family: "Gilroy"; */
}

.profile-page .profile-header {
	width: 100%;
	background: url("http://www.urbanui.com/") no-repeat center center;
	background-size: cover;
	padding: 60px 0;
	border-radius: 5px;
}

.profile-page .profile-header .profile-info .profile-user-name {
	margin-bottom: 0;
	/* font-family: "Gilroy"; */
	font-weight: 600;
}

.profile-page .profile-header .profile-info .profile-user-designation {
	margin-bottom: 0;
	/* font-family: "Gilroy"; */
}

.profile-page .profile-header .profile-info .br-wrapper {
	padding-left: 15px;
}

.profile-page .profile-header .profile-info .br-wrapper .br-widget {
	height: auto;
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.profile-page .profile-header .profile-info .br-wrapper .br-widget a {
	font-size: 18px;
	margin-right: 0;
}

.profile-page .profile-header .details {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.profile-page .profile-header .details .detail-col {
	padding-right: 20%;
	border-right: 1px solid rgba(243, 243, 243, 0.3);
	margin-right: 20%;
}

.profile-page .profile-header .details .detail-col:last-child {
	border-right: none;
	margin-right: 0;
}

.profile-page .profile-header .details .detail-col p {
	margin-bottom: 0;
	font-weight: 400;
}

.profile-page .profile-header .details .detail-col p:first-child {
	font-weight: 700;
}

.profile-page .profile-body {
	padding-top: 25px;
}

.profile-page .profile-body .tab-switch {
	border-bottom: 1px solid #f3f3f3;
}

.profile-page .profile-body .tab-switch .nav-item .nav-link {
	color: #9c9c9c;
	font-size: 1rem;
	padding-bottom: 20px;
	font-weight: 600;
	border-bottom: 3px solid #ffffff;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	-webkit-transition-property: color, border-color;
	-moz-transition-property: color, border-color;
	-o-transition-property: color, border-color;
	transition-property: color, border-color;
}

.profile-page .profile-body .tab-switch .nav-item .nav-link.active {
	color: #4e4c4c;
	border-bottom: 3px solid #857bff;
}

.profile-page .profile-body .tab-body {
	border: none;
	padding: 10px 0;
}

.profile-page .profile-body .tab-body .stages {
	position: relative;
}

.profile-page .profile-body .tab-body .stages .stage-badge {
	position: absolute;
	top: 0;
	left: -20px;
}

.profile-page .profile-body .tab-body .stages .file-icon-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.profile-page .profile-body .tab-body .stages .file-icon-wrapper .file-icon
	{
	height: 77px;
	width: 69px;
	padding: 5px;
	margin-right: 25px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.profile-page .profile-body .tab-body .stages .file-icon-wrapper .file-icon i
	{
	font-size: 43px;
	margin-right: 0;
}

/*-------------------------------------------------------------------*/
/* === Layouts === */
/* Navbar */
.horizontal-menu .navbar.horizontal-layout {
	/* font-family: "Gilroy"; */
	background: #ffffff;
	-webkit-box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.08);
}

.horizontal-menu .navbar.horizontal-layout .navbar-brand-wrapper {
	width: 255px;
	height: 70px;
}

.horizontal-menu .navbar.horizontal-layout .navbar-brand-wrapper .navbar-brand
	{
	color: var(--font-secondary-theme-color);
	font-size: 1.5rem;
	line-height: 48px;
	margin-right: 0;
	padding: 0.25rem 0;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-brand-wrapper
  .navbar-brand:active, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-brand-wrapper
  .navbar-brand:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-brand-wrapper
  .navbar-brand:hover {
	color: #424546;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-brand-wrapper
  .navbar-brand
  img {
	width: calc(255px - 130px);
	max-width: 100%;
	height: 28px;
	margin: auto;
	vertical-align: middle;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-brand-wrapper
  .brand-logo-mini {
	display: none;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-brand-wrapper
  .brand-logo-mini
  img {
	width: calc(70px - 50px);
	max-width: 100%;
	height: 28px;
	margin: auto;
}

@media ( max-width : 1020px) {
	.horizontal-menu .navbar.horizontal-layout .navbar-brand-wrapper {
		width: 70px;
	}
	.horizontal-menu .navbar.horizontal-layout .navbar-brand-wrapper .brand-logo
		{
		display: none;
	}
	.horizontal-menu
    .navbar.horizontal-layout
    .navbar-brand-wrapper
    .brand-logo-mini {
		display: block;
	}
}

@media ( max-width : 575px) {
	.horizontal-menu .navbar.horizontal-layout .navbar-brand-wrapper {
		-webkit-justify-content: center;
		justify-content: center;
	}
}

.horizontal-menu .navbar.horizontal-layout .navbar-menu-wrapper {
	color: var(--font-secondary-theme-color);
	padding-left: 15px;
	padding-right: 15px;
	width: calc(100% - 255px);
}

@media ( max-width : 1020px) {
	.horizontal-menu .navbar.horizontal-layout .navbar-menu-wrapper {
		width: calc(100% - 70px);
	}
}

.horizontal-menu .navbar.horizontal-layout .navbar-menu-wrapper .navbar-nav
	{
	flex-direction: row;
	align-items: center;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item {
	margin-left: 1rem;
	margin-right: 1rem;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link {
	color: #202339;
	font-size: 13px;
	vertical-align: middle;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link
  i {
	font-size: 1.25rem;
	vertical-align: middle;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .navbar-nav.header-links {
	height: 70px;
	padding-left: 2%;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item {
	margin: 0;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item
  .nav-link {
	height: 70px;
	font-size: 13px;
	padding: 16px 25px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item
  .nav-link
  i {
	margin-right: 10px;
	font-size: 21px;
}

.rtl
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item
  .nav-link
  i {
	margin-right: 0;
	margin-left: 10px;
}

@media ( max-width : 1020px) {
	.horizontal-menu
    .navbar.horizontal-layout
    .navbar-menu-wrapper
    .navbar-nav.header-links {
		display: none;
	}
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .input-group-prepend
  .input-group-text, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .asColorPicker-trigger
  .input-group-text {
	border-radius: 50px 0 0 50px;
	border-right: 0;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .form-control, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .asColorPicker-input, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .dataTables_wrapper
  select, .dataTables_wrapper
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  select, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  input[type="text"], .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  select, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  input[type="number"], .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .select2-container--default
  .select2-selection--single, .select2-container--default
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .select2-selection--single, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .select2-search__field, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .tt-hint, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .tt-query, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .typeahead {
	border-left: 0;
	width: 50%;
	border-radius: 0 50px 50px 0;
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .form-control:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .asColorPicker-input:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .dataTables_wrapper
  select:focus, .dataTables_wrapper
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  select:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  input[type="text"]:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  select:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  input[type="number"]:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .select2-container--default
  .select2-selection--single:focus, .select2-container--default
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .select2-selection--single:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .select2-container--default
  .select2-selection--single
  .select2-search__field:focus, .select2-container--default
  .select2-selection--single
  .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .select2-search__field:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .tt-hint:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .tt-query:focus, .horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .search-field
  .typeahead:focus {
	border-color: #f3f3f3;
}

@media ( max-width : 480px) {
	.horizontal-menu
    .navbar.horizontal-layout
    .navbar-menu-wrapper
    .search-field {
		display: none;
	}
}

.horizontal-menu
  .navbar.horizontal-layout
  .navbar-menu-wrapper
  .navbar-toggler {
	margin-left: auto;
}

@media ( min-width : 1020px) {
	.horizontal-menu
    .navbar.horizontal-layout
    .navbar-menu-wrapper
    .navbar-toggler {
		display: none;
	}
}

.horizontal-menu .navbar.horizontal-layout .nav-bottom {
	padding: 16px 0;
	width: 100%;
	border-top: 1px solid #f3f3f3;
}

@media ( max-width : 1020px) {
	.horizontal-menu .navbar.horizontal-layout .nav-bottom {
		display: none;
	}
}

.horizontal-menu .navbar.horizontal-layout .nav-bottom .dropdown-menus {
	float: right;
}

.horizontal-menu
  .navbar.horizontal-layout
  .nav-bottom
  .dropdown-menus
  .nav-item
  .nav-link.dropdown-toggle {
	color: #c4c7ca;
}

@media ( max-width : 1020px) {
	.horizontal-menu .navbar.horizontal-layout .nav-bottom .dropdown-menus {
		float: none;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
}

@media ( max-width : 1020px) {
	.horizontal-menu .navbar.horizontal-layout .nav-bottom .header-links {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-around;
		justify-content: space-around;
		-webkit-flex-direction: row;
		flex-direction: row;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.horizontal-menu
    .navbar.horizontal-layout
    .nav-bottom
    .header-links
    .nav-item {
		display: inline-block;
	}
}

@media ( min-width : 1020px) {
	.horizontal-menu .navbar.horizontal-layout .nav-bottom .header-links {
		display: none;
	}
}

.horizontal-menu .navbar.horizontal-layout .nav-bottom .page-navigation
	{
	float: left;
}

.horizontal-menu
  .navbar.horizontal-layout
  .nav-bottom
  .page-navigation
  .nav-item {
	line-height: 1;
	margin-right: 1rem;
}

.horizontal-menu
  .navbar.horizontal-layout
  .nav-bottom
  .page-navigation
  .nav-item
  .nav-link {
	border-radius: 5px;
	color: #354168;
	background: #f4f6f8;
	padding: 12px 25px;
	line-height: 1;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.horizontal-menu
  .navbar.horizontal-layout
  .nav-bottom
  .page-navigation
  .nav-item
  .nav-link:hover {
	background: #edf1f4;
}

.horizontal-menu
  .navbar.horizontal-layout
  .nav-bottom
  .page-navigation
  .nav-item.active
  .nav-link {
	background: linear-gradient(88deg, #1345b7, #05bdfd);
	color: var(--font-secondary-theme-color);
}

.horizontal-menu
  .navbar.horizontal-layout
  .nav-bottom
  .page-navigation
  .nav-item.dropdown {
	padding: 0;
}

.horizontal-menu
  .navbar.horizontal-layout
  .nav-bottom
  .page-navigation
  .nav-item.dropdown
  .dropdown-menu {
	padding: 0;
	top: 45px;
	background: #f4f6f8;
	border: none;
}

.horizontal-menu
  .navbar.horizontal-layout
  .nav-bottom
  .page-navigation
  .nav-item.dropdown
  .dropdown-menu
  ul {
	padding-left: 0;
}

.horizontal-menu
  .navbar.horizontal-layout
  .nav-bottom
  .page-navigation
  .nav-item.dropdown
  .dropdown-menu
  ul
  .dropdown-item
  .dropdown-link {
	color: #354168;
	font-weight: 500;
	text-decoration: none;
}

@media ( max-width : 1020px) {
	.horizontal-menu
    .navbar.horizontal-layout
    .nav-bottom
    .page-navigation
    .nav-item.dropdown
    .dropdown-menu {
		position: relative;
		top: 0;
		box-shadow: none;
	}
}

@media ( max-width : 1020px) {
	.horizontal-menu
    .navbar.horizontal-layout
    .nav-bottom
    .page-navigation
    .nav-item {
		margin-bottom: 0;
	}
	.horizontal-menu
    .navbar.horizontal-layout
    .nav-bottom
    .page-navigation
    .nav-item
    .nav-link {
		border-radius: 0px;
		text-align: left;
	}
}

@media ( max-width : 1020px) {
	.horizontal-menu .navbar.horizontal-layout .nav-bottom .page-navigation
		{
		display: block;
		width: 100%;
	}
	.horizontal-menu
    .navbar.horizontal-layout
    .nav-bottom
    .page-navigation
    .nav-item {
		margin-right: 0;
		margin-bottom: 10px;
	}
}

.horizontal-menu .navbar.fixed-top+.page-body-wrapper {
	padding-top: 135px;
}

.horizontal-menu .page-body-wrapper .main-panel {
	width: 100%;
}

/* Navbar */
.horizontal-menu-2 .navbar.horizontal-layout-2 {
	height: 88px;
	/* font-family: "Gilroy"; */
	background: linear-gradient(88deg, #1345b7, #05bdfd);
	-webkit-box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.08);
}

@media ( max-width : 767.98px) {
	.horizontal-menu-2 .navbar.horizontal-layout-2 {
		height: 70px;
	}
}

.horizontal-menu-2 .navbar.horizontal-layout-2 .navbar-brand-wrapper {
	width: 125px;
	height: 70px;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-brand-wrapper
  .navbar-brand {
	color: var(--font-secondary-theme-color);
	font-size: 1.5rem;
	line-height: 48px;
	margin-right: 0;
	padding: 0.25rem 0;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-brand-wrapper
  .navbar-brand:active, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-brand-wrapper
  .navbar-brand:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-brand-wrapper
  .navbar-brand:hover {
	color: #424546;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-brand-wrapper
  .navbar-brand
  img {
	width: calc(255px - 130px);
	max-width: 100%;
	height: 28px;
	margin: auto;
	vertical-align: middle;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-brand-wrapper
  .brand-logo-mini {
	display: none;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-brand-wrapper
  .brand-logo-mini
  img {
	width: calc(70px - 50px);
	max-width: 100%;
	height: 28px;
	margin: auto;
}

@media ( max-width : 840px) {
	.horizontal-menu-2 .navbar.horizontal-layout-2 .navbar-brand-wrapper {
		width: 70px;
	}
	.horizontal-menu-2
    .navbar.horizontal-layout-2
    .navbar-brand-wrapper
    .brand-logo {
		display: none;
	}
	.horizontal-menu-2
    .navbar.horizontal-layout-2
    .navbar-brand-wrapper
    .brand-logo-mini {
		display: block;
	}
}

.horizontal-menu-2 .navbar.horizontal-layout-2 .navbar-menu-wrapper {
	color: var(--font-secondary-theme-color);
	padding-left: 15px;
	padding-right: 15px;
	width: calc(100% - 125px);
}

@media ( max-width : 840px) {
	.horizontal-menu-2 .navbar.horizontal-layout-2 .navbar-menu-wrapper {
		width: calc(100% - 70px);
	}
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-nav {
	flex-direction: row;
	align-items: center;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item {
	margin-left: 1rem;
	margin-right: 1rem;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link {
	color: var(--font-secondary-theme-color);
	font-size: 13px;
	vertical-align: middle;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item
  .nav-link
  i {
	font-size: 1.25rem;
	vertical-align: middle;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item {
	margin: 0;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item
  .nav-link {
	height: 70px;
	font-size: 13px;
	padding: 16px 25px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item
  .nav-link:hover {
	background: rgba(255, 255, 255, 0.05);
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item
  .nav-link
  i {
	margin-right: 10px;
	font-size: 21px;
	color: inherit;
}

.rtl
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item
  .nav-link
  i {
	margin-right: 0;
	margin-left: 10px;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-nav.header-links
  .nav-item.active
  .nav-link {
	background: rgba(255, 255, 255, 0.1);
}

@media ( max-width : 840px) {
	.horizontal-menu-2
    .navbar.horizontal-layout-2
    .navbar-menu-wrapper
    .navbar-nav.header-links {
		display: none;
	}
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .navbar-menu-wrapper
  .navbar-toggler {
	color: var(--font-secondary-theme-color);
}

.horizontal-menu-2 .navbar.horizontal-layout-2 .nav-bottom {
	background: #ffffff;
	width: 100%;
	z-index: 999;
	border-radius: 6px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

@media ( max-width : 767.98px) {
	.horizontal-menu-2 .navbar.horizontal-layout-2 .nav-bottom {
		display: none;
	}
	.horizontal-menu-2 .navbar.horizontal-layout-2 .nav-bottom.header-toggled
		{
		display: block;
	}
}

.horizontal-menu-2 .navbar.horizontal-layout-2 .nav-bottom .navbar-nav {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}

@media ( max-width : 767.98px) {
	.horizontal-menu-2 .navbar.horizontal-layout-2 .nav-bottom .navbar-nav {
		min-width: 100%;
		-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
		-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
		border-radius: 6px;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .nav-link {
	height: 50px;
	padding: 10px 20px;
	color: #4e4c4c;
	font-size: 12px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .nav-link:hover {
	background: rgba(244, 246, 248, 0.5);
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .nav-link:active, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .nav-link:focus {
	background: #f4f6f8;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item.active {
	position: relative;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item.active:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item.active
  .nav-link {
	color: #857bff;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field {
	background: #f3f5f6;
	border-radius: 50px;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .input-group-prepend, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .asColorPicker-trigger {
	background: transparent;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .input-group-prepend
  .input-group-text, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .asColorPicker-trigger
  .input-group-text {
	padding: 0 0 0 12px;
	border: none;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .form-control, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .asColorPicker-input, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .dataTables_wrapper
  select, .dataTables_wrapper
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="text"], .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"], .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="number"], .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single, .select2-container--default
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-selection--single, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single
  .select2-search__field, .select2-container--default
  .select2-selection--single
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-search__field, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-hint, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-query, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .typeahead {
	border: none;
	width: 50%;
	background: transparent;
	font-weight: 500;
	color: #4e4c4c;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .form-control:-ms-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .asColorPicker-input:-ms-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .dataTables_wrapper
  select:-ms-input-placeholder, .dataTables_wrapper
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select:-ms-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:-ms-input-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="text"]:-ms-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:-ms-input-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select:-ms-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:-ms-input-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="number"]:-ms-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single:-ms-input-placeholder,
	.select2-container--default
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-selection--single:-ms-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single
  .select2-search__field:-ms-input-placeholder,
	.select2-container--default
  .select2-selection--single
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-search__field:-ms-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-hint:-ms-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-query:-ms-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .typeahead:-ms-input-placeholder {
	font-weight: inherit;
	color: inherit;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .form-control:-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .asColorPicker-input:-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .dataTables_wrapper
  select:-moz-placeholder, .dataTables_wrapper
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select:-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:-moz-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="text"]:-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:-moz-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select:-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:-moz-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="number"]:-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single:-moz-placeholder,
	.select2-container--default
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-selection--single:-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single
  .select2-search__field:-moz-placeholder, .select2-container--default
  .select2-selection--single
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-search__field:-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-hint:-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-query:-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .typeahead:-moz-placeholder {
	font-weight: inherit;
	color: inherit;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .form-control::-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .asColorPicker-input::-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .dataTables_wrapper
  select::-moz-placeholder, .dataTables_wrapper
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select::-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]::-moz-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="text"]::-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select::-moz-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select::-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]::-moz-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="number"]::-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single::-moz-placeholder,
	.select2-container--default
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-selection--single::-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single
  .select2-search__field::-moz-placeholder, .select2-container--default
  .select2-selection--single
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-search__field::-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-hint::-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-query::-moz-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .typeahead::-moz-placeholder {
	font-weight: inherit;
	color: inherit;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .form-control::-webkit-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .asColorPicker-input::-webkit-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .dataTables_wrapper
  select::-webkit-input-placeholder, .dataTables_wrapper
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select::-webkit-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]::-webkit-input-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="text"]::-webkit-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select::-webkit-input-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select::-webkit-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]::-webkit-input-placeholder, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="number"]::-webkit-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single::-webkit-input-placeholder,
	.select2-container--default
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-selection--single::-webkit-input-placeholder,
	.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single
  .select2-search__field::-webkit-input-placeholder,
	.select2-container--default
  .select2-selection--single
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-search__field::-webkit-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-hint::-webkit-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-query::-webkit-input-placeholder, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .typeahead::-webkit-input-placeholder {
	font-weight: inherit;
	color: inherit;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .form-control:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .asColorPicker-input:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .dataTables_wrapper
  select:focus, .dataTables_wrapper
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="text"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="text"]:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  select:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  select:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  input[type="number"]:focus, .jsgrid
  .jsgrid-table
  .jsgrid-filter-row
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  input[type="number"]:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single:focus, .select2-container--default
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-selection--single:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-container--default
  .select2-selection--single
  .select2-search__field:focus, .select2-container--default
  .select2-selection--single
  .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .select2-search__field:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-hint:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .tt-query:focus, .horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item
  .search-field
  .typeahead:focus {
	border-color: #f3f3f3;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item.dropdown {
	padding: 0;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item.dropdown
  .dropdown-menu {
	padding: 0;
	top: 50px;
	background: #f4f6f8;
	border: none;
	border-radius: 0 0 10px 10px;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item.dropdown
  .dropdown-menu
  ul {
	padding-left: 0;
}

.horizontal-menu-2
  .navbar.horizontal-layout-2
  .nav-bottom
  .navbar-nav
  .nav-item.dropdown
  .dropdown-menu
  ul
  .dropdown-item
  .dropdown-link {
	color: #354168;
	font-weight: 500;
	text-decoration: none;
}

@media ( max-width : 1020px) {
	.horizontal-menu-2
    .navbar.horizontal-layout-2
    .nav-bottom
    .navbar-nav
    .nav-item.dropdown
    .dropdown-menu {
		position: relative;
		top: 0;
		box-shadow: none;
	}
}

.horizontal-menu-2 .navbar.fixed-top+.page-body-wrapper {
	padding-top: 135px;
}

.horizontal-menu-2 .navbar.header-toggled .nav-bottom {
	display: block;
}

.horizontal-menu-2 .page-body-wrapper .main-panel {
	width: 100%;
}

@media ( min-width : 768px) {
	.horizontal-menu-2 .page-body-wrapper .main-panel .content-wrapper {
		padding-top: 50px;
	}
}

.horizontal-menu-2
  .page-body-wrapper
  .main-panel
  .content-wrapper
  .content-header-toolbar
  .dropdown
  .dropdown-toggle {
	background: #ffffff;
	border-radius: 50px;
}

/* Layouts */
.navbar.fixed-top+.page-body-wrapper {
	padding-top: 70px;
}

@media ( min-width : 992px) {
	.sidebar-mini .navbar .navbar-brand-wrapper {
		width: 185px;
	}
	.sidebar-mini .navbar .navbar-menu-wrapper {
		width: calc(100% - 185px);
	}
	.sidebar-mini .sidebar {
		width: 185px;
	}
	.sidebar-mini .sidebar .nav .nav-item .nav-link {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-direction: column;
		flex-direction: column;
		position: relative;
	}
	.sidebar-mini .sidebar .nav .nav-item .nav-link .menu-title {
		display: inline-block;
	}
	.sidebar-mini .sidebar .nav .nav-item .nav-link .badge {
		margin-left: 5px;
		display: none;
	}
	.sidebar-mini .sidebar .nav .nav-item .nav-link img {
		display: block;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
	}
	.sidebar-mini .sidebar .nav .nav-item .nav-link .menu-arrow {
		position: absolute;
		right: 7px;
	}
	.sidebar-mini .sidebar .nav .nav-item.nav-profile {
		margin-bottom: 20px;
	}
	.sidebar-mini .sidebar .nav .nav-item.nav-profile .nav-link {
		-webkit-justify-content: center;
		justify-content: center;
	}
	.sidebar-mini .sidebar .nav .nav-item.nav-profile .nav-link .profile-name
		{
		display: none;
	}
	.sidebar-mini
    .sidebar
    .nav
    .nav-item.nav-profile
    .nav-link
    .notification-panel:before {
		display: none;
	}
	.sidebar-mini .sidebar .nav .nav-item.nav-profile i {
		margin-left: 1rem;
	}
	.sidebar-mini .sidebar .nav .nav-item .sidebar-sticker {
		display: none;
	}
	.sidebar-mini .main-panel {
		width: calc(100% - 185px);
	}
	.sidebar-mini:not(.sidebar-icon-only)
    .sidebar
    .nav:not(.sub-menu)>.nav-item {
		border-top: 1px solid rgba(199, 199, 199, 0.05);
	}
	.sidebar-mini:not(.sidebar-icon-only)
    .sidebar
    .nav:not(.sub-menu)>.nav-item.nav-doc, .sidebar-mini:not(.sidebar-icon-only)
    .sidebar
    .nav:not(.sub-menu)>.nav-item.nav-profile {
		border-top: 0;
	}
	.sidebar-mini:not(.sidebar-icon-only)
    .sidebar
    .nav:not(.sub-menu)>.nav-item
    .nav-link {
		height: auto;
		padding: 0.8125rem 1rem 0.8125rem 1rem;
	}
	.sidebar-mini:not(.sidebar-icon-only)
    .sidebar
    .nav:not(.sub-menu)>.nav-item
    .nav-link
    i.menu-icon {
		margin-bottom: 0.5rem;
	}
	.sidebar-mini:not(.sidebar-icon-only) .sidebar .nav.sub-menu {
		padding: 0 0.5rem;
	}
	.sidebar-mini:not(.sidebar-icon-only)
    .sidebar
    .nav.sub-menu
    .nav-item
    .nav-link {
		padding: 1rem 0;
		text-align: center;
	}
	.sidebar-mini:not(.sidebar-icon-only)
    .sidebar
    .nav.sub-menu
    .nav-item
    .nav-link:before {
		display: none;
	}
}

@media ( min-width : 992px) {
	/* .sidebar-icon-only .navbar .navbar-brand-wrapper {
    width: 70px;
  } */
	.sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo {
		display: none;
	}
	.sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo-mini {
		display: inline-block;
	}
	.sidebar-icon-only .navbar .navbar-menu-wrapper {
		width: calc(100% - 70px);
	}
	.sidebar-icon-only .sidebar {
		width: 77px;
	}
	.sidebar-icon-only .sidebar .nav {
		overflow: visible;
	}
	.sidebar-icon-only .sidebar .nav .nav-item {
		position: relative;
	}
	.sidebar-icon-only .sidebar .nav .nav-item .nav-link {
		display: inline-flex;
		text-align: center;
	}
	.sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge,
		.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
		display: none;
	}
	/* .d-xl-inline-block {
    display: none !important;
  } */
	.sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
		margin-right: 0;
	}
	.sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {
		display: none;
	}
	.sidebar-icon-only .sidebar .nav .nav-item.profile, .sidebar-icon-only .sidebar .nav .nav-item .sidebar-sticker
		{
		display: none;
	}
	.sidebar-icon-only .sidebar .nav .nav-item .collapse {
		display: none;
	}
	.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title
		{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		background: #fafbfc;
		color: #4a4949;
		padding: 0.5rem 1.25rem;
		left: 70px;
		position: absolute;
		text-align: left;
		top: 0;
		width: 200px;
		z-index: 1;
		height: 52px;
		line-height: 1.8;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.sidebar-dark.sidebar-icon-only
    .sidebar
    .nav
    .nav-item.hover-open
    .nav-link
    .menu-title {
		background: #232323;
		color: #c7c7c7;
	}
	.rtl.sidebar-icon-only
    .sidebar
    .nav
    .nav-item.hover-open
    .nav-link
    .menu-title {
		left: auto;
		right: 70px;
		text-align: right;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.sidebar-icon-only
    .sidebar
    .nav
    .nav-item.hover-open
    .nav-link
    .menu-title:after {
		display: none;
	}
	.sidebar-icon-only
    .sidebar
    .nav
    .nav-item.hover-open
    .nav-link[data-toggle="collapse"]
    .menu-title {
		border-bottom-right-radius: 0;
	}
	.rtl.sidebar-icon-only
    .sidebar
    .nav
    .nav-item.hover-open
    .nav-link[data-toggle="collapse"]
    .menu-title {
		border-bottom-left-radius: 0;
	}
	.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
		.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
		display: block;
		padding: 0.5rem 0;
		background: #fafbfc;
		color: #4a4949;
		position: absolute;
		top: 52px;
		left: 70px;
		width: 200px;
		border-bottom-right-radius: 5px;
		-webkit-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);
		-moz-box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);
		box-shadow: 0 1px 15px 1px rgba(113, 106, 202, 0.08);
	}
	.sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
		.sidebar-dark.sidebar-icon-only
    .sidebar
    .nav
    .nav-item.hover-open
    .collapsing {
		background: #232323;
		color: #c7c7c7;
	}
	.rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
		.rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing
		{
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 5px;
	}
	.rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
		.rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing
		{
		left: auto;
		right: 70px;
	}
	.sidebar-icon-only .sidebar .nav.sub-menu {
		padding: 0 0 0 1.5rem;
	}
	.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
		text-align: left;
		color: #4a4949;
	}
	.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:hover {
		color: #cccccc;
	}
	.sidebar-dark.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link
		{
		color: #c7c7c7;
	}
	.rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
		text-align: right;
	}
	.sidebar-icon-only
    .sidebar
    .nav.sub-menu
    .nav-item:nth-child(5n+1)
    .nav-link:before, .sidebar-icon-only
    .sidebar
    .nav.sub-menu
    .nav-item:nth-child(5n+2)
    .nav-link:before, .sidebar-icon-only
    .sidebar
    .nav.sub-menu
    .nav-item:nth-child(5n+3)
    .nav-link:before, .sidebar-icon-only
    .sidebar
    .nav.sub-menu
    .nav-item:nth-child(5n+4)
    .nav-link:before, .sidebar-icon-only
    .sidebar
    .nav.sub-menu
    .nav-item:nth-child(5n+5)
    .nav-link:before {
		background: #ffffff;
	}
	.sidebar-icon-only .main-panel {
		/* width: calc(100% - 70px); */
		width: calc(100% - 111px);
	}
}

@media ( min-width : 992px) {
	.sidebar-hidden .sidebar {
		transition: width 0.25s ease;
		-webkit-transition: width 0.25s ease;
		-moz-transition: width 0.25s ease;
		-ms-transition: width 0.25s ease;
		width: 0;
	}
	.sidebar-hidden .main-panel {
		width: 100%;
	}
}

@media ( min-width : 992px) {
	.sidebar-absolute .page-body-wrapper {
		position: relative;
	}
	.sidebar-absolute .page-body-wrapper .sidebar {
		transition: none;
	}
	.sidebar-absolute:not(.sidebar-hidden) .sidebar {
		position: absolute;
		height: 100%;
		-webkit-box-shadow: 0 0 3px 1px #a7a3a3;
		/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: 0 0 3px 1px #a7a3a3;
		/* Firefox 3.5 - 3.6 */
		box-shadow: 0 0 3px 1px #a7a3a3;
		/* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	}
	.sidebar-absolute .main-panel {
		width: 100%;
		transition: none;
	}
}

@media ( min-width : 992px) {
	.sidebar-fixed .sidebar {
		position: fixed;
		max-height: auto;
		height: -webkit-fill-available;
	}
	.sidebar-fixed .sidebar .nav {
		max-height: calc(100vh - 70px);
		overflow: auto;
		position: relative;
	}
	.sidebar-fixed .sidebar .nav.sub-menu {
		max-height: none;
	}
	.sidebar-fixed .main-panel {
		margin-left: 265px;
	}
	.sidebar-fixed.sidebar-icon-only .main-panel {
		margin-left: 100px;
		/* margin-left: 3px; */
	}
	.nav-card {
		display: inline-table;
	}
	/* .icon-img {
    width: 100%!important;
  } */
}

@media ( min-width : 992px) {
	.boxed-layout {
		background: #ffffff;
	}
	.boxed-layout .container-scroller {
		width: 100%;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.boxed-layout .navbar {
		width: 100%;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}

.rtl {
	direction: rtl;
	text-align: right;
}

.rtl .sidebar .nav {
	padding-right: 0;
}

.rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
	margin-right: 0;
	margin-left: 0.5em;
}

.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {
	margin-left: 0;
	margin-right: auto;
}

.rtl .sidebar .nav .nav-item .nav-link .badge {
	margin-left: 0;
	margin-right: auto;
}

.rtl .sidebar .nav.sub-menu {
	padding: 0 2.05rem 0 0;
}

.rtl .product-chart-wrapper::-webkit-scrollbar, .rtl .settings-panel .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar,
	.rtl .sidebar-fixed .nav::-webkit-scrollbar, .rtl .table-responsive::-webkit-scrollbar,
	.rtl ul.chats::-webkit-scrollbar {
	width: 0.5em;
}

.rtl .product-chart-wrapper::-webkit-scrollbar-track, .rtl
  .settings-panel
  .tab-content
  .tab-pane
  .scroll-wrapper::-webkit-scrollbar-track, .rtl .sidebar-fixed .nav::-webkit-scrollbar-track,
	.rtl .table-responsive::-webkit-scrollbar-track, .rtl ul.chats::-webkit-scrollbar-track
	{
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.rtl .product-chart-wrapper::-webkit-scrollbar-thumb, .rtl
  .settings-panel
  .tab-content
  .tab-pane
  .scroll-wrapper::-webkit-scrollbar-thumb, .rtl .sidebar-fixed .nav::-webkit-scrollbar-thumb,
	.rtl .table-responsive::-webkit-scrollbar-thumb, .rtl ul.chats::-webkit-scrollbar-thumb
	{
	background-color: darkgrey;
	outline: 1px solid slategrey;
}

.month-tab-wraper, .month-tab-list {
	width: 100%;
}

.month-tab-list li.date_select {
	float: right;
}

.custom-date-picker .datepicker.input-group {
	border: none;
}

.custom-date-picker input.form-control {
	background: none;
	/* border: none !important; */
	color: var(--font-secondary-theme-color);
	font-weight: bold;
	font-size: 15px;
	width: 140px;
}

.custom-date-picker {
	/* background: #f3f3f3; */
	padding: 1px 20px;
	margin-top: 6.5px;
	border-radius: 2px;
	cursor: pointer;
}

.custom-date-picker .input-group-addon span.mdi-calendar {
	border: none !important;
	font-size: 20px;
	color: var(--font-secondary-theme-color);
	padding: 4px;
}

.custom-date-picker .input-group-addon {
	background: none !important;
	border: none !important;
	font-size: 22px !important;
	color: var(--font-secondary-theme-color) !important;
	/* padding: 5px!important; */
}

.custom-date-picker .input-group.date .input-group-addon span {
	width: auto;
	height: auto;
}

.custom-date-picker label {
	/* margin-right: 10px; */
	color: #615e5e;
	font-weight: bold;
	margin-top: 5px;
	font-size: 16px;
	/* line-height: 28px; */
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  tbody
  td.day:last-child, .custom-date-picker
  .datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.dow:last-child {
	text-align: center;
}

.datepicker.datepicker-dropdown
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.dow:last-child, .datepicker.datepicker-inline
  .datepicker-days
  table.table-condensed
  thead
  tr
  th.dow:last-child {
	text-align: center;
}

.loader-bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	z-index: 999999;
	margin: 0 auto;
	border: 0 !important;
}

.delete-task {
	/* position: absolute; */
	/* bottom: 5px; */
	/* right: 15px; */
	z-index: 99999999;
	padding: 3px;
	background: white;
	/* border-top: 1px solid #ccc; */
}

.bx-mainsection {
	-webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.15);
	margin-bottom: 10px;
}

.mytabs li {
	/* background: #d6d6d6; */
	margin-right: 5px;
	border-radius: 4px 4px 0 0;
}

.btn-outline-info, .btn-outline-success, .btn-outline-danger,
	.btn-outline-secondary, .btn-outline-search {
	width: 80px;
	border-radius: 5px;
	font-size: 12px;
	cursor: pointer;
}

.btn-success, .btn-dark, .btn-info, .btn.btn-icons i {
	cursor: pointer;
}

@media ( max-width : 767px) {
	.d-blockm .d-flex {
		display: block !important;
	}
	.pagination-container li a {
		padding: 10px;
	}
	.fieldset_bx {
		margin: 0;
		margin-bottom: 10px;
	}
	.close_bx {
		right: -10px;
	}
	.mytabs .nav-item .nav-link {
		padding: 0.5rem;
		font-size: inherit;
	}
	.pd_mang {
		padding: 10px;
	}
	.card .card-body {
		padding: 35px 15px;
	}
}

.pagination-container {
	float: left;
	margin-top: 10px;
}

.pagination-container li a {
	border: 1px solid #f3f3f3;
	padding: 7px 13px;
	color: #6c757d;
	font-size: 0.875rem;
	font-weight: 400;
	margin: 0;
}

.pagination-container li.active a {
	background: #6496f9;
	color: white;
}

.pagination-container li:first-child a {
	border-radius: 4px 0 0 4px;
}

.pagination-container li:first-child a:hover {
	border-radius: 4px 0 0 4px;
}

.pagination-container li:last-child a {
	border-radius: 0 4px 4px 0;
}

.pagination-container li:last-child a:hover {
	border-radius: 0 4px 4px 0;
}

.pagination-container li a:hover {
	text-decoration: none;
	background: #6496f9;
	color: var(--font-secondary-theme-color);
}

.speed-circle {
	font-size: 12px;
}

.back-img {
	width: 20px;
}

.btn-search {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
	border-radius: 3px !important;
	width: auto !important;
	/* width: 100px;*/
	cursor: pointer;
}

.btn-search:hover {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

.btn-punchIn {
	color: var(--font-secondary-theme-color);
	background-color: #5bcd32;
	border-color: #5bcd32;
	border-radius: 0.1875rem;
	cursor: pointer;
	font-weight: bold;
}

.btn-punchIn:hover {
	color: var(--font-secondary-theme-color);
	background-color: #469c27;
	border-color: #469c27;
}

.btn-punchOut {
	color: var(--font-secondary-theme-color);
	background-color: #ff5722;
	border-color: #ff5722;
	border-radius: 0.1875rem;
	cursor: pointer;
}

.btn-punchOut:hover {
	color: var(--font-secondary-theme-color);
	background-color: #e5410e;
	border-color: #e5410e;
}

.btn-outline-search {
	color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
	cursor: pointer;
	background-color: #fff;
}

.btn-black {
	color: var(--font-secondary-theme-color);
	background-color: #4e4c4c;
	border-color: #4e4c4c;
	border-radius: 0.1875rem;
	cursor: pointer;
}

.btn-black:hover {
	color: var(--font-secondary-theme-color);
	background-color: #4e4c4c;
	border-color: #4e4c4c;
}

.btn-orange {
	color: var(--font-secondary-theme-color);
	background-color: #f4a84b;
	border-color: #f4a84b;
	border-radius: 0.1875rem;
	cursor: pointer;
}

.btn-orange:hover {
	color: var(--font-secondary-theme-color);
	background-color: #fda430;
	border-color: #fda430;
}

.flow-border {
	border: 1px solid #0e00c6;
}

.task-input {
	border: 0;
	padding: 5px 5px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

input[type="text"][disabled] {
	background: #fff !important;
	/* border: none !important; */
}

input[type="email"][disabled] {
	background: #fff !important;
	border: none !important;
}

input[type="password"][disabled] {
	background: #fff !important;
	border: none !important;
}

.fileContainer {
	overflow: hidden;
	position: relative;
}

.fileContainer [type="file"] {
	cursor: inherit;
	display: block;
	font-size: 999px;
	filter: alpha(opacity = 0);
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}

.cross-sign {
	position: absolute;
	color: red;
	margin-left: -12px;
	cursor: pointer;
}

.cross-ad {
	position: absolute;
	color: red;
	margin-left: -12px;
}

.dashboardcross-sign {
    position: relative;
    color: red !important;
    margin-left: -12px;
    top: -25px;
}

/*select {
 
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: calc(100% - 1em) center;
  font-family: inherit;
  font-weight: 400;
  font-size: inherit;
  line-height: 1;
  display: block;
  width: 100%;
  background-color: transparent;
  border: 1px solid #bcbcbc;
  border-radius: 3px;
  box-shadow: none;
  padding: 1.2em 3rem;
  margin-bottom: 1.2rem;
}

select::-ms-expand {
  display: none;
}
.effect-1 {
  border: 0;
  padding: 0px 42px 0px 0px;
  border-bottom: 0.5px solid #cecaca;
  width: 100%;
}

.effect-2 {
  border: 0;
  padding: 0px 42px 9px 0px;
  border-bottom: 0.5px solid #cecaca;
}*/
#snackbar-success {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #69d931;
	color: var(--font-secondary-theme-color);
	font-weight: 800;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 999999999;
	top: 80px;
	right: 30px;
	font-size: 17px;
}

#snackbar-success.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@
-webkit-keyframes fadein {from { right:0;
	opacity: 0;
}

to {
	right: 30px;
	opacity: 1;
}

}
@
keyframes fadein {from { right:0;
	opacity: 0;
}

to {
	right: 30px;
	opacity: 1;
}

}
@
-webkit-keyframes fadeout {from { right:30px;
	opacity: 1;
}

to {
	right: 0;
	opacity: 0;
}

}
@
keyframes fadeout {from { right:30px;
	opacity: 1;
}

to {
	right: 0;
	opacity: 0;
}

}
#snackbar-failure {
	visibility: hidden;
	min-width: 300px;
	margin-left: -125px;
	background-color: #ff0000;
	color: var(--font-secondary-theme-color);
	font-weight: 800;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 999999999;
	top: 80px;
	right: 30px;
	font-size: 17px;
}

#snackbar-failure.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

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

.slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: -5.2px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

input:checked+.slider .ycolor {
	background-color: var(--primary-theme-color) !important;
}

input:focus+.slider {
	box-shadow: 0 0 1px var(--button-secondary-theme-color) !important;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px) !important;
	-ms-transform: translateX(26px) !important;
	transform: translateX(17px) !important;
}

/* checkbox switch */
.switch {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 12px;
	margin-right: 5px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: -5.2px;
	bottom: 0px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);*/
}

input:checked+.slider {
	background-color: var(--button-secondary-theme-color);
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

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

.button-border-cls{
	height: 40px !important;
}

.two-view-cls{
    color: var(--button-primary-theme-color);
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 800;
    margin-right: 8px !important;
    height: 40px;
    padding: 10px 20px;
    border-radius: 20px;
    margin-left: 20px;
    border: 1px Solid var(--button-primary-theme-color);
}

.iconHighLight {
    color: #fff !important;
    background: var(--button-primary-theme-color);
}

.fitter_cls_wrapper{
	margin-top: 10px !important;
}

.filter_cls input{
	    padding: 5px 10px 8px 40px !important;
}

span.view-cls {
    display: flex;
	align-items: center;
}


.download-color {
	color: #707070;
	cursor: pointer;
	font-size: 13px !important;
	font-weight: 800;
	margin-right: 8px !important;
}

/* second checkbox */
div.checkbox.switcher label, div.radio.switcher label {
	padding: 0;
}

div.checkbox.switcher label *, div.radio.switcher label * {
	vertical-align: middle;
}

div.checkbox.switcher label input, div.radio.switcher label input {
	display: none;
}

div.checkbox.switcher label input+span, div.radio.switcher label input+span
	{
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 36px;
	height: 20px;
	background: #ccc;
	border: 1px solid #eee;
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
	top: 0.8px;
}

div.checkbox.switcher label input+span small, div.radio.switcher label input+span small
	{
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	left: 0px;
	top: 0.8px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	margin-left: 2px;
}

div.checkbox.switcher label input:checked+span, div.radio.switcher label input:checked+span
	{
	background: var(--primary-theme-color) !important;
	border-color: var(--primary-theme-color) !important;
}

div.checkbox.switcher label input:checked+span small, div.radio.switcher label input:checked+span small
	{
	left: 50%;
}

.taskBackground {
	background-color: #ffffff;
	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(240)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23fcfffe'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%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");
	background-attachment: fixed;
	background-size: cover;
}

.notify-font {
	line-height: 1.2;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #636262;
	font-size: 10px;
}

.fn-12 {
	font-size: 12px;
}

.circle-icon {
	background: var(--primary-theme-color);
	padding: 6px;
	border-radius: 50%;
	color: white;
	height: 22px;
	width: 22px;
}

.green {
	color: var(--primary-theme-color);
	text-transform: capitalize;
}

.text-grey {
	color: #3d3d3d;
}

.grey {
	color: #3d3d3d;
}

.yellow {
	color: #ffeb3b;
	text-transform: capitalize;
}

.blue {
	color: var(--primary-theme-color) !important;
}

.blue1 {
	color: #1cdcb6 !important;
}

#grad1 {
	height: 90px;
	background-color: var(--primary-theme-color);
	/* background-image: linear-gradient(to right, #0091e7, var(--primary-theme-color)); */
	border: none;
	border-radius: 8px;
}

#grad2 {
	background-color: var(--primary-theme-color);
	/* background-image: linear-gradient(to right, #0091e7, var(--primary-theme-color)); */
	border: none;
	border-radius: 8px;
	color: var(--font-secondary-theme-color);
}

.vertical {
	border-left: 2px solid #fff;
	height: 70px;
	margin-right: 15px;
	left: 50%;
}

.light-grey {
	color: #9c9b9b;
}

.dark-grey {
	color: #383838;
}

.submit-button {
	background-color: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
	outline: none;
	border-color: var(--primary-theme-color);
}

.submit-button:hover {
	background-color: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
	border-color: var(--primary-theme-color);
}

.input-wrap {
	margin-bottom: 0px;
	position: relative;
}

.input-wrap input {
	width: 93%;
	height: 36px;
	border-radius: 6px;
	outline: none;
	padding: 0px 8px 0;
	box-sizing: border-box;
	font-weight: 400;
	color: #707070;
	display: block;
	transition: box-shadow ease-in-out 0.1s;
	border: 0.5px solid #cdcdcd !important;
	background: #f5f5f5;
}

.input-wrap select {
	width: 93%;
	height: 36px;
	border-radius: 6px;
	border: 0.5px solid #cdcdcd !important;
	outline: none;
	padding: 0px 8px 0;
	box-sizing: border-box;
	color: #707070;
	font-weight: 400;
	display: block;
	transition: box-shadow ease-in-out 0.1s;
	background: #f5f5f5;
	margin-bottom: 0px;
}

.break {
	color: var(--primary-theme-color) !important;
	border: 1px solid var(--primary-theme-color) !important;
	border-radius: 16px !important;
	width: 122px !important;
	background-color: transparent !important;
}

.dtp-btn-cancel {
	border-radius: 2.1875rem !important;
}

.nodata-img {
	opacity: 0.8 !important;
}

.light-font {
	color: #3d3d3d !important;
	font-weight: 200 !important;
	font-size: 12px !important;
}

.bold-font {
	color: #3d3d3d !important;
	font-weight: 400 !important;
	font-size: 14px !important;
}

.light-font-16 {
	color: #3d3d3d !important;
	font-weight: 200 !important;
	font-size: 16px !important;
}

.bold-font-grey-user {
	color: #3d3d3d !important;
	font-weight: 600 !important;
}

.light-font-grey-user {
	color: #3d3d3d !important;
	font-weight: 400 !important;
}

.light-font-grey {
	color: #3d3d3d !important;
	font-weight: 400 !important;
}

.bold-font-grey {
	color: #3d3d3d !important;
	font-weight: bolder !important;
}

.font-blue-16 {
	color: var(--primary-theme-color) !important;
	font-weight: 400 !important;
	font-size: 16px !important;
}

.bold-font-12 {
	color: #3d3d3d !important;
	font-weight: 400 !important;
	font-size: 12px !important;
}

.light-font-10 {
	color: #3d3d3d !important;
	font-weight: 200 !important;
	font-size: 10px !important;
}

.selecteffect {
	border-radius: 16px !important;
	padding: 7px 10px 7px 12px !important;
	background-color: #fff !important;
	color: var(--font-primary-theme-color) !important;
	line-height: 17px !important;
	border: none !important;
	font-size: 12px;
}

.effectlabel {
	color: #3d3d3d;
	padding: 4px 0px 4px 9px;
	font-size: 12px !important;
}
/*.input-group{
  position:relative;
  width:100%;overflow:hidden;
  }
  .input-group input{
    position:relative;
    height:45px;
    border-radius:30px;
    min-width:500px;
    box-shadow:none;
    border:1px solid #eaeaea;
    padding-left:160px;
  }
  .input-group select{
    position: relative;
    height: 40px!important;
    border-radius: 30px;
    min-width: 500px;
    padding: 0px 1px 0px 0px;
    box-shadow: none;
    border: 1px solid #eaeaea;
    padding-left: 182px;
    color: #3d3d3d;
    font-weight: 400;
  }
  .input-group label{
    position: absolute;
    left: 0;
    height: 38px;
    /* background: #55ccf2; 
    padding: 0px 0px 0px 16px;
    border-radius: 30px;
    line-height: 40px;
    font-size: 13px;
    color: #3d3d3d;
    top: 0;
    width: 124px;
    font-weight: 200;

  }*/
.card-color {
	border-radius: 17px;
	/*background-color: #e8e8e8 !important;*/
	/*height: 32px;*/
}

.cardcolor {
	border-radius: 17px;
	background-color: white !important;
	height: 32px;
}

#filter-sidebar-wrapper {
	margin-right: -250px;
	right: 0;
	width: 250px;
	background: #fff;
	position: fixed;
	height: 100%;
	overflow-y: auto;
	z-index: 1000;
	transition: all 0.5s ease-in 0s;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-ms-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	top: 0px;
}

.filter-sidebar-nav {
	position: absolute;
	top: 0;
	width: 100%;
	list-style: none;
	/* background: rgb(27 134 231); */
	padding-bottom: 10px;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
}

#filter-sidebar-wrapper-task {
	background: #fff;
	transition: all 0.5s ease-in 0s;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-ms-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
    display: none;
	margin-top: 20px;
}

#filter-sidebar-wrapper-task.active{
	display: block;
}

.filter-sidebar-nav-task select {
	width: 100%;
}

.filter-sidebar-nav select {
	width: 100%;
}

.filter-sidebar-nav label {
	padding: 0px !important;
	margin: 0px 0px 10px 0px;
	/* color: var(--font-secondary-theme-color) !important; */
	font-size: 14px !important;
}

.filter-sidebar-nav li {
	line-height: 50px;
	text-indent: 6px;
}

.filter-sidebar-nav li a {
	/* color: var(--font-secondary-theme-color); */
	display: block;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
}

.filter-sidebar-nav-task label {
	padding: 0px !important;
	margin: 0px 0px 10px 0px;
	/* color: var(--font-secondary-theme-color) !important; */
	font-size: 14px !important;
}

.filter-sidebar-nav-task li {
	line-height: 50px;
	text-indent: 6px;
}

.filter-sidebar-nav-task li a {
	/* color: var(--font-secondary-theme-color); */
	display: block;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
}

a#menu-close {
	/* color: var(--font-secondary-theme-color); */
	/* background: #fff; */
	padding: 6px;
	/* margin-right: 18px; */
	margin-top: 11px !important;
	text-align: center;
	/* width: 26px; */
	cursor: pointer;
}

.filter-sidebar-nav li a:active, .filter-sidebar-nav li a:focus {
	text-decoration: none;
}

.filter-sidebar-nav>.sidebar-brand {
	height: 55px;
	line-height: 55px;
	font-size: 18px;
}

.filter-sidebar-nav>.sidebar-brand a {
	color: #999999;
}

#menu-toggle {
	top: 0;
	right: 0;
	/* position: fixed; */
	z-index: 1;
}

#filter-sidebar-wrapper.active {
	right: 250px;
	width: 300px;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	top: 0px;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
	z-index: 99999;
	/* background: #636363; */
	/* overflow: hidden; */
}

#filter-sidebar-wrapper-text.active {
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	box-shadow: 2px 2px 2px lightgrey;
    border-radius: 15px !important;
    border: 1px solid #dfdfdf !important;
	display: block;

}

.select2-selection__rendered {
    overflow-x: auto !important;
    display: flex !important;
    scrollbar-width: none !important;
}

.select2-selection__rendered::-webkit-scrollbar {
    display: none !important;
}


.select2-selection__rendered::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
}


.border-cls{
	border: 1px solid #f3f3f3 !important;
    background: #fff;
    margin-right: 15px;
	padding: 7px 10px 3px 10px;
    border-radius: 28px;
    border-color: #c2c6d1 !important;
	color: var(--font-primary-theme-color);
	cursor: pointer;
	font-size: 14px;
	width: 120px;
}

#searchTask.active{
	display: block !important;
}

.toggle-filter {
	margin: 5px 5px 0 0;
}

.padding-file {
	padding: 8px 0px 0px 15px !important;
}

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

.profile-copy {
	font-size: 15px !important;
	background: none !important;
	color: #848484 !important;
	margin-right: 0 !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin-left: 5px;
}

.vline {
	border-left: 1px solid darkgrey;
	height: 264px;
	position: absolute;
	left: 100%;
	margin-left: -3px;
	top: 31px;
}

.bold-font-black {
	color: #4e4c4c !important;
	font-weight: 600 !important;
}

.table-card {
	border-radius: 6px;
}

.name-font {
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	color: #3d3d3d;
}

.name-dark {
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #3d3d3d;
}

.name-font-light {
	font-size: 14px;
	font-weight: 200;
	text-align: left;
	color: #3d3d3d;
}

.name-light {
	font-size: 14px;
	text-align: left;
}

.f-dark {
	font-weight: 600;
	color: #4e4c4c;
	font-size: 15px;
}

.f-light {
	font-weight: 200;
	font-size: 10px;
	color: #3d3d3d;
}

.f-dark-20 {
	font-weight: 400;
	color: #4e4c4c;
	font-size: 14px;
}

.f-light-20 {
	font-weight: 400;
	color: #3d3d3d;
}

.user-f {
	font-size: 14px;
	font-weight: 500;
	color: #3d3d3d;
}

.continue-btn {
	width: 120px;
	font-size: 12px;
	border-radius: 16px;
}

.fa-calendar {
	color: var(--primary-theme-color) !important;
}

.error-validation {
	color: red !important;
	text-align: center;
}
/*
 .zoom-effect {
    transition: all 0.2s ease-in-out;
  }*/
.zoom-effect:hover {
	-ms-transform: scale(1.05); /* IE 9 */
	-webkit-transform: scale(1.05); /* Safari 3-8 */
	transform: scale(1.05);
}

/* ====== Castum css start==== */
.task-select {
	min-width: 80px !important;
	background: #ffffff;
	text-align: left !important;
	padding: 5px !important;
	font-size: 14px;
	color: #3a3a3a !important;
	font-weight: bold !important;
	margin: 5px 0px 0px 0px;
	border: none;
	position: relative;
	-webkit-appearance: checkbox;
	border-radius: 4px;
	float: left;
	max-width: 130px;
	border: solid #d5d5d5 1px;
}

.superadmin span {
	padding: 18px;
	background: #000;
	color: var(--font-secondary-theme-color) !important;
	border-radius: 5px;
	font-size: 14px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold !important;
}

.superadmin span:hover {
	background: #00c943;
}

.search_bar input {
	background: #fff;
	border-radius: 50px;
	padding-left: 36px;
	font-size: 15px;
	color: #404040 !important;
	border: solid #e5e5e5 1px;
	width: 330px !important;
	margin-right: 10px;
	float: left;
	position: relative;
}

.search_bar .fa {
	color: var(--button-primary-theme-color) !important;
	position: absolute;
	z-index: 99;
	margin-left: 10px;
}

#sidebar {
	margin-top: 49px !important;
}

.search_bar {
	display: flex;
	margin-top: 12px;
}

.dasboardfont {
	font-size: 25px !important;
	font-weight: bold !important;
	color: var(--font-primary-theme-color) !important;
	border-bottom: solid #07ca5b 4px;
	margin-bottom: 8px !important;
	display: block;
}

.mdi:before, .mdi-set {
	font-size: 44px;
	color: var(--primary-theme-color);
}

.toolcss a {
	margin: 0px 10px;
}

.toolcss img {
	width: 20px !important;
	margin-top: 15px;
}

.userchange img {
	width: 20px !important;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	margin: 0px 0px 0px 0px;
	line-height: 44px;
	height: 48px !important;
	padding: 10px 0px;
}

.logoutuser img {
	width: 20px !important;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	margin: 0px 10px;
	line-height: 44px;
	height: 48px !important;
	padding: 10px 0px;
}

.nav-item.card.project-nav.mx-1 a {
	/* width: 100%; */
	
}

.slick-slide p {
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}

.slick-slide img {
	width: auto !important;
	background: #fffbfb;
	padding: 6px;
	border-radius: 6px;
	margin-bottom: 0px !important;
	height: 60px;
}

.slider {
	background: none;
}

.slick-slide div {
	max-width: 400px;
	min-width: 200px;
	width: auto;
}

.box-design {
	padding: 20px 10px !important;
	background: #fff;
}

.box-design img {
	width: 35px;
	margin-bottom: 16px;
}

.box-design p {
	font-size: 16px !important;
}

/*User Role*/

/*.input-wrap label {
  background-color: inherit;
  color: var(--font-primary-theme-color);
  padding: 10px 0px;
  font-size: 16px;
  text-transform: capitalize;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 22;
}*/
.input-wrap input {
	width: 100%;
	height: 45px;
	border-radius: 0px;
	outline: none;
	padding: 0px 8px 0;
	box-sizing: border-box;
	font-weight: 400;
	color: #707070;
	display: block;
	transition: box-shadow ease-in-out 0.1s;
	border: 0.5px solid #cdcdcd !important;
}

.input-wrap select {
	width: 100%;
	height: 45px;
	border-radius: 0px;
	border: 0.5px solid #cdcdcd !important;
	outline: none;
	padding: 0px 8px 0;
	box-sizing: border-box;
	color: #707070;
	font-weight: 400;
	display: block;
	transition: box-shadow ease-in-out 0.1s;
}

.select2-container--default .select2-selection--multiple {
	background: #fff;
	/* height: 45px; */
	border: 0.5px solid #cdcdcd !important;
}

.filter-sidebar-nav .select2-container--default .select2-selection--multiple
	{
	background-color: #fff;
	/* height: 44px; */
	border: 1px solid #e2e1e1 !important;
	/* border-radius: 50px; */
	line-height: 0;
}

.filter-sidebar-nav .select2-container--default .select2-selection--multiple .select2-selection__rendered
	{
	background-color: #fff;
	/* height: 40px; */
	/* border-radius: 50px; */
}

.filter-sidebar-nav .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1)
	{
	/* border-radius: 50px; */
	
}

.filter-sidebar-nav span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus
	{
	width: 100% !important;
}

.filter-sidebar-nav span.select2.select2-container.select2-container--default.select2-container--focus
	{
	width: 100% !important;
}

.filter-sidebar-nav span.select2.select2-container.select2-container--default
	{
	width: 100% !important;
}


.filter-sidebar-nav-task span.select2-selection__choice__remove {
	float: right;
}

filter-sidebar-nav-task .select2-container--default .select2-selection--multiple
	{
	background-color: #fff;
	/* height: 44px; */
	border: 1px solid #e2e1e1 !important;
	/* border-radius: 50px; */
	line-height: 0;
}

.filter-sidebar-nav-task .select2-container--default .select2-selection--multiple .select2-selection__rendered
	{
	background-color: #fff;
	height: 40px;
	/* border-radius: 50px; */
}

.filter-sidebar-nav-task .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+1)
	{
	/* border-radius: 50px; */
	
}

.filter-sidebar-nav-task span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus
	{
	width: 100% !important;
}

.filter-sidebar-nav-task span.select2.select2-container.select2-container--default.select2-container--focus
	{
	width: 100% !important;
}

.filter-sidebar-nav-task span.select2.select2-container.select2-container--default
	{
	width: 100% !important;
}

.filter-sidebar-nav-task .form-group label {
	vertical-align: baseline;
}

.btn-search {
	color: var(--font-secondary-theme-color);
	background-color: var(--button-primary-theme-color);
	border-color: var(--button-primary-theme-color);
	border-radius: 2.1875rem;
	width: 100%;
	width: 100px;
	cursor: pointer;
	border-radius: 3px;
	font-size: 15px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 17px;
	margin-right: 5px;
}

.slider:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: 1.8px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	top: 0;
	/*box-shadow: 0px 1px 3px rgb(0 0 0 / 40%);*/
	left: 0;
}

input:checked+.slider {
	background-color: var(--primary-theme-color);
}

.slider.round {
	border-radius: 82px;
	background: #ccc;
}

.light-font {
	color: #3d3d3d !important;
	font-weight: 200 !important;
	font-size: 12px !important;
	float: inherit;
	position: relative;
	top: 5px;
}

tbody#tableBody tr td {
	position: relative;
	top: 0px;
	line-height: 1.5;
}

.fa-trash-o {
	color: var(--button-secondary-theme-color);
}

.fa-edit {
	color: var(--primary-theme-color);
}

.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online
	{
	border: 1px solid var(--button-secondary-theme-color);
	color: var(--font-secondary-theme-color);
	padding: 7px 12px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold !important;
}

.row .col-1 label {
	/* line-height: 41px; */
	margin-bottom: 14px;
}

.card.shadow.m-2.p-2.text-center.zoom-effect.cardClick.shadow-sm {
	cursor: pointer;
	display: block;
}

.card.shadow.m-2.p-2.text-center.zoom-effect.cardClick.shadow-sm label {
	cursor: pointer;
	display: block;
	margin-top: 0px !important;
	line-height: 29px;
	font-size: 14px;
}

.card.shadow.m-2.p-2.text-center.zoom-effect.cardClick.shadow-sm:hover {
	background: var(--button-secondary-theme-color);
	color: var(--font-secondary-theme-color);
}

.table thead th {
	font-size: 15px !important;
	background-color: transparent !important;
	color: var(--font-secondary-theme-color) !important;
	text-align: left !important;
	background: var(--primary-theme-color) !important;
	padding: 10px !important;
	height: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.paginationCss .col-md-3 {
	font-size: 14px !important;
}

.pagination .page-item .page-link, .jsgrid .jsgrid-pager .page-item .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page a
	{
	border-color: var(--button-primary-theme-color);
	font-size: 14px;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: var(--button-primary-theme-color);
	color: var(--font-secondary-theme-color);
	font-weight: bold;
}

.pagination .page-item.active .page-link, .jsgrid .jsgrid-pager .page-item.active .page-link,
	.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link,
	.jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a,
	.jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a,
	.jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .pagination .page-item:active .page-link,
	.jsgrid .jsgrid-pager .page-item:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:active a, .pagination .page-item:focus .page-link,
	.jsgrid .jsgrid-pager .page-item:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:focus a, .pagination .page-item:hover .page-link,
	.jsgrid .jsgrid-pager .page-item:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a,
	.jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a,
	.jsgrid .jsgrid-pager .jsgrid-pager-page:hover a {
	background: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.pagination .page-item .page-link:focus, .jsgrid .jsgrid-pager .page-item .page-link:focus,
	.jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link:focus,
	.jsgrid .jsgrid-pager .jsgrid-pager-page .page-link:focus, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:focus,
	.jsgrid .jsgrid-pager .jsgrid-pager-page a:focus {
	background: #00d282;
}

img.icon {
	background: #ffffff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
	{
	color: var(--font-secondary-theme-color);
	border: 0;
	border-radius: 3px;
	padding: 6px;
	font-size: 14px;
	font-family: inherit;
	line-height: normal;
}

button#loadPayoutConfigModal {
	border-radius: 3px !important;
	font-size: 14px !important;
	font-weight: bold;
}

.mytabs li {
	border-radius: 0px;
	position: relative;
	/* margin-right: 24px !important; */
	color: var(--font-secondary-theme-color);
}
/*.mytabs li:after {
  color: #ccc !important;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #00c943;
  right: -20px;
  content: '';
  position: absolute;
  top: 0px;
}*/
.custom-select1 {
	position: relative;
	min-width: 110px;
}

.custom-select1 select {
	display: none; /*hide original SELECT element:*/
}

.select-selected {
	background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
	position: absolute;
	content: "";
	top: 22px;
	right: 13px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
	border-color: transparent transparent #fff transparent;
	top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
	color: var(--font-secondary-theme-color);
	padding: 11px 16px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
	user-select: none;
	border-radius: 3px;
}

/*style items (options):*/
.select-items {
	position: absolute;
	background-color: DodgerBlue;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
	display: none;
}

.select-items div:hover, .same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
}

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

.tablesize tbody tr td:nth-child(1) {
	width: 50px;
}

.sidebar .nav.sub-menu .nav-item:hover>.nav-link {
	background: initial;
	color: var(--button-secondary-theme-color);
}

li.nav-item.dropdown.d-none.d-xl-inline-block.mt-2.mb-3.Usernamecl .fa {
	padding-bottom: 10px !important;
	float: left;
	display: contents;
	font-size: 57px !important;
	display: block;
	color: var(--primary-theme-color) !important;
	width: 120px !important;
	margin-left: 50px !important;
	padding-left: 6px;
}

nav#sidebar li a .fa {
	margin: 0px !important;
	margin-right: 7px !important;
	font-size: 20px;
}

li.nav-item a {
	color: var(--font-primary-theme-color) !important;
}

li.nav-item a:hover {
	color: var(--button-secondary-theme-color) !important;
}

/*.navIColor {
  padding: 9px;
}*/
li.nav-item.dropdown.d-none.d-xl-inline-block.mt-2.mb-3.Usernamecl {
	text-align: center;
	margin: 0px !important;
	background: #fff;
}

li.nav-item.dropdown.d-none.d-xl-inline-block.mt-2.mb-3.Usernamecl {
	text-align: center;
}

li.nav-item.dropdown.d-none.d-xl-inline-block.mt-2.mb-3.Usernamecl p {
	width: 100%;
	float: left;
	margin: 0px !important;
	padding-bottom: 7px;
	color: var(--font-primary-theme-color);
	text-align: left;
}

.signup-img {
	width: 20rem;
	height: 20rem;
	object-fit: contain;
}

.sidebar-fixed .main-panel {
	/* margin-left: 265px; */
	
}

.main-panel {
	/* width: calc(100% - 270px); */
	
}

.sidebar .card.navIColor {
	text-align: center;
	border-radius: 7px !important;
	/* border: 0; */
}

.sidebar .card.navIColor .active {
	background: var(--secondary-theme-color);
	/* padding: 5px 0px; */
	border-radius: 7px;
}

.sidebar .card.navIColor i {
	font-size: 18px !important;
	color: var(--primary-theme-color) !important;
}

.sidebar .card.navIColor .active i {
	color: var(--primary-theme-color) !important;
}

ul.nav.ps.ps--active-y {
	padding-bottom: 90px;
}

.card li.nav-item a {
	padding: 10px !important;
	background: transparent !important;
}

.card li.nav-item a:hover {
	/* background: #efefef !important; */
	color: black !important;
}

.navbar-brand-wrapper, .navbar-menu-wrapper {
	height: 0px;
}

nav.manu_line {
	z-index: 999999;
	position: relative;
	top: 26px;
	left: 239px;
}

.b-shadow {
	box-shadow: 0px 8px 11px 1px rgb(0 0 0/ 30%), 0 0px 0px rgb(0 0 0/ 22%)
		!important;
}

tbody#tableBody tr:hover {
	background: #f7f7f7;
}

.iconcolor .fa {
	color: #3ab2ff !important;
}

.iconcolor1 .fa {
	color: var(--font-primary-theme-color) !important;
}

.iconcolor2 .fa {
	color: #0050e3 !important;
}

.iconcolor3 .fa {
	color: #00c943 !important;
}

.iconcolor4 .fa {
	color: #005e9b !important;
}

.iconcolor5 .fa {
	color: #05bdfd !important;
}

.iconcolor6 .fa {
	color: #322ac7 !important;
}

.iconcolor7 .fa {
	color: #1f4c3a !important;
}

.iconcolor8 .fa {
	color: #454085 !important;
}

.iconcolor9 .fa {
	color: #98701f !important;
}

.iconcolor10 .fa {
	color: #ff0000 !important;
}

.iconcolor11 .fa {
	color: #ffe6b4 !important;
}

.iconcolor12 .fa {
	color: #ffc44e !important;
}

.iconcolor13 .fa {
	color: #ffc1c1 !important;
}

.iconcolor14 .fa {
	color: #ff8e8e !important;
}

.iconcolor15 .fa {
	color: #fb9678 !important;
}

.iconcolor16 .fa {
	color: #e85555 !important;
}

.iconcolor17 .fa {
	color: #cef6e2 !important;
}

.iconcolor18 .fa {
	color: #322ac7 !important;
}

.iconcolor19 .fa {
	color: #09cdcd !important;
}

.iconcolor20 .fa {
	color: #0050e3 !important;
}

.iconcolor21 .fa {
	color: #05bdfd !important;
}

.iconcolor22 .fa {
	color: #ffe6b4 !important;
}

label.checkbox p {
	margin-bottom: 0px;
	padding: 0px 10px 0px 23px;
	display: block;
	margin-top: -7px;
}

.checkbox {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 0px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-right: 20px;
}

/* Hide the browser's default radio button */
.checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
	background-color: var(--primary-theme-color);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkbox input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.checkbox .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.navbar-fixed-top {
	position: fixed;
	width: 100%;
	z-index: 999;
}

.navbar-brand-wrapper, .navbar-menu-wrapper {
	line-height: 0px;
	height: 0px !important;
	padding-top: 0;
}

div#rootdetail .input-wrap {
	margin: 0px;
}

.text-wrapper {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fixed-strip {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1030;
	width: 12%;
	box-shadow: 3px 3px 8px grey;
}

.task-document-wrapper {
	margin-top: 5px;
	padding: 10px;
	border-radius: 15px !important;
	background: #f7f7f7;
	border: solid #d1d1d1 1px !important;
}

.use-case-list tr th:first-child {
	width: 40%;
}

.use-case-list tr td:first-child {
	width: 40%;
}

.form_box {
	margin-top: 5px;
	padding: 10px;
	border-radius: 15px !important;
	background: #fff;
	border: solid #d1d1d1 1px !important;
}

.form_box .box_heading {
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid #ccc 1px;
	box-shadow: 0px 2px 0px 0px #fff;
	margin-bottom: 20px;
	padding-bottom: 10px;
	color: var(--font-primary-theme-color);
	text-shadow: 0px 1px 0px #dfdfdf;
	width: 100%;
}

.form_box label {
	text-align: left !important;
	position: relative !important;
	left: 0px !important;
	font-size: 14px !important;
	margin-top: 5px !important;
}

.form_box select {
	border: solid #ccc 1px;
	background: #fff !important;
	padding: 0px 10px;
	font-size: 14px;
	margin-top: 6px;
	width: 100%;
	border-radius: 3px;
	height: 40px;
}

.form_box label span {
	color: var(--button-secondary-theme-color) !important;
	font-weight: bold;
	margin-left: 4px;
}

.form_box input {
	border-radius: 3px;
	color: var(--font-primary-theme-color);
	font-size: 14px;
	width: 100%;
	border: solid #ccc 1px;
	background: #fff !important;
	padding: 6px;
	margin-top: 6px;
	height: 40px;
}

.form_box textarea {
	color: var(--font-primary-theme-color);
	font-size: 14px;
	width: 100%;
	border: solid #ccc 1px !important;
	background: #fff !important;
	padding: 6px;
	border-radius: 3px;
}

.active_text {
	top: -26px !important;
	position: absolute;
	display: inline-block;
}

.input_check .switch {
	top: 31px;
}

.input_check .text-dark {
	top: 5px;
	margin-left: 10px;
}

.form_box span.select2-selection.select2-selection--single {
	padding: 12px;
	border: solid #ccc 1px;
	margin-top: 5px;
	border-radius: 3px;
	height: auto;
}

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

.enablecl label:nth-child(1) {
	width: 100%;
}

.enablecl label:nth-child(3) {
	margin-left: 10px;
}

#adminFieldDiv .fa-times {
	margin-top: 10px;
	color: var(--button-secondary-theme-color);
}

.searcmr {
	margin-top: 40px;
}

.form_box .form-check {
	height: auto;
}

.form_box input[type="radio"], .form_box input[type="checkbox"] {
	box-sizing: border-box;
	height: auto !important;
}

.close {
	position: absolute;
}

div#addMoreDescBtn {
	cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
	{
	top: 3px;
}

.select2-container--default .select2-selection--multiple {
	width: 100% !important;
}

div#addMoreDescMultiTask {
	cursor: pointer;
}

.form_box b {
	font-weight: bold;
	color: var(--primary-theme-color);
	font-size: 15px;
	border-bottom: solid #007960 2px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 5px px;
	top: 90% !important;
}

#userTable td {
	padding: 10px 10px !important;
	word-break: break-all !important;
}

.datepicker .mdi:before {
	font-size: 19px !important;
	padding-top: 17px;
}

label#lbl_status {
	display: contents;
}

li.nav-item.dropdown.d-none.d-xl-inline-block.mt-2.mb-3.Usernamecl p b {
	font-size: 16px;
	margin-bottom: -6px;
	display: block;
}

.adminField .card {
	background: #cfedff;
	padding: 10px;
	border-radius: 3px;
	border: solid #add7e9 1px;
}

.adminField label {
	margin: 0px !important;
}

.adminField .fa-edit {
	font-size: 17px;
}

.hub_table tr th:nth-child(1), .hub_table tr td:nth-child(1) {
	width: 50px !important;
}

.delet_icon .fa {
	color: var(--button-secondary-theme-color);
	margin-top: 15px;
	display: inline-block;
	cursor: pointer;
}

i.fa.fa-times-circle {
	color: var(--button-secondary-theme-color);
}

#subtask {
	cursor: pointer;
}

.input_boxde {
	background: #bce6ff !important;
	border: solid #c2e0ed 1px;
	padding: 5px 10px !important;
	border-radius: 3px !important;
}

.leave_balance {
	background: #e7f6ff;
	border-radius: 9px;
	border: solid #d5eaf3 1px;
}

.basic_inf .fa {
	font-size: 13px;
	background: var(--primary-theme-color);
	/* padding: 10px; */
	border-radius: 50%;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	color: var(--font-secondary-theme-color);
	float: left;
	margin-right: 6px;
}

.basic_inf span {
	padding-left: 0px !important;
	margin-left: 0px !important;
}

.list-head {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
	border-radius: 0;
	border: #f3f2f4;
	padding: 10px !important;
	height: 50px;
}

.analytic-body {
	height: 14rem;
	overflow: auto;
}

table thead, table tbody tr {
	width: 100%;
	table-layout: fixed;
	display: table;
}

table tbody {
	display: inline-block;
	max-height: 72vh !important;
	overflow: auto;
}

/*table#viewTable tr td:nth-child(1), table#viewTable tr th:nth-child(1) {
    width: 60px;
}*/
/* .table tbody tr td {
    padding: 10px !important;
} */
.listcl {
	background: #f7f7f7;
	padding: 10px;
	border: solid #d1d1d1 1px;
}

.listcl .cardClick {
	cursor: pointer;
	border-bottom: solid #efefef 1px;
	box-shadow: 0px 1px 0px #fff;
	padding: 10px 10px;
	background: #fff;
}

.listcl .cardClick:hover {
	background: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
}

.listcl {
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid #ccc 1px;
	box-shadow: 0px 2px 0px 0px #fff;
	margin-bottom: 20px;
	padding-bottom: 10px;
	color: var(--primary-theme-color);
	width: 100%;
}

.listcl .box_heading {
	font-size: 17px;
	color: var(--button-secondary-theme-color);
	border-bottom: solid #ccc 1px;
	margin-bottom: 11px;
	padding-bottom: 6px;
}

.cardHighlight {
	/* border: 1px solid var(--primary-theme-color) !important; */
	background: var(--primary-theme-color) !important;
	color: var(--font-secondary-theme-color) !important;
}

.listcl .text-truncate {
	overflow: inherit;
	cursor: pointer;
}

.listcl label {
	display: contents;
}

select.usercl {
	border: solid #efefef 1px;
	background: #fff;
	color: var(--font-primary-theme-color);
	padding: 5px 7px;
}

li.nav-item .search_bar {
	margin-left: 121px;
}

.tablecl tr th:nth-child(1), .tablecl tr td:nth-child(1) {
	width: 500px !important;
}

.table-containt tr th:nth-child(1) {
	width: 500px !important;
}

.table-containt tr td:nth-child(1) {
	width: 500px !important;
}

.table-event tr th:nth-child(1) {
	width: 600px !important;
}

.table-event tr td:nth-child(1) {
	width: 600px !important;
}
/* 
table.geoForm tr th:last-child, td:last-child{
  width: 0;
} */
.fa-download {
	color: var(--button-secondary-theme-color);
	cursor: pointer;
	position: relative;
	top: 3px;
}

.fa-filter {
	color: var(--primary-theme-color);
	cursor: pointer;
}

.filter-sidebar-nav input {
	border-radius: 5px !important;
	padding: 8px !important;
	background: #fff;
	border: 1px solid #e2e1e1 !important;
}

.filter-sidebar-nav select {
	border-radius: 5px !important;
	padding: 8px;
	background-color: #fff;
	border: 1px solid #e2e1e1 !important;
}

.filter-sidebar-nav .select2-container--default .select2-search--inline .select2-search__field
	{
	border: none !important;
	padding: 0px 0px 0px 8px !important;
}

.filter-sidebar-nav .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: 50px; */
	/* border-bottom-right-radius: 50px; */
	
}

filter-sidebar-nav-task input {
	border-radius: 5px !important;
	padding: 8px !important;
	background: #fff;
	border: 1px solid #e2e1e1 !important;
}

.filter-sidebar-nav-task select {
	border-radius: 5px !important;
	padding: 8px;
	background-color: #fff;
	border: 1px solid #e2e1e1 !important;
}

.filter-sidebar-nav-task .select2-container--default .select2-search--inline .select2-search__field
	{
	border: none !important;
	padding: 0px 0px 0px 8px !important;
}

.filter-sidebar-nav-task .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: 50px; */
	/* border-bottom-right-radius: 50px; */
	
}
.menuarrow .step.done {
	padding: 5px 0px 0px 0px !important;
}

.menuarrow .step.done p {
	margin-bottom: 0px;
	padding: 6.5px 0px;
}

.menuarrow .step.current {
	padding: 0px !important;
}

.menuarrow .step.current p {
	margin-bottom: 0px !important;
	padding: 9px;
}

.setting-value input {
	width: 11%;
	margin-right: 9px;
	border: none;
	border-bottom: solid #ccc 1px;
	background: #f7f7f700 !important;
}

.owl-next {
	right: 0px !important;
	position: absolute;
	top: 30px;
}

.owl-prev {
	left: 0px !important;
	position: absolute;
	top: 30px;
}

.logo {
	width: 234px;
}

a.navbar-brand.brand-logo.p-0.m-0.logo {
	width: 221px;
}

a.navbar-brand.brand-logo.p-0.m-0.logo img {
	max-width: 100%;
	height: 40px;
}

ul.filter-sidebar-nav h4 {
	/* color: var(--font-secondary-theme-color) !important; */
	font-size: 14px;
	border-bottom: solid #006193 1px;
	padding: 20px 0px 10px 0px !important;
	/* margin: 0px; */
	margin-top: 5px;
}

ul.filter-sidebar-nav .col-md-12 {
	padding: 0px;
}

ul.filter-sidebar-nav span.select2-selection.select2-selection--single {
	border-radius: 50px;
	background-color: #f3f3f3;
	border: 1px solid #e2e1e1 !important;
}

ul.filter-sidebar-nav .fa-filter {
	/* color: var(--font-secondary-theme-color); */
	
}

ul.filter-sidebar-nav .fa-filter:hover {
	/* color: var(--font-secondary-theme-color); */
	
}

ul.filter-sidebar-nav a#menu-close {
	color: red;
}



ul.filter-sidebar-nav-task h4 {
	/* color: var(--font-secondary-theme-color) !important; */
	font-size: 14px;
	padding: 20px 0px 10px 0px !important;
	/* margin: 0px; */
	margin-top: 5px;
}

ul.filter-sidebar-nav-task .col-md-12 {
	padding: 0px;
}

ul.filter-sidebar-nav-task span.select2-selection.select2-selection--single {
	border-radius: 50px;
	background-color: #f3f3f3;
	border: 1px solid #e2e1e1 !important;
}

ul.filter-sidebar-nav-task .fa-filter {
	/* color: var(--font-secondary-theme-color); */
	
}

ul.filter-sidebar-nav-task .fa-filter:hover {
	/* color: var(--font-secondary-theme-color); */
	
}

ul.filter-sidebar-nav a#menu-close {
	color: red;
	border: 1px solid red;
	padding: 12px;
}

table.table.payout tr th {
	padding: 20px !important;
	width: 120px;
}

table.table.payout tr td {
	padding: 20px !important;
}

table.table.tablesize.my-table tr td {
	width: 20% !important;
}

table.table.tablesize.my-table tr th {
	width: 20% !important;
}

.main_account {
	margin-top: 11px;
}

.well_icon .fa {
	margin-top: 5px !important;
	color: #009688;
	font-size: 24px;
}

.well_icon span {
	width: 21px;
	height: 21px;
	position: relative;
	top: -11px;
	left: -20px;
	border-radius: 49%;
	/* line-height: 10px; */
	font-size: 10px;
}

span.calcl i {
	color: var(--font-secondary-theme-color) !important;
	background: var(--primary-theme-color);
	padding: 5px 6px;
	border-radius: 5px;
	margin-top: 8px !important;
}

.list-head {
	background: var(--primary-theme-color) !important;
	color: var(--font-secondary-theme-color) !important;
	border-radius: 0;
	border: #f3f2f4;
}

.heading {
	font-size: 15px;
	color: var(--primary-theme-color);
}

#previous {
	margin-right: 2px;
}

i.fa.fa-plus-circle {
	font-size: 24px !important;
}

li.nav-item.logoutuser {
	padding: 13px;
	color: var(--button-secondary-theme-color);
	cursor: pointer;
	font-size: 23px;
}

li.nav-item.userchange {
	padding: 13px;
	color: var(--primary-theme-color);
	cursor: pointer;
	font-size: 23px;
}

.userchange i {
	color: var(--primary-theme-color);
}

li.nav-item.toolcss a .fa {
	padding: 0px 15px 0px 0px !important;
	display: block;
	cursor: pointer;
	color: var(--button-secondary-theme-color);
	font-size: 23px;
	display: contents;
}

li.nav-item.toolcss {
	padding-top: 13px;
}

.productcl {
	background: #f7f7f7;
	border: solid #ccc 1px !important;
	margin-top: 9px;
	position: relative;
	display: flow-root;
	/* padding-bottom: 20px; */
	border: 5px;
	text-align: center;
	border-radius: 5px;
	min-height: 16rem;
}

.productcl img {
	max-width: 100%;
	/* height: 300px; */
}

.productcl .badge {
	position: absolute;
	right: 2px;
	background: #ffc107;
	border: navajowhite;
	top: 2px;
	border-radius: 0px !important;
}

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

.productcl .fa-trash {
	color: var(--button-secondary-theme-color) !important;
	margin-right: 2px;
	float: left;
	cursor: pointer;
}

.productcl .fa-edit {
	color: var(--primary-theme-color) !important;
	font-size: 19px !important;
	margin-top: 3px;
	display: block;
	float: left;
	cursor: pointer;
}

.productcl .switch {
	float: right;
}

.product_detailcl {
	border-top: solid #ccc 1px;
}

.product_detailcl .text-dark {
	float: right !important;
}

.product_detailcl .row {
	margin-bottom: 15px;
}

.product_detailcl .text-truncate {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	padding-left: 12px;
}

.product_detailcl .fa-angle-right {
	margin-top: 10px;
	text-align: right;
	font-weight: bold;
	color: var(--primary-theme-color) !important;
	padding-right: 12px;
	cursor: pointer;
}

span.font-blue-18 .fa {
	margin-right: 8px;
	margin-left: 4px;
	color: var(--primary-theme-color);
}

.productcl img {
	padding: 4px;
	background: #fff;
	/* margin-bottom: 19px; */
	width: 9rem;
	height: 9rem;
	object-fit: cover;
}

div#parentCatDiv .owl-item {
	/* background: #fff; */
	border: solid #f7f7f7 1px;
	cursor: pointer;
}

div#parentCatDiv .owl-item:hover {
	background: #cce8fd;
	border-color: #a7daff;
}

.martop {
	margin-top: 30px;
}

.tab-active {
	padding-bottom: 0px;
}

.admin_table tr th:nth-child(1) {
	width: 50px;
}

.chart_design {
	
}

.chart_design canvas {
	background: none;
	border: none !important;
	height: 273px !important;
}

.chart_round {
	padding: 30px;
	background: #f1f1f1;
	border-radius: 21px;
	border: solid #e7e7e7 1px;
	position: relative;
}

.chart_round canvas {
	background: none;
	border: none !important;
}

.cal_cl {
	width: 301px;
	float: right;
	margin: 0px !important;
	padding: 0px !important;
}

li.nav-item a .fa-users {
	color: var(--primary-theme-color) !important;
	font-size: 23px;
}

.selectedCategory .card {
	/* box-shadow: 0px 0px 1px 2px var(--primary-theme-color) !important; */
	cursor: pointer;
	border: 2px solid var(--primary-theme-color) !important;
}

.cal_cl .calcl {
	margin-top: 6px !important;
}

.filter_days {
	float: left;
	cursor: pointer;
	margin: 5px 0px;
}

.filter_days ul {
	margin: 0px;
	padding: 0px;
}

.filter_days ul li {
	float: left;
	list-style: none;
	margin-right: 10px;
}

.filter_days ul li a {
	background: var(--button-primary-theme-color);
	color: var(--font-secondary-theme-color) !important;
	border-radius: 3px;
	margin: 10px 0px;
	padding: 5px 5px;
	font-size: 10px;
}

.filter_days ul li a:hover {
	background: #00d279;
}

.gd-link.selected {
	background: #00d279;
}

.chart_design {
	background: #fff;
	padding: 16px;
	border-radius: 5px;
	position: relative;
}

.chart_height canvas {
	height: 280px !important;
}

.dashboardResp.row {
	width: 100%;
	display: block;
	border-bottom: solid #ccc 1px;
	text-shadow: 0px 1px 0px #dfdfdf;
	margin-bottom: 20px;
}

.legends-div ul {
	margin: 0px;
	padding: 0px;
}

.legends-div ul li {
	list-style: none;
	float: left;
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 0px 10px 0px 0px;
	margin-top: 5px;
	color: var(--font-primary-theme-color);
	text-shadow: 1px 0px 0px #ffdae5;
}

.legends-div ul li span {
	background: var(--button-secondary-theme-color);
	height: 22px;
	display: block;
	position: absolute;
	width: 100%;
	z-index: -2;
	left: -5px;
	opacity: 0.4;
}

.legends-div ul li:nth-child(1n+6) {
	display: none;
}

.textareaform {
	height: 40px;
	margin-top: 7px;
}

.allprofile {
	display: block;
	background: #00d282;
	display: inline-block;
	padding: 2px 10px;
	margin-top: 4px;
	font-size: 11px;
	border-radius: 2px;
	color: var(--font-secondary-theme-color);
	cursor: pointer;
}

.allprofile:hover {
	background: var(--primary-theme-color);
}

.search_filtter {
	position: relative;
}

.search_filtter .fa {
	background: var(--primary-theme-color);
	padding: 4px;
	border-radius: 3px;
	color: var(--font-secondary-theme-color) !important;
	position: absolute;
	left: 17px;
	top: 8px;
	font-size: 12px;
}

.search_filtter input {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 8px 10px 8px 40px !important;
	height: 35px;
	border: none;
	border-radius: 50px;
	font-size: 11px;
	color: #707070;
}

.headingcl a span {
	font-size: 16px;
	font-weight: bold;
	/* border-bottom: solid #ccc 1px; */
	/* box-shadow: 0px 2px 0px 0px #fff; */
	/* margin-bottom: 20px; */
	/* padding-bottom: 10px; */
	color: var(--font-primary-theme-color);
	/* text-shadow: 0px 1px 0px #dfdfdf; */
	position: relative;
	top: 5px;
}

li.nav-item.m-1.headingcl .nav-link {
	margin-left: 0px !important;
	padding-left: 0px !important;
}

.dashboard-cards label {
	margin-top: 0px !important;
	padding-top: 0px !important;
	font-size: 12px !important;
	font-weight: normal;
}

.dashboard-cards h3 {
	margin: 0px;
}

.headingcl {
	margin-top: 14px;
}

.cardColor .fa {
	font-size: 21px;
}

.form_box hr {
	margin: 0px;
	padding: 0px !important;
	box-shadow: 0px 1px 0px 0px #fff;
}

.form_box hr {
	margin: 5px 0px;
}

.select_cl {
	width: 70px !important;
	height: 27px !important;
}

.not_update {
	color: var(--font-secondary-theme-color);
}

.daynamic {
	margin-top: 6px;
}

.adv_setting a {
	color: #20a851;
	position: absolute;
	top: 80px;
	right: 18px;
	font-weight: bold;
	font-size: 14px;
	margin-right: 20px;
}

.advance_secl {
	width: 100%;
	background: #fff;
	margin-top: 10px;
	border: solid #ccc 1px;
	border-radius: 5px;
	margin-left: 10px;
	padding-bottom: 10px;
	position: relative;
}

.advance_secl .close {
	position: absolute;
	right: 8px;
}

.advance_secl .checkbox {
	margin-left: 0px;
	padding-left: 0px;
}

.advance_secl .mt-1 {
	margin-top: 0px !important;
}

.dynamic_form {
	border: solid #dbdbdb 1px;
	background: #fff;
	border-radius: 15px;
	margin-bottom: 22px;
	padding-bottom: 10px;
	position: relative;
	min-height: 160px;
}

.dynamic_form .fa-times-circle {
	font-size: 20px;
	right: 10px;
	padding-right: 10px;
	padding-top: 10px;
	cursor: pointer;
}

.advance_secl .optionVal {
	padding: 6px 20px;
}

.advance_set {
	margin: 5px 15px 5px 0px !important;
}

.advance_set1 {
	margin: 5px 0px 5px 0px !important;
}

.dtp-btn-cancel {
	border-radius: 5px !important;
	background: #ff7474;
	color: var(--font-secondary-theme-color);
	cursor: pointer;
}

.dynamic_form .martop {
	text-align: right;
}

.table .badge {
	padding: 7px 7px !important;
	border-radius: 3px;
	/* background: #4edb54; */
	color: var(--font-secondary-theme-color) !important;
	cursor: pointer;
	border: none;
	font-size: 10px;
}

.main_heading {
	margin-top: 4px;
	font-weight: bold !important;
	font-size: 17px !important;
	background: var(--primary-theme-color);
	padding: 6px 14px !important;
	position: relative;
	color: var(--font-secondary-theme-color) !important;
}

.main_heading:after {
	content: '';
	width: 0px;
	height: 0px;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-left: 19px solid var(--primary-theme-color);
	position: absolute;
	right: -18px;
	top: 0px;
}

.table .badge-light {
	
}

.main_accountcl {
	font-size: 12px;
	background: var(--primary-theme-color);
	padding: 9px;
	border-radius: 3px;
	margin: 9px 15px 0px 12px;
	display: block;
	color: var(--font-secondary-theme-color);
}

.table .badge-danger {
	background: #ff7474;
}

ul.pagination li:first-child {
	margin-right: 5px;
}

#pagination .align-items-center.mt-3.py-2 {
	padding: 4px 0px !important;
}

div#dailyAttendanceTab input {
	background: #f7f7f7;
}

input.btn.btn-search {
	background: #009688 !important;
	color: var(--font-secondary-theme-color);
	border: none !important;
	padding: 10px 20px;
}

.punch_outcl {
	background: #2196f3;
	padding: 10px;
	border-radius: 6px;
	color: var(--font-secondary-theme-color);
}

.punch_outcl img {
	float: left;
	width: 52px !important;
	margin-top: 0px !important;
	margin-right: 15px;
}

.punch_outcl {
	background: #2196f3;
	padding: 10px;
	border-radius: 6px;
	color: var(--font-secondary-theme-color);
	margin: 0px 11px;
	max-width: 96% !important;
}

.punch_outcl h6 {
	float: left;
	font-size: 20px;
	margin-right: 10px;
	line-height: 21px;
	border-right: solid #0274b1 1px;
	padding-right: 12px;
	margin-top: 16px;
}

input#attendanceReportrangenew {
	background: #f8f8f8;
}

input#reportrange {
	background: #f8f8f8;
}

#paginationCount {
	width: 80px;
	height: 30px;
	margin-top: 0px;
}

/*----- FAQ CODE START -----*/
.faq {
	background: #f4f5f6;
	padding: 50px 0px;
}

.faqHeader {
	font-size: 26px;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 40px;
	position: relative;
}

.faqHeader:after {
	content: '';
	width: 210px;
	height: 3px;
	background: #00c956;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	top: 65px;
}

.faq .panel-heading {
	background: #fff;
	padding: 20px;
	margin-bottom: 10px;
	border: solid #e9e7e7 1px;
}

.faq .panel-body {
	background: #fff;
	padding: 10px;
	margin-bottom: 10px;
	border: solid #e9e7e7 1px;
}

.faq h4 {
	margin-bottom: 0px;
	font-size: 14px;
}

.how-works h2 {
	font-size: 26px;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 0px;
	position: relative;
	margin-bottom: 40px;
	color: rgb(53, 65, 104);
}

.how-works h2:after {
	content: '';
	width: 210px;
	height: 3px;
	background: #00c956;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	top: 65px;
}

.how-works {
	background: #ffffff;
	padding: 50px 0px;
}

.appie-single-service {
	padding: 50px 30px 43px;
	background: #f4f5f6;
	border-radius: 6px;
	transition: all linear 0.3s;
	border: solid #e7e6e6 1px;
	min-height: 241px;
	margin-bottom: 20px;
}

.appie-single-service .icon {
	display: inline-block;
	border-radius: 20px;
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	background: linear-gradient(135deg, #84bcfa 0%, #2b70fa 100%);
	box-shadow: 0px 6px 10px 0px rgb(16 73 189/ 30%);
	position: relative;
}

.appie-single-service .icon>span {
	position: absolute;
	right: -10px;
	top: -10px;
	height: 30px;
	width: 30px;
	background: #2b70fa;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0px 3px 6px 0px rgb(14 17 51/ 10%);
	line-height: 28px;
	color: var(--font-secondary-theme-color);
}

.subscribecl a {
	background: #ffc9c5;
	color: var(--font-secondary-theme-color) !important;
	padding: 9px;
	border-radius: 3px;
	float: left;
	font-size: 14px;
	margin-top: 10px;
	border: solid #fba4a4 1px;
}

.subscribecl h6 {
	float: left;
	padding: 20px 10px 0px 0px;
}

h4.panel-title a {
	display: block;
}
/*
.form_box .checkboxcl input {
  width: fit-content;
  margin: 8px;
}*/
.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {
	width: 19%;
}

.stage-wrapper {
	flex-wrap: nowrap;
	overflow-x: auto;
	white-space: nowrap;
}

.stage-wrapper .nav-item .nav-link {
	min-width: auto;
	border-radius: 20px !important;
}

.stage-wrapper::-webkit-scrollbar {
	
}

.all-task-cards .card {
	border-radius: 5px !important;
	cursor: pointer;
	padding: 0px 18px;
}

.all-task-cards .selected-card {
	width: 9%;
	background: #ffffff;
	border-radius: 100%;
}

.all-task-cards .card1 {
	border: 2px solid #0096D1;
	color: #0096D1;
}

.all-task-cards .card2 {
	border: 2px solid #00BEBD;
	color: #00BEBD;
}

.all-task-cards .card3 {
	border: 2px solid #F47B26;
	color: #F47B26;
}

.all-task-cards .card4 {
	border: 2px solid #046A15;
	color: #046A15;
}

.all-task-cards .card5 {
	border: 2px solid #EB0808;
	color: #EB0808;
}

.selected-card {
	position: absolute;
	top: -6px;
	right: -6px;
	font-size: 22px !important;
	color: var(--primary-theme-color);
}

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

.task-icons i {
	margin-right: 5px;
	font-size: 24px;
	color: var(--primary-theme-color);
}

.primary-text {
	color: var(--primary-theme-color);
}

/*============= admin css starts 22 March =============*/
.all-task-cards ul {
	margin: 0px;
	padding: 0px;
}

.all-task-cards ul li {
	list-style: none;
	float: left;
	margin-left: 15px;
	width: 150px;
}

.all-task-cards .card img {
	width: 20px !important;
	margin-top: 0px;
	margin-right: 10px;
	float: right;
}

.all-task-cards .card h4 {
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin-bottom: 5px;
	text-align: left;
	padding-left: 10px;
}

.all-task-cards .card h1 {
	font-size: 20px;
	margin: 5px 0px 5px 0px !important;
	text-align: left;
	padding-left: 7px;
}

.stage-wrapper .nav-item .nav-link p {
	padding-right: 10px;
}

.outlet .item a {
	background: var(--secondary-theme-color);
	/* border-radius: 20px; */
	margin-right: 15px;
	padding: 11px 0px !important;
	border-radius: 0px !important;
	height: 45px;
}

.outlet .item a:after {
	content: '';
	width: 0px;
	height: 0px;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 16px solid var(--secondary-theme-color);
	position: absolute;
	right: -1px;
	top: 0px;
}

.outlet .item a:before {
	content: '';
	width: 0px;
	height: 0px;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 15px solid #ffffff;
	position: absolute;
	left: -1px;
	top: 0.6px;
}

.outlet .item span {
	margin-left: 14px;
}

.outlet .item .active {
	border-radius: 0px;
	background: var(--primary-theme-color) !important;
	padding: 11px 0px !important;
}

.outlet .item .active:after {
	border-left: 16px solid var(--primary-theme-color);
}

.outlet .owl-prev {
	background: var(--button-secondary-theme-color) !important;
	width: 24px;
	border-radius: 50px;
	height: 24px;
	line-height: 25px;
	text-align: center;
	margin-top: -20px;
	color: var(--font-secondary-theme-color) !important;
	font-size: 18px !important;
	cursor: pointer;
	left: -30px !important;
}

.outlet .owl-next {
	background: var(--button-secondary-theme-color) !important;
	width: 24px;
	border-radius: 50px;
	height: 24px;
	line-height: 25px;
	text-align: center;
	margin-top: -20px;
	color: var(--font-secondary-theme-color) !important;
	font-size: 18px !important;
	cursor: pointer;
	right: -30px !important;
}

.outlet .owl-dots {
	display: none;
}

.all-task-cards .selected-card {
	margin-right: 4px !important;
	margin-top: 4px !important;
	/* background: #24ff00; */
	padding: 0px;
}

.outlet .item a {
	padding: 0px;
}

.btn {
	cursor: pointer;
}

.outlet .item p {
	color: var(--font-primary-theme-color);
	margin-left: 5px;
	font-size: 13px;
	/* overflow: hidden; */
	white-space: nowrap;
	/* text-overflow: ellipsis; */
	/* text-align: left; */
	/* padding-left: 10px; */
	/* text-align: center; */
	/* padding: 1px; */
}

.outlet .item .active p {
	color: var(--font-secondary-theme-color);
}

div#stages {
	margin: 0px 40px;
}

.outlet .item .badge {
	font-size: 12px !important;
	width: 22px !important;
	height: 22px !important;
	text-align: center;
	line-height: 22px !important;
	padding: 0px !important;
}

div#time_slot img {
	width: 25px;
	background: #2196f3;
	padding: 3px;
	border-radius: 3px;
	color: var(--font-secondary-theme-color);
}

div#time_slot p {
	margin-bottom: 0px;
	line-height: 35px;
}

#time-slot-selection {
	border: 1px solid #dbdbdb;
}

.checkboxcl .align-items-center.px-3.row input {
	float: left !important;
	width: 18px;
	margin-top: 3px;
}

.checkboxcl .align-items-center.px-3.row {
	float: left;
	width: 129px;
}

.roaster-detail-cards {
	display: flex;
}

.roaster-detail-cards .card {
	border: 1px solid #A9E2FF;
	border-radius: 9px !important;
	box-shadow: 0px 4px 4px 0px #00000040;
	height: 10rem;
	margin-bottom: 15px;
}

.roaster-detail-cards .card .heading {
	background-color: var(--primary-theme-color);
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--font-secondary-theme-color);
	padding: 5px;
	border-radius: 9px 9px 0px 0px;
}

.roaster-detail-cards .card .heading img {
	width: 1.75rem;
	height: 1.75rem;
}

.roaster-detail-cards .card .text {
	padding: 10px;
	overflow: hidden;
}

.roaster-detail-cards .card .text .f-light {
	font-size: 7px;
}

.roaster-trips {
	border: 1px solid #A9E2FF;
	border-radius: 9px;
	box-shadow: 0px 4px 4px 0px #00000040;
}

.roaster-trips .heading {
	background-color: var(--primary-theme-color);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
	color: var(--font-primary-theme-color);
	border-radius: 9px 9px 0px 0px;
	padding: 3px;
	border-radius: 3px;
	color: var(--font-secondary-theme-color);
}

div#time_slot p {
	margin-bottom: 0px;
	line-height: 35px;
}

#time-slot-selection {
	border: 1px solid #dbdbdb;
}

.checkboxcl .align-items-center.px-3.row input {
	float: left !important;
	width: 18px;
	margin-top: 3px;
}

.checkboxcl .align-items-center.px-3.row {
	float: left;
}

.roaster-trips .trip-cards {
	display: flex;
	padding: 5px;
	margin-top: 15px;
}

.roaster-trips .trip-cards .cards {
	border-radius: 9px;
	box-shadow: 0px 4px 4px 0px #00000040;
	color: #354168;
	display: flex;
	align-items: center;
	justify-content: space-around;
	overflow: hidden;
	position: relative;
}

.roaster-trips .trip-cards .cards .card-icon {
	float: right;
	background-color: #fff6;
	border-radius: 30px 0px 0px 30px;
	transform: scale(2.5);
	padding: 0.75rem;
}

.roaster-trips .trip-cards .cards .selected-card {
	top: 0;
	right: 0;
}

.roaster-trips .trip-cards .cards img {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	width: 1.5rem
}

.roaster-trips .trip-cards .cards.card1 {
	background-color: #6900f8;
	cursor: pointer;
}

.roaster-trips .trip-cards .cards.card2 {
	background-color: #5aaafb;
	cursor: pointer;
}

.roaster-trips .trip-cards .cards.card3 {
	background-color: #ff875f;
	cursor: pointer;
}

.roaster-trips .trip-cards .cards.card4 {
	background-color: #44da8a;
	cursor: pointer;
}

body {
	counter-reset: employee-counter;
}

.employee-listing {
	border-radius: 9px;
}

.employee-listing .heading {
	background-color: var(--primary-theme-color);
	padding: 10px;
	color: white;
	border-radius: 9px 9px 0px 0px;
}

.employee-listing .employee-body {
	border-radius: 9px;
	border: 1px solid #A9E2FF;
	padding: 5px 5px 15px 5px;
	margin-top: 5px;
	height: 59.5vh;
	overflow: auto;
	position: relative;
}
.employee-end.emppadd{
    padding-top: 29px;
}

.employee-listing .employee-body .employee-start.empminhigh::after{
    height: 77px;
}

.employee-listing .employee-body>p {
	width: 36px;
	font-size: 11px;
	position: absolute;
}

.employee-listing .employee-body .employee-start::before {
	content: "Start";
	position: absolute;
	left: 30px;
	font-size: 10px;
	background: #8bc34a;
	border-radius: 50px;
	padding: 5px;
	width: 30px;
	height: 30px;
	line-height: 2;
	top: 22px;
	color: white;
	font-weight: bold;
	z-index: 9;
}

.employee-listing .employee-body .employee-card {
	border: 1px solid #A9E2FF;
	border-radius: 9px;
	display: flex;
	align-items: center;
	width: 80%;
	margin-left: auto;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 5px;
}

.employee-listing .employee-body .employee-card::before {
	counter-increment: employee-counter;
	content: "P" counter(employee-counter);
	color: white;
	background-color: var(--primary-theme-color);
	text-align: center;
	border-radius: 20px;
	position: absolute;
	left: 30px;
	z-index: 10;
	height: 30px;
	width: 30px;
	line-height: 2.25;
	font-size: 14px;
}

.employee-listing .employee-body .employee-end::before {
	content: "End";
	position: absolute;
	left: 30px;
	font-size: 10px;
	background: #f44336;
	border-radius: 50px;
	padding: 5px;
	width: 30px;
	height: 30px;
	line-height: 2;
	color: white;
	font-weight: bold;
	text-align: center;
	z-index: 9;
}

.employee-listing .employee-body .employee-card::after,
	.employee-listing .employee-body .employee-start::after {
	content: "";
	height: 170px;
	width: 2px;
	position: absolute;
	left: 45px;
	background: var(--primary-theme-color);
	z-index: 4;
}

.employee-listing .employee-body .employee-card:last-child::after {
	height: 0px;
}

.roaster-pic {
	width: 3rem;
	height: 3rem;
	object-fit: cover;
}

.usermap-search {
	position: relative;
	width: 100%;
}

.usermap-search input {
	width: 100%;
	padding: 0.4rem;
	font-size: 1rem;
}

.usermap-search button {
	position: absolute;
	right: -14px;
	bottom: 2px;
}

.usermap-profiles {
	margin: 0px 10px 10px;
	border-radius: 5px;
	border: 1px solid #dcdcdc;
}

.usermap-profiles.selected {
	border: 2px solid var(--primary-theme-color);
}

.w-15 {
	width: 15%;
}

#user-details {
	max-height: 75vh;
	overflow: auto;
}

.wch-25 {
	width: 25ch;
}

.trapezium {
	border-top: 50px solid var(--primary-theme-color);
	border-right: 35px solid transparent;
	height: 0;
	position: relative;
	border-top-left-radius: 5px;
}

.trapezium p {
	position: absolute;
	z-index: 99;
	top: -40px;
	left: 40px;
	font-size: 17px;
	font-weight: bold;
}

.trapezium::after {
	content: "";
	position: absolute;
	right: -40px;
	bottom: 0px;
	z-index: 99;
	height: 0;
	width: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-bottom: 50px solid var(--primary-theme-color);
	opacity: 0.5;
}

.admin-progress-bar {
	height: 25px;
}

.admin-progress-bar .progress-bar {
	font-size: 14px;
}

.graph-height {
	height: 23rem;
	overflow: auto;
}

.graph-height::-webkit-scrollbar {
	display: none;
}

.br-1010 {
	border-radius: 10px 10px 0px 0px !important;
}

.cross-btn {
	position: absolute;
	top: 5px;
	right: 18px;
	z-index: 999;
}

.doc_Box {
	height: 19rem;
}

.dfDataSection {
	height: 50vh;
	overflow: auto;
}

.scroller {
	overflow-x: auto;
}

.scroller::-webkit-scrollbar {
	display: none;
}

.bg-default {
	background-color: #efefef;
}

.break-spaces {
	white-space: break-spaces;
}

.att-color-1 {
	background-color: #08d26f;
}

.att-col-1 {
	color: #08d26f;
}

.att-color-2 {
	background-color: #e05353;
}

.att-col-2 {
	color: #e05353;
}

.att-color-3 {
	background-color: var(--primary-theme-color);
}

.att-col-3 {
	color: var(--primary-theme-color);
}

.att-color-4 {
	background-color: #f69841;
}

.att-col-4 {
	color: #f69841;
}

.att-color-5 {
	background-color: #4e4c4c;
}

.att-col-5 {
	color: #4e4c4c;
}

.att-color-6 {
	background-color: #e657e6;
}

.att-col-6 {
	color: #e657e6;
}

.attendance-cards {
	border-radius: 15px !important;
	border: 1px solid #dfdfdf !important;
	text-align: center;
	background-color: white;
	padding: 0.75rem !important;
	cursor: pointer;
	box-shadow: 2px 2px 2px lightgrey;
}

.attendance-cards.border-blue {
	border: 3px solid var(--primary-theme-color) !important;
}

#mainProject {
	cursor: pointer;
	box-shadow: 0px 3px 7px -2px #cdcdcd;
	border-radius: 10px;
	margin: 6px;
	position: relative;
	/* min-width: 15rem !important; */
}

.projSelection {
	border-left: 2px solid var(--primary-theme-color) !important;
	margin-left: 10px;
	padding-left: 20px;
	/* flex-grow: 1; */
}

#att-geo-data h6, #att-teamData h6 {
	font-size: 11px;
	margin-bottom: 0;
}

.cursor-pointer {
	cursor: pointer;
}

.new-projects {
	padding: 0.75rem;
	border-radius: 10px;
	border: 1px solid #d2d4d8;
	text-align: center;
	cursor: pointer;
	box-shadow: 3px 3px 2px #cdcdcd;
	min-height: 8rem;
}

.new-projects img {
	width: 2.5rem;
	background: #ececec;
	padding: 0.5rem;
	border-radius: 10px;
}

.new-projects h4 {
	font-size: 14px;
	color: #383838;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.new-projects p {
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 40px;
}

.activeProj .new-projects {
	box-shadow: 3px 3px 2px var(--primary-theme-color);
	border: 0 !important;
}

#selectProject {
	max-height: 65vh;
	overflow-y: auto;
	overflow-x: hidden;
	height: 0;
	transition: 0.5s ease;
}

.rotator {
	transform: rotate(180deg);
	transition: all ease 0.5s;
}

i#icon-anime {
	position: absolute;
	right: 1rem;
	top: 2rem;
}

.ck.ck-editor__editable_inline {
	font-size: 14px;
}

.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
	height: 250px;
	overflow-y: auto;
}

#taskImage .gallery, #taskImageInside .gallery {
	display: inline-block;
	text-align: center;
	/* margin: 10px auto; */
	clear: both;
	padding: 0;
	padding: 10px;
	/* background-color: #ccc; */
	border-radius: 5px;
}

#taskImage .gallery a, #taskImageInside .gallery a {
	display: inline-block;
}

#taskImage .gallery img {
	width: 70px;
	height: 70px;
	object-fit: cover;
}

#taskImageInside .gallery img {
	width: 125px;
	height: 125px;
	object-fit: cover;
}

#taskImage .block, #taskImageInside .block {
	display: inline-block;
	background-color: #ccc;
	border-radius: 5px;
	padding: 8px;
}

#taskImage .fancybox-slide--image .fancybox-content, #taskImageInside .fancybox-slide--image .fancybox-content
	{
	margin-top: 20px;
}

.taskupdateAlertBar {
	border-top: 50px solid #ff5d00;
	border-right: 35px solid transparent;
	height: 0;
	position: relative;
	border-top-left-radius: 5px;
}

.daywise-status {
	max-height: 76.5vh;
	overflow: auto;
	position: relative;
}

.daywise-status::-webkit-scrollbar {
	display: none;
}

.daywise-status .attendance-head {
	position: sticky;
	top: 0;
	z-index: 999;
}

.daywise-status .attendance-head .col-2 {
	background-color: var(--primary-theme-color);
	top: 0;
}

.daywise-status .attendance-head .col-1 {
	background-color: var(--primary-theme-color);
	color: white;
}

.attendance-table {
	display: flex;
	overflow: unset;
}

.attendance-table::-webkit-scrollbar {
	display: none;
}

.attendance-table .col-1 {
	max-width: 5%;
}

.attendance-table .col-2 {
	position: sticky;
	background-color: #fff;
	z-index: 9;
	left: 0;
	font-size: 15px;
	padding: 10px;
}

.attendance-table div {
	border: 1px solid #eee;
	padding-top: 13px;
}

.attendance-table .att-line {
	position: absolute;
	width: 75%;
	background-color: var(--primary-theme-color);
	bottom: 5px;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
	padding: 1px;
}

.attendance-status {
	display: flex;
	align-items: end;
	margin: 7px;
}

.attendance-status div {
	border-left: 4px solid var(--primary-theme-color);
}

.load-more-btn button {
	position: sticky;
	top: 0;
	left: 50%;
}

#daywise-loader {
	z-index: 9;
	background: #80808080;
	position: absolute;
	width: 100%;
	right: 0%;
	top: 0%;
	height: 100%;
}

.global-arrows .arrow-steps .step.done {
	color: var(--font-secondary-theme-color);
	background-color: #707070;
}

.global-arrows .arrow-steps .step:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.global-arrows .arrow-steps .step {
	font-size: 11px;
	text-align: center;
	color: #666;
	cursor: default;
	margin: 0 8px;
	padding: 10px 10px 10px 30px;
	min-width: 135px;
	float: left;
	position: relative;
	background-color: #a6a6a6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: background-color 0.2s ease;
}

.global-arrows .arrow-steps .step:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.global-arrows .arrow-steps .step.done {
	color: var(--font-secondary-theme-color);
	background-color: #707070;
}

.step_list li {
	display: inline-block;
}

.global-arrows .arrow-steps {
	margin-top: 50px;
}

.global-arrows .arrow-steps .step {
	font-size: 11px;
	text-align: center;
	color: #666;
	cursor: default;
	margin: 0 8px;
	padding: 10px 10px 10px 30px;
	min-width: 135px;
	float: left;
	position: relative;
	background-color: #a6a6a6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: background-color 0.2s ease;
}

.global-arrows .arrow-steps .step:after, .global-arrows .arrow-steps .step:before
	{
	content: " ";
	position: absolute;
	top: 1;
	right: -16px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 17px solid #a6a6a6;
	z-index: 2;
	transition: border-color 0.2s ease;
}

.global-arrows .arrow-steps .step:before {
	right: auto;
	left: 0;
	border-left: 17px solid #fff !important;
	z-index: 0;
}

.global-arrows .arrow-steps .step:first-child:before {
	/*  border: none;  */
	
}

.global-arrows .arrow-steps .step:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.global-arrows .arrow-steps .step span {
	position: relative;
}

.global-arrows .arrow-steps .step span:before {
	opacity: 0;
	/* content: "✔"; */
	position: absolute;
	top: -2px;
	left: -20px;
}

.global-arrows .arrow-steps .step.done span:before {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease 0.5s;
	-moz-transition: opacity 0.3s ease 0.5s;
	-ms-transition: opacity 0.3s ease 0.5s;
	transition: opacity 0.3s ease 0.5s;
}

.global-arrows .arrow-steps .step.VISITED span:before {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease 0.5s;
	-moz-transition: opacity 0.3s ease 0.5s;
	-ms-transition: opacity 0.3s ease 0.5s;
	transition: opacity 0.3s ease 0.5s;
}

.global-arrows .arrow-steps .step.current {
	color: var(--font-primary-theme-color);
	background-color: var(--primary-theme-color);
}

.global-arrows .arrow-steps .step.CURRENT {
	color: var(--font-secondary-theme-color);
	background-color: var(--primary-theme-color);
}

.global-arrows .arrow-steps .step.TO_BE_VISITED {
	
}

.global-arrows .arrow-steps .step.current:after {
	border-left: 17px solid #e8e7e7;
}

.global-arrows .arrow-steps .step.CURRENT:after {
	border-left: 17px solid var(--primary-theme-color);
}

.global-arrows .arrow-steps .step.done:after {
	border-left: 17px solid #707070;
}

.global-arrows .arrow-steps .step.VISITED:after {
	border-left: 17px solid #2a970f;
}

.global-arrows .arrow-steps .step.VISITED {
	color: var(--font-secondary-theme-color);
	background-color: #2a970f;
}

.global-arrows .arrow-steps .step.done {
	color: var(--font-secondary-theme-color);
	background-color: #707070;
}

.tasknavbarScoll::-webkit-scrollbar {
	display: none;
}

.tasknavbarScoll .nav-link {
	white-space: nowrap;
}

.task-participant {
	display: flex;
	margin-top: -0.75rem;
	margin-left: 15px;
	overflow: auto;
}

.task-participant div {
	min-width: 5rem;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.task-participant div img {
	width: 2rem;
	height: 2rem;
	object-fit: cover;
	border-radius: 50%;
}

.task-participant div i {
	font-size: 2.25rem;
    color: var(--primary-theme-color);
}

.w-97 {
	width: 97% !important;
}

.icon-boxes {
	width: 2rem;
	height: 2rem;
	color: white;
	text-align: center;
	position: relative;
	z-index: 2;
}

.overflow-tab {
	overflow: auto;
}

.overflow-tab::-webkit-scrollbar {
	display: none;
}

.settingSideTabs .settingsCard label {
	font-size: 11px;
	font-weight: 500;
	padding-left: 10px;
	color: #3d3d3d;
	cursor: pointer;
}

.settingSideTabs .settingsCard label i {
	font-size: 12px;
	margin-right: 10px;
	color: var(--primary-theme-color) !important;
}

.settingSideTabs .settingsCard.cardHighlight label, .settingSideTabs .settingsCard.cardHighlight label i
	{
	color: var(--font-secondary-theme-color) !important;
	font-size: 12px !important;
}

#walletForm, #onboardingForm, #RosterForm, #flavorForm,
	#publicFormPortal, #sdkSettings, #userForm1, #processUpdate, form#m2cConfigForm,
	#m2cConfigForm {
	max-height: 80vh;
	overflow-y: auto;
	overflow-x: hidden;
}

#updateSolution {
	max-height: 75vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.systemSidebar {
	height: 83vh;
	overflow-y: auto;
	overflow-x: hidden;
	border-radius: 5px;
}

.systemSidebar::-webkit-scrollbar {
	display: none;
}

.circular-progress {
	position: relative;
	margin: 4px;
	float: left;
	text-align: center;
	transform: scale(1.15);
	font-size: 13px;
}

.barOverflow { /* Wraps the rotating .bar */
	position: relative;
	overflow: hidden; /* Comment this line to understand the trick */
	width: 90px;
	height: 45px; /* Half circle (overflow) */
	margin-bottom: -14px; /* bring the numbers up */
}

.bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px; /* full circle! */
	border-radius: 50%;
	box-sizing: border-box;
	border: 5px solid #eee; /* half gray, */
	border-bottom-color: #0bf; /* half azure */
	border-right-color: #0bf;
}

.bar.bar1 {
	border-bottom-color: #08d26f; /* half azure */
	border-right-color: #08d26f;
}

.bar.bar2 {
	border-bottom-color: #e05353; /* half azure */
	border-right-color: #e05353;
}

.bar.bar3 {
	border-bottom-color: #f69841; /* half azure */
	border-right-color: #f69841;
}

#settingMenu {
	height: 83vh;
	overflow-y: auto;
	overflow-x: hidden;
	border-radius: 5px;
}

#settingMenu::-webkit-scrollbar {
	display: none;
}

.hub-tab {
	margin-left: 17rem;
	margin-top: -4rem;
}

.usercard-scroll {
	max-height: 80vh;
	overflow: auto;
}

.markerDivBar {
	box-shadow: 0 0 3px 0 rgb(0 0 0/ 58%);
	position: absolute;
	bottom: 0rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	left: 0%;
	background-color: white;
	color: black;
	width: 100%;
	padding: 0.5rem 1rem;
	z-index: 9;
}

.track-readings {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	margin: 10px;
}

.track-readings i {
	font-size: 14px;
}

.track-readings p {
	color: black;
	font-size: 12px;
	width: 48%;
	margin-right: 2%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/* line-height: 12px;
  margin-bottom: 10px !important; */
}

.w-80 {
	width: 80%;
}

.margin-6 {
	margin-top: -6px;
}

a.select-accordion::before {
	content: 'View More';
}

a.select-accordion::after {
	content: "\f107";
	font-family: 'FontAwesome';
}

a.select-accordion[aria-expanded="false"]::before {
	content: 'View More';
}

a.select-accordion[aria-expanded="true"]::before {
	content: 'View Less';
}

a.select-accordion[aria-expanded="false"]::after {
	content: "\f107";
	font-family: 'FontAwesome';
}

a.select-accordion[aria-expanded="true"]::after {
	content: "\f106";
	font-family: 'FontAwesome';
}

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

i.NOT_SYNC {
	color: orange;
}

i.OFFLINE {
	color: #ff7474;
}

i.MOVING {
	color: #00bcd4;
}

i.ONLINE {
	color: #08d26f;
}

#productTabs {
	min-height: 53vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.min-69 {
	min-height: 69vh;
}

img.track-icon {
	width: 27px !important;
	height: 23px !important;
}

.form_box .inventory-head label, .form_box .payment-head label {
	margin-top: -1px !important
}

.form_box .inventory-head select, .form_box .payment-head select {
	margin-top: -1px !important
}

.form_box .inventory-head select, .form_box .payment-head select {
	margin-top: -1px !important
}

.form_box .inventory-head span.select2.select2-container.select2-container--default,
	.form_box .payment-head span.select2.select2-container.select2-container--default
	{
	margin-top: -7px !important
}

#payStat {
	min-height: 830px;
}

#external-api-data-table table.table {
	overflow: auto;
	table-layout: fixed;
	display: block;
}

#external-api-data-table table.table tr {
	display: block;
}

#external-api-data-table .table thead th, #external-api-data-table .table tbody td
{
	min-width: 193px;
}

.map-summary {
	position: absolute;
	bottom: 4rem;
	left: 0;
	z-index: 99;
	background: #fff;
	padding: 5px;
}

.map-summary div {
	background: #f1f1f1;
	padding: 0.5rem 1.5rem !important;
}

.ov-hidden {
	overflow-x: hidden;
}

#addPackageView {
	max-height: 70vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.support-scroll {
	max-height: 72vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 5px;
}

.support-message-scroll {
	max-height: 85vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.support-profiles {
	margin: 0px 0px 10px;
	border-radius: 5px;
	border: 1px solid #dcdcdc;
	cursor: pointer;
	padding: 0.75rem;
}

.support-search {
	border: 1px solid var(--primary-theme-color);
	background-color: transparent;
	border-radius: 5px;
}

.support-search img {
	width: 25px;
}

.help-buttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 0.25rem;
	font-size: 12px;
}

.help-buttons button {
	font-size: 10px !important;
	font-weight: 600;
	padding: 0.25rem;
	border-radius: 15px !important;
}

.ticket-section {
	max-height: 53vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.sub-geo-btn .tick {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}

.sub-geo-btn.active .tick {
	display: inline-block;
}

.sub-geo-btn.active {
	border: 1px solid var(--primary-theme-color);
}

#hubLoader, #hubwiseDashboardDataLoader {
	position: absolute;
	width: 100%;
	z-index: 9;
	background: #fff;
	height: 100%;
	display: grid;
	place-items: center;
	border-radius: 0px 0px 15px 15px;
}

#myDropdown {
	max-height: 55vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.fancybox-slide {
	z-index: 999999;
}

#hub-chart-div, #city-chart-div {
	overflow-x: auto;
}

select#activity {
	border-radius: 1.25rem;
	font-weight: bold;
	border: 1px solid #cdcdcd;
	height: 33px;
	margin-top: 10px;
	width: 11.5rem;
}

#activity * {
	background: white;
	color: black;
	font-size: 1rem;
}

.nav.pill-toggler {
	font-size: medium;
	border-radius: 40px;
	background-color: var(--primary-theme-color);
	padding: 5px;
}

.nav.pill-toggler .nav-item .nav-link {
	border-radius: 40px;
	color: white !important;
}

.nav.pill-toggler .nav-item .nav-link:hover {
	color: var(--font-primary-theme-color) !important;
}

.nav.pill-toggler .nav-item .nav-link.active {
	color: var(--primary-theme-color) !important;
	background-color: #fff;
}

ul#myDropdown .nav-item .nav-link {
	font-size: 14px !important;
}

#helpSupport>div:first-child {
	width: 22%;
}

#helpSupport>div:last-child {
	width: 78%;
}

#helpSupport .RESOLVED {
	color: #0b8348;
	background-color: #cbffe5;
}

#helpSupport .RESOLVED::before {
	content: "\f164";
	margin-right: 5px;
	font-family: 'FontAwesome';
}

#helpSupport .OPEN {
	color: var(--primary-theme-color);
	background-color: rgba(53, 176, 255, 0.2);
}

#helpSupport .OPEN::before {
	content: "\f115";
	margin-right: 5px;
	font-family: 'FontAwesome';
}

#helpSupport .CANCELLED {
	color: #dc2525;
	background-color: #ffd1d1;
}

#helpSupport .CANCELLED::before {
	content: "\f2d3";
	margin-right: 5px;
	font-family: 'FontAwesome';
}

#helpSupport .REOPENED {
	color: #fb13fb;
	background-color: #ffc3ff;
}

#helpSupport .REOPENED::before {
	content: "\f01e";
	margin-right: 5px;
	font-family: 'FontAwesome';
}

#helpSupport .PENDING {
	color: #ff9412;
	background-color: #ffdfb8;
}

#helpSupport .PENDING::before {
	content: "\f0fe";
	margin-right: 5px;
	font-family: 'FontAwesome';
}

.support-accordion .arrow {
	/* content: "\f078";
  font-family: 'FontAwesome'; */
	position: absolute;
	right: 10px;
	top: 19px;
	font-size: 14px;
	color: #cbcbcb;
}

.support-accordion .card-header {
	padding: 0.45rem 0;
}

.support-accordion .card-body {
	padding-left: 2.45rem !important;
}

.cart-table {
	height: 0;
	transition: ease 5s;
	overflow: hidden;
}

.cart-animator {
	height: auto !important;
	transition: ease 5s;
	overflow: auto !important;
}

#helpSupport .LOW::before {
	content: "\f149";
	margin-right: 5px;
	font-family: 'FontAwesome';
}

#helpSupport .MID::before {
	content: "\f068";
	margin-right: 5px;
	font-family: 'FontAwesome';
}

#helpSupport .btn.HIGH {
	color: #f02718;
	background-color: #ffdfdd;
}

#helpSupport .btn.MID {
	color: #ff7642;
	background-color: #ffd6c7;
}

#helpSupport .btn.LOW {
	color: #ffc107;
	background-color: #fff8ca;
}

#helpSupport .HIGH::before {
	content: "\f148";
	margin-right: 5px;
	font-family: 'FontAwesome';
}

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

.z-9999 {
	z-index: 999;
}

.support-profiles .name-tag {
	width: 22ch;
}

.support-cta button {
	font-size: 12px !important;
}

.place-grid {
	max-height: 83vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.darkTable tr {
	background-color: #f7f7f7;
}

.password-toggle-icon {
	position: absolute;
	top: 75%;
	right: 20px;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 999;
}

.password-toggle-icon i {
	font-size: 18px;
	line-height: 1;
	color: #333;
	transition: color 0.3s ease-in-out;
	margin-bottom: 20px;
}

.password-toggle-icon i:hover {
	color: var(--font-primary-theme-color);
}

.w-22 {
	width: 22px;
}

#task-headers .roaster-detail-cards {
	margin-top: 4.5rem;
}

.attached-pin {
	position: absolute;
	z-index: 99;
	top: 10px;
	left: 9px;
}

.attached-pin i {
	font-size: 25px;
	transform: rotate(70deg);
}

.reply-btn {
	/* font-size: 20px;
  transform: scaleX(-1); */
	transform: rotate(45deg);
}

.grid-idcard {
	background-color: #e0e0e063;
	position: relative;
	min-height: 270px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #f3f3f3;
	border-radius: 5px;
}

.grid-idcard img {
	border: 5px solid white;
	position: absolute;
	top: 2.5rem;
	width: 6rem;
	height: 6rem;
	object-fit: cover;
	left: 50%;
	transform: translate(-50%);
	border-radius: 50%;
}

.grid-idcard .role-btn {
	height: 30px;
	border: 1px solid #1b4067;
	font-weight: 500;
	color: #1b4067;
}

.grid-idcard .id-details {
	background-color: #f5f5fa;
	display: flex;
	justify-content: space-around;
	margin: 1rem 1rem 0rem;
	margin-right: 1rem;
	padding-top: 1rem;
	border-radius: 10px;
	padding-bottom: 0.5rem;
}

.scroll-participant {
	max-width: 15rem;
	overflow: auto;
}

.scroll-participant::-webkit-scrollbar {
	display: none;
}

.top-fix {
	font-size: 11px;
	position: fixed;
	width: calc(100% - 276px);
	z-index: 999;
	top: 49px;
}

.sidebar-icon-only .top-fix {
	width: calc(100% - 111px);
}

.move-up {
	margin-top: -7.15rem;
}

#userShiftModal {
	background-color: #0000007a;
}

#userShiftModal .modal-dialog {
	max-width: 75%;
}

#userShiftModal table tbody {
	max-height: 50vh !important;
}

#vehicleShiftModal {
	background-color: #0000007a;
}

#vehicleShiftModal .modal-dialog {
	max-width: 75%;
}

#vehicleShiftModal table tbody {
	max-height: 50vh !important;
}

img {
	max-width: 100%;
}

.inbox_people {
	background: #f8f8f8 none repeat scroll 0 0;
	float: left;
	overflow: hidden;
	width: 40%;
	border-right: 1px solid #c4c4c4;
}

.inbox_msg {
	border: 1px solid #c4c4c4;
	clear: both;
	overflow: hidden;
}

.left-arrow {
	font-size: 25px;
	font-weight: 900;
}

.top_spac {
	margin: 20px 0 0;
}

.recent_heading {
	float: left;
	width: 40%;
}

.srch_bar {
	display: inline-block;
	text-align: right;
	width: 60%;
}

.headind_srch {
	padding: 10px 29px 10px 20px;
	overflow: hidden;
	border-bottom: 1px solid #c4c4c4;
}

.recent_heading h4 {
	color: #05728f;
	font-size: 21px;
	margin: auto;
}

.srch_bar input {
	border: 1px solid #cdcdcd;
	border-width: 0 0 1px 0;
	width: 80%;
	padding: 2px 0 4px 6px;
	background: none;
}

.srch_bar .input-group-addon button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	color: #3d3d3d;
	font-size: 18px;
}

.srch_bar .input-group-addon {
	margin: 0 0 0 -27px;
}

.chat_ib h5 {
	font-size: 15px;
	color: #464646;
	margin: 0 0 8px 0;
}

.chat_ib h5 span {
	font-size: 13px;
	float: right;
}

.chat_ib p {
	font-size: 14px;
	color: #989898;
	margin: auto
}

.chat_img {
	float: left;
	width: 11%;
}

.chat_ib {
	float: left;
	padding: 0 0 0 15px;
	width: 88%;
}

.chat_people {
	overflow: hidden;
	clear: both;
}

.chat_list {
	border-bottom: 1px solid #c4c4c4;
	margin: 0;
	padding: 18px 16px 10px;
}

.inbox_chat {
	height: 450px;
	overflow-y: scroll;
}

.active_chat {
	background: #ebebeb;
}

.incoming_msg_img {
	display: inline-block;
	width: 6%;
}

.received_msg {
	display: inline-block;
	padding: 0 0 0 10px;
	vertical-align: top;
	width: 92%;
}

.received_withd_msg p {
	background: #ebebeb none repeat scroll 0 0;
	border-radius: 3px;
	color: #646464;
	font-size: 14px;
	margin: 0;
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.time_date {
	color: #747474;
	display: block;
	font-size: 12px;
	margin: 8px 0 0;
}

.received_withd_msg {
	width: 57%;
}

.mesgs {
	float: left;
	padding: 30px 15px 0 25px;
	width: 60%;
	height: 450px;
	overflow-y: scroll;
}

.sent_msg p {
	background: #05728f none repeat scroll 0 0;
	border-radius: 3px;
	font-size: 14px;
	margin: 0;
	color: var(--font-secondary-theme-color);
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.outgoing_msg {
	overflow: hidden;
	margin: 26px 0 26px;
}

.sent_msg {
	float: right;
	width: 46%;
}

.input_msg_write input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #4c4c4c;
	font-size: 15px;
	min-height: 48px;
	width: 100%;
}

.type_msg {
	border-top: 1px solid #c4c4c4;
	position: relative;
}

.msg_send_btn {
	background: #05728f none repeat scroll 0 0;
	border: medium none;
	border-radius: 50%;
	color: var(--font-secondary-theme-color);
	cursor: pointer;
	font-size: 17px;
	height: 33px;
	position: absolute;
	right: 0;
	top: 11px;
	width: 33px;
}

.card-highlight {
	box-shadow: 0px 3px 30px rgba(25, 45, 100, 0.2);
}

.cardHead-highlight {
	background: var(--primary-theme-color) !important;
	color: var(--font-secondary-theme-color) !important;
}

.payoutHis td {
	padding: 10px 10px;
}

.tabChangeColor {
	background: #7875eb !important;
	color: var(--font-secondary-theme-color) !important;
}

.task-detail-cards {
	display: flex;
	/* flex-direction: column-reverse; */
	width: 100%;
}

.task-detail-cards h5:first-child {
	font-size: 13px;
}

.task-detail-cards .card {
	padding: 0.75rem 0.25rem 0;
	border-radius: 12px !important;
	box-shadow: 2px 2px 6px lightgrey;
	border-color: var(--primary-theme-color) !important;
	min-height: 6.15rem;
	margin: 10px auto;
}

.task-detail-cards .card h5 {
	margin-bottom: 8px;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
}

.task-detail-cards .card img {
	width: 40px;
	height: 40px;
	/* border-radius: 15px; */
}

#openQr #encCodeDiv img {
	width: 100%;
}

#openQr .modal-body {
	margin: 3rem auto;
}

.side-task-detail img {
	width: 35px;
	height: 35px;
}

#task-comments .sticky-top {
	z-index: 99 !important;
}

.public-user-card {
	display: flex;
}

.public-user-card img {
	width: 91%;
	height: 100%;
}

.public-user-card h3 {
	font-size: 20px !important;
    font-weight: 500 !important;
	color: var(--font-primary-theme-color);
}

.public-user-card h5 {
	font-size: 16px !important;
    border: 0;
    margin: 0;
    color: #575757 !important;
    font-weight: normal !important;
}

.img-fitter {
	width: 2rem;
	height: 2rem;
	border-radius: 15px;
}

#executivePageCount {
	width: 80px;
    height: 30px;
    margin-top: 0px;
}


.comment-pic {
width: 50px;
}

[id^="digit-"] {
	width: 2.5rem;
	height: 2.5rem;
}

@media screen and (max-width: 1560px) {
	[id^="digit-"] {
		width: 2.3rem;
		height: 2.3rem;
	}
}

.password-show i {
	position: absolute;
    right: 10px;
    top: 35%;
}

.numberInput::-webkit-outer-spin-button,
.numberInput::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.or {
	display: flex;
	justify-content: center;
	align-items: center;
	color: grey;
  }
  
  .or:after,
  .or:before {
	  content: "";
	  display: block;
	  background: grey;
	  width: 30%;
	  height:1px;
	  margin: 0 10px;
  }
.disabledTab {
     pointer-events: none;
     color: gray; /* Optional: to visually indicate the element is disabled */
}

.df-arrow-tab .nav-item {
	margin: 0 !important;
}

.df-arrow-tab .nav-item .nav-link {
	padding: 11px 40px !important;
    background-color: #e7e7e7 !important;
    color: #888888 !important;
    border: 0 !important;
	font-weight: bold !important;
}

.df-arrow-tab .nav-item .nav-link.active {
	background-color: var(--primary-theme-color) !important;
	border-bottom: 0 !important;
	color: var(--font-secondary-theme-color) !important;
}

.df-arrow-tab .nav-item .nav-link:after {
    content: "";
    position: absolute;
    border-top: 20px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 16px solid #e7e7e7;
    right: -15px;
    top: 0;
    z-index: 9;
}

.df-arrow-tab .nav-item .nav-link.active:after {
	border-left: 16px solid var(--primary-theme-color);
}

#whatsapp-config-api .modal-dialog {
	max-width: 63%;
}

#auction {
background-color: #f7f7f7;
}

.auction-header {
	position: fixed;
	width: 100%;
	background: #fff;
	top: 0;
	z-index: 99;
}

.auction-header i {
	color: var(--primary-theme-color);
}

.auction-header a.options {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 16px;
    text-align: center;
    align-self: center;
    padding: 10px 0;
    color: #4c4c4c;
    text-decoration: none;
    display: inline-block;
    min-width: 155px;
}

.auction-header a.options i {
	margin-right: 10px;
}

.auction-header .btn-live {
	border: 2px solid var(--primary-theme-color);
    color: var(--primary-theme-color);
    border-radius: 4px;
    padding: 6px 15px;
    font-size: 12px;
    text-decoration: none;
}

.mt-auction {
	margin-top: 145px;
}

.container.auction-container {
	max-width: 1320px;
}

.auction-container .breadcrumb>li+li:before {
	content: "\f105";
    font-family: 'FontAwesome';
	color: #474747;
}

.auction-container > select {
	color: #6f6f6f;
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    -ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    border-radius: 12px;
    font-size: 1rem;
    padding-right: 5rem;
    padding-left: 1rem;
    background: #fff url(../../frontend/Embitel/indusind/en_US/images/downarrow.svg) no-repeat 90% 48%;
    margin: 0;
    border: 1px solid #d9d9d9;
    min-height: 32px;
    margin-right: 12px;
}

.auction-head-wrapper .input-group {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    float: none;
    clear: both;
    flex-basis: 35%;
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 16px;
    align-self: center;
    padding: 8px 0;
}

.auction-nav .nav .nav-item {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.inside-tab.nav-pills .nav-item .nav-link.active {
	background: white !important;
    border: 2px solid var(--primary-theme-color) !important;
    color: var(--primary-theme-color) !important;
}

.auction-products {
	max-height: 80vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.filter-side {
	width: 66%;
    padding: 0 1rem 0 0;
    max-width: 268px;
}

.filters-tab {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 16px;
    padding: 2rem 1rem;
    margin-bottom: 3rem;
}

#auctionFilters {
	max-height: 610px;
    overflow: auto;
    margin-right: -12px;
	margin-top: 15px;
}

.filters-tab .card-body {
	/* max-height: 150px;
	overflow: auto; */
	padding: 0 !important;
	margin-top: 10px;
}

.filters-tab .card-body ul li {
	margin-bottom: 10px;
}

.filters-tab .card-body ul li input {
    width: 20px;
    height: 17px;
}

.filters-tab .card-body ul li span {
	color: #6f6f6f;
    position: relative;
    top: -2px;
    left: 10px;
    font-size: 14px;
}

.filters-tab .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: 'FontAwesome';
  font-weight: 900;
  float: right;
  font-size: 19px;
}

.filters-tab .card .card-header.collapsed .btn-header-link:after {
	content: "\f107";
}

.filters-tab .accordion .card .card-header a {
	font-size: 16px;
    font-weight: normal;
    color: #1d1d1d;
	text-align: left;
}

.auction-img {
	width: 98%;
    height: 10rem;
    object-fit: fill;
    display: block;
    position: relative;
    transform: scale(1.085);
    padding-left: 9px;
    padding-top: 2px;
}

.auction-wish {
	position: absolute;
    top: 13px;
    right: 21px;
    border-radius: 50px;
    background-color: white;
    color: var(--primary-theme-color);
    width: 32px;
    height: 32px;
}

.auction-card .auction-wish i {
	border: 0;
    padding-top: 11px;
	font-weight: 800;
}

/* .auction-nav {
	background-color: #292929;
} */

.auction-card {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    /* border: 1px solid lightgrey; */
    margin-bottom: 10px;
    color: #4e4c4c;
    border-radius: 6px;
    padding: 0.75rem;
	text-transform: uppercase;
}

.auction-card h5 {
	font-size: 13px;
	margin-bottom: 18px;
}

.auction-card .btn {
	background-color: var(--primary-theme-color);
	color: var(--font-secondary-theme-color);
	height: 44px;
}

 .text-orange {
	color: var(--primary-theme-color);
	text-transform: capitalize;
}

.auction-card i {
	min-width: 24px;
    height: 24px;
    border: 1px solid #cbc9c9;
    border-radius: 5px;
    text-align: center;
    margin: 0 5px;
    padding-top: 5px;
    font-size: 13px;
	color: var(--primary-theme-color);
}

/* .auction-card .col-4 h5::before {
	content: "\f111";
    font-family: 'FontAwesome';
    color: #8e8e8e;
    font-size: 9px;
    margin-right: 12px;
    position: relative;
    top: -2px;
} */

.auction-card input::-webkit-outer-spin-button,
.auction-card input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.auction-card input[type=number] {
	-moz-appearance: textfield;
	min-height: 50px;
	border-left: 0;
    font-size: 15px;
}

.auction-card .input-group .input-group-text {
	color: #8e8e8e;
    font-size: 20px;
}

.auction-card .input-group .input-group-text.rupees {
	background-color: transparent;
    border-left: 0;
    border-right: 0;
    padding: 0;
    padding-left: 9px;
    font-size: 15px;
	padding-top: 1px;
}

.nav-pills.auction-nav .nav-item .nav-link {
	/* color: var(--font-secondary-theme-color) !important; */
	font-weight: 600 !important;
	border-bottom: 0 !important;
}

.nav-pills.auction-nav .nav-item .nav-link.active {
	color: var(--primary-theme-color) !important;
    border-bottom: 3px solid var(--primary-theme-color) !important;
}

.auction-detail .carousel-control-prev-icon, 
.auction-detail .carousel-control-next-icon {
	background-color: #838383;
    background-repeat: no-repeat;
}

.auction-detail .carousel-item img {
	width: 100%;
	height: 495px;
	min-height: 495px;
	/* object-fit: contain; */
	border: 1px solid #cdcdcd;
    border-radius: 5px;
    background: white;
	min-width: 100%;
}

.auction-detail .carousel-indicators {
	display: flex;
	justify-content: start;
	overflow: auto;
	width: 100%;
	margin: 30px 0 0px;
}

.auction-detail .carousel-indicators a img {
	width: 150px;
	height: 90px;
	/* object-fit: cover; */
	object-position: center;
	cursor: pointer;
	border: 1px solid #cdcdcd;
    border-radius: 5px;
	min-width: 150px;
}

.auction-detail .carousel-indicators .active {
	width: 150px;
	height: 90px;
	/* object-fit: cover; */
	object-position: center;
	border: 1px solid #cdcdcd;
    border-radius: 5px;
}

.auction-detail .carousel-indicators a.active img {
	width: 150px;
	height: 90px;
	/* object-fit: cover; */
	object-position: center;
	border: 2px solid var(--primary-theme-color);
	border-radius: 5px;
}

.auction-detail .carousel-indicators .active img {
	width: 150px;
	height: 90px;
	/* object-fit: cover; */
	object-position: center;
	background-color: transparent !important;
	border: 2px solid var(--primary-theme-color);
	border-radius: 5px;
}

.auction-detail .carousel-indicators::-webkit-scrollbar {
	display: none;
}

.auction-detail .carousel-control-prev, .auction-detail .carousel-control-next {
	height: 30px;
	top: 30%;
}

.auction-head {
	justify-content: space-between;
    background: var(--primary-theme-color);
    border-radius: 22px 22px 0 0;
    padding: 0.75rem 2rem;
    align-items: center;
    display: flex;
    color: white;
}

.standard-card {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    margin-top: 21px;
    border: 0;
    background: #f5f5f5 0% 0% no-repeat padding-box;
    border-radius: 16px;
}

.upcoming-auction p {
	font-size: 1rem;
}

.upcoming-auction .timers {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    font-size: 2rem;
    color: var(--primary-theme-color);
    background: #fff 0% 0% no-repeat padding-box;
    width: 56px;
    display: block;
    height: 56px;
    font-weight: 600;
    padding-top: 6px;
    margin-bottom: 10px;
}

.upcoming-auction button {
	display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    border: .0625rem solid transparent;
    background: var(--primary-theme-color);
    text-decoration: none;
    color: var(--font-secondary-theme-color);
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    border-radius: .6rem;
    padding: 1rem 0;
}

.upcoming-auction button:hover {
	color: white;
}

.upcoming-auction > div:last-child {
	border-radius: 0 0 16px 16px;
}

.auction-detail-cards {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.auction-detail-cards .standard-card {
	background: white;
    padding: 1.5rem 1.5rem 0.5rem;
}

.auction-detail-cards .standard-card ul {
	padding-left: 0;
}

.auction-detail-cards .standard-card ul li {
	/* display: flex;
    align-items: center; */
    margin-bottom: 20px;
    color: var(--font-primary-theme-color);
    /* flex-wrap: wrap; */
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
	max-width: 25%;
    white-space: nowrap;

}

.auction-detail-cards .standard-card ul li i {
	min-width: 24px;
    height: 24px;
    border: 1px solid var(--primary-theme-color);
    border-radius: 5px;
    text-align: center;
    margin: 0 14px 0 0;
    padding-top: 5px;
    font-size: 13px;
    color: var(--primary-theme-color);
}

#biddingMsite {
	display: none;
}

.auction-detail-reports {
	padding: 20px;
    background: #fff;
    border: 1px solid #dde5eb;
    border-radius: 16px;
	display: flex;
	flex-wrap: wrap;
}

.auction-detail-reports .col-md-6 img {
	width: 64px;
	height: 64px;
}

.auction-detail-reports .col-md-2 img {
	width: 26px;
	height: 26px;
	margin-right: 10px;
}

.auction-detail-reports h5 {
	margin-bottom: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .01em;
    color: #002441;
    display: block;
}

.auction-detail-reports h6 {
	text-align: center;
	font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    letter-spacing: .05em;
    color: #002441;
	width: 60px;
}

.auction-detail-reports h6 img {
	display: inline-block;
    margin-bottom: 7px;
	width: 48px;
	height: 48px;
}

.auction-detail-reports .card {
	margin-bottom: 16px;
    padding: 16px;
    background: #fafafa;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}

.auction-detail-reports .card h4 {
	font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .14px;
    color: #002441;
}

.auction-detail-reports span.badge {
	width: 24px;
    height: 22px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: .01em;
    text-align: center;
    margin-right: 8px;
}

.auction-detail .carousel-indicators.product-carousel .active {
		margin-left: auto;
}

.product-carousel {
	max-height: 495px;
	overflow: auto;
}

.auction-toggle {
	position: absolute;
	z-index: 99;
	top: 15px;
	right: 15px;
	background: var(--secondary-theme-color);
	border: 1px solid #cdcdcd;
	padding: 5px 10px;
}

.auction-toggle .slider.round:before {
	top: 7px;
}

#product-images .carousel-control-prev {
	left: 16%;
}

#product-images .carousel-control-prev,#product-images .carousel-control-next {
	top: 46%;
}

#product-images .carousel-indicators.product-carousel .active {
	margin-left: 0px;
}

#product-images .carousel-indicators a img {
	width: 204px !important;
	height: 90px;
	/* object-fit: cover; */
	object-position: center;
	cursor: pointer;
	border: 1px solid #cdcdcd;
    border-radius: 5px;
	min-width: 204px;
}

#product-images .carousel-indicators a.active img {
	width: 150px;
	height: 90px;
	/* object-fit: cover; */
	object-position: center;
	border: 2px solid #3584e4;
	border-radius: 5px;
}

/* @media screen and (min-width: 768px) {
	
	
} */

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

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

	/* .auction-header a.options {
		margin-top: 20px;
	} */

	.auction-detail .carousel-indicators a img {
        max-width: 100%;
        min-width: auto !important;
    }

	.auction-detail-reports {
		padding: 5px;
	}

	.half-navs .nav-item {
		width: 50% !important;
		text-align: center;
	}

	.auction-header .btn-live {
		width: 100%;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.mt-auction {
		margin-top: 7rem;
	}

	.filter-side {
		width: 100%;
		max-width: 100%;
		padding-right: 0;
	} 

	.auction-detail .carousel-control-prev, .carousel-control-next {
		/* top: -9rem; */
	}

	.auction-detail .carousel-indicators a {
		min-width: 33.33%
	}

	.auction-detail .carousel-indicators a.active {
		min-width: 33.33%
	}

	.auction-detail .carousel-indicators .active {
		min-width: 33.33%
	}

	.auction-head-wrapper {
		flex-wrap: wrap;
	}
	
	.auction-options {
		display: inline-flex;
        width: 70%;
        align-items: center;
        margin-left: auto;
        justify-content: end;
	}
	
	.auction-options select {
	    width: 60%;
    	padding-right: 20px;
    }

	#auction-filter {
		margin-top: -38px;
	}
	
	#biddingMsite {
		display: block;
        position: fixed;
        bottom: -77px;
        width: 95%;
        border-radius: 20px 20px 0 0;
        padding: 25px 41px;
        height: 0px;
        transition: all ease 0.5s;
        z-index: 99;
        background: white;
        left: 50%;
        transform: translate(-50%);
	}
	
	#biddingBack {
		position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: black;
        opacity: 0.25;
        z-index: 99;
	}

	.auction-detail .carousel-item img {
		height: 270px;
		min-height: 270px;
		object-fit: cover;
	}

	.auction-detail .carousel-indicators {
		min-height: 100px;
	}

	.auction-detail-cards {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.bidDetails p {
	    font-size: 12px !important;
		width: 33.33%;
	}

	.bidDetails p:last-child {
		text-align: right;
	}
}
.call-widget {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}

.call-button {
    background-color: var(--primary-theme-color);
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.call-button i {
    margin-right: 10px;
}

.call-button:hover {
    background-color: #2d9941;
}

.call-timer {
    background-color: #f0f0f0;
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 20px;
    border-radius: 8px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.call-timer i {
    margin-right: 10px;
}

#auctionProfile .main_heading {
	background: var(--primary-theme-color);
}

#auctionProfile .main_heading:after {
	border-left: 19px solid var(--primary-theme-color);
}

.width22 {
	width: 22%;
	padding: 0 1rem;
}

.width78 {
	width: 100%;
	padding: 0 1rem;
}

.auction-profile-sidebar.nav-tabs .nav-link.active {
	border-bottom: 2px solid var(--primary-theme-color) !important;
	color: var(--primary-theme-color) !important;
}

#auctionProfile .btn-behance {
	background: var(--primary-theme-color);
}

#auctionProfile .btn-search,
#auctionProfile .btn-success {
	background-color: var(--primary-theme-color);
	border-color: var(--primary-theme-color);
}

#auctionProfile .basic_inf .fa {
	background: var(--primary-theme-color);
}

#auctionProfile .list-head {
	background: var(--primary-theme-color) !important;
}

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

	.bids-win {
		width: 100%;
	}

	.bids-win.nav-pills.auction-nav .nav-item{
		width: 33.33%;
	}

	.width22 {
		width: 100%;
	}

	.width22 > .form_box {
		height: auto !important;
	}

	.width78 {
		width: 100%;
		padding: 0.5rem 1rem;
	}
	
	.auction-profile-sidebar.nav-tabs .nav-link {
		width: auto !important;
		min-width: 13rem;
		white-space: nowrap;
		font-size: 16px !important;
		margin-right: 20px;
		text-align: center;
		border: 1px solid #d0d0d0;
	}

	.auction-profile-sidebar.nav-tabs .nav-link.active {
		border: 1px solid var(--primary-theme-color) !important;
		color: var(--primary-theme-color) !important;
	}

	.auction-profile-sidebar.nav-tabs .nav-link.active {
		font-size: 16px !important;
	}

	.auction-profile-sidebar.nav-tabs .nav-link img {
		width: 20px !important;
	}

	#auctionProfile .scrollDivHover {
		height: auto;
		overflow: auto;
		max-width: 85vw;
	}

	#auctionProfile .scrollDivHover::-webkit-scrollbar {
		height: 9px;
	}

	#auctionProfile .circular-progress {
		transform: scale(1);
	}

	.auction-detail-cards .standard-card ul li {
		max-width: 100%;
	}

}

@media screen and (min-width: 768px) {
	
	#auctionProfile #earning-expenditure {
		max-width: 97%;
	}
}

[id^="customConditionField"] + span.select2.select2-container.select2-container--default {
	width: 100% !important;
}

.file-img img {
	width: 150px !important;
	height: 150px;
	object-fit: cover;
	object-position: center;
	min-width: 150px;
	min-height: 150px;
	margin: 5px;
}

.file-img video {
	width: 150px !important;
	height: 150px;
	object-fit: cover;
	object-position: center;
	min-width: 150px;
	min-height: 150px;
	margin: 5px;
}

.file-img audio {
	width: 150px !important;
	height: 150px;
	object-fit: cover;
	object-position: center;
	min-width: 150px;
	min-height: 150px;
	margin: 5px;
}

.line-border {
	margin-top: 5px;
	height: 1px;
	width: 100%;
	background: #fff;
	border-top: solid #d1d1d1 1px !important;
}

.new-cls-a {
	display: flex;
	border: none !important;
	flex-direction: row;
	align-items: end;
}

.new-cls-a-tab {
	display: flex;
	border: none !important;
	flex-direction: row;
	align-items: end;
}

#sub-task-list .subtasks {
	overflow: auto;
	height: fit-content;
	max-height: 360px;
	position: relative;
}

#sub-task-list .subtasks>div:nth-child(1) {
	position: sticky;
	top: 0;
	z-index: 9999;
}

#sub-task-list #taskList-div #no-data-found #no-data{
    position: relative;
    height: 130px;
}

#sub-task-list #taskList-div #no-data-found #no-data img{
    object-fit: contain;
    position: unset;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 200px !important;
    margin-top: 70px !important;
    margin-left: 150px;
}

.sub-load {
    min-height: 226px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.graph_row{
	margin-top: 5px;
    padding: 10px;
    border-radius: 15px !important;
    background: #fff;
    border: solid #d1d1d1 1px !important;
}

.graph_heading{
	font-size: 16px;
}

.graph_col{
	font-size: 16px;
    font-weight: bold;
    border-bottom: solid #ccc 1px;
    box-shadow: 0px 2px 0px 0px #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: var(--font-primary-theme-color);
    text-shadow: 0px 1px 0px #dfdfdf;
    padding-top: 15px;
    width: 100%;
}

.category-graph-data .box_heading {
	font-size: 16px;
    font-weight: bold;
    border-bottom: solid #ccc 1px;
    box-shadow: 0px 2px 0px 0px #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: var(--font-primary-theme-color);
    text-shadow: 0px 1px 0px #dfdfdf;
    width: 100%;
}

.new-class-alignment {
	border-bottom: 1px solid #f3f3f3;
}

.color_choose{
	 border-bottom: 1px solid #b3b3b3;
    font-weight: bold;
    padding-bottom: 5px;
}

.color-immobilize{
	background: red !important;
	border: 1px solid red !important;
}

.color-mobilize{
    background: green !important;
    border: 1px solid green !important;
}

.border-cls-form{
	    padding: 10px;
    border-radius: 15px !important;
    background: #fff;
    border: solid #d1d1d1 1px !important;
}

.waiting-message-div {
    text-align: center;
    border-radius: 15px !important;
    background: #fff;
    border: solid #d1d1d1 1px !important;
    padding: 20px 10px;
    font-weight: bold;
    color: var(--primary-theme-color);
}

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

.expend span{
	text-align: center;
    padding: 8px !important;
    background: #fff;
    border: 1px solid #e2e1e1 !important;
    height: 37px;
    margin-top: 14px;
    border-radius: 5px;
    width: 35%;
}

#expandToogle{
 display: none;
}

#expandToogle.active {
    display: block !important;
}

.toggle-both{
    display: flex;
    align-items: center;
    border: 1px solid #f3f3f3 !important;
    background: #fff;
    margin-right: 15px;
    border-radius: 28px;
    border-color: #c2c6d1 !important;
    color: var(--font-primary-theme-color);
	padding: 5px 10px 0px 10px !important;
	height: 40px;
}

.filter-sidebar-nav-task input {
    border-radius: 5px !important;
    padding: 8px !important;
    background: #fff;
    border: 1px solid #e2e1e1 !important;
}

.activity-div {
    width: 200px;
}

.cards-row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.cards-row::-webkit-scrollbar {
    display: none;
}


.cards-row .cards {
    border-radius: 9px;
    box-shadow: 0px 4px 4px 0px #00000040;
    padding: 10px;
	width: 180px;
	border: 1px solid #dfdfdf !important;
}

.table-head-fix {
	position: sticky;
	top: 0;
	background-color: white;
	z-index: 1;
}

.tick.new-tick {
    width: 210px;
    margin-right: 10px;
}

div#trend-chart-stage-tab {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
	scrollbar-width: none; 
    -ms-overflow-style: none; 
}

div#trend-chart-stage-tab::-webkit-scrollbar {
    display: none;
}

div#sub-task-stages {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
	scrollbar-width: none; 
    -ms-overflow-style: none; 
}

div#sub-task-stages::-webkit-scrollbar {
    display: none;
}

.header-w-div{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	align-items: center;
	scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.header-w-div::-webkit-scrollbar {
    display: none;
}

.common-w-div{
	margin-right: 50px;
    display: flex;
    flex-direction: column;
	min-width: 110px;
}

.hghlt-card {
    font-size: 15px;
    text-transform: capitalize;
}

.tick-card .cards{
	width: 200px;
    margin-right: 10px;
    border: 1px solid var(--primary-theme-color) !important ;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.tick-card .cards .fa-2x{
  color: var(--button-primary-theme-color);
}

.tick-card {
    margin-right: 5px;
}

.rental-h6 {
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 10px;
    font-weight: 500;
}

.border-seprater{
	border-top: 1px solid #d1d1d1;
    padding-top: 10px;
}

.select-icon-parent .icon-display {
	font-size: 50px;
	margin: 10px;
}

.select-icon-parent .select2-container {
	width: 200px !important;
}

.select-icon-parent .modal {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	background: white;
	overflow-y: scroll;
	box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
	padding: 10px;
}

.select-icon-parent .modal.show {
	display: block;
}

.select-icon-parent .icon-grid {
	display: flex;
	flex-wrap: wrap;
}

.select-icon-parent .icon-grid i {
	width: 50px;
	height: 50px;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px;
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.highlight-text-wrapper {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100px;
}

.payment-reminder-banner {
  background-color: #FFF6F6;
  border-left: 6px solid #FF4D4F;
  padding: 16px 24px;
  font-family: 'Segoe UI', Tahoma, sans-serif;
  color: #8B0000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  gap: 20px;
  flex-wrap: wrap;
}

.payment-reminder-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.payment-reminder-badge {
  background: linear-gradient(90deg, #FF4D4F, #D9363E);
  color: #fff;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 999px;
  box-shadow: 0 1px 4px rgba(255, 77, 79, 0.3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.payment-reminder-message {
  font-size: 14px;
  line-height: 1.5;
}

.payment-reminder-link {
  color: #8B0000;
  text-decoration: underline;
}

.payment-reminder-cta {
  background-color: #FF4D4F;
  color: white;
  padding: 8px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: background 0.3s ease;
  white-space: nowrap;
}

.payment-reminder-cta:hover {
  background-color: #D9363E;
}