.table-responsive {
    /*padding-bottom: 80px;*/
}
/* modal history */
#modal-history .modal-body .query-data-list .table-responsive {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
}
#modal-history .modal-body {
    overflow-x: auto;
    padding-left: 5px;
    padding-right: 0;
    margin-left: 15px;
    margin-right: 0;
}
@media all and (orientation: landscape) {
    /*  .table-responsive{color:red;}*//*横屏时字体红色*/
}
@media all and (orientation: portrait) {
    /*  .table-responsive{color:red;}*//*横屏时字体红色*/
}
body h1,
body .h1 {
    font-size: 24px;
}
.track-title-accent {
    padding: 0px 4px;
    color: #26d0e2;
    text-shadow: 0px 0px 3px #464646;
}
.control-label > .input-label-text {
    max-width: 120px;
    margin-top: -4px;
    text-align: right;
    float: right;
    padding: 5px 10px 5px 10px;
    background: #009cad;
    letter-spacing: 1px;
    color: #ffffff;
    box-shadow: 0px 0px 6px #b9b9b9;
}
.control-label:after {
    clear: both;
}
.control-static-label {
    padding-left: 4px;
    color: #737373;
    font-weight: bold;
    font-size: 16px;
}
@media (max-width: 765px) {
    .control-label > .input-label-text {
        margin-top: 1px;
    }
}
.msg-no-data {
    margin-top: 20px;
    text-align: center;
    font-size: 40px;
    text-shadow: 1px 1px 1px #a09b9b;
    color: #FF5722;
    line-height: 100px;
}
.modal-backdrop {
    background-color: rgba(56, 52, 52, 0.7);
}
.alert {
    display: none;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 0px;
}
.alert-info {
    color: #144044;
    background-color: #caeef2;
    border-color: #bce8f1;
}
.modal-message {
    text-align: center;
    margin-top: calc(30vh);
    font-size: 50px;
    color: #efefef;
    text-shadow: 2px 2px 2px #000000;
    letter-spacing: 10px;
}
.modal-message-normal {
    font-size: 16px;
    margin: 20px 8px;
    padding-left: 4px;
}
.lds-svg {
    width: 200px;
    height: 200px;
    margin: 0px auto;
}
.navbar-inverse {
    background-color: #e8e8e8;
}
.navbar {
    box-shadow: 0 0 6px 2px #9e9e9e;
}
.navbar-inverse,
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand {
    color: #1c474c;
    text-shadow: 1px 1px 3px #9e9d9d;
}
.navbar-inverse,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #22adbe;
}
.navbar-inverse,
.navbar-inverse .navbar-nav .logout {
    color: #1c474c;
    text-shadow: 1px 1px 3px #9e9d9d;
}
.navbar-inverse,
.navbar-inverse .navbar-nav .logout:hover {
    color: #22adbe;
}
.nav-sidebar > .active {
    color: #00BCD4;
    background-color: #fafafa;
    font-weight: bolder;
    padding-right: 20px;
    padding-left: 20px;
}
.navi-left {
    background: #009cad;
    box-shadow: 0 0 10px #ababab;
}
.navi-left .panel-default > .panel-heading + .panel-collapse > .panel-navi {
    padding: 1px 0px;
    border: none;
}
.navi-left a {
    color: #ffffff;
    text-shadow: 0px 0px 2px #383838;
}
.navi-left .nav > li > a:hover {
    color: #FF5722;
    background: #fafafa;
    text-shadow: 1px 1px 3px #afafaf;
}
.menu-group .menu-heading {
    background-color: #909698;
    box-shadow: 0 0 6px #797878;
    color: #fff;
    padding-left: 10px;
    margin-bottom: 6px;
}
.menu-group .menu-heading > .menu-group-title {
    padding: 8px;
    padding-left: 0;
    font-size: 16px;
}
.menu-group .menu-txt {
    margin-left: 4px;
}
.menu-group .menu-nav {
    list-style: none;
    padding-left: 20px;
    padding-top: 4px;
}
.menu-group .menu-group-list ul {
    list-style: none;
    padding-left: 12px;
    padding-top: 4px;
}
.menu-group .menu-group-list ul li a {
    display: block;
    padding: 4px 4px;
}
.menu-group .menu-heading,
.menu-group .menu-group-list ul li:not(.active) {
    /*cursor: pointer;*/
}
.menu-group .menu-group-list ul li:not(.active) a:hover {
    color: #ffbda3;
    text-shadow: 0 0 3px #000000;
    text-decoration: none;
}
.menu-group .menu-group-list ul li.active {
    color: #ffa17b;
    text-shadow: 0 0 3px #000000;
    display: block;
    padding: 4px 4px;
}
.navi-left .panel-title a:hover {
    color: #ffffff;
}
.navi-left .panel-title > a,
.navi-left .panel-title > a:focus,
.navi-left .panel-title > a:hover {
    text-decoration: none;
}
.navi-left .panel-group .panel {
    border: none;
    background-color: transparent;
}
.navi-left .panel-body {
    padding: 2px 5px;
}
.navi-left .panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
}
.navi-left .panel-primary > .panel-heading {
    background-color: #009cad;
    box-shadow: 0px 0px 2px #545151;
}
.panel-heading a {
    color: #fff;
}
.right-content {
    padding-left: 41px;
}
.form-group {
    margin-bottom: 10px;
}
.help-block {
    margin-bottom: 4px;
}
input[type=checkbox] {
    width: 16px;
    height: 16px;
}
@media (min-width: 801px) {
    .sidebar {
        padding: 20px 10px;
        width: 180px;
    }
    .right-content {
        padding-left: 180px;
    }
}
@media (max-width: 800px) {
    .menu-txt {
        display: none;
    }
    .menu-group .menu-group-list ul {
        padding-left: 6px;
    }
}
.table-hover > tbody > tr:hover {
    background-color: #dcf0f3;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    background-color: #009cad;
    color: #ffffff;
}
.page-header {
    text-shadow: 1px 1px 1px #BDBDBD;
    color: #484343;
}
.table-header-content {
    margin-top: 30px;
}
.table-header-content,
.page-content-title,
.dialog-list-page-content {
    margin-left: 8px;
}
.dialog-list-page-content .query-data-list .table-responsive {
    max-height: 400px;
}
.list-page-content{margin-top:8px}
.list-page-content .query-data-list .table-responsive {
    overflow-y: auto;
    /*height: 500px;*/
}
@media (min-width: 960px) and (max-height: 768px) {
    .list-page-content .query-data-list .table-responsive {
        max-height: 370px;
    }
    .dialog-list-page-content .query-data-list .table-responsive {
        max-height: 370px;
    }
}
body {
    overflow-y: hidden;
}
/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；
      该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/
