html {
	height: 100%;
	box-sizing: border-box;
}
body {
	position: relative;
  	margin: 0;
  	padding-bottom: 6rem;
  	min-height: 100%;
  	font-family: "Helvetica Neue", sans-serif;
}
footer {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	padding: 15px 70px 15px 0;
	color: #2193b0;
	font-size: 12px;
}

.color_1 { color: #2193b0; }
.background_1 { background-color: #2193b0; }
.color_2 { color: #2d33a3; }
.background_2 { background-color: #2d33a3; }
.color_3 { color: #2da39d; }
.background_3 { background-color: #2da39d; }
.color_4 { color: #4af3ea; }
.background_4 { background-color: #642da3; }

.default-color {
	color:#ccc;
}
.default-background-color {
	background-color:#ccc;
}
.primary-color {
	color:#2193b0;
}
.primary-background-color {
	background-color:#2193b0;
}
.success-color {
	color:#2da39d;
}
.success-background-color {
	background-color:#2da39d;
}
.info-color {
	/*color:#642da3;*/
	color:#2193b0;
}
.info-background-color {
	background-color:#2193b0;
	/*background-color:#642da3;*/
}
.warning-color {
	color:#fa9628;
}
.warning-background-color {
	background-color:#fa9628;
}
.danger-color {
	color:#d9534f;
}
.danger-background-color {
	background-color:#d9534f;
}

body .table{
	padding:5px !important; 
	font-size: 12px; 
	font-family: "Arial", "細明體_HKSCS", "MingLiU_HKSCS";
}
body label{
	font-size: 14px;
	margin-top: 8px;
}

body .container .row div {
	padding-bottom: 10px;
}

body .form-group {
    margin-bottom: 0px!important;
}

.table {
	margin-bottom: 0;
}

.panel, .table td, .table th {font-size: 14px;}

h2 {margin-bottom: 10px;}
h3 {margin-bottom: 10px;}

h2.default {padding: 0 0 5px 0; border-bottom: 2px solid #ccc; color: #ccc; font-size: 24px;}
h3.default {margin-top: 0; border-left: 5px solid #ccc; color: #ccc; padding: 5px 10px; }
h4.default {color: #ccc; padding: 0; margin: 0 0 5px 0; text-decoration: underline; line-height: 140%;}

h2.primary {padding: 0 0 5px 0; border-bottom: 2px solid #2193b0; color: #2193b0; font-size: 24px;}
h3.primary {margin-top: 0; border-left: 5px solid #2193b0; color: #2193b0; padding: 5px 10px;}
h4.primary {color: #2193b0; padding: 0; margin: 0 0 5px 0; text-decoration: underline; line-height: 140%;}

h2.success {padding: 0 0 5px 0; border-bottom: 2px solid #2da39d; color: #2da39d; font-size: 24px;}
h3.success {margin-top: 0; border-left: 5px solid #2da39d; color: #2da39d; padding: 5px 10px;}
h4.success {color: #2da39d; padding: 0; margin: 0 0 5px 0; text-decoration: underline; line-height: 140%;}

h2.info {padding: 0 0 5px 0; border-bottom: 2px solid #2193b0; color: #2193b0; font-size: 24px;}
h3.info {margin-top: 0; border-left: 5px solid #2193b0; color: #2193b0; padding: 5px 10px;}
h4.info {color: #2193b0; padding: 0; margin: 0 0 5px 0; text-decoration: underline; line-height: 140%;}

h2.warning {padding: 0 0 5px 0; border-bottom: 2px solid #fa9628; color: #fa9628; font-size: 24px;}
h3.warning {margin-top: 0; border-left: 5px solid #fa9628; color: #fa9628; padding: 5px 10px;}
h4.warning {color: #fa9628; padding: 0; margin: 0 0 5px 0; text-decoration: underline; line-height: 140%;}

h2.danger {padding: 0 0 5px 0; border-bottom: 2px solid #d9534f; color: #d9534f; font-size: 24px;}
h3.danger {margin-top: 0; border-left: 5px solid #d9534f; color: #d9534f; padding: 5px 10px;}
h4.danger {color: #d9534f; padding: 0; margin: 0 0 5px 0; text-decoration: underline; line-height: 140%;}

.form-control input[type="text"]:focus {
  border-color: #2193b0!important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 45, 163, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 45, 163, 0.6);
}

.form-control textarea:focus {
  border-color: #2193b0!important;
}

/*
.modal-dialog-center{
    position: fixed !important;
    -webkit-transform: translate(-50%, -45%) !important;
    -ms-transform: translate(-50%, -45%) !important;
    transform: translate(-50%, -45%) !important;
    left: 50% !important;
    top: 45% !important;
    width: auto;
    min-width: 50%;
}
*/


@media (min-width: 768px) {
	fieldset.fieldset-default {
		/*min-width: 0;*/
		border: 1px solid #D8D8D8;
		padding: 15px;
		/*margin: 0;*/
	}
	legend.legend-default {
		display: block;
		/*width: 100%;*/
		width: auto;
		padding: 0;
		margin: 0 10px 10px;
		padding: 0 5px;
		font-size: 14px;
		font-weight: bold;
		line-height: inherit;
		color: #A4A4A4;
		border: 0;
		border-bottom: 0;
	}
	
	fieldset.fieldset-primary {
		/*min-width: 0;*/
		border: 1px solid #014898;
		padding: 15px;
		/*margin: 0;*/
	}
	legend.legend-primary {
		display: block;
		/*width: 100%;*/
		width: auto;
		padding: 0;
		margin: 0 10px 10px;
		padding: 0 5px;
		font-size: 14px;
		font-weight: bold;
		line-height: inherit;
		color: #014898;
		border: 0;
		border-bottom: 0;
	}
	
	fieldset.fieldset-warning {
		/*min-width: 0;*/
		border: 1px solid #fa9628;
		padding: 15px;
		/*margin: 0;*/
	}
	legend.legend-warning {
		display: block;
		/*width: 100%;*/
		width: auto;
		padding: 0;
		margin: 0 10px 10px;
		padding: 0 5px;
		font-size: 14px;
		font-weight: bold;
		line-height: inherit;
		color: #fa9628;
		border: 0;
		border-bottom: 0;
	}
	
	fieldset.fieldset-success {
		/*min-width: 0;*/
		border: 1px solid #5cb85c;
		padding: 15px;
		/*margin: 0;*/
	}
	legend.legend-success {
		display: block;
		/*width: 100%;*/
		width: auto;
		padding: 0;
		margin: 0 10px 10px;
		padding: 0 5px;
		font-size: 14px;
		font-weight: bold;
		line-height: inherit;
		color: #5cb85c;
		border: 0;
		border-bottom: 0;
	}

	fieldset.fieldset-danger {
		/*min-width: 0;*/
		border: 1px solid #d9534f;
		padding: 15px;
		/*margin: 0;*/
	}
	legend.legend-danger {
		display: block;
		/*width: 100%;*/
		width: auto;
		padding: 0;
		margin: 0 10px 10px;
		padding: 0 5px;
		font-size: 14px;
		font-weight: bold;
		line-height: inherit;
		color: #d9534f;
		border: 0;
		border-bottom: 0;
	}
	
	fieldset.fieldset-info {
		/*min-width: 0;*/
		border: 1px solid #5bc0de;
		padding: 15px;
		/*margin: 0;*/
	}
	legend.legend-info {
		display: block;
		/*width: 100%;*/
		width: auto;
		padding: 0;
		margin: 0 10px 10px;
		padding: 0 5px;
		font-size: 14px;
		font-weight: bold;
		line-height: inherit;
		color: #5bc0de;
		border: 0;
		border-bottom: 0;
	}

	.modal {
	  text-align: center;
	  padding: 0!important;
	}
	
	.modal:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  margin-right: -4px;
	}
	
	.modal-dialog {
	  display: inline-block;
	  text-align: left;
	  vertical-align: middle;
	}
}

.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}


.input-group {
	padding:0px 15px!important;
}

.btn-outline-warning {
    border: 1px solid #fa9628!important;
    color: #fa9628!important;
    background-color: #FFFFFF!important;
    background-image: none!important;
}

.btn-outline-primary {
    border: 1px solid #428bca;
    color: darken(#428bca, 6.5%);
    background-color: #FFFFFF;
    background-image: none;
}

/* DataTable color*/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #fa9628;
    border-color: #fa9628;
    cursor: default;
}
table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
    background-color: #fa9628;
}


.modal-open {
    padding-right: -5px !important;
    overflow: auto !important;
}

.important_notes li {line-height: 130%; margin-bottom: 20px; text-align:justify; font-size:16px;}

.container_important_notes {margin-bottom: 10px; background-color: #FCEEFF; padding: 20px; border-radius: 10px; display: none;}


.alert {border-radius: 0;} 
.alert-warning {background-color: #fcf8e3; color: #8a6d3b; border-color: #8a6d3b;}