/*_LayoutIndex*/
.most-logout-box {
    width: auto !important;
    padding: 0 10px 0 0;
}

/* table style */

.form_year {
    width: 80px;
}

.layouttable {
    border-collapse: separate;
    border-spacing: 5px;
    font-size: 100%;
    color: #222;
    width: 100%;
}

    .layouttable th {
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        background-color: #f5f5f5;
    }

    .layouttable td {
        vertical-align: middle;
    }

    .layouttable tr {
        border-bottom: dotted 1px #CCC;
        height: 50px;
    }

    .layouttable caption {
        padding-bottom: 3px;
        border-bottom: dotted 1px #CCC;
    }

    .layouttable.title {
        background: #B5ECFA;
        text-align: center;
    }

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}


/* kendo UI dropdownlist ­I´º¥Õ¦â */

.k-dropdown.k-state-default {
    background-color: white;
    background-image: none;
}

/*customtable*/
table.customtable {
    width: 100%;
    margin-bottom: 30px;
    border: double;
}

    table.customtable th {
        text-align: center;
        vertical-align: middle;
    }

    table.customtable th, table.customtable td {
        border: 3px solid;
        padding: 5px;
        border-color: lightgray;
    }


/*detailtable*/
.detailtable {
    width: 100%;
    margin-bottom: 30px;
}

table.detailtable th {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #b0b0b0;
    background-color: #f5f5f5;
    padding: .3em;
}

table.detailtable td {
    border: 1px solid #b0b0b0;
    background-color: white;
    height: 30px;
    vertical-align: middle;
    padding: .3em;
}

.detailtable.textleft td {
    text-align: left;
}

/*iframe*/

.frameclass {
    width: 100%;
    height: 220px;
}

.fn-body {
    overflow: auto;
    top: 140px;
}



/* table style */
.layoutForm {
    box-sizing: border-box;
}

    .layoutForm table {
        border-collapse: separate;
        border-spacing: 5px;
        color: #222222;
        font-size: 16px;
        padding: 10px;
        width: 100%;
    }

    .layoutForm tr {
        border-bottom: 1px dotted #cccccc;
    }

    .layoutForm th {
        /*background-color: #f5f5f5;*/
        border-radius: 5px;
        padding: 5px 10px;
        text-align: right;
        width: 100px;
        white-space: nowrap;
        vertical-align: middle;
    }

        .layoutForm th .required:before {
            color: #ff0000;
            content: '*';
        }

    .layoutForm td {
        vertical-align: middle;
    }

.layoutButton {
    border-top: 1px solid #dedede;
    padding: 5px;
    margin: 10px;
    text-align: left;
}

.gridBtn {
    border-radius: 4px;
    cursor: pointer;
    line-height: 20px;
    width: 20px;
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
}

    .gridBtn:hover {
        background-color: #D8E2F5;
    }

.fn-head {
    background-color: #f0f0f0;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    /*padding-left: 15px;*/
    position: relative;
}


.title-box {
    background-color: #FAFAFA;
    height: 30px;
}

.title-box, .sub-title-box {
    position: relative;
    padding: 0 0 0 15px;
}

.wrapping {
    width: 100%;
    min-width: 450px;
    margin-right: auto;
    margin-left: auto;
    background: #f0f0f0;
    text-align: center;
    padding-top: 45px;
    margin-top: -240px;
    position: absolute;
    top: 50%;
}

    .wrapping .loginbox {
        font-family: "微軟正黑體","Microsoft JhengHei", "新細明體", "細明體", Arial , sans-serif;
        padding-bottom: 45px;
        padding-top: 30px;
        width: 650px;
        text-align: right;
        margin: 0 auto;
    }


    .wrapping .text {
        font-size: 15px;
        color: #FFF;
        background: #00a0ae;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        letter-spacing: .05em;
        line-height: 160%;
    }


/*表格CSS*/
.formTable {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}

table.formTable th {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #b0b0b0;
    background-color: #eae8e8;
    padding: 15px;
}

table.formTable td {
    border: 1px solid #b0b0b0;
    height: 30px;
    vertical-align: middle;
    padding: 15px;
}


.request:after {
    content: "*";
    color: red;
}

/*必填欄位*/
.required:after {
    content: "*";
    color: red;
}

/* button 位置*/
.grid-search-ctrl {
    text-align: left;
}

.window-ctrl {
    text-align: center;
    padding: 8px;
    border-top: 1px solid #dedede;
}

/* Jquery驗證訊息*/
.field-validation-error {
    color: red;
}


.dropDownList {
    width: auto;
    min-width: 200px;
}

.longText {
    width: 500px;
}

.data-grid {
    margin-left: 10px;
    margin-right: 10px;
}

