/** 案件で必要なCSSをこちらに記載します */

/* system.cssのスタイルを打ち消す設定 */
input.form-control, select.form-control {
	border: 1px solid #ccc;
	font-size: 14px;
	height: 34px;
	padding: 6px 12px;
	width: 100%;
}

section.content-header {
	padding: 15px 15px 0 15px;
}

section.content {
	padding: 15px 15px 0 15px;
}

section.content-fotter {
	padding: 15px 15px 0 15px;
}

div.box {
	margin-bottom: 20px;
}

div.training-detail-header {
	background-color: #fffafa;
    border-top: 1px solid pink;
    border-bottom: 1px solid pink;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 15px;
    font-size: 20px;
}

span.clue {
	color: #A1A3A6;
	white-space: nowrap;
	font-size: 12px;
}

.box, .btn {
	font-size: 14px;
}

.ellipsis-span {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 160px;
}

.pointer-anchor {
	cursor: pointer;
}

.table-fixed {
  width: 100%;
  table-layout: fixed;
}

div.name input[type="text"]:not(:first-child){
	margin-left:50px;
	margin-right:20px;
}

div.kana input[type="text"]:not(:first-child){
	margin-left:36px;
	margin-right:20px;
}
span.alert{
	color:red;
}

div.form-check-inline{
	display: inline;
    list-style: none;
    padding-right: 20px;
}

.box.box-primary {
    border-top-color: #ecf0f5;
}
.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}
.btn:active {
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.box {
    position: relative;
    border-radius: 3px;
    background: #FFFFFE;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #FFFCEE;
}
.table-striped>tbody>tr:first-child {
    background-color: #FDE3E8;
}
.box-header {
    background-color: #fb7b9b;
    color: #fff;
}
.table-box th {
    background-color: #FDE3E8;
    width: 25%;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
}
.btn-primary {
    background-color: #30B27F;
    border-color: #30B27F;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
    background-color: #30B27F;
    border-color: #30B27F;
    outline: none;
    background-color: #30B27F;
    opacity: 0.7;
}
.box-header.with-border {
  border-bottom: 1px #f4f4f4;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table-hover>tbody>tr:first-child {
    background-color: rgba(255, 118, 141, 0.728);
}

.box {
    border-top: 3px solid #fb7b9b;
}
.pass-table th {
    background-color: #FDE3E8;
}
.pass-table th, .pass-table td {
    border: 1px solid #fff;
}
.pagination>li>a {
    background: #fff;
    color: #666;
}

table.dataTable>thead {
	background-color: #fb7b9b;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #fff;
}

.table-striped-child>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table-striped-child>tbody>tr:nth-of-type(odd) {
    background-color: #FFFCEE;
}
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #fb7b9b;
    border-color: #fb7b9b;
}

.box-header-child {
    background-color: #fff;
    padding: 10px;
}
.box-header-child.with-border {
  border-bottom: 1px #f4f4f4;
}
.text-alert {
	color: red;
	font-weight: bold;
}
.menkyo_header{
	text-align: right;
	padding-right: 0
}
.shokushu_info {
	display: flex;
	align-items: center;
}
.menkyo_header {
	text-align: right;
	padding-right: 0
}
.menkyo_label {
	padding-left: 0
}