@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');
@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

#searchUnifyChat * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#searchUnifyChat .title {
	font-size: 30px;
	font-weight: bold;
	text-shadow: #ccc 2px 2px 1px;
	padding-bottom: 5px;
}

#searchUnifyChat a:hover {
	color: #fff;
}


/* #searchUnifyChat .first-section:hover {
  cursor: pointer;
} */

#searchUnifyChat .open-more {
	bottom: 0px;
	transition: 2s;
}

#searchUnifyChat .close-more {
	bottom: -350px;
	transition: 2s;
}

#searchUnifyChat #searchUnifyChat .border-chat {
	margin: 0px;
}

#searchUnifyChat .first-section {
	width: 100%;
	padding: 7px 14px;
	height: 60px;
	position: relative;
	z-index: 5;
	background-color: #6e99fa;
	box-shadow: 0 3px 6px #00000029;
}

#searchUnifyChat .left-section {
	background-color: #6e99fa;
	box-shadow: 0 3px 6px #00000029;
}

#searchUnifyChat .first-section p {
	margin-bottom: 0;
}

#searchUnifyChat .text-bar input {
	background-color: #fbfcff;
	border: none;
	height: auto;
	width: 80%;
	height: 57px;
	padding: 13px 18px;
	color: #999c9e;
	font-weight: 500;
	font-family: "Montserrat";
	box-shadow: none;
}

#searchUnifyChat #skip-img {
	cursor: pointer;
	height: 18px;
	width: 18px;
	vertical-align: middle;
}

#searchUnifyChat .start-over {
	background-color: #fff;
	text-align: center !important;
	padding: 5px;
	cursor: pointer;
}

#searchUnifyChat .start-over #start-img {
	vertical-align: middle;
	height: 18px;
	width: 18px;
}

#searchUnifyChat .start-over a:hover,
#searchUnifyChat .start-over a {
	color: rgb(153, 156, 158);
}


/* #searchUnifyChat .start-over a:hover{
  text-decoration: underline;
} */

#searchUnifyChat .text-bar input:focus {
	outline: none;
}

#searchUnifyChat div .chatting {
	background-color: #fbfbfb;
}

#searchUnifyChat a.btn-end {
	border: none;
}

#searchUnifyChat .first-section p {
	color: #fff;
	font-weight: 600;
	margin: 0px;
	font-size: 14px;
}

#searchUnifyChat .right-first-section {
	text-align: right;
}

#searchUnifyChat .right-first-section i {
	color: #fff;
	font-size: 15px;
	padding: 12px 3px;
}

#searchUnifyChat .right-first-section i:hover {
	color: #fff;
}

#searchUnifyChat .chat-section ul li {
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}

#searchUnifyChat .chat-section {
	overflow-y: scroll;
	/* height: 330px; */
	height: calc(100% - 29px);
	padding: 10px 0 25px 0;
	background-color: #fff;
}

.chat-section ul {
	padding: 0px;
}

#searchUnifyChat .left-chat img,
#searchUnifyChat .right-chat img {
	width: 37px;
	height: 37px;
	float: left;
	margin: 0px 10px;
}

#searchUnifyChat .right-chat img {
	float: right;
}

#searchUnifyChat .second-section {
	padding: 0px;
	margin: 0px;
	background-color: #f3f3f3;
	height: 300px;
}

#searchUnifyChat .left-chat,
#searchUnifyChat .right-chat {
	overflow: hidden;
}

#searchUnifyChat .left-chat>div .carousel {
	width: 95%;
	padding: 0;
	margin-bottom: 10px;
}

#searchUnifyChat .left-chat>div .active,
#searchUnifyChat .left-chat>div .carousel-inner {
	width: 100%;
}

#searchUnifyChat .left-chat div,
#searchUnifyChat .right-chat p {
	color: #000;
	border-radius: 8px;
	float: left;
	margin-top: 0px;
}

#searchUnifyChat .left-chat span {
	top: 60px;
}

#searchUnifyChat .right-chat span {
	position: absolute;
	left: 70px;
	top: 60px;
	color: #8dd6ff;
}

#searchUnifyChat .carousel-control.left,
#searchUnifyChat .carousel-control.right {
	background-image: none;
}

#searchUnifyChat .right-chat span {
	left: 45px;
}

#searchUnifyChat .contact-form-page div {
	color: #999c9e;
	text-align: left;
    font: normal normal 500 12px/19px Montserrat;
}

#searchUnifyChat .contact-form-page .button-msg {
	margin: 10px 0 0 0;
	width: 100%;
}

#searchUnifyChat .right-chat .response {
	line-height: 1.73;
	background-color: #6e99fa;
	float: right;
	color: #fff;
	font-weight: 500;
	padding: 8px 20px;
	text-transform: capitalize;
	border-radius: 4px;
	margin-top: 12px;
	white-space: break-spaces;
	word-break: break-word;
	font: normal normal normal 12px/19px Montserrat;
}

#searchUnifyChat .text-bar a svg {
	margin-right: 25px;
}

#searchUnifyChat .chat div .party {
	word-break: break-word;
	background-color: #e9eef4;
	border-radius: 12px;
	line-height: 1.73;
	padding: 8px 20px;
	font-size: 12px;
	font-weight: 500;
	color: #999c9e;
	white-space: break-spaces;
	border-radius: 20px;
	font: normal normal normal 12px/19px Montserrat !important;
}

#searchUnifyChat .contact-form-page div .right-chat {
	margin-right: 30px;
	margin: 0px 20px;
}

#searchUnifyChat .busy {
	position: absolute;
	padding: 3px 0;
	color: #666;
	display: none;
	font-size: 11px;
}

#searchUnifyChat .input {
	margin-top: 20px;
}

#searchUnifyChat .input input {
	vertical-align: top;
	float: left;
	border: 1px solid #ccc;
	padding: 5px;
	width: 480px;
	margin: 0;
	border-radius: 5px;
}

#searchUnifyChat .input a {
	vertical-align: top;
	float: right;
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #efefef;
	padding: 7px 35px;
	color: black;
	text-decoration: none;
	border-radius: 5px;
}

#searchUnifyChat .input a:hover {
	background-color: #ddd;
	cursor: pointer;
}

#searchUnifyChat .contact-form-page {
	height: 25px;
	width: 25px;
	display: block;
	border-radius: 50%;
	position: fixed;
	bottom: 55px;
	right: 42px;
	overflow: hidden;
	font-family: "Montserrat";
}

#searchUnifyChat #load-img {
	/* position: absolute;
  bottom: 8%;
  width: 48px; */
	right: 82%;
}

