/*CSS reset*/
body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "Microsoft Yahei" !important;
    background: #fff;
    color: #333;
}

h1, h2, h3, h4, h5, h6, p, div, ul, ol, input, img, form, table, td, button, textarea {
    margin: 0;
    padding: 0;
    border: 0;
}

input, select, textarea {
    outline: none;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

    a:hover {
        color: #367fa9;
        text-decoration: none !important;
    }

    a:focus {
        outline: none !important;
        text-decoration: none !important;
    }

table, table th, table td {
    border: 0 none;
    border-collapse: collapse;
}

.float_l {
    float: left;
}

.float_r {
    float: right;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pt15 {
    padding-top: 15px;
}

.pad1 {
    padding: 30px 20px;
}

.mr10 {
    margin-right: 10px;
}

.red {
    color: #f00;
}

.tablew {
    width: 46% !important;
    margin: 20px 1%;
    display: inline-block;
}

.edit i, .delete i {
    color: #247faf;
}

input[type=radio], input[type=checkbox] {
    margin-top: 2px !important;
    line-height: normal;
}


/****************************************************  header    *******************************************/
/*#header{ height: 50px; background:#3c8dbc; position:fixed; width:100%; z-index:999; }*/
#header {
    height: 50px;
    background: #3c8dbc;
}

.header {
    height: 100%;
    padding-right: 15px !important;
}

.logo {
    background-color: #367fa9;
}

.logo {
    width: 210px;
    text-align: center;
    background-color: #367fa9;
}

    .logo a {
        background: #1d7bb2;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 50px;
        color: #fff;
    }

        .logo a:hover {
            color: #fff;
        }

/*导航

.navbox  li a{ display:block; color: #fff; font-size: 14px;  padding:0 15px;}
.navbox  li a:focus,.navbox  li a:hover{background-color: #367fa9 !important ; }
.navwrap li{ display:inline-block; margin:0; padding:0;}
.navwrap{margin:0; padding:0;}*/

/*导航*/
.navbox li a {
    color: #fff;
    font-size: 14px;
}

    .navbox li a:focus, .navbox li a:hover {
        background-color: #367fa9 !important;
    }


/*头部右边消息*/
.notification-menu {
}

    .notification-menu ul {
        margin: 0;
        padding: 0;
    }

        .notification-menu ul > li {
            width: 54px;
            display: inline-block;
        }

    .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: #367fa9 !important;
        color: #fff;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .notification-menu .info-number {
        padding: 12px 10px;
        height: 50px;
        font-size: 14px;
        /* background: #fff; */
        color: #fff;
        background: none !important;
        -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 .btn-group {
        position: relative;
        width: 54px;
    }

    .notification-menu .dropdown-toggle {
        padding: 14px 20px;
        border-color: #fff;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none;
    }

.info-number .badge {
    background: #FF6C60;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 14px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 5px;
    position: absolute;
    right: 4px;
    top: 10px;
}

.notification-menu .dropdown-menu-head {
    position: absolute;
    padding: 0;
    min-width: 300px;
    left: -240px;
}

    .notification-menu .dropdown-menu-head .title {
        background: #367fa9;
        color: #fff;
        padding: 14px;
        text-transform: uppercase;
        font-size: 14px;
        margin: 0;
    }

.notification-menu .dropdown-menu:after {
    border-bottom: 6px solid #3c8dbc;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    right: 10px;
    position: absolute;
    top: -6px;
}

.notification-menu .dropdown-list ul {
    display: block;
    margin: 0;
    padding: 0;
}

.notification-menu .dropdown-list li {
    display: block;
    width: 100%;
}

    .notification-menu .dropdown-list li a {
        display: block;
        padding: 6px 0px;
        color: #333;
        margin-left: 10px;
        margin-right: 10px;
        border-bottom: 1px solid #eee;
    }
/*头部右边管理员块*/
.top-right {
    margin-top: 0px;
}

.navbar {
    z-index: 5;
}

.top-right .navbar-nav {
    margin-top: 0px !important;
}

    .top-right .navbar-nav > li {
        border-left: 0 none;
        z-index: 99;
    }

.top-right .user {
    margin-left: 10px;
}

.header .navbar-nav > li.dropdown.user .dropdown-toggle {
    margin: 0 !important;
    padding: 5px 4px 5px 9px;
    color: #fff;
}

    .header .navbar-nav > li.dropdown.user .dropdown-toggle:hover {
        text-decoration: none;
        background-color: #367fa9 !important;
    }
/*.user-photo{ width: 40px; height: 40px;}*/
.top-right .user a {
    padding-right: 10px !important;
    display: block;
}

.user-photo {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.nav.pull-right > li > .dropdown-menu::before, .nav > li > .dropdown-menu.pull-right::before {
    left: auto;
    right: 12px;
}

li.dropdown.user .dropdown-menu {
    left: auto;
    right: 0px;
}

.header .navbar-nav .dropdown-toggle:focus, .header .navbar-nav .dropdown-toggle:hover, .header .navbar-nav .dropdown.open .dropdown-toggle {
    background-color: #367fa9 !important;
}

.header .nav > li.user > .dropdown-menu::before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block !important;
    position: absolute;
    right: 9px;
    top: -7px;
}

.header .nav > li.user > .dropdown-menu::after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    right: 10px;
    position: absolute;
    top: -6px;
}