/*ApplyForm計畫標題*/
.planDesc {
    color: black;
    font-size: large;
    margin-bottom: 10px;
}

/*ApplyForm年度的下拉選單跟左邊按鈕的距離*/
.yearDropDownListLabel {
    margin-left: 80px;
}

/*kendoNumericTextBox 數字靠右*/
.applyForm .k-numerictextbox .k-input {
    text-align: right;
}

/* 共用 Table 樣式  */
.layoutTable {
    margin: 5px 0;
    width: 100%;
    font-size: 100%;
    border-collapse: collapse;
    border: 1px solid #9E9E9E;
}

    .layoutTable th {
        width: 120px;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
        padding: 10px;
        border: 1px solid #9E9E9E;
        background-color: #fafafa;
    }

        .layoutTable th .required:before {
            color: #ff0000;
            content: '*';
        }

    .layoutTable td {
        vertical-align: middle;
        padding: 10px;
        border: 1px solid #9E9E9E;
        background-color: white;
    }

/* 修正 Kendo Radio 跑版的問題 By Steven Tsai */
.k-radio-label:before {
    top: 5px;
    left: 5px;
}

.k-radio:checked + .k-radio-label:after {
    top: 9px;
    left: 9px;
}


.k-checkbox-label {
    bottom: 2px;
}


/* 共用欄位寬度 By UnciaX Wu, Alice Ho */
.notice-day { /* 指定通知後N日 */
    width: 60px;
}

.agree-list, .presiding-list { /* 是否發放、是否主審、主審序位 */
    width: 100px;
}

.currency { /* 幣別 */
    width: 130px;
}

.rvw-fee { /* 審查費 */
    width: 130px;
}

.srno-range { /* 序號範圍 */
    width: 120px;
}

.undertaker { /* 承辦人 */
    width: 130px;
}

.rvwTimes { /* 審查次別 */
    width: 200px;
}

.nscu-name { /*改分新單位(司名稱) */
    width: 250px;
}

/* 用於標題列仍要維持置中的地方 */
.table-title-center th {
    text-align: center !important;
    padding: 10px !important;
}


/*業務會報議程大綱(線上PPT)*/
.layoutAgenda {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Microsoft JhengHei", sans-serif;
}
    /*頁面上方大標題*/
    .layoutAgenda .layoutTitleArea {
        height: 50px;
        width: 100%;
        margin-top: 0px;
    }
        /*頁面上方大標題內的文字*/
        .layoutAgenda .layoutTitleArea .layoutTitle {
            padding-top: 5px;
            color: rgb(5, 99, 195);
        }
            /*頁面上方大標題內的按鈕*/
            .layoutAgenda .layoutTitleArea .layoutTitle .k-button {
                padding-top: 5px;
                height: 25px;
                margin-bottom: 0px;
            }
    /*超連結*/
    .layoutAgenda a {
        /*color: black;*/
        text-decoration: underline;
    }
    /*過濾按鈕*/
    .layoutAgenda .queryFilter {
        text-decoration: none;
    }
    /* 導頁後索引列的標題 */
    .layoutAgenda .navigationTitle {
        /*margin: 10px 5px;*/
        font-size: 22px;
        text-align: left;
    }
        /*導頁後索引列的標題 按鈕靠右*/
        .layoutAgenda .navigationTitle .btnDiv {
            float: right;
        }
/* _layoutBlank 業務會報議程 */
.outline div {
    margin: 20px;
}
/* 超連接加上底線 */
.outlineitem a {
    text-decoration: underline;
}

/* 小箭頭 */
.layoutAgenda .caret-right::after {
    font-family: FontAwesome, sans-serif;
    content: " \f0da";
}

/* 大標題 */
.layoutAgenda .title {
    margin: 10px 5px;
    font-size: 30px;
    text-align: center;
}

/* 大綱 */
.layoutAgenda .outline {
    margin: 10px 0px;
    /*margin-left: 38.6%;*/
    font-size: 18px;
}

    .layoutAgenda .outline a {
        color: black;
    }

        .layoutAgenda .outline a:hover {
            color: gray;
        }

/* 大綱標題 */
.layoutAgenda .outlineTitle {
    font-weight: bold;
}

/* 大綱內容 */
.layoutAgenda .outlineContent {
    margin: 0px 0px 0px 50px;
}

/* 大綱子項目 */
.layoutAgenda .outlineitem {
}

    /* 大綱子項目的文字 */
    .layoutAgenda .outlineitem pre {
        line-height: 20px;
        display: inline;
    }
/*附件圖片大小*/
.layoutAgenda .attachmentImg {
    width: 20px;
    height: 20px;
    border: none;
}


/* 說明 */
.minutesType1 {
    font-size: 18px;
}

