.chat{
	background: #f5f5f5;
	width: 100%;
	min-height: 100%;
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.chat > div{
	float: left;
	border-left: 1px solid #e9ebed;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow: auto;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	height: 100vh;
	-webkit-box-flex: 0;
}
.chat > div:first-child{
	border-left: 0;
}
.chat .chat-menu{
	position: relative;
	-ms-flex: 0 0 15.3854167%;
	flex: 0 0 15.3854167%;
	max-width: 15.3854167%;
	background: #fff;
}
.chat .chat-list{
	-ms-flex: 0 0 19.833333333333336%;
	flex: 0 0 19.833333333333336%;
	max-width: 19.833333333333336%;
	background: #f7f8fd;
}
.chat .chat-box{
	-ms-flex: 0 0 calc(43.1875% - 68px);
	flex: 0 0 calc(43.1875% - 68px);
	max-width: calc(43.1875% - 68px);
	background: #f1f1f1;
}
.chat .chat-sidebox{
	-ms-flex: 0 0 18.59375%;
	flex: 0 0 18.59375%;
	max-width: 18.59375%;
	background: #fff;
}
.chat .chat-widgets{
	-ms-flex: 0 0 3%;
	flex: 0 0 3%;
	max-width: 3%;
	background: #fff;
}
.chat .chat-charts,
.chat .chat-settings,
.chat .chat-helpdesk,
.chat .chat-changelog{
	-ms-flex: 0 0 calc(84.6145833% - 68px);
	flex: 0 0 calc(84.6145833% - 68px);
	max-width: calc(84.6145833% - 68px);
	background: #f7f8fd;
	padding: 15px 10px;
}
.chat.chat-guide-full .chat-menu{
	display: none;
}
.chat.chat-guide-full .chat-charts{
	flex: 0 0 calc(100% - 68px);
	max-width: calc(100% - 68px);
}
.chat .chat-helpdesk .chat-helpdesk-title{
	padding: 3px 0px;
	font-size: 17px;
	margin-bottom: 15px;
}
.chat .chat-settings,
.chat .chat-helpdesk{
	background: #fff;
}
.chat .chat-helpdesk-article-content{
	-ms-flex: 0 0 calc(65.1041667% - 68px);
	flex: 0 0 calc(65.1041667% - 68px);
	max-width: calc(65.1041667% - 68px);
	background: #fff;
	overflow-x: auto;
	height: 100vh;
    padding: 15px 25px 0 25px;
    background-color: #fff;
}
.chat .chat-helpdesk-article-side{
	-ms-flex: 0 0 19.5104166%;
	flex: 0 0 19.5104166%;
	max-width: 19.5104166%;
	background: #fff;
	padding: 20px 15px;
	position: relative;
}
.chat .chat-settings.billing-block,
.chat .chat-settings.account-block{
	padding: 15px 0;
}
.chat .chat-settings.billing-block .cs-block-title,
.chat .chat-settings.account-block .cs-block-title{
	padding-left: 30px;
	padding-right: 30px;
}
.chat .chat-settings.billing-block .card-block,
.chat .chat-settings.account-block .card-block{
	padding: 0;
}
.chat .chat-settings.billing-block .card-block .tab-content{
	padding: 15px 30px;
}
.chat .chat-apps-list{
	-ms-flex: 0 0 19.833333333333336%;
	flex: 0 0 19.833333333333336%;
	max-width: 19.833333333333336%;
	background: #fff;
}
.chat .chat-apps-list.not-found{
	text-align: center;
    line-height: 100vh;
}
.chat .chat-apps-details{
	-ms-flex: 0 0 calc(64.78125% - 68px);
	flex: 0 0 calc(64.78125% - 68px);
	max-width: calc(64.78125% - 68px);
	background: #fff;
}
.chat .chat-apps-details-full{
	-ms-flex: 0 0 calc(84.6145833% - 68px);
	flex: 0 0 calc(84.6145833% - 68px);
	max-width: calc(84.6145833% - 68px);
	background: #fff;
}
.chat .chat-widgets ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 100%;
}
.chat .chat-widgets ul li{
	position: relative;
	float: left;
	width: 100%;
	height: 44px;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
}
.chat .chat-widgets ul li div{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #e4e4e4;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	padding: 4px;
	border: 1px solid #e4e4e4;
}
.chat .chat-widgets ul li div:hover,
.chat .chat-widgets ul li.chat-widget-active div {
	cursor: pointer;
	transition: .3s;
	background: #fff;
    border: 1px solid #6c757c;
}
.chat .chat-widgets ul li div i{
	color: #f11359;
	font-size: 17px;
	line-height: 18px;
}
.chat .chat-widgets ul li:last-child div{
	background: none;
}
.chat .chat-widgets ul li:last-child div:hover{
	box-shadow: none;
}
.chat .chat-widgets ul li:last-child div i{
	color: #666;
}
.chat .chat-widgets ul li div img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.chat.chat-subscription .chat-menu{
	display: none;
}
.chat.chat-subscription .chat-settings{
	-ms-flex: 0 0 calc(100% - 68px);
	flex: 0 0 calc(100% - 68px);
	max-width: calc(100% - 68px);
}
.chat.chat-full .chat-sidebox,
.chat.chat-full-hide .chat-sidebox,
.chat.chat-full-hide .chat-widgets{
	display: none;
}
.chat .chat-list ul{
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
.chat .chat-list ul li{
	padding: 0;
	transition: .3s;
}
.chat .chat-list ul li:hover,
.chat .chat-list ul li.active{
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
}
.chat .chat-list ul li.unread .chat-list-box .chat-list-box-unread{
	display: inline-block;
}
.chat .chat-list ul li{
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 18px;
	cursor: pointer;
}
.chat .chat-list ul li > img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	margin-right: 14px;
}
.chat .chat-list ul li .chat-list-box{
	position: relative;
}
.chat .chat-list ul li .chat-list-box .chat-list-box-name{
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top: 3px;
}
.chat .chat-list ul li .chat-list-box .chat-list-box-name img{
	width: 18px;
	height: 18px;
	border-radius: 50%;
	margin-top: 1px;
	margin-right: 10px;
	float: left;
}
.chat .chat-list ul li .chat-list-box .chat-list-box-name .fa-chevron-right{
	margin-right: 5px;
}
.chat .chat-list ul li .chat-list-box .chat-list-box-text{
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.5);
	word-wrap: break-word;
	overflow: hidden;
	max-height: 3.34em;
	text-overflow: ellipsis;
	/*display: -webkit-box;*/
	/*-webkit-line-clamp: 2;*/
	/*-webkit-box-orient: vertical;*/
	margin-top: 10px;
}
.chat .chat-list ul li .chat-list-box .chat-list-box-text img{
	width: 16px;
	height: 16px;
	margin-top: 2px;
	border-radius: 2px;
	margin-right: 2px;
	float: left;
	/*display: inline-flex;*/
}
.chat .chat-list ul li .chat-list-box .chat-list-box-text i{
	margin-right: 5px;
}
.chat .chat-list ul li .chat-list-box .chat-list-box-details{
	float: right;
	margin-top: 7px;
}
.chat .chat-list ul li .chat-list-box .chat-list-box-details time{
	opacity: 0.4;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	color: #000000;
	float: right;
	margin-left: 8px;
}
.chat .chat-list ul li .chat-list-box .chat-list-box-details ul{
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	height: 13px;
	margin-top: 1px;
}
.chat .chat-list ul li .chat-list-box .chat-list-box-details ul li{
	width: 13px;
	height: 13px;
	opacity: 0.9;
	background-color: #ddd;
	border-radius: 50%;
	margin-top: 1px;
	padding: 0;
	margin: 0 0 0 3px;
	float: left;
	margin-right: -10px;
}
.chat .chat-list ul li .chat-list-box .chat-list-box-details ul li:last-child{
	margin-right: 0;
}
.chat .chat-list ul li:hover .chat-list-box-details ul li{
	margin-right: 0px;	
}
.chat .chat-list ul li .chat-list-box .chat-list-box-unread{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #f11259;
	display: inline-block;
	position: absolute;
	right: 0px;
	bottom: 8px;
	display: none;
}
.chat .chat-list ul li.chat-list-loader{
	cursor: default;
	pointer-events: none;
}
.chat .chat-list ul li.chat-list-loader .chat-list-box{
	margin-left: 44px;
}
.chat .chat-list ul li.chat-list-loader .chat-list-loader-image, 
.chat .chat-list ul li.chat-list-loader .chat-list-box .chat-list-box-name,
.chat .chat-list ul li.chat-list-loader .chat-list-box .chat-list-box-text{
	color: #f11259;
	background-color: #f11259;
	animation-name: message-animate;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, #ff6092), color-stop(18%, #f11259), color-stop(33%, #ff6092));
	background: -webkit-linear-gradient(left, #ff6092 8%, #f11259 18%, #ff6092 33%);
	background: linear-gradient(to right, #ff6092 8%, #f11259 18%, #ff6092 33%);
	-webkit-background-size: 800px 104px;
	border-radius: 15px;
	padding-left: 10px;
	opacity: .2;
}
@keyframes message-animate {
	0% {
		background-position: -468px 0
	}
	100% {
		background-position: 468px 0
	}
}
.chat .chat-list ul li.chat-list-loader .chat-list-loader-image{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	margin-right: 14px;
}


.chat-list-checkbox{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	margin-right: 14px;
	display: inline-block;
	position: relative;
	z-index: 100;
	display: none;
}
.chat-list-checkbox label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.chat-list-checkbox label:before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #e4e4e4;
	border-radius: 50%;
}
.chat-list-checkbox input[type=checkbox] {
	display: none !important;
}
.chat-list-checkbox input[type=checkbox]:checked+label:before {
	background-color: #007bff;
}
.chat-list-checkbox input[type=checkbox]:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	width: 10px;
	height: 10px;
	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");
}
.chat .chat-list ul li:hover > img,
.chat .chat-list ul li.checked > img{
	display: none;
}
.chat .chat-list ul li:hover > .chat-list-checkbox,
.chat .chat-list ul li.checked > .chat-list-checkbox{
	display: inline-block;
}

