/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


/* 會包在common.jsp裡 */


:root{
	--header-height: calc(100vh - 4rem);
	--bar-top: 4rem;
	--bar-width-max: 219px;
	--bar-width-min: 55px;
	--base-color: #3e73a3;  /* #1F4E79; 深藍色*/ /* #3e73a3; 微深藍色*/
	
	--base-color-rgb: 62, 115, 163 ;
	--base-color-deep: #345f87;
	--base-color-lignt: #ddf3fb;	
	
}


/* 放在body的整體風格 */

body {
	font-size: 16px;
	color: #424242;
	font-family: 'Microsoft JhengHei', sans-serif;
}


/* a的變色效果*/

a:hover,
a:visited,
a:link {
	color: #1976D2;
}


/* nav的導覽列變色效果 */

nav {
	color: #757575;
	background-color: rgb(0, 0, 0, 0.025);
	font-size: 14px;
}


/* h2的字體粗度調整 */

body h1,
body h2 {
	font-size: 1.5rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
	color: var(--base-color-deep) ;/*#00796B;*/
	font-weight: 600;
}

body h5 {
	margin: 1rem 0;
}

main.container {
	min-height: 90vh;
	position: relative;
	top: 100px;
}


/*container-fluid*/

main.container-fluid {
	min-height: 90vh;
	position: relative;
	/*top: 100px;*/
}

.user-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.container-fluid {
	width: 100%;
	padding-right: 4.25vw/*60px*/
	;
	padding-left: 4.25vw/*60px*/
	;
	margin-right: auto;
	margin-left: auto;
}


/*碼頭標題*/

.evg-wharf-title {
	margin: 1rem 0;
	font-weight: bold;
	font-size: 1.125rem;
}

.evg-wharf-num {
	color: var(--base-color) ; /*#009688;*/
	font-size: 1.25rem;
}

.container i {
	color: var(--base-color) ; /*#009688;*/
}

.container-fluid i {
	color: var(--base-color);
}


/*卡片設定*/

.evg_rwd_card {
	border: 1px solid var(--base-color) ; /*#009688;*/
	border-radius: calc(.25rem - 1px);
}


/* 卡片摺疊頭部的背景顏色、字體顏色修改 */

.evg_rwd_cardHeader {
	background-color: var(--base-color-lignt) ; /*#e0f2f1*/
	color: #424242;
	border-radius: calc(.25rem - 1px);
}


/* 卡片摺疊內容的背景顏色、字體顏色修改*/

.evg_rwd_cardBody {
	background-color: #fff;
	color: #424242;
	font-size: 1rem;
	border-radius: calc(.25rem - 1px);
}


/* pdf顏色樣式 */

i.fa-file-pdf {
	color: #c13b3b;
}


/* 改為pointer樣式 */

.evg_rwd_pointer:hover {
	cursor: pointer;
}


/* /* button效果 */
* /
/* .evg_rwd_btn { */
/* 	background-color: #fff; */
/* 	border-color: #BDBDBD; */
/* 	color: #009688; */
/* 	text-align: center; */
/* 	text-decoration: none; */
/* 	-webkit-transition-duration: 0.4s; */
/* 	-o-transition-duration: 0.4s; */
/* 	transition-duration: 0.4s; */
/* 	cursor: pointer; */
/* } */
/* .evg_rwd_btn:hover { */
/* 	background-color: #00796B; */
/* 	color: #fff; */
/* } */

.required-star {
	color: #e81336;
	/*font-size: 1.3em;*/
}

.required-tip {
	color: #e81336;
	/*font-size: 1.3em;*/
}


/*table樣式*/

.evg_rwd_table {
	margin: 0rem 0rem 2.5rem 0rem;
}

.evg_rwd_thead {
	background-color: #fafafa;
	color: #009688;
}

.evg_rwd_tbody {
	border-bottom: 1px solid #BDBDBD;
	background-color: #fff;
	/* 	font-size: 1rem; */
}

