@media print {
    .printDisplay {
        display: none !important;
    }
    .page-content {
        border-left: 0 !important;
        border-bottom: 0 !important;
    }
    .print-body {
        background-color: #fff !important;
    }
}

/*-------Custom Interface For All Layout--------*/
.modal.in .modal-dialog {
    min-width: 500px;
}
.modal-dialog img {
    width:100%;
}
@media (max-width: 480px) {
    .modal.in .modal-dialog {
        max-width:380px;
        min-width:300px !important;
    }
    .modal-dialog img {
        width:100%;
    }
}

/* Page body */
body {
    background-color: #8f9e75 !important;
}

/* Page logo */
.page-logo {
    height: auto !important;
}

/* Page content holder */
.page-content {
    border-left: 1px solid #cfe0b8;
    border-bottom: 1px solid #cfe0b8;
}

/* static label */
.form-control-static {
    padding-left: 10px;
}

/* textbox */
.form-control {
    border: 1px solid #8aa66b !important;
}

/* readonly input */
.form-control[readonly] {
    cursor: default !important;
    color: #6e7d5a !important;
    background-color: #fbf7f0 !important;
}

/* Statistic block button */
.more {
    color: #FFFFFF !important;
    background-color: rgba(0,0,0,0.15) !important;
}

/* Table Header – allow wrapping */
.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
    white-space: normal !important;
}

/*======================TOP NAVI BAR======================*/
.page-header.navbar {
    background-color: #303826 !important;
    -moz-box-shadow: 3px 3px 10px 4px rgba(63,74,51,0.4) !important;
    -webkit-box-shadow: 3px 3px 10px 4px rgba(63,74,51,0.4) !important;
    box-shadow: 3px 3px 10px 4px rgba(63,74,51,0.4) !important;
}
.page-header.navbar.navbar-fixed-top {
    color: #cfe0b8;
}
.page-header.navbar .page-logo {
    width: auto !important;
}
.page-header.navbar .page-logo img {
    height: 46px !important;
    padding: 3px !important;
}
@media (max-width: 480px) {
    .page-header.navbar .top-menu {
        background: none !important;
    }
}
@media (max-width: 991px) {
    .page-header.navbar {
        height: auto;
    }
    .page-header.navbar .menu-toggler {
        opacity: inherit !important;
        filter: inherit !important;
        width: inherit !important;
        height: inherit !important;
    }
    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 0 5px !important;
    }
    body {
        background-color: #edf3e3 !important;
    }
}
/*======================LOGIN PAGE======================*/
.login {
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.login .content {
    background-color: rgba(251,247,240,0.92);
}
/*======================SIDE MENU BAR======================*/
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
    background-color: #3f4a33 !important;
}

/* Closed main menu */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
    border-top: 1px solid rgba(207,224,184,0.12) !important;
    color: #cfe0b8 !important;
}

/* Activated main menu */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #6b8f47 !important;
    border-top-color: #6b8f47 !important;
    color: #fff !important;
}

/* Open (expanded) main menu */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    background: rgba(107,143,71,0.25) !important;
    border-top-color: transparent !important;
    color: #edf3e3 !important;
}

/* Hover */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
    background: #5a7a3a !important;
    color: #fff !important;
}
.page-sidebar .page-sidebar-menu > li:hover > a {
    background: rgba(107,143,71,0.30) !important;
    color: #fff !important;
    border-top-color: transparent !important;
}

/* Sub menu */
ul.sub-menu {
    background: none !important;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #6b8f47 !important;
    color: #fff !important;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
    background: rgba(63,74,51,0.60) !important;
    color: #cfe0b8 !important;
}

@media (max-width: 991px) {
    .page-sidebar {
        background-color: #3f4a33 !important;
    }
    .page-sidebar .page-sidebar-menu > li .sub-menu {
        background: none !important;
    }
}

/*======================HEADER TOP BAR (Layout 3)======================*/
@media (max-width: 991px) {
    .page-header .page-header-top .menu-toggler {
        display: inline-block;
    }
}
.page-header .page-header-top .menu-toggler {
    float: none !important;
    margin: 0;
    width: inherit;
    height: inherit;
    background: #6b8f47 !important;
    background-repeat: no-repeat !important;
    opacity: 1;
    filter: 1;
}

/*======================HEADER MENU BAR (Layout 3)====================*/
.page-header .page-header-menu {
    background: #3f4a33 !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    color: #edf3e3 !important;
    background: #4e5d3f !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
    color: #ffffff !important;
    background: #5a7a3a !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(63,74,51,0.2) !important;
    background: #edf3e3 !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
    color: #3f4a33 !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    color: #fff !important;
    background: #6b8f47 !important;
}
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
    color: #fff !important;
    background: #6b8f47 !important;
}