.chat.chat-full .chat-box{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(61.78125% - 68px);
	flex: 0 0 calc(61.78125% - 68px);
	max-width: calc(61.78125% - 68px);
}
.chat.chat-full-hide .chat-box{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(64.78125% - 68px);
	flex: 0 0 calc(64.78125% - 68px);
	max-width: calc(64.78125% - 68px);
}
.chat .chat-box .chat-box-header{
	background: #fff;
	height: 60px;
	padding-left: 22px;
	padding-right: 22px;
	border-bottom: 1px solid #dddddd;
}
.chat .chat-box .chat-box-header .chat-box-header-profile{
	width: 180px;
	float: left;
	display: inline-block;
	margin-top: 8px;
}
.chat .chat-box .chat-box-header .chat-box-header-profile .chat-box-header-profile-image{
	position: relative;
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
}
.chat .chat-box .chat-box-header .chat-box-header-profile .chat-box-header-profile-image img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.chat .chat-box .chat-box-header .chat-box-header-profile .chat-box-header-profile-image .chat-box-header-profile-status{
	position: absolute;
	bottom: -3px;
	right: 1px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #a9abae;
	border: 3px solid #fff;
	display: none;
}
.chat .chat-box .chat-box-header .chat-box-header-profile .chat-box-header-profile-image .chat-box-header-profile-status.chat-box-header-profile-status-active{
	background-color: #6dd400;
	display: inline-block;
}
.chat .chat-box .chat-box-header .chat-box-header-profile .chat-box-header-profile-image .chat-box-header-profile-status.chat-box-header-profile-status-away{
	background-color: #ffc107;
	display: inline-block;
}
.chat .chat-box .chat-box-header .chat-box-header-profile .chat-box-header-profile-name{
	font-size: 15px;
	color: #000;
	white-space: nowrap;
}
.chat .chat-box .chat-box-header .chat-box-header-profile .chat-box-header-profile-lastseen{
	font-size: 12px;
	color: #979797;
}
.chat .chat-box .chat-box-header > ul{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 60px;
}
.chat .chat-box .chat-box-header > ul > li{
	float: left;
	height: 60px;
	display: flex;
	justify-content: center;
	padding-left: 7px;
	padding-right: 7px;
}
.chat .chat-box .chat-box-header > ul > li:not(:first-child):hover i{
	color: #f11359;
	transition: .3s;
	cursor: pointer;
}
.chat .chat-box .chat-box-header > ul > li i,
.chat .chat-box .chat-box-header > ul > li button{
	align-self: center;
}
.chat .chat-box .chat-box-header > ul > li i{
	color: #a9abae;
	font-size: 15px;
}
.chat .chat-box .chat-box-header > ul > li i:hover{

}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-tools{
	position: relative;
	user-select: none;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-tools ul.dropdown-menu{
	border-radius: 6px;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
	padding: 0;
	width: 100%;
	margin-left: 4px;
	max-height: 230px;
	overflow-y: auto;
	right: 0;
	left: unset;
}
.con_header_assign_others {
	max-height: 200px;
	overflow-y: auto;
	padding: 0;
	min-width: 135px;
	border-left: 0;
	border-top: 0;
	background: #fff;
	margin-top: 1px;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-tools ul.dropdown-menu li{
	padding: 0;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-tools ul.dropdown-menu li a{
	padding: 11px 18px;
	font-size: 13px;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign{
	position: relative;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign div.dropdown-menu{
	border-radius: 6px;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
	padding: 0;
	width: 100%;
	margin-left: 4px;
	max-height: 230px;
	overflow-y: auto;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign div.dropdown-menu:before{
	content: '';
	height: 0;
	left: 10px;
	position: absolute;
	top: -10px;
	width: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e4e4e4;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign ul.dropdown-menu li{

}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign ul li a{
	position: relative;
	padding: 10px;
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign ul li a img{
	width: 22px;
	height: 22px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	margin-top: -2px;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign div.dropdown-menu li a div{
	position: absolute;
	right: 5px;
	top: 8px;
	font-size: 10px;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 19px;
	border-radius: 50%;
	background: #f11259;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign div.dropdown-menu li:first-child a:hover{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign div.dropdown-menu li:last-child a:hover{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign div.dropdown-menu .chat-box-header-assign-menu-left li:nth-child(2){
	position: relative;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign div.dropdown-menu .chat-box-header-assign-menu-right li:first-child{
	position: relative;
	border-bottom: 0;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign div.dropdown-menu li:first-child input{
	border: 0;
	width: 100%;
	padding-right: 30px;
	box-shadow: none;
}
.chat .chat-box .chat-box-header > ul > li.chat-box-header-assign div.dropdown-menu li:first-child i{
	position: absolute;
	top: 10px;
	right: 10px;
}
.chat .chat-box .chat-box-header > ul > li .chat-box-header-assign-button{
	border: 2px solid #e4e4e4;
	border-radius: 40px;
	font-weight: 500;
	outline: none;
	padding: 2px 5px;
	cursor: pointer;
	background: #fff;
}
.chat .chat-box .chat-box-header > ul > li .chat-box-header-assign-button:hover,
.chat .chat-box .chat-box-header > ul > li .chat-box-header-assign-button:focus{
	border: 2px solid #f11359;
	transition: .3s;
}
.chat .chat-box .chat-box-header > ul > li .chat-box-header-assign-button:hover i,
.chat .chat-box .chat-box-header > ul > li .chat-box-header-assign-button:focus i{
	color: #f11359;
	transition: .3s;
}
.chat .chat-box .chat-box-header > ul > li .chat-box-header-assign-button img{
	width: 22px;
	height: 22px;
	border-radius: 50%;
	margin-right: 5px;
}
.chat .chat-box .chat-box-header > ul > li .chat-box-header-assign-button i{
	margin-left: 5px;
	color: #a9abae;
	margin-right: 7px;
	font-size: 10px;
}
.chat .chat-box .chat-box-body{
	position: relative;
	overflow: auto;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
}
.chat .chat-box .chat-box-body .chat-box-scroll{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	/*overflow-y: auto;*/
	min-height: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	overflow-x: hidden;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input{
	margin: 0;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
	display: none;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs,
.expanded-email-box .con_tabs{
	border-bottom: 1px solid #f0f0f0;
	padding: 0 6px;
	position: relative;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs:after,
.expanded-email-box .con_tabs:after{
	content: "";
	display: table;
	clear: both;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_tab,
.expanded-email-box .con_tabs .con_tab{
	float: left;
	margin-bottom: -1px;
	padding: 8px;
	font-size: 13px;
	font-weight: 700;
	color: #a7bfcb;
	text-decoration: none;
	transition: border-color linear .2s;
	text-align: center;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_tab.con_selected,
.expanded-email-box .con_tabs .con_tab.con_selected{
	color: #007bff;
	pointer-events: none;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_tab.con_selected .fa-chevron-down{
	margin-top: 4px;
	transition: .1s;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .conversation-box-menu.open .con_selected .fa-chevron-down{
	transform: rotate(180deg);
	margin-top: 3px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .sk-spinner,
.expanded-email-box .con_tabs .sk-spinner{
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: none;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea,
.expanded-email-box .con_textarea{
	display: none;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea.con_active,
.expanded-email-box .con_textarea.con_active{
	display: block;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field,
.expanded-email-box .con_textarea .chat-box-new-field{
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-right: 8px;
	position: relative;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="from"],
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="from"]{
	margin-top: 6px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="from"],
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="to"],
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="cc"],
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="from"],
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="to"],
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="cc"]{
	margin-bottom: 3px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field span,
.expanded-email-box .con_textarea .chat-box-new-field span{
	float: left;
	padding: 0 0 0 15px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #77787a;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field select,
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field input,
.expanded-email-box .con_textarea .chat-box-new-field select,
.expanded-email-box .con_textarea .chat-box-new-field input{
	width: 100%;
	float: left;
	border: 0;
	box-shadow: none;
	display: inline-block;
	font-size: 14px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field select,
.expanded-email-box .con_textarea .chat-box-new-field select{
	margin-left: 12px;
	color: #000;
	width: initial;
    margin-top: 3px;
    background: #e5e5e5;
	height: 23px;
	border-radius: .25rem;
    outline: none;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field .chat-box-new-field-cc-open,
.expanded-email-box .con_textarea .chat-box-new-field .chat-box-new-field-cc-open{
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 13px;
	font-weight: 500;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="cc"],
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="cc"]{
	display: none;
	margin-bottom: 2px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="cc"] input,
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="cc"] input{
	color: #000;
	width: initial;
	margin-top: 3px;
	height: 23px;
	outline: none;
	border-radius: .25rem;
	padding: 2px 5px 2px 12px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="cc"] .chat-box-new-field-cc-emails,
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="cc"] .chat-box-new-field-cc-emails{

}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="cc"] .chat-box-new-field-cc-emails .chat-box-new-field-cc-email,
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="cc"] .chat-box-new-field-cc-emails .chat-box-new-field-cc-email{
	float: left;
	border: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #e5e5e5;
	padding: 2px 5px;
	border-radius: .25rem;
	margin-top: 3px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="cc"] .chat-box-new-field-cc-emails .chat-box-new-field-cc-email:first-child,
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="cc"] .chat-box-new-field-cc-emails .chat-box-new-field-cc-email:first-child{
	margin-left: 12px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="cc"] .chat-box-new-field-cc-emails .chat-box-new-field-cc-email .chat-box-new-field-cc-email-cancel,
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="cc"] .chat-box-new-field-cc-emails .chat-box-new-field-cc-email .chat-box-new-field-cc-email-cancel{
	width: 18px;
	display: block;
	float: right;
	text-align: center;
	margin-left: 3px;
	height: 18px;
	margin-top: 1px;
	color: #333;
	font-weight: 400;
	cursor: pointer;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .chat-box-new-field[data-field-name="cc"] .chat-box-new-field-cc-emails .chat-box-new-field-cc-email .chat-box-new-field-cc-email-cancel:hover,
.expanded-email-box .con_textarea .chat-box-new-field[data-field-name="cc"] .chat-box-new-field-cc-emails .chat-box-new-field-cc-email .chat-box-new-field-cc-email-cancel:hover{
	color: black;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_textarea .con_text,
.expanded-email-box .con_textarea .con_text{
	overflow: auto;
	padding: 8px 16px;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	min-height: 70px;
	background-clip: padding-box;
	box-sizing: border-box;
	outline: 0;
	width: 100%;
	border: 0;
	resize: none;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box,
.expanded-email-box .con_tabs .con_panel_box{
	position: absolute;
	right: 6px;
	top: 1px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box.inactive,
.expanded-email-box .con_tabs .con_panel_box.inactive{
	pointer-events: none;
	user-select: none;
	opacity: .5;
	filter: alpha(opacity=50);
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .tooltip,
.expanded-email-box .con_tabs .con_panel_box .tooltip{
	position: fixed;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon.app_icon_active,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon.app_icon_active{
	color: #007bff;
	pointer-events: none;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon.app_icon_active i.fa,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon.app_icon_active i.fa{
	font-weight: bold;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon{
	height: 32px;
	width: 32px;
	box-sizing: border-box;
	border: 1px solid transparent;
	border-radius: 2px;
	padding: 5px 0;
	text-align: center;
	color: #9E9E9E;
	display: inline-block;
	cursor: pointer;
	vertical-align: bottom;
	text-decoration: none;
	float: left;
	position: relative;
	display: none;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon:hover,
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon:hover > a,
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon:hover > .dropup > a,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon:hover,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon:hover > a,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon:hover > .dropup > a{
	color: #007bff;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon img,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon img{
	width: 16px;
	height: 16px;
	border-radius: 2px;
	margin-bottom: 1px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon i,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon i{
	width: 16px;
	margin-bottom: 1px;
	height: 18px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon.con_panel_discussion_status,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon.con_panel_discussion_status{
	width: auto !important;
	cursor: pointer;
	color: #6d6d6d;
	padding-right: 8px;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon.con_pnael_discussion_status:hover,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon.con_pnael_discussion_status:hover{
	color: #6d6d6d;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-input .con_tabs .con_panel_box .con_panel_icon.con_panel_discussion_status label,
.expanded-email-box .con_tabs .con_panel_box .con_panel_icon.con_panel_discussion_status label{
	margin-left: 5px;
	cursor: pointer;
}
.chat .chat-box .chat-box-body .chat-box-scroll .chat-box-messages{
    position: relative;
    overflow-y: auto;
    padding: 15px 22px;
    -webkit-flex: 8;
    -ms-flex: 8;
    flex: 8;
}
.chat .chat-sidebox .chat-sidebox-header{
	background-color: #f7f8fd;
	height: 60px;
	padding-left: 22px;
	padding-right: 22px;
	border-bottom: 1px solid #dddddd;
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	line-height: 60px;
}
.chat .chat-sidebox .chat-sidebox-body{
	position: relative;
	overflow: auto;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	/* overflow-y: auto; */
	min-height: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box{
	border-bottom: 1px solid #dddddd;
	padding: 20px;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-header{
	margin-bottom: 16px;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-header span{
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
	cursor: pointer;
	user-select: none;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-header .chat-sidebox-box-tools,
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile .chat-sidebox-box-tools{
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.38);
	float: right;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-header .chat-sidebox-box-tools a,
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile .chat-sidebox-box-tools a{
	margin-right: 18px;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-header .chat-sidebox-box-tools i{
	transition: .3s;
	cursor: pointer;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-header .chat-sidebox-box-tools i.fa-chevron-right{
	display: none;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-header .chat-sidebox-box-tools i:hover{
	color: #000;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile{
	margin-bottom: 23px;
	display: inline-block;
	width: 100%;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile a:first-child:not(.chat-sidebox-box-profile-name-edit),
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile img.profile-pic-initial{
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	float: left;
	margin-top: -3px;
	margin-right: 9px;
	border-radius: 50%;
	overflow: hidden;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile a:first-child div{
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	line-height: 32px;
	text-align: center;
	opacity: .8;
	color: #fff;
	display: none;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile a:first-child img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile img.profile-pic-initial{

}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile a:first-child:hover div{
	display: inline-block;
	transition: .3s;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile span{
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile .chat-sidebox-box-profile-name-edit{
	display: none;
	font-size: 13px;
	transition: .3s;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-profile:hover .chat-sidebox-box-profile-name-edit{
	display: inline-block;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-body{
	position: relative;
	overflow: auto;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-body .chat-sidebox-scroll{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	/*overflow-y: auto;*/
	min-height: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body{

}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box.chat-sidebox-box-mini{

}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box.chat-sidebox-box-mini .chat-sidebox-box-header{
	margin: 0;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box.chat-sidebox-box-mini .chat-sidebox-box-header i.fa-chevron-down{
	display: none;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box.chat-sidebox-box-mini .chat-sidebox-box-header i.fa-chevron-right{
	display: inline-block;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box.chat-sidebox-box-mini .chat-sidebox-box-body{
	display: none;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-list,
#pg-user .side_box_body .chat-sidebox-box-list{
	list-style: none;
	padding: 0;
	margin: 0;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-list li,
#pg-user .side_box_body .chat-sidebox-box-list li{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 11px;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-list li:last-child,
#pg-user .side_box_body .chat-sidebox-box-list li:last-child{
	margin-bottom: 0;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-list li .chat-sidebox-box-list-icon,
#pg-user .side_box_body .chat-sidebox-box-list li .chat-sidebox-box-list-icon{
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 7px;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-list li .chat-sidebox-box-list-icon img,
#pg-user .side_box_body .chat-sidebox-box-list li .chat-sidebox-box-list-icon img{
	width: 16px;
	height: 16px;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-list li .chat-sidebox-box-list-icon a,
#pg-user .side_box_body .chat-sidebox-box-list li .chat-sidebox-box-list-icon a{
	width: 16px;
	height: 16px;
	display: none;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-list li.editable_field:hover .chat-sidebox-box-list-icon img,
#pg-user .side_box_body .chat-sidebox-box-list li.editable_field:hover .chat-sidebox-box-list-icon img{
	display: none;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-list li.editable_field:hover .chat-sidebox-box-list-icon a,
#pg-user .side_box_body .chat-sidebox-box-list li.editable_field:hover .chat-sidebox-box-list-icon a{
	display: inline-block;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-list li .chat-sidebox-box-list-key,
#pg-user .side_box_body .chat-sidebox-box-list li .chat-sidebox-box-list-key{
	float: left;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.5);
	white-space: nowrap;
	margin-right: 14px;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-list li .chat-sidebox-box-list-data,
#pg-user .side_box_body .chat-sidebox-box-list  li .chat-sidebox-box-list-data{
	float: left;
	width: 100%;
	overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-tags{
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-tags li{
	float: left;
	border-radius: 6px;
	border: solid 1px #e4e4e4;
	background-color: #fff;
	padding: 3px 7px;
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.4);
	margin-right: 8px;
	margin-bottom: 6px;
	user-select: none;
	cursor: default;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-tags li:first-child{
	cursor: pointer;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-tags li:last-child{
	margin-right: 0;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-tags li i{
	opacity: 0.8;
	color: #000000;
	margin-right: 6px;
	cursor: pointer;
	width: 13px;
	height: 13px;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-tags li:not(:first-child) i.fa-times{
	display: none;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-tags li:not(:first-child):hover i.fa-tag{
	display: none;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-tags li:not(:first-child):hover i.fa-times{
	display: inline-block;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-gallery{
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-gallery li{
	float: left;
	width: 33.33333%;
	/*height: 60px;*/
	border-radius: 6px;
	margin-bottom: 4px;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-gallery li:hover{
	opacity: .7;
	cursor: pointer;
	transition: .3s;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-gallery li img{
	width: 100%;
	border-radius: 6px;
}			
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-gallery li:nth-child(3n+1) {
	padding-right: 2px;	
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-gallery li:nth-child(3n+2) {
	padding-left: 1px;
	padding-right: 1px;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .chat-sidebox-box .chat-sidebox-box-body .chat-sidebox-box-gallery li:nth-child(3n+3) {
	padding-left: 2px;	
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .side-widgets-iframe-loading{
	width: 100%;
	text-align: center;
	position: absolute;
	height: calc(100vh - 60px);
	overflow: hidden;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .side-widgets-iframe-loading .pageload-circle{
	width: 3em;
	height: 3em;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll iframe{
	width: 100%;
	overflow: auto;
	border: 0;
	height: 100vh;
	margin: 0;
}
.chat .chat-sidebox .chat-sidebox-body .chat-sidebox-scroll .side-widgets-empty{
	padding-top: 50px;
	height: 200px;
	text-align: center;
}
.menu-app-overlay{
	width: auto;
	height: auto;
	display: block;
	position: fixed;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1045;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAE0lEQVR4AWMQ4OHZQAyms8JRhQA4p1Rhc+/IhwAAAABJRU5ErkJggg==');
}
.menu-app-overlay .menu-app-box{
	width: 25%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	overflow: visible;
	z-index: 1050;
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
	background-color: #fff;
	box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
.menu-app-active i.fa {
	color: #f8f8f8;
}
.chat .chat-menu .chat-menu-list{
	list-style: none;
	padding: 0;
	margin: 0;
}
.chat .chat-menu .chat-menu-list li{
	padding: 0;
}
.chat .chat-menu .chat-menu-list li.chat-menu-divider{
	padding: .5px;
	background: #cccccc2b;
	margin: 6px 0;
}
.chat .chat-menu .chat-menu-list li.chat-menu-list-alt{

}
.chat .chat-menu .chat-menu-list li.chat-menu-list-alt ul{
	list-style: none;
	padding-left: 15px;
}
.chat .chat-menu .chat-menu-list li a{
	width: 100%;
	display: inline-block;
	padding: 9px 18px;
}
.chat .chat-menu .chat-menu-list li a img,
.chat .chat-menu .chat-menu-list li a i{
	width: 20px;
	margin-right: 8px;
	margin-top: -3px;
}
.chat .chat-menu .chat-menu-list li a i{
	font-size: 15px;
	text-align: center;
}
.chat .chat-menu .chat-menu-list li a span{
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}
.chat .chat-menu .chat-menu-list li a span.pull-right{
	color: #0000005e;
}
.chat .chat-menu .chat-menu-list li.chat-menu-active a span.pull-right{
	color: #0d77d3;
}
.chat-menu-list li a span div.chat-menu-label-icon{
	background: #ccc;
	width: 8px;
	height: 8px;
	float: left;
	margin-top: 6px;
	border-radius: 50%;
	margin-right: 8px;
}
.chat .chat-menu .chat-menu-title{
	margin-top: 10px;
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.2px;
	color: #999999;
	padding: 9px 15px;
}
#pg-settings .chat .chat-menu:first-child .chat-menu-title{
	margin-top: 0;
}
#pg-settings .chat .chat-menu .chat-menu-list li a{
	padding: 6px 25px;
}
.chat .chat-menu .chat-menu-list li.chat-menu-active span,
.chat .chat-menu .chat-menu-list li:not(.chat-menu-list-alt):hover span{
	color: #0d77d3;
}
.chat .chat-menu .recent-activity {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.1px;
    color: #999999;
    padding: 10px 13px 5px;
}
.chat .chat-menu .chat-menu-activity{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    padding-bottom: 60px;
}
.chat .chat-menu .chat-menu-activity li{
    padding: 8px 13px;
}
.chat .chat-menu .chat-menu-activity li .blue-dot{
    width: 6px;
    height: 6px;
    background: #4da1ff;
    border-radius: 50%;
    display: inline-block;
}
.chat .chat-menu .chat-menu-activity li p{
    display: initial;
}
.chat .chat-menu .chat-menu-activity li .r-time{
    color: #777777;
    display: inline-block;
    width: 100%;
}
.agent-visibility-box{
	color: #222;
	position: relative;
	padding: 10px 18px !important;
}
.agent-visibility-box span{
	user-select: none;
	display: inline-block;
	margin-top: 2px;
}
.agent-visibility-box input{
	position: absolute;
	left: -9999px;
}
.agent-visibility-box .switch-l{
	width: 3em;
	height: 1.5em;
	position: absolute;
	right: 18px;
	top: 11px;
	background-color: #ffc82c;
}
.agent-visibility-box .switch-l::after{
	width: calc(1.5em - 4px);
	height: calc(1.5em - 4px);
	top: 2px;
	left: 2px;
}
.agent-visibility-box .switch-c:checked + .switch-l{
	background-color: #11b648;
}
.agent-visibility-box .switch-c:checked + .switch-l::after {
	width: calc(1.5em - 4px);
	height: calc(1.5em - 4px);
	top: 2px;
	left: auto;
	right: 2px;
	background: #fff;
}
.agent-visibility-icon{
	position: absolute;
	top: 33px;
	left: 38px;
	background: #32C24D;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	z-index: 100;
	transition: .5s;
}
.agent-visibility-icon.avi-offline{
	background: #ffc107;
}
.chat .chat-menu > div > .dropdown-menu{
	top: 53px;
	left: 12px;
	border-radius: 6px;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
	padding: 0;
	width: 160px;
}
.chat .chat-menu > div > .dropdown-menu:before{
	content: '';
	height: 0;
	left: 10px;
	position: absolute;
	top: -10px;
	width: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e4e4e4;
}
.chat .chat-menu > div > .dropdown-menu > li .chat-menu-away-msg{
	font-size: 10px;
	margin-top: 10px;
}
.chat .chat-menu > div > .dropdown-menu > li > a{
	padding: 11px 18px;
}
.chat .chat-menu > div > .dropdown-menu > li:last-child:hover > a{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.chat .chat-menu .chat-menu-nav{
	position: fixed;
	bottom: 0;
	left: 0;
	list-style: none;
	margin: 0;
	width: 15.0625%;
	padding: 10px;
	background: #fff;
}
.chat .chat-menu .chat-menu-nav > li{
	float: left;
	width: 25%;
	display: flex;
	justify-content: center;
	color: #777;
}
.chat .chat-menu .chat-menu-nav > li.chat-menu-nav-active div,
.chat .chat-menu .chat-menu-nav > li:hover div{
	background: #f11359;
	color: #fff;
}
.chat .chat-menu .chat-menu-nav > li div{
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 50%;
	transition: .3s;
	cursor: pointer;
}
.chat .chat-menu .chat-menu-nav > li.dropup{
	position: initial;
}
.chat .chat-menu .chat-menu-nav > li.dropup ul.dropdown-menu{
	width: calc(100% - 36px);
	left: 18px;
	padding: 0;
	border-radius: 6px;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
}
.chat .chat-menu .chat-menu-nav > li.dropup ul.dropdown-menu li{
	padding: 0;
}
.chat .chat-menu .chat-menu-nav > li.dropup ul.dropdown-menu li a{
	padding: 11px 18px;
	font-size: 13px;
}
.chat .chat-menu .chat-menu-nav > li.dropup ul.dropdown-menu li:first-child:hover a{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.chat .chat-menu .chat-menu-nav > li.dropup ul.dropdown-menu li:last-child:hover a{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.chat .chat-menu .chat-menu-nav > li.dropup ul.dropdown-menu:before{
	content: '';
	height: 0;
	right: 10px;
	position: absolute;
	bottom: -10px;
	width: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #e4e4e4;
}
@-webkit-keyframes rotate-forever {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes rotate-forever {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate-forever {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.chat-main-loader{
	background: #fff; /*#774CFF;*/
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.chat-main-loader .chat-main-loader-spinner {
	-webkit-animation-duration: 0.75s;
	-moz-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: rotate-forever;
	-moz-animation-name: rotate-forever;
	animation-name: rotate-forever;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
	height: 40px;
	width: 40px;
	border: 3px solid #f11259; /* #275EFE; */
	border-right-color: transparent;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 50%;
	margin: -15px 0 -15px;
}
.chat-main-loader .chat-main-loader-text{
	height: 90px;
	width: 300px;
	display: inline-block;
	position: absolute;
	margin: auto auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 19px;
}
.chat-main-loader .chat-main-loader-text .fa,
.chat-main-loader .chat-main-loader-text .fas{
	color: #f01159;
}
.chat-main-loader .chat-main-loader-text span.sign{
	font-size: 12px;
	width: 100%;
	display: inline-block;
}
.chat-main-loader .chat-main-loader-text span.img {
	width: 14px;
	height: 14px;
	background-color: transparent;
	background-position: center;
	background-size: 14px;
	background-repeat: no-repeat;
	display: inline-block;
}
.chat-main-loader .chat-main-loader-text span.heart {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDUgNDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1IDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmVyc2lvbj0iMS4xIiBpZD0ic3ZnMiI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTgiPjxyZGY6UkRGPjxjYzpXb3JrIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzIGlkPSJkZWZzNiI+PGNsaXBQYXRoIGlkPSJjbGlwUGF0aDE2IiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggaWQ9InBhdGgxOCIgZD0iTSAwLDM2IDM2LDM2IDM2LDAgMCwwIDAsMzYgWiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMjUsMCwwLC0xLjI1LDAsNDUpIiBpZD0iZzEwIj48ZyBpZD0iZzEyIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcFBhdGgxNikiIGlkPSJnMTQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1Ljg4NDgsMjQuMTY2NSkiIGlkPSJnMjAiPjxwYXRoIGlkPSJwYXRoMjIiIHN0eWxlPSJmaWxsOiNiZTE5MzE7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Im0gMCwwIGMgMCw1LjQ1IC00LjQxOCw5Ljg2OCAtOS44NjcsOS44NjggLTMuMzA4LDAgLTYuMjI3LC0xLjYzMyAtOC4wMTgsLTQuMTI5IC0xLjc5LDIuNDk2IC00LjcxLDQuMTI5IC04LjAxNyw0LjEyOSAtNS40NSwwIC05Ljg2OCwtNC40MTggLTkuODY4LC05Ljg2OCAwLC0wLjc3MiAwLjA5OCwtMS41MiAwLjI2NiwtMi4yNDEgMS4zNzEsLTguNTEyIDEwLjgzNSwtMTcuNDk0IDE3LjYxOSwtMTkuOTYgNi43ODMsMi40NjYgMTYuMjQ5LDExLjQ0OCAxNy42MTcsMTkuOTYgQyAtMC4wOTgsLTEuNTIgMCwtMC43NzIgMCwwIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}
.chat-main-loader .chat-main-loader-text span.muscle {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDUgNDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1IDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmVyc2lvbj0iMS4xIiBpZD0ic3ZnMiI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTgiPjxyZGY6UkRGPjxjYzpXb3JrIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzIGlkPSJkZWZzNiI+PGNsaXBQYXRoIGlkPSJjbGlwUGF0aDE2IiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggaWQ9InBhdGgxOCIgZD0iTSAwLDM2IDM2LDM2IDM2LDAgMCwwIDAsMzYgWiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMjUsMCwwLC0xLjI1LDAsNDUpIiBpZD0iZzEwIj48ZyBpZD0iZzEyIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcFBhdGgxNikiIGlkPSJnMTQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjQzMDIsMTQpIiBpZD0iZzIwIj48cGF0aCBpZD0icGF0aDIyIiBzdHlsZT0iZmlsbDojZmZkYzVkO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBkPSJNIDAsMCBDIDAsMCAtMC43MTcsMy42NDEgMC4yOTgsMTAuODc0IDEuNjk4LDEwLjQxOSAzLjExMiwxMCAzLjU3LDEwIGMgMC45OTksMCA0LDEgNCwyIDAsMSAtMSwyIC0xLDIgbCAyLDEgYyAxLDEgMCw3IC00LDcgLTcsMCAtOS41NywtNyAtOS41NywtNyBsIDAuMDA3LC0wLjAxMSAtMC4wMDcsMCBjIDAsMCAtNiwtMTAuOTg5IC02LC0yMCAwLjA2NSwwIC0xLC01IDAsLTYgMSwtMSA1LC0xIDUsLTEgQyA0LC0xNiAyMi41NywtMTMgMjIuNTcsLTQgMjIuNTcsOSAzLDYgMCwwIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5LjQ5NDEsMy43NDgpIiBpZD0iZzI0Ij48cGF0aCBpZD0icGF0aDI2IiBzdHlsZT0iZmlsbDojZWY5NjQ1O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiBkPSJtIDAsMCBjIC0zLjE3OCwwIC01Ljc5MywxLjI4MyAtNS45NDEsMS4zNTcgLTAuNDkzLDAuMjQ3IC0wLjY5MywwLjg0NiAtMC40NDgsMS4zNCAwLjI0NiwwLjQ5NCAwLjg0NSwwLjY5NiAxLjM0MSwwLjQ1IDAuMDQyLC0wLjAyIDQuMjQsLTIuMDYgNy45NTYsLTAuNjQgMi4wNTUsMC43ODUgMy42MjUsMi41MDcgNC42NjksNS4xMTYgMC4yMDUsMC41MTUgMC43OTEsMC43NjMgMS4zLDAuNTU4IEMgOS4zOSw3Ljk3NiA5LjY0LDcuMzk0IDkuNDM1LDYuODgxIDguMTcyLDMuNzI2IDYuMjEyLDEuNjIzIDMuNjA4LDAuNjMzIDIuMzkzLDAuMTcxIDEuMTU4LDAgMCwwIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}
.chat-main-loader .chat-main-loader-text span.fire {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDUgNDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1IDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmVyc2lvbj0iMS4xIiBpZD0ic3ZnMiI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTgiPjxyZGY6UkRGPjxjYzpXb3JrIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzIGlkPSJkZWZzNiI+PGNsaXBQYXRoIGlkPSJjbGlwUGF0aDE2IiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggaWQ9InBhdGgxOCIgZD0iTSAwLDM2IDM2LDM2IDM2LDAgMCwwIDAsMzYgWiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjbGlwUGF0aDI4IiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggaWQ9InBhdGgzMCIgZD0ibSAxNy41ODMsMjYuODMzIGMgLTIuOTU3LC0wLjIzMSAtNS42NjYsMi41NDIgLTQuNjY2LDcuMDQyIGwgMCwwIGMgLTMuMjM4LC0yLjM4NiAtMy4zMzMsLTYuNDAyIC0yLjMzNCwtOSBsIDAsMCBDIDExLjYyNSwyMi4xNjYgMTAuNTQyLDE5LjkxNiA4LDE5LjY2NyBsIDAsMCBDIDUuMTYxLDE5LjM4NyAzLjU4NCwyMi43MDkgNS4wMzgsMjggbCAwLDAgQyAyLjUxOSwyNS4wMzUgMSwyMS4xOTUgMSwxNyBsIDAsMCBDIDEsNy42MTEgOC42MTEsMCAxOCwwIGwgMCwwIGMgOS4zODksMCAxNyw3LjYxMSAxNywxNyBsIDAsMCBjIDAsMi4wNjMgLTAuMzY3LDQuMDM5IC0xLjA0LDUuODY4IGwgMCwwIEMgMzMuNSwxNy40OCAzMC42MjcsMTQuNzEgMjcuNjI1LDE2IGwgMCwwIGMgLTIuODEzLDEuMjA4IC0wLjkxNyw1LjkxNyAtMC43NzcsOC4xNjQgbCAwLDAgYyAwLjIzNiwzLjgwOSAtMC4wMTIsOC4xNjkgLTYuOTMxLDExLjc5NSBsIDAsMCBjIDIuODc1LC01LjUgMC4zMzMsLTguOTE4IC0yLjMzNCwtOS4xMjYiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLjI1LDAsMCwtMS4yNSwwLDQ1KSIgaWQ9ImcxMCI+PGcgaWQ9ImcxMiI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXBQYXRoMTYpIiBpZD0iZzE0Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNSwxNykiIGlkPSJnMjAiPjxwYXRoIGlkPSJwYXRoMjIiIHN0eWxlPSJmaWxsOiNmNDkwMGM7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0gMCwwIEMgMCwyLjA2MyAtMC4zNjcsNC4wMzkgLTEuMDQsNS44NjggLTEuNSwwLjQ4IC00LjM3MywtMi4yODkgLTcuMzc1LC0xIGMgLTIuODEzLDEuMjA4IC0wLjkxNyw1LjkxNyAtMC43NzcsOC4xNjQgMC4yMzYsMy44MDkgLTAuMDEyLDguMTY5IC02LjkzMSwxMS43OTQgMi44NzUsLTUuNSAwLjMzMywtOC45MTYgLTIuMzM0LC05LjEyNSAtMi45NTcsLTAuMjMgLTUuNjY2LDIuNTQyIC00LjY2Niw3LjA0MiAtMy4yMzgsLTIuMzg2IC0zLjMzMywtNi40MDIgLTIuMzM0LC05IEMgLTIzLjM3NSw1LjE2NyAtMjQuNDU4LDIuOTE3IC0yNywyLjY2NyAtMjkuODM5LDIuMzg3IC0zMS40MTcsNS43MDggLTI5Ljk2MiwxMSAtMzIuNDgsOC4wMzUgLTM0LDQuMTk1IC0zNCwwIGMgMCwtOS4zODkgNy42MTEsLTE3IDE3LC0xNyA5LjM4OSwwIDE3LDcuNjExIDE3LDE3Ii8+PC9nPjwvZz48L2c+PGcgaWQ9ImcyNCI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXBQYXRoMjgpIiBpZD0iZzI2Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMCw2KSIgaWQ9ImczMiI+PHBhdGggaWQ9InBhdGgzNCIgc3R5bGU9ImZpbGw6I2ZmY2M0ZDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgZD0ibSAwLDAgYyAwLDIuMTg2IC0wLjU4NCw0LjIzNiAtMS42MDUsNi4wMDEgMC4xNDcsLTMuMDg0IC0yLjU2MiwtNC4yOTMgLTQuMDIsLTMuNzA5IC0yLjEwNSwwLjg0MyAtMS41NDEsMi4yOTEgLTIuMDgzLDUuMjkxIC0wLjU0MiwzIC0yLjYyNSw1LjA4NCAtNS43MDksNiAyLjI1LC02LjMzMyAtMS4yNDcsLTguNjY3IC0zLjA4LC05LjA4NCBDIC0xOC4zNjksNC4wNzMgLTIwLjI1LDQuNSAtMjAuNDY1LDguNTA2IC0yMi42NDgsNi4zMzIgLTI0LDMuMzI0IC0yNCwwIGMgMCwtNi42MjcgNS4zNzMsLTEyIDEyLC0xMiA2LjYyNywwIDEyLDUuMzczIDEyLDEyIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}
.chat-main-loader .chat-main-loader-text span.rain {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDUgNDUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1IDQ1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmVyc2lvbj0iMS4xIiBpZD0ic3ZnMiI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTgiPjxyZGY6UkRGPjxjYzpXb3JrIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIi8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzIGlkPSJkZWZzNiI+PGNsaXBQYXRoIGlkPSJjbGlwUGF0aDE2IiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggaWQ9InBhdGgxOCIgZD0iTSAwLDM2IDM2LDM2IDM2LDAgMCwwIDAsMzYgWiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMjUsMCwwLC0xLjI1LDAsNDUpIiBpZD0iZzEwIj48ZyBpZD0iZzEyIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcFBhdGgxNikiIGlkPSJnMTQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4LDMyKSIgaWQ9ImcyMCI+PHBhdGggaWQ9InBhdGgyMiIgc3R5bGU9ImZpbGw6I2UxZThlZDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgZD0iTSAwLDAgQyAtMC44MjUsMCAtMS42MiwtMC4xMjUgLTIuMzY5LC0wLjM1NyAtMy4yNTYsMi4xNzggLTUuNjYyLDQgLTguNSw0IC0xMS41NDQsNCAtMTQuMDkyLDEuOTA0IC0xNC43OTksLTAuOTIxIC0xNS41NTMsLTAuMzUxIC0xNi40ODEsMCAtMTcuNSwwIC0xOS45ODUsMCAtMjIsLTIuMDE1IC0yMiwtNC41IGMgMCwtMC42MDQgMC4xMjMsLTEuMTc4IDAuMzM5LC0xLjcwNCBDIC0yMi4wOSwtNi4wODUgLTIyLjUzMywtNiAtMjMsLTYgYyAtMi43NjIsMCAtNSwtMi4yMzggLTUsLTUgMCwtMi43NjIgMi4yMzgsLTUgNSwtNSBsIDIzLDAgYyA0LjQxOCwwIDgsMy41ODEgOCw4IDAsNC40MTggLTMuNTgyLDggLTgsOCIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMS45OTksMTEuMDM5MSkiIGlkPSJnMjQiPjxwYXRoIGlkPSJwYXRoMjYiIHN0eWxlPSJmaWxsOiM1ZGFkZWM7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0gMCwwIC0wLjExMywzLjQyMSAtMi45ODMsMS43MTMgQyAtMy42MjIsMS4zNjggLTQuMDQ1LDAuNjg4IC00LjAxOSwtMC4wODYgLTMuOTgyLC0xLjE4OCAtMy4wNTMsLTIuMDYyIC0xLjk0MywtMi4wMzkgLTAuODMzLC0yLjAxNiAwLjAzNywtMS4xMDMgMCwwIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAyLDMuNTc5MSkiIGlkPSJnMjgiPjxwYXRoIGlkPSJwYXRoMzAiIHN0eWxlPSJmaWxsOiM1ZGFkZWM7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0gMCwwIC0wLjExMywzLjQyMSAtMi45ODMsMS43MTMgQyAtMy42MjIsMS4zNjggLTQuMDQ1LDAuNjg4IC00LjAxOSwtMC4wODYgLTMuOTgyLC0xLjE4OSAtMy4wNTMsLTIuMDYyIC0xLjk0MywtMi4wMzkgLTAuODMzLC0yLjAxNiAwLjAzNywtMS4xMDMgMCwwIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuMDIsOC4wMzkxKSIgaWQ9ImczMiI+PHBhdGggaWQ9InBhdGgzNCIgc3R5bGU9ImZpbGw6IzVkYWRlYztmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgZD0iTSAwLDAgLTAuMTEzLDMuNDIxIC0yLjk4MywxLjcxMyBDIC0zLjYyMiwxLjM2OCAtNC4wNDUsMC42ODggLTQuMDE5LC0wLjA4NiAtMy45ODIsLTEuMTg4IC0zLjA1MywtMi4wNjIgLTEuOTQzLC0yLjAzOSAtMC44MzMsLTIuMDE2IDAuMDM3LC0xLjEwMyAwLDAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMuMDE5NSwxMS4wMzkxKSIgaWQ9ImczNiI+PHBhdGggaWQ9InBhdGgzOCIgc3R5bGU9ImZpbGw6IzVkYWRlYztmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgZD0iTSAwLDAgLTAuMTEzLDMuNDIxIC0yLjk4MiwxLjcxMyBDIC0zLjYyMSwxLjM2OCAtNC4wNDUsMC42ODggLTQuMDE4LC0wLjA4NiAtMy45ODEsLTEuMTg4IC0zLjA1MywtMi4wNjIgLTEuOTQyLC0yLjAzOSAtMC44MzMsLTIuMDE2IDAuMDM3LC0xLjEwMyAwLDAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuOTk5LDcuMDM5MSkiIGlkPSJnNDAiPjxwYXRoIGlkPSJwYXRoNDIiIHN0eWxlPSJmaWxsOiM1ZGFkZWM7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0gMCwwIC0wLjExMywzLjQyMSAtMi45ODIsMS43MTMgQyAtMy42MjEsMS4zNjggLTQuMDQ1LDAuNjg4IC00LjAxOSwtMC4wODYgLTMuOTgxLC0xLjE4OCAtMy4wNTMsLTIuMDYyIC0xLjk0MiwtMi4wMzkgLTAuODMzLC0yLjAxNiAwLjAzNywtMS4xMDMgMCwwIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyLjAxOTUsMi41NzkxKSIgaWQ9Imc0NCI+PHBhdGggaWQ9InBhdGg0NiIgc3R5bGU9ImZpbGw6IzVkYWRlYztmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIgZD0iTSAwLDAgLTAuMTEzLDMuNDIxIC0yLjk4MiwxLjcxMyBDIC0zLjYyMSwxLjM2OCAtNC4wNDUsMC42ODggLTQuMDE4LC0wLjA4NiAtMy45ODEsLTEuMTg5IC0zLjA1MywtMi4wNjIgLTEuOTQyLC0yLjAzOSAtMC44MzMsLTIuMDE2IDAuMDM3LC0xLjEwMyAwLDAiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjguOTk5LDguMDM5MSkiIGlkPSJnNDgiPjxwYXRoIGlkPSJwYXRoNTAiIHN0eWxlPSJmaWxsOiM1ZGFkZWM7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiIGQ9Ik0gMCwwIC0wLjExMywzLjQyMSAtMi45ODIsMS43MTMgQyAtMy42MjEsMS4zNjggLTQuMDQ1LDAuNjg4IC00LjAxOSwtMC4wODYgLTMuOTgxLC0xLjE4OCAtMy4wNTMsLTIuMDYyIC0xLjk0MiwtMi4wMzkgLTAuODMzLC0yLjAxNiAwLjAzNywtMS4xMDMgMCwwIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}
.chat-outdated-browser{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.chat-outdated-browser .chat-outdated-browser-close-btn{
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 1000;
}
.chat-outdated-browser .chat-outdated-browser-text{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 100px;
	max-width: 50%;
	font-size: 22px;
}
.chat-outdated-browser .chat-outdated-browser-text .chat-outdated-browser-description{
	font-size: 16px;
	margin-top: 20px;
	text-align: left;
}
.chat-mobile-browser-block{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #fff;
	text-align: center;
}
.chat-mobile-browser-block .chat-mobile-browser-block-inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 20px;
	max-width: 400px;
}
#pg-notfound .error-box{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	text-align: center;
	position: relative;
}
#pg-notfound .error-box .error-box-text{
	height: 100px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#pg-notfound .error-box .error-box-text .btn{
	margin-top: 15px;
}
.customer-survey {
    margin-bottom: 20px;
}
.customer-survey div {
    font-weight: 600;
    margin-top: 5px;
    margin-left: 20px;
}
#pg-settings .sp-box{
    padding: 20px 37px 35px 37px;
    background: #f8f8f8;
    border-radius: 14px;
    transition: background .14s;
    margin-top: 30px;
}
#pg-settings .sp-box:first-child{
    margin-top: 0;
}
#pg-settings .sp-box:last-child{
	margin-bottom: 50px;
}
#pg-settings .sp-box.sp-active{
    background: #fff;
    box-shadow: 0 12px 30px rgba(30,39,97,.04), 0 2px 14px rgba(19,24,57,.06);
}
#pg-settings .sp-box .sp-top{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#pg-settings .sp-box .sp-top .sp-title{
    color: #383838;
    font-size: 24px;
    font-weight: 800;
    margin-top: 2px;
}
#pg-settings .sp-box .sp-top .sp-title img{
    width: 38px;
    height: 38px;
    margin-right: 18px;
}
#pg-settings .sp-box .sp-top .sp-price{
    color: #383838;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    will-change: opacity,transform;
}
#pg-settings .sp-box .sp-top .sp-price .sp-price-value{
    font-size: 40px;
    letter-spacing: 1.5px;
    padding: 0 5px;
    font-weight: 300;
    white-space: pre;
}
#pg-settings .sp-box .sp-top .sp-price .sp-price-value:before {
    content: "$";
    position: relative;
    top: -13px;
    font-size: 20px;
}
#pg-settings .sp-box .sp-top .sp-price .sp-price-value.sp-price-notag:before{
    content: "";
}
#pg-settings .sp-box .sp-top .sp-price .sp-price-text{
    color: #7f7f7f;
    font-weight: 500;
    text-align: left;
    font-size: 13px;
    line-height: 1.4;
    padding: 0 5px;
    white-space: nowrap;
}
#pg-settings .sp-box .sp-bottom{
    margin-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: start;
    justify-content: start;
    color: #7f7f7f;
    font-size: 12px;
    letter-spacing: -.0015em;
    font-weight: 600;
}
#pg-settings .sp-box .sp-bottom .input-group{
    width: 100px;
    width: 148px;
    height: 32px;
    display: -webkit-flex;
    display: flex;
    position: relative;
    flex-wrap: inherit;
    margin-right: 15px;
}
#pg-settings .sp-box .sp-bottom .input-group .input-group-btns{
    display: inline-flex;
}
#pg-settings .sp-box .sp-bottom .input-group .input-group-btns button{
    border-color: #ced4da;
}
#pg-settings .sp-box .sp-bottom .input-group .input-group-btns :first-child{
    border-radius: 0;
}
#pg-settings .sp-box .sp-bottom .input-group .input-group-btns :last-child{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#pg-settings .sp-box .sp-bottom .sp-bottom-text{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#pg-settings .sp-box .sp-summary-top{
    color: #7f7f7f;
    font-weight: 700;
    margin-bottom: 20px;
    margin: 0 0 20px;
}
#pg-settings .sp-box .sp-sum-item{
    text-align: left;
    color: #383838;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 10px;
}
#pg-settings .sp-box .sp-sum-item .sp-sum-item-total {
    color: #7f7f7f;
    font-weight: 700;
}
#pg-settings .sp-box .sp-summary-total {
    border-top: 1px solid #e0e0e0;
    padding-top: 20px;
    margin-top: 20px;
}
#pg-settings .sp-box .sp-summary-total .sp-summary-label {
    font-weight: 600;
}
#pg-settings .sp-box .sp-summary-total .sp-summary-value {
    font-size: 20px;
    font-weight: 700;
    margin: 8px 0 20px;
}
#pg-settings .sp-box .sp-add-info{
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 27px;
}
#pg-settings .sp-box .sp-add-coupon{
	font-size: 14px;
	text-align: center;
	margin-bottom: 27px;
}
#pg-settings .sp-box .sp-add-coupon .sp-add-coupon-box{
	width: 100%;
	position: relative;
	display: none;
}
#pg-settings .sp-box .sp-add-coupon .sp-add-coupon-box input{

}
#pg-settings .sp-box .sp-add-coupon .sp-add-coupon-box .btn{
	position: absolute;
	top: 5px;
	right: 5px;
	height: calc(100% - 10px);
	line-height: calc(100% - 9px);
}
#pg-settings .sp-box .sp-trial-end{
    margin-top: 27px;
}
#pg-settings .chat-settings .cs-block-title{
    color: #22272d;
    font-weight: 600;
    font-size: 22px;
    line-height: 40px;
    padding: 0 15px;
}
#pg-settings .chat-settings .cs-block-title > .btn,
#pg-settings .chat-settings .cs-block-title #router-footer-buttons{
    float: right;
}
#pg-settings .chat-settings .cs-block-title .btn i{
    margin-right: 5px;
}
#pg-settings .chat-settings .cs-block-title .switch-l{
    font-size: 1rem;
    background: #ced4da;
}
#pg-settings .team_icon{
    border: 1px solid #ced4da;
    width: 29.2px;
    height: 29.2px;
    float: left;
    padding: 2px;
    margin-right: 6.95px;
    border-radius: .25rem;
    cursor: pointer;
    background-color: #fff;
}
#pg-settings .team_icon:last-child{
    margin-right: 0;
}
#pg-settings .team_icon:hover{
    border-color: #007aff;
}
#pg-settings .team_icon img{
    width: 100%;
    height: 100%;
}
#pg-settings .team_icon.active{
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
#pg-settings .team_members_list{
    width: 100%;
    overflow: hidden;
}
#pg-settings .team_members_list div{
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    float: left;
    margin: 5px 5px 0 0;
}
#pg-settings .team_members_list div:hover{
    border-color: #007aff;
}
#pg-settings .team_members_list div a{
    margin-left: 5px;
}
#pg-settings .chat-settings table{
    margin-bottom: 0 !important;
}
#pg-settings .chat-settings table tbody tr td {
    padding-top: 12px;
    padding-bottom: 12px;
}
#pg-settings .chat-settings table > thead > tr > th:first-child,
#pg-settings .chat-settings table > tbody > tr > td:first-child{
    padding-left: 15px;
}
#pg-settings .chat-settings table > thead > tr > th:last-child,
#pg-settings .chat-settings table > tbody > tr > td:last-child{
    padding-left: 15px;
}
#pg-dashboard .reports_header h4{
    margin: 0 0 15px 0;
    font-size: 20px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}
#pg-dashboard .dash-num div .dash-num-card .dash-num-numbers span{
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #656565;
    margin-left: 7px;
}
#pg-dashboard .col-sm-3 .dash-num-card canvas{
    position: absolute;
    bottom: 20px;
    right: 26px;
}
#pg-dashboard .col-sm-4 .dash-num-card canvas{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 26px;
    margin-top: auto;
    margin-bottom: auto;
}
#pg-dashboard .dash-num div .dash-num-card .dash-num-title[data-color="blue"] {
    color: #7298fd;
}
#pg-dashboard .dash-num div .dash-num-card .dash-num-title[data-color="orange"] {
    color: #f7b500;
}
#pg-dashboard .dash-num div .dash-num-card .dash-num-title[data-color="red"] {
    color: #fa6400;
}
#pg-dashboard .dash-num div .dash-num-card .dash-num-title[data-color="green"] {
    color: #6dd400;
}
#pg-dashboard .card-conversations-labels{
    list-style: none;
    padding: 0;
    overflow: hidden;
    float: right;
    margin: 0;
    padding-top: 2px;
}
#pg-dashboard .card-conversations-labels li{
    float: left;
    font-size: 13px;
    font-weight: normal;
    color: #7f8fa4;
    padding-left: 10px;
}
#pg-dashboard .card-conversations-labels li div{
    border-width: 3px;
    width: 12px;
    height: 12px;
    border-style: solid;
    border-radius: 50%;
    float: left;
    margin-top: 3px;
    margin-right: 3px;
}
#pg-dashboard #vmap{
    width: 100%;
    height: 100%;
    display: none;
}
#pg-dashboard .loading{
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    vertical-align: middle;
}
#pg-dashboard .jqvmap-label,
#pg-dashboard .jqvmap-pin{
    pointer-events:none
}
#pg-dashboard .jqvmap-label{
    position:absolute;
    display:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#292929;
    color:#fff;
    font-size:smaller;
    padding:3px
}
#pg-customers .customers-table-top {
    padding: 18px 9px 17px;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
}
#pg-customers .table>tbody>tr>td,
#pg-customers .table>tbody>tr>th,
#pg-customers .table>tfoot>tr>td,
#pg-customers .table>tfoot>tr>th,
#pg-customers .table>thead>tr>td,
#pg-customers .table>thead>tr>th{
    /*border-top: 1px solid #eaeeff;*/
    border-color: #ebebee;
    padding: 15px 9px;
}
#pg-customers .table-responsive{
    padding: 0 4px;
    background: #fff;
    border-radius: 2px;
}
#pg-customers #customers-table>thead>tr>th:nth-child(2) {
    padding-left: 0;
}
#pg-reports .reports_header{
    overflow: hidden;
}
#pg-reports .reports_header h4{
    float: left;
}
#pg-reports .reports_header h4 img{
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 6px;
}
#pg-reports .reports_header select{
    float: right;
    margin-top: 3px;
    width: 120px;
}
#pg-reports .reports_content{
    background-color: #fff;
    padding: 15px 25px;
    margin: 20px 0;
    /*box-shadow: 0 1rem 5rem -2rem rgba(0, 0, 0, 0.5);*/
    border-radius: 3px;
}
#pg-reports .reports_content .reports_name{
    font-size: 17px;
    padding-bottom: 15px;
    padding-top: 20px;
}
#pg-reports .loading-chart{
    position: relative;
    padding: 90px 0 120px 0;
}
#pg-reports .loading-chart .pageload-inner{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
}
#pg-reports .daterangepicker.dropdown-menu {
    z-index: 1000 !important;
}
#pg-reports .daterangepicker .ranges .range_inputs button{
    width: 49%;
}
#pg-reports #reports_select_time{
    float: right;
    min-width: 100px;
    box-shadow: 0 1rem 2rem -1rem rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    padding: 7px 15px;
    margin-top: 3px;
}
#pg-reports #reports_select_time:hover{
    transition: all 150ms linear;
}
#pg-reports .daterangepicker .ranges li {
    background: #fff;
    color: #59595A;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
}
#pg-reports .doughnut-legend{
    list-style:none;
    position:absolute;
    right: 0;
    top: 10px;
}
#pg-reports .doughnut-legend li{
    display:block;
    position:relative;
    margin-bottom:.25rem;
    padding:.125rem .5rem .125rem 1.75rem;
    cursor:default;
    -webkit-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out;
    text-align: left;
}
#pg-reports .doughnut-legend li span{
    display:block;
    position:absolute;
    left:0;
    top:2px;
    width:1.25rem;
    height:1.25rem;
    border-radius: 50%;
}
#pg-reports .chart_no_data{
    text-align: center;
    font-size: 11px;
    padding: 60px !important;
    color: #525b67;
}
#pg-reports #team-mem-av{
    max-height: 200px;
    overflow-y: auto;
    padding: 10px 0;
}
#pg-reports #team-mem-av ul{
    list-style: none;
    padding: 0;
}
#pg-reports #team-mem-av ul li{
    padding-bottom: 5px;
}
#pg-reports #team-mem-av ul li img{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 5px;
}
#pg-reports #team-mem-av a{

}
#pg-reports #team-mem-av a > span{
    background: #27a6e3;
    margin-left: 10px;
    font-size: 11px;
    padding: 2px 7px;
    color: #fff;
    border-radius: 12px;
}
#pg-reports #team-mem-av ul li > div{
    height: 4px;
    background: #27a6e2;
    border-radius: 8px;
    margin-top: 2px;
}
#pg-reports #vmap {
    width: 100%;
    height: 100%;
    display: none;
}
#pg-reports .loading{
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    vertical-align: middle;
}
#pg-reports .jqvmap-label,.jqvmap-pin{
    pointer-events:none;
}
#pg-reports .jqvmap-label{
    position:absolute;
    display:none;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#292929;
    color:#fff;
    font-size:smaller;
    padding:3px
}
#pg-reports .jqvmap-zoomin,
#pg-reports .jqvmap-zoomout{
    position: absolute;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #555d69;
    padding: 3px;
    color: #fff;
    width: 15px;
    height: 15px;
    cursor: pointer;
    line-height: 8px;
    text-align: center;
}
#pg-reports .jqvmap-zoomin{
    top:10px;
}
#pg-reports .jqvmap-zoomout{
    top:30px;
}
#pg-reports .jqvmap-region{
    cursor:pointer;
}
#pg-reports .jqvmap-ajax_response{
    width:100%;
    height:500px;
}
#pg-reports .reports_name.split_name{
    width: 49%;
}
#pg-reports .reports_name.split_name:nth-child(odd){
    float: left;
}
#pg-reports .reports_name.split_name:nth-child(even){
    float: right;
}
#pg-reports ul.reports-custom-list{
    list-style: none;
    padding: 0;
}
#pg-reports .reports-custom-list li{
    position: relative;
    padding: 5px 10px;
    margin-bottom: 2px;
}
#pg-reports .reports-custom-list li div{
    background-color: #3878d9;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
    margin-bottom: 2px;
}
#pg-reports #chart_box_messages_type,
#pg-reports #chart_box_gender{
    width: 49%;
    height: 200px;
    position: relative;
    float: left;
    padding-right: 10%;
}
#pg-reports #chart_box_messages_sentiment,
#pg-reports #chart_box_channels{
    width: 49%;
    height: 200px;
    position: relative;
    float: right;
    padding-right: 10%;
}
#pg-reports #chart_box_languages{
    width: 49%;
    position: relative;
    float: left;
    max-height: 186px;
    overflow-y: auto;
}
#pg-reports #chart_box_tags{
    width: 49%;
    position: relative;
    float: right;
    max-height: 186px;
    overflow-y: auto;
}
#pg-reports #users_map{
    height: 300px;
    width: 100%;
}
#pg-reports ul.lcm-top-box {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #d8e4f8;
}
#pg-reports .lcm-top-box li {
    float: left;
    width: 33.333%;
    border-right: 1px solid #d8e4f8;
    padding: 10px 20px;
}
#pg-reports .lcm-top-box.lcm-top-two li{
    width: 50%;
}
#pg-reports .lcm-top-box li:last-child{
    border-right: 0;
}
#pg-reports .lcm-top-box li div{
    width: 100%;
}
#pg-reports .lcm-top-box li div:first-child{
    font-size: 15px;
    font-weight: 500;
}
#pg-reports .lcm-top-box li div:last-child{
    font-size: 25px;
    font-weight: 600;
    margin-top: 5px;
    color: #dc3545;
}
#pg-reports .lcm-std-box {
    border-bottom: 1px solid #d8e4f8;
    padding: 10px 20px;
}
#pg-reports .lcm-std-box:last-child{
    border: 0;
}
#pg-reports .lcm-std-box div {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#pg-reports .lcm-std-box ul{
    list-style: none;
    padding: 0;
}
#pg-reports .lcm-std-box ul li{
    position: relative;
    padding: 5px 10px;
    margin-bottom: 2px;
    transition: .3s;
    cursor: default;
}
#pg-reports .lcm-std-box ul li:hover span {
    color: #007bff;
}
#pg-reports .lcm-std-box ul li img{
    width: 16px;
    height: 16px;
}
#pg-reports .lcm-std-box ul li div{
    background-color: #3878d9;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
    margin-bottom: 2px;
    border-radius: 3px;
}
#pg-reports .lcm-std-box ul li span{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    margin-top: auto;
    margin-bottom: auto;
    height: 18px;
}
#pg-manager .agent-header{
    height: 200px;
    width: 100%;
    position: relative;
}
#pg-manager .agent-header .agent-header-map{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 1px solid #dddddd;
}
#pg-manager .agent-header .agent-header-map .dot-wrapper{
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    z-index: 2;
}
#pg-manager .agent-header .agent-header-map .dot-wrapper .dot{
    display: block;
    width: 10px;
    height: 10px;
    background-color: #ed1058;
    border-radius: 100%;
}
#pg-manager .agent-header .agent-header-map .dot-wrapper .dot-bubble:after{
    position: absolute;
    content: "";
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    background-color: #ed1058;
    border-radius: 100%;
    opacity: .1;    
}
#pg-manager .agent-header .agent-header-map .dot-wrapper .dot-bubble:before{
    position: absolute;
    top: calc(50% - 75px);
    left: calc(50% - 75px);
    content: '';
    width: 150px;
    height: 150px;
    border: 1px solid rgba(237, 16, 88, 1);
    box-shadow: 0 5px 5px rgba(237, 16, 88,0.1);
    border-radius: 100%;
    animation: agent_map_bubble 3s ease-out infinite;
    z-index: 10;
}
@keyframes agent_map_bubble{
    0%{
        transform: scale(0);
    }
    30%{
        box-shadow: 0 8px 20px rgba(237, 16, 88,0.2);
    }
    80%{
        border-color: rgba(237, 16, 88, 0.7);
        box-shadow: 0 10px 30px rgba(237, 16, 88, 0.2);
    }
    100%{
        border-color: rgba(237, 16, 88, 0);
    }
}


