.zorse-widget-container{ 
  font-family: SegoeUI, sans-serif;
}
.d-none{ display: none !important}
#help-widget {
  bottom: 52px;
  position: fixed;
  right: 30px;
  z-index: 1015;
}

#help-widget.fade-in {
  animation: 0.5s ease 0s normal none 1 running fadeIn;
}
#help-widget a {
  background-color: #0067b8;
  border-radius: 0;
  box-shadow: 0 5px 20px 0 rgba(12, 73, 84, 0.2);
  display: block;
  padding: 8px 15px 8px;
  text-decoration: none;
	position: relative;
  cursor: pointer;
  font-size: 12px;
  line-height: normal;
}
#help-widget a:after {
	top: 100%;
	right: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #0067b8;
	border-width: 12px;
	margin-left: -12px;
}
#help-widget a .zorse-help-text {
  color: #ffffff;
  font-weight: 600;
	text-transform: uppercase
}
#help-widget a .zorse-help-text i{ font-size: 25px; opacity: .5; margin-right: 5px; line-height: 0; position: relative; top: 3px;}
	
#chart-widget {
  border: medium none;
  border-radius: 4px;
  bottom: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	position: fixed;
	z-index: 9999;
	right: -480px;
	height: 100%;
	width: 480px;
	background: #FFF;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
#chart-widget::after {
  clear: both;
  content: "";
  display: table;
}
.form-control{ padding: 2px 5px; font-size: 13px;}
#chart-widget .zorse-widget-container {
  background-color: transparent;
  border: 0 none transparent;
  height: 100%;
  overflow: hidden;
  padding: 0;
  width: 480px;
}

.header-controls-container .close-button,  .chart-support .close-button{
  right: 20px;
  top: 6px;
  border-radius: 50%;
 width: 30px; 
	height: 30px;
	border: none;
	background: transparent;
	font-size: 20px;
}

.private-close__button {
  color: #ffffff;
  height: 1rem;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  transition: all 150ms ease-out 0s;
  width: 1rem;
  z-index: 1;
}

/*---*/
.avatar-message-container.colored-background {
  background-color: #0067b8;
  color: #fff;
}
.avatar-message-container .avatar-message-contents {
  align-items: center;
  display: flex;
  padding: 10px 0;
}
.avatar-message-container.colored-background .avatar-message-contents {
  padding: 15px 0 12px 25px;
}
.private-avatar {
  display: inline-block;
  max-width: 100%;
}
.avatar-message-container.colored-background .avatar-message-contents .avatar-container .avatar {
  height: 88px;
  width: 88px;
}
.private-image {
  vertical-align: middle;
}
.private-image--responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.private-image--circle {
  border-radius: 100%;
}
.private-avatar .private-image {
  max-width: 100%;
}
.avatar-message-container .avatar-message-contents .message-container .message-header {
  color: #425b76;
  font-size: 28px;
  margin-bottom: 0px;
}
.avatar-message-container.colored-background .avatar-message-contents .message-container .message-header {
  color: #fff;
}
.avatar-message-container .avatar-message-contents .message-container {
  font-size: 18px;
  font-weight: 400;
}
.avatar-message-container .avatar-message-contents .message-container .message-subtext {
  color: #fff;
  font-weight: 300;
	font-size: 13px;
}
.welcome-container .chevron {
  border-color: #0067b8 transparent transparent;
  border-style: solid;
  border-width: 1.125rem;
  bottom: 4px;
  display: inline-block;
  margin-left: 55px;
  margin-top: 0;
  position: relative;
  vertical-align: middle;
}
.btn-reset-default  span {
  background: #fff;
  display: block;
  height: 2px;
  line-height: 0;
  margin: 0 auto;
  padding: 0;
  transition: all 0.8s cubic-bezier(0.81, -0.33, 0.345, 1.375) 0.2s;
  width: 80%;
}
.btn-reset-default  span:first-of-type, .btn-reset-default  span:nth-of-type(2), .btn-reset-default  span:last-of-type {
  float: right;
  margin: 4px auto;
  opacity: 1;
  transform: none;
}
.btn-reset-default span:nth-child(2) {
  opacity: 0;
}
.btn-reset-default span:first-of-type {
  transform: rotate(45deg) translate(14px, 14px);
  width: 20px;
}
.btn-reset-default  span:last-of-type {
  transform: rotate(-45deg);
  width: 20px;
}

