/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

/* table表示用*/
.table-form {
  text-align: center !important;
  border: none !important;
}

th.fix-topcol {
  z-index: 20 !important;
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  background: #fff !important;
  &:before {
    content: ;
    position: absolute !important;
    top: -1px !important;
    left: -1px !important;
    width: 100% !important;
    height: 100% !important;
  }
}

td.fix-topcol {
  position: sticky !important;
  top: 0;
  left: 0 !important;
  background: #fff !important;
  text-align: right !important;
  vertical-align: middle !important;
  &:before {
    content: ;
    position: absolute !important;
    top: -1px;
    left: -1px !important;
    width: 100% !important;
    height: 100% !important;
  }
}

td input.form-control {
  /*height: calc(1rem) !important;
  padding: 12px !important;*/
}

.table-responsive {
  max-height: 80vh !important;
  max-height: calc(var(--vh, 1vh) * 80) !important;
}

.table td {
  padding: 0 !important;
  height: calc(1rem) !important;
  vertical-align: middle !important;
}

.table {
  text-align: center !important;
}

/* Chart.js */
@keyframes chartjs-render-animation {
  from {
    opacity: 0.99;
  }
  to {
    opacity: 1;
  }
}

@media(max-width: 450px){
    .chart-container{
        position: relative;
        width:80vw;
        height:80vw;
    }
}

.chartjs-render-monitor {
  animation: chartjs-render-animation 1ms;
}
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
  position: absolute;
  direction: ltr;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  z-index: -1;
}
.chartjs-size-monitor-expand > div {
  position: absolute;
  width: 1000000px;
  height: 1000000px;
  left: 0;
  top: 0;
}
.chartjs-size-monitor-shrink > div {
  position: absolute;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
}