@font-face {
    font-family: 'Varela Round';
    src: url('../fonts/VarelaRound-Regular.woff2') format('woff2'), url('../fonts/VarelaRound-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSansTC-Regular-Alphabetic';
    src: url('../fonts/NotoSansTC-Regular-Alphabetic.woff2') format('woff2'), url('../fonts/NotoSansTC-Regular-Alphabetic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans TC";
    src: url(../fonts/NotoSansTC-Regular.ttf?2);
}

/*
 * cwTeXYen (Chinese Traditional) http://www.google.com/fonts/earlyaccess
 圓體
 */
@font-face {
    font-family: 'cwTeXYen';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/cwTeXYen-zhonly.eot');
    src: url('../fonts/cwTeXYen-zhonly.eot?#iefix') format('embedded-opentype'), url('../fonts/cwTeXYen-zhonly.woff2') format('woff2'), url('../fonts/cwTeXYen-zhonly.woff') format('woff'), url('../fonts/cwTeXYen-zhonly.ttf') format('truetype');
}
/*
 * cwTeXMing (Chinese Traditional) http://www.google.com/fonts/earlyaccess
 */
@font-face {
    font-family: 'cwTeXMing';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/cwTeXMing-zhonly.eot');
    src: url('../fonts/cwTeXMing-zhonly.eot?#iefix') format('embedded-opentype'), url('../fonts/cwTeXMing-zhonly.woff2') format('woff2'), url('../fonts/cwTeXMing-zhonly.woff') format('woff'), url('../fonts/cwTeXMing-zhonly.ttf') format('truetype');
}

.fa {
    line-height: normal;
}

.team-status .team-list {
    height: 500px;
}

button .fa,
.pagination a .fa {
    line-height: 1.4;
}

.sidebar-menu > ul > li.has-sub .sub {
    margin: 0;
}

#content .breadcrumb {
    margin-left: 0;
}

.loginGroup a {
    display: block;
    color: #333333;
    font-size: 13px;
    padding: 7px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

    .loginGroup a:hover {
        background: #1caf9a;
        color: #fff;
        text-decoration: none;
    }

    /*.loginGroup li i {
   font-size: 11px;
   margin-right: 5px;
}*/

    .loginGroup a i {
        font-size: 14px;
        margin-right: 6px;
    }

.formsection {
    padding: 0 20px;
}

.form-content {
    padding: 13px;
    /*margin-left: 1px;*/
    /*background-color: #f4f4f4;*/
    background-color: #fff;
    /*width: 99.9%;
    border-left: 3px solid #70afc4;*/
}

.form-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 200;
    color: #70afc4; /*#5e87ad;*/ /*#468847;*/
    font-family: Microsoft JhengHei;
    letter-spacing: 1px;
}

.form-title2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 200;
    color: #70afc4; /*#5e87ad;*/ /*#468847;*/
    font-family: Microsoft JhengHei;
    letter-spacing: 1px;
    padding-left: 4px;
}


.form-control {
    font-family: Microsoft JhengHei;
    color: #777;
    height: auto;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-family: Microsoft JhengHei;
}

label {
    font-weight: 500;
    font-size: 13px;
    margin-top: 6px;
    color: #666;
}

.btn {
    font-family: Microsoft JhengHei;
}

.nav-tabs > li > a {
    line-height: 1.5;
}

/*#content,.col-md-12{
    padding-left:0 !important;
    padding-right:0;
}*/


#formbody {
    padding-left: 0px;
    padding-right: 0px;
}

.btn-sign {
    background-image: linear-gradient(to bottom, #537ca0 0%, #3e5c7f 100%);
    color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    font-family: "Segoe UI","Helvetica Neue", "微軟正黑體", 'Microsoft JhengHei';
    min-width: 80px;
    cursor: pointer;
    font-size: 1.4rem;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    border: 0;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    /*background-image: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);*/
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

    .btn-sign:hover {
        color: #fff;
        background-color: #2e4d6f;
        background-image: none;
    }

.centerbuttom {
    outline: 0;
    display: inline-block;
    height: 25px;
    padding: 0 15px;
    line-height: 25px;
    cursor: pointer;
    color: white;
    background: transparent;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
}

    .centerbuttom:hover, .centerbuttom:visited {
        color: #fff;
        text-decoration: none;
    }

/*.divcon .divcontent div*/
#signModal > div:after {
    position: absolute;
    content: "";
    right: 190px;
    bottom: -7px;
    width: 0;
    height: 0;
    opacity: 0.75;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #fff;
}

#signModal {
    bottom: 40px;
    top: initial;
}

blockquote p {
    font-style: normal;
}

blockquote small, blockquote .small {
    line-height: 1;
}



.divbtnadd {
    text-align: right;
    /*width:50px;*/
    display: inline;
    float: right;
}

/*grid style*/
.ui-jqgrid .ui-jqgrid-view {
    font-size: 13px
}

.ui-jqgrid .ui-jqgrid-htable th div {
    height: auto;
    font-size: 14px;
    font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
}


div.jqGrid .ui-jqgrid :nth-child(2n+1).jqgrow {
    background-color: #fff;
}


.ui-jqgrid tr.ui-row-ltr td {
    padding: 10px;
    background-color: #fcfcfc;
    border: 1px solid #eee !important;
    color: #555555;
    /*color:#636E7B;*/
    font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 13px;
    white-space: normal;
    overflow-wrap: break-word;
}

/*2014-0730*/
.ui-jqgrid tr.ui-row-ltr:nth-child(odd) td {
    background-color: #f2f2f2;
    /*background-color:#F5F5F8;*/
}

/* 滑鼠停留在表格列上的顏色變化 */
.ui-jqgrid tr:hover.ui-row-ltr td {
    /*background-color:#fcf3ad;/*#E4D039;*/
    background-color: #F4F6F9;
}

.ui-jqgrid .ui-jqgrid-htable th {
    background-color: #fff;
    color: #555;
    padding: 12px 8px 12px 8px;
    padding: 6px;
    border: 1px solid #eee;
    border-bottom-width: 2px;
    font-weight: 800;
}

.ui-widget-content .jqgrow .ui-row-ltr .ui-state-hover {
    border: 1px solid #ddd;
}

div.jqGrid .ui-state-default,
div.jqGrid .ui-widget-content .ui-state-default,
div.jqGrid .ui-widget-header .ui-state-default {
    border: 1px solid #eee;
    background: #fff;
    /*background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;*/
    font-weight: normal;
}

div.jqGrid .ui-state-hover,
div.jqGrid .ui-widget-content .ui-state-hover,
div.jqGrid .ui-widget-header .ui-state-hover,
div.jqGrid .ui-state-focus,
div.jqGrid .ui-widget-content .ui-state-focus,
div.jqGrid .ui-widget-header .ui-state-focus {
    /*border:1px solid #ddd;*/
    background: #fff !important;
    /*background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
	font-weight: normal;
	color: #212121;*/
}




th .ui-state-hover {
    background-color: #fff !important;
}

.ui-jqgrid .ui-subgrid td.subgrid-cell {
    border-width: 0 0 1px 1px;
}

div.jqGrid .ui-widget-content {
    border: 1px solid #eee;
    background: #fff;
}

.ui-jqgrid .ui-jqgrid-htable {
    table-layout: auto;
    margin: 0;
}

.ui-pg-table {
    /*border:1px solid #eee;*/
}

    /*.ui-jqgrid .ui-jqgrid-htable {
table-layout: initial;
margin: 0;
}*/
    /*工作清單grid 右邊線 paging*/
    .ui-pg-table tr:last-child {
        border-right: 1px solid #eee;
    }

a, a:visited {
    color: #4b739a;
}

.btn-primary {
    color: #ffffff !important;
    background-color: #5e87b0;
    border-color: #507aa4;
    /*201709*/
    /*border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;*/
}

.sectionblock {
    margin-bottom: 30px;
}

.tooltip {
    padding: 20px;
    margin-bottom: 20px;
}


.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

#content .content-title {
    font-family: 'Open Sans','Microsoft JhengHei';
}

#content .page-header {
    margin: 0 -15px 14px -15px;
}

/*.form-control {
    height:auto;
}*/

.form-grid-border {
    font-family: 'Open Sans','Microsoft JhengHei';
    display: table;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.form-header {
    font-family: 'Open Sans','Microsoft JhengHei';
    display: table;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ddd;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-bottom: 10px;
}

.table-responsive thead, .table-responsive tbody {
    font-size: 14px;
    font-family: 'Open Sans',sans-serif,'Microsoft JhengHei';
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: middle;
}

.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 4px;
    color: #656565;
}

.table > thead > tr > th {
    color: #555;
    font-weight: normal;
    font-size: 14px;
    padding: 6px;
}

.table {
    margin-bottom: 0;
}

.form-grid-btn {
    padding: 0 16px 6px;
    float: left;
}

.divHeader-title {
    float: right;
    margin: 0 0 0 -120px;
    width: 100%;
    border-radius: 4px;
    background: #f4f4f4;
    color: #555;
    font-size: 14px;
    padding: 6px 12px !important;
    height: 34px;
    vertical-align: middle;
    text-align: left;
    padding: 10px;
}

