.x-body {
    background: #fdfdfd !important;
    font-family: "Century Gothic",arial;
}
.header {
    color: #3a3a38;
    font-size:11pt;
    font-weight: bold;
    font-family: 'Verdana', 'Helvetica', 'Arial', 'sans-serif';
}

#header .x-panel-header-default-horizontal.x-header-noborder {
    padding: 0 !important;
}

#header_header-innerCt {
    margin-top: 6px;
    width: 157px;
    height: 33px !important;
    margin-left: 15px;
    background-repeat: no-repeat;
    opacity: 1;
}

#header:after {
    background: none repeat scroll 0 0 #777777;
    bottom: 18px;
    box-shadow: 0 15px 10px #777777;
    content: "";
    left: auto;
    max-width: 300px;
    position: absolute;
    right: 10px;
    top: 80%;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    width: 50%;
    z-index: -1;
}

#header {
    position: relative;
    box-shadow: 0 10px 6px -6px #d0cece;
}

.effect4:after {
    background: none repeat scroll 0 0 #777777;
    bottom: 18px;
    box-shadow: 0 15px 10px #777777;
    content: "";
    left: auto;
    max-width: 300px;
    position: absolute;
    right: 10px;
    top: 80%;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    width: 50%;
    z-index: -1;
}
.effect4 {
    position: relative;
}
#header .x-title {
   top: 0px !important;
}
#header .x-title-text {
   line-height: 30px !important;
}
#header .header {
    font-size:28px;
    letter-spacing: 0.03em;
    font-family: Rajdhani,sans-serif;
    color: white;
    opacity: .8;
}

#header .x-panel-body-default {
    background: #EBF2F8;
}

#west-panel_header {
    background: #ececec;
    border-bottom: 5px solid #bd435f !important;
}

#west-panel-placeholder {
    background: #ececec;
    border: 1px solid #cdcdce !important;
}

#west-panel-placeholder span {
    margin-left: 5px;
}

#west-panel .header {
    color:#1471A7;
    font-size:10pt;
    /*font-weight:bold;*/
    line-height:20px;
}

#west-panel .x-title-text {
    white-space:normal;
    font-weight: bold !important;
    font-family: Rajdhani,sans-serif;
    color: #bd435f;
    font-size: 12pt !important;
}

#keyword_count {
    padding-left: 3px;
    top: 7px !important;
    font-size:10.5pt;
    color: #1471A7;
}

.x-btn-default-small {
    border-radius: none !important;
    background-image: none !important;
}

.x-btn-inner-default-small {
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
    font-size: 10.5pt !important;
    font-weight: normal !important;
}


#search-string-field .x-form-text-default {
    font-size:10.5pt !important;
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
    background-image:url("../../static/images/find.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding: 4px 6px 4px 23px;
}

::-webkit-input-placeholder {
   padding-top: 3px;
}

:-moz-placeholder { /* Firefox 18- */
   padding-top: 3px;
}

::-moz-placeholder {  /* Firefox 19+ */
   padding-top: 3px;
}

:-ms-input-placeholder {  
   padding-top: 3px;
}

.empty-text-field {
    font-size:10.5pt !important;
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
    background-image:url("../../static/images/find.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding: 4px 6px 4px 23px;
}

.x-form-display-field-default {
    font-size:10pt !important;
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
}

.x-menu-item-text-default {
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif' !important;
    font-size: 9pt !important;
    /*margin-left: 10px !important;*/
}


#west-panel .x-title-text {
    /*text-align: center;*/
}

#west-panel .header {
    font-size:10pt;
}

#footer_header.x-panel-header {
    border-color: #fbf8e6 !important;
    /*background-color: #fbf8e6 !important;*/
}

#footer-placeholder {
    background: white;
    border: none;
}

#west-panel, #east-panel {
    border: 1px solid #cdcdce;
}

. x-title-text {
    font-size: 12pt !important;
}

.x-form-text-default {
    font-size:11pt !important;
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
}

.x-tree-node-text {
    font-size:10.5pt !important;
    font-family:helvetica,arial,verdana,sans-serif !important;
    color: #363636 !important;
    margin-left: 3px;
}
.x-btn-default-toolbar-small {
    background:white !important;
}

.x-btn-default-toolbar-small .x-btn-inner{
}

.x-btn-inner-default-toolbar-small {
    font-weight:normal;
}

#button-all.x-btn-pressed {
    background:#E2F0F9 !important;
    border: 1px solid #B6D4E6;
}