#searchUnifyChat .show-profile {
	z-index: 300;
	height: 583px;
	display: block;
	width: 450px;
	bottom: 40px;
	right: 22px;
	position: fixed;
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	background-color: #fbfbfb;
}

#searchUnifyChat .third-section>div>a {
	display: block;
	float: right;
	margin-top: 16px;
}

#searchUnifyChat div.left-chat {
	margin: 0px 40px;
}

#searchUnifyChat .form-profile-img {
	float: left;
}

#searchUnifyChat .form-profile-img img {
	border-radius: 50%;
	margin: 20px 0 0 14px;
}

#searchUnifyChat .top-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	background: #98d1ec;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}

#searchUnifyChat .top-btn:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	background: #7ec6e7;
	color: #fff;
}

#searchUnifyChat .header-btn,
#searchUnifyChat .footer-btn a {
	font-size: 20px;
	color: #fff;
	background: #3aa8db;
	float: right;
}

#searchUnifyChat .form-head {
	display: block;
}

#searchUnifyChat .cancel-btn-img {
	position: relative;
}

#searchUnifyChat .footer-btn {
	position: relative;
}

#searchUnifyChat .buttom-btn {
	border-color: #09527e;
	position: fixed;
	bottom: 40px;
	right: 22px;
	color: #09527e;
	padding: 12px;
	text-align: center;
	width: 60px;
	height: 60px;
	opacity: 1;
	border: 1px solid #000;
	z-index: 100;
	background: linear-gradient(to left, #55C7FF, #7886f7);
	border-radius: 50%;
	background-repeat: no-repeat;
	display: block;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#searchUnifyChat .buttom-btn i {
	font-size: 30px;
}

#searchUnifyChat input.form-control {
	height: 40px;
	border-radius: 0;
	outline: none;
}

#searchUnifyChat textarea.form-control {
	height: 150px;
	border-radius: 0;
}

#searchUnifyChat .contact-form-page form {
	padding: 0 26px;
}

#searchUnifyChat .contact-form-page .submit-buttom {
	padding: 10px 40px;
	text-align: center;
	display: block;
	border-radius: 0;
	background: #007bb5;
	border: none;
	border-bottom: 5px solid #005b85;
	text-shadow: none;
	box-shadow: none;
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
}

#searchUnifyChat .form-group label {
	font-size: 14px;
	color: #fff;
}

#searchUnifyChat .top-btn-show {
	opacity: 1 !important;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#searchUnifyChat .buttom-btn-hide {
	display: none;
}

#searchUnifyChat .top {
	background-color: #09527e;
	border-bottom-left-radius: 10%;
	border-bottom-right-radius: 10%;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
}

#searchUnifyChat .start_chat {
	margin: 5% 31%;
	width: 38%;
}

#searchUnifyChat a:hover,
#searchUnifyChat a:focus {
	color: #fff;
}

#searchUnifyChat .second-section {
	background-color: #ababab70;
	height: 460px;
}

#searchUnifyChat span.highlight {
	color: #575757;
}

#searchUnifyChat input:focus {
	outline-color: #2a6496;
}

#searchUnifyChat .carousel-control {
	width: 5%;
	height: 14%;
	top: 40%;
	margin: 0 25px;
}

#searchUnifyChat div>.item {
	text-align: -webkit-center;
}

#searchUnifyChat div>.active {
	margin-bottom: 0 !important;
}

#searchUnifyChat .links-div {
	padding: 10px 0 0 0;
	width: 250px;
	height: 88px;
	margin: 0 40px 0 5px;
}

#searchUnifyChat div>h6.summary-link {
	border-radius: 0;
	font-size: 10px;
	line-height: 18px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	color: #575757;
	font-weight: 400;
	margin: 0;
	height: 39px;
	overflow-wrap: break-word;
	letter-spacing: 1px;
	font-style: italic;
}

#searchUnifyChat .links-div>a {
	text-decoration: none;
	display: block;
}

#searchUnifyChat div>a>h1.title-link {
	border-radius: 0;
	padding: 0px 4px 0px 0px;
	font-weight: 550;
	font-size: 12px;
	line-height: 18px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	width: 100%;
	margin: 0;
	letter-spacing: normal;
	text-align: left;
	color: #1878f9;
}

#searchUnifyChat .party a {
	color: #4981fd;
}

#searchUnifyChat .party a:hover,
#searchUnifyChat .party a:focus {
	color: #2a6496;
}

#searchUnifyChat .start_chat {
	border-radius: 30px;
	padding: 10px 8px;
	background: #f48b00;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	height: 40px;
	text-align: center;
	border: 0;
}

.s#searchUnifyChat .slidercontainer .slide {
	display: none;
}

#searchUnifyChat .slidercontainer img {
	width: 50%;
}

#searchUnifyChat .slidercontainer {
	max-width: 100%;
	position: relative;
	margin: auto;
}

#searchUnifyChat .slidercontainer .left,
#searchUnifyChat .slidercontainer .right {
	cursor: pointer;
	position: absolute;
	top: 45%;
	color: #575757;
	background-color: #fff;
	border-radius: 8px;
	line-height: 0.14;
	width: 25px;
	height: 25px;
	font-size: 17px;
	font-weight: 900;
}

#searchUnifyChat .slidercontainer .right {
	right: 0%;
	padding: 12px 0 0 7px;
}

#searchUnifyChat .slidercontainer .left {
	left: 92%;
	top: 10%;
	padding: 11px 0 0px 7px;
}

#searchUnifyChat .slidercontainer a.left:hover,
#searchUnifyChat .slidercontainer a.right:hover {
	text-decoration: none;
}

#searchUnifyChat .slidercontainer .disable {
	background-color: #7c7c7c;
	pointer-events: none;
}

#searchUnifyChat .chatbot-heading {
	font-size: 14px;
	margin: 5px;
}

#searchUnifyChat .hyperlink-heading {
	text-align: center;
}

#searchUnifyChat .hyperlink-button {
	width: 100%;
	margin-bottom: 7px;
}

.flatpickr-calendar.animate.arrowBottom.open {
	position: fixed;
	width: 447px;
	/*top:233px !important;
    top: 278px !important;
   left: 837px !important; */
}

.flatpickr-rContainer {
	width: 450px
}

.flatpickr-innerContainer .flatpickr-days {
	width: 450px;
}

.flatpickr-innerContainer .dayContainer {
	max-width: 450px;
	width: 450px;
}