#pg-manager .agent-header .agent-header-content{
    width: 100%;
    height: 200px;
}
#pg-manager .agent-header .profile-avatar{
    background-color: #ccc;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 2rem 7rem -2rem #000000;
}
#pg-manager .agent-header .col-2{
    position: relative;
    height: 200px;
}
#pg-manager .agent-header .col-8{
    height: 200px;
    padding: 0;
    color: #fff;
}
#pg-manager .agent-header .col-8 .profile-stats{
    position: absolute;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 70px;
    min-width: 350px;
}
#pg-manager .agent-header .col-8 .profile-user{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 70px;
}
#pg-manager .agent-header .profile-avatar:hover + .profile-avatar-edit,
#pg-manager .agent-header .profile-avatar-edit:hover{
    display: inline-block;
}
#pg-manager .agent-header .profile-avatar-edit{
    background-color: #343a40e3;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 2rem 7rem -2rem #000000;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    display: none;
}
#pg-manager .agent-header .profile-avatar-edit i{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 30px;
    width: 30px;
}
#pg-apps .app-card{
    padding: 12px;
}
#pg-apps .app-card a{
    background: #fff;
    display: inline-block;
    width: 100%;
    border: 1px solid #e8ecef;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#pg-apps .app-card a:hover{
    border-color: #d0d7de;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 4px 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.12);
    transform: translateY(-2px);
}
#pg-apps .app-card a .ac-header{
    width: 100%;
    height: 145px;
    position: relative;
}
#pg-apps .app-card a .ac-header .ac-icon{
    width: 68px;
    height: 68px;
    background-size: cover;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
}
#pg-apps .app-card a .ac-body{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
#pg-apps .app-card a .ac-body .ac-title{
    font-size: 15px;
    font-weight: 500;
    color: #1f2937;
}
#pg-apps .app-card a .ac-body .ac-description{
    font-size: 12px;
    color: #6b7280;
    margin-top: 8px;
    line-height: 18px;
    padding-left: 12px;
    padding-right: 12px;
    word-wrap: break-word;
}
#pg-apps-item .chat-apps-list .cal-app{
    padding: 15px 10px;
    border-bottom: 1px solid #e0e4eb;
    transition: .3s;
}
#pg-apps-item .chat-apps-list .cal-app.cal-app-active,
#pg-apps-item .chat-apps-list .cal-app:hover{
    background: #f7f8fa;
}
#pg-apps-item .chat-apps-list .cal-app img{
    width: 64px;
    height: 64px;
    border-radius: 4px;
    float: left;
    margin: 0 10px 0 0;
}
#pg-apps-item .chat-apps-list .cal-app .cal-app-title{
    font-size: 15px;
}
#pg-apps-item .chat-apps-list .cal-app .cal-app-description{
    font-size: 12px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