.evg-rwd-striped tbody tr:nth-of-type(odd) {
	background-color: var(--base-color-lignt) ; /*#e0f2f1*/
}


/*查詢區塊*/

.evg_rwd_search {
	margin: 0rem 0rem 2.5rem 0rem;
}


/*查詢輸入*/

.txt-uppercase {
	text-transform: uppercase;
}


/*預設查詢表格顯示區塊*/

svg[name="searchSvg"] {
	width: 162px;
	height: 158px;
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}

.btn-danger {
	color: #fff;
	background-color: #c13b3b;
	border-color: #c13b3b;
}

.btn-evg {
	text-align: center;
	text-decoration: none;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: .2rem;
	min-width: 4rem;
}

.btn-evg-primary {
	background-color: var(--base-color) ;/*#009688*/
	color: #fff;
}

.btn-evg-primary:hover,
.btn-evg-primary:active,
.btn-evg-primary.active {
	background-color: var(--base-color-deep) ; /*#00796B*/
	color: #fff;
}

.btn-evg-default {
	color: #757575;
	background-color: #fff;
	border-color: #BDBDBD;
}

.btn-evg-default:hover,
.btn-evg-default:active,
.btn-evg-default.active {
	color: #fff;
	background-color: #009688;
}

.evg-query-desc {
	margin: -0.5rem 0 1.5rem;
	color: #757575;
}


/* datapicker start */

.start-range .ui-state-default {
	background: #00796B;
	color: #fff;
}

.dp-highlight .ui-state-default {
	background: rgba(0, 150, 136, 0.25);
	color: #424242;
}

.end-range .ui-state-default {
	background: #00796B;
	color: #fff;
}

.evg-table-sort {
	cursor: pointer;
}

.evg-sort::after {
	display: inline-block;
	content: "\f0dc";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	margin-left: .2rem;
}

.evg-sort-up::after {
	display: inline-block;
	content: "\f0de";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	margin-left: .2rem;
}

.evg-sort-down::after {
	display: inline-block;
	content: "\f0dd";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	margin-left: .2rem;
}


/* datapicker end */


/* 農民曆嵌入 */

.ui-datepicker {
	width: 400px;
}

.ui-datepicker table {
	width: 100%;
}

.ui-datepicker td a::after {
	content: attr(title);
	display: block;
	text-align: right;
	font-size: 12px;
	width: 40px;
}

@media screen and (max-width: 1975px) {
	.evgActionBar.container {
		max-width: 98vw;
	}
}

@media screen and (min-width: 1975px) {
	.evgActionBar.container {
		max-width: 1900px;
	}
}

.user-pointer {
	cursor: pointer;
}

;
.user-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* 20200514 */

.light {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	text-shadow: 0 0 black;
}

.light.light-green {
	background-color: #1EC142;
	-webkit-box-shadow: 0px 0px 1px 5px #d3f6db;
	box-shadow: 0px 0px 1px 5px #d3f6db;
}

.light.light-orange {
	background-color: #FFE23C;
	-webkit-box-shadow: 0px 0px 1px 5px #fff5ba;
	box-shadow: 0px 0px 1px 5px #fff5ba;
}

.light.light-red {
	background-color: #F00034;
	-webkit-box-shadow: 0px 0px 1px 5px #ffd7e0;
	box-shadow: 0px 0px 1px 5px #ffd7e0;
}

.tab-line li a.nav-link {
	color: #495057;
}

.tab-line li a.nav-link.active {
	border-bottom-color: #009688;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #009688;
}


/* 20200521 */

.evg-input-group {
	border: 1px solid #ddd;
	border-radius: 0.2rem;
}

.evg-input-group .form-control {
	border: 0;
}

.evg-input-group .input-group-text {
	border: 0;
	background-color: #fff;
}

.evg-input-group .input-group-border {
	border-right: 1px solid #ddd;
	margin: .5rem .1rem
}

.evg-input-group .input-group-append span.input-group-text {
	cursor: pointer;
}


