.mp-bx-leaf {
    display: flex;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
	background-image: url('./images/icons/leaf-regular.png');
}

.mp-bx-left-arrow-circle {
    display: flex;
    width: 26px;
	height: 26px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
	background-image: url('./images/icons/left-arrow-circle-regular.png');
	background-size: 26px 26px;
}

.mp-bxs-pie-chart-alt-2 {
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/DAS.png');
}

.mp-bxs-food-menu {
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/BAS.png');
}

.mp-bxs-tree {
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/EMI.png');
}

.mp-bxs-file-doc {
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/DTA.png');
}

.mp-bx-chart {
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/CAR.png');
}

.mp-bx-fork {
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/AUM.png');
}

.mp-bxs-chevron-down {
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/chevron-down-solid.png');
}

.showMenu .mp-bxs-chevron-down {
    transform: rotate(-180deg);
}

.mp-bxs-user-circle {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/user-circle-solid.png');
    background-size: 26px 26px;
}

.mp-bxs-cog {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/cog-solid.png');
}

.mp-bx-book-open {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/book-open-regular.png');
}

.mp-bx-log-out {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-image: url('./images/icons/log-out-regular.png');
}

.mp-bxs-cloud-upload {
	width: 50px;
	height: 50px;
	background-image: url('./images/icons/cloud-upload-solid-48.png');
}

.mp-cloud-upload-50 {
  display: inline-block;   /* ✅ 讓寬高生效 */
  width: 50px;
  height: 50px;
  background-image: url('./images/icons/cloud-upload.png');
  background-size: contain; /* 圖片縮放填滿 */
  background-repeat: no-repeat;
  background-position: center;
}


.mp-bxs-trash-alt.uploadFile {
    width: 25px;
	height: 25px;
	background-image: url('./images/icons/trash-alt-solid-25.png');
}

.mp-bxs-trash-alt {
    display: flex;
    width: 20px;
	height: 20px;
	background-image: url('./images/icons/trash-alt-solid-20.png');
}

.mp-bxs-file {
    width: 30px;
	height: 30px;
	background-image: url('./images/icons/file-solid-30.png');
}

.mp-bx-menu {
    display: flex;
    width: 30px;
	height: 30px;
    background-repeat: no-repeat;
	background-image: url('./images/icons/menu-regular.png');
}

.mp-bx-x {
    display: inline-block;   /* ✅ 讓寬高生效 */
    width: 15px;
	height: 15px;
    background-repeat: no-repeat;
	background-image: url('./images/icons/x-regular.png');
	  background-size: contain; /* 圖片縮放填滿 */
	  background-repeat: no-repeat;
	  background-position: center;
}

.del-picture-file { 
	width: 30px;  /* 设定图片的宽度 */
	height: 30px; /* 设定图片的高度 */
	background-size: contain; /* 让背景图像覆盖整个元素 */
	background-position: center;  /*背景图像居中 */
	background-repeat: no-repeat; /* 防止背景图像重复 */
	display: inline-block; /* 把 img 元素转换成块级元素，确保它可以设置宽高 */
	content:url(./images/icons/ashcan.png);
}

.picture-file { 
	width: 30px;  /* 设定图片的宽度 */
	height: 30px; /* 设定图片的高度 */
	background-size: contain; /* 让背景图像覆盖整个元素 */
	background-position: center;  /*背景图像居中 */
	background-repeat: no-repeat; /* 防止背景图像重复 */
	display: inline-block; /* 把 img 元素转换成块级元素，确保它可以设置宽高 */
	cursor: zoom-in;
	content:url(./images/icons/picture.png);
}

.attach-file {
	width: 30px;  /* 设定图片的宽度 */
	height: 30px; /* 设定图片的高度 */
	background-size: contain; /* 让背景图像覆盖整个元素 */
	background-position: center;  /*背景图像居中 */
	background-repeat: no-repeat; /* 防止背景图像重复 */
	display: inline-block; /* 把 img 元素转换成块级元素，确保它可以设置宽高 */
	cursor: pointer;
	content: url(./images/icons/attach-file.png) ;
}

.hint-1 {
	cursor: help;
	content: url(./images/icons/hint-1.png) ;
}

.hint-q-25 {
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: help;
  background: url(./images/icons/question.png) no-repeat center center;
  background-size: contain; /* 確保圖片縮放到容器大小 */
}

.mp-20-Del {
	width: 25px;
	cursor: help;
	content: url(./images/icons/20-Del.png) ;
}

.mp-25-video-pointer {
	width: 25px;
	cursor: pointer	;
	content: url(./images/icons/video.png) ;
}

.mp-25-video {
	width: 25px;
	content: url(./images/icons/video.png) ;
}

.mp-25-save {
	width: 25px;
	content: url(./images/icons/20-Save.png) ;
}

.lock-12 {
	width: 12px;  /* 设定图片的宽度 */
	height: 12px; /* 设定图片的高度 */
	background-size: contain; /* 让背景图像覆盖整个元素 */
	background-position: center;  /*背景图像居中 */
	background-repeat: no-repeat; /* 防止背景图像重复 */
	display: inline-block; /* 把 img 元素转换成块级元素，确保它可以设置宽高 */
	cursor: pointer;
	content: url(./images/icons/lock.png) ;
}

.file-icon {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    margin-left: 10px;
    margin-top: 13.5px;
}

.img-file { background-image: url(/css/kendo-ui/images/upload/jpg.png) }
.doc-file { background-image: url(/css/kendo-ui/images/upload/doc.png) }
.pdf-file { background-image: url(/css/kendo-ui/images/upload/pdf.png) }
.xls-file { background-image: url(/css/kendo-ui/images/upload/xls.png) }
.zip-file { background-image: url(/css/kendo-ui/images/upload/zip.png) }
.default-file { background-image: url(/css/kendo-ui/images/upload/default.png) }

.firmLoginLogo {
	width: 150px;  /* 设定图片的宽度 */
	height: 80px; /* 设定图片的高度 */
	background-size: cover; /* 让背景图像覆盖整个元素 */
	background-repeat: no-repeat; /* 防止背景图像重复 */
	display: inline-block; /* 把 img 元素转换成块级元素，确保它可以设置宽高 */
	background-image: url('./images/icons/CBK-borderless.png');
	overflow: hidden; /* 隐藏容器外的溢出内容 */
    clip-path: inset(2px); /* 可选：裁剪出更小的内容框 */
}

.imgSave, .imgEdit, .imgDel {width: 20px; }