@font-face {
  font-family: 'imichat-icomoon';
  src:  url('../fonts/icomoon.eot?ktzfl3');
  src:  url('../fonts/icomoon.eot?ktzfl3#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ktzfl3') format('truetype'),
    url('../fonts/icomoon.woff?ktzfl3') format('woff'),
    url('../fonts/icomoon.svg?ktzfl3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'imichat-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-type-7:before {
  content: "\e914";
}
.icon-menuicon:before {
  content: "\e906";
}
.icon-menu-icon:before {
  content: "\e912";
  color: #fff;
}
.icon-tick-icon:before {
  content: "\e913";
}
.icon-widget-icon-1:before {
  content: "\e90e";
  color: #fff;
}
.icon-widget-icon-2:before {
  content: "\e90f";
  color: #fff;
}
.icon-widget-icon-3:before {
  content: "\e910";
  color: #fff;
}
.icon-widget-icon-4:before {
  content: "\e911";
  color: #fff;
}
.icon-send-message-button:before {
  content: "\e90d";
}
.icon-closechat:before {
  content: "\e90c";
}
.icon-add:before {
  content: "\e909";
}
.icon-close:before {
  content: "\e90a";
}
.icon-minus:before {
  content: "\e90b";
}
.icon-headset:before {
  content: "\e908";
}
.icon-dwnimg:before {
  content: "\e907";
}
.icon-chat1:before {
  content: "\e905";
}
.icon-chat:before {
  content: "\e902";
}
.icon-send-button:before {
  content: "\e900";
}
.icon-attachment:before {
  content: "\e901";
}
.icon-cross:before {
  content: "\e903";
}
.icon-happy:before {
  content: "\e904";
}

.chat-container {
	max-width: 960px;
   
	margin: -10px -15px;
	background-color: #fff;
	/*padding: 5px 15px;*/
	position: relative;
	color: #56627c;
	overflow-y: auto;
}

	.chat-container main {
		padding: 20px;
		background-color: #f9f9f9;
	   
		box-sizing: border-box;
	}



.item-cont-input:after, .item-cont-dropdown:after, .item-cont-radio:after, .item-cont-checkbox:after {
	clear: both;
	display: table;
	content: '';
	width: 100%;
}

.supporttxt-abovetxtbox {
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: 500;
}

.form-footer {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #e0e0e0;
}
/****** Style Star Rating Widget *****/

.rating {
	border: none;
	float: left;
}

.rating > input {
display: none;
}

.rating > label:before {
	margin: 5px;
	font-size: 1.25em;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

/* .rating > .half:before {
content: "\f089";
position: absolute;
} */

.rating > label {
	color: #ddd;
	float: right;
	cursor: pointer;
}
.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #120848;
	background-color: #120848;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
color: #120848;
}
/* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
	color: #120848;
}

.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}
.toast-bottom-full-width {        
	bottom: 0px;
	width: 70%;
	max-width: 960px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	box-sizing: border-box;
}
.toast-bottom-full-width .toast {
	padding: 10px;
	border-radius: 2px;
}
.toast-bottom-full-width .toast .toast-message {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
.bg-light {
background-color: #f3f3f6!important;
	border-radius: 8px;
}
.btn.survey-w-btn-prime{
	background-color: rgb(100, 18, 107);
	line-height: 1.6;
	border-color: #dbdbdb;
	color: #fff;
}
.btn.survey-w-btn-prime.active{
	 background-color: #120848!important;
	border-color: #120848!important;
}
.btn.btn-link{
	color: #140a4e;
}
.card.fixed-bottom{
	bottom:15px;
	right:15px;
	left:15px;
}
.survey-submited-div{
	margin: 15px 15px;
}
.line-separater{
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
	margin: 15px 0px;
}
.scale-big{
	width:306px;
}
.scale-big .btn{
	padding: .375rem .50rem;
	font-size: .9rem;
}
.w100{
	width:100%!important;
}
.pr0{
	padding-right: 0px;
}
.chat-container p{
	margin-bottom:5px;
}
.rating_scale label {
	/*margin-right: -5px;*/
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	cursor: pointer;
}
	.rating_scale label:first-child{
	padding-left: 15px;
	}
	.rating_scale span {
	  display: inline-block;
	  box-sizing: border-box;
	 padding: .375rem .58rem;
	  background-color: #f6f6f6;
		line-height: 1.6;
		border:1px solid #dbdbdb;
		color: #54627e;
		width:100%;
		text-align:center;
	}
	.rating_scale label:first-child span {
	  border-top-left-radius: 0.25em;
	  border-bottom-left-radius: 0.25em;
	}
	.rating_scale label:last-child span {
	  border-top-right-radius: 0.25em;
	  border-bottom-right-radius: 0.25em;
	     
	}
	.rating_scale.ld label:last-child span {
	  
	      margin-left: 0px;
    margin-top: 3px;
	}
	.rating_scale.ld label:focus{
		outline:0px!important;
	}
	.rating_scale input[type="radio"] {
	  display: none;
	}
	.rating_scale input[type="radio"]:checked ~ span {
	  background: #120848;
	  color: #fff;
	  
	}
.chat-container {
   
   position: fixed;
    top: 67px;
    width: 100%;
    z-index: 999;
    left: 15px;
    height: calc(100vh - 58px);
}
.inner-header{
	padding: 10px 16px;
	background-color:rgb(100, 18, 107);
	color:#fff;
	position:fixed;
	top:0px;
	width:100%;
	left:0px;
	
}
.inner-header h2{
	font-size: 18px;
    font-weight: 700;
    float: left;
    line-height: 1.64;
}
.close-widget-btn{
	color: #fff;
    background: transparent;
    border: 0px;    
    float: right;
    margin-top: 10px;
	
}
.close-widget-btn .icon-close:before{
	cursor: pointer;
	font-size: 12px;
}
.chat-container.sucess-div, .chat-container.failure-div {
	height: 100vh;
}

.msg-card {
	margin-top: 100px;
	text-align: center;
	border: 0px;
}

.erricon, .successicon {
	margin-bottom: 25px;
}

	.erricon i {
		color: #ff6c6c;
		font-size: 60px;
	}

	.successicon i {
		color: #3ec154;
		font-size: 60px;
	}

.form-control::-webkit-input-placeholder {
	color: #bbb;
}
.mb-10{
	margin-bottom:10px;
}
.chat-container form{
	padding: 10px 15px;
}
.chat-container .slimScrollBar{
	background: rgb(219, 219, 219)!important;
       
    opacity: 1!important;
}
span.required {
	color: red;
}

.supporttxt {
	word-break: break-word;
}

.validate-msg {
	width: 100%;
	margin-top: .25rem;
	font-size: 80%;
	color: #dc3545;
}
.form-control::-webkit-input-placeholder {
	color: #bbb;
}
#emailtranscript.modal.fade.in{
opacity: 1;
}
#emailtranscript.modal.fade.in .modal-header {
	padding-top: 0px;
	border-bottom: 0px;
}

