@charset "UTF-8";

/***********************initial***********************/

.alertMSG,
#table-head,
#panel-searchAdv,
#panel-searchAdv>.panel-body,
#invitationAdmin-manuallyTest>.panel>.panel-body,
#table-positionIndex,
#invitationAdmin-manuallyTest-info .invitationAdmin-manuallyTest-mces,
#invitationAdmin-manuallyTest .invitationAdmin-manuallyTest-ans[ansType="mces"],
#invitationAdmin-manuallyTest .invitationAdmin-manuallyTest-ans[ansType="pipa"],
#invitationAdmin-manuallyTest .invitationAdmin-manuallyTest-ans[ansType="paos"],
#modal-doTest-ppss .modal-body>*:not(:first-child),
#doTest-ppss-ans>ol>*:not(:first-child),
#doTest-ppss-complete,
#modal-doTest-mces .modal-body>*:not(:first-child),
#doTest-mces-ans>ol>*:not(:first-child),
#doTest-mces-complete,
#modal-doTest-pipa .modal-body>*:not(:first-child),
#doTest-pipa-ans>ol.qType-ox>*:not(:first-child),
#doTest-pipa-ans>ol.qType-123456>*,
#doTest-pipa-complete,
#modal-doTest-wpna .modal-body>*:not(:first-child),
#doTest-wpna-ans>ol>*:not(:first-child),
#doTest-wpna-complete,
#countDownBar,
#advRpt-staffCompare .group-func,
#account .group-func,
#invitationAdmin-onlineInvitation .group-func,
#report .group-func,
#modal-GetPPSSReportForWPNA .group-func,
#modal-addOnlineInvitation .group-func,
#group-advRpt-ppss-total>.alert,
#group-advRpt-mces-total>.alert,
#group-advRpt-pipa-total>.alert,
#group-advRpt-ppss-compare>.alert,
#group-advRpt-mces-compare>.alert,
#group-advRpt-pipa-compare>.alert {
    display: none;
}

#panel-searchAdv>.panel-heading,
#invitationAdmin-manuallyTest>.panel>.panel-heading,
#select-advRpt-compare-default {
    cursor: pointer;
}

.input-group>.btn-group>label:first-child {
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
}

.badge-orange {
    background-color: #FF6000;
}

.scroll-statement {
    height: 300px;
    overflow: auto;
}

dl.dl-form {
    width: initial;
}

.alertMSG {
    height: 300px;
    padding-top: 90px;
    font-size: 250%;
    text-align: center;
    background: url(../common/images/emptyPage.png) #fcf8e3 center bottom no-repeat;
}

.a-white {
    color: white;
    font-size: 80%;
    line-height: 0;
    cursor: pointer;
}

.a-white:hover {
    color: pink;
}

#modal-help a {
    cursor: pointer;
}

.jumbotron {
    background-color: #F9F9F9;
}


/***********************initial***********************/


/***********************custom***********************/


/*layout*/

@media (min-width: 768px) {
    .tab-pane .container {
        width: 90%;
    }
}

@media (min-width: 992px) {
    .tab-pane .container {
        width: 80%;
    }
}

@media (min-width: 1200px) {
    .tab-pane .container {
        width: 80%;
    }
}

@media (min-width: 1400px) {
    .tab-pane .container {
        width: 80%;
    }
}

@media (max-width: 1200px) {
    .container {
        width: 1100px;
    }
}

@media (max-width: 1100px) {
    .container {
        width: 1000px;
    }
}

@media (max-width: 900px) {
    .container {
        width: 900px;
    }
}


body>.popup .modal-body {
    overflow-y: auto;
}
:-ms-fullscreen, #modal-addOnlineInvitation .modal-body{
    overflow-y: visible;
}
.modal-footer {
    border-top: none;
}
.panel:first-child,
.layout-topSpace {
    margin-top: 10px;
}

.layout-leftSpace {
    margin-left: 10px;
}

.box-shadow {
    border: solid #eee 1px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.36);
}

.layout-titleBorder {
    border: solid 1px #B0B3B5;
    padding: 2px 6px;
    font-weight: bolder;
    color: #808080;
    margin: 0 6px;
}

.border-right {
    border-right: solid 1px #C6C6C6;
}

ul {
    list-style-type: disc;
}

.nav-tabs>li>.glyphicon {
    position: absolute;
    right: 1px;
    top: -2px;
    color: #C7000B;
    cursor: pointer;
    display: none;
}

.nav-tabs>li.active>.glyphicon {
    display: block;
    transition: all 0.4s ease;
}

.nav-tabs>li.active>.glyphicon:hover {
    transform: scale(1.4, 1.4);
}


/*headline*/

#docDownload {
    float: right;
    margin-top: 10px;
}


/*table*/

#table-head {
    position: absolute;
    z-index: 1;
}

#table-head>thead>tr>th {
    background-color: #fff;
}

#table-callList>tbody>tr>td,
#table-callList>thead>tr>th {
    white-space: pre-line;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: none;
    }
    #table-callList>tbody>tr>td:nth-child(3),
    #table-callList>thead>tr>th:nth-child(3) {
        min-width: 150px;
    }
    #table-callList>tbody>tr>td:nth-child(4),
    #table-callList>thead>tr>th:nth-child(4) {
        min-width: 200px;
    }
    #table-callList>tbody>tr>td:nth-child(5),
    #table-callList>thead>tr>th:nth-child(5) {
        min-width: 100px;
    }
}

#table-callList>tbody>tr>td:nth-child(3),
#table-callList>thead>tr>th:nth-child(3) {
    width: 150px;
}

#table-callList>tbody>tr>td:nth-child(4),
#table-callList>thead>tr>th:nth-child(4) {
    width: 200px;
}