.divContain {
    float: left;
    width: 120px;
    background: #ddd;
    border-radius: 4px;
    height: 34px;
    color: #555;
    font-size: 14px;
    padding: 6px 12px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

#btnhrrevise.dropdown-menu {
    right: 0;
    left: auto;
    min-width: 80px;
}

.dttitle {
    font-weight: NORMAL;
    font-size: 14px;
    color: #555;
}

.ddlabel {
    font-weight: normal;
    letter-spacing: 1px;
    color: #999;
    color: #4472B9;
    font-size: 14px;
    margin-bottom: 10px;
}

    .ddlabel > span {
        border-bottom: 1px solid #4472B9;
    }

#divSignbutton {
    float: right;
    height: 60px;
    width: 100%;
    background-color: #1D2939;
    /*background-color: #555;*/
    padding: 10px;
}

/*簽核送出*/
/*.btnsign {
  color: #ffffff !important;
  background-color: #228dca;
  border-color: #228dca;
}


.btnsign:hover, .btnsign:focus, .btnsign:active, .btnsign.active, .open .dropdown-toggle.btnsign {
  color: #ffffff;
  background-color: #0b6bb5;
  border-color: #0b6bb5;
}*/

.btn-primary {
    letter-spacing: 1px;
}

a.list-group-item {
    color: #555555;
}

.lb {
    font-weight: normal;
    letter-spacing: 1px;
    color: #999;
    margin-bottom: 10px;
    padding-top: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

/*list最上方menu*/
.navurl,
.navurl a,
.navurl ul,
.navurl li,
.navurl div,
.navurl form,
.navurl input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

    .navurl a {
        text-decoration: none;
    }

    .navurl li {
        list-style: none;
    }

.navurl {
    /*display: inline-block;*/
    position: relative;
    cursor: default;
    z-index: 1;
    /*z-index: 500;*/
}

    .navurl > li {
        display: block;
        float: left;
    }

        .navurl > li > a {
            position: relative;
            display: block;
            /*z-index: 510;*/
            z-index: 2;
            height: 50px;
            padding: 0 20px;
            line-height: 54px;
            font-family: Helvetica, Arial, sans-serif;
            font-weight: bold;
            font-size: 13px;
            color: #fcfcfc;
            text-shadow: 0 0 1px rgba(0,0,0,.35);
            background-color: #6f94b8;
            border-right: 1px solid #507aa4;
            /*background: #372f2b;*/
            /*background-color:#80a0c1;
                    border-left: 1px solid #4b4441;
                    border-right: 1px solid #312a27;*/
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
        }

        .navurl > li:hover > a {
            background: #80a0c1;
            border-color: #5e87b0;
        }

        .navurl > li:first-child > a {
            border-radius: 3px 0 0 3px;
            border-left: none;
        }



        .navurl > li > div {
            position: absolute;
            display: block;
            width: 100%;
            top: 50px;
            left: 0;
            opacity: 0;
            visibility: hidden;
            overflow: hidden;
            background: #ffffff;
            border-radius: 0 0 3px 3px;
            -webkit-transition: all .3s ease .15s;
            -moz-transition: all .3s ease .15s;
            -o-transition: all .3s ease .15s;
            -ms-transition: all .3s ease .15s;
            transition: all .3s ease .15s;
            border: 1px solid #C7CBD5;
        }

        .navurl > li:hover > div {
            opacity: 1;
            visibility: visible;
            overflow: visible;
        }
    /* menu  */
    .navurl .nav-column {
        float: left;
        /*width: 20%;*/
        width: 25%;
        padding: 2.5%;
    }

        .navurl .nav-column h3 {
            margin: 20px 0 10px 0;
            line-height: 18px;
            font-family: Helvetica, Arial, sans-serif,'Microsoft JhengHei';
            font-weight: bold;
            font-size: 14px;
            color: #372f2b;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

            .navurl .nav-column h3.orange {
                color: #ff722b;
            }

        .navurl .nav-column li a {
            display: block;
            line-height: 26px;
            font-family: Helvetica, Arial, sans-serif,'Microsoft JhengHei';
            font-weight: bold;
            font-size: 13px;
            color: #888888;
            letter-spacing: 1px;
        }

            .navurl .nav-column li a:hover {
                color: #666666;
            }
/*list最上方menu*/

.SumoSelect > .CaptionCont > label {
    height: 28px;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
    margin-bottom: 0;
}

.ui-jqgrid-btable .ui-subgrid .ui-jqgrid-htable th {
    color: #555;
    padding: 0;
    border: 1px solid #eee;
    border-top: 0;
    border-bottom-width: 1px;
    font-weight: 800;
}


.box .box-title h4 {
    font-family: 'Microsoft JhengHei';
    letter-spacing: 0.5px;
    padding-top: 20px;
    padding-bottom: 10px;
}


.surveytitle {
    font-size: 16px !important;
    float: left !important;
}

.tbpd6 td {
    padding: 6px;
}

.tbpd6 tr:hover {
    background-color: #d4eaf6;
    background-color: #e5f1f8;
    /*background-color:#f5f5f5;*/
}

.sueverytbltitle {
    vertical-align: middle !important;
    text-align: center !important;
    font-size: medium !important;
    line-height: normal !important;
    padding: 0 !important;
}

#main-content {
    margin-left: 190px;
}

.navbar .navbar-brand {
    width: 190px;
}

#sidebar {
    width: 190px;
}

.box .header-tabs .nav-tabs > li > a {
    padding: 8px 8px 8px 2px;
}

    .box .header-tabs .nav-tabs > li > a i {
        margin-right: 0px;
    }

#PageRow li > a {
    margin-right: 3px;
}

.pager li > a, .pager li > span {
    border-radius: 3px;
    color: #636e7b;
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    border: 1px solid #ddd;
}

.pager .actived > a,
.pager .actived > a:hover,
.pager .actived > a:focus,
.pager .actived > span {
    text-decoration: none;
    background-color: #eee;
    cursor: not-allowed;
}

.pageheader .breadcrumb-wrapper .label {
    font-size: 13px;
}

.team-status .team-list li {
    padding: 0;
}

.team-status .team-list {
    padding: 15px 0 0 0;
}

/* list 首頁*/
.divlinks {
    opacity: 1;
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    opacity: 0.9;
    padding: 10px;
    border-radius: 4px;
    min-width: 60px;
}

    .divlinks .status {
        text-align: left;
        font-size: 11px;
        text-transform: uppercase;
    }

        .divlinks .status .field {
            margin-bottom: 5px;
        }

    .divlinks:hover {
        background-color: rgba(255, 255, 255, 0.07);
        opacity: 1;
        text-decoration: none;
    }

.team-status .team-list li.current a {
    background-color: rgba(255, 255, 255, 0.07);
    opacity: 1;
    text-decoration: none;
    padding: 6px 10px;
    font-size: 14px;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 60px;
}

.team-status .team-list li {
    vertical-align: top;
}

    .team-status .team-list li .title {
        color: #f0ad4e;
        margin: 10px;
        border-bottom: 2px solid #cecece;
        font-size: 15px;
        padding: 0 20px 2px 20px;
    }


.submenu > a {
    padding-left: 25px !important;
}

.submenutitle {
    display: inline;
    padding-left: 20px;
    font-size: 14px;
    font-weight: normal;
}


.submenu > a {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-bottom: 4px;
    margin-top: 2px;
}
/* list 首頁*/

a.btn-warning:visited {
    color: #ffffff !important;
}

.table-bordered th {
    text-align: center;
}

.ui-jqgrid .ui-jqgrid-bdiv {
    overflow: hidden;
}

.col-md-1 {
    white-space: nowrap;
    /*white-space:normal;*/
}

.form-content > .row {
    margin-bottom: 6px;
}

