/*
	CSS Document for mbaMission v3.0 - Growth Live Chat Module
	Copyright 2019 Neuro-Designs. All rights reserved.
	www.neuro-designs.com
	
	v1.0 - Last updated 2019/06/11

	Colors:
	#c42339 / rgba(199,32,53,1) - mbaMission Red
	#64b0ba / rgba(100,176,186,1) - mbaMission Teal
	#6e7071 / rgba(110,112,113,1) - mbaMission Grey
*/

#apexchat_invitation_container_wrapper { height: 150px !important; }

.livechat * {	font: 12px 'Barlow', sans-serif !important; }

.livechat_inner {
  background-image: none !important;
  background-color: #444 !important;
  box-shadow: 0 5px 12px rgba(0,0,0,.5) !important;
  border-radius: 0 !important;
  }

.livechat_poweredby_inner {
  background-color: #444 !important;
  padding-bottom: 8px !important;
  opacity: .5;
  }

  .livechat_poweredby_inner a { font-weight: 700 !important; }

.livechat_agent_image { padding: 5px 10px 5px 5px !important; }

.livechat_text_inner { padding: 0 10px !important; }

  .livechat_text_inner > div {
    color: #fff !important;
    font-size: 14px !important;
    }

    .livechat_text_inner .title {
    padding-top: 8px !important;
    font-weight: 700 !important;
    }

.livechat_body, .livechat_body_inner,
.livechat_footer, .livechat_footer_inner {
  background-color: #444 !important; 
  }

.livechat_footer_inner { padding: 6px 0px 5px 0px !important; }

.livechat_start { border-radius: none !important; }

  .livechat_start_inner {
    background-color: #c42339 !important;
    background-image: none !important;
    border-radius: 0 !important;
    }

    .livechat_start_inner:hover { background-color: #6e7071 !important; }

    .livechat_start_inner > div { background: none !important; }

.livechat_start_icon { background-image: none !important;}
  
  .livechat_start_icon::before {
    content: '\f27a' !important;
    color: #fff !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 300 !important;
    }

.livechat_start_text { font-weight: 700 !important; }

.livechat_close_inner { background-image: none !important; }

  .livechat_close_inner::before {
    content: '\f00d' !important;
    color: #fff;
    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 300 !important;
    }

    .livechat_close_inner:hover { opacity: .5 !important; }

.livechat_minimized_inner { 
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding-top: 5px !important;
  }

#apexchat_invitation_container_minimzed_wrapper .livechat_footer_inner { padding: 0px 0px 0px 0px !important; }