html {
  font-size: 14px;
}

.col-form-label {
  text-align: end;
}

.material-icons {
  vertical-align: middle;
}

.search-button {
  padding: 2px 2px;
}

.btn-144px {
  min-width: 144px;
  height: 38px;
}

.container {
  max-width: 1100px;
}


.container h2 {
    clip-path: polygon(0% 0.9rem, 0% 100%, 100% 100%, 100% 0%, 0.8rem 0%);
    padding: 0 25px 10px;
    background-color: #0056a9;
    background-repeat: no-repeat;
    background-position: 10px 3px;
    color: #ffffff;
    margin: 40px auto 20px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    padding-top: 12px;
}

.container h3 {
  padding: 8px 15px;
  background: #f3f3f3;
  color: #333333;
  margin: 30px auto 10px;
  font-size: 18px;
  font-weight: bold;
  clear: both;
  background-repeat: no-repeat;
  background-position: 12px center
}

.material-icons.md-36 {
  font-size: 36px;
}

.upFixedButton {
  left: calc((100% - 7rem));
  top: calc((100% - 9rem));
  background-color: #0062cc;
  position: fixed;
  height: 3rem;
  width: 3rem;
  z-index: 99;
}

.downFixedButton {
  left: calc((100% - 7rem));
  top: calc((100% - 5rem));
  background-color: #0062cc;
  position: fixed;
  height: 3rem;
  width: 3rem;
  z-index: 99;
}

.CodeMirror, .CodeMirror-scroll {
  min-height: 5rem;
}

.hide {
  display: none;
}

.break {
  word-break: break-all;
}

footer {
}

.modal-footer{
  justify-content : center;
}

.contents .page-content h5 {
  margin: 5px auto 5px 5px;
  font-size: 1.2rem;
  font-weight: unset;
  text-decoration: none;
}

.contents .page-content table td, .contents .page-content table th {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
}

.contents .page-content table th {
  background: #F3F3F3;
}

.contents .page-content table {
  border: 5px solid #ccc;
}

th.align-middle div.form-check, td.align-middle div.form-check {
  padding-left: 1.75rem;
}

li.active > a.page-link {
  cursor: default;
}