.control-label {
    font-size: 13px;
    display: block;
    margin-top: 6px;
    color: #666;
    /*sharon 20200303*/
    color: #444;
    color: #222;
    font-weight: 600;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control,
.tbl-txt[disabled] {
    cursor: not-allowed;
    background-color: #f4f4f4;
    /*sharon 20200303*/
    background-color: #f9f9f9;
    box-shadow: none;
    border: 0;
    min-height: 34px;
}

/*.aspNetDisabled .control-label {
    color: #666;
    cursor: not-allowed;
    text-decoration: none;
}*/
/*專案團隊必填星星用*/
span.dnnFormRequired:before, div.dnnFormItem.dnnFormRequired > div.dnnLabel span:before {
    content: none;
}

span.dnnFormRequired:after, div.dnnFormRequired.dnnFormItem > div.dnnLabel span:after {
    content: "*";
    display: inline-block;
    color: red;
    font-size: 16px;
    line-height: 1em;
    font-weight: bold;
    /*margin:0 5px 0 -14px;*/
}
/*span.dnnFormRequired:before, div.dnnFormItem.dnnFormRequired > div.dnnLabel span:before {
    content: "*";
    display: inline-block;
    color: red;
    font-size: 16px;
    line-height: 1em;
    font-weight: bold;
    margin:0 5px 0 -14px;

}

span.dnnFormRequired:after, div.dnnFormRequired.dnnFormItem > div.dnnLabel span:after {
    content:none;
}*/

/*
label.error:after {
  content:"＊";
  color:red;
}*/
label.error {
    /*bottom:70% !important;
    width: auto !important;*/
    bottom: unset !important;
    width: auto !important;
    top: 0%;
    margin-top: -20px;
    min-height: 37px;
}

.control-label.required:after {
    content: "＊";
    color: red;
}

.i-delete {
    cursor: pointer;
    font-size: 18px;
}


.tool-btn-form {
    width: 60px;
    letter-spacing: 2px;
}


.form-title-tool {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 200;
    font-family: Microsoft JhengHei;
    letter-spacing: 1px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    margin-bottom: 4px;
    background-color: #d9edf7;
    background-color: #f5f5f5;
    color: #3a87ad;
    margin-top: 0;
}

.form-title-i {
    margin-right: 6px;
}

.form-title-has-rdo {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 200;
    font-family: Microsoft JhengHei;
    letter-spacing: 1px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    margin-bottom: 4px;
    background-color: #d9edf7;
    color: #3a87ad;
    margin-top: 0;
    height: 38px;
}

.lbltitle {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 1px;
}

.form-control input[type="radio"] + label {
    margin-top: -2px;
    font-size: 14px;
    vertical-align: top;
}

.form-control input[type="radio"] {
    margin: 2px;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    white-space: initial;
    word-break: break-all;
    white-space: pre-wrap;
}

.customelement {
    width: 100%;
}

div.jqGrid input[type="text"], div.jqGrid select, div.jqGrid textarea, div.jqGrid input[type="email"], div.jqGrid input[type="search"], div.jqGrid input[type="password"] {
    padding: 2px !important;
    line-height: 18px;
    border-radius: 2px;
}

.ui-jqgrid #jqgMaterialList tr.ui-row-ltr td {
    padding: 6px;
    white-space: normal;
}
/*附件上傳邊框*/
.form-control-fileupload {
    display: block;
    width: 100%;
    min-height: 154px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-family: Microsoft JhengHei;
    color: #777;
    height: auto;
    cursor: default;
}

.rdo-title {
    vertical-align: top;
    margin-top: -8px;
    background-color: #fff;
    width: 80px;
    font-size: 16px;
}

.form-title-rdo-border {
    height: 15px;
    display: inline-block;
    margin-left: 10px;
}

.table-team input[type="text"] {
    min-height: 28px;
    border-radius: 3px;
    padding-left: 4px;
    padding-bottom: 1px;
}

.row-gvcosign {
    margin-top: 15px;
    margin-bottom: 2px;
}

.input-gvcosign {
    border-radius: 3px;
    font-size: 13px;
    padding-left: 4px;
    padding-bottom: 1px;
    min-height: 28px;
}

.div-btn-add {
    margin-bottom: 4px;
    text-align: right;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #fcfcfc;
}

.table-bordered > tbody > tr > td {
    font-size: 14px;
}

.td-col-del {
    font-size: 20px;
    text-align: center;
}

.table-approvalhistory > tbody > tr > td {
    padding: 8px;
}

.table-approvalhistory > tbody > tr:nth-child(odd) > td, .table-approvalhistory > tbody > tr:nth-child(odd) > th {
    background-color: #fff;
    letter-spacing: 1px;
    font-size: 13px;
    padding: 6px;
}

.table-approvalhistory > tbody > tr:nth-child(even) > td, .table-approvalhistory > tbody > tr:nth-child(even) > th {
    background-color: #fcfcfc;
    letter-spacing: 1px;
    font-size: 13px;
    padding: 6px;
}

.lbltitle.required:after {
    content: "＊";
    color: red;
}

.btn-gridsec {
    color: #f2a104 !important;
    background-color: #fff;
    border-color: #fff;
}

.btn-gridthird {
    color: #72a2c0 !important;
    background-color: #fff;
    border-color: #fff;
}


.i-gv {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.btn-gridfirst {
    color: #1d65a6 !important;
    background-color: #fff;
    border-color: #1d65a6;
}

input[type="text"].form-control, select.form-control, div.form-control, div.form-control-fileupload, textarea.form-control, {
    margin-top: 2px;
    padding-left: 8px;
}

.form-control input[type="radio"] {
    font-size: 20px;
    padding-left: 8px;
}

    .form-control input[type="radio"] + label {
        padding-right: 10px;
        padding-left: 1px;
    }

span.dnnInputFileWrapper {
    margin-top: 5px;
}

.mod-onerow > .row > .col-sm-4 {
    text-align: right;
    padding-right: 0;
    padding-top: 4px;
}

.mod-onerow > .row {
    margin-bottom: 15px;
}

    .mod-onerow > .row > .col-sm-7 {
        padding-left: 10px;
    }

        .mod-onerow > .row > .col-sm-7 > .form-col > select,
        .mod-onerow > .row > .col-sm-7 > .form-col > input {
            width: 50%;
        }

.btn-print {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    color: #869f50;
    letter-spacing: 1px;
    background-color: #dee6cd;
    background-color: #fff;
    border-color: #b3c58c;
    border-width: 3;
    /* text-shadow: 0 -1px 0 rgba(0,0,0,1); */
    font-weight: bolder;
    padding: 3px 12px;
    border-radius: 8px;
}

    .btn-print:hover {
        background-color: #dee6cd;
        /*background-color: #fff;*/
    }

.i-info {
    font-size: 18px;
    /* margin-top: -10px; */
    /* display: block; */
    display: block;
    width: 40px;
    position: absolute;
    margin-top: -15px;
    padding-left: 6px;
    color: #f0ad4e;
}

.i-info-h {
    font-size: 18px;
    margin-top: -2px;
    position: absolute;
    padding-left: 8px;
    color: #f0ad4e;
}

/*tab剩餘必填數字*/
.errbadge {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /*border-radius: 99%;*/
    border-radius: 10px;
    font-weight: normal;
    font-size: 11px;
    vertical-align: middle;
    display: inline-block;
    min-width: 10px;
    padding: 4px 5px 5px;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    background-color: #fe4e50;
    margin-left: 2px;
    margin-top: -12px;
    margin-right: 4px;
    padding: 5px 5px 7px;
    border-radius: 50%;
}

.btn-in-h {
    margin-top: -40px;
    padding: 4px 10px;
}

.r-btn-print {
    text-align: right;
    padding-right: 15px;
    display: block;
    margin-bottom: 0;
    position: absolute;
    right: 340px;
    top: 4px;
}

.navbar .dropdown-toggle .username {
    font-weight: 600;
    padding-right: 8px;
    line-height: 28px;
}

.panel-body-list-page {
    padding-right: 15px;
    padding-left: 15px;
}

#divsumGrid th, #divpayableGrid th {
    background-color: #fff;
}

#divsumGrid .ui-jqgrid tr.jqgrow td, #divpayableGrid .ui-jqgrid tr.jqgrow td {
    line-height: 14px;
    padding: 6px 4px;
}

.form-ctl-not-txt {
    cursor: default;
}

.box .header-tabs .nav-tabs > li.active a, .box .header-tabs .nav-tabs > li.active a:after, .box .header-tabs .nav-tabs > li.active a:before {
    z-index: 0;
}


.divContain-txt > input {
    background-color: transparent;
    border: none;
    color: #666;
    width: 54% !important;
}

.tbl-train > thead > tr > th {
    font-size: 14px;
    font-weight: bold;
    background-color: #eee;
}

.tbl-train-title {
    font-size: 14px;
    display: block;
    /*margin-top: 6px;*/
    color: #666;
    text-align: center;
}

.tbl-txt {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0px;
    font-family: Microsoft JhengHei;
    color: #777;
    height: 50px;
}

.tbl-txt-num {
    /*display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0px;*/
    font-family: Microsoft JhengHei;
    width: 120px;
    border: 0;
    background-color: #fff;
    border-radius: 0;
    text-align: right;
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    height: 50px;
    vertical-align: baseline;
    padding-right: 3px;
    padding-top: 20px;
}

.pd0 {
    padding: 0 !important;
}

.mb4 {
    margin-bottom: 4px;
}

.col-search {
    padding-left: 4px;
    padding-right: 0px;
}

.div-lbl-search > .control-label {
    text-align: right;
}

#dnnProjectTeam > .table-responsive.table-team > table > tbody > tr > td > label.error {
    bottom: unset !important;
    left: 55%;
    right: unset;
    margin-top: -73px;
    right: unset;
    /* top: 40%; */
    /* position: relative; */
    /* z-index: 99999; */
    top: unset;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #dnnProjectTeam > .table-responsive.table-team > table > tbody > tr > td > label.error {
        margin-top: 154px;
        width: 50px !important;
    }
}

.btn-print2 {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.4;
    letter-spacing: 1px;
    border-color: #b3c58c;
    border-width: 3;
    /* text-shadow: 0 -1px 0 rgba(0,0,0,1); */
    font-weight: bolder;
    background-color: #b3c58c;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    padding: 6px 20px;
}

    .btn-print2 i {
        font-size: 20px;
        padding-right: 5px;
    }

