/************共用屬性:Start************/

:root {
--color-main: rgb(0, 114, 168) !important;
--border-color-light: 1px solid rgba(0, 0, 0, .1) !important;
--gap-widget: 8px !important;
--font-color: #1d1d1d !important;
--font-weight-base: initial !important;/*修正在windows下文字過細問題*/
--font-size-base: clamp(0.7rem, 0.79rem + 0.15vw, 0.9375rem) !important;
}


.UIApp.mac{
--font-weight-base: 500 !important; /* 僅 Mac 的瀏覽器會套用此樣式 */
}

#index {
--index-sidebar-nav-title-font-color: var(--color-gray) !important;
--index-sidebar-widget-caption-font-color: var(--color-gray) !important;
--index-sidebar-widget-caption-font-size: var(--font-size-small) !important;
--index-sidebar-info-logo-name-font-size: 1.02rem !important;
--index-sidebar-info-logo-name-padding: 0 0 0 6px !important;
--index-sidebar-info-logo-height: 42px !important;
--index-sidebar-nav-item-icon-color: #3cceff !important;
--index-sidebar-nav-item-font-color: #fff !important;
--index-sidebar-nav-item-border-color: 1px solid #3d3d3d !important;
--height-index-sidebar-info: 58px !important;
--index-header-control-padding: 0 6px !important;
--index-header-avatar-company-font-size: 1rem !important;
--index-header-avatar-company-font-weight: 600 !important;
--index-header-control-icon-font-size: 12px !important;
--index-header-background-color: rgb(248, 249, 250) !important;
--index-breadcrumb-background-color: #f1f3f5 !important;
--index-header-height: 58px !important;
--height-index-header_closed: 38px !important;
--index-main-padding: 24px !important;
}

.UIPortlet{
--border-radius-portlet: 3px !important;
--box-shadow-portlet: none !important;
--border-color-portlet: 1px solid rgba(0,0,0,.125) !important;
--font-size-portlet-caption: var(--font-size-smaller) !important;
--padding-portlet: var(--padding-webkit) !important;
--padding-portlet-content: var(--padding-webkit) !important;
--height-portlet-top: 32px !important;
--portlet-content-padding: 12px !important;
}

.UIPanel {
  --panel-top-height: 42px !important;
  --panel-bottom-height: 56px !important;
}

.UIPanel>.content{
min-height: 96px;
}

.UIGroupList{
--group-list-catpion-border_bottom: var(--border-color-dark) !important;
--group-list-top-height: 42px !important;
}

.UIAlert.dialog{
--alert-control-height: 52px;
}

.UITabHost.default{
--tabhost-tabs-item-padding: 4px 16px;
}

.UIForm.horizontal{
--form-content-padding: 6px 3px;
}

.UILine {
--border-top-line: 1px solid #eeeeee !important;
--border-bottom-line: 1px solid white !important;
--padding-line: 8px 0 !important;
--padding-line_small: 4px 0 !important;
--padding-line-large: 14px 0 !important;
}

.UIDataTable table>tbody>tr>td, .UIPaginatedDataTable>table>tbody>tr>td{
  padding: 8px;
}

hr.UILine {
border: 0;
border-top: var(--border-top-line);
border-bottom: var(--border-bottom-line);
height: 0;
margin: 12px 0;
color: #fff;
}

input {
width: 16px;
height: 16px;
}

.UICheckbox{
--checkbox-size: 1.6em !important;
margin-right: 14px;
}

.UISwitch{
margin-right: 6px;;
display: initial;
}


/* 必填文字提示 */
.errorMessage {
font-size: 0.8rem;
color: var(--swal2-deny-button-background-color);
line-height: 34px;
width: 80px;
}

.UIApp a:hover, .UIPage a:hover {
color: var(--font-color-link_hover);
text-decoration: none;
}

/* 樹狀選單:START */
.UITree .UITreeNode{
background-color: #fff;
}

.UITree .UITreeNode:hover{
background-color: transparent;
border: var(--tree-node-border);
color: var(--color-main);
}

.UITree .toggle-icon:before{
padding: 7px;
background-color: rgb(242, 242, 242);
margin-left: -8px;
margin-right: 8px;
color: var(--pos-checkout-cart-item-control-item-background-color);
border-right: 1px solid #e7e7e7;
border-radius:3px;
}

