﻿/* 網站使用的顏色，注意：只有顏色 */

/* Login Page Start */

/* PlatformICLogin.aspx Start */
.icLoginHtml, .icLoginBody, .icLoginForm
{
    background: silver;
}

/* Logo圖檔區 */
.icLoginHeader
{
    background: white;
}

/* 登入帳號、密碼、檢查碼、Domain 圖示底色 */
.icLoginDivAccountImg, .icLoginDivPasswordImg, .icLoginDivCheckCodeImg, .icLoginDivDomainImg
{
    background: pink;
}

/* 登入帳號、密碼、檢查碼、Domain 輸入區底色 */
.icLoginDivTbAccount, .icLoginDivTbPassword, .icLoginDivTbCheckCode, .icLoginDivTbDomain
{
    background: #99CCFF;
}

/* 入登按鈕區 */
.icLoginDivBtnLogin
{
    background: #66CCFF;
}

/* 附加訊息 */
.icLoginDivIEInfo
{
    background: #88CCFF;
}
/* PlatformICLogin.aspx End */

/* PlatformLoginRWD.aspx Start */
.rwdLoginHtml, .rwdLoginBody, .rwdLoginForm
{
    background: silver;
}

/* Logo圖檔區 */
.rwdLoginHeader
{
}

/* 登入帳號、密碼、檢查碼、Domain 圖示底色 */
.rwdLoginDivAccountImg, .rwdLoginDivPasswordImg, .rwdLoginDivCheckCodeImg, .rwdLoginDivDomainImg
{
}

/* 登入帳號、密碼、檢查碼、Domain 輸入區底色 */
.rwdLoginDivTbAccount, .rwdLoginDivTbPassword, .rwdLoginDivTbCheckCode, .rwdLoginDivTbDomain
{

}

/* 入登按鈕區 */
.rwdLoginDivBtnLogin
{
}

/* 附加訊息 */
.rwdLoginDivIEInfo
{
}
/* PlatformICLogin.aspx End */

/* Login Page End */

/* 登入帳號 Label */
.lblLoginInfo
{
    color: Blue;
}

/* 程式標題 */
.PrgTitle
{
    background-color: Beige;
}

/* 訊息列 */
aside
{
    background: silver;
}

/* 最下方資訊列，可作為版權宣告使用 */
footer
{
    background: #9BD0E3; /*#66CCFF; */
}

/* menu bar 寬度不夠時顯示的Button */
.navbar-toggle
{
    background-color: lightGoldenrodYellow;
}

/* menu bar */
.navbar, .dropdown-menu
{
    /* 背景色 */
    background: #B0D9B4;
}

/* menu bar 字型顏色 */
.navbar-default .navbar-nav > li > a, .dropdown-menu > li > a, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a
{
    color: #262626; 
}

.dropdown-menu > li > a
{
    padding: 1px 10px;
}

.nav > li > a:focus, .nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover 
{
    /* 滑鼠在 menu bar 上時 */
}


.myGrid td
{
    background: #EFF3FB;
    color: Black;
}

/* Header */
.myGrid th
{
    background: AntiqueWhite; 
    color: Black;
}

.myGrid a
{
    color: Blue !important;
}

/* Alternate Row */
.myGrid .altRow
{
    background: White;
    color: Black;
}

/* Normal Row */
.myGrid .normalRow
{
    background: #424242;
}

.myGrid .normalRow td
{
    background: White;
    color: Black;
}

.myGrid .normalRow a, .myGrid .altRow a
{
    color: #666;
}

.myGrid .normalRow a:hover, .myGrid .altRow a:hover
{
    color: #000;
}

/* 選擇的資料列 */
.myGrid .selRow td
{
    background: Pink;
    color: Black;
}

/* Pager */
.myGrid .pager td
{
    color: Black;
    background-color: transparent;
}

.myGrid .pager .currPageIndex a, .myGrid .pager .pagerInfo .currPageIndex a
{
    color: #FF4400 !important;
}

.myGrid .pager .pagerInfo
{
    background: #AABBCC;
}

/* 必要輸入的項目 */
.requireItem
{
    background: Yellow;
}

/* 必要輸入的項目(日期) */
.requireDateItem
{
    background: Yellow;
}

/* 必要輸入的項目 */
.requireItemNW
{
    background: Yellow;
}

/* 輸入的項目 disabled 或 readonly 時 */
.normalItemNW[disabled], .normalItem[disabled], .normalDateItem[disabled], .normalItemNW[readonly], .normalItem[readonly], .normalDateItem[readonly], .requireDateItem[disabled], .requireItemNW[disabled], .requireDateItem[disabled], .requireDateItem[readonly], .requireItemNW[readonly], .requireDateItem[readonly], .readonlyItem[disabled], .readonlyItem[readonly]
{
    background-color: #EBEBEB !important;
}