#table-account>tbody>tr>td:nth-child(1),
#table-account>thead>tr>th:nth-child(1),
#account #table-head>thead>tr>th:nth-child(1),
#table-invitationAdmin-onlineInvitation>tbody>tr>td:nth-child(1),
#table-invitationAdmin-onlineInvitation>thead>tr>th:nth-child(1),
#invitationAdmin-onlineInvitation #table-head>thead>tr>th:nth-child(1),
#table-report>tbody>tr>td:nth-child(1),
#table-report>thead>tr>th:nth-child(1),
#report #table-head>thead>tr>th:nth-child(1),
#table-noFinish>tbody>tr>td:nth-child(1),
#table-noFinish>thead>tr>th:nth-child(1) {
    text-align: center;
}

#table-advSearch1>tbody>tr>td:nth-child(1),
#table-advSearch1>thead>tr>th:nth-child(1),
#table-advSearch2>tbody>tr>td:nth-child(1),
#table-advSearch2>thead>tr>th:nth-child(1),
#table-advSearch3>tbody>tr>td:nth-child(1),
#table-advSearch3>thead>tr>th:nth-child(1) {
    width: 95px;
}

#advRpt-ppss-F14 {
    width: 736px;
    margin-right: auto;
    margin-left: auto;
}

#advRpt-ppss-F14>tbody>tr>td,
#advRpt-ppss-F14>thead>tr>th,
#advRpt-ppss-F14HL>tbody>tr>td,
#advRpt-ppss-F14HL>thead>tr>th {
    text-align: center;
}

#advRpt-ppss-F14HL>tbody>tr>td:nth-child(4) {
    text-align: left;
}

#advRpt-ppss-F14>tbody>tr>td:nth-child(3),
#advRpt-ppss-F14>thead>tr>th:nth-child(3),
#advRpt-ppss-F14>tbody>tr>td:nth-child(4),
#advRpt-ppss-F14>thead>tr>th:nth-child(4),
#advRpt-ppss-F14>tbody>tr>td:nth-child(5),
#advRpt-ppss-F14>thead>tr>th:nth-child(5),
#advRpt-ppss-F14>tbody>tr>td:nth-child(6),
#advRpt-ppss-F14>thead>tr>th:nth-child(6) {
    width: 108px;
}

#advRpt-ppss-F14HL>tbody>tr>td:nth-child(1),
#advRpt-ppss-F14HL>thead>tr>th:nth-child(1),
#advRpt-ppss-F14HL>tbody>tr>td:nth-child(2),
#advRpt-ppss-F14HL>thead>tr>th:nth-child(2) {
    width: 77px;
}

#advRpt-ppss-F14HL>tbody>tr>td:nth-child(3),
#advRpt-ppss-F14HL>thead>tr>th:nth-child(3) {
    width: 160px;
}

#advRpt-ppss-F14HL>tbody>tr:nth-child(1)>td,
#advRpt-ppss-F14HL>tbody>tr:nth-child(2)>td,
#advRpt-ppss-F14HL>tbody>tr:nth-child(3)>td {
    background-color: rgb(255, 255, 246);
}

#advRpt-ppss-F14HL>tbody>tr:nth-child(4)>td,
#advRpt-ppss-F14HL>tbody>tr:nth-child(5)>td {
    background-color: #FFF6F6;
}

#printReportArea .table-ppss-P7_Symbol>tbody>tr>td>span,
#printReportArea .table-ppss-P8_Symbol>tbody>tr>td>span,
#printTempMain .table-ppss-P7_Symbol>tbody>tr>td>span,
#printTempMain .table-ppss-P8_Symbol>tbody>tr>td>span {
    display: block;
}

#printReportArea .table-mces-P4M>tbody>tr>td:nth-child(1),
#printReportArea .table-mces-P4M>thead>tr>th:nth-child(1),
#printTempMain .table-mces-P4M>tbody>tr>td:nth-child(1),
#printTempMain .table-mces-P4M>thead>tr>th:nth-child(1),
#group-advRpt-mces-total .factor>tbody>tr>td:nth-child(1),
#group-advRpt-mces-total .factor>thead>tr>th:nth-child(1) {
    width: 150px;
}

#printReportArea .table-mces-P4M>tbody>tr>td:nth-child(2),
#printReportArea .table-mces-P4M>thead>tr>th:nth-child(2),
#printTempMain .table-mces-P4M>tbody>tr>td:nth-child(2),
#printTempMain .table-mces-P4M>thead>tr>th:nth-child(2),
#group-advRpt-mces-total .factor>tbody>tr>td:nth-child(2),
#group-advRpt-mces-total .factor>thead>tr>th:nth-child(2) {
    width: 55px;
}

#printReportArea .table-mces-P4M>tbody>tr>td:nth-child(3),
#printReportArea .table-mces-P4M>thead>tr>th:nth-child(3),
#printTempMain .table-mces-P4M>tbody>tr>td:nth-child(3),
#printTempMain .table-mces-P4M>thead>tr>th:nth-child(3)
{
    width: 80px;
}

#group-advRpt-mces-total .factor>tbody>tr>td:nth-child(3),
#group-advRpt-mces-total .factor>thead>tr>th:nth-child(3),
#group-advRpt-mces-total .factor>tbody>tr>td:nth-child(4),
#group-advRpt-mces-total .factor>thead>tr>th:nth-child(4),
#group-advRpt-mces-total .factor>tbody>tr>td:nth-child(5),
#group-advRpt-mces-total .factor>thead>tr>th:nth-child(5),
#group-advRpt-mces-total .factor>tbody>tr>td:nth-child(6),
#group-advRpt-mces-total .factor>thead>tr>th:nth-child(6),
#group-advRpt-mces-total .factor>tbody>tr>td:nth-child(7),
#group-advRpt-mces-total .factor>thead>tr>th:nth-child(7) {
    width: 95px;
}