/* 樹狀選單:END */

/* 圖片上傳 */
.UIImageUpload {
---border-color-image-upload: 2px solid #fff !important;
}

/* 圖片上傳 */
.UIImageUpload {
box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 6px 2px;
-webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 6px 2px;
border-radius: 3px;
border: var(--border-color-image-upload);
position: relative;
min-width: 36px;
min-height: 36px;
overflow: initial;
}

.UIPanel>.UIPanelBottom{
margin-top: 24px;
}

.widget-border{
border: var(--border-color-dark);
}

/*彈出視窗造形*/
#glightbox-body .gslide-inline {
border-radius: 3px 3px 23px 23px;
}

/*數量輸入樣式*/
.UIApp.mac.retina .gslide-media #itemQuantity.UIText.number>input{
font-weight: var(--font-weight-heavy) !important;
}

/*數量輸入樣式*/
.gslide-media #itemQuantity.widget-font,
.gslide-media #quantity.widget-font{
font-weight: var(--font-weight-bold) !important;
}

/*數量增減樣式*/
#quantityW .webkit-icon::before,
#quantityW .webkit-icon::after,
#itemQuantityW .webkit-icon::before,
#itemQuantityW .webkit-icon::after{
font-size: 14px;
font-weight: 900;
}

/*規格群組、分類群組文字樣式*/
#productSkuNameGroup01View .UIGroupList a,
#productSkuNameGroup02View .UIGroupList a,
#site_menu_main .UIGroup a{
text-decoration: underline;
color: var(--color-main);
}

/***系統訊息：確認視窗:START***/
/*彈出訊息造型*/
.swal2-container .swal2-popup{
border-radius: 3px 3px 15px 15px;
}

.swal2-html-container .UIAlert.dialog{
align-items: center;
min-height: 160px;
}

/*caption水平對齊視覺修正*/
.swal2-html-container .UIAlert.dialog .caption{
line-height: 24px;
width: 100%;
text-align: left;
}

/*訊息內容*/
.swal2-html-container .UIAlert.dialog .message{
font-weight: var(--font-weight-bold);
font-size: var(--font-size-app_fs6);
display: flex;
align-items: center;
text-align: left;
padding: 12px 12px 24px 12px;
min-height: 70px;
}
/***系統訊息：確認視窗:END***/


/*手機版彈出視窗邊界調整*/
@media screen and (max-width: 768px) {
#glightbox-body .ginlined-content .BoxContent.box{
padding:24px 12px;
}
}

/************共用屬性:END************/


/************登入頁:Start************/

#login #loginView.UIPanel{
width: 430px;
border: 0;
border-top: 5px solid rgb(1,114,168);
border-bottom: 5px solid rgb(1,114,168);
border-radius: 20px;
box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.4);
}


#login #loginView.UIPanel>.content {
padding-top: 30px;
}

@media screen and (max-width: 768px) {
#login #loginView.UIPanel{
width: 92%;
}

#login #loginView.UIPanel>.content{
padding: 24px 36px;
}
}

#login #loginView #logoView {
justify-content: left;
}

#login #loginView #logoView .logo>.UIImage{
height: 60px;/* logo尺寸 */
}

/* 站台名 */
#login #loginView #logoView .name{
font-size: 1.2rem;
padding-left: 8px;
}

#login .widget-control>input,
#login .widget-control>select,
#login .widget-control>textarea{
padding-left: 30px !important;/* 登入頁加入 */
background-color: #fff !important;
}

#login .UIText, #login .UISearch, #login .UIMenu{
min-height: 42px;
margin-right:2px;
}

/* 帳號圖示 */
#login #loginView #loginIdW:before {
font-family: "Font Awesome 5 Pro";
font-weight: 400;
font-style: normal;
content: "\f007";
color: var(--color-main);
line-height: 42px;
padding-left: 12px;
position: absolute;
left: 0;
font-size: 18px;
}

/* 密碼圖示 */
#login #loginView #passwordW:before{
font-family: "Font Awesome 5 Pro";
font-weight: 400;
font-style: normal;
content: "\f13e";
color: var(--color-main);;
font-size: var(--font-size-login-icon-input);
line-height: 42px;
padding-left: 12px;
position: absolute;
left: 0;
font-size: 18px;
}


