.modal-backdrop {
   background-color: #39b54a;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}
.img-logo img {
    margin: 35px auto;
    width: 150px;
}
a, div, p, table, h1, h2, h3, h4, input {
    font-size: 14px;
    font-family: Roboto Condensed, sans-serif;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
}

a {
    text-decoration: none !important;
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
}
    /*a:hover{
    text-decoration: none !important;
    color: #337ab7;
    outline: none;
}*/
    a:focus {
        outline: none;
    }

html, body {
    height: 100%;
}

body {
    font-family: Roboto Condensed, sans-serif;
}

@font-face {
    font-family: Roboto Condensed, sans-serif;
    src: url(./css/fonts/RobotoCondensed-Bold.ttf);
}

.menutop {
    z-index: 10;
}

.mn {
    padding-top: 15px;
}

.div-next:focus, .div-next-1:focus {
    -webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;
}
/*Không được phép xóa*/
#timeoutsess {
    display: none
}

.chromeframe { 
    position: fixed !important;
    top: 0 !important;
    right: 0;
    left: 0;
    width: 100% !important;
    z-index: 99999999999999 !important;
    background-color: #ffff00 !important;
    color: #000 !important;
    height: 25px;
    line-height: 25px;
    padding: 0.2em 0;
    text-align: center !important;
}
/*Không được phép xóa*/
#header {
    float: left;
}

.header-top {
    float: left;
    z-index: 1;
}

#section {
    min-height: 79%;
}

/*menu*/
#page {
    display: none;
}

sticknav {
    height: 80px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    z-index: 1;
    transition: all 0.3s linear;
}

.fixed {
    position: fixed;
    transition: all 0.3s linear;
}

div#menu-site-default {
    border: none;
    text-align: center;
}

.navbar {
    min-height: auto;
    margin-bottom: 0;
}

    .navbar.navbar-default.navbar-static-top {
        background: none;
        border: none;
    }
/*li.dropdown a {
    background: url(../css/images/ic-down.png) no-repeat right center;

}*/
/*li.active.home a {
    background: none !important;
}*/
ul.nav.navbar-nav li.active, ul.nav.navbar-nav li.active:hover, li.dropdown .active:hover {
    border-bottom: 5px solid #f36c4f;
    height: 70px;
    background: #fff;
}

    ul.nav.navbar-nav li.active a {
        color: #363636;
    }

        ul.nav.navbar-nav li.active a:hover {
            /* color: #363636 !important; */
        }

ul.nav.navbar-nav li a {
    font-size: 13px;
    padding: 25px 13px;
    color: #fff;
    text-transform: uppercase;
}

ul.nav.navbar-nav li:hover a, ul.nav.navbar-nav li.active:hover a {
    color: #00ffff;
    /*transition: all 0.3s linear;*/
}

ul.dropmenu li:hover a {
    color: #00ffff;
}

ul.nav.nav-tabs li a, ul.nav.nav-tabs li:hover a {
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 18px;
    color: #cbc51e;
    background: none;
    border: none;
}

ul.nav.nav-tabs li.active a {
    border: none;
    background: url(./images/bg_tab.png) no-repeat top left;
    border-radius: 0;
    padding-bottom: 23px;
    color: #ffffff;
    /*transition: color 0.2s linear;*/
}

ul.nav.nav-tabs {
    border: none;
    padding-left: 12px;
}

li.dropdown, .dropdown {
    position: relative;
}

    li.dropdown a {
        background: url(../css/images/ic-down.png) no-repeat right 2px center;
    }

ul.dropmenu {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 10;
    overflow: hidden;
    background: #19374f;
    opacity: 0;
    left: 0;
    visibility: hidden;
    display: block;
    min-width: 245px;
    /*-webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
    transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out;
*/
}

    ul.dropmenu li.active {
        background: #19374f !important;
        border: none !important;
        color: #fff !important;
        padding: 8px 10px;
        height: auto !important;
    }

        ul.dropmenu li.active > a, ul.dropmenu li.active > a:hover {
            color: #fff !important;
        }

li.dropdown:hover ul.dropmenu {
    top: 100%;
    opacity: 0.9;
    visibility: visible;
    border-left: 0;
    overflow: inherit;
    clip: inherit !important;
}

li.dropdown:focus a {
    color: #fff;
}

ul.dropmenu li {
    padding: 8px 10px;
    text-align: left;
    border-bottom: 4px solid #19374f;
}

    ul.dropmenu li a {
        color: #fff !important;
        text-transform: uppercase !important;
        padding: 0px !important;
        background: none;
    }

    ul.dropmenu li :hover {
        color: #00ffff;
        /*transition: all 0.3s linear;*/
    }