#index-status tbody>tr>td,
#index-status thead>tr>th {
    text-align: center;
}

#index-status tbody>tr>td:last-child,
#index-status thead>tr>th:last-child {
    width: 166px;
}

#printReportArea .table-condensed>tbody>tr>td,
#printReportArea .table-condensed>tbody>tr>th,
#printTempMain .table-condensed>tbody>tr>td,
#printTempMain .table-condensed>tbody>tr>th
{
    padding: 4px;
}

#group-advRpt-mces-total tbody>tr>td {
    text-align: center;
}

#group-advRpt-mces-total tbody>tr>td:last-child {
    text-align: left;
}
/*table*/
/*span*/
#table-auth .glyphicon-ok {
    color: green;
}
#table-auth .glyphicon-remove {
    color: silver;
}
/*span*/
/*space*/
.margin-20 {
    margin: 20px;
}
/*space*/
/*canvas*/
.canvas-forceW {
    max-width: 400px;
    margin: 0 auto;
}

#printReportArea .canvas-forceW ,
#printTempMain .canvas-forceW {
    max-width: 420px;
    margin: 0 auto;
    border: solid 1px #ddd;
    padding: 10px;
}
#printReportArea .canvasSpace,
#printTempMain .canvasSpace {
    margin-bottom: 20px;
}
.canvas-forceW-mces {
    max-width: 600px;
    margin: 0 auto;
}
.canvas-forceW-mcesCompare {
    max-width: 1000px;
    height: 500px;
    margin: 0 auto;
}
.canvas-forceW-pipaCompare {
    max-width: 1000px;
    max-height: 500px;
    margin: 0 auto;
}
.canvas-forceW-pipa {
    max-width: 600px;
    margin: 0 auto;
}
/*test*/
#doTest-ppss-help,
#doTest-wpna-help {
    margin-right: 17px;
}
#doTest-mces-testStep,
#doTest-pipa-testStep,
#doTest-wpna-testStep {
    margin-bottom: 20px;
}
#doTest-ppss-ans li,
#doTest-pipa-ans>ol.qType-123456 li,
#doTest-wpna-ans li {
    line-height: 60px;
    position: relative;
}
#doTest-mces-ans li:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: solid 1px #DDDDDD;
}
#doTest-ppss-ans li:hover,
#doTest-mces-ans li:hover,
#doTest-pipa-ans>ol.qType-123456 li:hover,
#doTest-wpna-ans li:hover {
    background-color: #F3F3F3;
}
#doTest-ppss-ans .btn-group,
#doTest-pipa-ans>ol.qType-123456 .btn-group,
#doTest-wpna-ans .btn-group {
    position: absolute;
    right: 0;
    top: 22%;
}
.input-group>.doTest-mces-ansA+span.input-group-addon {
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#doTest-pipa-ans>ol.qType-ox li:not(:last-child) {
    margin-bottom: 15px;
    border-bottom: solid 1px #DDDDDD;
}
#doTest-pipa-ans>ol.qType-ox li {
    cursor: pointer;
    padding-left: 15px;
}
#doTest-pipa-ans>ol.qType-ox li,
#doTest-pipa-ans>ol.qType-ox label {
    cursor: pointer;
}
#doTest-pipa-ans>ol.qType-ox li:hover {
    background-color: #F3F3F3;
}
/*advRpt*/
/*?��??��?-?�格*/
#advRpt-ppss-F14>tbody>tr>td.maxFactorPercentageBG,
#group-advRpt-mces-total .factor-M>tbody>tr>td.maxFactorPercentageBG,
#group-advRpt-mces-total .factor>tbody>tr>td.maxFactorPercentageBG {
    background-color: #F67073;
    color: #fff;
    font-weight: bolder;
}
/*tipType*/
#advRpt .tipType {
    font-weight: bolder;
    border: solid 1px;
}
/*filter*/
#modal-advRpt .modal-body {
    padding: 0;
}
#advRpt-filter>[filterCode]>li {
    position: relative;
    padding: 10px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
}
#advRpt-filter>[filterCode]>li.active {
    background-color: rgba(255, 0, 0, 0.12);
}
#advRpt-filter>[filterCode]>li:not(:last-child) {
    border-bottom: solid 1px rgba(0, 0, 0, 0.32);
}
#advRpt-total-filterTotal {
    font-size: 95%;
    vertical-align: middle;
}
#modal-advRpt .modal-body {
    overflow-y: auto;
}
#advRpt-compare_default {
    height: 300px;
    font-size: 200%;
    padding-top: 100px;
    text-align: center;
}
/*compare behaviors*/
#group-advRpt-ppss-compare .compare-behaviors-doughnut,
#group-advRpt-ppss-compare .compare-A15_17-doughnut .col-md-4 {
    margin-top: 25px;
    margin-bottom: 25px;
}
#group-advRpt-ppss-compare .compare-A15_17-doughnut>.row:not(:last-child) {
    border-bottom: solid 1px #ccc;
}
/*#group-advRpt-ppss-compare>.panel>.panel-body {
        min-height: 604px;
    }*/
