/*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;}


/*AWB*/
.ux-product-list .relay-on{
	border: 1px solid rgb(187 129 0) !important;
}
.ux-product-list .relay-on .table-title{
	color: #bb8100 !important;
}

.x-window-header-default-top{
	background-color: #333333 !important;
}
.x-window-header-default{
	border-color: #333333 !important;
	background-color: #333333 !important;
}
.x-resizable-handle{
	background-color: #333333 !important;
}

.x-btn-default-large, .x-btn-default-medium, .x-btn-default-small{
	background-color: #333333 !important;
	background-image: -webkit-linear-gradient(top, #363636, #3e3e3e 50%, #3c3d3e 51%, #292929);
}
.x-btn-default-large-over, .x-btn-default-medium-over, .x-btn-default-small-over{
	color: #333333 !important;
	background-color: #333333 !important;
	background-image: -webkit-linear-gradient(top, #a5a5a5, #5c5c5c 50%, #595e61 51%, #292929);
}
.x-btn-default-large, .x-btn-default-medium, .x-btn-default-small{
	border-color: #262626 !important;
}
.x-btn-default-large .x-btn-inner, .x-btn-default-medium .x-btn-inner, .x-btn-default-small .x-btn-inner{ 
	color: #ffb960 !important;
}
.x-window-default{
	border-color: #333333 !important;
}
.x-window-header-default .x-tool-img{
	background-color: #333333 !important;
}
.x-panel-default{
	border-color: #333333 !important;
}
.x-border-layout-ct{
	background-color: #333333 !important;
}
.x-panel-body-default{
	border-color: #333333 !important;
	/*background: #e9e9e9 !important;*/
}
.x-toolbar-footer{
	background: #ebebeb !important;
}
.x-panel-header-default{
	background-color: #ffa400 !important;
	border: 1px solid #c37f03 !important;
}
.x-menu-item-active{
	background-color: #b9b5ac !important;
	border-color: #333333 !important;
}
.x-toolbar-default{
	/*background-color: #e9e9e9 !important;*/
}
.ux-taskbar.x-toolbar-default{
	background-color: #c3c3c3 !important;
}
.ux-taskbar .x-btn-over .x-btn-inner{
	color: #d7d7d7;
}
.x-btn-default-toolbar-small{
	border-color: #333333;
}
.x-btn-default-toolbar-small .x-btn-inner{
	color:#ffcb6c;
}
.x-btn-default-toolbar-small, .x-btn-default-toolbar-small-menu-active, .x-btn-default-toolbar-small-pressed{
	background-image: -webkit-linear-gradient(top, #9b9898, #646464 50%, #666666 51%, #323232);
}
.x-panel-header-default .x-tool-img{
	background-color: #ffa400;
}
.x-form-focus{
	border-color: #ffa400;
}
.x-panel-header-text-container-default{
	color:#333333;
}
.x-tab-bar-default{
	background-color: #ffa400;
}
.x-tab-default{
	border-color: #cc8315;
}
.x-tab-default-top, .x-tab-default-left, .x-tab-default-right{
	border-bottom: 0 solid #cc8315;
}
.x-tab-default-top{
	background-color: #d98404;
}
.x-tab-default-top-active, .x-tab-default-left-active, .x-tab-default-right-active{
	border-bottom: 0 solid #edd3ad;
	background-color: #edd3ad;
}
.x-tab-default-active{
	border-bottom: 0 solid #edd3ad;
	background-color: #edd3ad;
}
.x-tab-default-active .x-tab-inner{
	color: #a7690b;
}
.x-tab-bar-default .x-box-scroller{
	background-color: #d98404;
}
.x-window-body-default{
	border-color: #ffa400 !important;
}
.x-tab-bar-strip-default{
	border-color: #cc8315;
	background-color: #edd3ad;
}
.x-grid-row-over .x-grid-td, .x-grid-row-focused .x-grid-td{
	border-bottom-color: #efcb89;
}
.x-grid-row-over .x-grid-td, .x-grid-row-selected .x-grid-td{
	background-color: #f1e0c1;
}
.x-boundlist-item-over, .x-boundlist-selected{
	border-color: #cc8315;
	background-color: #b9b5ac;
}
.x-form-trigger-wrap-focus .x-form-trigger-wrap{
	border-color: #ffa400;
}