#pg-apps-item .chat-apps-list .cal-app .cal-app-buttons{

}
#pg-apps-item .email-dns-box pre{
    white-space: pre-wrap
}
#pg-apps-item #app-config-box{
    position: relative;
}
#pg-apps-item #app-config-box .card-block{
    font-size: 14px;
}
#pg-apps-item #app-config-box .pageload-inner{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
#pg-apps-item #app-config-box .modal-content{
    width: 100%;
}
#pg-apps-item #app-config-box .modal-content .modal-header {
    padding: 10px;
    border-bottom: 1px dashed #E0E4EA;
}
#pg-apps-item #app-config-box .modal-content .modal-body label.control-label{
    text-transform: uppercase;
}
#pg-apps-item #app-config-box .modal-content .modal-body .form-horizontal .control-label {
    padding-top: 14px;
}
#pg-apps-item #app-config-box .modal-content .modal-body .form-control-label{
    font-size: 12px;
    width: 100%;
    font-weight: bold;
    color: #666;
}
#pg-apps-item #app-config-box .modal-content .modal-footer{
    padding-right: 9px;
}
#pg-apps-item #email-config-box .modal-header .btn{
    position: absolute;
    top: 10px;
    right: 15px;
}
#pg-apps-item .email-dns-box{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #E0E4EA;
    position: relative;
}
#pg-apps-item .email-dns-box:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
#pg-apps-item .email-dns-box h4{
    font-size: 15px;
    margin-top: 0;
}
#pg-apps-item .email-dns-box .email-dns-box-text{
    margin-bottom: 10px;
}
#pg-apps-item .email-dns-box .email-dns-box-records{
    padding: 15px 20px;
    background: #f6f8fa;
    border-radius: 3px;
    color: #000;
    font-size: 13px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
    border: 0;
    margin-bottom: 0;
}
#pg-apps-item .email-dns-box .email-dns-box-valid{
    position: absolute;
    top: -3px;
    right: 0;
    background: #ccc;
    padding: 2px 18px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .3px;
}
#pg-apps-item .email-dns-box .email-dns-box-valid.edbv-green{
    background-color: #78C645;
}
#pg-apps-item .email-dns-box .email-dns-box-valid.edbv-red{
    background-color: #E6582C;
}
#pg-apps-item .email-dns-box .email-dns-box-valid.edbv-orange{
    background-color: orange;
}
#pg-apps-item .chat-menu .app-logo{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
}
#pg-apps-item .chat-menu .app-logo img{
    width: 100px;
    height: 100px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
