.SettingButton {
    background-image: url(../Images/settings32.png); /*!important;*/
    background-repeat:no-repeat;
    background-position:right left;
}
.DocumentsButton {
    background-image: url(../Images/documents32.png); /*!important;*/
}
.AboutButton {
    background-image: url(../Images/About32.png); /*!important;*/
}
.HelpButton16 {
    width:20px!important; 
    height:20px!important;
    background-image: url('../Images/help16.png')!important;
    display: block!important;
    margin: 0 auto!important;
}
.AboutExit {
    background-image: url(../Images/Exit32.png); /*!important;*/
}



.MainPanel .x-tab-bar-strip {
    top: 30px !important; /* Default value is 20, we add 20 = 40 */
}
.MainPanel .x-tab-bar .x-tab-bar-body {
    height: 33px !important; /* Default value is 23, we add 20 = 43 */
    border: 0 !important; /* Overides the border that appears on resizing the grid */
}
.MainPanel .x-tab-bar .x-tab-bar-body .x-box-inner {
    height: 31px !important; /* Default value is 21, we add 20 = 41 */
}
.MainPanel .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {
    height: 31px !important; /* Default value is 21, we add 20 = 41 */
}
.MainPanel .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab button {
    height: 33px !important; 
    line-height: 33px !important;
}
.MainPanel .x-tab-center{
      margin-top: -5px; 
}
.MainPanelHome{
    background-image: url(../Images/home.png) !important;
    background-repeat: no-repeat;
    margin-top: +0px;
}
.MainPanelConst{
    background-image: url(../Images/constants.png) !important;
    background-repeat: no-repeat;
    margin-top: +0px;
}

.MainPanelDir{
    background-image: url(../Images/directory.png) !important;
    background-repeat: no-repeat;
    margin-top: +0px;
}
.MainPanelJournal{
    background-image: url(../Images/journal.png) !important;
    background-repeat: no-repeat;
    margin-top: +0px;
}
.MainPanelOrder{
    background-image: url(../Images/orders.png) !important;
    background-repeat: no-repeat;
    margin-top: +0px;
}
.MainPanelCashOffice{
    background-image: url(../Images/money_dollar.png) !important;
    background-repeat: no-repeat;
    margin-top: +0px;
}
.MainPanelReport{
    background-image: url(../Images/chart.png) !important;
    background-repeat: no-repeat;
    margin-top: +0px;
}




/* Справочник */
.price-Dir .x-change-cell {
    /*color: Green;*/
}
.price-Dir .x-change-cell2 {
    background:       url(../Images/directory.png) right no-repeat !important;
}


/* Удален(а) */
.price-del .x-change-cell {
    background-color: #94240d;
}
/* Удален(а) */
.price-del .x-change-cell-posr {
    background-color: #f1755b;
}
.price-del .x-change-cell2 {
    background:       url(../Images/delete.png) right no-repeat !important;
}


/* Не проведена */
.price-held_no_paid .x-change-cell {
    color: Green;
}


/* SystemID > 0 */
.node-SystemID .x-change-cell-SystemID {
    color: Green;
}


/* DirWarehouseID != varDirWarehouseID */
.cell-Warehouse_red .x-change-cell {
    color: Red;
    background-color: #e6f9e6;
}


.price-held_no_unpaid .x-change-cell {
    color: #D2691E;
}
.price-held_no_unpaid .x-change-cell2 {
    background:       url(../Images/doc_held_no.png) right no-repeat !important;
}


.price-held_no_partly_paid .x-change-cell {
    color: Blue;
}
.price-held_no_partly_paid .x-change-cell2 {
    background:       url(../Images/doc_held_no.png) right no-repeat !important;
}


.price-held_no_overpaid .x-change-cell {
    color: #8A2BE2;
}
.price-held_no_overpaid .x-change-cell2 {
    background:       url(../Images/doc_held_no.png) right no-repeat !important;
}



/* 2 */
/* Оплачена */
.price-held_paid .x-change-cell {
    color: Green;
    background-color: #e6f9e6;
}
.price-held_paid .x-change-cell2 {
    background:       url(../Images/doc_held.png) right no-repeat !important;
}

/* Не оплачена */
.price-held_unpaid .x-change-cell {
    color: Red;
    background-color: #e6f9e6;
}
.price-held_unpaid .x-change-cell2 {
    background:       url(../Images/doc_held.png) right no-repeat !important;
}

/* Частично оплачена */
.price-held_partly_paid .x-change-cell {
    color: Blue;
    background-color: #e6f9e6;
}
.price-held_partly_paid .x-change-cell2 {
    background:       url(../Images/doc_held.png) right no-repeat !important;
}

/* Переплачена */
.price-held_overpaid .x-change-cell {
    color: #8A2BE2;
    background-color: #e6f9e6;
}
.price-held_overpaid .x-change-cell2 {
    background:       url(../Images/doc_held.png) right no-repeat !important;
}



/* 3 */
/* Оплачена */
.price-held_paid .x-change-cell101 {
    color: Green;
    background-color: #e6f9e6;
}

.prisutstvuet .x-change-cell102 {
    background: url(../Images/add.png) right no-repeat !important;
}

.spis-s-zp .x-change-cell102 {
    background: url(../Images/cancel.png) right no-repeat !important;
}

.otsutstvuet .x-change-cell102 {
    background: url(../Images/disabled.png) right no-repeat !important;
}

.razbor .x-change-cell102 {
    background: url(../Images/activation.png) right no-repeat !important;
}

