td.number, th.column-number {
    text-align: right;
}

th.column-number{
    width:20px;
}

.column-number-edit{
    text-align:center;
    width:55px;
}


th.number {
    text-align: right;
}

.variance {
    font-weight: bold;
    font-size: 1.2em;
}

.variance.negative {
    color: red;
}

.variance.positive {
    color: green;
}

.error{
    color: #ff0000;
}

.editable_cc_div{
    color: #0000ff;
    cursor: pointer;
    padding:10px;
}

.editable_cu_div{
    color: #0000ff;
    cursor: pointer;
    padding:10px;
}

.editable_cu_div2{
    padding:10px;
}

.inplace_field{
    width: 40px !important;
    border: 1px solid #ff0000 !important;
}

.changed{
    color: #ff0000 !important;
}

.ca_table_total_row{
    font-weight: bold;
    color: #000000;
}

.logo_positionning .dropdown-toggle{
    padding: 3px 5px !important;
}

.logo_positionning .icon-angle-down{
    padding-top:8px;
}

.logo_positionning ul{
    border-color: #322;
    margin-top:0px !important;
}

.dropdown, .open{
    background-color:inherit !important;
}

.top_logo_image{
    margin-top:-16px;
}

.logo_positionning .dropdown.open, .logo_positionning .dropdown.open .dropdown-toggle{
    background: rgba(51,51,51,1);
    background: -moz-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(33,33,33,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51,51,51,1)), color-stop(100%, rgba(33,33,33,1)));
    background: -webkit-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(33,33,33,1) 100%);
    background: -o-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(33,33,33,1) 100%);
    background: -ms-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(33,33,33,1) 100%);
    background: linear-gradient(to right, rgba(51,51,51,1) 0%, rgba(33,33,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#212121', GradientType=1 );
}

.logo_positionning li{
    background-color:#333;
    text-align:center;
}

.logo_positionning li:first-child{
    /*min-width: 225px;*/
}

.logo_positionning .companyName{
    color:white !important;
    margin-left:5px;
}

.logo_positionning .dropdown-menu:before, 
.logo_positionning .dropdown-menu:after {
     border: none !important;
     content: none !important;
}

.dropdown-menu {
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}

.top_logo{
    height: 36px ;
}

.login_logo{
    width:200px;
}

@media all and (max-width: 480px) {
    .show-only-on-mobile{
        visibility: visible;
    }
    .hide-only-on-mobile{
        width: 0 !important;
        height: 0 !important;
        padding:0 !important;
        margin:0 !important;
        display:none;
    }
    .dropdown-customer ul{
        left:-60px !important;
        min-width:250px;
        max-height:400px;
    }
    .customerName{
    }
}

@media all and (min-width: 481px) {
    .show-only-on-mobile{
        width:0 !important;
        height:0 !important;
        visibility: hidden;
    }
    .hide-only-on-mobile{
        visibility: visible;
    }
}

.label-title{
    font-weight: bold;
    color: #951cb0;
}

.red_text{
    color: #ff0000;
}

.green_text{
    color: #4d9200;
}

.yellow_text{
   color: #ffff00;
}

.left_arrow_date{
    cursor: pointer;
    visibility: hidden;
}

.left_arrow_date:hover{
    cursor: pointer;
    opacity:0.3;
    filter:alpha(opacity=30);
}

.right_arrow_date{
    cursor: pointer;
    visibility: hidden;
}

.right_arrow_date:hover{
    cursor: pointer;
    opacity:0.3;
    filter:alpha(opacity=30);
}

.calendar_icon_date{
    cursor: pointer;
}

.calendar_icon_date:hover{
    cursor: pointer;
    opacity:0.3;
    filter:alpha(opacity=30);
}

.consignment_product_group, .consignment_product_header{
    font-weight: bold;
    font-size: large;
    text-align:center;
}

.consignment_product_group{ background-color: #fff5cc !important; }
.consignment_product_header{ background-color: #FFEDA5 !important; }

.invoicing_balance_due{
    background-color: #fff5cc !important;
}

.invoicing_over_due{
    background-color: #ebcccc !important;
}

.top-border{
    border-top: 1px solid #cccccc;
    padding-top: 24px;
}

.config_select{
    
}

.config_row{
    background-color: #ffffff;
}

.config_row:hover{
    background-color: #fff5cc;
}

.config_row_selected{
    background-color: #fff5cc;
}

.dashboard_row_group{
    background-color: #fff5cc !important;
}

#place_orders_table .footable-sort-indicator{
    display:none;
}

#place_orders_table .numeric-data-title{
    text-align:center;
    width:80px;
}

#place_order_table input{
    margin: 0 auto;
}

.input-numeric input{
    width: 50px;
    margin-left:3px;
}

/*Fix CYF-22: Blocking the huge checkbox and CSS happening when too many load*/

input[type="radio"], input[type="checkbox"] {
    width:19px;
    height:19px;
}

#dataTable thead tr th{
    font-weight:bold;
}

#dataTable_wrapper{
    clear:both;
}

.footable thead tr{
    background-color: white;
}

table.dataTable thead .sorting{background:url("../../assets/img/sort_both.png") no-repeat center right !important}
table.dataTable thead .sorting_asc{background:url("../../assets/img/sort_asc.png") no-repeat center right !important}
table.dataTable thead .sorting_desc{background:url("../../assets/img/sort_desc.png") no-repeat center right !important}
table.dataTableConsignment thead .sorting{ background:none !important; }
table.dataTable thead .small{ background:none !important; }
table.dataTable .center { text-align:center; }

.datepicker{
    z-index: 1000 !important;
}

.edi_form_segment{
    margin-top:20px;
}

.emailtable .mdata div{
    visibility: hidden;
}

.emailtable .icon{ width:10px; }

#dataTableEmail th {
    padding-left:10px;
}

#dataTableEmail th i{
    padding:left
}

#dataTableEmail .actions, #dataTableEmail .pointer{
    cursor:pointer;
}

table.dataTableConsignment.no-footer{
    border-bottom:none;
}

table.dataTableConsignment thead th{
    vertical-align:top !important;
    font-size:small;
}

table.dataTableConsignment td{
    vertical-align:middle !important;
}

table.dataTableConsignment.dtr-inline.collapsed tbody td:first-child:before, table.dataTableConsignment.dtr-inline.collapsed tbody th:first-child:before{
    top:15px;
}

table.dataTable .icon.icon-ok-sign{
    color:green !important;
}
table.dataTable .icon.icon-remove-sign{
    color:red !important;
}
#ediTabPanel{ padding-left: 0px;}
#ediTabPanel .tab-content{ margin-left: 15px; }
.prettyprint{ 
    max-height: 610px;
    overflow: auto;
    padding-bottom: 10px;
}