#pg-apps-item .chat-menu .app-title{
    font-size: 1.3rem;
    font-weight: 600;
    padding: 2px 10px;
    text-align: center;
    color: #1f2937;
}
#pg-apps-item .chat-menu .app-install-button-box{
    text-align: center;
    padding: 20px 0 30px 0;
    margin: 0 10px 0 10px;
}
#pg-apps-item #app-config-box{
    margin-top: 0;
    padding: 0;
    border: 0;
}
#pg-apps-item .whatsapp-status-label.wsl-green {
	background-color: #78C645;
}
#pg-apps-item .whatsapp-status-label.wsl-red{
	background-color: #E6582C;
}
#pg-apps-item .whatsapp-status-label.wsl-orange{
	background-color: orange;
}
#pg-apps-item .whatsapp-status-label {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #ccc;
	padding: 2px 18px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	letter-spacing: .3px;
}
#pg-apps-item .whatsapp-hsm-list{
	padding: 5px;
	list-style: none;
	background: #ffc1074f;
	border: 1px solid #ffc107cf;
	border-radius: 3px;
	margin-top: 25px;
}
#pg-apps-item .whatsapp-hsm-list li{
	padding: 3px 10px;
}
#pg-apps-item .whatsapp-hsm-list li:first-child,
#pg-apps-item .whatsapp-hsm-list li.whl-title{
	font-size: 14px;
	font-weight: 600;
	padding: 3px 5px;
}
#pg-apps-item .whatsapp-hsm-list li.whl-divider{
	height: 0px;
	border-top: 1px dashed #6c757c;
	padding: 0;
	margin-top: 13px;
	margin-bottom: 13px;
}
#pg-apps-item .whatsapp-hsm-list span{
	font-weight: 600;
}
#pg-user .user-header{
    height: 200px;
    width: 100%;
    position: relative;
}
#pg-user .user-header .user-header-map{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-repeat: repeat;
    border-bottom: 1px solid #f1f1f1;
}
#pg-user .user-header .user-header-content{
    width: 100%;
    height: 200px;
}
#pg-user .profile-avatar {
    padding: 0;
    background-color: #ccc;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
    box-shadow: 0 2rem 7rem -2rem #000000;
}
#pg-user .user-fullname-line .hidden-edit-field-btn{
    display: inline-block;
    margin-left: 7px;
    font-size: 13px;
}
#pg-user .user-header .user-header-content .col-3{
    padding: 0;
    position: relative;
    height: 200px;
}
#pg-user .user-header .user-header-content .col-7{
    height: 200px;
    position: relative;
}
#pg-user .user-header .user-header-content .col-7 > div{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    display: inline-block;
    height: 60px;
    padding-right: 190px;
}
#pg-user .user-header .user-header-content .col-7 > div > a{
    position: absolute;
    right: 75px;
}
#whatsapp-hsm-select-button{
	color: #00a553;
	border: 1px solid #00a553;
}
#whatsapp-hsm-select-button:focus{
	box-shadow: 0 0 0 0.2rem #00a5534a;
}
#whatsapp-hsm-select-button:hover {
	color: #fff;
	background-color: #00a553;
}
.chat-list-team-box{
	padding: 14px 10px !important;
	transition: none !important;
	border-bottom: 1px solid #ddd;
	height: 60px;
	overflow: hidden;
	background: #fff;
}
.chat-list-team-box:hover {
	box-shadow: none !important;
}
.chat-list-team-box button{
	background: #fff;
	outline: none;
	border: 0;
	border-radius: .25rem;
	width: calc(50% - 5px);
	float: left;
	cursor: pointer;
	height: 30px;
}
.chat-list-team-box button:first-child{
	margin-right: 10px;
}
.chat-list-team-box button:hover{
	background: #f1f1f1;
}
.chat-list-team-box button.cltb-active{
	background: #208ef0;
	color: #fff;
}
.chat-list-all-managers{
	position: absolute;
	top: 57px;
	width: 100%;
	height: calc(100vh - 57px);
	border: 0;
	border-top: 1px solid #ddd;
	padding: 0;
	overflow: auto;
	background: #fff;
}
.chat-list-all-managers a{
	padding: 12px !important;
	padding-left: 47px !important;
	position: relative;
}
.chat-list-all-managers a img{
	width: 25px !important;
	height: 25px !important;
	top: 10px;
	position: absolute;
	left: 12px;
	border-radius: 50%;
}
.chat-list-all-managers a span{
	position: absolute;
	right: 12px;
	top: 12px;
	font-size: 10px;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 19px;
	border-radius: 50%;
	background: #f11259;
}
#chat-list-all-managers-btn img{
	width: 16px;
	border-radius: 50%;
	margin-right: 5px;
}
.platform-update-bar{
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 0;
	width: 100%;
	min-width: 800px;
	height: 50px;
	color: #fff;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-image: linear-gradient(to right, #00BB35, #00BB35);
	z-index: 1000;
}
.platform-update-bar > span{
	white-space: nowrap;
}
.platform-update-bar > span > span{
	margin-right: 20px;
	font-size: 14px;
	font-weight: 500;
}
.platform-update-bar > span > a{
	text-decoration: underline;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
}
.platform-update-bar > span > a:hover {
    color: #fff;
    text-decoration: none;
}