.prisutstvuetEmpl1 .x-change-cell102 {
    background: url(../Images/add.png) right no-repeat !important;
}
.spis-s-zpEmpl1 .x-change-cell102 {
    background: url(../Images/cancel.png) right no-repeat !important;
}
.razborEmpl1 .x-change-cell102 {
    background: url(../Images/activation.png) right no-repeat !important;
}


.prisutstvuetEmpl2 .x-change-cell103 {
    background: url(../Images/add.png) right no-repeat !important;
}

.spis-s-zpEmpl2 .x-change-cell103 {
    background: url(../Images/cancel.png) right no-repeat !important;
}

.razborEmpl2 .x-change-cell103 {
    background: url(../Images/activation.png) right no-repeat !important;
}


/*партии товара: Мои и Поставщика*/
.party-my .x-change-cell2 {
    background: url(../Images/directory.png) right no-repeat !important;
}
.party-contractor .x-change-cell2 {
    background: url(../Images/shop_16.png) right no-repeat !important;
}




/* Инвентаризация */
.row-color-rose .x-change-cell {
    background: #FA8072;
}
.row-color-red .x-change-cell {
    background: red;
}
.row-color-yellow .x-change-cell {
    background: yellow;
}

.row-color-yellow-copy .x-change-cell {
    background: yellow;
}
.row-color-green .x-change-cell {
    background: green;
}


label.row-color-yellow
{
   color: #FFA500;
}
label.price-reserv_partly_paid
{
   color: Blue;
}
label.price-reserv_paid
{
   color: Green;
}
label.price-reserv_unpaid
{
   color: Red;
}
.x-label .myTextClass {
    color: red;
}​

/* Резервирована */
.row-color-yellow .x-change-cell {
    color: #FFA500;
}

.price-reserv_paid .x-change-cell {
    color: Green;
}
.price-reserv_paid .x-change-cell2 {
    background:       url(../Images/doc_reserv.png) right no-repeat !important;
}

.price-reserv_unpaid .x-change-cell {
    color: Red;
}
.price-reserv_unpaid .x-change-cell2 {
    background:       url(../Images/doc_reserv.png) right no-repeat !important;
}

.price-reserv_partly_paid .x-change-cell {
    color: Blue;
}
.price-reserv_partly_paid .x-change-cell2 {
    background:       url(../Images/doc_reserv.png) right no-repeat !important;
}

.price-reserv_overpaid .x-change-cell {
    color: #8A2BE2;
}
.price-reserv_overpaid .x-change-cell2 {
    background:       url(../Images/doc_reserv.png) right no-repeat !important;
}



/* *** *** *** Языки *** *** *** */
.lang_ru .x-change-cell2 { background: url(../Images/Flag/ru.png) right no-repeat !important; }
.lang_ua .x-change-cell2 { background: url(../Images/Flag/ua.png) right no-repeat !important; }
.lang_by .x-change-cell2 { background: url(../Images/Flag/by.png) right no-repeat !important; }
.lang_us .x-change-cell2 { background: url(../Images/Flag/us.png) right no-repeat !important; }
.lang_az .x-change-cell2 { background: url(../Images/Flag/az.png) right no-repeat !important; }
.lang_lt .x-change-cell2 { background: url(../Images/Flag/lt.png) right no-repeat !important; }
.lang_lv .x-change-cell2 { background: url(../Images/Flag/lv.png) right no-repeat !important; }
.lang_ee .x-change-cell2 { background: url(../Images/Flag/ee.png) right no-repeat !important; }
.lang_hu .x-change-cell2 { background: url(../Images/Flag/hu.png) right no-repeat !important; }
.lang_pl .x-change-cell2 { background: url(../Images/Flag/pl.png) right no-repeat !important; }
.lang_sk .x-change-cell2 { background: url(../Images/Flag/sk.png) right no-repeat !important; }
.lang_si .x-change-cell2 { background: url(../Images/Flag/si.png) right no-repeat !important; }
.lang_cz .x-change-cell2 { background: url(../Images/Flag/cz.png) right no-repeat !important; }
.lang_de .x-change-cell2 { background: url(../Images/Flag/de.png) right no-repeat !important; }
.lang_fr .x-change-cell2 { background: url(../Images/Flag/fr.png) right no-repeat !important; }
.lang_ro .x-change-cell2 { background: url(../Images/Flag/ro.png) right no-repeat !important; }



label.myBold
{
   font-size: 11pt;
}


.button-image-reload {
    background-image: url(../images/refresh16.png) !important;
}

.button-image-edit {
    background-image: url(../images/table_edit.png) !important;
}

.button-image-delete {
    background-image: url(../images/table_delete.png) !important;
}

.button-image-user {
    background-image: url(../images/users.png) !important;
}
.button-image-manager {
    background-image: url(../images/manager16.png) !important;
}
.button-image-master {
    background-image: url(../images/master16.png) !important;
}

.button-image-up {
    background-image: url(../images/up16.png) !important;
}

.button-image-add {
    background-image: url(../images/add.png) !important;
    height: 5px;
}

.button-image-podpis {
    background-image: url(../images/podpis.png) !important;
}

.button-image-copy16 {
    background-image: url(../images/copy16.png) !important;
}

.button-image-order {
    background-image: url(../images/order16.png) !important;
}


/* textfield font-size */
.textsmall
{
    font-size: 12px;
}
.textmedium
{
    font-size: 16px;
}
.textbigger
{
    font-size: 22px;
}