/* 記住帳號解決與文字沒對齊問題 */
#login #loginView #loginForm #remember{
margin: 0;
}

/* 登入按鈕 */
#login #loginView .btnLogin .btnLogin{
width: 38% !important;
border-radius: 30px;
}

/* 登入按鈕靠右 */
#login #loginView .btnLogin .layout-flex-grid {
justify-content: flex-end;
}

/*** 其他登入方式分隔線：start ***/
#login #loginView .quickLogin {
text-align: center;
}

#login #loginView .quickLogin .caption{
display: flex;
align-items: center;
text-align: center;
color: #4b4b4b;
font-size: 0;
font-weight: 300;
line-height: 48px;
gap: .5em;
}


#login #loginView .quickLogin .caption:before{
content: "或";
font-size: 15px;
flex: auto;
position: absolute;
left: 48.5%;
background-color: #fff;
padding: 0 12px;
color: var(--font-color-link);
font-weight: 400;
}

#login #loginView .quickLogin .caption:after {
content: " ";
flex: 1;
border-bottom: 1px solid #eaeaea;
}

@media screen and (max-width: 768px) {
#login #loginView .btnLogin .btnLogin{
width: 38% !important;
}
#login #loginView .quickLogin .caption:before{
left: 46%;
}
}


/*** 其他登入方式分隔線：end ***/


/*** LINE登入按鈕 ***/
#login #loginView .btnLine {
background-color: #fff;
border-radius: 30px;
color:var(--color-line);
}

#login #loginView .btnLine:hover {
background-color: var(--color-line);
color: #fff;
}

/*** 忘記密碼＋語言 ***/
#login #loginView.UIPanel>.UIPanelBottom {
border: 0;
justify-content: right;
padding: var(--login-panel-padding);
background-color: initial;
}

#login .UIPanel>.UIPanelBottom{
margin: 0 0 18px 0;
}

#login #loginView.UIPanel>.UIPanelBottom a{
color: #555;
text-decoration: none;
}

/***************登入頁:END************/


/************ 左側選單:START ************/

#sidebarView>.siteInfo{
border-bottom: 1px solid var(--font-color-title);
}

#sidebarView .UIPortlet {
background-color: #000;/* 權限及門店切換底色 */
}

#sidebarView .UIPortlet.control>.top>.caption,
#sidebarView .UIPortlet.control>.top>.caption,
#sidebarView .UIPortlet.default>.top>.caption{
font-size: var(--index-sidebar-widget-caption-font-size);/* 功能標題字 */
}

#sidebarView #myPrincipalIdW,
#sidebarView .siteWidget .UIPortlet.control>.content,
#sidebarView #myStoreIdW {
background-color: var(--index-sidebar-background-color);/* 功能標題字 */
}

/* 下拉式選單 */
#sidebarView .widget-control>input,
#sidebarView .widget-control>select,
#sidebarView .widget-control>textarea{
background-color: var(--index-sidebar-background-color);
color: #fff;
}

/* 下拉式選單 */
#sidebarView #timesheet_portlet .value{
color: var(--font-color-white);
}

#index #sidebarView>.siteBody .siteNav .UIVerticalNavigation>.menu ul a {
font-size: 1.03rem;
}

/* 功能圖示樣式 */
#index #sidebarView>.siteBody .siteNav .UIVerticalNavigation>.menu ul a>i {
color: var(--index-sidebar-nav-item-icon-color);
font-weight: 300;
}

#index #sidebarView>.siteBody .siteNav .UIVerticalNavigation>.menu ul a>i:before{
font-size: 16px;
}

.UIVerticalNavigation>.menu>ul>li .webkit-icon:before{
font-size: 14px;
color: #b6b6b6;
}

#index #sidebarView>.siteBody .UIVerticalNavigation>.menu ul li.level1 ul{
  background-color: #000;
}

#index #sidebarView .siteNav .UIVerticalNavigation > .menu > ul ul{
background-color: rgba(0, 0, 0, 0.3);
}

.UIVerticalNavigation>.menu .level1:hover,
.UIVerticalNavigation>.menu .level1.active{
background-color: var(--color-main);/* 第一階選單hover底色 */
}

#index #sidebarView .siteNav .UIVerticalNavigation > .menu ul a{
font-weight: 700;
color: #fff;
}

