/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[4]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[5]!./buyercall/assets/components/widgets/styles/call_widget.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Buyercall Symbol Font";
  src: url(http://localhost:2992/e8685262d0c5bf269d71.eot) format("eot"), url(http://localhost:2992/abbc94e8e1b9c5fc01b5.woff) format("woff"), url(http://localhost:2992/a3584d0c31ed3a4460ea.ttf) format("truetype");
}
.buyercall-lightbox-mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  z-index: 9001;
}

#buyercall-widget {
  position: fixed;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  z-index: 50001;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
#buyercall-widget.mobile-optimized.mobile.state-closed {
  /* Displaying as circle */
  /* width: $mobile-width; */
  padding-left: 25px;
  padding-right: 25px;
}
#buyercall-widget.preview-mode {
  position: absolute;
}
#buyercall-widget.no-show-no-opt {
  display: none !important;
}
#buyercall-widget.image-in-front {
  z-index: 49999;
}
#buyercall-widget.top-left {
  top: 0px;
  left: 0px;
  border-radius: 0px 0px 0 0 !important;
}
#buyercall-widget.top-left.mobile-optimized.mobile {
  top: auto;
  bottom: 5px;
}
#buyercall-widget.top-right {
  top: 0px;
  right: 0px;
  border-radius: 0px 0px 0 0 !important;
}
#buyercall-widget.top-right.mobile-optimized.mobile {
  top: auto;
  bottom: 5px;
}
#buyercall-widget.bottom-right {
  bottom: 0px;
  right: 0px;
  border-radius: 3px 3px 0 0;
}
#buyercall-widget.bottom-left {
  bottom: 0px;
  left: 0px;
  border-radius: 3px px 0 0;
}

#buyercall-closed {
  display: none;
}

#buyercall-before-call {
  display: none;
}

#buyercall-unavailable {
  display: none;
}

#buyercall-inprogress {
  display: none;
}

#buyercall-error {
  display: none;
}

#buyercall-thankyou {
  display: none;
}

#buyercall-before-call .buyercall-widget-header {
  background-color: #FFF !important;
  color: #444 !important;
}

#buyercall-unavailable .buyercall-widget-header {
  background-color: #FFF !important;
  color: #444 !important;
}

#buyercall-inprogress .buyercall-widget-header {
  background-color: #FFF !important;
  color: #444 !important;
}

#buyercall-error .buyercall-widget-header {
  background-color: #FFF !important;
  color: #444 !important;
}

#buyercall-thankyou .buyercall-widget-header {
  background-color: #FFF !important;
  color: #444 !important;
}

.buyercall-widget-header > .buyercall-widget-header-title {
  background-color: #FFF !important;
  color: #444 !important;
  padding-left: 30px;
}

.state-closed #buyercall-closed {
  display: block;
}
.state-closed#buyercall-widget {
  box-shadow: none;
}
.state-closed .buyercall-widget-header {
  border-radius: 0px 0px 0 0;
  display: none;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
}
.state-closed.mobile-optimized.mobile .buyercall-widget-header {
  /* Displaying as circle */
  min-width: 64px;
  bottom: 25px;
  /* To set the mobile optimized color to a specific color set the background below or comment out to use
  default color selected by the user in the wizard */
  background-color: #2eb468 !important;
}
.state-closed .buyercall-widget-collapse-button {
  display: none;
}
.state-closed.type-tab .buyercall-widget-header {
  display: table;
  height: 40px;
}
.state-closed.type-image #buyercall-widget-image {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.state-closed.type-tab.mobile-optimized.mobile #buyercall-widget-image, .state-closed.type-image.mobile-optimized.mobile #buyercall-widget-image {
  display: none;
}
.state-closed.type-tab.mobile-optimized.mobile .buyercall-widget-header, .state-closed.type-image.mobile-optimized.mobile .buyercall-widget-header {
  display: block;
  height: 64px;
  width: 64px;
  border-radius: 128px;
  border: none;
  background-image: url(http://localhost:2992/buyercall/assets/images/phone-white.ce437f8378c6d6283175..png);
  background-size: calc(64px / 2);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 0px;
  margin-left: 0px;
}
.state-closed.type-tab.mobile-optimized.mobile .buyercall-widget-tab-title, .state-closed.type-image.mobile-optimized.mobile .buyercall-widget-tab-title {
  display: none;
}
.state-closed.type-tab.mobile-optimized.mobile .buyercall-header-button-container, .state-closed.type-image.mobile-optimized.mobile .buyercall-header-button-container {
  display: none;
}

.type-image.bottom-right #buyercall-widget-image {
  left: auto;
  right: 0;
}

