.disabled .x-grid-cell {
    color: grey;
    font-weight: bolder;
}

.success .x-grid-cell {
    color: white;
    font-weight: bold;
    background-color: green;
}

.danger .x-grid-cell {
    color: red;
    font-weight: bolder;
}

.active .x-grid-cell {
    color: lightgreen;
    font-weight: bolder;
}

.info .x-grid-cell {
    color: #00aaff;
    font-weight: bolder;
}

.warning .x-grid-cell {
    color: orange;
    font-weight: bolder;
}

.tableButton .x-btn-inner {
    background-color: red;
}

.panel_blue .x-header {
    background-color: blue;
}

.panel_green .x-header {
    background-color: green;
}

.panel_orange .x-header {
    background-color: orange;
}

.panel_red .x-header {
    background-color: red;
}

.blackTextBtn .x-btn-inner-default-small {
    /*background-color: #fcf8e3 !important;*/
    color: black;
    font-size: 14px;
    font-weight: bold;
}

.whiteTextBtn .x-btn-inner-default-small {
    /*background-color: #fcf8e3 !important;*/
    color: white;
    font-size: 14px;
    font-weight: bolder;
}

/*
.popup {
    width: 200px;
    height: 200px;
    overflow: hidden;
}

.body-background {
    background-image: radial-gradient(circle, #1a4965, #082130);
}

.x-btn.x-btn-menu-active.x-btn-default-toolbar-large, .x-btn.x-btn-pressed.x-btn-default-toolbar-large
{
    background-image: -webkit-linear-gradient(top, #007122, #03B325 50%, #00CC22 51%, #76FF81);
}

.x-btn.x-btn-menu-active.x-btn-default-small, .x-btn.x-btn-pressed.x-btn-default-small
{
    background-image: -webkit-linear-gradient(top, #FF0505, #FF7070 50%, #F79191 51%, #FFE2E2)
}*/