#index #sidebarView .siteNav .UIVerticalNavigation > .menu ul > li li a:hover {
color: rgba(255, 186, 52);/* 第二階以上選單文字hover顏色 */
}

/* 設定左方heightlight顏色 */
#index #sidebarView>.siteBody .siteNav .UIVerticalNavigation>.menu>ul>li.level1.active>ul{
border-left: 3px solid var(--index-header-control-logout-font-color);/* 第一階展開藍色 */
}

.UIVerticalNavigation>.menu ul .level2{
border-left: 3px solid transparent;
margin-left: -3px;
}

.UIVerticalNavigation>.menu ul .level2:hover,
.UIVerticalNavigation>.menu ul .level2.active{
border-left: 3px solid rgba(255, 186, 52);/* 橘色 */
}

/* 第三階樣式 */
.UIVerticalNavigation>.menu ul .level3{
border-left: 2px solid transparent;
padding-left: 8px;
}

/* 第三階樣式 */
.UIVerticalNavigation>.menu ul .level3:hover,
.UIVerticalNavigation>.menu ul .level3.active{
border-color: rgba(255, 186, 52);/* 橘色 */
}


@media (min-width: 768px){
.UIVerticalNavigation>.menu li.level2>a {
padding-left: 33px;/* 第二階文字位置校正 */
}

.UIVerticalNavigation>.menu li.level3>a {
padding-left: 36px !important;/* 第三階文字位置校正 */
}
}


/************ 側選選單:END ************/

/************ headerView:START ************/

#index #wrapper.closed #contentView #headerView {
height: var(--height-index-header_closed);/*進入Pos畫面header */
}

/*圖示 */
#index #headerView>.headerRight .control>i {
font-size: 24px;
}

/*進入Pos畫面大頭貼 */
#index #wrapper.closed #headerView .headerLeft .avatar .photo {
width: 24px;
height: 24px;
}

#index #headerView .headerLeft .company .storeName{
color: #ec7173;/* 店名樣式 */
}


/*僅限電腦版*/
@media (min-width: 768px){

#index #headerView>.headerRight .control{
padding: initial !important;
}

#index #headerView >.headerRight > ul>li{
padding: 0 18px;
text-align: center;
}

#index #headerView>.headerRight {
display: flex;
align-items: center;
}

#index #headerView > .headerRight .UILabel{
display: block;
text-align: center;
}

#index #headerView>.headerRight .message #messageCount {
left: 35px !important;
}

#index #wrapper.closed #headerView .headerLeft .avatar .company,
#index #wrapper.closed #headerView>.headerRight .control>.UILabel{
display: none;/*Pos畫面不顯示文字*/
}

}

/************ headerView:END ************/

/************ breadcrumbView:START ************/
#index #breadcrumbView .UINavBar li,
#index #breadcrumbView .UINavBar .UILinkButton{
font-size: var(--font-size-small);
margin-bottom: 0;
}

#index #breadcrumbView .UINavBar .UILinkButton{
color: var(--color-main);
}

#index #wrapper.closed .UINavBar{
display: none;/*進入Pos畫面隱藏*/
}

/************ breadcrumbView:END ************/

/************************ 首頁:START ************************/

/****************** mainView:START ******************/

#mainView {
box-shadow: inset 0 1.6em 1em -1.5em rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 2em 1em -1.5em rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 2em 1em -1.5em rgba(0, 0, 0, 0.1);
border-top: solid rgba(0, 0, 0, 0.15);
border-width: 1px 0 0 0;
}

@media screen and (max-width: 768px) {
#index #wrapper #contentView #centerView #mainView{
padding: 8px;
}
}

/*** today_summary:START ***/

#today_summary_portlet {
--today-summary-portlet-font-size: var(--font-size-smaller) !important;
}

#index #today_summary_portlet .UIPanel>.UIPanelBottom{
margin-top: 12px;
padding: 0 12px;
}

#today_summary_portlet {
background-color: transparent;
border: 0;
}

#today_summary_portlet .UIPanelBottom {
font-weight: 800;
}

#today_summary_portlet >.content{
padding: 0 0 24px 0;
}

#today_summary_portlet .row > div{
padding-left: 6px;
padding-right: 6px;
}

#today_summary_portlet .row > div:first-child{
padding-left: 14px;
}

#today_summary_portlet .row > div:last-child{
padding-right:14px;
}