.type-image.top-left #buyercall-widget-image {
  bottom: auto;
  top: 0;
}

.type-image.top-right #buyercall-widget-image {
  left: auto;
  bottom: auto;
  right: 0;
  top: 0;
}

.type-image.type-tab.bottom-left #buyercall-widget-image {
  bottom: 38px;
}

.type-image.type-tab.bottom-right #buyercall-widget-image {
  bottom: 38px;
}

.type-image.type-tab.top-left #buyercall-widget-image {
  top: 38px;
}

.type-image.type-tab.top-right #buyercall-widget-image {
  top: 38px;
}

.state-beforecall #buyercall-before-call {
  display: block;
}

.state-hidden #buyercall-closed {
  display: block;
}
.state-hidden .buyercall-widget-hide-button {
  display: none;
}
.state-hidden .buyercall-widget-header {
  display: block;
  height: 3px;
  padding: 0 10px;
}

.state-error #buyercall-error {
  display: block;
}

.state-inprogress #buyercall-inprogress {
  display: block;
}

.state-unavailable #buyercall-unavailable {
  display: block;
}

.state-thankyou #buyercall-thankyou {
  display: block;
}

.buyercall-lightbox#buyercall-widget {
  width: 400px;
}
.buyercall-lightbox .buyercall-widget-header {
  cursor: auto;
}
.buyercall-lightbox .buyercall-widget-hide-button {
  display: none;
}

#buyercall-widget-image {
  z-index: 0;
  position: relative;
  cursor: pointer;
  text-align: center;
}
#buyercall-widget-image:hover #buyercall-widget-image-close {
  display: inline-block;
}

#buyercall-widget-image-close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 1.5em;
  color: #a94442;
  display: none;
}
#buyercall-widget-image-close:hover {
  text-shadow: -1px 0 #a94442, 0 1px #a94442, 1px 0 #a94442, 0 -1px #a94442;
}

.buyercall-widget-header {
  position: relative;
  border-radius: 0px 0px 0 0;
  text-align: center;
  color: #444;
  background-color: #FFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
  padding: 10px 10px;
  width: 100%;
  box-sizing: border-box;
  display: table;
  cursor: pointer;
}

#buyercall-widget-title::after {
  clear: both;
}

.buyercall-widget-tab-title {
  display: table-cell;
  width: 100%;
}

.buyercall-widget-header-title {
  display: table-cell;
  width: 100%;
}

#buyercall-widget-unavailable-header-title {
  display: table-cell;
  width: 100%;
}

