/* CSS Document for bootstrap4 */

/* --------------------------------------------------
	custome table
-------------------------------------------------- */
.tbl-r05 .btn-primary:focus, .btn-primary.focus,
.tbl-r05 .btn-primary:not(:disabled):not(.disabled).active,
.tbl-r05 .btn-primary:not(:disabled):not(.disabled).active.focus {
	background-color: #1a63c6 !important;
	border-color: #1a63c6 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1a63c6), color-stop(60%, #1a63c6), to(#0f4a9a)) !important;
	background-image: linear-gradient(#1a63c6, #1a63c6 60%, #0f4a9a) !important;
	-webkit-box-shadow: 0 0 0 0.2rem rgb(26 99 198) !important;
	box-shadow: 0 0 0 0.2rem rgb(26 99 198) !important;
}

@media (max-width: 767.98px) {
  .tbl-r05 thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 th {
    display: block;
    text-align: center;
    width: 100%;
    font-weight: bold;
    cursor: pointer;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}

/* --------------------------------------------------
	for dataTable
-------------------------------------------------- */
table.dataTable.table-sm>thead>tr>th {
	padding-right: 0;
}
/* --------------------------------------------------
	sub-title
-------------------------------------------------- */
nav > h4 {
	letter-spacing: 0.2rem;
}
/* --------------------------------------------------
	datepicker
-------------------------------------------------- */
.date-sunday {
	color: red !important;
}
.date-saturday {
	color: blue !important;
}

/* --------------------------------------------------
	grid
-------------------------------------------------- */
.show-grid {
	border-bottom: 1px solid #ddd;
	border-bottom: 1px solid rgba(86,61,124,.2);
}
.show-grid [class^="col-"] {
	padding: 10px 2%;
	border-collapse: collapse;
	border-spacing: 0;
}

/* --------------------------------------------------
	font
-------------------------------------------------- */
.text-small {
	font-size:0.6em;
}
.text-smaller {
	font-size:0.8em;
}
.text-normal {
	font-size:1.0rem;
	font-style: normal;
	font-weight: normal;
}
.text-larger {
	font-size:1.2em;
}
.text-large {
	font-size:1.4em;
}
.text-x-large {
	font-size:1.8em;
}
.text-default{
	color: #212529;
}
.text-italic{
	font-style: italic;
}
.text-bolder{
	font-weight: bolder;
}
.text-bold{
	font-weight: bold;
}
.text-pink{
	color: #e00000;
}
.text-link-black{
	color: #495057;
	text-decoration:underline;
}

/* --------------------------------------------------
	spacer
-------------------------------------------------- */
.margA0 {
	margin: 0px;
}

.margA5 {
	margin: 5px;
}

.margA10 {
	margin: 10px;
}

.margA15 {
	margin: 15px;
}

.margA20 {
	margin: 20px;
}

.margA30 {
	margin: 30px;
}

.margA40 {
	margin: 40px;
}

.margA50 {
	margin: 50px;
}

.margT0 {
	margin-top: 0px;
}

.margT5 {
	margin-top: 5px;
}

.margT10 {
	margin-top: 10px;
}

.margT15 {
	margin-top: 15px;
}

.margT20 {
	margin-top: 20px;
}

.margT30 {
	margin-top: 30px;
}

.margT40 {
	margin-top: 40px;
}

.margT50 {
	margin-top: 50px;
}

.margB0 {
	margin-bottom: 0px;
}

.margB5 {
	margin-bottom: 5px;
}

.margB10 {
	margin-bottom: 10px;
}

.margB15 {
	margin-bottom: 15px;
}

.margB20 {
	margin-bottom: 20px;
}

.margB30 {
	margin-bottom: 30px;
}

.margB40 {
	margin-bottom: 40px;
}

.margB50 {
	margin-bottom: 50px;
}

.margTB0 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.margTB5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.margTB10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margTB15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.margTB20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.margTB30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margTB40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.margTB50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

.margL0 {
	margin-left: 0px;
}

.margL5 {
	margin-left: 5px;
}

.margL10 {
	margin-left: 10px;
}

.margL15 {
	margin-left: 15px;
}

.margL20 {
	margin-left: 20px;
}

.margL30 {
	margin-left: 30px;
}

.margL40 {
	margin-left: 40px;
}

.margL50 {
	margin-left: 50px;
}

.margR0 {
	margin-right: 0px;
}

.margR5 {
	margin-right: 5px;
}

.margR10 {
	margin-right: 10px;
}

.margR15 {
	margin-right: 15px;
}

.margR20 {
	margin-right: 20px;
}

.margR30 {
	margin-right: 30px;
}

.margR40 {
	margin-right: 40px;
}

.margR50 {
	margin-right: 50px;
}

.margLR0 {
	margin-right: 0px;
	margin-left: 0px;
}

.margLR5 {
	margin-right: 5px;
	margin-left: 5px;
}

.margLR10 {
	margin-right: 10px;
	margin-left: 10px;
}

.margLR15 {
	margin-right: 15px;
	margin-left: 15px;
}

.margLR20 {
	margin-right: 20px;
	margin-left: 20px;
}

.margLR30 {
	margin-right: 30px;
	margin-left: 30px;
}

.margLR40 {
	margin-right: 40px;
	margin-left: 40px;
}

.margLR50 {
	margin-right: 50px;
	margin-left: 50px;
}

.paddA0 {
	padding: 0px;
}

.paddA5 {
	padding: 5px;
}

.paddA10 {
	padding: 10px;
}

.paddA15 {
	padding: 15px;
}

.paddA20 {
	padding: 20px;
}

.paddA30 {
	padding: 30px;
}

.paddA40 {
	padding: 40px;
}

.paddA50 {
	padding: 50px;
}

.paddT0 {
	padding-top: 0px;
}

.paddT5 {
	padding-top: 5px;
}

.paddT10 {
	padding-top: 10px;
}

.paddT20 {
	padding-top: 20px;
}

.paddT30 {
	padding-top: 30px;
}

.paddT40 {
	padding-top: 40px;
}

.paddT50 {
	padding-top: 50px;
}

.paddB0 {
	padding-bottom: 0px;
}

.paddB5 {
	padding-bottom: 5px;
}

.paddB10 {
	padding-bottom: 10px;
}

.paddB20 {
	padding-bottom: 20px;
}

.paddB30 {
	padding-bottom: 30px;
}

.paddB40 {
	padding-bottom: 40px;
}

.paddB50 {
	padding-bottom: 50px;
}

.paddTB0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.paddTB5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.paddTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.paddTB15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.paddTB20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.paddTB30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.paddTB40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.paddTB50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.paddL0 {
	padding-left: 0px;
}

.paddL5 {
	padding-left: 5px;
}

.paddL10 {
	padding-left: 10px;
}

.paddL20 {
	padding-left: 20px;
}

.paddL30 {
	padding-left: 30px;
}

.paddL40 {
	padding-left: 40px;
}

.paddL50 {
	padding-left: 50px;
}

.paddR0 {
	padding-right: 0px;
}

.paddR5 {
	padding-right: 5px;
}

.paddR10 {
	padding-right: 10px;
}

.paddR20 {
	padding-right: 20px;
}

.paddR30 {
	padding-right: 30px;
}

.paddR40 {
	padding-right: 40px;
}

.paddR50 {
	padding-right: 50px;
}

.paddLR0 {
	padding-left: 0px;
	padding-right: 0px;
}

.paddLR5 {
	padding-left: 5px;
	padding-right: 5px;
}

.paddLR10 {
	padding-left: 10px;
	padding-right: 10px;
}

.paddLR15 {
	padding-left: 15px;
	padding-right: 15px;
}

.paddLR20 {
	padding-left: 20px;
	padding-right: 20px;
}

.paddLR30 {
	padding-left: 30px;
	padding-right: 30px;
}

.paddLR40 {
	padding-left: 40px;
	padding-right: 40px;
}

.paddLR50 {
	padding-left: 50px;
	padding-right: 50px;
}