/**** The main CSS styles for the Floating Action Buttons ****/
.fcb-container {
  position: fixed;
  bottom: 45px;
  right: 24px;
  background-color: #008749;
  border-radius: 50%;
  width:70px;
  height:70px;
  z-index: 9999;
  
}

/*******   Create the menu scale effects using CSS3 transitions   *******/


.fcb-scale-transition { transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }

.fcb-scale-transition.fcb-scale-out {
  transform: scale(0);
  transition: transform 0.2s !important;
}

.fcb-scale-transition.scale-in { transform: scale(1); }



/********************* Callback request box CSS *************/
.fcb-callback-details {
  width: min-content;
  min-width: 200px;
}

.fcb-callback {
  position: absolute;
  right: 0;
  bottom: 70px;
  transition: box-shadow 0.25s;
  padding: 24px;
  border-radius: 2px;
  background-color:  #FFF;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  /* color: #009688;*/
  width: max-content;
}
#fcb-callback-submit{
  background-color: #008749;
}
#fcb-success-msg, #fcb-error-msg{
  display:none;
}

/*****************  Cross icons CSS  ******************/
.fcb-text {
  float: left;
  width: 100%;
  text-align: center;
}
.fcb-close-menu {
  padding: 8px;
  float: left;
  cursor: pointer;
  width:100%;
  height:100%;
  box-sizing:border-box;
}
.fcb-close-menu img.fcb-close-img {
  width: 100%;	
  height:auto;
  opacity: 0.6;
}
.fcb-close-menu{
  text-align: center;
  display:none;
}

/********** callback close icon css ***********/

.fcb-close-icon {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
  /* z-index: 1; */
  width: 23px;
}

/********************** fcb-menus-container css *******************/
.fcb-menus-container {
  background: center no-repeat #FFF;
  box-shadow: 0 0 10px rgba(0,0,0,.6);
  width: 235px;
  position: absolute;
  bottom: 80px;
  right: 0;
  padding: 14px 0;
  box-sizing: border-box;
  border-radius: 7px;
  
}
.fcb-media-name {
  font-weight: 500;
}

.fcb-menus-container a.fcb-menus {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  cursor: pointer;
  padding: 8px 20px 8px 60px;
  position: relative;
  min-height: 54px;
  text-decoration: none;
}

.fcb-menus span.fcb-media-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -20px;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  color: #FFF;
  text-align: center;
}

.fcb-main-button{
  background-color:#FFF;
  width:44px;height:44px;
  border-radius:50px;
  position:absolute;
  overflow:hidden;
  top:50%;
  left:50%;
  margin-top:-22px;
  margin-left:-22px;
  line-height: 1.5;
}

#fcb-error-msg span.fcb-alert {
  color: red;
}

/***************** Preloader  ************/
#fcb-loader-wrapper{
  display: none;
  /* background: #009688; */
  float: left;
  width: 80%;
  /* padding: 11%; */
  height: 80%;
 /* background-color: rgba(255,0,0,0.3);*/ 
  position: absolute;
  text-align: center;
  
 
}

.fcb-loader-ring {
  display: block;
  /* width: 64px; */
  /* height: 64px; */
  text-align: center;
  top: 21%;
  position: absolute;
  left: 34%;
}
.fcb-loader-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
 /* border-color: #009688 transparent #009688 transparent;*/
  animation: fcb-loader-ring 1.2s linear infinite;
}
@keyframes fcb-loader-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




/********** Font Awesome *************/
.fcb-marque-icons .fcb-icon {
  font-size: 30px;
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: step-start;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: step-start;
  -moz-animation-iteration-count: infinite;
  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: step-start;
  -o-animation-iteration-count: infinite;
  animation-name: cf4FadeInOut;
  animation-timing-function: step-start;
  animation-iteration-count: infinite;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
}
.fcb-media-icon .fcb-icon {
  color: black;
  font-size: 29px;
}
/*********** End Font Awesome *********/

/*********** marquee *********************/
.fcb-cross-icons {
  height: 45px;
  width: 45px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.fcb-cross-icons .fcb-marque-icons {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.fcb-cross-icons img.fcb-img {
  padding: 6px;
  height: 97%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}


/* Config plugin message */
.fcb-menus-container p.fcb-config-plugin {
  padding: 10px;
  text-align: center;
  font-weight: 500;
}
.fcb-menus-container p.fcb-config-plugin a {
  font-weight: 700;
}

/*
*  Bordor radius for Safari
*/
.fcb-main-button{
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, #12580f 100%);
}

/* 
* Right to left css
*/

body.rtl .fcb-menus-container a.fcb-menus{
  padding: 8px 65px 8px 56px;
 }
 
 body.rtl .fcb-menus-container a.fcb-menus .fcb-media-icon{
  left: auto;
  right: 10px;
 }