/* Central Panel image square */
.panelBackground {
    /*background: url(../../../Scripts/sklad/images/square.gif) no-repeat center;
    background-image: url(../images/square.gif) !important;*/

    background: url(../../../Scripts/sklad/images/Background/back001.jpg) no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

#panelBackground {
    /*background-image: url(../../../Scripts/sklad/images/square.gif);*/

    background: url(../../../Scripts/sklad/images/Background/back001.jpg) no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}



.treelist-with-nav .panel-body {
    background-color: #32404e;
}

.treelist-with-nav #panel-body {
    background-color: #32404e;
}



label.myBoldColor {
    font-size: 11pt;
    font-weight: bold;
    color: green;
}



/*
    Статусы *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ***
*/
/* 1 */
.status-1 .x-change-cell {
    color: black;
}
.status-1 .x-change-cell2 {
    background-color: black;
    background-image: url(../Images/Status/input24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: black;
    text-align: center;
}
/* 2 */
/*.status-2 .x-change-cell {
    background-color: blue; 
    color: white;
}*/
.status-2 .x-change-cell2 {
    /* background-color: blue; */
    background-image: url(../Images/Status/question24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: white;
    text-align: center;
}
/* 3 */
/*.status-3 .x-change-cell {
    background-color: yellow;
}*/
.status-3 .x-change-cell2 {
    background-color: yellow;
    background-image: url(../Images/Status/onagreeing24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: yellow;
    text-align: center;
}
/* 4 */
/*.status-4 .x-change-cell {
    background-color: yellow;
}*/
.status-4 .x-change-cell2 {
    background-color: yellow;
    background-image: url(../Images/Status/OK.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: yellow;
    text-align: center;
}

/* 5 */
/*.status-5 .x-change-cell {
    background-color: yellow;
}*/
.status-5 .x-change-cell2 {
    background-color: #8A2BE2;
    background-image: url(../Images/Status/waiting24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: #8A2BE2;
    text-align: center;
}
/* 6 */
/*.status-6 .x-change-cell {
    background-color: yellow;
}*/
.status-6 .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/Status/remote_sc24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: #808080;
    text-align: center;
}
.status-6-left .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/Status/remote_left32.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #808080;
    text-align: center;
}
.status-6-right .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/Status/remote_right32.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #808080;
    text-align: center;
}
/* 7 */
/*.status-7 .x-change-cell {
    background-color: green;
}*/
.status-7 .x-change-cell2 {
    background-color: #90EE90;
    background-image: url(../Images/Status/renovated24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: #90EE90;
    text-align: center;
}

.status-701 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/renovated24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: green;
    text-align: center;
}

/* 8 */
/*.status-8 .x-change-cell {
    background-color: red;
}*/
.status-8 .x-change-cell2 {
    background-color: red;
    background:       url(../Images/Status/renouncement24.png) center no-repeat !important;
    
    color: white;
    text-align: center;
}

.status-801 .x-change-cell2 {
    background-color: green;
    background:       url(../Images/Status/renouncement24.png) center no-repeat !important;
    
    color: white;
    text-align: center;
}

/* 9 (Выдан) */
/*.status-9 .x-change-cell {
    background-color: white;
}*/
.status-9 .x-change-cell2 {
    background-color: white;
    background-image: url(../Images/Status/exit24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: white;
    text-align: center;
}

.status-901 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/exit24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: green;
    text-align: center;
}

/* 10 (Продан) */
/*.status-10 .x-change-cell {
    background-color: white;
}*/
.status-10 .x-change-cell2 {
    background-color: white;
    background-image: url(../Images/Status/sale.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: white;
    text-align: center;
}

.status-1001 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/sale.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}

/* 11 (Продан) */
/*.status-11 .x-change-cell {
    background-color: white;
}*/
.status-11 .x-change-cell2 {
    background-color: white;
    background-image: url(../Images/Status/11.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: white;
    text-align: center;
}

.status-1101 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/11.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}

/* 12 (Продан) */
/*.status-12 .x-change-cell {
    background-color: white;
}*/
.status-12 .x-change-cell2 {
    background-color: white;
    background-image: url(../Images/Status/12.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: white;
    text-align: center;
}

.status-1201 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/12.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}

/* 13 (Продан) */
/*.status-13 .x-change-cell {
    background-color: white;
}*/
.status-13 .x-change-cell2 {
    background-color: white;
    background-image: url(../Images/Status/13.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: white;
    text-align: center;
}

.status-1301 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/13.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}

/* 14 (Продан) */
/*.status-14 .x-change-cell {
    background-color: white;
}*/
.status-14 .x-change-cell2 {
    background-color: white;
    background-image: url(../Images/Status/14.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: white;
    text-align: center;
}

.status-1401 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/14.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


.status-15 .x-change-cell2 {
    background-color: white;
    background-image: url(../Images/Status/15.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: white;
    text-align: center;
}

.status-1501 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/15.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 
    Просрочен *** *** ***
*/

/* 1 */
.status-DateDone-1 .x-change-cell {
    background-color: red;
}
.status-DateDone-1-text .x-change-cell {
    color: red;
}
.status-DateDone-1 .x-change-cell2 {
    background-color: red;
    background-image: url(../Images/Status/input24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: red;
    text-align: center;
}

.status-DateDone-101 .x-change-cell {
    background-color: green;
}
.status-DateDone-101-text .x-change-cell {
    color: green;
}
.status-DateDone-101 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/input24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;

    color: green;
    text-align: center;
}


/* 2 */
.status-DateDone-2 .x-change-cell {
    background-color: red;
}
.status-DateDone-2 .x-change-cell2 {
    background-color: white;
    background-image: url(../Images/Status/question24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    
    color: white;
    text-align: center;
}

.status-DateDone-201 .x-change-cell {
    background-color: green;
}
.status-DateDone-201 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/question24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    
    color: green;
    text-align: center;
}


/* 3 */
.status-DateDone-3 .x-change-cell {
    background-color: red;
}
.status-DateDone-3 .x-change-cell2 {
    background-color: yellow;
    background-image: url(../Images/Status/onagreeing24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    
    color: yellow;
    text-align: center;
}

.status-DateDone-301 .x-change-cell {
    background-color: green;
}
.status-DateDone-301 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/onagreeing24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    
    color: green;
    text-align: center;
}


/* 4 */
.status-DateDone-4 .x-change-cell {
    background-color: red;
}
.status-DateDone-4 .x-change-cell2 {
    background-color: yellow;
    background-image: url(../Images/Status/ok.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    
    color: yellow;
    text-align: center;
}

.status-DateDone-401 .x-change-cell {
    background-color: green;
}
.status-DateDone-401 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/ok.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    
    color: green;
    text-align: center;
}


/* 5 */
.status-DateDone-5 .x-change-cell {
    background-color: red;
}
.status-DateDone-5 .x-change-cell2 {
    background-color: #8A2BE2;
    background-image: url(../Images/Status/waiting24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    
    color: #8A2BE2;
    text-align: center;
}

.status-DateDone-501 .x-change-cell {
    background-color: green;
}
.status-DateDone-501 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/waiting24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    
    color: green;
    text-align: center;
}



/* 6 */
.status-DateDone-6 .x-change-cell {
    background-color: red;
}
.status-DateDone-6 .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/Status/remote_sc24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    
    color: #808080;
    text-align: center;
}

.status-DateDone-6-left .x-change-cell {
    background-color: red;
}

.status-DateDone-6-left .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/Status/remote_left32.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #808080;
    text-align: center;
}

.status-DateDone-6-right .x-change-cell {
    background-color: red;
}

.status-DateDone-6-right .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/Status/remote_right32.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #808080;
    text-align: center;
}


.status-DateDone-601 .x-change-cell {
    background-color: green;
}
.status-DateDone-601 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/remote_sc24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    
    color: green;
    text-align: center;
}