.whatsapp-templates-list{
	list-style: none;
	padding: 0;
	width: 100%;
	border-bottom: 0;
	background: #fff;
	border-radius: 3px;
}
.whatsapp-templates-list li{
	width: 100%;
	padding: 12px 15px;
	display: inline-block;
	border: 1px solid #E0E4EA;
	font-size: 14px;
	position: relative;
	cursor: pointer;
}
#facebook-select-tag .whatsapp-templates-list li{
	font-weight: 600;
}
.whatsapp-templates-list li:first-child{
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.whatsapp-templates-list li:last-child{
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem;
}
.whatsapp-templates-list li:hover{
	background: #fafafa;
}
.whatsapp-templates-list li.wtl-active{
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.whatsapp-templates-list li .wtl-text{
	padding: 5px 0;
}
#facebook-select-tag .whatsapp-templates-list li .wtl-text{
	font-size: 13px;
	font-weight: 400;
}
.whatsapp-templates-list li .wtl-badge{
	border-radius: 4px;
	padding: 1px 6px;
	font-size: 12px;
	font-weight: 500;
	margin-left: 6px;
}
.whatsapp-templates-empty{
	display: inline-block;
	width: 100%;
	padding: 50px 0;
	text-align: center;
	border: 1px solid #E0E4EA;
	border-radius: 3px;
	padding: 110px 0;
	height: 280px;
}
.whatsapp-template-hsm-input{
	width: 120px;
	text-align: center;
	margin: 0px 2px;
	border: 1px solid #c9c9c9;
	background: #f8f5f0;
	padding: 2px 4px;
	border-radius: .25rem;
	outline: none;
}
.whatsapp-template-hsm-input:hover,
.whatsapp-template-hsm-input:focus{
	transition: .3s;
	border-color: #007BFF;
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
#whatsapp-config-box .whatsapp-templates-list{
	list-style: none;
	padding: 0;
	width: 100%;
	border: 1px solid #E0E4EA;
	border-bottom: 0;
	background: #fff;
	border-radius: 3px;
}
#whatsapp-config-box .whatsapp-templates-list li{
	width: 100%;
	padding: 12px 15px;
	display: inline-block;
	border: 0;
	border-bottom: 1px solid #E0E4EA;
	font-size: 14px;
	position: relative;
}
.whatsapp-templates-list li .wtl-right{
	position: absolute;
	top: 10px;
	right: 15px;
}
.whatsapp-templates-list li .wtl-badge{
	border-radius: 4px;
	padding: 1px 6px;
	font-size: 12px;
	font-weight: 500;
	margin-left: 6px;
}
.whatsapp-templates-list li .wtl-badge.wtlb-orange{
	background-color: orange;
}
.whatsapp-templates-list li .wtl-badge.wtlb-red{
	background-color: red;
	color: #fff;
}
.whatsapp-templates-list li .wtl-badge-outline{
	border-radius: 4px;
	padding: 1px 6px;
	font-size: 12px;
	font-weight: 500;
	margin-left: 6px;
	border: 1px solid #212529;
}
.sl-box{
	display: inline-block;
	width: 100%;
}
.sl-link{
	position: relative;
	width: 100%;
	display: inline-block;
}
.sl-link button{
	position: absolute;
	right: 0;
	top: 0;
}
.sl-box-item{
	border: 1px solid #dfe4e9;
	border-radius: 7px;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	padding: 10px;
	transition: .5s;
	margin-bottom: 10px;
}
.sl-box-item:hover{
	border-color: #80bdff;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.sl-box-item .sl-box-icon{
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
	float: left;
}
.sl-box-item .sl-box-icon img{
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-top: 0;
}
.sl-box-item .sl-box-info{
	width: calc(100% - 50px);
	float: left;
	padding: 0 10px;
}
.sl-box-item .sl-box-info .sl-box-title{
	font-size: 14px;
	margin-bottom: 10px;
}
.sl-box-item .sl-box-info .sl-box-input{
	position: relative;
	width: 100%;
	display: inline-block;
}
.sl-box-item .sl-box-info .sl-box-input input{

}
.sl-box-item .sl-box-info .sl-box-input button{
	position: absolute;
	top: 0;
	right: 0;
}
.sl-sub-box{
	display: none;
}
.sl-custom-sub{
	display: none;
}
#conversation-email-signature-select{
	border: 1px solid #f0f0f0;
	border-radius: .25rem;
	margin-left: 8px;
	outline: none;
}
#conversation-email-signature-select:focus{
	border: 1px solid #037bfe;
}


.chat-sidebox-box-header.accomodation-box{

}
.chat-sidebox-box-header.accomodation-box span{
	cursor: inherit;
}
.chat-sidebox-box-header.accomodation-box span i{
	margin-right: 5px;
	color: #6dd400;
}
.accomodation-box-tooltip{
	font-size: 15px;
}

/* ===================================== Deals and Kanban start ===================================== */
.chat .chat-deals,
.chat .chat-tasks{
	-ms-flex: 0 0 calc(100% - 68px);
	flex: 0 0 calc(100% - 68px);
	max-width: calc(100% - 68px);
	background: #f7f8fd;
}
.chat .chat-deals .chat-deals-header,
.chat .chat-tasks .chat-tasks-header{
	padding: 10px 15px;
	font-size: 18px;
	border-bottom: 1px solid #f1f1f1;
	background: #fff;
	width: 100%;
}