.x-btn-pressed #button-all-btnInnerEl {
    color: #157FCC !important;
    font-weight: normal;
}

#button-beginner.x-btn-pressed {
    background:#F8E7ED !important;
    border: 1px solid #EACAD6;
}

.x-btn-pressed #button-beginner-btnInnerEl {
    color: #D82C49;
    font-weight: normal;
}

#button-intermediate.x-btn-pressed {
    background:#E7F8F2 !important;
    border: 1px solid #C4E7DA;
}

.x-btn-pressed #button-intermediate-btnInnerEl {
    color: #29B930;
    font-weight: normal;
}

#button-advanced.x-btn-pressed {
    background:#E7E8F8 !important;
    border: 1px solid #C8CCEA;
}

.x-btn-pressed #button-advanced-btnInnerEl {
    color: #5C61C0;
    font-weight: normal;
}

#create-concordance, #create-problems {
    background: #39b619 !important;
}

#create-concordance-btnInnerEl, #create-problems-btnInnerEl {
    font-weight: bold;
    color: #157FCC;
}

.x-tree-icon-parent {
    display:none;
}

.x-tree-icon-leaf {
    background-repeat: no-repeat;
    opacity:0.7;
}
.x-tree-icon-leaf.icon-ind {
    background-image: url("../../static/css/images/tree/node_ind.png") !important;
}

.x-tree-icon-leaf.icon-zsm {
    background-image: url("../../static/css/images/tree/node_zsm.png") !important;
}
.x-tree-icon-leaf.icon-sabah {
    background-image: url("../../static/css/images/tree/node_sabah.png") !important;
}
.x-tree-icon-leaf.icon-sarawak {
    background-image: url("../../static/css/images/tree/node_sarawak.png") !important;
}
.x-tree-icon-leaf.icon-burunei {
    background-image: url("../../static/css/images/tree/node_sarawak.png") !important;
}
.x-tree-icon-leaf.icon-jkt-l {
    background-image: url("../../static/css/images/tree/node_ind.png") !important;
}
.x-grid-item-selected
    background-color: white !important;
}

.x-grid-item-over {
    background-color: white !important;
}

.x-grid-item-focused {
    background-color: white !important;
}

.example_total_count {
    color:#157FCC;
    font-weight:bold;
    display:inline;
}

.example_count_beginner {
    color:#D82C49;
    font-weight:bold;
    display:none;
}

.example_count_intermediate {
    color:#3FA423;
    font-weight:bold;
    display:none;
}

.example_count_advanced {
    color:#5C61C0;
    font-weight:bold;
    display:none;
}

.x-tree-elbow-img.x-tree-elbow-line {
    display:none;
}

.x-tree-elbow-img.x-tree-elbow-empty {
    display:none;
}

.x-grid-cell-inner {
    font-size:11pt;
    cursor: pointer;
}

.keyword {
    color: #4D4D4E;
    font-weight: bold;
}

.total_count {
    color:#157FCC;
    font-size:11pt;
    font-weight:bold;
    padding-right:5px;
}

.count_beginner {
    color:#D82C49;
    font-size:11pt;
    font-weight:bold;
    padding-right:5px;
}

.count_intermediate {
    color:#3FA423;
    font-size:11pt;
    font-weight:bold;
    padding-right:5px;
}

.count_advanced {
    color:#5C61C0;
    font-size:11pt;
    font-weight:bold;
    padding-right:5px;
}

.x-grid-item-alt {
    background: #F6F8FC;
}

.root {
    border-top: 1px solid lightgray;
    background: #DBE3ED;
}

.parent {
    border-top: 1px solid lightgray;
    background: #F1F4F8;
}

.parent .x-grid-cell-inner {
    margin-left: 10px;
}

.child .x-grid-cell-inner {
    margin-left: 20px;
}

.grandchild .x-grid-cell-inner {
    margin-left: 30px;
}

#header .x-panel-body-default {
    background: #EBF2F8;
}

#header_header {
    height: 55px;
    background-image: url("../../static/images/bg.png");
}

.x-panel-header-title-default {
    padding-top:3px !important;
}

.x-btn-icon-el {
    background-size: 90% !important;
}

.x-btn-default-small {
    border-radius: none !important;
    background-image: none !important;
}

.x-btn-inner-default-small {
    font-family: 'Lucida Grande', 'Verdana', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 10pt !important;
    font-weight: normal !important;
}

#concordance-toolbar {
    background: #ececec;
    border-bottom: 5px solid #435dbd !important;
    padding: 3px 0 3px 8px !important;
}

