add all files

assets/css/calendar.css

@@ -0,0 +1,305 @@
+.dayHasEvent{
+  padding:5px;
+  border-radius:10px;
+  background-color: #e8c393;
+  color:black;
+}
+
+.calendarContent{
+  display:inline-block;
+  height: 30rem;
+  width: max-content;
+  min-width: 600px;
+  background-color: white;
+  border-radius: 25px;
+  overflow: hidden;
+  padding: 35px 50px 0px 50px;
+}
+
+.calendar {
+  display:inline-block;
+  height: 30rem;
+  width: max-content;
+  background-color: white;
+  border-radius: 25px;
+  overflow: hidden;
+  padding: 35px 50px 0px 50px;
+}
+
+.calendar {
+  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+}
+
+.calendar-header {
+  background: #9e8462;
+  display: flex;
+  justify-content: space-between;
+  border-radius: 7px;
+  align-items: center;
+  font-weight: 700;
+  color: #ffffff;
+  padding: 10px;
+};
+
+.calendar-body {
+  padding: 10px;
+}
+
+.calendar-week-days {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  font-weight: 600;
+  cursor: pointer;
+  color: rgb(104, 104, 104);
+}
+
+.calendar-week-days div:hover {
+  color: black;
+  transform: scale(1.2);
+  transition: all .2s ease-in-out;
+}
+
+.calendar-week-days div {
+  display: grid;
+  place-items: center;
+  color: #9e8462;
+  height: 50px;
+}
+
+.calendar-days {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 2px;
+  color: #0A0921;
+}
+
+.calendar-days div {
+  width: 37px;
+  height: 33px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 5px;
+  position: relative;
+  cursor: pointer;
+  animation: to-top 1s forwards;
+}
+
+.month-picker {
+  padding: 5px 10px;
+  border-radius: 10px;
+  cursor: pointer;
+}
+
+.year-picker {
+  display: flex;
+  align-items: center;
+}
+
+.year-change {
+  height: 30px;
+  width: 30px;
+  border-radius: 50%;
+  display: grid;
+  place-items: center;
+  margin: 0px 10px;
+  cursor: pointer;
+}
+
+.year-change:hover {
+  background-color: #9e8462;
+  transition: all .2s ease-in-out;
+  transform: scale(1.12);
+}
+
+.calendar-footer {
+  padding: 10px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+#year:hover {
+  cursor: pointer;
+  transform: scale(1.2);
+  transition: all 0.2 ease-in-out;
+}
+
+.calendar-days div span {
+  position: absolute;
+}
+
+.calendar-days div:hover {
+  transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
+  background-color: #e5cdaf;
+  border-radius: 20%;
+  color: #f8fbff;
+}
+
+.calendar-days div.current-date {
+  color: #f8fbff;
+  background-color: #9e8462;
+  border-radius: 20%;
+}
+
+.month-list {
+  position: relative;
+  left: 0;
+  top: -215px;
+  background-color: #ebebeb;
+  color: #151426;
+  display: grid;
+  grid-template-columns: repeat(3, auto);
+  gap: 5px;
+  border-radius: 20px;
+}
+
+.month-list>div {
+  display: grid;
+  place-content: center;
+  margin: 5px 10px;
+  transition: all 0.2s ease-in-out;
+}
+
+.month-list>div>div {
+  border-radius: 15px;
+  padding: 10px;
+  cursor: pointer;
+}
+
+.month-list>div>div:hover {
+  background-color: #9e8462;
+  color: #f8fbff;
+  transform: scale(0.9);
+  transition: all 0.2s ease-in-out;
+}
+
+.month-list.show {
+  visibility: visible;
+  pointer-events: visible;
+  transition: 0.6s ease-in-out;
+  animation: to-left .71s forwards;
+}
+
+.month-list.hideonce {
+  visibility: hidden;
+}
+
+.month-list.hide {
+  animation: to-right 1s forwards;
+  visibility: none;
+  pointer-events: none;
+}
+
+.date-time-formate {
+  height: 4rem;
+  width: 100%;
+  font-family: Dubai Light, Century Gothic;
+  position: relative;
+  display: flex;
+  top: 50px;
+  justify-content: center;
+  align-items: center;
+}
+
+.day-text-formate {
+  font-family: Microsoft JhengHei UI;
+  font-size: 1.4rem;
+  padding-right: 5%;
+  border-right: 3px solid #9e8462;
+}
+
+.date-time-value {
+  display: block;
+  position: relative;
+  text-align: center;
+  padding-left: 5%;
+}
+
+.time-formate {
+  font-size: 1.5rem;
+}
+
+.time-formate.hideTime {
+  animation: hidetime 1.5s forwards;
+}
+
+.day-text-formate.hidetime {
+  animation: hidetime 1.5s forwards;
+}
+
+.date-formate.hideTime {
+  animation: hidetime 1.5s forwards;
+}
+
+.day-text-formate.showtime {
+  animation: showtime 1s forwards;
+}
+
+.time-formate.showtime {
+  animation: showtime 1s forwards;
+}
+
+.date-formate.showtime {
+  animation: showtime 1s forwards;
+}
+
+@keyframes to-top {
+  0% {
+    transform: translateY(0);
+    opacity: 0;
+  }
+
+  100% {
+    transform: translateY(100%);
+    opacity: 1;
+  }
+}
+
+@keyframes to-left {
+  0% {
+    transform: translatex(230%);
+    opacity: 1;
+  }
+
+  100% {
+    transform: translatex(0);
+    opacity: 1;
+  }
+}
+
+@keyframes to-right {
+  10% {
+    transform: translatex(0);
+    opacity: 1;
+  }
+
+  100% {
+    transform: translatex(-150%);
+    opacity: 1;
+  }
+}
+
+@keyframes showtime {
+  0% {
+    transform: translatex(250%);
+    opacity: 1;
+  }
+
+  100% {
+    transform: translatex(0%);
+    opacity: 1;
+  }
+}
+
+@keyframes hidetime {
+  0% {
+    transform: translatex(0%);
+    opacity: 1;
+  }
+
+  100% {
+    transform: translatex(-370%);
+    opacity: 1;
+  }
+}

assets/css/modules.css

