/* no more need for the body bg as we have a fullscreen viewport */
/*body, */.leftSidebar, .leftSidebar .x-panel-body-default, .menuTree .x-grid-row .x-grid-cell, .rightSidebar .x-panel-body-default, .rightSidebar .x-table-layout-cell{
    background: #F0F0F0;
}
.radio_over {
    background-color: gray;
    color: white;
}
.logo {
    float: right;
    height: 100%;
    margin-left: 20px;
    width: 300px;
}
.topMenu .x-toolbar-default, .topMenu .x-nlg .x-toolbar-default{
    background: #58585A !important;
}
.headerMenuRegion.x-toolbar-default, .headerMenuRegion .x-nlg .x-toolbar-default{
    background: #fff !important;
}
.topMenu .x-btn-default-toolbar-small .x-btn-inner{
    color: #fff;
    font-weight: bold;
}
.headerMenuRegion .x-btn-default-toolbar-small .x-btn-inner{
    color: #000;
    font-weight: normal;
}
.topMenu .x-btn-default-toolbar-small-menu-active, .topMenu .x-btn-default-toolbar-small-pressed, .topMenu .x-btn-default-toolbar-small-pressed:after, .topMenu .x-btn-default-toolbar-small-over:after, .topMenu .x-btn-default-toolbar-small-over, .topMenu .x-btn-default-toolbar-small, .topMenu .x-btn-default-toolbar-small-tl, .topMenu .x-btn-default-toolbar-small-tc, .topMenu .x-btn-default-toolbar-small-tr, .topMenu .x-btn-default-toolbar-small-ml, .topMenu .x-btn-default-toolbar-small-mc, .topMenu .x-btn-default-toolbar-small-mr, .topMenu .x-btn-default-toolbar-small-bl, .topMenu .x-btn-default-toolbar-small-bc, .topMenu .x-btn-default-toolbar-small-br, .headerMenuRegion .x-btn-default-toolbar-small-menu-active, .headerMenuRegion .x-btn-default-toolbar-small-pressed, .headerMenuRegion .x-btn-default-toolbar-small-pressed:after, .headerMenuRegion .x-btn-default-toolbar-small-over:after, .headerMenuRegion .x-btn-default-toolbar-small-over, .headerMenuRegion .x-btn-default-toolbar-small, .headerMenuRegion .x-btn-default-toolbar-small-tl, .headerMenuRegion .x-btn-default-toolbar-small-tc, .headerMenuRegion .x-btn-default-toolbar-small-tr, .headerMenuRegion .x-btn-default-toolbar-small-ml, .headerMenuRegion .x-btn-default-toolbar-small-mc, .headerMenuRegion .x-btn-default-toolbar-small-mr, .headerMenuRegion .x-btn-default-toolbar-small-bl, .headerMenuRegion .x-btn-default-toolbar-small-bc, .headerMenuRegion .x-btn-default-toolbar-small-br {
    background: none;
    border: 0 none;
}
.topMenu .x-btn-default-toolbar-small{
    border-radius: 0;
}
.topMenu .x-toolbar-spacer,.headerMenuRegion .x-toolbar-spacer{
    height: 22px;
    background: #fff;
    top: 0;
    width: 1px;
}
.headerMenuRegion .x-toolbar-spacer{
    background: #000;
    height: 15px;
}
.menuTree .x-tree-icon, .menuTree .x-tree-elbow, .menuTree .x-tree-elbow-end, .menuTree .x-tree-elbow-plus, .menuTree .x-tree-elbow-end-plus{ 
    display: none; 
}
.menuTree .x-grid-cell-inner{
    border-bottom: 1px solid #B8B8B8;
}
.menuTree .x-grid-row .x-grid-cell{
    border: 0 none;
}
.menuTree .x-grid-row .x-grid-cell{
    font-weight: bold;
}
.menuTree .x-grid-cell-inner{
    white-space: normal;
}
.menuTree .x-grid-tree-node-leaf .x-grid-cell{
    font-weight: normal;
}
.menuTree .x-tree-node-text{
    line-height: 21px;
}
.modelselectorpanel{
    text-align: center;
}
.modelselectorpanel .x-panel-body-default {
    cursor: pointer;
}
.modelselectorpanel .x-panel-body-default .modelselectorpaneltitlevalid {
    color: #0000FF;
    text-decoration: underline;
    font-weight: bold;
}
.modelselectorpanel .modelselectorpaneldisabled,
.modelselectorpanel .modelselectorpaneldisabled .x-panel-body-default
{
    color: #808080 !important;
    text-decoration: none !important;
    font-weight: normal !important;
    cursor: default;
}
.modelselectorpanel .modelselectorpaneldisabled img {
    filter: alpha(opacity=50);
    opacity: .5;
}
.x-nlg a.btnLinkReports{
    background: none;
}

