/****** panel ******/

div.x-panel-default,
div.x-panel-default-framed {
    border: 1px solid #d9e0e8;
    border-bottom: 0px solid #d9e0e8;
    border-radius: 3px;
}

div.x-panel-header-default-horizontal {
    padding: 10px 15px;
}

div.x-panel-header-default,
div.x-panel-header-default-framed-top {
    /*background-color: #FEFEFE;*/
    background-color: #BAD6E5;
    font: 300 12px/14px 'Open Sans', sans-serif;
}

div.x-title-text-default{
    white-space: normal;
}

div.x-window-header{
    height: 70px;
}


div.x-panel-header-default-horizontal.x-header-noborder,
div.x-panel-header-default-framed-horizontal {
    padding: 5px 10px;
    background-color: #BAD6E5;
}

div.x-panel-header-title-default,
div.x-panel-header-title-default-framed {
    color: #394555;
    font: 700 12px/14px 'Open Sans', sans-serif;
}

div.x-panel-header-default .x-tool-img,
div.x-panel-header-default-framed .x-tool-img {
    background-color: #ffffff;
}

div.x-panel-body-default,
div.x-panel-body-default-framed {
    border: none;
}

div.x-autocontainer-innerCt {
    padding: 0 0 5px;
}

div.filters-panel-wrapper .x-autocontainer-innerCt {
    padding: 0 0 0px;
}

.x-column-header div.x-autocontainer-innerCt{
    padding-bottom: 0;
}

div.x-layout-split-right {
    background-image: url(../icons/images/mini-right.png);
}

div.navigation_panel .x-panel-header-title-default{
    color: #507895;
    font: 600 12px/14px 'Open Sans', sans-serif;
}

/*
div.navigation_panel .x-panel-header-collapsed .x-panel-header-title-default{
    color: #668097;
    font: 700 14px/18px 'Open Sans', sans-serif;
}
*/

div.navigation_panel .x-panel-header-default{
    background: linear-gradient(180deg, rgb(238,242,245), rgb(235,240,244) 80%, rgb(235,243,246));
}

div.selected_navigation_panel .x-panel-header-default{
    background: linear-gradient(90deg, rgb(76,110,146), rgb(222,231,236), rgb(235,240,244));
    /*background: linear-gradient(90deg, rgb(29,61,82), rgb(222,231,236), rgb(235,240,244));*/
}

div.selected_navigation_panel .x-panel-header-title-default{
    color: #FFFFFF;
    font: 500 12px/14px 'Open Sans', sans-serif;
}

div.ticket-panel > .x-panel-header-default .x-tool-img{
    background-image: url(../icons/svg/form/collapsePanel.svg);
    background-size:cover;
}

div.ticket-panel > .x-panel-header-collapsed .x-tool-img{
    background-image: url(../icons/svg/form/expandPanel.svg);
    background-size:cover;
}

div.ticket-panel > .x-panel-header-default{
    /*background: linear-gradient(180deg, rgb(244,246,247), rgb(235,240,244) 80%, rgb(235,243,246));*/
    background: #B1D7EC no-repeat;
    background-image: url(../icons/svg/form/white-corner.svg);
    background-size: 23px 23px;
    border: 1px solid #d9e0e8;
    /*border-radius: 10px 10px 0 0;*/
}

div.ticket-panel > .x-panel-header-collapsed{
    /*background: linear-gradient(180deg, rgb(244,246,247), rgb(235,240,244) 80%, rgb(235,243,246));*/
    background: #B1D7EC no-repeat;
    background-image: url(../icons/svg/form/blue-corner.svg);
    background-size: 14px 14px;
    border: 1px solid #d9e0e8;
    /*border-radius: 10px 10px 0 0;*/
}

div.ticket-panel .ticket-panel-header-on-over {
    /*background: linear-gradient(180deg, rgb(199,232,249) 60%, rgb(235,243,246));*/
    background: #D8EBF6 no-repeat;
    background-image: url(../icons/svg/form/blue-corner.svg);
    background-size: 14px 14px;
    border: 1px solid #d9e0e8;
    /*border-radius: 10px 10px 0 0;*/
}

div.ticket-panel .x-panel.x-panel-default.x-grid {
    border: 1px solid #d9e0e8;
    border-radius: 10px;
}

.ticket_container .x-autocontainer-innerCt{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin: 0 0 0 0;
}
.ticket_container_item {
    flex: 1;
    min-width: 100px;
    margin: 0 0 0 0;
}
.ticket_container_item_text {
    font-size: 5pt;
}

.cartridges_class{
    background-color:gold;
}