@@ -0,0 +1,982 @@
+.logo-container {
+    width: 340px;
+    margin: 0px auto;
+    text-align: center;
+    margin-top: 30px;
+}
+
+.main-container {
+    text-align: center;
+    padding: 15px;
+}
+
+.login-container {
+    display: inline-block;
+    margin: 0 auto;
+    padding: 10px;
+    border: 1px solid #c9c9c9;
+    box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
+    width: 400px;
+}
+
+.login-row {
+    margin: 0 auto;
+    text-align: center;
+    max-width: 450px;
+}
+
+.login-row input[type='text'],
+.login-row input[type='password']{
+    width: 300px;
+    display: inline-block;
+    color:#cacaca;
+}
+
+.formRow input[type='text']:focus, 
+.login-row input[type='text']:focus, 
+.login-row input[type='password']:focus {
+    border-bottom-color: #9e8462;
+    box-shadow: inset 0 -1px 0 0 #9e8462;
+}
+
+.login-row input[type='text']::placeholder,
+.login-row input[type='password']::placeholder {
+    color: #585858;
+    opacity: 1; /* Firefox */
+  }
+  
+  .login-row input[type='text']::-ms-input-placeholder,
+  .login-row input[type='password']::-ms-input-placeholder { /* Edge 12 -18 */
+    color: #585858;
+  }
+
+.login-labels {
+    width: 35px;
+    display: inline-block;
+    text-align: right;
+    margin-top: 10px;
+    padding-right: 15px;
+}
+
+.login-labels .fas{
+    font-size:20px;
+    color:lightgray;
+}
+
+.loginform-text, .password {
+    padding: 5px;
+    width: 250px;
+}
+
+label {
+    width: 200px;
+    display: inline-block;
+    height: 30px;
+}
+
+.button {
+    text-decoration: none;
+    text-transform: uppercase;
+    color: white;
+    max-width: 250px;
+    border-radius: 35px;
+    display: block;
+    margin: 20px auto;
+    padding: 0 10px;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    background-color: #222260;
+    height:30px;
+}
+
+.cancelButton {
+    text-decoration: none;
+    text-transform: uppercase;
+    color: white;
+    max-width: 250px;
+    border-radius: 5px;
+    display: inline-block;
+    margin: 20px auto;
+    padding: 9px 51px;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    color: #585858;
+    height: auto;
+    text-align: center;
+    min-width: 150px;
+    border: 0;
+    box-shadow: inset 0 0 0 2px #585858!important;
+    position: relative;
+    top: 0px;
+    font-size: 0.8em;
+    font-weight: 900;
+    /* height: 3.5em; */
+    letter-spacing: 0.35em;
+    line-height: 2.2em;
+    margin-left: 10px;
+}
+
+.cancelButton:hover {
+    color: #9e8462!important;
+    box-shadow: inset 0 0 0 2px #9e8462!important;
+}
+
+.submitBtn {
+    text-decoration: none;
+    text-transform: uppercase;
+    color: white;
+    border-radius: 5px;
+    display: inline-block;
+    margin: 20px auto;
+    padding: 9px 51px;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    color: #585858;
+    height: auto;
+    text-align: center;
+    min-width: 150px;
+    border: 0;
+    box-shadow: inset 0 0 0 2px #585858!important;
+    position: relative;
+    top: 0px;
+    font-size: 0.8em;
+    font-weight: 900;
+    /* height: 3.5em; */
+    letter-spacing: 0.35em;
+    line-height: 2.2em;
+    margin-left: 10px;
+}
+
+.submitBtn:hover {
+    color: #9e8462!important;
+    box-shadow: inset 0 0 0 2px #9e8462!important;
+}
+
+.message{
+    margin: 0 0 10px 0;
+}
+
+.error{
+    color:red;
+}
+.success{
+    color:green;
+}
+.siteName {
+    text-align: center;
+    font-size: 20px;
+    text-transform: uppercase;
+    font-weight: normal;
+    margin-bottom:20px;
+}
+
+.loginSubText {
+    text-align: center;
+    margin-top: 20px;
+    font-size: 13px;
+}
+
+.siteHeaderContainer {
+    height: 60px;
+    background-color: #121315;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1000;
+}
+
+.siteFooterContainer {
+    height: 50px;
+    background-color: #b1c1e8;
+    color:#222260;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.siteFooterContainer span{
+    font-size: 13px;
+    color: #222260;
+    display: block;
+    text-align: center;
+    margin-top: 14px;
+}
+
+.siteFooterContainer span a{
+    font-size: 13px;
+    color: #222260;
+    text-decoration: none;
+}
+
+.siteFooterContainer span a:hover{
+    font-size: 13px;
+    color: #222260;
+    text-decoration: none;
+}
+
+.controlBar{
+  height: 62px;
+  position: fixed;
+  top: 88px;
+  left: 0;
+  right: 0;
+  text-align: center;
+}
+
+.mainContentContainer {
+  text-align: center;
+  position: fixed;
+  top: 150px;
+  left: 0;
+  right: 0;
+  bottom: 33px;
+  overflow-y: auto;
+}
+
+.menuItem {
+    display: block;
+    padding: 10px;
+    background-color: #edffd1;
+    width: 200px;
+    text-align: center;
+    text-decoration: none;
+    color: white;
+    margin: 0 auto;
+    font-size: 18px;
+    margin-top: 20px;
+    color:#5f900b;
+}
+
+.menuItem:hover {
+    display: block;
+    padding: 10px;
+    background-color: #c7ec61;
+    width: 200px;
+    text-align: center;
+    text-decoration: none;
+    color: white;
+    margin: 0 auto;
+    font-size: 18px;
+    margin-top: 20px;
+    color:white;
+}
+
+.errorMessage{
+    padding: 10px;
+    max-width: 400px;
+    border: 1px solid #8EC641;
+    border-left: 7px solid red;
+    text-align: left;
+    margin: 30px auto;
+    background-color: #EEF7E2;
+}
+
+.successMessage{
+    padding: 10px;
+    max-width: 400px;
+    border: 1px solid #8EC641;
+    border-left: 7px solid green;
+    text-align: left;
+    margin: 30px auto;
+    background-color: #EEF7E2;
+}
+
+.pageButton{
+    text-decoration: none;
+    text-transform: uppercase;
+    color: white;
+    max-width: 250px;
+    border-radius: 35px;
+    display: block;
+    margin: 0 auto;
+    padding: 10px 10px;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    background-color: #222260;
+    /* height: 30px; */
+    text-align: center;
+}
+
+.mainTitle{
+    font-size: 20px;
+    text-transform: uppercase;
+    color:#4864ad;
+    text-align: center;
+    margin: 40px auto;
+}
+
+.formTitle{
+    font-size: 15px;
+    text-transform: uppercase;
+    color: gray;
+    display: block;
+    text-align: center;
+    margin: 0 auto;
+    margin-top: 20px;
+    width: 200px;
+    height: 30px;
+    text-align: center;
+}
+
+.formInputBox {
+    text-align: center;
+    font-size: 18px;
+    padding: 5px;
+    border: 1px solid lightgray;
+    /*height: 25px;*/
+    height: 39px;
+    max-width: 490px;
+    margin: 10px auto;
+    display: block;
+    width:100%;
+}
+
+
+.formTextarea {
+    text-align: center;
+    font-size: 15px;
+    padding: 5px;
+    border: 1px solid lightgray;
+    height: 100px;
+    min-height: 100px;
+    max-height: 100px;
+    max-width: 490px;
+    margin: 10px auto;
+    display: block;
+    width: 500px;
+    min-width: 500px;
+    max-width: 500px;
+    flex-wrap: wrap;
+    text-align: justify;
+    white-space: normal;
+}
+
+.longText{
+    display: block; /* or inline-block */
+    text-overflow: ellipsis;
+    word-wrap: break-word;
+    overflow: hidden;
+    max-height: 3.6em;
+    line-height: 1.8em;
+    max-width:150px;
+    white-space: nowrap;
+    margin: 0 auto;
+}
+
+
+.formDropdownBox {
+    text-align: center;
+    line-height: 35px;
+    font-size: 18px;
+    padding: 5px 0;
+    border: 1px solid lightgray;
+    height: 35px;
+    max-width: 500px;
+    display: block;
+    margin: 0 auto;
+    text-align-last: center;
+    width:100%;
+}
+.formRow {
+    margin-bottom:20px;
+}
+
+
+
+.textAreaFormRow {
+    margin-bottom:20px;
+    max-width:500px;
+    margin:0 auto;
+}
+
+
+
+.submitButton {
+    text-decoration: none;
+    text-transform: uppercase;
+    color: white;
+    max-width: 250px;
+    border-radius: 35px;
+    display: block;
+    margin: 20px auto;
+    padding: 12px 20px;
+    border: 0;
+    outline: 0;
+    cursor: pointer;
+    background-color: #9e8462;
+    height: auto;
+    text-align: center;
+    min-width:150px;
+}
+
+.submitButton:hover {
+    color: #9e8462!important;
+    box-shadow: inset 0 0 0 2px #9e8462!important;
+}
+
+.formRow{
+    text-align: center;
+}
+
+
+.counterTable input[type=number]{
+    text-align: right;
+}
+
+.fa-trash-alt{
+    color:#9e8462;
+}
+
+.fa-user-edit{
+    color:#9e8462;
+}
+
+.headerLogo {
+    text-align:center;
+    height: 55px;
+    padding: 5px 0 0 0;
+}
+
+.headerLogo object{
+    height: 50px;
+}
+
+.mobileMenu {
+    display:none;
+}
+.profileMenu {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+}
+
+.desktopMenu {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}
+
+#hambiMenu {
+    font-size: 30px;
+    color: #fff;
+}
+
+.dropbtn, .dropbtn-mobile, .dropbtn-desktop, .dropbtn-profile {
+    background-color: #050505;
+    color: #9e8462!important;
+    padding: 14px;
+    font-size: 14px;
+    letter-spacing: 0.1em;
+    border: none;
+    height: 60px;
+    line-height: 0;
+    box-shadow: none;
+    font-weight: normal;
+}
+
+.dropbtn-desktop{
+    height:60px;
+}
+
+.dropbtn-profile{
+    height:50px;
+    width:50px;
+}
+
+.dropdown, 
+.dropdown-mobile, 
+.dropdown-desktop, 
+.dropdown-profile  {
+    position: relative;
+    display: inline-block;
+    color: #9e8462;
+}
+.dropdown-mobile{
+    position: absolute;
+    top:0;
+    left:0;
+
+} 
+
+.dropdown-content, 
+.dropdown-content-mobile, 
+.dropdown-content-desktop, 
+.dropdown-content-profile {
+    display: none;
+    position: absolute;
+    /*background-color: #f1f1f1;*/
+    background-color: black;
+    min-width: 160px;
+    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
+    box-shadow: 0px 8px 16px 0px rgba(0,62,49,0.2);
+    border: 1px solid #9e8462;
+    z-index: 1;
+}
+.dropdown-content-profile {
+    right: 0;
+}
+
+.dropdown-content a, 
+.dropdown-content-mobile a, 
+.dropdown-content-desktop a, 
+.dropdown-content-profile a {
+    color: #9e8462;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+    font-size:15px;
+    border-bottom: 1px solid #9e8462;
+}
+
+.dropdown-content a:last-child, 
+.dropdown-content-mobile a:last-child, 
+.dropdown-content-desktop a:last-child, 
+.dropdown-content-profile a:last-child {
+    border-bottom: 0;
+}
+
+.dropdown-content a:hover, 
+.dropdown-content-mobile a:hover, 
+.dropdown-content-desktop a:hover, 
+.dropdown-content-profile a:hover {
+    /*background-color: #ddd;*/
+    background-color: #9e8462;
+    color:#050505!important;
+}
+
+
+.dropdown:hover .dropdown-content, 
+.dropdown-mobile:hover .dropdown-content-mobile, 
+.dropdown-desktop:hover .dropdown-content-desktop, 
+.dropdown-profile:hover .dropdown-content-profile {
+    display: block;
+    line-height: auto;
+}
+
+.dropdown:hover .dropbtn, 
+.dropdown-mobile:hover .dropbtn-mobile, 
+.dropdown-desktop:hover .dropbtn-desktop{
+    box-shadow: none;
+    background-color: #9e8462;
+    color: #050505 !important;
+    box-shadow: inset 0 0 0 1px #050505;
+}
+
+.dropdown-profile:hover .dropbtn-profile {
+    box-shadow: none;
+}
+.dropbtn-profile{
+    border-radius:24px;
+    background-size:100% 100%;
+    background-position:center center;
+    border: 2px solid #eef7e2;
+}
+
+.welcomeText {
+    text-align: center;
+    color: #ffffff;
+    line-height: 60px;
+}
+
+.infoBar{
+    background-color: #313131;
+    padding: 5px;
+    font-size: 13px;
+    color: #cacaca;
+    text-align: center;
+}
+
+.console {
+    position: fixed;
+    font-family: monospace,monospace;
+    color: #fff;
+    width: calc(100% - 3em);
+    max-width: 100%;
+    max-height: calc(100% - 3em);
+    margin: 1em 1em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 0.5em;
+    box-shadow: 0 0.75em 3em rgba(50, 50, 50, 0.5);
+    z-index: 100;
+    line-height: 1.5;
+    position: relative;
+    bottom: 45px;
+  }
+  
+  .console-input {
+    font-family: monospace,monospace;
+    background-color: transparent;
+    border: none;
+    outline: none;
+    color: rgb(31, 31, 31);
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    min-width: calc(100% - 2em);
+    resize: none;
+    background-color: #cacaca;
+    font-size: 13px;
+  }
+  
+  .console-input:before {
+    content: '> ';
+    color: #FC3565;
+    vertical-align: top;
+  }
+  
+  .output-cmd:before {
+    content: '> ';
+    color: #FC3565;
+    vertical-align: top;
+  }
+  .output-text:before {
+    content: '> ';
+    color: #5F8787;
+    font-weight: 600 !important;
+    vertical-align: top;
+  }
+  
+  .output-text,
+  .output-cmd {
+    width: 100%;
+    display: block;
+  }
+  
+  .console-inner {
+    padding: 0.3em 1.1em;
+  }
+  
+  .output-text,
+  .output-cmd {
+    display: block;
+    white-space: pre;
+  }
+  
+  #outputs div {
+    opacity: 0.85;
+  }
+  
+  #outputs div div {
+    color: #46f01d;
+    opacity: 0.8;
+    text-decoration: none;
+  }
+  
+  #outputs a {
+    color: #46f01d;
+    opacity: 0.8;
+    text-decoration: underline;
+  }
+  
+  .console-inner .output-text#ready {
+    color: #3df5b8;
+    font-style: italic;
+    opacity: 0.75;
+  }
+  
+  .particles-js-canvas-el {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 0;
+  }
+
+  .loginfoFile{
+    height:25px;
+}
+
+.separator{
+  color:lightgray;
+}
+
+.viewPasswordBox{
+  display: inline;
+  position: absolute;
+  top: 10px;
+  right: -251px;
+  background-color: lightgray;
+  width: 37px;
+  height: 37px;
+}
+.viewPasswordBox > i{
+  line-height: 38px;
+  font-size: 22px;
+}
+
+.error{
+  color:red !important;
+}
+
+.success{
+  color:rgb(15, 167, 15)!important;
+}
+
+.userIsAvailableBox{
+  display: inline;
+  position: absolute;
+  top: 10px;
+  right: -251px;
+  width: 37px;
+  height: 37px;
+}
+
+.userIsAvailableBox i{
+  color:gray;
+  line-height: 38px;
+  font-size: 22px;
+}
+
+.attachmentsContainer{
+  max-width:512px;
+  margin:0 auto;
+}
+
+.attachmentsContainer > a{
+  max-width:512px;
+  display: block;
+  text-align: center;
+  margin:0 auto;
+  text-decoration: none;
+}
+
+
+.tableClass{
+    table-layout: auto;
+    border-collapse: collapse;
+    text-align: center;
+    margin: 30px auto;
+}
+
+.tableClass td{
+  border:1px solid #9e8462;
+  padding:5px;
+  font-size:15px;
+  color:#cacaca;
+  text-align: center;
+  vertical-align: middle;
+}
+
+.tableClass td input{
+    width:20px;
+    height:20px;
+}
+
+::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
+    color: lightgray;
+    opacity: 1; /* Firefox */
+  }
+  
+  :-ms-input-placeholder { /* Internet Explorer 10-11 */
+    color: lightgray;
+  }
+  
+  ::-ms-input-placeholder { /* Microsoft Edge */
+    color: lightgray;
+  }
+
+  .tableContainer{
+      text-align: center;
+   }
+
+   .tableClass{
+    width:95%;
+   }
+
+   .tableClass tr{
+    border:1px solid #9e8462;
+   }
+
+  .tableClass tr:nth-child(1){
+    background-image: linear-gradient(#fff7ec, #9e8462);
+    /*background-color:#eeeeee;*/
+  }
+
+  .tableClass tr:nth-child(1) td{
+    color:black;
+    border:1px solid #9e8462;
+  }
+
+  .tableClass th{
+    color:black;
+    border:1px solid #9e8462;
+    padding:10px;
+    font-weight: normal;
+  }
+
+  .userProfileImage{
+      height:50px;
+      width:50px;
+      background-position: 0 0;
+      background-repeat: no-repeat;
+      background-size: 100%;
+      border-radius:25px;
+      text-align:center;
+  }
+
+  .switch {
+    position: relative;
+    display: inline-block;
+    width: 54px;
+    height: 25px;
+  }
+  
+  .switch input { 
+    opacity: 0;
+    width: 0;
+    height: 0;
+  }
+  
+  .slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    -webkit-transition: .4s;
+    transition: .4s;
+  }
+  
+  .slider:before {
+    position: absolute;
+    content: "";
+    height: 19px;
+    width: 20px;
+    left: 4px;
+    bottom: 3px;
+    background-color: white;
+    -webkit-transition: .4s;
+    transition: .4s;
+  }
+  
+  input:checked + .slider {
+    background-color: #9e8462;
+  }
+  
+  input:focus + .slider {
+    box-shadow: 0 0 1px #9e8462;
+  }
+  
+  input:checked + .slider:before {
+    -webkit-transform: translateX(26px);
+    -ms-transform: translateX(26px);
+    transform: translateX(26px);
+  }
+  
+  /* Rounded sliders */
+  .slider.round {
+    border-radius: 20px;
+  }
+  
+  .slider.round:before {
+    border-radius: 50%;
+  }
+
+.tableTitle{
+    margin: 15px;
+    text-transform: uppercase;
+    color: gray;
+}
+
+.gray{
+    color:lightgray;
+}
+
+.formRow:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {
+    border-bottom-color: #9e8462;
+    box-shadow: inset 0 -1px 0 0 #9e8462;
+}
+
+.tableClass > tbody > tr:nth-child(odd){
+    background-color: rgba(0, 0, 0, 0.3);
+}
+
+.tableClass > tbody > tr > td > input[type="checkbox"], 
+.tableClass > tbody > tr > td > input[type="radio"] {
+    -moz-appearance: auto;
+    -webkit-appearance: auto;
+    -ms-appearance: auto;
+    appearance: auto;
+    display: block;
+    float: none;
+    margin-right: 0;
+    opacity: 1;
+    width: 1.2em;
+    z-index: -1;
+    margin:0 auto;
+}
+
+.pageTitle {
+    font-size:25px;
+    text-align:center;
+    text-transform:uppercase;
+    margin-bottom:15px;
+    text-decoration: none
+}
+
+.tableInTable{
+    table-layout: auto;
+    border-collapse: collapse;
+    text-align: center;
+    margin:0;
+}
+
+.tableClass > tbody > tr{
+    border:1px solid #9e8462;
+    border-bottom: 5px solid #9e8462
+}
+
+.tableClass tr:nth-child(1){
+    border:1px solid #9e8462;
+}
+
+.tableClass tr:last-child{
+    border:1px solid #9e8462;
+}
+
+.tableInTable tr:nth-child(1){
+    /*background-image: linear-gradient(#fff7ec, #9e8462);*/
+    /*background-color:#eeeeee;*/
+    color:black;
+    border:1px solid #cacaca;
+}
+
+.tableInTable tr:nth-child(1) td{
+    color:black;
+    border:1px solid #cacaca;
+}
+
+.tableInTable > tr > th{
+    color:black;
+    border:1px solid #cacaca;
+    padding:10px;
+    font-size:14px;
+    font-weight: normal;
+    vertical-align: middle;
+    text-align: center;
+}
+
+.copyrightText{
+    font-size:13px;
+    background-color: rgb(5, 4, 4);
+    color:white;
+    text-align:center;
+    position:fixed;
+    bottom:0;
+    left:0;
+    right:0;
+  }

