@charset "UTF-8";

/* chrome print layout fix */

@page {
  size: auto;
  margin: 0;
}

.hidden {
  display: none;
}

/* reduce form spacing */

.kt-form .form-group {
  margin-bottom: 0.8rem;
}

.form-control:not(select):-moz-read-only {
  background-color: #f7f8fa;
}

.form-control:not(select):read-only {
  background-color: #f7f8fa;
}

/* button color change */

.text-primary tr td {
  color: #5867dd !important;
}

/* bootstrap print block fix */

.d-print-block {
  display: none;
}

.tt-dropdown-menu {
  overflow-y: auto;
}

@media print {
  .d-print-block {
    display: block;
    font-size: 12px;
  }

  .d-print-block h2 {
    font-size: 22px;
  }

  .print-book {
    padding: 0 !important;
  }

  .print-book table {
    border: 1px solid #6d21a1;
    font-size: 80%;
    border-spacing: 0px;
    border-collapse: collapse;
  }

  .print-book table td {
    border: 1px solid #6d21a1;
    padding: 2px;
  }

  .print-book table tbody td {
    vertical-align: middle;
  }

  .kt-wrapper {
    padding: 0 !important;
  }

  .dataTables_wrapper .row:first-child {
    display: none;
  }

  .dataTables_wrapper .row:last-child {
    display: none;
  }

  .dataTables_wrapper th:after {
    display: none !important;
  }

  .dataTables_wrapper th:before {
    display: none !important;
  }

  .pagebreak {
    clear: both;
    page-break-after: always;
  }
}

.smaller {
  font-size: 80%;
}

.kt-chat__editor textarea {
  color: #495057 !important;
}

.twitter-typeahead {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.child-table tbody tr:first-child td {
  border: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

/*
 * CUSTOM TABLE STYLING
 */

.dataTables_wrapper .dataTable td,
.dataTables_wrapper .dataTable th {
  color: inherit;
}

.document-table thead th {
  border: none !important;
}

.document-table tbody tr td {
  border-bottom: 1px dotted #000 !important;
  border-top: 1px dotted #000 !important;
}

.document-table tbody tr td:first-child {
  border-left: 1px solid #000 !important;
  border-right: none;
}

.document-table tbody tr td:last-child {
  border-left: 1px solid #000 !important;
  border-right: 1px solid #000 !important;
}

.document-table tbody tr:first-child td {
  border-top: 1px solid #000 !important;
}

.document-table tbody tr:last-child td {
  border-bottom: 1px solid #000 !important;
}

.document-table-2 td {
  border-color: #6d21a1 !important;
  text-align: center;
  vertical-align: middle !important;
}

.document-table-2 .right td {
  text-align: right;
  vertical-align: middle !important;
}

tr.updated td {
  color: #0abb87 !important;
  font-weight: bold;
}

tr.deleted td {
  color: #fd397a !important;
  font-weight: bold;
}

/*
 * BUTTON PULSE ANIMATION
 */

.pulse {
  overflow: visible;
  position: relative;
}

.pulse:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  /*background-color: #fd397a;*/
  border-radius: inherit;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
          animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
}

@-webkit-keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  50% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

/*
 * TABLE ROW STRIKETHROUGH
 */

/*table { border-collapse: collapse; empty-cells: show; }*/

tr.cancelled td {
  position: relative;
}

tr.cancelled td:not(.d-flex):before {
  content: " ";
  position: absolute;
  top: 40%;
  left: 0;
  border-bottom: 1px solid #111111;
  width: 100%;
}

tr.cancelled td:not(.d-flex):after {
  content: "\B7";
  font-size: 1px;
}

.scrollable-table .table .center {
  text-align: center;
}

.scrollable-table .table .left {
  text-align: left;
}

.scrollable-table .table .right {
  text-align: right;
}

@media print {
  .scrollable-table .table {
    border-collapse: collapse;
  }

  .scrollable-table .table td {
    page-break-inside: avoid !important;
    word-wrap: break-word;
  }

  .scrollable-table .table td,
  .table th {
    margin: 0 !important;
    padding: 2px !important;
  }

  .scrollable-table .table td {
    border-color: #808080;
  }

  .scrollable-table .table th {
    border-color: #808080;
  }

  .scrollable-table .table tfoot {
    display: none;
  }
}

@media screen {
  .scrollable-table {
    overflow-y: scroll;
    height: 65vh;
  }

  .scrollable-table .header-row th {
    position: sticky;
    top: -4px;
    z-index: 2;
  }

  .scrollable-table .footer-row td {
    position: sticky;
    bottom: -4px;
    z-index: 2;
  }

  .scrollable-table .table .footer {
    display: none;
  }
}