/**
 * importer.less
 *
 * By default, new Sails projects are configured to compile this file
 * from LESS to CSS.  Unlike CSS files, LESS files are not compiled and
 * included automatically unless they are imported below.
 *
 * For more information see:
 *   https://sailsjs.com/anatomy/assets/styles/importer-less
 */
.max-height-500 {
  max-height: 500px;
}
.align-center {
  text-align: center;
}
.logo-image {
  height: 40px;
}
.no-weight {
  font-weight: 500 !important;
}
.strong {
  font-weight: bold;
}
.navbar-default {
  background: url("../templates/government-assets/_nav_bar_texture.png");
  background-size: cover;
}
.topbar .topbar-left {
  background: url("../templates/government-assets/_nav_bar_texture.png");
  height: 65px;
}
.full-width-container {
  padding-left: 0px;
  padding-right: 0px;
}
.icon-img {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.kyc-approved-header {
  position: absolute;
  display: none;
  top: 12px;
  right: 20px;
}
.kyc-approved-header .kyc-approved {
  border-radius: 50%;
  border: solid 1px #1D9BF0;
  color: #fff;
  font-size: 10px;
  padding: 2px;
  background-color: #1D9BF0;
}
.page {
  min-height: 690px;
  padding-top: 20px;
}
.page h1 {
  padding: 10px 0px 10px 10px;
}
.page .search-form {
  text-align: right;
}
.page .search-form button {
  margin-left: 10px;
}
.page table .action-column {
  width: 70px;
}
.page table .action-column-big {
  width: 100px !important;
}
.page table .action-column-bigger {
  width: 120px !important;
}
.page table .action-icon {
  text-align: center;
}
.page table .action-icon a {
  margin-right: 10px;
}
.page table .action-icon a.delete-action {
  color: red;
}
.banner-section {
  position: relative;
  background-color: #fff;
  padding: 330px 0px 285px 0px;
}
.form-button a,
.form-button button {
  margin-right: 10px;
  margin-top: 15px;
}
.dashboard-content-page {
  margin-left: 20px;
  overflow: hidden;
}
.dashboard-content {
  margin-bottom: 60px;
  margin-top: 90px;
  padding: 20px 5px 15px 5px;
}
.image-con-height {
  height: 250px;
  overflow: hidden;
}
.media-image {
  height: 200px;
  width: 100%;
  background-color: #f5f5f5;
}
.img-scale {
  height: auto;
  max-height: 200px;
  width: auto;
  max-width: 100%;
}
.media-action {
  padding-top: 10px;
}
a.delete-media {
  color: red;
}
.port {
  margin-bottom: 30px;
}
.choose-img-scale {
  height: auto;
  max-height: 100px;
  width: auto;
  max-width: 100%;
  cursor: pointer;
}
.image-container {
  height: 120px;
  width: 100%;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  background-color: #f5f5f5;
}
.m-t-15 {
  margin-top: 15px;
}
#choosen_image {
  background-color: #ddd;
  height: 34px;
  width: auto;
}
.full-height {
  background-repeat: no-repeat;
  height: 165px;
  background-position-y: -50px;
}
.full-height form h2 {
  padding-top: 100px;
}
.form-horizontal .control-label {
  text-align: left;
}
form textarea {
  min-height: 150px;
}
html,
body {
  height: auto;
}
@media only screen and (max-width: 760px) {
  .determine-mobile {
    display: none;
  }
}
.apps-download {
  margin-bottom: 50px;
}
.d-none {
  display: none;
}
.no-link {
  cursor: default;
}
.left.side-menu .balance p:hover {
  text-decoration: underline;
}
/* Overwrite base template */
.logo img {
  max-width: 300px;
}
.logo.left-align {
  text-align: left;
}
.logo.logged-top-bar img {
  max-width: 260px;
  padding-bottom: 5px;
}
.modal-backdrop.in {
  opacity: 0.9;
}
.topbar #list-group {
  height: 200px;
  overflow-y: auto;
}
.topbar #list-group .notification-mark-read {
  white-space: pre-wrap;
  padding: 5px 20px;
}
.topbar .topbar-left > div {
  text-align: left;
  padding-left: 20px;
}
.topbar .top-menu-icon {
  margin-top: 15px;
}
.topbar ul.navbar-nav a {
  padding-top: 20px;
}
.topbar ul.navbar-nav a img {
  height: 30px;
  margin-right: 10px;
  margin-top: 3px;
  float: left;
}
.topbar ul.navbar-nav a .top-bar-items-con {
  float: left;
}
.topbar ul.navbar-nav a .top-bar-items-con span {
  display: block;
  line-height: normal;
}
.topbar ul.navbar-nav a .user-icon {
  background-color: #646464;
  border-radius: 50%;
  margin-left: 10px;
  background-size: cover;
  height: 30px;
  width: 30px;
}
.topbar ul.navbar-nav a .user-section {
  text-align: center;
  margin-left: 10px;
}
.topbar .second-top-bar {
  background-color: #593D4A;
  height: 40px;
}
.topbar .second-top-bar .inner-element-con {
  padding-top: 9px;
  padding-left: 10px;
}
.topbar .second-top-bar img {
  height: 20px;
  margin-right: 10px;
}
.topbar .second-top-bar span {
  color: #fff;
  font-size: 14px;
  display: inline-block;
}
.topbar .second-top-bar a {
  margin-right: 35px;
}
.left.side-menu li img {
  float: left;
}
.left.side-menu li a span {
  float: left;
  display: block;
}
.left.side-menu li a span:nth-child(2) {
  width: 70%;
}
.left.side-menu li a span:nth-child(3) {
  margin-left: 5px;
}
.left.side-menu #sidebar-menu > ul > li:first-child > a {
  padding-top: 25px;
}
/* overwrite navigation css */
body.fixed-left .side-menu.left {
  margin-top: 35px;
}
.content-page > .content {
  margin-top: 105px;
  padding: 0px;
}
@media (max-width: 767px) {
  .content-page > .content {
    margin-top: 70px;
    padding: 0px;
  }
  .topbar ul.navbar-nav a {
    padding-top: 0px;
  }
  body.fixed-left .side-menu.left {
    margin-top: 0px;
  }
  .logo.logged-top-bar img {
    max-width: 40px;
  }
}
.settings-page .form-group {
  padding-left: 100px;
}
.footer-main {
  position: relative !important;
  bottom: 0;
  width: 100%;
}
.footer-main .container {
  margin-top: 100px;
}
.footer-main .footer-logo img {
  width: 180px;
}
.footer-main .social-links {
  margin-bottom: 10px;
}
.sticky-header .navigation_header {
  margin-left: 50px !important;
  margin-right: 0px !important;
  max-width: 1400px !important;
}
.sticky-header .navigation_header .logo-box .logo {
  padding: 30px 0px 30px 0px;
}
.sticky-header .navigation_header .logo-box img {
  height: 40px;
}
.sticky-header .navigation_header .menu-area {
  margin-left: 50px;
}
.header {
  background: transparent;
}
.header .topBg {
  padding-top: 20px;
  background: transparent;
}
@media (max-width: 767px) {
  .header .topBg .colA {
    position: absolute;
    margin-top: 20px;
  }
  .emblem-container .emblem-image {
    max-height: 200px;
  }
  .emblem-container h2 {
    text-align: center;
    margin-bottom: 50px;
  }
  .emblem-container .home-links a {
    width: 100%;
    text-align: center;
    margin-right: 0px;
    display: inline-block;
    margin-bottom: 5px;
  }
}
.autheBox a {
  color: var(--orange);
}
.resend-signup-otp {
  color: #fff;
}
.resend-signup-otp:hover {
  text-decoration: none;
  color: #fff;
}
.dashboard-page .banner-con {
  width: 100%;
  position: relative;
}
.dashboard-page .banner-con img {
  width: 100%;
}
.dashboard-page .banner-con .right-text {
  text-align: right;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.dashboard-page .banner-con .right-text .text-con {
  color: #fff;
  font-size: 25px;
}
.dashboard-page .banner-con .right-text .text-con .bold {
  font-weight: bold;
}
.dashboard-page .banner-con .right-text .buy-button {
  background-color: #372030;
  border-radius: 7px;
  width: 120px;
  font-size: 15px;
  text-align: center;
  padding: 3px 5px;
  color: #DEC674;
  margin-left: auto;
  margin-top: 5px;
  font-weight: bold;
}
.dashboard-page .welcome-message .container {
  text-align: center;
}
.dashboard-page .welcome-message .container h2 {
  color: #36111d;
}
.dashboard-page .welcome-message .link-container {
  margin-top: 20px;
  text-align: center;
}
.dashboard-page .welcome-message .link-container .link-item {
  display: inline;
}
.dashboard-page .welcome-message .link-container .link-item div {
  color: #626262;
}
.dashboard-page .welcome-message .link-container .link-item a {
  background-color: #E5E5E5;
  border: none;
  padding: 6px 10px;
}
.dashboard-page .welcome-message .link-container .dashboard-link {
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px 10px;
  margin-right: 20px;
  display: inline-block;
}
.dashboard-page .welcome-message .link-container .dashboard-link:hover {
  box-shadow: 5px 5px #888888;
}
.dashboard-page .welcome-message .link-container a {
  color: #000;
}
.dashboard-page .welcome-message .link-container a:hover {
  text-decoration: none;
  color: #000;
}
.dashboard-page .quick-link-con {
  margin-top: 0px;
  padding: 20px;
}
.dashboard-page .quick-link-con .quick-link-item {
  height: 300px;
  background-color: #fff;
  border: solid 1px #593D4A;
  border-radius: 5px;
}
.dashboard-page .quick-link-con .quick-link-item .top-text {
  position: absolute;
  left: 40px;
  background-color: #593D4A;
  color: #fff;
  padding: 2px 30px;
  border-radius: 0px 0px 5px 5px;
}
.dashboard-page .quick-link-con .quick-link-item .main-text {
  padding: 50px 20px 30px 20px;
  text-align: center;
  font-size: 35px;
}
.dashboard-page .quick-link-con .quick-link-item .main-text-image {
  padding: 0px 20px 15px 20px;
  text-align: center;
  font-size: 35px;
}
.dashboard-page .quick-link-con .quick-link-item .button-con {
  text-align: center;
}
.dashboard-page .quick-link-con .quick-link-item .button-con .btn {
  min-width: 25%;
}
.dashboard-page .quick-link-con .quick-link-item .bottom-text {
  text-align: center;
  margin-top: 8px;
  font-size: 15px;
}
.dashboard-page .quick-link-con .quick-link-item .bottom-text.bold {
  font-weight: bold;
}
.dashboard-page .quick-link-con .quick-link-item .img-con {
  text-align: center;
  padding-top: 30px;
}
.dashboard-page .quick-link-con .quick-link-item .img-con img {
  height: 80px;
}
@media (max-width: 767px) {
  .dashboard-page .welcome-message {
    padding: 10px;
  }
  .dashboard-page .welcome-message .link-container .link-item {
    display: block;
    margin-bottom: 20px;
  }
  .dashboard-page .welcome-message .link-container .link-item a {
    width: 70%;
  }
  .dashboard-page .quick-link-con .quick-link-item {
    margin-bottom: 10px;
  }
}
@font-face {
  font-family: barlow-medium;
  src: url('../templates/government-assets/font/Barlow-Medium.ttf');
}
@font-face {
  font-family: barlow-regular;
  src: url(../templates/government-assets/font/Barlow-Regular.ttf);
}
@font-face {
  font-family: chivo-light;
  src: url(../templates/government-assets/font/Chivo-Light.ttf);
}
@font-face {
  font-family: loeic-native;
  src: url(../templates/government-assets/font/Loeic-Native.ttf);
}
nav.navigation a.active {
  color: var(--red);
}
.open-modal {
  cursor: pointer;
}
.modal .modal-header {
  border-bottom: none;
  border-top: none;
  padding-top: 25px;
}
.modal .modal-footer {
  border-bottom: none;
}
.map-modal {
  max-width: 90% !important;
  max-height: 90%;
}
.map-modal .modal-content {
  background-color: #fff !important;
  padding: 100px;
}
.map-modal .modal-content .popUpBottom {
  text-align: center;
  padding: 10px 0px;
}
#loading_con {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #000;
  z-index: 99;
}
#loading_con img {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 100;
}
.swal-footer {
  text-align: center;
}
/* overwriting base template css */
body {
  background-size: cover;
  font-family: barlow-medium;
}
body h1,
body h2,
body h3,
body h4 {
  font-family: barlow-regular;
}
.orangeBtn {
  padding: 10px 30px 10px 30px;
  background: #3F1022;
  color: #fff;
}
.orangeBtn:hover {
  background: #4c1939;
  color: #fff;
}
.orangeBtn:focus {
  color: #fff;
}
.homeBannerText .textA .act {
  padding: 2px 15px 0px 15px;
}
.swal-button:not([disabled]):hover {
  background-color: #4c1939;
  color: #fff;
}
.swal-button--join,
.swal-button--confirm {
  background-color: #3F1022;
}
.leftText h1 {
  color: #fff;
}
.leftText p {
  color: #fff;
}
.footer-logged {
  background-color: #593D4A;
}
.footer {
  position: relative;
  left: auto;
}
.footer .footer-content {
  color: #a3a3a3;
  text-align: center;
  font-size: 12px;
}
.footer .visit-con {
  font-weight: bold;
  margin-top: 10px;
}
.footer .link-con a {
  margin-left: 10px;
  color: #a3a3a3;
}
.footer .link-con a:hover {
  color: #fff;
}
.barlow-font {
  font-family: barlow-regular;
  font-weight: normal;
}
.emblem-container {
  margin-top: 50px;
  display: grid;
  justify-content: center;
  color: white;
  margin-top: 100px;
}
.emblem-container h2 {
  font-family: barlow-regular;
  font-weight: normal;
}
.emblem-image {
  max-height: 300px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
.home-links {
  display: inline-block;
  text-align: center;
}
.home-links a {
  margin-right: 20px;
  font-size: 16px;
  color: white;
}
.last-second-text {
  font-size: 11px;
}
#qrcode_con img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
}
#qrModal .button-container {
  text-align: center;
  margin-top: 25px;
}
#qrModal button {
  border: solid 1px #666;
  padding: 4px 20px;
  background: #ffe4be;
  color: #666;
  border-radius: 0px;
  font-style: italic;
  font-size: 12px;
}
#qrModal button:hover {
  background: #666;
  color: #ffffff;
}
.toast {
  z-index: 100;
  position: fixed;
  top: 10px;
  right: 10px;
}
.toast .toast-header {
  background-color: var(--orangeB);
  color: #fff;
}
.toast .toast-body {
  background-color: #fff;
}
#loading_con {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #000;
  z-index: 2000;
}
#loading_con img {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 100;
}
@media (max-width: 767px) {
  .map-modal .modal-content {
    padding: 0px;
  }
  .popUpBody {
    min-height: auto;
  }
}
.user-page .btn_auth {
  margin-top: 50px;
}
.user-page .textA {
  text-align: center;
}
.user-page #qrcode_con {
  margin-top: 30px;
}
.user-page #qrcode_con img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.user-page #qrModal .button-container {
  text-align: center;
  margin-top: 15px;
}
.user-page #qrModal button {
  background-color: transparent !important;
}
.user-page .form-group .col-md-12 label {
  margin-top: 15px;
}
.user-page .edit-value {
  text-decoration: underline;
  cursor: pointer;
}
.user-page .kyc-icon-approved-con {
  text-align: center;
}
.user-page .kyc-icon-con {
  text-align: center;
  margin-top: 20px;
}
.user-page .kyc-icon-con .kyc-approved {
  color: green;
  font-size: 30px;
  border-radius: 50%;
  border: solid 3px green;
  padding: 10px;
}
.buy-page .buy-main-con {
  margin-top: 20px;
}
.buy-page .buy-main-con label {
  margin-top: 10px;
  font-weight: normal;
  font-size: 15px;
}
.buy-page .buy-main-con h4.price-header {
  margin-bottom: 0px;
}
.buy-page .buy-main-con .btn-next {
  font-size: 20px;
}
.buy-page .credit-pack-con {
  width: 30%;
}
.buy-page .credit-pack-con input {
  font-size: 35px;
  height: 55px;
}
.buy-page .timer-container {
  float: right;
}
.buy-page .payment-details-con {
  margin-top: 20px;
}
.buy-page #qrcode_con img {
  width: 100%;
  height: auto;
  margin-top: 0px;
}
.buy-page .info-general {
  text-align: center;
  margin: 10px 0px;
}
.buy-page .panel-body.no-padding {
  padding: 0px;
}
.buy-page div.info-section {
  border: solid 1px lightgray;
  padding: 10px;
}
.buy-page div.info-section .copy-con {
  text-align: right;
  font-size: 16px;
  padding-top: 15px;
}
.buy-page div.info-section input {
  border: none;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  background: transparent;
}
.buy-page div.info-section .result-section {
  font-size: 16px;
  font-weight: bold;
}
.buy-page .transaction-details-header {
  margin: 20px 0px;
}
.buy-page .transaction-details-header .first-line {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.buy-page .fine-prints {
  font-size: 11px;
  margin-top: 100px;
}
.buy-page .explorer-link-con a {
  font-style: italic;
  text-decoration: underline;
}
.buy-page #pending_buy_order_con .col-md-6 {
  padding-left: 0px;
}
.no-wrap {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .buy-page .credit-pack-con {
    width: 80%;
  }
  .buy-page .qr-code-con {
    text-align: center;
    margin: 10px 0px 25px 0px;
  }
  .buy-page .transaction-details-header img {
    height: 60px;
  }
  .buy-page .transaction-details-header .first-line {
    margin-top: 10px;
  }
}
.terms-page {
  color: #fff;
  font-size: 16px;
}
.terms-page h2 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.wallet-page .box-icon {
  padding: 15px;
}
.wallet-page .buy-link {
  color: #fff;
  cursor: pointer;
}
.wallet-page .buy-link:hover {
  text-decoration: underline;
}
.wallet-page th a {
  margin-right: 10px;
}
.wallet-page .capital-first-letter {
  text-transform: capitalize;
}
.wallet-page .transaction-list-table-con {
  height: 500px;
  overflow-y: auto;
  margin-top: 20px;
}
.wallet-page .transaction-list-table-con table tr td:nth-child(1) {
  width: 10%;
}
.wallet-page .transaction-list-table-con table tr td:nth-child(2) {
  width: 30%;
}
.wallet-page .transaction-list-table-con table tr td:nth-child(3) {
  width: 20%;
}
.wallet-page .transaction-list-table-con table tr td:nth-child(4) {
  width: 20%;
}
.wallet-page .transaction-list-table-con table tr td:nth-child(5) {
  width: 20%;
}
.wallet-page .currency-selected {
  text-decoration: underline;
  font-weight: bolder;
  color: #01275e !important;
}
.wallet-page .pending-transaction {
  text-align: center;
  margin: 10px 0px;
}
.wallet-page .top-header {
  background-color: #F2F2F2;
  padding: 15px;
  margin: 0px 0px;
}
.wallet-page .top-header img {
  height: 50px;
}
.wallet-page .top-header .header-cancel-order-con {
  float: right;
  position: absolute;
  right: 50px;
  top: 50px;
}
.wallet-page .wallet-item-con {
  color: #fff;
  font-size: 35px;
  padding: 15px;
  text-align: center;
  margin: 10px;
}
.wallet-page .wallet-item-con .data-con {
  padding-right: 10px;
}
.wallet-page .wallet-item-con .currency {
  font-size: 20px;
}
.wallet-page .wallet-item-con img {
  height: 30px;
}
.wallet-page .ltt-item-con {
  background-color: #2F61A8;
}
.wallet-page .credit-item-con {
  background-color: #2AB4F2;
}
.wallet-page .section-header {
  margin: 0px;
  margin-top: 20px;
}
.wallet-page .section-header .item-header {
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase;
}
.wallet-page .section-header .item-sub-header {
  font-size: 18px;
}
.wallet-page .section-header .section-header-item {
  padding-bottom: 10px;
}
.wallet-page .section-header .section-header-item:not(.active) {
  opacity: 50%;
}
.wallet-page .section-header .section-header-item.active {
  border-bottom: solid 2px #000;
}
.wallet-page .section-header .section-header-item:hover {
  cursor: pointer;
  opacity: 80%;
}
.wallet-page .wallet-section {
  margin: 10px 0px;
}
.wallet-page .wallet-section img {
  height: 15px;
  margin-right: 20px;
}
.wallet-page .buy-ltt-modal.modal .modal-body {
  text-align: center;
}
.wallet-page .buy-ltt-modal.modal .timer-text {
  padding-top: 5px;
  font-size: 15px;
}
.wallet-page .buy-ltt-modal.modal .spend-text-1 {
  font-size: 40px;
  padding-top: 20px;
}
.wallet-page .buy-ltt-modal.modal .spend-text-2 {
  padding: 10px 0px;
  font-size: 25px;
}
.wallet-page .buy-ltt-modal.modal .spend-text-3 {
  font-size: 40px;
}
.wallet-page .buy-ltt-modal.modal .confirm-transaction-con {
  padding: 20px 0px;
}
.wallet-page .buy-ltt-modal.modal .btn.action-button {
  background-color: #42210B;
  color: #fff;
  font-size: 25px;
}
.wallet-page .buy-ltt-modal.modal .btn.action-button.disabled-buy {
  background-color: gray;
}
.wallet-page .buy-ltt-modal.modal .btn.action-button.disabled-buy:hover {
  cursor: default;
}
.wallet-page #ltt_purchase_container {
  max-height: 250px;
  overflow-y: scroll;
}
@media (max-width: 767px) {
  .top-header .header-text {
    margin-top: 10px;
    font-size: 13px;
  }
  .wallet-page .top-header .header-cancel-order-con {
    float: none;
    position: relative;
    text-align: center;
    right: unset;
    top: unset;
    padding-top: 20px;
  }
  .wallet-page .section-image {
    text-align: center;
  }
  .wallet-page .section-header .item-header {
    font-size: 12px;
  }
  .wallet-page .section-header .item-sub-header {
    font-size: 12px;
  }
  .wallet-page .wallet-section-innner {
    margin-top: 10px;
  }
  .wallet-page .wallet-section img {
    height: 13px;
  }
}
.user-page .button-container {
  margin-top: 20px;
}
.user-page .button-container #btn_pay {
  margin-right: 15px;
}
.user-page #profile_picture_dropzone {
  width: 100%;
  border: dashed 5px lightgray;
  padding: 100px;
  text-align: center;
  font-size: 20px;
  color: lightgray;
  margin-top: 15px;
  margin-bottom: 15px;
}
.user-page .image-container {
  height: 400px;
  width: 400px;
  margin-bottom: 20px;
  display: inline-block;
}
.user-page img {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.user-page .clear-pictures {
  margin-bottom: 20px;
}
.user-page .container-file {
  margin-top: 20px;
}
.user-page #btn_clear_profile {
  margin-left: 60px;
}
.walkthrough-modal .modal-dialog .modal-content {
  padding: 10px 20px;
  background-color: #E6E6E6;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body {
  padding-top: 10px;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-header img {
  height: 40px;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-body {
  text-align: center;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-body img {
  height: 150px;
  margin: 50px 0px;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-body div.text-content {
  height: 130px;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-body p.title {
  color: #502536;
  font-size: 30px;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-body p.text {
  font-size: 15px;
  padding: 0px 20px;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-body p.text.bold {
  font-weight: bold;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-body .slide {
  transition: opacity 0.6s linear;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-slider-control {
  text-align: center;
  margin-top: 30px;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-slider-control .slider-item {
  height: 15px;
  width: 15px;
  margin-right: 10px;
  display: inline-block;
  background-color: #fff;
  border-radius: 50%;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-slider-control .slider-item.active {
  background-color: #502536;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-footer {
  text-align: center;
  margin: 20px 0px;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-footer p.clear-customs {
  color: #502536;
  font-size: 15px;
  margin-bottom: 20px;
}
.walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-footer .map-button {
  margin-left: 20px;
}
@media (max-width: 767px) {
  .walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-body div.text-content {
    height: 200px;
  }
  .walkthrough-modal .modal-dialog .modal-content .modal-body .walkthrough-body img {
    height: 120px;
  }
}
.lootverse-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.navigation > ul > li > a.video-link {
  color: var(--red);
}
.plot-licence-page form.dropzone {
  padding: 100px;
  text-align: center;
}
.plot-licence-page .media_dropzone {
  width: 100%;
  border: dashed 5px lightgray;
  padding: 100px;
  text-align: center;
  font-size: 20px;
  color: lightgray;
  margin-top: 15px;
  margin-bottom: 15px;
}
.plot-licence-page .image-container {
  width: 400px;
  display: inline-block;
  height: 400px;
}
.plot-licence-page img {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.plot-licence-page .clear-pictures {
  margin-bottom: 20px;
}
.plot-licence-page .container-file {
  margin-top: 20px;
}
.plot-licence-page #btn_clear_file,
.plot-licence-page #btn_clear {
  margin-left: 10px;
}
.plot-licence-page label {
  margin-top: 20px;
}
.plot-licence-page #btn_edit_logo,
.plot-licence-page #btn_save_logo {
  margin-right: 5px;
  margin-top: 5px;
}
.old-world-page .main-content {
  text-align: center;
}
.old-world-page .main-content p {
  padding: 20px;
}
.old-world-page .main-content img {
  max-height: 500px;
}
.library-lootverse-page .link-container .link-item {
  padding: 5px;
}
.library-lootverse-page .link-container .link-item img {
  padding-right: 10px;
  margin-top: -5px;
}
.health-page .balance-item-con {
  color: #fff;
  font-size: 35px;
  padding: 15px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 15px;
  background-color: #2F61A8;
}
.health-page .balance-item-con .data-con {
  padding-right: 10px;
}
.health-page .balance-item-con .currency {
  font-size: 20px;
}
.health-page .balance-item-con img {
  height: 30px;
}
.health-page #btn_buy_health {
  margin-top: 10px;
}
/*! This special bang (!) comment is here to trick the `hash` Grunt task into working out-of-the-box, without any real CSS. You can delete this once you've imported ≥1 .less file as demonstrated above. */