assets/css/noscript.css

@@ -0,0 +1,15 @@
+/*
+	Phantom by Pixelarity
+	pixelarity.com | hello@pixelarity.com
+	License: pixelarity.com/license
+*/
+
+/* Tiles */
+
+	body.is-preload .tiles article {
+		-moz-transform: none;
+		-webkit-transform: none;
+		-ms-transform: none;
+		transform: none;
+		opacity: 1;
+	}

assets/css/responsive.css

@@ -0,0 +1,95 @@
+/* Small devices (landscape phones, 320px and up) */
+@media (min-width: 320px) {
+    .totalPanelContainer, #totalPanel {
+        width: 100%;
+        max-width:440px;
+    }
+    
+    .bookingPhone, .bookingEmail, .bookingName{
+        margin: 0 1em;
+        width: 92%!important;
+        padding: 0;
+        max-width: 500px;
+    }
+
+    .totalPrice, .totalSelectedTime {
+        width: 100%;
+    }
+
+    .serviceTable {
+        width: 90%!important;
+    }    
+
+
+}
+
+/* Small devices (landscape phones, 375px and up) */
+@media (min-width: 375px) {
+    
+}
+
+/* Small devices (landscape phones, 576px and up) */
+@media (min-width: 576px) {
+    .totalPanelContainer {
+        width: 95%;
+    }
+}
+
+/* Medium devices (tablets, 768px and up) */
+@media (min-width: 768px) {
+    .serviceTable {
+        width: 90%!important;
+    }    
+
+    .bookingPhone, .bookingEmail, .bookingName{
+        width: 100%!important;
+        margin: 0 auto;
+    }
+
+    .g-recaptcha {
+        top: -30px;
+    }
+
+}
+
+/* Large devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+    #navPanel{
+        display:none;
+    }
+}
+
+/* Extra large devices (large desktops, 1200px and up) */
+@media (min-width: 1200px) {
+    
+      
+}
+
+/* Extra large devices (large desktops, 2000px and up) */
+@media (min-width: 2000px) {
+
+
+}
+
+/* Extra large devices (large desktops, 2500px and up) */
+@media (min-width: 2500px) {
+  
+}
+
+/* Extra large devices (large desktops, 3000px and up) */
+@media (min-width: 3500px) {
+
+}
+
+/* Extra large devices (large desktops, 4500px and up) */
+@media (min-width: 4500px) {
+
+}
+
+/* Extra large devices (large desktops, 5000px and up) */
+@media (min-width: 5000px) {
+  
+}
+
+
+