/*dddsffdsdf*/
.search-support{margin:0; padding: 15px 25px; width: 100%; box-sizing: border-box; }
.search-ul{ margin: 0; padding: 0; counter-reset: my-badass-counter; }
.search-ul li{ display: block; position: relative; padding-left: 15px;}
.search-ul li + li{ margin-top: 12px}
.search-ul li:before{content: counter(my-badass-counter); margin-right: 5px; counter-increment: my-badass-counter; display: inline-block; width: 30px; height: 30px; position: absolute; left: 0; top: 0; }
.search-ul li a {  display: inline-block;  width: 95%; color: #222;}
.search-ul li a:hover{  text-decoration: underline; opacity: .8}
.welcome-options-container {  display: flex;  flex-direction: column;  padding: 30px 36px;}
.welcome-options-container h3 {  font-size: 14px;  margin-bottom: 10px; font-weight: 600
}
.welcome-options-container ul{ margin: 0; padding: 0;}
.welcome-options-container ul li{ display: block; margin-bottom: .3rem}
.welcome-options-container ul li a{ font-size: 14px; color: #222}
.welcome-options-container ul li a i{ color: #444}

/* support-contact-tabs*/
.support-contact-tabs{ padding: 15px 25px;  }
.support-contact-tabs .nav-tabs li a{ font-weight: 600; padding: 10px 5px; font-size: 12px; border-radius: 0; border-width: 0 0 1px; color: #444; position: relative}
.support-contact-tabs .nav > li > a:focus, .support-contact-tabs .nav > li > a:hover{ background: #fff; color: #666 }
.support-contact-tabs .nav-tabs li a span{ display: block; text-align: center; margin-bottom: 5px;}
.support-contact-tabs .nav-tabs li a span i{ font-size: 15px;  opacity: .6 }
.support-contact-tabs .nav-tabs>li.active>a, .support-contact-tabs .nav-tabs>li.active>a:focus, .support-contact-tabs .nav-tabs>li.active>a:hover{ border: none; border-bottom:solid 1px #ddd; color: #000}
.support-contact-tabs .nav-tabs>li.active>a i{ color: #0067b8; opacity: 1}
.support-contact-tabs .nav-tabs>li.active>a:after{ width: 100%; height: 3px; border-radius: 10px; content: ""; display: inline-block; background: #0067b8; position: absolute; bottom: 0; left: 0}

.support-contact-tabs label, .support-contact-tabs button, .support-contact-tabs .form-control{
  font-family: SegoeUI,sans-serif; 
  font-weight: 500
}
.support-contact-tabs .form-control, .private-search-control .form-control{ border-color: rgba(0,0,0,.4)}
.support-contact-tabs input[type="text"].form-control:hover, .support-contact-tabs input[type="email"].form-control:hover, .support-contact-tabs input[type="tel"].form-control:hover, .support-contact-tabs textarea.form-control:hover, .private-search-control .form-control:hover{ border-color: rgba(0,0,0,.8); box-shadow: none}
.support-contact-tabs input.form-control:focus, .support-contact-tabs textarea.form-control:focus, .private-search-control .form-control:focus{border-color: #0067b8;  box-shadow: none }
.info-box{ width: 100%; padding: 8px 12px; border:solid 1px rgba(0,103,184,0.5); background: #e9f7f7; font-size: 18px; text-align: center; font-weight: 200; margin-bottom: 1rem; color: #303030}

.zorse-widget-container .btn{ padding: 5px 10px; border-radius: 0; text-transform: uppercase; border:none}
.zorse-widget-container .btn.btn-primary{ background: #127ACA; color: #fff}
.zorse-widget-container .btn.btn-default{ color: #555; background-color: #eee; border: 1px solid #ccc;}
.zorse-widget-container .input-group .btn{ padding: 5px 8px; border:solid 1px rgba(0,0,0,.4); background:#fff; border-left: none; color: #333}
.zorse-widget-container .faq-accordion{ margin: 20px 0 0;}
.zorse-widget-container .faq-accordion .panel-default>.panel-heading{ padding: 0; border: none; background: transparent;}
.zorse-widget-container .faq-accordion .panel-default>.panel-heading .panel-title a{ border-bottom: solid 1px #949396; display: block; padding: 8px 10px}
.zorse-widget-container .faq-accordion .panel-default>.panel-heading .panel-title a:after{ font-size: 22px; color: #4d4d4d}
.zorse-widget-container .faq-accordion .panel-default>.panel-heading .panel-title a:hover{ text-decoration: none; opacity: .8; background: #f6f6f6}
.zorse-widget-container .faq-accordion .panel{ border: none; box-shadow: none;}
.zorse-widget-container .faq-accordion a:focus, .zorse-widget-container .faq-accordion a:hover{ text-decoration: none}
.zorse-widget-container .panel-default>.panel-heading+.panel-collapse>.panel-body{ border:none}
.accordion-toggle.collapsed:after {
    font-family: 'FontAwesome', sans-serif;
    content: "\f107";    
    float: right;
}
.accordion-toggle:after {    
  content: "\f106";   
	font-family: 'FontAwesome', sans-serif;
	float: right;
}
.back-home .navbar{ width: 100%; padding: 5px 25px; background: #f5f8fa;  border-bottom: solid 1px #ddd; border-radius: 0; margin-bottom: 0 }
.back-home.row{margin:0 -25px -15px;}
.back-home .navbar-header .btn{ background: transparent; border: none; color: #222; text-transform: capitalize; padding: 0; margin: 8px 0 0}
.back-home .navbar-header .btn i{ margin-right: 3px; font-size: 20px; position: relative; top: 2px}
.support-contact-tabs .btn-reset-default span:first-of-type, .support-contact-tabs .btn-reset-default span:last-of-type, .search-lists .btn-reset-default span:first-of-type, .search-lists .btn-reset-default span:last-of-type{ background:#222}
.support-contact-tabs .btn-reset-default span:first-of-type, .search-lists .btn-reset-default span:first-of-type{ transform: rotate(45deg) translate(14px, 0px);}
.support-contact-tabs .btn-reset-default span:last-of-type, .search-lists .btn-reset-default span:last-of-type{ transform: rotate(-45deg) translate(14px, 0px)}
.search-lists .back-home{ margin: 0}

.results-number-and-filter, .search-lists  .private-search-control{ padding: 5px 15px;}
.results-number-and-filter{ margin-bottom: 10px; }
.results-number-and-filter .results-number {
  color: #425b76;
  float: right;
  
  padding-top: 8px;
}
.results-number-and-filter .results-number span{font-weight: 600;}
.search-lists, .support-contact-tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.knowledge-article-list, .support-tab-content {
  flex-grow: 1;
  min-height: 200px;
 padding: 0 15px
}
.search-lists .knowledge-article-list, .support-contact-tabs .support-tab-content {
  overflow-y: auto;
}


/* siderbar panel open*/
.closeTrigger {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	font-size: 30px;
	display: inline-block;
	margin-top: -15px;
	margin-bottom: 5px;
}

#chart-widget.sideOpen  {
	right: 0;
}
.zorse-widget-container .input-group .attachment-file{ background: #425b76; color: #fff; text-transform: capitalize}
/* siderbar panel close*/


/* my tickets open*/
.card {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius:0;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    position: relative;
	transition: transform 0.1s ease 0s, box-shadow 0.2s ease 0s;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .5rem .8rem;
}
.Ticket-Support .card:hover{    box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15);    text-decoration: none;    transform: scale(1.015);}
.Ticket-Support .card + .card{ margin-top: .5rem}
.Ticket-Support .card .card-title, .Ticket-Support .card .date, .Ticket-Support .card .status { color:#737373; margin: 2px 0; font-size: 13px}
.Ticket-Support .card .card-title span, .Ticket-Support .card .date span{ color: #000; font-weight: 600}
.Ticket-Support .card:nth-child(2n){ background: #f2f2f2}
/*.Ticket-Support .progresing{ background:rgba(255,184,34,.06);}
.Ticket-Support .opened{background:rgba(54,163,247,.06);}
.Ticket-Support .closed{background:rgba(52,191,163,.06);}*/
.Ticket-Support .progresing .status span, .chart-support.progresing .chat-header .status span{ color: #9E6C00; font-weight: 600}
.Ticket-Support .opened .status span, .chart-support.opened .chat-header .status span{ color: #36a3f7; font-weight: 600}
.Ticket-Support .closed .status span, .chart-support.closed .chat-header .status span{ color: #34bfa3; font-weight: 600}
.Ticket-Support .card .single-view{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; z-index: 1}
/*chart list*/
.chat {
    width: 100%;
    float: left;
    background: #F2F5F8;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #434651;
}
.chat .chat-header {
  border-bottom: 2px solid white;
  /* padding: 8px 20px 15px; */
}
.chat .chat-history .message-data {
  margin-bottom: 15px;
}
.align-right {
  text-align: right;
}
.chat .chat-history .message-data-time {
  color: #6F6F7B;
  padding-left: 6px;
}
.online, .offline, .me {
  font-size: 16px;  
  margin-right: 3px;
}

.float-right {
  float: right;
}
.chat .chat-history .message {
  border-radius:0;
  color: white;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
  padding: .5rem 1rem;
  position: relative;
  max-width: 90%;
 box-shadow: 0 0 25px rgba(0,0,0,0.09);
 min-width: auto;
 display: inline-block;
}
.chat .chat-history .message .attachment-file{ position: absolute; width: 25px; height: 100%; top: 0; text-align: center;}
.chat .chat-history .message .attachment-file a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.chat .chat-history .message .attachment-file a:hover{background:rgba(255,255,255,0.09)}
.chat .chat-history .message .attachment-file i{ font-size: 20px; margin: 25% 0 0}
.chat .chat-history .other-message .attachment-file{ left: -30px; background: #388feb; }
.chat .chat-history .my-message .attachment-file{ right: -30px; background: #d8e4f1; }

.chat .chat-history .message .attachment-file2{ position: absolute; width: 25px; height: 100%; top: 0; text-align: center;}
.chat .chat-history .message .attachment-file2 a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.chat .chat-history .message .attachment-file2 a:hover{background:rgba(255,255,255,0.09);}
.chat .chat-history .message .attachment-file2 i{ font-size: 20px; margin: 25% 0 0}
.chat .chat-history .other-message .attachment-file2{ left: -60px; background: #388feb; }
.chat .chat-history .my-message .attachment-file2{ right: -60px; background: #d8e4f1; }

.chat .chat-history{ background: #f2f5f8}

.chat .chat-history ul{ list-style-type: none;  padding:10px 0; width: 90%; margin:0  auto}   
.chat .chat-history .other-message {
  background: #0071EB none repeat scroll 0 0;
}
.chat .chat-history .message::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent #fdfdfe;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 20px;
  margin-left: -10px;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.chat .chat-history .other-message::after {
  border-bottom-color: #0071EB;
  left: auto;
  right:20px;
}
.chat .chat-history .my-message {
  background: #fdfdfe none repeat scroll 0 0;
 color: #333
}

.chat .chat-message {
  padding: 15px;
  border-top: solid 2px #eee
}
.chat .approval-message {
  padding: 15px;
  border-top: solid 2px #eee;
  margin-top: 5px;
}
.chat .chat-message textarea {
  border-radius: 0;
  margin-bottom: 5px;
  padding: 5px 15px;
  resize: vertical;
	min-height: 140px;
  width: 80%;
	background: #f9f9f9;
	border: solid 1px #eee;
	/*max-height: 100px;*/
}
.chat .chat-message textarea:focus{ background: #fff; border-color:rgba(0, 0, 0, 0.8)}
.chat .chat-message .fa-file-o, .chat .chat-message .fa-file-image-o {
  color: gray;
  cursor: pointer;
  font-size: 14px;
	display: inline-block;
	float: left;
  margin-right: 5px
}
.chat .chat-message .fa-file-o:hover, .chat .chat-message .fa-file-image-o:hover{ color: #46a0ff}
.chart-support, .chart-support .chat {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.chart-support .chat .chat-history{
  flex-grow: 1;
  min-height: 160px;
  padding: 0;
  overflow-y: auto;
}
.chart-support .card-title, .chart-support .date, .chart-support .status{ margin: .3rem 0; color: #737373}
.chart-support .chat-header{ background:#fff;}
.chat-with{ font-size: 14px; line-height: 18px; color: #333; font-weight: 400; display: block; max-height: 35px; position: relative; overflow: hidden; padding-right: 15px}
.chat-with:after{ width: 100%; content: ""; height: 20px; display: block; position: absolute;   background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) 100%); left: 0; bottom: 0}
.chat-with a{ position: absolute; top: 15%; right: 0; display: block; z-index: 1; color: #888}
.chat-with a i{ font-size: 18px; }
.chart-support .card-title span{ font-weight: 600; color: #333333}
.chart-support .date span, .chart-support .status span{ font-weight: 600}
.chat-message{ background: #fff}
/*.send-btn{ padding:0; width: 35px; height: 35px; border-radius: 25px; background: #0078d4; color: #fff; text-align: center; vertical-align: middle; line-height: 20px; border: none}*/
/*.send-btn i{ font-size: 25px; line-height: 1}*/
.send-btn:hover{ background: #0078d4}
.support-pull-right{ float: right; width: 45px; }
.clip{ position: relative; width: 100%; height: 22px; margin-bottom: 10px }
.clip input[type="file"]{ position: absolute; width: 91%; height: 100%; top: 0; left: 0; }
/*.clip i{ font-size: 22px; width: 35px; height: 35px; border-radius: 20px; background: #f9f9f9; text-align: center; line-height: 35px; color: #888}*/
.clip:hover i{ background: #f1f1f1; color: #46a0ff}
.clip input[type="file"]:focus+.fa-paperclip, .clip input[type="file"]:focus+.fa-ban{ background: #f1f1f1; color: #0067b8; border: solid 2px #0067D8 !important;}
.zorse-widget-container .chart-support .btn{ padding: 4px 20px 5px; text-align: left; text-transform: inherit }


.support-contact-tabs .support-tab-content{ margin-top: 15px;}
.Ticket-Support{ position: relative; padding-top: 55px;}
.Ticket-Support .search-filter{ position: fixed; top: 80px; width: 83.3%; max-width: 390px; z-index: 1; padding:8px 5px; background: #fff}
.Ticket-Support .search-filter .dropdown{  float: right; margin-right: 5px; box-shadow: none}
.zorse-widget-container .Ticket-Support .search-filter .dropdown .btn.btn-default{ background: #fff; color:#1570a6; text-transform: inherit}
.Ticket-Support .search-filter .dropdown:focus, .Ticket-Support .search-filter .dropdown.open:focus, .Ticket-Support .search-filter .dropdown:active{ box-shadow: none; background: #fff}
.Ticket-Support .search-filter .dropdown .caret{ border: none; vertical-align: top}
.Ticket-Support .search-filter .dropdown .caret i{ font-size: 22px; color: #333}
.Ticket-Support .search-filter .dropdown.open i{ transform: rotate(180deg)}
.Ticket-Support .search-filter .dropdown .dropdown-menu{ border-radius: 0; border: none; z-index: 1}
.Ticket-Support .search-filter .dropdown .dropdown-menu li a{ font-size: 14px; padding:6px 20px; }

.selectdiv {
  float: right;
  margin:0;
  min-width: 110px;
  position: relative;
  margin-right: 5px
}
.selectdiv::after {
  border-bottom: 1px solid #cccccc;
  color: #333;
  content: ">";
  font: 17px "Consolas",monospace;
  padding: 0 0 2px;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 33px; height: 33px;
	background: #fff;
  transform: rotate(90deg);
	line-height: 33px;
	text-align: center;
}
.selectdiv label{ display: block}
.selectdiv select {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  color: #333;
  display: block;
  float: right;
  font-size: 14px;
  height: 35px;
  line-height: 1;
  margin: 0;
  max-width: 350px;
  padding: 0 10px;
  width: 100%;
  word-break: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
.selectdiv select option{ font-size: 14px; padding: 3px 10px;}
.myticket-search{ float: left; width: 68%;}
.loader {
  position: absolute;
left: 50%;
	top: 50%;
  width: 40px;
  margin: auto;
	transform: translate(-50%)
}
.loader .circle {
    position: absolute;
    width: 30px;
    height: 30px;
    opacity: 0;
    transform: rotate(225deg);
    animation-iteration-count: infinite;
    animation-name: orbit;
    animation-duration: 5.5s;
}
.loader .circle:after {
      content: '';
      position: absolute;
      width: 5px;
      height: 5px;
      border-radius: 5px;
      background: #333; /* Pick a color */
    }
    
.loader .circle:nth-child(2) {  animation-delay: 240ms; }
.loader .circle:nth-child(3) {  animation-delay: 480ms; }
.loader .circle:nth-child(4) {  animation-delay: 720ms; }
.loader .circle:nth-child(5) {  animation-delay: 960ms; }

@keyframes orbit { 
  0%   { transform:rotate(225deg); opacity: 1;
         animation-timing-function: ease-out; } 
    
  7%   { transform:rotate(345deg);
         animation-timing-function: linear; }
    
  30%   { transform:rotate(455deg);
          animation-timing-function: ease-in-out; }
    
  39%   { transform:rotate(690deg);
          animation-timing-function: linear; }
    
  70%   { transform:rotate(815deg); opacity: 1;
         animation-timing-function: ease-out; }
    
  75%   { transform:rotate(945deg); 
         animation-timing-function: ease-out; }
    
  76% { transform:rotate(945deg); opacity: 0; }
  100% { transform:rotate(945deg); opacity: 0; } 
}

/*call me later*/
.call-options{ display: block; margin-bottom: .75rem}
.call-me-later{margin-bottom: .75rem }
.chat-textarea{ position: relative;}
.zorse-widget-container .chat-textarea .btn{ position: absolute; top: -55px; width: 40px; height: 40px; text-align: center; vertical-align: middle; font-size: 20px; border-radius: 60px; border-bottom-right-radius: 0; padding: 0; right: 5px;}
/*position: absolute; top: 44px;*/
#closed-ticket-response .response_revert_btn{ margin: 6px 10px 0px 0px;}
.zorse-widget-container .chat-textarea .btn:hover{ background: #84a4bc}
.re-open-btn{ width: 100%; text-align: center;}
.zorse-widget-container .re-open-btn .btn{ font-size: 1.2rem; padding: .5rem 2rem .7rem}
.support-pull-right.support-popup{ width:auto}
.support-pull-right.support-popup .clip, .support-pull-right.support-popup .send-btn{
   margin: 6px 0px 0px 0px;
}
.support-pull-right.support-popup .clip{ margin-right: 5px;}
.calendar-group{position: relative; display: table; border-collapse: separate;}
#client-view-answer span img {display: inline-block; width: 100% !important}
 /*chat-alert-box */
.chat-alert-box{ max-width: 360px; min-height: 50px; padding: 15px; background: #e6e7e7; border: solid 2px #0067b8; position: fixed; bottom: 100px; right: 10px;}
.chat-alert-box h3{ font-weight: 500; color: #606060; margin: 0 0 5px;}
.chat-alert-box p{ color: #606060}
.chat-alert-box:before{ width: 30px; height: 30px; position: absolute; background: #e6e7e7; border:solid 2px #0067b8; content: ""; display: inline-block; bottom: -15px; transform: translate(-50%, 0); right: 20px; border-radius: 30px}
.chat-alert-box:after{ background: #e6e7e7; content: ""; display: inline-block; width: 30px; height: 15px; bottom: 0; transform: translate(-50%, 0); right: 20px; position: absolute}
.chat-alert-box .dot{ background: #0067b8; border-radius: 50%; position: absolute; }
.chat-alert-box .dot.dot1{ width: 20px; height: 20px; bottom: -35px; right: 55px;}
.chat-alert-box .dot.dot2{ width: 10px; height: 10px; bottom: -46px; right: 75px;}
.close-icon{ position: absolute; top: -15px; left: -15px; background: #0067b8;  padding: 5px;
  border-radius: 30px;}
.close-icon i{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 20px;
   /* height: 20px;*/
    border-radius: 100%;
  color: #fff;
  left: 8%;
  position: relative;
  top: -3px;

}
.close-icon i:before, .close-icon i:after {
    content: '';
    display: block;
    border-top: 2px solid;
    position: absolute;
    width: 75%;
    -webkit-transition: all .3s ease;
    -webkit-transition-property: transform;
    transition: all .3s ease;
    transition-property: transform;
    top: 50%;
}
.close-icon i:before {
    line-height: 1em;
    margin: 0;
    padding: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
.close-icon i:after {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

/* cookies info */
.cache-alert{ box-shadow: 0 8px 20px #aaa; /*border: 1px solid #e0e0e0;*/ min-width:320px; position: fixed; bottom: 10px;  z-index: 1111; background:#f2f2f2; max-width:65%; padding:1.3rem 2.5rem; left: 50%; transform: translateX(-50%); text-align: center;    background-color: #666;
}
.cache-alert p{ font-size: .9rem; color: #fff; font-weight: 700}
.cache-alert .btn{ border:none; border-radius: 0; padding: .2rem 1rem .4rem; background: #46a0ff; color:#fff}
.cache-alert .btn:hover{ background:#3694f7;}
.cache-alert .close{  color: #fff;  position: absolute;  margin-top: 0;  margin-left: 0;  width: 18px;  height: 18px; right: .5rem; top: .5rem}
.cache-alert .close:before {  content: '';  position: absolute;  top: 10px; left: 0; width: 18px;  height: 2px;  background-color: #555;  -webkit-transform: rotate(-45deg);          transform: rotate(-45deg);}
.cache-alert .close:after {  content: '';  position: absolute;  top: 10px; left: 0;  width: 18px;  height: 2px;  background-color: #555;  -webkit-transform: rotate(45deg);          transform: rotate(45deg);}

.form-horizontal .form-group.responsivePhone, .form-horizontal .form-group.responsiveNumber{ width: 100%; margin-right: 0 !important }
.form-horizontal .form-group.responsiveEmail{ width: 100% }
.form-horizontal .form-group.responsivePhone .intl-tel-input, .form-horizontal .form-group.responsiveNumber .intl-tel-input{ width: 100% }
.form-horizontal .px-0{ padding-left: 0; padding-right: 0}
.form-horizontal .mx-0{ margin-left: 0; margin-right: 0}
 
/* pranay select css */
.select-box .support-pull-right.support-popup
{
  min-width: 31%;

}
.chat .chat-message.select-box textarea
{
  width:68%;
}

.select-box select.form-control
{
    /*float: left;*/
    width: 100%;
    margin-right: 4px;
    margin-top: 6px;
  }
  .select-box .support-pull-right.support-popup .clip, .support-pull-right.support-popup .send-btn
  {
    /*float: right;*/
    margin-right: 10px;
  }
  .select-box select.form-control.secondary
  {
    width: 100%;
  }
/*  .resolution {
    font-weight: 600;
    color: green; 
  }*/
  .resolution{
      border-radius: 19px;
  }
a:focus
  {
    color: #337ab7;
  }
@media only screen and (max-width: 991px) and (min-width: 560px) {
    .chat .chat-message.select-box textarea {
    width: 57%;
}
.select-box .support-pull-right.support-popup {
    min-width: 42%;
}

  }
.progress {
    position: relative;
}

.bar {
    z-index: 1;
    position: absolute;
}

.progress span {
    position: absolute;
    top: 0;
    z-index: 2;
    text-align: center;
    width: 100%;
    color: black;
}
.send-btn:focus {
  color: #0078d4;
}