#searchUnifyChat #month_1 {
	display: none;
	position: fixed;
	bottom: 132px;
	right: 22px;
	width: 450px;
	background: #fff;
	box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
}

#searchUnifyChat .month li {
	display: inline-block;
	/* float: left; */
	width: 24%;
	text-align: center;
	/* font-size: 13px; */
	padding-left: 10px !important;
	padding: 7px !important;
	color: #000;
	cursor: pointer;
	font: normal normal normal 12px/19px Montserrat;
}

#year_1 {
	display: none;
}

.month,
.year {
	overflow: hidden;
	padding-left: 0px;
}

#searchUnifyChat li.year_li {
	width: 23%;
	display: inline-block;
	/* float: left; */
	padding: 7px;
	text-align: center;
	cursor: pointer;
}

.datepicker.datepicker-dropdown {
	width: 450px;
	left: 835px;
}

.datepicker-years .table-condensed {
	width: 424px;
}

#searchUnifyChat .chatbot-button-response {
	width: auto;
	max-height: 85px;
	display: inline-block;
	border-radius: 20px;
	background-color: #ffffff;
	/* font-size: 12px; */
	color: rgb(110, 153, 250);
	padding: 0 14px;
	margin: 0px 10px 10px 0px;
	border: 1px solid rgb(110, 153, 250);
	min-height: 30px;
	white-space: normal !important;
	/* font-size:14px; */
	cursor: pointer;
	font: normal normal normal 13px/19px Montserrat;
}

#searchUnifyChat .skipped {
	margin-left: 42px;
	margin-bottom: 11px;
	text-align: center !important;
	width: fit-content;
}

#searchUnifyChat .chatbot-button-response:hover,
#searchUnifyChat .chatbot-button-response:focus {
	outline: 0;
	/*background-image: linear-gradient(to left, #55c7ff, #7886f7);*/
	color: rgb(110, 153, 250) !important;
	border: 1px solid rgb(110, 153, 250) !important;
	text-decoration: underline;
	-ms-text-underline-position: under;
	text-underline-position: under;
	/*background-repeat: no-repeat;*/
	/*box-shadow: 1px -1px 10px 1px rgba(0, 0, 0, 0.04);*/
}

#searchUnifyChat .highlight {
	background: none;
}

#searchUnifyChat .settings {
	display: inline-block;
}

#searchUnifyChat .pad-top {
	padding-top: 110px;
}

#searchUnifyChat .lang-logo {
	position: absolute;
	top: 7%;
	transform: translateY(-50%);
	left: 8px;
	height: 32px;
	width: 32px;
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
}

#searchUnifyChat .select-option {
	color: #101820;
	background-color: #FFFFFF;
}

#searchUnifyChat #mySelect {
	height: 30px;
	width: 100%;
	background-color: #656568;
	-webkit-appearance: none;
	appearance: none;
	padding: 0 32px 0 8px;
	height: 32px;
	border-radius: 6px;
	border: 0;
	cursor: pointer;
	width: 100%;
	font-size: 14px;
	color: white;
}

#searchUnifyChat .settings-new {
	/* display: block; */
	opacity: 0.92;
	transition: opacity 0.5s linear;
	/* transition-duration: 5s;
  transition-timing-function: linear; */
	z-index: 999999;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 583px;
	width: 449px;
	background-color: #000;
}

#searchUnifyChat .Select__icon-container {
	position: absolute;
	top: 24%;
	right: 20px;
	/* bottom: -24px; */
	width: 32px;
	pointer-events: none;
}

#searchUnifyChat .pad-top label {
	padding: 0 26px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}


/* .top-bar{
  position: relative;
} */

#searchUnifyChat .lang-heading {
	position: absolute;
	color: #FFFFFF;
	top: 7%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	text-align: center;
	user-select: none;
	pointer-events: none;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

#searchUnifyChat .border-chat {
	overflow: hidden;
}

#searchUnifyChat .settings svg {
	height: 22px;
	width: 22px;
	vertical-align: middle;
	cursor: pointer;
	fill: #fff;
}

#searchUnifyChat .heading-chat {
	margin: 14px 17px;
	display: inline-block;
	font-size: 14px;
	position: relative;
	width: 65%;
}

@media only screen and (min-width:768px) and (max-width:990px) {
	#searchUnifyChat #month_1 {
		bottom: 129px;
		/* top: 800px; */
		right: 22px;
		left: unset;
	}
	.datepicker.datepicker-dropdown {
		left: 300px !important;
		right: 38px;
		top: 656px !important;
	}
	/* .flatpickr-calendar.animate.arrowBottom.open{
    left:unset;
    top:unset;
  } */
}

@media only screen and (min-width:990px) and (max-width:1200px) {
	#searchUnifyChat #month_1 {
		top: 531px;
		right: 22px;
		left: unset;
	}
	.datepicker.datepicker-dropdown {
		left: 549px !important;
		right: 38px;
		width: 450px;
		top: 393px !important;
	}
	/* .flatpickr-calendar.animate.arrowBottom.open{
    left:unset;
    top:unset;
  } */
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {
	#searchUnifyChat .slidercontainer .left,
	#searchUnifyChat .slidercontainer .right {
		font-size: 15px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	#searchUnifyChat .show-profile {
		width: 100%;
		height: 100%;
		bottom: 0;
		right: 0;
		border-radius: 0px;
		z-index: 9999;
	}
	#searchUnifyChat .buttom-btn {
		bottom: 80px;
	}
	#searchUnifyChat .waitingLabel {
		bottom: 145px !important;
	}
	/* #searchUnifyChat .buttom-btn {

    bottom: 90px;

  } */
	#searchUnifyChat .settings-new {
		height: 100%;
	}
	#searchUnifyChat #mySelect {
		width: 80%;
	}
	#searchUnifyChat .Select__icon-container {
		top: 23.97%;
		right: 98px;
	}
	#searchUnifyChat .lang-heading {
		right: 79px;
	}
	#searchUnifyChat #searchUnifyChat .heading-chat {
		width: 61%;
	}
	.flatpickr-innerContainer .flatpickr-days {
		width: 342px !important;
	}
	.flatpickr-rContainer {
		width: 338px !important;
	}
	.flatpickr-calendar.animate.arrowBottom.open {
		width: 93% !important;
		/* bottom: 87px; */
		/* top: 379px !important; */
		/* top: 180px !important; */
	}
	#searchUnifyChat .second-section {
		height: calc(100vh - 120px);
	}
	#searchUnifyChat .chat-section {
		height: calc(100vh - 220px);
	}
	#searchUnifyChat .text-bar a svg {
		margin-top: 2px;
	}
	#searchUnifyChat #month_1 {
		/* top: 320px; */
		left: 0;
		width: 360px;
		bottom: 10%;
	}
	.datepicker-years .table-condensed {
		width: 340px !important;
	}
	.datepicker.datepicker-dropdown {
		width: 345px !important;
		/* left: 8px !important;
		top: 230px !important; */
	}
	#searchUnifyChat .third-section>div>a {
		margin-top: 16px;
		margin-right: 0px;
	}
	#searchUnifyChat .chatbot-button-response {
		padding: 10px 10px;
	}
	#searchUnifyChat .links-div {
		width: 80%;
		margin: 0 0 0 5px;
	}
	#searchUnifyChat .slidercontainer .right {
		right: 1%;
	}
	#searchUnifyChat .slidercontainer .left {
		left: 88%;
	}
	#searchUnifyChat .right-chat p,
	#searchUnifyChat .chat div .party {
		padding: 8px 18px;
	}
	#searchUnifyChat .slidercontainer .left,
	#searchUnifyChat .slidercontainer .right {
		width: 24px;
		height: 24px;
		font-size: 15px;
	}
	#searchUnifyChat .text-bar input {
		height: 60px;
		width: 72%;
	}
	#searchUnifyChat .third-section {
		/* height: 60px; */
		position: fixed;
		bottom: 0;
		width: 100%;
	}
	#searchUnifyChat #load-img {
		bottom: 8%;
	}
}

