/*----------------------------badge ------------------------------------------*/
.badge:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.badge-error {
    background-color: #b94a48;
}

    .badge-error:hover {
        background-color: #953b39;
    }

.badge-warning {
    background-color: #f89406;
}

    .badge-warning:hover {
        background-color: #c67605;
    }

.badge-success {
    background-color: #468847;
}

    .badge-success:hover {
        background-color: #356635;
    }

.badge-info {
    background-color: #3a87ad;
}

    .badge-info:hover {
        background-color: #2d6987;
    }

.badge-inverse {
    background-color: #333333;
}

/*----------------------------carousel ------------------------------------------*/
.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .glyphicon-menu-left {
    left: 50%;
    margin-left: -10px;
}

.carousel-control .glyphicon-menu-right {
    right: 50%;
    margin-right: -10px;
}



/*-------------------------------------------------------*/
/*-----------------------1. 颜色定义 ---------------------*/
/*-------------------------------------------------------*/


/*-----------------------border color define --------------------------------*/
.site-bcolor-lightgray {
    border-color: #f8f8f8 !important;
}

.site-bcolor-white {
    border-color: #ffffff !important;
}
.site-bcolor-danger {
    border-color: #d9534f !important;
}
.site-bcolor-gray {
    border-color:#eeeeee !important;
}
/*-----------------------font size define --------------------------------*/
.site-font-12{
    font-size:12px !important;
}
.site-font-14{
    font-size:14px !important;
}
.site-font-16{
    font-size:16px !important;
}
.site-font-18{
    font-size:18px !important;
}
.site-font-20{
    font-size:20px !important;
}

/*-----------------------background color define --------------------------------*/
.site-bgcolor-lightgray {
    background-color: #f8f8f8 !important;
}

.site-bgcolor-gray {
    background-color: #eeeeee !important;
}

.site-bgcolor-primary {
    background-color: #337ab7 !important;
}

.site-bgcolor-orange {
    background-color: #FF8C00 !important;
}

.site-bgcolor-warning {
    background-color: #f0ad4e !important;
}

.site-bgcolor-info {
    background-color:  #bce8f1 !important;
}

.site-bgcolor-success {
    background-color:  #d6e9c6 !important;
}

.site-bgcolor-white {
    background-color: #ffffff !important;
}

/*-----------------------text color define --------------------------------*/
.site-color-lightgray {
    color: #ccc;
}

.site-color-gray {
    color: #666 !important;
}

.site-color-white {
    color: #fff !important;
}

.site-color-red {
    color: #ff0000 !important;
}

.site-color-green {
    color: #00ff00 !important;
}

.site-color-blue {
    color: #0000ff !important;
}

.site-color-orange {
    color: #FF8C00 !important;
}

.site-color-primary {
    color: #337ab7 !important;
}

.site-color-success {
    color: #5cb85c !important;
}

.site-color-green-new {
    color: #47BF15 !important;
}


.site-color-info {
    color: #5bc0de !important;
}

.site-color-warning {
    color: #f0ad4e !important;
}

.site-color-danger {
    color: #d9534f !important;
}
.site-color-hui {
    color: #ccc !important;
}
.site-color-hui666 {
    color: #666 !important;
}
.site-color-userhong{
    color:#960018 !important;
}
.site-color-disabled {
    color: #999 !important;
}
/*-------------------------------------------------------*/
/*-----------------------1. 位置定义 ---------------------*/
/*-------------------------------------------------------*/


/*-------------------------------padding----------------------------------------*/
.site-padding-0 {
    padding: 0px !important;
}

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

.site-padding-horizontal-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}


.site-padding-horizontal-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.site-padding-horizontal-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.site-padding-horizontal-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.site-padding-horizontal-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.site-padding-horizontal-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

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

.site-padding-left-2 {
    padding-left: 2px !important;
}

.site-padding-left-5 {
    padding-left: 5px !important;
}

.site-padding-left-8 {
    padding-left: 8px !important;
}

.site-padding-left-10 {
    padding-left: 10px !important;
}

.site-padding-left-15 {
    padding-left: 15px !important;
}

.site-padding-left-20 {
    padding-left: 20px !important;
}

.site-padding-left-25 {
    padding-left: 25px !important;
}

.site-padding-left-30 {
    padding-left: 30px !important;
}

.site-padding-left-45 {
    padding-left: 45px !important;
}

