*{padding:0;margin:0}@font-face{font-family:Brown-Alt;src:local("Brown-Alt"),url(/_next/static/media/Brown-Bold-Alt.d3eb5621.otf) format("opentype")}@font-face{font-family:Brown-regular;src:local("Brown-Regular"),url(/_next/static/media/Brown-Regular.95f42c5d.otf) format("opentype")}@font-face{font-family:Brown-light;src:local("Brown-light"),url(/_next/static/media/Brown-Light.a0158db2.otf) format("opentype")}:root{--body-bg-color:#252324}.clear{clear:both}.right{float:right}.left{float:left}button{background-color:transparent;border:1px solid #fd0;font-weight:600;font-size:20px;color:#fd0}.save-user .disabled-button{background-color:#585252;color:#000;border:none}::-webkit-input-placeholder{color:#fd0;opacity:1}:-ms-input-placeholder{opacity:1}::placeholder{color:#fd0;opacity:1}:-ms-input-placeholder{color:#fd0}::-ms-input-placeholder{color:#fd0}.default-color{color:#fd0;background-color:#3d3d3d}body{background-color:var(--body-bg-color);color:#fff;padding:45px 45px 0 40px;font-family:Brown-Regular,sans-serif;font-weight:400;height:100%;min-height:94vh}.main-wrapper{height:90%;display:flex;flex-direction:column}.home-wrapper{display:flex;justify-content:space-between;min-height:300px}.logout-wrapper{font-size:35px;margin:0 15px 0 auto;cursor:pointer}.header-section{margin-bottom:45px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.left-section{flex:1.4 1;display:flex;flex-direction:column;overflow:auto}.right-section{flex:1 1;position:relative}.logo-wrapper .logo{width:100%}.logo-wrapper{float:left;width:120px;margin-right:36px}.user-welcome-section{float:left}.user-welcome-section h2{font-size:35px;letter-spacing:.9px;line-height:38px}.right-section .list-head{color:#fd0;font-size:35px;border-bottom:2px solid #fd0;line-height:36px;letter-spacing:.5px;padding-bottom:13px;cursor:pointer}.list-wrapper{margin-top:45px;max-height:80vh;overflow:auto}.list-wrapper ul{list-style:none}.list-wrapper ul li{font-size:20px;padding-top:8px;letter-spacing:1px;min-height:41px}.add-user-wrapper{width:77%}.edit-user-options{display:flex;color:#fd0}.edit-user-options span{margin-left:10px}.add-user-wrapper span.add-user-button{font-size:30px;font-weight:700;color:#fd0;padding-left:6px;line-height:8px;cursor:pointer}.add-user-wrapper span.add-user-button i{font-style:normal;font-size:40px;margin-right:10px}.add-user-wrapper label{font-size:16px;display:block}.label-color{color:#cecece}.search-wrapper{width:100%}.add-user-wrapper input,.search-wrapper input{width:88%;border:none;background-color:transparent;font-size:32px;line-height:39px;color:#fd0;outline:none}.country-code select{border:none;width:100%;background-color:transparent;color:#fd0;outline:none;font-size:31px;padding:10px 0}.country-code{width:auto;overflow:hidden}.salon select{border:none;width:100%;background-color:transparent;color:#fd0;outline:none;font-size:31px;padding:10px 0}.salon{width:auto;overflow:hidden}.search-wrapper input{padding:0 0 10px;outline:none}.add-user-wrapper input[type=email]{text-transform:none}.add-user-wrapper input:focus{outline:none}.list-content{display:flex}.edit-user{border-bottom:1px solid #fd0;padding-bottom:5px}.edit-option{flex:0.7 1}.delete-option .fa-trash-can,.edit-option .fa-pencil{font-size:18px;color:#fd0;cursor:pointer}.hair-dresser-name{flex:10 1;margin-left:2px;font-family:Brown-Light,sans-serif}.delete-option{flex:0.3 1}.user-section{padding-left:6px;letter-spacing:1.2px}.country-code,.email,.first-name,.last-name,.planday,.salon,.tel,.telephone{margin-bottom:33px}.hair-dresser-name span{font-size:25px;cursor:pointer}.button-container{display:flex;margin:20px 0}.save-user{flex:1.5 1}.check-in-wrapper button,.logout-button,.reset-password-wrapper button,.save-user button{border-radius:35px;padding:17px 25px;margin-top:10px;background-color:#fd0;color:#000;cursor:pointer;outline:none}.button-width-250 button{width:250px}.reset-password-wrapper{text-align:center}.cancle-user-data{flex:1 1}.cancel-user-data-center{text-align:center}.cancle-user-data button{border-radius:35px;padding:17px 36px;margin-top:10px;margin-left:8px;margin-bottom:10px;cursor:pointer;outline:none;width:150px}.shift-user-data button{background-color:#fd0;color:#000}.modal{display:block;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:hsla(330,1%,41%,.8)}.modal-content{margin:10% 24%;width:49%;border-radius:10px;padding:21px 26px}.modal-content h4{padding:0;margin:0;font-size:30px;text-transform:capitalize;color:#fd0;line-height:44px}.modal-content .fa-exclamation{width:75px;height:40px;display:block;font-size:44px;text-align:center;padding:17px 0;background-color:#fd0;border-radius:38px;color:#000;margin:0 auto 19px}.modal-content p{text-align:center;font-size:26px;margin:20px 0 6px}.deleted-username{text-align:center;margin-bottom:25px}.deleted-username h2{font-size:40px;font-weight:600;font-family:Brown-Alt}.popup-button-container{margin-top:32px}.no-button{padding:17px 49px}.no-button,.yes-button{border-radius:34px;font-size:25px;font-weight:600;background-color:transparent;border:1px solid #fd0;color:#fd0}.yes-button{padding:17px 54px;margin-right:19px}.selected,.sucess-container .fa-check{background-color:#fd0;color:#000}.sucess-container .fa-check{text-align:center;display:block;font-size:45px;width:45px;height:45px;padding:13px 14px;border-radius:35px;margin:0 auto}.sucess-container h2{padding:20px 0;font-size:30px}.sucess-container{width:77%}.sucess-container h2{text-align:center;padding:30px 0 5px;font-size:39px;color:#fd0}.sucess-container p{text-align:center;width:65%;margin:0 auto;font-size:17px;letter-spacing:1px;line-height:28px}.check-in-wrapper{height:73vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.check-in-wrapper span{display:block;font-size:30px;margin-bottom:15px}.branches-wrapper{padding:15px 40px;border:2px solid #fd0;position:absolute;z-index:1000;background-color:var(--body-bg-color);width:28vw;top:120%;left:0;max-height:75vh;overflow:auto}.branch-item{margin:10px 0;border-bottom:1px solid #fd0;cursor:pointer;font-size:25px}.spiner-container{display:flex;align-items:center;justify-content:center;margin-top:15%}.loader{border:10px solid #f3f3f3;border-top-color:#fd0;border-radius:50%;width:60px;height:60px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.branches-container{position:relative}.empty-list{margin-left:29px;font-size:30px}.popup-container .loader{position:relative;top:50%;margin:-30px auto auto}.user-welcome-section .fa-sign-out-alt,button{cursor:pointer}button{outline:none}button:disabled{background-color:#585252;color:#272526;cursor:not-allowed}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.error-wrapper{background-color:#bd362f}.error-wrapper,.success-wrapper{position:absolute;font-size:20px;padding:10px 25px;border-radius:8px;left:19%;top:0;font-weight:700;width:55vw;text-align:center}.success-wrapper{background-color:#5cb85c;color:#fff}.check-in-wrapper button{margin:0}.close-branch-list{position:absolute;right:3%;top:1%;cursor:pointer;font-size:1.5em}.tel select{display:inline-block;width:9%;height:39px;margin-right:5px;background-color:var(--body-bg-color);color:#fd0;border:none;font-size:20px;outline:none;background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 120% 50%;background-size:35px;-webkit-appearance:none;appearance:none}.tel input.name{display:inline-block;width:90%}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.branches-wrapper::-webkit-scrollbar,.list-wrapper::-webkit-scrollbar{width:10px}.branches-wrapper::-webkit-scrollbar-track,.list-wrapper::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.branches-wrapper::-webkit-scrollbar-thumb,.list-wrapper::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}.cutters-input-wrapper{position:relative;border-bottom:2px solid #fd0}.cutters-input-ok-button{position:absolute;right:3%;bottom:12%;padding:3px 5px;font-size:20px;border-radius:5px}select{background:#f8f8f8}.branch-name-wrapper span{margin-top:10px;display:inline-block;padding:5px 20px;background-color:#fd0;border-radius:5px;color:#000;cursor:pointer}.toggle-row{display:flex;margin:15px 0;gap:15px}.toggle,.toggle-enabled{display:flex;white-space:nowrap;font-size:18px;cursor:pointer;border:2px solid #fd0;border-radius:5px;padding:5px 10px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.toggle-enabled{background-color:#fd0;color:#000}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.main-wrapper{padding:45px 30px 0;height:100%;min-height:96vh}.add-user-wrapper,.sucess-container{width:100%}.modal-content{margin:20%;width:60%}.left-section{flex:1.4 1;margin-right:20px}.add-user-wrapper input,.search-wrapper input{width:100%}.add-user-wrapper input:focus,.search-wrapper input:focus{width:82%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.add-user-wrapper input,.search-wrapper input{width:85%}.country-code,.email,.first-name,.last-name,.planday,.salon,.tel,.telephone{margin-bottom:15px}}.login-container{display:flex;justify-content:center;align-items:center;height:80%}.text-cutters{color:#fd0}.button-main{background-color:#fd0;color:#000;font-weight:700;font-size:35px;padding:20px 60px;border-radius:50px;border:none;outline:none;letter-spacing:0}.button-main:disabled{background-color:#d0d0d0;color:#585252}.button-main:active{background-color:#ccb000}.button-main--save{font-size:20px;padding:10px 30px}.button-main--save:active{background-color:#ccb000}.button-main--cancel{font-size:20px;padding:10px 30px;color:#fd0;background-color:transparent;border:1px solid #fd0}.button-main--cancel:active{background-color:#ccb000;color:#000}.button-main--delete{font-size:20px;padding:10px 30px;background-color:#e80000;color:#fff;border:1px solid red}.button-main--delete:active{background-color:#b90000;color:#fff}.button-small{cursor:pointer;background-color:#fd0;font-weight:700;font-size:18px;border-radius:50px;border:none;margin-left:10px;padding:10px 30px;outline:none;text-transform:uppercase}.button-small--cancel{color:#fd0;background-color:transparent;border:1px solid #fd0}.button-small--cancel:active{background-color:#ccb000;color:#000}.button-small--smaller{font-size:14px;padding:4px 15px}.button-small--autofill{text-transform:none;margin-left:0;margin-bottom:20px;margin-top:10px}.button-small--delete{text-transform:none;background-color:#e80000;color:#fff;border:1px solid red}.button-wrapper{display:flex;justify-content:space-between}.header__logout{padding:5px;display:flex;font-size:16px}@media (min-width:800px){.header__logout{padding:10px}}.header__logout--greetings{padding:0 10px}@media (min-width:800px){.header__logout--greetings{padding-right:20px}}.header__logout--link{color:#fd0;cursor:pointer;text-decoration:none;border-bottom:1px solid #ff0}.modal-sheet{display:block;z-index:1;left:0;position:fixed;bottom:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.7)}.modal-content{background-color:#302e2f;min-height:100%;min-width:100%}@media (min-width:800px){.modal-content{border-radius:10px;max-height:calc(100% - 100px);position:fixed;top:25%;left:25%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:800px;min-height:300px;display:flex;flex-direction:column}}@media (max-width:800px){.modal-content{border-radius:10px;max-height:calc(100% - 100px);position:fixed;top:25%;left:25%;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%);width:100%;height:100px;display:flex;flex-direction:column}}.modal-content__close{position:relative;display:flex;align-items:baseline;flex-direction:row-reverse;font-size:30px;padding:20px 20px 0}.modal-close{position:absolute;padding-left:20px;color:#fd0;cursor:pointer}.modal-content__header{font-size:25px;display:flex;justify-content:space-between;align-items:baseline;margin:10px 10px 10px 0}.modal-bottom-div{position:relative}.modal-bottom-div .modal-bottom-button{position:absolute;bottom:10px}@media (max-width:800px){.modal-bottom-div .modal-bottom-button{position:relative;top:0}}.modal-content--simple{background-color:#302e2f;min-width:100%;min-height:100%}.modal-content__wrapper--simple{display:flex;flex-direction:column;margin:0 20px 20px}@media (min-width:800px){.modal-content--simple{border-radius:10px;max-height:calc(100% - 100px);min-height:100px;position:fixed;top:25%;left:25%;max-height:350px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:800px;display:flex;flex-direction:column}.modal-content__wrapper--simple{padding:0 50px 30px;flex:1 1 auto;overflow:hidden;margin:0}}.shift-employee-overview td{border-bottom:none;padding:10px}.shift-employee-overview-table,.shift-overview-grid{background-color:#6d6d6d;border-radius:10px}.shift-overview-grid{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto;grid-gap:10px;gap:10px;padding:10px;margin-bottom:10px}.shift-center-text,.shift-from-to{margin:auto}.shift-modal{overflow-y:auto}@media (max-width:800px){.shift-overview-grid{display:grid;grid-template-columns:repeat(6,1fr)}.shift-overview-grid div{grid-column:span 6}.shift-overview-grid div:nth-child(n+2){grid-column:span 3}.shift-overview-grid div:nth-child(n+6){grid-column:span 6}.shift-from-to{margin:0}}.input-time-value{display:flex;flex-flow:row nowrap}.input-time-value--valid input{font-size:16px;border:2px solid #fd0;width:50px;text-align:center}.input-time-value--invalid input{font-size:16px;border:2px solid #e80000;width:50px;text-align:center}.shift-button-no-margin button{margin-top:0!important;margin-bottom:0!important}.button-main--cancel-deactivated{background-color:grey;border-radius:35px;padding:17px 25px;margin-top:10px;background-color:#fd0;color:#000;cursor:pointer;outline:none}.loading-shift-div{overflow:hidden;justify-content:center;align-items:center;display:flex}