.status-DateDone-601-left .x-change-cell {
    background-color: green;
}

.status-DateDone-601-left .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/remote_left32.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}

.status-DateDone-601-right .x-change-cell {
    background-color: green;
}

.status-DateDone-601-right .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/remote_right32.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}




/* 
    Гарантийный *** *** ***
*/
/* 1 */
.status-FromGuarantee .x-change-cell {
    background-color: #CD853F;
}
.status-FromGuarantee .x-change-cell2 {
    background-color: #CD853F;
    background:       url(../Images/Status/question24.png) center no-repeat !important;
        
    color: #CD853F;
    text-align: center;
}



/* 
    Выполненая работа: результат диагностики (согласовано и не сограсовано) *** *** ***
*/
.status-3 .x-change-cell-12 {
    background-color: yellow;
}
.status-4 .x-change-cell-12 {
    background-color: #40E0D0;
}




/*
    Лгистика
*/
/* Шаг №2 */
.movements-2 .x-change-cell-3 {
    background-color: #66FF66; 
    font-weight: bold;
}
.movements-2 .x-change-cell-4 {
    color: black;
}
.movements-2 .x-change-cell-5 {
    color: black;
}
/* Шаг №3 */
.movements-3 .x-change-cell-3 {
    background-color: #66FF66; 
    font-weight: bold;
}
.movements-3 .x-change-cell-4 {
    background-color: #00CC00; 
    font-weight: bold;
}
.movements-3 .x-change-cell-5 {
    color: black;
}
/* Шаг №4 */
.movements-4 .x-change-cell-3 {
    background-color: #66FF66; 
    font-weight: bold;
}
.movements-4 .x-change-cell-4 {
    background-color: #00CC00; 
    font-weight: bold;
}
.movements-4 .x-change-cell-5 {
    background-color: #009900; 
    font-weight: bold;
}





/*
    LABEL
*/
label.myBold
{
    font-size: 11pt;
    color: red;
}



/*Жёлтый*/
.yellow .x-change-cell {
    color: black;
    background-color: yellow;
}

.yellow .x-change-cell2 {
    background: url(../Images/doc_held.png) right no-repeat !important;
}




/* === === === Chat === === == */

div.MyRelative {
    position: relative;
    border: 3px solid #73AD21;
    background: #007E3E;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    float: right;
    margin-top: 10px;
}

div.MyRelative2 {
    position: relative;
    float: left;
    clear: both;
}



div.MyRelativeRight {
    font-size: 8pt;
    position: relative;
    /*border: 3px solid #73AD21;*/
    background: #007E3E;
    color: #fff;
    padding: 2px;
    border-radius: 5px;
    float: right;
    margin-top: 10px;
}

div.MyRelativeLeft {
    font-size: 8pt;
    position: relative;
    /*border: 3px solid #73AD21;*/
    background: #006b7e;
    color: #fff;
    padding: 2px;
    border-radius: 5px;
    float: left;
    margin-top: 10px;
}











/* === === === === === Заказы === === === === === */



/* 
    Просрочен *** *** ***
*/

/* 1 */
.statusOrderInt-DateDone-1 .x-change-cell {
    background-color: red;
}