.site-padding-left-50 {
    padding-left: 50px !important;
}

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

.site-padding-right-2 {
    padding-right: 2px !important;
}

.site-padding-right-5 {
    padding-right: 5px !important;
}

.site-padding-right-8 {
    padding-right: 8px !important;
}

.site-padding-right-10 {
    padding-right: 10px !important;
}

.site-padding-right-15 {
    padding-right: 15px !important;
}

.site-padding-right-20 {
    padding-right: 20px !important;
}

.site-padding-right-30 {
    padding-right: 30px !important;
}

.site-padding-right-45 {
    padding-right: 45px !important;
}

.site-padding-right-50 {
    padding-right: 50px !important;
}

.site-padding-vertical-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.site-padding-vertical-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.site-padding-vertical-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.site-padding-vertical-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.site-padding-vertical-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.site-padding-vertical-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.site-padding-vertical-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.site-padding-top-0 {
    padding-top: 0px !important;
}

.site-padding-top-2 {
    padding-top: 2px !important;
}

.site-padding-top-5 {
    padding-top: 5px !important;
}

.site-padding-top-8 {
    padding-top: 8px !important;
}

.site-padding-top-10 {
    padding-top: 10px !important;
}

.site-padding-top-15 {
    padding-top: 15px !important;
}

.site-padding-top-20 {
    padding-top: 20px !important;
}

.site-padding-top-100 {
    padding-top: 100px !important;
}

.site-padding-top-150 {
    padding-top: 150px !important;
}

.site-padding-bottom-0 {
    padding-bottom: 0px !important;
}

.site-padding-bottom-2 {
    padding-bottom: 2px !important;
}

.site-padding-bottom-5 {
    padding-bottom: 5px !important;
}

.site-padding-bottom-8 {
    padding-bottom: 8px !important;
}

.site-padding-bottom-10 {
    padding-bottom: 10px !important;
}

.site-padding-bottom-15 {
    padding-bottom: 15px !important;
}

.site-padding-bottom-20 {
    padding-bottom: 20px !important;
}

/*--------------------------------margin-------------------------------------*/
.site-margin-horizontal-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.site-margin-horizontal-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.site-margin-horizontal-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.site-margin-horizontal-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}


.site-margin-left-0 {
    margin-left: 0px !important;
}

.site-margin-left-5 {
    margin-left: 5px !important;
}

.site-margin-left-10 {
    margin-left: 10px !important;
}

.site-margin-left-15 {
    margin-left: 15px !important;
}

.site-margin-right-0 {
    margin-right: 0px !important;
}

.site-margin-right-5 {
    margin-right: 5px !important;
}

.site-margin-right-10 {
    margin-right: 10px !important;
}

.site-margin-right-15 {
    margin-right: 15px !important;
}

/**----------*/

.site-margin-vertical-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.site-margin-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.site-margin-vertical-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.site-margin-vertical-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.site-margin-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.site-margin-vertical-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.site-margin-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.site-margin-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.site-margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.site-margin-top-0 {
    margin-top: 0px !important;
}

.site-margin-top-5 {
    margin-top: 5px !important;
}

.site-margin-top-6 {
    margin-top: 6px !important;
}

.site-margin-top-8 {
    margin-top: 8px !important;
}

.site-margin-top-10 {
    margin-top: 10px !important;
}

.site-margin-top-15 {
    margin-top: 15px !important;
}

.site-margin-top-20 {
    margin-top: 20px !important;
}

.site-margin-top-30 {
    margin-top: 30px !important;
}

.site-margin-top-40 {
    margin-top: 40px !important;
}

.site-margin-bottom-0 {
    margin-bottom: 0px !important;
}

.site-margin-bottom-4 {
    margin-bottom: 4px !important;
}

.site-margin-bottom-5 {
    margin-bottom: 5px !important;
}

.site-margin-bottom-6 {
    margin-bottom: 6px !important;
}

.site-margin-bottom-8 {
    margin-bottom: 8px !important;
}

.site-margin-bottom-10 {
    margin-bottom: 10px !important;
}

.site-margin-bottom-15 {
    margin-bottom: 15px !important;
}

.site-margin-bottom-20 {
    margin-bottom: 20px !important;
}

.site-margin-bottom-30 {
    margin-bottom: 30px !important;
}

.site-margin-bottom-40 {
    margin-bottom: 40px !important;
}




