html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*[ FONT ]*/
/*Montserrat*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url(/static/media/1JnwAav.ttf);
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(/static/media/22-8OoB.ttf);
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url(/static/media/3pj2EIk.ttf);
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/1b1beF4.ttf);
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(/static/media/3NLWwAq.ttf);
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(/static/media/2as750G.ttf);
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(/static/media/169Ij7d.ttf);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,
html {
  height: 100%;
  font-family: Montserrat !important;
}
body {
  --primary-color: #ee7400;
  --second-color: #4285f4;
  --main-background: #000;
  --sub-background: #131313;
}
.ps-alert-message {
  border: none !important;
}
.ps-alert-message .ant-notification-notice-message {
  display: none;
}
.ps-alert-message .ant-notification-notice-description {
  font-weight: 500;
  margin-left: 30px;
}
.ps-alert-message .ant-notification-notice-icon {
  font-size: 16px;
}
.ps-alert-message .ant-notification-close-x {
  display: inline-block;
}
.ps-wp-loading-data {
  text-align: center;
  padding: 5rem;
}
.ps-wp-loading-data .ant-spin-text {
  font-size: 13px;
}
p {
  margin-bottom: 1rem;
  line-height: 23px;
}
label::after {
  display: none !important;
}
.ant-input-affix-wrapper {
  box-shadow: none !important;
  border-color: #808080;
  border-radius: 5px;
}
.ant-input-affix-wrapper > input.ant-input:focus {
  box-shadow: inset 0 0 0 50px #fff !important;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #000;
  box-shadow: none !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper:hover .ant-input-affix-wrapper-focused {
  border-color: var(--button-background-color);
  box-shadow: none !important;
}
.ant-form-item {
  margin-bottom: 15px;
}
.ant-form-item label {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
}
.ant-form-item .ant-input {
  padding: 5px 10px 5px 35px !important;
  height: 48px;
  font-size: 18px;
  color: #000;
  box-shadow: inset 0 0 0 50px #fff;
  font-weight: 500;
}
.ant-form-item .ant-input::placeholder {
  font-weight: 300;
  font-size: 14px;
}
.ant-form-item .ant-input-suffix .ant-input-password-icon {
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
.ant-form-item .ant-input-prefix {
  margin-right: 10px;
}
.ant-form-item .ant-input-prefix .anticon {
  font-size: 13px;
}
.ant-form-item .ant-input:focus,
.ant-form-item .ant-input:hover,
.ant-form-item .ant-input-focused {
  border-color: var(--button-background-color);
  border-right-width: 1px;
  background: #fff;
  box-shadow: inset 0 0 0 50px #fff;
  outline: 0;
}
.ant-empty {
  width: 100%;
}
.ant-empty .ant-empty-image {
  height: 24px;
}
.ant-empty .ant-empty-description {
  font-size: 11px;
}
.title-page {
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
  color: var(--primary-color);
  padding: 2rem 0;
}
.title-page span.date {
  font-size: 16px;
  text-transform: lowercase;
}
.empty-data {
  color: #808080;
  font-weight: 500;
  background: #fff;
  padding: 2rem 0;
}
.modal-general {
  padding-top: 30px;
  max-width: 500px !important;
}
.modal-general .head-modal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
}
.modal-general .head-modal .title {
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
  color: var(--primary-color);
}
.modal-general .head-modal .title span.date {
  font-size: 16px;
  text-transform: lowercase;
}
.modal-general .head-modal button {
  border: none;
  font-weight: 500;
  font-size: 11px;
  box-shadow: none;
  outline: none;
  background: inherit;
}
img {
  max-width: 100%;
  height: auto;
}
.text-center {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .modal-general {
    padding-top: 30px;
    max-width: 500px !important;
    width: 100% !important;
  }
}
.form-black input,
.form-black textarea {
  height: 50px !important;
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fff;
  width: 100%;
  box-shadow: none !important;
  font-weight: 300 !important;
  font-size: 16px !important;
}
.form-black .ant-form-explain {
  font-size: 13px;
  margin-top: 2px;
}
.form-black textarea {
  min-height: 100px !important;
}
.form-black .ant-input:focus,
.form-black .ant-input:hover,
.form-black .ant-input-focused,
.form-black .ant-input-affix-wrapper > input.ant-input:focus {
  border-color: var(--button-background-color);
  background: #000 !important;
  box-shadow: none !important;
  outline: 0;
}
.form-black input::placeholder,
.form-black textarea::placeholder {
  color: #bfbfbf !important;
}
.form-black input:hover,
.form-black .ant-input-affix-wrapper:hover {
  border: 1px solid #fff !important;
  color: #fff;
}
.modal-warning .ant-modal-confirm-body .ant-modal-confirm-content {
  margin-bottom: 0;
  color: #000;
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
}
.modal-warning .ant-modal-confirm-btns {
  width: 100%;
}
.modal-warning .ant-modal-confirm-btns button {
  width: 100%;
  height: 42px;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  background: var(--primary-color);
  border: none;
}

.ps-auth-page {
  text-align: center;
  background: var(--sub-background);
  height: 100vh;
}
.ps-auth-page .wp-inner {
  max-width: 500px;
  margin: 0 auto;
  background: var(--main-background);
  height: 100%;
  padding-top: 100px;
}
.ps-auth-page .wp-inner > div {
  width: 100%;
}
.ps-auth-page .wp-inner .logo-page {
  width: 200px;
  overflow: hidden;
  margin: 0 auto 2rem ;
}
.ps-auth-page .wp-inner .logo-page img {
  max-width: 100%;
  height: auto;
}

.ps-login-page .wp-inner {
  margin: 0 auto;
  padding: 0 3rem;
}
.ps-login-page label {
  color: #d1d1d1;
}
.ps-login-page .input-code {
  text-align: center;
}
.ps-login-page .ant-form-item-label {
  white-space: pre-wrap;
  display: block;
}
.ps-login-page .ant-form-item .ant-input {
  padding: 5px 10px 5px 10px !important;
  text-align: center;
}
.ps-login-page .btn-form {
  text-align: center;
}
.ps-login-page .btn-form button[type=submit],
.ps-login-page .btn-form button.submit {
  background: var(--primary-color);
  border: none;
  font-weight: 500;
  height: 50px;
  width: 100%;
  text-transform: uppercase;
  color: #fff;
}
.ps-login-page .btn-form .resend {
  text-align: right;
}
.ps-login-page .btn-form .resend button.resend-code {
  border: none;
  position: relative;
  padding: 0 15px;
  line-height: 0;
  font-size: 13px;
  color: #fff !important;
  background: inherit;
}
.ps-login-page .btn-form .resend button.resend-code i {
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
  font-size: 9px;
  color: #fff !important;
}
.ps-login-page .btn-form .resend button.resend-code .counter {
  margin-left: 0.5rem;
  color: #fff !important;
}
.ps-login-page .btn-form .resend button.resend-code span {
  color: #fff !important;
}
.ps-login-page .btn-form .or {
  text-align: center;
  margin-top: 1rem;
}
.ps-login-page .btn-form .or a {
  font-size: 16px;
}
.ps-login-page .btn-form .login-other {
  color: #fff;
  margin-top: 10px;
  text-align: right;
  font-size: 13px;
  cursor: pointer;
}
.ps-login-page .btn-form .login-other:hover {
  text-decoration: underline;
  color: var(--primary-color);
}
.ps-login-page .desc-form p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 5px;
}
.ps-login-page .back {
  margin-top: 3rem;
  text-align: left;
}
.ps-login-page .back button {
  border: none;
  font-weight: 500;
  background: inherit;
  color: #fff;
  padding: 0;
}
.ps-login-page .back button i {
  margin-right: 0.5rem;
}
.ps-login-page .content {
  margin-bottom: 2rem;
}
.ps-login-page .content p {
  font-weight: 500;
  color: #fff;
  font-size: 16px;
}
.ps-login-page .content.center {
  text-align: center;
}
.ps-login-page .content.center h3 {
  font-size: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  color: #fff;
}
.ps-login-page .content.center h3 i {
  font-size: 12px;
  margin-right: 1rem;
}
.ps-login-page .content.center p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 1rem;
}
.ps-login-page .content.center p.password {
  font-size: 30px;
  font-weight: 600;
}
.modal-send-success .ant-modal-confirm-body .anticon-close {
  color: #ff0405;
}
.modal-send-success .ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 0;
}
.modal-send-success .ant-modal-confirm-body .ant-modal-confirm-content div p {
  margin-bottom: 0;
  color: #000;
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
}
.modal-send-success .ant-modal-confirm-btns {
  width: 100%;
}
.modal-send-success .ant-modal-confirm-btns button {
  width: 100%;
  height: 42px;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  background: var(--primary-color);
  border: none;
}
.login-as-email-page {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background: #000;
}

.ps-home-page {
  text-align: center;
  margin: 0 auto;
  height: 100vh;
  min-height: 100vh;
  background: var(--sub-background);
}
.ps-home-page.exist-snap-company-logo {
  height: auto;
}
.ps-home-page .wp-inner {
  width: 50%;
  margin: 0 auto;
  padding: 0 2rem;
  height: 100%;
  background: var(--main-background);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.ps-home-page .wp-inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/static/media/1fvgVHd.jpg);
  /* The image used */
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */
  opacity: 0.2;
}
.ps-home-page .wp-inner.exist-snap-company-logo {
  padding: 50px 0;
  height: auto;
  min-height: 100%;
}
.ps-home-page .wp-inner.exist-snap-company-logo .snap-company {
  margin-top: 40px;
}
.ps-home-page .wp-inner.exist-snap-company-logo .snap-company .thumb-img {
  width: 200px;
  margin: 0 auto 20px;
}
.ps-home-page .wp-inner.exist-snap-company-logo .snap-company .thumb-img:first-child p {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
}
.ps-home-page .wp-inner.exist-snap-company-logo .snap-company img {
  max-width: 100%;
}
.ps-home-page .wp-inner.exist-snap-company-logo .snap-company p {
  font-size: 14px;
  color: #fff;
  margin-bottom: 0;
  font-weight: 500;
}
.ps-home-page > div {
  width: 100%;
}
.ps-home-page .thumb {
  text-align: center;
  width: 200px;
  overflow: hidden;
  margin: 0 auto 3rem ;
}
.ps-home-page .thumb img {
  max-width: 100%;
  height: auto;
}
.ps-home-page .content {
  margin-bottom: 2rem;
}
.ps-home-page .content > p {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
}
.ps-home-page .content > p:nth-child(2) {
  color: var(--primary-color);
  font-size: 40px;
  font-weight: 700;
}
.ps-home-page .content > p:nth-child(3) {
  font-size: 30px;
  font-weight: 700;
}
.ps-home-page button {
  background: var(--primary-color);
  color: #fff;
  font-weight: 500;
  border: none;
  height: 50px;
  width: 80%;
  font-size: 16px;
  position: relative;
  border-radius: 12px;
}
.ps-home-page button.connect-with-google {
  background: var(--second-color);
  margin-top: 1rem;
}
.ps-home-page button.connect-with-google i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .ps-home-page .wp-inner {
    width: 100%;
    justify-content: center;
    padding: 2rem;
    background: #000;
  }
}
@media screen and (max-width: 500px) {
  .ps-home-page button {
    width: 100%;
  }
}

