body {
    background-image: url(../images/header.gif);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #fff !important;
}

.x-tree-node-expanded {
   border-right: 1px solid #D0D0D0;
   background-color: #F4F4F4;
   border-top-color: #EDEDED;
   border-bottom-color: #EDEDED;
}

/*#loading {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-top: -60px;
  margin-left: -60px;
  background-image: url(../images/loading.gif);
  background-position: center center;background-repeat: no-repeat;
}*/

#loading {position:absolute;top:50%;width:100%;margin-top:-70px;}
#loading .title{font-family:"Exo",sans-serif;font-size:2em;color:gray;text-align:center;white-space:nowrap;display:block}
#loading .logo{background:url(../images/loading.gif) no-repeat center;display:block;height:120px}

.logo {
    background: url(../images/logo/cisbox_Logo_2021.svg) top center no-repeat;
}

.empty {
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    background-position: center;
    background-image: url(../images/empty.gif);
    background-repeat: no-repeat;
}
.trasnparent-button
{
    border: none !important;
    background: none !important;
}
.x-menu-body {background-color: white !important;}
.x-menu-item-text {padding-right: 5px;}

.form-clear-trigger {
    background-image: url('../themes/images/rapid-gray/form/clear-trigger.gif') !important;
}

.navigation-tree-panel {
    padding: 10px !important;
    background-color: white !important;
}
.navigation-tree-panel .x-grid-body, .navigation-tree-panel .x-scroller-vertical {
    border: none !important;
}
.navigation-tree-panel .x-grid-cell, .permission-tree-panel .x-grid-cell {
    height: 24px;
    vertical-align: middle;
}

.viewport-tabpanel .x-panel-header.x-region-collapsed-right-placeholder {border-width: 0 0 0 1px;}
.viewport-tabpanel .x-panel-header.x-region-collapsed-left-placeholder {border-width: 0 1px 0 0;}
.viewport-tabpanel .x-panel-header.x-region-collapsed-bottom-placeholder {border-width: 1px 0 0 0;}
.viewport-tabpanel .x-panel-header.x-region-collapsed-top-placeholder {border-width: 0 0 1px 0;}

 /*su dung se nhay phan header. ko su dung thi firefox che mat phan header*/
 /*.viewport-tabpanel {
    margin: 0px  !important;
    width: 1906px !important;
    height: 100% !important;
    left: 0px !important;
    top: 54px !important;
}*/

.x-tab-bar {background: none !important; background-color: transparent !important;}
.x-tab-bar-body {border-color: transparent; background: none !important; background-color: transparent !important;}
.x-tab button {font-weight: normal;}
.x-tab-active button {
    font-weight: bold;
    font-family: arial;
}
.highlight-x-tab-active button {
    color: red;
}
.highlightButton .x-btn .x-btn-inner {
text-align: center;
font-weight: 100;
font-weight: bold;
color: red;
}

.styleYellow {
color: #000000;
background-color: #FCB441;
font-weight: bold;
  text-align: center;
}

.styleRed {
color: #FFFFFF;
background-color: #E0400A  !important;
font-weight: bold;
  text-align: center;
}

.styleGreen {
	color: #000000;
	background-color: #418CF0;
	font-weight: bold;
	  text-align: center;
}

.checkKreditorU {
	color: red;
	font-weight: bold;
}

.x-grid-row-editor .x-form-cb-wrap {
    text-align: center;
    padding-bottom: 30px;
}

.x-grid-row .x-grid-cell-inner {
    white-space: normal;
    font-size: 11px;
}
.x-grid-row-over .x-grid-cell-inner {
    /*font-weight: bold;*/
    white-space: normal;
}

.x-grid-row-selected .x-grid-cell,.x-grid-row-selected .x-grid-rowwrap-div {
  border-style: dotted;
  border-color: #bfb8b8;
  background-color: #FFFFCC !important;
}

/*.x-grid-table {
    table-layout: fixed;
    border-collapse: separate;
    width: 100%;
}*/

.green-grid-row .x-grid-row
{
    background:green !important;
    color:#fff;
}
.red-grid-row
{
    background:#ffe2e2 !important;
    color:#fff;
}
.yellow-grid-row
{
    background:#fdffc9 !important;
      color:#fff;
}



.x-boundlist-item-over{
     background:#e8eeb7;
     /*  color:white;
         FFFFCC
         fec016
         007ACC
         CA5100
         */
}​

.x-column-header.x-item-disabled {filter: none;}

/* make read-only fields look different */
.x-form-readonly1 input {color: black;background:none;opacity:0.7; filter:alpha(opacity=70);}
.x-form-readonly input {color: blue;background:none;opacity:0.7; filter:alpha(opacity=70);}
.x-form-readonly textarea {opacity:0.3; filter:alpha(opacity=30);}
input.x-trigger-noedit {
    opacity: 0.9;
    filter: alpha(opacity=30);
    cursor: not-allowed;
}
.x-field.x-item-disabled {
    opacity: 0.9;
    filter: alpha(opacity=30);
}
/* end of make read-only fields look different */

