html { overflow-x:hidden; }
body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
[v-cloak]{
    display: none;
}
.content-header {
	position: relative;
	padding: 0 0 3px 8px
}

.content-header>.breadcrumb {
    position: relative;
    top: 0;
    right: 0;
    float: none;
    margin-top: 0px;
    padding-left: 10px;
    background: #ecf0f5;
}

.main-footer {
    padding: 7px;
    color: #444;
    border-top: 1px solid #eee;
}

[v-cloak] {
  display: none;
}

.grid-btn{
	margin-bottom:12px;
}
.grid-btn .btn{
	margin-right:10px;
}
.pointer{cursor: pointer;}

.ml-10 { margin-left:0 !important; }
@media (min-width: 768px) {
	.ml-10 { margin-left:10px !important; }
	.col-sm-10 {width: 70%;padding-left: 0px;}
	.col-sm-2 {width: 24%;}
}
tbody > tr > th {font-weight: normal; }
.panel .table { margin:0 0; }
.panel .pagination { margin:0; }
.panel-default>.panel-heading {background-color: #f5f5f5;}
.row{
	border-top: 1px solid #ddd;
	margin:0;
	padding:20px 2px 0px 2px;
}
.col-xs-6{padding-left: 0px;padding-right: 0px;}
.form-horizontal .form-group {margin-left:0px;margin-right:0px;}
.form-horizontal{
	width:550px;padding-top:20px;
}

/*chrome滚动条*/
::-webkit-scrollbar {
    width:10px;
    height:10px;
}
::-webkit-scrollbar-button    {
    background-color:#F5F5F5;
}
::-webkit-scrollbar-track     {
    background:#F5F5F5;
}
::-webkit-scrollbar-thumb{
    background:#DDD;
    border-radius:4px;
}
.main-header{
    box-shadow: 0 0 10px #ddd;
}
.main-header .logo{
    overflow-y: inherit;
}
.main-sidebar{
    padding-top: 60px;
}
.skin-blue .main-sidebar{
    background-color:#0566b3;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
    background: #464C5B;
    padding-bottom: 10px;
}
.skin-blue .sidebar-menu>li.active>a{
    background: #18acdd;
}
.sidebar-menu{font-size: 14px;
    font-family: microsoft yahei;}
.skin-blue .treeview-menu>li>a {
    color: #fff;
    transition: all .2s ease-in-out;
}
.sidebar-menu .treeview-menu>li>a {
    padding: 4px 5px 5px 34px;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a{
    border-left-width: 0;
    color: #fff;
    font-size: 16px;
}
.skin-blue .sidebar-menu>li.header {
    background: #464C5B;
}
.skin-blue .main-header .logo{
    background: #464C5B;
}
.skin-blue .main-header .logo:hover {
    background-color: #464C5B;
}
.skin-blue .main-header .navbar {
    background-color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #657180;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #fff;
    color: #657180;
}
.welcome{
float:left;color:#657180;padding:18px 10px;}
.skin-blue .main-header .navbar .nav>li>a{
    color:#657180;
}
.skin-blue .main-header .navbar .nav>li>a:hover{
    background: #fff;
    color:#657180;
}
.skin-blue .main-header .navbar .nav>li>a:focus{
    background: #fff;
    color: #657180;
}
.sidebar-menu>li>a{
    /* padding: 12px 5px 4px 15px; */
    background: #18acdd;
    color: #000 !important;
    font-size: 16px;
    font-weight: bold;
}
/*left top end*/

.content-header>.breadcrumb,.skin-blue .content-header{
    background: #f5f5f5;
}
#nav_title{
    padding-top: 4px;
    padding-bottom: 4px;
}
.menu-tab{
    background: #fff;
    border-radius: 4px;
    line-height: 30px;
    margin-right: 4px;
}
.menu-tab:hover{

}
.menu-tab.hover{

}
/***tab end***/

.btn-primary:active:focus, .btn-primary:active:hover{
    background: #4db3ff;
    border-color: #4db3ff;
}
.btn-primary:active{
    background: #4db3ff;
    border-color: #4db3ff;
}
.btn-primary:active{
    background-color: #20a0ff;
    border-color: #20a0ff;
}
.btn-primary{
    background-color: #20a0ff;
    border-color: #20a0ff;
}
.btn-primary:hover{
    background: #4db3ff;
    border-color: #4db3ff;
}
.btn-primary:focus{
    background: #4db3ff;
    border-color: #4db3ff;
}

/*btn end*/

/**login**/
.login-page{
    background: url("../image/bg.png");
    background-size: 100%;
    background-attachment: fixed;
}

.navHeadLogo{background: url("../image/newLogoing.png");background-size: 582px 55px;background-position: center center;background-repeat: no-repeat;width: 600px;height: 56px;float: left;position: relative;top:12px;}
.welcomeS{font-size: 16px;line-height: 98px;color: #777; margin-left: 100px;position: absolute;top:-5px;right: 364px;}
.navbar-custom-menuS{float: right;}
.navbar-custom-menuS ul {padding-left: 0px;margin-bottom: 0px;overflow: hidden;position: absolute;right: 159px;top: 34px;}
.navbar-custom-menuS ul li{padding:0;margin:0;list-style:none;float: left;margin-left: 45px;}
.navbar-custom-menuS ul li a{color: #777;}
.main-header .sidebar-toggle:hover{
    color: cadetblue;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a{
    color: #fff;
    border-left: none;
    background: #18acdd;
}
.skin-blue .sidebar-menu>li>a{    border-left: 3px solid transparent;
    border: none;}
.sidebar-menu li.active>a>.fa-angle-left, .sidebar-menu li.active>a>.pull-right-container>.fa-angle-left{
    font-size: 22px;
    line-height: 18px;
    color: #fff;
}
.sidebar-menu li>a>.fa-angle-left{
    font-size: 22px;
    line-height: 17px;
    color: #fff;
}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion{
    color: #fce206;
}
.sidebar-menu .treeview-menu>li{padding:0;margin:0;list-style:none}
.skin-blue .sidebar-menu>li>.treeview-menu{padding-left: 0px;margin-left: 0px;background:#0566b3;}
.skin-blue .treeview-menu>li.active>a, .skin-blue .treeview-menu>li>a:hover{
    background: #0c789c;
    box-shadow: -2px 1px 10px #03335a;
}
.sidebar-menu .treeview-menu>li>a>.fa, .sidebar-menu .treeview-menu>li>a>.glyphicon, .sidebar-menu .treeview-menu>li>a>.ion{
    color: #fce206;
}
.ico0{}
.ico1{}
.icoAll{margin-right: 5px}