/*CSS Text*/
.engraved-text {background-color: #666666; background-clip: text; -webkit-background-clip: text; color: transparent; text-shadow: 3px 5px 1px rgba(245, 245, 245, 0.5);}
.embossed-text {background-color: #666666; background-clip: text; -webkit-background-clip: text; color: #cc3300; text-shadow: 1px 4px 4px #555555;}

/* CSS a */
a, a:visited, a:hover, a:active {text-decoration: none !important;}

/* CSS Icons */
.slash-overlay::after {position: absolute; content: "X"; color: red; font-weight: bold; left: 3px;top: 1px;}
.icon-blue {color: blue;}
.icon-green {color: green;}
.icon-red {color: red;}
.icon-merahhati {color: #800000;}
.icon-yellow {color: yellow;}
.icon-gold {color: #ffd700;}
.icon-e6c300 {color: #e6c300;}
.icon-ccad00 {color: #ccad00;}

/* CSS Form */
input[readonly]{background-image:none;background-color:#fffed9;color:#303030 !important;}
input[disabled]{background-color:#fffed9;color:#303030 !important;}
textarea[readonly]{background-image:none;background-color:#fffed9;color:#303030 !important;}
textarea[disabled]{background-image:none;background-color:#fffed9;color:#303030 !important;}

/* CSS Tab */
.x-tab-default {padding: 3px 5px; text-decoration: none !important;}
.x-tab-bar-body-default {padding: 2px !important;}
.x-tab-icon-el-default {text-decoration: none !important;}
.x-tab.x-tab-active.x-tab-default .x-tab-inner-default {color: #800000;}
.x-tab-close-btn {background-color: #3366cc !important;}
.x-tab-close-btn:hover {background-color: #3399ff !important;}

/* CSS Grid */
.x-grid-paging-toolbar {padding: 2px;}
.x-column-header-inner {padding: 3px !important;}
.x-column-header-inner .x-column-header-text {white-space: normal !important; font-weight: bold !important; font-size: 9pt !important;}
.x-grid-group-hd div.x-grid-group-title {white-space:normal !important;}
.x-grid-cell {padding: 3px 4px !important; font-size: 9pt !important;}
.x-grid-cell ol {margin-top: 2px !important; padding-left: 15px !important;}
.x-grid-cell p {margin-top: 2px !important; margin-left: 3px !important;}
.x-grid-cell-inner {padding: 0px !important;}
.x-grid-item-focused .x-grid-cell-inner:before {display: none;} /* Remove text decoration */
.x-grid-checkcolumn {display: block; position: relative;}
.x-grid-editor {top: 0 !important;}

.x-td-bold .x-change-cell{font-weight:bold;}
.x-td-bg-green .x-change-cell{background-color: #81c175;}
.x-td-bg-blue .x-change-cell{background-color: #0099ff;}
.x-td-bg-ffd480 .x-change-cell{background-color: #ffd480;}
.x-td-bg-ffffcc .x-change-cell{background-color: #ffffcc;}

.tdgreen .x-change-cell{background-color: #81c175; !important}
.tdgreen-00cc99 .x-change-cell{background-color: #00cc99; !important}
.tdwarning .x-change-cell{background-color: #faa5a5; !important}
.tdwarning-fccfcf .x-change-cell{background-color: #fccfcf; !important}
.tdblue-0099ff .x-change-cell{background-color: #0099ff; !important}
.tdblue-99ccff .x-change-cell{background-color: #99ccff; !important}

.adjust-columns .span-columns {width: auto !important;}
.adjust-columns .x-grid-item {width: 100% !important;}
.adjust-columns .hide-column {display: none;}

.action-col-item-margin5 {
    margin: 0 5px;
}

/* CSS Panel */
.x-panel, .x-splitter {border-width: 1px 1px 1px 1px;}
.x-panel-header {padding: 5px 7px !important;};
.x-header {padding: 5px 7px !important;};

/*.wrap-panel-title .x-title-text {
	white-space: normal !important; color: red;
}

.x-panel-header-title .x-title-text {
	white-space: normal !important; color: black; word-wrap: break-word; display: table; line-height: normal !important; overflow-wrap: break-word;
}*/

/*.x-panel-header-title {white-space: normal !important; word-wrap: break-word;}*/
/*.x-title-text .x-title-text-default .x-title-item {white-space: normal !important; display: block;}*/


/* CSS FILE LAMPIRAN */
.dokfile .thumb{background: #dddddd; padding: 3px; padding-bottom: 0;}
.dokfile .x-quirks .thumb {padding-bottom: 3px;}
.dokfile .thumb img{height: 80px; width: 80px; cursor: pointer;}
.dokfile .thumb-wrap{float: left;margin: 4px;margin-right: 0;padding: 5px;}
.dokfile .thumb-wrap span {display: block;overflow: hidden;text-align: center;width: 66px;}
.dokfile .x-item-selected {background:#eff5fb;}
.dokfile .x-view-selector {position:absolute;left:0;top:0;width:0;border:1px dotted;opacity: .5;-moz-opacity: .5;filter:alpha(opacity=50);zoom:1;background-color:#c3daf9;border-color:#3399bb;}
.dokfile .ext-strict .ext-ie .x-tree .x-panel-bwrap{position:relative;overflow:hidden;}