/**
 * Chrome / Safari / Opera
 */
::-webkit-input-placeholder {
  color: #c7c7c7;
  opacity: 0.8;
}

/**
 * Firefox 19+
 */
::-moz-placeholder {
  color: #c7c7c7;
  opacity: 0.8;
}

/**
 * Firefox 18+
 */
:-moz-placeholder {
  color: #c7c7c7;
  opacity: 0.8;
}

/**
 * Internet Explorer 10+
 */
:-ms-input-placeholder {
  color: #c7c7c7;
  opacity: 0.8;
}

/**
 * Standard
 */
::placeholder {
  color: #c7c7c7;
  opacity: 0.8;
}

.global-display-inline-block {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .global-page {
    max-width: 720px;
  }
}

@media screen and (min-width: 992px) {
  .global-page {
    max-width: 940px;
  }
}

@media screen and (min-width: 1200px) {
  .global-page {
    max-width: 1140px;
  }
}

.global-text-transform-none {
	text-transform: none;
}

/**
 * Animated Underline
 */

.animated-underline-wrapper {
	width: max-content;
}

.animated-underline-wrapper:hover {
  cursor: pointer;
}

.animated-underline {
  margin: 0 auto;
  padding: 0;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.animated-underline:before,
.animated-underline:after {
  background-color: #ffffff;
  bottom: -10px;
  content: '';
  height: 5px;
  margin: 5px 0 0;
  opacity: 0;
  position: absolute;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.75s;
  width: 0;
}

.animated-underline.animated-underline-1:before,
.animated-underline.animated-underline-1:after {
  left: 0;
}

.animated-underline-wrapper:hover .animated-underline:before,
.animated-underline-wrapper:hover .animated-underline:after {
  opacity: 1;
  width: 100%;
}

.grow {
  transition: all .2s ease-in-out;
}

.grow:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  transform: scale(1.1);
}

.global-font-family-arial {
  font-family: Arial, sans-serif !important;
}

/**
 * DataTables Overrides
 *
 * @todo Move the lines below to datatables-overrides.css.
 */
@media (max-width:768px) {
  .dataTables_wrapper.dt-bootstrap5 .row:first-child div.col-sm-12.col-md-6 {
    margin: 0 auto;
    width: inherit;
  }

  .dataTables_wrapper.dt-bootstrap5 .row:first-child div.col-sm-12.col-md-6 {
    margin-bottom: 5px;
  }
}