.ps-main-layout {
  background: var(--main-background);
  min-height: 100vh;
}
.ps-header-layout {
  height: auto;
  background: #000;
  padding: 1rem 0;
}
.ps-header-layout .wp-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ps-header-layout button {
  border: none;
  background: inherit !important;
  color: #fff;
}
.ps-header-layout .logo-app {
  width: 82px;
  overflow: hidden;
}
.ps-header-layout .logo-app img {
  max-width: 100%;
  height: auto;
}
.ps-drawer-menu .ant-drawer-content {
  background: linear-gradient(58deg, #673407 0%, #000000 85%);
}
.ps-drawer-menu .ant-drawer-body {
  height: 100%;
}
.ps-drawer-menu .footer-drawer {
  display: flex;
  bottom: 20px;
  position: absolute;
  width: 90%;
  justify-content: space-between;
  align-items: center;
}
.ps-drawer-menu .footer-drawer span.txt-version {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #FFFFFF;
}
.ps-drawer-menu .footer-drawer button {
  box-shadow: 10px 10px 50px 10px rgba(0, 0, 0, 0.15);
  font-weight: 500;
  color: #fff;
  background: #000;
  border: 1px solid var(--primary-color);
  font-size: 13px;
}
.ps-drawer-menu .head-drawer {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #fff;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
}
.ps-drawer-menu .head-drawer button.close-drawer {
  border: none;
  background: inherit;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 0;
}
.ps-drawer-menu .head-drawer .profile-auth {
  display: flex;
}
.ps-drawer-menu .head-drawer .profile-auth .ant-avatar {
  margin-right: 1rem;
}
.ps-drawer-menu .head-drawer .profile-auth .profile-detail p {
  color: #fff;
  margin-bottom: 5px;
}
.ps-drawer-menu .head-drawer .profile-auth .profile-detail p:first-child {
  font-weight: 500;
}
.ps-drawer-menu .head-drawer .profile-auth .profile-detail button {
  margin-top: 1rem;
  font-size: 12px;
  height: 24px;
  color: #fff;
  font-weight: 500;
  background: rgba(238, 131, 2, 0.24);
  border: none;
}
.ps-drawer-menu .body-drawer .ps-main-menu {
  background: inherit;
  border: none;
}
.ps-drawer-menu .body-drawer .ps-main-menu li {
  padding-left: 0 !important;
  font-weight: 600;
  color: #fff;
  background: inherit !important;
}
.ps-drawer-menu .body-drawer .ps-main-menu li::after {
  display: none;
}
.ps-drawer-menu .body-drawer .ps-main-menu li span {
  margin-left: 1.5rem;
}

.ps-dashboard-page {
  color: #fff;
}
.ps-dashboard-page .wp-inner {
  max-width: 1024px;
  margin: 0 auto;
}
.ps-dashboard-page .wp-inner .block {
  border: 1px solid #131313;
  padding: 2rem;
  margin-bottom: 2rem;
}
.ps-dashboard-page .wp-inner .block .title-block {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary-color);
}
.ps-dashboard-page .wp-inner .block .desc {
  font-size: 14px;
}
.ps-dashboard-page .wp-inner .list-block {
  display: flex;
  margin-left: -1rem;
}
.ps-dashboard-page .wp-inner .list-block .block-item {
  width: calc(100% / 3 - 1rem);
  margin-left: 1rem;
  display: flex;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
  position: relative;
  -webkit-margin-after: 1.5rem;
  margin-block-end: 1.5rem;
  align-items: center;
  padding: 1rem 0;
  background: #141414;
}
.ps-dashboard-page .wp-inner .list-block .block-item > .left {
  width: 30%;
  text-align: center;
}
.ps-dashboard-page .wp-inner .list-block .block-item > .left i {
  font-size: 11px;
  background: var(--primary-color);
  border-radius: 10px;
  padding: 10px;
}
.ps-dashboard-page .wp-inner .list-block .block-item .right {
  width: 70%;
}
.ps-dashboard-page .wp-inner .list-block .block-item .right p {
  margin-bottom: 5px;
  font-size: 14px;
}
.ps-dashboard-page .wp-inner .list-block .block-item .right p.number {
  font-weight: 500;
  font-size: 18px;
}

