/**
 * style green css
 * xunfan
 */

/******************************** common ********************************/
html, body {
    background: #F5F7F9;
}

a {
    color: #00a65a;
}

a:hover, a:focus, a:active {
    color: #00bb93;
}

/******************************** app ********************************/

#app.app {
    background: #F5F7F9;
}

/******************************** page ********************************/

.page .page-header {
    background: #FFFFFF;
    border-bottom: 1px solid #dee2e6;
}

.page .page-header .breadcrumb li {
    color: #777777;
}

.page .page-header .pagemenu ul.el-menu>.el-menu-item.is-active,
.page .page-header .pagemenu ul.el-menu>.el-submenu.is-active .el-submenu__title{
    border-bottom: 2px solid #00a65a;
}

/***********************************************widget css*************************************************/

.widget {
    background: #FFFFFF;
}

.widget.bordered {
    border: 1px solid #dcdee2;
}

.widget.widget-search {
    border-bottom: 1px solid #E2E9EA;
}

.widget.widget-render {
    /*-webkit-box-shadow: 0 0 5px #00a65a;*/
    /*-moz-box-shadow: 0 0 5px #00a65a;*/
    /*box-shadow: 0 0 5px #00a65a;*/
    /*border: 1px solid #4caf50;*/
    border: 1px solid #F1F1F1;
}

.widget .widget-header h5 {
    color: #00a65a;
}

.widget .widget-header h5 .stitle {
    color: #8fe293;
}

/*********************************************** form *************************************************/

form h5.title {
    color: #056DAE;
    border-bottom: 1px dashed #056DAE;
}

form .form-group {
    border-bottom: 1px dashed #DDDDDD;
}

form .form-group .form-control {
    /*color: #000000;*/
    border: 1px solid #a7b5bc;
    border-right-color: #ced9df;
    border-bottom-color: #ced9df;
}

form .form-group .form-control:hover,
form .form-group .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(73, 186, 183, 1);
    -moz-box-shadow: inset 0 1px 1px rgba(73, 186, 183, 1);
    box-shadow: inset 0 1px 1px rgba(73, 186, 183, 1);
    border: 1px solid #49bab7;
}

form .form-group .form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
}

form .form-group-btn {
    background: #F5F5F5;
}

/***********************************************table css*************************************************/

.table thead tr th,
.table tbody tr td {
    border-bottom: 1px solid #66c9f3;
}

.tablelist thead tr {
    color: #F1F1F1;
    /*background: #49bab7;*/
    background: #00a65a;
}

.table-hover>tbody>tr:hover {
    background: #FCFCFC;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: 1px solid #ECECEC;
}

.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 #ECECEC;
}

.table-bordered > thead > tr > th:first-child,
.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > td:first-child,
.table-bordered > tbody > tr > td:last-child {
    border-left: 1px solid #49bab7;
}

.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > td:last-child {
    border-right: 1px solid #49bab7;
}

.table-bordered > thead > tr:first-child > th,
.table-bordered > tbody > tr:first-child > td {
    border-top: 1px solid #49bab7;
}

.table-bordered > tbody > tr > td.border-bottom,
.table-bordered > tbody > tr:last-child > td {
    border-bottom: 1px solid #49bab7;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eff5f5;
}

.tablelist tbody tr:last-child {
    border-bottom: 1px solid #66c9f3;
}

.table-inc tbody tr.bgc {
    background: #eff5f5;
}

.table-inc tbody tr td.log {
    color: #ff8200;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #F5F8FA;
}

.table-stats > tbody > tr > td > span.num {
    color: #056DAE;
}

.table-bordered {
    border: 1px solid #49bab7;
}

.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 #a7e8da;
}

/***********************************************buttton*************************************************/

.btn-primary,
.btn-primary:focus,
.btn-primary:disabled {
    background-color: #00a65a;
    border-color: #00a65a;
}
.btn-primary:hover {
    background-color: #008d4c;
    border-color: #008d18;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #008d4c;
    border-color: #008d18;
}

.btn-outline-primary,
.btn-outline-primary:focus,
.btn-outline-primary:disabled {
    color: #00a65a;
    border-color: #00a65a;
}
.btn-outline-primary:hover {
    color: #FFFFFF;
    background-color: #008d4c;
    border-color: #008d18;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #008d4c;
    border-color: #008d18;
}

/***********************************************pagination*************************************************/

.pagination .page-item .page-link,
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus {
    color: #00a65a;
    border: 1px solid #00a65a;
}
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus {
    background: #EEF3F7;
}
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus {
    color: #FFFFFF;
    background: #00a65a;
}
.pagination input[name=pageno] {
    border: 1px solid #00a65a;
}

/***********************************************adminlte*************************************************/

.page_link {
    color: #00a65a;
}

/**
 * index frame style
 * green - xtms
 */
#header .logo {
    background: #008d4c;
}

#header .navbar {
    background: #00a65a;
}

#header .navbar .nav-menu ul li:hover {
    background: #4caf50;
}

#header .navbar .nav-menu ul li.active {
    background: #008d4c;
    border-bottom-color: #f39c12;
}

#header .navbar .nav-menu ul li a {
    color: #ffffff;
}

#header .navbar-nav a.user-pro {
    color: #FFFFFF;
}

#header .navbar-nav .user-panel .user-header {
    background: #ffffff;
}
#header .navbar-nav .user-panel .user-footer {
    background: #F1F1F1;
}

/************************* aside *************************/

#aside {
    background-color: #222d32;
}

#aside .sidebar .nav-header {
    color: #4b646f;
    background: #1a2226;
    /*border-bottom: 1px solid #4f5962;*/
}

#aside .sidebar ul.nav {
    background: #2c3b41;
}

#aside .sidebar .nav-item .nav-link.active {
    color: #ff851b;
}

#aside .sidebar .nav-item .nav-link.nav-link-title.active {
    color: #FFFFFF;
    border-left: 3px solid #ff851b;
}

/************************* mainer *************************/

#mainer {
    background: #F5F7F9;
}


/************************* 框架 *************************/

/************* 框架：左右（上下） *************/

body.layout-frame-tlr #header .logo {
    background: #008d4c;
}

body.layout-frame-tlr #header .navbar {
    background: #00a65a;
    border-bottom: 1px solid #00a65a;
}

body.layout-frame-tlr #header .navbar .nav-link,
body.layout-frame-tlr #header .navbar .nav-title {
    color: #F1F1F1;
}

body.layout-frame-tlr #header .navbar .nav-menu ul li:hover {
    background: #4caf50;
}

body.layout-frame-tlr #header .navbar .nav-menu ul li.active {
    background: #008d4c;
    border-bottom: 3px solid #f39c12;
}

body.layout-frame-tlr #header .navbar .nav-menu ul li a {
    color: #F1F1F1;
}

body.layout-frame-tlr #header .navbar-nav a.user-pro {
    color: #F1F1F1;
}

/************* 框架：左右（上下） *************/

body.layout-frame-ltb #header .navbar {
    background: #ffffff;
    border-bottom-color: #dee2e6;
}

body.layout-frame-ltb #header .navbar .nav-link,
body.layout-frame-ltb #header .navbar .nav-title {
    color: #212529;
}

body.layout-frame-ltb #header .navbar .nav-menu ul li.active {
    background: #F1F1F1;
}

body.layout-frame-ltb #header .navbar .nav-menu ul li a {
    color: #212529;
}

body.layout-frame-ltb #header .navbar-nav a.user-pro {
    color: #212529;
}