.statusOrderInt-DateDone-1 .x-change-cell2 {
    background-color: red;
    background-image: url(../Images/Status/new.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: red;
    text-align: center;
}

.statusOrderInt-DateDone-101 .x-change-cell {
    background-color: green;
}

.statusOrderInt-DateDone-101 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/new.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 2 */
.statusOrderInt-DateDone-2 .x-change-cell {
    background-color: red;
}

.statusOrderInt-DateDone-2 .x-change-cell2 {
    background-color: white;
    background-image: url(../Images/Status/waiting24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: white;
    text-align: center;
}

.statusOrderInt-DateDone-201 .x-change-cell {
    background-color: green;
}

.statusOrderInt-DateDone-201 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/waiting24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 3 */
.statusOrderInt-DateDone-3 .x-change-cell {
    background-color: red;
}

.statusOrderInt-DateDone-3 .x-change-cell2 {
    background-color: yellow;
    background-image: url(../Images/Status/package.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: yellow;
    text-align: center;
}

.statusOrderInt-DateDone-301 .x-change-cell {
    background-color: green;
}

.statusOrderInt-DateDone-301 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/package.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 4 */
.statusOrderInt-DateDone-4 .x-change-cell {
    background-color: red;
}

.statusOrderInt-DateDone-4 .x-change-cell2 {
    background-color: yellow;
    background-image: url(../Images/Status/courierphone.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: yellow;
    text-align: center;
}

.statusOrderInt-DateDone-401 .x-change-cell {
    background-color: green;
}

.statusOrderInt-DateDone-401 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/courierphone.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 5 */
.statusOrderInt-DateDone-5 .x-change-cell {
    background-color: red;
}

.statusOrderInt-DateDone-5 .x-change-cell2 {
    background-color: #8A2BE2;
    background-image: url(../Images/Status/renovated24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #8A2BE2;
    text-align: center;
}

.statusOrderInt-DateDone-501 .x-change-cell {
    background-color: green;
}

.statusOrderInt-DateDone-501 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/renovated24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 6 */
.statusOrderInt-DateDone-6 .x-change-cell {
    background-color: red;
}

.statusOrderInt-DateDone-6 .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/Status/shop_16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #808080;
    text-align: center;
}

.statusOrderInt-DateDone-601 .x-change-cell {
    background-color: green;
}

.statusOrderInt-DateDone-601 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/shop_16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 7 */
.statusOrderInt-DateDone-7 .x-change-cell {
    background-color: red;
}

.statusOrderInt-DateDone-7 .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/repairs16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #808080;
    text-align: center;
}

.statusOrderInt-DateDone-701 .x-change-cell {
    background-color: green;
}

.statusOrderInt-DateDone-701 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/repairs16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 8 */
.statusOrderInt-DateDone-8 .x-change-cell {
    background-color: red;
}

.statusOrderInt-DateDone-8 .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/Status/renouncement24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #808080;
    text-align: center;
}

.statusOrderInt-DateDone-801 .x-change-cell {
    background-color: green;
}

.statusOrderInt-DateDone-801 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/renouncement24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 9 -выдан */
.statusOrderInt-DateDone-9 .x-change-cell {
    background-color: #40E0D0;
}

.statusOrderInt-DateDone-9 .x-change-cell2 {
    background-color: #40E0D0;
    background-image: url(../Images/Status/shop_16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #40E0D0;
    text-align: center;
}






/* Стандартные */


.statusOrderInt-1 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/Status/new.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}

.statusOrderInt-2 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/Status/waiting24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}

.statusOrderInt-3 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/Status/package.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}

.statusOrderInt-4 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/Status/courierphone.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}

.statusOrderInt-5 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/Status/renovated24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}

.statusOrderInt-6 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/Status/shop_16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}

.statusOrderInt-7 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/repairs16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}

.statusOrderInt-8 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/Status/renouncement24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}








/* === === === === === Заказы === === === === === */



/* 
    Просрочен *** *** ***
*/

/* 1 */
.viewDocOrderIntSystems-DateDone-1 .x-change-cell {
    background-color: red;
}