.buyercall-header-button-container {
  display: table-cell;
  padding-left: 5px;
}
.buyercall-header-button-container:hover {
  color: inherit;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.buyercall-widget-collapse-button {
  cursor: pointer;
  font-family: "Buyercall Symbol Font", FontAwesome;
}
.buyercall-widget-collapse-button:before {
  content: "\f068";
}

.buyercall-hide {
  font-family: "Buyercall Symbol Font", FontAwesome;
}
.buyercall-hide:before {
  content: "\f00d";
}

.buyercall-widget-body {
  display: block;
  border-radius: 0 0 0px 0px;
  color: #444;
  border: 0px solid gray;
  border-top: none;
  background-color: white;
  border-radius: 0px;
  padding: 0px 15px 15px 15px;
}

.buyercall-preamble {
  text-align: center;
  font-size: small;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.buyercall-table {
  display: table;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
.buyercall-table > div {
  display: table-row;
}
.buyercall-table > div > * {
  display: table-cell;
  vertical-align: middle;
}
.buyercall-table > div > *:last-child {
  width: 100%;
}
.buyercall-table > div > label {
  font-weight: bold;
  padding: 10px;
  text-align: right;
}
.buyercall-table > div > input {
  height: 34px;
  border-radius: 0px;
  border: 1px solid rgb(218, 229, 232);
  box-sizing: border-box;
  margin: 1px 0;
  font-size: 16px;
}

.buyercall-button-container {
  text-align: center;
}
.buyercall-button-container > button {
  border-radius: 22px;
  box-sizing: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  color: #FFF;
  padding: 12px 35px 12px 35px;
  text-align: center;
  background-color: #39b549 !important;
  border: 1px solid #39b549;
  line-height: 1.42857143;
  margin-top: 15px;
  margin-bottom: 15px;
  box-shadow: none;
  text-transform: none;
}
form-group .buyercall-button-container > button:hover {
  background-color: #0a9444 !important;
  border-color: #0a9444;
  border-radius: 22px;
}
.buyercall-button-container > button:focus, .buyercall-button-container > button:active {
  background-color: #108443 !important;
  border-color: #108443;
  color: #ffffff;
  border-radius: 22px;
}

.buyercall-branding {
  text-align: center;
  font-size: smaller;
}

.text-center {
  text-align: center;
}

.buyercall-bounce-in {
  animation: buyercall-bounce-in 1s;
}

@keyframes buyercall-bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.buyercall-bounce-down {
  animation: buyercall-bounce-down 0.75s;
  animation-timing-function: ease-in;
}

@keyframes buyercall-bounce-down {
  0% {
    transform: translateY(-100vh);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  75% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
.buyercall-bounce-right {
  animation: buyercall-bounce-right 0.75s;
  animation-timing-function: ease-in;
}

@keyframes buyercall-bounce-right {
  0% {
    transform: translateX(-100vh);
  }
  50% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  75% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}
.buyercall-bounce-left {
  animation: buyercall-bounce-left 0.75s;
  animation-timing-function: ease-in;
}

@keyframes buyercall-bounce-left {
  0% {
    transform: translateX(100vh);
  }
  50% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  75% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}
.buyercall-bounce-up {
  animation: buyercall-bounce-up 0.75s;
  animation-timing-function: ease-in;
}

@keyframes buyercall-bounce-up {
  0% {
    transform: translateY(100vh);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  75% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(0);
  }
}
.buyercall-fade-in {
  animation: buyercall-fade-in 1s;
}

@keyframes buyercall-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.buyercall-fade-down {
  animation: buyercall-fade-down 1s;
}

@keyframes buyercall-fade-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.buyercall-fade-up {
  animation: buyercall-fade-up 1s;
}

@keyframes buyercall-fade-up {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.buyercall-fade-right {
  animation: buyercall-fade-right 1s;
}

@keyframes buyercall-fade-right {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.buyercall-fade-left {
  animation: buyercall-fade-left 1s;
}

@keyframes buyercall-fade-left {
  0% {
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.buyercall-slide-down {
  animation: buyercall-slide-down 0.75s;
  animation-timing-function: ease-in;
}

@keyframes buyercall-slide-down {
  0% {
    transform: translateY(-100vh);
  }
  100% {
    transform: translateY(0);
  }
}
.buyercall-slide-right {
  animation: buyercall-slide-right 0.75s;
  animation-timing-function: ease-in;
}

@keyframes buyercall-slide-right {
  0% {
    transform: translateX(-100vh);
  }
  100% {
    transform: translateX(0);
  }
}
.buyercall-slide-left {
  animation: buyercall-slide-left 0.75s;
  animation-timing-function: ease-in;
}

@keyframes buyercall-slide-left {
  0% {
    transform: translateX(100vh);
  }
  100% {
    transform: translateX(0);
  }
}
.buyercall-slide-up {
  animation: buyercall-slide-up 0.75s;
  animation-timing-function: ease-in;
}

@keyframes buyercall-slide-up {
  0% {
    transform: translateY(100vh);
  }
  100% {
    transform: translateY(0);
  }
}
.buyercall-rotate-in {
  animation: buyercall-rotate-in 0.75s;
}

@keyframes buyercall-rotate-in {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0);
  }
}
.buyercall-rotate-down-left {
  animation: buyercall-rotate-down-left 0.75s;
  transform-origin: bottom left;
}

@keyframes buyercall-rotate-down-left {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(0);
  }
}
.buyercall-rotate-down-right {
  animation: buyercall-rotate-down-right 0.75s;
  transform-origin: bottom right;
}

@keyframes buyercall-rotate-down-right {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}
.buyercall-rotate-up-left {
  animation: buyercall-rotate-up-left 0.75s;
  transform-origin: top left;
}

@keyframes buyercall-rotate-up-left {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0);
  }
}
.buyercall-rotate-up-right {
  animation: buyercall-rotate-up-right 0.75s;
  transform-origin: top right;
}

@keyframes buyercall-rotate-up-right {
  0% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(0);
  }
}
.buyercall-shake {
  animation: buyercall-shake 0.4s;
}

@keyframes buyercall-shake {
  0% {
    transform: translateX(5px);
  }
  25% {
    transform: translateX(-5px);
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px);
  }
}
.buyercall-flip-vertical {
  animation: buyercall-flip-vertical 1.5s;
}

@keyframes buyercall-flip-vertical {
  0% {
    transform: rotate3d(0, 1, 0, 20deg);
  }
  25% {
    transform: rotate3d(0, 1, 0, -20deg);
  }
  50% {
    transform: rotate3d(0, 1, 0, 20deg);
  }
  75% {
    transform: rotate3d(0, 1, 0, 0);
  }
}
.buyercall-flip-horizontal {
  animation: buyercall-flip-horizontal 1.5s;
}

@keyframes buyercall-flip-horizontal {
  0% {
    transform: rotate3d(1, 0, 0, 20deg);
  }
  25% {
    transform: rotate3d(1, 0, 0, -20deg);
  }
  50% {
    transform: rotate3d(1, 0, 0, 20deg);
  }
  75% {
    transform: rotate3d(1, 0, 0, 0);
  }
}
#buyercall-widget .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-family: "Buyercall Symbol Font", FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#buyercall-widget .fa-spin {
  animation: fa-spin 2s infinite linear;
}
#buyercall-widget .fa-4x {
  font-size: 4em;
}
#buyercall-widget .fa-spinner:before {
  content: "\f110";
}
#buyercall-widget .text-muted, #buyercall-widget .text-muted:hover, #buyercall-widget a.text-muted, #buyercall-widget a.text-muted:focus, #buyercall-widget a.text-muted:hover {
  color: #999;
}
#buyercall-widget form {
  margin: 0;
}
#buyercall-widget .form-group {
  padding: 0 5px;
  border-bottom: none;
  text-align: center;
  margin-top: 0px;
}
#buyercall-widget .form-control {
  height: 45px;
  border-radius: 0px;
  border-style: solid;
  border: 1px solid #DCDCDC;
  box-sizing: border-box;
  margin: 5px 0;
  padding: 6px 8px;
  max-width: 100%;
  width: 100%;
  box-shadow: none !important;
  font-size: small;
}
#buyercall-widget textarea.form-control {
  height: auto;
}
#buyercall-widget .has-error .form-control {
  border-color: #dd817b;
}

/* Small devices, smaller than 480px) */
@media screen and (max-width: 480px) {
  #buyercall-widget {
    margin-left: 0px;
  }
  #buyercall-widget.form-control {
    width: 100%;
  }
  .buyercall-lightbox#buyercall-widget {
    width: 320px;
    margin-left: 0px;
  }
}
/* Small devices, smaller than 380px) */
@media screen and (max-width: 380px) {
  #buyercall-widget {
    margin-left: 0px;
  }
  .buyercall-lightbox#buyercall-widget {
    width: 310px !important;
  }
}