.novocall-button {
    display: block;
    position: fixed;
    z-index: 2147483647;
    opacity: 1;
    transform: translateY(0%);
    width: 65px;
    height: 65px;
    bottom: 25px;
    font-family: Arial;
    text-align: center;
    cursor: pointer;
    color: rgb(255, 255, 255);
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    overflow: visible;
    animation: 2s ease 0s 3 normal none running novocallPulse;
    background: rgb(2, 136, 209);
}

.novocall-button {
    left: 30px;
    box-shadow: rgba(0, 0, 0, 0.3) -2px 2px 3px 2px;
    padding-right: 4px;
    border-radius: 50%;
}
.nova-img{padding-top: 15px;}
.card-title{margin-bottom: 5px;color: #fff;}
.nav-tabs>li{    width: 50%;}
.container-tab{padding:10px;}
.card{width:300px; border: 1px solid #ddd; background-color: #efefef; 
    transition: all 2s; position: fixed; margin: 15px; border-radius: 7px; bottom: 80px;}
.card img{ width: 60px;
    height: 60px;
    padding: 3px; margin: 5px;
    border-radius: 100%;
    float: left;
    border: 1px solid #ddd;}
.btn-widget-small{color: #0288D1; background: #0288D130; font-weight: bold !important;}
.single-button-small {
    min-width: fit-content;
    width: 70%;
    position: relative;
    margin: auto;
}
.card-title-text{padding: 5px;}
.card-subtitle, .close-button{color: #fff;}
.close-button {
    font-size: 20px;
    position: absolute;
    top: 1px;
    right: 18px;
    cursor: pointer;
}
#novocall-popup-close:hover {
  color: #c2dcea;
}
.card-img{padding: 15px 15px 0px;    border-radius: 8px 8px 0px 0px; background-color: #0288d1;}
.card-body{padding: 10px 15px 15px;}
.close-button:hover{text-decoration: none;}

@keyframes slideInFromLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  .card{
    animation: 1s ease-out 0s 1 slideInFromLeft;
  }

  .pulse {
   
    box-shadow: 0 0 0 #0288d1;
    animation: pulse 2s infinite;
  }
  .pulse:hover {
    animation: none;
  }
  
  @-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 #0288d1;
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px #0288d1;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #0288d1;
    }
  }
  @keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 #7dd2ff;
      box-shadow: 0 0 0 0 #7dd2ff;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px #d9f1ff;
        box-shadow: 0 0 0 10px #d9f1ff;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 0 #ffffff;
    }
  }
  

.modal-dialog {
	width: 400px !important;
    margin: 30px auto;
}