/* This file contains resets for olive and rooms conflicting styles. */

.tbl-transaction-details .cb, .tbl-transaction-details .rb {
    padding-left: calc(50% - 9px);
}

/* Forms */
.input-text:focus,
.input-textarea:focus {
  box-shadow: none;
}

/* Sign In */
#password .rooms-branding.logo,
#login .rooms-branding.logo {
  display: block;
}

/* Tooltips */
.tooltip-mini {
  z-index: 1300;
}

.tip::before,
.tip::after {
  display: none;
}

/* Modals / Super Modals */
body.supr-open .supr2-content {
  background: transparent;
  border: none;
  box-shadow: none;
}

.modal_shroud {
  z-index: 1199;
}

div .modal_content {
  padding: 15px 24px;
}

body .modal.modal-new.modal-sm,
body .modal.modal-new.modal-xl,
body .modal.modal-new.modal-md,
body .modal.modal-new.modal-lg {
  /* The Olive Confirmation Modal is getting an inline z-index applied to it so the !important is necessary to override this behavior */
  z-index: 1200 !important;
}

body .modal.modal-new.modal-sm .modal_footer .btn {
  font-size: 13px;
  font-weight: 700;
}

.remove-modal-escape-x .icon.icon-close.modal_close {
  display: none;
}

/* override messages-global z-index to be greater than .modal z-index */
body .messages-global {
  z-index: 1201;
}

/* zipform link page rooms logo*/
.site-header .logo a#roomsLogo {
  margin-top: 5px;
  width: 135px;
}

/* zipform link page header */
.canvas .container .wrapper h2#linkHeader {
  line-height: 45px;
}

.sort-asc::after,
.sort-desc::after {
  color: inherit; /* default the icon to match the table header color, instead of defaulting to gray which is bad for accessibility */
}

/* Mobile style overrides.  Check implementations before removing. */

@media screen and (max-width: 767px) {
  .envHeaderStickyBlock.sticky {
    transform: none
  }
  .header .menu {
    position: fixed;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ccc;
    box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.1);
  }

  .header .menu ul {
    background: #fff;
  }

}
