html {
  scroll-behavior: smooth;
}

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}

.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hideOnMobile {
  justify-content:center;
  padding-bottom:10px;
  text-decoration: none;
}

/* Add responsiveness - on screens less than 768px, hide element */
@media screen and (max-width: 768px) {
  .hideOnMobile {
    display: none;
  }
}

/* Create 3 equal columns that floats next to each other */
.column3right {
  float: right;
  width: 33.33%;
  margin: auto;
}

/* Add responsiveness - on screens less than 768px, make the navigation links appear on top of each other, instead of next to each other */
@media screen and (max-width: 768px) {
  .column3right {
    /* width: 100%; */
    width: auto;
  }
}

/* Create 5 equal columns that floats next to each other */
.column5right {
  float: right;
  width: 20%;
  margin: auto;
}

/* Add responsiveness - on screens less than 768px, make the navigation links appear on top of each other, instead of next to each other */
@media screen and (max-width: 768px) {
  .column5right {
    /* width: 100%; */
    width: auto;
  }
}

.hideFlexOnMobile {
  display:flex;
  justify-content:center;
  padding-bottom:10px;
}

/* Add responsiveness - on screens less than 768px, hide element */
@media screen and (max-width: 768px) {
  .hideFlexOnMobile {
    display: none;
  }
}

.showOnMobile {
    display: none;
}

/* Add responsiveness - on screens less than 768px, hide element */
@media screen and (max-width: 768px) {
  .showOnMobile {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.flexOnMobile {
    display: none;
}

/* Add responsiveness - on screens less than 768px, hide element */
@media screen and (max-width: 768px) {
  .flexOnMobile {
    display: flex;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.fullOnMobile {
  margin: 10px;
  display: inline-block;
  width: -moz-available;          /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
  min-height: 500px;
}

/* Add responsiveness - on screens less than 768px, make the navigation links appear on top of each other, instead of next to each other */
@media screen and (max-width: 768px) {
  .fullOnMobile {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.acolumn1 {
    float: left;
    width: 49.8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: auto;
}

/* Add responsiveness - on screens less than 768px, 100% Width */
@media screen and (max-width: 768px) {
  .acolumn1 {
    width: 100%;
    border-right: none;
  }
}

.acolumn2 {
    float: right;
    width: 49.8%;
    padding-left: 10px;
}

/* Add responsiveness - on screens less than 768px, 100% Width */
@media screen and (max-width: 768px) {
  .acolumn2 {
    width: 100%;
    padding-left: 0px;
  }
}

.acolumn1and2of3 {
    float: left;
    width: 69.6%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: auto;
}

/* Add responsiveness - on screens less than 768px, 100% Width */
@media screen and (max-width: 768px) {
  .acolumn1and2of3 {
    width: 100%;
    border-right: none;
  }
}

.acolumn3of3 {
    float: right;
    width: 30%;
    padding-left: 10px;
}

/* Add responsiveness - on screens less than 768px, 100% Width */
@media screen and (max-width: 768px) {
  .acolumn3of3 {
    width: 100%;
    padding-left: 0px;
  }
}

.signinpage {
    min-height: 800px;
}

/* Add responsiveness - on screens less than 768px */
@media screen and (max-width: 768px) {
  .signinpage {
    min-height: 600px;
  }
}

.signinpagecontent {
    background-color: #fff;
    margin-top: 300px;
    padding: 24px;
    border-radius: 8px;
}

/* Add responsiveness - on screens less than 768px */
@media screen and (max-width: 768px) {
  .signinpagecontent {
    margin-top: 150px;
  }
}

.bground-transparent, .entitylist, .panel-body {
  background-color: transparent;
}

.tab-title {
  display: none;
}

.crmEntityFormView {
  background-color: transparent;
  border: none;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.pagination > li > a, .pagination > li > span {
  width: auto;
  height: auto;
}

.dataTables_length {
  display: inline-flex;
  padding-left: 15px;
}

.dataTables_filter {
  display: inline-flex;
  float: right;
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
  border: none;
}

.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
  line-height: inherit;
}

span.label.label-default.event-info {
  color: #555;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
  background-color: #485F2E!important;
}

.calendar-views .btn.active {
  color: #485F2E!important;
}

.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default:focus, .btn-default.focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary:focus, .btn-secondary.focus {
  border-color: initial!important;
}