@media only screen and (min-width: 1600px) {
	#searchUnifyChat .show-profile {
		height: 545px;
	}
	#searchUnifyChat .chat-section {
		height: calc(100% - 29px);
	}
	#searchUnifyChat .second-section {
		height: 430px;
	}
}


/* new styles added */

#searchUnifyChat .left-img {
	position: absolute;
	padding: 3px 10px;
	width: 38px;
	height: 20px;
	margin-top: 5px;
}

#searchUnifyChat .contact-form-page div::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 0px;
}

#searchUnifyChat .contact-form-page div::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

#searchUnifyChat .contact-form-page div::-webkit-scrollbar-track {
	background-color: transparent;
}

#searchUnifyChat .logo-bot {
	vertical-align: middle;
	margin-bottom: 3px;
	width: 36px;
	height: 32px;
}

#searchUnifyChat .startChat {
	background-image: url("https://grazitti.searchunify.com/dev//resources/Assets/closeChat.svg");
	padding: 14px 18px;
	background-repeat: no-repeat;
	margin: 5px 2px;
}


/* #searchUnifyChat .third-section{
    height: 60px;
} */

#searchUnifyChat .type-area>path {
	fill: #999c9e;
}

#searchUnifyChat .close-bot-icon {
	width: 24px;
	height: 24px;
	float: right;
	margin-top: 12px;
}

#searchUnifyChat .chat-section::-webkit-scrollbar {
	width: 0px;
	height: 0px;
	background-color: transparent;
}

#searchUnifyChat .chat-section::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
	background-color: transparent;
	;
}

#searchUnifyChat .chat-section::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: transparent;
}

#searchUnifyChat .chat-section {
	scrollbar-width: thin;
	scrollbar-color: #497dbd transparent
}

#searchUnifyChat .chatbot-response-disable {
	outline: 0;
	/*background-image: linear-gradient(to left, #55c7ff, #7886f7);*/
	color: rgb(110, 153, 250) !important;
	border: 1px solid rgb(110, 153, 250);
	background-repeat: no-repeat;
	box-shadow: 1px -1px 10px 1px rgba(0, 0, 0, 0.04);
	max-height: 85px;
	display: inline-block;
	border-radius: 20px;
	/* font-size: 14px; */
	padding: 0 14px;
	margin: 0px 10px 10px 0px;
	min-height: 30px;
	cursor: not-allowed;
	font: normal normal normal 13px/19px Montserrat;
}

#searchUnifyChat .chat-leaving {
	-webkit-transform: scale(.6);
	-webkit-transform: scale(.6);
	transform: scale(.4);
	opacity: 0;
}

#searchUnifyChat .chat-enter-to,
#searchUnifyChat .chat-leave-to {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#searchUnifyChat .top-border {
	border-top: 1px solid #EAEEF3 !important;
}

#searchUnifyChat .chatbot-text {
	display: contents !important;
	cursor: pointer !important;
	font: normal normal 400 14px/19px Montserrat !important;
	color: rgb(110, 153, 250) !important;
}

#searchUnifyChat .chatbot-links,
#searchUnifyChat .chatbot-links:hover {
	width: 100%;
	cursor: default;
	text-decoration: none;
	padding: 5px 14px 5px;
	/* background-color: #e9eef4; */
	background-color: #fff;
	border: 1px solid #EAEEF3;
	margin: 0px 10px 10px 0px;
	border-radius: 2px;
	color: rgb(110, 153, 250);
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: table;
	line-height: 22px;
	max-height: 54px;
	min-height: 30px;
	border-top: none;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font: normal normal normal 12px/19px Montserrat;
}

#searchUnifyChat .chatbot-links:hover {
	/* text-decoration: underline;
  -ms-text-underline-position: under;
  text-underline-position: under; */
	opacity: 0.73;
}


/* Disguise Loading new css added */

#searchUnifyChat .load-section {
	background-color: #f7f9fb;
	box-shadow: 0 3px 6px #0000000d;
}

#searchUnifyChat .load-section .logo-bot {
	display: inline-block;
	background-color: #e9eef4;
	border-radius: 4px;
}

#searchUnifyChat .load-section .loading-chat {
	color: rgb(131, 51, 51);
	width: 250px;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-top: 8px;
	height: 20px;
	left: 10px;
	border-radius: 10px;
	animation-duration: 3s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: Gradient;
	animation-timing-function: ease;
	background: linear-gradient(90deg, #f1f7f8 20%, #dfe7ec 50%, #eee 80%);
	background-size: 500px 100px;
}

#searchUnifyChat .loading div.party {
	border-radius: 20px;
	padding: 9px 20px;
	width: 250px;
	background: linear-gradient(90deg, #f1f7f8 20%, #dfe7ec 50%, #eee 80%);
	animation: Gradient 3s ease infinite;
	background-size: 500px 100px;
}

#searchUnifyChat .loading .load-msg .left-chat:nth-child(2) .party {
	width: 125px
}

#searchUnifyChat .loading div.party:nth-child(3) {
	width: 80px
}

#searchUnifyChat .loading div.party:nth-child(4) {
	width: 150px
}