#today_summary_portlet .UIPanel > .content{
padding: 12px 18px;
min-height: initial;
}


#today_summary_portlet .contentValue {
font-weight: var(--font-weight-heavy);
}
/*** today_summary:END ***/


#mainView .UIPortlet.control>.top{
justify-content: center;
}

#mainView .UIPortlet.control>.top .caption{
font-size: var(--font-size-small);
}


/*** 本月銷售:START ***/
#home #current_month_summary_portlet{
--current-month-summary-portlet-padding: 12px !important;
}

#current_month_summary_portlet .UIGroup{
border-radius: 3px;
}

#current_month_summary_portlet .UILabel.name{
font-size: var(--font-size-medium) !important;
font-weight: bold;
}

#current_month_summary_portlet .value{
font-size: var(--font-size-medium) !important;
right: 12px !important;
top: 12px !important;
}

/*** 本月銷售額:END ***/

/*** 待辦事項:START ***/
#home #todoView .btnCreateTask:before {
color:var(--color-main);
font-weight: var(--font-weight-light)!important;
font-size: 16px;
}

#home #todoView .todo{
padding: 4px 0;
}

/****************** mainView:END ******************/

/************************ 首頁:END ************************/


/************ #pos:START ************/
#pos{
--pos-background-color: transparent !important;
--index-header-height: 38px !important;
--pos-touch-view-quick-menu-font-color: #d8ecfc !important;
--pos-checkout-cart-barcode-product-font-awesome-code: "\f02b" !important;
}

#pos #layout #posContentView{
background-color: transparent;
}

#pos #layout #posContentView #posTouchView{
padding: 1px;
background-color: transparent;
}

#pos .UITabHost.default>ul.tabs>li{
flex: 1;
}

#pos .UITabHost.default>ul.tabs>li:last-child{
margin-right:0;
}

#pos .UITabHost.default>ul.tabs>li>a{
justify-content: center;
}

#pos .UITabHost.full>.tabContent{
background-color: #fff;
}

#pos #productSearchView {
padding: 6px;
}

/*** POS分類選單:START ***/


/*分類選單固定位置*/
#pos #posTouchView #tab_product_list #quickMenuView {
background-color: #000;
position: sticky;
top: 0;
z-index: 9999;
}

#pos #productCategoryView .UIForm{
padding-left: 20px;
}

#pos #posTouchView #tab_product_list #quickMenuView{
margin: 0;
}

#pos #posTouchView #tab_product_list #quickMenuView ul>li:before{
color: var(--color-gray) !important;
}

#pos #posTouchView #tab_product_list #quickMenuView ul>li a{
font-weight: var(--font-weight-heavy);
margin: 0 6px;
color: var(--font-color-product-list-menu-item);
line-height: var(--height-product-list-menu-item);
padding: 2px 4px !important;
}

/*查詢固定位置*/
#pos #tabProductListView #productSearchView {
padding: 6px;
position: sticky;
top: 40px;
z-index: 9999;
background-color: #fff;
margin: 0;
}

/*分類搜尋選定後樣式*/
#pos #productCategoryView #_sProductCategoryName,
#_itemCategoryName,
#_bundleCategoryName {
color: var(--form-label-prefix-font-color);
}

@media (min-width: 768px){
#pos #posTouchView #tab_product_list #quickMenuView ul>li:first-child{
background-color: #424242;
margin-left: 0;
padding: 0 4px !important;
position: fixed;
margin-right: 80px;
height: 40px;
}
}

#pos #posTouchView #tab_product_list #quickMenuView ul>li:first-child a{
color: #fff;
}

#pos #posTouchView #tab_product_list #quickMenuView ul>li:first-child a:before{
content: "\e632" !important;
font-weight: 600 !important;
}


#pos #posTouchView #tab_product_list #quickMenuView ul>li:nth-child(2){
margin-left: 38px;
}

/*** POS分類選單:END ***/

/*** POS產品清單:START ***/

#pos #tab_product_list {
--border-product-list-item: 1px solid rgba(0, 0, 0, 0.06) !important;
--padding-product-list-item: 1px !important;
--margin-product-list-item: 3px !important;
--font-size-product-list-item-info: 13px !important;
--height-product-list-item-info_double: 42px !important;
--opacity-product-list-item-info: 0.8 !important;
--padding-product-list-item-info: 0px 0px 0px 3px !important;
--font-color-product-list-menu-item: #d8ecfc;
--height-product-list-menu-item: 36px;
--padding-product-list-menu-item: 0 12px;
}