@media (max-width: 991px) {
    .page-header .page-header-menu {
        background: #edf3e3 !important;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav {
        background: #fff !important;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li {
        border-bottom: 1px solid #cfe0b8 !important;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
        background: none !important;
        color: #6b8f47 !important;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
        background: none !important;
        color: #3f4a33 !important;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover,
    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
    .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
        color: #fff !important;
        background: #6b8f47 !important;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
        border: 0 !important;
        border-top: 1px solid #cfe0b8 !important;
        box-shadow: none !important;
        background: #fff !important;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
        color: #3f4a33 !important;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a {
        color: #fff !important;
        background: #6b8f47 !important;
    }
    .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
        background: none !important;
        color: #6b8f47 !important;
    }
}

/* Page title head shadow */
.page-head {
    position: relative;
    -moz-box-shadow:    0px 5px 10px #cfe0b8 !important;
    -webkit-box-shadow: 0px 5px 10px #cfe0b8 !important;
    box-shadow:         0px 5px 10px #cfe0b8 !important;
}

/*--------Privilege Tree--------*/
.privilegeTree a {
    cursor: pointer;
    color: #3f4a33;
    text-decoration: none !important;
}
.privilegeTree ul { list-style: none outside none; }
.privilegeTree li a { line-height: 25px; }
.privilegeTree > ul > li > a {
    color: #3B4C56;
    display: inline-block;
    font-weight: normal;
    position: relative;
    text-decoration: none;
}
.privilegeTree ul li ul {
    border-left: 1px solid #cfe0b8;
    display: none;
    margin: 0 0 0 12px;
    overflow: hidden;
    padding: 0 0 0 25px;
}
.privilegeTree ul li ul li { position: relative; }
.privilegeTree ul li ul li:before {
    border-bottom: 1px dashed #cfe0b8;
    content: "";
    left: -20px;
    position: absolute;
    top: 12px;
    width: 15px;
}

/*--------Gridview--------*/
.gridStyle tr th {
    padding: 8px;
    border: 1px solid #cfe0b8;
    background: #edf3e3;
    color: #3f4a33;
    text-align: center;
}
.gridStyle.horizontalGridLine tr th,
.gridStyle.horizontalGridLine td {
    border: 1px solid #cfe0b8;
    border-left: none;
    border-right: none;
}
.gridStyle.padding12px td { padding: 12px; }
.gridStyle.horizontalGridLine td:first-child {
    border: 1px solid #cfe0b8;
    border-right: none;
}
.gridStyle.horizontalGridLine td:last-child {
    border: 1px solid #cfe0b8;
    border-left: none;
}
.gridStyle tr:nth-child(even) { background-color: #ffffff; }
.gridStyle tr:nth-child(odd)  { background-color: #edf3e3; }
.gridStyle td {
    border: solid 1px #cfe0b8;
    padding: 4px;
}

/*--------Pager--------*/
.formPager {
    padding: 5px 0 5px 0;
    text-align: center;
}
.buttonPager {
    min-width: 30px !important;
    width: auto !important;
    height: 25px;
    background: #fff;
    color: #3f4a33;
    border: 0;
    border-right: solid 1px #cfe0b8;
    border-left:  solid 1px #cfe0b8;
    border-bottom: solid 2px #fff;
}
.buttonPager:hover {
    background: #edf3e3;
    font-weight: bold;
}
.buttonPager:disabled {
    border-bottom: solid 2px #6b8f47;
}

/*--------Misc--------*/
.popupTable {
    background: #ffffff;
    box-shadow: 0 0 4px #8aa66b;
    font-size: 12px;
    width: 200px;
}
.popupTable tr td { padding: 0 1px; }

.treeTable {
    background: #ffffff;
    font-size: 12px;
}
.treeTable tr td { padding: 0 1px; }

/*--------Loading--------*/
.loadingPage {
    opacity: 0.8;
    background-color: #cfe0b8;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99999;
    text-align: center;
}
.loadingPage img {
    top: 40%;
    position: relative;
}

.boxShadow {
    box-shadow: 0px 4px 16px rgba(63,74,51,0.12);
    -moz-box-shadow:    0px 4px 16px rgba(63,74,51,0.12);
    -webkit-box-shadow: 0px 4px 16px rgba(63,74,51,0.12);
}
.boxShadow-dark {
    box-shadow: 0px 5px 10px #3f4a33;
    -moz-box-shadow:    0px 5px 10px #3f4a33;
    -webkit-box-shadow: 0px 5px 10px #3f4a33;
}
.transparentBG {
    background-color: rgba(255,255,255,0.95) !important;
}
.remarkOverflow {
    height: 50px;
    overflow: scroll;
    overflow-x: hidden;
}