#searchUnifyChat .loading .right-chat .response {
	background: linear-gradient(90deg, #f1f7f8 20%, #dfe7ec 50%, #eee 80%);
	animation: Gradient 3s ease infinite;
	background-size: 500px 100px;
	width: 150px;
	border-radius: 20px;
	padding: 8px;
	margin: 0px;
}

#searchUnifyChat .loading .load-msg {
	margin: 27px 0px;
}

#searchUnifyChat .loading .right-chat:nth-child(2) .response {
	width: 70px;
}

#searchUnifyChat .loading .left-chat,
#searchUnifyChat .contact-form-page div .loading .right-chat {
	margin: 10px 40px;
}

#searchUnifyChat .textLoad {
	background-color: #f7f9fb;
}

iframe#launcher {
	display: none;
}

#searchUnifyChat div.hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #eee;
	text-align: center !important;
	padding: 1% 5%;
    margin: 1%;
}

#searchUnifyChat .hr-title {
	background-color: #fff;
	font: normal normal normal 12px/19px Montserrat;
}

#searchUnifyChat .party {
	background-color: rgb(222, 222, 223);
	color: rgb(23, 25, 25);
	font-size: 14px !important;
}


/* =======================END AGENT CHAT CONFIRM DIALOG====================== */


/* Float cancel and end buttons */

#searchUnifyChat .endAgentChatDialogCancelbtn,
#searchUnifyChat .endAgentChatDialogEndbtn {
	margin: 1%;
	border: none;
	cursor: pointer;
}


/* Add a color to the cancel button */

#searchUnifyChat .endAgentChatDialogCancelbtn {
	color: #3d78ff;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #D4D4D4;
	border-radius: 4px;
	width: 75px;
	height: 28px;
}


/*.endAgentChatDialogCancelbtn:hover {
  background-color: #000;
  color: #fff;
}*/


/* Add a color to the end button */

#searchUnifyChat .endAgentChatDialogEndbtn {
	color: #fff;
	background: #3D78FF 0% 0% no-repeat padding-box;
	border-radius: 4px;
	width: 75px;
	height: 28px;
}


/*.endAgentChatDialogEndbtn:hover {
  background-color: #fff;
  color: #f44336;
  outline: 1px solid #f44336;
}*/

#searchUnifyChat #endAgentChatDialog {
	display: none;
	/* Hidden by default */
	position: absolute;
	/* Stay in place */
	z-index: 999;
	/* Sit on top */
	top: 0%;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	padding-top: 40%;
	background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
	/* opacity: 0.9; */
}

#searchUnifyChat .endAgentChatDialogContainer {
	margin: auto;
	/* 5% from the top, 15% from the bottom and centered */
	border: 1px solid #888;
	width: 85%;
	/* Could be more or less, depending on screen size */
	padding: 16px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
	border-radius: 12px;
	letter-spacing: 0px;
	color: #2D2D2D !important;
	text-align: center !important;
}

#searchUnifyChat .endAgentChatDialogContainer>p {
	color: #4d4d4d;
	/* font: normal normal normal 14px/19px Roboto; */
}

#searchUnifyChat .endAgentChatDialogClearfix {
	text-align: center !important;
}

#searchUnifyChat .endAgentChatDialogClearfix::after {
	content: "";
	clear: both;
	display: table;
}


/* Change styles for button on extra small screens */

@media screen and (max-width: 300px) {
	.endAgentChatDialogCancelbtn,
	.endAgentChatDialogEndbtn {
		width: 100%;
	}
}


/* =======================END AGENT CHAT CONFIRM DIALOG====================== */

#searchUnifyChat .waitingLabel {
	position: fixed;
	padding: 12px;
	right: 22px;
	bottom: 105px;
	text-align: center;
	opacity: 1;
	z-index: 100;
	background: linear-gradient(to left, #55C7FF, #7886f7);
	border-radius: 25px;
	background-repeat: no-repeat;
	display: none;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: fit-content;
	color: #fff;
}

#searchUnifyChat .design-box {
	margin-top: 2% !important;
	width: 0.6rem;
	height: 0.6rem !important;
	border-radius: 0 !important;
	background: rgb(164, 192, 255) 0% 0% no-repeat padding-box;
	margin-right: 3%;
}

#searchUnifyChat .chatbot-links {
	font: normal normal 500 12px/19px Montserrat;
	margin-bottom: 0 !important;
}

#searchUnifyChat .chat div .party {
	/* background: #EAEEF3 0% 0% no-repeat padding-box !important; */
	border-radius: 4px !important;
	font: normal normal normal 14px/19px Montserrat !important;
}

#searchUnifyChat .chat-section ul li {
	margin-bottom: 10px;
}

#searchUnifyChat .chatbot-links-youtube {
	max-height: fit-content;
	width: 66% !important;
	margin-left: 9%;
	border-radius: 4px;
	margin-top: 2%;
}

#searchUnifyChat .margin-0 {
	margin: 0 !important;
}

#searchUnifyChat .party p {
	margin: 0;
}


/* #searchUnifyChat .loading-img {
    display: grid;
    width: 100%;
} */

#searchUnifyChat .loading-img .bot-typing {
	font: normal normal normal 12px/19px Montserrat;
	color: #6e99fa;
	padding-left: 5%;
}

.flatpickr-calendar {
	background: transparent;
	opacity: 0;
	display: none;
	text-align: center;
	visibility: hidden;
	padding: 0;
	-webkit-animation: none;
	animation: none;
	direction: ltr;
	border: 0;
	font-size: 14px;
	line-height: 24px;
	border-radius: 5px;
	position: absolute;
	width: 307.875px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	background: #fff;
	-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
	box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
	opacity: 1;
	max-height: 640px;
	visibility: visible
}

.flatpickr-calendar.open {
	display: inline-block;
	z-index: 99999
}

.flatpickr-calendar.animate.open {
	-webkit-animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
	animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
	display: block;
	position: relative;
	top: 2px
}

.flatpickr-calendar.static {
	position: absolute;
	top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
	z-index: 999;
	display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
	-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
	box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
	border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
	height: 40px;
	border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
	height: auto
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
	position: absolute;
	display: block;
	pointer-events: none;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	left: 22px
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
	left: auto;
	right: 22px
}

.flatpickr-calendar:before {
	border-width: 5px;
	margin: 0 -5px
}

.flatpickr-calendar:after {
	border-width: 4px;
	margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
	bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
	border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
	border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
	top: 100%
}

.flatpickr-calendar.arrowBottom:before {
	border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
	border-top-color: #fff
}