.btn.btn-success {
    /*border-radius: 20px;*/
}


.btn-secondary {
    /*background-image: linear-gradient(to bottom, #3acbc8 0%, #9aecea 100%);*/
    background: #3acbc8;
    color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    font-family: "Segoe UI","Helvetica Neue", "微軟正黑體", 'Microsoft JhengHei';
    min-width: 80px;
    cursor: pointer;
    font-size: 15px;
    height: 36px;
    line-height: 34px;
    padding: 1px 20px;
    border: 0;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 20px;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #6adbd9;
        background-image: none;
    }

/*員工查詢*/
.blc-employee-search {
    display: inline-block;
    /*width: 25%;*/
    float: right;
}

.search-bar {
    margin-top: 4px;
    padding: 6px;
}

.search {
    border: 0;
    padding: 6px;
    margin-left: -3px;
}

.blc-i-emp-search {
    display: inline-block;
    background-color: #fff;
    height: 30px;
    vertical-align: top;
    width: 26px;
    cursor: pointer;
    margin-left: -4px;
    margin-top: -30px;
}

.search-icon {
    padding-top: 5px;
    font-size: 18px;
    padding-right: 7px;
}


.btn-print-cir {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    line-height: 1.4;
    color: #869F4F;
    color: #5e87b0;
    letter-spacing: 1px;
    background-color: #dee6cd;
    background-color: #fff;
    border-width: 3;
    /* text-shadow: 0 -1px 0 rgba(0,0,0,1); */
    font-weight: bolder;
    padding: 3px 12px;
    border-radius: 8px;
    font-size: 20px;
    border: 3px solid #b3c58c;
    border: 3px solid #5e87b0;
    border-radius: 50%;
    padding: 5px 6px;
}

/*sharon update 20190503*/
.btn-comp {
    display: inline-block;
    min-width: 30px;
    border: 1px solid #28c0c6;
    padding: 7px 10px;
    color: #888;
    border-radius: 3px;
}

    .btn-comp:hover {
        cursor: pointer;
    }

    .btn-comp.active {
        background-color: #67d0cb;
        border: 2px solid #28c0c6;
        color: #fff;
        padding: 6px 10px;
    }

.btn-part {
    display: inline-block;
    min-width: 80px;
    background-color: #28c0c6;
    text-align: center;
    padding: 8px 18px;
    border-radius: 18px;
    color: #fff;
    margin-right: 3px;
    cursor: pointer;
    margin-bottom: 4px;
    border: 0;
    font-size: 13px;
}

    .btn-part.plant {
        float: right;
        font-size: 14px;
        border-radius: 3px;
        margin-left: 3px;
        min-width: 20px;
        min-height: 34px;
        width: 25px;
        padding: 11px 25px 9px 12px;
    }

.doc-status-h {
    background-color: #eef5fb;
}

/*文件狀態table樣式 sharon add 2019-05-08*/
#divUpdateHistory .table-striped > tbody > tr:nth-child(even) > td {
    background-color: #fff;
}

    #divUpdateHistory table tbody tr td:nth-child(odd), #divUpdateHistory .table-striped > tbody > tr:nth-child(even) > td:nth-child(odd) {
        background-color: #eef5fb;
    }

.ui-jqgrid tr.jqgfirstrow td {
    border-right-color: #eee;
}
/* sharon add 2019-05-27 新供應商申請 */

.btn-comp {
    border: 2px solid #28c0c6;
    padding: 6px 10px;
}

    .btn-comp.disabled {
        background-color: transparent;
        color: #888;
        border: 2px solid #a1a1a1;
        cursor: not-allowed;
    }

.tabbable > .box .header-tabs .nav-tabs > li > a {
    padding: 2px;
}

    .tabbable > .box .header-tabs .nav-tabs > li > a:before {
    }

    .tabbable > .box .header-tabs .nav-tabs > li > a:after {
    }
/*2019 eip3 menu by sharon*/
.sidebar-menu > ul > li.has-sub .sub .has-sub-sub .sub-sub {
    margin-left: 0px;
    padding-left: 18px;
}

.sub-sub-menu-text {
    font-weight: 400;
}

/*sharon 2019-0902*/
ol.erroritemgroup label {
    display: inline;
    /*sharon 20200421 alert update*/
    font-size: 15px;
    color: #888;
}
/*sharon 20200421 alert update*/
ol.erroritemgroup li {
    line-height: 1.5;
    padding-left: 1px;
}

ol.erroritemgroup {
    color: red;
    font-size: 15px;
}

.ErrorSummary .modal-header {
    min-height: 50px;
}

.ErrorSummary .modal-content:after {
    border-width: 0;
}

.ui-jqgrid tr.ui-row-ltr td.gvcol-openmd {
    color: #0057ff !important;
    text-decoration: underline;
    font-size: 14px;
}

