/* 
    Document   : jep
    Created on : Jul 18, 2014, 7:11:18 AM
    Author     : Edwin
    Description:
        Purpose of the stylesheet follows.
*/

body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
#app_container{display:none;}


img.product-img{
    max-width:100px;
    max-height:100px;
    width:100px;
    height:100px;
    padding:5px
}

img.trn-img{
    max-width:250px;
    max-height:150px;
    width:250px;
    height:150px;
    padding:5px
}

th.product-img{
    max-width:120px;
    width:120px;

}

.table>tbody>tr>td{
    text-align:left;
    overflow:hidden;
}

.mailbox .table-mailbox tr > td {
    background-color: rgba(0,0,0,0.05);    
}

.mailbox .table-mailbox tr.unread > td {
    background-color: transparent;
    font-weight:bold;
}

.form-control[disabled]{
    cursor:default;
    
}


.stick{
    position: fixed;
    top: 0px;
    right:0px;
}

.input-group-addon{
    min-width :45px;
}

@media screen and (min-width:720px){
    
    
    .fixed-table{
        table-layout:fixed
    }
    
    .fixed-table select{
        padding:1px 0px;
        border: 2px inset;
    }
    .fixed-table input{
        width:100%
    }
    
}

@media screen and (max-width:480px){
    .dataTables_filter{
        float:left;
    }
    .dataTables_filter input{
        width:100%;
    }
    .col-xs-6{
        width:100%;
    };
    
    
    
}

th.table-row-num{
    width:30px;
    min-width:30px;
}

th.table-action{
    min-width:50px;
    width:50px;    
}
th.table-product-search{
    max-width:180px;
    width:180px
}
th.table-unit{
    min-width:100px;
    width:100px
}
th.table-qty{
    min-width:100px;
    width:100px
}
th.table-product-search{
    max-width:180px;
    width:180px
}

.movement-product{
    width:45%;
    float:left;
    overflow-x:auto;
}

@media screen and (max-width:767px){
    .movement-product{
        width:100%; 
        float:none;
        overflow-x:auto;
    }
    
}
.movement-qty{
    width:53%;
    overflow-x:auto;
}

@media screen and (max-width:767px){
    .movement-qty{
        width:100%;
        float:none;
        overflow-x:auto;
    }
    
}

.fixed-important{
    position:fixed !important;
    
}

.wrapper{
    margin-top:50px;
}

@media screen and (max-width: 992px) {
    .wrapper{
        margin-top:0px;
    }
}
/*
section.content-header{
    position:fixed !important;
    z-index:100;
    left:221px;
    right:0;
    top:50px;
}

section.content{
    margin-top:51px    
}
*/

.scroll-up{
    position:fixed;
    right: 20px;
    padding: 13px 20px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    border-radius:100%;
    z-index:100000;
    
}
.scroll-up:hover{
    cursor:pointer;
}
.scroll-down{
    position:fixed;
    right: 20px;
    padding: 13px 20px;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    border-radius:100%;
    z-index:100000;
    
}

.scroll-down:hover{
    cursor:pointer;
}

.table td>span{
    /* 
    white-space:nowrap;
    margin-left:5px;
    margin-right:5px;
    */
}

.table td>div{
    /*
    white-space:nowrap;
    margin-left:5px;
    margin-right:5px;
    */
}

.modal{
    overflow-y:auto;
}

@media (max-width: 992px) {
    .btn{
        white-space:normal;
    }
}

.dropdown-menu{
    right: 0px;
}

.select2-container .select2-choice > .select2-chosen{
    white-space:normal;
}

.dashboard-title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 150px);
}