/*IMPORT SCSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* FONTS */
/*-------------------------------------------*/
/*-------------------------------------------*/
/* COLORS */
/*-------------------------------------------*/
/*-------------------------------------------*/
.jaybtn { color: #999 !important; font-size: 12px; font-weight: 300; cursor: pointer; }

.jaybtn:hover { color: #FF2A42 !important; }

#psignin button.close { position: absolute; right: 0; top: 5px; width: auto; }

input[type=radio]:checked + label:before { position: absolute; top: 13px; margin-top: 0; }

.thejayline { height: 1px; width: 100%; display: block; background-color: #FF2A42 !important; }

#main { padding-top: 8%; padding-bottom: 8%; min-height: 100vh; background: url("https://anatomyforinjectors.com/wp-content/uploads/2019/04/signin-bg.png") right bottom/cover; }

.content-wrap { max-width: 830px; }

.gray-wrap .image-wrapper { border-radius: 18px; }

.enquiry-form { background-color: #fff; border-radius: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.enquiry-form h4 { margin-bottom: 20px; font-weight: bold; }

.enquiry-form #forgot-password { color: #999; font-weight: 300; font-size: 12px; }

.enquiry-form p { color: #A7A7A7; font-size: 11px; }

.enquiry-form .login-error { margin-top: -10px; margin-bottom: 10px; color: red; }

.enquiry-form .login-success { margin-top: -10px; margin-bottom: 10px; color: green; }

.enquiry-form img { width: 90px; }

.enquiry-form .default-btn { padding: 12px !important; border-radius: 20px !important; }

@media (min-width: 768px) { #top-nav.custom-header.make-me-solid { background-color: transparent !important; }
  #top-nav.custom-header.make-me-solid-now { background-color: #fff !important; }
  #main { margin-top: 0 !important; }
  .gray-wrap .main-text { width: calc(54% - 48px); }
  .enquiry-form { position: absolute; right: 48px; top: 50%; width: calc(46% - 48px); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } }

@media (max-width: 767px) { .gray-wrap .main-text { width: 100%; } }