.header .navbar-nav .dropdown-menu {
    margin-top: 3px;
}


/******************************  leftbox    *********************************/
.leftbox {
    width: 210px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 50px;
    background: #323544 none repeat scroll 0 0;
}

.sidebar-nav {
}

    .sidebar-nav ul {
        margin: 0;
        padding: 0;
    }

        .sidebar-nav ul li {
        }

    .sidebar-nav > ul > li > a {
        display: block;
        color: #fff;
        padding: 12px 20px;
        border-top: 1px solid #414247;
        font-size: 14px;
        font-weight: 300;
    }

        .sidebar-nav > ul > li > a:hover {
            background: #222225;
        }

    .sidebar-nav > ul .sidebar-nav-li > a {
        background: url(../images/plus-white.png) 185px center no-repeat;
    }

        .sidebar-nav > ul .sidebar-nav-li > a:hover {
            background: #222225 url(../images/plus.png) 185px center no-repeat;
        }

    .sidebar-nav > ul > .current > a, .sidebar-nav > ul > .current > a:hover {
        background: #222225 url(../images/minus.png) 185px center no-repeat;
    }

    .sidebar-nav > ul > .current .subson {
        display: block;
    }

    .sidebar-nav > ul > .none.current > a {
        background: #222225;
    }

    .sidebar-nav .subson {
        display: none;
        background: #525565;
    }

        .sidebar-nav .subson li {
        }

            .sidebar-nav .subson li a {
                display: block;
                color: #fff;
                padding: 10px 20px 10px 29px;
                background: url(../images/arrow1.png) 185px center no-repeat;
            }

                .sidebar-nav .subson li a:hover, .sidebar-nav .subson .current > a {
                    background: #fff url(../images/arrow1.png) 185px center no-repeat;
                    color: #367fa9;
                }



/*-----------------------------
        MAIN CONTENT
------------------------------*/