.flatpickr-calendar:focus {
	outline: 0
}

.flatpickr-wrapper {
	position: relative;
	display: inline-block
}

.flatpickr-months {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flatpickr-months .flatpickr-month {
	background: transparent;
	color: rgba(0, 0, 0, 0.9);
	fill: rgba(0, 0, 0, 0.9);
	height: 34px;
	line-height: 1;
	text-align: center;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	height: 34px;
	padding: 10px;
	z-index: 3;
	color: rgba(0, 0, 0, 0.9);
	fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
	display: none
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
	position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
	/*
      /*rtl:begin:ignore*/
	left: 0;
	/*
      /*rtl:end:ignore*/
}


/*
      /*rtl:begin:ignore*/


/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
	/*
      /*rtl:begin:ignore*/
	right: 0;
	/*
      /*rtl:end:ignore*/
}


/*
      /*rtl:begin:ignore*/


/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
	color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
	width: 14px;
	height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
	-webkit-transition: fill .1s;
	transition: fill .1s;
	fill: inherit
}

.numInputWrapper {
	position: relative;
	height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
	display: inline-block
}

.numInputWrapper input {
	width: 100%;
}

.numInputWrapper input::-ms-clear {
	display: none
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none
}

.numInputWrapper span {
	position: absolute;
	right: 0;
	width: 14px;
	padding: 0 4px 0 2px;
	height: 50%;
	line-height: 50%;
	opacity: 0;
	cursor: pointer;
	border: 1px solid rgba(57, 57, 57, 0.15);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.numInputWrapper span:hover {
	background: rgba(0, 0, 0, 0.1)
}

.numInputWrapper span:active {
	background: rgba(0, 0, 0, 0.2)
}

.numInputWrapper span:after {
	display: block;
	content: "";
	position: absolute
}

.numInputWrapper span.arrowUp {
	top: 0;
	border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid rgba(57, 57, 57, 0.6);
	top: 26%
}

.numInputWrapper span.arrowDown {
	top: 50%;
}

.numInputWrapper span.arrowDown:after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid rgba(57, 57, 57, 0.6);
	top: 40%
}

.numInputWrapper span svg {
	width: inherit;
	height: auto;
}

.numInputWrapper span svg path {
	fill: rgba(0, 0, 0, 0.5)
}

.numInputWrapper:hover {
	background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
	opacity: 1
}

.flatpickr-current-month {
	font-size: 135%;
	line-height: inherit;
	font-weight: 300;
	color: inherit;
	position: absolute;
	width: 75%;
	left: 12.5%;
	padding: 7.48px 0 0 0;
	line-height: 1;
	height: 34px;
	display: inline-block;
	text-align: center;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
	font-family: inherit;
	font-weight: 700;
	color: inherit;
	display: inline-block;
	margin-left: .5ch;
	padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
	background: rgba(0, 0, 0, 0.05)
}