/*sharon 20200303*/
div.form-control-bor {
    display: block;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

    div.form-control-bor .form-control {
        border: 0;
        box-shadow: none;
        transition: none;
        -webkit-box-shadow: none;
    }

    div.form-control-bor.disabled, div.form-control.form-ctl-not-txt.disabled {
        /*padding: 0;*/
        cursor: not-allowed;
        background-color: #f9f9f9;
        /*background-color: #f4f4f4;*/
        box-shadow: none;
        border: 0;
        min-height: 34px;
    }

.form-control-fileupload.disabled {
    /*padding: 0;*/
    cursor: not-allowed;
    background-color: #f9f9f9;
    /*background-color: #f4f4f4;*/
    box-shadow: none;
    border: 0;
}

.form-title-tool {
    /*sharon*/
    font-weight: 500;
    background-color: #f2f7f9;
}

/*--- end sharon 20200303*/

/*sharon 20200330 進階搜尋 新增*/
.btn-downloadexcel {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: white;
    box-shadow: 0 3px 3px rgba(0,0,0,0.26);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 11px;
    font-size: 12px;
    z-index: 1;
    background-color: #38c5c0;
    display: inline-block;
    margin-left: 8px;
    border: 1px solid #216e42;
    box-shadow: none;
    background-color: #fff;
}

.img-dwnexcel {
    /*content: url("http://192.168.31.162/avc/portals/_default/skins/avc/img/icon/iexcel.png");*/
    content: url("../img/icon/iexcel.png");
    width: auto; /*or your image's width*/
    height: auto; /*or your image's height*/
    width: 25px;
    margin-top: -5px;
    margin-left: -6px;
    display: inline-block;
    background-image: url("../img/icon/iexcel.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 24px;
}

.btn-add-new {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: white;
    box-shadow: 0 3px 3px rgba(0,0,0,0.26);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 11px;
    padding: 9px 10px;
    font-size: 12px;
    z-index: 1;
    background-color: #38c5c0;
    display: inline-block;
    margin-left: 8px;
    box-shadow: none;
    background-color: #fbe6eb;
    color: #fe6e89;
    background-color: #f11c94;
    color: #fff;
}

    .btn-add-new i {
        font-size: 20px;
    }

.row.rlistcontrol {
    margin: 0;
    margin-bottom: 8px;
    position: absolute;
    right: 32px;
    z-index: 1;
}
/*清單中搜尋*/
.row.searchbar {
    margin-bottom: 10px;
    margin: 0;
}

.divbtnadd {
    margin-top: 8px;
}

.searchbar .rtitle {
    padding-left: 22px;
    position: absolute;
    z-index: 1;
    margin-top: 20px;
    padding-left: 11px;
}

    .searchbar .rtitle i {
        display: inline-block;
        color: #858585;
    }

.searchbar .rfilter {
    padding-right: 106px;
}

.searchbar .blcfilter {
    background-color: #f9f9f9;
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-left: 18px;
}

/*表單編號*/
.tFormDocID {
    position: absolute;
    left: 135px;
    margin-top: 9px;
    z-index: 9;
    font-family: 'Microsoft JhengHei';
    font-size: 16px;
    font-weight: bold;
    color: #bce8f1;
}

/*Sharon add 20200617 label靠右*/
/*label在textbox左邊*/
.col-md-1, .col-md-3.c20, .col-md-2.c20 {
    padding-right: 0;
    text-align: right;
    text-align: -webkit-right;
    display: table;
}


.control-label.required:before {
    content: "＊";
    color: red;
}

.control-label.required:after {
    content: none;
}

/*20200620 採購*/
.tag-pr-type {
    display: inline-block;
    background-color: #f3f8ff;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 12px;
    color: #80b5ff;
}

input[type="text"].tFormDocID {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    position: absolute;
    left: 135px;
    margin-top: 6px;
    z-index: 9;
    font-family: 'Microsoft JhengHei';
    font-size: 16px;
    font-weight: bold;
    color: #bce8f1;
}

/*by sharon*/
.row.rtitle {
    margin-left: 3px;
    margin-right: 10px;
}

.form-title-kw {
    padding: 10px 0;
    margin-left: -10px;
    font-weight: 500;
    background-color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Microsoft JhengHei;
    letter-spacing: 1px;
    margin-right: -10px;
    margin-bottom: 4px;
    color: #3a87ad;
    margin-top: 0;
}

.rkwtitle-l {
    border-top: 1px solid #e6e6e6;
}

.rkwtitle {
    font-size: 15px;
    background-color: #fff;
    padding: 2px 0px;
    margin-top: -14px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 6px;
    display: inline-block;
}

/*sharon請購 20200728*/
.pq-grid-col span.dnnFormRequired:after {
    color: #ef000b;
    padding-right: 3px;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

input[disabled]::-webkit-input-placeholder { /* Edge */
    color: transparent;
}

input[disabled]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: transparent !important;
}

input[disabled]::placeholder {
    color: transparent;
}

.col-md-1 .control-label, .col-md-2.c20 .control-label, .col-md-3.c20 .control-label {
    font-size: 13px;
    color: #222;
    font-weight: 600;
    height: 34px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    line-height: 1.2;
    white-space: normal;
}


/*.c20 {
    padding-right: 0;
    text-align: right;
    text-align: -webkit-right;
    display: table;
}*/

/*專案團隊*/
.table > thead > tr > th {
    color: #5b6d95;
    font-weight: 800;
    background: #f0f3f8;
    font-size: 14px;
    font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    padding: 8px 10px 4px;
}

.table-bordered, .table-bordered > tbody > tr > td {
    border: 1px solid #e6e5ea;
}

.table-team input[type="text"] {
    border: 1px solid #ddd;
    color: #667596;
    font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 13px;
}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #fafbfd;
}

.table > tbody > tr > td {
    color: #667596;
    color: #667596;
    font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 13px;
}

.table-bordered > tbody > tr > td:first-child {
    color: #667596;
    font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 13px;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

.row.StableHeader {
    margin: 0 5px 0 5px;
    font-size: 15px;
    font-weight: 600;
    background-color: #e0e4ef;
    border-color: #cccfd6;
    border: 1px solid #e6e5ea;
    border-bottom: 0;
    padding: 0px 4px;
    border-radius: 4px 4px 0 0;
}

.Stabletitle {
    border-bottom: 0;
    padding: 10px 15px;
    color: #616b84;
}
/*專案團隊*/

.row.StableHeader.m0 {
    margin: 0;
}

.input-gvcosign {
    border: 1px solid #ddd;
    color: #667596;
    font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 13px;
}

.urltext {
    color: #0057ff !important;
    text-decoration: underline;
    font-size: 14px;
}

/*供應商申請*/
/*grid*/
.ui-jqgrid .ui-jqgrid-titlebar {
    font-size: 15px;
    font-weight: 600;
    background-color: #e0e4ef;
    border-color: #cccfd6;
    border: 1px solid #e6e5ea;
    border-bottom: 0;
    padding: 8px 10px;
}

.ui-jqgrid .ui-jqgrid-htable th {
    color: #5b6d95;
    padding: 8px 10px 6px 10px;
    border: 1px solid #e6e5ea;
    font-weight: 800;
    background: #f0f3f8;
    border-bottom-width: 1px;
    border-bottom-color: #cccfd6;
    border-bottom-color: #e6e5ea;
}

.ui-jqgrid tr.ui-row-ltr td {
    padding: 10px;
    background-color: #fcfcfc;
    border: 1px solid #e6e5ea !important;
    color: #667596;
    font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 13px;
    white-space: normal;
    overflow-wrap: break-word;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-state-hover {
    background: #f0f3f8 !important;
}

/* 滑鼠停留在表格列上的顏色變化 */
.ui-jqgrid tr:hover.ui-row-ltr td {
    background-color: #fcf3ad;
}

.btn-kw-add {
    float: right;
    width: 35px;
    height: 34px;
    padding: 10px;
    background-color: #28c0c6;
    border: 0;
}

    .btn-kw-add i {
        color: #fff;
    }

label.error {
    margin-top: -43px;
}

.btn-kw-add2 {
    float: right;
    width: 32px;
    height: 32px;
    background-color: transparent;
    border: 0;
    border-radius: 3px;
    text-align: center;
    padding-top: 9px;
    cursor: pointer;
}

    .btn-kw-add2 i {
        color: #fff;
        color: #616b84;
        font-size: 18px;
    }

.ui-jqgrid tr.ui-row-ltr:nth-child(odd) td {
    background-color: #fafbfd;
}

.ui-jqgrid tr.ui-row-ltr:nth-child(even) td {
    background-color: #fff;
}

.ui-jqgrid .ui-jqgrid-title {
    margin: 8px 6px 2px;
    color: #616b84;
}

.ui-jqgrid tr.ui-row-ltr:nth-child(2) td {
    border-top-width: 0 !important;
}

/*create new table style sharon*/
.kwtableHeader {
    font-size: 15px;
    font-weight: 600;
    background-color: #e0e4ef;
    border-color: #cccfd6;
    border: 1px solid #e6e5ea;
    border-bottom: 0;
    padding: 4px 10px;
    border-radius: 4px 4px 0 0;
}

.kwtabletitle {
    display: inline-block;
    float: left;
    margin: 8px 6px 6px;
    color: #616b84;
}

.kwtable {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

    .kwtable > thead > tr > th {
        color: #5b6d95;
        padding: 8px 10px 6px 10px;
        border: 1px solid #e6e5ea;
        font-weight: 800;
        background: #f0f3f8;
        border-bottom-width: 1px;
        border-bottom-color: #cccfd6;
        border-bottom-color: #e6e5ea;
        font-size: 14px;
        font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    }

    .kwtable > tbody > tr > td {
        color: #5b6d95;
        padding: 8px 10px 6px 10px;
        border: 1px solid #e6e5ea;
        background: #fff;
        border-bottom-width: 1px;
        color: #667596;
        font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
        font-size: 13px;
        /* border-bottom-color: #e6e5ea; */
    }

.btn-comp {
    border: 2px solid #e0e0e0;
}

/*清單多選sumo sharon 20200821*/
/*20200526 pdoc list搜尋不適用客戶因版本*/
/*.ui-state-default .ui-icon.ui-icon-close {
    background: url(../img/delpart.png) no-repeat !important;
    margin-right: 6px;
    margin-left: 20px;
}*/

.tagit-label {
    margin-right: 16px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
    background-color: #fff;
    box-shadow: none;
    border-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-image: url(https://cdn1.iconfinder.com/data/icons/Keyamoon-IcoMoon--limited/16/checkbox-checked.png);*/
    background-image: url(../img/icon/checkbox-checked.png);
    width: 16px;
    height: 16px;
}



p.CaptionCont.SelectBox.search {
    width: 99% !important;
}

.blcKFilter > i {
    vertical-align: initial;
    margin-left: 4px;
    margin-right: 4px;
}

.SumoSelect.open .search-txt::-webkit-input-placeholder {
    /*font-size: 13px;*/
    color: #28c0c6;
    color: #28c0c6;
}

.SumoSelect.open .search-txt:-ms-input-placeholder {
    color: #28c0c6;
}


.SumoSelect.open .search-txt::placeholder {
    color: #28c0c6;
}

.SumoSelect.open > .CaptionCont {
    box-shadow: none;
}

.SumoSelect.open .search-txt {
    background-color: transparent;
}

.SumoSelect:hover > .CaptionCont, p.CaptionCont.SelectBox.search {
    cursor: pointer;
    box-shadow: none;
}

.SumoSelect:hover > .CaptionCont, .SumoSelect:focus > .CaptionCont {
    border: 0;
    box-shadow: none;
}

.SumoSelect > .CaptionCont > span:hover {
    cursor: pointer;
}

.SumoSelect .select-all.selected > span i {
    background-color: #28c0c6;
}
/*--------------*/
label.error {
    z-index: 1;
}

/*新料號 20200824*/
.ptnew {
    position: relative;
    background-color: #fae7ec;
    padding: 3px 3px 2px;
    display: inline;
    font-size: 4px;
    font-weight: bold;
    color: #ee4a74;
    margin-left: 4px;
    border-radius: 4px;
}
/*新廠區 20200824*/
.plantnew {
    position: relative;
    font-family: monospace;
    margin-top: -6px;
    background-color: #fae7ec;
    padding: 2px 3px 1px;
    color: #d30b2e;
    display: inline-block;
    font-size: 4px;
    font-weight: bold;
    color: #ee4a74;
}

/*20201127*/
.blcKFilterField.kfmore {
    width: 80px;
}

    .blcKFilterField.kfmore .SumoSelect {
        width: 64px;
    }

        .blcKFilterField.kfmore .SumoSelect.open {
            width: 200px;
        }

p.CaptionCont.SelectBox.search {
    width: 80% !important;
}

.blcKFilterField.kfmore span {
    padding-right: 0;
}

.blc2020 .row {
    margin-bottom: 6px;
}

/*sharon 20201124*/
.blc-chk-bor {
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    min-height: 80px;
    min-height: 30px;
    height: auto;
    padding: 10px;
}

.row.blc-chk-bor {
    margin-left: 0;
    margin-right: 0;
    /*margin-bottom:6px;*/
}

.row.blc-chk-bor-inertxt {
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: auto;
    padding: 10px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 4px 0 30px;
    min-height: 36px;
}


a.aurl {
    color: #0057ff;
    font-size: 13px;
    font-weight: bold;
}

    a.aurl:hover {
        text-decoration: underline;
    }

/*sharon address 20210217*/
.blcformstatus-info {
    min-height: 145px;
}

/*confirm modal*/
#mdlconfirm {
    position: fixed;
    overflow-y: hidden;
    top: 20%;
}

    #mdlconfirm .modal-dialog {
        width: 380px;
    }

    #mdlconfirm .modal-content {
        background: #fff;
        border-radius: 4px;
        padding-top: 25px;
    }

    #mdlconfirm .modal-body {
        color: #696969;
        min-height: 80px;
        padding: 0 18px;
        font-size: 15px;
        font-weight: normal;
    }

    #mdlconfirm .modal-footer {
        padding: 0;
    }

        #mdlconfirm .modal-footer .row {
            margin: 0;
            background-color: #eee;
            padding: 0px;
        }

    #mdlconfirm .modal-content:after {
        border: 0;
        margin: 0;
    }

