/* table */
table.dataTable {
	border-collapse: collapse;
}
table.dataTable.no-footer {
	border-bottom: 1px solid #cccccc;
}
th {
	font-weight: 400;
}
.table.table-list {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.table.table-list>thead>tr>th, .table.table-list>tbody>tr>th, .table.table-list>tfoot>tr>th, .table.table-list>tr>th {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 12px 8px;
	background-color: #f2f2f2;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #70b1f3;
}
.table.table-list>thead>tr>td, .table.table-list>tbody>tr>td, .table.table-list>tfoot>tr>td, .table.table-list>tr>td {
	vertical-align: middle;
	padding: 8px;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #cccccc;
}
.table.table-list>tfoot>tr>td {
	background-color: #ffffe2;
}
.table.table-list>tbody>tr>td:first-child, .table.table-list>tfoot>tr>td:first-child {
	border-left: 1px solid #cccccc;
}
.table-detail {
	border: 1px solid #cccccc;
}
.table.table-detail>thead>tr>th, .table.table-detail>tbody>tr>th, .table.table-detail>tfoot>tr>th, .table.table-detail>thead>tr>td, .table.table-detail>tbody>tr>td, .table.table-detail>tfoot>tr>td {
	padding: 12px 8px;
	border: 1px solid #dddddd;
}
.table.table-detail>thead>tr>th, .table.table-detail>tbody>tr>th, .table.table-detail>tfoot>tr>th {
	min-width: 15%;
	vertical-align: middle;
	background-color: #f0f0f0;
}
.table.table-detail {
	margin-bottom: 10px;
}

.table-write {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}
.table.table-write>thead>tr>th, .table.table-write>tbody>tr>th, .table.table-write>tfoot>tr>th, .table.table-write>thead>tr>td, .table.table-write>tbody>tr>td, .table.table-write>tfoot>tr>td {
	height: 50px;
}
.table.table-write>thead>tr>th, .table.table-write>tbody>tr>th, .table.table-write>tfoot>tr>th {
	min-width: 12%;
	vertical-align: middle;
	border-left: 1px solid #cccccc;
}
.table-write td .form-group {
	margin-bottom: 0;
}
.table-write td .radio-inline, .table-write td .checkbox-inline {
	margin-top: 5px;
}

table.dataTable thead th, table.dataTable thead td {
	font-weight: 400;
}
table.table-list.dataTable th,
table.table-list.dataTable td {
	white-space: nowrap;
}
.dataTables_filter input {
	border: 1px solid #cccccc;
}
.dataTables_wrapper .dataTables_paginate {
	margin-top: 0.5em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 5px 12px;
	margin-left: -1px;
	border: 1px solid #dddddd;
	border-radius: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #ffffff !important;
	font-weight: 400;
	border-radius: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
	background: #bbbbbb;
	border: 1px solid #bbbbbb;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #aaaaaa !important;
	border: 1px solid #eeeeee;
}
.table-total td, .td-total {
	background-color: #ccffff;
}
.td-line td {
	border-left: 1px solid #dddddd;
}
.th-center th, .td-center td {
	text-align: center;
}
.td-center td.text-left {
	text-align: left;
}
.td-center td.text-right {
	text-align: right;
}
.table td .radio-inline, .table td .checkbox-inline {
	height: 24px;
}
.table td .form-group {
	margin-bottom: 0;
}
th small {
	color: rgba(0,0,0,.5);
}

.table .dropdown .btn-default {
	text-align: left;
}
.table .dropdown .btn-default .fa {
	position: absolute;
	top: 10px; right: 12px;
	color: #777777;
}
.table .dropdown .btn-clear {
	padding: 10px 3px;
	background: transparent;
	border-radius: 5px;
}
.table .dropdown .btn-clear:hover,
.table .dropdown .btn-clear:focus {
	color: #2c5fcd;
	background-color: #f2f2f2;
}
.table .dropdown .dropdown-menu {
	padding: 5px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
.table .dropdown .dropdown-menu>li {
	float: left;
	width: 33.333333%;
}
tr.total>td {
	background-color: #fdfce5;
}

@media screen and (max-width: 768px) {
	/* mobile */
	.table.table-detail>thead>tr>th, .table.table-detail>tbody>tr>th, .table.table-detail>tfoot>tr>th { width: 30%; }
	.table-write td .form-group { margin-bottom: 5px; }
	.table.table-write>thead>tr>th, .table.table-write>tbody>tr>th, .table.table-write>tfoot>tr>th  { display: table; width: 100%; height: inherit; line-height: 2.2em; text-indent: 5px; border-bottom: none; }
	.table.table-write>thead>tr>td, .table.table-write>tbody>tr>td, .table.table-write>tfoot>tr>td  { display: table; width: 100%; height: inherit; border-left: 1px solid #cccccc; border-top: none; }
	.table-write .form-inline, .table-write .input-group, .table-write .form-group, .table-write .btn-group { margin: 5px; }
	.table-write .form-inline .input-group, .table-write .form-inline .form-group { margin-right: 0px; margin-left: 0px; }
	.table-write td .radio-inline, .table-write td .checkbox-inline { margin-bottom: 10px; }
	.table-write td .radio-inline:first-child, .table-write td .checkbox-inline:first-child { margin-left: 5px; }
}