.x-form-display-field-default {
    font-size:10pt !important;
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
}

.x-toolbar-text-default {
    color: #242323 !important;
    font-size:9pt !important;
    font-family: 'Lucida Grande', 'Verdana', 'Helvetica', 'Arial', 'Arial', 'Gothic', 'sans-serif' !important;
}

.x-toolbar-separator-horizontal {
    top: 0 !important;
    border-left: 1px solid #f6e163 !important;
    height: 28px !important;
}

.x-btn {
    border: 1px solid #929090 !important;
}

#concordance-toolbar .x-btn-pressed {
    background: #b62e4d !important;
    border: 1px solid #b62e4d !important;
}

.x-btn-inner-default-toolbar-small {
    font-size: 10pt;
    font-family: Rajdhani,sans-serif;
    /*font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';*/
    font-weight: bold;
    color: #3e6339 !important;
}

#concordance-toolbar .x-btn-pressed .x-btn-inner-default-toolbar-small {
    color: white !important;
    font-size: 11pt;
    font-weight: bold;
    font-family: Rajdhani,sans-serif;
    /*font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';*/
}

.x-tip-default {
  background-color: #1662bf !important;
  border: 2px solid #435dbd !important;
  border-radius: none !important;
  padding: 1px !important;
}

.x-tip-body-default {
  padding: 0 3px !important;
  color: white;
  font-size: 9pt !important;
  font-weight: normal;
  font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';

}

.x-title-text {
    color: white;
    font-size: 11pt !important;
}

.x-form-text-default {
    font-size:9pt !important;
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
}

.x-grid-cell-inner {
    font-size:9.5pt;
    cursor: default;
}

.x-grid-item-alt {
    background: #fffef8;
}

.number {
    text-align: center;
    font-weight: bold;
    color: #1662bf !important;
    border-right: none !important;
    background: #f7faff;
    font-size:10pt;
    font-family: 'Lato', san-serif;
    opacity: 1;
}

.number a {
    text-decoration: none;
    font-weight: bold;
    color: #1662bf;
}
.number x-grid-cell-inner-row-numberer {
    text-align:center !important;
}

.left_context, .node_right_context {
    border-right: none !important;
}

.left_context .x-grid-cell-inner {
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
    font-size: 10.5pt;
    padding: 5px 3px 4px 5px;
}

.node_right_context .x-grid-cell-inner {
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
    font-size: 10.5pt;
    padding: 5px 3px 4px 3px;
}

.sentence {
    line-height:22px;
}

.sentence .x-grid-cell-inner {
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
    font-size: 10.5pt;
    padding: 5px 3px 4px 3px;
    white-space: normal !important;
}

.sentence span.highlight {
   color:#b62e4d;
   font-weight:bold;
   margin-right:3px;
}
.sentence span.highlight.underline {
   color:white;
   font-weight:bold;
   margin-right:3px;
   border-bottom: 1px dotted white;
}
.sentence span.underline {
   color:white;
   font-weight:normal;
   margin-right:3px;
   border-bottom: 1px dotted white;
}

.translation {
    line-height:18px;
}

.translation .x-grid-cell-inner {
    font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
    font-size: 10.5pt;
    white-space: no-wrap !important;
}

.x-tool-img {
    background-color: #ececec !important;
    opacity: .9;
}

.x-message-box .x-tool-img {
    background-color: #426add !important;
}

.x-item-disabled {
    opacity: .5 !important;
}
#create-concordance, #download-concordance {
    background: #b62e4d !important;
    border: 1px solid #b62e4d !important;
    opacity: .9;
}

#create-concordance .x-btn-inner, #download-concordance .x-btn-inner {
    color: white !important;
   /* font-family: 'Lato', san-serif;*/
   /* font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';*/
   font-family: Rajdhani,sans-serif;
   font-size: 11pt;
   letter-spacing: 1px;
    font-weight: bold;
}

#concordance-panel .x-toolbar {
    background-color: #ececec;
    padding: 3px 10px;
}

.x-grid-with-row-lines .x-grid-item {
    border: 0 !important;
}

.x-grid-cell {
    border-top: 1px solid #f3f3f3 !important;
}

#search-string-field-trigger-trigger1 {
    /*background-color: #fbf7e1;*/
}

.x-window-default {
   border-color: #486dd4 !important;
}

.x-window-header-default-top {
   background-color: #486dd4 !important;
}

.x-window-header-default {
   border-color: #486dd4 !important;
}

.x-toolbar-footer {
   background-color: #eff2fd !important;
}

