.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: 32px;
	height: 32px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
	background-image: url('./images/icons/left-arrow-circle-regular.png');
	background-size: contain;
}

.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: contain; /* 圖片縮放填滿 */
}

.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');
    background-size: contain; /* 圖片縮放填滿 */
}

.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');
    background-size: contain; /* 圖片縮放填滿 */
}

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

.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: flex;
    width: 15px;
	height: 15px;
    background-repeat: no-repeat;
	background-image: url('./images/icons/x-regular.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) }