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: 650px;
}

/* 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;
  }
}

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

/* Add responsiveness - on screens less than 768px, 100% Width */
@media screen and (max-width: 768px) {
.acolumn1of3 {
  width: 100%;
  padding-right: 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;
  }
}

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

/* Add responsiveness - on screens less than 768px, 100% Width */
@media screen and (max-width: 768px) {
.acolumn2and3of3 {
  width: 100%;
  border-left: 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: #fff !important;
  border: none;
}

.crmEntityFormView label {
  background-color: #fff !important;
}

.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;
}

.modal-body {
  background-color: #fff;
}

.text-muted {
  display: none;
}

div.dt-buttons {
  margin-right: 10px;
}

.tab-title {
  display: none;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #6b6b6b!important;
  color:#fff!important;
}

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

.form-control {
  padding: 0.25rem 0.75rem!important;
}

.input-group-addon {
  padding: 5px 12px!important;
  background-color: inherit!important;
  border-radius: 0px 0.375rem 0.375rem 0px !important;
}

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

a p {
  font-size: 14px;
}

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

.calendar-views .btn.active {
  color: #376092!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;
}

.page-link {
  color:inherit!important;
}

.clearlookupfield, .launchentitylookup {
  border: 1px solid #949494;
  line-height: 1.42857;
}

.paginate_button.page-item.active {
  color: #f1f1f1;
}

.btn:hover {
    color: #376092;
}

.navbar-brand {
    padding: 0px;
}