/* dotPROJECT REQUIRED CLASSES */
BODY {
	background-color: lightblue;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 10pt;
}
select {
    background-color: #ffffff;  /* 设置Select的背景颜色 */
}

ul {
	margin-left: 25px;
}



dl {
	margin-top: 0px; padding-left: 1px;
}
dt {
	margin-top: 0.5em;
	color: #000099;
	font-weight: bold;
}
dd {
	margin-bottom: 0px; margin-left: 1.5em;
}


em {
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}

A:link {
	color: #08245b;
	text-decoration: none;
}

A:visited {
	color: #08245b;
	text-decoration: none;
}

A:active {
	color: red;
	text-decoration: none;
}

A:hover {
	color: red;
	text-decoration: none;
}

td {
	
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8pt;
}

TR {
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8pt
}
 
h1 {
	color: black;
	text-align: center;
	font-size: 70px;
	font-family: verdana;
	font-weight: bold;
	color: #08245b;
	margin-bottom: 0px;
	margin-top: 15px;
  }
  
  


h2, .subtitle {
	font-size: 60px;
	font-weight: bold;
	font-family: verdana;
	color: #08245b;
	margin-bottom: 0px;
	margin-top: 15px;
}

h3 {
	font-size: 32px;
	font-weight: bold;
	font-family: Osaka,verdana,Sans-Serif;
	color: #08245b;
	margin-bottom: 0px;
	margin-top: 15px;
}

h4 {
	font-size: 28px;
	font-weight: bold;
	font-family: Osaka,verdana,Sans-Serif;
	color: #08245b;
	margin-bottom: 0px;
	margin-top: 15px;
}

h5 {
	font-size: 24px;
	font-weight: bold;
	font-family: Osaka,verdana,Sans-Serif;
	color: #08245b;
	margin-bottom: 0px;
	margin-top: 15px;
}

.bordertable {
	border: 1px black solid;
}

.bordertable{
 border: 1px black solid;
}

.button{
	border: 1px black solid;
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8pt;
	/*width: 100px; too small for some translations*/
}

.item {
	color: #08245b;
}

.ok {
	color: green;
}

.text{
	border: 1px black solid;
	font-family: Osaka,verdana,Sans-Serif;
	font-size: 8pt;
	/*height: 12pt; Select boxes are too small in Mozilla */
}



TEXTAREA {
	font-family: Osaka,verdana,helvetica,arial,sans-serif;
	font-size: 9pt;
}

.textarea {
	font-family: Osaka, verdana,helvetica,arial,sans-serif;
	font-size: 9pt;
}

textarea.small {
	border: 1px black solid;
	font-family: Osaka, verdana,Sans-Serif;
	font-size: 8pt;
}

/* dotProject Top Banner and Top Nav Customization */
TH.banner {
	background-color: #08245b;
	color: #fff
}

TD.nav {
	border: 1px solid #848284;
	background-color: #d5d3ce;
	color: #000
}

/* a 'standard' table */
table.tbl {
		
	border-bottom:1px solid transparent;
	border-collapse:collapse;  
	border: solid #08245b 2px;
	background: #d6ebff;
}
table.tbl TH {
	 border-bottom:1px solid transparent;
	 background-color: #5c5e61;
	color: white;
	list-style-type: disc;
	list-style-position: inside;
	border: outset #D1D1CD 1px;
	font-size: 34px;
}


table.tbl td {
	 border-bottom:1px solid transparent;
	 background-color: #ffffff;
}


table.std td {
	height: 60;
}

table.stdinner td {
	height: 60;
}

/* a 'standard' table */
table.std {
    width: 96vw;
    max-width: 96vw;
    margin: 0 auto;
    border-collapse: collapse;
    box-sizing: border-box;
    word-break: break-word;
    overflow-wrap: break-word;

    border-bottom: 1px solid transparent;
    border: solid #08245b 2px;
    background: #d6ebff;
}
table.std * {
    max-width: 96vw;
    box-sizing: border-box;
}



table.stdinner {
		
	border-bottom:1px solid transparent;
	border-collapse:collapse;  
	border: solid #08245b 0.1px;
	background: #d6ebff;
}
table.std TH {
	 border-bottom:1px solid transparent;
	 background-color: #08245b;
	color: white;
	list-style-type: disc;
	list-style-position: inside;
	border: outset #D1D1CD 1px;
	font-size: 30px;
}

/* 標頭 */
table.std TH {
    border-bottom: 1px solid transparent;
    background-color: #08245b;
    color: white;
    list-style-type: disc;
    list-style-position: inside;
    border: outset #D1D1CD 1px;
    font-size: 30px;
}

