@import url('bootstrap.min.css');
@import url('bootstrap-theme.min.css');
@import url('font-awesome.min.css');
@import url('web/icheck/minimal/_all.css');
/*图标样式*/

body { background: #424f63;font-family: 'Open Sans', sans-serif;color: #7a7676;line-height: 20px;overflow-x: hidden;font-size: 14px;}

input, select, textarea {font-family: 'Open Sans', sans-serif;color: #767676;}

a {color: #65CEA7;}

a:focus, a:active, a:hover {outline: none;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;color: #353F4F;}

h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif;}

.mtop10 {margin-top: 10px;}

hr {border-color: #ddd;}

/*按钮*/

.btn-primary.focus,.btn-primary:focus{color:#ffffff;background-color:#5aaa8c;border-color:#5aaa8c;}
.btn-primary:hover{color:#ffffff;background-color:#5aaa8c;border-color:#5aaa8c;}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#ffffff;background-color:#5aaa8c;border-color:#5aaa8c;}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#ffffff;background-color:#5aaa8c;border-color:#5aaa8c;}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none;}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#8de5c4;border-color:#8de5c4;}
.btn-primary .badge{color:#337ab7;background-color:#ffffff;}

/*-------------------------------
     LOGIN STYLES---登陆页
    
.login-body {
    background: #65cea7 url(../images/web/login_bg.png) no-repeat fixed ;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.form-signin {
    max-width: 330px;
    margin: 100px auto;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.form-signin .form-signin-heading {
    margin: 0;
    padding: 25px 15px;
    text-align: center;
    color: #fff;
    position: relative;
}

.sign-title {
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: -60px;
    left: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.form-signin .checkbox {
    margin-bottom: 14px;
    font-size: 13px;
}

.form-signin .checkbox {
    font-weight: normal;
    color: #fff;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    bottom: -50px;
    width: 100%;
    left: 0;
}

.form-signin .checkbox a, .form-signin .checkbox a:hover {
    color: #fff;
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"], .form-signin input[type="password"] {
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #eaeaec;
    background: #eaeaec;
    box-shadow: none;
    font-size: 12px;
}

.form-signin .btn-login {
    background: #6bc5a4;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    margin: 20px 0 5px;
    padding: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 30px;
}
.form-signin .btn-login i{
    font-size: 30px;
}
.form-signin .btn-login:hover {
    background: #688ac2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.form-signin p {
    text-align: left;
    color: #b6b6b6;
    font-size: 16px;
    font-weight: normal;
}

.form-signin a, .form-signin a:hover {
    color: #6bc5a4;
}

.login-wrap {
    padding: 20px;
    position: relative;
}

.registration {
    color: #c7c7c7;
    text-align: center;
    margin-top: 15px;
}
-------------------------------*/


/*---------------------------------
            LEFT SIDE
----------------------------------*/


 .left-side {width: 240px;position: absolute;top: 0;left: 0;}

.sticky-left-side {position: fixed;height: 100%;/*overflow-y: auto;*/z-index: 100;}

.sticky-left-side .custom-nav {margin-top: 50px;}

.left-side-collapsed .sticky-left-side {overflow-y: visible;}

.logo { padding-top: 5px;height: 50px;}

.logo a {font-size: 28px;color: #fff;margin: 0 0 0 20px;text-decoration: none;display: inline-block;}

.logo-icon {display: none;}

.left-side-collapsed .logo-icon {height: 45px;margin-top: -48px;display: block !important;}

.left-side-inner {padding: 0px;margin-bottom: 50px;}

.left-side .searchform {display: none;}

.left-side .searchform::after {content: '';display: block;clear: both;}

.left-side .searchform input {padding: 10px;width: 90%;margin: 0 0 20px 12px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;border: none;}

.left-side .logged-user {padding: 0 0 15px 12px;margin: 0 0 15px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1);display: none;}

.left-side .logged-user .media-object {width: 45px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;float: left;}

.left-side .logged-user .media-body {margin-left: 60px;color: #d7d7d7;}

.left-side .logged-user .media-body h4 {font-size: 15px;margin: 5px 0 0 0;}

.left-side .logged-user .media-body h4 a {color: #fff;}

.left-side .logged-user .media-body span {font-style: italic;font-size: 11px;opacity: 0.5;}

.custom-nav {margin-bottom: 10px;}

.custom-nav > li > a {color: #fff;padding: 12px 20px;border-radius: 0;-webkit-border-radius: 0;}

.custom-nav > li > a:hover,.custom-nav > li > a:active {background-color: #353f4f;color: #65cea7;border-radius: 0;-webkit-border-radius: 0;}

.custom-nav > li.menu-list > a {background: transparent url('../images/web/plus-white.png') no-repeat 93% center;}

.custom-nav > li.menu-list > a:hover {background-color: #353f4f;background-image: url('../images/web/plus.png');}

.custom-nav > li.nav-active > a {background-color: #353f4f;background-image: url('../images/web/minus.png');color: #65cea7;}

.custom-nav > li.nav-active > ul{display: block;}

.custom-nav > li.nav-active > a:hover {background-image: url('../images/web/minus.png');}

.custom-nav > li.active > a,.custom-nav > li.active > a:hover,.custom-nav > li.active > a:focus {background-color: #353f4f;color: #65cea7;}

.custom-nav > li.menu-list.active > a {background-image: url('../images/web/plus.png');}

.custom-nav > li.nav-active.active > a {background-image: url('../images/web/minus.png');}

.custom-nav > li.nav-active.active > a:hover {background-image: url('../images/web/minus.png');}

.custom-nav li .fa {font-size: 16px;vertical-align: middle;margin-right: 10px;width: 16px;text-align: center;}

.custom-nav .sub-menu-list {list-style: none;display: none;margin: 0;padding: 0;background: #353f4f;}

.custom-nav .sub-menu-list > li > a {color: #fff;font-size: 13px;display: block;padding: 10px 5px 10px 50px;-moz-transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}

.custom-nav .sub-menu-list > li > a:hover,.custom-nav .sub-menu-list > li > a:active,.custom-nav .sub-menu-list > li > a:focus {text-decoration: none;color: #65cea7;background: #2a323f;}

.custom-nav .sub-menu-list > li .fa {font-size: 12px;opacity: 0.5;margin-right: 5px;text-align: left;width: auto;vertical-align: baseline;}

.custom-nav .sub-menu-list > li.active > a {color: #65CEA7;background-color: #2A323F;}

.custom-nav .sub-menu-list ul {margin-left: 12px;border: 0;}

.custom-nav .menu-list.active ul {display: block;}
/*------------------------------------------
            LEFT SIDE COLLAPSE
-------------------------------------------*/

.left-side-collapsed .logo {display: none;}
.left-side-collapsed .header-section {margin-left: 0px;}
.left-side-collapsed .left-side {width: 52px;top: 52px;}
.left-side-collapsed .left-side-inner {padding: 0;}
h5.left-nav-title {margin-left: 10px;color: #fff;}
.left-side-collapsed .custom-nav {margin: 2px 0 20px 0;}
.left-side-collapsed .custom-nav li a {text-align: center;padding: 10px;position: relative;}
.left-side-collapsed .custom-nav > li.menu-list > a {background-image: none;}
.left-side-collapsed .custom-nav li a span {position: absolute;background: #65CEA7;padding: 10px;left: 52px;top: 0;min-width: 173px;text-align: left;z-index: 100;display: none;}
.left-side-collapsed .custom-nav li a span:after {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 0, 0, 0);border-right-color: #65CEA7;border-width: 6px;margin-top: -6px;}
.left-side-collapsed .custom-nav li.active a span {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.left-side-collapsed .custom-nav ul,.left-side-collapsed .custom-nav .menu-list.nav-active ul {display: none;}
.left-side-collapsed .custom-nav .menu-list.nav-hover ul {display: block;}
.left-side-collapsed .custom-nav > li.nav-hover > a,
.left-side-collapsed .custom-nav > li.nav-hover.active > a {background: #fff;color: #424F63;}
.left-side-collapsed .custom-nav li.nav-hover a span {display: block;color: #fff;}
.left-side-collapsed .custom-nav li.nav-hover.active a span {background: #65CEA7;color: #fff;}
.left-side-collapsed .custom-nav li.nav-hover ul {display: block;position: absolute;top: 40px;left: 53px;margin: 0;min-width: 172px;background: #353F4F;z-index: 100;-moz-border-radius: 0 0 2px 0;-webkit-border-radius: 0 0 2px 0;border-radius: 0 0 2px 0;}
.left-side-collapsed .custom-nav ul a { text-align: left;padding: 6px 10px;padding-left: 10px;}
.left-side-collapsed .custom-nav ul a:hover {background: #2A323F;}
.left-side-collapsed .custom-nav li a i {margin-right: 0;}
.left-side-collapsed .main-content {margin-left: 52px;}
.left-side-collapsed .left-side{overflow: visible !important;}

/*----------------------------
        HEADER SECTION
-----------------------------*/
.header-section{background:#ffffff;border-bottom:1px solid #eff0f4;background:linear-gradient(to right,#424f63 30%,#aaaaaa)!important;height:51px;}
.header-section::after {clear: both;display: block;content: '';}
.toggle-btn {width: 52px;height: 50px;font-size: 20px;padding: 15px;cursor: pointer;float: left;color: #212121;border-right: 1px solid #e7e7e7;-moz-transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.toggle-btn:hover {background: #65CEA7;color: #fff;border-right-color: #65CEA7;}
.searchform input {box-shadow: none;float: left;font-size: 14px;height: 35px;margin: 7px 0 0 10px;padding: 10px;width: 220px;}
.searchform input:focus {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border-color: #ddd;}
.menu-right {float: right;margin-right: 15px;}
.notification-menu {list-style: none;}
.notification-menu > li {display: inline-block;float: left;position: relative;}
.notification-menu > li > a{color:white;background:rgba(0,0,0,0.0)!important;}/*新加*/
.notification-menu > li > a > i {margin-top: 6px;}
.notification-menu .dropdown-toggle {padding: 12px 10px;border-color: #fff;background: #fff;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;border: none;}
.notification-menu .dropdown-toggle:hover,.notification-menu .dropdown-toggle:focus,.notification-menu .dropdown-toggle:active,.notification-menu .dropdown-toggle.active,.notification-menu .open .dropdown-toggle.dropdown-toggle {background: #424f63;color: #65cea7;-moz-box-shadow: none; -webkit-box-shadow: none;box-shadow: none;}
.notification-menu .dropdown-toggle img {vertical-align: middle;margin-right: 5px;width: 26px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.notification-menu .dropdown-toggle .caret {margin-left: 5px;}
.notification-menu .dropdown-menu {border: 0;margin-top: 0px;-moz-border-radius: 2px 0 2px 2px;-webkit-border-radius: 2px 0 2px 2px;border-radius: 2px 0 2px 2px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;padding: 5px;}
.notification-menu .dropdown-menu:after {border-bottom: 6px solid #65cea7;border-left: 6px solid transparent;border-right: 6px solid transparent;content: "";display: inline-block;right: 10px;position: absolute;top: -6px;}
.notification-menu .dropdown-menu li {display: block;margin: 0;float: none;background: none;padding: 15px;}
.notification-menu .dropdown-menu-usermenu li {padding: 0;}
.notification-menu .dropdown-menu li a {color: #fff;font-size: 13px;padding: 7px 10px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-moz-transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.notification-menu .dropdown-menu li a:hover {background: #2a323f;color: #fff;}
.notification-menu .dropdown-menu li i {font-size: 11px;margin-right: 5px;}
.notification-menu .dropdown-menu-head {padding: 0;min-width: 300px;}
.notification-menu .info-number { padding: 12px 15px;height: 50px;font-size: 16px;background: #fff;color: #333;border-color: #fff;-moz-transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.notification-menu .dropdown-menu-usermenu {background: #65cea7;min-width: 200px;}
.notification-menu .dropdown-menu-head ul {border: 1px solid #ddd;border-top: 0;padding: 0;}
.notification-menu .dropdown-menu-head li a {color: #333;padding: 0;opacity: 1;}
.notification-menu .dropdown-menu-head li a:hover {background: none;color: #65cea7 !important;text-decoration: none;}
.notification-menu .btn-group {margin-bottom: 0;}
.dropdown-list li {padding: 15px;overflow: hidden;border-bottom: 1px solid #eee;}
.dropdown-list li:last-child {border-bottom: 0;}
.dropdown-list .thumb {width: 36px;float: left;}
.dropdown-list .thumb img {width: 100%;display: block;vertical-align: middle;}
.dropdown-list .desc {margin-left: 45px;display: block;}
.dropdown-list .desc h5 {font-size: 13px;margin-top: 7px;}
.dropdown-list li:last-child {padding: 10px 15px;}
.dropdown-list li .badge {float: right;}
.user-list {width: 300px;}
.user-list .progress {margin-bottom: 0;}
.normal-list li a .label i {margin-right: 0;}
.normal-list li a span.label {float: left;margin-right: 10px;padding: 5px;width: 20px;}
.normal-list li a:hover {color: #65CEA7 !important;text-decoration: none;}
.normal-list li .name {font-size: 13px;font-family: 'Arial' Helvetica, sans-serif;line-height: 21px;}
.normal-list li .msg {font-size: 12px;line-height: normal;color: #999;display: block;}
.info-number .badge {background: #FF6C60;border-radius: 2px;-webkit-border-radius: 2px;font-size: 10px;font-weight: normal;line-height: 13px;padding: 2px 5px;position: absolute;right: 4px;top: 10px;}

/* ------------------------------
        STICKY HEADER
---------------------------------*/
.sticky-header .logo {position: fixed;top: 0;left: 0;width: 240px;z-index: 100;background: #424f63;}
.sticky-header .left-side {/*top: 50px;*/}
.sticky-header .header-section {position: fixed;top: 0;left: 240px;width: 100%;z-index: 100;}
.sticky-header .main-content {padding-top: 50px;}
.sticky-header .menu-right {margin-right: 255px;}
.sticky-header.left-side-collapsed .header-section {left: 52px;}
.sticky-header.left-side-collapsed .menu-right {margin-right: 67px;}

/* -----------------------
        DROPDOWN
--------------------------*/
.dropdown-menu-head {background: #fff}
.dropdown-menu-head .title {background: #65cea7;color: #fff;padding: 15px;text-transform: uppercase;font-size: 12px;margin: 0;}

/*-----------------------------
        MAIN CONTENT
------------------------------*/
.main-content {margin-left: 240px;background: #eff0f4;min-height: 1000px;}
.page-heading {padding:  15px;position: relative;}
.page-heading h3 {color: #49586e;font-size: 25px;font-weight: normal;margin: 10px 0;}
.page-heading .breadcrumb {padding: 0;margin: 0;background: none;}
.page-heading .breadcrumb a {color: #999999;}
.page-heading .breadcrumb li.active {color: #65CEA7;}
.wrapper {padding: 15px;}
.wrapper::after {clear: both;display: block;content: '';margin-bottom: 30px;}

/*-------------------------
        BOXED VIEW
-------------------------*/
.boxed-view {background: #b6b7ba;}
.boxed-view .container {position: relative;background: #424f63;padding: 0;}

/*-----------------------------------
    HORIZONTAL PAGE VIEW
-------------------------------------*/
.horizontal-menu-page {background: #EFF0F4;}
.horizontal-menu-page .navbar {margin-bottom: 0;}
.horizontal-menu-page .navbar-brand {padding: 5px 15px;min-height: 50px;}
.horizontal-menu-page .navbar-default {background: #424F63;border: none;border-radius: 0;}
.horizontal-menu-page .navbar-default .navbar-nav > .active > a,.horizontal-menu-page .navbar-default .navbar-nav > .active > a:hover,.horizontal-menu-page .navbar-default .navbar-nav > .active > a:focus,.horizontal-menu-page .navbar-default .navbar-nav > .open > a,.horizontal-menu-page .navbar-default .navbar-nav > .open > a:hover,.horizontal-menu-page .navbar-default .navbar-nav > .open > a:focus,.horizontal-menu-page .navbar-default .navbar-nav > li > a:hover,.horizontal-menu-page .navbar-default .navbar-nav > li > a:focus {background-color: #353F4F;color: #FFFFFF;}
.horizontal-menu-page .navbar-default .navbar-nav > li > a {color: #FFFFFF;font-size: 13px;}
.horizontal-menu-page .form-control {box-shadow: none;float: left;}
.horizontal-menu-page .dropdown-menu {background-color: #353F4F;color: #fff;box-shadow: none;border: none;}
.horizontal-menu-page .dropdown-menu > li > a {color: #fff;padding: 10px 20px;font-size: 12px;}
.horizontal-menu-page .dropdown-menu > li > a:hover,.horizontal-menu-page .dropdown-menu > li > a:focus,.horizontal-menu-page .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {background-color: #2A323F;color: #65CEA7;text-decoration: none;}
.horizontal-menu-page .navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
.horizontal-menu-page .navbar-default .navbar-toggle {border-color: #2A323F;}
.horizontal-menu-page .navbar-default .navbar-toggle .icon-bar {background-color: #2A323F;}
.horizontal-menu-page .navbar-default .navbar-toggle:hover,.horizontal-menu-page .navbar-default .navbar-toggle:focus {background-color: #FFFFFF;border-color: #FFFFFF !important;}
.horizontal-menu-page .navbar-default .navbar-collapse,.horizontal-menu-page .navbar-default .navbar-form {border-color: #2A323F;}
.horizontal-menu-page .dropdown-toggle img {border-radius: 2px;-webkit-border-radius: 2px;margin-right: 5px;vertical-align: middle;width: 18px;}

/*-------------------
        TOOLS
--------------------*/
.tools {margin: -7px -5px;}
.tools a {background: #E3E4E8;border-radius: 3px;-webkit-border-radius: 3px;color: #858582;float: left;margin-left: 3px;padding: 10px;text-decoration: none;}
.tools a:hover {background: #65cea7;color: #fff;}

/*--------------------------------
      FOOTER CONTENT STYLES
---------------------------------*/
footer {background: #fff;padding: 15px;color: #7A7676;font-size: 12px;position: static;bottom: 0;width: 100%;border-top: 1px solid #eff0f4;}
footer.sticky-footer {position: fixed;bottom: 0;width: 100%;z-index: 99;}
.container footer {width: 79.5%;position: absolute;bottom: 0;}

/*-----------------------------------
     HEADER STATISTICS STYLES
-------------------------------------*/
.state-info { position: absolute;right: 15px;top: 20px;}
.state-info .panel {float: right;margin-left: 15px;}
.state-info .panel .summary {float: left;margin-right: 20px;}
.state-info .panel .summary span {color: #49586e;font-size: 13px;font-weight: normal;text-transform: uppercase;}
.state-info .panel .summary h3 {font-size: 20px;font-weight: bold;line-height: 20px;margin: 0;}
.state-info .panel .summary h3.green-txt {color: #65cea7;}
.state-info .panel .summary h3.red-txt {color: #fc8675;}
.chart-bar {float: right;margin-top: 5px;}

/*-----------------------------------
    GENERAL STATISTICS STYLES
-------------------------------------*/
.state-overview {color: #fff;}
.state-overview .panel {padding: 35px 20px;}
.state-overview .purple {background: #6a8abe;box-shadow: 0 5px 0 #5f7cab;}
.state-overview .red {background: #fc8675;box-shadow: 0 5px 0 #e27869;}
.state-overview .blue {background: #5ab6df;box-shadow: 0 5px 0 #51a3c8;}
.state-overview .green {background: #4acacb;box-shadow: 0 5px 0 #42b5b6;}
.state-overview .symbol, .state-overview .state-value {display: inline-block;}
.state-overview .symbol {width: 35%;}
.state-overview .symbol i {font-size: 40px;}
.state-overview .state-value {width: 62%;}
.state-overview .state-value .value {font-size: 24px;font-weight: bold;margin-bottom: 5px;}
.state-overview .state-value .title {font-size: 14px;}

/*-----------------------------------
    MORE STATISTICS BOX
-------------------------------------*/
.panel.deep-purple-box {background: #49586e;box-shadow: 0 5px 0 #424f63;color: #fff;}
ul.bar-legend {list-style-type: none;margin-top: 55px;padding-left: 0px;}
ul.bar-legend li {display: block;margin-bottom: 10px;}
ul.bar-legend li span {float: left;margin-right: 10px;width: 20px;height: 20px;border-radius: 3px;-webkit-border-radius: 3px;}
ul.bar-legend li span.blue {background: #5ab6df;}
ul.bar-legend li span.green {background: #4bcacc;}
ul.bar-legend li span.purple {background: #6a8bbe;}
ul.bar-legend li span.red {background: #fb8575;}

/*-----------------------------------
    REVENUE STATES STYLES
-------------------------------------*/
.revenue-states h4 {font-size: 14px;font-weight: bold;text-transform: uppercase;color: #49586e;}
.revenue-states .icheck .single-row {float: left;width: auto;}
.revenue-states .icheck .checkbox {padding-left: 0;margin-top: 0;}
.revenue-states .icheck .checkbox label {font-size: 12px;}
ul.revenue-nav {list-style-type: none;float: right;margin-top: 20px;padding: 0;}
ul.revenue-nav li {display: inline-block;margin-left: 5px;}
ul.revenue-nav li a {background: #4a596f;color: #fff;padding: 5px 10px;text-decoration: none;border-radius: 3px;text-transform: uppercase;font-size: 12px;}
ul.revenue-nav li a:hover, ul.revenue-nav li a:focus, ul.revenue-nav li.active a {background: #65cea7;color: #fff;}
.revenue-chart {width: 100%;height: 300px;text-align: center;margin: 12px auto;}
ul.revenue-short-info {list-style-type: none;padding: 0;}
ul.revenue-short-info li {float: left;width: 25%;}
ul.revenue-short-info li h1 {font-size: 18px;font-weight: lighter;margin-bottom: 0;}
ul.revenue-short-info li p {font-size: 12px;color: #bdbdbd;}
ul.revenue-short-info .red {color: #fb8575;}
ul.revenue-short-info .blue {color: #3bcddd;}
ul.revenue-short-info .green {color: #65cea7;}
ul.revenue-short-info .purple {color: #7ea8e1;}

/*-----------------------------------
    GOAL PROGRESS STYLES
-------------------------------------*/
ul.goal-progress {list-style-type: none;padding: 0;}
ul.goal-progress li {display: inline-block;width: 100%;border-bottom: 1px dashed #dcdcdc;margin-bottom: 15px;padding-bottom: 15px;}
ul.goal-progress li .prog-avatar {width: 40px;height: 40px; float: left;margin-right: 25px;}
ul.goal-progress li .prog-avatar img {width: 100%;border-radius: 50%;-webkit-border-radius: 50%;}
ul.goal-progress li .details {}
ul.goal-progress li .title {margin-bottom: 10px;}
ul.goal-progress li .title a {color: #6a8abe;}
ul.goal-progress li .title a:hover {color: #65cea7;}
ul.goal-progress li .progress {margin-bottom: 0px;}

/*-----------------------------------
    PROSPECTIVE LEADS - CHARTS
-------------------------------------*/
.pros-title {font-size: 14px;color: #535351;text-transform: uppercase;font-weight: bold;margin: 0 0 20px 0;}
.pros-title span {color: #dddddd;}
ul.pros-chart {list-style-type: none;padding: 0;display: inline-block;width: 100%;margin-top: 15px;}
ul.pros-chart li {float: left;margin-right: 14%;}
ul.pros-chart li:last-child {margin-right: 0;}
.p-chart-title {font-size: 12px;margin: 5px 0 0 0;}
.v-title {font-size: 12px;}
.v-value {font-size: 18px;color: #343434;margin-bottom: 5px;}
.v-info {font-size: 12px;margin-top: 5px;}

/*-------------------------------------------
        GREEN BOX [EASY PIE CHART] STYLES
-------------------------------------------*/
.green-box {background: none repeat scroll 0 0 #65cea7;box-shadow: 0 5px 0 #5bb996;color: #fff;}
.knob {text-align: center;}
.percent {color: rgba(255, 255, 255, 0.7);display: inline-block;font-size: 25px;z-index: 2;position: absolute;width: 90px;padding-top: 35px;}
.percent .sm {font-size: 11px;display: block;padding-top: 32px;}
.extra-pad {padding: 25px 15px;}

/*--------------------------
        Media Gallery
----------------------------*/
.media-filter {float: left;margin: 10px 0;padding-left: 0;}
.media-filter li {float: left;margin-right: 2px;list-style: none;}
.media-filter li a {background: #65CEA7;border-color: #65CEA7;color: #fff;padding: 5px 10px;border-radius: 2px;-webkit-border-radius: 2px;text-decoration: none;font-size: 12px;}
.media-filter li a:hover, .media-filter li a:focus {background: #4c9b7e;border-color: #4c9b7e;color: #fff;}
.media-gal {float: left;width: 100%;margin-top: 20px;}
.media-gal .item {float: left;}
.media-gal .item {margin-bottom: 1%;margin-right: 1%;width: 233px;background: #EFF0F4;color: #7A7676;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.media-gal .item:hover {background: #65CEA7;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color: #fff;}
.media-gal .item:hover img {opacity: .3;}
.media-gal .item p {margin-bottom: 10px;margin-top: 10px;text-align: center;}
.media-gal .item img {height: 200px;width: 100%;}
.img-modal img {width: 100%;margin-bottom: 10px;}

/*--------------------------------
        DYNAMIC TABLE STYLE
----------------------------------*/
.table-advance tr td {vertical-align: middle !important;}
.no-border {border-bottom: none;}
.dataTables_length, .dataTables_filter {padding: 15px 0;}
.dataTables_info {padding: 15px 0 0 !important;}
.dataTables_filter {float: right;}
.dataTables_length select {width: 65px;padding: 5px 8px;}
.dataTables_length label, .dataTables_filter label {font-weight: 300;}
.dataTables_filter label {width: 100%;}
.dataTables_filter label input {width: 78%;}
.border-top {border-top: 1px solid #ddd;}
.dataTables_paginate.paging_bootstrap.pagination li {float: left;margin: 0 1px;border:1px solid #ddd;list-style: none;}
.dataTables_paginate.paging_bootstrap.pagination li.disabled a {color: #c7c7c7;}
.dataTables_paginate.paging_bootstrap.pagination li a {color: #797979;padding: 5px 10px;display: inline-block;}
.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a {color: #fff;background: #65cea7;text-decoration: none;}
.dataTables_paginate.paging_bootstrap.pagination li:hover,.dataTables_paginate.paging_bootstrap.pagination li.active {border-color: #65cea7;}
.dataTables_paginate.paging_bootstrap.pagination li.disabled:hover,.dataTables_paginate.paging_bootstrap.pagination li.disabled:hover a {color: #C7C7C7;background: #fff;border-color: #DDDDDD;cursor: no-drop;}
.dataTables_paginate.paging_bootstrap.pagination {float: right;margin-bottom: 15px;}
.dataTable tr:last-child {border-bottom: 1px solid #ddd;}
.general-table .progress {margin-bottom: 0;}
.adv-table table tr td {padding: 10px;}
.adv-table table.display thead th {border-bottom: 1px solid #DDDDDD;padding: 10px;}
.dataTable tr.odd.gradeA td.sorting_1, .dataTable tr.odd td.sorting_1, .dataTable tr.even.gradeA td.sorting_1 {background: none;}
.dataTable td.details {background-color: #424F63;color: #fff;}
.dataTable td.details table tr td, .dataTable tr:last-child {border: none;}
.adv-table table.display tr.odd.gradeA {background-color: #F9F9F9;}
.adv-table table.display tr.even.gradeA {background-color: #FFFFFF;}
.adv-table .dataTables_filter label input {float: right;margin-left: 10px;width: 78%;}
.adv-table .dataTables_filter label {line-height: 33px;width: 100%;}
.adv-table .dataTables_length select {display: inline-block;margin: 0 10px 0 0;padding: 5px 8px;width: 65px;}
.adv-table .dataTables_info, .dataTables_paginate {padding: 15px 0;}
.adv-table .dataTables_length, .adv-table .dataTables_filter {padding: 15px 0;}
.cke_chrome {border: none !important;}
.editable-table .dataTables_filter {width: 80%;}
.dataTable tr.odd.gradeX td.sorting_1, .dataTable tr.even.gradeX td.sorting_1,table.display tr.even.gradeX, table.display tr.gradeX, tr.even.gradeU td.sorting_1, tr.even td.sorting_1, table.display tr.even.gradeC, table.display tr.gradeC, tr.odd.gradeC td.sorting_1, table.display tr.even.gradeU, table.display tr.gradeU, tr.odd.gradeU td.sorting_1 {background: none !important;}

/*----------------------------
    EDITABLE TABLE STYLE
-----------------------------*/
.editable-table table input {width: 95% !important;}
.editable-table table td a {color: #49586E;}
.editable-table table td a:hover {color: #65CEA7;}

/*----------------------------
      BASIC TABLE STYLE
-----------------------------*/
.general-table a {color: #49586E;}
.iconic-input {position: relative;}
.iconic-input i {color: #CCCCCC;display: block;font-size: 16px;height: 16px;margin: 8px 5px 8px 10px;position: absolute;text-align: center;width: 16px;}
.iconic-input.right i {float: right;right: 5px;}
/*--相关的单选复选按钮--*/
@keyframes hover-color {from {border-color: #c0c0c0; }to {border-color: #3e97eb;}}

.magic-radio,.magic-checkbox {position: absolute;display: none;}
.magic-radio[disabled],.magic-checkbox[disabled] {cursor: not-allowed;}
.magic-radio + label,.magic-checkbox + label {position: relative;display: block;padding-left: 30px;cursor: pointer;vertical-align: middle;}
.magic-radio + label:hover:before,.magic-checkbox + label:hover:before {animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color;}
.magic-radio + label:before,.magic-checkbox + label:before {position: absolute;top: 0;left: 0;display: inline-block;width: 20px;height: 20px;content: '';border: 1px solid #c0c0c0;}
.magic-radio + label:after,.magic-checkbox + label:after {position: absolute;display: none;content: '';}
.magic-radio[disabled] + label,.magic-checkbox[disabled] + label {cursor: not-allowed;color: #e4e4e4;}
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,.magic-checkbox[disabled] + label:hover,.magic-checkbox[disabled] + label:before.magic-checkbox[disabled] + label:after {cursor: not-allowed;}
.magic-radio[disabled] + label:hover:before,.magic-checkbox[disabled] + label:hover:before {border: 1px solid #e4e4e4;animation-name: none;}
.magic-radio[disabled] + label:before,.magic-checkbox[disabled] + label:before {border-color: #e4e4e4;}
.magic-radio:checked + label:before,.magic-checkbox:checked + label:before {animation-name: none;}
.magic-radio:checked + label:after,.magic-checkbox:checked + label:after {display: block;}
.magic-radio + label:before {border-radius: 50%;}
.magic-radio + label:after {top: 7px;left: 7px;width: 8px;height: 8px;border-radius: 50%;background: #3e97eb;}
.magic-radio:checked + label:before {border: 1px solid #3e97eb;}
.magic-radio:checked[disabled] + label:before {border: 1px solid #c9e2f9;}
.magic-radio:checked[disabled] + label:after {background: #c9e2f9;}
.magic-checkbox + label:before {border-radius: 50%;}
.magic-checkbox + label:after {top: 2px;left: 7px;box-sizing: border-box;width: 6px;height: 12px;transform: rotate(45deg);border-width: 2px;border-style: solid;border-color: #fff;border-top: 0;border-left: 0;}
.magic-checkbox:checked + label:before {border: #3e97eb;background: #3e97eb;}
.magic-checkbox:checked[disabled] + label:before {border: #c9e2f9;background: #c9e2f9;}
#ascrail2000 {background: rgb(66, 79, 99);top: 0px;width: 6px!important;height: 100%;right: 0px;display: block;position: fixed;z-index: 1000;cursor: default;opacity: 1;}

   /*树状结构*/
.tree{min-height:20px;margin:0px 0px 0px -30px;}
.tree li{position:relative;list-style-type:none;margin:0px;padding:5px 5px 0px 5px;font-size:1em;}
.tree li::before,.tree li::after{content:'';left:-20px;position:absolute;right:auto;}
.tree li::before{border-left:1px solid #65cea7;bottom:50px;height:100%;top:0px;width:1px;}
.tree li::after{border-top:1px solid #65cea7;height:20px;top:25px;width:25px;}
.tree li span{display:inline-block;padding:3px 3px;text-decoration:none;}
.tree li a{display:inline-block;padding:3px 3px;text-decoration:none;cursor:pointer;color:#65cea7;}
.tree-span-top{border:1px solid #65cea7;background-color:#65cea7;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.tree-span-left{border:1px solid #65cea7;-moz-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px;}
.tree-a-right{border:1px solid #65cea7;border-left:none;-moz-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;}
.tree li.parent_li>span{cursor:pointer;}
.tree>ul>li::before,.tree>ul>li::after{border:0px;}
.tree li:last-child::before{height:25px;}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span{color:#ffffff;background-color:#65cea7;}
.tree li.parent_li>a:hover, .tree li.parent_li>a:hover+ul li a{color:#ffffff;background-color:#65cea7;}