/* QueryFeeExchange、QueryExpCusClean有使用到 */

.evg-tfoot tr:first-child {
	border-top: 2px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	font-size: 1rem;
	font-weight: bold;
}

.btn-group>.btn.btn-evg:focus {
	-webkit-box-shadow: 0 0 0 3px rgba(0, 150, 136, 0.25);
	box-shadow: 0 0 0 3px rgba(0, 150, 136, 0.25);
}

.barColor {
	width: 60px;
	height: 20px;
	border-radius: 5%;
	display: inline-block;
}

.barColor.barColor-gray {
	background-color: #aaa;
	/*     -webkit-box-shadow: 0px 0px 1px 2px #BDBDBD; */
	/*             box-shadow: 0px 0px 1px 2px #BDBDBD; */
}

.barColor.barColor-orange {
	background-color: #df8746;
	/*     -webkit-box-shadow: 0px 0px 1px 2px #df8746c7; */
	/*             box-shadow: 0px 0px 1px 2px #df8746c7; */
}

.barColor.barColor-green {
	background-color: #54a784;
	/*     -webkit-box-shadow: 0px 0px 1px 2px #54a784cc; */
	/*             box-shadow: 0px 0px 1px 2px #54a784cc; */
}

.addCurrency::before {
	content: "$";
}

.barColorText {
	font-size: 14px;
	color: white;
	text-align: center;
}

.evg-badge-outline-success {
	border: 1px solid #2B9464;
	color: #2B9464;
}

.evg-badge-outline-secondary {
	color: #aaa;
	border: 1px solid #757575;
}

.working-time {
	margin-right: .25rem;
}

.font-size-1rem {
	font-size: 1rem;
}

.popover {
	max-width: 100%;
}

@media only screen and (min-width: 992px) {
	.evg-js-queryShip thead td:nth-child(2),
	.evg-js-queryShip tbody td:nth-child(2) {
		max-width: 5rem;
	}
	.evg-js-queryShip thead td:nth-child(3),
	.evg-js-queryShip tbody td:nth-child(3) {
		max-width: 5rem;
	}
}


/*queryTable*/

@media only screen and (max-width: 991px) {
	.evg-query-table td:before,
	.table td>div {
		display: table-cell;
		padding: 5px;
	}
	.evg-query-table td:before {
		content: attr(data-th);
		width: 40%;
		font-family: "微軟正黑體";
		text-align: left;
		vertical-align: middle;
	}
	.evg-query-table tr {
		border: 1px solid #BDBDBD;
		position: relative;
		display: block;
		margin-bottom: 0.5rem;
	}
	.evg-query-table td {
		border: 1px solid #BDBDBD;
		display: table;
		width: 100%;
	}
	.evg-query-table thead {
		display: none;
	}
	/* 	*:before,*:after{ */
	/*  		box-sizing: border-box; */
	/*  	}  */
	svg[name="searchSvg"] {
		display: none;
	}
	div .evg-invoice-table {
		padding: 0rem;
	}
}

@media only screen and (min-width: 768px) {
	#evg-rwd-dropdown {
		display: none;
		/* 		flex-direction: row; */
	}
	div .evg-invoice-table {
		padding: 0.5rem 5rem 0.5rem 5rem;
	}
	div .evg-payment-invoice {
		padding: 0.5rem 3rem 0.5rem 3rem;
	}
	.evg-email-label {
		text-align: right;
	}
}

#resultDiv1 {
	display: none;
}

#resultDiv2 {
	display: none;
}

#resultDiv3 {
	display: none;
}

div .evg-remark {
	font-size: 0.7rem;
}

div.chosen-container.chosen-container-single {
	width: 100% !important;
	font-size: 1rem;
}

.chosen-container-single .chosen-single abbr {
	top: 11px;
}

.chosen-container-single .chosen-single div {
	top: 5px;
}

