/* compiled by scssphp v0.6.7 on Fri, 03 Apr 2026 05:52:07 +0100 (0.2909s) */

* {
  z-index: 1; }

body {
  position: relative; }

z header {
  padding: 10px 0;
  width: 100%; }
  z header.double_height_logo #header_logo {
    height: 80px; }
    z header.double_height_logo nav {
      margin-top: 20px; }
    z header.double_height_logo #responsive_nav_icon, z header.double_height_logo #close_responsive_nav_icon {
      margin-top: 18px; }
    z header.double_height_logo .dropdown {
      margin-top: 22px; }
    z header.double_height_logo ~ #signup_picture_background {
      top: 100px; }
    z header.double_height_logo ~ #dashboard_container {
      padding-top: 144px; }

footer {
  clear: both;
  position: relative;
  padding: 20px 10px 20px 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center; }

footer:after {
  position: absolute;
  top: 100%;
  left: 0;
  content: "";
  height: 8px;
  display: block;
  background-image: linear-gradient(to right top, #049dfc, #00aaf3, #00b3e0, #00b9c6, #00bcac, #27bfa6, #3cc19f, #4dc399, #46c8a5, #3eccb0, #36d1bc, #2fd5c8);
  z-index: 99999;
  width: 100%; }

footer div, footer nav {
  display: inline-block; }

.header_wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 0 10px 0 10px; }

header .dropdown {
  margin-top: 2px; }
/*.dropdown-header, .dropdown-menu > li > a
 {
 padding: 3px 20px;
 font-weight: 400;
 text-decoration: none;
 }*/
.height30 {
  width: auto;
  height: 30px; }

.top-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  position: relative;
  text-align: center;
  background-color: #0c72d0;
  color: var(--white);
  align-items: center;
  justify-content: space-between; }

.top-container .top_banner {
  width: 50%;
  text-align: center;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center; }

.top-container .top_banner a {
  color: var(--white);
  text-decoration: underline; }

.top-container .top_banner span {
  color: var(--white); }

.top_banner .hide_banner {
  padding: 0 10px 0 0;
  font-size: 20px;
  font-weight: bold; }

.top-container .goog-te-gadget {
  color: black;
  height: 30px;
  overflow: hidden; }

.top-container .goog-te-gadget .goog-te-combo {
  margin: 4px 0;
  background-color: #0c72d0;
  color: var(--white);
  border: 1px solid #fff;
  border-radius: 8px;
  cursor: pointer;
  overflow-y: hidden;
  -webkit-appearance: none;
  padding-left: 10px;
  font-size: 16px;
  width: 142px; }

.top-container .goog-te-gadget .goog-te-combo::-webkit-scrollbar {
  display: none; }

.top_banner_icon {
  float: right;
  text-align: center;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: right; }

.dropdown-toggle:after {
  display: none; }

.wrapper {
  width: 100%;
  padding-top: 40px;
  margin-left: auto;
  margin-right: auto; }

.wrapper_background {
  position: relative;
  background-image: url(/move_planner/includes/images/icons/Map_BG_n.png); }
  .wrapper_background::before {
    content: "";
    background-image: url(/move_planner/includes/images/icons/White-Ovelay.png);
    position: absolute;
    inset-inline: 0;
    inset-block: 0;
    width: 100%;
    height: 100%; }

.move_planner_hero_banner {
  background-image: url(/move_planner/includes/images/icons/Move_Planner_n.jpeg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
  position: relative; }
  .move_planner_hero_banner::before {
    content: "";
    background-image: url(/move_planner/includes/images/icons/background_black.png);
    position: absolute;
    inset-inline: 0;
    inset-block: 0;
    width: 100%;
    height: 100%; }

#logout_nav_button {
  display: none; }

#signup_popup_container {
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8); }

#signup_popup {
  z-index: 100;
  width: 480px;
  height: 160px;
  margin-top: 240px;
  margin-left: auto;
  margin-right: auto; }

.home_banner {
  padding: 10px; }

.banner_box {
  width: 1000px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  background: transparent; }

.hero_banner_color {
  color: white !important; }

.hero_paragraph {
  font-size: 20px !important;
  font-weight: 600;
  margin-bottom: 24px; }

.hero_returning {
  padding-left: 25px; }

#button_padding {
  padding: 16px; }

.signup_container {
  display: flex;
  justify-content: center;
  margin: 0px 60px;
  padding-bottom: 40px; }

.faqs_container {
  float: left;
  margin-left: 75px;
  padding-bottom: 20px; }

.planner_container, .table_options_container {
  float: right; }

.table_options_container {
  display: inline-flex;
  margin-left: 20px; }

.signup {
  padding-bottom: 10px; }

.planner_container {
  margin-right: 200px;
  padding-bottom: 20px; }

.location_container {
  margin: 10px 0 30px 0; }

.tasks_container {
  margin: 0 60px;
  padding-bottom: 40px;
  overflow: auto; }

.paging_container, .table_options_container {
  margin-top: 40px; }

.login, .forgot_password, #signup_login, #new_user_registration, #new_task_registration, #edit_task_submit, #save_edit_move {
  margin-top: 20px; }

.login, .logout, .forgot_password, .signup, #new_task_registration, #edit_task_submit {
  margin-left: 60px; }