.main-content {
    background: #fafafa;
    left: 210px;
    bottom: 0;
    position: absolute;
    right: 0;
    top: 50px;
    /*padding-top: 5px;*/
}

    .main-content iframe {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

.pagination-extend {
    margin: 0px !important;
}


/*路径导航*/
.breadcrumbwrap {
    padding-top: 8px;
}

    .breadcrumbwrap .breadcrumb {
    }

        .breadcrumbwrap .breadcrumb > li + li::before {
            color: #333;
            content: " > " !important;
            padding: 0px !important;
        }

    .breadcrumbwrap .breadcrumb {
        background: none;
        border-bottom: 1px solid #ddd;
        padding-bottom: 13px;
    }

        .breadcrumbwrap .breadcrumb > li {
            padding: 0 5px;
        }

/*tab*/
.tab-box {
}

.nav-tabs-extend > li > a {
    background: #f9f9f9 none repeat scroll 0 0;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    color: #333;
}

.mainbox_2a .tab-content {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.btnwrap {
    margin-top: 20px;
    margin-bottom: 20px;
}

.help-tips span {
    display: block;
    padding-top: 7px;
    color: #999;
}

.error-tips span {
    display: block;
    padding-top: 7px;
    color: #e4434b;
}

.error-tips {
    display: none;
    color: red;
}

.help-tips span {
    padding-left: -15px !important;
    margin-left: -15px !important;
}

.mainbox_2a .control-label {
    padding-right: 0px;
    color: #333;
}

.mainbox_2a .control-label {
    margin-bottom: 10px !important;
}

.mainbox_2a .addcat a {
    display: block;
    padding-top: 7px;
    padding-left: 0px;
    color: #3c8dbc;
    font-size: 14px;
}

    .mainbox_2a .addcat a:hover {
        color: #367fa9;
    }

.mainbox_2a .addcat {
    padding-left: 0px;
    margin-right: 0px !important;
}

.btncolor1 a {
    display: inline-block;
    padding: 6px 15px;
    border: 1px solid #e1e1e1;
}

    .btncolor1 a:focus {
        color: #333;
    }

    .btncolor1 a:hover, .btncolor1 .current {
        color: #fff;
        background: #3c8dbc;
        border-color: #3c8dbc;
    }


.filebox1 {
    padding-left: 0;
    margin-left: -10px;
}

.fileinput {
    display: block;
    height: 33px !important;
}


.table-notcondensed > thead > tr > th, .table-notcondensed > tbody > tr > th, .table-notcondensed > tfoot > tr > th, .table-notcondensed > thead > tr > td, .table-notcondensed > tbody > tr > td, .table-notcondensed > tfoot > tr > td, .table-notcondensed > tr > th, .table-notcondensed > tr > td {
    padding: 10px 8px;
}

.edit {
    color: #0079b8;
    margin-right: 15px;
    font-size: 14px;
}

.setting {
    color: #0079b8;
    font-size: 14px;
    margin-right: 15px;
}

.remove {
    color: #0079b8;
    font-size: 14px;
}

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


/*** 没有权限页面 ****/
.nopower_box {
    text-align: center;
    margin-top: 10%;
}

.nopower_icon {
    font-size: 100px;
}

.nopower_btnwrap {
    margin-top: 30px;
}




/*** 员工入职 ****/
.mainbox_2b {
}

.employee-basic {
    margin-top: 20px;
}

.form-label .form-group {
    position: relative;
}

    .form-label .form-group .control-label {
        padding-top: 7px;
        text-align: right;
        padding-left: 0px;
        width: 90px;
        padding-right: 15px;
    }

    .form-label .form-group .widtha2 {
        padding-left: 18px;
        width: 160px !important;
        text-align: left;
    }

    .form-label .form-group .widtha3 {
        padding-left: 18px;
        width: 195px !important;
        text-align: left;
    }

    .form-label .form-group .widtha4 {
        width: 80px !important;
    }

.form-label .form-controlwrap {
    left: 105px;
    top: 0px;
    position: absolute;
    right: 35px;
}

.form-label .form-controlwrap2 {
    left: 170px;
    top: 0px;
    position: absolute;
    right: 0;
}

.form-label .form-controlwrap3 {
    left: 200px;
    top: 0px;
    position: absolute;
    right: 0;
}

.form-label .form-controlwrap4 {
    left: 90px;
    top: 0px;
    position: absolute;
    right: 30px;
}

.form-label .form-controlwrap5 {
    left: 126px;
    top: 0px;
    position: absolute;
    right: 160px;
}

.form-label .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

    .form-label .form-group .help-hint {
        width: 10px;
        float: right;
        padding-top: 7px; /*color:#e4434b;*/
        color: #337ab7;
    }

    .form-label .form-group .help-hint1 {
        color: #337ab7;
    }

    .form-label .form-group .help-hint2 {
        width: 112px;
        float: right;
        color: #e4434b;
    }

.padd_lr0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.form-label .checkbox-inline {
    margin-top: 5px;
}

.form-controlwrap .radio-inline, .form-controlwrap .checkbox-inline {
    margin-top: 3px;
}


.form-group-expand {
    position: relative;
    display: block;
}

.employee-photo {
    width: 258px !important;
    margin-left: auto;
    margin-right: auto;
}

.employee-photo-hint {
    margin-bottom: 10px;
    display: block;
}

/*.employee-photo img {
    display: block;
    width: 252px;
    height: 312px;
    border: 1px solid #ddd;
    padding: 2px;
}*/

.employee-photo-btn {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
}
/*.employee-box1{ float:left;}
.employee-box2{float:right;}*/
.employee_bg1 {
    background: #f5f5f5;
}

.padd_mar00 {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

/*** 家庭成员资料 ****/
.edit, .remove {
}

.edit {
    margin-right: 15px;
}

.remove {
}

.table-thead-center thead tr th {
    text-align: center;
}


/*添加简历*/
.resume-box {
    margin-top: 15px;
}

.resume-item dl {
    border: 1px solid #ddd;
    display: block;
    width: 100%;
}

    .resume-item dl dt {
        padding: 5px;
    }

        .resume-item dl dt img {
            width: 100%;
            height: 360px;
        }

.resume-item .resume-title {
    font-size: 16px;
    color: #333;
    line-height: 28px;
}

.resume-item dl dd {
    padding: 8px 10px 20px 10px;
}

    .resume-item dl dd p {
        color: #838383;
    }

.resume-item dl:hover .resume-title {
    color: #2a6496;
}

.resume-item dl dd .resume-con {
    padding-top: 6px;
}

.resume-item dl:hover {
    transform: scale(1.0,1.0);
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=120,strength=20); ie8*/
    -moz-box-shadow: 2px 2px 15px #333; /*兼容firefox*/
    -webkit-box-shadow: 2px 2px 15px #333; /*兼容safari或chrome*/
    box-shadow: 2px 2px 15px #333; /*兼容opera或ie9*/
}




/*上传头像*/
.avatar_upload {
    padding: 2px;
    border: 1px solid #ddd;
    height: 318px !important;
    width: 258px !important;
}

    .avatar_upload a.files {
        position: relative;
        margin: 0 auto;
        float: left;
        width: 252px !important;
        height: 312px !important;
        overflow: hidden;
        display: block; /*border:1px solid #4fabe4;*/
        text-decoration: none;
    }

        .avatar_upload a.files img {
            width: 252px !important;
            height: 312px !important;
            position: absolute;
            left: 0;
            top: 0;
        }

        .avatar_upload a.files input {
            width: 252px !important;
            height: 312px !important;
            margin-left: 0px;
            font-size: 24px;
            cursor: pointer;
            filter: alpha(opacity=0);
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
        }

        .avatar_upload a.files, .avatar_upload a.files input {
            outline: none; /*ff*/
            hide-focus: expression(this.hideFocus=true); /*ie*/
        }

/*.avatar_upload .uploading {
        float: left;
        background: url(../images/loading.gif) no-repeat left center;
        padding-left: 18px;
        display: none;
        line-height: 24px;
        height: 24px;
        color: #333;
    }*/


/*员工详细表格*/
.table-staff-checkboxgroup label {
    font-weight: 400;
}

    .table-staff-checkboxgroup label input {
        display: block;
        float: left;
        margin-right: 4px;
        margin-top: 2px;
    }

.table-staff {
    border: 1px solid #000;
}

    .table-staff > tbody > tr > td, .table-staff > tbody > tr > th, .table-staff > tfoot > tr > td, .table-staff > tfoot > tr > th, .table-staff > thead > tr > td, .table-staff > thead > tr > th {
        /* border: 1px solid #000;*/
    }

    .table-staff > tbody > tr > td, .table-staff > tbody > tr > th, .table-staff > tfoot > tr > td, .table > tfoot > tr > th, .table-staff > thead > tr > td, .table-staff > thead > tr > th {
        vertical-align: middle; /* color:#000;*/
    }

.staff-info-sign {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.staff-title .title {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.staff-title-item {
    margin-bottom: 10px;
}

    .staff-title-item span {
        display: inline-block;
    }

.staff-title-itemborder {
    border-bottom: 1px solid #ddd;
    height: 24px;
    line-height: 24px;
    padding-left: 10px !impotant;
    width: 70%;
}



/*添加员工*/
.staffadd {
    width: 100%;
}

.staffadd-title {
    text-align: center;
    margin-top: 60px;
}

    .staffadd-title .title {
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .staffadd-title p {
        font-size: 18px;
        margin-bottom: 5px;
    }

.staffadd-con {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    text-align: center;
}

.staffadd-item {
    display: inline-block;
    text-align: center;
    width: 270px;
    margin-left: 30px;
    margin-right: 30px;
}

    .staffadd-item dl {
        border: 1px solid #ddd;
        width: 100%;
        min-height: 330px;
    }

    .staffadd-item dt {
        width: 50%;
        border-radius: 50%;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }

        .staffadd-item dt img {
            width: 100%;
        }

    .staffadd-item dl dd h4 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .staffadd-item dl dd p {
        color: #666;
        line-height: 20px;
        margin-bottom: 30px;
        padding: 10px 15px 0 15px;
        text-align: left;
        font-size: 14px;
    }

    .staffadd-item dl:hover {
        transform: scale(1.0,1.0);
        /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=120,strength=20); ie8*/
        -moz-box-shadow: 2px 2px 15px #333; /*兼容firefox*/
        -webkit-box-shadow: 2px 2px 15px #333; /*兼容safari或chrome*/
        box-shadow: 2px 2px 15px #333; /*兼容opera或ie9*/
    }

.staff-resume-img {
    text-align: center;
}

    .staff-resume-img img {
        max-width: 100%;
    }

/*箭头*/
.arrow1{ text-align:center; color:#ccc; vertical-align:middle;margin-top:auto; margin-bottom:auto; margin-top:170px;}
.arrow1 img{ width:100%;}


/*进度条*/
.six-sec-ease-in-out {
  -webkit-transition: width 10s ease-in-out;
  -moz-transition: width 10s ease-in-out;
  -ms-transition: width 10s ease-in-out;
  -o-transition: width 10s ease-in-out;
  transition: width 10s ease-in-out;
}


/* 后台颜色列表 */
.color_list{ margin-top:4px;}
.color_list li {
	position: relative;
	width: 30px;
	height: 24px;
	float:left;
}

.color_list li a {
	transition: all ease .2s;
	width: 30px;
	height: 24px;
	position: absolute;
}

.color_list li a:hover {
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	z-index: 3;
}

.color_list li a.active {
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.24), inset 2px 3px rgba(0,0,0,.16);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.24), inset 2px 3px rgba(0,0,0,.16);
	box-shadow: 1px 1px 2px rgba(0,0,0,.24), inset 2px 3px rgba(0,0,0,.16);
	border: solid 1px #fff;
	z-index: 2;
	width: 28px;
	height: 22px
}

.color_list li a.active:hover {
	transform: scale(1);
	-webkit-transform: scale(1)
}