assets/css/style.css

@@ -0,0 +1,625 @@
+.steps-indicator {
+    right: 0;
+    bottom: 0;
+    left: 0;
+    margin: 0;
+    padding: 20px 0 0 0;
+    height: 30px;
+    list-style: none;
+}
+
+.steps-indicator li {
+    position: relative;
+    float: left;
+    margin: 0;
+    padding: 0;
+    padding-top: 10px;
+    text-align: center;
+    line-height: 15px;
+}
+
+.steps-indicator.steps-3 li {
+    width: calc(100%/3);
+}
+
+.steps-indicator li.current, .steps-indicator li.editing {
+    pointer-events: none;
+}
+
+.steps-indicator {
+    height: 100px;
+    position:relative;
+}
+
+.bookingContainer{
+    margin:0 auto;
+    margin-top: 115px;
+    display:inline-block;
+    width:700px;
+    position:relative;
+}
+
+.stepTitleContainer{
+	
+}
+
+.stepCircle{
+	height:20px;
+	width:20px;
+    margin:5px auto;
+    border-radius:15px;
+}
+
+.activeStep{
+    background-color:rgb(9, 94, 13);
+}
+
+.stepLine{
+    position:absolute;
+    top: 47%;
+    left: 50%;
+    right: -116px;
+    z-index: -100;
+    width: 100%;
+}
+
+.stepTitle{
+	text-align:center;
+	font-size:15px;
+}
+
+.bookingTitle{
+    font-size:20px;
+    text-align: center;
+    text-transform: uppercase;
+    margin-bottom:20px;
+}
+
+.bookingTable{
+    
+}
+
+.inner{
+    text-align: center;
+}
+
+.BookingStepContainer{
+    display:none;
+    position:relative;
+    min-height: 355px;
+    margin-bottom: 50px;
+}
+
+#bookingStep1{
+    display:block;
+}
+
+.bookingButtonContainer{
+    position: absolute;
+    bottom: 10px;
+    left: 10px;
+    right: 10px;
+    height: 45px;
+}
+
+.bookingButtonContainer button{
+    position: absolute;
+    padding: 15px;
+    height: auto;
+    background-color: lightgray;
+    line-height: 15px;
+}
+
+.leftButton{
+    left:0;
+}
+
+.rightButton{
+    right:0;
+}
+
+.bookingSubmit{
+    position: absolute;
+    padding: 15px!important;
+    height: auto!important;
+    line-height: 15px!important;
+    -moz-appearance: auto;
+    -webkit-appearance: auto;
+    -ms-appearance: auto;
+    appearance: auto;
+    position: absolute;
+    top: 0px;
+}
+
+.bookingButton{
+    position: absolute;
+    padding: 15px!important;
+    height: auto!important;
+    line-height: 15px!important;
+}
+
+#datepicker{
+    width: 300px;
+}
+
+.availableTimesContainerTitle{
+    
+}
+
+.bookingResultsWrapper{
+    display:none;
+}
+
+#bookingStep3 p{
+    margin: 0 0 1em 0;
+}
+
+.availableTimes{
+    margin-bottom: 70px;
+}
+
+.availableBookingTime{
+    padding:10px;
+    display:inline-block;
+    margin-right:10px;
+    margin-bottom:10px;
+    cursor:pointer;
+    width:60px;
+    height:46px;
+}
+
+.availableBookingTime span{
+    pointer-events: none;
+}
+
+#servicelength{
+    -moz-appearance: auto;
+    -webkit-appearance: auto;
+    -ms-appearance: auto;
+    appearance: auto;
+    display:none;
+}
+
+.serviceTable{
+	display: table;
+    width:90%;
+    border-collapse: collapse;
+    margin:10px auto;
+    margin-bottom:100px;
+}
+
+.serviceHeader{
+	display: table-row;
+    font-weight:bold;
+}
+
+.serviceRow{
+	display: table-row;
+}
+
+.serviceCol{
+    display: table-cell;
+    vertical-align: middle;
+    /*text-align: left;*/
+    text-align: center;
+}
+
+.serviceNameCol{
+    width:60%;
+    text-align: left;
+    vertical-align: middle;
+    padding-left: 5px;
+}
+
+.servicePriceCol{
+	width:20%;
+    text-align: right;
+}
+
+.serviceInfoCol{
+	width:5%;
+    padding-left: 10px;
+}
+
+.serviceCheckCol{
+	width:5%;
+}
+
+.serviceInfoIcon{
+	width: 25px;
+    height: 25px;
+    position: relative;
+    cursor: pointer;
+}
+
+.serviceInfoLabel{
+	position:absolute;
+    top: 8px;
+    right: 27px;
+    width:150px;
+    text-wrap: pretty;
+    border:1px solid gray;
+    border-radius:5px;
+    background-color: white;
+    box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
+    visibility: hidden;
+    cursor: pointer;
+    font-size:10px;
+    padding:5px;
+    line-height: normal;
+}
+
+.serviceInfoIcon .fa-info-circle{
+    pointer-events: none;
+    position:absolute;
+    top:0;
+    left:0;
+    font-size:25px;
+    cursor: pointer;
+    z-index: -50;
+}
+
+.serviceInfoIcon:hover .serviceInfoLabel{
+    visibility: visible;
+}
+
+
+.serviceCheckCol input[type="checkbox"]{
+	width:20px;
+    height:20px;
+    display:block;
+    opacity:1;
+    margin-left:5px;
+    -moz-appearance:auto;
+    -webkit-appearance: auto;
+    -ms-appearance: auto;
+    appearance: auto;
+    cursor:pointer;
+}
+
+.serviceCol h4{
+    margin-top:20px;
+    margin-bottom:0;
+    margin-left:5px;
+    letter-spacing: normal;
+}
+
+.workerTable{
+	display: block;
+    width: 430px;
+    margin:10px auto;
+    margin-bottom:100px;
+    height:85px;
+}
+
+.profileRow{
+	display: block;
+    height: 87px;
+    cursor: pointer;
+}
+
+.profileRadioBtn{
+	width: 35px;
+    height: 85px;
+}
+
+.profileCell{
+	display: inline-block;
+    float:left;
+    vertical-align: middle;
+    text-align: left;
+}
+
+.profileImage{
+	width: 75px;
+    height: 75px;
+    margin-top: 5px;
+    margin-left: 5px;
+    border-radius: 45px;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.profileImage img{
+	width:100%;
+}
+
+.profileRadioBtn input[type="radio"]{
+	-moz-appearance: auto;
+    -webkit-appearance: auto;
+    -ms-appearance: auto;
+    appearance: auto;
+	opacity: 1;
+	margin:0 auto;
+	line-height:85px;
+	cursor:pointer;
+	width: 20px;
+    height: 20px;
+    z-index: 100;
+    position: relative;
+    top: 30px;
+    left: 6px;
+}
+
+.profileName{
+	padding-left: 10px;
+    font-weight: bold;
+    text-align: left;
+    line-height: 85px;
+    font-size: 18px;
+}
+
+.profileDescription{
+	padding-left: 10px;
+    text-align: left;
+    max-width: 300px;
+    line-height: 18px;
+    display: -webkit-box;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.bookingHeader{
+	text-align:center;
+	margin:20px auto;
+}
+
+.totalPanelContainer{
+    position: fixed;
+    top: 100px;
+    right: 0;
+    width: 440px;
+    z-index: 300;
+}
+
+#totalPanel{
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
+    width: 440px;
+    display: none;
+    z-index: 100;
+}
+
+#totalPanelBtnContainer{
+    position:absolute;
+    right:0px;
+    top:0px;
+    bottom:0px;
+}
+
+#totalPanelBtn{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: 20px;
+    cursor: pointer;
+    min-height: 108px;
+    display:none;
+}
+
+#totalPanelBtn i{
+    color:white;
+    font-size:25px;
+    position:absolute;
+    left: 50%;
+    top:50%;
+    transform: translate(-50%, -50%);
+}
+
+.arrow-right {
+    width: 0;
+    height: 0;
+    border-top: 20px solid transparent;
+    border-bottom: 20px solid transparent;
+    border-left: 20px solid #1d2726;
+    position: absolute;
+    top: 5px;
+    right: -11px;
+    z-index: 200;
+  }
+
+.panel-heading{
+    font-size: 23px;
+    margin-top: 20px;
+}
+
+.selectedServiceTable{
+	display: table;
+    width: 100%;
+    border-collapse: collapse;
+    margin: 10px auto;
+    margin-bottom: 45px;
+    text-align: left;
+}
+
+.totalServiceRow{
+	display: table-row;
+}
+
+.totalSelectedServiceName{
+	padding-left: 10px;
+}
+
+.totalSelectedServicePrice{
+	display: table-cell;
+    vertical-align: middle;
+    text-align: left;
+}
+
+.selectedServiceCol{
+	
+}
+
+.serviceContent{
+	padding-right: 20px;
+}
+
+.totalPrice{
+    position: absolute;
+    left: 0;
+    bottom: 10px;
+    font-size: 20px;
+    font-weight: bold;
+    text-align: center;
+    text-align: right;
+    width: 100%;
+    padding-right: 30px;
+}
+
+.totalSelectedTime{
+    position: absolute;
+    left: 0;
+    bottom: 10px;
+    font-size: 20px;
+    font-weight: bold;
+    text-align: center;
+    text-align: Left;
+    width: 100%;
+    padding-left: 10px;
+}
+
+.totalPrice span{
+    margin:0 auto;
+}
+
+.totalSelectedServicePrice{
+    text-align: right;
+}
+
+.serviceTime{
+    display: none;
+}
+
+.totalTitle{
+    font-size: 15px;
+}
+
+.ui-datepicker-inline{
+    margin: 0 auto;
+}
+
+.bookingName, .bookingEmail, .bookingPhone{
+    height: 2.5em;
+    max-width: 500px;
+    margin: 0 auto;
+}
+
+.bookingEmailTitle, .bookingPhoneTitle{
+    margin-bottom:0;
+    margin-top:15px;
+}
+
+.bookingThankYouTitle{
+	margin-top:150px;
+	font-weight:bold;
+	font-size:20px;
+	color:#a5705b;
+	text-transform:uppercase;
+}
+
+.bookingThankYouMessageTitle{
+	
+}
+
+.bookingCalendar{
+    float:left;
+    margin-top: 10px;
+    margin-left: 10px;
+}
+
+.bookingResultsWrapper{
+    float: left;
+    width: 378px;
+    margin-left: 10px;
+    margin-top: 7px;
+}
+
+#bookingStep3{
+    min-height: 540px;
+}
+
+#serviceBookingDate{
+	font-size: 20px;
+    text-align: center;
+    padding: 10px;
+    font-weight: 500;
+    display:none;
+    padding: 10px 0px 0px 0px;
+}
+
+#serviceBookingTime{
+	font-size: 20px;
+    text-align: center;
+    padding: 10px;
+    font-weight: 500;
+    display:none;
+    padding: 10px 0px 0px 0px;
+}
+
+.serviceBookingprofileRowContainer{
+	
+}
+
+.serviceBookingprofileImage{
+	width: 60px;
+    height: 60px;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    float: left;
+    margin-right: 10px;
+    background-color: white;
+    border-radius: 45px;
+    margin-top: 5px;
+    margin-left: 5px;
+}
+
+.serviceBookingprofileName{
+	float: left;
+    font-size: 20px;
+    text-align: left;
+    height: 60px;
+    line-height: 65px;
+    margin-top: 5px;
+}
+
+.serviceBookingWorkerContainer{
+    display:none;
+    height:85px;
+}
+
+.selectedTime{
+    background-color:#a5705b;
+    color:white;
+}
+
+#bookingStep4{
+    min-height:460px;
+}
+
+.g-recaptcha{
+    position: absolute;
+    top: -95px;
+    left: 50%;
+    transform: translate(-50%, 0);
+}
+
+.prices-category h4{
+    margin-bottom:0px;
+    font-size:1.28em;
+    letter-spacing: normal;
+}
+
+.prices-category h4 > p{
+    margin-bottom:0px;
+    font-size:0.8em!important;
+    font-weight: normal;
+}
+
+.prices-category{
+    margin-bottom:0px;
+}

