html, body {
  margin: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}

#splash {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  background-color: #577483;
  background: url(/img/loading_screen_bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pano-buttons {
  z-index: 1000 !important;
  position: absolute;
  top: 10px;
  left: 10px;
}

.ar-buttons {
  z-index: 1000 !important;
  position: absolute;
  top: 10px;
  right: 10px;
}


.btn-hide {
  display: none;
}

.tracker {
  z-index: 1000 !important;
  position: absolute;
  top: 50px;
  left: 10px;
  display: none;
}

.btn {
  font-family: solex, sans-serif;
  font-weight: 500;
}

h3.modal-title {
  font-family: solex, sans-serif;
  font-weight: 800;
  color: #394F5A;
  text-transform: uppercase;
  padding-bottom: 15px;
  line-height: 30px;
}


.btn-models {
  background: #177B6D;
  border: 1px solid #177B6D;
  color: #fff;
}
.btn-models:hover {
  background-color: #577483;
  border: 1px solid #fff;
  color: #fff;
}
.btn-models.active {
  color: #394F5A;
  background-color: #F6F6F6;
  border: 1px solid #F6F6F6;
}

.btn-scenes {
  background: #177B6D;
  border: 1px solid #177B6D;
  color: #fff;
}
.btn-scenes:hover {
  background-color: #577483;
  border: 1px solid #000;
  color: #fff;
}
.btn-scenes.active {
  background-color: #F6F6F6;
  border: 1px solid #000;
  color: #000;
}
.btn-scenes:disabled {
  background-color: #F6F6F6;
  border: 1px solid #000;
  color: #000;
  opacity: 1;
}

.btn-show-modal {
  background: #394F5A;
  border: 1px solid #394F5A;
  color: #fff;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
}
.btn-show-modal:hover {
  border: 1px solid #fff;
  color: #fff;
}

.btn-help-info {
  background-color: #577483;
  border-color: #577483;
  color: #fff
}
.btn-help-info:hover {
  background-color: #577483;
  border: 1px solid #fff;
  color: #fff;
}

.btn-show-modal.active {
  background: #A03221;
  border-color: #A03221;
}

.btn-show-modal.active:hover {
  border-color: #fff;
}

#ground-btn,
#mob-ground-btn {
  background-image: url(/img/icons/durango-UI-icons-07.svg);
  background-repeat: no-repeat;
  background-position: center right 12%;
  background-size: 10px;
  padding-right: 25px;
}
#ground-btn.active,
#mob-ground-btn.active {
  background-image: url(/img/icons/durango_icons_darkGreen-07.svg);
}

#cars-btn,
#mob-cars-btn {
  background-image: url(/img/icons/durango-UI-icons-10.svg);
  background-repeat: no-repeat;
  background-position: center right 15%;
  background-size: 35px;
  padding-right: 50px;
}
#cars-btn.active,
#mob-cars-btn.active {
  background-image: url(/img/icons/durango_icons_darkGreen-10.svg);
}

#furnishings-btn,
#mob-furnishings-btn {
  background-image: url(/img/icons/durango-UI-icons-09.svg);
  background-repeat: no-repeat;
  background-position: center right 12%;
  background-size: 25px;
  padding-right: 45px;
}
#furnishings-btn.active,
#mob-furnishings-btn.active {
  background-image: url(/img/icons/durango_icons_darkGreen-09.svg);
}

#trees-btn,
#mob-trees-btn {
  background-image: url(/img/icons/durango-UI-icons-08.svg);
  background-repeat: no-repeat;
  background-position: center right 15%;
  background-size: 18px;
  padding-right: 35px;
}
#trees-btn.active,
#mob-trees-btn.active {
  background-image: url(/img/icons/durango_icons_darkGreen-08.svg);
}

#help-btn,
#mob-help-btn {
  background-image: url(/img/icons/durango-UI-icons-11.svg);
  background-repeat: no-repeat;
  background-position: center right 15%;
  background-size: 18px;
  padding-right: 35px;
}

#tour-info-btn,
#mob-tour-info-btn {
  background-image: url(/img/icons/durango-icon-info.svg);
  background-repeat: no-repeat;
  background-position: center right 15%;
  background-size: 19px;
  padding-right: 35px;
}

#modal-welcome .btn-show-modal {
  box-shadow: none;
}

#modal-welcome .btn-show-modal:hover {
  background-color: #A23322;
  border-color: #A23322;
}

p.welcome-btns {
  margin-bottom: .5rem;
  margin-top: 1.5rem;
}

/* .modal-body ul,
.modal-body ol {
  margin-left: 10px;
}

#modal-ar-help .modal-body ul {
  margin-left: 0px!important;
} */


/* Unused modal icons */

/* #modal-pano-help .modal-title,
#modal-ar-help .modal-title {
  background-image: url(/img/icons/durango-UI-icons-help-green.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 40px;
  padding-left: 50px;
  padding-bottom: 0;
  margin-bottom: 15px;
}

#modal-tour-info .modal-title {
  background-image: url(/img/icons/durango-icon-info-green.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 40px;
  padding-left: 50px;
  padding-bottom: 0;
  margin-bottom: 15px;
} */

.modal-dialog.modal-lg {
  justify-content: center;
  display: flex;
}

.modal-body {
  color: #394F5A;
}

.desk-tab-btns {
  gap: 15px;
}

.buttons {
  z-index: 1000 !important;
  padding: 15px 30px;
}

img.durango-logo {
  width: 85%;
}

#mig-power {
  position: absolute;
  z-index: 1000;
}

@media (min-width: 1024px) {
  #modal-welcome .modal-content {
    width: 70%;
  }

}

@media (min-width: 768px) {
  .buttons {
    position: absolute;
    bottom: 0;
    display: flex;
    left: 0px;
    width: 100%;
    height: 80px;
  }
  .desk-tab-btns {
    display: flex;
    gap: 15px;
  }
  .top-btns {
    display: none;
  }
  .bottom-btns {
    display: none;
  }

  #mig-power {
    right: 30px;
    bottom: 10px !important;
  }

}

@media (max-width: 767px) {

  #mig-power {
    bottom: 15px;
    right: 10px;
    width: 50px!important;
    height: auto!important;
}

  .buttons {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 15px 10px;
  }
  .desk-tab-btns {
    display: none;
  }
  .top-btns {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
  }
  .bottom-btns {
    display: flex;
    justify-content: flex-start;
    padding-top: 10px;
    gap: 10px;
  }
}

#help-blurb {
  z-index: 1000;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  #help-blurb {
    width: 90%;
    bottom: 120px;
  }
}
@media (min-width: 768px) {
  #help-blurb {
    width: 50%;
    bottom: 60px;
  }
}

#mig-power {
  height: 100px;
  width: 100px;
}