@import "./variables";
@import "./mixins/mixins";
html,
body {
  height: 100%;
  // font-size: $font-size-base;
}

body {
  background: $body-background-color !important;
  position: relative;
  font-family: $font-stack-en;
  letter-spacing: 0.2px;
  height: auto;
  color: $default-text-color;
  // padding-bottom: 336px;
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  &.pushable {
    background: $body-background-color !important;
    & > .pusher {
      background: transparent !important;
      padding-bottom: 400px !important;
      &.dimmed {
        height: 100vh;
      }
    }
  }
}

@include respond-above(sm) {
  body {
    .pusher {
      padding-bottom: 240px !important;
    }
    .sb-mid-container-min-height {
      min-height: calc(100vh - 288px);
      margin-bottom: -($base-block-space * 4) !important;
    }
  }
}
@include respond-below(sm) {
  .download-mobile-app .download-mobile-app-logo {
    min-height: 116px;
  }
}
.sb-offline {
  padding-bottom: 0px;
}

*[lang="en"] body {
  font-family: $font-stack-en;
}

*[lang="hi"] body {
  font-family: $font-stack-hi;
}

*[lang="ur"] body {
  font-family: $font-stack-ur;
}

.publicmenusection.ui.secondary.menu .active.item {
  color: $primary-color;
  text-transform: capitalize;
}
.publicmenusection.ui.secondary.vertical.menu > .item {
  text-transform: capitalize;
}

.sb-placeholder {
  justify-content: center !important;
}
[dir="rtl"] {
  .sb-explore-qr-container {
    .dial-section-column {
      border-right: 0px solid rgba(51, 51, 51, 0.1) !important;
      border-left: 1px solid rgba(51, 51, 51, 0.1);
    }
  }
  @include respond-above(sm) {
    .download-mobile-app .download-mobile-app-logo {
      min-height: 168px;
    }
  }
}

[dir="ltr"] {
  .sb-explore-qr-container {
    .dial-section-column {
      border-left: 0px solid rgba(51, 51, 51, 0.1);
      border-right: 1px solid rgba(51, 51, 51, 0.1);
    }
  }
}
.description.annannouncement-description {
  .sb-label-status-error {
    color: $sb-label-status-error-color;
    font-size: 11px;
  }

  .sb-label-12size {
    font-size: 11px;
  }
}
// don't delete this
.iziModal-isAttached {
  body {
    overflow: hidden;
  }
}

.sb-prominent-filter {
  .accordion {
    .content {
      padding: 0.5em 0 0 0;
    }
  }
}

// calender styles
// .ui.calendar .ui.celled.table tr td,
// .ui.calendar .ui.celled.table tr th {
//   cursor: pointer;
// }
// .ui.calendar .ui.table tr td.disabled,
// .ui.calendar .ui.table tr.disabled td,
// .ui.calendar .ui.table tr.disabled:hover,
// .ui.calendar .ui.table tr:hover td.disabled {
//   cursor: default;
// }

.ui.info.message {
  background-color: var(--primary-0) !important;
}
.ui.info.message .header {
  color: var(--primary-color) !important;
}
.ui.ordered.list .list,
ol.ui.list ol {
  margin-left: 2em !important;
}
.ui.info.message {
  color: black !important;
}
.cursor-default {
  cursor: default !important;
}
.sb-offline-updates-modal .ui.modal > .close {
  color: var(--primary-400) !important;
}
.o-y-hidden {
  overflow: hidden;
}
.bg-image {
  background: url("/assets/images/bg.svg") no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ui.selection.dropdown:focus,
.ui.selection.dropdown:focus ~ label {
  border: 1px solid var(--primary-300);
}

/* language selector */
.sb-offline-language-selector {
  .ui.dropdown > .dropdown.icon {
    margin: 0 0 0 0.5em;
    html[dir="rtl"] & {
      margin: 0 0.5em 0 0;
    }
  }

  .ui.dropdown .menu {
    right: 0;
    width: auto;
    left: inherit;
  }

  .ui.dropdown .menu > .item {
    // padding: 0.78571429em 1.14285714em !important;
    padding: 1em 1.5em !important;
    font-size: 0.86rem;
  }
}

.licenseTag {
  word-break: break-all;
  font-weight: normal !important;
  color: #7c7b7b !important;
  // a{
  //     text-decoration: underline;
  // }
}
//workspace font fix
.ui {
  &.menu {
    font-size: calculateRem(14px);
  }
  &.popup {
    font-size: calculateRem(12px);
  }
}

app-workspace {
  font-size: 14px;
}

// ckeditor tool solution image overlap

.ckeditor-tool__solution__body {
  figure.image {
    img {
      max-width: 100%;
    }
  }
}

.sb-workspace-bg {
  position: relative;
  bottom: -35px;
  height: auto;
  margin-top: -35px;
}

@media screen and (max-width: 900px) {
  .footer {
    padding: 20px 0;
  }
}