#productListView{
padding: 0 12px 12px 12px;
}

#pos #tab_product_list #productListView .row>div{
padding: 2px;
}


#pos #tab_product_list #productListView #productItemView {
position: relative;
border: var(--border-product-list-item);
padding: var(--padding-product-list-item);
margin: var(--margin-product-list-item);
}

#pos #tab_product_favorites #productListView #productItemView {
  border:  1px solid rgba(0, 0, 0, 0.06);
  padding: 1px;
  margin: 3px;
}

#pos #tab_product_list #productListView #productItemView .productInfo{
display: flex;
align-items: flex-end;
-webkit-align-items: flex-end;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
font-size: var(--font-size-product-list-item-info);
height: var(--height-product-list-item-info_double);
opacity: var(--opacity-product-list-item-info);
padding: var(--padding-product-list-item-info);
}

#pos #tab_product_favorites #productListView #productItemView .productInfo{
  display: flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: var(--font-size-product-list-item-info);
  height: var(--height-product-list-item-info_double);
  opacity: var(--opacity-product-list-item-info);
  padding: var(--padding-product-list-item-info);
}


/*** POS產品清單:END ***/


/*產品明細:小計置右*/
#tab_product_item #productView .amount,
#tab_product_item #productView .amount .content{
text-align: right;
justify-content: right;
}

/*產品明細:頁籤內容空間*/
#tab_product_item #productView .UITabHost .UITab, #tab_product_item_bundle_fixed #productView .UITabHost .UITab, #tab_product_item_bundle_option #productView .UITabHost .UITab{
padding: 12px 0;
}

/*產品明細:促銷活動*/
#tab_product_item #productView .promotionList{
margin-bottom: 12px;
}
/*產品明細:促銷活動內容*/
#tab_product_item #productView .promotionList .promotion{
padding: 6px;
background-color: #f5f5f5;
}

/*產品明細:促銷活動內容文字*/
#tab_product_item #productView .promotionList .promotion .type{
padding: 3px;
color: var(--index-header-control-message-count-background-color);
font-weight: 800;
background-color: transparent;
}


/*加入常用商品*/
#tab_product_item #productView .productImage .UILink.favorites,
#tab_product_item_bundle_fixed #productView .UILink.favorites,
#tab_product_item_bundle_option #productView .UILink.favorites{
bottom: 30px;
}

/*加入常用商品圖示*/
#tab_product_item #productView .productImage .UILink.favorites:before, #tab_product_item_bundle_fixed #productView .UILink.favorites:before, #tab_product_item_bundle_option #productView .UILink.favorites:before{
font-size: 24px;
}

/*移除常用商品圖示*/
#pos #tab_product_favorites #productListView #productItemView .favorites.remove:before{
content: "\f410";
font-weight: 900;
font-size: 24px;
}


/*新增客戶分隔線*/
#pos #checkout #customerView .addCustomer:after{
color: #d4d4d4;
}


/*結帳員工圖示*/
#pos #checkout #customerView .customerInfo .customerCode .salesman:before{
font-family: "Font Awesome 5 Pro";
font-weight: 300;
font-style: normal;
padding-right: 6px;
padding-left: 8px;
content: "\f47f";
}

/*預約及取件圖示*/
#pos #checkout #customerView .customerControl > .UIGroup{
padding: 8px;
}

/*更換取件按鈕圖示*/
#pos #checkout #customerView .customerControl .customerOrder .UILink:after{
content: "\f47b";
}

/*** POS功能按鈕 ***/
#pos #posControlView {
--background-color-control-function-button: #000;
--font-size-control-warehouse-icon: 22px;
--min-width-control-function-button: 120px;
--margin-control-warehouse-icon: 0 0 0 12px;
}

/*** POS功能按鈕 ***/
#pos #posControlView #postFunctionView .UIButton {
background-color: var(--background-color-control-function-button);
min-width: var(--min-width-control-function-button);
}

/*結帳區按鈕*/
#pos #checkout #tabCart #itemView .controlBar{
padding-bottom: 8px;
border-bottom: var(--border-color-light);
}