/* 決議/決議 */
.minutesType2 {
    /*padding-left: 50px;*/
}

/*上傳檔案沒有雲*/
.custom-grid-upload .k-widget.k-upload.k-header.k-upload-empty {
    background-color: inherit !important;
    display: block !important;
}

.custom-grid-upload .k-dropzone {
    display: block !important;
    padding: .4em !important;
    border: dashed 1px #C3D1EB !important;
    text-align: left !important;
    /*width:250px;*/
}

    .custom-grid-upload .k-dropzone::before {
        display: none !important;
    }

    .custom-grid-upload .k-dropzone:after {
        display: none !important;
    }

.custom-grid-upload .fnArea button {
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 8px;
}

    .custom-grid-upload .fnArea button:nth-child(2) {
        margin-left: 10px;
    }

/*GRID 無資料提示*/
.k-grid .empty-grid {
    text-align: center;
    color: red;
}

/*仿一般樣式 Table 的 Grid*/
div.simulatedTable table {
    border-collapse: collapse;
}
/*加入格線*/
div.simulatedTable td {
    border: 1px solid #D8E2F5 !important;
    text-align: center;
    padding: 10px;
}
/*檔案上傳器於 td 內置中*/
div.simulatedTable div.k-upload {
    margin: 0 auto;
    width: 320px;
}

/*標題列在頂端的類型*/
/*標題列換成 table th 的字體與顏色*/
div.simulatedTable.withTitle th.k-header {
    font-size: 100% !important;
    font-weight: 500;
    background-color: #F7F9FD;
}

/*標題列在側邊的類型*/
/*隱藏橫列標題*/
div.simulatedTable.withoutTitle th.k-header {
    display: none;
}

/*第一欄 td 換成 th 的字體與顏色*/
div.simulatedTable.withoutTitle td:first-child {
    font-size: 100% !important;
    font-weight: 500;
    background-color: #F7F9FD;
}

/*顯示會報日期的div*/
.meetingDateDiv {
    display: inline-block;
}

/*顯示數字的有序序列*/
ol.signed {
    margin-left: 20px;
    list-style: decimal;
}
/*顯示方塊的無序序列*/
ul.signedSquare {
    margin-left: 20px;
    list-style: square;
}
/*顯示圓點的無序序列*/
ul.signedFilledCircle {
    margin-left: 20px;
    list-style: disc;
}

/*將過寬文字設定為分行顯示而不被刪節號隱蔽*/
table[role='grid'] td {
    word-wrap: break-word;
    white-space: normal;
}

/* 
// *************************************
//
//   kendoToolTip 提示訊息版面調整
//   - Leon 2017/02/18
//
// ************************************* 
*/
/*提示訊息*/
div.k-tooltip-content {
    /*text-align: left;*/
    padding: 10px;
    color: black;
    background-color: #fff6bb;
    line-height: 24px;
}

/*上傳檔案提示區塊中的 table 元素用 div.uploadTooltip 包起後即可實現內文置左*/
div.uploadTooltip table, div.uploadTooltip ol {
    text-align: left;
}

/*對話框三角形*/
div.k-callout {
    border-width: 7px;
}

div.k-callout-e {
    border-left-color: #a59d86;
}

div.k-callout-w {
    border-right-color: #a59d86;
}

div.k-callout-s {
    border-top-color: #a59d86;
}

div.k-callout-n {
    border-bottom-color: #a59d86;
}

/*對話框右上角叉叉*/
a.k-i-close::before {
    color: #a59d86 !important;
    font-weight: 300;
    font-size: 12px;
}
/*對話框陰影*/
div.k-popup {
    box-shadow: 0 3px 3px #bababa;
}


/*提示說明內文中的特殊樣式*/
div.k-tooltip-content span.opItemName { /*對應頁面上的可操作元件之文字*/
    color: #456296;
}

div.k-tooltip-content span.showy1 { /*醒目文字, 重要程度: 1 (最重要)*/
    color: red;
    font-weight: 500;
}

div.k-tooltip-content span.showy2 { /*醒目文字, 重要程度: 2 (次重要)*/
    color: blue;
    font-weight: 500;
}

div.k-tooltip-content .tooltipIcon { /*小圖標*/
    width: 13px;
    height: 13px;
    padding: 0 5px;
}

.input-tip-msg, .input-tip-word-msg { /*字數限制tip*/
    display: block;
    line-height: 20px;
    margin: 2px 0;
    font-size: small;
    color: #9e9e9e;
}

/* 上傳檔案元件，上傳之檔案名稱與功能按紐 顏色加深*/
.upload-show-file-name .k-upload-files {
    color: #456296
}
.upload-show-file-name .k-i-close:before {
    color: #456296 !important;
}