#aht-login #login_error{
    border-left: 4px solid #00a0d2;
    padding: 12px;
    margin-left: 0;
    margin-bottom: -20px;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
#aht-login #login_error {
    border-left-color: #dc3232;
}

.new-login-button[disabled] {
    opactiy:.4;
}

/*
  #################################################
    Header - Member Access Login / Logout Links
  #################################################
*/
    ul.header__member-access {
        display: block;
        list-style-type: none;
    }
    ul.header__member-access li {
        display: inline-block;
    }
    ul.header__member-access li.header__member-logout {
        display: none;
    }

.availability-error{
  color:#f00;
}
.user-info-section,.user-card-section{
  position:relative;
}
.user-info-section .aht-loader,.user-card-section .aht-loader{
  display:none;
}
.user-info-section.loading .aht-loader,.user-card-section.loading .aht-loader{
  display:block;
}
.user-info-section.loading .aht-loader-ct,.user-card-section.loading .aht-loader-ct{
  position:absolute;
  top:-1rem;
  left:-1rem;
  right:-1rem;
  bottom:-1rem;
  opacity:.5;
  background:#000;
  -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
  z-index: 10;
}
.aht-loader {
  color: #ffffff;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: .5;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: .5;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: .5;
    }
}


/*
  #################################################
  Swal2 Modal Styles
    #000000 - black
    #0D1618 - very dark green
    #569952 - green
    #C3D0CB - gray
  #################################################
*/

  .swal2-aht-login.swal2-popup {
    background-color: #ffffff;
    border-radius: 0;
    padding: 0;
  }
  .swal2-aht-login.swal2-popup .swal2-close:hover {
    color: #569952;
  }
  .swal2-aht-login .swal2-styled.swal2-confirm {
    border-radius: 0;
    background-color: #569952;
    box-shadow: inherit;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 20px;
    padding: 15px 10px;
    min-width: 170px;
    text-transform: uppercase;
  }
  .swal2-aht-login .swal2-styled.swal2-confirm:hover {
    background-color: #0D1618;
    color: #ffffff;
  }

  .swal2-aht-login input::-webkit-input-placeholder { color: #161616; }
  .swal2-aht-login input:-moz-placeholder { color: #161616;  }
  .swal2-aht-login input::-moz-placeholder { color: #161616; }
  .swal2-aht-login input:-ms-input-placeholder { color: #161616; }
  .swal2-aht-login input::-ms-input-placeholder { color: #161616; }
  .swal2-aht-login input::placeholder { color: #161616; } 
  

/*  .swal2-aht-login .swal2-file:focus, .swal2-aht-login .swal2-input:focus, .swal2-aht-login .swal2-textarea:focus {
    pointer-events: none;
    color: #0d1618;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height:20px;
    font-size:10px;
    opacity: 0.3;
    margin:-15px 10px;
  }*/

  

  .swal2-aht-login .swal2-title {
    color: #161616;
    line-height: 28px;
    font-weight: 400;
    font-size: 1.7em;
    margin-top: 1em;
    padding-top: 12px;
  }
  .swal2-aht-login .swal2-content {
    margin-top: 20px;
  }


/* from hideaway reports login modal css */

.pn-boilerplate__close {
    width: 59px;
    height: 100%;
    margin-left: auto;
    cursor: pointer;
        background-color: #000;
        background-image: url(//ah-new.hideawayreport.com/handsome-images/IMG_Icon-Close.png);
        background-position: 50% 50%;
        background-size: 25px;
        background-repeat: no-repeat;
}

.pn-boilerplate__close-icon {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: fill-opacity 0.1s linear;
    transition: fill-opacity 0.1s linear;

}

.pn-boilerplate__close:hover .pn-boilerplate__close-icon,
.pn-boilerplate__close:focus .pn-boilerplate__close-icon {
    fill-opacity: 0.8;
}

.pn-boilerplate__account + .pn-boilerplate__close {
    margin-left: 0;
}

.swal2-aht-login .button, html .swal2-aht-login input[type="button"], .swal2-aht-login input[type="reset"] {
    border: 0;
    cursor: pointer;
    -webkit-appearance: button;
}



.swal2-aht-login .input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: initial;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 11px system-ui;
    padding: 1px;
}

  .swal2-aht-login .input-group {
    background-color: #FFFFFF;
    color: #000000;
    display: block;
    font-family: "usual", sans-serif;
    font-size: 12px;
    font-weight: 300;    
    line-height: 1.25em;
    letter-spacing: 0.025em;
    position: relative;
    padding: 0 0 0 10px;
    margin: 15px 15px 15px 0;
    text-align: left;
    width: 95%;
  }

.swal2-aht-login .input + placeholder, .swal2-aht-login input + .placeholder, .swal2-aht-login input.empty:active + .placeholder, .swal2-aht-login input.empty:focus + .placeholder {
    position: absolute;
    top: -5px;
    left: 0;
}

.swal2-aht-login .input + placeholder, .swal2-aht-login input + .placeholder, .swal2-aht-login input.empty:active + .placeholder, .swal2-aht-login input.empty:focus + .placeholder {
	transition: top .2s ease;
	position: absolute;
	top: -14px;
	left: 0;
}

.swal2-aht-login input.required + .placeholder::after {
    content: "*";
    position: absolute;
    display: inline-block;
    vertical-align: top;
    font-size: 1.6em;
    top: -3px;
    margin-left: 6px;
    opacity: 0.5;
}

.placeholder {
    /* AMM: Removing this, otherwise the labels on form inputs will not work */
    /*pointer-events: none;*/
    color: #0d1618;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height:20px;
    font-size:10px;
    opacity: 0.3;
    margin:-15px 10px;
}

.placeholder.icon {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    margin-top:10px;
    vertical-align: top;
    opacity: 0.3;
}

.icon {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    vertical-align: top;
    opacity: 0.3;
}

.icon-user {
    background-image: url(https://s3.amazonaws.com/ah.web2/Piano%20Images/User-Icon.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-email {
    background-image: url(https://s3.amazonaws.com/ah.web2/Piano%20Images/Email-Icon.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    }

.icon-password {
    background-image: url(https://s3.amazonaws.com/ah.web2/Piano%20Images/Lock-Icon.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
}

.error-message {
    display: none;
    margin-top: 6px;
    color: #eb6465;
    font-size: 10px;
    line-height: 2em;
    text-align: left;
}

.swal2-aht-login .input, select, .swal2-aht-login input[type="text"], .swal2-aht-login input[type="number"], .swal2-aht-login input[type="date"], .swal2-aht-login input[type="password"] {
    display: block;
    width: 100%;
    background: #FFFFFF;
    font-size: 1.1667em;
    margin-top: 40px;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #ECEEF1;
    color: #151515;
    font-weight: 300;
    line-height: 1.25em;
    letter-spacing: 0.025em;
    text-transform: none;
    text-align: left;
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.remember-me {
    display: inline-block;
}

.label {
    cursor: pointer;
    font-size: 0.8334em;
    letter-spacing: 0.13em;
}
.remember-me {
    display: inline-block;
}

.remember-and-restore {
    margin: 2em 0 1.3em;
}

.small {
    font-size: 0.8334em;
    letter-spacing: 0.1em;
}

.cf {
    zoom: 1;
}
/*
CMW - 3-25-2021 this is interfering with the theme and bootstrap - this was copied over from the old version of the AHT plugin.
Commenting out in the event we determine later that something is needed.
.btn {
  max-width: 204px;
  display: inline;
  padding: 12px 24px;
  font-family: "big moore", serif;
  letter-spacing: normal;
  font-size: 18px;
  line-height: 28px;
  font-weight:400;
  padding: 12px 24px;
  border: .5px solid rgb(61,142,51);
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  color: #ffffff;
  background-color:#3d8e33;
  text-transform: none;
  position: relative;
  margin: 20px 0;
}

.btn.prime {
    max-width: 204px;
    display: inline;
    padding: 12px 24px;
    font-family: "big moore", serif;
    letter-spacing: normal;
    font-size: 18px;
    line-height: 28px;
    font-weight:400;
    padding: 12px 24px;
    border: .5px solid rgb(61,142,51);
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    color: #ffffff;
    background-color:#3d8e33;
    text-transform: none;
    position: relative;
    margin: 20px 0;
}

.btn.prime:active:after, .btn.prime:hover:after {
    visibility: hidden;
    content: "";
    color: white;
    position: absolute;
    right: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAALVBMV…wywC/FehcKDiBzNiCUWd0QgLOZ1zYSIcGO7ByWJKr4FwCuGBuF1nK4dwAAAABJRU5ErkJggg==);
}

.btn.prime:hover {
    opacity: 0.8;
    border-color: #3d8e33;
    border: .5px solid rgb(61,142,51);
    color: #3d8e33;
    font-weight:400;
    background-color: #ffffff;
}

.btn:hover {
    opacity: 0.8;
    border-color: #3d8e33;
    border: .5px solid rgb(61,142,51);
    color: #3d8e33;
    font-weight:400;
    background-color: #ffffff;
}
.btn:active:after, .btn:hover:after {
    visibility: hidden;
    content: "";
    color: white;
    position: absolute;
    right: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAALVBMV…wywC/FehcKDiBzNiCUWd0QgLOZ1zYSIcGO7ByWJKr4FwCuGBuF1nK4dwAAAABJRU5ErkJggg==);
}

.btn-prime:svg {
    -webkit-transition: fill-opacity 0.1s linear;
    transition: fill-opacity 0.1s linear;
}*/

.p.final {
    margin: 10px 0 0 !important;
    background-color: #ebebeb;
    font-family: "usual", sans-serif;
    padding: 10px 0px 20px 0px;
    text-transform: none;
    font-size: 14px;
    text-align: center;
    letter-spacing: normal;
}
.final {
    font-family: "usual", sans-serif;
    padding: 10px 0px 20px 0px;
    background-color: #ebebeb;
    text-transform: none;
    font-size: 14px;
    text-align: center;
    letter-spacing: normal;
}

.link {
    color: #3d8e33;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}

.a {
    color: #3d8e33;
    font-size: 12px;
    letter-spacing: 0.13em;
    text-decoration: none;
    cursor: pointer;
}

.a .link {
    color: #3d8e33;
    font-size: 12px;
    letter-spacing: 0.13em;
    text-decoration: none;
    cursor: pointer;
}

.pull-left {
float: inherit;

}

.pull-right {
    float: inherit;
}

.a:active, .a:hover, .link:active, .link:hover {
    color: #3d8e33;
}


@media (max-width: 564px) {
.container_modal-imgheader {
        width: 100%;
        max-width:564px;
        background-position: 50% 50%;
        background-image: url(https://s3.amazonaws.com/ah.web2/Piano%20Images/registrastion-modal-banner.png);
    background-repeat: no-repeat;
    }

.container_modal {
        width: 100%;
        max-width:564px;
}
.h2.modal_content {
    width: 80%;
    margin-top: 34px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.h2 {
    position: relative;
    z-index: 20;
    font-family: "big moore", serif;
    font-size: 35px;
    line-height: 48px;
    font-weight: 400;
}
.p_s.modal_content {
    width: 75%;
    text-align: center;
    position: relative;
}
.p_s {
  font-family: "usual", sans-serif;
  font-size: 12.5px;
  text-align: center;
  display: block;
  background-color: #FFFFFF;
  margin-top: 26px;
  color: #000000;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 0.025em;
  position: relative;
  margin: 15px;
}
.input-group {
    font-family: "usual", sans-serif;
    font-size: 13px;
    text-align: center;
    display: block;
    background-color: #FFFFFF;
    margin-top: 26px;
    color: #000000;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.025em;
    position: relative;
    width: 80%;
    margin: 15px;
    left: 5%;
}

} /** End Hideway Reports CSS */

/** Begin Footer **/
.swal2-aht-login .swal2-footer {
  background: #ebebeb;
  border-top: none;
  color: #3E4148;
  display: block !important;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.7;
  padding-top: 21px;
  padding-bottom: 21px;
}
.swal2-aht-login .swal2-footer .swal-forgot-link,
.swal2-aht-login .swal2-footer .swal-get-started {
  display: block;
  text-align: center;
}
.swal2-aht-login .swal2-footer a {
  color: #3d8e33;
}