.dirty .x-tab-close-btn {
    background-image: url('../themes/images/rapid-gray/tab/tab-dirty-close.png') !important;
}
.dirty .x-tool-close {
    background-image: url('../themes/images/rapid-gray/tools/tool-sprites.png') !important;
}

.textfield-readonly-noborder { border: none !important; background:none; }
.txt-align-left {text-align:left;}
.txt-align-right {text-align:right;}
.font-bold {font-weight:bold;}

.x-border-box .x-form-text {
    height: 22px;
    height: inherit;
}

 .x-form-focus
    {
        background-color: #FFFFCC;
        background-image: none;
        opacity: 1;
        font-weight:normal;
        /*font-size:initial;*/
        /*border:1px dotted red;*/
    }

  .noteField
    {
        background-image: none;
        opacity: 1;
        font-weight:normal;
        font-size:initial;
    }


  .checkarticleField
    {
        background-image: none;
        opacity: 1;
        font-weight:normal;
        height: inherit;
        font-size:large;
    }

 .articleNew{
    background-image: none;
    background-color: green;
    color: green;
    font-weight: bold  !important;
}

 .articleDuplicate{
    background-image: none;
    background-color: none;
    color: purple;
    font-weight: bold  !important;
}

.cellInvalid{
    background-color: red;
    background-image: none;
    color: red;
    font-weight: bold !important;
}

.cellInvalidNumber{
    background-color: green;
    background-image: none;
    color: red;
    font-weight: bold;
    text-align: right;
}

.minor {
    color:brown;
}

.asc-icon {
    background-image: url(../images/icons/asc.gif) !important;
}
.desc-icon {
    background-image: url(../images/icons/desc.gif) !important;
}

.x-form-item.required label {
    font-style: italic;
}
.x-form-item.required span.asterisk {
    font-style: normal;
    color: red;
    font-weight: bold;
}

.x-grid-cell.can-checked {
    background-image: url('../images/icons/can-checked.png');
    background-position: center -2px;
    background-repeat: no-repeat;
}

.x-grid-cell.checked {
    background-image: url('../images/icons/check.png');
    background-position: center -2px;
    background-repeat: no-repeat;
}

.x-btn-focus .x-btn-inner {
    text-decoration: underline;
}

.treeNode-selected {
  font-weight: bold;
}


.viewport-headertoplabel{
font-family: Segoe UI, Tahoma, Arial, Verdana;
font-weight:bold;
color:white;

}



.viewport-headertoplabel1{
font-family: Segoe UI, Tahoma, Arial, Verdana;
font-weight:bold;
color:#007acc;

}


.viewport-headertoplabel2{
font-family: Segoe UI, Tahoma, Arial, Verdana;
font-weight:normal;
color:#666666;

}

.viewport-headertop{
overflow: hidden;
zoom: 1;
position: relative;
left: 10px;
top: 3px;
background-color: #007acc;
}


.viewport-headertop1{
overflow: hidden;
zoom: 1;
position: relative;
left: 10px;
top: 3px;
background-color: #F1F1F1;
}


.highlightPanel .x-box-inner {
overflow: hidden;
zoom: 1;
position: relative;
left: 0;
top: 0;
background-color: #FFFFCC;
}


.grayPanel .x-box-inner {
overflow: hidden;
zoom: 1;
position: relative;
left: 0;
top: 0;
background-color: none;
}


.x-column-header-inner-title {
    line-height: normal;
    padding-right: 1px !important;
    text-align: right;
    top: 20%;
}


.x-column-header-inner-number {
    line-height: normal;
    padding-right: 1px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    text-align: center;
    top: 20%;
}


.x-column-header-inner-td-detail {
    line-height: normal;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    text-align: center;
    top: 20%;
}

/*.highlightButton
{

    border-color: #9A9C9C;
    border-width: 2px;

    border-radius: 20px;
}*/

/*spacer is space.  This for text and background inner text*/
.highlightButton .x-btn-inner
{
    font-weight: bold;
    color: red;
    font-size: 12px;
    background-color: transparent !important;
    border-radius: 0px;
}
/*ffd800*/
/*is concatenating. This for border and background in over event*/
/*.x-btn-over.highlightButton
{
    font-weight: bold;
    border-color:transparent;
    border-width: 0px;
    background-color:transparent !important;
}*/

 /*spacer is space. This for text in over event*/
/*.x-btn-over.highlightButton .x-btn-inner
{
    background-color: #68ACAC !important;
    color: #FFFF00;
}*/

.verify-cb
{
    margin-left: 95px;
    font-weight: bold;
    color: red;
}


.fileinfor-cb
{
    margin-left: 105px;
    font-weight: bold;
}


.template-properties-cb
{
    margin-left: 105px;
}


.NewTempate{
    background-color: red;
    background-image: none;
    color: black;
    font-weight: bold;
}

