/** 
 * 文件总体描述说明，description
 * 
 * @copyright (c) 2012-2020, ChangSha MSNSI Inc.
 *                 This is NOT a freeware, use is subject to license terms.
 * @author yunzhi li <yunzhi.li.08@gmail.com> <464328282>
 * @link http://www.msnui.tk
 * @version 2014-11-24 21:03:54 UTF-8
 *          $Id$
 * @todo Description
 * 
 */

body {
    font:12px/1.5 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    background-color: #F2F2F2;
}
.body_width_copyright {
    margin-bottom: 50px;
}
.body_width_one_nav {
    margin-top: 60px;
}
.body_width_two_nav {
    margin-top: 110px;
}

/* the link style for all page */
body a,
body a:visited,
body a:active,
body a:focus {
    color: #333;
    text-decoration: none;
    outline: none;
}
body a:hover {
    color: #eb4f38;
}

/* top navegation */
.navbar p {
    margin-bottom: 0;
}
.topnav {
    background-color: #34383C;
    border-radius: 0;
    height: 40px;
    min-height: 0;
    line-height: 40px;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}
.topnav .navbar-header a,
.topnav .navbar-collapse a {
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.topnav .navbar-header a:hover,
.topnav .navbar-header a:focus,
.topnav .navbar-collapse .navbar-nav a:hover,
.topnav .navbar-collapse .navbar-nav a:focus {
    background-color: #585E65;
}
.topnav .navbar-collapse .navbar-nav a:hover,
.topnav .navbar-collapse .navbar-nav a:focus {
    color: #fff;
}

.topsubnav {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #dfdfdf;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    font-size: 14px;
    background-color: #fff;
    border-radius: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 40px;
    z-index: 99998;
}
.topsubnav .navbar-header {
    margin-right: 50px;
}
.topsubnav .navbar-nav .active a {
    padding-bottom: 12px;
    border-bottom: 3px solid #eb4f38;
    color: #eb4f38;
}
.navbar .label-primary {
    background-color: #eb4f38;
}

/* user infomation block */
.text-primary {
    color: #eb4f38;
}
.userinfo {
    margin-bottom: 20px;
}
.userinfo .col_border {
    border-left: 1px solid #cfd6da;
}
.userinfo p {
    margin-top: 9px;
    margin-bottom: 9px;
}

/* thumbnail infomation */
.thumbinfo .panel {
    border-radius: 0;
}
.thumbinfo table tr td {
    width: 33.333%;
    padding: 20px;
}
.sys_thumbinfo table td:hover {
    background-color: #f9f9f9;
}
.thumbinfo .info_block {
    padding: 0;
    margin: 0;
}
.thumbinfo .info_block h5 {
    margin-top: 5px;
}
.thumbinfo .icon_info {
    width: 50px;
    height: 50px;
    line-height: 46px;
    text-align: center;
    display: block;
    font-size: 30px;
    border-radius: 50%;
    border: 1px solid #dfdfdf;
    color: #fff;
    background-color: #eb4f38;
}
.thumbinfo .info_block strong {
    font-size: 20px;
}

/* copyright infomation */
.copyright {
    height: 30px;
    line-height: 30px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F2F2F2;
    z-index: 99997;
}

/* thumbnail infomation in list */
.list_thumbinfo table td p {
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
    margin: 0;
}
.list_thumbinfo table td p:hover {
    background-color: #F2F2F2;
}
.list_thumbinfo table td p a:hover {
    text-decoration: none;
}

/* page title */
.pagetitle {
    margin-bottom: 20px;
}
.pagetitle h4 {
    font-size: 16px;
    width: auto;
    height: 30px;
    line-height: 30px;
    display: block;
    border-left: 3px solid #7CB0DD;
    padding-left: 8px;
    margin-right: 20px;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
}
.pagetitle .btn-sm i {
    line-height: 18px;
}
.pagetitle .btn-primary {
    color: #fff;
}

/* workbench of the page, and the content is list */
.pageworkbench .workbench {
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
    background-color: #fff;
    margin-left: 0;
    margin-right: 0;
}
.pageworkbench .workbench_list_search,
.pageworkbench .workbench_form {
    margin-bottom: 10px;
}
.pageworkbench .workbench_list table td {
    vertical-align: middle;
}
.pageworkbench .workbench_list .pagination {
    margin-top: 5px;
    margin-bottom: 5px;
}
.pageworkbench .workbench_info {
    border-radius: 0;
}
.workbench_info .panel-heading {
    border-left: 4px solid #6d7781;
    border-radius: 0;
    padding-right: 0;
}
.workbench_info .panel-heading .btn {
    margin-top: -6px;
}
.workbench_info .panel-heading .btn-sm i {
    line-height: 18px;
}
.workbench_info table tr td {
    width: 33.33%;
    padding-left: 20px;
}
.workbench_info table tr td .text-muted {
    color: #999;
    padding-right: 10px;
}
.workbench_info .form-group .input-group-lg .input-group-addon {
    line-height: 24px;
    height: 46px;
}
.workbench .workbench_info .form-group {
    margin-left: 0;
    margin-right: 0;
}

/* menu stylesheet */
.menu .list-group-item {
    border-radius: 0;
    padding: 0;
}
.menu .list-group-item a {
    display: block;
    height: 44px;
}
.menu .list-group-item a .iconfont {
    padding: 10px;
    display: block;
    float: left;
    line-height: 24px;
    background-color: #f4f6f8;
}
.menu .list-group-item a span {
    display: block;
    padding: 10px;
    float: left;
    line-height: 24px;
}
.menu .list-group-item a:hover {
    background-color: #e7ebee;
    color: #333;
}

.menu .list-group-item a:hover .iconfont {
    background-color: #e0e5e9;
}
.menu .list-group-item a.active,
.menu .list-group-item a.active .iconfont, 
.menu .list-group-item a.active span {
    text-decoration: none;
    background-color: #646e7d;
    color: #fff;
}

/* for verify image */
.verifyimg {
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}

/* image upload style */
.img_full .img_con {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 5px;
    margin-bottom: 20px;
    display: none;
}
.img_full .btn_img_upload,
.img_cut .btn_img_save {
    margin-bottom: 20px;
}
.img_full .img_upload {
    display: none;
}
.img_full .progress {
    margin-bottom: 0;
}
.img_cut {
    position: relative;
    display: none;
}
.img_cut .preview-pane {
    display: block;
    position: absolute;
    z-index: 2000;
}
.img_cut .preview_border {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 5px;
    margin-bottom: 20px;
}
.img_cut .preview-container {
    display: none;
    overflow: hidden;
    width: 270px;
    height: 150px;
}

.modal {
    z-index: 100000;
}