body {
    font-size:14px;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5) !important;
}

.sidebar-item .active {
    background-color: #0288d1 !important;
}
.sidebar-brand {
    border-bottom: 1px solid rgba(255, 255, 255, 0.125);
}
/*layui*/
.sidebar {
    padding: 0;
}

.nav-sidebar > .nav-item {
    line-height: 35px;
}

.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
    top: 40%;
}

.nav-pills .nav-link {
    border-radius: 0;
}

.os-content {
    padding: 0 !important;
}

[class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*=sidebar-dark-] .nav-sidebar > .nav-item:hover > .nav-link, [class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link:focus {
    background-color: #009688 !important;
}

.brand-link {
    height: 60px;
    padding: .8125rem .5rem;
    display: flex;
    align-items: center;
}

.main-header {
    height: 60px;
}

.card {
    border-radius: 0;
}

.navbar-expand .navbar-nav {
    align-items: center;
}

.modal-content, .modal-header {
    border-radius: 0;
}

.btn {
    border-radius: 2px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #5FB878;
    background-color: #5FB878;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #009688;
}
.form-group {
    display: flex;
    align-items: center;
}

    .form-group label {
        min-width: 70px;
        text-align: right;
        margin-right: 15px;
        font-weight: normal !important;
        margin-bottom: 0px;
    }

        .form-group label + span {
            margin-left: -12px;
            margin-right: 6px;
            color: red;
        }

.form-control .text-danger {
    flex: 0 1 100%;
}

.form-control label::after {
    content: ':';
    position: relative;
    top: -.5px;
    margin: 0 8px 0 2px;
}

.form-control {
    padding: 2px 5px;
    font-size: 14px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
}

    .form-control:focus {
        box-shadow: 0 0 0 1px rgba(0, 123, 255, 0.25);
    }

    .form-control:hover {
        border-color: #40a9ff;
        border-right-width: 1px !important;
    }

.custom-control label {
    min-width:auto;
}

.card-header h2 {
    font-size: 1.2rem;
}
.table th, .table td {
    padding: 0.4rem;
}

.line-item {
    padding-bottom: 3px;
    margin-bottom: 3px;
    height: 30px;
}
.line-item:not(:last-child) {
    border-bottom: 1px solid #dee2e6;
}
.line-edit {
    padding:0;
}
    .line-edit .form-control {
        height:30px;
        margin:0;
        width:90px;
    }

.b-layout-header {
background:#fafafa;
}
.table-wrapper {
    max-height: 500px;
    overflow: auto;
    display: inline-block;
}
.breadcrumb {
    background-color:transparent;
    margin-bottom:0;
    padding:0;
}
.table .btn {
    padding: 4px;
    font-size: 12px;
}

.label-auto label{
    min-width:70px;
}
.red {
    color:red;
}
.scroll-table {
    height: calc(100vh - 340px);
    overflow-y: auto;
    display: block
}
.input-group-append button {
    padding: 0 10px;
}

.btn-table-icon {
    background-color:none;
    border:none;
}
.hide {
    display:none;
}

.modal-xl {
    max-width:90%;
}
.modal-body {
    max-height:80vh;
    overflow-y:auto;
    min-height:300px;
}
.custom-file label {
    text-align:left;
}
.tab-pane {
    padding-top:20px;
}

.prod-admin-image {
    width: 210px;
    border: 1px solid #c9c9c9;
    margin-right: 10px;
}
    .prod-admin-image + .prod-admin-image {
    }


    .prod-admin-image img {
        height:150px;
        
    }