/**
 * Button for notify family style
 */ 
ul.sub_menu{
  padding-left: 0px !important;
}
.sub_menu li.notify {
  background-color: #f48007 !important;
  height: 35px;
  line-height: 35px;
  width: 100%;
  padding: 0px !important;
  border: 1px solid #f48007;
  margin-bottom: 10px;
}
.sub_menu li.notify a {
  color: #fff6ef !important;
  font-weight: bold !important;
  line-height: 27px !important;
}
.sub_menu li.notify a:active {
  border: 1px solid #f48007;
}

.sub_menu li.notify .icon-sent {
  background: #ffffff url("../images/memorial/sent_mail.png") no-repeat -4px -4px !important;
}
.sub_menu li.notify .icon-not-sent {
  background: #ffffff url("../images/memorial/mail.png") no-repeat -4px -4px !important;
}
.sub_menu li.notify .icon-mail {
  float: right !important;
  width: 19%;
  height: 100%;
  z-index: 100;
  margin-right: 1px !important;
}
.sub_menu li.padd_10 {
  padding-left: 10px !important;
}

/**
 * Magnific popup style 
 */ 

 *{
  margin: 0;
  padding: 0;
 }

.magnific-popup-container{
    /*padding: 10px 15px 10px 20px;*/
    /*background: white;*/
    border-radius: 20px;
    border: solid #73A008 5px;
    margin: 0 auto;
    padding: 0;
    margin: 0;
}


.ha-iframe-popup.mfp-bg {
  opacity: 0.9;
  transition: all 0.3s ease-out;
  background-color: #fff;
}
.ha-iframe-popup .mfp-content {
  width: auto;
  margin: 0 auto;
  max-width: 90%;
}

.ha-iframe-popup .mfp-preloader {
  width: 30px;
  height: 30px;
  background-color: #73A008;
  opacity: 0.65;
  margin: 0 auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.ha-iframe-popup.mfp-bg {
  opacity: 0.9;
  transition: all 0.3s ease-out;
  background-color: #fff;
}
.ha-iframe-popup.mfp-wrap {
  -webkit-overflow-scrolling: touch;
}
.ha-iframe-popup .mfp-close {
  color: white;
  background-color: #73A008;
  opacity: 1;
  border-radius: 22px;
  line-height: 20px;
  height: 30px;
  width: 30px;
  top: -12px;
  right: -21px;
}
.ha-iframe-popup .mfp-iframe-holder .mfp-content .mfp-iframe {
  background-color: white;
}

.mfp-wrap {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}
html.mfp-helper {
  height: 106%;
  margin-right: 0 !important;
}
html.mfp-helper body {
  overflow: hidden;
  height: 106%;
  -webkit-transform: translateZ(0);
}
/*** end magnific popup style ***/

/*----- email_notification -----*/
.cover-content #form_fields{
  /*padding: 10px 20px;*/
}

.intl-tel-input .country-list {
  width: 200px;
}
.intl-tel-input .country-list {
  overflow-y: auto;
}
input#contact_phone {
  max-width: 100% !important;
  width: 100% !important;
}
.intl-tel-input {
  max-width: 100%;
  padding: 0px !important;
  width: 69% !important;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .intl-tel-input {
    width: 100% !important;
  }
}
.active-tab {
  font-size: 13px;
  font-weight: bold;
}
span.line {
  line-height: 31px;
}

.notify-msg {
  color: #000000 !important;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  text-align: center;
}
.form-group {
  margin-bottom: 10px !important;
}

.cover-content {
  margin-top: 10px;
}

.cover-content .form {
  font-size: 12px !important;
}
@media screen and (max-width: 400px) {
  .cover-content .form span.mobile-display {
    width: 100%;
    float: left;
    font-size: 14px !important;
  }
}
.cover-content .form label {
  width: 30%;
  text-align: left;
  font-size: 12px !important;
  padding-top: 7px;
}
@media screen and (max-width: 480px) {
  .cover-content .form label {
    width: 100% !important;
    font-weight: bold;
    font-size: 14px !important;
  }
}
.cover-content .form input.form-control {
  width: 69% !important;
  margin-bottom: 5px;
}
@media screen and (max-width: 480px) {
  .cover-content .form input.form-control {
    width: 100% !important;
  }
}
.cover-content .form .form_row .radio input[type="radio"] {
  margin-left: -10px !important;
}
.cover-content .form .form_row span.mandatory {
  position: static;
}
@media screen and (min-width: 405px) and (max-width: 670px) {
  .cover-content .form .form_row #display_name {
    width: 65%;
  }
}
@media screen and (max-width: 400px) {
  .cover-content .form .form_row label,
  .cover-content .form .form_row span.mobile-display,
  .cover-content .form .form_row .selector {
    margin-left: 12px;
  }
  .cover-content .form .form_row .circa {
    width: 50px !important;
  }
  .cover-content .form .form_row .selector {
    width: 100% !important;
  }
  .cover-content .form .form_row .selector span {
    width: 80% !important;
  }
  .cover-content .form .form_row input[type=text] {
    margin-left: 12px;
    width: 80%;
  }
}
@media screen and (max-width: 400px) {
  .cover-content .form .form_row.mobile-age-display label {
    width: 100px !important;
  }
  .cover-content .form .form_row.mobile-age-display input[type=text] {
    margin-left: 0px !important;
    width: 100px !important;
  }
}

.form .input-sm {
  font-size: 12px !important;
}
.form-group input {
  /*max-width: 71% !important;*/
  height: 28px !important;
}
/*----- end of email_notification ----*/