table.stdinner TH {
	border-bottom:1px solid transparent;
	background-color: #08245b;
   color: white;
   list-style-type: disc;
   list-style-position: inside;
   border: outset #D1D1CD 1px;
   font-size: 30px;
}

/* 高亮格（通常用於提示） */
table.std td.hilite {
	background-color: #ffffff;
}

table.stdinner td.hilite {
	background-color: #ffffff;
}

table.std td ul ol {
	/* 添加自定义样式来调整 ul 元素的样式 */
	/* 例如，设置 ul 的内边距和边框 */
	padding-left: 20px; /* 左边距为 20px */
	font-size: 26px;
}
  
table.stdinner td ul ol {
	/* 添加自定义样式来调整 ul 元素的样式 */
	/* 例如，设置 ul 的内边距和边框 */
	padding-left: 20px; /* 左边距为 20px */
	font-size: 26px;
}
table.std td li {
	/* 添加自定义样式来调整 li 元素的样式 */
	/* 例如，设置 li 的字体大小和颜色 */
	font-size: 24px; /* 字体大小为 20px */
	
}
table.stdinner td li {
	/* 添加自定义样式来调整 li 元素的样式 */
	/* 例如，设置 li 的字体大小和颜色 */
	font-size: 24px; /* 字体大小为 20px */
	
}
ul ol {
	/* 添加自定义样式来调整 ul 元素的样式 */
	/* 例如，设置 ul 的内边距和边框 */
	padding-left: 20px; /* 左边距为 20px */
	font-size: 26px;
}
  
li {
	/* 添加自定义样式来调整 li 元素的样式 */
	/* 例如，设置 li 的字体大小和颜色 */
	font-size: 24px; /* 字体大小为 20px */
	color: #333; /* 文本颜色为黑色 */
}
  


/* contacts table */
table.contacts {
	background-color: #08245b;
}

table.contacts td {
	background-color: #d6ebff;
}

table.contacts td.hilite {
	background-color: #ffffff;
}

/* links in header blocks */
A.hdr:link, A.hdr:active, A.hdr:visited {
	color: #ffffff;
}

/* tabbed boxes */
td.tabon {
	background: #a5cbf7;
	/*
	border-top: outset #ffffff 2px;
	border-left: outset #ffffff 2px;
	border-right: outset #cccccc 2px;
	border-bottom: none;
	*/
	/* background-image: url('./style/default/images/tabSelectedBg.png');*/
	 background-image: url('images/tabSelectedBg.png');
}
td.taboff {
	background: #d6ebff;
	/*
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 2px;
	*/
	/* background-image: url('./style/default/images/tabBg.png'); */
	background-image: url('images/tabBg.png');
}
td.tabsp {
	border-bottom: solid #cccccc 2px;
}
td.tabox {
	background-color: #a5cbf7;
	border-left: solid #cccccc 2px;
	border-right: solid #cccccc 2px;
	border-bottom: solid #cccccc 2px;
}

/* Message styles */
.warning {
	color: red
}
.error {
	color: red
}
.message {
	color: #08245b;
}

.no_ {
	color: red
}

.hidden {display:none;}

#TOOLTIP {position:absolute; width: 100px; top: 0px; left: 0px; z-index:100	; visibility:hidden;}
#Keeprecord {position:absolute; width: 100px; top: 0px; left: 0px; z-index:0	; visibility:visible;}






  .ledgertitle {
	color: maroon;
	text-align: center;
	font-size: 70px;
	font-family: verdana;
  }

    .ledger_detail_normal{
      font-size: 34px;
    	font-family: verdana;
    }
    .ledger_detail_medium{
      font-size: 24px;
      font-family: verdana;
    }
    .ledger_detail_small{
      font-size: 20px;
      font-family: verdana;
    }
  
  .type2 {
	color: maroon;
	text-align: center;
	font-size: 70px;
	font-family: verdana;
  }
  
  .button {
	font-family: arial;
	font-size: 40px;
  }
 
.outputit {
	font-family: verdana;
	font-size: 70px;
	white-space: pre;
}



textarea {
  font-family: verdana;
  font-size: 32px;
}

.showradio {
	font-family: verdana;
	font-size: 130px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: pre-line;
	vertical-align: middle;
    zoom: 260%;
}

.ledger-cell {
    text-align: center;
	vertical-align: middle;
	height:80px;
}

.showradio-container {
    display: flex;
    align-items: center;
  }


.button-container {
    display: flex;   
}  

.button-container input[type="button"] {
   
	margin: 10px;
}