.flatpickr-current-month .numInputWrapper {
	width: 6ch;
	width: 7ch\0;
	display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
	border-bottom-color: rgba(0, 0, 0, 0.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
	border-top-color: rgba(0, 0, 0, 0.9)
}

.flatpickr-current-month input.cur-year {
	background: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	cursor: text;
	padding: 0 0 0 .5ch;
	margin: 0;
	display: inline-block;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	line-height: inherit;
	height: auto;
	border: 0;
	border-radius: 0;
	vertical-align: initial;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
	font: normal normal normal 12px/19px Montserrat;
}

.flatpickr-current-month input.cur-year:focus {
	outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
	font-size: 100%;
	color: rgba(0, 0, 0, 0.5);
	background: transparent;
	pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	appearance: menulist;
	background: transparent;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	font-size: inherit;
	font-family: inherit;
	font-weight: 300;
	height: auto;
	line-height: inherit;
	margin: -1px 3% 0 0;
	outline: none;
	padding: 0 0 0 .5ch;
	position: relative;
	vertical-align: initial;
	-webkit-box-sizing: border-box;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	width: 30%;
	left: -10%;
	font: normal normal normal 12px/19px Montserrat;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
	outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
	background: rgba(0, 0, 0, 0.05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	background-color: transparent;
	outline: none;
	padding: 0
}

.flatpickr-weekdays {
	background: transparent;
	text-align: center;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

span.flatpickr-weekday {
	cursor: default;
	font-size: 90%;
	background: transparent;
	color: rgba(0, 0, 0, 0.54);
	line-height: 1;
	margin: 0;
	text-align: center;
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font: normal normal normal 12px/19px Montserrat;
	font-weight: 600;
}

.dayContainer,
.flatpickr-weeks {
	padding: 1px 0 0 0
}

.flatpickr-days {
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 307.875px;
}

.flatpickr-days:focus {
	outline: 0
}

.dayContainer {
	padding: 0;
	outline: 0;
	text-align: left;
	width: 307.875px;
	min-width: 307.875px;
	max-width: 307.875px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.dayContainer+.dayContainer {
	-webkit-box-shadow: -1px 0 0 #e6e6e6;
	box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
	padding-top: 1%;
	/* border: 1px solid transparent; */
	border-radius: 150px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #393939;
	cursor: pointer;
	font-weight: 400;
	width: 14.2857143%;
	-webkit-flex-basis: 14.2857143%;
	-ms-flex-preferred-size: 14.2857143%;
	flex-basis: 14.2857143%;
	max-width: 39px;
	height: 25px;
	line-height: 39px;
	margin: 0 11px;
	display: inline-block;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font: normal normal normal 12px/19px Montserrat;
	padding-bottom: 5%;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
	cursor: pointer;
	outline: 0;
	background: #e6e6e6;
	border-color: #e6e6e6;
	border-radius: 4px;
}

.flatpickr-day.today {
	/* border-color: #959ea9; */
	background-color: rgb(110, 153, 250);
	color: rgb(255, 255, 255);
	border-radius: 4px;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
	opacity: 0.73;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
	background: #569ff7;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border-color: #569ff7
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
	border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
	border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
	-webkit-box-shadow: -10px 0 0 #569ff7;
	box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
	border-radius: 50px
}

.flatpickr-day.inRange {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
	box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
	color: rgba(57, 57, 57, 0.3);
	background: transparent;
	border-color: transparent;
	cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
	cursor: not-allowed;
	color: rgba(57, 57, 57, 0.1)
}

.flatpickr-day.week.selected {
	border-radius: 0;
	-webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
	box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-day.hidden {
	visibility: hidden
}

.rangeMode .flatpickr-day {
	margin-top: 1px
}

.flatpickr-weekwrapper {
	float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
	padding: 0 12px;
	-webkit-box-shadow: 1px 0 0 #e6e6e6;
	box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
	float: none;
	width: 100%;
	line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
	display: block;
	width: 100%;
	max-width: none;
	color: rgba(57, 57, 57, 0.3);
	background: transparent;
	cursor: default;
	border: none
}

.flatpickr-innerContainer {
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.flatpickr-rContainer {
	display: inline-block;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.flatpickr-time {
	text-align: center;
	outline: 0;
	display: block;
	height: 0;
	line-height: 40px;
	max-height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flatpickr-time:after {
	content: "";
	display: table;
	clear: both
}

.flatpickr-time .numInputWrapper {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 40%;
	height: 40px;
	float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
	border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
	border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
	width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
	width: 49%
}

.flatpickr-time input {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	height: inherit;
	line-height: inherit;
	color: #393939;
	font-size: 14px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
	font-weight: bold
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
	font-weight: 400
}

.flatpickr-time input:focus {
	outline: 0;
	border: 0
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
	height: inherit;
	float: left;
	line-height: inherit;
	color: #393939;
	font-weight: bold;
	width: 2%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center
}

.flatpickr-time .flatpickr-am-pm {
	outline: 0;
	width: 18%;
	cursor: pointer;
	text-align: center;
	font-weight: 400
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
	background: #eee
}

.flatpickr-input[readonly] {
	cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fpFadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.datepicker {
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	direction: ltr;
}

.datepicker-inline {
	width: 220px;
}

.datepicker.datepicker-rtl {
	direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
	float: right;
}

.datepicker-dropdown {
	top: 0;
	left: 0;
}

.datepicker-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #999999;
	border-top: 0;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
}

.datepicker-dropdown:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-top: 0;
	position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
	left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
	left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
	right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
	right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
	top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
	top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid #999999;
}

.datepicker-dropdown.datepicker-orient-top:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #ffffff;
}

.datepicker>div {
	display: none;
}

.datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.datepicker td,
.datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
	background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
	background: #eeeeee;
	cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
	color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datepicker table tr td.highlighted {
	background: #d9edf7;
	border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
	background-color: #fde19a;
	background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
	background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
	background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
	background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
	color: #000;
}

.datepicker table tr td.today.active:hover {
	color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
	background: #eeeeee;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
	background-color: #f3d17a;
	background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
	background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
	border-color: #f3e97a #f3e97a #edde34;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
	background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
	background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
	background-color: #9e9e9e;
	background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
	background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
	background-image: linear-gradient(to bottom, #b3b3b3, #808080);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
	border-color: #808080 #808080 #595959;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
	background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
	background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
	background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
	background-color: #003399 \9;
}

.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datepicker table tr td span:hover {
	background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
	background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
	background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
	color: #999999;
}

.datepicker .datepicker-switch {
	width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
	cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
	background: #eeeeee;
}

.datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
	cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
	margin-top: 3px;
}

.input-daterange input {
	text-align: center;
}

.input-daterange input:first-child {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
	display: inline-block;
	width: auto;
	min-width: 16px;
	height: 18px;
	padding: 4px 5px;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
	vertical-align: middle;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	margin-left: -5px;
	margin-right: -5px;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	/* font-size: 14px; */
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	font: normal normal normal 12px/19px Montserrat;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

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

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #337ab7;
	outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
	color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
	display: block
}


/* 
.open>a {
	outline: 0
} */

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

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

.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #777;
	white-space: nowrap
}

.dropdown-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 990
}

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

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
	content: "";
	border-top: 0;
	border-bottom: 4px dashed;
	border-bottom: 4px solid\9
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px
}

#searchUnifyChat .option-img{
	margin-top: 13px;
  }
@media (min-width:768px) {
	.navbar-right .dropdown-menu {
		right: 0;
		left: auto
	}
	.navbar-right .dropdown-menu-left {
		right: auto;
		left: 0
	}
}

#searchUnifyChat .loading-img {
    width:35%;
}

#searchUnifyChat .typing-indicator {
    background-color: rgb(222, 222, 223);
    border-radius: 50px !important;
    padding: 7%;
    left: 12%;
    margin: 10px auto;
    position: relative;
    animation: 2s bulge infinite ease-out;
  }
#searchUnifyChat .typing-indicator::before, .typing-indicator::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: rgb(222, 222, 223);
  }
  #searchUnifyChat .typing-indicator::after {
    height: 8px;
    width: 8px;
    left: -8px;
    bottom: -7px;
  }
  #searchUnifyChat .typing-indicator span {
    height: 10px;
    width: 10px;
    float: left;
    margin: 0 1px;
    background-color: #9E9EA1;
    display: block;
    border-radius: 50%;
    opacity: 0.4;
  }
  #searchUnifyChat .typing-indicator span:nth-of-type(1) {
    animation: 1s blink infinite 0.3333s;
  }
  #searchUnifyChat .typing-indicator span:nth-of-type(2) {
    animation: 1s blink infinite 0.6666s;
  }
  #searchUnifyChat .typing-indicator span:nth-of-type(3) {
    animation: 1s blink infinite 0.9999s;
  }
  @keyframes blink {
    50% {
      opacity: 1;
    }
  }
  @keyframes bulge {
    50% {
      transform: scale(1.05);
    }
  }