/*結帳區按鈕樣式*/
#pos #checkout #tabCart #itemView .controlBar .UILink{
height: 32px;
border-radius: 3px;
}

/*結帳清單:品項文字大小*/
#pos #checkout #tabCart #itemView .checkoutItems .UILabel{
font-size: var(--font-size-medium);
}

/*結帳清單：數量*/
#pos #checkout #tabCart #itemView .symbolQty{
margin-left: 12px;
font-weight: 600;
}

/*結帳清單:垃圾桶*/
.UIShape.trashCan:before{
font-size: 24px;
color: var(--color-main);
}

/*結帳清單::促銷活動*/
#posCheckoutView #checkout .checkoutDiscounts{
margin: 10px 0 10px 70px;
}

/*結帳清單::促銷活動*/
#pos #checkout #tabCart #itemView .UILabel.bracket {
  color: var(--index-header-control-message-count-background-color);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-heavy);
}

/*結帳區:折價券、其他支付、統編等按鈕*/
#pos #checkout #tabCart #itemView .control{
margin-top: 24px;
}

/*結帳區:折價券、其他支付、統編等按鈕*/
#pos #checkout #tabCart #itemView .control .item .UILink{
padding: 5px 12px;
margin: 1px 0 1px 0;
border-radius: 3px;
}


/*螢幕鍵盤*/
#keyboard .UIButton,
#custom_coin_keyboard .UIButton{
height: 48px;
}

/*螢幕鍵盤*/
#keyboardBox hr.UILine,
#customCoinKeyboardBox hr.UILine{
margin: 16px 0;
}

#pos #checkout #tabCart #resultView .UIButton.btnReset {
background-color: var(--color-secondary);
}

/*結帳金額*/
#pos #checkout #tabCart #resultView .UIButton .UILabel.h6{
font-size: 1.5rem;
}

/*取貨簽名*/
.UISignature>canvas{
height: 250px !important;
}

.gcontainer #orderBox #orderView #tabHostSummary #orderSummaryView #order_result > .UIPanel{
background-color: #fafafa;
border:0;
}

/*手機選取產品圖示粗體*/
#pos #checkout #tabCart #scanView .inputControl #product:before{
font-weight: 900;
}

/********客顯螢幕:START*********/
#screen{
--screen-header-site-info-name-font-size: var(--font-size-base) !important;
}

#screen #wrapper #contentView #myScreen #controlView{
right: 0;/*結帳區靠右*/
border: 1px solid rgba(0,0,0,0.3);
}
/*區塊間距調整*/
#screen #wrapper #contentView #myScreen #controlView #listView > .UIGroup{
margin-bottom: 24px;
}

#screen .siteInfo {
display: flex;
align-items: center;
}


/*結帳總計*/
#screen #wrapper #checkout_item #resultView {
display: flex;
align-items: center;
justify-content: right;
border-top: var(--border-color-dark);
}

/*結帳總計：置左*/
#screen #wrapper #checkout_item #resultView .orderQty{
flex-grow: 2;
margin-left: 8px;
}
/*結帳總計：數量文字*/
#screen #wrapper #checkout_item #resultView .orderQty .symbolQty{
font-size: var(--font-size-h5);
}
/*結帳總計：數量文字*/
#screen #wrapper #checkout_item #resultView .symbolQty:before{
font-size: 14px;
margin-right: 4px;
}

/********客顯螢幕:END*********/


/*手機版顯示更多*/
.UITabBar.circle .tabs .UITab{
  background-color: #454545;
  color: #fff;
  border: 1px solid #e3e3e3;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/************ #pos:END ************/





/***圖片管理:Start***/
#in_company_image_manager {
padding-right: 12px;
border-top: 1px solid #ddd;
height: 100%;
}

#in_company_image_manager .UIFixedLayout,
#in_company_image_manager .UIFixedLayout > div {
height: 100%;
}

#in_company_image_manager .folderList {
height: 100%;
border-right: 1px solid #ddd;
padding: 12px;
background-color: #f6f6f6;
overflow-y: auto;
}

#in_company_image_manager .folderList .UIShape.folder{
padding: 6px 0;
}

#in_company_image_manager .fileList {
height: 100%;
padding-top: 12px !important;
overflow-y: auto;
margin-left: 12px;
}

#in_company_image_manager .fileList .row >div {
padding: 1px !important;
}

/***圖片管理:END***/