.button {
	font-family: arial;
	font-size: 40px;
	background-color: #008CBA;
	  border: none;
	  border-radius: 5px;
	  color: white;
	  border: 1px black solid;
	  text-align: center;
	  vertical-align:middle;	  
}
  
  .button_silver	 {
	  font-family: arial;
	  font-size: 40px;
	  background-color:sliver;
		border: none;
		border-radius: 5px;
		border: 1px black solid;
		color: black;
		text-align: center;
		vertical-align:middle;	  
	}
.piechart {
	font-family: arial;
 width:800px;
   height:640px;
}
.barchart {
	font-family: arial;
	width: 100%;
	height: 500px;
	max-width: 860px; /* optional: 限制最大寬度 */
	box-sizing: border-box;
  }
  
/* estimate row 行顏色 */
table.std tr.Est {
    background-color: #ffcccc;
}


table.std td.hilite {
    background-color: #ffffff;
}

/* income row 行顏色 */
table.std tr.Income {
    background-color: #ccffcc;
}


input.larger {
            width: 40px;
            height: 40px;
        }

/* 设置图像容器之间的垂直间距为0 */
#imagePreviewContainer > div {
    margin-bottom: 0;
}
/* 隐藏原始文件上传按钮 */
input[type="file"] {
  display: none;
}

/* 自定义样式按钮 */
.custom-file-upload {
  display: inline-block;
  padding: 10px 20px; /* 自定义宽度和高度 */
  background-color: #0074d9; /* 背景颜色 */
  color: white;
  cursor: pointer;
  border: 1px solid #007BFF;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 30px;
  border-radius: 5px;
 }


#cancel-select, #file-count {
  display: inline-block;
  font-size: 30px;
  margin-left: 10px; /* 调整间距 */
}


.break-lines {
  white-space: pre-line;
  display: block;
  font-size: 30px;
  margin-left: 0px; /* 调整间距 */
}


.setup {
	vertical-align: middle;
	background-color: orange; /* 背景颜色 */
	font-weight: bold;
}

.addon {
	vertical-align: middle;
	background-color: rgb(165, 218, 174); /* 背景颜色 */
	font-weight: bold;
}
.addon_buy {
	vertical-align: middle;
	background-color: pink; /* 背景颜色 */
	font-weight: bold;
}
.addon_sell {
	vertical-align: middle;
	background-color: lightgreen; /* 背景颜色 */
	font-weight: bold;
}

.show_smaller {
	font-size:24px;
	color:#555555;
	
}




.show_mini {
	font-size:18px;
	color:#555555;
}

p {
	font-family: verdana;
	font-size: 34px;
  }

  .Phone {
	font-family: arial;
	font-size: 40px;	
	border-radius: 5px;
	border: 1px black solid;
  }
  
  .swtPhone {
	font-family: arial;
	font-size: 40px;	
	border-radius: 5px;
	border: none;
  }

  .Phone_color {
	font-family: arial;
	font-size: 40px;	
 	background-color: #008CBA;
	color:white;
	text-align:center;
	vertical-align:middle;
 }

/* 說明欄 */ 
table.std  td.help {
	font-size: 28px;

}


/* Custom button styles */
.swal2-confirm {
	
	border: none; /* 移除边框 */
	color: white; /* 按钮文本颜色 */
	padding: 10px 20px; /* 内边距 */
	text-align: center; /* 文本居中 */
	text-decoration: none; /* 去掉下划线 */
	display: inline-block; /* 显示为行内块元素 */
	font-size: 16px; /* 字体大小 */
	margin: 4px 2px; /* 外边距 */
	cursor: pointer; /* 光标样式 */
	border-radius: 5px; /* 圆角 */
	transition: background-color 0.3s; /* 背景色过渡效果 */

}



.swal2-cancel {

	border: none; /* 移除边框 */
	color: white; /* 按钮文本颜色 */
	padding: 10px 20px; /* 内边距 */
	text-align: center; /* 文本居中 */
	text-decoration: none; /* 去掉下划线 */
	display: inline-block; /* 显示为行内块元素 */
	font-size: 16px; /* 字体大小 */
	margin: 4px 2px; /* 外边距 */
	cursor: pointer; /* 光标样式 */
	border-radius: 5px; /* 圆角 */
	transition: background-color 0.3s; /* 背景色过渡效果 */
}

/* 确保 SweetAlert2 按钮的样式一致 */
.swal2-button-custom {
    width: 120px; /* 设置按钮宽度一致 */
    margin: 5px; /* 增加按钮之间的间距 */
    display: inline-block;
}

/* 确保两个按钮在同一行 */
.swal2-actions {
    justify-content: center; /* 将按钮居中对齐 */
}

/* 调整按钮文字对齐方式 */
.swal2-confirm, .swal2-cancel {
    display: inline-block;
    vertical-align: middle;
}