#advRpt-ppss-compare-factors-type>span,
#advRpt-ppss-compare-behaviors-type>span,
#advRpt-compareAccounts-ppss-compare-factors-type>span {
    white-space: normal;
}
/*compare factors*/
#group-advRpt-compare-func>.row-func:first-child {
    border-bottom: none;
}
.btn-group-part>.filterCancel {
    position: absolute;
    top: -7px;
    right: 0;
    background-color: white;
    border-radius: 50%;
    font-size: 120%;
    cursor: pointer;
    display: none;
}
.btn-group>.btn-group-part.active,
.btn-group>.btn-group-part:focus>.btn {
    z-index: 1;
    outline: 0;
}
.btn-group>.btn-group-part:first-child:not(:last-child):not(.dropdown-toggle)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group>.btn-group-part:last-child:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group>.btn-group-part:not(:first-child):not(:last-child):not(.dropdown-toggle)>.btn {
    border-radius: 0;
}
.btn-group>.btn-group-part:first-child>.btn {
    margin-left: 0;
}
.btn-group .btn-group-part+.btn-group-part,
.btn-group .btn-group-part+.btn-group,
.btn-group .btn-group+.btn-group-part,
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}
.btn-group-vertical>.btn-group-part,
.btn-group>.btn-group-part {
    position: relative;
    float: left;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
 }
#advRpt-ppss-compare-factors-type,
#advRpt-ppss-compare-behaviors-type,
#advRpt-compareAccounts-ppss-compare-factors-type,
#advPpt-compareSelf-ppss-compare-factors-type {
    white-space: nowrap;
}
#advRpt-ppss-compare-factors-type>.label,
#advRpt-ppss-compare-behaviors-type>.label,
#group-advRpt-mces-compare .label,
#group-advRpt-pipa-compare .label,
#advRpt-compareAccounts-ppss-compare-factors-type>.label,
#advPpt-compareSelf-ppss-compare-factors-type>.label {
    font-size: 105%;
}
#advRpt-ppss-compare-factors-type .filterColor,
#advRpt-ppss-compare-behaviors-type .filterColor,
#group-advRpt-mces-compare .filterColor,
#group-advRpt-pipa-compare .filterColor,
#advRpt-compareAccounts-ppss-compare-factors-type .filterColor,
#advPpt-compareSelf-ppss-compare-factors-type .filterColor {
    width: 14px;
    height: 14px;
    margin-left: 5px;
    border: solid 1px white;
    display: inline-block;
}
/*select in modal*/
#modal-deptSelect .modal-body,
#modal-advPpt-compareSelf .overFlow,
#modal-normalSelect .modal-body,
#modal-industrySelect .modal-body,
#modal-positionSelect .modal-body {
    padding: 0;
    overflow-y: auto;
}
#modal-advPpt-compareSelf .modal-body {
    max-height: 555px;
}
#list-deptSelect>li,
#list-advPpt-compareSelf>li,
#list-normalSelect>li,
#list-industrySelect>li,
#list-industryIDSelect>li,
#list-positionSelect>li,
#list-positionIDSelect>li {
    position: relative;
    padding: 10px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
}
#list-advPpt-compareSelf>li>span:last-child {
    float: right;
    font-size: 80%;
    line-height: 50px;
}

#list-deptSelect>li.active,
#list-advPpt-compareSelf>li.active {
    background-color: rgba(255, 0, 0, 0.12);
}
#list-deptSelect>li:not(:last-child),
#list-advPpt-compareSelf>li:not(:last-child),
#list-normalSelect>li:not(:last-child),
#list-industrySelect>li:not(:last-child),
#list-industryIDSelect>li:not(:last-child),
#list-positionSelect>li:not(:last-child),
#list-positionIDSelect>li:not(:last-child) {
    border-bottom: solid 1px rgba(0, 0, 0, 0.32);
}
/*selected list*/
.list-deptSelected {
    margin-bottom: 0;
    margin-top: 5px;
    text-align: center;
}
.list-deptSelected>li:not(:last-child) {
    border-bottom: solid 1px rgba(0, 0, 0, 0.32);
}
.list-deptSelected>li {
    position: relative;
}
.list-deptSelected>li>.glyphicon-remove {
    position: absolute;
    color: gainsboro;
    right: 10px;
    top: 30%;
    cursor: pointer;
}
.list-deptSelected>li:hover>.glyphicon-remove {
    color: #C7000B;
}
/*select industry*/
.modal:not(#modal-addOnlineInvitation):not(#modal-GetPPSSReportForWPNA):not(#modal-GetComapreReportList) .btn-deptSelect,
.btn-industrySelect,
.modal .btn-positionSelect,
.tab-pane .btn-positionSelect {
    margin-top: 4px;
}
.mar-botn{
   margin-bottom: 10px;
 }
/*cssTooltip*/
.custom-func>.cssTooltip [data-cssTooltip]:hover::after {
    top: -40px;
}
#manuallyTest-group .btn-deptSelect{
    margin-top: 10px;
 }
/*tip*/
#tip-mask,
.cssTooltip-tip {
    display: none;
}
#btn-tip {
    cursor: pointer;
}
#tip-mask {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.35);
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2000;
}
#tip-mask>.tip-close {
    font-size: 400%;
    margin: 55px;
    color: #C7000B;
    opacity: 1;
    transition: all 0.4s ease;
}
#tip-mask>.tip-close:hover {
    font-size: 500%;
    color: #C7000B;
}
.cssTooltip-tip {
    position: absolute;
    color: black;
    background-color: white;
    border-radius: 20px 20px 20px 20px;
    padding: 15px 20px;
    z-index: 2000;
}
.cssTooltip-tip:before {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent white;
    position: absolute;
    top: 17px;
    left: -10px;
    border-color: white;
    border-width: 5px 10px 5px 0;
    border-color: transparent white transparent transparent;
}
.cssTooltip-tip:after {
    content: attr(data-cssTooltip-tip-step);
    border-radius: 50px;
    position: absolute;
    top: -15px;
    left: 20px;
    padding: 8px;
    line-height: 14px;
    color: white;
    background: #C7000B;
    font-weight: bolder;
    width: 30px;
    height: 30px;
}
.cssTooltip-tip>.cssTooltip-next,
.cssTooltip-tip>.cssTooltip-skip {
    position: absolute;
    bottom: -40px;
    font-weight: bolder;
}
.cssTooltip-tip>.cssTooltip-next {
    right: 0;
}
.cssTooltip-tip>.cssTooltip-skip {
    right: 90px;
    font-size: 85%;
    color: #fff;
    cursor: pointer;
}
.cssTooltip-tip>.cssTooltip-skip:hover {
    color: #C7000B;
}