#confirmCancel, .confirmCancel {
    font-size: 16px;
    padding: 10px;
    font-weight: bold;
    background: #fff;
    border-radius: 7px;
    color: #000;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}

#confirmYes, .confirmYes {
    font-size: 16px;
    padding: 10px;
    font-weight: lighter;
    background: #f53649;
    color: #fff;
    border-radius: 7px;
    background-color: #4099ff;
    background-color: #5e87b0;
    text-align: center;
    cursor: pointer;
}

/*confirm modal*/
/*簽核說明*/
.kwSidePanelTaskInfo {
    position: fixed;
    z-index: 1;
    bottom: 70px;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    padding-top: 60px;
    width: 550px;
    height: 120px;
    display: none;
}

.kwSidePanelTaskInfoUp {
    position: fixed;
    z-index: 1;
    bottom: 70px;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    padding-top: 60px;
    width: 550px;
    height: 170px;
    display: none;
}

.blckwSidePanelInnerUp {
    width: 500px;
    display: inline-block;
    float: left;
    background-color: #e0e4ef;
    height: 130px;
    padding: 8px 15px;
    font-size: 15px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%);
    bottom: 60px;
    position: fixed;
}

.kwSidePanelTaskInfo a:hover {
    color: #f1f1f1;
}

.kwSidePanelTaskInfo .closeTIbtn {
    position: fixed;
    font-size: 36px;
    display: inline-block;
    background-color: #1D2939;
    color: white;
    padding: 6px 15px 10px 7px;
    border: none;
    border-radius: 0 10px 10px 0;
    height: 50px;
    left: 500px;
    bottom: 140px;
    display: none;
}

.kwSidePanelTaskInfoUp .closeTIbtnUp {
    position: fixed;
    font-size: 36px;
    display: inline-block;
    background-color: #1D2939;
    color: white;
    /*left: 451px;*/
    left: 1px;
    bottom: 190px;
    border: none;
    border-radius: 10px 10px 0 0;
    height: 28px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 4;
    width: 48px;
    cursor: pointer;
}

.openTIbtn {
    position: fixed;
    bottom: 70px;
    cursor: pointer;
    background-color: #111;
    background-color: #1D2939;
    color: white;
    padding: 4px 14px 10px 7px;
    border: none;
    border-radius: 0 10px 10px 0;
    font-size: 30px;
    height: 50px;
}

    .openTIbtn:hover {
        background-color: #444;
    }

.openTIUpbtn {
    position: fixed;
    bottom: 60px;
    /*left: 451px;*/
    left: 1px;
    cursor: pointer;
    background-color: #111;
    background-color: #1D2939;
    color: white;
    border: none;
    border-radius: 10px 10px 0 0;
    font-size: 30px;
    height: 28px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 0;
    width: 48px;
}

    .openTIUpbtn:hover {
        background-color: #444;
    }


.kwSidePaneltitle {
    font-size: 15px;
    /*background-color: #fff;*/
    padding: 0px 10px 4px 0px;
    color: #aaa;
    color: #f4ae2c;
    font-family: "Century Gothic",微軟正黑體;
    font-weight: bold;
}

.txtCheckPointDesc {
    font-family: "Century Gothic",微軟正黑體;
    color: #111;
    color: #616b84;
    font-weight: bold;
}

.blckwSidePanelInner {
    width: 500px;
    display: inline-block;
    float: left;
    background-color: #fff;
    background-color: #e0e4ef;
    height: 120px;
    padding: 6px 15px;
    font-size: 15px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%);
    bottom: 70px;
    position: fixed;
}

.panel-body {
    margin-bottom: 76px;
}

.blckwSidePanelInner .row.m0 {
    margin-left: 0;
    margin-right: 0;
}
/*黑*/
.blckwSidePanelInnerUp {
    background-color: rgba(0,0,0,0.8);
}

.kwSidePaneltitle {
    color: #e4b402;
    font-weight: normal;
}

.txtCheckPointDesc {
    color: #fff;
    font-weight: normal;
}
/*簽核說明*/


/*--------------------- 料 --------------------*/
/*料件申請 2018-03-21 Sharon */
/*料件管理*/
.main-part-name {
    font-size: 15px;
    vertical-align: super;
    display: inline-block;
    padding-left: 4px;
    font-weight: bold;
    color: #38c5c0;
    font-family: Microsoft JhengHei;
}

.tab-sub {
    display: inline-block;
    padding: 3px 15px;
    color: #fff;
    margin-right: 4px;
    font-family: Microsoft JhengHei;
    font-size: 14px;
    line-height: 1.8;
    background: #eaeaea;
    background: #3883c8;
    border-radius: 0px;
    color: #fff;
    border: none;
    font-size: 14px;
}

    .tab-sub.active {
        border: none;
        border-top: 4px solid #3883c8;
        font-size: 14px;
        font-weight: 600;
        color: #3883c8;
        cursor: default;
        background-color: #fff;
    }

i.icon-006-gear-loading {
    font-size: 13px;
    vertical-align: sub;
    padding-right: 4px;
    color: #aaa;
}
/*料件tab*/
.nav-tabs.nav-tabs-parts > li > a {
    display: inline-block;
    padding: 3px 15px;
    color: #fff;
    margin-right: 4px;
    font-family: Microsoft JhengHei;
    line-height: 1.8;
    background: #eaeaea;
    background: #3883c8;
    border-radius: 0px;
    color: #fff;
    border: none;
    font-size: 14px;
    border-top: 4px solid #f4f4f4;
    padding: 4px 14px;
    margin-right: 6px;
    font-weight: bold;
}

.nav-tabs.nav-tabs-parts > li.active > a, .nav-tabs.nav-tabs-parts > li.active > a:hover, .nav-tabs.nav-tabs-parts > li.active > a:focus {
    border: none;
    border-top: 4px solid #3883c8;
    font-size: 14px;
    font-weight: 600;
    color: #3883c8;
    cursor: default;
    background-color: #fff;
}

.nav-tabs.nav-tabs-parts > li {
    margin-bottom: 0;
}

/* 料件tab*/
.blcpartattr {
    border: 2px solid #eee;
    margin-top: 10px;
    margin-bottom: 20px;
}

.partattrheader {
    /*position: absolute;*/
    font-size: 15px;
    background-color: #fff;
    padding: 2px 10px;
    margin-top: -14px;
    margin-left: 15px;
    color: #222;
    font-weight: bold;
    width: 100px;
}


