.login .content{
    margin-top:12%;
    background: #fff !important;
}
table#sample_4 thead th:first-child,
table#sample_4 tbody td:first-child{
    text-align: center;
}
#customer thead th:first-child,
#customer tbody td:first-child{
    text-align:center;
}
#customer #showImg img {
    border-radius: 70px !important;
}
a#showImg img {
    width: 60px;
    height: auto;
}
#customer a#showImg img {
    width: 60px;
    height: 60px;
}
.page-content{
    background-color: #f5f5f5;
}
.span12.ng-scope div#ibo-tree-container li div{
    text-align:center;
}
/*.span12.ng-scope div#ibo-tree-container ul ul::before{*/
/*    left: 51.4%;*/
/*}*/
#item-of-catagory span.category-button{
    width: 125px;
    height: inherit;
    border:0;
    border-radius:0;
    -webkit-border-radius:0 !important;
    /*margin:0 !important;*/
}
#item-of-catagory .category-img{
    width:inherit;
}
#item-of-catagory .category-img img{
    margin-top: 25px;
    max-width:90px;
    height:auto;
}
#item-of-catagory span.price-tag{
    right:10px;
}
.pos_model {
    margin-top: 25px;
    margin-left:5px;
    font-size: 12px;
}
#item-of-catagory span.category-button b{
    margin-left: 5px;
    font-weight: 100;
}
#item-of-catagory span.category-button b span{
    font-size:12px;
}
img.image_report {
    width: 190px;
}
h1{color: #3598dc;}
.print .font_title {
    font-size: 18px;
}
.print .font_title_2 {
    font-size: 14.2px;
}
/*.list-box{*/
/*    box-shadow: 4px 4px 5px 4px #cccccc26;*/
/*}*/
@media only screen and (max-width: 600px) {
    #item-of-catagory span.category-button {
        width: 100px;
    }
    #item-of-catagory .category-img img{
        width:70px;
    }
    /*.span12.ng-scope div#ibo-tree-container ul ul::before{*/
    /*    left: 51.8%;*/
    /*}*/
    .span12.ng-scope  div#ibo-tree-container li div{
        padding:5px;
    }
    #sample_4 thead th:last-child{
        text-align: center;
    }
    #customer thead th:nth-child(3) {
        width:150px;
        display: inline-block;
    }
    #customer thead th:last-child,
    #sample_4 thead th:last-child{
        text-align: center;
        width: 115px;
        display: inline-block;
    }
    #customer tbody td:last-child,
    #sample_4 tbody td:last-child{
        text-align: center;
    }
    #sample_4 thead th:nth-child(4){
        width:200px;
        display: inline-block;
    } 
    #customer a#showImg img {
        width: 40px;
        height: 40px;
    }   
    #sample_4 a#showImg img {
        width: 40px;
        height: auto;
    }
    .page-header.navbar .top-menu .navbar-nav{
        position: absolute;
        right: 40px;
        top: 0;
    }
    .list-box h1 {
        font-size: 18px !important;
    }    
    .list-box{
        border-radius:5px !important;
    }    
    .page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i{
        color:#fff;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle,
    .page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle:hover,
    .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover, 
    .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle{
        background-color: #377ba2;
    }
    
    .page-header.navbar .top-menu .navbar-nav>li.dropdown{
        padding: 0 3px;
    }
    .page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge{
        right: 10px;
    }
    .row.widget-row .col-lg-3.col-md-3.col-sm-6.col-xs-12{
        width:50%;
    }
    .row.widget-row .col-lg-3.col-md-3.col-sm-6.col-xs-12 .card-box i {
        font-size: 15px;
        margin-top: 0px;
        margin-right: 0px;
    }
    .row.widget-row .col-lg-3.col-md-3.col-sm-6.col-xs-12 .h1,
    .row.widget-row .col-lg-3.col-md-3.col-sm-6.col-xs-12 h1,
    .row.widget-row .col-lg-3.col-md-3.col-sm-6.col-xs-12 .card-box-stock.noradius.noborder h6{
        font-size: 1.6rem;
    }
    .page-bar .page-breadcrumb>li>a, .page-bar .page-breadcrumb>li>span,
    .row.widget-row .col-lg-3.col-md-3.col-sm-6.col-xs-12 .card-box-stock.noradius.noborder h6{
        font-size: 18px;
    }
    .page-container-bg-solid .page-bar .page-breadcrumb>li>a, 
    .page-container-bg-solid .page-bar .page-breadcrumb>li>span, 
    .page-content-white .page-bar .page-breadcrumb>li>a, 
    .page-content-white .page-bar .page-breadcrumb>li>span{
        color: #377ba2;
    }
    .row.widget-row .col-lg-3.col-md-3.col-sm-6.col-xs-12 .font_dashbord {
        font-size: 12px !important;
        color:#fff !important;
    }
    .row.widget-row .col-lg-3.col-md-3.col-sm-6.col-xs-12 .text-white{
        font-weight: 500;
    }
    .login > .content{
        width: 100%;
    }
    .login .content .forget-form, .login .content .login-form{
        text-align: center;
    }
    .login .content .forget-form, .login .content .login-form button{
        padding: 10px 40px;
    }
    .login .content {
        background: #fff;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        margin-top:0 !important;
    }
    form.login-form img {
        width: 45% !important;
    }
    .card-box.noradius.noborder{
        border-radius:5px !important;
        border:0 !important;
        padding:8px;
        box-shadow: 4px 4px 5px 4px #cccccc26;
    }
    .row.widget-row .card-box-stock{
        padding:15px;
    }
    .row.widget-row .card-box-stock h6,
    .card-box.noradius.noborder h6{
        margin-top:0 !important;
        font-size: 18px !important;
        color: #377ba2 !important;
    }
    .card-box-stock.noradius.noborder table span,
    .form-body label,
    .portlet-body .table>tbody>tr>td,
    .table thead tr th{
        font-size: 12px !important;
    }

    .form-body {
        /*margin-right: -40px;*/
        /*margin-left: -40px;*/
        /*margin-bottom:-70px;*/
    }
    ::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }
    .active.page-sidebar-wrapper {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9999;
        height: 100%;
        opacity: 1;
    }
    portlet-title span {
        font-size: 14px !important;
    }
    .page-footer{
        text-align: center;
    }
    .page-footer span {
        padding:5px;
        font-size: 12px;
    }
    table td li {
    font-size: 12px;
}

}