.cssTooltip-tip>label {
    color: #C7000B;
}
/*comInfo*/
#custom>.panel-body>.custom-edit>.col-md-12 {
    padding: 66px 40px 40px 40px;
}
#custom>.panel-body>.custom-edit>.col-md-12:not(:first-child) {
    padding-top: 50px;
    margin-top: 30px;
}
#basicSettings-comInfo-imageurl>img {
    width: 120px;
}
/*manuallyTest-single*/
#manuallyTest-single>.panel-body>.col-md-12:not(:last-child) {
    padding: 20px;
    margin-bottom: 20px;
}
/*index*/
#index-status .panel-body {
    padding-left: 0;
    padding-right: 0;
}
#index .welcomeBg {
    background-color: #FFFDF4;
    box-shadow: 3px 3px 8px rgba(117, 101, 60, 0.61);
    background: url(../images/index-welcomeBg.png) #FFFDF4 center top no-repeat;
}
body.indexBg {
    background: url(../images/bg-body.png) center center no-repeat;
}
#index .indexTest {
    display: none;
}
#table-index tr:hover>td {
    background-color: #C7000B;
    color: #fff;
    cursor: pointer;
}


/*welcome btn*/

#index .layout-round {
    border-radius: 50%;
    text-align: center;
    width: 200px;
    height: 200px;
    line-height: 200px;
    font-size: 210%;
    box-shadow: 3px 3px 5px #8A1919;
    border: solid 5px #FFE0DF;
}

#index .color-red {
    background-color: #CA2621;
    color: white;
}

#index .layout-round {
    font-size: 190%;
}

#index [data-tooltipTitle]:after {
    color: #C7000B;
    position: absolute;
    left: 39%;
    bottom: 43%;
    content: attr(data-tooltipTitle);
    line-height: 170%;
    font-size: 170%;
    font-weight: bolder;
    cursor: pointer;
}

#index .cssTooltip-circle>[data-tooltipContent] {
    position: relative;
}

#index .cssTooltip-circle>[data-tooltipContent]::after {
    color: #BF0000;
    position: absolute;
    left: 20%;
    bottom: 77%;
    content: attr(data-tooltipContent);
    line-height: 120%;
    font-weight: bolder;
    padding: 5px 8px;
    margin-bottom: 15px;
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease;
    border-bottom: solid 1px;
    border-left: solid 1px;
    transform: skewX(-20deg);
}

#index .cssTooltip-circle>[data-tooltipContent]:hover::before {
    bottom: 65%;
}

#index .cssTooltip-circle>[data-tooltipContent]:hover::after {
    bottom: 77%;
    left: -6%;
}

#index .cssTooltip-circle>[data-tooltipContent]:hover::after,
#index .cssTooltip-circle>[data-tooltipContent]:hover::before {
    opacity: 1;
    z-index: 1000;
}

#index .cssTooltip-circle.touch>[data-tooltipContent]:hover::after,
#index .cssTooltip-circle.touch>[data-tooltipContent]:hover::before {
    opacity: 1;
    z-index: 1000;
}

#index .cssTooltip-circle>[data-tooltipContent].active .content,
#index .cssTooltip-circle>[data-tooltipContent]:hover .content {
    transition: all 0.4s ease;
    background-color: #C7000B;
}

#index .cssTooltip-circle>[data-tooltipContent].active>[data-tooltipTitle]:after,
#index .cssTooltip-circle>[data-tooltipContent]:hover>[data-tooltipTitle]:after {
    transition: all 0.4s ease;
    color: #fff;
}

