/**
@author: Allan Amevor
*/
.z-overlay-md {
    position: fixed;
    z-index:100000;
    padding: 20px;
    background-color: #eee;
    box-sizing: border-box;
    padding: 45px 20px 20px 20px;
    display: none;
  }

  .z-overlay-inner{
    position: relative;
    display: block;
    width: 100%; 
    height: auto;
    padding: 10px 10px 10px 10px;
    overflow-y: auto;
  }

  .righttop {
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .rightbottom {
    position: absolute;
    bottom: 5px;
    right: 5px;
    margin-right: 20px;
  }

  .boxshadow {
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
  }

  /* Button */
  .wrc-btn {
    box-sizing: border-box;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    padding: 15px 30px 15px 30px;
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: button;
    background-color: #f8f9fa;
    border: 0;
  }

  .wrc-control{
    display: block;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 10px 10px 10px;
    border: 0;
    width: 80%;
    background-color: #f8f9fa;
  }

  .wrc-label{
    display: inline-block;
    padding: 10px 10px 10px;
  }
  .wrc-form-group{
    display: block;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 10px 0px 10px 0px;
  }
  .wrc-form-group input[type=text], input[type=password], input[type=email], input[type=url], textarea{
    width: 100% !important;
  }
  .wrc-message{
    margin-left: 10px;
  }

  .wrc-info {
    background-color: #e7f3fe;
    border-left: 6px solid #2196F3;
      margin-bottom: 15px;
    padding: 10px 12px;
  }

  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px  CommentReportFormModal
  */
.commentlist .reply a.comment-reply-link{
    right: 160px;
}
.commentlist .reply a.comment-reply-login{
    right: 160px;
}

#MBM-NEWSLETTER-Form-Modal{
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-left: none;
    height: auto;
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}

#MBM-NEWSLETTER-Form-Modal button#close-report-comment-btn{
  background: #000 !important;
}
#MBM-NEWSLETTER-Form-Modal .z-overlay-inner form .wrc-btn.report-comment-btn{
  background: #000 !important;
  color: #fff !important;
}
#MBM-NEWSLETTER-Form-Modal .z-overlay-inner{
   margin-top: 0px !important;
}



.appcheckinput:focus
{
    outline: 1px solid rgba(0, 0, 0, 0.2);
}

.appcheckinput
{
    background-color: #DDD;
    border-radius: 2px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 17px;
    height: 17px;
    cursor: pointer;
    position: relative;
    top: 5px;
    padding-right: 8px;
}

.appcheckinput:checked
{
    background-color: #409fd6;
    background: #409fd6 url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 3px 3px no-repeat;
}
label.MBM_Form_Label{
  font-weight: 600 !important;
}
.MBM_Form_field.checkbox label.MBM_Form_Label{
  font-weight: 600 !important;
}
.MBM_Form_field.checkbox label.MBM_Form_Label .note{
  font-weight: 400 !important;
}
#close-mbm-newsletter-btn{
  padding: 10px 13px 10px 13px;
  height: 36px;
  margin-bottom: 0px;
  background: #A9181D !important;
}
#close-mbm-newsletter-btn .fa-times{
  vertical-align: top;
    font-size: 16px;
}
#MBM-NEWSLETTER-Form-Modal .z-overlay-inner form .row{
  margin: 0 !important;
}
#MBM-NEWSLETTER-Form-Modal .MBM_Form .MBM_Form_field input[type=email], .MBM_Form .MBM_Form_field input[type=numer], .MBM_Form .MBM_Form_field input[type=text]{
  width: 100% !important;
}
#MBM-NEWSLETTER-Form-Modal .MBM_Form .MBM_Form_field.col-12{
  width: 100% !important;
}
#MBM-NEWSLETTER-Form-Modal .load_gdpr.loaded{
  margin-top: 10px !important;
}
.sky-form-modal-parent-overlay .sky-form-modal-overlay{
  display: block;
} 
@media (max-width: 767px) {
  #MBM-NEWSLETTER-Form-Modal{
    display: block;
    margin: auto;
    width: 90%;
    max-height: calc(100vh - 125px);
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #MBM-NEWSLETTER-Form-Modal .z-overlay-inner .form-wrapper-parent {
    min-width: auto !important;
    min-height: auto !important;
  }
  #MBM-NEWSLETTER-Form-Modal .MBM_Form .MBM_Form_field.col-12{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #MBM-NEWSLETTER-Form-Modal .recaptcha_parent{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}