/*-----------------简历卡片样式------------------------*/
/* show resume photo`s img-thumbnail style */
.site-hoverCtr {
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*clip:  默认值。不显示省略标记(...)，而是简单的裁切； ellipsis:  当对象内文本溢出时显示省略标记(...)*/


/* 工作背景图片大小为：220*360 下面配置按比例缩小的 */

.site-img-thumbnail-workphoto {
    min-width: 280px !important;
    max-width: 280px !important;
    min-height: 170px !important;
    max-height: 170px !important;
}

.site-img-thumbnail-workphoto-modal {
    min-width: 150px !important;
    max-width: 150px !important;
    min-height: 100px !important;
    max-height: 100px !important;
}

/*-----------------------------------------*/

.site-img-thumbnail-employee {
    min-width: 108px !important;
    max-width: 108px !important;
    min-height: 140px !important;
    max-height: 140px !important;
}

.site-img-thumbnail {
    min-width: 140px !important;
    max-width: 140px !important;
    min-height: 180px !important;
    max-height: 180px !important;
}


.site-img-thumbnail-caption ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.site-img-thumbnail-caption li {
    font-weight: bold;
}

    .site-img-thumbnail-caption li > span {
        font-weight: normal;
    }

    .site-img-thumbnail-caption li[role="row"], site-img-thumbnail-caption li[role="rowgroup"] {
        margin: 5px 0px 5px 0px;
        padding: 0px;
        font-weight: bold;
    }

.site-img-thumbnail-caption h5 {
    white-space: nowrap;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

    .site-img-thumbnail-caption li[role="row"] > span, .site-img-thumbnail-caption li[role="rowgroup"] > span, .site-img-thumbnail-caption h5 > span {
        margin-right: 10px;
        /*float: left;*/
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.site-img-thumbnail-caption li[role="row"] > span, .site-img-thumbnail-caption li[role="rowgroup"] > span {
    float: left;
}

.site-img-thumbnail-caption li[role="row"] > ul, .site-img-thumbnail-caption li[role="rowgroup"] > ul {
    float: left;
    display: inline-block;
}

    .site-img-thumbnail-caption li[role="row"] > ul > li {
        /*float: left;
    display: inline-block;*/
        margin-right: 5px;
        margin-bottom: 2px;
        margin-top: 0px;
    }

    .site-img-thumbnail-caption li[role="rowgroup"] > ul > li {
        float: left;
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 2px;
        margin-top: 5px;
    }

        /*员工卡片中的命令按钮*/
        .site-img-thumbnail-caption li[role="rowgroup"] > ul > li > button {
            padding-left: 10px;
            padding-right: 10px;
        }

.site-img-thumbnail-caption p {
    margin-top: 20px;
}

.site-img-thumbnail-caption dl dt {
    font-size: 1.15em;
    font-weight: bold;
}

.site-img-thumbnail-caption dl dd {
    font-size: 1.15em;
    font-weight: normal;
    padding-left: 8px;
}

/*------------------------------------------------*/


/*---------------------- mouseover show circl delete or add char -------------------*/
.site-btn-self, .site-btn-self-over {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

    .site-btn-self:hover > span:after, .site-btn-self-over:hover > span:after {
        display: inline-block;
        content: "";
        position: relative;
        top: 1px;
        font-family: 'Glyphicons Halflings';
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        float: right;
        color: #ff0000;
        margin-top: -6px;
        margin-right: -15px;
    }

.site-btn-self-delete-over:hover > span:after {
    content: "\e090";
}

.site-btn-self-delete > span:after {
    content: "\e090";
}

.site-btn-self-add-over:hover > span:after {
    content: "\e089";
    color: #00ff00;
}

.site-btn-self-add > span:after {
    content: "\e089";
    color: #00ff00;
}




/*----------------------------------------------------*/
/*-----------------组织公司前的标记图片-----------------*/
/*----------------------------------------------------*/

.branch-branch-icon {
    margin-top: 10px;
    background: url(images/unit.gif) left top no-repeat;
    background-origin: border-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    padding-left: 15px;
}

.branch-depart-icon {
    margin-top: 10px;
    background: url(images/dept.gif) left top no-repeat;
    background-origin: border-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    padding-left: 15px;
}

.branch-post-icon {
    margin-top: 10px;
    background: url(images/post.gif) left top no-repeat;
    background-origin: border-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    padding-left: 15px;
}