#index .outer-circle {
    border: 10px solid #FFBABA;
    border-top-color: #C7000B;
    margin: 20% auto;
    text-align: center;
    background: -webkit-linear-gradient(top, #ffffff 48%, #FFBABA 49%, #FFBABA 51%, #fff 52%);
    background: -moz-linear-gradient(top, #ffffff 48%, #FFBABA 49%, #FFBABA 51%, #fff 52%);
    background: linear-gradient(to bottom, #ffffff 48%, #FFBABA 49%, #FFBABA 51%, #fff 52%);
    width: 220px;
    height: 220px;
    -webkit-border-radius: 220px;
    -moz-border-radius: 220px;
    border-radius: 220px;
    -webkit-animation: turning_cw 5s infinite;
    -moz-animation: turning_cw 5s infinite;
    animation: turning_cw 5s infinite;
    position: relative;
    opacity: 0.7;
    cursor: pointer;
}

#index .inner-circle {
    border: 10px solid #FFBABA;
    border-left-color: #FF525C;
    border-right-color: #C7000B;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    position: absolute;
    background: -webkit-linear-gradient(top, #FFBABA 48%, #C7000B 49%, #C7000B 51%, #FFBABA 52%);
    background: -moz-linear-gradient(top, #FFBABA 48%, #C7000B 49%, #C7000B 51%, #FFBABA 52%);
    background: linear-gradient(to bottom, #FFBABA 48%, #C7000B 49%, #C7000B 51%, #FFBABA 52%);
    margin: 10px;
    width: 180px;
    height: 180px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    -webkit-animation: turning_acw 3s infinite;
    -moz-animation: turning_acw 3s infinite;
    animation: turning_acw 3s infinite;
}

#index .center-circle {
    border: 10px solid #C7000B;
    border-bottom-color: #FFBABA;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    position: absolute;
    background: #fff;
    margin: 10px;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    border-radius: 140px;
    -webkit-animation: turning_cw 5s infinite;
    -moz-animation: turning_cw 5s infinite;
    animation: turning_cw 5s infinite;
}

#index .content {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 140px;
    -moz-border-radius: 140px;
    border-radius: 140px;
    text-align: center;
    line-height: 120px;
    font-size: 30px;
    color: #C7000B;
    text-shadow: 0 2px 2px #000;
    font-weight: bold;
}

@-webkit-keyframes aura {
    0% {
        text-shadow: 0 2px 2px #000;
    }
    50% {
        text-shadow: 0 10px 10px #000;
        line-height: 190px;
    }
    100% {
        text-shadow: 0 2px 10px #000;
    }
}

@-webkit-keyframes turning_cw {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes turning_acw {
    0% {
        -webkit-transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes aura {
    0% {
        text-shadow: 0 2px 2px #000;
    }
    50% {
        text-shadow: 0 10px 10px #000;
        line-height: 190px;
    }
    100% {
        text-shadow: 0 2px 10px #000;
    }
}

@-moz-keyframes turning_cw {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes turning_acw {
    0% {
        -moz-transform: rotate(360deg);
    }
    100% {
        -moz-transform: rotate(0deg);
    }
}

@keyframes aura {
    0% {
        text-shadow: 0 2px 2px #000;
    }
    50% {
        text-shadow: 0 10px 10px #000;
        line-height: 190px;
    }
    100% {
        text-shadow: 0 2px 10px #000;
    }
}

@keyframes turning_cw {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes turning_acw {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


/*selectList-customField*/

.selectList-customField .input-sm1 {
    margin-left: 5px;
}

.selectList-customField dt {
    color: gray;
    font-size: 80%;
    font-weight: initial;
}

.selectList-customField dt>span.CustomFieldDesc {
    font-size: 50%;
    color: #C3C3C3;
}


/*onlineInvitation*/

#modal-addOnlineInvitation .modal-body,
#modal-GetPPSSReportForWPNA .modal-body,
#modal-GetComapreReportList .modal-body {
    padding-top: 0;
    padding-bottom: 0;
}

#modal-addOnlineInvitation .table-responsive {
    overflow-y: auto;
}

#modal-addOnlineInvitation .row-func,
#modal-GetPPSSReportForWPNA .row-func,
#modal-GetComapreReportList .row-func {
    padding-left: 23px;
}

#table-invitationAdmin-onlineInvitation td[Name],
#table-invitationAdmin-groupTest td.used {
    color: #C7000B;
    font-weight: bolder;
    text-decoration: underline;
    cursor: pointer;
}

#table-addOnlineInvitation>tbody>tr>td:not(:first-child),
#modal-GetPPSSReportForWPNA table>tbody>tr>td:not(:first-child),
#modal-GetComapreReportList table>tbody>tr>td:not(:first-child) {
    cursor: pointer;
}


/*countDownBar*/

#countDownBar {
    position: fixed;
    top: 0;
    width: 100%;
    height: 20px;
}

#countDownBar>.progress {
    background-color: #FFB5B5;
}

#countDownBar>.progress>.progress-bar-redFlash {
    -webkit-animation: redFlash .6s ease infinite alternate;
    animation: redFlash .6s ease infinite alternate;
}

@keyframes redFlash {
    0% {
        background-color: red;
    }
    100% {
        background-color: #d9534f;
    }
}

#countDownBar>.timeDisplay {
    position: absolute;
    top: 0;
    left: 45%;
    line-height: 1;
    color: #fff;
    text-shadow: 1px 1px 1px #581010;
    font-weight: bolder;
}


/*report*/

h3.bottomBorder {
    border-bottom: solid 1px #B0B3B5;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

#modal-reportAdvFiliter .modal-body {
    overflow-y: auto;
}

#modal-reportAdvFiliter .alert {
    margin: 0;
}

#modal-reportAdvFiliter .alert li {
    font-size: 80%;
}

#modal-reportAdvFiliter .input-all {
    line-height: 140%;
    font-size: 90%;
}

#printReportArea,#printTempMain,
#printArea-advRpt-total,
#printArea-advRpt-compare {
    font-size: 75%;
}

#printReportArea .report-title,
#printTempMain .report-title,
#printArea-advRpt-total .report-title,
#printArea-advRpt-compare .report-title,
#printArea-advRpt-staffCompare .report-title {
    font-weight: bolder;
    text-align: center;
    font-size: 30px;
}

#printReportArea .li-title,
#printTempMain .li-title,
#printArea-advRpt-total .li-title,
#printArea-advRpt-compare .li-title,
#printArea-advRpt-staffCompare .li-title {
    font-weight: bolder;
    font-size: 16px;
}

#printReportArea .positionIcon,
#printTempMain .positionIcon {
    font-family: PMingLiU;
}

#printReportArea .pLayout p,
#printTempMain .pLayout p  {
    line-height: 24px;
    margin: 0;
}

#advRpt-staffCompare .filterCancel {
    cursor: pointer;
}

#advRpt-staffCompare .compareTarget>.filterCancel {
    color: #D9534F;
    vertical-align: middle;
    margin-left: -2px;
    display: none;
}

#advRpt-staffCompare .filterCancel:hover>label {
    background-color: #9B1C18;
    position: absolute;
    right: 0px;
}

.btn-startCompare .filterCancel:hover>label {
    background-color: #9B1C18;
}

#advRpt-staffCompare .compareTarget {
    position: absolute;
    right: 0px;
}

#advRpt-staffCompare .compareTarget:hover>.filterCancel {
    color: #9B1C18;
}

#printReportArea h4 ,
#printTempMain h4
{
    font-weight: bolder;
}