.viewDocOrderIntSystems-DateDone-1 .x-change-cell2 {
    background-color: red;
    background-image: url(../Images/Status/new.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: red;
    text-align: center;
}

.viewDocOrderIntSystems-DateDone-101 .x-change-cell {
    background-color: green;
}

.viewDocOrderIntSystems-DateDone-101 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/new.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 2 */
.viewDocOrderIntSystems-DateDone-2 .x-change-cell {
    background-color: red;
}

.viewDocOrderIntSystems-DateDone-2 .x-change-cell2 {
    background-color: white;
    background-image: url(../Images/Status/excel.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: white;
    text-align: center;
}

.viewDocOrderIntSystems-DateDone-201 .x-change-cell {
    background-color: green;
}

.viewDocOrderIntSystems-DateDone-201 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/excel.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 3 */
.viewDocOrderIntSystems-DateDone-3 .x-change-cell {
    background-color: red;
}

.viewDocOrderIntSystems-DateDone-3 .x-change-cell2 {
    background-color: yellow;
    background-image: url(../Images/Status/renovated16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: yellow;
    text-align: center;
}

.viewDocOrderIntSystems-DateDone-301 .x-change-cell {
    background-color: green;
}

.viewDocOrderIntSystems-DateDone-301 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/renovated16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 4 */
.viewDocOrderIntSystems-DateDone-4 .x-change-cell {
    background-color: red;
}

.viewDocOrderIntSystems-DateDone-4 .x-change-cell2 {
    background-color: yellow;
    background-image: url(../Images/Status/renovated16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: yellow;
    text-align: center;
}

.viewDocOrderIntSystems-DateDone-401 .x-change-cell {
    background-color: green;
}

.viewDocOrderIntSystems-DateDone-401 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/courierphone.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 5 */
.viewDocOrderIntSystems-DateDone-5 .x-change-cell {
    background-color: red;
}

.viewDocOrderIntSystems-DateDone-5 .x-change-cell2 {
    background-color: #8A2BE2;
    background-image: url(../Images/Status/courierphone.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #8A2BE2;
    text-align: center;
}

.viewDocOrderIntSystems-DateDone-501 .x-change-cell {
    background-color: green;
}

.viewDocOrderIntSystems-DateDone-501 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/courierphone.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 6 */
.viewDocOrderIntSystems-DateDone-6 .x-change-cell {
    background-color: red;
}

.viewDocOrderIntSystems-DateDone-6 .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/money_add.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #808080;
    text-align: center;
}

.viewDocOrderIntSystems-DateDone-601 .x-change-cell {
    background-color: green;
}

.viewDocOrderIntSystems-DateDone-601 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/money_add.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 7 */
.viewDocOrderIntSystems-DateDone-7 .x-change-cell {
    background-color: red;
}

.viewDocOrderIntSystems-DateDone-7 .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/repairs16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #808080;
    text-align: center;
}

.viewDocOrderIntSystems-DateDone-701 .x-change-cell {
    background-color: green;
}

.viewDocOrderIntSystems-DateDone-701 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/repairs16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}


/* 8 */
.viewDocOrderIntSystems-DateDone-8 .x-change-cell {
    background-color: red;
}

.viewDocOrderIntSystems-DateDone-8 .x-change-cell2 {
    background-color: #808080;
    background-image: url(../Images/Status/renouncement24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: #808080;
    text-align: center;
}

.viewDocOrderIntSystems-DateDone-801 .x-change-cell {
    background-color: green;
}

.viewDocOrderIntSystems-DateDone-801 .x-change-cell2 {
    background-color: green;
    background-image: url(../Images/Status/renouncement24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    color: green;
    text-align: center;
}





/* Стандартные */


.viewDocOrderIntSystems-1 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/Status/new.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}



.viewDocOrderIntSystems-2 .x-change-cell2 {
    background-image: url(../Images/Status/excel.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
}
.viewDocOrderIntSystems-2-1 .x-change-cell2 {
    background-image: url(../Images/Status/traffic_light_green.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    background-position: center;
}
.viewDocOrderIntSystems-2-2 .x-change-cell2 {
    background-image: url(../Images/Status/traffic_light_yellow.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    background-position: center;
}
.viewDocOrderIntSystems-2-3 .x-change-cell2 {
    background-image: url(../Images/Status/traffic_light_red.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    background-position: center;
}



.viewDocOrderIntSystems-3 .x-change-cell2 {
    background-image: url(../Images/Status/renovated16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    background-color: #30d5c8;
    background-position: center;
}
.viewDocOrderIntSystems-3 .x-change-cell {
    background-color: #30d5c8;
}
.viewDocOrderIntSystems-3-1 .x-change-cell2 {
    background-image: url(../Images/Status/traffic_light_green.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    background-color: #30d5c8;
    background-position: center;
}
.viewDocOrderIntSystems-3-1 .x-change-cell {
    background-color: #30d5c8;
}
.viewDocOrderIntSystems-3-2 .x-change-cell2 {
    background-image: url(../Images/Status/traffic_light_yellow.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    background-color: #30d5c8;
    background-position: center;
}
.viewDocOrderIntSystems-3-2 .x-change-cell {
    background-color: #30d5c8;
}
.viewDocOrderIntSystems-3-3 .x-change-cell2 {
    background-image: url(../Images/Status/traffic_light_red.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    background-color: #30d5c8;
    background-position: center;
}
.viewDocOrderIntSystems-3-3 .x-change-cell {
    background-color: #30d5c8;
}



.viewDocOrderIntSystems-4 .x-change-cell2 {
    background-image: url(../Images/Status/renovated16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
}


.viewDocOrderIntSystems-5 .x-change-cell2 {
    background-image: url(../Images/Status/courierphone.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
}


.viewDocOrderIntSystems-6 .x-change-cell2 {
    background-image: url(../Images/Status/money_add.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
}


.viewDocOrderIntSystems-7 .x-change-cell2 {
    background-image: url(../Images/repairs16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
}


.viewDocOrderIntSystems-8 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/Status/renouncement24.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}



.viewDocOrderIntSystems-IntExtStatus-1 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/del.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}
.viewDocOrderIntSystems-IntExtStatus-2 .x-change-cell2 {
    /*background-color: yellow;*/
    background-image: url(../Images/Status/renovated16.png) !important;
    background-repeat: no-repeat;
    background-position: center top;
    /*color: yellow;*/
    text-align: center;
}










/* Для Чата (Old) */
td.img-col {
    background-image: url(../Images/chatmsg24_2.png); /*16px*/
    background-repeat: no-repeat;
    background-position: center top;
}

.img-col .x-grid-cell-inner {
    text-align: center !Important;
}



/* Для Чата (New) */
.img-col-111 {
    background-image: url(../Images/chatmsg24_2.png); /*16px*/
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    color: red;
    margin: 0%;
    height: 18px;
}
.img-col-222 {
    background-image: url(../Images/chatmsg24_2.png); /*16px*/
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    margin: 0%;
    height: 18px;
}




/* 
    Мигание d Xfnt 
    http://denis-creative.com/effekt-miganiya-s-pomoshhyu-animation/
*/
.blink {
    animation-name: blinker;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1.0,2.0,0,1.0);
    animation-duration: 1s;
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1.0,2.0,0,1.0);
    -webkit-animation-duration: 1s;
    font-weight: 800
}

@keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}





.priceву_сonfirmed .x-change-cell {
    color: Green;
    background-color: #e6f9e6;
}
.priceву_сonfirmed_not .x-change-cell {
    color: Red;
    background-color: #e6f9e6;
}



ul.x-tab-strip li.right-tab {
    float: right;
}






/** Grid: объединение ячеек -1 **/
.TreeGrid-viewDocRetailsEdit-PanelPartyAdd .span-columns {
    width: auto !important;
}
.TreeGrid-viewDocRetailsEdit-PanelPartyAdd .x-grid-item {
    /* This is pretty key... the framework sets a width of 0 on the table rows,
     * so this could have some other side effects */
    width: 100% !important;
}
.TreeGrid-viewDocRetailsEdit-PanelPartyAdd .hide-column {
    display: none;
}
.TreeGrid-viewDocRetailsEdit-PanelPartyAdd .x-tree-node-text {
    font-size: 14px;
}
.TreeGrid-viewDocRetailsEdit-PanelPartyAdd .x-grid-cell {
    height: 23px;
    text-align: center;
    padding: 1px 0px 0px 0px;
    font-size: 10pt;
}

.grid-viewDocRetailCafeEdit-PanelGridCheck .x-grid-cell {
    height: 45px;
    text-align: center;
    padding: 10px 0px 0px 0px;
    font-size: 12pt;
}




.grid-viewDocRetailsEdit-PanelPartyAdd .x-grid-cell {
    height: 23px;
    text-align: center;
    padding: 1px 0px 0px 0px;
    font-size: 10pt;
}
.grid-viewDocRetailsEdit-PanelPartyAdd .x-grid-item-selected .x-grid-cell {
    background-image: none;
    background-color: #fc0;
}


.grid-viewDocRetailsEdit-PanelPartyAdd-3 .x-grid-cell {
    height: 26px;
    text-align: center;
    padding: 1px 0px 0px 0px;
    font-size: 10pt;
}
.cornsilk .grid-viewDocRetailsEdit-PanelPartyAdd-2 {
    background-color: cornsilk;
}

.tree-viewDocRetailsEdit-PanelPartyAdd .x-tree-node-text {
    font-size: 14px;
}





.grid-viewDocRetailsEdit-PanelPartyAdd3 .x-grid-cell {
    height: 25px;
    text-align: center;
    padding: 1px 0px 0px 0px;
    font-size: 11pt;
}

.grid-viewDocRetailsEdit-PanelPartyAdd3 .x-grid-item-selected .x-grid-cell {
    background-image: none;
    /*background-color: #fc0;*/
}


.grid-viewDocRetailsEdit-PanelPartyAdd3-3 .x-grid-cell {
    height: 28px;
    text-align: center;
    padding: 1px 0px 0px 0px;
    font-size: 11pt;
}

.cornsilk .grid-viewDocRetailsEdit-PanelPartyAdd3-2 {
    background-color: cornsilk;
}







/** Grid: объединение ячеек - 2 **/
.TreeGrid-viewDocRetailsEdit-PanelPartyAdd2 .span-columns {
    width: auto !important;
}

.TreeGrid-viewDocRetailsEdit-PanelPartyAdd2 .x-grid-item {
    /* This is pretty key... the framework sets a width of 0 on the table rows,
     * so this could have some other side effects */
    width: 100% !important;
}

.TreeGrid-viewDocRetailsEdit-PanelPartyAdd2 .hide-column {
    display: none;
}

.TreeGrid-viewDocRetailsEdit-PanelPartyAdd2 .x-tree-node-text {
    font-size: 14px;
}

.TreeGrid-viewDocRetailsEdit-PanelPartyAdd2 .x-grid-cell {
    height: 23px;
    text-align: center;
    padding: 1px 0px 0px 0px;
    font-size: 10pt;
}

.grid-viewDocRetailCafeEdit-PanelGridCheck2 .x-grid-cell {
    height: 45px;
    text-align: center;
    padding: 10px 0px 0px 0px;
    font-size: 12pt;
}

.grid-viewDocRetailsEdit-PanelPartyAdd2 .x-grid-cell {
    height: 23px;
    text-align: center;
    padding: 1px 0px 0px 0px;
    font-size: 10pt;
}

.grid-viewDocRetailsEdit-PanelPartyAdd2 .x-grid-item-selected .x-grid-cell {
    background-image: none;
    /*background-color: #fc0;*/
}


.grid-viewDocRetailsEdit-PanelPartyAdd2-3 .x-grid-cell {
    height: 26px;
    text-align: center;
    padding: 1px 0px 0px 0px;
    font-size: 10pt;
}

.cornsilk .grid-viewDocRetailsEdit-PanelPartyAdd2-2 {
    background-color: cornsilk;
}





/* === === === === === Новая Розница === === === === === */


.custom-grid .x-grid-cell {
    /*background-color: #ffa;
    border-bottom-color: #ffc;
    border-top-color: #ff5;
    color: #009;
    font-size: larger;*/
    overflow: hidden;
    padding: 3px 6px;
    white-space: nowrap;
}






* {
    box-sizing: border-box;
}

.container {
    display: flex;
    flex-flow: row wrap;
}






/* === green Tab: formPanelCheck, PanelGridSale === */

.ui-tab-style-viewDocRetailCafeEdit a.x-tab {
    overflow: visible;
    border-style: none;
    /*padding-top: 23px;*/
    padding-left: 18px;
    padding-right: 6px;
    background-color: transparent !important;
    box-shadow: none !important;
    
}

.ui-tab-style-viewDocRetailCafeEdit a.x-tab .x-tab-inner {
    /*color: #00638e;*/
    color: white
}

.ui-tab-style-viewDocRetailCafeEdit a.x-tab .x-tab-close-btn {
    /*top: 14px;
    right: 16px;*/
}

.ui-tab-style-viewDocRetailCafeEdit a.x-tab::before {
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    width: 65%;
    height: 100%;
    background-color: #91C88F;
    transform: skewX(-20deg);
    border-radius: 8px 0 0 0;
    z-index: -1;
    box-shadow: -1px 0 1px 0 rgba(0,0,0,0.5);
}

.ui-tab-style-viewDocRetailCafeEdit a.x-tab::after {
    content: '';
    position: absolute;
    top: 0;
    right: -6px;
    width: 70%;
    height: 100%;
    background-color: #91C88F;
    transform: skewX(20deg);
    border-radius: 0 8px 0 0;
    z-index: -2;
}

.ui-tab-style-viewDocRetailCafeEdit a.x-tab.x-tab-active::before,
.ui-tab-style-viewDocRetailCafeEdit a.x-tab.x-tab-active::after {
    background-color: #5A9F58;
}


/* !!! Эта хрень увеличивает DIV в котором находится текст !!! */
.ui-tab-style-viewDocRetailCafeEdit .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {
    height: 45px !important; /* Default value is 21, we add 20 = 41 */
}






/* ToolBar: Other */
.ui-button-Other-cls {
    background-image: none;
}
/*Наведение мышки*/
.ui-button-Other-cls-hover {
    /*background: url(../img/button_bg.png) no-repeat !important;*/
    background-color: #A0BBFA !important;
    background-image: none;
}



/*
    Panel Header
*/
.ui-panel-header-cls {
    background-color: #A0BBFA !important;
}
.ui-panel-header-cls-title {
    color: black !important;
}




.x-field.ui-textfield-16-cls input {
    color: #737DFF;
    font: normal 20px tahoma, arial, helvetica, sans-serif;
}

.ui-textfield-18px-cls {
    font-size: 18px !important;
}



.ui-msg-button-cls {
    background-color:antiquewhite !important;
}



.field-margin {
    font-size: 16px;
    background-image: none;
    background-color: #FFFFCC;
}

.test-class .x-form-text {
    color: red;
}



.x-grid-row .ui-Grid-Row-Color-Black {
    background-color: black;
    color: black;
}




/*В "xtype: 'fieldset'" не видно "title"*/
.x-fieldset {
    overflow: visible; /*Это в принице не работает*/
} 
.x-fieldset-header-default > .x-fieldset-header-text {
    position: static; /*А это работает*/
}



.GridColor-1 .x-change-cell-12 {
    background-color: #8bac3b;
}

.GridColor-2 .x-change-cell-12 {
    background-color: #f097e5;
}





.Filter-Party-red .x-change-cell {
    color: red;
}
.Filter-Party-red .x-change-cell2 {
    background: url(../Images/doc_held_no.png) right no-repeat !important;
}


.Filter-Party-blue .x-change-cell {
    color: blue;
}

.Filter-Party-blue .x-change-cell2 {
    background: url(../Images/doc_held_no.png) right no-repeat !important;
}


.Filter-Party-green .x-change-cell {
    color: green;
}

.Filter-Party-green .x-change-cell2 {
    background: url(../Images/doc_held_no.png) right no-repeat !important;
}


.Filter-Party-yellow .x-change-cell {
    color: yellow;
}

.Filter-Party-yellow .x-change-cell2 {
    background: url(../Images/doc_held_no.png) right no-repeat !important;
}



.displayfield-biggertext {
    font-size: 14px;
}






/**
 * Generates a set of style rules for the "navigation" tab UI.
 */
@include extjs-tab-panel-ui( $ui: 'navigation', $ui-tab-background-color: transparent, $ui-tab-background-color-over: #505050, $ui-tab-background-color-active: #303030, $ui-tab-background-gradient: 'none', $ui-tab-background-gradient-over: 'none', $ui-tab-background-gradient-active: 'none', $ui-tab-color: #acacac, $ui-tab-color-over: #c4c4c4, $ui-tab-color-active: #fff, $ui-tab-glyph-color: #acacac, $ui-tab-glyph-color-over: #c4c4c4, $ui-tab-glyph-color-active: #fff, $ui-tab-glyph-opacity: 1, $ui-tab-border-radius: 0, $ui-tab-border-color: transparent, $ui-tab-border-color-over: transparent, $ui-tab-border-width: 1px, $ui-tab-inner-border-width: 0, $ui-tab-padding: 24px, $ui-tab-margin: 0, $ui-tab-font-size: 15px, $ui-tab-font-size-over: 15px, $ui-tab-font-size-active: 15px, $ui-tab-line-height: 19px, $ui-tab-font-weight: bold, $ui-tab-font-weight-over: bold, $ui-tab-font-weight-active: bold, $ui-tab-icon-width: 24px, $ui-tab-icon-height: 24px, $ui-bar-background-color: #404040, $ui-bar-background-gradient: 'none', $ui-bar-padding: 0, $ui-strip-height: 0 );