.x-btn-default-small {
   background-color: #929090 !important;
}
#context-content-inputCmp-iframeEl {
  height: 100%;
}
#west-panel .x-toolbar {
   background: white;
}
#west-panel-body {
   background: white;
}
.x-mask {
   opacity: .3 !important;
}
#help_table {
  width: 315px;
  border-collapse: collapse;
  font-family: 'Lora', serif;
}
#help_table td {
  font-size: 10pt;
  border-top: 1px solid #e9cb2d;
  border-bottom: 1px solid #e9cb2d;
  padding: 4px;
  vertical-align: top;
}
#help_table td.search_string {
   cursor: pointer;
   color: #13ac5e;
}
#search-string-field textarea {
  word-wrap: break-word !important;
}
.stoggler.off {
  font-size: 6pt !important;
}
.toolbar-label {
  padding:5px 1px 3px 2px;
  font-size:11pt;
  text-align:left;
  color:black;
  font-weight:bold;
  margin-right: 10px !important;
  font-family: Rajdhani,sans-serif;
  /*font-family: 'Lucida Grande', 'メイリオ', 'Verdana', 'Helvetica', 'Arial', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';*/
}
.group-button {
  height:22px;
  background:white;
  font-weight: bold;
 }
.corpus {
   text-align: right;
   border-right: none !important;
}
.corpus-label {
   margin-right: 5px;
   font-size: 8pt;
   cursor: pointer;
   /*background: white;*/
   padding: 1px 7px;
   /*border-radius: 3px;*/
}
.ind {
   border: 1px solid #b62e4d;
   color: #b62e4d;
}
.ktk {
    border: 1px solid #b62e4d;
    color: #b62e4d;
 }
.zsm {
   border: 1px solid #273e82;
   color: #273e82;
}
.var {
    border: 1px solid #273e82;
    color: #273e82;
 }
.sabah {
    border: 1px solid #2fb170;
    color: #2fb170;
 }
.sarawak {
    border: 1px solid #2fb170;
    color: #2fb170;
 }
 .brunei {
    border: 1px solid #2fb170;
    color: #2fb170;
 }
 .jkt-l {
    border: 1px solid #b62e4d;
    color: #b62e4d;
 }
 #keyword-panel {
   width: 350px;
   border: 1px solid lightgray;
}
#search-panel-header span {
   font-size: 12pt;
   font-family: Rajdhani,sans-serif;
   font-weight: bold;
}
#corpus-panel-innerCt {
  /*height: 200px !important;*/
}
#corpus_selection_tree_header {
   background: #ececec;
   padding: 5px;
}
#corpus_selection_tree_header .x-tool-collapse-top {
  display: block;
}
 .x-tree-checkbox {
   cursor: pointer;
}
.second-level .x-grid-cell-inner {
  margin-left: 10px;
}
.third-level .x-grid-cell-inner {
  margin-left: 20px;
}
#corpus_selection_tree .x-tree-node-text {
  font-family: helvetica,arial,verdana,sans-serif !important;
  font-size: 14px !important;
}
#corpus_selection_tree .x-grid-cell {
  border-top: none !important;
}
#keyword-panel_header {
  background-color: #ececec;
  /*height: 30px;*/
  padding-top: 5px;
}
#keyword-panel .x-accordion-hd {
  background-color: #ececec;
}
.collocate-highlight {
  color: #1662bf;
  font-weight: bold;
}
input#value {
  padding-left: 6px;
  font-weight: bold;
}
.clear-all-button {
  color: black;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  font-weight: bold;
  margin-right: 10px;
  font-size: 10pt;
  padding: 2px 7px 1px;
  /*font-family: Rajdhani,sans-serif;*/
  opacity: .9;
  float: right;
  cursor: pointer;
}
.x-panel-header {
    padding: 6px !important;
}
#keyword-panel-body .x-panel-header {
    padding: 4px 6px !important;
}
#paging-toolbar {
    top: -2px !important;
}
#paging-toolbar .x-form-text-wrap {
    width: 42px;
}
#paging-toolbar .x-form-field {
    width: 42px;
}
#language-switcher {
    background: #77777747 !important;
    border-color: #77777747 !important;
}
#language-switcher .x-btn-inner-default-small {
    font-size: 12px !important;
}
.x-menu-body-default {
    background-color: #edededad;
}
.x-menu-item-active {
    background-color: #9abfdf99 !important;
}
#node-filter-panel_header, #collocate-filter-panel_header, #corpus-selection-panel_header {
    cursor: pointer;
}