.login-popup{display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.4);}.login-popup .error-field {margin-bottom:16px;}span#Error-Phone {font-size: 13px;margin-bottom: 16px;color: red;}.login-popup .signup-phn .input-group-addon {padding: 15px;margin-bottom: 0;font-weight: 400;line-height: 1.25;color: #55595c;text-align: center;background-color: #eceeef;white-space: nowrap;vertical-align: middle;border: 1px solid #dbdbdb !important;font-size: 0.875rem !important;border-radius: 0.375rem;border-right: none !important;height: 3.5rem;display: flex;align-items: center;justify-content: center;}.login-popup #inp-phn-ema,.signup-phn {display: flex;align-items: center;margin-bottom: 1rem;}.login-popup #inp-phn {padding: 15px;margin-bottom: 0;font-weight: 400;line-height: 1.25;color: #55595c;text-align: center;background-color: #eceeef;border-radius: 0.25rem;white-space: nowrap;vertical-align: middle;border: 1px solid #dbdbdb !important;font-size: 0.875rem !important;border-radius: 0;border-right: none !important;height: 3.5rem;display: flex;align-items: center;justify-content: center;}.login-popup .modal-content {width: 100%;overflow: hidden;border-radius: 0.75rem;border-style: none;padding: 0;position: relative;background: #fff;margin: auto;}.login-popup .modal-body {padding: 2px 16px;}.login-popup .modal-close{position: absolute;right: 1rem;top: 1rem;cursor: pointer;z-index: 10;}.animate-spin {animation-name: spin;animation-duration: 1000ms;animation-iteration-count: infinite;animation-timing-function: linear;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.login-popup .custom-control-wrap{font-size: 0.875rem;line-height: 1;}.login-popup .sign-switch{font-size: 0.875rem;margin-top:1rem;}@-webkit-keyframes animatetop {from {top: -300px;opacity: 0;}to {top: 0;opacity: 1;}}@keyframes animatetop {from {top: -300px;opacity: 0;}to {top: 0;opacity: 1;}}.login-popup a.block.mb-4{font-size: 0.875rem;}.login-popup .btn-secondary{font-weight:600;}.login-popup .btn-secondary img{height: 33px;}.login-popup .new-user label{font-weight: 600;}.login-popup .new-user label a{text-decoration: underline;transition-duration: 300ms;color:#fff;}.login-popup .new-user label a:hover{color: #E60A46;}.login-popup .new-user-link{float: right;font-size: 14px;font-weight: 500;text-decoration: underline;margin-top: 6px;margin-right: 30px;display: inline-block;}.login-popup .login-loading {position: absolute;top: 50%;left: 50%;margin: auto;transform: translate(-50%, -50%);}.login-popup .login-loading .spinner-border {width: 50px;height: 50px;}.login-popup .custom-control-wrap #show-text{display: none;}@media (min-width: 1024px) {.login-popup .custom-control-wrap #show-text{display: inline-block;}}@media (min-width: 1024px) {.login-popup .new-user-link{display: none;}}@media only screen and (max-width: 768px){.login-popup .btn-secondary {font-size: 15px !important;height: 3rem;}.login-popup .btn-primary {font-size: 15px !important;height: 3rem;}}@media (min-width: 640px) {.login-popup .modal-content {border-radius: 0.75rem;}}.login-popup .modal-content {max-width: 94%;margin-top: 4%;}@media (min-width: 640px) {.login-popup .modal-content {max-width: 460px;}}@media (min-width: 1024px) {.login-popup .modal-content {max-width: 940px;}}@media (min-width: 1280px) {.login-popup .modal-content {max-width: 1120px;min-height: 700px;max-height: 700px;}}.login-popup .modal-content .login-bg {height: 300px;background-position: 50% !important;background-size: cover !important;display: none;}@media (min-width: 1024px) {.login-popup .modal-content .login-bg {height: 700px;background-position: center bottom;display: block;}}.login-popup .modal-content .login-bg img {max-width: 282px;padding-left: 2.6rem;}.login-popup .modal-content p {font-size: 0.875rem;display: none;}@media (min-width: 1024px) {.login-popup .modal-content p {display: block;}}@media (min-width: 1280px) {.login-popup .modal-content p {font-size: 0.875rem;}}.login-popup .modal-content h2 {font-size: 1.25rem;}@media (min-width: 1280px) {.login-popup .modal-content h2 {font-size: 1.875rem;}}.login-popup .modal-content .content-wrap {padding: 1rem;width: 100%;}.login-popup .modal-content .p-12 {padding: 1rem;}.login-popup .btn-primary img{height: 26px;}@media (min-width:1024px) {.login-popup .btn-primary img{height: 33px;}}@media (min-width: 1024px) {.login-popup .modal-content .content-wrap {padding: 3rem;width: 50%;}.login-popup .modal-content .p-12 {padding: 3rem;max-height: 700px;overflow-y: auto;}}.login-popup .btn-primary {border-radius: 0.375rem;display: flex;align-items: center;justify-content:center;margin-left: 0;font-size: 0.9375rem!important;font-weight: 600;--tw-text-opacity: 1;color: rgba(29, 29, 31, var(--tw-text-opacity));}.login-popup a {color: #007bff;}@media (min-width: 1280px) {.login-popup .btn-primary {font-size: 1.125rem;}}.login-popup .btn-primary:hover {--tw-text-opacity: 1;color: rgba(255, 255, 255, var(--tw-text-opacity));}.login-popup .new-user {background: #141414;padding: 1.75rem;}.navPanel {display: inline-flex;}.sidenav-add .web-left-panel{left:0;}.btn-black.login-signup-btn {margin-right:0.3rem;}#checkPhone, #checkEmail, .error-pass {color: red;font-size: 13px;margin-bottom: 10px;}@media only screen and (max-width: 1024px) {.btn-black.login-signup-btn {margin-left: 0px !important;background: none !important;color: #000 !important;padding-top: 1rem !important;padding-bottom: 1rem !important;padding-left: 0px !important;font-size: 0.9375rem !important;font-weight: 500 !important;}}.form-success-message {color: green;font-size: 0.875rem;font-weight: 400;padding-top: 15px;display: block;}.form-error-message {color: red;font-size: 0.875rem;font-weight: 400;padding-top: 15px;display: block;}