#signup_login {
  display: block;
  margin-left: 0; }

#help_container {
  padding: 10px 10px;
  background-image: url("/front_end/includes/images/footer/help_desk_background.png"); }

#help_container h2 {
  margin: 20px 0px;
  color: white; }

#help_container p {
  color: white; }

#copyright_container {
  padding: 30px 20px 20px 20px; }

#planner_info_container {
  width: 750px;
  display: flex;
  justify-content: center;
  margin: 0 auto 30px auto;
  box-sizing: border-box; }

.feature {
  display: flex;
  width: 425px;
  padding: 20px;
  text-align: center;
  height: 160px;
  box-sizing: initial;
  font-weight: 600; }

.feature p {
  margin-left: 30px;
  font-size: 18px;
  text-align: left;
  color: black; }

.feature img {
  height: 100px;
  margin-bottom: 0px; }

.white_transparent_background {
  padding: 16px; }

#features_container {
  width: 1125px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

#features_container .left {
  margin-left: 50px; }

#features_container .right {
  margin-right: 50px; }

.feature:last-of-type {
  margin-left: auto;
  margin-right: auto;
  height: auto; }

.move_details_form {
  width: 700px;
  max-width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  box-sizing: border-box;
  z-index: 0;
  position: relative; }

#login_form, #forgot_password_form, #change_password_form {
  width: 500px;
  margin-left: auto;
  margin-right: auto; }

#signup_form #personal_details, #save_move_form, #move_details {
  padding: 20px 30px; }

#signup_form #personal_details div, #save_move_form #move_details div {
  margin-bottom: 20px;
  box-sizing: border-box; }

#signup_form #personal_details #email_container {
  margin-bottom: 8px; }

#signup_form #personal_details #email_error, #signup_form #personal_details #password_error, #signup_form #personal_details .date-dropdowns, #signup_form #personal_details div:last-of-type {
  margin-bottom: 0px; }

#signup_form p {
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5em; }

.submit_container {
  margin: 0 30px; }

.submit_container input {
  box-sizing: border-box;
  width: 100%; }

#personalise_box {
  padding: 10px 30px; }

.note {
  font-style: italic;
  text-indent: -35px;
  margin-left: 35px !important; }

.topic_selection {
  padding: 0px 30px; }

.topic_selection {
  margin-top: 20px; }

.topic_selection div div {
  margin-bottom: 8px; }

.topic_selection div div:last-of-type, .topic_selection p {
  margin-bottom: 0px; }

.move_date_container .month {
  width: 43%;
  margin-right: 2%; }

.move_date_container .day {
  width: 26%;
  margin-right: 2%; }

.move_date_container .year {
  width: 27%; }

.tasks_checklist {
  margin: 20px 0px; }

.tasks_checklist div {
  box-sizing: border-box; }

.tasks_checklist div div {
  text-indent: -30px !important;
  margin-left: 30px !important; }

.form_fail {
  margin-top: 20px;
  margin-bottom: 20px; }

.signup_message {
  width: 700px;
  max-width: 90%;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  box-sizing: border-box; }

.signup_message p {
  text-align: center; }

.heading_container {
  width: 700px;
  max-width: 90%;
  margin: 0px auto 40px auto;
  display: flex;
  align-items: center; }

.heading_container h1 {
  margin-left: 20px; }

#save_move_form #move_details .move_destination_container {
  margin-bottom: 0px; }

.move_details_form h1 {
  margin-top: 20px; }

.datatable_wrapper {
  clear: both;
  overflow: auto; }

.login_picture_background {
  padding-top: 10px;
  padding-bottom: 50px; }

.login_fields {
  width: 320px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.read_more_popup .modal-dialog {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }

.read_more_popup .modal-body {
  max-height: 450px;
  overflow-y: auto; }

.read_more_popup p, .read_more_popup ul {
  margin-top: 20px;
  margin-bottom: 20px; }

#move_planner_container .dt-buttons {
  width: auto; }
/* Custom Disclaimer */
.custom_disclaimer_modal.fancybox-is-open .fancybox-bg {
  opacity: 0.5; }
  .custom_disclaimer_modal #custom_disclaimer {
    max-width: 600px; }
    .custom_disclaimer_modal #custom_disclaimer p {
      margin: 20px 0;
      font-size: 16px;
      line-height: 1.4; }

#tasks_table td.action {
  display: flex; }

#tasks_table td.action a {
  padding: 0 5px; }

.modal-body::-webkit-scrollbar {
  display: none; }

.modal-body {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

#tasks_table td.action {
  display: flex; }

#tasks_table td.action a {
  padding: 0 5px; }

.modal::-webkit-scrollbar {
  display: none; }

@media screen and (max-width: 768px) {
  .feature {
    display: flex;
    flex-direction: column;
    width: auto; }

  #home_banner_login_button {
    padding: 16px 34px !important; }

  #home_banner_signup_button {
    padding: 16px 14px !important; }

  .feature img {
    margin: auto; }

  .banner_box {
    max-width: 100%; }

  .mobile_footer {
    display: flex;
    flex-direction: column; }

  .move_planner_hero_banner {
    height: 450px;
    z-index: -1; }

  header {
    padding: 10px; } }