#emailtranscript.modal.fade.in .close {
	margin-top: -8px;
	opacity: 1;
}

#emailtranscript.modal.fade.in #divmodalbody p {
	padding-top: 5px;
}

#emailtranscript.modal.fade.in .modal-footer {
	border-top: 0px;
}
.custom-radio .custom-control-label {
	word-break: break-word;
}
#sendemailtranscript.modal.fade.in {
	opacity: 1;
}
#sendemailtranscript.modal.fade.in .modal-header {
		padding-top: 0px;
		border-bottom: 0px;
	}

	#sendemailtranscript.modal.fade.in .close {
		margin-top: -8px;
		opacity: 1;
	}

	#sendemailtranscript.modal.fade.in #divmodalbody p {
		padding-top: 5px;
	}

	#sendemailtranscript.modal.fade.in .modal-footer {
		border-top: 0px;
	}
.custom-checkbox .custom-control-label {
	word-break: break-word;
}
.ld span {
	float: left;
	width: 42px;
	border-radius: 0.25rem;
	margin-right: 8px;
}

.lh2 {
	line-height: 1.8;
}
.card.quickyreplymsgcard {
	/*background-color: #efeff5;*/
	border: 0px;
	flex-direction: inherit;
	justify-content: flex-start;
	padding: 10px 15px;
	max-width: 90%;
}
button.quickreply {
	max-width: fit-content;
	padding: 8px 16px;
	float: left;
	margin-left: 0px;
	margin-right: 4%;
	margin-bottom: 0px !important;
	margin-top: 4%;
	font-size: 14px;
}
.quickreplytext {
	font-size: 14px;
	width: 98%;
	color: #484848;
}
.chat_box .chat_message_wrapper {
	margin-bottom: 8px;
}
.froala-styles ol li {
	width: 100%;
}