.right-content .data-list-checkbox:checked + label::before {
    display: block;
    content: "\2714";
    text-align: center;
    font-size: 12px;
    color: white;
    background-color: #607D8B;
    width: 14px;
    height: 14px;
}
.btn-show-more {
    cursor: pointer;
    padding: 0 6px;
    color: #009cad;
    float: right;
}
.btn-show-more:hover {
    color: #FF5722;
}
.btn-show-more:after {
    clear: both;
}
.page-footer {
    height: 40px;
    background-color: #f5f5f5;
    padding-top: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.right-content > .content-top {
    margin-left: 8px;
}
.content-top > .module-title {
    text-shadow: 1px 1px 1px #BDBDBD;
    color: #484343;
    margin-top: 18px;
}
.content-top .search-panel {
    padding-left: 0px;
}

.search-panel .text-label-info {
    text-align: center;
    font-weight: normal;
    background: #00BCD4;
    color: #f5f5f5;
    padding: 7px 10px;
    width: 80px;
    box-shadow: 0 0 5px #c3c3c3;
}
.tb-del-badge {
    color: #ffffff;
    background-color: #e43030;
}
.tb-sys-badge {
    color: #ffffff;
    background-color: #efbc7f;
}
#layer-fix-right {
    padding-top: 50px;
    width: 600px;
    height: 100%;
    background-color: #f5f3f3;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 1020;
    box-shadow: 0px 0px 10px 2px #d6d3d3;
    overflow-y: auto;
}
#btn-shrink-right {
    right: 585px;
    cursor: pointer;
    color: #00BCD4;
    margin-left: 5px;
    top: 50%;
    position: fixed;
    z-index: 1021;
}
#layer-fix-right > .shrink:hover {
    color: #FF5722;
}
#layer-fix-right > .layer-right-content {
    margin-left: 20px;
    margin-right: 10px;
}
.input-must {
    color: #fff079;
    font-size: 10px;
    font-weight: normal;
    margin-right: 2px;
}
@media (max-width: 765px) {
    #layer-fix-right {
        width: 600px;
    }
}
@media (min-width: 1023px) {
    #layer-fix-right {
        width: 1100px;
    }
}
@media (min-width: 1366px) {
    #layer-fix-right {
        width: 1100px;
    }
}
.page-li,
.request-history {
    cursor: pointer;
}
.request-history:hover {
    color: #FF5722;
}
.page-body > .list-page-content {
    margin-left: 6px;
    margin-top: 10px;
}
.btn {
    border-radius: 0px;
    box-shadow: 0px 0px 3px #c1bbbb;
}
.btn-primary {
    background-color: #559bd8;
    border-color: #509de0;
}
select {
    padding: 10px;
}
.item-trash {
    cursor: pointer;
}
.item-trash:hover {
    color: orange;
}
.dynamic-category > p.hide {
    display: none;
}
.dynamic-category > p.show {
    margin-bottom: 0;
    margin-top: 6px;
    margin-left: 4px;
    text-shadow: 1px 1px 1px #d0c4c4;
    color: #50686b;
}
.dynamic-category:after {
    content: "";
    clear: both;
    display: block;
}
.dynamic-item {
    float: left;
    /*margin: 4px;*/
    margin: 2px;
    padding: 6px 10px 6px 14px;
    background: #f3fdff66;
    color: #044e56;
    border: 1px solid #38d4e4;
    box-shadow: 0px 0px 1px 1px #e6e6e6;
}
.dynamic-item .text {
    /*margin-right: 6px;*/
    font-size: 14px;
}
.dynamic-item .with-trash {
    /*border-right: 1px solid #3b6b6b;*/
    /*padding-right: 8px;*/
}