assets/css/style_20250312.css

@@ -0,0 +1,607 @@
+.steps-indicator {
+    right: 0;
+    bottom: 0;
+    left: 0;
+    margin: 0;
+    padding: 20px 0 0 0;
+    height: 30px;
+    list-style: none;
+}
+
+.steps-indicator li {
+    position: relative;
+    float: left;
+    margin: 0;
+    padding: 0;
+    padding-top: 10px;
+    text-align: center;
+    line-height: 15px;
+}
+
+.steps-indicator.steps-3 li {
+    width: calc(100%/3);
+}
+
+.steps-indicator li.current, .steps-indicator li.editing {
+    pointer-events: none;
+}
+
+.steps-indicator {
+    height: 100px;
+    position:relative;
+}
+
+.bookingContainer{
+    margin:0 auto;
+    margin-top: 115px;
+    display:inline-block;
+    width:700px;
+    position:relative;
+}
+
+.stepTitleContainer{
+	
+}
+
+.stepCircle{
+	height:20px;
+	width:20px;
+    margin:5px auto;
+    border-radius:15px;
+}
+
+.activeStep{
+    background-color:rgb(9, 94, 13);
+}
+
+.stepLine{
+    position:absolute;
+    top: 47%;
+    left: 50%;
+    right: -116px;
+    z-index: -100;
+    width: 100%;
+}
+
+.stepTitle{
+	text-align:center;
+	font-size:15px;
+}
+
+.bookingTitle{
+    font-size:20px;
+    text-align: center;
+    text-transform: uppercase;
+    margin-bottom:20px;
+}
+
+.bookingTable{
+    
+}
+
+.inner{
+    text-align: center;
+}
+
+.BookingStepContainer{
+    display:none;
+    position:relative;
+    min-height: 355px;
+    margin-bottom: 50px;
+}
+
+#bookingStep1{
+    display:block;
+}
+
+.bookingButtonContainer{
+    position: absolute;
+    bottom: 10px;
+    left: 10px;
+    right: 10px;
+    height: 45px;
+}
+
+.bookingButtonContainer button{
+    position: absolute;
+    padding: 15px;
+    height: auto;
+    background-color: lightgray;
+    line-height: 15px;
+}
+
+.leftButton{
+    left:0;
+}
+
+.rightButton{
+    right:0;
+}
+
+.bookingSubmit{
+    position: absolute;
+    padding: 15px!important;
+    height: auto!important;
+    line-height: 15px!important;
+    -moz-appearance: auto;
+    -webkit-appearance: auto;
+    -ms-appearance: auto;
+    appearance: auto;
+    position: absolute;
+    top: 0px;
+}
+
+.bookingButton{
+    position: absolute;
+    padding: 15px!important;
+    height: auto!important;
+    line-height: 15px!important;
+}
+
+#datepicker{
+    width: 300px;
+}
+
+.availableTimesContainerTitle{
+    
+}
+
+.bookingResultsWrapper{
+    display:none;
+}
+
+#bookingStep3 p{
+    margin: 0 0 1em 0;
+}
+
+.availableTimes{
+    margin-bottom: 70px;
+}
+
+.availableBookingTime{
+    padding:10px;
+    display:inline-block;
+    margin-right:10px;
+    margin-bottom:10px;
+    cursor:pointer;
+    width:60px;
+    height:46px;
+}
+
+.availableBookingTime span{
+    pointer-events: none;
+}
+
+#servicelength{
+    -moz-appearance: auto;
+    -webkit-appearance: auto;
+    -ms-appearance: auto;
+    appearance: auto;
+    display:none;
+}
+
+.serviceTable{
+	display: table;
+    width:90%;
+    border-collapse: collapse;
+    margin:10px auto;
+    margin-bottom:100px;
+}
+
+.serviceHeader{
+	display: table-row;
+    font-weight:bold;
+}
+
+.serviceRow{
+	display: table-row;
+}
+
+.serviceCol{
+    display: table-cell;
+    vertical-align: middle;
+    text-align: left;
+}
+
+.serviceNameCol{
+    width:60%;
+    text-align: left;
+    vertical-align: middle;
+    padding-left: 5px;
+}
+
+.servicePriceCol{
+	width:20%;
+    text-align: right;
+}
+
+.serviceInfoCol{
+	width:5%;
+    padding-left: 10px;
+}
+
+.serviceCheckCol{
+	width:5%;
+}
+
+.serviceInfoIcon{
+	width: 25px;
+    height: 25px;
+    position: relative;
+    cursor: pointer;
+}
+
+.serviceInfoLabel{
+	position:absolute;
+    top: 8px;
+    right: 27px;
+    width:150px;
+    text-wrap: pretty;
+    border:1px solid gray;
+    border-radius:5px;
+    background-color: white;
+    box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
+    visibility: hidden;
+    cursor: pointer;
+    font-size:10px;
+    padding:5px;
+    line-height: normal;
+}
+
+.serviceInfoIcon .fa-info-circle{
+    pointer-events: none;
+    position:absolute;
+    top:0;
+    left:0;
+    font-size:25px;
+    cursor: pointer;
+    z-index: -50;
+}
+
+.serviceInfoIcon:hover .serviceInfoLabel{
+    visibility: visible;
+}
+
+
+.serviceCheckCol input[type="checkbox"]{
+	width:20px;
+    height:20px;
+    display:block;
+    opacity:1;
+    margin-left:5px;
+    -moz-appearance:auto;
+    -webkit-appearance: auto;
+    -ms-appearance: auto;
+    appearance: auto;
+    cursor:pointer;
+}
+
+.serviceCol h4{
+    margin-top:10px;
+    margin-bottom:0;
+    margin-left:5px;
+}
+
+.workerTable{
+	display: block;
+    width: 430px;
+    margin:10px auto;
+    margin-bottom:100px;
+    height:85px;
+}
+
+.profileRow{
+	display: block;
+    height: 87px;
+    cursor: pointer;
+}
+
+.profileRadioBtn{
+	width: 35px;
+    height: 85px;
+}
+
+.profileCell{
+	display: inline-block;
+    float:left;
+    vertical-align: middle;
+    text-align: left;
+}
+
+.profileImage{
+	width: 75px;
+    height: 75px;
+    margin-top: 5px;
+    margin-left: 5px;
+    border-radius: 45px;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.profileImage img{
+	width:100%;
+}
+
+.profileRadioBtn input[type="radio"]{
+	-moz-appearance: auto;
+    -webkit-appearance: auto;
+    -ms-appearance: auto;
+    appearance: auto;
+	opacity: 1;
+	margin:0 auto;
+	line-height:85px;
+	cursor:pointer;
+	width: 20px;
+    height: 20px;
+    z-index: 100;
+    position: relative;
+    top: 30px;
+    left: 6px;
+}
+
+.profileName{
+	padding-left: 10px;
+    font-weight: bold;
+    text-align: left;
+    line-height: 85px;
+    font-size: 18px;
+}
+
+.profileDescription{
+	padding-left: 10px;
+    text-align: left;
+    max-width: 300px;
+    line-height: 18px;
+    display: -webkit-box;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.bookingHeader{
+	text-align:center;
+	margin:20px auto;
+}
+
+.totalPanelContainer{
+    position: fixed;
+    top: 100px;
+    right: 0;
+    width: 440px;
+    z-index: 300;
+}
+
+#totalPanel{
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
+    width: 440px;
+    display: none;
+    z-index: 100;
+}
+
+#totalPanelBtnContainer{
+    position:absolute;
+    right:0px;
+    top:0px;
+    bottom:0px;
+}
+
+#totalPanelBtn{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: 20px;
+    cursor: pointer;
+    min-height: 108px;
+    display:none;
+}
+
+#totalPanelBtn i{
+    color:white;
+    font-size:25px;
+    position:absolute;
+    left: 50%;
+    top:50%;
+    transform: translate(-50%, -50%);
+}
+
+.arrow-right {
+    width: 0;
+    height: 0;
+    border-top: 20px solid transparent;
+    border-bottom: 20px solid transparent;
+    border-left: 20px solid #1d2726;
+    position: absolute;
+    top: 5px;
+    right: -11px;
+    z-index: 200;
+  }
+
+.panel-heading{
+    font-size: 23px;
+    margin-top: 20px;
+}
+
+.selectedServiceTable{
+	display: table;
+    width: 100%;
+    border-collapse: collapse;
+    margin: 10px auto;
+    margin-bottom: 45px;
+    text-align: left;
+}
+
+.totalServiceRow{
+	display: table-row;
+}
+
+.totalSelectedServiceName{
+	padding-left: 10px;
+}
+
+.totalSelectedServicePrice{
+	display: table-cell;
+    vertical-align: middle;
+    text-align: left;
+}
+
+.selectedServiceCol{
+	
+}
+
+.serviceContent{
+	padding-right: 20px;
+}
+
+.totalPrice{
+    position: absolute;
+    left: 0;
+    bottom: 10px;
+    font-size: 20px;
+    font-weight: bold;
+    text-align: center;
+    text-align: right;
+    width: 100%;
+    padding-right: 30px;
+}
+
+.totalSelectedTime{
+    position: absolute;
+    left: 0;
+    bottom: 10px;
+    font-size: 20px;
+    font-weight: bold;
+    text-align: center;
+    text-align: Left;
+    width: 100%;
+    padding-left: 10px;
+}
+
+.totalPrice span{
+    margin:0 auto;
+}
+
+.totalSelectedServicePrice{
+    text-align: right;
+}
+
+.serviceTime{
+    display: none;
+}
+
+.totalTitle{
+    font-size: 15px;
+}
+
+.ui-datepicker-inline{
+    margin: 0 auto;
+}
+
+.bookingName, .bookingEmail, .bookingPhone{
+    height: 2.5em;
+    max-width: 500px;
+    margin: 0 auto;
+}
+
+.bookingEmailTitle, .bookingPhoneTitle{
+    margin-bottom:0;
+    margin-top:15px;
+}
+
+.bookingThankYouTitle{
+	margin-top:150px;
+	font-weight:bold;
+	font-size:20px;
+	color:#a5705b;
+	text-transform:uppercase;
+}
+
+.bookingThankYouMessageTitle{
+	
+}
+
+.bookingCalendar{
+    float:left;
+    margin-top: 10px;
+    margin-left: 10px;
+}
+
+.bookingResultsWrapper{
+    float: left;
+    width: 378px;
+    margin-left: 10px;
+    margin-top: 7px;
+}
+
+#bookingStep3{
+    min-height: 540px;
+}
+
+#serviceBookingDate{
+	font-size: 20px;
+    text-align: center;
+    padding: 10px;
+    font-weight: 500;
+    display:none;
+    padding: 10px 0px 0px 0px;
+}
+
+#serviceBookingTime{
+	font-size: 20px;
+    text-align: center;
+    padding: 10px;
+    font-weight: 500;
+    display:none;
+    padding: 10px 0px 0px 0px;
+}
+
+.serviceBookingprofileRowContainer{
+	
+}
+
+.serviceBookingprofileImage{
+	width: 60px;
+    height: 60px;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    float: left;
+    margin-right: 10px;
+    background-color: white;
+    border-radius: 45px;
+    margin-top: 5px;
+    margin-left: 5px;
+}
+
+.serviceBookingprofileName{
+	float: left;
+    font-size: 20px;
+    text-align: left;
+    height: 60px;
+    line-height: 65px;
+    margin-top: 5px;
+}
+
+.serviceBookingWorkerContainer{
+    display:none;
+    height:85px;
+}
+
+.selectedTime{
+    background-color:#a5705b;
+    color:white;
+}
+
+#bookingStep4{
+    min-height:460px;
+}
+
+.g-recaptcha{
+    position: absolute;
+    top: -95px;
+    left: 50%;
+    transform: translate(-50%, 0);
+}

