.card-ex {
  border-radius: 0.75em;
  border: 0.75em;
  background-color: #FFFFFF !important;
}

.card-header {
  border-radius: 0.75em;
}

.container-fluid.hide {
  display: none;
}

.container {
  padding-top: 30px;
  padding-bottom: 5px;
}

#content {
  color: #4A4A4A;
  background-color: #f2f2f2;
  display: none;
}

#content.fullscreen {
  z-index: 9999;
  width: 100%;
  /*height: 100%;*/
  /*position: fixed;*/
  top: 0;
  left: 0;
  display: block;
  min-height: 100%;
  /*overflow-x: auto*/
}

@media (min-width: 767px) {
  .content {
    width: 60%;
    float: left;
    position: relative;
  }

  .leftSidebar {
    width: 25%;
    float: left;
    padding: 0 30px 0 0;
    position: relative;
  }

  * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .header {
    padding: 0 20px;
    margin: 0 auto;
    overflow: auto;
  }
}

.footer hr {
  border-color: #efefef !important;
}

.content-detail-card {
  border: 0 !important;
  border-radius: 0.75rem !important;
}

.card-content img {
  max-width: 100%;
}

.card-content iframe {
  max-width: 100%;
}

@media (max-width: 575px) {
  .content-detail-card {
    border-radius: 0 !important;
  }

  .w-xs-100 {
    width: 100% !important;
  }

  body {
    background-color: #FFFFFF !important;
  }

  .plr-xs-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .xs-h-none {
    height: unset;
  }
}

.card-content img {
  height: auto;
}

@media (max-width: 767px) {
  .card-content iframe {
    height: unset;
  }

  iframe {
    width: 100%;
  }
}

#wrapper_user_event_datetime_form p:last-child {
  margin-bottom: 0 !important;
}