.CompletedTempate{
    background-color: chocolate;
    background-image: none;
    color: chocolate;
    font-weight: bold;
}

.CheckedTempate{
    background-color: green;
    background-image: none;
    color: black;
    font-weight: bold;
}

.highlightHintField {
    color: red;
    font-weight: bold;
}

.x-tip-header-text1 {
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    cursor: default;
    color: red !important;
    font-size: 11px;
    font-weight: bold;
}


.highlightField{
    background-color: #FFFFCC;
    background-image: none;
    color: black;
    font-weight: bold;
}

.highlightAnlage {
	background-color:peru;
    background-image: none;
    color: white;
}

.hr {
    background-color: #bbb;
    border: 0 none;
    color: #bbb;
    height: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.debitor-as-scanned {
    color: green;
    font-weight: bold;
}

.x-grid-row {
    height: 30px;
}

.x-grid-row .x-grid-cell {

    padding-top: 3px;
}

/*.target {
    border: solid 1px #aaa;
    min-height: 200px;
    width: 30%;
    margin-top: 1em;
    border-radius: 5px;
    cursor: pointer;
    transition: 300ms all;
    position: relative;
}

.contain {
    background-size: cover;
    position: relative;
    z-index: 10;
    top: 0px;
    left: 0px;
}

textarea {
    background-color: white;
}

.active {
    box-shadow: 0px 0px 10px 10px rgba(0,0,255,.4);
}*/

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content div {
        color: black;
        padding: 2px 0px;
        text-decoration: none;
        display: block;
    }


.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.x-form-trigger-custom {
    background-image: url(../images/icons/magnifier.png) !important;
    background-position: 0 0 !important;
    width: 17px;
    height: 21px;
    float: left;
    border: none !important;
    cursor: pointer;
    background-repeat: no-repeat !important;
}

/* check combo */
.x-combo-checker {
    background-position: 50% -2px;
    margin-left: 1px;
    background-color: transparent;
    background-image: url("../images/unchecked.gif");
    background-position: -1px -1px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
}

.x-boundlist-selected .x-combo-checker {
    background-image: url("../images/checked.gif");
}

.x-check-combo .x-boundlist-selected {
    background: white;
}
/* check combo */

.link-item-cursor {
    cursor: pointer;
}

.link-item-style {
    cursor: pointer;
    color: #000000;
}

.link-item-style:focus,
.link-item-style:hover {
    font-weight: bolder;
}

.link-item-cursor:focus,
.link-item-cursor:hover {
    font-weight: bolder;
}

.files-team-info-column-inProcess-renderer {
    color: darkorange;
    text-align: right;
}
.files-team-info-column-inProcess-text-color {
    color: darkorange;
    text-align: right;
    cursor: pointer;
}
.x-grid-cell.files-team-info-column-inProcess-border {
    border-right: 1px solid darkorange !important;
}

.files-team-info-column-v1-renderer {
    color: lightseagreen;
    text-align: right;
}
.files-team-info-column-v1-text-color {
    color: lightseagreen;
    text-align: right;
    cursor: pointer;
}
.x-grid-cell.files-team-info-column-v1-border {
    border-right: 1px solid lightseagreen !important;
}

.files-team-info-column-v2-renderer {
    color: Sienna;
    text-align: right;
}
.files-team-info-column-v2-text-color {
    color: Sienna;
    text-align: right;
    cursor: pointer;
}
.x-grid-cell.files-team-info-column-v2-border {
    border-right: 1px solid Sienna !important;
}

.files-team-info-column-v3-renderer {
    color: Brown;
    text-align: right;
}
.files-team-info-column-v3-text-color {
    color: Brown;
    text-align: right;
    cursor: pointer;
}
.x-grid-cell.files-team-info-column-v3-border {
    border-right: 1px solid Brown !important;
}

.files-team-info-column-pending-renderer {
    color: BlueViolet;
    text-align: right;
}
.files-team-info-column-pending-text-color {
    color: BlueViolet;
    text-align: right;
    cursor: pointer;
}
.x-grid-cell.files-team-info-column-pending-border {
    border-right: 1px solid BlueViolet !important;
}

.files-team-info-column-topcre-renderer {
    color: OrangeRed;
    text-align: right;
}
.files-team-info-column-topcre-text-color {
    color: OrangeRed;
    text-align: right;
}
.x-grid-cell.files-team-info-column-topcre-border {
    border-right: 1px solid OrangeRed !important;
}

.files-team-info-column-topbd-renderer {
    color: DarkGreen;
    text-align: right;
}
.files-team-info-column-topbd-text-color {
    color: DarkGreen;
    text-align: right;
}
.x-grid-cell.files-team-info-column-topbd-border {
    border-right: 1px solid DarkGreen !important;
}

.x-action-col-cell img {
    cursor: pointer;
    height: 16px;
    width: 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.x-action-col-cell img.delete-icon {
    background-image: url(../images/icons/delete.png) !important;
}

.entryfiletype-statictics-sat-sun-color {
    background: lime !important;
}