.ps-booking-page {
  padding: 0 2rem;
  min-height: 100vh;
  background: #181818;
}
.ps-booking-page .head-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ps-booking-page .show-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ps-booking-page .show-total p {
  margin-bottom: 0;
  margin-right: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
}
.ps-booking-page .booking-data-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
}
.ps-booking-page .booking-data-list .item-booking {
  border: 1px solid #808080;
  padding: 1rem;
  width: calc(100% / 3 - 1rem);
  margin-left: 1rem;
  margin-bottom: 1rem;
}
.ps-booking-page .booking-data-list .item-booking p {
  color: #fff;
  position: relative;
  padding-left: 25px;
  font-size: 14px;
}
.ps-booking-page .booking-data-list .item-booking p:first-child {
  color: var(--primary-color);
  font-weight: 500;
}
.ps-booking-page .booking-data-list .item-booking p i {
  position: absolute;
  font-size: 8px;
  margin-right: 10px;
  top: 7px;
  left: 0;
}
.ps-booking-page .booking-data-list .item-booking p span {
  word-break: break-all;
}
.ps-booking-page .booking-data-list .item-booking button {
  width: 100%;
  border: none;
  background: var(--primary-color);
  color: #fff;
  font-weight: 500;
}
@media (max-width: 768px) {
  .ps-booking-page .booking-data-list {
    margin-left: -1rem;
  }
  .ps-booking-page .booking-data-list .item-booking {
    width: calc(100% / 2 - 1rem);
  }
}
@media (max-width: 576px) {
  .ps-booking-page .booking-data-list {
    margin-left: 0;
  }
  .ps-booking-page .booking-data-list .item-booking {
    width: 100%;
    margin-left: 0;
  }
}

