/*shortcut-dt-view-style*/
.open-column-shortcut{float:left; width:120px;margin-right:10px;text-align:center;}

.ux-desktop-shortcut,.ux-preferences-shortcut {
    cursor: pointer;
    text-align: center;
    padding: 8px;
    margin: 8px;
    width: 96px;
    height: 84px;
	border:1px solid rgba(0,0,0,0);
	float: left;
}

.ux-desktop-shortcut-icon, .ux-preferences-shortcut-icon {
    width: 60px;
    height: 40px;
    background-color: transparent;
    background-repeat: no-repeat;
	background-position: center;
	color:#ccc;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
	margin: 0 auto;
	/*background-size:36px*/
}

.ux-desktop-shortcut-text, .ux-preferences-shortcut-text {
    font: normal 12px tahoma,arial,verdana,sans-serif;
    text-decoration: none;
    padding-top: 5px;
    color: #fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.ux-desktop-shortcut.x-view-over, .preferences-shortcut-over{
    border:1px solid rgba(0,0,0,0.2);
	background-color: rgba(0,0,0,0.2);	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	
}

.ux-desktop-shortcut.x-view-over .ux-desktop-shortcut-text, .preferences-shortcut-over .ux-preferences-shortcut-text {
    text-decoration: none;
	color:#fff;
}

/*PRODUCT VIEW*/
.ux-product-list {
    cursor: pointer;
    text-align: center;
    padding: 2px;
    margin: 8px;
    width: 160px;
    height: 126px;
	border:1px solid rgba(0,0,0,0);
	float: left;
	display: inline-block;
	border:1px solid rgba(0,0,0,0.2);
	background-color: rgba(0,0,0,0.2);	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.ux-product-list-icon {
    max-width: 160px;
    height: 120px;
    background-color: transparent;
    background-repeat: no-repeat;
	background-position: center;
	color:#ccc;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
	margin: 0 auto;
	position: relative;
	/*background-size:36px*/
}

.ux-product-list-icon img{height: 120px;}

.ux-product-list-text {
    font: normal 12px tahoma,arial,verdana,sans-serif;
    text-decoration: none;
    padding: 5px;
    color: #fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
	width: 154px;
	position: absolute;
	bottom:0px;
	left:0x;
}

.product-list-over{
    border:1px solid rgba(255,255,255,0.8);
	background-color: rgba(255,255,255,0.8);	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	
}

.product-list-over .ux-product-list-text {
    text-decoration: none;
	color:#fff;
}

/*BUTTON ENV*/
.button-billing .x-btn-inner {
    font-size:15px;
}

.button-category .x-btn-inner {
    font-size:14px;
	margin-right: 10px;
	text-align: center;
}

/*COSTUMIZE*/
#QuickStartToolbar a#QuickStartToolbar-menu-trigger{margin-top:3px;}
#rightCashierCategory div#rightCashierCategory-before-scroller, 
#rightCashierCategory div#rightCashierCategory-after-scroller{
	margin-top: 16px !important;
}
#rightPanelCashier-body{overflow:auto;}

/*list table*/
.ux-product-list.list-dttable{height: 76px;}
.ux-product-list-icon.list-dttable{height: 70px;}
.ux-product-list-text.list-dttable{padding: 20px 10px 10px 10px; height:70px;}

/*ICON*/
.icon-posting{
    background-image:url( ../../../assets/desktop/icons/fam/report_go.png ) !important;
}
.btn-users {
    background-image:url( ../../../assets/desktop/icons/fam/users.png ) !important;
}
.btn-lock {
    background-image:url( ../../../assets/desktop/icons/fam/lock.png ) !important;
}
.btn-lock-open {
    background-image:url( ../../../assets/desktop/icons/fam/lock-unlock.png ) !important;
}
.btn-generate {
	background-image:url(../../../assets/desktop/icons/general/posting.png) !important;
}
.btn-play {
	background-image:url(../../../assets/desktop/icons/fam/control_play_blue.png) !important;
}
.btn-stop {
	background-image:url(../../../assets/desktop/icons/fam/control_stop_blue.png) !important;
}
.btn-gear {
	background-image:url(../../../assets/desktop/icons/fam/table_gear.png) !important;
}
.btn-tick {
    background-image:url( ../../../assets/desktop/icons/fam/tick.png ) !important;
}
.btn-switch {
    background-image:url( ../../../assets/desktop/icons/fam/arrow_switch.png ) !important;
}
.icon-org {
    background-image:url( ../../../assets/desktop/icons/fam/chart_organisation.png ) !important;
}
.icon-sync {
    background-image:url( ../../../assets/desktop/icons/fam/database_refresh.png ) !important;
}
.icon-house {
    background-image:url( ../../../assets/desktop/icons/fam/house.png ) !important;
}
.icon-backup {
    background-image:url( ../../../assets/desktop/icons/fam/database_save.png ) !important;
}
.icon-aplikasi {
    background-image:url( ../../../assets/desktop/icons/fam/aplikasi.png ) !important;
}
.icon-generate {
    background-image:url( ../../../assets/desktop/icons/fam/table_refresh.png ) !important;
}
.icon-cog {
	background-image:url(../../../assets/desktop/icons/fam/cog.png) !important;
}
.icon-home {
	background-image:url(../../../assets/desktop/icons/fam/application_home.png) !important;
}
.icon-notes {
	background-image:url(../../../assets/desktop/icons/fam/note.png) !important;
}
.icon-grid-search {
	background-image:url(../../../assets/desktop/icons/fam/application_form_magnify.png) !important;
}
.icon-receipt {
	background-image:url(../../../assets/desktop/icons/fam/page_white_text.png) !important;
}
.icon-list-order {
	background-image:url(../../../assets/desktop/icons/fam/table_edit.png) !important;
}
.btn-warning {
	background-image:url(../../../assets/desktop/icons/fam/bullet_error.png) !important;
}
.icon-keyboard {
	background-image:url(../../../assets/desktop/icons/fam/keyboard.png) !important;
}

.icon-up {
	background-image:url(../../../assets/desktop/icons/fam/arrow_up.png) !important;
}
.icon-down {
	background-image:url(../../../assets/desktop/icons/fam/arrow_down.png) !important;
}

/*BUTTON*/
.button-size16 .x-btn-inner {
    font-size:16px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
.button-size18 .x-btn-inner {
    font-size:18px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
.button-size20 .x-btn-inner {
    font-size:20px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
.button-size22 .x-btn-inner {
    font-size:22px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
.button-size24 .x-btn-inner {
    font-size:24px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
.button-numlock .x-btn-inner {
    font-size:24px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}

.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}