a svg {
  color: #616161 !important;
}

/******************* Timeline Demo - 4 *****************/
.main-timeline4{overflow:hidden;position:relative; padding-bottom: 40px;}
.main-timeline4:before{content:"";width:5px;height:70%;background:#333;position:absolute;top:70px;left:50%;transform:translateX(-50%)} /** เส้นกลาง **/
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:before{top:50%;transform:translateY(-50%);content:""}
.main-timeline4 .timeline{width:50%;padding-left:100px;float:right;position:relative}
.main-timeline4 .timeline:before{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #333;position:absolute;left:-10px} /** จุดวงกลม **/
.main-timeline4 .timeline-content{display:block;padding-left:150px;position:relative}
.main-timeline4 .timeline-content:before{width:90px;height:10px;border-top:7px dotted #333;position:absolute;left:-92px} /** เส้น **/
.main-timeline4 .year{display:inline-block;width:120px;height:120px;line-height:100px;border-radius:50%;border:10px solid #0164b0;font-size:30px;color:#0164b0;text-align:center;box-shadow:inset 0 0 10px rgba(0,0,0,.4);position:absolute;top:0;left:0}
.main-timeline4 .year:before{content:"";border-left:20px solid #0164b0;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-13px;right:0;transform:rotate(45deg)}
.main-timeline4 .inner-content{padding:20px}
.main-timeline4 .title{font-size:24px;font-weight:600;color:#0164b0;text-transform:uppercase;margin:0 0 5px}
.main-timeline4 .description{font-size:14px;color:#6f6f6f;margin:0 0 5px}
.main-timeline4 .timeline:nth-child(2n){padding:0 100px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .timeline:nth-child(2n):before{left:auto;right:-10px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 150px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-92px;}
.main-timeline4 .timeline:nth-child(2n) .year{right:0}
.main-timeline4 .timeline:nth-child(2n) .year:before{right:auto;left:0;border-left:none;border-right:20px solid #0164b0;transform:rotate(-45deg)}
.main-timeline4 .timeline:nth-child(2){margin-top:110px}
.main-timeline4 .timeline:nth-child(odd){margin:-110px 0 0}
.main-timeline4 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline4 .timeline:first-child,.main-timeline4 .timeline:last-child:nth-child(even){margin:0}
@media only screen and (max-width:1200px){.main-timeline4 .year{top:50%;transform:translateY(-50%)}
}
@media only screen and (max-width:990px){.main-timeline4 .timeline{padding-left:75px}
.main-timeline4 .timeline:nth-child(2n){padding:0 75px 0 0}
.main-timeline4 .timeline-content{padding-left:130px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 130px 0 0}
.main-timeline4 .timeline-content:before{width:68px;left:-68px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-68px}
}
@media only screen and (max-width:767px){.main-timeline4{overflow:visible}
.main-timeline4:before{height:100%;top:0;left:0;transform:translateX(0)}
.main-timeline4 .timeline:before,.main-timeline4 .timeline:nth-child(2n):before{top:60px;left:-9px;transform:translateX(0)}
.main-timeline4 .timeline,.main-timeline4 .timeline:nth-child(even),.main-timeline4 .timeline:nth-child(odd){width:100%;float:none;text-align:center;padding:0;margin:0 0 10px}
.main-timeline4 .timeline-content,.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{display:none}
.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .year{position:relative;transform:translateY(0)}
.main-timeline4 .timeline:nth-child(2n) .year:before,.main-timeline4 .year:before{border:none;border-right:20px solid #0164b0;border-top:10px solid transparent;border-bottom:10px solid transparent;top:50%;left:-23px;bottom:auto;right:auto;transform:rotate(0)}
.main-timeline4 .inner-content{padding:10px}
}

.w-40 {
  width: 40%;
}
.w-30 {
  width: 30%;
}
.w-10 {
  width: 10%;
}

.container-responsive {
  position: relative;
  text-align: center;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: red;
  opacity: 0.3;
  font-size: 80px;
}

.rotate-90 {
  margin-top: 1.5in;
  -webkit-transform: translateX(-100%) rotate(-90deg) scale(0.85); /* Safari */
  -moz-transform: translateX(-100%) rotate(-90deg) scale(0.85); /* Firefox 3.6 Firefox 4 */
  -ms-transform: translateX(-100%) rotate(-90deg) scale(0.85); /* IE9 */
  -o-transform: translateX(-100%) rotate(-90deg) scale(0.85); /* Opera */
  transform: translateX(-100%) rotate(-90deg) scale(0.85); /* W3C */
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
  width: 400mm;
}
.rotate-chart {
  max-height: 6cm !important;
  object-fit: contain;
}

.collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}

.bg-light-danger {
  background-color: #f8d7da;
}

.bg-light-success {
  background-color: #c3e6cb;
}

.bg-light-warning {
  background-color: #ffeeba;
}

.bg-light-primary {
  background-color: #29aeff;
}

.bg-light-primary-gr {
  background-color: #29aeff63;
}

.dropdown-menu {
  z-index: 1060;
}

.has-danger .btn-group > label.btn {
  border-color: #d9534f;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@-webkit-keyframes pace-theme-center-circle-spin {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
  }
}

@-moz-keyframes pace-theme-center-circle-spin {
  from {
    -moz-transform: rotateY(0deg);
  }
  to {
    -moz-transform: rotateY(360deg);
  }
}

@-ms-keyframes pace-theme-center-circle-spin {
  from {
    -ms-transform: rotateY(0deg);
  }
  to {
    -ms-transform: rotateY(360deg);
  }
}

@-o-keyframes pace-theme-center-circle-spin {
  from {
    -o-transform: rotateY(0deg);
  }
  to {
    -o-transform: rotateY(360deg);
  }
}

@keyframes pace-theme-center-circle-spin {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

input.daterange {
  width: 12em;
}

#notification-messages.dropdown-menu {
  width: 400px;
}

.table.border-black thead th {
  border-bottom: 1px solid #000 !important;
}

.border-thick td,
.border-thick tr,
.border-thick th {
  border: 2px solid #000 !important;
}

.border-thick-top {
  border-top: 2px solid #000 !important;
}

.border-thick-right {
  border-top: 2px solid #000 !important;
}

.border-thick-bottom {
  border-top: 2px solid #000 !important;
}

.border-thick-left {
  border-top: 2px solid #000 !important;
}

.table-bordered.border-black td,
.table-bordered.border-black th {
  border: 1px solid #000 !important;
}

table.table-image.borderless td,
table.table-image.borderless th {
  border: none !important;
}

th.table-yellow,
td.table-yellow,
.table-yellow > td,
.table-yellow > th {
  background-color: #ffc107 !important;
}

th.table-blue,
td.table-blue,
.table-blue > td,
.table-blue > th {
  background-color: #449eff !important;
}

th.table-red,
td.table-red,
.table-red > td,
.table-red > th {
  background-color: #ef7985 !important;
}

th.table-green,
td.table-green,
.table-green > td,
.table-green > th {
  background-color: #66d07e !important;
}

th.table-pink,
td.table-pink,
.table-pink > td,
.table-pink > th {
  background-color: #f38dbc !important;
}

th.table-black,
td.table-black,
.table-black > td,
.table-black > th {
  background-color: #000 !important;
}

.underline {
  text-decoration: underline;
}

div.scorallable-container {
  max-width: 100%;
  overflow: auto;
}

div.scorallable-container > div.content-container {
  min-width: 21cm;
}
.document-footer{
  display:none;
}
.header-hidden{
  width:100%; display: none;
}

.table-bordered.border-black thead th.top-line, .table-bordered.border-black td.top-line {
  border-top: 3px solid #000 !important;
}

.table-bordered.border-black thead th.bottom-line, .table-bordered.border-black td.bottom-line {
  border-bottom: 3px solid #000 !important;
}

.table-bordered.border-black thead th.left-line, .table-bordered.border-black td.left-line {
  border-left: 3px solid #000 !important;
}

.table-bordered.border-black thead th.right-line, .table-bordered.border-black td.right-line {
  border-right: 3px solid #000 !important;
}

.table-bordered.border-black td.line {
  border-right: 2px dashed black !important;
}

@media print {
  @page {
    size: A4;
    margin: 0.5in;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, sans-serif;
  }

  html {
    font-size: 10pt;
  }
  
  table.table-print th,
  table.table-print td {
    font-size: 6pt;
    font-size: 10pt;
  }

  table.table-print td {
    padding: 3pt 1.5pt !important;
  }
  table.table-print td > div {
    height: 20pt !important;
  }

  table td.bg-secondary {
    background-color: #6c757d !important;
    -webkit-print-color-adjust: exact;
  }

  .table-print-border {
    border-collapse: collapse;
    border: 2px solid black;
    border-bottom: 2px solid black;
  }

  .table-print {
    width: 100%;
  }

  .img-ex {
    height: 2.5in !important;
    width: 4in !important;
  }

  .chart-container {
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
    width: auto !important;
  }

  .container {
    width: auto;
  }

  .page-printable {
    page-break-after: always;
  }

  .table.table-print thead th {
    border-bottom: 1px solid #000 !important;
    padding: 0 0.1cm;
  }

  .table-bordered.table-print td,
  .table-bordered.table-print th {
    border: 1px solid #000 !important;
    padding: 0 0.1cm;
  }

  th.table-secondary,
  td.table-secondary {
    background-color: #d6d8db !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-primary,
  td.table-primary,
  .table-primary > td,
  .table-primary > th {
    background-color: #b8daff !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-success,
  td.table-success,
  .table-success > td,
  .table-success > th {
    background-color: #c3e6cb !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-warning,
  td.table-warning,
  .table-warning > td,
  .table-warning > th {
    background-color: #ffeeba !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-info,
  td.table-info,
  .table-info > td,
  .table-info > th {
    background-color: #bee5eb !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-dark,
  td.table-dark {
    color: #fff !important;
    background-color: #212529 !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-danger,
  td.table-danger,
  .table-danger > td,
  .table-danger > th {
    background-color: #f5c6cb !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-yellow,
  td.table-yellow,
  .table-yellow > td,
  .table-yellow > th {
    background-color: #ffc107 !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-blue,
  td.table-blue,
  .table-blue > td,
  .table-blue > th {
    background-color: #449eff !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-red,
  td.table-red,
  .table-red > td,
  .table-red > th {
    background-color: #ef7985 !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-green,
  td.table-green,
  .table-green > td,
  .table-green > th {
    background-color: #66d07e !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-pink,
  td.table-pink,
  .table-pink > td,
  .table-pink > th {
    background-color: #f38dbc !important;
    -webkit-print-color-adjust: exact;
  }

  th.table-black,
  td.table-black,
  .table-black > td,
  .table-black > th {
    background-color: #000 !important;
    -webkit-print-color-adjust: exact;
  }

  div.bg-light-danger {
    background-color: #f8d7da !important;
    -webkit-print-color-adjust: exact;
  }

  div.bg-light-blue {
    background-color: #aee0ff !important;
    -webkit-print-color-adjust: exact;
  }

  span.badge-warning {
    color: #212529;
    background-color: #ffc107;
  }

  span.badge-success {
    color: #fff;
    background-color: #28a745;
  }

  span.badge-info {
    color: #fff;
    background-color: #17a2b8;
  }

  .document-footer{
    display:block;
    position:relative;
    top:-25px;
  }

  .header-hidden{
    display: block !important;
  }

  .table-bordered.border-black td.line {
    border-right: 2px dashed black !important;
  }

  .table-bordered.border-black tr.line-bottom {
    border-bottom: 2px black !important;
  }

  .table-bordered.border-black td.line-top-0 {
    border-top: hidden !important;
  }
}

@media (max-width: 575px) {
  #notification-messages.dropdown-menu {
    width: 250px !important;
  }
}
@media (max-width: 991px) {
}
@media (max-width: 575px) {
}
@media (min-width: 576px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}

.page-break-after {
  page-break-after: always;
}
.header-logo {
  max-height: 0.5in !important;
  object-fit: contain;
}

.bg-light-blue {
  background-color: #aee0ff
}