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

html, body{
    /* height:100%;*/
}

#root{
    /*height: 100%;*/
}

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, th.row-num{
    width:50px;
    min-width:50px;
}


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;
}

fieldset .btn{
    float:right;
    margin-left:5px;
}

.form-box .header{
    background-color: #367fa9;
}

#customer-registration{
    float:none;
    margin-top:30px;
}