a.btnLinkReports, a.btnLinkReports .x-btn-default-small-tl, a.btnLinkReports .x-btn-default-small-tc, a.btnLinkReports .x-btn-default-small-tr, a.btnLinkReports .x-btn-default-small-ml, a.btnLinkReports .x-btn-default-small-mc, a.btnLinkReports .x-btn-default-small-mr, a.btnLinkReports .x-btn-default-small-bl, a.btnLinkReports .x-btn-default-small-bc, a.btnLinkReports .x-btn-default-small-br{
    background: none;
    border: 0 none;
    padding: 0;
}
a.btnLinkReports.x-btn-default-small .x-btn-inner{
    font-weight: normal;
}

a.btnLinkReports .x-btn-inner{
    color: #6B6B6B;
    text-decoration: none;
}

a.btnLinkReports:hover .x-btn-inner{
    text-decoration: underline;
}

.msgError {
    background: url("/images/icons/cancel.gif") no-repeat scroll 3px 3px;
    color: #665252;
    display: block;
    line-height: 1.3;
    margin-top: 10px;
    padding: 0px 5px 4px 25px !important;
}
.backIcon {
    background-image:url(../images/icons/back.png);
    height: 16px;
}
.nextIcon {
    background-image:url(../images/icons/next.png);
    height: 16px;
}
.cartIcon {
    background-image:url(../images/icons/cart.png);
    height: 16px;
}
.refreshIcon {
    background-image:url(../images/icons/arrow_refresh.png);
    height: 16px;
}
.saveIcon, .saveIcon .x-tool-img, .saveIcon .x-tool-over .x-tool-img{
    background-image:url(../images/icons/page_save.png);
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.saveCloseIcon {
    background-image:url(../images/icons/page_save_close.png);
    height: 16px;
}
.clearIcon, .clearIcon .x-tool-img, .clearIcon .x-tool-over .x-tool-img{
    background-image:url(../images/icons/clear.png);
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.editIcon, .editIcon .x-tool-img, .editIcon .x-tool-over .x-tool-img{
    background-image:url(../images/icons/script_edit.png);
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.quoteIcon {
    background-image:url(../images/icons/quote.png);
    height: 16px;
}
.commentsIcon {
    background-image:url(../images/icons/comments.png);
    height: 16px;
}
.shippingIcon {
    background-image:url(../images/icons/lorry.gif);
    height: 16px;
}
.costingIcon {
    background-image:url(../images/icons/money.png);
    height: 16px;
}
.cancelIcon {
    background-image:url(../images/icons/cancel.png);
    height: 16px;
}
.removeIcon, .removeIcon .x-tool-img, .removeIcon .x-tool-over .x-tool-img{
    background-image:url(../images/icons/remove.png);
    background-position: 0 0;
    height: 16px;
    width: 16px;
}

/** OVERWRITES **/
.x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-end-plus, .x-tree-elbow-empty, .x-tree-elbow-line {
    width: 16px;
    vertical-align: top;
}
.x-tree-lines .x-tree-elbow-plus{
    background-position: center;
}
.treenode-no-icon{
    display: none;
}

/** COSTING CLASSES **/
.costing_grids .x-grid-cell{
    background: none;
}
.costing_f00{ background-color: #ffffff;}
.costing_f01{ background-color: #ff667c;}
.costing_f02{ background-color: #ff66be;}
.costing_f03{ background-color: #fd66f9;}
.costing_f04{ background-color: #bf66ff;}
.costing_f05{ background-color: #8366ff;}
.costing_f07{ background-color: #6685ff;}
.costing_f08{ background-color: #66c1ff;}
.costing_f09{ background-color: #66fbfc;}
.costing_f10{ background-color: #66ffc9;}
.costing_f11{ background-color: #66ff86;}
.costing_f13{ background-color: #81ff66;}
.costing_f14{ background-color: #beff66;}
.costing_f15{ background-color: #f4ff66;}
.costing_f16{ background-color: #ffc766;}
.costing_f17{ background-color: #ff8a66;}

.costing_a00{ background-color: #ffffff;}
.costing_a01{ background-color: #ff99b0;}
.costing_a02{ background-color: #ff99d4;}
.costing_a03{ background-color: #fd99fb;}
.costing_a04{ background-color: #d599ff;}
.costing_a05{ background-color: #ac99ff;}
.costing_a07{ background-color: #99a9ff;}
.costing_a08{ background-color: #99d2ff;}
.costing_a09{ background-color: #99f9fe;}
.costing_a10{ background-color: #99ffd7;}
.costing_a11{ background-color: #99ffaf;}
.costing_a13{ background-color: #a7ff99;}
.costing_a14{ background-color: #cfff99;}
.costing_a15{ background-color: #fbfe99;}
.costing_a16{ background-color: #ffd999;}
.costing_a17{ background-color: #ffb199;}
.costing_synched_item{
    background: #fff;
    color: #ff0000;
    padding: 1px;
}
.costing_cm_greater{
    background: #00FF00;
    padding: 1px;
}
.costing_cm_smaller{
    background: #FF0000;
    padding: 1px;
}
.costing_alert{
    background: #000;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 2px 0;
}
.costing_table .x-panel-body{
    background: none;
}
.costing_table .x-table-layout-cell {
    background: none;
}
.orders_grid .red .x-grid-cell,
.orders_grid .yellow .x-grid-cell,
.orders_grid .blue .x-grid-cell,
.users_grid .red .x-grid-cell,
.users_grid .blue .x-grid-cell,
.users_grid .yellow .x-grid-cell{
    background: none;
}
.orders_grid .red.x-grid-row-selected .x-grid-cell, .users_grid .red.x-grid-row-selected .x-grid-cell{
    background: #a34646;
}
.orders_grid .blue.x-grid-row-selected .x-grid-cell,
.users_grid .blue.x-grid-row-selected .x-grid-cell{
    background: #274f8e;
}
.orders_grid .yellow.x-grid-row-selected .x-grid-cell,
.users_grid .yellow.x-grid-row-selected .x-grid-cell{
    background: #8a8c2a;
}
.orders_grid .red,
.users_grid .red{
    background: #FF6F6F;
}
.orders_grid .blue,
.users_grid .blue{
    background: #4286f4;
}
.orders_grid .yellow,
.users_grid .yellow{
    background: #dbdd3b;
}
.orderheader_content tr td:first-child{
    text-align: right;
    padding-right: 5px;
}
.button{
    display: inline-block;
    
    min-width: 120px;
    
    border: 1px solid #999;
    border: rgba(0, 0, 0, .2) 1px solid;
    border-bottom: rgba(0, 0, 0, .4) 1px solid;
    
    padding: 6px 12px;
    line-height: 1em;
    
    background-color: #D8D8D8;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    
    white-space: nowrap;
    position: relative;
    outline: none;
    overflow: visible;
    cursor: pointer;
    
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: transparent;
    background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% );
    background: -webkit-gradient( linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')";
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button:hover{
    background: -moz-linear-gradient( center top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100% );
    background: -webkit-gradient( linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .2)) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')";
    text-decoration: none;
}
.radioItemHolder{
    display: table-cell;
    vertical-align: top;
    padding-right: 5px;
}
.radioLabel{
    display: table-cell;
    vertical-align: top;
    padding-top: 4px;
}

.cimlog_grid .cimlogccc .x-grid-cell, .cimlog_grid .cimlogf00 .x-grid-cell, .cimlog_grid .cimlogfff .x-grid-cell{
    background: none;
}
.cimlog_grid .cimlogccc.x-grid-row-selected .x-grid-cell, .cimlog_grid .cimlogf00.x-grid-row-selected .x-grid-cell, .cimlog_grid .cimlogfff.x-grid-row-selected .x-grid-cell{
    background: #E0E0E0;
}
.cimlog_grid .cimlogccc{
    background: #ccc;
}
.cimlog_grid .cimlogf00{
    background: #f00;   
}
.cimlog_grid .cimlogfff{
    background: #fff;   
}
.validIcon, .productionIcon{
    background: url(/images/icons/valid.gif) no-repeat;
}
.warningIcon, .stagingIcon{
    background: url(/images/icons/warning.gif) no-repeat;
}
.keyIcon{
    background: url(/images/icons/key.gif) no-repeat;
}
.noIconTreeGrid .x-tree-icon{
    display: none;
}
.pricingTotalRow .x-grid-cell{
    font-weight: bold;
}
.headerColumnPricing{
    font-weight: bold;
    background: #EDEDED;
}
.headerColumnPricing td{
    border: 1px #CCCCCC solid;
}
.pricingBomRow{
    background-color: #D0E099; 
    font-weight: bold;
}

.gridcustomaction .x-grid-cell-inner {
    padding: 2px;
}

.tableBorderCollapsed table,  .tableBorderCollapsed td {
    border: 1px solid gray;
}
.tableBorderCollapsed table {
    border-collapse: collapse;
}
.tableCellAlignedRight {
    text-align: right;
}
.rankDisplay{
    background: #58585A;
    color: #fff;
    text-align: center;
    padding: 2em 0;
    margin: 50px 0 0;
}
.rankDisplay .companyName{
    margin-bottom: 10px;
}
.rankDisplay .rank{
    font-size: 2em;
    font-weight: bold;
}
.articleDescription .odd{
    background-color: #f0f0f0;
}
.articleDescription .even{
    background-color: #d9d9d9;
}
.readOnlyField .x-form-text{
    background: none;
    border: none;
}
.smallDescription{
    font-weight: bold;
}
.tableHeader{
    background-color: #58585A;
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 2px;
    font-size: 11px;
    font-family: arial,helvetica,sans-serif;
}
.taggingTableHeader{
    margin-right: 2px;
}

.accountNotice {
    line-height: 16px;
}

.accountNotice span{
    font-size: 11px;
}

.breakWord {
    word-wrap: break-word;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.histLine {
    background-color: #EEEEEE;
}

.x-item-child > td {
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
}

.x-item-child.additional-data td {
    border: none;
}

.x-item-child .actionsCol {
    border-right: none;
}

.x-item-child .collapseCol {
    border-left: none;
}

.histLine > td {
    border: none;
}

.configuratorPanel .x-toolbar.x-docked.x-docked-bottom {
    background: none;
}

.commentsContainer {
    background: #FFF;
}

.mgComment {
    background-color: #FFFFDD;
    border: 1px solid #FFD700;
    color: #000000;
    margin-top: 5px;
    padding: 5px 5px 5px 20px;
    width: 100%;
}

.x-datepicker {
    width: 180px;
}

.x-monthpicker-months {
    width: 88px;
}
.basketAlerts{ 
    background: #FF0000;
    color: #fff;
    padding-bottom: 2px;
}

.basketWarnings{ 
    background: yellow;
    color: #000;
    padding-bottom: 2px;
}

.boxParent > td {
    border-bottom: 1px solid #CCC;
}

.boldCheckbox .x-form-cb-label {
    font-weight: bold;
}

.customRequestsTable {
    width: 100%;
}

.customRequestsTable td {
    height: 24px;
    border-top: 1px solid #b5b8c8;
/*    vertical-align: top;*/
}

.customRequestsContainer {
    border-top: 1px solid #b5b8c8;
}

.epdm-raw td {
    color: gray;
    font-style: italic;
}


.waitingIcon
{
    background-image:url(../images/icons/waiting.png);
    margin: 0 2px;
}
.runningIcon
{
    background-image:url(../images/icons/running.png);
    margin: 0 2px;
}
.finishedIcon
{
    background-image:url(../images/icons/finished.png);
    margin: 0 2px;
}
.skippedIcon
{
    background-image:url(../images/icons/finished.png);
    margin: 0 2px;
}
.cimmedIcon
{
    background-image:url(../images/icons/cimmed.png);
    margin: 0 2px;
}
.errorIcon
{
    background-image:url(../images/icons/error.png);
    margin: 0 2px;
}
.solvedIcon
{
    background-image:url(../images/icons/wrench.png);
    margin: 0 2px;
}
.fileXmlIcon
{
    background-image:url(../images/icons/xml.png);
    margin: 0 2px;
}
.folderIcon
{
    background-image:url(../images/icons/book.png);
    margin: 0 2px;
}
.logIcon
{
    background-image:url(../images/icons/copy.png);
    margin: 0 2px;
}
.resetIcon
{
    background-image:url(../images/icons/reset.png);
    margin: 0 2px;
}
.iconLegend{
    width: 16px;
    height: 16px;
    display: inline-block;
}

.search-item-disabled {
    color: #808080;
}