.Dialog_Login {
  width: 350px;
  height: 400px !important;
  background-color: #296b6c;
}
.Dialog_Login .dialog-background-title {
  background: #1b4647;
  color: white;
}
.Dialog_Login .dialog-background-surface {
  background: #296b6c;
  color: white;
}

.fullscreentitle {
  background-color: #296b6c;
  text-align: center;
}

.loginbox {
  border: white 1px solid;
}

.topmenu {
  background-color: #307d7e;
}

.toplogo {
  margin-bottom: 50px;
  width: 180px;
  height: 120px;
}

.CentralImage{
  display: block;
  margin-left: auto;
  margin-right: auto; 
  border-left-width: 35px;
  border-color: transparent;
}

.CarouselImageCenter {
  width:200px;
  height: 200px;

}

.CarouselImage {
  max-width: 100%;
  height: auto;
  
}


.TopBannerImageTransitionsm {
  width: 50%;
}

.TopBannerImageTransitionmd {
  width: 200px;
}

.TopBannerImageTransitionlg {
  width: 75%;
}

.TopBannerImageContainer {
  position: relative;
  text-align: center;
  color: white;
}
.TopBannerImageContainer .TopBannerImages {
  margin-top: 20px;
  height: 150px;
  width: 100%;
  object-fit: cover;
  opacity: 0.4;
}
.TopBannerImageContainer .TopBannerText {
  font-size: 250%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -35%);
}

.itemscenter {
  text-align: center;
  align-items: center !important;
  background-color: #256060;
}

.midmenu {
  background-color: #296b6c;
  align-items: center !important;
}
.midmenu .miditem {
  background-color: #296b6c;
  color: white;
}
.midmenu .selected {
  background-color: #1b4647;
}
.midmenu .miditem:hover {
  background-color: #307d7e;
}

.bottommenu {
  background-color: #2d7677;
  /*    background-color: blue;
  */
  font-size: 8px !important;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
}

.Bottombarheight {
  height: 20px;
}
.bottommenumobile_above {
  background-color: #990099;
  font-size: 12px !important;
  position: fixed;
  bottom: -40px !important;
  left: 0;
  right: 0;
  height: 40px !important;
  color: red;
}

.bottommenumobile {
  background-color: #296b6c;
  font-size: 8px !important;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  height: 40px;
}

.BeginImage {
  width: 100%;
  height: 200px;
}

body {
  background-color: #225859;
  color: white;
}

.KarenaButton {
  border-radius: 10px;
  background-color: #348889;
  color: white;
}

.CarouselImageCenter {
  text-align: center;
}

.PricePlaceholderOuter {
  border: 1px;
  margin-top: 5px;
  margin-right: 5px;
  padding-left: 5px;
}
.PricePlaceholderOuter .PricePlaceholderImage {
  background-color: white;
  height: 150px;
  width: 100%;
}
.PricePlaceholderOuter .Inner {
  border: 1px solid #296b6c;
  margin-top: 5px;
  margin-right: 5px;
  padding-left: 5px;
}
.PricePlaceholderOuter .image {
  background-color: blue;
  max-height: 170px;
}

.MidBanner {
  height: 250px;
}

.BrowserPanel {
  overflow: scroll;
  height: 40vh;
}

.KarenaInput {
  height: 50px;
  /*    mud-input-label {
      color: blue !important;
  }

  .mud-input-slot, .mud-input-root, .mud-input-root-outlined {
      background-color: lighten( $primary-color, 3% );
      height: 10px !important;
  }

  .mud-input-control-input-container {
      height: 12px;

      .mud-input-label-outlined {
          background-color: lighten( $primary-color, 3% );
      }
  }*/
}

.TopMenuIcon {
  margin-top: 12px;
  margin-right: 20px;
}

.ContentCenter {
  text-align: center;
  height: 150px;
}

.ContentMobileCenter {
  text-align: center;
  margin-top: 10px;
}

.mainpage {
  /*    background-image:url("../SCSS/~/images/335074875_160891513440066_5039759411009237136_n.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  opacity:30%;
  height:50vh;*/
}

.backgroundimages {
  width: 40%;
  opacity: 70%;
  z-index: -4;
}