assets/img/archive/logo.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="149.167px" height="172.243px" viewBox="0 0 149.167 172.243" enable-background="new 0 0 149.167 172.243"
+	 xml:space="preserve">
+<polygon fill="#585858" points="149.167,129.183 74.583,172.243 0,129.183 0,43.061 74.583,0 149.167,43.061 "/>
+<path fill="#FFFFFF" d="M41.88,84.75l25.09,26.783L54.889,84.75H41.88z M74.583,115.841L88.64,84.75H60.527L74.583,115.841z
+	 M55.009,79.594l8.217-15.466H52.673l-11.6,15.466H55.009z M82.196,111.533l25.091-26.783h-13.01L82.196,111.533z M60.849,79.594
+	h27.469l-8.217-15.466H69.065L60.849,79.594z M94.157,79.594h13.936L96.494,64.128H85.942L94.157,79.594z M99.835,60.02
+	l15.467,20.621c0.376,0.483,0.55,1.04,0.523,1.671c-0.027,0.632-0.257,1.174-0.686,1.632l-38.664,41.243
+	c-0.483,0.536-1.113,0.804-1.893,0.804c-0.778,0-1.408-0.268-1.892-0.804L34.026,83.944c-0.429-0.457-0.658-1-0.685-1.632
+	c-0.027-0.631,0.147-1.188,0.523-1.671L49.331,60.02c0.484-0.699,1.168-1.047,2.054-1.047h46.398
+	C98.667,58.973,99.353,59.322,99.835,60.02z"/>
+</svg>