li.dropsub {
    background: url(./images/right-menu.png) no-repeat right 5px center;
}

ul.dropmenu li.dropsub:hover {
    background: url(./images/right-menu.png) no-repeat right 5px center #cbc51e !important;
    /*transition: all 0.3s linear;*/
}

ul.dropmenu li :hover {
    color: #cbc51e;
    /* background: #3683de !important;*/
    /*transition: all 0.3s linear;*/
}

.mainmenu {
    margin: 0;
    padding: 0px;
    z-index: 1;
    background: #19374f;
    height: 70px;
    position: absolute;
    width: 100%;
}

ul.nav.navbar-nav {
    display: inline-block;
    /*float: none;*/
    padding: 0;
}
/*ul.nav.navbar-nav  li:hover{
    transition: all 0.3s linear;
}*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: inherit;
}

ul.submenu {
    display: none;
}

li.dropsub {
    position: relative;
}

    li.dropsub:hover ul.submenu {
        display: block;
        position: absolute;
        left: 100%;
        top: 0;
        background: #57585a;
        min-width: 200px;
        border-left: 1px solid rgb(102, 102, 103);
    }

.mmheader, .mm-menu {
    background: #39b54a;
    z-index: 9999;
}

.mm-menu, .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
    border-color: #19374f;
}

    .mm-listview > li > a, .mm-listview > li > span {
        /*border-bottom: 1px solid #9c5fe2;*/
    }
 
/*phần mới*/
.img-account{
    /*padding-top: 15px;*/

}
.img-account img{
    width: 120px;
    max-height: 120px;
    margin: 0 auto;
   /* border-radius: 47%;
    border: 2px solid;*/
}
/*.img-account:after{
    content: "";
    display: block;
    background: url("../css/images/icon.png") no-repeat;
    width: 20px;
    height: 20px;
    float: right;
    /* margin: 0 6px 0 0; 
    top: 0;
    left:  0;
    right:  0;
}*/
.name-account p{
    text-align: center;
    font-size: 16px;
    padding: 10px 0 0 0;
    margin: 0;
    color: #000;
}
.name-account p img{
    height: 20px;
}
.name-store{
    color: #39B54A;
}
ul.ul-menu{
    padding: 30px 0;
}
ul.ul-menu li{
    /*padding: 17px 10px;*/
    background: #fff;
    border-bottom: 1px solid #96989b;
    border-right: none;
    margin:  0;
}
ul.ul-menu li.active{
   background: #39B54A;
}
ul.ul-menu li a{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding:  17px 10px;
    margin:  0;
}
ul.ul-menu li a p{
    display: inline-block;
    width: 45px;
    /* margin:  0 auto; */
    margin-right:  5px;
    margin:  0;
}
ul.ul-menu li a p img{
    height: 26px;
    /* padding-right:  15px; */
    margin: 0px auto;
    /* width: 11%; */
}
.title{
    background-color: #39B54A;
    text-align: center;
    font-size: 18px;
    color:  #fff;
    height: 50px;
    padding: 10px 0px;
    font-weight: 600;
}
.ic-menu, .ic-menu1{
    width: 35px;
    float: left;
    margin: 1px 15px;
    cursor: pointer;
}
.ic-user{
    width: 45px;
    float: right;
    margin: -6px 10px;
}
.ic-user1{
    width: 45px;
    float: right;
    margin: -6px 10px;
    cursor: pointer;
}
.menu-store{
    padding: 0;
}
.div-box{
    padding: 0;
    border: 1px solid #96989b;
    height: 100%;
    /*height: 92vh;*/
    /*height: 84vh;*/
}
.div-box1{
    padding: 0 -5px;
    height: inherit;
    overflow-y: auto;

}
.input-search{
    background: url(./images/ic-search.png) no-repeat center left 5px;
    background-size: 20px;
    /* margin-bottom: 40px; */
    padding-left: 40px;
    
}
.p-search .form-control, .p-search1 .form-control{
    border:  none;
    box-shadow:  none;
}
.img-ic{
    width: 22px;
    margin: 4px 7px;
    /* display: inline-block; */
}
.box-search p{
    display: inline-block;
}
.p-search{
    width: calc(100% - 45px);
}
.product{
    /* height: 634px; */
    /* overflow-y: auto; */
    /* padding: 0; */
}
.product table{
    /* width: 100%; */
}
.product table > tbody > tr, .box-search {
    border: 1px solid #96989b;
    border-left: none;
    border-right: none;
    border-top: none;
}
.box-search1{
    border: 1px solid #96989b;
    margin: 5px;
}
.product table > tbody > tr:hover,.product1 table > tbody > tr:hover,.product2 table > tbody > tr:hover{
    /*background: #D1D3D4;*/
}
.product table > tbody > tr >td,product1 table > tbody > tr >td,product2 table > tbody > tr >td{
    padding: 15px 10px;
}
.product table > tbody > tr >td p,.product1 table > tbody > tr >td p,.product2 table > tbody > tr >td p{
    margin: 0;
}
.td-name{
    padding-top: 15px !important;
}
.td-cart{
    background: #F7941D;
    width: 50px;
    padding: 0 !important;
}
.td-cart img{
    width: 45px;
    padding: 14px 0;
    margin: 0 auto;
}
.td-price{
    text-align: center;
    background: #39B54A;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 19px 0 !important;
}
.logo{
    padding: 50px 0 32px 0;
    position:  absolute;
    bottom:  40px;
}
.logo img{
    margin: 0 auto;
}
.logout{
    color: #39B54A;
    font-size:  16px;
    padding: 5px 0;
 /*   position:  absolute;*/
    bottom:  0px;
}
.logout p{
    /*width: 135px;*/
    cursor: pointer;
}
.logout a{
   color:#39b54a;
}
.logout img{
    width: 35px;
    padding-right:  5px;
    margin-left: 25px;
}

