.close {
  font-size: calc(1.275rem + 0.3vw);
}

body {
  border: solid 2px transparent;
}

// ch5-import-htmlsnippet[id='meetingScheduling']>div {
//   width: 100%;
//   height: 70vh;
//   display: inline-block;
// }

// @media only screen and (max-width: 1280px) {
//   ch5-import-htmlsnippet[id='meetingScheduling']>div {
//     height: 77vh;
//   }
// }

// @media only screen and (max-width: 1024px) {
//   ch5-import-htmlsnippet[id='meetingScheduling']>div {
//     height: 75vh;
//   }

// }

// @media only screen and (max-width: 960px) {
//   ch5-import-htmlsnippet[id='meetingScheduling']>div {
//     height: 73vh;
//   }

// }

.crestron-icons {
  font-family: $icon-font-family;
}

.col-0-5,
.col-1-5,
.col-2-5,
.col-3-5,
.col-4-5,
.col-5-5,
.col-6-5,
.col-7-5,
.col-8-5,
.col-9-5,
.col-10-5,
.col-11-5 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-0-5 {
  -ms-flex: 0 0 4.166666667%;
  flex: 0 0 4.166666667%;
  max-width: 4.166666667%;
}

.col-1-5 {
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.col-2-5 {
  -ms-flex: 0 0 20.8333333333333%;
  flex: 0 0 20.8333333333333%;
  max-width: 20.8333333333333%;
}

.col-3-5 {
  -ms-flex: 0 0 29.1666666666667%;
  flex: 0 0 29.1666666666667%;
  max-width: 29.1666666666667%;
}

.col-4-5 {
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.col-5-5 {
  -ms-flex: 0 0 45.8333333333333%;
  flex: 0 0 45.8333333333333%;
  max-width: 45.8333333333333%;
}

.col-6-5 {
  -ms-flex: 0 0 54.1666666666667%;
  flex: 0 0 54.1666666666667%;
  max-width: 54.1666666666667%;
}

.col-7-5 {
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.col-8-5 {
  -ms-flex: 0 0 70.8333333333333%;
  flex: 0 0 70.8333333333333%;
  max-width: 70.8333333333333%;
}

.col-9-5 {
  -ms-flex: 0 0 79.1666666666667%;
  flex: 0 0 79.1666666666667%;
  max-width: 79.1666666666667%;
}

.col-10-5 {
  -ms-flex: 0 0 87.5%;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.col-11-5 {
  -ms-flex: 0 0 95.8333333333333%;
  flex: 0 0 95.8333333333333%;
  max-width: 95.8333333333333%;
}

.go-to-previous-page-button {
  div {
    background-color: transparent;
    border: none;
  }

  .cb-btn {
    width: 100%;
    justify-content: flex-start;
    height: 54px !important;
    line-height: 54px;

    .ch5-button--label,
    span {
      font-size: 2.2rem !important;
      font-weight: normal !important;
      color: #9ea5b6 !important;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100%;
    }
  }

  .ch5-button--img {
    width: 54px !important;
    height: 54px !important;
    margin: 0;
  }

  .ch5-button--label {
    padding: 0;
  }

  .ch5-button--pressed {
    background-color: gainsboro !important;
    outline: 1px solid gainsboro;
    border-radius: 0;
  }
}

.hide-div {
  display: none !important;
  // visibility: hidden;
}

.hide-vis {
  visibility: hidden !important;
}

#template-content-page-wrapper {
  background-color: white; // In 760, there is a black line just below the middle content so we are covering that line with this background color
}
