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

.acolumn30 {
  float: left;
  width: 32%;
  margin-left: 1%;
}

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

.s40m100 {
  width: 40%;
}

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

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

*:disabled {
  opacity: 1;
}

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

.tab-title {
  display: none;
}

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

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

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

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

.dt-search {
  display: inline-flex;
  float: right;
}

div.dt-container div.dt-paging ul.pagination {
    justify-content: flex-end;
}

.dt-info {
    padding-top: .85em;
}

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

.modal-body, .modal-content {
  background-color: #fff !important;
}

.text-muted {
  display: none;
}

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

.tab-title {
  display: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #122538!important;
  color: #f1f1f1!important;
}

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

/*
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-radius: 0.375rem;
}
*/

.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 {
  background-color: #122538!important;
}

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

.active>.page-link, .page-link.active {
  background-color: #FFA400!important;
  border-color: #FFA400!important;
}

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

.clearlookupfield, .launchentitylookup {
  border: 1px solid #ccc;
}

.input-group-addon {
  padding: .325rem .75rem;
}

.input-group-addon:last-child {
  border-radius: 0 4px 4px 0;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled], .form-control {
  background-color: transparent;
}

.form-control, .input-group-text {
  line-height: 1.42857;
  padding: .325rem .75rem;
  background-color:#fff !important;
}

.field-label {
  white-space: nowrap;
}

/* Add responsiveness - on screens less than 768px */
@media screen and (max-width: 768px) {
  .field-label {
    white-space: normal;
  }
}

.text-muted {
  display: none;
}

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

.navbar {
  --bs-navbar-padding-y: 0!important;
}

.underlineHoverNone:hover {
  text-decoration: none !important;
}

.dropdown-toggle:hover {
  text-decoration: none !important;
}

.grid-actions {
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.page-link {
  color: inherit;
}

.page-link:hover {
  color: inherit;
}

input.form-control{
  border: 1px solid #ced4da !important;
}