* {box-sizing: border-box} 

table {
  width: 100%;
}

table, td {
  border-collapse: collapse;
}

thead {
  display: table; 
  width: calc(100% - 17px); 
}

tbody {
    display: block;
    /*max-height: 88vh;*/
    overflow: auto;
    
}
.product .table > tbody {
    /*height: 70vh;*/
    overflow-y: auto;
}
.product1 .table > tbody {
    /*height: 86vh;*/
    overflow-y: auto;
}
.product2 .table > tbody {
    /*height: 75vh;*/
    overflow-y: auto;
}

.product .table .tf-bottom,.product1 .table .tf-bottom,.product2 .table .tf-bottom  {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0px; /*auto !important;*/
} 
th, td {
    /*width: 33.33%;*/
    padding: 5px;
    word-break: break-all;
}

.product tr, .product1 tr, .product2 tr {
  display: table; 
  width: 100%;
}

td {
  text-align: center;
  border-bottom: none;
  border-left: none;
}
.tf-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
}
/*login*/
.box-login{
    background: #39B54A;
    height: 100vh;
}
.img-logo img{
    margin: 35px auto;
}
.email1{
    /*background: url(./images/ic-ac-login.png) no-repeat center left 10px;*/
    background-size: 22px;
}
.password{
    /*background: url(./images/ic-pass.png) no-repeat center left 10px;*/
    background-size: 20px;
}
.ip-login .fa {
    position: absolute;
    top: 10px;
    font-size: 20px;
    left: 45px;
}
.box-login .form-control {
    padding: 6px 45px;
    background-color: #fff;
    border: 1px solid #A7A9AC;
    border-radius: 0;
    height: 40px;
    font-size: 16px;
}
.form-horizontal .form-group{
    margin-bottom: 0;
}
.ip-login {
    padding: 0 30px;
}
.btn-submit {
    padding: 40px 30px 20px 30px;
}
.btn-submit .btn {
    border-radius: 0;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 500;
    background: #fff;
}
.btn-submit .btn:hover{
    color: #A7A9AC;
}
.forget-pass{
    text-align: center;
}
.forget-pass a{
    font-size: 16px;
}
.logo-bottom {
    /*position: absolute;*/
    bottom: 0px;
    left: 0;
    right: 0;
    background-color:#39B54A;
}
.logo-bottom img {
    margin: 0 auto;
}
.version{
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-bottom:  15px;
}
.img-lg1 img{
    width: 90px;
    margin: 0 auto;
}
.img-lg2 img{
    width: 200px;
    padding-bottom:  30px;
}
/**/
.list-child{
    background: #d1d3d4;
    border: 1px solid #939598;
    padding: 3px 5px;
    min-height: 68px;
    margin: 2px 0;
}
.status{
    color: #39b54a;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    padding: 12px 0;
}
.mm-panels>.mm-panel.mm-hasnavbar{
    padding: 40px 0 0 0;
}
.mm-navbar{
    height: 0 !important;
}
.page-detail{
    padding-top: 50px;
}
.table-list {
    padding: 0 4px;
}
.modal-dialog{
    width: 100%;
    margin: 0;
   
}
.modal-content, .modal-header, .modal-body, .modal-footer{
    border-radius: 0;
    padding: 0;
}
.modal-header{
    border-bottom: none;
}
.p-name{
    color: #231f20;
    font-weight: 600;
    padding: 12px 0;
}
.fade{
    padding: 0 !important;
}
.text-back{
    float: left;
    font-weight: normal !important;
    font-size: 16px;
    padding: 4px 0;
}
.info {
    line-height: 25px;
    padding-bottom: 5px;
}
.info span {
    display: inline-block;
}
.info-i{
    padding-left: 20px;
}
.modal-footer .title{
    text-transform: uppercase;
}
.modal-body{
    /*height: 80vh;*/
}
.time-report{
    float: right;
    margin: -10px 10px;
}
.menu-report li a img {
    width: 20px; 
    margin-right: 5px;
}
.nav-pills > li {
    width: calc(100%/2);
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .nav-pills > li > a {
    border-radius: 0;
    margin: 0;
    text-align: left;
    font-size: 16px;
}   
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #39b54a;
}
.nav-pills > li > a {
    background-color: #bcbec0;
}
.nav-pills > li + li{
    margin-left: 0;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
    border: 1px solid #939598;
}
.table>tbody>tr>th{
    padding: 8px 0;
    text-align: center;
}
.name-product{
    text-align: left;
}
.sum-price{
    text-align: right;
    padding-right: 30px !important;
}
.btn-receive{
    cursor: pointer;
}
.tt-sum, .pr-sum{
    font-weight: 600;
}
.sl-sum{
    font-size: 16px;
}
.pr-sum{
    font-size: 22px;
    padding: 2px 0 !important;
}
.img-ad img{
    width: 25px;
    margin: 8px auto;
}
.info-pro{
    padding: 5px 0;
}
.text-seri .form-control{
    border-radius: 0;
    border: 1px solid #b1b3b5;
    height: 42px;
    font-size: 18px;
}
.text-info{
    border: 1px solid #b1b3b5;
    margin: 0 5px;
    height: 42px;
    overflow-y: auto;
}
.text-seri{
    padding: 0;
}
.img-ad{
    margin: 0 -5px;
}
.sp-1{
    color: #231f20;
    font-weight: 600;
}
.sp-2{
    color: #808285;
    font-style: italic;
}
.sp-3{
    color: #231f20;
    font-weight: 400;
}
.title-child{
    color: #231f20;
    font-weight: 500;
    font-size: 16px;
}
.detail-child{
    border: 1px solid #b1b3b5;
    padding: 10px 5px;
    margin: 5px;
    width: calc(100% - 10px);
}
.if-child{
    color: #39b54a;
    text-align: center;
    font-weight: 600;
    font-size: 18px;

}
.if-child-i{
    width: calc(100% - 100px);
}
.if-child-i .form-control, .p-child1 .form-control{
    box-shadow: none;
    border: none;
    font-size:18px;
}
.p-child1.form-control{
    color: #231f20 !important;
}
.tt-child{
    padding: 8px 5px;
}
.tt-child, .if-child-i, .p-child, .p-child1{
    display: inline-block;
}
.p-child{
    font-size: 14px;
}
.p-child1{
    width: calc(100% - 87px);
}
.ttd{
    border: 1px solid #b1b3b5;
    padding: 10px 5px 10px 10px;
}
.ttd1{
    border: 1px solid #b1b3b5;
    text-align: center;
    padding: 7px 0;
    border-left: none;
}
.ttd1 p{
    color: #808285;
}
.div-ck{
    padding: 5px;
}
.btn-bottom{
    color: #fff;
    font-size: 18px;
    height: inherit;
    padding: 10px 0;
    background: transparent;
    border-radius: 0;
    
}
.btn-cancel{
    margin-left: 0 !important;
    border-left: 3px solid #fff;
}
.tt-i{
    padding: 0;
}
.ip-add-cus{
    margin: 10px 5px;
    width: calc(100% - 10px);
    border-radius: 0;
    height: 45px;
}
.div-local p{
    display: inline-block;
}
.tt-local{
    padding: 5px 10px;
    color: #231f20;
    font-weight: 500;
    font-size: 16px;
}
.fade {
    /*transition: ease-in-out 2s;*/
    transform: translateX();
    -webkit-transition: 0.1s;
    transition: ease 0.1s;
    left: 0;
}