#searchUnifyChat .contact-form-page #admin-chatbot-footer .third-section{padding-top: 10px !important;}
#searchUnifyChat .bot-message-feedback{display: inline-block;cursor: pointer;position: relative;left: 25px;}
#searchUnifyChat #notLoading .bot-close{display: block !important;margin-left: 0px !important;right: 18px;position: relative;cursor: pointer;width: 24px;height: 24px;float: right;margin-top: 12px;  }
#searchUnifyChat .bot-bottom-img{padding-right: 5px;}
#searchUnifyChat .chatbot-response-disable{background: #7290F8 !important;color: #fff !important;border-radius: 5px !important;border: none !important;font-size: 12px;font-weight: 500;}
#searchUnifyChat .right-chat .response{border-radius: 8px;font-size: 14px;margin: 8px 0px;}
#searchUnifyChat .contact-form-page .button-msg{margin: 10px 0px;width: 90%;}
#searchUnifyChat .chatbot-heading,#searchUnifyChat .chat div .party{color: #354D71 !important;width: 80%;display: inline;}
#searchUnifyChat .chat div .party{background: none !important;padding: 0px !important;margin: 10px 0px 5px !important;}
#searchUnifyChat .chat div .party p {font-size: 14px;line-height: 18px;}
#searchUnifyChat .design-box{border-radius: 50% !important;background: #9eccfb !important;}
#searchUnifyChat .chatbot-links:hover{opacity: 1;}
#searchUnifyChat .chatbot-links:hover .chatbot-text{text-decoration: underline;}
#searchUnifyChat .chatbot-text{font-weight: 500 !important;}
#searchUnifyChat .text-bar input{height: 40px;padding: 10px;border: 1px solid #E0E1E4;border-radius: 5px;width: calc(100% - 29px);margin: 0px 15px;}
#searchUnifyChat .text-bar input::placeholder{color: #80899D;}
#searchUnifyChat .contact-form-page div::-webkit-scrollbar-thumb{background-color: #D4DEEB;border-radius: 3px;}
#searchUnifyChat .contact-form-page div::-webkit-scrollbar{width: 5px;}
#searchUnifyChat .third-section>div>a,#searchUnifyChat .left-img,
#searchUnifyChat #admin-chatbot-hide-start-over,#searchUnifyChat #notLoading .close-bot-icon{display: none !important;}
#searchUnifyChat .show-profile{border: 2px solid #DAE4EF !important;box-shadow: 0 0 20px rgb(123 163 255 / 32%) !important;border-radius: 27px;bottom: 15px;z-index: 1010 !important;}
#searchUnifyChat .first-section{background-color: #F5F8FC !important;}
#searchUnifyChat div.left-chat,#searchUnifyChat .contact-form-page .col-md-12,#searchUnifyChat .contact-form-page .row{margin: 0px !important;padding: 0px !important;}
#admin-chatbot-start-msg{margin: 0 15px;border-radius: 5px;}
#searchUnifyChat .heading-chat{color: #000 !important;font-size: 18px;}
#searchUnifyChat .chatbot-button-response{background: #FFFFFF !important;color: #192332 !important;border: 1px solid #B3BDF9;border-radius: 4px;font-size: 14px;font-weight: 500;padding: 0 10px;}
#searchUnifyChat .chatbot-button-response:hover,#searchUnifyChat .chatbot-button-response:focus{background: #7290F8 !important;text-decoration: none;color: #fff !important;border: 1px solid transparent;}
#searchUnifyChat #notLoading p{margin-top: 6px !important;}
#searchUnifyChat #admin-chatbot-start-msg h5{margin-bottom: 0px;font-weight: 600;}
#searchUnifyChat div .chatting{position: relative;bottom: 44px;}
#searchUnifyChat .contact-form-page #admin-chatbot-header,
#searchUnifyChat .contact-form-page #admin-chatbot-inner-chat .chat-section,
#searchUnifyChat .contact-form-page #admin-chatbot-footer{background: #F5F8FC !important;}
#searchUnifyChat  .bot-bottom-info{background-color: #D9E4FC;height: 40px;position: relative;bottom: 8px;padding: 8px 20px;}
#searchUnifyChat  .bot-bottom-info > a{padding: 0px 10px;font-weight: 500;color: #425E79;  }
#searchUnifyChat .chat-section ul li{margin: 0px;}
#searchUnifyChat .contact-form-page #admin-chatbot-header{border-bottom: 2px solid #DAE4EF;}
#searchUnifyChat .user-heading{padding: 15px 15px 0px !important;color: #354D71 !important;background: #9DCDFF;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-left-radius: 0px !important;border-bottom-right-radius: 0px !important;    }
#searchUnifyChat .bot-bottom-info a:hover, #searchUnifyChat .bot-bottom-info a:focus{color: #425E79;}
#searchUnifyChat .contact-form-page div .right-chat{margin: 0px;}
#searchUnifyChat .contact-form-page .button-msg{margin: 5px 0px !important;}
#searchUnifyChat .user-heading + div{background: #9DCDFF;padding: 0px 15px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
#searchUnifyChat .user-heading + div + div{background: #9DCDFF;padding: 0px 15px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
#searchUnifyChat .contact-form-page .margin-0 .button-msg {margin: 0px !important;}
#searchUnifyChat .contact-form-page #admin-chatbot-footer .textLoad,
#searchUnifyChat .textLoad{padding-top: 0px !important;}
.main-panel[data-background-color='black'] #searchUnifyChat .show-profile{border-color: #3F50DE !important;box-shadow: 0 0 20px rgb(4 3 9/ 32%) !important;}
.main-panel[data-background-color='black'] #searchUnifyChat .contact-form-page #admin-chatbot-header, 
.main-panel[data-background-color='black'] #searchUnifyChat .contact-form-page #admin-chatbot-inner-chat .chat-section, 
.main-panel[data-background-color='black'] .main-panel[data-background-color='black'] #searchUnifyChat .contact-form-page #admin-chatbot-footer,
.main-panel[data-background-color='black'] #searchUnifyChat .contact-form-page #admin-chatbot-footer .third-section,
.main-panel[data-background-color='black'] #searchUnifyChat .first-section,
.main-panel[data-background-color='black'] #searchUnifyChat .contact-form-page #admin-chatbot-footer{background: #15152D !important;}
.main-panel[data-background-color='black'] #searchUnifyChat .heading-chat,
.main-panel[data-background-color='black'] #searchUnifyChat .chat div .party,
.main-panel[data-background-color='black'] #searchUnifyChat .bot-bottom-info > a {color: #fff !important;}
.main-panel[data-background-color='black'] #searchUnifyChat .user-heading{background: #1F233E;color: #fff !important;}
.main-panel[data-background-color='black'] #searchUnifyChat .user-heading + div,
.main-panel[data-background-color='black'] #searchUnifyChat .user-heading + div + div,
.main-panel[data-background-color='black'] #searchUnifyChat .bot-bottom-info{background: #1F233E;}
.main-panel[data-background-color='black'] #searchUnifyChat .contact-form-page #admin-chatbot-header{border-color: #1F233E;}
.main-panel[data-background-color='black'] #searchUnifyChat .text-bar input{background: #1F233E !important;border-color: #25294a;}
.main-panel[data-background-color='black'] #searchUnifyChat .chatbot-links, 
.main-panel[data-background-color='black'] #searchUnifyChat .chatbot-links:hover{background-color: #1F233E;border-color: #3b3f58;}
.main-panel[data-background-color='black'] #searchUnifyChat .top-border{border-top: 1px solid #1f233e !important;}
.main-panel[data-background-color='black'] #searchUnifyChat #searchUnifyChat .contact-form-page div::-webkit-scrollbar-thumb{background-color: #1f233e;}