/*=====================
  SMS Blcok styles Frank Health 2017
=======================*/
#sms-form{
    padding: 0 10%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
  }
  
  #sms-form button.mfp-close {
    font-size: 2.4rem;
    color: white;
    width: auto; height: auto;
    opacity: 1;
  }
  
  #sms-form .alertarea p {
    margin: 0 0 12px;
  }
  
  #sms-form button.mfp-close span {
    text-decoration: underline;
    pointer-events: none;
  }
  
  #sms-form button.mfp-close:hover span {
    text-decoration: none;
  }
  
  #sms-form button.mfp-close:focus span {
    text-decoration: none;
  }
  
  #sms-form button.mfp-close:focus {
    outline: 3px solid white;
  }
  
  #sms-form button.mfp-close .fa {
    margin-left: 10px;
    position: relative; transform: translateY(2px);
    font-size: 30px;
    pointer-events: none;
  }
  
  #sms-form h2{
    margin: 0 0 10px;
    color:white;
    font-size:2.2em;
  }
  
  #sms-form .smsHeading{
    margin: 0 0 15px;
    color:white;
    font-size:2em;
  }
  #sms-form  .alertarea{
    color:lightgreen;font-size:2.5em;line-height:1em;
  }
  #sms-form .notice{
    color:lightgreen; font-weight: bold;
  }
  #sms-form .send_sms_link{
    padding:10px 20px;
    border-radius:6px;
      border: 1px solid #481f8b;
      margin-top:5px;
      display:block;
  }
  #sms-form label{
    color:white; font-size:14px; font-size:2em; font-size:2rem;
  }
  #sms-form .recipientNumber{
  
    border-radius:6px;
  }
  
  #sms-form #smsInput{
    display: inline-block;
    color: #000;
    width:150px;
    cursor:pointer;
    padding: 10px 20px;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 15px;
    border: 1px solid #481f8b;
  }
  
  #sms-form .button-link, .visible_SMS_link .button-link {
      font-family: "Frutiger LT W03_45 Light",sans-serif;
      display: inline-block;
      background: #481f8b;
      color: #fff;
      /*padding: 5px 20px;*/
      
      text-align: center;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      border: 0;
      -ms-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -webkit-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      
      /*--to match existing share button--*/
      height: 40px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1;
      padding:12px 15px;
      vertical-align: middle;
      margin-left:20px;
      min-width:120px;
     /* width: 100%;*/
  
  }
  
  #sms-form .button-link:hover, .visible_SMS_link .button-link:hover  {
    color: #fff;
    text-decoration: underline;
  }
  
  .edit-mode #headerShare {
    border:5px dotted green;
    z-index:10000;
    display:block;
  }
  
  span.sharetext {
    /*color:white;*/
    float:left;
  }