.dynamic-item > .item-trash {
    margin-left: 6px;
    cursor: pointer;
}
.dynamic-item > .item-trash:hover {
    color: orange;
}
.dynamic-item-user .dynamic-item {
    background: #f8fdf7;
    color: #2e3a29;
    border: 1px solid #88c7a4;
}
.dynamic-item-file .dynamic-item {
    background: #fbf5ff;
    color: #2e3a29;
    border: 1px solid #cbbeec;
}
.control-static-label {
    padding-left: 4px;
    color: #4e6a6d;
    font-weight: normal;
    font-size: 15px;
    text-shadow: 0px 0px 1px #b1afaf;
}
.modal-input-title {
    padding-left: 4px;
    font-weight: normal;
    font-size: 20px;
    text-shadow: 1px 1px 2px #b1afaf;
    letter-spacing: 2px;
}
.problem-degree-label {
    cursor: pointer;
    background-color: #5bc0de;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 200;
    margin-top: 0px;
    margin-left: -6px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    box-shadow: 1px 1px 4px #606d6d;
    color: white;
}
.degree-1 {
    background-color: rgba(119, 173, 210, 0.6196);
}
.degree-2 {
    background: rgba(230, 207, 103, 0.7294);
}
.degree-3 {
    background-color: rgba(241, 102, 102, 0.6588);
}
.degree-4 {
    background-color: #a2d3f5;
}
.problem-panel {
    margin: 6px 0 12px ;
    /*float: left;*/
    background: #ffffff;
    border: 1px solid #e4dede;
    box-shadow: 0px 0px 5px #e4e0e0;
    padding: 10px 15px 10px 6px;
    line-height: 22px;
    color: #0b191b;
    /*text-shadow: 1px 1px 10px #f5f5f5;*/
    width: 100%;
}
.pl-item-lb {
    color: #535454;
    text-shadow: 1px 1px 3px #d4d3d3;
}
.answer-com {
    border: 1px solid #b3d3ef;
    margin: 4px 20px;
    background: #e8f5f7b3;
    background: rgba(232, 245, 247, 0.702);
    color: #000000;
    text-shadow: none;
    border-radius: 2px;
    box-shadow: 2px 2px 10px #e2e2e2;
    padding: 10px 4px;
    word-break: break-all;
}
.answer-2 {
    border: 1px solid #a0d89b;
    background: #e4f7e6b3;
    background: rgba(228, 247, 230, 0.702);
    word-break: break-all;
}
.control-search-width {
    width: 280px;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.mr-right {
    margin-right: 10px;
}
.tooltip-inner {
    background: #56738c;
    font-size: 14px;
    box-shadow: 1px 1px 5px #969595;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #56738c;
}
.message-level {
    color: #e4e173;
    text-shadow: 0 0 2px #8d9292;
}
.message-title {
    padding-left: 4px;
    color: #dde2e2;
    font-weight: normal;
    font-size: 16px;
    text-shadow: 0 0 1px #b1afaf;
}
.table-striped > tbody > tr.detail-active {
    background: #fffff1;
}
.show-sub-detail:hover {
    color: #02b188;
}
.text-bold {
    font-weight: bold;
}
.finding-num {
    text-decoration: underline;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    margin: 0px 6px 0px 2px;
}
.plan-calendar{min-width: 600px;min-height: 500px;}
.plan-calendar .fc-event {
    border-radius: 0px;
    box-shadow: 0px 0px 5px #e8e8e8;
}
tr.detail-sub td {
    padding-left: 20px;
    display: none;
    word-break: break-all;
    white-space: normal;
}
.pagination > li > a,
.pagination > li > span {
    line-height: 14px;
}
.pagination > .active > span {
    background-color: #587fa0;
    border-color: #587fa0;
}
input.thin-input {
    height: 26px;
    padding: 0px;
}
.page-bottom-btns button,
.page-bottom-btns a {
    margin-right: 4px;
}
table.fix-width {
    table-layout: fixed;
}
table.table-training-gridview tr td, .content-break {
    word-break: break-all;
    word-wrap: break-word;
    /*white-space: pre-wrap;*/
    white-space:normal;
    /*white-space: initial;*/
}
li.index-list-item {
    margin: 6px 0px;
}
li.index-list-item span.info {
    text-shadow: 0 0 5px #737373;
    background: #9ab4b7;
    padding: 2px 5px;
    color: #f9f9f9;
    margin-right: 16px;
    box-shadow: 0px 0px 6px #d2d2d2;
    min-width: 75px;
    display: inline-block;
}
.hint-msg {
    color: #56a8ce;
    text-shadow: 0px 0px 5px #d4d4d4;
    margin-right: 4px;
}
.btn-smaller {
    padding:3px 6px 2px;
    font-size: 12px;
}

.btn-small {
    padding:5px 10px;
    font-size: 14px;
}

.lb-for-del {
    vertical-align: top;
    font-size: 16px;
    font-weight: normal;
}
label {
    font-weight: normal;
}
span.label-bg {
    background: #038694;
    padding: 2px;
    color: #fff;
    box-shadow: 1px 1px 2px #cac9c9;
}
#msgBadge {
    background-color: #206586;
}