#printReportArea .listTitle,
#printTempMain .listTitle {
    font-size: 17px;
}

#printReportArea .table>tbody>tr>th,
#printReportArea .table>tfoot>tr>th,
#printReportArea .table>thead>tr>th,
#printTempMain .table>tbody>tr>th,
#printTempMain .table>tfoot>tr>th,
#printTempMain .table>thead>tr>th,
#printArea-advRpt-total .table>tbody>tr>th,
#printArea-advRpt-total .table>tfoot>tr>th,
#printArea-advRpt-total .table>thead>tr>th,
#printArea-advRpt-compare .table>tbody>tr>th,
#printArea-advRpt-compare .table>tfoot>tr>th,
#printArea-advRpt-compare .table>thead>tr>th,
#printArea-advRpt-staffCompare .table>tbody>tr>th,
#printArea-advRpt-staffCompare .table>tfoot>tr>th,
#printArea-advRpt-staffCompare .table:not(#table-advRpt-staffCompare):not(#table-head)>thead>tr>th,
#printReportArea .paos th,
#printReportArea .table-MTrait>tbody>tr>td:nth-child(2),
#printReportArea .table-mces-P4M>tbody>tr>td:nth-child(3),
#printReportArea .table-MTrait>tbody>tr>td:nth-child(1),
#printReportArea .table-MTrait>tbody>tr>td:nth-child(3),
#printReportArea .table-P1_Motivation>tbody>tr>td,
#printTempMain .paos th,
#printTempMain .table-MTrait>tbody>tr>td:nth-child(2),
#printTempMain .table-mces-P4M>tbody>tr>td:nth-child(3),
#printTempMain .table-MTrait>tbody>tr>td:nth-child(1),
#printTempMain .table-MTrait>tbody>tr>td:nth-child(3),
#printTempMain .table-P1_Motivation>tbody>tr>td
 {
    text-align: center;
}

#printReportArea .table>tbody>tr>td,
#printTempMain .table>tbody>tr>td  {
    vertical-align: middle;
}


/*WPNA*/

@media (min-width: 992px) {
    #modal-GetPPSSReportForWPNA .modal-lg,
    #modal-GetComapreReportList .modal-lg {
        width: 1200px;
    }
}

#modal-GetPositionAnsLit .GetPositionAnsLit .btn-delete {
    color: #C7000B;
    font-size: 25px;
    margin-top: 25px;
    cursor: pointer;
}

#modal-GetPositionAnsLit .GetPositionAnsLit .btn-delete:hover {
    color: red;
}


/*footer*/

footer#mainFooter {
    padding-top: 20px;
    background: #BF0000;
    box-shadow: 0 -2px 5px gray;
    color: white;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 70%;
}

footer#mainFooter a {
    color: white;
}

footer#mainFooter a:hover {
    color: #FFE0E0;
}

#mainFooter-tel>strong:not(:last-child),
#mainFooter-menu>a:not(:last-child) {
    border-right: solid 1px white;
    padding-right: 10px;
    margin-right: 10px;
}


/*keyin*/

#manuallyTest-single>.panel-body>[ansType="mces"]>.appendArea>.col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}


/*help*/

#modal-help h3 {
    font-weight: bolder;
    text-align: center;
    color: #BF0000;
}

#modal-help a:focus {
    color: #C7000B;
}

#modal-help .list-cjk {
    list-style-type: cjk-ideographic;
}

#modal-help ol.list-cjk>li {
    font-weight: bolder;
    color: black;
    line-height: 35px;
}

#modal-help ol.list-cjk>li li:only-child {
    font-weight: bold;
    font-size: 86%;
    line-height: 28px;
}

#modal-help [data-toggle="collapse"]>.caret {
    transition: all .3s;
}

#modal-help [data-toggle="collapse"]>.openThis {
    transform: rotate(180deg);
}


/***********************custom***********************/

#printReportArea .word-top,
#printTempMain .word-top {
    margin-top: -10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
}

.focus:focus {
    background-color: #ccc;
}

.btn-checkbox {
    opacity: 1;
}

.fa-size {
    font-size: 25px;
    margin-left: 3px;
}

.account-lock {
    cursor: pointer;
}

.border-botton {
    margin-top: 20px;
    margin-bottom: 10px;
}

#advRpt-staffCompare .row-func {
    position: relative;
}

.body-fix {
    margin-bottom: -24px;
}

.text-time {
    margin-top: -16px;
}

.noMailstyle {
    opacity: 0.3
}

#shclDefault {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
}

.block {
    width: 40px;
    height: 40px;
}

.forgetPsw {
    cursor: pointer;
    position: absolute;
    right: 0;
    margin-bottom: 20px;
}

#loginOK,
#modal-forgetPassword .btn-ok {
    margin-top: 45px;
}

#modal-forgetPassword .modal-body {
    overflow-y: hidden;
    margin-bottom: 20px;
}

.fix-box {
    margin-bottom: -10px;
}

.btn-block+.btn-block:first-child {
    margin-top: 100px;
}

#modal-help .border-botton>[goto="basicSettings-dept"] {
    margin-top: 15px;
}

#modal-help .border-botton>[goto="invitationAdmin-onlineInvitation"] {
    margin-top: 15px;
}

#modal-help .border-botton>[goto="advRpt-total"] {
    margin-top: 15px;
}

.col-md-9 {
    -moz-padding-left: 30px;
    padding-left: 30px;
}

.material-menu {
    background: #F3212D;
    color: #fff;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    height: 70px;
}

.material-close {
    color: #fff;
    opacity: 1;
    line-height: 40px;
    font-size: 55px;
    margin: -10px -5px;
    float: right;
    background: none;
    border: none;
    outline: none;
}

.helpmenu a {
    width: 100%;
    display: inline-block;
    padding: 0 10px;
}