.chosen-container-single .chosen-single-with-deselect span {
	margin-right: 38px;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

.chosen-container-single .chosen-single {
	height: 35px;
	line-height: 35px;
}

.evg-no-data {
	font-weight: bold;
	color: #00796B;
}

.evg-container-accent {
	color: #424242;
	background-color: #fff;
	border-color: #757575;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(0, 150, 136, 0.25);
}


/*櫃號等寬字體*/

.cntrNo {
	font-family: monospace;
}

.evg-blue-button {
	background-color: #00796B;
}


/* boot box 風格 */

div.bootbox.modal {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

div.bootbox.modal .modal-content {
	border-radius: .5rem;
}

div.bootbox.modal .modal-header {
	background: #009688;
	padding: 0.7rem 1rem 0.7rem 1rem;
}

div.bootbox.modal .modal-header .modal-title {
	color: #fff;
	margin: 0;
}

div.bootbox.modal .modal-header .bootbox-close-button {
	color: #fff;
}

div.bootbox.modal .modal-footer {
	padding: 0.5rem 1rem 0.5rem 1rem;
	background: #fff;
}


/* timeout 風格 */

#modalDesktopSessionTimeout.modal {
	align-items: center !important;
	justify-content: center !important;
}

#modalDesktopSessionTimeout.modal .modal-content {
	border-radius: .5rem;
}

#modalDesktopSessionTimeout.modal .modal-header {
	background: #009688;
	padding: 0.7rem 1rem 0.7rem 1rem;
}

#modalDesktopSessionTimeout.modal .modal-header .modal-title {
	color: #fff;
	margin: 0;
}

#modalDesktopSessionTimeout.modal .modal-header .close {
	color: #fff;
}

#modalDesktopSessionTimeout.modal .modal-footer {
	padding: 0.5rem 1rem 0.5rem 1rem;
	background: #fafafa;
}

.text-accent {
	color: #c13b3b;
}


/* Material design start */

div.evg-full-background {
	background-color: var(--base-color-lignt) ; /*#e0f2f1*/
}

h5.evg-empty-text {
	color: #212121;
}

body h1,
body h2 {
	color: var(--base-color) ; /*#00796B*/;
}

.evg-wharf-num {
	color: var(--base-color) ; /*#00796B*/;
}

.btn-evg-secondary {
	color: #757575;
	background-color: #fff;
	border-color: #BDBDBD;
}

.btn-evg-secondary:hover,
.btn-evg-secondary:active,
.btn-evg-secondary.active {
	color: #757575;
	background-color: var(--base-color-lignt) ; /*#e0f2f1*/
	border-color: #BDBDBD;
}

.form-control:focus {
	box-shadow: 0 0 0 3px rgba(var(--base-color-rgb), 0.25); 
}

.btn.focus,
.btn:focus {
	box-shadow: 0 0 0 3px rgba(var(--base-color-rgb), 0.25);
}

button:focus {
	outline: 5px auto rgba(var(--base-color-rgb), 0.25);
}

.custom-control-input:checked~.custom-control-label::before {
	border-color: var(--base-color-deep) ; /*#009688*/;
	background-color: var(--base-color-deep) ; /*#009688*/;
}

.custom-control-input.chked-fn-NY:checked~.custom-control-label::before {
	border-color: #FF5722;
	background-color: #FF5722;
}

.custom-control-input.chked-fn-YY:checked~.custom-control-label::before {
	border-color: #FF5722;
	background-color: #FF5722;
}

.custom-control-input.chked-newAdd:checked~.custom-control-label::before {
	border-color: #FF5722;
	background-color: #FF5722;
}

.custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 150, 136, 0.25);
}

.evg-js-detail i.fa-minus {
	color: #FF5722;
}


/* Material design end */

/* 設定無法操作  隱藏其區域按鈕*/
.evg-disabled {
	pointer-events: none;
    opacity: 0.8;
}

.evg-disabled button {
	display: none;
}

.overflow-visible {
	overflow-y: scroll;
}

.unselectable {
	user-select: none;
}

em.highlightme {
	background-color:#FFFF00;
}