:root {--p0: 0;--p4: 4px;--p8: 8px;--p12: 12px;--p16: 16px;--p20: 20px;--p24: 24px;--p32: 32px;--p40: 40px;--p60: 60px;--p80: 80px;--m0: 0;--m4: 4px;--m8: 8px;--m12: 12px;--m16: 16px;--m20: 20px;--m24: 24px;--m32: 32px;--m40: 40px;--m60: 60px;--m80: 80px;--font11: 11px;--font12: 12px;--font13: 13px;--font14: 14px;--font15: 15px;--font16: 16px;--font17: 17px;--font18: 18px;--font19: 19px;--font20: 20px;--font24: 24px;--font28: 28px;--font32: 32px;--font40: 40px;--font48: 48px;--MaxWidthSite: 1024px;--widthSite: 94%;--border-radius: 0;--border-radius4: 4px;--border-radius8: 8px;--border-radius16: 16px;--border-radius50: 50%;--colorWhite: #ffffff;--box-shadow-top: 0 -2px 4px var(--Neutral-800-8);--box-shadow-bottom: 0 2px 4px var(--Neutral-800-8);--box-shadow-menu: 0 8px 16px var(--Neutral-800-8);--box-shadow-inset: 0 1px 4px var(--Neutral-800-8) inset;--z-index10: 10;--z-index20: 20;--z-index30: 30;--z-index40: 40;--z-index50: 50;--z-index100: 100;--z-index1000: 1000;--z-index10000: 10000;--z-index10001: 10001;--z-index10002: 10002;--z-index10003: 10003;--colorBack: #F9F8F7;--backgroundModal: rgba(136, 136, 136, 0.25);--colorBlack: #000000;}.margin0 {margin: 0 !important;}@font-face {font-family: vazir;font-weight: 400;font-style: normal;font-display: swap;src: url('../font/Vazirmatn-Regular.ttf') format('truetype'), url('../font/Vazirmatn-Regular.woff2') format('woff2');}@font-face {font-family: vazir;font-weight: 500;font-style: normal;font-display: swap;src: url('../font/Vazirmatn-Medium.ttf') format('truetype'), url('../font/Vazirmatn-Medium.woff2') format('woff2');}@font-face {font-family: vazir;font-weight: 700;font-style: normal;font-display: swap;src: url('../font/Vazirmatn-Bold.ttf') format('truetype'), url('../font/Vazirmatn-Bold.woff2') format('woff2');}* {padding: 0;margin: 0;font-family: vazir, sans-serif;box-sizing: border-box;direction: rtl !important;-webkit-tap-highlight-color: transparent;}.MaxWidthSite {width: var(--MaxWidthSite) !important;margin: 0 auto !important;position: relative;}a {text-decoration: none;}input, select, textarea {border: none;outline: none;text-align: center;}li {list-style: none;}.hidden {visibility: hidden;}.none {display: none !important;}.activeMenuShop {visibility: visible !important;opacity: 1 !important;}.fontWeightBold {font-weight: bold;}@media print {.noPrint {display: none !important;}}#closeModalAll {position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);z-index: var(--z-index10002);visibility: hidden;opacity: 0;transition: all 0.1s ease;}.styleUpdateSite {width: 100%;height: 100%;text-align: center;background-color: black;}.styleUpdateSite img {width: 90%;max-width: 400px;}.slbWrapOuter {background-color: var(--Accent-900);z-index: var(--z-index10003);}@media (min-width: 701px) {.title-h1 {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;max-width: var(--MaxWidthSite);height: 0;font-size: 18px;font-weight: 500;text-align: center;margin: 0 auto;z-index: 1;}.titleAll {display: inline-block;width: auto;text-align: center;font-weight: 700;font-size: var(--font20);margin-bottom: var(--m8);color: var(--Accent-50);border-bottom: 3px solid var(--Primary-500);height: 44px;line-height: 44px;}.MiniLoader{z-index: 99999;display:none;width: 100%;height: 100dvh;position: fixed;top: 0;left: 0;right: 0;bottom: 0;align-items: center;justify-content: center;}.MiniLoader span{position: absolute;top: 50%;left: 50%;transform: translate(-50%);width: auto;padding: 0 var(--p20);height: 48px;line-height: 48px;font-size: var(--font18);font-weight: 600;border-radius: var(--border-radius8);color: var(--Accent-50);background-color: var(--Accent-800);white-space: nowrap;}input::placeholder {color: var(--Accent-600) !important;font-weight: 400!important;font-size: var(--font16) !important;}.btnDefault {width: 320px;height: 48px;line-height: 48px;background-color: var(--Primary-500);color: var(--Accent-900);font-weight: 600;font-size: var(--font18);text-align: center;border-radius: var(--border-radius8);margin-top: var(--m20);border: none;}.showBest {position: relative;display: flex;align-items: center;gap: 8px;border-radius: var(--border-radius8);padding: var(--p8);margin-top: var(--m32);width: 100%;height: 80px;flex-direction: row;flex-wrap: nowrap;justify-content: center;background-color: var(--Primary-500);}.showBest h4{width: auto;color: var(--Accent-900);font-size: var(--font24);margin: 0;}.showBest svg{width: 48px;height: 48px;fill: var(--Accent-900);}.backgroundFixAccent {background-color: var(--Accent-900);padding: var(--p20);border-radius: var(--border-radius8);margin: var(--m8) auto;text-align: center;}input, select, textarea {height: 48px;line-height: 48px;margin: var(--m8) auto;width: 100%;border-radius: var(--border-radius8);padding: 0 var(--p12);}textarea {min-height: 200px !important;max-height: 200px !important;line-height: 28px;resize: none;padding: var(--p12) !important;}.modal-reserve {position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: var(--colorBlack);border: 1px solid var(--colorWhite);z-index: var(--z-index10003);display: flex;align-items: center;justify-content: start;flex-direction: column;transition: all 0.3s ease;visibility: hidden;opacity: 0;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;overflow-x: hidden;overflow-y: auto;padding: var(--p40) var(--p24);height: 100dvh;}.modal-reserve-delete {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: var(--colorBlack);border: 1px solid var(--Primary-200);border-radius: var(--border-radius8);z-index: var(--z-index10003);display: flex;align-items: center;justify-content: center;flex-direction: column;transition: all 0.3s ease;visibility: hidden;opacity: 0;max-width: 600px;min-width: 600px;margin: 0 auto;overflow-x: hidden;overflow-y: auto;padding: var(--p16) var(--p32);min-height: 200px;max-height: 98dvh;}.btn-close-modal {height: 44px !important;width: 44px !important;color: var(--Accent-900);display: inline-block !important;position: absolute;top: 15px;left: 15px;border-radius: 50%;font-size: 50px !important;line-height: 44px;z-index: 1000;background-color: var(--colorWhite);border: 1px solid var(--colorWhite);}.menu-barber-style {position: absolute;width: 60px;height: 60px;top: 0;right: 0;z-index: 10000;background-color: var(--Primary-100);border-radius: 0 0 0 30px;display: flex;align-items: center;justify-content: center;}.menu-barber-style > svg {width: 48px;height: 48px;stroke: var(--Accent-900);}.under-menu-barber-style {width: 320px;height: 100vh !important;visibility: hidden;position: fixed;top: 0;right: -320px;bottom: 0;transition: all 0.2s ease;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--colorBlack);padding: var(--p32) 0;}.under-menu-barber-style a {display: flex;flex-direction: row;align-items: center;justify-content: right;width: 315px;text-decoration: none;padding-right: var(--p8);height: 60px;transition: all 0.2s ease;border-bottom: 1px solid var(--Primary-200);}.under-menu-barber-style a:hover {background-color: var(--Accent-900);padding-right: var(--p16);}.under-menu-barber-style a:nth-child(1) {width: 200px;height: 200px;text-decoration: none;border-radius: 50%;border: 3px solid var(--Primary-500);padding: 0 !important;margin-bottom: var(--m32);position: relative;display: flex;justify-content: center;align-items: center;}.under-menu-barber-style a:nth-child(1) img {width: 198px;height: 198px;border-radius: 50%;}.under-menu-barber-style a:nth-child(1) div {width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: -10px;right: 30px;background-color: var(--Primary-50);border-radius: 50%;}.under-menu-barber-style a:nth-child(1) svg {width: 30px;height: 30px;stroke: var(--Accent-900);margin: 0 !important;}.under-menu-barber-style a svg {width: 40px;height: 40px;margin-left: var(--m8) !important;fill: var(--colorWhite);}.under-menu-barber-style a span {color: var(--colorWhite);font-weight: 600;font-size: var(--font18);}.menu-barber-style:hover .under-menu-barber-style {right: 0;visibility: visible;transition: all 0.2s ease;}.under-menu-barber-style p {margin-top: var(--m32);font-weight: bold;font-size: var(--font24);width: 320px;text-align: center;color: var(--Accent-50);}.videoEducationStyle {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;padding-top: var(--p40);}.videoEducationStyle video {width: 100%;}.deleteStyleBarber {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.deleteStyleBarber > p {margin: var(--m20) auto;}.deleteStyleBarber > button {width: 140px;height: 48px;text-align: center;line-height: 48px;font-size: var(--font18);font-weight: 700;color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;border-radius: var(--border-radius8);}.deleteStyleBarber form {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.deleteStyleBarber form label {width: 100%;text-align: center;font-size: var(--font18);font-weight: 700;color: var(--colorWhite);}.deleteStyleBarber form label span {color: var(--Primary-500);}.deleteStyleBarber form div {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;margin-top: var(--m24);}.deleteStyleBarber form div button {width: 140px;height: 48px;text-align: center;line-height: 48px;font-size: var(--font18);font-weight: 700;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);margin: 0 var(--m12);border: none;}.deleteStyleBarber form div button:nth-child(2) {color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;}.deleteStyleBarber form div p {color: var(--Accent-50);width: 100px;font-size: var(--font16);font-weight: 500;margin: 0 !important;height: 40px;line-height: 40px;}.deleteStyleBarber form section {margin-top: var(--m20);}.styleIntro {z-index: 999999;display: block;width: 100%;height: 100vh;position: fixed;background-color: rgb(0, 0, 0) !important;top: 0;left: 0;right: 0;bottom: 0;padding: 10px;text-align: center;}.styleIntro img {width: 260px;height: 260px;margin-top: 30px;border-radius: 50%;border: 2px solid var(--Primary-500);}.styleIntro h2 {margin: var(--m32) auto;font-weight: 700;font-size: var(--font20);color: var(--Accent-50);}.styleIntro h2 b {color: var(--Primary-500);font-size: var(--font24);}.styleIntro div {background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p32) var(--p60);margin: 30px auto;width: 600px;}.styleIntro div label {margin-bottom: var(--m16);font-weight: 700;font-size: var(--font18);color: var(--Accent-50);}.styleIntro div a {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;border-radius: var(--border-radius8);margin: 20px auto;padding: var(--p8) var(--p20);background-color: var(--Primary-500);}.styleIntro div a:nth-child(3) {background-color: transparent;border: 2px solid var(--Primary-500);}.styleIntro div h3, .styleIntro div h4 {height: 40px;line-height: 40px;margin: 0 !important;text-align: right;width: 100%;color: var();}.styleIntro .styleIntroUser h3 {color: var(--Accent-900);}.styleIntro .styleIntroUser h4 {color: var(--Accent-800);}.styleIntro .styleIntroBarber h3 {color: var(--Primary-500);}.styleIntro .styleIntroBarber h4 {color: var(--Accent-50);}.styleIntro div h3 {font-weight: 700;font-size: var(--font20);}.styleIntro div h4 {font-weight: 500;font-size: var(--font16);}.headerSite1 {display: flex;align-items: center;justify-content: center;}.headerSite1 h1 {font-weight: 700;font-size: var(--font20);color: var(--Accent-900);background-color: var(--Primary-100);height: 56px;line-height: 46px;border-radius: 0 0 50px 50px;padding: 0 var(--p60);margin: 0 !important;}.confirm-code-style {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;}.confirm-code-style div {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 600px;margin: var(--m40) auto;background-color: var(--Accent-900);border-radius: var(--border-radius8);}.confirm-code-style div form {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.confirm-code-style label {color: var(--Accent-50);text-align: center;font-weight: 600;font-size: var(--font18);margin: var(--m12) auto;width: 100%;padding: var(--p12);}.confirm-code-style input {color: var(--Accent-50);text-align: center;font-weight: 600;font-size: var(--font18);width: 80%;padding: var(--p8);height: 50px;background-color: transparent;border-bottom: 2px solid var(--Accent-100);margin-bottom: var(--m12);}.confirm-code-style div button, .confirm-code-style div a {color: var(--Accent-900);text-align: center;font-weight: 700;font-size: var(--font18);width: 140px;line-height: 48px;height: 48px;background-color: var(--Primary-500);border: none;margin: var(--m20) 0;border-radius: var(--border-radius8);}.confirm-code-style div div {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 80%;margin: 0 !important;}.confirm-code-style div a {background-color: transparent;color: var(--Primary-500);border: none;}.confirm-code-style > p {background-color: var(--Accent-900);color: var(--Accent-50);text-align: right;font-weight: 600;font-size: var(--font18);margin-top: var(--m12);width: 600px;padding: var(--p12);border-radius: var(--border-radius8);line-height: 32px;}.headerSite {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;position: absolute;top: 0;left: 50%;transform: translate(-50%);z-index: var(--z-index10003);background-color: var(--colorBlack);}.headerSite .profileBtn, .headerSite .profileBtn1 {width: 60px;height: 60px;border: none;display: flex;align-items: center;justify-content: center;background: transparent;}.headerSite .profileBtn svg {width: 60px;height: 60px;border-radius: 50%;fill: var(--Primary-100);stroke: var(--Primary-100);}.headerSite .profileBtn1 img {width: 52px;height: 52px;border-radius: 50%;margin-top: var(--m4);border: 2px solid var(--Primary-100);}.headerSite .profileBtn1 svg {width: 52px;height: 52px;border-radius: 50%;margin-top: var(--m4);fill: var(--Primary-100);}.headerSite h2 {font-weight: 700;font-size: var(--font40);color: var(--Accent-900);background-color: var(--Primary-100);height: 60px;line-height: 46px;border-radius: 0 0 50px 50px;padding: 0 var(--p60);margin: 0 !important;}.fontName {font-family: 'main1', sans-serif;}.menu-main1 {position: relative;width: 60px;height: 60px;z-index: 10000;display: flex;align-items: center;justify-content: center;background-color: var(--Primary-100);border-radius: 0 0 0 30px;}.menu-main1 > svg {width: 48px;height: 48px;stroke: var(--Accent-900);}.under-menu {width: 320px;height: 100vh !important;visibility: hidden;position: fixed;top: 0;right: -320px;bottom: 0;transition: all 0.2s ease;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--colorBlack);padding: var(--p32) 0;}.under-menu a {display: flex;flex-direction: row;align-items: center;justify-content: right;width: 315px;text-decoration: none;padding-right: var(--p8);height: 60px;transition: all 0.2s ease;border-bottom: 1px solid var(--Primary-200);}.under-menu a:hover {background-color: var(--Accent-900);padding-right: var(--p16);}.under-menu a:nth-child(1) {width: 200px;height: 200px;text-decoration: none;border-radius: 50%;border: 3px solid var(--Primary-500);padding: 0 !important;margin-bottom: var(--m32);position: relative;display: flex;justify-content: center;align-items: center;}.under-menu a:nth-child(1) img {width: 198px;height: 198px;border-radius: 50%;}.under-menu a:nth-child(1) div {width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: -10px;right: 30px;background-color: var(--Primary-50);border-radius: 50%;}.under-menu a:nth-child(1) svg {width: 30px;height: 30px;stroke: var(--Accent-900);margin: 0 !important;}.under-menu a svg {width: 40px;height: 40px;margin-left: var(--m8) !important;fill: var(--colorWhite);}.under-menu a span {color: var(--colorWhite);font-weight: 600;font-size: var(--font18);}.menu-main1:hover .under-menu {right: 0;visibility: visible;transition: all 0.2s ease;}.under-menu p {margin-top: var(--m32);font-weight: bold;font-size: var(--font24);width: 320px;text-align: center;color: var(--Accent-50);}.goUser {background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p16);width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;max-width: 500px;margin-top: var(--m40);}.goUser h4 {color: var(--Accent-50);font-size: var(--font18);font-weight: 700;height: 40px;line-height: 40px;}.goUser span {color: var(--Primary-500);}.goUser a {padding: 0 var(--p20);height: 40px;line-height: 40px;color: var(--Accent-900);background-color: var(--Primary-500);border-radius: var(--border-radius8);font-weight: 700;font-size: var(--font18);margin-right: var(--m20);}.headerImg {width: 100%;max-height: 500px !important;min-height: 500px !important;position: relative;z-index: 100;display: flex;flex-direction: column;background-color: var(--Primary-500);align-items: center;justify-content: start;padding-top: var(--p80);margin-top: var(--m8);}.headerImg > img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;object-fit: cover;}.headerImg h3 {font-weight: 700;font-size: var(--font24);color: var(--Accent-900);margin-bottom: var(--m16);}.headerImg h4 {font-weight: 400;font-size: var(--font16);color: var(--Accent-800);margin-bottom: var(--m24);}.registerAdminBtn {width: 60%;height: 50px;line-height: 50px;font-weight: 700;font-size: var(--font18);border-radius: var(--border-radius8);background: linear-gradient(145deg, var(--Accent-900), var(--Accent-800), var(--Accent-700));box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 8px 15px rgba(0, 0, 0, 0.2), -3px 5px 0 2px var(--Accent-900);border: 2px solid var(--Accent-50);outline: 2px solid rgba(255, 255, 255, 0.3);color: var(--Accent-50);text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);transition: all 0.3s ease;cursor: pointer;position: relative;overflow: hidden;z-index: var(--z-index10);}.registerAdminBtn:hover {transform: translateY(-3px);box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2), 0 12px 20px rgba(0, 0, 0, 0.3), -3px 7px 0 2px var(--Accent-900);background: linear-gradient(145deg, var(--Accent-800), var(--Accent-700), var(--Accent-600));outline: 2px solid rgba(255, 255, 255, 0.5);}.registerAdminBtn:active {transform: translateY(0);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 8px 15px rgba(0, 0, 0, 0.2), -3px 5px 0 2px var(--Accent-900);}.headerImg .statisticsUser {width: 60%;min-width: 500px;margin-top: var(--m32);display: flex;flex-direction: row;align-items: center;justify-content: center;}.headerImg .statisticsUser div {display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 0 var(--m60);}.headerImg .statisticsUser div span {font-weight: 700;font-size: var(--font24);color: var(--Accent-900);margin-bottom: var(--m8);}.headerImg .statisticsUser div h5 {font-weight: 600;font-size: var(--font18);color: var(--Accent-900);}.styleBtnPrice {display: block;position: absolute;width: 80%;height: 200px;bottom: -90px;left: 50%;transform: translate(-50%);border-radius: var(--border-radius8);border: 1px solid var(--Accent-900);}.styleBtnPrice img {width: 100%;height: 100%;border-radius: var(--border-radius8);object-fit: cover;}.styleBtnMap {display: block;position: absolute;width: 70%;height: 300px;bottom: -180px;left: 50%;transform: translate(-50%);border-radius: var(--border-radius8);border: 1px solid var(--Accent-900);}.styleBtnMap a {position: relative;display: block;width: 100%;height: 100%;}.styleBtnMap a img {width: 100%;height: 100%;border-radius: var(--border-radius8);object-fit: cover;}.styleBtnMap a h2 {position: absolute;height: 50px;line-height: 50px;border-radius: var(--border-radius8);background-color: var(--Primary-500);color: var(--Accent-900);font-size: var(--font18);font-weight: 700;padding: 0 var(--p40);bottom: 20px;left: 50%;transform: translate(-50%);border: 1px solid var(--Accent-900);}.main-site {width: 100%;max-width: var(--MaxWidthSite);position: relative;display: flex;flex-direction: column;align-items: center;justify-content: start;margin: 0 auto;padding-top: var(--p60);height: 100dvh;}.main-siteAdmin {width: 100% !important;max-width: 100% !important;padding: var(--p32) var(--p12);}.selectMultiple {height: 140px !important;}.serviceLabel {display: none;}.styleReserve .modelStyle label {display: none;}::-webkit-scrollbar {width: 0.8vw;height: 1.2vh;}::-webkit-scrollbar-track {background-color: #444;border-radius: 15px;}::-webkit-scrollbar-thumb {background-color: #666;border-radius: 15px;}::-webkit-scrollbar-thumb:hover {background-color: #888;border-radius: 15px;}.style-login {display: flex;flex-direction: column;align-items: center;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p20) var(--p16);margin: var(--m16) auto;min-width: 500px;border: 1px solid var(--Primary-500);}.style-login > label {color: var(--colorWhite);font-size: var(--font20);font-weight: 600;width: 100%;text-align: center;}.style-login form {display: flex;flex-direction: column;align-items: center;width: 100%;}.style-login form div {width: 100%;}.style-login form div:nth-child(3) {display: flex;flex-direction: row;align-items: center;justify-content: left;}.style-login form div:nth-child(3) button {width: 120px;height: 40px;line-height: 40px;font-weight: 600;color: var(--Accent-900);background-color: var(--Primary-500);border-radius: var(--border-radius8);border: none;}.newBarber {width: 100%;margin-top: var(--m24);position: relative;border-radius: var(--border-radius8);display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--Accent-900);padding: var(--p12);}.marginNewBarber {margin-top: 210px !important;}.marginNewBarber1 {margin-top: 120px !important;}.newBarber h3 {font-size: var(--font20);font-weight: 700;display: inline-block;margin: 0 auto;height: 40px;line-height: 40px;border-bottom: 2px solid var(--Primary-500);color: var(--Accent-50);}.showBarberNew {width: 100%;display: flex;overflow-x: auto;padding: 5px;position: relative;overflow-y: hidden;margin-top: var(--m12);}.showBarberNew a {display: flex;width: 160px !important;border-radius: var(--border-radius8);margin: 0 var(--m8);cursor: pointer;text-decoration: none;background-color: var(--Primary-100);flex-direction: column;align-items: center;justify-content: start;}.showBarberNew img {width: 100px;height: 100px;margin-top: 4px;border-radius: 50%;}.showBarberNew a > span {display: inline-block;font-size: var(--font14);max-width: 160px;min-width: 160px;white-space: nowrap;margin-top: var(--m12);font-weight: 600;padding: 0 var(--p4);overflow-x: auto;overflow-y: hidden;text-align: center;color: var(--Accent-900);}.showBarberNew a > div {width: 160px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--p8);}.showBarberNew div div {width: 160px;display: flex;flex-direction: row;align-items: center;justify-content: center;}.showBarberNew div svg {width: 20px;height: 20px;stroke: var(--Accent-700);}.showBarberNew div span {display: inline-block;width: 120px;font-size: var(--font13);text-align: right;color: var(--Accent-700);height: 26px;line-height: 26px;margin: 0 var(--m4) !important;white-space: nowrap;overflow-y: hidden;overflow-x: auto;scrollbar-width: none;}.styleBtnTopBarber {width: 100%;margin-top: var(--m40);}.styleBtnTopBarber button {width: 100%;background-color: transparent;border: none;border-radius: var(--border-radius8);}.styleBtnTopBarber button img {width: 100%;border-radius: var(--border-radius8);}.styleTopBarber {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;overflow-x: hidden;overflow-y: auto;}.styleTopBarber a {width: 80%;height: 80px;display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--Accent-900);margin: var(--m16) auto;border-radius: var(--border-radius8);}.styleTopBarber div {width: 100%;height: 80px;display: flex;flex-direction: row;align-items: center;justify-content: right;padding: 0 var(--p20);}.styleTopBarber div img {width: 106px;height: 106px;border-radius: 50%;}.styleTopBarber div > span {width: 40px;height: 40px;line-height: 40px;font-weight: bold;font-size: 20px;color: var(--Accent-50);text-align: center;}.styleTopBarber div div {width: 100%;height: 80px;display: flex;flex-direction: column;align-items: start;justify-content: center;}.styleTopBarber div div h4 {width: 100%;height: 30px;line-height: 30px;margin-bottom: 0 !important;display: block;font-size: var(--font16);font-weight: 500;color: var(--Accent-50);text-align: right !important;}.styleTopBarber div div div {width: 100%;height: 30px;display: flex;flex-direction: row;align-items: center;justify-content: start;padding: 0 !important;scrollbar-width: none;}.styleTopBarber div div div svg {width: 24px;height: 24px;stroke: var(--Accent-300);}.styleTopBarber div div div svg:nth-child(3) {margin-right: var(--m12);}.styleTopBarber div div div h5 {width: auto;height: 30px;line-height: 30px;display: inline-block;font-size: var(--font14);font-weight: 400;color: var(--Accent-300);margin: 0 var(--m4) !important;}.styleTopBarber a > span {height: 40px;line-height: 40px;font-size: var(--font16);font-weight: 600;text-align: center;color: var(--Primary-500);border-radius: var(--border-radius8);white-space: nowrap;margin-left: var(--m16);}.styleTopBarberMe {width: 100%;}.license {width: 100%;margin-top: var(--m40) !important;position: relative;border-radius: var(--border-radius8);display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--Accent-900);padding: var(--p12);}.license label {font-size: var(--font20);font-weight: 700;display: inline-block;margin: 0 auto;height: 40px;line-height: 40px;border-bottom: 2px solid var(--Primary-500);color: var(--Accent-50);}.license div {display: flex;flex-direction: row;align-items: center;justify-content: space-around;margin-top: var(--m20);}.license a:nth-child(2) {display: none;}.license a {display: inline-block;width: 160px;height: 160px;margin: 0 var(--m16) !important;border-radius: var(--border-radius8);}.license a img {width: 100%;height: 100%;margin: 0 !important;}.footerMini {display: flex;flex-direction: row;align-items: center;justify-content: space-between;height: 60px;width: 100%;max-width: var(--MaxWidthSite);margin-top: var(--m40);background-color: var(--Primary-500);padding: 0 var(--p20);border-radius: var(--border-radius8) var(--border-radius8) 0 0;}.footerMini h6 {margin: 0 !important;color: var(--Accent-900);font-weight: 600;font-size: var(--font18);}.footerMini div {display: flex;flex-direction: row;align-items: center;justify-content: space-around;height: 60px;}.footerMini div a {display: inline-block;width: 44px;height: 44px;margin: 0 var(--m8);}.footerMini div a svg {width: 44px;height: 44px;stroke: var(--Accent-900);}.slidBtnStyle {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: var(--m16);gap: 12px;width: 100%;}.slidBtnStyle button, .slidBtnStyle a {text-align: center;padding: var(--p16) var(--p12);border-radius: var(--border-radius8);border: none;background-color: var(--Accent-900);width: 50%;margin: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}.slidBtnStyle svg {width: 64px;height: 64px;fill: var(--Accent-50);}.slidBtnStyle span {display: inline-block;width: 100%;font-size: var(--font17);font-weight: 600;color: var(--Accent-50);margin-top: var(--m16);}.slidBtnStyle sub {position: absolute;top: 12px;right: 0;transform: rotate(45deg);width: 50px;height: 25px;line-height: 25px;text-align: center;font-size: var(--font16);font-weight: 400;background-color: var(--Danger-500);color: var(--colorWhite);border-radius: var(--border-radius8);}.slidBtnStyle100 button, .slidBtnStyle100 a {width: 100% !important;}.editModal {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--p40) 0;}.editModal h3 {display: inline-block;width: auto;text-align: center;font-weight: 700;font-size: var(--font20);margin-bottom: 0 !important;color: var(--Accent-50);border-bottom: 3px solid var(--Primary-500);height: 48px;line-height: 48px;}.editModal label {display: inline-block;width: auto;text-align: center;font-weight: 500;font-size: var(--font17);margin: var(--m4) auto;color: var(--Accent-50);}.editModal form {display: flex;flex-direction: column;align-items: center;width: 100%;margin-top: var(--m20);border-radius: var(--border-radius8);background-color: var(--Accent-900);padding: var(--p20);max-width: 600px;}.editModal form div {width: 100%;}.editModal form button {width: 100%;height: 48px;line-height: 48px;font-size: var(--font18);font-weight: 600;color: var(--Accent-900);background-color: var(--Primary-500);border-radius: var(--border-radius8);border: none;margin-top: var(--m20);}.editModal form section {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-around;width: 100%;}.editModal form section button {width: 40%;}.editModal form section button:nth-child(2) {background-color: transparent;border: 1px solid var(--Primary-500);color: var(--Primary-500);}.numberListBirth {visibility: hidden;position: fixed;top: -50vh;left: 0;bottom: 0;right: 0;z-index: 99999;transition: 0.2s linear;margin: 0 !important;width: 100%;padding: var(--p20);background-color: var(--Accent-900);overflow-x: hidden;overflow-y: auto;}.numberListBirth div {display: flex;align-items: center;justify-content: start;flex-direction: column;width: 100%;padding: var(--p12) var(--p8);border-radius: var(--border-radius8);border: 1px solid var(--colorWhite);}.numberListBirth label {width: 100%;text-align: center;font-weight: bold;font-size: var(--font24);margin-bottom: var(--m12);color: var(--colorWhite);}.numberListBirth button {height: 44px;line-height: 44px;font-weight: 600;font-size: 20px;margin: 8px 0;border-radius: 10px;padding: 0;text-align: center;}.numberListBirth ul {direction: ltr !important;height: 100%;width: 100%;padding: 0;margin: 0;display: flex;align-items: center;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}.numberListBirth li {width: 23%;height: 44px;display: inline-block;cursor: pointer;border: var(--Accent-200) 1px solid;font-size: 20px;text-align: center;border-radius: var(--border-radius8);margin: var(--m4) auto;font-weight: 600;line-height: 44px;color: var(--Primary-500);}.numberListBirth .birth1Option li {width: 23%;}.numberListBirth .birth2Option li {width: 31%;}.numberListBirth .birth3Option li {width: 18%;}.CheckSms {display: flex;flex-direction: row;align-items: center;justify-content: space-between;gap: 12px;width: 100%;}.CheckSms label {position: relative;text-align: right !important;width: 50% !important;font-size: var(--font17) !important;border-radius: var(--border-radius8);padding-right: var(--p12) !important;height: 40px;line-height: 40px;background-color: var(--Primary-100);color: var(--Accent-900) !important;}.CheckSms input {display: inline-block !important;position: absolute;top: 11px;left: 10px;width: 18px !important;height: 18px !important;margin: 0 !important;}.showPriceUser {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;overflow-x: hidden;overflow-y: auto;max-width: var(--MaxWidthSite);margin: 0 auto;}.showPriceUser h3 {color: var(--Accent-50);font-size: var(--font24);font-weight: 700;margin: var(--m12) auto;height: 40px;line-height: 40px;border-bottom: 3px solid var(--Primary-500);}.payUser {width: 100%;border-radius: var(--border-radius8);margin: var(--m4) 0;background-color: var(--Accent-900);}.payUser > div {width: 100%;height: 48px !important;padding: 0 var(--p8);display: flex;flex-direction: row;align-items: center;justify-content: space-between;}.showWarning {transition: all ease 0.2s !important;}.payUser > div p {height: 48px;line-height: 48px;margin: 0 !important;padding: 0 var(--p4);text-align: right;white-space: nowrap;overflow-x: auto;overflow-y: hidden;color: var(--Accent-50);font-size: var(--font16);font-weight: 600;width: 100%;}.payUser > div p:nth-child(2) {color: var(--Primary-500);}.payUser > div span {width: 44px;height: 44px;}.payUser > div span svg {width: 44px;height: 44px;fill: var(--Accent-50);}.payUser article {display: flex;flex-direction: column;align-items: center;justify-content: start;margin: var(--m8) var(--m16);}.payUser article section {display: flex;flex-direction: row;flex-wrap: nowrap;gap: 12px;width: 80%;}.payUser article a {display: inline-block;color: var(--Primary-500) !important;border: 1px solid var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font18);text-align: center;width: 50%;margin-top: var(--m8);height: 40px !important;line-height: 40px !important;}.payUser article section a:nth-child(1) {color: var(--Accent-900) !important;border: none !important;background-color: var(--Primary-500) !important;width: 60% !important;}.payUser article section a:nth-child(2) {width: 40% !important;}.payUser article p {display: block;width: 100%;height: 40px;line-height: 40px;text-align: right;font-size: var(--font16);font-weight: 400;color: var(--Accent-600);border-bottom: 1px solid var(--Accent-700);background-color: var(--Accent-50);border-radius: var(--border-radius8);padding: 0 var(--p8);margin: var(--m4) 0 !important;}.payUser article p:nth-child(3) {border-bottom: none;}.payUser article p span {font-size: var(--font17);font-weight: 500;color: var(--Accent-800);}.payUser article div {display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;border-radius: var(--border-radius8);background-color: var(--Accent-50);margin: var(--m4) 0;padding: 0 var(--p12);}.payUser article div:nth-child(1) {border-bottom: 1px solid var(--Accent-300);}.payUser article div span {display: inline-block;width: 50%;height: 40px;line-height: 40px;text-align: center;font-weight: 700;font-size: var(--font16);color: var(--Accent-900);}.payUser article div span:nth-child(2) {border-right: 1px solid var(--Accent-300);}.select-box {height: 48px;position: relative;width: 100%;}.select-option {height: 48px;position: relative;}.select-option select {height: 48px;font-size: var(--font18);font-weight: 500;appearance: none;position: relative;}.select-option:after {content: '';border-top: 12px solid black;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;left: 10px;top: 50%;}.content {width: 100%;padding: 5px;position: absolute;display: none;z-index: 100;margin-top: 2px;background-color: var(--Primary-100);}.content .search {width: 100%;margin: 5px 0;}.content .search input {width: 100%;padding: 8px 12px;}.options {width: 100%;max-height: 250px;overflow-y: auto;padding: 0;overflow-x: hidden;display: flex;}.optionsCityMap{flex-direction: column;}.optionsModel {flex-direction: row;flex-wrap: wrap;align-items: center;justify-items: center;padding-top: var(--p8);margin: 0 !important;}.options li {padding: 8px 12px;cursor: pointer;border-bottom: #b7b7b7 1px solid;font-weight: 500;font-size: 18px;text-align: center;}.optionsModel li {width: 20%;display: flex;align-items: center;justify-content: center;cursor: pointer;border: #b7b7b7 1px solid;font-weight: 500;font-size: 18px;text-align: center;}.select-box.active .content {display: block;}.select-box.active .select-option:after {transform: rotate(180deg);}.add-ticket {display: flex;width: var(--widthSite);max-width: var(--MaxWidthSite);margin: var(--m16) auto;padding-bottom: var(--p40);}.add-ticket form {display: flex;flex-direction: column;align-items: center;width: 80%;margin: 0 auto;}.add-ticket form > div {display: flex;flex-direction: column;align-items: center;width: 100%;padding: var(--p16);border-radius: var(--border-radius8);background-color: var(--Accent-900);margin: var(--m4) auto;}.add-ticket div a {height: 48px;line-height: 48px;width: 260px;border-radius: var(--border-radius8);border: 1px solid var(--Primary-500);color: var(--Primary-500) !important;text-align: center;font-weight: 500;font-size: var(--font18);margin-bottom: var(--m8);}.add-ticket form label {height: 40px;line-height: 40px;width: 100%;color: var(--Accent-50) !important;text-align: center;font-weight: 500;font-size: var(--font18);display: flex;flex-direction: row;align-items: center;justify-content: right;}.add-ticket form input {height: 32px;line-height: 32px;width: 32px !important;margin: 0 !important;}.add-ticket form span {margin-right: var(--m12);}.add-ticket div button {height: 48px;line-height: 48px;width: 100%;border-radius: var(--border-radius8);border: none;color: var(--Accent-900) !important;background-color: var(--Primary-500);text-align: center;font-weight: 500;font-size: var(--font18);margin: var(--m8) auto;}.showTicket {margin-top: var(--m16) !important;padding-top: var(--p20) !important;}.showTicket div {margin-bottom: var(--m12);width: 100%;}.showTicket pre {display: block;padding: var(--p8);text-align: justify;font-size: var(--font16);font-weight: 500;margin: 0 !important;border-radius: 0 0 var(--border-radius8) var(--border-radius8);line-height: 30px;font-family: 'main', sans-serif;white-space: pre-wrap;}.showTicket div div {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;border-radius: var(--border-radius8) var(--border-radius8) 0 0;height: 48px;margin: 0 !important;padding: 0 var(--p12);}.showTicket div div span {display: inline-block;font-size: var(--font18);font-weight: 600;color: var(--Accent-900);}.showTicket div div span:nth-child(2) {display: inline-block;font-size: var(--font16);font-weight: 400;color: var(--Accent-900);}.backNotice {width: 140px;height: 48px;line-height: 48px;text-align: center;position: fixed;bottom: 10px;left: 50%;transform: translate(-50%);font-size: var(--font18);border-radius: var(--border-radius8);color: var(--Accent-50);font-weight: 600;}.backNotice:hover {color: var(--Accent-50);}.style-main-menu {position: fixed;bottom: 0;right: 0;left: 0;width: 100%;max-width: var(--MaxWidthSite);height: 70px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;background-color: var(--Primary-100);margin: 0 auto;z-index: var(--z-index1000);border-radius: 40px 40px 0 0;padding: 0 !important;}.style-main-menu .badgeMe {position: absolute;top: -5px;right: 5px;background: red;color: white;font-size: var(--font16);text-align: center;border-radius: var(--border-radius8);font-weight: bold;width: 50px;height: 25px;line-height: 25px;transform: rotate(45deg);}.style-main-menu div {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 42%;}.style-main-menu div > a {display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;color: var(--Accent-900);width: 100%;height: 70px;position: relative;gap: 4px;padding: 0;border-radius: 0 !important;transition: all 0.2s ease;}.style-main-menu div > a svg {width: 32px;height: 32px;fill: var(--Accent-900);}.style-main-menu div > a span {display: block;width: 100%;color: var(--Accent-900);font-size: var(--font16);font-weight: 500;text-align: center;}.style-main-menu > button {display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;color: var(--Accent-900);position: absolute;top: -50px;left: 50%;transform: translate(-50%);width: 140px;height: 100px;background-color: var(--Primary-100);border: 1px solid var(--Accent-200);border-radius: 100%;gap: 8px;}.style-main-menu > button svg {width: 40px;height: 40px;fill: var(--Accent-900);}.style-main-menu > button span {width: 100%;color: var(--Accent-900);font-size: var(--font16);font-weight: 500;}.Style404 {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;max-width: var(--MaxWidthSite);padding-top: var(--p80);margin: 0 auto;}.Style404 img {width: 100%;max-width: 500px;height: auto;}.Style404 a {width: 340px;height: 48px;line-height: 48px;text-align: center;border-radius: var(--border-radius8);background-color: var(--Primary-500);color: var(--Accent-900);font-size: var(--font18);font-weight: 600;margin-top: var(--m32);}.payError, .payOk {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100dvh;}.payError div, .payOk div {width: 100%;max-width: 600px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--p32) var(--p16);background-color: var(--Accent-900);margin: 0 auto;border-radius: var(--border-radius8);}.payError label, .payOk label {width: 100%;text-align: center;font-weight: bold;font-size: var(--font20);color: var(--Danger-500);margin-bottom: var(--m16);}.payOk label {color: var(--success-500) !important;}.payError span, .payOk span {width: 100%;text-align: center;font-weight: 500;font-size: var(--font18);color: var(--Accent-50);margin: 0;height: 60px;line-height: 60px;}.payError a, .payOk a {height: 48px;line-height: 48px;border-radius: var(--border-radius8);width: 340px;margin-top: var(--m16);background-color: var(--Primary-500);text-align: center;color: var(--Accent-900);font-weight: 600;font-size: var(--font18);}.statisticsAdminMain {width: 100%;height: auto;margin: var(--m20);padding: var(--p24);display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-around;background-color: var(--Accent-900);}.statisticsAdminMain div {width: auto;height: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}.statisticsAdminMain div svg {width: 120px;height: 120px;stroke: var(--Primary-500);margin-bottom: var(--m12);}.statisticsAdminMain div span {width: auto;height: 48px;line-height: 48px;color: var(--Accent-100);font-size: var(--font16);font-weight: 400;}.statisticsAdminMain div span:nth-child(2) {font-size: var(--font32);font-weight: 700;color: var(--Accent-50);}.faqStyle {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;border-radius: var(--border-radius8);background-color: var(--Accent-900);padding: var(--p8) var(--p12);gap: var(--p8);}.faqStyleBye{width: 80%;}.faqStyle > div {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;border-bottom: 1px solid var(--Accent-300);padding-bottom: var(--p12);height: 48px;overflow: hidden;transition: all 0.2s ease;}.activeFaq {height: auto !important;}.faqStyle div div {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;height: 48px;cursor: pointer;}.faqStyle div div h3 {font-size: var(--font18);font-weight: 600;color: var(--Accent-50);margin: 0;height: 48px;line-height: 48px;overflow-y: hidden;overflow-x: auto;scrollbar-width: none;transition: all 0.2s ease;}.activeFaq h3 {color: var(--Primary-500) !important;}.faqStyle div div svg {width: 32px;height: 22px;stroke: var(--Accent-50);transition: transform 0.2s ease;}.activeFaq .arrowIconFaq {transform: rotate(180deg);}.faqStyle div p {font-size: var(--font16);font-weight: 400;color: var(--Accent-50);line-height: 30px;white-space: pre-wrap;text-align: right;width: 100%;margin: 0;}.btnBySite{width: 100%;cursor: pointer;margin-top: var(--m20);border-radius: var(--border-radius8);}.btnBySite img{width: 100%;border-radius: var(--border-radius8);}.styleInstall{width: 180px;position: fixed;bottom: 20px;left: -2px;z-index: var(--z-index10003);height: 48px;}.styleInstall button{width: 180px;border-radius: 0 var(--border-radius8) var(--border-radius8) 0;border: var(--Primary-500) 2px solid;background-color: var(--Accent-900) !important;color: var(--Accent-50) !important;font-weight: bold;font-size: 20px;height: 48px!important;line-height: 46px;}.hiddenInstall{display: none !important;}}@media (max-width: 701px) {.btnBySite{width: var(--widthSite);cursor: pointer;margin-top: var(--m20);border-radius: var(--border-radius8);}.btnBySite img{width: 100%;border-radius: var(--border-radius8);}.title-h1 {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;max-width: var(--MaxWidthSite);height: 0;font-size: 16px;font-weight: 500;text-align: center;margin: 0 auto;z-index: 1;white-space: nowrap;overflow-y: hidden;overflow-x: auto;}.titleAll {display: inline-block;width: auto;text-align: center;font-weight: 700;font-size: var(--font18);margin-bottom: var(--m4);color: var(--Accent-50);border-bottom: 3px solid var(--Primary-500);height: 44px;line-height: 44px;}.MiniLoader{z-index: 99999;display:none;width: 100%;height: 100dvh;position: fixed;top: 0;left: 0;right: 0;bottom: 0;align-items: center;justify-content: center;}.MiniLoader span{position: absolute;top: 50%;left: 50%;transform: translate(-50%);width: auto;padding: 0 var(--p16);height: 40px;line-height: 40px;font-size: var(--font16);font-weight: 600;border-radius: var(--border-radius8);color: var(--Accent-50);background-color: var(--Accent-800);white-space: nowrap;}*{scrollbar-width: none!important;}input::placeholder {color: var(--Accent-600) !important;font-weight: 400!important;font-size: var(--font12) !important;}.btnDefault {width: 220px;height: 40px;line-height: 40px;background-color: var(--Primary-500);color: var(--Accent-900);font-size: var(--font16);font-weight: 600;text-align: center;border-radius: var(--border-radius8);margin-top: var(--m16);border: none;}.showBest {position: relative;display: flex;align-items: center;gap: 4px;border-radius: var(--border-radius8);padding: var(--p8);margin-top: var(--m32);width: var(--widthSite);height: 60px;flex-direction: row;flex-wrap: nowrap;justify-content: center;background-color: var(--Primary-500);}.showBest h4{width: auto;color: var(--Accent-900);font-size: var(--font20);margin: 0;}.showBest svg{width: 40px;height: 40px;fill: var(--Accent-900);}.backgroundFixAccent {background-color: var(--Accent-900);padding: var(--p12);border-radius: var(--border-radius8);margin: var(--m4) auto;text-align: center;}input, select, textarea {height: 40px;line-height: 40px;margin: var(--m8) auto;width: 100%;border-radius: var(--border-radius8);padding: 0 var(--p12);}textarea {min-height: 150px !important;max-height: 150px !important;line-height: 26px;resize: none;padding: var(--p8) !important;}.modal-reserve {position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: var(--colorBlack);border: 1px solid var(--colorWhite);z-index: var(--z-index10003);display: flex;align-items: center;justify-content: start;flex-direction: column;transition: all 0.3s ease;visibility: hidden;opacity: 0;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;overflow-x: hidden;overflow-y: auto;padding: var(--p24) var(--p16);height: 100dvh;}.modal-reserve-delete {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: var(--colorBlack);border: 1px solid var(--Primary-200);border-radius: var(--border-radius8);z-index: var(--z-index10003);display: flex;align-items: center;justify-content: center;flex-direction: column;transition: all 0.3s ease;visibility: hidden;opacity: 0;width: var(--widthSite);max-width: 500px;margin: 0 auto;overflow-x: hidden;overflow-y: auto;padding: var(--p12) var(--p16);min-height: 200px;max-height: 98dvh;}.btn-close-modal {height: 40px !important;width: 40px !important;color: var(--Accent-900);display: inline-block !important;position: absolute;top: 10px;left: 10px;border-radius: 50%;font-size: 46px !important;line-height: 40px;z-index: 1000;background-color: var(--colorWhite);border: 1px solid var(--colorWhite);}.menu-barber-style {position: absolute;width: 40px;height: 40px;top: 0;right: 0;z-index: 10000;}.menu-barber-style > svg {width: 40px;height: 40px;stroke: var(--Accent-900);fill: var(--Accent-900);background-color: var(--Primary-100);border-radius: 0 0 0 20px;padding: var(--p4);}.under-menu-barber-style {width: 240px;height: 100vh !important;visibility: hidden;position: fixed;top: 0;right: -240px;bottom: 0;transition: all 0.2s ease;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--colorBlack);padding: var(--p24) 0;}.under-menu-barber-style a {display: flex;flex-direction: row;align-items: center;justify-content: right;width: 215px;text-decoration: none;padding-right: var(--p4);height: 54px;transition: all 0.2s ease;border-bottom: 1px solid var(--Primary-200);}.under-menu-barber-style a:hover {background-color: var(--Accent-900);padding-right: var(--p12);}.under-menu-barber-style a:nth-child(1) {width: 120px;height: 120px;text-decoration: none;border-radius: 50%;border: 3px solid var(--Primary-500);padding: 0 !important;margin-bottom: var(--m20);position: relative;display: flex;justify-content: center;align-items: center;}.under-menu-barber-style a:nth-child(1) img {width: 118px;height: 118px;border-radius: 50%;}.under-menu-barber-style a:nth-child(1) div {width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: -10px;right: 20px;background-color: var(--Primary-50);border-radius: 50%;}.under-menu-barber-style a:nth-child(1) svg {width: 20px;height: 20px;stroke: var(--Accent-900);margin: 0 !important;}.under-menu-barber-style a svg {width: 28px;height: 28px;margin-left: var(--m8) !important;fill: var(--colorWhite);}.under-menu-barber-style a span {color: var(--colorWhite);font-weight: 600;font-size: var(--font15);}.menu-barber-style:hover .under-menu-barber-style {right: 0;visibility: visible;transition: all 0.2s ease;}.under-menu-barber-style p {margin-top: var(--m32);font-weight: bold;font-size: var(--font20);width: 220px;text-align: center;color: var(--Accent-50);}.videoEducationStyle {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;padding-top: var(--p40);}.videoEducationStyle video {width: 96%;}.deleteStyleBarber {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.deleteStyleBarber > p {margin: var(--m20) auto;}.deleteStyleBarber > button {width: 140px;height: 48px;text-align: center;line-height: 48px;font-size: var(--font18);font-weight: 700;color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;border-radius: var(--border-radius8);}.deleteStyleBarber form {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.deleteStyleBarber form label {width: 100%;text-align: center;font-size: var(--font18);font-weight: 700;color: var(--colorWhite);}.deleteStyleBarber form label span {color: var(--Primary-500);}.deleteStyleBarber form div {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;margin-top: var(--m24);}.deleteStyleBarber form div button {width: 140px;height: 40px;text-align: center;line-height: 40px;font-size: var(--font18);font-weight: 700;color: var(--colorBlack);background-color: var(--Primary-500);border-radius: var(--border-radius8);margin: 0 var(--m12);border: none;}.deleteStyleBarber form div button:nth-child(2) {color: var(--Primary-500);border: 1px solid var(--Primary-500);background-color: transparent;}.deleteStyleBarber form div p {color: var(--Accent-50);width: 90px;font-size: var(--font15);font-weight: 500;margin: 0 !important;height: 40px;line-height: 40px;}.deleteStyleBarber form section {margin-top: var(--m12);}.styleIntro {z-index: 999999;display: block;width: 100%;height: 100vh;position: fixed;background-color: rgb(0, 0, 0) !important;top: 0;left: 0;right: 0;bottom: 0;padding: 10px;text-align: center;}.styleIntro img {width: 200px;height: 200px;margin-top: 30px;border-radius: 50%;border: 2px solid var(--Primary-500);}.styleIntro h2 {margin: var(--m24) auto;font-weight: 700;font-size: var(--font18);color: var(--Accent-50);}.styleIntro h2 b {color: var(--Primary-500);font-size: var(--font20);}.styleIntro div {background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p16);margin: 30px auto;width: var(--widthSite);}.styleIntro div label {margin-bottom: var(--m8);font-weight: 700;font-size: var(--font14);color: var(--Accent-50);}.styleIntro div a {display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;border-radius: var(--border-radius8);margin: 20px auto;padding: var(--p4) var(--p12);background-color: var(--Primary-500);}.styleIntro div a:nth-child(3) {background-color: transparent;border: 2px solid var(--Primary-500);}.styleIntro div h3, .styleIntro div h4 {height: 36px;line-height: 36px;margin: 0 !important;text-align: right;width: 100%;}.styleIntro .styleIntroUser h3 {color: var(--Accent-900);}.styleIntro .styleIntroUser h4 {color: var(--Accent-800);}.styleIntro .styleIntroBarber h3 {color: var(--Primary-500);}.styleIntro .styleIntroBarber h4 {color: var(--Accent-50);}.styleIntro div h3 {font-weight: 700;font-size: var(--font18);}.styleIntro div h4 {font-weight: 500;font-size: var(--font14);}.headerSite1 {display: flex;align-items: center;justify-content: center;width: 100%;}.headerSite1 h1 {font-weight: 700;font-size: var(--font18);color: var(--Accent-900);background-color: var(--Primary-100);height: 50px;line-height: 46px;border-radius: 0 0 50px 50px;padding: 0 var(--p60);margin: 0 !important;}.confirm-code-style {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;}.confirm-code-style div {display: flex;flex-direction: column;align-items: center;justify-content: start;width: var(--widthSite);margin: var(--m32) auto;background-color: var(--Accent-900);border-radius: var(--border-radius8);}.confirm-code-style div form {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;}.confirm-code-style label {color: var(--Accent-50);text-align: center;font-weight: 600;font-size: var(--font15);margin: var(--m12) auto;width: 100%;padding: var(--p12);}.confirm-code-style input {color: var(--Accent-50);text-align: center;font-weight: 600;font-size: var(--font15);width: 80%;padding: var(--p8);height: 40px;background-color: transparent;border-bottom: 2px solid var(--Accent-100);margin-bottom: var(--m12);}.confirm-code-style div button, .confirm-code-style div a {color: var(--Accent-900);text-align: center;font-weight: 700;font-size: var(--font16);width: 120px;line-height: 40px;height: 40px;background-color: var(--Primary-500);border: none;margin: var(--m16) 0;border-radius: var(--border-radius8);}.confirm-code-style div div {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 80%;margin: 0 !important;}.confirm-code-style div a {background-color: transparent;color: var(--Primary-500);border: none;}.confirm-code-style > p {background-color: var(--Accent-900);color: var(--Accent-50);text-align: right;font-weight: 600;font-size: 16px;margin-top: var(--m12);width: var(--widthSite);padding: var(--p12);border-radius: var(--border-radius8);}.headerSite {display: flex;flex-direction: row;align-items: start;justify-content: space-between;width: 100%;max-width: var(--MaxWidthSite);margin: 0 auto;position: absolute;top: 0;left: 50%;transform: translate(-50%);z-index: var(--z-index10003);background-color: var(--colorBlack);}.headerSite .profileBtn, .headerSite .profileBtn1 {width: 48px;height: 48px;background-color: transparent;border: none;display: flex;align-items: center;justify-content: center;}.headerSite .profileBtn svg {width: 40px;height: 40px;border-radius: 50%;fill: var(--Primary-100);stroke: var(--Primary-100);}.headerSite .profileBtn1 img {width: 40px;height: 40px;border-radius:50%;margin-top: var(--m4);border: 2px solid var(--Primary-100);}.headerSite .profileBtn1 svg {width: 40px;height: 40px;border-radius: 50%;margin-top: var(--m4);fill: var(--Primary-100);}.headerSite h2 {font-weight: 700;font-size: var(--font24);color: var(--Accent-900);background-color: var(--Primary-100);height: 40px;line-height: 30px;border-radius: 0 0 40px 40px;padding: 0 var(--p40);margin: 0 !important;}.fontName {font-family: 'main1', sans-serif;}.menu-main1 {position: relative;width: 40px;height: 40px;z-index: 10000;display: flex;align-items: center;justify-content: center;background-color: var(--Primary-100);border-radius: 0 0 0 20px;}.menu-main1 > svg {width: 32px;height: 32px;stroke: var(--Accent-900);}.under-menu {width: 220px;height: 100vh !important;visibility: hidden;position: fixed;top: 0;right: -220px;bottom: 0;transition: all 0.2s ease;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--colorBlack);padding: var(--p24) 0;}.under-menu a {display: flex;flex-direction: row;align-items: center;justify-content: right;width: 215px;text-decoration: none;padding-right: var(--p4);height: 54px;transition: all 0.2s ease;border-bottom: 1px solid var(--Primary-200);}.under-menu a:hover {background-color: var(--Accent-900);padding-right: var(--p12);}.under-menu a:nth-child(1) {width: 120px;height: 120px;text-decoration: none;border-radius: 50%;border: 3px solid var(--Primary-500);padding: 0 !important;margin-bottom: var(--m20);position: relative;display: flex;justify-content: center;align-items: center;}.under-menu a:nth-child(1) img {width: 118px;height: 118px;border-radius: 50%;}.under-menu a:nth-child(1) div {width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: -10px;right: 20px;background-color: var(--Primary-50);border-radius: 50%;}.under-menu a:nth-child(1) svg {width: 20px;height: 20px;stroke: var(--Accent-900);margin: 0 !important;}.under-menu a svg {width: 28px;height: 28px;margin-left: var(--m8) !important;fill: var(--colorWhite);}.under-menu a span {color: var(--colorWhite);font-weight: 600;font-size: var(--font15);}.menu-main1:hover .under-menu {right: 0;visibility: visible;transition: all 0.2s ease;}.under-menu p {margin-top: var(--m32);font-weight: bold;font-size: var(--font20);width: 220px;text-align: center;color: var(--Accent-50);}.goUser {background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p16);width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: var(--m40);}.goUser h4 {color: var(--Accent-50);font-size: var(--font16);font-weight: 700;}.goUser span {color: var(--Primary-500);}.goUser a {padding: 0 var(--p12);height: 40px;line-height: 40px;color: var(--Accent-900);background-color: var(--Primary-500);border-radius: var(--border-radius8);font-weight: 700;font-size: var(--font16);margin-top: var(--m16);}.headerImg {width: 100%;min-height: 320px;max-height: 320px;position: relative;z-index: 100;display: flex;flex-direction: column;background-color: var(--Primary-500);align-items: center;justify-content: start;padding-top: var(--p40);margin-top: var(--m8);}.headerImg > img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;object-fit: cover;}.headerImg h3 {font-weight: 700;font-size: var(--font20);color: var(--Accent-900);margin-bottom: var(--m12);}.headerImg h4 {font-weight: 500;font-size: var(--font16);color: var(--Accent-800);margin-bottom: var(--m20);}.headerImg .statisticsUser {width: 80%;margin-top: var(--m32);display: flex;flex-direction: row;align-items: center;justify-content: space-around;}.headerImg .statisticsUser div {display: flex;flex-direction: column;align-items: center;justify-content: center;}.headerImg .statisticsUser div span {font-weight: 700;font-size: var(--font20);color: var(--Accent-900);margin-bottom: var(--m4);white-space: nowrap;}.headerImg .statisticsUser div h5 {font-weight: 600;font-size: var(--font15);color: var(--Accent-900);}.registerAdminBtn {width: 80%;height: 40px;line-height: 40px;font-weight: 700;font-size: var(--font16);border-radius: var(--border-radius8);background: linear-gradient(145deg, var(--Accent-900), var(--Accent-800), var(--Accent-700));box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 8px 15px rgba(0, 0, 0, 0.2), -3px 5px 0 2px var(--Accent-900);border: 2px solid var(--Accent-50);outline: 2px solid rgba(255, 255, 255, 0.3);color: var(--Accent-50);text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);transition: all 0.3s ease;cursor: pointer;position: relative;overflow: hidden;z-index: var(--z-index10);}.registerAdminBtn:hover {transform: translateY(-3px);box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2), 0 12px 20px rgba(0, 0, 0, 0.3), -3px 7px 0 2px var(--Accent-900);background: linear-gradient(145deg, var(--Accent-800), var(--Accent-700), var(--Accent-600));outline: 2px solid rgba(255, 255, 255, 0.5);}.registerAdminBtn:active {transform: translateY(0);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 8px 15px rgba(0, 0, 0, 0.2), -3px 5px 0 2px var(--Accent-900);}.styleBtnPrice {display: block;position: absolute;width: 80%;height: 90px;bottom: -50px;left: 50%;transform: translate(-50%);border-radius: var(--border-radius8);border: 1px solid var(--Accent-900);}.styleBtnPrice img {width: 100%;height: 100%;border-radius: var(--border-radius8);object-fit: cover;}.styleBtnMap {display: block;position: absolute;width: 80%;height: 160px;bottom: -100px;left: 50%;transform: translate(-50%);border-radius: var(--border-radius8);border: 1px solid var(--Accent-900);}.styleBtnMap a {position: relative;display: block;width: 100%;height: 100%;}.styleBtnMap a img {width: 100%;height: 100%;border-radius: var(--border-radius8);object-fit: cover;}.styleBtnMap a h2 {position: absolute;height: 40px;line-height: 40px;border-radius: var(--border-radius8);background-color: var(--Primary-500);color: var(--Accent-900);font-size: var(--font15);font-weight: 700;padding: 0 var(--p12);bottom: 10px;left: 50%;transform: translate(-50%);border: 1px solid var(--Accent-900);white-space: nowrap;}.main-site {width: 100%;max-width: var(--MaxWidthSite);position: relative;display: flex;flex-direction: column;align-items: center;justify-content: start;margin: 0 auto;padding-top: var(--p40);height: 100dvh;}.main-siteAdmin {width: 100% !important;max-width: 100% !important;padding: var(--p20) var(--p4);}::-webkit-scrollbar {width: 0.8vw;height: 1.2vh;}::-webkit-scrollbar-track {background-color: #444;border-radius: 15px;}::-webkit-scrollbar-thumb {background-color: #666;border-radius: 15px;}::-webkit-scrollbar-thumb:hover {background-color: #888;border-radius: 15px;}.style-login {display: flex;flex-direction: column;align-items: center;background-color: var(--Accent-900);border-radius: var(--border-radius8);padding: var(--p16) var(--p12);margin-top: var(--m32);width: 100%;border: 1px solid var(--Primary-500);}.style-login > label {color: var(--colorWhite);font-size: var(--font17);font-weight: 500;width: 100%;text-align: center;}.style-login form {display: flex;flex-direction: column;align-items: center;width: 100%;}.style-login form div {width: 100%;}.style-login form div:nth-child(3) {display: flex;flex-direction: row;align-items: center;justify-content: left;}.style-login form div:nth-child(3) button {width: 120px;height: 40px;line-height: 40px;font-weight: 600;color: var(--Accent-900);background-color: var(--Primary-500);border-radius: var(--border-radius8);border: none;}.newBarber {width: 100%;margin-top: var(--m20);position: relative;display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--Accent-900);padding: var(--p12);}.marginNewBarber {margin-top: 120px !important;}.marginNewBarber1 {margin-top: 70px !important;}.newBarber h3 {font-size: var(--font18);font-weight: 700;display: inline-block;margin: 0 auto;height: 40px;line-height: 40px;border-bottom: 2px solid var(--Primary-500);color: var(--Accent-50);}.showBarberNew {width: 100%;display: flex;overflow-x: auto;position: relative;overflow-y: hidden;margin: var(--m12) 0;}.showBarberNew a {display: flex;width: 140px !important;border-radius: var(--border-radius8);margin: 0 var(--m4);cursor: pointer;text-decoration: none;background-color: var(--Primary-100);flex-direction: column;align-items: center;justify-content: start;}.showBarberNew img {width: 90px;height: 90px;margin-top: 4px;border-radius: 50%;}.showBarberNew a > span {display: inline-block;font-size: var(--font13);max-width: 140px;min-width: 140px;white-space: nowrap;margin-top: var(--m12);font-weight: 600;padding: 0 var(--p4);overflow-x: auto;overflow-y: hidden;text-align: center;color: var(--Accent-900);}.showBarberNew a > div {width: 140px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--p8);}.showBarberNew div div {width: 140px;display: flex;flex-direction: row;align-items: center;justify-content: center;}.showBarberNew div svg {width: 20px;height: 20px;stroke: var(--Accent-700);margin-right: var(--m4);}.showBarberNew div span {display: inline-block;width: 110px;font-size: var(--font12);text-align: right;color: var(--Accent-700);height: 26px;line-height: 26px;margin: 0 var(--m4) !important;white-space: nowrap;overflow-y: hidden;overflow-x: auto;scrollbar-width: none;}.styleBtnTopBarber {width: var(--widthSite);margin: var(--m32) auto;}.styleBtnTopBarber button {width: 100%;background-color: transparent;border: none;border-radius: var(--border-radius8);}.styleBtnTopBarber button img {width: 100%;border-radius: var(--border-radius8);}.styleTopBarber {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;overflow-x: hidden;overflow-y: auto;margin-top: var(--m12);}.styleTopBarber a {width: 100%;height: 60px;display: flex;flex-direction: row;align-items: center;justify-content: center;background-color: var(--Accent-900);margin: var(--m16) auto;border-radius: var(--border-radius8);position: relative;}.styleTopBarber div {width: 100%;height: 60px;display: flex;flex-direction: row;align-items: center;justify-content: right;padding: 0 var(--p4);}.styleTopBarber div img {width: 76px;height: 76px;border-radius: 50%;}.styleTopBarber div > span {width: 35px;height: 35px;line-height: 35px;font-weight: bold;font-size: 18px;color: var(--Accent-50);text-align: center;}.styleTopBarber div div {width: 100%;height: 70px;display: flex;flex-direction: column;align-items: start;justify-content: center;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}.styleTopBarber div div h4 {width: 100%;height: 30px;line-height: 30px;margin-bottom: 0 !important;display: block;font-size: var(--font15);font-weight: 500;color: var(--Accent-50);text-align: right !important;}.styleTopBarber div div div {width: 100%;height: 30px;display: flex;flex-direction: row;align-items: center;justify-content: start;padding: 0 !important;scrollbar-width: none;}.styleTopBarber div div div svg {width: 20px;height: 20px;stroke: var(--Accent-300);}.styleTopBarber div div div svg:nth-child(3) {margin-right: var(--m4);}.styleTopBarber div div div h5 {width: auto;height: 30px;line-height: 30px;display: inline-block;font-size: var(--font12);font-weight: 400;color: var(--Accent-300);margin: 0 var(--m4) !important;}.styleTopBarber a > span {position: absolute;top: 10px;left: 10px;font-size: var(--font14);font-weight: 600;text-align: center;color: var(--Primary-500);border-radius: var(--border-radius8);white-space: nowrap;margin-left: var(--m4);}.styleTopBarberMe {width: 100%;}.license {width: var(--widthSite);position: relative;border-radius: var(--border-radius8);display: flex;flex-direction: column;align-items: center;justify-content: start;background-color: var(--Accent-900);padding: var(--p12);}.license label {font-size: var(--font18);font-weight: 700;display: inline-block;margin: 0 auto;height: 32px;border-bottom: 2px solid var(--Primary-500);color: var(--Accent-50);}.license div {display: flex;flex-direction: row;align-items: center;justify-content: space-around;margin-top: var(--m12);}.license a:nth-child(2) {display: none;}.license a {display: inline-block;width: 100px;height: 100px;margin: 0 var(--m8) !important;border-radius: var(--border-radius8);}.license a img {width: 100%;height: 100%;margin: 0 !important;}.footerMini {display: flex;flex-direction: column-reverse;align-items: center;justify-content: space-between;height: 100px;width: 100%;max-width: var(--MaxWidthSite);margin-top: var(--m24);background-color: var(--Primary-500);padding: 0 var(--p20);}.footerMini h6 {color: var(--Accent-900);font-weight: 600;font-size: var(--font18);margin-top: var(--m12);}.footerMini div {display: flex;flex-direction: row;align-items: center;justify-content: space-around;height: 60px;}.footerMini div a {display: inline-block;width: 44px;height: 44px;margin: 0 var(--m8);}.footerMini div a svg {width: 44px;height: 44px;stroke: var(--Accent-900);}.slidBtnStyle {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: var(--m16);gap: 8px;width: 100%;}.slidBtnStyle button, .slidBtnStyle a {text-align: center;padding: var(--p12) var(--p8);border-radius: var(--border-radius8);border: none;background-color: var(--Accent-900);width: 50%;margin: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}.slidBtnStyle svg {width: 48px;height: 48px;fill: var(--Accent-50);}.slidBtnStyle span {display: inline-block;width: 100%;font-size: var(--font15);font-weight: 600;color: var(--Accent-50);margin-top: var(--m12);}.slidBtnStyle sub {position: absolute;top: 10px;right: 0;transform: rotate(45deg);width: 40px;height: 20px;line-height: 20px;text-align: center;font-size: var(--font12);font-weight: 400;background-color: var(--Danger-500);color: var(--colorWhite);border-radius: var(--border-radius8);}.slidBtnStyle100 button, .slidBtnStyle100 a {width: 100% !important;}.editModal {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--p40) 0;}.editModal h3 {display: inline-block;width: auto;text-align: center;font-weight: 700;font-size: var(--font18);margin-bottom: 0 !important;color: var(--Accent-50);border-bottom: 3px solid var(--Primary-500);height: 44px;line-height: 44px;}.editModal label {display: inline-block;width: auto;text-align: center;font-weight: 500;font-size: var(--font16);margin: var(--m4) auto;color: var(--Accent-50);}.editModal form {display: flex;flex-direction: column;align-items: center;width: 100%;margin-top: var(--m16);border-radius: var(--border-radius8);background-color: var(--Accent-900);padding: var(--p8);}.editModal form div {width: 100%;}.editModal form button {width: 100%;height: 40px;line-height: 40px;font-size: var(--font16);font-weight: 600;color: var(--Accent-900);background-color: var(--Primary-500);border-radius: var(--border-radius8);border: none;margin-top: var(--m16);}.editModal form section {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-around;width: 100%;}.editModal form section button {width: 40%;}.editModal form section button:nth-child(2) {background-color: transparent;border: 1px solid var(--Primary-500);color: var(--Primary-500);}.numberListBirth {visibility: hidden;position: fixed;top: -50vh;left: 0;bottom: 0;right: 0;z-index: 99999;transition: 0.2s linear;margin: 0 !important;width: 100%;padding: var(--p20);background-color: var(--Accent-900);overflow-x: hidden;overflow-y: auto;}.numberListBirth div {display: flex;align-items: center;justify-content: start;flex-direction: column;width: 100%;padding: var(--p12) var(--p8);border-radius: var(--border-radius8);border: 1px solid var(--colorWhite);}.numberListBirth label {width: 100%;text-align: center;font-weight: bold;font-size: var(--font24);margin-bottom: var(--m12);color: var(--colorWhite);}.numberListBirth button {height: 44px;line-height: 44px;font-weight: 600;font-size: 20px;margin: 8px 0;border-radius: 10px;padding: 0;text-align: center;}.numberListBirth ul {direction: ltr !important;height: 100%;width: 100%;padding: 0;margin: 0;display: flex;align-items: center;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}.numberListBirth li {width: 23%;height: 44px;display: inline-block;cursor: pointer;border: var(--Accent-200) 1px solid;font-size: 20px;text-align: center;border-radius: var(--border-radius8);margin: var(--m4) auto;font-weight: 600;line-height: 44px;color: var(--Primary-500);}.numberListBirth .birth1Option li {width: 23%;}.numberListBirth .birth2Option li {width: 31%;}.numberListBirth .birth3Option li {width: 18%;}.CheckSms {display: flex;flex-direction: row;align-items: center;justify-content: space-between;gap: 8px;width: 100%;}.CheckSms label {position: relative;text-align: right !important;width: 50% !important;font-size: var(--font15) !important;border-radius: var(--border-radius8);padding-right: var(--p8) !important;height: 40px;line-height: 40px;background-color: var(--Primary-100);color: var(--Accent-900) !important;}.CheckSms input {display: inline-block !important;position: absolute;top: 11px;left: 10px;width: 18px !important;height: 18px !important;margin: 0 !important;}.showPriceUser {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: start;overflow-x: hidden;overflow-y: auto;}.showPriceUser h3 {color: var(--Accent-50);font-size: var(--font20);font-weight: 700;margin: var(--m12) auto;height: 40px;line-height: 40px;border-bottom: 3px solid var(--Primary-500);}.payUser {width: 100%;border-radius: var(--border-radius8);margin: var(--m4) 0;background-color: var(--Accent-900);}.payUser > div {width: 100%;height: 40px !important;padding: 0 var(--p4);display: flex;flex-direction: row;align-items: center;justify-content: space-between;}.showWarning {transition: all ease 0.5s !important;}.payUser > div p {height: 40px;line-height: 40px;margin: 0 !important;padding: 0 var(--p4);text-align: right;white-space: nowrap;overflow-x: auto;overflow-y: hidden;color: var(--Accent-50);font-size: var(--font15);font-weight: 600;width: 100%;}.payUser > div p:nth-child(2) {color: var(--Primary-500);}.payUser > div span {width: 36px;height: 36px;}.payUser > div span svg {width: 36px;height: 36px;fill: var(--Accent-50);}.payUser article {display: flex;flex-direction: column;align-items: center;justify-content: start;margin: var(--m8) var(--m4);}.payUser article section {display: flex;flex-direction: row;flex-wrap: nowrap;gap: 12px;width: 100%;}.payUser article a {color: var(--Primary-500) !important;border: 1px solid var(--Primary-500);border-radius: var(--border-radius8);font-size: var(--font16);text-align: center;width: 50%;margin-top: var(--m8);height: 32px !important;line-height: 32px !important;}.payUser article section a:nth-child(1) {color: var(--Accent-900) !important;border: none !important;background-color: var(--Primary-500) !important;width: 60% !important;}.payUser article section a:nth-child(2) {width: 40% !important;}.payUser article p {display: block;width: 100%;height: 40px;line-height: 40px;text-align: right;font-size: var(--font14);font-weight: 400;color: var(--Accent-600);border-bottom: 1px solid var(--Accent-700);background-color: var(--Accent-50);border-radius: var(--border-radius8);padding: 0 var(--p4);margin: var(--m4) 0 !important;}.payUser article p:nth-child(3) {border-bottom: none;}.payUser article p span {font-size: var(--font15);font-weight: 500;color: var(--Accent-800);}.payUser article div {display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;border-radius: var(--border-radius8);background-color: var(--Accent-50);margin: var(--m4) 0;padding: 0 var(--p4);}.payUser article div:nth-child(1) {border-bottom: 1px solid var(--Accent-300);}.payUser article div span {display: inline-block;width: 50%;height: 32px;line-height: 32px;text-align: center;font-weight: 700;font-size: var(--font14);white-space: nowrap;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;color: var(--Accent-900);}.payUser article div span:nth-child(2) {border-right: 1px solid var(--Accent-300);}.select-box {height: 40px;position: relative;width: 100%;}.select-option {height: 40px;position: relative;}.select-option select {height: 40px;font-size: var(--font16);font-weight: 500;appearance: none;position: relative;}.select-option:after {content: '';border-top: 12px solid black;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;left: 10px;top: 50%;}.content {width: 100%;padding: 5px;position: absolute;display: none;z-index: 100;margin-top: 2px;background-color: var(--Primary-100);}.content .search {width: 100%;margin: 5px 0;}.content .search input {width: 100%;padding: 8px 12px;}.options {width: 100%;max-height: 250px;overflow-y: auto;padding: 0;overflow-x: hidden;display: flex;}.optionsCityMap{flex-direction: column;}.optionsModel {flex-direction: row;flex-wrap: wrap;align-items: center;justify-items: center;padding-top: var(--p8);margin: 0 !important;}.options li {padding: 8px 12px;cursor: pointer;border-bottom: #b7b7b7 1px solid;font-weight: 500;font-size: 18px;text-align: center;}.optionsModel li {width: 20%;display: flex;align-items: center;justify-content: center;cursor: pointer;border: #b7b7b7 1px solid;font-weight: 500;font-size: 18px;text-align: center;}.select-box.active .content {display: block;}.select-box.active .select-option:after {transform: rotate(180deg);}.add-ticket {display: flex;width: var(--widthSite);margin: var(--m12) auto;padding-bottom: var(--p40);}.add-ticket form {display: flex;flex-direction: column;align-items: center;width: 100%;}.add-ticket form > div {display: flex;flex-direction: column;align-items: center;width: 100%;padding: var(--p8);border-radius: var(--border-radius8);background-color: var(--Accent-900);margin: var(--m4) auto;}.add-ticket div a {height: 40px;line-height: 40px;width: 80%;max-width: 220px;border-radius: var(--border-radius8);border: 1px solid var(--Primary-500);color: var(--Primary-500) !important;text-align: center;font-weight: 500;font-size: var(--font16);margin-bottom: var(--m8);}.add-ticket form label {height: 32px;line-height: 32px;width: 100%;color: var(--Accent-50) !important;text-align: center;font-weight: 500;font-size: var(--font16);display: flex;flex-direction: row;align-items: center;justify-content: right;}.add-ticket form input {height: 24px;line-height: 24px;width: 24px !important;margin: 0 !important;}.add-ticket form span {margin-right: var(--m8);}.add-ticket div button {height: 40px;line-height: 40px;width: 100%;border-radius: var(--border-radius8);border: none;color: var(--Accent-900) !important;background-color: var(--Primary-500);text-align: center;font-weight: 500;font-size: var(--font16);margin: var(--m8) auto;}.showTicket {margin-top: var(--m12) !important;padding-top: var(--p16) !important;}.showTicket div {margin-bottom: var(--m8);width: 100%;}.showTicket pre {display: block;padding: var(--p8);text-align: justify;font-size: var(--font14);font-weight: 500;margin: 0 !important;border-radius: 0 0 var(--border-radius8) var(--border-radius8);line-height: 28px;font-family: 'main', sans-serif;white-space: pre-wrap;}.showTicket div div {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;border-radius: var(--border-radius8) var(--border-radius8) 0 0;height: 40px;margin: 0 !important;padding: 0 var(--p4);}.showTicket div div span {display: inline-block;font-size: var(--font16);font-weight: 600;color: var(--Accent-900);}.showTicket div div span:nth-child(2) {display: inline-block;font-size: var(--font14);font-weight: 400;color: var(--Accent-900);}.backNotice {width: 120px;height: 40px;line-height: 40px;text-align: center;position: fixed;bottom: 10px;left: 50%;transform: translate(-50%);font-size: var(--font16);border-radius: var(--border-radius8);color: var(--Accent-50);font-weight: 600;}.backNotice:hover {color: var(--Accent-50);}.style-main-menu {position: fixed;bottom: 0;right: 0;left: 0;width: 100%;max-width: var(--MaxWidthSite);display: flex;flex-direction: row;align-items: center;justify-content: space-between;background-color: var(--Primary-100);margin: 0 auto;z-index: var(--z-index1000);padding: 0 !important;}.style-main-menu .badgeMe {position: absolute;top: -10px;left: 50%;background: red;color: white;font-size: var(--font14);text-align: center;border-radius: var(--border-radius8);font-weight: bold;width: 40px;height: 20px;line-height: 20px;transform: translate(-50%);}.style-main-menu div {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 44%;}.style-main-menu div > a {display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;color: var(--Accent-900);width: 100%;position: relative;gap: 4px;padding: var(--p4) 0;border-radius: 0 !important;transition: all 0.2s ease;}.style-main-menu div > a svg {width: 24px;height: 24px;fill: var(--Accent-900);}.style-main-menu div > a span {display: block;width: 100%;color: var(--Accent-900);font-size: var(--font12);font-weight: 500;text-align: center;}.style-main-menu > button {display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;color: var(--Accent-900);position: absolute;top: -26px;left: 50%;transform: translate(-50%);width: 64px;height: 64px;background-color: var(--Primary-100);border: 1px solid var(--Accent-200);border-radius: 100%;gap: 4px;z-index: var(--z-index10);}.style-main-menu > button svg {width: 24px;height: 24px;fill: var(--Accent-900);}.style-main-menu > button span {width: 100%;color: var(--Accent-900);font-size: var(--font12);font-weight: 500;}.Style404 {display: flex;flex-direction: column;align-items: center;justify-content: center;width: var(--widthSite);padding-top: var(--p80);margin: 0 auto;}.Style404 img {width: 100%;height: auto;}.Style404 a {width: 80%;height: 40px;line-height: 40px;text-align: center;border-radius: var(--border-radius8);background-color: var(--Primary-500);color: var(--Accent-900);font-size: var(--font16);font-weight: 600;margin-top: var(--m20);}.payError, .payOk {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100dvh;}.payError div, .payOk div {width: var(--widthSite);display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--p20) var(--p8);background-color: var(--Accent-900);margin: 0 auto;border-radius: var(--border-radius8);}.payError label, .payOk label {width: 100%;text-align: center;font-weight: bold;font-size: var(--font18);color: var(--Danger-500);margin-bottom: var(--m12);}.payOk label {color: var(--success-500) !important;}.payError span, .payOk span {width: 100%;text-align: center;font-weight: 500;font-size: var(--font16);color: var(--Accent-50);margin: 0;height: 50px;line-height: 50px;}.payError a, .payOk a {height: 40px;line-height: 40px;border-radius: var(--border-radius8);width: 240px;margin-top: var(--m12);background-color: var(--Primary-500);text-align: center;color: var(--Accent-900);font-weight: 600;font-size: var(--font16);}.statisticsAdminMain {width: 100%;height: auto;margin: var(--m12);padding: var(--p12);display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-around;background-color: var(--Accent-900);}.statisticsAdminMain div {width: auto;height: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}.statisticsAdminMain div svg {width: 72px;height: 72px;stroke: var(--Primary-500);margin-bottom: var(--m8);}.statisticsAdminMain div span {width: auto;height: 32px;line-height: 32px;color: var(--Accent-100);font-size: var(--font14);font-weight: 400;}.statisticsAdminMain div span:nth-child(2) {font-size: var(--font20);font-weight: 700;color: var(--Accent-50);}.faqStyle {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;border-radius: var(--border-radius8);background-color: var(--Accent-900);padding: var(--p8);gap: var(--p4);}.faqStyleBye{width: var(--widthSite);}.faqStyle > div {display: flex;flex-direction: column;align-items: center;justify-content: start;width: 100%;border-bottom: 1px solid var(--Accent-300);padding-bottom: var(--p8);height: 40px;overflow: hidden;transition: all 0.2s ease;}.activeFaq {height: auto !important;}.faqStyle div div {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;height: 40px;cursor: pointer;}.faqStyle div div h3 {font-size: var(--font14);font-weight: 600;color: var(--Accent-50);margin: 0;height: 40px;line-height: 40px;overflow-y: hidden;overflow-x: auto;scrollbar-width: none;transition: all 0.2s ease;}.activeFaq h3 {color: var(--Primary-500) !important;}.faqStyle div div svg {width: 26px;height: 18px;stroke: var(--Accent-50);transition: transform 0.2s ease;}.activeFaq .arrowIconFaq {transform: rotate(180deg);}.faqStyle div p {font-size: var(--font12);font-weight: 400;color: var(--Accent-50);line-height: 26px;white-space: pre-wrap;text-align: right;width: 100%;margin: 0;}.styleInstall{width: 140px;position: fixed;bottom: 10px;left: -2px;z-index: var(--z-index10003);height: 40px;}.styleInstall button{width: 140px;border-radius: 0 var(--border-radius8) var(--border-radius8) 0;border: var(--Primary-500) 2px solid;background-color: var(--Accent-900) !important;color: var(--Accent-50) !important;font-weight: bold;font-size: var(--font18);height: 40px!important;line-height: 38px;}.hiddenInstall{display: none !important;}}.activeModal {visibility: visible;opacity: 1;}