.calendar-icon-row .icon-item {
    width: 16px;
    height: 16px;
    border: 1px solid #bfbfbf;
    float: left;
}
.calendar-icon-row .icon-item-text {
    font-size: 12px;
    line-height: 16px;
    margin: 0 12px 0 2px;
    float: left;
}
.exec-status {
    position: absolute;
    right: 20px;
    padding: 8px 12px;
    letter-spacing: 6px;
    text-align: center;
    padding-left: 20px;
    box-shadow: 0px 0px 5px #c1cec1;
}
.data-status-label{padding:4px 8px;letter-spacing: 2px;}
.data-status-label-small{padding:2px 4px;letter-spacing: 1px;font-size: 12px}

.status-0, .status-draft, .status-obj0,.status-obj1,.status-obj2,.status-obj3,.status-obj5,.status-obj6,.status-obj7,.status-task0,.status-task1,.status-task2,.status-task3,.status-check0 {box-shadow: 0px 0px 3px #e88383;background: #ffe6d7;border: 0px dashed #e49261;color: #7e3e17;}

.status-1, .status-2,.status-3,.status-4,.status-5,.status-6,.status-7,.status-8, .status-blue, .status-doing,.status-obj4,.status-task4,.status-task5,.status-task6,.status-check1 {box-shadow: 0px 0px 3px #3ab8ee;background: #5eabe9;border: 0px dashed #4f9dbf;color: #ffffff;}
.status-9, .status-green1, .status-green, .status-working9, .status-obj9,.status-task9 ,.status-check9{box-shadow: 0px 0px 3px #78cf22;background: #d8f8b9;border: 0px dashed #7bd621;color: #3f6817;}
.status-green2{box-shadow: 0px 0px 3px #78cf22;background: #a9ffbc;border: 0px dashed #7bd621;color: #3f6817;}
.status-10, .status-11,.status-12, .status-red, .status-working10,.status-working11,.status-obj11, .status-obj10,.status-task10 {box-shadow: 0px 0px 3px #e07c7c;border: 0px dashed #b12323;color: #ffffff;background: rgba(173, 0, 0, 0.44);}
.status-yellow {box-shadow: 0px 0px 3px #e0c769;border: 0px dashed #b1a15c;color: #ffffff;background:rgba(210, 191, 8, 0.87);}

.doc-revised{box-shadow: 0px 0px 3px #8d8d88;background: #fff;border: 0px dashed #8b928f;color: #656668;}

.text-warning{color: #ffb30c}
.text-danger{color: #ff0000}

.tooltip-inner {
    max-width: initial;
}
.modal-dialog .modal-header {
    background-color: #598b90;
    padding: 10px 15px;
    margin-bottom: 12px;
    color: #efefef;
    box-shadow: 0 3px 3px #d8d6d6;
}
.modal-dialog .modal-header > .close {
    color: #fff;
}
.trace-info-time-spot {
    margin-left: -6px;
    color: #21a7e3;
    margin-right: 6px;
}
.trace-info-user {
    margin-left: 16px;
    margin-bottom: 12px;
}

/**
new start
*/
#page_center_body{height: calc(100vh - 100px);overflow:auto}

#d_left_menu{z-index:1;padding:12px 5px;width: 50px;height:100%;background-color: #009cad;position: fixed;overflow-y: auto;overflow-x: hidden;box-shadow: 0 0 10px #ababab;border-right: 1px solid #eee;}
#d_left_menu #btn_shrink_left{padding-top:2px;height:24px;opacity:0.5;position: absolute;right: 0;top: 4px;}
#d_left_menu #d_menu_list{width: 170px;min-height:100%;overflow-y: auto;padding-bottom: 50px;}
#d_left_menu #d_menu_list a{color: #ffffff;text-shadow: 0 0 2px #383838;}
#d_left_menu #d_menu_list a:hover{color:#ffa17b}
#d_right_content{padding-left:16px;/*background-color:cornflowerblue*/;margin-left:50px;/*height:2000px;width: 2000px;*/}
@media (min-width: 801px) {
    #d_left_menu {width: 180px;}
    #d_right_content{margin-left: 180px}
}


#layer_mask{display:none;background-color:#383434;opacity: 0.5;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index:2000;width: 100%;height: 100%}

.modal_body_space{padding-left: 48px;padding-right: 48px;}

.input_label{padding: 5px 10px 5px 10px;background: #009cad;letter-spacing: 1px;color: #ffffff;box-shadow: 0 0 6px #b9b9b9;}
.form-group.required>label:before{content:"\f069";font-family: FontAwesome;color:#fff079;font-size: 10px;font-weight: normal;margin-right: 2px}


.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label{
    color:#fff
}
.has-error .control-label, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
    color:#fff
}
.has-success .checkbox-inline,.has-success .radio-inline{
    color:#000
}

i.item-trash:before{content:"\f014";font-family: FontAwesome;font-style:normal;border-left: 1px solid #3b6b6b;padding-left:8px}

div.divClear{clear: both}
.dialog-result-panel[data-append='0'] .dynamic-item {margin-top: -1px;margin-left: 12px;word-break: break-all;}

div.page-input-panel{background: #f5f5f57a;border: 1px solid #ececec;box-shadow: 0 0 10px #e4e1e1;padding: 18px 32px;width: 95%}

/** view画面*/
.data-in-view{color: #4e6a6d;text-shadow: 0 0 1px #b1afaf;padding-top: 5px;padding-bottom: 5px;font-size: 15px}
.data-in-view .multiItems{ display:block }
.dark-tabs > li > a{background: #799caf;color:#fff}
.dark-tabs > li > a:hover{color:#486569}
.tab-content-border{background: white;border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 4px 8px}
table.table-for-detail td div.control-label{ background:#486569 }
table.table-for-detail tr:first-child td{ border-top:none }

div#divButtonPanel{box-shadow:0px 1px 2px #c4c4c4;margin-top:16px;margin-left:0px;margin-bottom: 16px;text-align: left;margin-left: 0px;margin-bottom: 16px;text-align: left;background: #efefef;padding: 10px 8px;border-radius: 5px;}
.awesome-export:before{content:"\f019   ";font-family: FontAwesome;}
.awesome-edit:before{content:"\f044  ";font-family: FontAwesome; }
.awesome-history:before{content:"\f1da  ";font-family: FontAwesome;}
.awesome-sign:before{content:"\f1d8  ";font-family: FontAwesome;}
.awesome-plus:before{content:"\f067  ";font-family: FontAwesome;}
.awesome-delete:before{content:"\f014  ";font-family: FontAwesome; }
.awesome-open:before{content:"\f0a1 ";font-family: FontAwesome; }
.awesome-check:before{content:"\f00c ";font-family: FontAwesome; }
.awesome-use-plus:before{content:"\f007 ";font-family: FontAwesome; }
.awesome-commenting:before{content:"\f27b ";font-family: FontAwesome; }
.awesome-send-o:before{content:"\f1d9 ";font-family: FontAwesome; }
.awesome-text-o:before{content:"\f0f6 ";font-family: FontAwesome; }
.awesome-request:before{content:"\f1cd ";font-family: FontAwesome; }
.awesome-back:before{content:"\f112 ";font-family: FontAwesome; }
.awesome-save:before{content:"\f0c7 ";font-family: FontAwesome; }
.awesome-enter:before{content:"\f090 ";font-family: FontAwesome;}
.awesome-close:before{content:"\f00d ";font-family: FontAwesome;}
                                                /*#btnBack:before, .awesome-back:before{content:"\f112  ";font-family: FontAwesome;}*/
.awesome-back:before{content:"\f112  ";font-family: FontAwesome;}
#btn-save, .awesome-save:before{content:"\f0c7  ";font-family: FontAwesome;}

.awesome-exchange:before{content:"\f0ec  ";font-family: FontAwesome; }
.awesome-waiting:before{content:"\f252  ";font-family: FontAwesome;}
.awesome-calendar:before{content:"\f073  ";font-family: FontAwesome;font-style:normal}

.awesome-double-down:before{content: "\f103";font-family: FontAwesome;font-style:normal}
.awesome-double-up:before{content: "\f102";font-family: FontAwesome;font-style:normal}

/** video */
.awesome-media1:before{content:" \f03d ";font-family: FontAwesome;font-style:normal;color: #80a9cb;font-size: 16px}
/** audio */
.awesome-media2:before{content:" \f001 ";font-family: FontAwesome;font-style:normal;color: #80a9cb;font-size: 16px}
/** pdf */
.awesome-media3:before{content:" \f1c1 ";font-family: FontAwesome;font-style:normal;color: #80a9cb;font-size: 16px}
/** img */
.awesome-media7:before{content:" \f03e ";font-family: FontAwesome;font-style:normal;color: #80a9cb;font-size: 16px}
/** txt */
/** other */
.awesome-media4:before, .awesome-media5:before, .awesome-media6:before, .awesome-media8:before{content:" \f0c5 ";font-family: FontAwesome;font-style:normal;color: #80a9cb;font-size: 16px}

.awesome-play,.awesome-pause,.awesome-stop{cursor: pointer}
.awesome-play:before{content:" \f144 ";font-family: FontAwesome;font-style:normal;color: #000;font-size: 18px}
.awesome-pause:before{content:" \f28b ";font-family: FontAwesome;font-style:normal;color: #000;font-size: 18px}
.awesome-stop:before{content:" \f28d ";font-family: FontAwesome;font-style:normal;color: #000;font-size: 18px}

.severity-1{background: #009cad;}
.list-severity-icon-1:before, .severity-1:before{content: '\f024';font-family: FontAwesome;}
.severity-2{background: rgba(230, 207, 103, 0.7294);}
.list-severity-icon-2:before, .severity-2:before{content: '\f071';font-family: FontAwesome;}
.severity-3{background: rgba(241, 102, 102, 0.6588);}
.severity-3:before{content: '\f12a';font-family: FontAwesome;}
.list-severity-icon-3:before{content: '\f06a';font-family: FontAwesome;}
.list-severity-icon-0:before, .list-severity-icon-4:before, severity-0:before,.severity-4:before{content: '\f0e5';font-family: FontAwesome;}
.severity-0,.severity-4{background: rgba(67, 67, 67, 0.65);}
.list-severity-icon-5:before{content: '\f252';font-family: FontAwesome;}

.severity-icon{margin-top:-5px;cursor:pointer;color:#fff;font-size: 26px;border-radius: 40px;height: 40px;width: 40px;text-align: center;line-height: 40px;box-shadow: 1px 1px 4px #606d6d;}

.list-severity-icon-1{color:#00e0f8}
.list-severity-icon-2{color:#e88014}
.list-severity-icon-3{color:#f93535}
.list-severity-icon-4{}
.list-severity-icon-5{color:#6836bf}

div.problem-description{overflow-y: auto;border:1px solid #e8e8e8;background: rgba(233, 234, 235, 0.43);padding: 4px;}
.btn-expand:before{content: '\f103';font-family: FontAwesome;}
.btn-narrow:before{content: '\f102';font-family: FontAwesome;}
div.problem-description p{margin-bottom: 6px}

.narrow-description{max-height:80px;}
.problem-panel.expand-problem-panel, .expand-description{max-height: none}

.narrow-problem-panel{max-height:50px;overflow: hidden;}

.link-to-report{ padding:2px 4px;cursor: pointer;font-size: 18px }

.question-icon:after{content: "\f059";font-family: FontAwesome;font-size: 16px;color:greenyellow;padding-left: 0;text-shadow: 0 0 5px #807f7f;}


@media (max-width: 1099px ){
    .plan-calendar-responsible{width:98%;}
}

@media (min-width: 1100px ){
    .plan-calendar-responsible{width:calc((100vw - 200px) * 0.65);max-width: 900px;max-height: calc(100vh - 150px)}
}

@media (min-width: 1400px ){
    .plan-calendar-responsible{width:calc((100vw - 200px) * 0.75);max-width: 900px;max-height: calc(100vh - 150px)}
}

.td-border{border: 1px solid #ddd}

@font-face {
    font-family: 'password';
    src: url(./password.ttf);
}
input.input-psd{
    font-family: 'password';
}

span.selectedItem{padding: 6px 10px 6px 14px;background: #f3fdff66;color: #044e56;border: 1px solid #38d4e4;box-shadow: 0px 0px 1px 1px #e6e6e6;}

.footprint{color:gray;margin-top: 12px;text-align: right}


/** UPLOAD MEDIA */
.wu-example {
    position: relative;
    padding: 15px 15px 15px;
    margin: 15px 0;
    background-color: #fafafa;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
    min-height: 200px;
}

.uploader-list {
    width: 100%;
    overflow: hidden;
}

#picker {
    display: inline-block;
    line-height: 1.428571429;
    vertical-align: middle;
    margin: 6px 6px 0 0;
}

.sectionLabel { background: #6ea5be;font-size: 14px;padding: 4px 8px; }
.sectionLabel-fillin{ min-height: 36px;padding: 4px;margin-bottom: 16px;border: 1px solid #d5d3d3;box-shadow: 0px 2px 2px 1px #e9e9e9 }
.history-sectionLabel{ background-color: #9cb996;box-shadow: 0 0 1px 2px #d1d1d1;margin-right:6px; }
.history-sectionLabel:hover{ text-decoration: none;background-color:#77bc69 }

.trainee-item{text-align:center;margin:12px;padding:12px;background: rgba(249, 249, 249, 0.98);box-shadow: 0 0 5px 1px #d9d9d9;color:#5d7385;}
/*.trainee-item:hover{background-color: rgba(140, 191, 195, 0.98)}*/
td.user-item:hover, .trainee-item:hover{background-color: #f8ffff}
/*.trainee-item a{color:#fff}*/

td.user-item{color: #5d7385}

.exam-option-item { box-shadow: 0 0 8px 2px #e6e4e4;margin: 16px 0;border: 1px solid #cbdad7;padding:15px;padding-top:24px;border-radius: 5px;background: rgba(236, 237, 237, 0.53); }


.subTotalScore{padding: 0 16px 16px 0px;}
.subTotalScore>.label{background: #6c8c90;margin-right:6px}

/** exam */
.paperBack { padding: 24px 36px;;background: white;margin:48px auto;width: 700px;font-size: 20px;box-shadow: 0 0 5px 5px #e6e4e4;  }
.paperBack .row{ margin:24px 0; border-bottom:1px solid #aea8a8;padding:4px }
.testTraineeLabel, .paperBack .label { background: #6c8c90;font-size: 18px; font-weight:normal;margin-right:24px;padding: 10px }
.paperBack .result-success{ background-color: #39924a }
.paperBack .result-fail{ background-color: #b18d57 }

.paperInfo{ width:240px; }

.exam-pass{color: #047d04;border: 1px solid #8cdbbc;padding: 6px 16px;background-color: rgba(235, 248, 235, 0.58);box-shadow: 0 0 3px 2px #eeebeb}
.exam-fail{color: #d2a80d;border: 1px solid #ead380;padding: 6px 16px;background-color: rgba(210, 168, 13, 0.09);box-shadow: 0 0 3px 2px #eeebeb}

.card-hint{padding: 36px 0;margin: 0 auto;width: 80%;background-color: #d9d9d9;text-align: center;line-height: 50px;color: #227882;font-size: 16px;letter-spacing: 4px;box-shadow: 0 0 6px 1px #e7e7e7;}

.badge-large{font-size: 13px;letter-spacing:1px}
.badge-success{background-color: #4bba94}
.badge-count{background-color: #4da5ec}
.badge-warning{background: #e4e97f;color: #b57837;}
.badge-danger{background: #c25659;color: #fff;}
.badge-score{background-color: #76b658;margin-left:6px }
.badge-blue,.badge-language2{background-color: #99d6ff}
.badge-yellow,.badge-language1{background-color: #ffce6a}
.badge-language1,.badge-language2{padding: 4px 4px;}
.badge-plan,.badge-not-yet{background-color:#749fc1}
.badge-disabled{background-color:#c0c0c0;cursor: not-allowed;}

.review-input-container{ background-color: #f4f4f3;width:98%;margin:16px auto;padding: 16px 32px;border: 1px solid #f1f0f0;border-radius: 10px; }

/*.singleFile{position:relative;width: 200px;height: 100px;margin: 4px;background-color: #efefef;padding: 10px 10px 0 10px ;border-radius: 5px;}*/
.singleFile{position:relative;width: 24%;height: 100px;margin: 4px;background-color: #efefef;padding: 10px 10px 0 10px ;border-radius: 5px;}
.singleFile .fileBtn{position:absolute;bottom: 4px}
.info-nodata{ width: 200px;background-color: #b8b8b8;color:white;padding: 16px;text-align: center;margin: 0 auto;box-shadow: 0 0 5px 2px #e1e1e1; }

#docSummary .summary-section { min-height:350px; padding:16px 32px;padding:6px 32px 16px;background-color: none;box-shadow: 0 0 5px 3px #d2d2d2; margin-right: 16px;margin-bottom:16px }
#docSummary .info { padding:4px;border-bottom:1px dotted black }
#docSummary .item-head { margin-top: 16px;margin-bottom:4px;background-color: #e3e3e3;padding:4px }
#docSummary .label { background:#009cad }
#docSummary .item-enter { text-align: right;font-size: 16px;margin-top: 16px }

#docSummary .label.link-label { text-align:left;padding:6px;margin:2px 4px;box-shadow: 0 0 5px 1px #cbcbcb;background-color: #25a8e2;border-radius: 0;font-size: 12px;}
#docSummary .label.link-label:hover { background-color:#5bc0de }
#docSummary .label{ font-size:13px;padding:4px;margin:2px 0  }
#docSummary .label.warning-label{background-color: #e0b628}
#docSummary .label.warning-label:hover{background-color: #ffe075}

.btn-report{background-color: #597b85}

table.table-task-list>thead tr:first-child>th{
    background: rgba(91, 91, 91, 0.94);
    vertical-align: middle;
}

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

.task-detail-head{
    background-color: #f5f5f5;
    padding: 6px;
    box-shadow: 1px 1px 3px 1px #d3d3d3;
    border:1px solid rgba(124,191, 198, 0.48);
}

.item-reference{
    padding: 6px 8px;
    background-color: rgba(226,255, 242, 0.64);
    border: 1px solid #a4e0c5;
    color: #6d6d6d;
    box-shadow: 0 0 1px 1px #d3f2e4;
}
.item-reference .fa{color:#6b9598}
.item-reference:hover{background-color: #fafff3}

.item-input-focused{background-color: #e0f0ff;}

.chart-item{ border-radius:8px;min-height: 500px;box-shadow: 0px 0px 5px #c7c7c7;background-color: #fff }
.spanUser{padding: 4px 6px; background-color: #c0ddf5;border-radius: 2px;}
.spanUser::before{content:"\f007";font-family: FontAwesome;padding-right: 4px;color: #457cab}

.half-transparent{background-color: #ffffff;opacity:0.7;color:gray}

.badge-qualification{letter-spacing: 2px;box-shadow: 0 0 3px 1px #d1d1d1;}

.materialVer, .studyMode{font-size: 13px;padding:2px 4px;border-radius: 2px;color: #186aae;border: 1px solid #91b1cd;}
.assessType{color: #6f7b87;border: 1px solid #abb4bd;}
.doc-ver, .materialVer{font-size: 13px;padding:2px 4px;border-radius: 2px;color: #005c7b;border: 1px solid #bebebe;}
    /*.trainingTodoType{font-size: 12px;padding:2px 4px;border-radius: 2px;color: #ae5b4a;border: 1px solid #91b1cd;}*/
.doc-ver{color: #9c9c9c;border: 1px solid #a0a0a0;}

.schedule-booked, .doc-todo-effective, .doc-effective{font-size: 12px;padding:2px 4px;border-radius: 2px;color: #3cae12;border: 1px solid #56cd2e;}
.schedule-designated, .doc-todo-effective { color: #457dc5; border: 1px solid #77a9df;}

.modal-content-scroll{max-height: calc(100vh - 190px);overflow: auto}
.scroll-only-y{overflow-x:hidden}
.dataListHeaderRower .dataColumnHeader{cursor: pointer}


.form-group .search-panel select.selectInLabel{width: 100px;padding: 2px;background: #daf3f712;border-radius: 5px; height: 26px;color: white;}
.form-group .search-panel select.selectInLabel option{color: #000}
.search-panel .text-label-select{padding: 0 4px}
/*select.selectInLabel option{min-height: auto;padding: 20px}*/

#page-form .page-num-input{margin-left: 12px;display:inline;width:70px;height:28px;padding: 6px; font-size: 14px;line-height: 1.42857143;color: #555555;border-radius: 4px;background-color: #fff;background-image: none;border: 1px solid #ccc;}
div.item-smaller>p{font-size: 13px;color:#5a5252;text-indent: 10px;margin-top: 6px}
div.item-smaller>p>span{text-decoration: underline}

#select2-selectrule-poslist-results{
    max-height: 500px;
    overflow-y: auto;
}
.mfp-figure .mfp-title small,.mfp-figure .mfp-counter{display: none}



div#countdownContainer{position: fixed;top: 60px;right: 5%;width: 55px;color:red;background-color:rgba(250,250,250,0.2);;padding: 10px;box-shadow: 0px 0px 5px #959595;border-radius: 100px;text-align: center;}
p.diffKey{margin-bottom: 2px;color: #4b4a4a;font-weight: bold}
p.diff{margin-left: 8px}
span.diff{ margin-bottom: 2px;text-decoration: underline #bababa;}

p.list-task-on-enter{border-bottom: 1px dotted #c3c3c3;padding: 4px;margin-bottom: 2px}
p.list-task-on-enter span.fa-calendar{margin-left:16px;color: #e07090;text-shadow: 1px 1px 2px #c6c6c6;font-size: 13px}

div.media-container{margin: 24px auto 16px;text-align: center;}

#login-form .login-label{ background: #009688;box-shadow: 0 0 3px #07a294;width: 100px;border: 1px solid #c7c6c6b0; }
#login-form .login-btn{ width: 180px;background: rgba(23, 62, 66, 0.8);border-color: #509de0; box-shadow: 0px 0px 5px #635151; }
.footer-company{background-color:#0a564f;}

@media print {
    .no-print{display: none !important;}
}
@media (max-width: 767px){
    .trainingCountNum { font-size:96px;}
    .summary-section .panel p.categoryLabel{font-size: 16px}
}
@media (min-width: 768px){
    .trainingCountNum { font-size:48px;}
    .summary-section .panel p.categoryLabel{font-size: 14px}
}
@media (min-width: 1500px){
    .trainingCountNum { font-size:56px;}
    .summary-section .panel p.categoryLabel{font-size: 16px}
}
@media (min-width: 1800px){
    .trainingCountNum { font-size:74px;}
    .summary-section .panel p.categoryLabel{font-size: 16px}
}
@media (min-width: 2000px){
    .summary-section .panel p.categoryLabel{font-size: 18px}
}



@media (max-width: 1499px){
    .table-sm1150{ width: 1150px;max-width: 1150px }
}

@media (min-width: 1600px){
    .table-lg1500{ width: 1500px;max-width: 1500px }
}

.qualificationItem{
    background-color: #fcf8e3;
    padding: 12px 0px;
    border: 1px solid #e9d39d;
    box-shadow: 2px 4px 2px #e9e9e9;
    border-radius: 2px;
    margin: 4px;
}


.navbar-nav .tooltip-inner {
    min-width: 150px; /* 设置 tooltip 的最大宽度为 200px */
    padding: 8px;
}
.navbar-nav .tooltip-inner table tr td{ text-align: left;font-size: 12px;}

/*.table-track thead tr th, .table-track tbody tr td{text-align: center}*/
table#recordTable thead tr th, table#taskTable thead tr th, .table-track thead tr th{text-align: center}

.question-err-border{border: 3px solid #d17e7e;}

div#dialog-data-list table thead tr th{text-align: center}

.not-set-txt{color: gray;font-size: 12px;font-style: italic}

/* 针对 Chrome 的优化 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .floatThead-container {
        will-change: auto !important;
        transform: translateZ(0);      /* 触发 GPU 加速 */
        backface-visibility: hidden;   /* 改善渲染一致性 */
        -webkit-font-smoothing: subpixel-antialiased; /* 强制亚像素抗锯齿 */
    }
}

.doc-renewing{font-size: 12px;color: #6aaceb;border: 1px solid;border-radius:3px;width: 1.5em;height: 1.5em;line-height: 1.5em;}

#toast-container>.toastr-no-background-image.toast-info{
    background-image: none !important;
}