.kanban-board {
	flex: 1;
	white-space: nowrap;
	overflow-x: auto;
	display: flex;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.kanban-board h6{
    font-size: 1rem;
    margin-top: 0;
}
.kanban-board > .kanban-col {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	flex: 1 0 auto;
	width: calc(100vw - 24px);
	max-height: 100%;
	padding-right: 0.75rem;
	padding-bottom: 0.75rem;
	outline: none !important;
}
.kanban-board > .kanban-col .card-list {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-bottom: 0.75rem;
    border-radius: 0.5rem;
    padding: 1rem;
    background: #E9EEF2;
}
.kanban-board > .kanban-col .card-list-header {
	display: block;
	position: relative;
}
.kanban-board > .kanban-col .card-list-header .dropdown {
	position: absolute;
	right: 2px;
	top: 2px;
}
.kanban-board > .kanban-col .card-list-body {
    min-height: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-y: scroll;
    -ms-overflow-style: none;
}
.kanban-board > .kanban-col .card-list-body::-webkit-scrollbar{
    display: none;
}
.card-kanban {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none !important;
    cursor: -webkit-grab;
    cursor: grab;

    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #E9EEF2;
    border-radius: 0.5rem;
    margin-bottom: 0.75rem;
    box-shadow: 0 0.1875rem 0.375rem rgba(33, 37, 41, 0.05);
    border: none;
}
.card-kanban:last-child {
    margin-bottom: 0;
}
.card-kanban .progress{
    height: 0.1875rem;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.card-kanban .progress .progress-bar {
    height: 1rem;
    border-radius: .5rem 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
}
.card-kanban .progress .progress-bar[style="width: 100%"] {
    border-radius: .5rem .5rem 0 0;
}
.card-kanban .card-body {
    flex: 1 1 auto;
    padding: 1rem;
}
.card-kanban .card-body .card-options {
    position: absolute;
    top: 18px;
    right: 0.75rem;
}
@media (min-width: 1200px) {
    .card-kanban:not(:hover) .card-options {
        opacity: 0;
    }
}
.card-kanban .card-body .card-options .btn-options,
.kanban-board .kanban-col .card-list .card-list-header .btn-options{
    color: #6c757d;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.card-kanban .card-body .card-title {
    max-width: 90%;
    margin-bottom: 0.75rem;
    font-size: 14px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: #212529;
}
.card-kanban .card-body .card-title:last-child {
    margin-bottom: 0;
}
.card-kanban .card-body .avatars {
    padding-left: 0;
    list-style: none;
    margin: 0;
    margin-bottom: 0.75rem;
}
.card-kanban .card-body .avatars > li {
    display: inline-block;
}
.card-kanban .card-body .avatars > li + li {
    margin-left: -0.75rem;
}
.card-kanban .card-body .avatars > li .avatar{
    border-color: #fff;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #F7F9FA;
    background: #F7F9FA;
    color: #fff;
    width: 1.875rem;
    height: 1.875rem;
}
.card-kanban .card-body .card-meta{
    font-size: .875rem;
}
.card-kanban .card-body .card-meta i{
    margin-right: 0.25rem;
}
.card-kanban .card-body .card-meta .text-small {
    font-size: .875rem;
    line-height: 1.3125rem;
}
.kanban-board > .kanban-col .card-list-footer {
	padding-top: 0.75rem;
}
.kanban-board > .kanban-col .card-list-footer .btn-link {
	padding: 0;
}
.kanban-board:focus {
	outline: none;
}
@media (min-width: 576px) {
	.kanban-board > .kanban-col {
		max-width: 19.5rem;
	}
}
@media (max-width: 767.98px) {
	.container-kanban .page-header h1 {
		font-size: 1.5rem;
		margin: 0;
	}
	.container-kanban .page-header > div:last-child {
		display: none !important;
	}
}
.draggable--is-dragging {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}
.draggable--is-dragging .card-kanban *,
.draggable--is-dragging .card-list {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.card-kanban.draggable-mirror {
    min-width: 268px;
    margin-bottom: 0;
}
.draggable-mirror {
    z-index: 2;
}
.draggable-source--is-dragging {
    opacity: .25;
}
.draggable-source--is-dragging:nth-last-child(2) {
    margin-bottom: 0;
}
.draggable--original {
    margin: 0 !important;
}
.main-container > .container:last-child,
.main-container > .container-fluid:last-child {
	padding-bottom: 6rem;
}
.chat-deals .kanban-board h6{
	margin-bottom: 0;
}
.chat-deals .chat-deals-body{
	background: #E9EEF2;
}
.chat-deals .kanban-board > .kanban-col{
	padding-right: 0;
	padding-bottom: 0;
	background: #f1f1f1;
	border-right: 1px solid #dcdcdd;
}
.chat-deals .kanban-board > .kanban-col:last-child{
	border-right: 0;
}
.chat-deals .kanban-board[data-count="1"] .kanban-col:last-child,
.chat-deals .kanban-board[data-count="2"] .kanban-col:last-child,
.chat-deals .kanban-board[data-count="3"] .kanban-col:last-child,
.chat-deals .kanban-board[data-count="4"] .kanban-col:last-child{
	border-right: 1px solid #ccc;
}
.chat-deals .kanban-board[data-count="5"] .kanban-col{
	max-width: 20%;
}
.chat-deals .kanban-board > .kanban-col .card-list{
	border-radius: 0;
	background: transparent;
	margin-bottom: 0;
	padding-bottom: 0;
	padding: 0;
}
.chat-deals .kanban-board > .kanban-col .card-list-header{
	padding: 1rem;
	background: #fff;
}
.chat-deals .kanban-board > .kanban-col .card-list-header div{
	font-size: 12px;
	margin-top: 5px;
	color: #444;
}
.chat-deals .kanban-board > .kanban-col .card-list-body{
	padding: 1rem;
	height: calc(100vh - 150px);
}
.chat-deals .card-list > .progress {
	height: 6px;
	border-radius: 0;
}
.chat-deals .card-list > .progress .progress-bar{
	width: 100%;
}
/* ===================================== Deals and Kanban end ===================================== */

/* ===================================== Dashboard Guide start ===================================== */
.dash-guide{
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: .25rem;
    padding: 0;
    background: #fff;
}
.dash-guide .dash-guide-header{
    position: relative;
    padding: 40px 20px 20px 20px;
    background: #fff;
    border-radius: .25rem .25rem 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    background-color: #f2c6bd;
}
.dash-guide .dash-guide-header h2{
    font-size: 24px;
    font-weight: bold;
    line-height: 0.75;
    letter-spacing: normal;
    color: #24374e;
    margin: 0px 0px 16px;
}
.dash-guide .dash-guide-header .dash-guide-header-box{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.dash-guide .dash-guide-header .dash-guide-header-box .dash-guide-header-percentage{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.dash-guide .dash-guide-header .dash-guide-header-box .dash-guide-header-left{
    margin-left: 8px;
    z-index: 2;
}
.dash-guide .dash-guide-header .dash-guide-header-box .dash-guide-header-left p{
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(36, 55, 78);
    margin: 0px 0px 8px;
}
.dash-guide .dash-guide-header .dash-guide-header-box .dash-guide-header-left button{
    color: rgb(0, 137, 255);
    cursor: pointer;
    border: 0;
    background: none;
    padding: 0;
    font: inherit inherit inherit inherit inherit inherit inherit inherit inherit;
    outline: none;
}
.dash-guide .dash-guide-header .dash-guide-header-box .dash-guide-header-left button:hover{
	color: #24374e;
}
.dash-guide .dash-guide-header .dash-guide-header-box img{
    position: absolute;
    right: 16px;
    bottom: 0px;
    width: 300px;
}
.dash-guide .dash-guide-body{
    
}
.dash-guide .dash-guide-body .accordion-list{
    list-style: none;
    padding: 0;
}
.dash-guide .dash-guide-body .accordion-list li{
    border: 1px solid #e4e4e4;
    margin-bottom: 10px;
    border-radius: .25rem;
    padding: 0;
    transition: .3s;
}
.dash-guide .dash-guide-body .accordion-list li .accordion-list-header{
    padding: 15px;
    width: 100%;
    cursor: pointer;
    user-select: none;
    font-weight: bold;
}
.dash-guide .dash-guide-body .accordion-list li .accordion-list-header img{
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-right: 7px;
}
.dash-guide .dash-guide-body .accordion-list li .accordion-list-header > .fa{
    margin: 3px 1px;
}
.dash-guide .dash-guide-body .accordion-list li .accordion-list-header > .fa-chevron-down{
    display: none;
}
.dash-guide .dash-guide-body .accordion-list li .accordion-list-header > .accordion-list-default{
    background: #007bff;
    border: 1px solid #007bff;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: .25rem;
    margin-left: 7px;
    font-weight: 500;
    color: #fff;
}
.dash-guide .dash-guide-body .accordion-list li .accordion-list-content{
    display: none;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    padding: 0 3px 10px 3px;
}
.dash-guide .dash-guide-body .accordion-list li .accordion-list-content textarea{
    margin-bottom: 5px;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active,
.dash-guide .dash-guide-body .accordion-list li:hover{
    border: 1px solid #007bff;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-content{
    display: inline-block;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-header .fa-chevron-right{
    display: none !important;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-header .fa-chevron-down{
    display: inline-block !important;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-content > .col-sm-12{
    margin-top: 10px;
    max-height: 365px;
    overflow-x: scroll;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-content > .col-sm-12 .app-card{
    padding: 10px;
    float: left;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-content > .col-sm-12 .app-card a{
    background: #fff;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
    border-radius: .25rem;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    border: 1px solid #e4e4e4;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-content > .col-sm-12 .app-card a:hover{
    border: 1px solid #007bff;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-content > .col-sm-12 .app-card a .ac-header{
    width: 100%;
    height: 120px;
    position: relative;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-content > .col-sm-12 .app-card a .ac-header .ac-icon{
    width: 68px;
    height: 68px;
    background-size: cover;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-content > .col-sm-12 .app-card a .ac-body{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-active .accordion-list-content > .col-sm-12 .app-card a .ac-body .ac-title{
    font-size: 16.2px;
    color: #101010;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-done .accordion-list-header{
    text-decoration: line-through;
}
.dash-guide .dash-guide-body .accordion-list li.accordion-list-done .accordion-list-header .fa-check-circle{
    color: #4c6;
}
.progress-circle{
    font-size: 20px;
    margin: 20px;
    position: relative;
    padding: 0;
    width: 64px;
    height: 64px;
    background-color: #fff;
    border-radius: 50%;
    line-height: 64px;
}
.progress-circle:after{
    border: none;
    position: absolute;
    top: 5px;
    left: 5px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    background-color: #26384c;
    content: " ";
}
.progress-circle span{
    position: absolute;
    line-height: 64px;
    width: 64px;
    text-align: center;
    display: block;
    color: #fff;
    z-index: 2;
}
.left-half-clipper{
    border-radius: 50%;
    width: 64px;
    height: 64px;
    position: absolute;
    clip: rect(0,64px,64px,32px);
}
.progress-circle.over50 .left-half-clipper{
    clip: rect(auto,auto,auto,auto);
}
.value-bar{
    position: absolute;
    clip: rect(0,32px,64px,0);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 5px solid #45cb64;
    box-sizing: border-box;
}
.progress-circle.over50 .first50-bar{
    position: absolute;
    clip: rect(0,64px,64px,32px);
    background-color: #46ca63;
    border-radius: 50%;
    width: 64px;
    height: 64px;
}
.progress-circle:not(.over50) .first50-bar{
    display: none;
}
.progress-circle.p0 .value-bar{
    display: none;
}
.progress-circle.p1 .value-bar{
    transform: rotate(4deg);
}
.progress-circle.p2 .value-bar{
    transform: rotate(7deg);
}
.progress-circle.p3 .value-bar{
    transform: rotate(11deg);
}
.progress-circle.p4 .value-bar{
    transform: rotate(14deg);
}
.progress-circle.p5 .value-bar{
    transform: rotate(18deg);
}
.progress-circle.p6 .value-bar{
    transform: rotate(22deg);
}
.progress-circle.p7 .value-bar{
    transform: rotate(25deg);
}
.progress-circle.p8 .value-bar{
    transform: rotate(29deg);
}
.progress-circle.p9 .value-bar{
    transform: rotate(32deg);
}
.progress-circle.p10 .value-bar{
    transform: rotate(36deg);
}
.progress-circle.p11 .value-bar{
    transform: rotate(40deg);
}
.progress-circle.p12 .value-bar{
    transform: rotate(43deg);
}
.progress-circle.p13 .value-bar{
    transform: rotate(47deg);
}
.progress-circle.p14 .value-bar{
    transform: rotate(50deg);
}
.progress-circle.p15 .value-bar{
    transform: rotate(54deg);
}
.progress-circle.p16 .value-bar{
    transform: rotate(58deg);
}
.progress-circle.p17 .value-bar{
    transform: rotate(61deg);
}
.progress-circle.p18 .value-bar{
    transform: rotate(65deg);
}
.progress-circle.p19 .value-bar{
    transform: rotate(68deg);
}
.progress-circle.p20 .value-bar{
    transform: rotate(72deg);
}
.progress-circle.p21 .value-bar{
    transform: rotate(76deg);
}
.progress-circle.p22 .value-bar{
    transform: rotate(79deg);
}
.progress-circle.p23 .value-bar{
    transform: rotate(83deg);
}
.progress-circle.p24 .value-bar{
    transform: rotate(86deg);
}
.progress-circle.p25 .value-bar{
    transform: rotate(90deg);
}
.progress-circle.p26 .value-bar{
    transform: rotate(94deg);
}
.progress-circle.p27 .value-bar{
    transform: rotate(97deg);
}
.progress-circle.p28 .value-bar{
    transform: rotate(101deg);
}
.progress-circle.p29 .value-bar{
    transform: rotate(104deg);
}
.progress-circle.p30 .value-bar{
    transform: rotate(108deg);
}
.progress-circle.p31 .value-bar{
    transform: rotate(112deg);
}
.progress-circle.p32 .value-bar{
    transform: rotate(115deg);
}
.progress-circle.p33 .value-bar{
    transform: rotate(119deg);
}
.progress-circle.p34 .value-bar{
    transform: rotate(122deg);
}
.progress-circle.p35 .value-bar{
    transform: rotate(126deg);
}
.progress-circle.p36 .value-bar{
    transform: rotate(130deg);
}
.progress-circle.p37 .value-bar{
    transform: rotate(133deg);
}
.progress-circle.p38 .value-bar{
    transform: rotate(137deg);
}
.progress-circle.p39 .value-bar{
    transform: rotate(140deg);
}
.progress-circle.p40 .value-bar{
    transform: rotate(144deg);
}
.progress-circle.p41 .value-bar{
    transform: rotate(148deg);
}
.progress-circle.p42 .value-bar{
    transform: rotate(151deg);
}
.progress-circle.p43 .value-bar{
    transform: rotate(155deg);
}
.progress-circle.p44 .value-bar{
    transform: rotate(158deg);
}
.progress-circle.p45 .value-bar{
    transform: rotate(162deg);
}
.progress-circle.p46 .value-bar{
    transform: rotate(166deg);
}
.progress-circle.p47 .value-bar{
    transform: rotate(169deg);
}
.progress-circle.p48 .value-bar{
    transform: rotate(173deg);
}
.progress-circle.p49 .value-bar{
    transform: rotate(176deg);
}
.progress-circle.p50 .value-bar{
    transform: rotate(180deg);
}
.progress-circle.p51 .value-bar{
    transform: rotate(184deg);
}
.progress-circle.p52 .value-bar{
    transform: rotate(187deg);
}
.progress-circle.p53 .value-bar{
    transform: rotate(191deg);
}
.progress-circle.p54 .value-bar{
    transform: rotate(194deg);
}
.progress-circle.p55 .value-bar{
    transform: rotate(198deg);
}
.progress-circle.p56 .value-bar{
    transform: rotate(202deg);
}
.progress-circle.p57 .value-bar{
    transform: rotate(205deg);
}
.progress-circle.p58 .value-bar{
    transform: rotate(209deg);
}
.progress-circle.p59 .value-bar{
    transform: rotate(212deg);
}
.progress-circle.p60 .value-bar{
    transform: rotate(216deg);
}
.progress-circle.p61 .value-bar{
    transform: rotate(220deg);
}
.progress-circle.p62 .value-bar{
    transform: rotate(223deg);
}
.progress-circle.p63 .value-bar{
    transform: rotate(227deg);
}
.progress-circle.p64 .value-bar{
    transform: rotate(230deg);
}
.progress-circle.p65 .value-bar{
    transform: rotate(234deg);
}
.progress-circle.p66 .value-bar{
    transform: rotate(238deg);
}
.progress-circle.p67 .value-bar{
    transform: rotate(241deg);
}
.progress-circle.p68 .value-bar{
    transform: rotate(245deg);
}
.progress-circle.p69 .value-bar{
    transform: rotate(248deg);
}
.progress-circle.p70 .value-bar{
    transform: rotate(252deg);
}
.progress-circle.p71 .value-bar{
    transform: rotate(256deg);
}
.progress-circle.p72 .value-bar{
    transform: rotate(259deg);
}
.progress-circle.p73 .value-bar{
    transform: rotate(263deg);
}
.progress-circle.p74 .value-bar{
    transform: rotate(266deg);
}
.progress-circle.p75 .value-bar{
    transform: rotate(270deg);
}
.progress-circle.p76 .value-bar{
    transform: rotate(274deg);
}
.progress-circle.p77 .value-bar{
    transform: rotate(277deg);
}
.progress-circle.p78 .value-bar{
    transform: rotate(281deg);
}
.progress-circle.p79 .value-bar{
    transform: rotate(284deg);
}
.progress-circle.p80 .value-bar{
    transform: rotate(288deg);
}
.progress-circle.p81 .value-bar{
    transform: rotate(292deg);
}
.progress-circle.p82 .value-bar{
    transform: rotate(295deg);
}
.progress-circle.p83 .value-bar{
    transform: rotate(299deg);
}
.progress-circle.p84 .value-bar{
    transform: rotate(302deg);
}
.progress-circle.p85 .value-bar{
    transform: rotate(306deg);
}
.progress-circle.p86 .value-bar{
    transform: rotate(310deg);
}
.progress-circle.p87 .value-bar{
    transform: rotate(313deg);
}
.progress-circle.p88 .value-bar{
    transform: rotate(317deg);
}
.progress-circle.p89 .value-bar{
    transform: rotate(320deg);
}
.progress-circle.p90 .value-bar{
    transform: rotate(324deg);
}
.progress-circle.p91 .value-bar{
    transform: rotate(328deg);
}
.progress-circle.p92 .value-bar{
    transform: rotate(331deg);
}
.progress-circle.p93 .value-bar{
    transform: rotate(335deg);
}
.progress-circle.p94 .value-bar{
    transform: rotate(338deg);
}
.progress-circle.p95 .value-bar{
    transform: rotate(342deg);
}
.progress-circle.p96 .value-bar{
    transform: rotate(346deg);
}
.progress-circle.p97 .value-bar{
    transform: rotate(349deg);
}
.progress-circle.p98 .value-bar{
    transform: rotate(353deg);
}
.progress-circle.p99 .value-bar{
    transform: rotate(356deg);
}
.progress-circle.p100 .value-bar{
    transform: rotate(360deg);
}
/* ===================================== Dashboard Guide end ===================================== */
/* ===================================== Left Menu start ===================================== */
.chat .chat-icons {
	padding: 0;
	margin: 0;
	position: relative;
	-ms-flex: 0 0 68px;
	flex: 0 0 68px;
	max-width: 68px;
	background: #fafafa;
	overflow: inherit;
}
.chat .chat-icons ul:not(.dropdown-menu) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-bottom: auto;
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.chat .chat-icons ul > li:not(.dropdown-menu li,.chat-menu-logo){
    text-align: center;
    opacity: 1;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48.61px;
}
.chat .chat-icons ul > li > a{
	position: relative;
	display: block;
	padding: .75rem 0;
	color: #8492ab;
	-webkit-transition: color .3s ease-out;
	transition: color .3 ease-out;
}
.chat .chat-icons ul > li > a:hover{
	color: #000;
}
.chat .chat-icons ul > li > a > svg {
    vertical-align: middle;
    width: 24px;
    height: 24px;
    color: #052b4d;
}
.chat .chat-icons ul > li > a > svg path:not(.chat-icons-dontfill){
	fill: currentColor;
}
.chat .chat-icons ul > li > a.is-current {
	color: #000;
}
.chat .chat-icons ul > li > a.is-current::after {
	position: absolute;
	top: 1.06666666667rem;
	bottom: 1.06666666667rem;
	left: 0;
	width: .266666666667rem;
	border-top-right-radius: .266666666667rem;
	border-bottom-right-radius: .266666666667rem;
	background-color: #037bfe;
	content: "";
}
.chat .chat-icons ul li.chat-menu-profile{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
	margin-bottom: 8px;
	height: 60px;
	padding: 4px 8px;
}
.chat .chat-icons ul li.chat-menu-profile .chat-menu-header{
	/*background: #fff;*/
	/*height: 55px;
	line-height: 50px;*/
	color: #000000;
	text-align: center;
	width: 100%;
	display: inline-block;
	transition: .3s;
	padding: 0;
	width: 40px;
    height: 40px;
    position: relative;
	border-radius: 50%;
	background-color: unset;
}
.chat .chat-icons ul li.chat-menu-profile .chat-menu-header:hover{
	box-shadow: 0px 0px 0px 6px #e9ebed;
	background-color: unset;
	transition: .25s;
	cursor: pointer;
}
.chat .chat-icons ul li.chat-menu-profile .chat-menu-header img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.chat .chat-icons ul li.chat-menu-profile .chat-menu-header .agent-visibility-icon{
	position: absolute;
	bottom: 0;
	right: 0;
	background: #32C24D;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid #ffffff;
	z-index: 100;
	transition: .5s;
	padding: 0;
	top: unset;
	left: unset;
}
.chat .chat-icons ul li.chat-menu-profile .chat-menu-header .agent-visibility-icon.avi-offline{
	background: #ffc107;
}
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu{
	top: unset;
	left: 85px;
	padding: 0;
	width: 224px;
	bottom: 0;
	border-radius: 8px;
	box-shadow: 0px 8px 20px rgb(0 0 0 / 12%), 0px 4px 12px rgb(0 0 0 / 8%);
	background-color: #fff;
}
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu > li{
	text-align: left;
	display: flex;
    padding: 0;
    align-items: center;
    cursor: pointer;
}
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu > li:not(.agent-visibility-box):hover{
	background-color: #f4f5f6;
}
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu > li .chat-menu-away-msg{
	font-size: 10px;
	margin-top: 10px;
}
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu > li > a{
	padding: 8px 16px;
	color: #000;
    font-size: .875rem;
    line-height: 1.429;
    font-weight: 500;
    background-color: unset;
    width: 100%;
}
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu > li:last-child > a,
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu > li:last-child > a svg{
	color: #e61919;
}
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu > li > a:hover{
	background-color: unset;
	width: 100%;
}
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu > li:last-child:hover{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu > li > a svg{
	vertical-align: middle;
    width: 20px;
    height: 20px;
    color: #000000;
    margin-right: 8px;
}
.chat .chat-icons ul li.chat-menu-profile > .dropdown-menu > li.divider{
	padding: 0;
}
.chat-menu-profile-changelog{
	width: 8px;
	height: 8px;
	background: red;
	display: inline-block;
	border-radius: 50%;
	margin-left: 5px;
}
.chat .chat-icons ul li.chat-menu-notification{
	border-bottom: 1px solid #f1f1f1;
	transition: .3s;
}
.chat .chat-icons ul li.chat-menu-notification:hover{
	color: #888;
}
.chat .chat-icons ul li.chat-menu-notification.chat-menu-notification-active a i{
	color: #f11359;
}
.chat .chat-icons ul li.chat-menu-notification.chat-menu-notification-active a i:hover{
	color: #d6114f;
}
.chat .chat-icons ul li.chat-icons-changelog{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
}
.chat .chat-icons ul li.chat-icons-changelog svg,
.chat .chat-icons ul li.chat-icons-changelog svg g {
	fill: #ddd;
	color: #ddd;
	stroke: #ddd;
}
.chat .chat-icons ul li.chat-icons-changelog.chat-icons-changelog-active svg,
.chat .chat-icons ul li.chat-icons-changelog.chat-icons-changelog-active svg g {
	fill: #f11359;
	color: #f11359;
	stroke: #f11359;
}
/* ===================================== Left Menu end ===================================== */
/* ===================================== Changelog page start ===================================== */
.chat .chat-changelog{

}
.chat .chat-changelog .chat-changelog-post{
	background: #fff;
	margin-bottom: 20px;
	padding: 15px 15px 0 15px;
	display: inline-block;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.05);
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-title{
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 600;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-title:hover {

}
.chat .chat-changelog .chat-changelog-post .chat-changelog-title a{
	color: #000;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-title a:hover{
	text-decoration: underline;
	color: #333;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-content{
	display: inline-block;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-content img,
.chat .chat-changelog .chat-changelog-post .chat-changelog-content video,
.chat .chat-changelog .chat-changelog-post .chat-changelog-content iframe{
	max-width: 100%;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer{
	display: inline-block;
	height: 30px;
	border-radius: 0 0 5px 5px;
	position: relative;
	width: 100%;
	margin: 15px 0 0 0;
	background: #fff;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer .chat-changelog-vote{
	list-style: none;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 50px;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer .chat-changelog-vote li{
	float: left;
	margin-right: 10px;
	cursor: pointer;
	transition: .2s;
	font-size: 17px;
	color: #999;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer .chat-changelog-vote li:last-child{
	margin-right: 0;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer .chat-changelog-vote li:first-child:hover,
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer .chat-changelog-vote li.chat-changelog-vote-active:first-child{
	color: #59d457;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer .chat-changelog-vote li:last-child:hover,
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer .chat-changelog-vote li.chat-changelog-vote-active:last-child{
	color: #ff5a80;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer ul.chat-changelog-labels{
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer ul.chat-changelog-labels li{
	float: left;
	margin-right: 10px;
	color: #555;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer ul.chat-changelog-labels li div{
	background: #ccc;
	width: 8px;
	height: 8px;
	float: left;
	margin-top: 6px;
	border-radius: 50%;
	margin-right: 8px;
}
.chat .chat-changelog .chat-changelog-post .chat-changelog-footer time{
	float: right;
	color: #555;
}
.chat .chat-changelog .chat-changelog-empty{
	width: 100%;
	text-align: center;
	font-size: 14px;
	padding-top: 40px;
}
/* ===================================== Changelog page end ===================================== */
.badge-key{
	height: 20px;
	margin: 0 4px 4px;
	padding: 1px 4px 0;
	line-height: 18px;
	font-size: 13px;
	font-weight: 400;
	min-width: 26px;
	border-radius: 4px;
	text-shadow: none;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	background: #ddd;
	box-shadow: 0 1px 0 #212121ab;
	color: #434243;
}

#pg-settings .emojionearea.emojionearea-standalone .emojionearea-editor {
	min-height: 36px;
	padding: 6px 50px 6px 6px;
}
#pg-settings .emojionearea .emojionearea-button{
	opacity: 1;
}
#pg-settings .emojionearea, .emojionearea.form-control{
	border: 1px solid #ced4da;
}
.chat.chat-subscription .chat-icons > ul > li.chat-menu-logo{
    pointer-events: none;
}
.chat.chat-subscription .chat-icons > ul > li:not(.chat-menu-profile,.chat-menu-logo){
    filter: blur(5px);
    pointer-events: none;
}
.stripe-elem-field{

}
.stripe-elem-field label{
    width: 100%;
}
.stripe-elem-field label span{
    font-weight: 400;
    font-size: 12px;
    color: #28a745;
    float: right;
    margin-top: 1px;
}
.StripeElement {
    display: block;
    width: 100%;
    padding: 0.56rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 38px;
}
.StripeElement--focus{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.beta-feature{
    font-size: 11px !important;
    margin-left: 5px !important;
    font-weight: 400 !important;
    padding: 2px 8px !important;
    color: #000 !important;
}
.beta-feature:hover{
    color: #000 !important;
}
.sortable-card-selected {
    border: 2px dashed #007bff !important;
}
#pg-settings .workflows-block{

}
#pg-settings .workflows-block table{

}
#pg-settings .workflows-block table tbody{

}
#pg-settings .workflows-block table tbody tr{
	background-color: white;
}
#pg-settings .workflows-block table tbody tr td{

}
#pg-settings .workflows-block table tbody tr td.workflow-item-sort{
	cursor: all-scroll;
	width: 30px;
}
#pg-settings .workflows-block table tbody tr td.workflow-item-order{
	text-align: center;
	width: 40px;
}
#pg-settings .workflows-block table tbody tr td.workflow-item-name{

}
#pg-settings .workflows-block table tbody tr td.workflow-item-name a:first-child{

}
#pg-settings .workflows-block table tbody tr td.workflow-item-name a:first-child img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 10px;
}
#pg-settings .workflows-block table tbody tr td.workflow-item-name a:last-child{

}
#pg-settings .workflows-block table tbody tr td.workflow-item-switch{
	overflow: hidden;
	width: 10%;
}
#pg-settings .workflows-block table tbody tr td.workflow-item-switch .workflow-status-switch{
	float: left;
	margin-right: 10px;
}
#pg-settings .workflows-block table tbody tr td.workflow-item-switch .workflow-status-switch input {
	display: none;
}

#pg-settings .workflows-block table tbody tr td.workflow-item-switch .workflow-status-switch .switch-l{
	width: 3.5em;
	height: 1.5em;
}
#pg-settings .workflows-block table tbody tr td.workflow-item-switch .workflow-status-switch .switch-l::after {
	width: calc(1.6em - 10px);
	height: calc(1.6em - 10px);
}
#pg-settings .workflows-block table tbody tr td.workflow-item-switch .workflow-status-switch .switch-c:checked + .switch-l::after {
	width: 1.2em;
	height: 1.2em;
	top: 0.15em;
	left: 2.1em;
}
#pg-settings .workflows-block table tbody tr td.workflow-item-creator{
	overflow: hidden;
	width: 10%;
}
#pg-settings .workflows-block table tbody tr td.workflow-item-creator img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
#pg-settings .workflows-block table tbody tr td.workflow-item-remove{
	text-align: center;
	width: 3%;
}
#pg-settings .roles-block .table-roles tbody tr.role-main{
	color: #495057;
	background-color: #f5f5f5;
	border-color: #dee2e6;
	cursor: pointer;
}
#pg-settings .roles-block .table-roles tbody tr.role-main td:first-child{
	font-weight: 600;
	padding-top: 14px !important;
}
#pg-settings .roles-block .table-roles tbody tr.role-main td:last-child{
	width: 40px;
	text-align: center;
}
#pg-settings .roles-block .table-roles tbody tr.role-sub{

}
#pg-settings .roles-block .table-roles tbody tr.role-sub:hover{
	background-color: #f9f9f9;
	cursor: pointer;
}
#pg-settings .roles-block .table-roles tbody tr.role-sub td:first-child{
	padding-top: 14px !important;
}
#pg-settings .roles-block .table-roles tbody tr.role-sub.role-sub-disabled{
	user-select: none;
	opacity: .6;
	cursor: no-drop;
}
#pg-settings .workflows-block .workflow-status-switch-new{
	display: flex;
	margin-right: 15px;
}
#pg-settings .workflows-block .workflow-status-switch-new label.workflow-status-switch-new-label{
	font-size: 13px;
	margin-right: 10px;
	margin-top: 2px;
}
#pg-settings .workflows-block .workflow-status-switch-new input{
	display: none;
}
#pg-settings .workflows-block .workflow-status-switch-new .switch-l{
	margin-top: 9px;
	width: 3.5em;
	height: 1.5em;
	background-color: #e7eaed !important;
}
#pg-settings .workflows-block .workflow-status-switch-new .switch-l::after {
	width: calc(1.6em - 10px);
	height: calc(1.6em - 10px);
}
#pg-settings .workflows-block .workflow-status-switch-new .switch-c:checked + .switch-l::after {
	width: 1.2em;
	height: 1.2em;
	top: 0.15em;
	left: 2.1em;
}
.json-document {
	padding: 1em 2em;
}
ul.json-dict, ol.json-array {
	list-style-type: none;
	margin: 0 0 0 1px;
	border-left: 1px dotted #ccc;
	padding-left: 2em;
}
.json-string {
	color: #0B7500;
}
.json-literal {
	color: #1A01CC;
	font-weight: bold;
}
a.json-toggle {
	position: relative;
	color: inherit;
	text-decoration: none;
}
a.json-toggle:focus {
	outline: none;
}
a.json-toggle:before {
	font-size: 1.1em;
	color: #c0c0c0;
	content: "\25BC"; /* down arrow */
	position: absolute;
	display: inline-block;
	width: 1em;
	text-align: center;
	line-height: 1em;
	left: -1.2em;
}
a.json-toggle:hover:before {
	color: #aaa;
}
a.json-toggle.collapsed:before {
	transform: rotate(-90deg);
}
a.json-placeholder {
	color: #aaa;
	padding: 0 1em;
	text-decoration: none;
}
a.json-placeholder:hover {
	text-decoration: underline;
}