.blcpartattr .row {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .blcpartattr .row:last-child {
        margin-bottom: 10px;
    }

    .blcpartattr .row:nth-child(2n) {
        background-color: #f7f7f7;
    }

    .blcpartattr .row:hover {
        background-color: #e4faf8;
    }

.lbl-name {
    font-size: 14px;
    color: #aaa;
    padding: 4px;
}

.lbl-val {
    font-size: 15px;
    color: #222;
    padding: 4px;
}

.block-partattr {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.i-part-menu {
    height: 20px;
    font-size: 18px;
    width: 20px;
    position: absolute;
    left: 5px;
    top: 4px;
}

.mblcpartattr {
    border: 2px solid #eee;
    margin-top: 10px;
    margin-bottom: 20px;
}

    .mblcpartattr .row {
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 0;
    }

        .mblcpartattr .row:last-child {
            margin-bottom: 10px;
        }

        .mblcpartattr .row:nth-child(2n) {
            background-color: #f7f7f7;
        }

        .mblcpartattr .row:hover {
            background-color: #e4faf8;
        }

.sel-part {
    width: 99%;
    padding: 2px;
    font-size: 14px;
    border: 1px solid #eee;
    min-height: 30px;
}

.mblcpartattr .lbl-name {
    padding-top: 4px;
}

.part-ipt {
    width: 99%;
    font-size: 14px;
    /*padding: 2px;*/
    padding-left: 4px;
    border-color: #f9f9f9;
    /* box-shadow: none; */
    border: 1px solid #eee;
}

.blc-radio-part {
    display: block;
    font-size: 14px;
    /*padding-top: 10px;*/
}

.dropdown-menu.part-action {
    border-radius: 0;
}

    .dropdown-menu.part-action > li {
        padding: 2px 6px;
    }

.sp-blc-chk {
    display: inline-block;
    min-width: 130px;
}

.btn-part-main {
    display: inline-block;
    float: right;
    /*font-size: 15px;
    padding-top: 6px;
    color: #fa4c4d;
    font-weight: bold;*/
    margin-right: 6px;
}

.mainpart-nav-tabs {
    margin-left: 0px;
}

.nav-tabs.mainpart-nav-tabs > li.active > a, .nav-tabs.mainpart-nav-tabs > li.active > a:hover, .nav-tabs.mainpart-nav-tabs > li.active > a:focus {
    border: none;
    border-top: 4px solid #0ad0cb;
    font-size: 14px;
    font-weight: 600;
    color: #0ad0cb;
    cursor: default;
    background-color: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.nav-tabs.mainpart-nav-tabs > li {
    margin-bottom: -1px;
}

    .nav-tabs.mainpart-nav-tabs > li > a {
        display: inline-block;
        font-family: Microsoft JhengHei;
        line-height: 1.8;
        background: #0ad0cb;
        border-radius: 0px;
        color: #fff;
        border: none;
        font-size: 14px;
        border-top: 4px solid #f4f4f4;
        padding: 4px 14px;
        margin-right: 6px;
        font-weight: bold;
    }

/*.nav-tabs.mainpart-nav-tabs > li.active> a{
        border-left:1px solid #eee;
        border-right:1px solid #eee;
    }*/


.mainpart-Tabcontent {
    background-color: #fff;
    padding-top: 20px;
    padding: 50px 15px 20px 15px;
    border: 1px solid #eee;
    border-top-width: 0;
}


.blcmainpart-productinfo .row {
    padding-top: 2px;
    padding-bottom: 2px;
}

    .blcmainpart-productinfo .row:nth-child(2n) {
        background-color: #f7f7f7;
    }

    .blcmainpart-productinfo .row:hover {
        background-color: #e4faf8;
    }

.blcmainpart-productinfo > .row > .col-sm-4 > .row > .col-sm-4 {
    padding-left: 6px;
    padding-right: 6px;
}



.m0 {
    margin: 0;
}

.pd0 {
    padding: 0;
}

/*PIM 料件申請*/
.btn-part {
    display: inline-block;
    min-width: 80px;
    background-color: #28c0c6;
    text-align: center;
    padding: 8px 18px;
    border-radius: 18px;
    color: #fff;
    margin-right: 3px;
    cursor: pointer;
    margin-bottom: 4px;
    border: 0;
    font-size: 13px;
}



.btn-part-sub {
    display: inline-block;
    min-width: 80px;
    background-color: #56bfe8;
    text-align: center;
    padding: 8px 18px;
    border-radius: 18px;
    color: #fff;
    margin-right: 6px;
    cursor: pointer;
    margin-bottom: 2px;
    border: 0;
}

.btn-part-sub2 {
    border: 2px solid #56bfe8;
    text-align: center;
    padding: 5px 6px;
    border-radius: 50%;
    color: #56bfe8;
    /*margin-right: 6px;*/
    margin-right: 0px;
    cursor: pointer;
    font-size: 14px;
}

.blc-part-header {
    display: block;
    width: 100%;
    height: 40px;
}

.header-part {
    margin-left: 15px;
    background-color: #fff;
    display: inline-block;
    padding: 6px 15px;
    display: inline-block;
    font-family: Microsoft JhengHei;
    line-height: 1.8;
    border-radius: 0px;
    border-top: 4px solid #0ad0cb;
    font-size: 14px;
    font-weight: 600;
    color: #0ad0cb;
    cursor: default;
    background-color: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    position: absolute;
}

.blc-productstructure.part-structure-content {
    padding: 0 6px 0 4px;
    background-color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    /*padding-top: 56px;*/
    /*border: 1px solid #eee;*/
}

.blc-bor-table-part {
    display: block;
    position: absolute;
    width: 99.7%;
    padding-right: 10px;
}

.blc-table-part {
    /*overflow-x: scroll;
    border: 1px solid #c3c3c3;
    height: 498px;*/
    overflow-x: scroll;
    border: 1px solid #c3c3c3;
    height: 476px;
    width: 100%;
}

.blc-main-part-detail {
    width: 100%;
    display: block;
    /*border: 1px solid #c3c3c3;*/
    margin-top: 0px;
}

.blcline {
    display: inline-block;
    width: 2px;
    height: 82px;
    background-color: #fff;
    position: absolute;
    margin-left: -1px;
    z-index: 1;
}

.blc-partfunc {
    display: inline-block;
    /*width: 100%;*/
    margin-bottom: 1px;
    padding-left: 4px;
    padding-top: 4px;
}

.txtpartname {
    width: 99%;
    font-size: 14px;
    /* padding: 2px; */
    padding-left: 4px;
    border-color: #f9f9f9;
    font-weight: bold;
}

.nav-tabs.nav-tabs-parts > li {
    margin-top: 2px;
}

.header-filter-partsimmular {
    font-size: 16px;
    font-weight: bold;
    padding-left: 6px;
    border-left: 4px solid #888;
}

.carousel-inner {
    height: 206px;
    margin-top: 10px;
}

.carousel-control.left, .carousel-control.right {
    width: 25px;
    background-image: none;
    padding-top: 100px;
    font-size: 30px;
    color: #111;
    font-weight: bolder;
}

.carousel-inner > .item {
    padding: 30px;
}



.carousel-caption-part {
    word-break: break-all;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #999;
    /* padding-top: 4px; */
    max-height: 36px;
    margin-top: 4px;
}

.carousel-caption-partname {
    word-break: break-all;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #111;
    /* padding-top: 4px; */
    max-height: 36px;
    margin-top: 4px;
}

.bor-similarity-ratio {
    display: block;
    position: absolute;
    color: #fff;
    background-color: #28c0c6;
    RIGHT: 0;
    padding: 1px 5px;
}

.i-part {
    padding-left: 6px;
}

.blc-copypart {
    display: inline-block;
    background-color: #fff;
    padding: 3px 6px 0px 10px;
    border-color: #f9f9f9;
    border: 2px solid #eee;
    border-radius: 20px;
    margin-bottom: 0px;
    padding-bottom: 4px;
}

.blc-i-filter {
    display: inline-block;
    /* float: right; */
    position: absolute;
    right: 4px;
    margin-top: 6px;
}

.divbtn {
    cursor: pointer;
}

.i-expense-bor {
    display: inline-block;
    /*border: 1px solid #28c0c6;*/
    color: #28c0c6;
    border-radius: 50%;
    padding: 6px;
    vertical-align: sub;
    cursor: pointer;
    margin-right: 2px;
}

    .i-expense-bor i {
        font-size: 18px;
        color: #28c0c6;
    }


#gbox_gridAlternate .ui-jqgrid .ui-jqgrid-htable th {
    border: 0;
}

/*2018-05-18 sharon*/
input[disabled].sel-part, select[disabled].sel-part {
    /*background: #fafafa;*/
    background: #eee;
    cursor: not-allowed;
}

/*chk-part2*/
.chk-part2 {
    position: relative;
    text-align: right;
}

    .chk-part2 label {
        width: 20px;
        height: 20px;
        cursor: pointer;
        position: absolute;
        top: -5px;
        right: 90px;
        background: #fff;
        background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        border-radius: 4px;
        box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    }

        .chk-part2 label:after {
            content: '';
            width: 9px;
            height: 6px;
            position: absolute;
            top: 6px;
            left: 6px;
            border: 3px solid #28c0c6;
            border-top: none;
            border-right: none;
            background: transparent;
            opacity: 0;
            transform: rotate(-45deg);
        }

        .chk-part2 label:hover::after {
            opacity: 0.5;
        }

    .chk-part2 input[type=checkbox] {
        visibility: hidden;
    }

        .chk-part2 input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

.chk-part2-span {
    text-align: right;
    font-size: 14px;
    color: #9ba0b5;
}
/* end chk-part2 */

/*料 grid*/
.blc-main-part-detail .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    border: 0;
    background: #fff;
    text-align: left;
}


.blc-main-part-detail .ui-widget-content {
    background: transparent;
    border: 0;
}

.blc-main-part-detail .ui-jqgrid tr.ui-row-ltr:nth-child(odd) td.ui-state-default.jqgrid-rownum {
    background: #f2f2f2;
}

.blc-main-part-detail .ui-jqgrid tr.ui-row-ltr:nth-child(odd) td {
    background: #f2f2f2;
}

.blc-main-part-detail .ui-jqgrid tr.ui-row-ltr td {
    border: 0 !important;
    padding: 8px;
    /*padding: 6px 2px 4px;*/
}

.blc-main-part-detail .table-striped > tbody > tr:nth-child(even) > td {
    background: #FFF;
}
/* end 料 grid*/

.blc-main-part-detail .control-label {
    font-size: 14px;
    color: #aaa;
    padding: 2px;
    /* font-family: Microsoft JhengHei; */
    font-weight: 400;
    margin-top: 0;
}

.blc-main-part-detail .ui-jqgrid tr:hover.ui-row-ltr td {
    background: #f7dfc7;
    border-width: 0;
}

.blc-main-part-detail .ui-jqgrid tr:hover.ui-row-ltr {
    border: 0;
}

.blc-main-part-detail .ui-jqgrid tr.ui-row-ltr:nth-child(odd):hover td.ui-state-default.jqgrid-rownum {
    background: #f7dfc7;
}

#tbSpecList .row:hover {
    background: #f7ebcf;
    background: #f7f4cf;
}