.ps-gallery-booking-page {
  margin-top: 3rem;
}
.ps-gallery-booking-page > div {
  margin-bottom: 3rem !important;
}
.ps-gallery-booking-page .preview-gallery {
  max-width: 500px;
  padding: 0 2rem;
  margin: 0 auto;
  text-align: center;
}
.ps-gallery-booking-page .preview-gallery .thumb {
  margin-bottom: 2rem;
  position: relative;
}
.ps-gallery-booking-page .preview-gallery .thumb img {
  height: auto;
}
.ps-gallery-booking-page .preview-gallery .thumb > div {
  width: 100%;
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-2 {
  display: flex;
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-2 > div {
  width: 50%;
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-3 {
  height: 300px;
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-3 > div {
  width: 55%;
  position: absolute;
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-3 > div:first-child {
  top: 0;
  left: 0;
  z-index: 1;
  transform: rotate(15deg);
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-3 > div:nth-child(2) {
  top: 0;
  right: 0;
  z-index: 2;
  transform: rotate(-30deg);
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-3 > div:last-child {
  bottom: 0;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%) rotate(5deg);
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-3 img {
  max-width: 100%;
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-4 {
  height: 300px;
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-4 > div {
  max-height: 220px;
  overflow: hidden;
  width: 55%;
  position: absolute;
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-4 > div:first-child {
  top: 0;
  left: 0;
  z-index: 2;
  transform: rotate(10deg);
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-4 > div:nth-child(2) {
  top: 0;
  right: 25px;
  z-index: 1;
  transform: rotate(-15deg);
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-4 > div:nth-child(3) {
  bottom: 30px;
  left: 20px;
  z-index: 4;
  transform: rotate(-28deg);
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-4 > div:last-child {
  bottom: 45px;
  right: 0;
  z-index: 3;
  transform: rotate(0deg);
}
.ps-gallery-booking-page .preview-gallery .thumb.thumb-4 img {
  max-width: 100%;
}
.ps-gallery-booking-page .preview-gallery p.title {
  text-align: center;
  color: #fff;
  margin-bottom: 5px;
}
.ps-gallery-booking-page .preview-gallery p.desc {
  color: var(--primary-color);
  font-weight: 500;
  font-size: 14px;
}
.ps-gallery-booking-page .preview-gallery button {
  margin-top: 20px;
  width: 100%;
  border: none;
  background: var(--primary-color);
  color: #fff;
  font-weight: 500;
  height: 40px;
}
.ps-gallery-booking-page .head-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.ps-gallery-booking-page .head-page button {
  border: none;
  background: var(--primary-color);
  height: 46px;
  color: #fff;
  font-weight: 500;
}
.ps-gallery-booking-page .folder-image-upload,
.ps-gallery-booking-page .ps-wrapper-connect-gbp {
  max-width: 1024px;
  margin: 0 auto;
  color: #fff;
  border: 1px solid #808080;
  padding: 2rem;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item {
  margin-bottom: 2rem;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .head .title-folder,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .head .title-folder {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .head .title-folder::after,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .head .title-folder::after {
  content: '';
  position: absolute;
  height: 2px;
  background: var(--primary-color);
  width: 45%;
  margin: 0 auto;
  bottom: 0;
  left: 0;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .content,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .content {
  display: flex;
  align-items: flex-end;
  margin-left: -1rem;
  flex-wrap: wrap;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .content > div,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .content > div {
  overflow: hidden;
  position: relative;
  margin-bottom: 1rem;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .content > div img,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .content > div img {
  max-width: 100%;
  border-radius: 5px;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .content > div div.thumb,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .content > div div.thumb {
  position: relative;
  cursor: pointer;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .content > div button.btn-show-score,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .content > div button.btn-show-score {
  position: absolute;
  font-weight: 500;
  font-size: 11px;
  right: 0;
  bottom: 5px;
  color: #000;
  height: 26px;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .content > div button.btn-show-score .dot,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .content > div button.btn-show-score .dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .content > div .check-image,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .content > div .check-image {
  position: absolute;
  top: 5px;
  right: 5px;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .content button.add-image,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .content button.add-image {
  font-weight: 500;
  font-size: 13px;
  width: 100%;
  height: 110px;
}
.ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .content button.add-image i,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .list-folders .ps-folder-item .content button.add-image i {
  display: block;
}
.ps-gallery-booking-page .folder-image-upload .switch-connect,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .switch-connect {
  text-align: right;
}
.ps-gallery-booking-page .folder-image-upload .switch-connect button,
.ps-gallery-booking-page .ps-wrapper-connect-gbp .switch-connect button {
  font-size: 12px;
  height: 24px;
  color: #000;
  font-weight: 500;
}
.ps-gallery-booking-page .filter-gallery {
  margin-bottom: 2rem;
}
.ps-gallery-booking-page .filter-gallery .filter-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ps-gallery-booking-page .filter-gallery .check-option .ant-checkbox-wrapper {
  font-weight: 500;
}
.ps-gallery-booking-page .filter-gallery .check-option .ant-checkbox-wrapper span {
  color: #fff;
}
.ps-gallery-booking-page .filter-gallery .select-option {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.ps-gallery-booking-page .filter-gallery .select-option p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  background: #242424;
  padding: 10px 20px;
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
}
.ps-gallery-booking-page .filter-gallery .select-option button {
  height: 42px;
  padding: 10px 20px;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #242424;
  border: none;
  color: #fff;
}
.ps-gallery-booking-page .filter-gallery .list-option-filter-month label {
  margin-right: 1rem;
  margin-bottom: 1rem;
  border-radius: 18px;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  background: #000;
  border: 1px solid #808080;
  opacity: 0.7;
}
.ps-gallery-booking-page .filter-gallery .list-option-filter-month label::before {
  display: none;
}
.ps-gallery-booking-page .filter-gallery .list-option-filter-month label.ant-radio-button-wrapper-checked {
  background: var(--primary-color);
  border: none;
  opacity: 1;
  box-shadow: none;
}
.ps-gallery-booking-page .check-option.bottom {
  display: none;
}
.ps-menu-filter-gallery li {
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
}
.light-box-gallery .ril-caption.ril__caption {
  width: 100%;
  background: inherit;
  right: 10%;
  bottom: 10%;
  text-align: right;
}
.light-box-gallery .ril-caption.ril__caption .ril-caption-content {
  text-align: right;
  width: 100%;
}
.light-box-gallery .ril-caption.ril__caption button {
  background: inherit;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  border: none;
}
.light-box-gallery .ril-caption.ril__caption button span:first-child,
.light-box-gallery .ril-caption.ril__caption button span:nth-child(2) {
  margin-right: 10px;
}
.light-box-gallery .ril-caption.ril__caption button span.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.ps-wrapper-connect-gbp .ps-detail-connect p.not-connect {
  color: #fff;
  padding: 10px;
  text-align: center;
  background-color: #181818;
  display: block;
  font-weight: 500;
}
.ps-wrapper-connect-gbp .ps-detail-connect p {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
}
.ps-wrapper-connect-gbp .ps-detail-connect p > span:last-child {
  font-weight: 500;
  text-align: right;
}
.ps-wrapper-connect-gbp .ps-detail-connect p > span:first-child {
  min-width: 100px;
  padding-right: 20px;
}
.ps-wrapper-connect-gbp .ps-detail-connect p > span > span {
  display: block;
  text-align: right;
  margin-top: 10px;
}
.ps-wrapper-connect-gbp .ps-detail-connect p > span > span button {
  font-size: 12px;
  height: 24px;
  color: #000;
}
.ps-wrapper-connect-gbp .ps-detail-connect p > span > span button span {
  padding: 0 !important;
}
.ps-wrapper-connect-gbp .ps-detail-connect button span {
  padding: 0;
}
.ant-popover .ant-popover-message-title {
  color: #000;
}
.ant-popover .ant-popover-buttons {
  display: flex;
}
.ant-popover .ant-popover-buttons button {
  width: 50%;
  font-weight: 500;
  border: none;
}
.ant-popover .ant-popover-buttons button:first-child {
  color: #000;
}
.ant-popover .ant-popover-buttons button:last-child {
  color: #fff;
  background: var(--primary-color);
}
.modal-confirm-logout .ant-modal-confirm-btns {
  width: 100%;
}
.modal-confirm-logout .ant-modal-confirm-btns button {
  width: 48%;
  border: none;
  background: #181818;
  color: #fff;
  font-weight: 500;
}
.modal-confirm-logout .ant-modal-confirm-btns button:last-child {
  background: var(--primary-color);
}
@media (max-width: 768px) {
  .ps-gallery-booking-page .folder-image-upload {
    padding: 1rem;
  }
  .ps-gallery-booking-page .folder-image-upload .list-folders .ps-folder-item .content {
    margin-left: 0;
  }
}
@media (max-width: 500px) {
  .ps-gallery-booking-page .preview-gallery {
    max-width: 100%;
  }
  .ps-gallery-booking-page .preview-gallery .thumb.thumb-3 {
    height: 250px;
  }
  .ps-gallery-booking-page .preview-gallery .thumb.thumb-4 {
    height: 250px;
  }
  .ps-gallery-booking-page .filter-gallery .filter-option {
    flex-wrap: wrap;
  }
  .ps-gallery-booking-page .filter-gallery .filter-option > div {
    width: 100%;
  }
  .ps-gallery-booking-page .filter-gallery .check-option.top {
    display: none;
  }
  .ps-gallery-booking-page .filter-gallery .check-option.bottom {
    display: block;
  }
  .ps-gallery-booking-page .filter-gallery .select-option {
    margin-bottom: 1rem;
  }
}

.modal-review-image {
  text-align: center;
}
.modal-review-image .body-modal .thumb {
  width: 100%;
  overflow: hidden;
}
.modal-review-image .hr {
  width: 100px;
  margin: 1rem auto 2rem auto;
  border-top: 2px solid #cdcdcd;
}
.modal-review-image .content {
  text-align: center;
  margin: 0 2rem;
}
.modal-review-image .content .view-image p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}
.modal-review-image .content .view-image p.status {
  font-weight: 600;
  color: var(--primary-color);
  font-size: 28px;
}
.modal-review-image .content .view-image button {
  width: 100%;
  border: none;
  background: var(--primary-color);
  color: #fff;
  font-weight: 500;
  height: 42px;
}
.modal-review-image .content .evaluate-image p {
  font-size: 16px;
  color: #000;
}
.modal-review-image .content .evaluate-image p:first-child {
  font-size: 22px;
  font-weight: 500;
}
.modal-review-image .content .evaluate-image p.score-image {
  font-weight: 600;
  font-size: 38px;
  background: #e0dfdf;
  display: inline-block;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.modal-review-image .content .evaluate-image p.status-score {
  font-size: 14px;
}
.modal-review-image .content .evaluate-image p.desc span {
  color: #4cd137;
}
.modal-review-image .content .evaluate-image p.desc span:last-child {
  color: #e84118;
}
.modal-review-image .content .evaluate-image button {
  border: none;
  background: #4cd137;
  color: #fff;
  font-weight: 500;
  width: 100%;
  margin-bottom: 1rem;
  height: 42px;
}
.modal-review-image .content .evaluate-image button:last-child {
  background: #e84118;
}

.modal-upload-image .ant-modal-content {
  background: #000;
}
.modal-upload-image .head-modal button {
  color: #fff;
}
.modal-upload-image .body-modal .example-image {
  position: relative;
}
.modal-upload-image .body-modal .example-image img {
  max-width: 100%;
  height: auto;
}
.modal-upload-image .body-modal .example-image span {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  z-index: 10;
  background: rgba(128, 128, 128, 0.73);
  font-size: 11px;
  padding: 6px;
}
.modal-upload-image .body-modal .content {
  padding: 0 3rem;
  margin: 3rem 0;
  text-align: center;
}
.modal-upload-image .body-modal .content p {
  color: #fff;
  line-height: 28px;
}
.modal-upload-image .body-modal .content p span {
  color: var(--primary-color);
  font-weight: 500;
}
.modal-upload-image .body-modal .upload-file .ant-upload {
  width: 100%;
}
.modal-upload-image .body-modal .upload-file button {
  width: 100%;
  border: none;
  background: var(--primary-color);
  height: 48px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 1rem;
}
.modal-upload-image .body-modal .upload-file .take-photo button {
  background: inherit;
  border: 1px solid var(--primary-color);
}

.modal-process-upload-image {
  padding-top: 0;
}
.modal-process-upload-image .ant-modal-content {
  background: var(--main-background);
  border: 1px solid #808080;
}
.modal-process-upload-image .list-folders {
  display: flex;
  margin-left: -1rem;
  flex-wrap: wrap;
}
.modal-process-upload-image .list-folders > div {
  width: calc(100% / 2 - 1rem);
  margin-left: 1rem;
  margin-bottom: 1rem;
  min-height: 120px;
  font-weight: 500;
  font-size: 13px;
  border-radius: 5px;
  overflow: hidden;
}
.modal-process-upload-image .list-folders > div > div.image-empty {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.modal-process-upload-image .list-folders > div img {
  border-radius: 5px;
  border: 1px solid #2b2b2b;
}
.modal-process-upload-image .list-folders > div p {
  margin: 0;
  color: #000;
}
.modal-confirm-process-upload {
  padding-top: 320px;
  bottom: 0;
}
.modal-confirm-process-upload p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 5px;
}
.modal-confirm-process-upload p.status {
  font-weight: 600;
  color: var(--primary-color);
  font-size: 28px;
  margin-bottom: 1.5rem;
}
.modal-confirm-process-upload .show-process {
  margin: 2rem;
}
.modal-confirm-process-upload .show-process span {
  color: #000;
  font-size: 13px;
  font-weight: 500;
}
.modal-confirm-process-upload .show-process .ant-progress > div {
  display: flex;
  align-items: center;
}
.modal-confirm-process-upload button {
  width: 100%;
  height: 46px;
  color: #fff !important;
  font-weight: 500;
  background: var(--primary-color) !important;
  border: none;
}
.modal-confirm-process-upload .icon-success {
  text-align: center;
  width: 80px;
  margin: 0 auto 1rem auto;
}
.modal-confirm-process-upload .content {
  padding: 0 2rem;
}
.modal-confirm-process-upload .content p {
  margin-bottom: 1rem;
}
.modal-confirm-process-upload .content p.title {
  font-weight: 600;
  color: #7DC546;
  font-size: 28px;
  margin-bottom: 1.5rem;
}
.modal-confirm-process-upload .content button {
  margin-top: 2rem;
}

.modal-list-locations {
  max-width: 650px !important;
}
.modal-list-locations .body-modal .list-locations .location-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  border: 1px solid #808080;
  padding: 5px 10px;
  border-radius: 5px;
}
.modal-list-locations .body-modal .list-locations .location-item p {
  margin: 0;
  max-width: 70%;
}
.modal-list-locations .body-modal .list-locations .location-item p,
.modal-list-locations .body-modal .list-locations .location-item i,
.modal-list-locations .body-modal .list-locations .location-item button {
  font-weight: 500;
}
.modal-list-locations .body-modal .list-locations .location-item button {
  border: none;
  font-size: 11px;
}
.modal-list-locations .body-modal .location-gbp-item {
  border: 1px solid #dfdfdf;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.modal-list-locations .body-modal .location-gbp-item .head-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.modal-list-locations .body-modal .location-gbp-item .head-item p {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  color: #000;
}
.modal-list-locations .body-modal .location-gbp-item .head-item p span:first-child {
  font-size: 13px;
  margin-right: 10px;
}
.modal-list-locations .body-modal .location-gbp-item .head-item > span {
  font-size: 11px;
  background: #44bd32;
  color: #fff;
  font-weight: 500;
  display: block;
  padding: 0 10px;
  margin: 0;
  line-height: 23px;
}
.modal-list-locations .body-modal .location-gbp-item .head-item button.revoke-gbp {
  background: #e84118;
  color: #fff;
  font-weight: 500;
  border: none;
  font-size: 13px;
}
.modal-list-locations .body-modal .location-gbp-item .empty-data {
  padding: 0;
  margin: 0;
}
.modal-list-locations .body-modal .location-gbp-item .lc-item {
  border: 1px solid #e67e22;
  margin-bottom: 10px;
  padding: 10px;
}
.modal-list-locations .body-modal .location-gbp-item .lc-item p {
  font-size: 14px;
  color: #000;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
}
.modal-list-locations .body-modal .location-gbp-item .lc-item p:last-child {
  margin: 0;
}
.modal-list-locations .body-modal .location-gbp-item .lc-item p span {
  display: block;
  width: 100%;
}
.modal-list-locations .body-modal .location-gbp-item .lc-item p span:first-child {
  font-weight: 500;
  color: #000;
  font-size: 13px;
  width: 150px;
  padding-right: 20px;
}
.modal-list-locations .body-modal .location-gbp-item .lc-item p span:last-child {
  text-align: left;
}
.modal-list-locations .body-modal .location-gbp-item .lc-item .wp-btn {
  text-align: right;
}
.modal-list-locations .body-modal .location-gbp-item .lc-item .wp-btn button {
  background: #4cd137;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  border: none;
  height: 30px;
}
.modal-list-locations .body-modal .footer-btn {
  text-align: center;
}
.modal-list-locations .body-modal .footer-btn button {
  width: 100%;
  height: 40px;
  text-align: center;
  color: #fff;
  border: none;
  background: #3742fa;
  font-weight: 500;
  font-size: 14px;
}

.ps-profile-page {
  max-width: 500px;
  margin: 0 auto;
  padding: 3rem 0;
}
.ps-profile-page .title-page {
  text-align: center;
}
.ps-profile-page button {
  width: 100%;
  height: 48px;
  color: #fff;
  font-weight: 500;
  border: 1px solid #fff;
  background: inherit;
}
.ps-profile-page button:hover {
  background: var(--primary-color);
  color: #fff;
  border: none;
}

.contact-page {
  max-width: 500px;
  margin: 0 auto;
}
.contact-page .wp-inner {
  padding-left: 20px;
}
.contact-page .wp-inner .title,
.contact-page .wp-inner p {
  color: #fff;
}
.contact-page .wp-inner p {
  margin-bottom: 5px;
}
.contact-page .wp-inner .form-contact {
  margin-top: 2rem;
}
.contact-page .title {
  margin-bottom: 2rem;
}
.contact-page .title h2 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 5px;
}
.contact-page .title p {
  font-size: 14px;
  color: #fff;
}
.contact-page #btn-send-contact {
  background: inherit;
  height: 50px;
  font-weight: 500;
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
}