/* Like項目 */
.likeItem
{
    background: #CCFFFF;
}

.CustomTabStyle .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
}

.CustomTabStyle .ajax__tab_header .ajax__tab_inner
{
    border-color: #666;
    color: #666;
}

.CustomTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color: #9c3;
}

.CustomTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}

.CustomTabStyle .ajax__tab_body
{
    background-color: Linen;
    border: solid 1px #d7d7d7;
    border-top-color: #ffffff;
}

/* Calendar */
.CustomCalendarStyle .ajax__calendar_container
{
    background-color: #DEF1F4;
    border-color: #77D5F7;
}

.CustomCalendarStyle .ajax__calendar_header
{
    background-color: #ffffff;
}

.CustomCalendarStyle .ajax__calendar_title, .CustomCalendarStyle .ajax__calendar_next, .CustomCalendarStyle .ajax__calendar_prev
{
    color: #004080;
}

.CustomCalendarStyle .ajax__calendar_body
{
    background-color: #ffffff;
    border-color: #77D5F7;
}

.CustomCalendarStyle .ajax__calendar_dayname
{
    color: #004080;
}

.CustomCalendarStyle .ajax__calendar_day
{
    color: #004080;
}

.CustomCalendarStyle .ajax__calendar_hover .ajax__calendar_day, .CustomCalendarStyle .ajax__calendar_hover .ajax__calendar_month, .CustomCalendarStyle .ajax__calendar_hover .ajax__calendar_year, .CustomCalendarStyle .ajax__calendar_active
{
    color: #004080;
    background-color: #DEF1F4;
}

.CustomCalendarStyle .ajax__calendar_other, .CustomCalendarStyle .ajax__calendar_hover .ajax__calendar_today, .CustomCalendarStyle .ajax__calendar_hover .ajax__calendar_title
{
    color: #bbbbbb;
}

.CustomTabMenu a
{
    background-color: #66CCFF;
    color: Black;
    border-color: #66AAFF;
}

.CustomTabMenu a.static, .CustomTabMenu a.dynamic
{
    background-color: #66CCFF;
    border-color: #66AAFF;
}

.CustomTabMenu a.static.selected, .CustomTabMenu a.dynamic.selected
{
    background-color: Pink;
    border-color: #FFAA00;
    border-bottom-color: White;
}

.CustomTabMenu a:hover
{
    background-color: LightSteelBlue;
    color: Red;
    border-color: #66AAFF;
}

/* HtmlEditorExtender */
.ajax__html_editor_extender_texteditor
{
    background-color: WhiteSmoke;
}

/*@media all and (max-width:767px)*/
.navbar-default .navbar-nav > li > a:focus
{
    background-color: #e7e7e7;
}

/* 頁面更新中…訊息 */
.PageUpdatingWaiting
{
    border-color: Red;
    background-color: #FFC080;
}

/* MoalPoupExtender 的 背景色 */
.modalPopupExtenderBackground
{
    background-color: Black;
}

/* MoalPoupExtender 使用的 panel 外框及背景色 */
.panel_ModalPopupExt
{
    border: double 3px #B2B5F0;
    background-color: #FFFFE0;
}

/* AjaxControlToolkit 的 ComboBox */
.WindowsStyle .ajax__combobox_textboxcontainer input
{
    border: solid 1px #7F9DB9;
}

.WindowsStyle_Require .ajax__combobox_textboxcontainer input
{
    border: solid 1px #7F9DB9;
    background-color: Yellow;
}

/* AutoComplete 顯示區域 */
.autocomplete_completionListElement
{
    background-color: WhiteSmoke;
    color: windowtext;
}

/* AutoComplete 選取的Item */
.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: Black;
}

/* AutoComplete 清單項目 */
.autocomplete_listItem
{
    background-color: White;
    color: windowtext;
}

/* 文字說明的顏色 */
.div_td_DescTextColor, .descTextColor
{
    color: #CC0000;
}

input[disabled=disabled]
{
    color: Gray;
}

fieldset
{
    border-color: inherit;
}

legend
{
    color: Black;
}

.myConfirmModal .modal-dialog .modal-content .modal-header
{
    background-color: Yellow;
}

.myAlertModal .modal-dialog .modal-content .modal-header
{
    background-color: #33FFFF;
}

.myWarningModal .modal-dialog .modal-content .modal-header
{
    background-color: #FF6666;
}

.modal-dialog
{
    background-color: #FFFFE0;
}

/*@media all and (max-width:767px)*/
.navbar-default .navbar-nav > li > a:hover
{
    /* 手機用 */
    background-color: #f5f5f5;
}

/*@media all and (max-width:767px)*/
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
{
    /* 手機用 */
    background-color: #e7e7e7;
}

/*@media all and (max-width:767px)*/
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{
    /* 手機用 */
    background-color: #f5f5f5;
}