.sel-part input[type="radio"], .sel-part input[type="checkbox"] {
    margin: 4px 3px 0 10px;
}

.c-substitute {
    /*紅色 特定替代*/
    color: #e25e68;
}

.c-alternate {
    /*全替代*/
    color: #73b658;
}

btn-print-cir {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    line-height: 1.4;
    color: #869F4F;
    color: #5e87b0;
    letter-spacing: 1px;
    background-color: #dee6cd;
    background-color: #fff;
    border-width: 3;
    /* text-shadow: 0 -1px 0 rgba(0,0,0,1); */
    font-weight: bolder;
    padding: 3px 12px;
    border-radius: 8px;
    font-size: 20px;
    border: 3px solid #b3c58c;
    border: 3px solid #5e87b0;
    border-radius: 50%;
    padding: 5px 6px;
}

.ui-jqgrid tr.ui-row-ltr td.gvcol-openmd {
    color: #0057ff !important;
    text-decoration: underline;
    font-size: 14px;
}

a.aurl {
    color: #0057ff;
    font-size: 13px;
    font-weight: bold;
}

    a.aurl:hover {
        text-decoration: underline;
    }
/*--------------------- 料 ---------------------- */

.menu-text + .badge {
    background-color: #e41535 !important;
    margin-top: -2px;
    line-height: 15px;
    padding-bottom: 3px;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    padding-top: 2px;
    text-shadow: none;
}

input[type=checkbox], input[type=radio] {
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.panel-part input[type=checkbox], .panel-part input[type=radio] {
    margin: 4px;
}


.chkgroup .control-label, input[type=radio] + label, input[type=checkbox] + label,
.form-control input[type="radio"] + label {
    font-size: 14px;
    margin-left: 1px;
    vertical-align: middle;
    margin-top: 0;
}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .tbl-txt[disabled], .form-control-fileupload.disabled,
div.form-control-bor.disabled, div.form-control.form-ctl-not-txt.disabled {
    background: rgba(248,248,248,0.8);
    cursor: not-allowed;
    opacity: unset;
}

#jqgh_jqgMyTaskList_cb {
    overflow: visible;
    margin-left: 4px;
}

input[type=radio] + label.error, input[type=checkbox] + label.error, .form-control input[type="radio"] + label.error {
    margin-top: -43px;
    padding: 10px;
}

select.form-control {
    padding-left: 8px;
}


/*選人*/
.kwselectemployee {
    width: 100%;
    min-height: 34px;
    /*border-radius: 3px;
    border: 1px solid #ddd;*/
}

    .kwselectemployee .table-team input[type="text"] {
        min-height: 28px;
        border-radius: 3px;
        padding-left: 4px;
        padding-bottom: 1px;
        padding: 1px 2px 2px 4px;
        border: 0;
    }

.kwprojectteam .table-team input[type="text"] {
    border: 1px solid #ddd;
    color: #667596;
    font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    font-size: 13px;
    /*border:0;*/
    padding: 1px 2px 2px 4px;
}

.kwprojectteam .kwselectemployee {
    min-height: 28px;
}

    .kwprojectteam .kwselectemployee ul.tagit {
        min-height: 28px;
        border-radius: 3px;
        border: 1px solid #ddd;
        color: #667596;
        font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
        font-size: 13px;
        background: rgba(239, 239, 239, 0.3);
        padding: 1px 2px 1px 4px;
        margin: 0;
        background: #fff;
        width: 100%;
        overflow: hidden;
        /*border:0;*/
    }

        .kwprojectteam .kwselectemployee ul.tagit li.tagit-choice-editable {
            padding: 0;
            border: 0;
            background: none;
            white-space: nowrap;
            color: #667596;
            font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
            font-size: 13px;
            background: #fff;
            font-weight: 400;
            letter-spacing: normal;
            width: 100%;
            /*padding-right: 40px;*/
            overflow: hidden;
            display: block;
            padding-top: 2;
            position: relative;
        }

.kwprojectteam .table-team tr td .kwselectemployee input[type="text"] {
    padding: 2px 2px 1px 4px;
}

.kwprojectteam .kwselectemployee.disabled ul.tagit {
    border: 1px solid #fff;
    padding-top: 2px;
}

    .kwprojectteam .kwselectemployee.disabled ul.tagit li.tagit-choice-editable {
        font-family: LatoRegular, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    }
/*td .table-team input[type="text"] {
    padding: 1px 2px 1px 4px;
}*/
.sctemp .kwselectemployee ul.tagit {
    min-height: 34px;
    background: none;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 4px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-left: 0;
}

.sctemp .kwselectemployee {
    height: 34px;
}

    .sctemp .kwselectemployee ul.tagit li.tagit-choice-editable {
        border: 0;
        padding: 5px 4px 1px 7px;
        background: none;
        font-size: 14px;
        font-weight: 400;
        color: #777;
        width: 100%;
        position: relative;
    }

    .sctemp .kwselectemployee ul.tagit[disabled] {
        background: rgba(248,248,248,0.8);
        cursor: not-allowed;
        opacity: unset;
        border-color: transparent;
    }

.emp-close {
    /*cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
    right: 3px;*/
    cursor: pointer;
    position: absolute;
    margin-top: 1;
    right: 3px;
    display: inline-block;
}

.dvsearchresign {
    position: absolute;
    right: 36px;
    margin-top: -29px;
}

.emp-close .fa {
    font-size: 18px;
}

.kwprojectteam .kwselectemployee .emp-close .fa {
    font-size: 16px;
}

.sctemp .kwselectemployee.disabled ul.tagit {
    border: 0;
    background: rgba(248,248,248,0.8);
}

.kwprojectteam .table-team .kwselectemployee.disabled input[type="text"] {
    visibility: hidden;
}

.sctemp .kwselectemployee.disabled .emp-close {
    display: none;
}

/*選人*/

div#dvAdSearch:hover {
    color: #faae44 !important;
    border: 1px solid #faae44;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .tbl-txt[disabled], .form-control-fileupload.disabled, div.form-control-bor.disabled, div.form-control.form-ctl-not-txt.disabled {
    background: #f9f9f9 !important;
    color: #666;
}

table#tbTaskInfo.fixtable select[disabled], table#tbTaskInfo.fixtable input[disabled], table#tbTaskInfo.fixtable textarea[disabled] {
    background: transparent !important;
    opacity: 1 !important;
    color: #666 !important;
}


table.fixtable tr input[disabled], table.fixtable tr select[disabled], table.fixtable tr textarea[disabled] {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #666;
}

table tr input[disabled], table tr select[disabled], table tr textarea[disabled] {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #666;
}

table tr td input[disabled], table tr td select[disabled], table tr td textarea[disabled] {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #666;
}

table.table tr td input[disabled], table.table tr td select[disabled], table.table tr td textarea[disabled] {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #666;
}

.kwprojectteam .table-team input[type="text"][disabled] {
    background: transparent !important;
}

input[type="radio"][disabled]:checked:after {
    position: absolute;
    content: '';
    display: block;
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background-color: #999;
    margin-left: 3px;
    margin-top: 3px;
}


select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#blcbulletin .row.ccbulletinDate {
    margin-bottom: 15px;
}

.blcNewPosttt {
    background: #1D3E65;
    padding: 8px 12px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: 'cwTeXYen';
    box-shadow: 0px 2px 6px rgba(76, 129, 211, 0.25);
    border-radius: 10px 10px 0px 0px;
}

.blcNewPostCont {
    color: #4C81D3;
    font-size: 14px;
    background-color: #fff;
    line-height: 1.6;
    padding: 1px 15px 20px 15px;
    padding-top: 1;
    border-radius: 0 0 10px 10px;
}

.newpostts {
    line-height: 19.6px;
    margin: 16px 0 8px 0;
    font-size: 14px;
    font-weight: 700;
}

.newposttt {
    color: #173251DE;
    font-weight: 700;
    font-size: 11px;
    color: #000000DE;
}

.newpostcont {
    color: #173251DE;
    font-size: 11px;
    font-weight: 400;
    margin-left: 5px;
    font-family: sans-serif;
    line-height: 140%;
}

.newpostline {
    border-top: 1px solid #4C81D3;
    margin-top: 12px;
    margin-left: -4px;
    margin-right: -4px;
}

select.form-control.input-sm {
    line-height: unset;
}


.faq-panel a {
    color: #0057ff !important;
    text-decoration: underline;
}

.faq-panel img {
    width: 100%;
}

.defaultbsx{
    display:none;
}