.text-alue {
  color: #B52821 !important;
}

.btn-alue {
  color: white;
  background: #B52821;
  border: 1px solid #96201b;
}

.btn-default.btn-secondary {
  color: #fff;
  background: #888;
  border-color: #777;
}

.main_logo {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/static/al_common/img/alue-logo.png);
}

.menu_section h3 {
  color: #B52821;
  text-shadow: none;
  text-transform: none;
}

.nav-sm .menu_section h3 {
  display: block
}

.nav.side-menu>li.active, .nav.side-menu>li.current-page {
  border-right: 5px solid #B52821;
}

.label-status {
  font-size:12px;
  font-weight:normal;
  width:72px!important;
  height:18px!important;
}

.filterBtn {
  width: 100%;
}

.btn[disabled] {
  background-color: #ccc;
}

.overflow-auto{
  overflow: auto;
}

.additional-question-table{
  width: 2500px;
}
.question-table{
  width: 2500px;
}
.question-table.form{
  width: 3500px;
}
.question-table .column-title{
}
#chart {
    height: 400px;
    width: 100%;
    border: 1px solid hsl(0, 0%, 90%);
}
.alert-dark {
    color: #566879;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}
.underline {
  text-decoration: underline;
}

.align-middle {
    vertical-align: middle!important;
}

.checkbox label{
  font-weight: 700;
}
/** C3 グラフのスタイル調整 */

/* 全体 */
.c3 svg {
    font-size: 1.25rem;
}

/* グリッド線 */
.c3-grid line {
    stroke: #ddd;
}
.c3-ygrid-line.grid-line line{
  stroke: #aaa;
  stroke-dasharray: 3 3;
}
.c3-ygrid-line.grid-dot line{
  stroke: #d4d4d4;
  stroke-dasharray: 3 3;
}
.c3-region.region-follow-required {
  fill: red;
}
.c3-region.region-follow-alert {
  fill: orange;
}

/* 画面タイトル */
.x_title {
  display: flex;
}
.x_title h2 {
  width: 100%;
  margin-right: 10px;
  white-space: initial;
  display: inline-block;
}
.x_title a {
  display: inline-block;
}

 /* フォーム */
.form-group .filterReset {
  margin-bottom: 6px;
}

.errorlist{
  margin: 0;
  padding: 0;
  color: red;
  display: inline-block;
  vertical-align: top;
}

.errorlist li{
  list-style: none;
  margin: 0;
}

.form-error-list{

}


.form-error{
  list-style: none;
  color: red;
}

.table th.sort .fa {
  padding-left: 4px;
  color: #acc1d7;
  font-size: larger;
  
}
.table th.sort .fa::before {
  content: "\f0d8"; /* asc fa-caret-up */
}
.table th.sort.desc .fa::before {
  content: "\f0d7"; /* desc fa-caret-down */
}

.table td .fa {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 25px;
}
.table td .fa:not([class$="-o"]) {
  padding: 5px 0;
  height: 22px;
  width:22px;
  border: 2px solid black;
  border-radius: 11px;
  font-size: 11px;
}

.table td .fa.fa-check,
.table td .fa.fa-clock-o,
.table td .fa.ap {
  border-color: #34A853;
  color: #34A853;
  background-color: #34A853;

}
.table td .fa.fa-exclamation {
  border-color: #C00000;
  color: #C00000;
  background-color: #C00000;
}
.table td .fa.fa-circle-o,
.table td .fa.end.fa-check-circle {
  color: gray;
}

.table td .fa.colored_bg {
  color: white;
}
.table td .fa:not(.colored_bg) {
  background-color: white;
}

.table td .form-control.check {
  margin: 0 auto;
  width: 34px;
}

.table td button {
  margin-top: 2px;
  margin-bottom: 2px;
}

.table_wrapper {
  overflow-x: auto;
  transform: rotateX(180deg);
  margin-bottom: 20px;
  word-wrap: break-word;
}
.table_wrapper .table {
  transform: rotateX(180deg);
  margin-bottom: 0;
  margin-top: 3px;
}

.table_wrapper .table th,
.table_wrapper .table td {
  text-align: center;
  vertical-align: middle;
}
.table_wrapper .table th {
  background-color: #2A547E;
  color: white;
  border-bottom-width: 0;
  white-space: nowrap;
  font-weight: normal;
}
.table_wrapper .table td {
  padding: 4px 8px;
}

.table_wrapper .table .name,
.table_wrapper .table .course_name,
.table_wrapper .table .department {
  min-width: 8em;
  max-width: 15em;
}
.table_wrapper .table .employee_no {
  max-width: 10em;
}
/*
.table_wrapper .table .course_no {
}
.table_wrapper .table .num {
}
.table_wrapper .table .date {
}
.table_wrapper .table .status {
}*/
.table_wrapper .table .status3 {
  white-space: nowrap;
}
.table_wrapper .table .status3 > *:nth-child(2) {
  margin: 0 4px;
}
.table_wrapper .table .message {
  min-width: 18em;
}
.table_wrapper .table .judgement {
  white-space: nowrap;
}
.table_wrapper .table .judgement > * {
  display: inline-block;
  width: 2em;
}
.table_wrapper .table td.control {
  white-space: nowrap;
}

.table_wrapper .table .control button {
  margin: 0 0 0 5px;
  padding: 1px 8px;
  border: none;
  line-height: 1.5;
  border-radius: 3px;
  color: white;
}
.table_wrapper .table .control button:not([class*="btn-"]) {
  background-color: gray;
}

.table_wrapper .table .control a:first-child button {
  margin-left: 0;
}

.table_wrapper .table .control a:not([href]) button {
  cursor: auto;
  background-color: #ededed;
}

.table_wrapper .table .control form {
  display: inline;
}

.wp_basic_info h2 {
  word-break: break-word;
}
.wp_basic_info p {
  word-break: break-word;
}
.user_table td {
  word-break: break-all;
}

.wp_info label {
  width: 100%;
}
.wp_info .checkbox {
  margin: 0;
}
.wp_basic_info label {
  font-weight: normal;
}
.wp_basic_info p {
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
}