.no-appearance {
  appearance: none;
}
a.no-appearance,
a.no-appearance:link,
a.no-appearance:focus,
a.no-appearance:active,
a.no-appearance:visited {
  color: black;
  text-decoration: none;
}
ul.no-appearance {
  margin: 0;
  padding: 0;
}

.secondary {
  color: gray;
}
a.secondary,
a.secondary:link,
a.secondary:visited {
  color: gray;
  text-decoration: none;
  transition: all .3s;
}
a.secondary:hover,
a.secondary:focus,
a.secondary:active {
  color: black;
}

.d-flex {
  display: flex !important;
}
.flex-row {
  flex-flow: row wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.align-items-center {
  align-items: center;
}
.align-items-stretch {
  align-items: stretch;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-end {
  justify-content: flex-end;
}
.justify-content-between {
  justify-content: space-between;
}

.flex-1 {
  flex: 1;
}
.flex-auto {
  flex-basis: auto;
}

.w-25 {
  width: 25%;
  flex-basis: 25%;
}
.w-100 {
  box-sizing: border-box;
  min-width: 100%;
}

.h-100 {
  height: 100%;
}
.mh-100v {
  max-height: 100vh;
}

.gap-1 {
  margin-left: -1vw;
}
.gap-1 > * {
  margin-left: 1vw;
}

.gap-v-1 > * {
  margin-bottom: 1vw;
}
.gap-v-1 > *:last-child {
 margin-bottom: 0;
}

.p-0 {
  padding: 0;
}
.p-1 {
  padding: .8vw;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-1 {
  padding-left: 1vw;
  padding-right: 1vw;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-1 {
  padding-top: 1vw;
  padding-bottom: 1vw;
}

.pi-1 > * {
  padding: .8vw;
}

.m-1 {
  margin: 1vw;
}
.mr-1 {
  margin-right: 1vw;
}
.my-1 {
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.mt-1 {
  margin-top: 1vw;
}
.mb-1 {
  margin-bottom: 1vw;
}

.background {
  background-color: #F5F5F5;
}

.no-border {
  border: none;
}
.border {
  border-width: 1px;
  border-style: solid;
  border-color: lightgray;
}
.border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: lightgray;
}

.gray-100 {
  color: #F5F5F5;
}
.gray-200 {
  color: #EEEEEE;
}
.gray-400 {
  color: #78909C;
}

.button-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.button-group.inline {
  display: inline-flex;
}
.button-group > button {
  background-color: #F5F5F5;
  color: dimgray;
  padding: .3rem .5rem;
  margin-left: .5rem;
  border-radius: 3px;
  border: 1px solid lightgray;
  white-space: nowrap;
  box-shadow: 2px 2px 6px -3px lightgray;
  cursor: pointer;
  transition: all .3s;
  font-size: 1em;
}
.button-group > button:hover {
  background-color: #EEEEEE;
  color: black;
}
.button-group > button:first-child {
  margin-left: 0;
}
button.primary {
  color: #cc0000;
  background-color: #F5F5F5;
  border-color: #cc0000;
}
button.primary:hover {
  color: #cc0000;
}


.modal {
  display: none;
  margin: 2rem;
  padding: 2rem;
  background: rgb(55,71,79);
  background: linear-gradient(0deg, rgba(55,71,79,1) 0%, rgba(84,110,122,1) 100%);
  color: white;
  border-radius: 3px;
  box-shadow: 5px 5px 20px -10px gray;
  max-height: 100vh;
  overflow: auto;
}
.modal-open {
  display: block;
  max-height: calc(100vh - 4rem);
  max-width: calc(100vw - 4rem);
  height: auto !important;
  width: auto !important;
  position: static !important;
}
.overlay-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
body.disable-scroll {
  width: calc(100vw - 17px);
  height: 100vh;
  padding-right: 17px;
  position: fixed;
}

.modal > header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.modal > header > *:first-child {
  margin: 0;
}
.modal > footer {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2rem;
}

.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60% !important;
}
.w-70 {
  width: 70%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
@media (max-width: 768px) {

  .w-60_md {
    width: 60%;
  }
}
@media (max-width: 425px) {

  .w-100_sm {
    width: 100%;
  }
}

.text-right {
  text-align: right;
}

.buttons.light {
  background-color: #F5F5F5;
  padding: 1rem;
}

.modal {
  display: none;
  margin: 2rem;
  padding: 2rem;
  background: rgb(55,71,79);
  background: linear-gradient(0deg, rgba(55,71,79,1) 0%, rgba(84,110,122,1) 100%);
  color: white;
  border-radius: 3px;
  box-shadow: 5px 5px 20px -10px gray;
}
.modal-open {
  display: block;
}
.overlay-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
body.disable-scroll {
  width: calc(100vw - 17px);
  height: 100vh;
  padding-right: 17px;
  position: fixed;
}

.modal > header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.modal > header > *:first-child {
  margin: 0;
}
.modal > footer {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2rem;
}


.viewer-regen::before,
.viewer-rotate::before,
.viewer-scale::before,
.viewer-crop::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  font-size: 18px;
}
.viewer-regen::before {
  content: "\F130";
}
.viewer-rotate::before {
  content: "\F116";
}
.viewer-scale::before {
  content: "\F150";
}
.viewer-crop::before {
  content: "\F1B5";
}
.image-wrapper {
  position: relative;
}
.image-wrapper img {
  width: 100%;
  object-fit: contain;
  object-position: center;
  max-height: 50vh;
  z-index: 0;
}

.modal_map_container {
  height: 60vh;
}

.samira-helper {
  white-space: nowrap;
}
.samira-helper::after {
  display: inline-block;
  content: "\F505";
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  color: #5f9ea0;
  font-size: 16px;
  margin-left: .5rem;
  cursor: help;
}

.btn.btn-icon {
  display: inline-block;
  margin: 0.3rem 0;
  text-align: center;
}
.btn.btn-icon::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  font-size: 18px;
  cursor: pointer;
  color: dimgray;
}
.btn.btn-icon > img {
  display: none;
}
.btn-edit::before {
  content: "\F4CA";
}
.btn-card:not(.cardlink)::before {
  content: "\F392";
}
.btn-cardlink::before {
  content: "\F4CA";
}
.btn-copy::before {
  content: "\F3C2";
}
.btn-delete::before {
  content: "\F78B";
}
.btn-dictionary::before {
  content: "\F473";
}
.btn-email::before {
  content: "\F32F";
}
.btn-file::before {
  content: "\F362";
}
.btn-image::before {
  content: "\F36D";
}
.btn-insert::before {
  content: "\F37D";
}
.btn-link::before {
  content: "\F470";
}
.btn-map::before {
  content: "\F47F";
}
.btn-movetop::before {
  content: "\F115";
}
.btn-moveup::before {
  content: "\F148";
}
.btn-movebottom::before {
  content: "\F112";
}
.btn-movedown::before {
  content: "\F128";
}
.btn-new::before {
  content: "\F3AB";
}
.btn-url::before {
  content: "\F470";
}
.btn-video::before {
  content: "\F37B";
}