body {
    font-family:"Source Sans Pro", sans-serif !important;  
    font-size: 12px;
    height: 100%;
    margin:0px;
    padding:0px;
}

a {
    text-decoration: none;
    color: #303030;
}

a.ui-state-hover {
    text-decoration: none;
}

div {
    display: block;
}

table {
    display: table;
    border-collapse: separate;
    border: none !important;
}

 li {
    list-style: none;
}

ul {    
    padding: 0px;
}


.menurow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(#e8e8e8, #f0f0f0);
    background: -moz-linear-gradient(#e8e8e8, #f0f0f0);
    background: -ms-linear-gradient(#e8e8e8, #f0f0f0);
    background: -o-linear-gradient(#e8e8e8, #f0f0f0);
    background: linear-gradient(#e8e8e8, #f0f0f0);
    height:40px;
}

.menu .ui-menuitem-text {
    font-family:"Segoe UI", Verdana, Arial, sans-serif;
}

.menu .ui-menuitem-text:hover {
    color:#008200;
    text-decoration: underline;
}


.menuactive {
    color:#008200;
    text-decoration: underline !important;
}

.menuinactive {
    text-decoration: none;
    color: #303030;
}

.menubutton {
    margin:16px;
    color: #303030;
    font-size: 19px !important;
    width:160px;
    height:160px;
}

.menubutton-smallfont {
    margin: 16px;
    color: #303030;
    font-size: 15px !important;
    width: 160px;
    height: 160px;
}

#content {
    width: 85vw !important;
}

.login-background {
    background-image:url('../images/apo_login_bg2.jpg.xhtml');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat; 
    background-attachment:fixed;
}

.loginarea {
    text-align: center;
    vertical-align: top !important;
    horizontal-align: center !important;
    border: 1px solid #b5b5b5 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(#e8e8e8, #f0f0f0) !important;
    background: -moz-linear-gradient(#e8e8e8, #f0f0f0) !important;
    background: -ms-linear-gradient(#e8e8e8, #f0f0f0) !important;
    background: -o-linear-gradient(#e8e8e8, #f0f0f0) !important;
    background: linear-gradient(#e8e8e8, #fcfefb) !important;
}

.logintable {
    /*padding: 18vh 0 0 !important;*/
    alignment-baseline: central;
    margin: 0px auto;
}

.login-message {
    text-align: left;
    width: 50vw !important;
    padding: 0 2vw !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.custom-filter {
    margin: 8px !important;
    background-color: #ffffff !important;
    border-style: none !important;
    color: #000000 !important;
}

.ui-selectonemenu {
    border: 1px solid #505050 !important;
    border-radius: 5px;
    border-style: solid;       
}

.ui-dialog {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #f8f8f8));
    background: -webkit-linear-gradient(#e8e8e8, #f8f8f8);
    background: -moz-linear-gradient(#e8e8e8, #f8f8f8);
    background: -ms-linear-gradient(#e8e8e8, #f8f8f8);
    background: -o-linear-gradient(#e8e8e8, #f8f8f8);
    background: linear-gradient(#e8e8e8, #f8f8f8);

}

.ui-sortable-column {
    background: none;
    background-image: url('../images/icons/sort.png.xhtml');
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: left top;
    border: none;
}

.ui-tabmenuitem.ui-state-hover{
    background: white!important;
}

.ui-tabmenuitem.ui-state-active{
    background: #52AE30!important;
}

.ui-menuitem-text.ui-state-active a span{
    color:yellow!important;
}

.ui-button.ui-state-disabled {
    background:#a0a0a0;
}

.ui-button.ui-state-hover {
    background:#339900;
}

.ui-button-text-only.ui-state-hover {
    background:#339900;
}

.ui-button {
    background:#52AE30;
    border-radius: 5px;
    border-style: solid;
    border-style: none;
    font-weight: bold;
}

.ui-button-icon-only {
    background:white;
}

.ui-button-icon-only.ui-state-hover {
    background:#FFCC00!important;
}


.ui-button-text {
    color: white !important;
}


.ui-state-error {
    border: 1px solid red !important;
}

.editbutton {
    background-image: url('../images/icons/edit.png.xhtml');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;    
    width: 15px;
    height: 15px;
}
.downloadbutton {
    background-image: url('../images/icons/download.png.xhtml');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    width: 15px;
    height: 15px;
}

.closebutton {
    background-image: url('../images/icons/close.png.xhtml');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    width: 15px;
    height: 15px;
}

.checkbutton {
    background-image: url('../images/icons/check.png.xhtml');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    width: 15px;
    height: 15px;
}

.userbutton {
    background-image: url('../images/icons/user.png.xhtml');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    width: 15px;
    height: 15px;
}

.viewbutton {
    background-image: url('../images/icons/view.png.xhtml');
    background-size: 24px 15px;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    width: 24px;
    height: 15px;
    margin-left: -11px !important;
}

.addbutton {
    background-image: url('../images/icons/add.png.xhtml');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    width: 24px;
    height: 24px;
    margin-left: -11px !important;
}

.logoutbutton {
    border: none;
    background: #52AE30 !important;
    border-radius: 3px;
    padding:10px!important;
    font-weight:bold;
    color: #e0e0e0;
}

.ui-fileupload.ui-state-disabled {
    color: #a0a0a0  !important;
    background: #a0a0a0 !important;
}

.ui-fileupload-choose {
    border: none;
    background: #52AE30;
    border-radius: 3px;
    padding:6px!important;
    font-weight: bold;
}

/*.ui-fileupload-buttonbar {
    background: white !important;  
}*/

.ui-fileupload-buttonbar>.ui-button-text-icon-left .ui-button-text {
    padding: 0.3em 1em;
}

.ui-fileupload-choose.ui-state-hover {
    background: #339900 !important;
}

/* Eltünteti az ikonokat a három fő gombon */
.ui-fileupload-choose .ui-icon,
.ui-fileupload-upload .ui-icon,
.ui-fileupload-cancel .ui-icon {
    display: none !important;
}

/* Igazítja a szöveget balra, ha szükséges */
.ui-fileupload-choose .ui-button-text,
.ui-fileupload-upload .ui-button-text,
.ui-fileupload-cancel .ui-button-text {
    padding-left: 1em !important;
}


.ui-button-text-only {
    min-width:70px;
    font-weight: bold;
}

.printbutton {
    padding: 0px !important;
    margin: 0px;
}

.ui-widget {
    font-family: "Segoe UI", Verdana, Arial, sans-serif;
    font-size: 12px;
}

.ui-columntoggler {
    background: #ffffff;
}

.ui-chkbox {
    border: 1px solid #909090;
    background: transparent; 
}

.ui-tabs-panel {
    border: 1px solid #505050 !important;     
}

.ui-tabs-header.ui-state-disabled > a {
    padding: 11px 20px !important;
    color: #87a87b;
    font-weight: bold;
}

.ui-tabs-selected a {     
    background:#52AE30!important;  
    color: white !important;
}


.ui-tabs-nav a{   
    padding: 11px 20px !important;
    color: #52AE30;
    font-weight: bold;
}

.ui-autocomplete-item {
    background: #ffffff;
}

.ui-autocomplete-item.ui-state-highlight {
    background: #f3a600 !important;
}


.ui-autocomplete-item.ui-state-hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #48882e), color-stop(100%, #5db03b));
    background: -webkit-linear-gradient(#48882e, #5db03b);
    background: -moz-linear-gradient(#48882e, #5db03b);
    background: -ms-linear-gradient(#48882e, #5db03b);
    background: -o-linear-gradient(#48882e, #5db03b);
    background: linear-gradient(#48882e, #5db03b);
}

.ui-autocomplete-panel {
    background: #ffffff;
}


.ui-datepicker-trigger {
    background: none;
    background-image: url('../images/icons/calendar.png.xhtml');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    border: none;
}

.ui-datepicker-header {
    background: #ffffff;
}

.ui-datepicker-calendar {
    background: #ffffff;
}


.ui-icon-circle-triangle-e {
    background-image: url('../images/icons/next.png.xhtml');
    background-repeat: no-repeat;
    background-position: 0px 4px !important;
    background-size: 12px 12px;
    border: none;
    text-indent: 10000px !important;
}

.ui-icon-circle-triangle-w {
    background-image: url('../images/icons/previous.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 0px 4px !important;
    border: none;
    text-indent: 10000px !important;
}

.ui-icon-triangle-1-s {
    background-image: url('../images/icons/triangledown.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width:12px;
    height:12px;
}

.ui-icon-triangle-1-n {
    background-image: url('../images/icons/triangleup.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width:12px;
    height:12px;
}

.ui-icon-closethick {
    background-image: url('../images/icons/close.png.xhtml');
    background-size: 16px 12px;
    background-repeat: no-repeat;
    background-position: center center !important;
    border: none;
    text-indent: 10000px !important;
    width: 16px;
    height: 16px;
}

.ui-icon-check {
    background-image: url('../images/icons/check.png.xhtml');
    background-size: 16px 12px;
    background-repeat: no-repeat;
    background-position: center center !important;
    border: none;
    text-indent: 10000px !important;
    width: 16px;
    height: 16px;
}

.ui-icon-close {
    background-image: url('../images/icons/close.png.xhtml');
    background-size: 16px 12px;
    background-repeat: no-repeat;
    background-position: center center !important;
    border: none;
    text-indent: 10000px !important;
    width: 16px;
    height: 16px;
}

.ui-icon-mail-closed {
    background-image: url('../images/icons/mail.png.xhtml');
    background-size: 16px 12px;
    background-repeat: no-repeat;
    background-position: center center !important;
    border: none;
    text-indent: 10000px !important;
    width: 16px;
    height: 16px;
}

.ui-paginator-prev {
    background-image: url('../images/icons/previous.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e0e0e0;
}

.ui-paginator-first {
    background-image: url('../images/icons/first.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e0e0e0;
}

.ui-paginator-next {
    background-image: url('../images/icons/next.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e0e0e0;
}

.ui-paginator-last {
    background-image: url('../images/icons/last.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e0e0e0;
}


.ui-button-icon-only {
    width: 30px;
}


.hasDatepicker {
    width: 146px !important;
}

.readonlyamount input {
    font-weight: bold !important;
    font-size: 15px;
    width: 150px;
}

thead {
    background: #52AE30;
    color:#ffffff;
}

hr {
    border-bottom:2px solid #b5b5b5;
}

.columntogglerbutton {
    background-image: url('../images/icons/column.png.xhtml');
    background-size: 25px 25px;
    background-repeat: no-repeat;
    border: 1px solid #545454;
    margin-right: 0px;
}

.ui-panelgrid-cell {
    border: none !important;
}

.ui-panel-title {
    font-weight: bold;
}

.ui-widget-content {
    border: none;
    margin: 0;
}

.ui-dashboard-column {
    padding-bottom: 0px !important;
}

.headerlabel {
    font-size:12px;
}

.tileStyle {
    margin-left: 0 auto;
    width: 50%;
    padding: 0%;
    border: none;
}

/*
.ui-selectonemenu-trigger {
    background-image: url('../images/icons/triangledown.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 7px 6px;
}
*/

.offmaintbutton {
    min-width:225px;
    /*
    border: 1px solid #303030;
    */
}

.full-width-button {
    width: 100%;
}

/*
.offmaintbutton[aria-disabled="false"] {
    background: #f3a600;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3a600), color-stop(100%, #d59100));
    background: -webkit-linear-gradient(#f3a600, #d59100);
    background: -moz-linear-gradient(#f3a600, #d59100);
    background: -ms-linear-gradient(#f3a600, #d59100);
    background: -o-linear-gradient(#f3a600, #d59100);
    background: linear-gradient(#f3a600, #d59100);

}
*/

.actionrequiredrow {
    background: #f3a600;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3a600), color-stop(100%, #d59100));
    background: -webkit-linear-gradient(#f3a600, #d59100);
    background: -moz-linear-gradient(#f3a600, #d59100);
    background: -ms-linear-gradient(#f3a600, #d59100);
    background: -o-linear-gradient(#f3a600, #d59100);
    background: linear-gradient(#f3a600, #d59100);
}

.normalrow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(#e3e3e3, #f0f0f0);
    background: -moz-linear-gradient(#e3e3e3, #f0f0f0);
    background: -ms-linear-gradient(#e3e3e3, #f0f0f0);
    background: -o-linear-gradient(#e3e3e3, #f0f0f0);
    background: linear-gradient(#e3e3e3, #f0f0f0);
}

input:read-only {
    border: none;
}

.ui-selectonemenu.ui-state-disabled {
    color: #a0a0a0;
}

.ui-selectonemenu-list {
    background: #ffffff;
}

.ui-selectonemenu-panel {
    background: #ffffff;
}

.ui-selectonemenu-item.ui-state-hover {
    background: #FFCC00 !important;
}

.ui-selectcheckboxmenu {
    border: 1px solid #505050 !important;
    border-radius: 5px;
}

.ui-outputlabel-rfi {
    color: red !important;
}

.ui-selectcheckboxmenu.ui-state-disabled {
    color: #a0a0a0;
}

.ui-selectcheckboxmenu-panel {
    background: #ffffff;
}

.ui-selectcheckboxmenu-item.ui-state-hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #48882e), color-stop(100%, #5db03b));
    background: -webkit-linear-gradient(#48882e, #5db03b);
    background: -moz-linear-gradient(#48882e, #5db03b);
    background: -ms-linear-gradient(#48882e, #5db03b);
    background: -o-linear-gradient(#48882e, #5db03b);
    background: linear-gradient(#48882e, #5db03b);
}

.ui-selectcheckboxmenu-item-group:not(:first-child) {
    margin: 5px 0px 5px 0px;
}



.ui-inputfield.ui-state-default {
    border: 1px solid #505050 !important;
    border-radius: 5px!important;
    border-style: solid!important;
    border-color: rgba(232, 232, 232, 1)!important;
}
in
textarea {
    border: 1px solid #303030;
}

.ui-growl-item {
    background: #f3a600;
}

.ui-growl {
    top: 30px !important;
    left: 30px !important;
}

.ui-dialog-mask {
    background-color:rgba(0, 0, 0, 0.5);
}

.ui-dialog-titlebar {
    background: #b5b5b5;
    height: 16px;
    clear:both;
}

.ui-dialog-content {
    width:100%;
}
.ui-fieldset-legend {
    background: #52AE30;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px !important;
}

.ui-fieldset-legend.ui-state-hover {
    background:#339900;
}

.ui-datatable tbody td {
    border-color: #c5c5c5 !important;
}

.ui-sortable-column {
    border-color: #c5c5c5 !important;
}

.ui-filter-column{
    border-color: #c5c5c5 !important;
}
.ui-resizable-column{
    border-color: #c5c5c5 !important;
}

.ui-scrollpanel-drag {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #48882e), color-stop(100%, #5db03b));
    background: -webkit-linear-gradient(#48882e, #5db03b);
    background: -moz-linear-gradient(#48882e, #5db03b);
    background: -ms-linear-gradient(#48882e, #5db03b);
    background: -o-linear-gradient(#48882e, #5db03b);
    background: linear-gradient(#48882e, #5db03b);
    width: 15px;
}

.ui-scrollpanel-vbar {
    right: 10px;
}

.outputLabelTitle {
    font-size: 16px;
    font-weight: bold;
}

.opnetcol {
    width:17%;
}

.opgrosscol {
    width:17%;
    border: 1px;
}

.opbuttoncol {
    width:80px;
}

.opinputwidth {
    width: 146px;
}

.opinputwidth input {
    width: 146px;
}

.opnewbutton {
    margin-top: 5px;
    width: 250px;
}


.calendarClass.ui-inputfield {
    width: 146px !important
}

.ui-icon-bullet{
    width: 16px;
    height: 16px;
    background-image:url('../images/icons/radio_check.png.xhtml');   
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
}

.ui-radiobutton-box {
    width: 16px;
    height: 16px;
    background-image:url('../images/icons/radio_blank.png.xhtml');   
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
}

.oneLine {
    display: inline;
}


.ui-icon-carat-1-n {
    background-image: url('../images/icons/triangleup.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width:12px;
    height:12px;
}

.ui-icon-carat-1-s {
    background-image: url('../images/icons/triangledown.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width:12px;
    height:12px;
}

.ui-icon-circle-triangle-w {
    background-image: url('../images/icons/previous.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width:18px;
    height:18px;
}

.ui-icon-circle-triangle-e {
    background-image: url('../images/icons/next.png.xhtml');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width:18px;
    height:18px;
}

.ui-datepicker {
    background: white !important;
}

.ui-toggleswitch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 28px;
}

.ui-toggleswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

/*.ui-toggleswitch-slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}*/

.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler {
    background: #52ae30;
}

.ui-toggleswitch-handler {
    background: #94b089;
}
/*
.ui-toggleswitch-slider {
    background: white;
}*/

.ui-columntoggler .ui-columntoggler-all{
    height: 20px;
}

.inline-elements {
    display: flex;
    align-items: center;
    gap: 10px;
}
.inline-elements > * {
    display: inline-block;
    margin-right: 10px;
}

.custom-file-upload .ui-fileupload-progress {
   display: none;
}

.custom-file-upload .ui-fileupload-preview {
   display: none;
}


/*

.ui-widget {
    background:#ffffff;
}

.ui-datatable {
        background:#e0e0e0;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: "Segoe UI", Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #262626;
    color: #dddddd;
    background-color: #4d4d4d;
    background: -moz-radial-gradient(50% 75%, circle, #676767, #343434);
    background: -webkit-radial-gradient(50% 75%, circle, #676767, #343434);
    background: -o-radial-gradient(50% 75%, circle, #676767, #343434);
    background: -ms-radial-gradient(50% 75%, circle, #676767, #343434);
    background: radial-gradient(50% 75%, circle, #676767, #343434);
}
.ui-widget-content a,
.ui-widget-header a {
    color: #eeffee;
}
.ui-widget-header {
    background-color: #778877;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99a699), color-stop(100%, #778877));
    background: -webkit-linear-gradient(#99a699, #778877);
    background: -moz-linear-gradient(#99a699, #778877);
    background: -ms-linear-gradient(#99a699, #778877);
    background: -o-linear-gradient(#99a699, #778877);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99a699', endColorstr='#778877');
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99a699', endColorstr='#778877');
    background: linear-gradient(#99a699, #778877);
    outline: 0;
    border: 1px solid #3c443c;
    color: #eeffee;
    font-weight: bold;
}
.ui-state-default,
.ui-widget-content.ui-state-default,
.ui-widget-header.ui-state-default {
    background-color: #666666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #868686), color-stop(100%, #666666));
    background: -webkit-linear-gradient(#868686, #666666);
    background: -moz-linear-gradient(#868686, #666666);
    background: -ms-linear-gradient(#868686, #666666);
    background: -o-linear-gradient(#868686, #666666);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#868686', endColorstr='#666666');
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#868686', endColorstr='#666666');
    background: linear-gradient(#868686, #666666);
    outline: 0;
    border: 1px solid #262626;
    color: #dddddd;
    font-weight: bold;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #dddddd;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
    background-color: #778877;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99a699), color-stop(100%, #778877));
    background: -webkit-linear-gradient(#99a699, #778877);
    background: -moz-linear-gradient(#99a699, #778877);
    background: -ms-linear-gradient(#99a699, #778877);
    background: -o-linear-gradient(#99a699, #778877);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99a699', endColorstr='#778877');
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99a699', endColorstr='#778877');
    background: linear-gradient(#99a699, #778877);
    outline: 0;
    border: 1px solid #3c443c;
    color: #eeffee;
    font-weight: bold;
}
.ui-state-hover a,
.ui-state-hover a:hover {
    color: #eeffee;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background-color: #8B798B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6A5C6A), color-stop(100%, #8B798B));
    background: -webkit-linear-gradient(#6A5C6A, #8B798B);
    background: -moz-linear-gradient(#6A5C6A, #8B798B);
    background: -ms-linear-gradient(#6A5C6A, #8B798B);
    background: -o-linear-gradient(#6A5C6A, #8B798B);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6A5C6A', endColorstr='#8B798B');
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6A5C6A', endColorstr='#8B798B');
    background: linear-gradient(#6A5C6A, #8B798B);
    outline: 0;
    border: 1px solid #000000;
    color: #DDDDDD;
    font-weight: bold;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #DDDDDD;
    text-decoration: none;
}
.ui-widget:active {
    outline: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background-color: #778877;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99a699), color-stop(100%, #778877));
    background: -webkit-linear-gradient(#99a699, #778877);
    background: -moz-linear-gradient(#99a699, #778877);
    background: -ms-linear-gradient(#99a699, #778877);
    background: -o-linear-gradient(#99a699, #778877);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99a699', endColorstr='#778877');
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99a699', endColorstr='#778877');
    background: linear-gradient(#99a699, #778877);
    outline: 0;
    border: 1px solid #3c443c;
    color: #eeffee;
    -moz-box-shadow: 0 0 8px #66cc00;
    -webkit-box-shadow: 0 0 8px #66cc00;
    box-shadow: 0 0 8px #66cc00;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #baff75;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    background-color: #cc6666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc9696), color-stop(100%, #cc6666));
    background: -webkit-linear-gradient(#dc9696, #cc6666);
    background: -moz-linear-gradient(#dc9696, #cc6666);
    background: -ms-linear-gradient(#dc9696, #cc6666);
    background: -o-linear-gradient(#dc9696, #cc6666);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dc9696', endColorstr='#cc6666');
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dc9696', endColorstr='#cc6666');
    background: linear-gradient(#dc9696, #cc6666);
    outline: 0;
    border: 1px solid #862d2d;
    color: #ffffff;
    font-weight: bold;
    border-width: 2px;
    -moz-box-shadow: 0 0 8px #862d2d;
    -webkit-box-shadow: 0 0 8px #862d2d;
    box-shadow: 0 0 8px #862d2d;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #baff75;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    cursor: default !important;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image:url("");
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    -moz-transition: -moz-transform 200ms ease-in-out;
    -o-transition: -o-transform 200ms ease-in-out;
    -ms-transition: -ms-transform 200ms ease-in-out;
}
.ui-state-active .ui-icon {
    background-image:url("");
}
.ui-icon-carat-1-n {
    background-position: 0 0;
}
.ui-icon-carat-1-ne {
    background-position: -16px 0;
}
.ui-icon-carat-1-e {
    background-position: -32px 0;
}
.ui-icon-carat-1-se {
    background-position: -48px 0;
}
.ui-icon-carat-1-s {
    background-position: -64px 0;
}
.ui-icon-carat-1-sw {
    background-position: -80px 0;
}
.ui-icon-carat-1-w {
    background-position: -96px 0;
}
.ui-icon-carat-1-nw {
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulbRES {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-off {
    background-position: -96px -144px;
}
.ui-icon-radio-on {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-tl {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}
.ui-corner-tr {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.ui-corner-bl {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.ui-corner-br {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.ui-corner-top {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.ui-corner-bottom {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.ui-corner-right {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.ui-corner-left {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.ui-corner-all {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-widget-overlay {
    opacity: .75;
    filter: Alpha(Opacity=75);
    background-color: #282e28;
}
.ui-widget-shadow {
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}

.ui-inputfield,
.ui-widget-content .ui-inputfield,
.ui-widget-header .ui-inputfield {
    background: #ffffff;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f;
    box-shadow: inset 0 2px 2px #8f8f8f;
    color: #222222;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
}
.ui-inputfield.ui-state-hover,
.ui-widget-content .ui-inputfield.ui-state-hover,
.ui-widget-header .ui-inputfield.ui-state-hover {
    border-color: #778877;
}
.ui-inputfield.ui-state-focus,
.ui-widget-content .ui-inputfield.ui-state-focus,
.ui-widget-header .ui-inputfield.ui-state-focus {
    -moz-box-shadow: 0px 0px 5px #8B798B, inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: 0px 0px 5px #8B798B, inset 0 2px 2px #8f8f8f;
    box-shadow: 0px 0px 5px #8B798B, inset 0 2px 2px #8f8f8f;
    border-color: #8B798B;
}
.ui-tree .ui-tree-nodes .ui-tree-node {
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
}
*/