body {
    font-size: 13px !important;
}

.navbar-brand {
    margin-top : -10px;
}

.navbar-default {
    background-color: #FFFFFF;
}

.nav-user-ico {
    padding-right : 10px;
}

.navbar-default .navbar-nav > li {
    margin-left: 1px;
    margin-right: 1px;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color : #6D94C3;
}

.ico-manu {
    padding-right:8px;
}

.content-area {
    padding-top : 50px;
}

.footer {
    font-size : 12px;
}

.breadcrumb-area {
    margin-top : 10px;
}

/* For margin Seprate */
.sp-margin-sm {
    margin-bottom : 5px;
}

.sp-margin-md {
    margin-bottom : 10px;
}

.sp-margin-lg {
    margin-bottom : 15px;
}

/* End Margin Seprate */

/* Bootstrap Btn*/ 
.btn-es { 
    color: #FFFFFF; 
    background-color: #4F82BD; 
    border-color: #1660B5; 
} 
 
.btn-es:hover, 
.btn-es:focus, 
.btn-es:active, 
.btn-es.active, 
.open .dropdown-toggle.btn-es { 
    color: #FFFFFF; 
    background-color: #224975; 
    border-color: #1660B5; 
} 
 
.btn-es:active, 
.btn-es.active, 
.open .dropdown-toggle.btn-es { 
    background-image: none; 
} 
 
.btn-es.disabled, 
.btn-es[disabled], 
fieldset[disabled] .btn-es, 
.btn-es.disabled:hover, 
.btn-es[disabled]:hover, 
fieldset[disabled] .btn-es:hover, 
.btn-es.disabled:focus, 
.btn-es[disabled]:focus, 
fieldset[disabled] .btn-es:focus, 
.btn-es.disabled:active, 
.btn-es[disabled]:active, 
fieldset[disabled] .btn-es:active, 
.btn-es.disabled.active, 
.btn-es[disabled].active, 
fieldset[disabled] .btn-es.active { 
    background-color: #4F82BD; 
    border-color: #1660B5; 
} 
 
.btn-es .badge { 
    color: #4F82BD; 
    background-color: #FFFFFF; 
}

.tbl-head { 
    background-color:#0B3237;
    font-family: monospace;
    color : #FFF;
    font-size:18px;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
}

.tbl-head > th {
    background-color:#0B3237 !important;
}

.even {
    padding-top : 6px;
    padding-bottom : 6px;
}

.odd {
    background-color:#EDEDED;
    padding-top : 6px;
    padding-bottom : 6px;
}

.req-star {
    color : red;
}

.ico-btn {
    margin-right : 5px;
}

.ico {
    margin-left : 2px;
    margin-right : 2px;
}

.form-group {
    margin-bottom : 0px;
}

#weekly-sale-chart, #calendar {
    height : 250px;
}

#calendar  .datepicker{
    width : 100%;
}

#calendar .datepicker .datepicker-days .table-condensed,
#calendar .datepicker .datepicker-months .table-condensed,
#calendar .datepicker .datepicker-years .table-condensed{
    width : 100%;
}

.db-subheader {
    font-size : 15px;
    color : #9D5915;
}

.clock-area{
    padding-top : 8px;
}

.no-padding-left {
    padding-left : 0px;
}

.db-first-bx {
    width : 100%; 
    height : 130px; 
    background-color : #504F63;
    color : #fff;
}

.db-second-bx {
    width : 100%; 
    height : 130px; 
    background-color : #00A65A;
    color : #fff;
}

.db-third-bx {
    width : 100%; 
    height : 130px; 
    background-color : #99CCEF;
    color : #fff;
}

.bx-title {
    font-size : 17px;
    font-weight : 900;
    font-family: Arial;
}

.bx-content {
    font-size : 25px;
    padding-top : 10px;
    padding-left : 20px;
}

.ico-bx {
    font-size : 75px;
    color : #fff;
}

.rdo-label {
    font-weight: normal;
    font : Arial;
}

label {
    font-family: monospace;
    font-size:16px;  
}

#itemModal .modal-body {
    max-height: 500px;
    overflow-y: auto;
}

.out-stock-row, .out-stock-row > td {
    background-color : #beced1 !important;
}

@media(min-width:768px) {
    .content-area{
        min-height : 650px;
    }

    #itemModal .modal-dialog {
        width : 95%;
    }

    .col-order-add-buyer {
        margin-left : -60px;
        margin-right : 60px;
    }
}

@media(max-width:768px) {
    .content-area{
        min-height : 500px;
    }
}

@media(max-width:992px) {
    .col-search {
        padding-bottom:3px;
    }
}

.dataTable > thead {
    background-color: #0b3237;
    color : #ffffff;
    font-family: monospace;
    font-size: 15px;
}

.col-remark{
    max-width : 100px;
}

.col-ordernos {
    max-width : 150px;
}

.col-address {
    max-width:200px;
}

.yellow {
    background-color: #ffff6d;
}

.yellow > td {
    background-color: #ffff6d !important;
}

.popover-content {
    width : 130px;
    text-align: center;
}