.helpmenu {
    box-shadow: 10px -1px 5px -12px rgba(50, 50, 50, 0.8);
}

.helpmenu >a:hover {
    background-color: #FFCFCF;
    width: 100%;
    height: 100%;
}

.helpside-row {
    margin-top: -15px;
    margin-left: -15px;
}

.help-abottomline {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.fix-margin {
    margin-top: 105px;
}

#custom .UserEdit-choice {
    margin-right: 10px;
    font-weight: lighter;
}

.formGroup-test {
    margin-top: 20px;
}

.formGroup-test>input {
    border-left: none;
    background-color: #fbfbc3;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid #cac9c4;
    padding-left: 15px;
    margin: 17px 0 20px 0px;
    width: 40.5%;
    outline: none;
    margin-right: 15px;
    height: 45px;
}

.formGroup-test>sub>.label-title {
    color: gray;
    font-size: 80%;
    line-height: 80%;
    font-weight: "only screen and (min-width : 64em)";
    white-space: nowrap;
    overflow: ellipsis;
    max-width: 90%;
}

.label-title {
    display: block;
}

.customInfo-aut-option {
    padding: 100px;
}

.btn-removeCustomName {
    margin-right: 11px;
}

.btn-gutter {
    margin-bottom: 25px;
}

#editAccount-Gender,
#editAccount-Education {
    margin-top: 5px;
}

.mar-left {
    margin-left: 15px;
}

.texttype {
    border-top: none;
    border-right: none;
    outline: none;
}

.top-distance {
    padding-bottom: 10px;
    margin-top: 5px;
}

.view-adv {
    background-color: #ffffff;
    border-color: #ddd;
    padding: 0 10px 0 10px;
}

#modal-report .Tes-Time, #printTempList .Tes-Time {
    margin-top: -10px;
    margin-bottom: 0px;
}
#modal-report .WPNATes-Time {
    margin-top: -30px;
    margin-bottom: 0px;
}

#copyButton {
    margin-top: -20px;
    margin-bottom: 10px;
}

.shiney {
    background-color: #FFB5B5;
}
.badge-red {
    font-size: 14px;
    position: relative;
    top: -10px;
    padding: 0 5px 0 5px;
    color: #fff;
    border-radius: 5px;
    background: #c00404;
}
.printDouble {
    font-size: 18px;
    margin-left: 5px;
}
#printTemplist {
    background: #000;
    position: relative;
}
#printTmpGroupFuc{
    position: absolute;
    right: 50px;
    top: 8px;
    font-size: 16px;
}
#printTmpGroupFuc label {
    height: 50px;
    background: -webkit-linear-gradient(bottom, #3e3d3e 30%, #737373 100%);
    background: linear-gradient(to top, #3e3d3e 30%, #737373 100%);
    color: #Fff;
    padding: 5px;
    border: 3px solid #fff;
    border-radius: 10px 10px 0 0px;
    cursor: pointer;
    font-weight: 200;
    box-shadow: 3px 13px 23px -13px rgba(112, 112, 112, 0.62);
    margin: 1px;
}

#printTmpGroupFuc label:hover {
    box-shadow: none;
}
.printTempTitle {
    padding: 15px;
    margin: -15px;
}
#printTempItem {
    position: fixed;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    width: 98%;
    height: 108px;
    z-index: 1;
    margin-top: -15px;
    margin-left: -15px;
    background: #f1f1f1;
    box-shadow: inset 1px -2px 5px 0px rgba(222, 222, 222, 0.5);
}
#printTempItem li {
    font-size: 18px;
    list-style: none;
    line-height: 40px;
}
#printTempItem ul {
    position: relative;
    background: #fff;
    white-space: nowrap;
    height: 40px;
    margin: 35px -10px 35px 20px;
    padding-right: 15px;
    z-index: 3;
    min-width: 170px;
}
.printTempText{
    box-shadow: 1px 1px 2px 1px rgba(216, 216, 216, 0.48);
    margin: 10px;
    cursor: pointer;
}
.printTempText:hover{
    box-shadow: 1px 5px 15px 1px rgba(206, 206, 206, 0.32);
}
.printTempText:focus{
    background: #F8F7B6;
}
.printTempFunc{
    position: absolute;
    text-shadow: rgb(22, 138, 44) 1px 3px 5px;
    top: 0;
    left: 100%;
    width: 100%;
}
#printTempMain {
    background: #Fff;
    width: 100%;
}
.printTempTrash {
    padding: 12px;
    text-align: center;
    cursor: pointer;
    color: #Fff;
    background: linear-gradient(to bottom, #65b566 5%, #119e13 100%);
}
.label-checkbox{
font-size: inherit;
}
@media (max-width: 991px) {
    #printTmpGroupFuc {
        position: relative;
        left: 0;
        top: 16px;
        z-index: 99;
    }
    .printDouble ~label {
        display: block;
        margin-top: 16px;
    }
}

#printTempList .modal-body .col-md-4 {
    width: 33.33333333%;
    float: left;
}
.formGroup {
    margin-bottom: 6px;
}
:-ms-fullscreen, .formGroup>select.input-all {
    background: none;
    padding: 0;
}
:-ms-fullscreen, .selectList-customField dt>span.CustomFieldDesc {
    font-size: 80%;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #b0b3b5;
}
@-moz-document url-prefix(){
    .formGroup>select.input-all{
        background: none;
    }
    .selectList-customField dt>span.CustomFieldDesc {
      font-size: 80%;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .close {
    line-height: 100%;
    }
    .modal-body {
    position: static;
    }
    .selectList-customField dt > span.CustomFieldDesc {
    font-size: 80%;
    }
    #manuallyTest-single [anstype="paos"] label{
    display: inline-block;
    }
}