body {
   background: no-repeat center center fixed;
   height: 100%; 
   margin: 0; 
   padding: 0;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.x-window-default {
    border-color: #066;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;        
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.x-window-header-default-top {
    -moz-border-radius-topleft: 1px;
    background-color: #066;
}

.x-window-default {
    box-shadow: 5px 5px 30px #000 !important;
    padding: 0px 0px 0px 0px !important;
    background: #fff;
}

.x-window-header-title-default {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma, arial, verdana, sans-serif;
    line-height: 26px;
}
.xuniribbon  {
    background-color: #bee;
}

.xuniribbon .x-tab-bar-default {
    margin-top: 3px;
    background-color: #bee;
}

.xuniribbon .x-tab-inner-default
{
    color:#055;
    font-weight: bold; 
}
.xuniribbon .x-panel-header-title-default > .x-title-text-default {
    color: #09a;
    /* font-weight:bold; */
}

.xuniribbon .x-tab-default-top {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #add;
    background-color: #bee;
}

.xuniribbon .x-panel-header {
    background-image: none;
    background: #f4fbfb;

}
.xuniribbon .x-panel-header-default {
    border-width: 1px !important;
    border-width: 0px 1px 0px 0px;
  /*  border-style: none solid none none !important; */
    border-color:#eee !important;
}


.xuniribbon .x-tab.x-tab-active.x-tab-default .x-tab-inner-default  {
    color: #a00;
    font-weight: bold;
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default  {
    color: #a00;
    font-weight: bold;
}

.x-tab-default-top {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #add;
    background-color: #eff;
}
.xuniribbon .x-tab-bar-default .x-tab-over {
    background-color:  #eff;
}


.xuniribbon .x-panel-body-default {
    background: #fff;
    border-color: #eee;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    font-family: tahoma, arial, verdana, sans-serif;
    border-width: 0px 1px 0px 0px;
    border-style: solid
}

.x-btn.x-btn-disabled.x-btn-default-toolbar-large {
    border-color: #fff;
    background-image: none;
    background-color: transparent;
}

.x-form-text-default {
    color: #000;
    padding: 1px 3px 2px;
    background-color: #fff;
    background-image: url(images/form/text-bg.gif);
    font: normal 12px/17px tahoma, arial, verdana, sans-serif;
    min-height: 20px;
}

.x-form-trigger {
    background-position: 0 center;
    border: 1px solid #eee;
    height: 20px;
}

.x-form-trigger-wrap {
    border-width: 1px !important;
    border-style: solid;
    border-left-color: #aaa;
    border-top-color: #aaa;
    border-right-color: #aaa;
    border-bottom-color: #aaa;
    border-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    background: #fff;
    height: 22px;
}

.x-btn-default-small {
    border-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    padding: 4px 4px 4px 4px;
    border-width: 1px;
    border-style: solid;
    background-color: #eee;
}


/*




.x-btn-default-small .x-btn-inner {
  font:normal 11px tahoma, arial, helvetica, sans-serif;
}
.x-btn-default-medium .x-btn-inner {
  font:normal 11px tahoma, arial, helvetica, sans-serif;
}
.x-btn-default-large .x-btn-inner {
  font:normal 11px tahoma, arial, helvetica, sans-serif;
}

.x-theme-color {
  background-color:#dfe8f6;
}

.x-window-default {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 4px 4px 4px;
    border-width: 1px;
    border-style: solid;
    background-color: #03646a;
    border-color: #03646a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.x-window-body-default {
    border-color: #3387cc;
}

.x-abs-layout-item  .x-window-default {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    padding: 4px 4px 4px 4px;
    border-width: 1px;
    border-style: solid;
    background-color: #059ca4;
    border-color: #03646a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.x-window-header-default-top {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.x-window-header-text-container-default {
     color: #fff;
}    


.x-panel-body-default {
    background-color: #f5f6f7;
}


.x-message-box .x-window-body {
    background-color: #eefffd;
    border-width: 0;
}

.x-window-header-default {
    font-size: 21px;
    background-color: #03646a;
}

.x-mask {
    filter: alpha(opacity=50);
    opacity: 0.50;
    background: #29333d;
    cursor: default;
}

.x-grid-row-summary .x-grid-cell, .x-grid-row-summary .x-grid-rowwrap, .x-grid-row-summary .x-grid-cell-rowbody {
    border-width:2px 0 0  0;
    border-style: solid;
    border-color: #059CA4;
    padding: 2px 4px 6px 4px;
    background: white;
    cursor: pointer;
    font: normal 11px/13px tahoma,arial,verdana,sans-serif;
}

.x-grid-group-hd {
    border-width: 0 0 2px 0;
    border-style: solid;
    padding: 10px 4px 4px 4px;
    background: white;
    cursor: pointer;
}





.x-tab-default-top,
.x-tab-default-left,
.x-tab-default-right {
    border-bottom: 1px solid #059CA4;
    background: #edeeef;
}

.x-tab-default-top-active,
.x-tab-default-left-active,
.x-tab-default-right-active {
    border-bottom:  1px solid #deecfd;
    background: #DEECFD;
}

.x-tab-default .x-tab-inner {
    color: #03646a
}

.x-tab-default-active .x-tab-inner {
    color: #a00
}


.x-form-focus {
    border-color: #a00;
}


.x-btn-default-small {
    border: 1px solid  #99BCE8;
 }

.x-btn-default-small-over {
    border: 1px solid #a00;

}

.x-grid-row-over .x-grid-td {
    background-color: #f7f7e7;
}

.x-grid-row-selected .x-grid-td {
    background-color: #ffd;
}
.x-boundlist-item {
    padding: 0 3px;
    font: normal 12px tahoma,arial,verdana,sans-serif;
    line-height: 20px;
    cursor: pointer;
    cursor: hand;
    position: relative;
    zoom: 1;
    border-width: 1px;
    border-style: dotted;
    border-color: #EEE;
}


.x-panel-header-default {
    background-image: none;
    background-color: #d7e4f2;
}

.x-panel-header-text-container-default {
    color: #008;
}

.x-btn-inner-center {
    text-align: left;
    margin-left: 3px;
}

.x-fieldset {
	border-radius: 0;
	background: #e2e9e2;
	border: 1px solid hsla(120, 14%, 80%, 1);
	padding: 0px 0px 0px 8px;
}

.x-fieldset-body {
	margin: 0px -8px 0px 0px; 
}

.x-fieldset-header-text {
color: #008;
  
}



x-item-disabled .x-form-item-label, .x-item-disabled .x-form-field, .x-item-disabled .x-form-display-field, .x-item-disabled .x-form-cb-label, .x-item-disabled .x-form-trigger {
    filter: alpha(opacity=66);
    opacity: .66;
}



.ui-ribbonbar
{
    background: transparent;
    background-color: #059ca4 !important;
}
.ui-ribbonbar .x-panel-body-default
{
    border-color: #b6babf !important;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#DFE9F5), color-stop(60%,#ccdbec)) !important;
    background-image: -moz-linear-gradient(#fff 40%, #eaedf1) !important;
    background-image: linear-gradient(#fff 40%, #eaedf1) !important;
    border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    -o-border-radius: 2px 2px 0px 0px;
    -ms-border-radius: 2px 2px 0px 0px;
    -khtml-border-radius: 2px 2px 0px 0px;
}

.ui-ribbonbar .x-panel-body-default
{
    border-bottom-color: #a9bfd3 !important;
    background-color: transparent !important;
}

.ui-ribbonbar .x-tab-bar-strip
{
    border-top: 0px;
    padding-right: 10px;
}

.ui-ribbonbar .x-tab-bar-strip-default-plain-horizontal
{
    height: 0px !important;
}

.ui-ribbonbar .x-tab-bar-strip-default
{
    background-color: transparent;
	border: none;
}

.ui-ribbonbar .x-tab-default-top
{
    background-image: none;
    background-color: transparent;
    box-shadow: none !important;
    border: 1px solid transparent;
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   -o-box-shadow: white 0 1px 0 0 inset,white -1px 0 0 0 inset,white 1px 0 0 0 inset;
}

.ui-ribbonbar .x-tab-default-top
{
    margin-left: 2px !important;
}

.ui-ribbonbar .x-tab-default-closable
{
    padding-right: 10px;
}

.ui-ribbonbar .x-tab-bar-body
{
	top: 3px !important;
    border-bottom: 0px !important;
}


.ui-ribbonbar .x-tab-top-active, .ui-ribbonbar .x-tab-top-active.x-tab-top-over
{
    border-color: #b6babf;
    border-bottom-color: #fff;
    box-shadow: 0 0 1px 1px #fff inset;
    background: #fff;

}

.ui-ribbonbar .x-tab-default-active .x-tab-inner {
    color: #b71c0f;
}

.ui-ribbonbar .x-tab-top-over
{
    border-color: #b7cbeb;
    background: #ebf1f9;
}



.ui-ribbonbar .x-tab em
{
    padding: 0 10px;
}

.ui-ribbonbar .x-tab em button
{
    font-weight: normal !important;
}

.ui-ribbonbar .x-tab-inner
{
    font-weight: normal !important;
}


.ui-ribbonbar .x-panel
{
	padding: 2px 2px 2px 2px;
}

.ui-ribbonbar .x-panel ::after
{
    width: 1px;
    background: #f6f7f8;
    background: linear-gradient(#f6f7f8 40%, #b0b6bc);
}


.ui-ribbonbar .x-panel-header-default
{
    background: transparent !important;
    background-color: #eaedf1 !important;
}

.x-panel .ui-ribbongroup
{
	padding: 0px;
}

.ui-ribbonbar .ui-ribbongroup .x-panel-body-default
{
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
}

.ui-ribbonbar .x-toolbar-default
{
    background: transparent !important;
}

.ui-ribbonbar .x-panel-header-text-default
{
	line-height: 15px;
	color: #059ca4;
}

.ui-ribbonbar .x-tab-inner
{
	text-align: left !important;
	color: #033;
	font-weight: bold !important;
}

.ui-ribbonbar  .x-tab-default-disabled .x-tab-inner
{
  color: rgb(195, 179, 179) !important;
}

.ui-ribbonbar .x-panel-header-bottom
{
    margin-top: -14px;
    padding: 0px 5px 5px 5px !important;
    box-shadow: none;
    border-left: 1px solid transparent;
}

.ui-ribbonbar .x-header-text
{
	white-space: normal !important;
}


.ui-ribbonbar  .ribbon-config-button
{
	float: right;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 0px;
	opacity: 0.65;
	filter: alpha(opacity=65);
}

.ui-ribbonbar  .ribbon-config-button:hover
{
  opacity:1;
  filter:alpha(opacity=100);
}

.ui-ribbonbar  .ribbon-config-button:active
{
	position: relative;
	top: 1px;
}

.ui-ribbonbar  .x-btn-glyph
{
  font-size: 14px;
  color: rgb(87, 114, 144);
  opacity: 1;
}

.ui-ribbonbar .x-panel-header-body-bottom .x-box-inner {
    top: -3px;
}

.ui-ribbonbar  .x-btn-default-toolbar-small-icon-text-right .x-btn-inner
{
	text-align: left;
}

.btnmenu .x-btn-inner-center {
   font-size: 11px;
   font-weight: normal;
   font-family: tahoma,arial,verdana,sans-serif;
   color: #03646a;
   text-align: center;
}

.x-btn-default-medium {
    border-color: #99bce8;
}

.x-btn-over  {
  border: 1px solid #990000; 
}

.btn-sel .x-btn-inner, .btn-mod .x-btn-inner, .btn-new .x-btn-inner, .btn-del .x-btn-inner, .btn-esc .x-btn-inner, .btn-ok .x-btn-inner, .btn-sto .x-btn-inner, .btn-16 .x-btn-inner, .btn-dir .x-btn-inner, .btn-pdf .x-btn-inner
{
  padding-left: 20px;
}

.btn-sel .x-btn-icon-el, .btn-mod .x-btn-icon-el, .btn-new .x-btn-icon-el, .btn-del .x-btn-icon-el, .btn-esc .x-btn-icon-el, .btn-ok .x-btn-icon-el, .btn-sto .x-btn-icon-el, .btn-16 .x-btn-icon-el, .btn-dir .x-btn-icon-el, .btn-pdf .x-btn-icon-el
{
  background-position: left center;
}

.btn-ok .x-btn-icon-el  {
  background-image: url(/files/16x16/tick.png);
}

.btn-ok.x-btn-default-medium  {
  background-image: none;
  background-color: #ddffdd;
  background-image: -webkit-linear-gradient(top,#eeffee,#ddffdd,#bbffbb);
}

.btn-sto .x-btn-icon-el  {
  background-image: url(/files/16x16/calendar_add.png);
}

.btn-sto.x-btn-default-medium  {
  background-image: none;
  background-color: #ddffdd;
  background-image: -webkit-linear-gradient(top,#eeffee,#ddffdd,#bbffbb);
}

.btn-sel .x-btn-icon-el  {
  background-image: url(/files/16x16/tick.png);
}
.btn-sel.x-btn-default-medium  {
  background-image: none;
  background-color: #eeffee;
  background-image: -webkit-linear-gradient(top,#ffffff,#eeffee,#ddeedd);
}

.btn-mod .x-btn-icon-el  {
  background-image: url(/files/16x16/pencil.png);
}
.btn-mod.x-btn-default-medium  {
  background-image: none;
  background-color: #ffffee;
  background-image: -webkit-linear-gradient(top,#ffffff,#ffffee,#eeeedd);
}

.btn-new .x-btn-icon-el  {
  background-image: url(/files/16x16/add.png);
}
.btn-new.x-btn-default-medium  {
  background-image: none;
  background-color: #eeffff;
  background-image: -webkit-linear-gradient(top,#ffffff,#eeffff,#ddeeee);
}

.btn-del .x-btn-icon-el  {
  background-image: url(/files/16x16/delete.png);
}
.btn-del.x-btn-default-medium  {
  background-image: none;
  background-color: #ffeeee;
  background-image: -webkit-linear-gradient(top,#ffffff,#ffeeee,#eedddd);
}

.btn-esc .x-btn-icon-el  {
  background-image: url(/files/16x16/redo.png);
}
.btn-esc.x-btn-default-medium  {
  background-image: none;
  background-color: #eeeeff;
  background-image: -webkit-linear-gradient(top,#ffffff,#eeeeff,#ddddee); 
}

.btn-dir .x-btn-icon-el  {
  background-image: url(/files/16x16/folder.png);
}
.btn-dir.x-btn-default-medium  {
  background-image: none;
  background-color: #eeeeff;
  background-image: -webkit-linear-gradient(top,#ffffff,#eeeeff,#ddddee); 
}

.btn-pdf .x-btn-icon-el  {
  background-image: url(/files/16x16/file_extension_pdf.png);
}
.btn-pdf.x-btn-default-medium  {
  background-image: none;
  background-color: #eeffee;
  background-image: -webkit-linear-gradient(top,#ffffff,#eeffee,#ddeedd);
}

.btn-16.x-btn-default-medium  {
  background-image: none;
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top,#ffffff,#eeeeee,#dddddd);
}

.x-window-header-default .x-window-header-icon {
   visibility: hidden;
}




.x-toolbar-footer {
    background: #c3d4ee;
    margin: 0px;

}

.x-window-header-default .x-tool-img {
    background-color: transparent;
}
.x-tool-img {
	background-image: url(/files/tool15x15.png);
}





.x-slider-thumb {
   z-index: 10000;
}

.slider-bar {
    background-color: #059CA4;
    height: 6px;
    position: relative;
    top: 5px;
    left: 0px;
}

.slider-bar-green {
    background-color: green;
}

.slider-bar-red {
    background-color: red;
}


.x-slider-horz .x-slider-thumb-drag {
    background-position: -30px -30px;
}

.slider10 {
    height: 40px;
    padding-top:6px;
    background-repeat:no-repeat;
    background-image:url(/files/slider10gray.png);

}
.slider10 .x-slider-thumb {
    background-image:url(/files/slider-thumb.png);
}

.slider10 .x-slider-horz {
 left: 0px;
 top: 0px;
 position: absolute;
}

.slider10 .x-slider-horz, .slider10 .x-slider-horz .x-slider-end, .slider10 .x-slider-horz .x-slider-inner {
    background-image: none;
}

div.btngridv { display: none; float:right; width:40px }
div.btngridv img { margin: 2px; cursor: pointer}
td.x-grid-cell-selected div.btngridv { display:block }
tr.x-grid-row-focused div.btngridv { display:block }


div.btngridh { display: none; heigth:20px; }
div.btngridh img { margin: 2px; cursor: pointer}
td.x-grid-cell-selected div.btngridh { display:block }
tr.x-grid-row-focused div.btngridh { display:block }
*/