.froala-styles ol {
	padding-left: 18px;
}

.froala-styles ul {
	padding-left: 40px !important;
	list-style-type:disc;
}

	.froala-styles ul li {
		background: transparent !important;
		padding: 0px !important;
		width: 100%;
		list-style: disc !important;
		display: list-item !important;
	}
	
	
	
	
	.carousel-control-prev-icon, .carousel-control-next-icon{
		background-image:none;
	}
	.carousel-control-prev-icon i, .carousel-control-next-icon i{
		color: #ccc;
    font-size: 32px;
	}
	.carousel-control-next, .carousel-control-prev{
		top: 160px;
		align-items: inherit;
		justify-content: inherit;
		opacity: 1;
		width:auto;
	}
	.carousel-control-next {
    right: 8px;
}
.carousel-inner{
	width:90%;
	margin:0 auto;
}
.list-group-flush{
	max-width:100%!important;
	
}
.list-group-flush li{
	border-radius:0px!important;
	text-align:center;
}
.carousel-item .card-body{
	padding: .5rem;
	}
.carousel-item .card-body .card-title{
	font-size:14px;
	font-weight:600;
	margin-bottom:0px;
	color:#56627c;
}
.carousel-item .card-body .card-text{
	font-size:14px;
	color:#959cad;
	
}
.list-group.list-group-flush{
	
	margin:5px 0px;
}
.list-group-item a{
	color: #2835ae;
}
.list-group-flush .list-group-item:first-child {
    border-top-width: 1px;
}
.carousel-item .card-img-top {
	height: 201px;
	width: 268px;
}
.froala-styles ol {
	background: transparent !important;
}

.popup-head h1 {
	/*height: 52px;*/
	white-space: inherit;
	margin-top: 5px;
}
.storagealertdiv {
	font-size: 16px;
	text-align: center;
	height: calc(100% - 8px);
	padding-top: 43%;
}
.storagealertdiv i{
	color: #56627c;
	font-size: 24px;
	margin-bottom: 20px;
}
.rating_scale.ld label:nth-child(2){
        padding-left: 15px;
        padding-top: 5px;
      }
	  
	  /* style added for momentum UI*/
.feild-date-div{
	width:235px;
}
 md-menu-overlay::part(overlay-content)
::host .md-input-container{
	width: 200px;
    float: left;
}
::host .date-overlay-content{
	background: #fff;
}
.moicon.avtar-icon{display:none}
/*Caurosel styles*/
	.sr-only{
	position: absolute;
	left: -9999999px;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
//carousel start
.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
//carousel-end
.btn.survey-w-btn-prime {
    background-color: rgb(100, 18, 107);
    line-height: 1.6!important;
    border-color: #dbdbdb;
    color: #fff;
    height: 32.4px;
}
.btn.survey-w-btn-prime:hover, .btn.btn-link:hover{
border: 1px solid transparent;
}