/*
 * custom_intercom.css V1
 * ========================
 * Copyright 2018.
 * Author by M.Syukri Khafidh
 * Slicing, Web Design, banner design, mockup web.
 * info@indokoding.com
 * syukri.khafidh@gmail.com
 * ========================
*/

.skr_intercom_icon{
  background: #e33a8c none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 20px;
  height: 60px;
  position: fixed;
  right: 20px;
  width: 60px;
  z-index: 1048;
}
.skr_intercom_icon > .inner_icon{
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  font-family: "intercom-font","Helvetica Neue",Helvetica,Arial,sans-serif;
  height: 60px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: center center 0;
  width: 60px;
}
.skr_intercom_icon > .inner_icon .launcher-open-icon,
.skr_intercom_icon > .inner_icon .intercom-launcher-close-icon{
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    transition: transform 0.16s linear 0s, opacity 0.08s linear 0s, -webkit-transform 0.16s linear 0s;
    width: 100%;
}
.skr_intercom_icon .launcher-open-icon svg{
  height: 32px;
  width: 28px;
  cursor: pointer;
}
.skr_intercom_icon .intercom-launcher-close-icon svg{
  height: 14px;
  width: 14px;
  cursor: pointer;
}
.skr_intercom_icon span > svg path {
    fill: rgb(255, 255, 255);
}
.skr_intercom_icon .intercom-launcher-close-icon{display: none !important;}
.skr_intercom_icon.active_cht .launcher-open-icon{display: none !important;}
.skr_intercom_icon.active_cht .intercom-launcher-close-icon{display: flex !important;}
#intercom-container .intercom-messenger-frame{
  /*height: calc(100% - 50px - 50px) !important;
  bottom: 88px !important;*/
  height: calc(100% - 40px - 40px) !important;
  bottom: 57px !important;
}


.skr_intercom_icon.v2{
  height: 40px;
  width: 160px;
  bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.skr_intercom_icon.v2 > .inner_icon{
  height: 40px;
  border-radius: 0;
  color: #fff;
  width: 160px;
}

.skr_intercom_icon.v2 span > svg{
  margin-right: 10px;
}
.skr_intercom_icon.v2 .launcher-open-icon svg{
  height: 22px;
  width: 18px;
  cursor: pointer;
}
.skr_intercom_icon.v2 .intercom-launcher-close-icon svg{
  height: 14px;
  width: 14px;
  cursor: pointer;
}

/* -----------Responsive Intercome-----------*/
/* Desktop large
------------------------- */
@media (max-width: 1200px) {}
/* Desktop
------------------------- */
@media (min-width: 992px) {}
/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
  #intercom-container .intercom-launcher-open-icon svg{display: none !important;}
}
/* Tablet
------------------------- */
@media (max-width: 767px) {}
/* Mobile
------------------------- */
@media (max-width: 480px) {}