.snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px !important;
    background-color: #33A;
    color: #fff;
    text-align: center;
    border-radius: 7px;
    padding: 13px;
    position: fixed;
    z-index: 1;
    left: 67%;
    bottom: 0px;
    font-size: 18px;
  }
  
  .snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s !important;
    animation: fadein 0.5s !important;
  }
  
  @-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
  }
  
  @keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
  }

.cf-textarea {
    max-width: 46% !important;
}
.cf-common{
  
  background: #fff;
  border: solid 1px #ccc;
  box-sizing: border-box;
  outline: none;
  padding: 0.36rem 0.66rem;
  -webkit-appearance: none;
  outline-offset: 0;
  border-radius: 0; 
}


.asterisk_input::after {
  content:" *"; 
  color: #e32;
  position: absolute; 
  margin: 0px 0px 0px 2px; 
 }