ul, li { margin: 0; padding: 0; list-style: none; } a:link, a:visited, a:hover, a:active { text-decoration: none; color: #333; } html { height: 100%; } body { font-size: 12px; height: 100%; line-height: 1.2; font-family: "나눔고딕", "Malgun Gothic",sans-serif; color: #333; -webkit-app-region: no-drag; } .Btn { display: inline-block; margin: 0; height: 22px; padding: 3px 5px 2px 5px; color: #666; position: relative; } /*.Btn i { vertical-align: middle; }*/ .Btn:visited { color: #666; } .Btn:hover { color: #333; background: #efefef; } .Btn.BtnDefault, .Btn.BtnDefault:visited { margin: 0 0 0 5px; height: 24px; padding: 3px 5px 2px 5px; position: relative; border: 1px solid #ccc; border-radius: 2px; border-bottom: 2px solid #ccc; text-align: center; background: #fff; } .Btn.BtnDefault:active, .Btn.BtnDefault:hover { color: #333; background: #efefef; } .Btn.BtnDefault.Active, .Btn.BtnDefault.Active:visited { padding-top: 4px; border-bottom: 1px solid #ccc; } .Btn.BtnDefault.Active:active, .Btn.BtnDefault.Active:hover { } .Btn.BtnBlock { display: block; margin-left: 0; margin-right: 0; } .Btn.BtnExtraSmall { border: 1px solid #ccc; padding: 2px; background: #fff8ca; border-radius: 3px; color: #963; font-size: 10px; height: 12px; } .Btn.BtnNoMargin { margin-left: 0; } [contenteditable] { outline: 0px solid transparent; } .BtnGroup { display: table; position: relative; } .BtnGroup > .Btn { display: table-cell; } .BtnGroup > .Btn:first-child { } .BtnGroup > .CmToggleBtn span { width: inherit; } .BtnGroup > .DropDownBtn { border-left: 1px solid #f0f0f0; } .BtnGroup > .DropDownBtn.DropDownBtn-Enabled { background: #f0f0f0; border-left-color: #f0f0f0; } .BtnGroup > .DropDownMenu { position: absolute; z-index: 1000; left: 0; top: 100%; margin-top: 0; border: 1px solid #ccc; background: #fff; box-shadow: rgba(0, 0, 0, 0.10) 0 2px 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 5px; padding: 5px 0; } .BtnGroup > .DropDownMenu > li { border: none !important; float: none !important; min-width: 70px; } .BtnGroup > .DropDownMenu > li .Btn { border: none; display: block; overflow: hidden; white-space: nowrap; } .ButtonGroup { margin: 0; padding: 0; list-style: none; } .ButtonGroup > li { margin: 0; padding: 0; list-style: none; float: left; } .ButtonGroup > li .Btn.BtnDefault { margin-left: 0; margin-right: 0; border-right: none; border-radius: 0; } .ButtonGroup > li:first-child .Btn.BtnDefault { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .ButtonGroup > li:last-child .Btn.BtnDefault { border-right: 1px solid #ccc; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .UploadProgressBarWrap { position: relative; } .UploadProgressBarWrap .UploadProgressBar { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0; width: 0; bottom: -4px; border-bottom: 2px solid #009; } .Done .UploadProgressBarWrap .UploadProgressBar, .Done.UploadProgressBarWrap .UploadProgressBar { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .Hidden { display: none !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .float-left { float: left; } .float-right { float: right; } .valign-top { vertical-align: top; } .valign-middle { vertical-align: middle; } .valign-bottom { vertical-align: bottom; } .NoData { text-align: center !important; padding: 50px 0 !important; border-bottom: none !important; } .HasFileUploader { overflow: hidden; position: relative; } .FileUploader { position: absolute; top: 0; right: 0; direction: ltr; margin: 0; opacity: 0; cursor: pointer; font-size: 200px; -ms-filter: 'alpha(opacity=0)'; } .NoWordWrap { text-overflow: ellipsis; white-space: nowrap; } .Fill { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .Relative { position: relative; } .OverflowHidden { overflow: hidden; } .ClearBoth { clear: both; } .ime-korean { -webkit-ime-mode: active; -moz-ime-mode: active; -ms-ime-mode: active; ime-mode: active; } .ime-english { -webkit-ime-mode: inactive; -moz-ime-mode: inactive; -ms-ime-mode: inactive; ime-mode: inactive; } .ime-englishonly { -webkit-ime-mode: disabled; -moz-ime-mode: disabled; -ms-ime-mode: disabled; ime-mode: disabled; } input[type=text] { -webkit-ime-mode: active; -moz-ime-mode: active; -ms-ime-mode: active; ime-mode: active; } .ScrollBarGap { width: 17px; padding: 0; } .Input { box-sizing: border-box; border: 1px solid #d0d0d0; padding: 2px 5px; } .Input:focus { outline: none; box-shadow: 0 0 0 2px #78dcfa; border: 1px solid #569eb3; } .Input.CmDatePicker { width: 100px; } .Input.CmTimePicker { width: 80px; } .Input.InputBlock { width: 100%; display: block; } #layoutContainer { width: 100%; height: 100%; } .Pims-ScheduleList_EditScheduleCtrl { width: 600px; } .Pims-ScheduleList_EditScheduleCtrl textarea { height: 70px; } .Pims-ScheduleList_EditScheduleCtrl .ParticipantListWrap { border: 1px solid #ccc; margin-top: 5px; padding: 5px; } .Pims-ScheduleList_EditScheduleCtrl .ParticipantList { display: block; max-height: 100px; overflow-y: scroll; overflow-x: hidden; } .Pims-ScheduleList_EditScheduleCtrl .ParticipantList .ParticipantItem { display: block; float: left; width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 2px 20px 2px 5px; position: relative; box-sizing: border-box; } .Pims-ScheduleList_EditScheduleCtrl .ParticipantList .ParticipantItem:nth-child(odd) { border-right: 1px solid #ccc; } .Pims-ScheduleList_EditScheduleCtrl .ParticipantList .ParticipantItem .Name { } .Pims-ScheduleList_EditScheduleCtrl .ParticipantList .ParticipantItem .Email { color: #999; } .Pims-ScheduleList_EditScheduleCtrl .ParticipantList .ParticipantItem .Email { color: #999; } .Pims-ScheduleList_EditScheduleCtrl .ParticipantList .ParticipantItem .ParticipantDeleteBtn { position: absolute; right: 5px; top: 3px; cursor: pointer; } .Pims-ScheduleList_EditScheduleCtrl .Hint { border: 1px solid #e2d575; padding: 2px 5px 2px 5px; background: #fbfad8; color: #666; margin-top: 2px; } .Pims-ScheduleList_EditScheduleCtrl .RepeatTypeD, .Pims-ScheduleList_EditScheduleCtrl .RepeatTypeW, .Pims-ScheduleList_EditScheduleCtrl .RepeatTypeM, .Pims-ScheduleList_EditScheduleCtrl .RepeatTypeY { margin-top: 5px; } .Pims-AddrList_EditAddrCtrl { } .Pims-AddrList_EditAddrCtrl .AddrPhotoWrap { width: 100%; height: 100%; position: relative; } .Pims-AddrList_EditAddrCtrl .AddrPhoto { width: 100%; height: 100%; border: 1px solid #ccc; box-sizing: border-box; } .Pims-AddrList_EditAddrCtrl .AddrPhotoWrap .Btn { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 17px; background: #000; background-color: rgba(33,33,33, 0.9); color: #fff; text-align: center; } .ui-menu { z-index: 99999; } .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; } .CmToggleBtn { color: #333; outline: none; } .CmToggleBtn span { display: inline-block; width: 16px; height: 16px; background: url('../img/icon_16px.png') no-repeat; background-position: -16px -16px; vertical-align: top; } .CmToggleBtn.Collapsing span { background-position: 0 -16px; } /*.CmToggleBtn span { display: none; }*/ #topContents { margin: 0; padding: 0; font-size: 12px; border: none; } #topContents .NavBarWrap { background: #fff; width: 100%; height: 40px; } #topContents a:link, #topContents a:visited, #topContents a:hover, #topContents a:active { color: #666; } #topContents .NavBar { float: left; padding: 0; } #topContents .NavBarItem { display: block; padding: 0; position: relative; float: left; } #topContents .NavBarItem a { display: inline-block; padding: 11px 10px 0 10px; height: 40px; font-size: 13px; font-weight: bold; } #topContents .NavBarItem a .Badge { position: absolute; right: 10px; top: 3px; background: #090; font-size: 10px; color: #fff; padding: 1px 4px 1px 4px; border-radius: 7px; min-width: 10px; font-weight: bold; font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; text-align: center; } #topContents .NavBarItem a .fa { font-weight: normal; color: #1da1d6; } #topContents .NavBarItem.Hover a .fa, #topContents .NavBarItem a:hover .fa, #topContents .NavBarItem a:active .fa { font-weight: normal; color: #fff; } #topContents .NavBarItem.Hover { background: #1250a3; color: #fff; } #topContents .NavBarItem.Hover a { color: #fff; } #topContents .NavBarItem.Hover::after { content: "|"; color: #1250a3; } #topContents .NavBarItem::after { content: "|"; color: #ccc; } #topContents .NavBarItem:last-child::after { content: ""; } #topContents .NavBarItem.Brand { display: block; float: left; padding: 0; width: 200px; } #topContents .NavBarItem.Brand a { display: inline-block; padding: 2px 16px 0 16px; } #topContents .NavBarItem.Brand a:hover { background: inherit; } #topContents .NavBarItem.Brand::after { content: ""; color: #ccc; padding-left: 0; } #topContents .ProfileBar { float: right; color: #666; } #topContents .ProfileBar .SearchWrap { padding-top: 11px; float: left; position: relative; display: block; } #topContents .ProfileBar .SearchWrap { width: 170px; } #topContents .ProfileBar .UserName { padding: 11px 10px 0 11px; display: block; float: right; font-weight: bold; height: 40px; min-width: 100px; } #topContents .ProfileBar .UserName.Hover { background: #1250a3; color: #fff; } #topContents .ProfileBar .fa { font-weight: normal; color: #1da1d6; } #topContents .ProfileBar .Hover .fa { font-weight: normal; color: #fff; } #topContents .ProfileBar .BtnWrap { padding: 8px 10px 0 0; display: none; float: left; } #topContents .ProfileBar .Btn { } /* .SubNavBar.PopupMenu { background: #fff; display: block; width: 100%; border-bottom: 2px solid #ccc; } .SubNavBar.PopupMenu li.SubNavBarItem { float: left; display: block; padding: 5px; border-right: 1px solid #ccc; } .SubNavBar.PopupMenu li:first-child { margin-left: 100px; } .SubNavBar.PopupMenu li:last-child { border-right: none; } .SubNavBar.PopupMenu li.SubNavBarSeparator { float: left; display: block; padding: 0px; background: #ccc; width: 5px; height: 24px; } */ .SubNavBar.PopupMenu { background: #fff; display: none; width: auto; border: 1px solid #ccc; box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.25); top: 40px; } .SubNavBar.PopupMenu li.SubNavBarItem { display: block; } .SubNavBar.PopupMenu li.SubNavBarItem a { color: #333; display: block; padding: 3px 20px 7px 20px; font-size: 13px; } .SubNavBar.PopupMenu li.SubNavBarItem a:hover, .SubNavBar.PopupMenu li.SubNavBarItem a:active { color: #fff; background: #1250a3; } .SubNavBar.PopupMenu li.SubNavBarSeparator { display: block; padding: 0; border-top: 1px solid #ccc; background: #fff; height: 0px; } #centerContentsWrap { margin: 0; padding: 0; border: none; } #centerContents { margin: 0; padding: 0; font-size: 12px; border: none; } #centerContents .FixedContentsWrap { position: absolute; /*overflow: auto;*/ left: 0; top: 0; right: 0; height: 71px; background: url('../img/common/bg/header_bg_001.gif') #1351a3; } #centerContents .FlexContentsWrap { position: absolute; overflow: hidden; left: 0; top: 71px; right: 0; bottom: 0; } #centerContents .FixedContentsWrap header { margin: 0; padding: 0; float: left; height: 35px; } #centerContents .FixedContentsWrap header h1 { margin: 0; padding: 8px 0 7px 20px; font-weight: normal; font-size: 16px; color: /*#333*/ #ffeb7a; line-height: 1.0; } #centerContents .DetailSearchSection { clear: both; } #centerContents .DetailSearchSection .SearchBox { } .ButtonListSection { clear: both; background: #fff; min-height: 36px; border-top: 1px solid #ccc; } .ButtonListSection .ButtonList { display: block; float: left; margin: 5px 5px 0 5px; } .ButtonListSection .ButtonList > li { display: block; float: left; margin: 0; border: 1px solid #ccc; border-right: none; } .ButtonListSection .ButtonList > li a { /*display: inline-block; margin: 0; height: 18px; padding: 2px 5px;*/ } .ButtonListSection .ButtonList > li:first-child { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .ButtonListSection .ButtonList > li:last-child { border-right: 1px solid #ccc; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .ButtonListSection .ButtonList > li a.Active { background: #eee; } .ButtonListSection .ButtonList > li a.Disabled { color: #ccc; background: #f9f9f9; cursor: not-allowed; } .ButtonListSection .ButtonList > li a.NoPermission { color: #ccc; background: #f9f9f9; cursor: not-allowed; } .ButtonListSection .ButtonList > li a.CmToggleBtn.Collapsing.Btn { background: #fff; } .ButtonListSection .ButtonList > li a.CmToggleBtn.Btn { background: #e0e0e0; } .ButtonListSection .ButtonList > li a.CmToggleBtn.Btn span.fa { background: none; } .ButtonListSection .ButtonList > li input { border: none; height: 22px; } .ButtonListSection .ButtonList > li select { border: none; height: 22px; } .ButtonListSection .ButtonList > li .AttachCntWrap { position: relative; display: inline; } .ButtonListSection .ButtonList > li .AttachCntWrap .AttachCnt { display: inline-block; background: #39c; padding: 0 4px; color: #fff; font-weight: bold; text-shadow: none; box-shadow: none; border-radius: 50%; font-size: 7px; text-align: center; vertical-align: middle; margin-left: 5px; } .ButtonListSection .ButtonList li.FirstChild { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .ButtonListSection .ButtonList li.LastChild { border-right: 1px solid #ccc; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .ButtonListSection .OtherList { display: block; float: left; margin: 5px 5px; } .ButtonListSection .OtherList > li { display: block; float: left; margin: 0; } .ButtonListSection .OtherList > li > h4 { margin: 0; padding: 2px 0 0 10px; font-size: 16px; color: #fff; font-weight: normal; } .ButtonListSection .OtherList > li > h4 strong { color: #ffeb72; } .ButtonListSection .OtherList > li > label { height: 16px; line-height: 20px; } .ButtonListSection .OtherList .Icon { vertical-align: middle; } .ButtonListSection .ButtonList.ButtonList-Right { float: right; } .ButtonListSection.ButtonList-right .ButtonList { display: inline-block; } .ButtonListSection .OtherList.OtherList-Right { float: right; } .ButtonListSection.OtherList-right .OtherList { display: inline-block; } .ButtonListSection.ButtonList-right .ButtonList { display: inline-block; } .OtherList .ScheduleLegend { padding: 5px 5px 0 5px; } .OtherList .ScheduleLegend > span { display: block; float: left;margin-right: 5px;width: 16px; height: 15px; vertical-align: middle; border-radius: 3px; } .OtherList .ScheduleLegend.ScheduleLegend-Person { } .OtherList .ScheduleLegend.ScheduleLegend-Person > span { background: #4984d9; } .OtherList .ScheduleLegend.ScheduleLegend-Dept { } .OtherList .ScheduleLegend.ScheduleLegend-Dept > span { background: #f35055; } .OtherList .ScheduleLegend.ScheduleLegend-Company { } .OtherList .ScheduleLegend.ScheduleLegend-Company > span { background: #35A23A; } .OtherList .ScheduleLegend.ScheduleLegend-ActionItem { } .OtherList .ScheduleLegend.ScheduleLegend-ActionItem > span { background: yellow; } .SimpleButtonListSection { clear: both; background: #fff; } .SimpleButtonListSection .ButtonList { display: block; float: left; margin: 0 0 4px 0; } .SimpleButtonListSection .ButtonList li { display: block; float: left; margin: 0; } .SimpleButtonListSection .ButtonList.ButtonList-Right { float: right; } .SimpleButtonListSection.ButtonList-right .ButtonList { display: inline-block; } #centerContents .ListHeaderSection { background: #fff; position: absolute; top: 0; left: 0; right: 0; height: 28px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #centerContents .ListHeaderSection.AddrList { height: 84px; padding-left: 150px; } #centerContents .ListHeaderSection .ListHeaderTable { width: 100%; height: 28px; } #centerContents .ListHeaderSection .ListHeaderTable thead th { background: #dbf5ff; } #centerContents .ListHeaderSection .ListHeaderTable th { font-weight: normal; text-align: left; height: 28px; padding: 0 2px; position: relative; /*border-right: 1px solid #ccdee6;*/ } #centerContents .ListHeaderSection .ListHeaderTable th:last-child { border-right: none; } #centerContents .ListHeaderSection .ListHeaderTable th.IsSortAsc { background: #b4f3fe; } #centerContents .ListHeaderSection .ListHeaderTable th.IsSortDesc { background: #b4f3fe; } #centerContents .ListHeaderSection .ListHeaderTable th .ListTableSortInd { position: absolute; right: 2px; display: block; width: 16px; height: 16px; } #centerContents .ListHeaderSection .ListHeaderTable th.IsSortAsc .ListTableSortInd { background: url('../img/icon_16px.png') no-repeat -96px -20px; top: 0; height: 12px; } #centerContents .ListHeaderSection .ListHeaderTable th.IsSortDesc .ListTableSortInd { background: url('../img/icon_16px.png') no-repeat -80px -16px; bottom: 0; height: 12px; } #centerContents .ListHeaderSection .ListHeaderTable th.ListTableColumn-CheckAll { text-align: center; } #centerContents .ListHeaderSection .ListHeaderTable th.ListTableColumn-CheckAll input[type=checkbox] { vertical-align: middle; } #centerContents .ListHeaderSection .ListHeaderTable th, #centerContents .ListHeaderSection .ListHeaderTable td { vertical-align: middle; text-align: left; cursor: pointer; } #centerContents .ListHeaderSection .ListHeaderTable th:first-child, #centerContents .ListHeaderSection .ListHeaderTable td:first-child { padding-left: 10px; } #centerContents .ListHeaderSection .ListHeaderTable .ScrollBarGap { width: 17px; padding: 0; } #centerContents .ListHeaderSection .QuickAddTable { width: 100%; height: 28px; border-bottom: 1px solid #ccc; } #centerContents .ListHeaderSection .QuickAddTable th { font-weight: normal; text-align: left; height: 28px; padding: 0 2px; } #centerContents .ListHeaderSection .QuickAddTable th, #centerContents .ListHeaderSection .QuickAddTable td { vertical-align: middle; text-align: left; cursor: pointer; } #centerContents .ListHeaderSection .QuickAddTable th:first-child, #centerContents .ListHeaderSection .QuickAddTable td:first-child { padding-left: 6px; } #centerContents .ListHeaderSection .QuickAddTable .ScrollBarGap { width: 17px; padding: 0; } .MonitoringSection { background: #fff; overflow: auto; position: relative; width: 100%; height: 100%; } .PopupMaster .MonitoringSection { overflow: inherit; } .MonitoringSection .MonitoringNoticeWrap { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); z-index: 200; /* handsontable의 프로즌셀의 z-index가 101이어서 그 이상으로 해야 됨 */ } .MonitoringSection .MonitoringNoticeWrap .MonitoringNotice { position: absolute; width: 200px; height: 55px; top: 50%; left: 50%; margin: -27px -100px; border: 1px solid #ccc; background: #fff; text-align: center; } .MonitoringSection .MonitoringNoticeWrap.NoticeType-Error .MonitoringNotice { background: #900; color: #fff; width: 250px; margin: -27px -125px; } .MonitoringSection .MonitoringNoticeWrap .MonitoringNotice .NoticeContents { display: block; padding: 20px 0; } .MonitoringSummary { } .MonitoringSummary th, .MonitoringSummary td { vertical-align: middle; height: 24px; } .MonitoringSummary th { text-align: right; padding-right: 5px; } .MonitoringSummary .OperationRatio { width: 100%; height: 100%; border: 1px solid #ccc; position: relative; text-align: center; background: #fff; } .MonitoringSummary .OperationRatio .OperationRatioValue { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; padding-top: 4px; color: #333; } .MonitoringSummary .OperationRatio .OperationRatioGraph { position: absolute; height: 100%; background: #8de9ff; left: 0; bottom: 0; } #centerContents .ListSection { background: #fff; overflow: auto; overflow-y: scroll; position: absolute; top: 30px; left: 0; right: 0; bottom: 32px; } #centerContents .NoPaging .ListSection { bottom: 0; } #centerContents .ListSection.AddrList { top: 86px; padding-left: 150px; } #centerContents .ListSection .ListTable { width: 100%; } #centerContents .ListSection .ListTable.AddrList { width: 100%; } #centerContents .ListSection .ListTable th, #centerContents .ListSection .ListTable td { vertical-align: middle; padding: 4px 2px; border-bottom: 1px solid #efefef; cursor: pointer; } #centerContents .ListSection .ListTable .Unread td { font-weight: bold; background: #ffffee; } #centerContents .ListSection .ListTable td.ListDateColumn { font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; } #centerContents .ListSection .ListTable td .BbsCateNm { color: #333; background: #eaeaea; display: inline-block; padding: 1px 6px; border-radius:2px; border: 1px solid #e0e0e0; } #centerContents .ListSection .ListTable th:first-child, #centerContents .ListSection .ListTable td:first-child { padding-left: 10px; } /*#centerContents .ListSection .ListTable tr:last-child th, #centerContents .ListSection .ListTable tr:last-child td { vertical-align: middle; border-bottom: none; }*/ #centerContents .ListSection .ListTable td.ListTableColumn-Check { text-align: center; } #centerContents .ListSection .ListTable td.ListTableColumn-Check input[type=checkbox] { vertical-align: middle; } #centerContents .ListSection .ListTable tr.Checked > td { background: #b0c4de; } #centerContents .ListSection .ListTable tr.Active th, #centerContents .ListSection .ListTable tr.Active td { background: #1251a3; color: #fff; } #centerContents .ListSection .ListTable .CommentCnt { font-size: 9px; color: #999; } #centerContents .ListSection .ListTable .AddrListItem { position: absolute; margin: 0; padding: 0; top: 4px; left: 0; right: 0; height: 20px; border: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #centerContents .AddrGroupListSection { position: absolute; left: 0; top: 0; width: 150px; height: 100%; background: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; box-sizing: border-box; } #centerContents .AddrGroupListSection h4 { margin: 0; height: 22px; border-bottom: 1px solid#ccc; text-align: center; padding-top: 6px; } #centerContents .AddrGroupListSection .AddrGrpListWrap { padding-top: 0; } #centerContents .AddrGroupListSection .AddrGrpListWrap .AddrGrpList { } #centerContents .AddrGroupListSection .AddrGrpListWrap h4 { position: relative; } #centerContents .AddrGroupListSection .AddrGrpListWrap h4 .Btn { position: absolute; right: 2px; top: 2px; padding: 4px 7px 3px 7px; display: inline-block; } #centerContents .Pims-AddrListCtrl .AddrGrpList .AddrGrpListItem { padding: 3px 0 3px 15px; cursor: pointer; overflow: hidden; position: relative; height: 15px; } #centerContents .Pims-AddrListCtrl .AddrGrpList .AddrGrpListItem.Active { background: #033075; color: #fff; font-weight: bold; } #centerContents .Pims-AddrListCtrl .AddrGrpList .AddrGrpListItem.AllItem { padding: 6px 0 7px 5px; } #centerContents .Pims-AddrListCtrl .AddrGrpList .AddrGrpListItem .Icon { vertical-align: middle; } #centerContents .Pims-AddrListCtrl .AddrGrpList .AddrGrpListItem .GrpNm { position: absolute; left: 34px; top: 3px; right: 25px; bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #centerContents .Pims-AddrListCtrl .AddrGrpList .AddrGrpListItem .Badge { background: #1c58a8; color: #fff; float: right; padding: 1px 5px; margin-right: 5px; border-radius: 5px; font-weight: normal; } #centerContents .Pims-AddrListCtrl .AddrGrpList .AddrGrpListItem.Active .Badge { background: #fff; color: #333; } .AddrGrpDragMarker { border: 2px solid #999; padding: 2px 5px; background: #fff; } #centerContents .PagingSection { background: #fff; position: absolute; left: 0; right: 0; bottom: 0; height: 32px; border-top: 1px solid #ccc; } #centerContents .NoPaging .PagingSection { display: none; } #centerContents .PreviewSection { display: none; } #previewContents { margin: 0; padding: 0; /*font-size: 14px;*/ border: none; overflow: hidden; } #bottomContents { margin: 0; padding: 0; font-size: 14px; border: none; background: #f1f1f1; position: relative; } #bottomContents .LeftMenu { float: left; } #bottomContents .LeftMenu .MobileLink { font-size: 11px; padding: 2px 7px 2px 18px; display: inline-block; border: 1px solid #999; border-radius: 3px; margin-left: 10px; margin-top: 4px; background: #fff; position: relative; } #bottomContents .LeftMenu .MobileLink:hover, #bottomContents .LeftMenu .MobileLink:active { background: #053a7e; color: #fff; border: 1px solid #052040; } #bottomContents .LeftMenu .MobileLink .fa { font-size: 19px; position: absolute; left: 6px; top: 0px; } #bottomContents .Copyright { text-align: center; padding: 7px; font-size: 10px; } #bottomContents .RightMenu { position: absolute; right: 0; top: 2px; } #bottomContents .LoginTimeWrap { position: static; display: inline-block; font-size: 11px; white-space: nowrap; } #bottomContents .LoginTimeWrap i.fa { padding: 0 0 0 0; } #bottomContents .LoginTime { padding: 0 10px 0 0; display: inline-block; } #leftContents { margin: 0; padding: 0; font-size: 12px; border: none; background: #fff; } #leftContents {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdd4dd+0,b1c2d6+100 */ /*background: #cdd4dd; *//* Old browsers */ /*background: -moz-linear-gradient(left, #cdd4dd 0%, #b1c2d6 100%); *//* FF3.6+ */ /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cdd4dd), color-stop(100%,#b1c2d6)); *//* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(left, #cdd4dd 0%,#b1c2d6 100%); *//* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(left, #cdd4dd 0%,#b1c2d6 100%); *//* Opera 11.10+ */ /*background: -ms-linear-gradient(left, #cdd4dd 0%,#b1c2d6 100%); *//* IE10+ */ /*background: linear-gradient(to right, #cdd4dd 0%,#b1c2d6 100%); *//* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd4dd', endColorstr='#b1c2d6',GradientType=1 ); *//* IE6-9 */ } #leftContents h2 { margin: 0; padding: 5px 0 5px 0; border-bottom: 1px solid #ccc; height: 29px; font-size: 20px; text-align: center; color: #fff; background: url('../img/common/bg/header_bg_001.gif') #1351a3; } #leftContents .SideMenuSection header h2 { font-size: 16px; font-weight: normal; padding-top: 7px; height: 23px; } #leftContents h3 { font-size: 12px; font-weight: normal; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; padding: 4px 0 6px 20px; background: #f9f9f9; } #leftContents .ButtonList { text-align: center; padding-top: 6px; padding-bottom: 6px; } #leftContents .ButtonList .AddDraftBtn { } #leftContents .SideMenuWrap { background: #fff; } #leftContents .Outlook a { color: #666; } #leftContents .OutlookShortcutType1 { display: block; } #leftContents .OutlookShortcutType2 { display: none; } #leftContents .UserInfoPanel { width: 100%; background: #fff; border-bottom: 1px solid #ccc; width: 100%; } #leftContents .UserInfoPanel .LastLoggedTimeHeader { padding: 5px 10px; } #leftContents .UserInfoPanel .LastLoggedTime { text-align: center; padding: 5px 10px; } #leftContents .UserInfoPanel .LastLoggedTime strong { border: 1px dashed #9cf; border-radius: 10px; display: block; padding: 5px; } #leftContents .UserInfoPanel .WelcomePhrase { padding: 5px 10px; } #leftContents .UserInfoPanel .WelcomePhrase strong { font-weight: bold; color: #c60; } #leftContents .UserInfoPanel .DepartName { padding: 5px 10px; } .SideMenuList { background: #fff; } .SideMenuList .SideMenuItem a { padding: 4px 0 6px 20px; display: block; color: #333; } .SideMenuList .SideMenuItem a .Badge { background: #fff9e0; float: right; margin-right: 20px; padding: 1px 5px; font-size: 10px; border-radius: 3px; border: 1px solid #f0f0f0; } .SideMenuList .SideMenuItem a:hover { background: #033075; color: #fff; } .SideMenuList .SideMenuItem a:hover .Badge { background: #fff; color: #333; } .SideMenuList .SideMenuItem.Active { background: #1251a3; color: #fff; } .SideMenuList .SideMenuItem.Active > a { color: #fff; } .SideSubMenuList { background: #fff; } .SideSubMenuList .SideSubMenuItem { position: relative; } .SideSubMenuList .SideSubMenuItem span.TreeNodeIcon { /*background: url('../img/default_icon.png') -180px -7px no-repeat;*/ display: block; left: 0; top: 2px; width: 24px; height: 24px; position: absolute; } .SideSubMenuList .SideSubMenuItem:last-child span.TreeNodeIcon { /*background: url('../img/default_icon.png') -216px -7px no-repeat;*/ } .SideSubMenuList .SideSubMenuItem a { padding: 2px 0 4px 26px; display: block; color: #333; } .SideSubMenuList .SideSubMenuItem a .Badge { background: #fff9e0; float: right; margin-right: 20px; padding: 1px 5px; font-size: 10px; border-radius: 3px; border: 1px solid #f0f0f0; } .SideSubMenuList .SideSubMenuItem a:hover { background: #033075; color: #fff; } .SideSubMenuList .SideSubMenuItem a:hover .Badge { background: #fff; color: #333; } .SideSubMenuList .SideSubMenuItem.Active { background: #1251a3; color: #fff; } .SideSubMenuList .SideSubMenuItem.Active > a { color: #fff; } .SideSubMenuList .SideSubMenuItem.HasChild > a > span.TreeNodeIcon { background: url('../img/default_icon.png') -43px -47px no-repeat; } .SideSubMenuList .SideSubMenuItem.HasChild.Collapsed > a> span.TreeNodeIcon { background: url('../img/default_icon.png') -7px -47px no-repeat; } .SideSubMenuList .SideSubMenuItem.HasChild.Collapsed .SideSubMenuList { display: none; } .SideSubMenuList { } .SideSubMenuList.Depth1 li { margin-left: 12px; } .SideSubMenuList.Depth2 li { margin-left: 12px; } .SideSubMenuList.Depth3 li { margin-left: 12px; } .SideSubMenuList.Depth4 li { margin-left: 12px; } .SideSubMenuList.Depth5 li { margin-left: 12px; } .SideSubMenuList.Depth6 li { margin-left: 12px; } #rightContents { margin: 0; padding: 0; font-size: 14px; border: none; /*background: #cdd4dd;*/ } #rightContents { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdd4dd+0,b1c2d6+100 */ /*background: #cdd4dd; *//* Old browsers */ /*background: -moz-linear-gradient(left, #cdd4dd 0%, #b1c2d6 100%); *//* FF3.6+ */ /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cdd4dd), color-stop(100%,#b1c2d6)); *//* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(left, #cdd4dd 0%,#b1c2d6 100%); *//* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(left, #cdd4dd 0%,#b1c2d6 100%); *//* Opera 11.10+ */ /*background: -ms-linear-gradient(left, #cdd4dd 0%,#b1c2d6 100%); *//* IE10+ */ /*background: linear-gradient(to right, #cdd4dd 0%,#b1c2d6 100%); *//* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdd4dd', endColorstr='#b1c2d6',GradientType=1 ); *//* IE6-9 */ } .ui-layout-resizer-north{ } .ui-layout-resizer-north.ui-layout-resizer { background: #ccc; border: none; } .ui-layout-resizer-north .ui-layout-toggler { background: none; border: none; } .ui-layout-resizer-south { } .ui-layout-resizer-south.ui-layout-resizer { background: #ccc; border: none; } .ui-layout-resizer-south .ui-layout-toggler { background: none; border: none; } .ui-layout-resizer-west{ } .ui-layout-resizer-west.ui-layout-resizer { background: #999; border: none; } .ui-layout-resizer-west .ui-layout-toggler { background: none; border: none; } .ui-layout-resizer-west.ui-layout-resizer-closed { background: #f0f0f0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .ui-layout-resizer-west.ui-layout-resizer-closed { background: #f0f0f0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .ui-layout-resizer-west.ui-layout-resizer-closed .ui-layout-toggler { background: url('../img/common/layout/layoutmaxbtn_001.gif') no-repeat; } .ui-layout-resizer-west.ui-layout-resizer-closed .ResizeHandleHelper { display: none; } .ui-layout-resizer-east { } .ui-layout-resizer-east.ui-layout-resizer { background: #999; border: none; } .ui-layout-resizer-east .ui-layout-toggler { background: none; border: none; } .ui-layout-resizer-east.ui-layout-resizer-closed { background: #e0e0e0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .ui-layout-resizer-east.ui-layout-resizer-closed { background: #e0e0e0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .ui-layout-resizer-east.ui-layout-resizer-closed .ui-layout-toggler { background: url('../img/common/layout/layoutmaxbtn_002.gif') no-repeat; } .ui-layout-resizer-east.ui-layout-resizer-closed .ResizeHandleHelper { display: none; } #previewContents { } #previewContents .DocPreviewSection { position: relative; width: 100%; height: 100%; } #previewContents .DocPreviewContents { overflow: hidden; position: absolute; left: 0; top: 40px; bottom: 0; right: 0; margin: 0; padding: 0; border: none; } #previewContents .DocPreviewContents iframe { width: 100%; height: 100%; margin: 0; padding: 0; border: none; } #previewContents .DocPreviewHeader { width: 100%; background: #f0f0f0; border-bottom: 1px solid #e0e0e0; position: absolute; height: 40px; font-size: 12px; } #previewContents .DocPreviewHeader tr { padding: 0; } #previewContents .DocPreviewHeader tr > th, #previewContents .DocPreviewHeader tr > td { padding: 5px 0; vertical-align: middle; } #previewContents .DocPreviewHeader tr > th { font-weight: normal; text-align: right; padding-right: 10px; } #previewContents.ui-tabs .ui-tabs-panel { padding: 0; } #previewContents .MailPreviewHeader { width: 100%; background: #f0f0f0; border-bottom: 1px solid #e0e0e0; position: relative; height: 40px; font-size: 12px; } #previewContents .MailPreviewHeader tr { padding: 0; } #previewContents .MailPreviewHeader tr > th, #previewContents .MailPreviewHeader tr > td { padding: 5px 0; vertical-align: middle; } #previewContents .MailPreviewHeader tr > th { font-weight: normal; text-align: right; padding-right: 10px; vertical-align: top; } #previewContents .MailPreviewHeader .MailAddrDetail { font-size: 13px; padding: 5px 5px; border: 1px solid #ccc; margin: 5px 20px 0 0; overflow: auto; max-height: 40px; background: #fff; } #previewContents .MailPreviewHeader .MailAddrDetail a { white-space: nowrap; } #previewContents .MailSubject { padding: 5px 0 0 0; font-weight: bold; height: 1.4em; } #previewContents .MailPreviewContents { position: absolute; left: 0; top: 100px; width: 100%; bottom: 0; } #previewContents .MailPreviewContents iframe { border: none; position: relative; width: 100%; height: 100%; } #previewContents .IconMailSecret { display: none; } #previewContents.SecretMail .IconMailSecret { display: inherit; } #previewContents.SecretMail .MailSubject { left: 20px; } /* .MailReadSection { width: 100%; height: 100%; } .MailReadSection .MailReadHeader { width: 100%; background: #fff; position: relative; height: 40px; font-size: 12px; } .MailReadSection .MailReadHeader tr { padding: 0; } .MailReadSection .MailReadHeader tr > th, .MailReadSection .MailReadHeader tr > td { padding: 3px 0; vertical-align: middle; height: 15px; } .MailReadSection .MailReadHeader tr:first-child > th, .MailReadSection .MailReadHeader tr:first-child > td { padding-top: 10px; } .MailReadSection .MailReadHeader tr > th { font-weight: normal; text-align: right; padding-right: 10px; } .MailReadSection .MailSubject { padding: 10px 0 0 16px; font-weight: bold; height: 1.4em; } .MailReadSection .MailReadContents { position: absolute; width: 100%; bottom: 0; top: 100px; left: 0; border-top: 1px solid #ccc; } .MailReadSection .MailReadContents iframe { position: relative; width: 100%; height: 100%; border: none; } */ .HeaderBodyTableWrap { position: relative; width: 100%; height: 100%; } .HeaderBodyTableWrap .HeaderTable { position: absolute; width: 100%; height: 28px; } .HeaderBodyTableWrap .BodyTable { position: absolute; top: 28px; left: 0; right: 0; bottom: 0; overflow: auto; } .ui-tabs .HeaderBodyTableWrap { position: absolute; left: 0; top: 33px; right: 0; bottom: 0; height: auto; } .CmPager { margin: 5px auto; text-align: center; font-size: 12px; } .CmPager .CmPager-Prev10 { } .CmPager .CmPager-Prev { } .CmPager .CmPager-Page { text-align: center; /*background: url('../images/sub/bg_paging.gif') no-repeat;*/ } .CmPager .CmPager-Page.CmPager-Current { font-weight: bold; /*background: url('../images/sub/bg_paging_on.gif') no-repeat;*/ color: #f00; } .CmPager .CmPager-Page.CmPager-Over { font-weight: bold; /*background: url('../images/sub/bg_paging_on.gif') no-repeat;*/ } .CmPager .CmPager-Page.CmPager-Disabled { display: none; } /* .CmPager .CmPager-Page span { margin: 0; padding: 2px 1px 0 0; display:block; line-height: 13px; } */ .CmPager .CmPager-Next { } .CmPager .CmPager-Next10 { } .CmPager img { vertical-align: middle; } .CmPager .CmPager-Page { border: 1px solid #ccc; min-width: 18px; height: 16px; padding: 3px 2px 1px 2px; display: inline-block; border-right: none; color: #666; } .CmPager .CmPager-Page.CmPager-Page-First { border-top-left-radius: 2px; border-bottom-left-radius: 2px; margin-left: 5px; } .CmPager .CmPager-Page.CmPager-Page-Last { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: 1px solid #ccc; margin-right: 5px; } .CmPager .CmPager-Prev10 i, .CmPager .CmPager-Prev i, .CmPager .CmPager-Next i, .CmPager .CmPager-Next10 i { border: 1px solid #ccc; border-right: none; min-width: 18px; height: 16px; padding: 4px 2px 0 2px; display: inline-block; color: #666; } .CmPager .CmPager-Prev10 i, .CmPager .CmPager-Next i { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .CmPager .CmPager-Prev i, .CmPager .CmPager-Next10 i { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: 1px solid #ccc; } .PopupMaster { overflow: hidden; } .PopupMaster > .Contents { height: 100%; } .PopupMaster > .Contents > .FixedContentsWrap { position: fixed; left: 0; top: 0; right: 0; z-index: 999; } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection { border-top: none; background: url('../img/common/bg/header_bg_001.gif') #1351a3; } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection .ButtonList { display: block; float: left; margin: 5px 5px; } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection .ButtonList li { display: block; float: left; margin: 0; border: 1px solid #ccc; border-right: none; background: #fff; } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection .ButtonList li a { /*display: inline-block; margin: 0; height: 18px; padding: 2px 5px;*/ } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection .ButtonList li a .Badge { } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection .ButtonList li a .Badge { background: #033075; color: #fff; float: right; padding: 0px 5px 1px 5px; font-size: 10px; border-radius: 3px; border: 1px solid #f0f0f0; margin-left: 5px; } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection .ButtonList li a:hover .Badge { background: #033075; color: #fff; } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection .ButtonList li:first-child { border-bottom-left-radius: 2px; border-top-left-radius: 2px; } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection .ButtonList li:last-child { border-right: 1px solid #ccc; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection .OtherList li { color: #fff; } .PopupMaster > .Contents > .FixedContentsWrap .ButtonListSection .ButtonList.ButtonList-Right { float: right; } .FlexContentsWrap { position: absolute; top: 35px; bottom: 0; left: 0; right: 0; } .FlexContentsWrap > .FlexContents { display: inline-block; } .FlexContentsWrap .AttachmentListSection { background: #fff; position: absolute; left: 0; right: 0; bottom: 0; height: 72px; border-top: 1px solid #b5b5b5; } .FlexContentsWrap .AttachmentListSection .AttachmentListWrap { width: 100%; height: 100%; position: relative; } .FlexContentsWrap .AttachmentListSection .AttachmentListWrap header label input { display: none; } .FlexContentsWrap .AttachmentListSection header { position: absolute; left: 5px; top: 5px; bottom: 5px; width: 80px; border: 1px solid #b5b5b5; border-right: none; text-align: center; padding-top: 5px; background: #efefef; } .FlexContentsWrap .AttachmentListSection header .DeleteAttachmentBtn, .FlexContentsWrap .AttachmentListSection header .DeleteAttachmentBtn:visited { display: none; color: #333; margin-top: 10px; border-radius: 3px; padding: 2px 12px 0 12px; border: 1px solid #999; background: #fff; } .FlexContentsWrap .AttachmentListSection header .DeleteAttachmentBtn:hover, .FlexContentsWrap .AttachmentListSection header .DeleteAttachmentBtn:active { color: #fff; background: #900; border: 1px solid #900; } .FlexContentsWrap .AttachmentListSection .AttachmentFileList { border: 1px solid #b5b5b5; border-radius: 3px; position: absolute; left: 85px; top: 5px; right: 5px; bottom: 5px; overflow: auto; padding: 4px; } .FlexContentsWrap .AttachmentListSection .AttachmentFileList > li { display: block; float: left; border: 1px solid #b5b5b5; background: #efefef; margin: 2px; padding: 3px 5px; border-radius: 3px; } .FlexContentsWrap .AttachmentListSection .AttachmentFileList > li .RemoveBtn.SmallBtn { color: #900; padding: 0 2px; border-radius: 2px; } .FlexContentsWrap .AttachmentListSection .AttachmentFileList > li.HasError { background: #c33; color: #fff; border: 1px solid #933; } .FlexContentsWrap .AttachmentListSection .AttachmentFileList > li.Done { background: #cfc; color: #333; border: 1px solid #393; } .FlexContentsWrap .AttachmentListSection .AttachmentFileList > li div.CheckField { display: none; padding-right: 5px; min-height: 12px; } .FlexContentsWrap .AttachmentListSection .AttachmentFileList > li span.UploadHint { display: none; } .FlexContentsWrap .AttachmentListSection .AttachmentFileList > li.OnUpload span.UploadHint { display: inline; } .FlexContentsWrap .AttachmentListSection.Editable { } .FlexContentsWrap .AttachmentListSection.Editable .AttachmentListWrap header label input { display: inline; } .FlexContentsWrap .AttachmentListSection.Editable header .DeleteAttachmentBtn, .FlexContentsWrap .AttachmentListSection.Editable header .DeleteAttachmentBtn:visited { display: inline-block; } .FlexContentsWrap .AttachmentListSection.Editable .AttachmentFileList > li div.CheckField { display: inline-block; min-height: 12px; } .FlexContentsWrap .TableStyleForm .AttachmentListSection { position: relative; left: auto; right: auto; bottom: auto; height: auto; border-top: none; clear: both; width: 100%; } .FlexContentsWrap .TableStyleForm .AttachmentListSection td, .FlexContentsWrap .TableStyleForm .AttachmentListSection th { padding-top: 0; padding-bottom: 0; } .FlexContentsWrap .TableStyleForm .AttachmentListSection .ListTableWrap { height: 80px; overflow-y: scroll; } .FlexContentsWrap .AttachmentListSection.StyleFormInput { position: static; padding: 0; } .FlexContentsWrap .AttachmentListSection.StyleFormInput .AttachmentFileList { border-top-left-radius: 0; border-bottom-left-radius: 0; } .FlexContentsWrap .TableStyleForm .AttachmentListSection .AttachmentFileList { border: none; border-radius: 0; position: inherit; left: inherit; top: inherit; right: inherit; bottom: inherit; overflow: inherit; padding: inherit; } .FlexContentsWrap .TableStyleForm .AttachmentListSection .AttachmentFileList span.UploadHint { display: none; } .FlexContentsWrap .TableStyleForm .AttachmentListSection .AttachmentFileList .OnUpload span.UploadHint { display: inline; } .FlexContentsWrap .tx-toolbar-basic .tx-list .tx-image a { background-position: -157px -10px; width: 22px; } .FlexContentsWrap .tx-toolbar-basic .tx-list .tx-file a { background-position: -157px -31px; width: 21px; } .FlexContentsWrap .tx-resize-bar { height: 6px; } .FlexContentsWrap .tx-toolbar-boundary { /*border: none;*/ /*border-top: none;*/ border-bottom: none; } .FlexContentsWrap .tx-toolbar { /*border: none;*/ background: #fff; /*border-top: 1px solid #fff;*/ border-bottom: none; } #centerContents .FlexContentsWrap .tx-toolbar { border-left: none; border-right: none; } .FlexContentsWrap .tx-wysiwyg-padding { background: #e0e0e0; opacity: 1; z-index: -1; } .FlexContentsWrap .tx-canvas { border-left: none; border-right: none; } .FlexContentsWrap .tx-fontfamily-menu { height: 200px; overflow: auto; } .FlexContentsWrap .tx-advanced { margin-right: -1px; } .cm-modal .tx-toolbar-basic .tx-list .tx-image a { background-position: -157px -10px; width: 22px; } .cm-modal .tx-toolbar-basic .tx-list .tx-file a { background-position: -157px -31px; width: 21px; } .cm-modal .tx-resize-bar { height: 6px; } .cm-modal .tx-toolbar-boundary { /*border: none;*/ /*border-top: none;*/ border-bottom: none; } .cm-modal .tx-toolbar { /*border: none;*/ background: #fff; /*border-top: 1px solid #fff;*/ border-bottom: none; } .cm-modal .tx-wysiwyg-padding { background: #e0e0e0; opacity: 1; z-index: -1; } .cm-modal .tx-fontfamily-menu { height: 200px; overflow: auto; } .CmEditor .tx-toolbar-basic .tx-list .tx-image a { background-position: -157px -10px; width: 22px; } .CmEditor.form-control { height: auto; padding: 0; border: none; } #centerContents .FlexContentsWrap .CmEditor.form-control .tx-toolbar { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .CmEditor.form-control .tx-toolbar-basic { } .CmEditor.form-control .tx-canvas { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .CmEditor .tx-toolbar-basic .tx-list .tx-file a { background-position: -157px -31px; width: 21px; } .CmEditor .tx-resize-bar { height: 6px; } .CmEditor .tx-toolbar-boundary { /*border: none;*/ /*border-top: none;*/ border-bottom: none; } .CmEditor .tx-toolbar { /*border: none;*/ background: #fff; /*border-top: 1px solid #fff;*/ border-bottom: none; } .CmEditor .tx-wysiwyg-padding { background: #e0e0e0; opacity: 1; z-index: -1; } .CmEditor .tx-canvas { border-left: none; border-right: none; border-bottom: none; } .CmEditor .tx-fontfamily-menu { height: 200px; overflow: auto; } .tx-switchtoggle a { background-position: 0 -83px } .tx-switchtoggle-hovered a { background-position: 0 -106px } .tx-switchtoggle-pushed a { background-position: -58px -83px } .tx-canvas textarea { resize: none; } /** modal dialog [START] **/ #div_modal_blackout { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8000; background-color: black; opacity: 0.30; display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); } .cm-modal-form { display: none; } .cm-modal { background: #fff; border: 3px solid #fff; padding: 0px; border-radius: 3px; } .cm-modal .cm-modal-title { background: #333; color: #fff; padding: 5px; } .cm-modal .cm-modal-content { color: #333; } .cm-modal .cm-modal-close { position: absolute; top: -19px; right: -17px; background: url('../img/default_icon.png'); width: 35px; height: 35px; display: none; cursor: pointer; } .mobile .cm-modal .cm-modal-close, .ie6 .cm-modal .cm-modal-close, .ie7 .cm-modal .cm-modal-close, .ie8 .cm-modal .cm-modal-close { background: url('../img/default_icon.png'); top: 0px; right: 0px; width: 28px; height: 28px; } .cm-modal.cm-modal-topmost { -moz-box-shadow: 2px 2px 10px #000; -webkit-box-shadow: 2px 2px 10px #000; box-shadow: 2px 2px 10px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333'); } .cm-modal.cm-modal-topmost .cm-modal-close { display: block; } .cm-modal .modal-title { padding: 5px; margin: 0; color: #fff; background: #333; border-radius: 2px; } .cm-modal .modal-content { padding: 10px 10px; border: none; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; } .cm-modal .FixedContentsWrap header { padding: 5px; margin: 0; color: #fff; background: #333; border-radius: 2px; font-size: 12px; } .cm-modal .FixedContentsWrap header h1 { font-size: 12px; font-weight: normal; margin: 0; } .cm-modal .FixedContentsWrap .SearchBoxSection { float: none; width: 100%; } .cm-modal .FixedContentsWrap .SearchBoxSection .SearchBox { } .cm-modal .FixedContentsWrap .SearchBoxSection .SearchBox .ButtonListSection { clear: none; border-top: none; min-height: 24px; } .cm-modal.HasModalButtonSection .FlexContentsWrap { margin-bottom: 31px; } .cm-modal.HasModalButtonSection .FlexContentsWrap .CmPager { margin-bottom: 5px; } /*.cm-modal.cm-modal-full { height: 100%; } .cm-modal.cm-modal-full .cm-modal-content { height: 100%; overflow-y: scroll; } .cm-modal.cm-modal-full .cm-modal-content .modal-content { }*/ .SearchBoxSection.Type2 { font-size: 12px; float: none; width: 100%;height: 25px; } .SearchBoxSection.Type2 .SearchBox { position: relative; width: 100%; margin-top: 0; } .SearchBoxSection.Type2 .SearchBox .SearchBtn { float: none; position: absolute; left: 0; top: 0; width: 25px; height: 25px; } .SearchBoxSection.Type2 .SearchBox .SearchKeywordWrap { display: block; overflow: hidden; padding-left: 25px; right: 80px;height: 25px; } .SearchBoxSection.Type2 .SearchBox .SearchKeyword { float: none; display: block; width: 100%; height: 25px; position: static; } .cm-modal .cm-modal-content .FlexContentsWrap { overflow: auto; overflow-x: hidden; top: 59px; } .cm-panel .modal-title { display: none; } .cm-panel .modal-content { margin: 0; padding: 0; } .CmChildView { } .CmChildView .FixedContentsWrap, #centerContents .CmChildView .FixedContentsWrap { background: #dbf5ff; } .CmChildView .FixedContentsWrap header, #centerContents .CmChildView .FixedContentsWrap header { padding: 0; margin: 0; color: #333; border-radius: 2px; font-size: 12px; height: auto; } .CmChildView .FixedContentsWrap header h1, #centerContents .CmChildView .FixedContentsWrap header h1 { font-size: 12px; color: #333; font-weight: normal; margin: 0; height: auto; padding: 7px 10px; } .CmChildView .ButtonListSection, #centerContents .CmChildView .ButtonListSection { padding-left: 5px; } /*.cm-modal.cm-modal-full { height: 100%; } .cm-modal.cm-modal-full .cm-modal-content { height: 100%; overflow-y: scroll; } .cm-modal.cm-modal-full .cm-modal-content .modal-content { }*/ .CmChildView .cm-modal-content .SearchBoxSection { font-size: 12px; float: none; width: 100%;height: 25px; } .CmChildView .cm-modal-content .SearchBoxSection .SearchBox { position: relative; width: 100%; margin-top: 0; } .CmChildView .cm-modal-content .SearchBoxSection .SearchBox .SearchBtn { float: none; position: absolute; left: 0; top: 0; width: 25px; height: 25px; } .CmChildView .cm-modal-content .SearchBoxSection .SearchBox .SearchKeywordWrap { display: block; overflow: hidden; padding-left: 25px; right: 80px;height: 25px; } .CmChildView .cm-modal-content .ApprovalLineTab .SearchBoxSection .SearchBox .SearchKeywordWrap { padding-left: 0; } .CmChildView .cm-modal-content .SearchBoxSection .SearchBox .SearchKeyword { float: none; display: block; width: 100%; height: 25px; position: static; } .CmChildView .cm-modal-content .FlexContentsWrap { overflow: auto; overflow-x: hidden; } .CmChildView .StyleForm.StyleFormManualHLine .StyleFormHeader { text-align: left; font-weight: bold; padding: 2px 10px 0 10px; } .CmChildView .StyleForm.StyleFormManualHLine .StyleFormHeader .control-label { padding: 4px 5px 0 0; } .CmChildView .StyleForm.StyleFormManualHLine .StyleFormHeader, .CmChildView .StyleForm.StyleFormManualHLine .StyleFormInput { float: none; width :auto; padding: 2px 10px;} .CmChildView .CmChildView-Hidden { display: none; } .ScrollableListTable { position: relative; } .ScrollableListTable .ListHeaderSection { background: #fff; position: absolute; top: 0; left: 0; right: 0; height: 28px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ScrollableListTable .ListHeaderSection.AddrList { height: 84px; padding-left: 150px; } .ScrollableListTable .ListHeaderSection .ListHeaderTable { width: 100%; height: 28px; } .ScrollableListTable .ListHeaderSection .ListHeaderTable thead th { background: #dbf5ff; } .ScrollableListTable .ListHeaderSection .ListHeaderTable th { font-weight: normal; text-align: left; height: 28px; padding: 0 2px; position: relative; /*border-right: 1px solid #ccdee6;*/ } .ScrollableListTable .ListHeaderSection .ListHeaderTable th:last-child { border-right: none; } .ScrollableListTable .ListHeaderSection .ListHeaderTable th.IsSortAsc { background: #b4f3fe; } .ScrollableListTable .ListHeaderSection .ListHeaderTable th.IsSortDesc { background: #b4f3fe; } .ScrollableListTable .ListHeaderSection .ListHeaderTable th .ListTableSortInd { position: absolute; right: 2px; display: block; width: 16px; height: 16px; } .ScrollableListTable .ListHeaderSection .ListHeaderTable th.IsSortAsc .ListTableSortInd { background: url('../img/icon_16px.png') no-repeat -96px -20px; top: 0; height: 12px; } .ScrollableListTable .ListHeaderSection .ListHeaderTable th.IsSortDesc .ListTableSortInd { background: url('../img/icon_16px.png') no-repeat -80px -16px; bottom: 0; height: 12px; } .ScrollableListTable .ListHeaderSection .ListHeaderTable th.ListTableColumn-CheckAll { text-align: center; } .ScrollableListTable .ListHeaderSection .ListHeaderTable th.ListTableColumn-CheckAll input[type=checkbox] { vertical-align: middle; } .ScrollableListTable .ListHeaderSection .ListHeaderTable th, .ScrollableListTable .ListHeaderSection .ListHeaderTable td { vertical-align: middle; text-align: left; cursor: pointer; } .ScrollableListTable .ListHeaderSection .ListHeaderTable th:first-child, .ScrollableListTable .ListHeaderSection .ListHeaderTable td:first-child { padding-left: 10px; } .ScrollableListTable .ListHeaderSection .ListHeaderTable .ScrollBarGap { width: 17px; padding: 0; } .ScrollableListTable .ListHeaderSection .QuickAddTable { width: 100%; height: 28px; border-bottom: 1px solid #ccc; } .ScrollableListTable .ListHeaderSection .QuickAddTable th { font-weight: normal; text-align: left; height: 28px; padding: 0 2px; } .ScrollableListTable .ListHeaderSection .QuickAddTable th, .ScrollableListTable .ListHeaderSection .QuickAddTable td { vertical-align: middle; text-align: left; cursor: pointer; } .ScrollableListTable .ListHeaderSection .QuickAddTable th:first-child, .ScrollableListTable .ListHeaderSection .QuickAddTable td:first-child { padding-left: 6px; } .ScrollableListTable .ListHeaderSection .QuickAddTable .ScrollBarGap { width: 17px; padding: 0; } .ScrollableListTable .ListSection { background: #fff; overflow: auto; overflow-y: scroll; position: absolute; top: 30px; left: 0; right: 0; bottom: 32px; } .ScrollableListTable.NoPaging .ListSection { bottom: 0; } .ScrollableListTable .ListSection .ListTable { width: 100%; } .ScrollableListTable .ListSection .ListTable.AddrList { width: 100%; } .ScrollableListTable .ListSection .ListTable th, .ScrollableListTable .ListSection .ListTable td { vertical-align: middle; padding: 4px 2px; border-bottom: 1px solid #efefef; cursor: pointer; } .ScrollableListTable .ListSection .ListTable .Unread td { font-weight: bold; background: #ffffee; } .ScrollableListTable .ListSection .ListTable td.ListDateColumn { font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; } .ScrollableListTable .ListSection .ListTable th:first-child, .ScrollableListTable .ListSection .ListTable td:first-child { padding-left: 10px; } /*.ScrollableListTable .ListSection .ListTable tr:last-child th, .ScrollableListTable .ListSection .ListTable tr:last-child td { vertical-align: middle; border-bottom: none; }*/ .ScrollableListTable .ListSection .ListTable td.ListTableColumn-Check { text-align: center; } .ScrollableListTable .ListSection .ListTable td.ListTableColumn-Check input[type=checkbox] { vertical-align: middle; } .ScrollableListTable .ListSection .ListTable tr.Checked > td { background: #b0c4de; } .ScrollableListTable .ListSection .ListTable tr.Active th, .ScrollableListTable .ListSection .ListTable tr.Active td { background: #1251a3; color: #fff; } .ScrollableListTable .ListSection .ListTable .CommentCnt { font-size: 9px; color: #999; } .ScrollableListTable .ListSection .ListTable .AddrListItem { position: absolute; margin: 0; padding: 0; top: 4px; left: 0; right: 0; height: 20px; border: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /** modal dialog [ END ] **/ /** now loading popup [START] **/ #div_now_loading { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; /*background-color: #333; opacity: 0.30; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);*/ } #div_now_loading .now_loading_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: /*url('../img/pattern/login_background_ptn_001.jpg')*/ #000; opacity: 0.4; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); } #div_now_loading .now_loading_table { width: 100%; height: 100%; } #div_now_loading .now_loading_table_cell { vertical-align: middle; position: relative; } #div_now_loading .now_loading_table_cell div.now_loading_content { width: 200px; background: #333; border:1px solid #222; border-radius: 5px; padding: 20px; color: #fff; text-align: center; margin: 0 auto; vertical-align: middle; } .BlockingNowLoading { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; /*background-color: #333; opacity: 0.30; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);*/ } .BlockingNowLoading .now_loading_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: /*url('../img/pattern/login_background_ptn_001.jpg')*/ #000; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .BlockingNowLoading .now_loading_table { width: 100%; height: 100%; } .BlockingNowLoading .now_loading_table_cell { vertical-align: middle; position: relative; } .BlockingNowLoading .now_loading_table_cell div.now_loading_content { min-width: 200px; background: #333; border:1px solid #222; border-radius: 5px; padding: 20px; color: #fff; text-align: center; margin: 0 auto; vertical-align: middle; } /** now loading popup [ END ] **/ .AttachmentUploadPopup { } .AttachmentUploadPopup .cm-modal-content { padding: 5px 0; overflow: auto; max-height: 500px; } .AttachmentUploadPopup .AttachmentImageList { } .AttachmentUploadPopup .AttachmentImageList li { } .AttachmentUploadPopup .AttachmentImageList td { border-bottom: 1px solid #b9b9b9; padding-top: 5px; padding-bottom: 5px; } .AttachmentUploadPopup .AttachmentImageList tr:last-child td { border-bottom: none; } .AttachmentUploadPopup .AttachmentImageList td.FileName { padding-left: 10px; padding-right: 50px; } .AttachmentUploadPopup .AttachmentImageList .Status { padding: 3px 10px 2px 5px; } .AttachmentUploadPopup .AttachmentImageList .ButtonList .Btn { border: 1px solid #ccc; padding-bottom: 0; } .AttachmentUploadPopup .AttachmentImageList .StatusWrap { width: 120px; text-align: right; } .AttachmentUploadPopup .AttachmentImageList .Success .Status { color: #090; height: 18px; display: inline-block; } .AttachmentUploadPopup .AttachmentImageList .Error { background: #900; color: #fff; } .AttachmentUploadPopup .AttachmentImageList .Done .ButtonList { display: none; } .AttachmentUploadPopup .AttachmentImageList .MessageRow { } .AttachmentUploadPopup .AttachmentImageList .MessageRow > td { padding-top: 0; } .AttachmentUploadPopup .AttachmentImageList .MessageWrap { border: 1px solid #f96; padding: 5px; margin-top: 0; border-top: none; color: #666; font-size: 11px; } .Panel { border: 1px solid #ccc; } .Panel.NoBorder { border: none; } .Panel.DocTypePanel { position: absolute; left: 5px; top: 30px; width: 200px; bottom: 35px; } .Panel.DocTmplPanel { position: absolute; left: 215px; right: 5px; top: 30px; bottom: 35px; overflow: auto;} .Panel.DocTmplPanel table { width: 100%; } .Panel.DocTmplPanel table td { border-bottom: 1px solid #ccc; padding: 5px 15px; cursor: pointer; } .Panel.DocTmplPanel table tr.Hover td { background: #beebff; } .Panel.DocTmplPanel table tr.Active td { background: #033075; color: #fff; } .Panel.ListPanel { position: absolute; left: 0; top: 0; right: 0; bottom: 30px; } .Panel.SearchPanel { position: absolute; left: 0; right: 0; bottom: 0; height: 25px; float: none; } .Panel.SearchPanel .SearchBox { margin-top: 0; margin-right: 0; position: relative; height: 100%; } .Panel.SearchPanel .SearchBox .Btn.SearchBtn { position: absolute; right: 0; width: 76px; float: none; height: 24px; text-align: center; } .Panel.SearchPanel .SearchBox .SearchKeywordWrap { position: absolute; left: 0; right: 93px; width: 210px; height: 24px; float: none; } .Panel.SearchPanel .SearchBox .SearchKeywordWrap input.SearchKeyword { width: 100%; height: 100%; float: none; display: block; } .HasModalButtonSection { padding-bottom: 31px; } .ModalButtonSection { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; background: #e0e0e0; border-top: 1px solid #ccc; } .ModalButtonSection .ButtonList { } .ModalButtonSection .ButtonList li { float: right; } .ModalButtonSection .ButtonList li .Btn, .ModalButtonSection .ButtonList li .Btn:visited { border: 1px solid #ccc; margin: 2px 5px 0 0; padding: 3px 10px; border-radius: 2px; background: #fff; } .ModalButtonSection .ButtonList li .Btn:hover, .ModalButtonSection .ButtonList li .Btn:active { background: #efefef; } .ModalButtonSection .ButtonList.ButtonList-Left { float: left; padding-left: 5px; } .ModalButtonSection .ButtonList.ButtonList-Left li { float: none; } .cm-modal-button { position: absolute; bottom: 0; left: 0; right: 0; height: 30px; background: #e0e0e0; border-top: 1px solid #ccc; } .cm-modal-button .ButtonList { } .cm-modal-button .ButtonList li { float: right; } .cm-modal-button .ButtonList li .Btn, .cm-modal-button .ButtonList li .Btn:visited { border: 1px solid #ccc; margin: 2px 5px 0 0; padding: 3px 10px; border-radius: 2px; background: #fff; } .cm-modal-button .ButtonList li .Btn:hover, .cm-modal-button .ButtonList li .Btn:active { background: #efefef; } .cm-modal-button .ButtonList.ButtonList-Left { float: left; padding-left: 5px; } .cm-modal-button .ButtonList.ButtonList-Left li { float: none; } .ButtonSection { width: 100%; height: 30px; background: #e0e0e0; border-top: 1px solid #ccc; } .ButtonSection .ButtonList { } .ButtonSection .ButtonList li { float: right; } .ButtonSection .ButtonList li .Btn, .ButtonSection .ButtonList li .Btn:visited { border: 1px solid #ccc; margin: 2px 5px 0 0; padding: 3px 10px; border-radius: 2px; background: #fff; } .ButtonSection .ButtonList li .Btn:hover, .ButtonSection .ButtonList li .Btn:active { background: #efefef; } .TableStyle1 { width: 100%; } .TableStyle1 thead { } .TableStyle1 thead tr { } .TableStyle1 thead tr th, .TableStyle1 thead tr td { font-weight: normal; border-bottom: 1px solid #ccc; padding: 7px 2px 7px 5px; background: #f3f3f3; text-align: left; } .TableStyle1 tbody { } .TableStyle1 tbody tr { } .TableStyle1 tbody tr th, .TableStyle1 tbody tr td { font-weight: normal; border-bottom: 1px solid #ccc; padding: 5px 2px 5px 5px; text-align: left; } .TableStyleForm { width: 100%; border-top: 1px solid #ccc; } .TableStyleForm thead { } .TableStyleForm thead tr { } .TableStyleForm thead tr th, .TableStyleForm thead tr td { font-weight: normal; border-bottom: 1px solid #f3f3f3; padding: 7px 2px 7px 5px; background: #f3f3f3; text-align: left; } .TableStyleForm thead tr th:last-child, .TableStyleForm thead tr td:last-child { padding-right: 5px; } .cm-modal .TableStyleForm thead tr th:last-child, .cm-modal .TableStyleForm thead tr td:last-child { padding-right: 2px; } .TableStyleForm tbody { } .TableStyleForm tbody tr { } .TableStyleForm tbody tr th, .TableStyleForm tbody tr td { font-weight: normal; border-bottom: 1px solid #f3f3f3; padding: 5px 2px 5px 5px; text-align: left; height: 24px; } .TableStyleForm tbody tr:last-child th, .TableStyleForm tbody tr:last-child td { border-bottom: none; } .TableStyleForm tbody tr th { text-align: right; } .TableStyleForm tbody tr th:last-child, .TableStyleForm tbody tr td:last-child { padding-right: 5px; } .cm-modal .TableStyleForm tbody tr th:last-child, .cm-modal .TableStyleForm tbody tr td:last-child { padding-right: 2px; } tbody tr td .Hint.PasswdHint { color: #393; font-weight: bold; } tbody tr td .Hint.PasswdHint.Error { color: #900; } .TableStyleForm.HeaderColor { width: 100%; border-top: 1px solid #ccc; } .TableStyleForm.HeaderColor thead { } .TableStyleForm.HeaderColor thead tr { } .TableStyleForm.HeaderColor thead tr th, .TableStyleForm.HeaderColor thead tr td { font-weight: normal; border-bottom: 1px solid #f3f3f3; padding: 7px 2px 7px 5px; background: #f3f3f3; text-align: left; } .TableStyleForm.HeaderColor thead tr th:last-child, .TableStyleForm.HeaderColor thead tr td:last-child { padding-right: 5px; } .TableStyleForm.HeaderColor thead tr th { background: #f3f3f3; } .cm-modal .TableStyleForm.HeaderColor thead tr th:last-child, .cm-modal .TableStyleForm.HeaderColor thead tr td:last-child { padding-right: 2px; } .TableStyleForm.HeaderColor tbody { } .TableStyleForm.HeaderColor tbody tr { } .TableStyleForm.HeaderColor tbody tr th, .TableStyleForm.HeaderColor tbody tr td { font-weight: normal; border-bottom: 1px solid #f3f3f3; padding: 5px 2px 5px 5px; text-align: left; height: 24px; } .TableStyleForm.HeaderColor tbody tr:last-child th, .TableStyleForm.HeaderColor tbody tr:last-child td { border-bottom: none; } .TableStyleForm.HeaderColor tbody tr th { text-align: right; background: #f9f9f9; padding-right: 5px; } .TableStyleForm.HeaderColor thead tr th { background: #fcfcfc; } .TableStyleForm.HeaderColor tbody tr th:last-child, .TableStyleForm.HeaderColor tbody tr td:last-child { padding-right: 5px; } .cm-modal .TableStyleForm.HeaderColor tbody tr th:last-child, .cm-modal .TableStyleForm.HeaderColor tbody tr td:last-child { padding-right: 2px; } .CmSelectableTable { } .CmSelectableTable tr td { cursor: pointer; } .CmSelectableTable tr.Hover td { background: #beebff; } .CmSelectableTable tr.Active td { background: #033075; color: #fff; } .CmSelectableTable tr.Active td a { color: #fff; } .CmSelectableTable tr.Active td a:hover, .CmSelectableTable tr.Active td a:hover { color: #ccc; } .CmSelectableTable tr.Active td select { color: #333; } .CmSelectableTable tr.Active td input { color: #333; } .SelectLinePopup .cm-modal-content > div { position: relative; margin-top: 5px; } .SelectLinePopup .Panel.OrgChartPanel { box-sizing: border-box; } .SelectLinePopup .Panel.OrgChartPanel .Tab { position: absolute; top: 40px; left: 5px; right: 5px; bottom: 5px; padding: 0; margin: 0; overflow: auto; } .SelectLinePopup .Panel.OrgChartPanel .Tab .TreeOrgChart .UserCnt { background: #FDF8ED; display: inline-block; padding: 0px 5px; border: 1px solid #ccc; border-radius: 5px; line-height:1.4em; font-family: Tahoma; font-size: 9px; color: #666; } .SelectLinePopup .Panel.ApprovalLinePanel { position: absolute; top: 40px; bottom: 30px; left: 0; right: 0; height: auto; } .SelectLinePopup .Panel.ApprovalLinePanel .ApprovalLineList { width: 100%; } .SelectLinePopup .Panel.ApprovalLinePanel .ApprovalLineList .Disabled { background: #f8f8f8; } .SelectLinePopup .Panel.ApprovalLinePanel .ApprovalLineList .Disabled td { cursor: not-allowed; } .SelectLinePopup .Panel.ApprovalLinePanel .ApprovalLineList .Disabled select { cursor: default; } .SelectLinePopup .Panel.ApprovalLinePanel .ApprovalLineList select.Disabled { border: 1px solid #f0f0f0; } .SelectLinePopup .Panel.ApprovalLinePanel .ApprovalLineList select.LineTypeSelect { width: 77px; } .SelectLinePopup .ApprovalLineHeader { position: absolute; left: 0; top: 0; right: 0; background: #fff; height: 36px; border: 1px solid #ccc; } .SelectLinePopup .ApprovalLineHeader header { padding-top: 10px; padding-left: 10px; } .SelectLinePopup .ApprovalLineHeader .ButtonList { position: absolute; right: 10px; top: 6px; bottom: 5px; } .SelectLinePopup .ApprovalLineHeader .ButtonList li { display: inline-block; } .SelectLinePopup .ApprovalLineHeader .ButtonList li a { background: #fff; border: 1px solid #ccc; } .SelectLinePopup .ApprovalLineFooter { position: absolute; left: 0; bottom: 0; right: 0; background: #fff; height: 25px; } .SelectLinePopup .ApprovalLineFooter .ButtonList { position: absolute; right: 5px; top: 0; bottom: 0; } .SelectLinePopup .ApprovalLineFooter .ButtonList li { display: inline-block; } .SelectLinePopup .ApprovalLineFooter .ButtonList li a { background: #fff; border: 1px solid #ccc; } .SelectLinePopup .AddDepcodBtnSection { position: absolute; z-index:9999; top: 10px; right: 10px; } /*.SelectLinePopup .AddDepcodBtnSection .ButtonList li a.Btn { background: #fff; border: 1px solid #ccc; line-height: 1.3em; }*/ .SelectLinePopup .AddDepcodBtnSection .ButtonList li a.Btn, .SelectLinePopup .AddDepcodBtnSection .ButtonList li a.Btn:visited { border: 1px solid transparent; line-height: 1.3em; color: #fff; } .SelectLinePopup .AddDepcodBtnSection .ButtonList li a.Btn:hover, .SelectLinePopup .AddDepcodBtnSection .ButtonList li a.Btn:active { background: #fff; border: 1px solid #ccc; color: #333; } .TabWrapper.ui-tabs > .ui-tabs-panel { padding: 5px; } .SimpleInputPopup { } .SimpleInputPopup .Hint { padding: 10px; } .SimpleInputPopup .Tip { padding: 3px 5px; color: #686; background: #ffd; border: 1px solid #cc9; margin: 0 10px 10px 10px; border-radius: 3px; } .SimpleInputPopup .Input { padding: 0 10px 10px 10px; } .SimpleInputPopup .Input input { width: 100%; box-sizing: border-box; } .splitter_panel .hsplitter { background: url('../img/vgutter.gif') transparent no-repeat 50% 0; height: 6px; } .splitter_panel .vsplitter { background: url('../img/hgutter.gif') transparent no-repeat 0 50%; width: 6px; } .splitter_panel .Panel { box-sizing: border-box; } .splitter_panel .FillPanel, .splitter_panel .FillPanel { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .splitter_panel table.FillPanel, .splitter_panel table.FillPanel { width: 100%; height: 100%; } .SearchBoxSection { height: 30px; float: right; } .SearchBoxSection .SearchBox { margin-top: 5px; margin-right: 5px; } .SearchBoxSection .SearchBox input.SearchKeyword { border: 1px solid #ccc; float: left; height: 25px; padding: 2px 5px 3px 5px; /*border-bottom-left-radius: 2px; border-top-left-radius: 2px;*/ width: 110px; } .SearchBoxSection .SearchBox.Searching input.SearchKeyword { width: 89px; } .SearchBoxSection .SearchBox .Btn { background: #fff; } .SearchBoxSection .SearchBox .Btn.SearchBtn { border: 1px solid #ccc; float: left; height: 25px; } .SearchBoxSection .SearchBox .Btn.CancelBtn { border: 1px solid #ccc; border-left: none; float: left; height: 25px; display: none; } .SearchBoxSection .SearchBox.Searching .Btn.CancelBtn { display: block; } .SearchBoxSection .SearchBox .Btn.ToggleBtn { border: 1px solid #ccc; border-left: none; float: left; height: 25px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; } .SearchBoxSection .SearchBox .Btn.ToggleBtn.DetailSearchToggle { display: none; } .SearchBoxSection .SearchBox .SearchType { float: left; height: 25px; box-sizing: border-box; outline: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px; border: 1px solid #ccc; border-right: none; } .SearchBoxSection .SearchBox.HasSearchType input.SearchKeyword { border-top-left-radius: 0; border-bottom-left-radius: 0; } .FavTab { } .FavTab .FavList { position: absolute; left: 0; top: 0; right: 0; height: 200px; } .FavTab .FavButton { position: absolute; left: 0; top: 207px; height: 30px; right: 0; } .FavTab .FavButton .ButtonList { text-align: center; } .FavTab .FavButton .ButtonList li { display: inline-block; } .FavTab .FavButton .ButtonList li .Btn, .FavTab .FavButton .ButtonList li .Btn:visited { border: 1px solid #ccc; margin: 2px 0 0 0; padding: 3px 10px; border-radius: 2px; background: #fff; } .FavTab .FavButton .ButtonList li .Btn:hover, .FavTab .FavButton .ButtonList li .Btn:active { background: #efefef; } .FavTab .FavDetailList { position: absolute; left: 0; top: 244px; right: 0; bottom: 0px; } .DocPreview { } .DocPreview.DocPreviewFrame { width: 700px; margin: 0 auto; padding: 20px 20px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .DocPreview.DocPreviewFrame.DocPreviewFrameFull { height: 100%; overflow: auto; } .DocPreview p { margin:0; padding:0; } .DocPreview a, .DocPreview a:hover, .DocPreview a:link, .DocPreview a:active, .DocPreview a:visited { color:#000000; } .CommentPopup .cm-modal-content > div { position: relative; margin-top: 5px; } .CommentPopup .CommentListWrap { } .CommentPopup .CommentListWrap { } .CommentPopup .CommentListWrap .CommentListHeader { overflow-x: hidden; } .CommentPopup .CommentListWrap .CommentListBodyWrap { height: 100px; overflow-y: auto; overflow-x: hidden; } .CommentPopup .CommentListWrap .CommentListBody { } .CommentPopup .CommentDetailWrap { border-top: 1px solid #ccc; } .CommentPopup .CommentDetailWrap .CommentDetail { position: relative; width: 100%; height: 100%; } .CommentPopup .CommentDetailWrap header { padding: 5px 10px; } .CommentPopup .CommentDetailWrap h4 { width: 100px; display: block; float: left; padding: 3px 0 0 0; margin: 0; } .CommentPopup .CommentDetailWrap .ButtonList { float: right; } .CommentPopup .CommentDetailWrap .ButtonList li { float: left; } .CommentPopup .CommentDetailWrap .ButtonList li label { padding: 3px 5px 2px 5px; display: block; } .CommentPopup .CommentDetailWrap .ButtonList li a { } .CommentPopup .CommentDetailWrap .ButtonList li a.Disabled { color: #ccc; } .CommentPopup .CommentEntryWrap { padding: 0 2px 0 0; } .CommentPopup textarea { clear: both; width: 100%; margin: 5px 0 0 0; padding: 0; height: 200px; } .DocAttachPopup { } .DocAttachPopup .cm-modal-content { position: relative; } .DocAttachPopup .DocAttachListWrap { padding-top: 35px; /*padding-right: 200px;*/ padding-bottom: 0; } .DocAttachPopup .SearchBoxSection { /*position: absolute; top: 0; left: 0;*/ width: 100%; } .DocAttachPopup .SearchBoxSection .ButtonListSection { clear: none; border-top: none; height: 30px; } .DocAttachPopup .SearchBoxSection .ButtonListSection .ButtonList { margin: 0 0 0 10px; } .DocAttachPopup .DocAttachListWrap .DocAttachListBodyWrap { overflow-x: auto; height: 200px; width: 500px;} .DocAttachPopup .DocAttachListWrap .DocAttachListBodyWrap .DocAttachListBody { width: 1000px; } .DocAttachPopup .DocAttachResultWrap { /*position: absolute; left: 570px; right: 0; top: 40px;*/ height: 200px; border-bottom: 1px solid #999; } .DocAttachPopup .DocAttachResultWrap .DocAttachResultHeader th { height: 15px; } .DocAttachPopup .DocAttachResultWrap .DocAttachResult { position: relative; height: 100%; } .DocAttachPopup .DocAttachResultWrap .DocAttachResult .DocAttachResultBodyWrap { position: absolute; overflow: auto; top: 30px; left: 0; right: 0; bottom: 0; } .DocAttachPopup .DocAttachResultWrap .DocAttachResult .DocAttachResultBodyWrap td { white-space: nowrap; } .ButtonWrap { position: absolute; left: 510px; top: 100px; } .DocAttachPopup .ButtonWrap { position: static; left: auto; top: auto; border-bottom: 1px solid #999; padding-top: 5px; padding-bottom: 5px; } .DocAttachPopup .ButtonWrap li { display: inline-block; } .FileListDropWrap { position: relative; } .FileListDropWrap .FileListDrop { position: absolute; left: 0px; top: 39px; border: 1px solid #ccc; padding: 0; background: #fff; line-height: 1.4em; width: 140px; max-height: 150px; white-space: nowrap; overflow: auto; overflow-x: hidden; z-index: 1; display: none; } #previewContents .DocPreviewHeader tr > th, #previewContents .DocPreviewHeader tr > td.FileListDropWrap { cursor: pointer; padding-left: 10px; } .FileListDropWrap.Active { background: #1251a3; color: #fff; } .FileListDropWrap.Active .FileListDrop { display: block; box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.25); } .FileListDropWrap .FileListDrop li { border-bottom: 1px solid #ccc; } .FileListDropWrap .FileListDrop li:last-child { border-bottom: none; } .FileListDropWrap .FileListDrop li a, .FileListDropWrap .FileListDrop li a:visited { color: #333; padding: 3px 7px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .FileListDropWrap .FileListDrop li a:hover, .FileListDropWrap .FileListDrop li a:active { background: #1251A3; color: #fff; } #nprogress .bar, #nprogress .spinner { z-index: 10310; } #nprogress .spinner { top: 11px; right: 240px; } .PortletWrap { margin-top: 20px; } .PortletWrap .Column { width: 45%; float: left; margin-left: 3%; } .PortletWrap .Column.WideColumn { width: 93%; min-height: 50px; float: left; margin-left: 3%; clear: both; } .PortletWrap .Portlet { margin-bottom: 20px; border: 1px solid #ccc; height: 200px; border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25); position: relative; background: #fff; } .PortletWrap .Portlet.Collapsed { overflow: hidden; height: 30px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .PortletWrap .Portlet h2 { background: #446fa8; color: #fff; margin: 0; padding: 5px 20px; font-size: 14px; line-height: 1.4; } .PortletWrap .Portlet .ListTable { } .PortletWrap .Portlet .ListTable td { height: 30px; position: relative; } .PortletWrap .Portlet .ListTable td > p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; margin: 0; padding: 6px 0 0 5px; position: absolute; left: 0; top: 0; text-align: left; } .PortletWrap .Portlet .ListTable tr:last-child td { border-bottom: none; } .PortletWrap .Portlet .ImgList { } .PortletWrap .Portlet .ImgList { margin: 10px auto 0 auto; padding: 0; width: 90%; height: 30px; } .PortletWrap .Portlet .ImgList > li { margin: 0 3% 0 0; padding: 0; float: left; display: block; width: 30%; } .PortletWrap .Portlet .ImgList > li:first-child { margin-left: 2%; } .PortletWrap .Portlet .ImgList > li:last-child { margin-right: 0; } .PortletWrap .Portlet .ImgList figure { margin: 0; padding: 0; } .PortletWrap .Portlet .ImgList figure div.Photo { width: 100%; height: 100px; background-size: cover; } .PortletWrap .Portlet .ImgList figure figcaption { text-align: center; line-height: 1.5; margin-top: 10px; } .PortletWrap .Portlet aside.PortletToggle { position: absolute; right: 20px; top: 5px; width: 20px; height: 20px; } .PortletWrap .Portlet aside.PortletToggle .PortletToggleBtn { background: url('../img/default_icon.png') no-repeat -42px -8px; width: 20px; height: 20px; display: block; } .PortletWrap .Portlet.Collapsed aside.PortletToggle .PortletToggleBtn { background: url('../img/default_icon.png') no-repeat -78px -8px; width: 20px; height: 20px; display: block; } .PortletWrap .Portlet .WeatherList { margin: 10px auto 0 auto; padding: 0; width: 98%; height: 30px; } .PortletWrap .Portlet .WeatherList > li { margin: 0 1% 0 1%; padding: 0; float: left; display: block; width: 30%; border-right: 1px solid #ccc; } .PortletWrap .Portlet .WeatherList > li:first-child { margin-left: 2%; } .PortletWrap .Portlet .WeatherList > li:last-child { margin-right: 0; border: none; } .PortletWrap .Portlet .WeatherList h4 { margin: 0; padding: 0; text-align: center; } .PortletWrap .Portlet .WeatherList .WeatherIcon { height: 50px; text-align: center; padding: 15px 0 7px 0; color: #666; } .PortletWrap .Portlet .WeatherList .WeatherThermo { text-align: center; padding: 5px 0; } .PortletWrap .Portlet .WeatherList .WeatherThermo .High { color: #f60; font-weight: bold; } .PortletWrap .Portlet .WeatherList .WeatherThermo .Low { color: #06f; font-weight: bold; } .PortletWrap .Portlet .WeatherList .WeatherDesc { text-align: center; } .PortletWrap .Portlet .WeatherList .WeatherDesc .WeatherPop { display: block; padding: 5px 0; color: #999; } .Portlet.EmpListLiteWidget { position: absolute; top: 7px; left: 0; } .Portlet.EmpListLiteWidget h2 { display: none; } .Portlet.EmpListLiteWidget h2 span { width: 113px; height: 23px; display: inline-block; background: url('./img/main_news_label.gif'); } .Portlet.Portlet.EmpListLiteWidget aside.PortletToggle { top: 0; right: 5px; } .Portlet.Portlet.EmpListLiteWidget aside.PortletToggle .PortletToggleBtn { background: url('./img/mail_news_more.gif'); } .Portlet.Portlet.EmpListLiteWidget .SearchBoxSection { font-size: 12px; float: none; width: 100%; } .Portlet.Portlet.EmpListLiteWidget .SearchBoxSection .SearchBox { position: relative; width: 150px; margin-top: 0; } .Portlet.Portlet.EmpListLiteWidget .SearchBoxSection .SearchBox .SearchBtn { position: absolute; right: 3px; top: 2px; width: 12px; height: 18px; border-bottom-left-radius: 0; border: none; background: none; } .Portlet.Portlet.EmpListLiteWidget .SearchBoxSection .SearchBox .SearchKeywordWrap { display: block; overflow: hidden; padding-left: 0; } .Portlet.Portlet.EmpListLiteWidget .SearchBoxSection .SearchBox .SearchKeyword { float: none; display: block; width: 100%; height: 25px; position: static; box-sizing: border-box; border-radius: 0; outline: none; } .EmployeeListLiteWidgetPopupList { position: absolute; right: 160px; width: 300px; left: inherit; top: 31px; border: 1px solid #999; background: #fff; overflow: auto; overflow-x: hidden; min-height: 129px; max-height: 500px; margin: 0; padding: 0; } .MainPage .EmployeeListLiteWidgetPopupList { right: 141px; } .SubPage .EmployeeListLiteWidgetPopupList { right: 141px; } .EmployeeListLiteWidgetPopupList .EmployeeList { background: #fff; /*box-sizing: border-box;*/ width: 100%; font-size: 12px; margin: 0; padding: 0; cursor: pointer; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeePhoto { width: 45px; height: 45px; padding-left: 1px; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeePhoto div { width: 41px; height: 41px; border: none; padding: 2px 0 0 2px; margin: 0; background-size: cover; /*border-radius: 20px;*/ } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName { padding: 0px 5px 0 5px; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .Tel { float: right; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .Tel .fa { vertical-align: middle; color: #090; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .Mobile { float: right; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .Mobile .fa { vertical-align: middle; color: #090; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .EmployeeDepart { display: block; color: #666; text-align: left; margin-top: 5px; clear: left; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .EmployeeTel { display: block; color: #666; padding-top: 2px; text-align: right; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList { display: block; color: #666; float: right; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList a { color: #ccc; font-size: 14px; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList a:active, .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList a:hover { color: #f69; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList .ShowMessengerBtn.Online { color: #6c6; } .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList a:active, .EmployeeListLiteWidgetPopupList .EmployeeList td.EmployeeName .ButtonList a:hover { color: #f69; } .EmployeeListLiteWidgetPopupList .EmployeeList tr td { border-bottom: 1px solid #ccc; } .EmployeeListLiteWidgetPopupList .EmployeeList tr:last-child td { border-bottom: none; } .EmployeeListLiteWidgetPopupList .ExecEmployeeListWrap .EmployeeList td.EmployeeName { height: 45px; } .PortletWrap .WeeklyScheduleWidget { border: none; box-shadow: none; } .PortletWrap .WeeklyScheduleWidget h2 { } .PortletWrap .WeeklyScheduleWidget h2 span { } .PortletWrap .Portlet.WeeklyScheduleWidget aside.PortletToggle { } .PortletWrap .Portlet.WeeklyScheduleWidget aside.PortletToggle .PortletToggleBtn { } .PortletWrap .WeeklyScheduleWidget .WidgetContents aside { position: absolute; right: 50px; top: 7px; color: #fff; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .WeeklyScheduleWrap { margin-top: 15px; position: relative; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader { } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .TblColumn { background: #c9c9c9; color: #fff; font-weight: bold; text-align: center; margin: 0; box-sizing: border-box; height: 33px; padding-top: 8px; display: block; float: left; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader span.WeekDay { } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader span.WeekName { margin-left: 5px; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .MonDay { border-top-left-radius: 7px; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .MonDay, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .TueDay, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .WedDay, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .ThuDay, .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .FriDay { border-right: 1px solid #fff; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblHeader .SatDay { background: #95a8bc; border-top-right-radius: 7px; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblGrid { position: absolute; left: 0; top: 32px; bottom: 0; right: 0; background: none; overflow: hidden; } .PortletWrap .WeeklyScheduleWidget .WeeklyScheduleWrap.NoWeeklySchedule .ScheduleTblGrid { display: none; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblGrid .TblColumn { border-right: 1px solid #ccc; height: 100%; float: left; box-sizing: border-box; float: left; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblGrid .TblColumn.SatDay { display: none; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody { border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; clear: both; margin-right: 1px; /*min-height: 155px;*/ position: relative; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem { padding: 2px; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody tr:last-child td { border-bottom: none; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem { border-radius: 3px; padding: 2px 2px; overflow: hidden; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem .ScheduleTitle { height: 14px; border-radius: 3px; padding: 2px 2px; position: relative; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem .ScheduleTitle span { position: absolute; display: block; left: 0; top: 0; right: 0; height: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 2px; padding: 1px 0 0 3px; cursor: pointer; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem .ScheduleTitle { border: 1px solid #999; background: #fff; color: #333; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem.CalType10 .ScheduleTitle { background: #f35055; color: #fff; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem.CalType20 .ScheduleTitle { background: #35a23a; color: #fff; } .PortletWrap .WeeklyScheduleWidget .WidgetContents .ScheduleTblBody .ScheduleItem.CalType30 .ScheduleTitle { background: #4984d9; color: #fff; } .PortletWrap .portlet-placeholder { border: 1px dotted #ffdd33; height: 200px; margin: 0 0 20px; } .WeeklySchedule { width: 93%; margin: 20px 0 0 3%; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25); position: relative; background: #fff; clear: both; } .WeeklySchedule h2 { background: #446fa8; color: #fff; margin: 0; padding: 5px 20px; font-size: 14px; line-height: 1.4; } .WeeklySchedule .ScheduleTblHeader { } .WeeklySchedule .ScheduleTblHeader thead tr th .WeekName { font-size: 0.8em; margin-left: 10px; color: #959aa1; } .WeeklySchedule .ScheduleTblHeader thead tr th { border-right: 1px solid #ccc; height: 16px; } .WeeklySchedule .ScheduleTblHeader thead tr th.ScheduleLabel { text-align: center; padding-right: 5px; } .WeeklySchedule .ScheduleTblHeader thead tr th:last-child { border-right: none; } .WeeklySchedule .ScheduleTblBody { overflow: auto; max-height: 200px; } .WeeklySchedule .ScheduleTbl { } .WeeklySchedule .ScheduleTbl tbody tr td { /*border-right: 1px solid #ccc;*/ } .WeeklySchedule .ScheduleTbl tbody tr td:last-child { border-right: none; } .WeeklySchedule .ScheduleTbl tbody tr.Odd td { background: #fafafa; } .WeeklySchedule .ScheduleTbl tbody tr td.ScheduleLabel { border-right: 1px solid #ccc; text-align: right; cursor: pointer; padding-right: 5px; } .WeeklySchedule .ScheduleTbl tbody tr td.ScheduleItem { height: 24px; padding: 0; vertical-align: top; } .WeeklySchedule .ScheduleTbl tbody tr td.ScheduleItem div { margin: 0px; position: relative; } .WeeklySchedule .ScheduleTbl tbody tr td.ScheduleItem span { position: absolute; display: block; left: 2px; top: 2px; right: 2px; height: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #4984d9; color: #fff; border-radius: 2px; padding: 1px 0 0 3px; cursor: pointer; border: 1px solid #2769d4; } .WeeklySchedule .ScheduleTbl tbody tr td.ScheduleItem.Item0 span { background: #81d4fa; color: #333; border: 1px solid #4fc3f7; } .WeeklySchedule .ScheduleTbl tbody tr td.ScheduleItem.Item1 span { background: #b3e5fc; color: #333; border: 1px solid #81d4fa; } .WeeklySchedule .ScheduleTbl tbody tr td.ScheduleItem.Item2 span { background: #81d4fa; color: #333; border: 1px solid #4fc3f7; } .WeeklySchedule .ScheduleTbl tbody tr td.ScheduleItem.Item3 span { background: #b3e5fc; color: #333; border: 1px solid #81d4fa; } .WeeklySchedule .ScheduleTbl tbody tr td.ScheduleItem.Item4 span { background: #81d4fa; color: #333; border: 1px solid #4fc3f7; } .WeeklySchedule .ScheduleTbl tbody tr td.ScheduleItem.Item5 span { background: #b3e5fc; color: #333; border: 1px solid #81d4fa; } .WeeklySchedule aside { position: absolute; top: 7px; right: 20px; color: #fff; } /* .BirthdayList { width: 170px; margin: 10px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25); position: relative; } .BirthdayList h2 { background: #446fa8; color: #fff; margin: 0; padding: 5px 20px; font-size: 14px; line-height: 1.4; } .BirthdayList aside { border-bottom: 1px solid #ccc; background: #f3f3f3; padding-top: 5px; padding-bottom: 5px; text-align: center; } .BirthdayList .BirthdayTblWrap { overflow: auto; height: 100px; width: 100%; } .BirthdayList .BirthdayTbl { } .BirthdayList .BirthdayTbl tbody tr td .Birthday { font-weight: normal; } .BirthdayList .BirthdayTbl tbody tr td { text-align: left; padding: 5px 10px; font-weight: bold; } .BirthdayList .BirthdayTbl tbody tr:last-child td { border-bottom: none; } */ .BirthdayList { width: 100%; position: relative; font-size: 12px; border-bottom: 1px solid #ccc; } #leftContents .BirthdayList h2 { background: url('../img/common/bg/header_bg_001.gif') #1351a3; color: #fff; margin: 0; padding: 5px 20px; font-size: 12px; font-weight: normal; line-height: 1.4; height: auto; } .BirthdayList aside { border-bottom: 1px solid #ccc; background: #f3f3f3; padding-top: 5px; padding-bottom: 5px; text-align: center; } .BirthdayList .BirthdayTblWrap { overflow: auto; min-height: 100px; max-height: 200px; width: 100%; background: #fff; } .BirthdayList .BirthdayTbl { cursor: pointer; } .BirthdayList .BirthdayTbl .Label { width: 32px; height: 14px; text-align: center; display: inline-block; color: #fff; font-size: 10px; font-weight: normal; padding-top: 2px; border-radius: 2px; } .BirthdayList .BirthdayTbl tbody tr td .Birthday { font-weight: normal; } .BirthdayList .BirthdayTbl tbody tr td { text-align: left; padding: 5px 10px; font-weight: bold; } .BirthdayList .BirthdayTbl tbody tr td:last-child { padding-left: 0; } .BirthdayList .BirthdayTbl tbody tr:last-child td { border-bottom: none; } .Widget .LoadingOverlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; opacity: 0.75; text-align: center; display: block; } .Widget .LoadingOverlay .LoadingOverlayIconWrap { position: relative; width: 100%; height: 100%; } .Widget .LoadingOverlay .LoadingOverlayIcon { background: url('../img/common/loaders/circular_001.gif'); width: 32px; height: 32px; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); } .Widget a { color: #333; } .Widget a:hover, .Widget a:active { color: #03c; } .Widget.CalendarWidget { width: 100%; position: relative; font-size: 12px; padding: 5px; box-sizing: border-box; clear: both; } .Widget.CalendarWidget h2 { display: none; } #rightContents .Widget.CalendarWidget h2 { padding-bottom: 5px; margin-top: 5px; } .Widget.CalendarWidget .CalendarTblWrap h2 { font-size: 16px; text-align: center; font-weight: bold; padding: 5px; margin: 0; color: #666; position: relative; display: block; } .Widget.CalendarWidget .CalendarTblWrap h2 .PrevMonthBtn { background: url('../img/default_icon.png') no-repeat -155px -11px; width: 14px; height: 14px; display: block; position: absolute; left: 10px; top: 4px; } .Widget.CalendarWidget .CalendarTblWrap h2 .NextMonthBtn { background: url('../img/default_icon.png') no-repeat -119px -11px; width: 14px; height: 14px; display: block; position: absolute; right: 10px; top: 4px; } .Widget.CalendarWidget .CalendarTblWrap { background: #fff; border-radius: 5px; } .Widget.CalendarWidget .CalendarTbl { border-top: 1px solid #e9e9e9; } .Widget.CalendarWidget .CalendarTbl thead tr th, .Widget.CalendarWidget .CalendarTbl thead tr td, .Widget.CalendarWidget .CalendarTbl tbody tr th, .Widget.CalendarWidget .CalendarTbl tbody tr td { border: none; padding: 0; margin: 0; } .Widget.CalendarWidget .CalendarTbl tbody tr td.Today { font-weight: bold; } .Widget.CalendarWidget .CalendarTbl tbody tr td.Today span { background: #1251a3; color: #fff; display: block; border-radius: 2px; } .Widget.CalendarWidget .CalendarTbl tbody tr:last-child td { border-bottom: none; } .Widget.CalendarWidget .CalendarTbl th.CalendarDay span { text-align: center; padding: 3px 0 4px 0; display: block; } .Widget.CalendarWidget .CalendarTbl .CalendarDay { position: relative; } .Widget.CalendarWidget .CalendarTbl .CalendarDay span { text-align: right; padding: 3px 6px 4px 0; display: block; } .Widget.CalendarWidget .CalendarTbl .SunDay { color: #c30; } .Widget.CalendarWidget .CalendarTbl .SatDay { color: #03c; } .Widget.CalendarWidget .CalendarTbl .OtherMonth { color: #cba; } .Widget.CalendarWidget .CalendarTbl .HasScheduleEvent { text-decoration: underline; } .Widget.CalendarWidget .CalendarTbl .HasScheduleEvent a { color: inherit; } .Widget.CalendarWidget .CalendarTbl a { color: inherit; } #rightContents .Widget { width: 100%; overflow: hidden; padding: 0 5px; box-sizing: border-box; } #rightContents .Widget h2 { font-size: 12px; font-weight: normal; background: url('../img/common/bg/header_bg_001.gif') #1351a3; color: #fff; padding: 5px 5px; box-sizing: border-box; margin: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; } #rightContents .Widget .SearchBoxSection { font-size: 12px; float: none; width: 100%; } #rightContents .Widget .SearchBoxSection .SearchBox { position: relative; width: 100%; margin-top: 0; } #rightContents .Widget .SearchBoxSection .SearchBox .SearchBtn { float: none; position: absolute; left: 0; top: 0; width: 12px; height: 18px; border-bottom-left-radius: 5px; } #rightContents .Widget .SearchBoxSection .SearchBox .SearchKeywordWrap { display: block; overflow: hidden; padding-left: 22px; } #rightContents .Widget .SearchBoxSection .SearchBox .SearchKeyword { float: none; display: block; width: 100%; height: 25px; position: static; box-sizing: border-box; border-bottom-right-radius: 5px; } .Widget.EmpListWidget { } .Widget.EmpListWidget h2 { } .Widget.EmpListWidget .EmployeeListWrap { overflow: auto; overflow-x: hidden; min-height: 129px; max-height: 200px; margin: 0; padding: 0;} .Widget.EmpListWidget .EmployeeList { background: #fff; /*box-sizing: border-box;*/ width: 100%; font-size: 12px; margin: 0; padding: 0; cursor: pointer; } .Widget.EmpListWidget .EmployeeList td.EmployeePhoto { width: 45px; height: 45px; } .Widget.EmpListWidget .EmployeeList td.EmployeePhoto div { width: 41px; height: 41px; border: none; padding: 2px 0 0 2px; margin: 0; background-size: cover; /*border-radius: 20px;*/ } .Widget.EmpListWidget .EmployeeList td.EmployeeName { padding: 0px 5px 0 5px; } .Widget.EmpListWidget .EmployeeList td.EmployeeName .EmployeeDepart { display: block; color: #666; text-align: left; margin-top: 5px; } .Widget.EmpListWidget .EmployeeList td.EmployeeName .EmployeeTel { display: block; color: #666; padding-top: 2px; text-align: right; } .Widget.EmpListWidget .EmployeeList td.EmployeeName .ButtonList { display: block; color: #666; float: right; } .Widget.EmpListWidget .EmployeeList td.EmployeeName .ButtonList a { color: #ccc; font-size: 14px; } .Widget.EmpListWidget .EmployeeList td.EmployeeName .ButtonList a:active, .Widget.EmpListWidget .EmployeeList td.EmployeeName .ButtonList a:hover { color: #f69; } .Widget.EmpListWidget .EmployeeList td.EmployeeName .ButtonList .ShowMessengerBtn.Online { color: #6c6; } .Widget.EmpListWidget .EmployeeList td.EmployeeName .ButtonList a:active, .Widget.EmpListWidget .EmployeeList td.EmployeeName .ButtonList a:hover { color: #f69; } .Widget.EmpListWidget .EmployeeList tr td { border-bottom: 1px solid #ccc; } .Widget.EmpListWidget .EmployeeList tr:last-child td { border-bottom: none; } .Widget.EmpListWidget .ExecEmployeeListWrap .EmployeeList td.EmployeeName { height: 45px; } .Widget.ContactListWidget { height: auto; background: #efefef; } .Widget.ContactListWidget h2 { } .Widget.ContactListWidget .ContactListWrap { overflow: auto; overflow-x: hidden; min-height: 129px; max-height: 400px; margin: 0; padding: 0;} .Widget.ContactListWidget .ContactList { /*box-sizing: border-box;*/ width: 100%; font-size: 12px; margin: 0; padding: 0; cursor: pointer; } .Widget.ContactListWidget .ContactList td.EmployeePhoto { width: 45px; height: 45px; } .Widget.ContactListWidget .ContactList td.EmployeePhoto div { width: 41px; height: 41px; border: none; padding: 2px 0 0 2px; margin: 0; background-size: cover; /*border-radius: 20px;*/ } .Widget.ContactListWidget .ContactList td.EmployeeName { padding: 0px 5px 0 5px; } .Widget.ContactListWidget .ContactList td.EmployeeName .EmployeeDepart { display: block; color: #666; text-align: left; margin-top: 5px; } .Widget.ContactListWidget .ContactList td.EmployeeName .EmployeeTel { display: block; color: #666; padding-top: 2px; text-align: right; } .Widget.ContactListWidget .ContactList td.EmployeeName .ButtonList { display: block; color: #666; float: right; } .Widget.ContactListWidget .ContactList td.EmployeeName .ButtonList a { color: #ccc; font-size: 14px; } .Widget.ContactListWidget .ContactList td.EmployeeName .ButtonList a:active, .Widget.ContactListWidget .ContactList td.EmployeeName .ButtonList a:hover { color: #f69; } .Widget.ContactListWidget .ContactList td.EmployeeName .ButtonList .ShowMessengerBtn.Online { color: #6c6; } .Widget.ContactListWidget .ContactList td.EmployeeName .ButtonList a:active, .Widget.ContactListWidget .ContactList td.EmployeeName .ButtonList a:hover { color: #f69; } .Widget.ContactListWidget .ContactList tr td { /*border-bottom: 1px solid #ccc;*/ } .Widget.ContactListWidget .ContactList tr:last-child td { border-bottom: none; } .Widget.ContactListWidget .ExecContactListWrap .ContactList td.EmployeeName { height: 45px; } .Widget.ExecEmpListWidget { } .Widget.ExecEmpListWidget h2 { } .Widget.ExecEmpListWidget .EmployeeListWrap { overflow: auto; overflow-x: auto; min-height: 129px; max-height: 200px; background: #fff; } .Widget.ExecEmpListWidget .EmployeeList { background: #fff; /*box-sizing: border-box;*/ width: 100%; font-size: 12px; cursor: pointer; } .Widget.ExecEmpListWidget .EmployeeList td.EmployeePhoto { width: 45px; height: 45px; position: relative; /*border-radius: 20px;*/ } .Widget.ExecEmpListWidget .EmployeeList td.EmployeePhoto div { width: 41px; height: 41px; border: none; padding: 2px 0 0 2px; margin: 0; background-size: cover; /*border-radius: 20px;*/ } .Widget.ExecEmpListWidget .EmployeeList td.EmployeeName { padding: 0 5px 0 5px; } .Widget.ExecEmpListWidget .EmployeeList td.EmployeeName .EmployeeDepart { display: block; color: #666; text-align: left; } .Widget.ExecEmpListWidget .EmployeeList td.EmployeeName .EmployeeTel { display: block; color: #666; padding-top: 2px; text-align: right; } .Widget.ExecEmpListWidget .EmployeeList td.EmployeeName .ButtonList { display: block; color: #666; float: right; } .Widget.ExecEmpListWidget .EmployeeList td.EmployeeName .ButtonList a { color: #ccc; } .Widget.ExecEmpListWidget .EmployeeList td.EmployeeName .ButtonList a:active, .Widget.ExecEmpListWidget .EmployeeList td.EmployeeName .ButtonList a:hover { color: #f69; } .Widget.ExecEmpListWidget .EmployeeList tr td { border-bottom: 1px solid #ccc; } .Widget.ExecEmpListWidget .EmployeeList tr:last-child td { border-bottom: none; } .Widget.ChatRoomListWidget { position: relative; } .Widget.ChatRoomListWidget h2 { } .Widget.ChatRoomListWidget .WidgetBody .NowLoading { display: none; position: absolute; top: 0; left: 0; width: 100%; bottom: 5px; } .Widget.ChatRoomListWidget .WidgetBody.Loading .NowLoading { display: block; } .Widget.ChatRoomListWidget .WidgetBody .NowLoading .NowLoadingMsg { background: #fff; padding: 10px; text-align: center; position: absolute; top: 100px; left: 10px; right: 18px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px; font-weight: normal; } .Widget.ChatRoomListWidget .WidgetBody .NowLoading .NowLoadingBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.33; filter: alpha(opacity=33); } .Widget.ChatRoomListWidget .ChatRoomTab.CmTabHeader { } .Widget.ChatRoomListWidget .ChatRoomTab.CmTabHeader .ChatRoomTabItem { } .Widget.ChatRoomListWidget .ChatRoomTab.CmTabHeader .CmTabItem .UnreadMessageCntWrap { background: #fff; color: #333; border-radius: 2px; display: inline-block; padding: 0 5px; margin-left: 3px; } .Widget.ChatRoomListWidget .ChatRoomTab.CmTabHeader .CmTabItem.Active .UnreadMessageCntWrap { } .Widget.ChatRoomListWidget .ChatRoomTab.CmTabHeader .CmTabItem .UnreadMessageCntWrap.Toggle { background: #ff6633; color: #fff; } .Widget.ChatRoomListWidget .ChatRoomRoster { overflow: auto; overflow-x: hidden; height: 410px; margin: 0; padding: 0; } .Widget.ChatRoomListWidget .ChatRoomRosterTab .ChatRoomRosterTree { overflow: auto; overflow-x: hidden; height: 410px; margin: 0; padding: 0; } .Widget.ChatRoomListWidget .ChatRoomRosterTab .NoData { position: absolute; top: 50px; left: 10px; right: 18px; height: 200px; font-size: 12px; color: #666; } .Widget.ChatRoomListWidget .ChatRoomRosterTab .NoData strong { color: #ff579f; } .Widget.ChatRoomListWidget .ChatRoomOrgChartTab { } .ChatRoomListWidgetMenu { box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.25); } .ChatRoomListWidgetMenu .fa { color: #1b7dc5; text-indent: 0; padding: 5px 0 0 3px; } .Widget.ChatRoomListWidget .ChatRoomOrgChartTab .ChatRoomOrgChartTree { overflow: auto; overflow-x: hidden; height: 410px; margin: 0; padding: 0; } .Widget.ChatRoomListWidget .ChatRoomListWrap { overflow: auto; overflow-x: hidden; height: 410px; margin: 0; padding: 0; } .Widget.ChatRoomListWidget .ChatRoomList { background: #fff; /*box-sizing: border-box;*/ width: 100%; font-size: 12px; margin: 0; padding: 0; cursor: pointer; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto { width: 45px; height: 50px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto .PhotoWrap { display: block; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto .Photo { width: 44px; height: 44px; border: none; position: absolute; left: 3px; top: 3px; background-size: cover; background-position: 50% 50%; /*border-radius: 20px;*/ } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto.Photo2 { } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto.Photo2 .Photo { width: 21px; height: 44px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto.Photo2 .Photo0 { } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto.Photo2 .Photo1 { left: 25px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto.Photo4 { } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto.Photo4 .Photo { width: 21px; height: 21px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto.Photo4 .Photo0 { } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto.Photo4 .Photo1 { left: 25px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto.Photo4 .Photo2 { top: 25px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomPhoto.Photo4 .Photo3 { top: 25px; left: 25px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo { padding: 0px 5px 0 5px; vertical-align: top; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .ChatRoomNameWrap { display: block; position: relative; height: 1.4em; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .ChatRoomName { display: block; position: absolute; top: 2px; left: 0; right: 30px; height: 1.4em; color: #666; text-align: left; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .LastChat { display: block; color: #999; padding-top: 2px; line-height: 1.4em; height: 2.8em; text-overflow: ellipsis; overflow: hidden; position: absolute; left: 0; top: 16px; right: 20px; word-break: break-all; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .LastChatTime { position: absolute; right: 0; top: 2px; font-size: 11px; color: #999; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .AlertStatus { color: #999; position: absolute; right: 30px; top: 2px; font-size: 10px; background: #fff; padding-left: 4px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .ChatRoomMemberCount { background: #e8e8e8; position: absolute; right: 0; top: 34px; font-size: 10px; padding: 1px 3px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .ChatRoomMemberCount .fa { color: #58c2bc; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .ChatRoomMemberCount .Count { color: #999; padding-left: 3px; } .Widget.ChatRoomListWidget .ChatRoomList td.ChatRoomInfo .UnreadCnt { background: #fe6a50; padding: 2px 5px; position: absolute; right: 0; border-radius: 5px; top: 16px; color: #fff; } .Widget.ChatRoomListWidget .ChatRoomList tr td { border-bottom: 1px solid #ccc; } /*.Widget.ChatRoomListWidget .ChatRoomList tr:last-child td { border-bottom: none; }*/ .MemoList { width: 100%; position: relative; font-size: 12px; padding: 0 5px 5px 5px; box-sizing: border-box; } .MemoList .MemoWrap { background: #ffffa5; border-radius: 5px; min-height: 150px; position: relative; width: 100%; margin-bottom: 5px; } .MemoList .MemoWrap .MemoEntryWrap { border: none; outline: none; resize: none; position: absolute; left: 5px; top: 20px; right: 5px; bottom: 35px; display: block; } .MemoList .MemoWrap .MemoEntry { background: #ffffa5; border: none; outline: none; resize: none; width: 100%; height: 100%; } .MemoList h2 { font-size: 12px; text-align: center; font-weight: bold; padding: 5px; margin: 0; color: #666; position: relative; } .MemoList .MemoWrap .ButtonList { position: absolute; bottom: 10px; right: 7px; } .MemoList .MemoWrap .ButtonList a, .MemoList .MemoWrap .ButtonList a:visited { color: #333; padding: 3px 7px; } .MemoList .MemoWrap .ButtonList a:hover, .MemoList .MemoWrap .ButtonList a:active { background: #baa05b; color: #fff; border-radius: 3px; } .MemoList .MemoViewWrap { background: #ffffa5; border-radius: 5px; position: relative; width: 100%; margin-bottom: 5px; } .MemoList .MemoViewWrap .MemoOpenBtn, .MemoList .MemoViewWrap .MemoCollapseBtn { float: right; color: #666; } .MemoList .MemoViewWrap .MemoTitle { display: none; padding: 4px 10px 5px 10px; cursor: pointer; } .MemoList .MemoViewWrap .MemoBody { display: block; padding: 4px 10px 5px 10px; } .MemoList .MemoViewWrap.Collapsed .MemoTitle { display: block; } .MemoList .MemoViewWrap.Collapsed .MemoBody { display: none; } .Common-Dialog-InputCtrl { } .Common-Dialog-InputCtrl .Form { padding: 7px 5px; } .Common-Dialog-InputCtrl .Form input.FormInput { width: 100%; box-sizing: border-box; } .ui-tabs { padding: 5px; } .ui-tabs.ui-widget { border-radius: 0; } .ui-tabs .ui-tabs-nav { padding: 5px 3px 0 3px; background: #1251a3; border-radius: 0; border: none; border-bottom: 1px solid #ccc; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { background: #1251a3; color: #fff; border: none; } .ui-tabs .ui-tabs-nav .ui-state-default.ui-corner-top { border: none; } .ui-tabs .ui-tabs-nav .ui-state-active.ui-corner-top .ui-tabs-anchor { background: #fff; color: #333; } .Icon { display: inline-block; width: 16px; height: 16px; background: url('../img/icon_16px.png') no-repeat; } /*.Icon.IconPriority1 { background: none; } .Icon.IconPriority2 { background: none; } .Icon.IconPriority3 { background: none; } .Icon.IconPriority4 { background-position: -80px 0px; } .Icon.IconPriority5 { background-position: -96px 0px; } .Icon.IconPriority6 { background-position: -112px 0px; } .Icon.IconPriority7 { background-position: -128px 0px; }*/ .Icon.IconPriority8 { background-position: -144px 0px; } .Icon.IconPriority3 { background: none; } .Icon.IconPriority2 { background-position: -96px 0px; } .Icon.IconPriority1 { background-position: -144px 0px; } .Icon.IconPriority2 { background: none; } .Icon.IconPriority1 { background: none; } .Icon.IconMailRead { background-position: -0px 0px; } .Icon.IconMailUnread { background-position: -16px 0px; } .Icon.IconMailSecret { background-position: -112px -16px; } .Icon.IconStar { background-position: -48px 0px; } .Icon.IconStarOff { background-position: -32px 0px; } .Icon.IconChatBalloon { background-position: -96px -32px; } .Icon.IconAttachment { background-position: -64px 0px; } .Icon.IconPopup { background-position: -64px -16px; vertical-align: middle; } .Icon.IconNew { background: url('../img/common/icon/new_001.gif') no-repeat; height: 10px; } .Icon.IconCheckBox { background-position: -112px -32px; vertical-align: middle; } .Icon.IconCheckBox.Unchecked { background-position: -128px -32px; vertical-align: middle; } .Unchecked .Icon.IconCheckBox { background-position: -128px -32px; vertical-align: middle; } .Icon.IconNoticePill { background: url('../img/default_icon.png') no-repeat; background-position: -76px -47px; width: 28px; height: 15px; vertical-align: middle; } .Icon.TreeNodeEnd { background: url('../img/default_icon.png') -225px -12px no-repeat; width: 16px; height: 16px; } .Icon.IconFolderOpen { background-position: -80px -48px; } .Icon.IconFolderClose { background-position: -64px -48px; } .Icon.IconMan { background-position: -128px -48px; } .Icon.IconMan.Online { background-position: -96px -48px; } .Icon.IconWoman { background-position: -144px -48px; } .Icon.IconWoman.Online { background-position: -112px -48px; } .VSplitContainer { display: table; } .VSplitContainer .VSplitContainerTop { display: table-row; height: auto; } .VSplitContainer .VSplitContainerBottom { display: table-row; position: relative; height: 100%; } .NewItemHint { position: relative; } .NewItemHint .NewItemHintContents { margin: 0 auto; display: block; width: 300px; background: #fffdbc; text-align: center; border: 1px solid #e6d245; padding: 4px 8px; border-radius: 4px; } .NewItemHint .fa { color: #ffa500; } .NewItemHint a { color: #b17200; } .MailReadSection { width: 100%; height: 100%; } .MailReadSection .MailReadHeader { background: #fff; position: relative; height: 40px; font-size: 12px; } .MailReadSection .MailReadHeader tr { padding: 0; } .MailReadSection .MailReadHeader tr > th, .MailReadSection .MailReadHeader tr > td { padding: 3px 0; vertical-align: middle; height: 15px; } .MailReadSection .MailReadHeader tr:first-child > th, .MailReadSection .MailReadHeader tr:first-child > td { padding-top: 10px; } .MailReadSection .MailReadHeader tr > th { font-weight: normal; text-align: right; padding-right: 10px; vertical-align: top; } .MailReadSection .MailReadHeader .MailAddrDetail { font-size: 13px; padding: 5px 5px; border: 1px solid #ccc; margin: 5px 20px 0 0; overflow: auto; max-height: 50px; } .MailReadSection .MailReadHeader .MailAddrDetail a { white-space: nowrap; } .MailReadSection .MailSubject { padding: 3px 0 0 0; font-weight: bold; height: 1.4em; } .MailReadSection .IconMailSecret { display: none; } .MailReadSection.SecretMail .IconMailSecret { display: inherit; } .MailReadSection.SecretMail .MailSubject { padding-left: 20px; } .MailReadSection .MailReadRecvSendDate { position: absolute; right: 0; top: 5px; display: block; width: 90px; } .MailReadSection .MailReadRecvSendDate li { display: inline-block; } .MailReadSection .MailReadContents { position: absolute; width: 100%; bottom: 0; top: 100px; left: 0; border-top: 1px solid #ccc; } .MailReadSection .MailReadContents iframe { position: relative; width: 100%; height: 100%; border: none; } .MailWriteSection { width: 100%; height: 100%; } .MailWriteSection .MailWriteHeader { width: 100%; background: #fff; position: relative; height: 40px; font-size: 12px; } .MailWriteSection .MailWriteHeader tr { padding: 0; } .MailWriteSection .MailWriteHeader tr > th, .MailWriteSection .MailWriteHeader tr > td { padding: 2px 0; vertical-align: top; height: 15px; padding-right: 4px; } .MailWriteSection .MailWriteHeader tr:first-child > th, .MailWriteSection .MailWriteHeader tr:first-child > td { padding-top: 10px; } .MailWriteSection .MailWriteHeader tr > th { font-weight: bold; text-align: left; padding-right: 10px; padding-left: 30px; } .MailWriteSection .MailWriteHeader .MailWriteHeaderLabel { padding-left: 10px; font-weight: bold; line-height: 24px; vertical-align: middle; } .MailWriteSection .MailWriteHeader .SimpleButtonListSection a.Btn { margin-left: 0; margin-right: 5px; } .MailWriteSection .MailWriteHeader .SimpleButtonListSection .ButtonList { margin-bottom: 0; } .MailWriteSection .MailWriteHeader .Disabled { cursor: not-allowed; border-color: #e0e0e0; background: #f0f0f0; } .MailWriteSection .MailSubject { padding: 10px 0 0 5px; font-weight: bold; height: 1.4em; } .MailWriteSection .MailReadContents { position: absolute; width: 100%; bottom: 0; top: 100px; left: 0; border-top: 1px solid #ccc; } .MailWriteSection .MailReadContents iframe { position: relative; width: 100%; height: 100%; border: none; } .MailWriteSection .AttachmentImageSection { display: none; } .MailWriteSection .TotalFileSize { padding-top: 5px; padding-right: 5px; } .MailWriteSection .AttachmentListWrap { padding-top: 4px; clear: both; } .MailWriteSection .AttachmentListWrap .ListTableWrap { height: 80px; overflow-y: scroll; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .MailWriteSection .AttachmentListWrap table.TableStyle1 { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .MailWriteSection .AttachmentListWrap table.TableStyle1.ListTable { border-top: none; border-left: none; border-right: none; margin-top: 0; } .MailWriteSection .AttachmentListWrap table.TableStyle1.ListHeaderTable { } .MailWriteSection .AttachmentListWrap table.TableStyle1 tr { } .MailWriteSection .AttachmentListWrap table.TableStyle1 tr span.UploadHint { display: none; } .MailWriteSection .AttachmentListWrap table.TableStyle1 tr.OnUpload { color: #999; } .MailWriteSection .AttachmentListWrap table.TableStyle1 tr.OnUpload span.UploadHint { display: inline; } .MailWriteSection .AttachmentListWrap table.TableStyle1 tr.Done { background: #fff; color: #333; } .MailWriteSection .AttachmentListWrap table.TableStyle1 tr.HasError { background: #fff; color: #900; } .MailWriteSection .AttachmentListWrap table.TableStyle1 th, .MailWriteSection .AttachmentListWrap table.TableStyle1 td { padding-top: 2px; padding-bottom: 2px; margin: 0; text-align: left; padding-left: 10px; } .MailWriteSection .AttachmentListWrap table.TableStyle1 td { border-bottom: none } .MailWriteSection .AttachmentListWrap table.TableStyle1 tr:last-child td { border-bottom: none; } .MailWriteSection .AttachmentListWrap table.TableStyle1 .RemoveBtn.SmallBtn { color: #900; padding: 0 2px; } .FavoriteMailAddr { position: absolute; top: 100px; left: 100px; width: 120px; background: #fff; border: 1px solid #999; z-index: 999; } .FavoriteMailList { margin-bottom: 24px; max-height: 200px; overflow-y: auto; overflow-x: hidden; } .FavoriteMailList > li > a { display: block; padding: 1px 10px 3px 10px; color: #333; } .FavoriteMailList > li > a:hover, .FavoriteMailList > li > a:active { background: #1251a3; color: #fff; } .FavoriteMailButton { width: 100%; padding: 2px 0; position: absolute; bottom: 2px; left: 0; right: 0; height: 20px; } .FavoriteMailButton .Btn, .FavoriteMailButton .Btn:visited, .FavoriteMailButton .Btn:active, .FavoriteMailButton .Btn:hover { display: block; border: none; background: #f0f0f0; border-top: 1px solid #999; } .AddrBookPopup .cm-modal-content { position: relative; height: 100%; box-sizing:border-box; } .AddrBookPopup .FavoriteMailTab { position: absolute; top: 3px; left: 0; right: 254px; bottom: 27px; } .AddrBookPopup .FavoriteMailTab .ui-tabs-panel { padding: 0; } .AddrBookPopup .FavoriteMailToList { position: absolute; top: 0; width: 250px; right: 2px; height: 160px; } .AddrBookPopup .FavoriteMailCcList { position: absolute; top: 155px; width: 250px; right: 2px; height: 160px; } .AddrBookPopup .FavoriteMailBccList { position: absolute; top: 310px; width: 250px; right: 2px; bottom: 3px; } .AddrBookPopup .FavoriteMailList { } .AddrBookPopup .FavoriteMailList > h4 { position: absolute; top: 10px; left: 65px; margin: 0; padding: 0; } .AddrBookPopup .FavoriteMailList > h4 .MailListCount { font-weight: normal; } .AddrBookPopup .FavoriteMailList > .FavoriteMailListWrap { border: 1px solid #ccc; width: 183px; height: 125px; margin: 30px 0 0 65px; overflow-x: hidden; overflow-y: auto; } .AddrBookPopup .FavoriteMailList table { } .AddrBookPopup .FavoriteMailList table td { white-space: nowrap; } .AddrBookPopup .FavoriteMailList table td .Email { font-size: 10px; } .AddrBookPopup .FavoriteMailList > .ButtonList { position: absolute; left: 7px; top: 60px;} .AddrBookPopup .FavoriteMailList > .ButtonList .Btn { margin: 0 0 4px 0; } .AddrBookPopup.ForScheduler { } .AddrBookPopup.ForScheduler .FavoriteMailToList { position: absolute; top: 3px; width: 250px; right: 1px; bottom: 3px; height: auto; max-height: inherit; } .AddrBookPopup.ForScheduler .FavoriteMailToList .FavoriteMailListWrap { height: 438px } .AddrBookPopup.ForScheduler .FavoriteMailCcList { display: none; } .AddrBookPopup.ForScheduler .FavoriteMailBccList { display: none; } .AddrBookPopup .TreeOrgChart { overflow: auto; width: 200px; height: 100%; } .AddrBookPopup .CandidateListWrap { position: absolute; left: 200px; right: 0; top: 0; bottom: 0; } .AddrBookPopup .Tab { position: absolute; top: 40px; left: 4px; right: 3px; bottom: 4px; padding: 0; margin: 0; } .AddrBookPopup .FavYn { } .AddrBookPopup .fa-star { color: #ff8600; } .AddrBookPopup .fa-star-o { color: #ccc; } .AddrBookPopup .AddrGrpListWrap { overflow: auto; width: 196px; height: 100%; } .AddrBookPopup .AddrGrpListWrap .AddrGrpList { width: 100%; } .AddrBookPopup .AddrGrpListWrap .AddrGrpList td { padding: 4px 10px 5px 30px; } .AddrBookPopup .AddrGrpListWrap .AddrGrpList td.AllGrp { padding: 7px 10px 7px 10px; } .AddrBookPopup .AddrGrpListWrap .AddrGrpList td .AddrGrpListItemWrap { position: relative;} .AddrBookPopup .AddrGrpListWrap .AddrGrpList td .Icon { vertical-align: middle; } .AddrBookPopup .AddrGrpListWrap .AddrGrpList td .GrpNm { position: absolute; left: 20px; top: 0px; right: 25px; bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .AddrBookPopup .AddrGrpListWrap .AddrGrpList td .Badge { background: #1c58a8; color: #fff; float: right; padding: 1px 5px; margin-right: 5px; border-radius: 5px; font-weight: normal; } .AddrBookPopup .AddrGrpListWrap .AddrGrpList .Active td .Badge { background: #fff; color: #333; } .CmComboBox { min-width: 100px; height: 25px; font-size: 12px; } .CmComboBox.FixedWidth { width: 100px; } .chosen-container { font-size: 12px; vertical-align: top; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice { line-height: 12px; } .chosen-container.chosen-container-single .chosen-single { border-radius: 2px; background: #fff; padding-left: 4px; } .chosen-container.chosen-container-single .chosen-single span { margin-right: 16px; } .chosen-container.chosen-container-single .chosen-drop { border-radius: 2px; } .chosen-container.chosen-container-active .chosen-single { outline: none; box-shadow: 0 0 0 2px #78dcfa; border: 1px solid #569eb3; } .MailSentReport { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9000; background: #fff; } .MailSentReport .ButtonListSection { border-bottom: 1px solid #ccc; } .MailSentReport > article { } .MailSentReport > article > h2 { text-align: center; font-weight: bold; font-size: 14px; margin: 0; padding: 100px 0 40px 0; border-bottom: 1px solid #eaeaea; } .MailSentReport .ReportMailTo, .MailSentReport .ReportMailCc { width: 600px; margin: 20px auto 0 auto; } .MailSentReport .ReportTable { width: 590px; margin: 0 auto; } .MailSentReport .ReportTable td, .MailSentReport .ReportTable th { padding: 0 5px; vertical-align: middle; text-align: left; height: 25px; } .MailSentReport .ReportTable th { width: 100px; text-align: left; } .MailSentReport .ReportTable th input { font-weight: normal; width: 100%; display: block; } .MailSentReport .ReportButtonList { width: 100%; text-align: center; margin-top: 50px; } .Mail-MailFolderSelectDialog { } .Mail-MailFolderSelectDialog .cm-modal-content { width: 300px; height: 300px; position: relative; } .Mail-MailFolderSelectDialog .Hint { position: absolute; top: 0; left: 0; right: 0; height: 30px; padding: 5px 10px; border-bottom: 1px solid #ccc; background: #fff9e0; } .Mail-MailFolderSelectDialog .SideMenuList { position: absolute; top: 41px; left: 0; right: 0; bottom: 30px; overflow: auto; } .Mail-MailFolderSelectDialog .TargetInfoWrap { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; border-top: 1px solid #ccc; } .Mail-MailFolderSelectDialog .TargetInfoWrap label { position: absolute; left: 10px; top: 6px; } .Mail-MailFolderSelectDialog .TargetInfoWrap input.Input { position: absolute; left: 100px; top: 4px; width: 199px; } .MailStatusRead { color: #00f; font-weight: bold; } .Checked .MailStatusRead, .Active .MailStatusRead { color: inherit; } .MailStatusCanceled { color: #f00; font-weight: bold; } .Checked .MailStatusCanceled, .Active .MailStatusCanceled { color: inherit; } .MailStatusUnread { font-weight: bold; } .Checked .MailStatusUnread, .Active .MailStatusUnread { color: inherit; } .MailRecvTypeRecv { color: #333; } .Checked .MailRecvTypeRecv, .Active .MailRecvTypeRecv { color: inherit; font-weight: bold; } .MailRecvTypeCc { color: #999; } .Checked .MailRecvTypeCc, .Active .MailRecvTypeCc { color: inherit; font-weight: bold; } .MailRecvTypeBcc { color: #ccc; } .Checked .MailRecvTypeBcc, .Active .MailRecvTypeBcc { color: inherit; font-weight: bold; } .MailSpaceSection { width: 100%; background: #fff; margin: 0 0 1px 0; } #leftContents .MailSpaceSection h2 { margin: 0; padding: 5px; text-align: center; font-size: 12px; font-weight: normal; height: auto; } .MailSpaceSection .MailSpace { padding: 5px 10px; } .MailSpaceSection .MailSpace .UnitText { color: #39c; padding-left: 5px; } .MailSpaceSection .MailSpace .MailSpacePercentage { color: #999; } .MailSpaceSection .MailSpaceGraphWrap { border: 1px solid #999; margin: 5px 5px 0 5px; } .MailSpaceSection .MailSpaceGraph { width: 16%; height: 5px; background: #c00; } .MailSpaceSection .MailSpaceGraph.MailSpaceGraphSafe { background: #6c9; } .EmployeeDetail { /*box-sizing: border-box;*/ width: 100%; font-size: 12px; } .EmployeeDetail td.EmployeePhoto { width: 70px; height: 62px; position: relative; } .EmployeeDetail td.EmployeePhoto div { width: 60px; height: 60px; position: absolute; left: 0; top: 2px; padding: 0; margin: 0; background-size: cover; border: 1px solid #ccc; } .EmployeeDetail td.EmployeeName { padding: 2px 0 0 0; vertical-align: top; } .EmployeeDetail td.EmployeeName .EmployeeDepart { display: block; color: #666; text-align: left; padding-top: 0px; } .EmployeeDetail td.EmployeeName .EmployeeTel { display: block; color: #666; padding-top: 2px; text-align: right; } .EmployeeDetail td.EmployeeName .FactGb { display: block; color: red; padding-top: 0px; text-align: left; } .EmployeeDetail td.EmployeeName .ButtonList { display: block; color: #666; float: right; } .EmployeeDetail td.EmployeeName .ButtonList a { color: #ccc; } .EmployeeDetail td.EmployeeName .ButtonList a:active, .EmployeeDetail td.EmployeeName .ButtonList a:hover { color: #f69; } .EmployeeDetail tr th { border-bottom: 1px solid #ccc; padding: 5px 5px 5px 0; text-align: right; } .EmployeeDetail tr:last-child th { border-bottom: none; } .EmployeeDetail tr td { border-bottom: 1px solid #ccc; padding: 5px 0; } .EmployeeDetail tr:last-child td { border-bottom: none; } .QuickLinkList { padding: 5px 5px 0 5px; } .QuickLinkList .ButtonList { font-size: 12px; height: 26px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .QuickLinkList .ButtonList li { } .QuickLinkList .ButtonList li .fa { font-size: 1.4em; vertical-align: middle; } .QuickLinkList .ButtonList li > span { width: 50%; box-sizing: border-box; text-align: center; display: block; float: left; height: 25px; padding-top: 4px; background: #1C58A8; color: #fff; } .QuickLinkList .ButtonList li:last-child > span { /*background: #379454;*/ } .QuickLinkList .ButtonList li a, .QuickLinkList .ButtonList li a:visited { width: 50%; box-sizing: border-box; text-align: left; display: block; float: left; height: 25px; padding-top: 4px; background: #4B6588; color: #fff; } .QuickLinkList .ButtonList li:last-child a, .QuickLinkList .ButtonList li:last-child a:visited { /*background: #4B8875;*/ } .QuickLinkList .ButtonList li a:link, .QuickLinkList .ButtonList li a:visited { background: #fff; color: #666; } .QuickLinkList .ButtonList li a:active, .QuickLinkList .ButtonList li a:hover { background: #1251a3; color: #fff; } .QuickLinkList .ButtonList li:last-child a:active, .QuickLinkList .ButtonList li:last-child a:hover { background: #379454; color: #fff; } .QuickLinkList .ButtonList li a.Disabled, .QuickLinkList .ButtonList li:last-child a.Disabled { /*background: #f0f0f0; color: #999;*/ } .QuickLinkList .ButtonList li > span, .QuickLinkList .ButtonList li a { border-right: 1px solid #ccc; } .QuickLinkList .ButtonList li:first-child > span, .QuickLinkList .ButtonList li:first-child a { } .QuickLinkList .ButtonList li:last-child > span, .QuickLinkList .ButtonList li:last-child a { border-right: none; } .QuickLinkList .ButtonList:first-child li:first-child > span { border-top-left-radius: 3px; } .QuickLinkList .ButtonList:first-child li:last-child > span { border-top-right-radius: 3px; } .QuickLinkList .ButtonList:last-child li:first-child > a { border-bottom-left-radius: 3px; } .QuickLinkList .ButtonList:last-child li:last-child > a { border-bottom-right-radius: 3px; } .CalendarSection { border-top: 1px solid #ccc; } .CalendarSection .fc-toolbar { margin: 5px; } .CalendarSection .fc-toolbar h2 { font-size: 14px; padding-top: 3px; } .CalendarSection .fc-toolbar .fc-icon:after { font-size: 20px; } .CalendarSection .fc th:first-child, .CalendarSection .fc td:first-child { border-left: none; } .CalendarSection .fc th:last-child, .CalendarSection .fc td:last-child { border-right: none; } .CalendarSection .fc-widget-header .fc-day-header { padding-top: 5px; padding-bottom: 5px; } .CalendarSection .fc-widget-header .fc-day-header.fc-sun { color: #c00; } .CalendarSection .fc-widget-header .fc-day-header.fc-sat { color: #03f; } .CalendarSection .fc-event { font-size: 12px; padding: 2px 5px; } .ConsonantList { height: 28px; border-bottom: 1px solid #ccc; } .ConsonantList > ul { margin: 0; padding: 0; } .ConsonantList > ul > li { margin: 6px 0 0 0; padding: 0 5px 0 5px; float: left; display: block; border-right: 1px solid #ccc; line-height: 12px; } .ConsonantList > ul > li:last-child { border-right: none; } .ConsonantList > ul > li .ConsonantItem { color: #333; } .ConsonantList > ul > li .ConsonantItem.Active { color: #0a0; font-weight: bold; } .InputGroup { margin-bottom: 5px; } .InputGroup:last-child { margin-bottom: 0; } .InputGroup .Input { vertical-align: middle; } .InputGroup input[type=checkbox] { vertical-align: middle; } .InputGroup input[type=radio] { vertical-align: middle; } .InputGroup .chosen-container { vertical-align: middle; } /* Grid [START] */ /* SECTIONS */ .section { clear: both; padding: 0; margin: 0; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 0.75%; } .col.no-vmargin { margin-top: 0; margin-bottom: 0; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF TWELVE */ .span_12_of_12 { width: 100%; } .span_11_of_12 { width: 91.60%; } .span_10_of_12 { width: 83.20%; } .span_9_of_12 { width: 74.81%; } .span_8_of_12 { width: 66.41%; } .span_7_of_12 { width: 58.02%; } .span_6_of_12 { width: 49.62%; } .span_5_of_12 { width: 41.22%; } .span_4_of_12 { width: 32.83%; } .span_3_of_12 { width: 24.43%; } .span_2_of_12 { width: 16.04%; } .span_1_of_12 { width: 7.645%; } /* GO FULL WIDTH BELOW 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 { width: 100%; } } /* Grid [ END ] */ .BbsContentsWrap { width: 100%; height: 100%; overflow: auto; border: none; padding: 0; margin: 0; line-height: 1.2; } .BbsContentsWrap .BbsContents{ border-top: 1px solid #ccc; padding: 20px; line-height: 18px; } .BbsContentsWrap .BbsContents p { margin: 0; } .BbsContentsWrap .RegDate { color: #666; font-size: 10px; font-family: tahoma, helvetica, sans-serif; } .BbsContentsWrap .RegDate .fa { float: left; padding: 7px 5px 0 0; } .BbsContentsWrap .RegDate .RegDateContents { float: left; } .BbsContentsWrap .BbsCateNm { color: #333; background: #eaeaea; display: inline-block; padding: 1px 6px; border-radius:2px; border: 1px solid #e0e0e0; } .StaticAttachmentListSection { background: #fff; border-top: 1px solid #ccc; } .StaticAttachmentListSection .AttachmentListWrap { width: 100%; height: 100%; position: relative; } .StaticAttachmentListSection h4 { font-size: 12px; padding: 5px 10px; margin: 0; background: #f9f9f9; } .StaticAttachmentListSection .AttachmentFileList { border-top: 1px solid #ccc; } .StaticAttachmentListSection .AttachmentFileList > li { display: block; /*border-bottom: 1px solid #ccc;*/ padding: 5px 20px; clear: both; } .StaticAttachmentListSection .AttachmentFileList > li .No { display: inline-block; } .StaticAttachmentListSection .AttachmentFileList > li .FileName { display: inline-block; padding-left: 5px; } .StaticAttachmentListSection .AttachmentFileList > li .FileSize { display: inline-block; padding-left: 10px; color: #888; font-size: 0.8em; } .PublicSchedule { display: inline-block; color: #090; padding-left: 10px; } .PrivateSchedule { display: inline-block; color: #999; padding-left: 10px; } .CmtListContents { position: relative; padding-bottom: 32px; } .CmtListContents.NoPaging { padding-bottom: 0; } .CmtListSection { } .CmtListSection .CmtListPaging { height: 32px; position: relative; } .CmtListSection .CmtListItem { background: #f3f3f3; position: relative; min-height: 52px; border-top: 1px solid #e9e9e9; clear: both; } .CmtListSection .CmtListItem.Depth2 { padding-left: 40px; } .CmtListSection .CmtListItem.Depth3 { padding-left: 80px; } .CmtListSection .CmtListItem.Depth4 { padding-left: 120px; } .CmtListSection .CmtListItem.Depth5 { padding-left: 160px; } .CmtListSection .CmtListItem.Even { background: #fcfcfc; } .CmtListSection .CmtListItem .Photo { float: left; padding-left: 15px; padding-top: 5px; } .CmtListSection .CmtListItem .Photo img { width: 40px; height: 40px; border-radius: 20px; } .CmtListSection .CmtListItem .NameRow { margin: 8px 0 0 70px; font-weight: bold; } .CmtListSection .CmtListItem .NameRow span.RegDate { color: #999; font-size: 0.83em; padding-left: 10px; font-weight: normal; } .CmtListSection .CmtListItem .Contents { margin: 0 0 0 70px; padding: 7px 0; } .CmtListSection .CmtListItem.EditMode .Contents { margin: 0 80px 0 70px; padding: 7px 0; } .CmtListSection .CmtListItem .Contents textarea { height: 40px; } .CmtListSection .CmtListItem .ButtonList { display: inline-block; font-weight: normal; font-size: 10px; padding-left: 10px; } .CmtListSection .CmtListItem .ButtonList .DeleteBtn { display: none; } .CmtListSection .CmtListItem .ButtonList .EditBtn { display: none; } .CmtListSection .CmtListItem.IsOwner .ButtonList .DeleteBtn { display: inline-block; } .CmtListSection .CmtListItem.IsOwner .ButtonList .EditBtn { display: inline-block; } .CmtListSection .CmtListItem .RegButtonList { right: 5px; bottom: 7px; width: 70px; height: 40px; position: absolute; } .CmtListSection .CmtListItem .RegButtonList a { height: 24px; padding-top: 11px; } .CmtListSection .CmtListItem.Deleted { min-height: inherit; height: 30px; } .CmtListSection .CmtListItem.Deleted .Photo { display: none; } .CmtListSection .CmtListItem.Deleted .NameRow { display: none; } .CmtListSection .CmtListItem .Contents { margin: 0 0 0 70px; padding: 7px 0; color: #999; } .CmtListSection .CmtListItem.Deleted .ButtonList { display: none; } .CmtListSection .CmtListItem.Deleted .RegButtonList { display: none; } .CmtListEditor { background: #fff; position: relative; min-height: 52px; border-top: 1px solid #ccc; border-bottom: 1px solid #999; } .CmtListEditor.Depth2 { padding-left: 40px; } .CmtListEditor.Depth3 { padding-left: 80px; } .CmtListEditor.Depth4 { padding-left: 120px; } .CmtListEditor.Depth5 { padding-left: 160px; } .CmtListEditor .Photo { float: left; padding-left: 15px; padding-top: 15px; } .CmtListEditor .Photo img { width: 40px; height: 40px; border-radius: 20px; } .CmtListEditor .Name { margin: 8px 0 0 70px; font-weight: bold; } .CmtListEditor .Name span { color: #999; font-size: 0.83em; padding-left: 10px; font-weight: normal; } .CmtListEditor .Contents { margin: 0 80px 0 70px; padding: 7px 0; } .CmtListEditor .Contents textarea { height: 40px; } .CmtListEditor .RegButtonList { right: 5px; bottom: 7px; width: 70px; height: 40px; position: absolute; } .CmtListEditor .RegButtonList a { height: 24px; padding-top: 11px; } .CmtListContents .Template { display: none; } .PrintTemplate { height: auto; } #popupArea { z-index: 10; position: absolute; top: 0; left: 0; width: 0; height: 0; } .PopupNotice { z-index: 10; margin: 0; padding: 0; box-sizing: border-box; background: #D9E5FF; border: 1px solid #a2b1c5; border-radius: 5px; -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3); box-shadow: 2px 2px 10px rgba(0,0,0,0.3); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333'); } .PopupNotice .PopupWrap { position: relative; width: 100%; height: 100%; border-radius: 5px; -webkit-box-shadow: #ecf2fb 0 1px 0 0 inset,#ecf2fb -1px 0 0 0 inset,#ecf2fb 1px 0 0 0 inset; -moz-box-shadow: #ecf2fb 0 1px 0 0 inset,#ecf2fb -1px 0 0 0 inset,#ecf2fb 1px 0 0 0 inset; box-shadow: #ecf2fb 0 1px 0 0 inset,#ecf2fb -1px 0 0 0 inset,#ecf2fb 1px 0 0 0 inset; } .PopupNotice .PopupWrap header { margin: 0; padding: 0; header: auto; } .PopupNotice .PopupWrap .PopupHeader { margin: 0; padding: 5px 10px; cursor: all-scroll; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .PopupNotice .PopupWrap .Btn.CloseBtn { position: absolute; width: 16px; height: 16px; background: url('../img/icon_16px.png') no-repeat; top: 6px; right: 6px; padding: 0; background-position: -32px -16px; } .PopupNotice .PopupWrap .Btn.CloseBtn:hover, .PopupNotice .PopupWrap .Btn.CloseBtn:active { background-position: -48px -16px; } .PopupNotice .PopupWrap .PopupContents { background: #fff; padding: 7px 5px; margin: 0 4px; border: 1px solid #ccc; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-radius: 2px; overflow: auto; } .PopupNotice.PopupManualSize .PopupWrap .PopupContents { position: absolute; top: 24px; left: 0px; right: 0; bottom: 24px; } .PopupNotice .PopupWrap .PopupFooter { background: #D9E5FF; padding: 5px 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .PopupNotice.PopupManualSize .PopupWrap .PopupFooter { position: absolute; bottom: 0; } .PopupNotice .PopupWrap .PopupFooter a { color: #333; } .cm-modal.CmNotyError { min-width: 250px; } .cm-modal.cm-modal-topmost.CmNotyError .cm-modal-close { display: none; } .cm-modal.CmNotyError .Message { padding: 10px; } .cm-modal.CmNotyError .DetailMessage { padding: 5px; border: 1px solid #ccc; border-radius: 2px; margin: 0 5px 10px 5px; background: #f0f0f0; } .cm-modal.CmNotyError .ButtonList { text-align: right; padding: 2px 5px; background: #efefef; border-top: 1px solid #ccc; } .cm-modal.CmNotyError .ButtonList .Btn { } .cm-modal.CmNotyError .ButtonList .Btn:hover, .cm-modal.CmNotyError .ButtonList .Btn:active { background: #fff; } .animated.fast { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .MemberInfoSection { } .MemberInfoSection h4 { margin: 0; padding: 5px 0 5px 20px; border-top: 1px solid #ccc; background: #dbf5ff; } .MemberInfoSection h4 .Hint { font-weight: normal; } .MemberInfoSection .ZipCode { width: 65px; } .MemberInfoSection .AddrPhotoWrap { width: 100%; height: 100%; position: relative; } .MemberInfoSection .AddrPhoto { width: 100%; height: 100%; border: 1px solid #ccc; box-sizing: border-box; } .MemberInfoSection .AddrPhotoWrap .Btn { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 17px; background: #000; background-color: rgba(33,33,33, 0.9); color: #fff; text-align: center; } .AddrMoveCopySheet { position: absolute; border: 1px solid #ccc; background: #fff; } .AddrMoveCopySheet input.Checkbox { vertical-align: middle; } .AddrMoveCopySheet .SheetContents { position: relative; height: 250px; width: 200px; } .AddrMoveCopySheet .SheetContents .AddrGrpList { position: absolute; left: 0; top: 0; right: 0; bottom: 35px; overflow: auto; overflow-x: hidden; padding: 1px; box-sizing: border-box; } .AddrMoveCopySheet .SheetContents .ButtonList { position: absolute; left: 0; bottom: 0; right: 0; height: 35px; text-align: center; border-top: 1px solid #ccc; padding-top: 5px; box-sizing: border-box; } .AddrMoveCopySheet .SheetContents .ButtonList > li { display: inline-block; } /** * Twitter Bootstrap style. * * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11. * Does not work with IE 7. */ .qtip-mate{ /** Taken from Bootstrap body */ font-size: 14px; line-height: 20px; color: #333333; /** Taken from Bootstrap .popover */ padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.25);; -moz-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.25);; box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.25);; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .qtip-mate .qtip-titlebar{ /** Taken from Bootstrap .popover-title */ padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .qtip-mate .qtip-titlebar .qtip-close{ /** * Overrides qTip2: * .qtip-titlebar .qtip-close{ * [...] * right: 4px; * top: 50%; * [...] * border-style: solid; * } */ right: 11px; top: 45%; border-style: none; } .qtip-mate .qtip-content{ /** Taken from Bootstrap .popover-content */ padding: 9px 14px; } .qtip-mate .qtip-icon{ /** * Overrides qTip2: * .qtip-default .qtip-icon { * border-color: #CCC; * background: #F1F1F1; * color: #777; * } */ background: transparent; } .qtip-mate .qtip-icon .ui-icon{ /** * Overrides qTip2: * .qtip-icon .ui-icon{ * width: 18px; * height: 14px; * } */ width: auto; height: auto; /* Taken from Bootstrap .close */ float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .qtip-mate .qtip-icon .ui-icon:hover{ /* Taken from Bootstrap .close:hover */ color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } .qtip-tipsy{ background: black; background: rgba(0, 0, 0, .87); color: white; border: 0 solid transparent; font-size: 12px; font-weight: normal; font-family: "나눔고딕", "Malgun Gothic",sans-serif; } .MailAddrListWrap { border: 1px solid #e0e0e0; padding: 2px 5px; max-height: 42px; overflow: auto; margin-top: 5px; } .MailAddrListWrap .MailAddrList { margin: 0; padding: 0; list-style: none; } .MailAddrListWrap .MailAddrList .MailAddrHint { list-style: none; float: left; padding: 1px 3px 3px 3px; margin: 1px 5px 1px 0; color: #966; font-weight: bold; } .MailAddrListWrap .MailAddrList .MailAddrItem { list-style: none; float: left; white-space: nowrap; padding: 0 3px 2px 0; margin: 1px 5px 1px 0; } .MailAddrListWrap .MailAddrList .MailAddrItem.InternalMail { /*background: #bffbca; border: 1px solid #a9d4b1; border-radius: 3px;*/ font-weight: bold; border-bottom: 2px solid #a9d4b1; } .MailAddrListWrap .MailAddrList .MailAddrItem.ExternalMail { /*background: #fbbfbf; border: 1px solid #e6abab; border-radius: 3px;*/ border-bottom: 2px solid #e6abab; } .MailAddrListWrap .MailAddrList .MailAddrItem .Name { } .MailAddrListWrap .MailAddrList .MailAddrItem .MailAddrDeleteBtn { cursor: pointer; color: #666; } .Mail-MailConfirmList { } .Mail-MailConfirmList .ListSection { overflow: auto; overflow-x: hidden; height: 300px; } .Mail-MailConfirmList p { margin: 0; padding: 5px 0; } .Mail-MailConfirmList .GroupHeader p { padding: 0; } .Mail-MailConfirmList .GroupHeader td { background: #e0e0e0; font-weight: bold; } .Mail-MailConfirmList .Depth1 .ReceiveEmail { } .Mail-MailConfirmList .Depth2 .ReceiveEmail { padding-left: 20px; } .Mail-MailConfirmList .Unread { color: #900; } .Mail-MailConfirmList .Read { color: #090; } .CmTabWrap { } .CmTabWrap .CmTabHeaderWrap { border: none; font-size: 12px; } .CmTabWrap .CmTabHeaderWrap .CmTabHeader { background: #2965B0; padding-left: 4px; } .CmTabWrap .CmTabHeaderWrap .CmTabHeader::after { content: ''; clear: both; display: block; float: none; } .CmTabWrap .CmTabHeaderWrap .CmTabHeader .CmTabItem { display: block; float: left; border: none; padding: 5px 5px; } .CmTabWrap .CmTabHeaderWrap .CmTabHeader .CmTabItem a { color: #fff; } .CmTabWrap .CmTabHeaderWrap .CmTabHeader .CmTabItem.Active { background: #fff; } .CmTabWrap .CmTabHeaderWrap .CmTabHeader .CmTabItem.Active a { color: #333; } .CmTabWrap .CmTabContentsWrap { border-left: 1px solid #2965b0; border-right: 1px solid #2965b0; border-bottom: 1px solid #2965b0; } .CmTabWrap .CmTabContentsWrap .CmTabContents { display: none; } .CmTabWrap .CmTabContentsWrap .CmTabContents.Active { display: block; } .jstree-GwMate { font-size: 12px; } .jstree-GwMate .jstree-container-ul > .jstree-node { margin-left: 0; padding-left: 3px; padding-top: 3px; } .jstree-GwMate .jstree-node { min-height: 20px; line-height: 20px; margin-left: 16px; min-width: 24px; } .jstree-GwMate .jstree-anchor > .jstree-themeicon { vertical-align: middle; margin-left: 0; margin-top: 0; } .jstree-GwMate .jstree-hovered { background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #cccccc; } .jstree-GwMate .jstree-clicked { background: #beebff; border-radius: 2px; box-shadow: inset 0 0 1px #999; } .noty_message.GroupChatNoty { background: #fffabb; color: #333; } .noty_message.GroupChatNoty strong.Chatter { background: #fffabb; color: #333; padding-left: 5px; font-size: 12px; } .noty_message.GroupChatNoty .ChatContents { height: 1.4em; margin-left: 20px; overflow: hidden; line-height: 1.4em; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; } .WorkReportCalendarCtrl .WorkReportTypeD { background: #4984d9; border-color: #2769d4; color: #fff; font-size: 12px; } .WorkReportCalendarCtrl .WorkReportTypeW { background: #f35055; border-color: #f35055; color: #fff; font-size: 12px; } .WorkReportCalendarCtrl .WorkReportTypeM { background: #35a23a; border-color: #35a23a; color: #fff; font-size: 12px; } .WorkReportCalendarCtrl .WorkReportNotice { position: absolute; top: 50%; width: 100%; text-align: center; z-index: 2; margin-top: -0.6px; } .WorkReportCalendarCtrl .WorkReportNotice span.NoticeContents { border: 1px solid #ccc; padding: 20px; background: #fff; display: inline-block; height: 1.2em; width: 200px; border-radius: 3px; } .WorkReportWeekCalendarCtrl .PreviewWrap { border: 1px solid #ccc; width: 100%; height: 100%; text-align: center; } .WorkReportWeekCalendarCtrl .PreviewWrap .Preview { display: block; text-align: left; } .WorkReportWeekCalendarCtrl .Preview .BbsContents { padding: 20px 50px; } .WorkReportWeekCalendarCtrl .Preview .BbsContents div, .WorkReportWeekCalendarCtrl .Preview .BbsContents p { margin: 0; padding: 0; line-height: 1em; } .WorkReportWeekCalendarCtrl .Preview .TableStyleForm.HeaderColor { border-top: none; } .DraftPreviewWrap { border: 1px solid #ccc; width: 100%; height: 100%; text-align: center; padding: 20px; overflow: auto; box-sizing: border-box; } .DraftPreviewWrap .DraftPreview { display: block; text-align: left; } .DraftPreviewWrap .DraftPreview div, .DraftPreviewWrap .DraftPreview p { margin: 0; padding: 0; line-height: 1em; } .FlexContentsWrap .DraftPreviewWrap .AttachmentListSection { position: relative; } .DraftPreviewWrap .DraftPreviewAttachment { text-align: left; } .DraftPreviewWrap .DraftPreviewAttachment h4 { border-bottom: 2px solid #666; padding-bottom: 5px; } .DraftPreviewWrap .DraftPreviewAttachment ul { } .DraftPreviewWrap .DraftPreviewAttachment ul li { padding-left: 5px; padding-bottom: 5px; } .DraftPreviewWrap .DraftPreviewAttachment ul li .FileSize { color: #999; font-size: 0.82em; } .YukiNoty { position: fixed; border: 1px solid #dedede; background: #fffabb; border-radius: 3px; padding: 0; max-width: 200px; max-height: 58px; overflow: hidden; } .YukiNoty .YukiNotyContentsWrap { display: block; position: relative; } .YukiNoty .YukiNotyContentsWrap > .YukiNotySubject { display: block; font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 5px; } .YukiNoty .YukiNotyContentsWrap > .YukiNotyContents { padding: 4px 10px; } .YukiNoty .NotyGroupChat { } .YukiNoty .NotyGroupChat .MessageWrap { display: block; padding-right: 50px; } .YukiNoty .NotyGroupChat .MessageWrap .ChatContents { max-height: 3.6em; overflow: hidden; } .YukiNoty .NotyGroupChat .CloseBtn { display: block; position: absolute; padding: 7px 0; right: 0; text-align: center; width: 50px; top: 50%; transform: translateY(-50%); border-left: 1px solid #ccc; } .CmFileUploaderDropZone { } .CmFileUploaderDropZone.in { outline: none; border-color: #ed9eab !important; box-shadow: 0 0 10px #ffaeae; background: #fff0f0; } .CmFileUploaderDropZone.hover { outline: none; border-color: #9ecaed !important; box-shadow: 0 0 10px #6cdaff; background: #f0ffff; } .CmFileUploaderDropZone.fade { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 1; } .Webhard-ExplorerCtrl { } #centerContents .Webhard-ExplorerCtrl .FixedContentsWrap { height: 106px; } #centerContents .Webhard-ExplorerCtrl .FlexContentsWrap { top: 106px; } #centerContents .Webhard-ExplorerCtrl .NoPaging .ListSection { bottom: 24px; } .Webhard-ExplorerCtrl .TotalSizeWrap { padding: 4px 0 0 0; position: relative; height: 19px; margin-right: 5px; } .Webhard-ExplorerCtrl .TotalSizeWrap .TotalSize { color: #090; font-weight: bold; } .Webhard-ExplorerCtrl .TotalSizeWrap .WebHardSize { color: #900; font-weight: bold; } .Webhard-ExplorerCtrl .TotalSizeWrap .WebHardUsage { color: #999; font-weight: normal; } .Webhard-ExplorerCtrl .TotalSizeWrap .WebHardUsage strong { color: #666; } .Webhard-ExplorerCtrl .TotalSizeWrap .WebHardUsage strong.WebHardUsageDanger { color: #c00; } .Webhard-ExplorerCtrl .TotalSizeWrap .WebHardUsageGraph { border: 1px solid #999; border-top: none; position: absolute; bottom: 0; height: 2px; width: 100%; left: 0; } .Webhard-ExplorerCtrl .TotalSizeWrap .WebHardUsageGraph > span { display: block; height: 2px; background: #090; padding: 0; margin: 0; } .Webhard-ExplorerCtrl .TotalSizeWrap .WebHardUsageGraph.WebHardUsageDanger > span { background: #900; } .Webhard-ExplorerCtrl .FolderSummary { position: absolute; bottom: 0; left: 0; right: 0; height: 24px; border-top: 1px solid #666; } .Webhard-ExplorerCtrl .FolderSummary .FileSize { padding: 5px; float: left; } .Webhard-ExplorerCtrl .FolderSummary .FolderStats { padding: 5px; float: right; } .Webhard-ExplorerCtrl .FolderSummary .FileSize strong, .Webhard-ExplorerCtrl .FolderSummary .FolderStats strong { color: #090; } .Webhard-ExplorerCtrl .WebHardFolderTree { position: absolute; width: 100%; top: 0; bottom: 25px; left: 0; overflow: auto; } .Webhard-ExplorerCtrl .FileList .ModifiedDate { color: #666; font-size: 10px; font-family: tahoma, helvetica, sans-serif; padding-top: 2px; padding-bottom: 2px; } .Webhard-ExplorerCtrl .FileList .FileIcon { vertical-align: middle; margin-right: 5px; } .Webhard-ExplorerCtrl .FileList .ListTableColumn-Check input { height: 24px; } .Webhard-ExplorerCtrl .SearchBoxSection { position: absolute; width: 100%; bottom: 0; height: 25px; } .Webhard-ExplorerCtrl .SearchBoxSection .SearchBox { position: relative; width: 100%; margin-top: 0; } .Webhard-ExplorerCtrl .SearchBoxSection .SearchBox .SearchBtn { float: none; position: absolute; left: 0; top: 0; width: 12px; height: 19px; border-bottom: none; } .Webhard-ExplorerCtrl .SearchBoxSection .SearchBox .SearchKeywordWrap { display: block; overflow: hidden; padding-left: 22px; } .Webhard-ExplorerCtrl .SearchBoxSection .SearchBox .SearchKeyword { float: none; display: block; width: 100%; height: 25px; position: static; box-sizing: border-box; border-bottom: none; border-right: none; } .Webhard-ExplorerCtrl .jstree-default .jstree-icon:empty { width: 12px; } .Webhard-ExplorerCtrl .jstree-default .jstree-icon.Icon { width: 16px; margin-top: 4px; margin-right: 7px; } .Webhard-ExplorerCtrl .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -41px -4px; } .Webhard-ExplorerCtrl .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -8px -4px; } .Webhard-ExplorerCtrl .jstree-default > .jstree-container-ul > .jstree-node { margin-left: 5px; } .Webhard-ExplorerCtrl .jstree-default .jstree-node { margin-left: 15px; } .Webhard-ExplorerCtrl .jstree-node .Icon.IconFolder { background-position: -64px -48px; background-image: url('../img/icon_16px.png'); background-repeat: no-repeat; } .Webhard-ExplorerCtrl .jstree-node.jstree-open .Icon.IconFolder { background-position: -80px -48px; background-image: url('../img/icon_16px.png'); background-repeat: no-repeat; } .FolderLinkWrap { } .FolderLinkWrap .FolderLink { border: 1px solid #fff; padding: 3px 3px 4px 3px; display: block; float: left; } .FolderLinkWrap .FolderLink .fa { vertical-align: middle; color: #449fc7; } .FolderLinkWrap .FolderLink:last-child .fa { display: none; } .FolderLinkWrap .FolderLink.RootFolder .fa.fa-folder { display: inline-block; padding-right: 2px; } .FolderLinkWrap .FolderLink:hover, .FolderLinkWrap .FolderLink:active { border: 1px solid #999; border-radius: 2px; } .FolderLinkWrap .FolderLink .FolderName { padding-right: 5px; } .FolderLinkWrap .RootFolder { } .EnterSecretModePopup { } .EnterSecretModePopup .Hint { display: block; padding: 5px 5px; background: #fff0c0; margin: 5px 0; } .EnterSecretModePopup .InputPasswd { display: block !important; width: 100% !important; } .EnterSecretModePopup .BtnOk { margin: 5px 0 0 0; width: 70px; } .EnterSecretModePopup .BtnCancel { margin: 5px 0 0 0; width: 50px; } .MacroBtnWrap { } .MacroBtnWrap .MacroBtn { display: inline-block; border: 1px solid #fc0; padding: 2px 3px; border-radius: 3px; background: #fe9; white-space: nowrap; margin: 1px 1px; } .EnterSecretModeFormWrap { border: 5px solid #efefef; max-width: 300px; margin: 50px auto 0 auto; } .EnterSecretModeFormWrap .EnterSecretModeForm { border: 2px solid #fff; } .EnterSecretModeFormWrap h4 { margin: 0; padding: 7px; text-align: center; background: #c00; color: #fff; } .EnterSecretModeFormWrap .Hint { padding: 7px; } .EnterSecretModeFormWrap input { display: block; margin: 5px 0; padding: 5px; font-size: 20px; } .EnterSecretModeFormWrap .BtnLogin, .EnterSecretModeFormWrap .BtnClose, .EnterSecretModeFormWrap .BtnHome { display: block; text-align: center; border: 1px solid #ccc; } .EnterSecretModeFormWrap .BtnLogin { margin-bottom: 5px; } .Contents .ui-layout-pane { padding: 0; overflow: none; border: none; background: inherit; } .Common-Dialog-SelectUserCtrl { width: 500px; height: 400px; } .Common-Dialog-SelectUserCtrl .FlexContentsWrap { top: 61px; } .Common-Dialog-SelectUserCtrl .ButtonListSection { border-bottom: 1px solid #ccc; } .Common-Dialog-SelectUserCtrl .CmSplitLeftRight { } .Common-Dialog-SelectUserCtrl .CmSplitLeftRight .ButtonList { padding-top: 100px; } .Common-Dialog-SelectUserCtrl .CmSplitLeftRight .ButtonList .Btn { height: auto; padding-left: 3px; padding-right: 0; } .Common-Dialog-SelectUserCtrl .CmSplitLeftRight .ButtonList .Btn .fa { float: left; } .Common-Dialog-SelectUserCtrl .CmSplitLeftRight .ButtonList .Btn .BtnLabel { float: left; width: 30px; } .Common-Dialog-SelectUserCtrl .CmSplitLeftRight .ButtonList .AddWithChildrenBtn { margin-top: 10px; } .cm-modal .Common-Dialog-SelectUserCtrl .FixedContentsWrap header { padding: 5px; margin: 0; color: #fff; background: #333; border-radius: 2px; font-size: 12px; } .cm-modal .Common-Dialog-SelectUserCtrl .FixedContentsWrap header h1 { font-size: 12px; font-weight: normal; margin: 0; } .cm-modal .Common-Dialog-SelectUserCtrl .FixedContentsWrap .SearchBoxSection { float: none; width: 100%; } .cm-modal .Common-Dialog-SelectUserCtrl .FixedContentsWrap .SearchBoxSection .SearchBox { } .cm-modal .Common-Dialog-SelectUserCtrl .FixedContentsWrap .SearchBoxSection .SearchBox .ButtonListSection { clear: none; border-top: none; min-height: 24px; } .cm-modal.HasModalButtonSection .Common-Dialog-SelectUserCtrl .FlexContentsWrap { margin-bottom: 31px; } .cm-modal.HasModalButtonSection .Common-Dialog-SelectUserCtrl .FlexContentsWrap .CmPager { margin-bottom: 5px; } .Common-Dialog-SelectUserCtrl .SearchBoxSection.Type2 { font-size: 12px; float: none; width: 100%;height: 25px; } .Common-Dialog-SelectUserCtrl .SearchBoxSection.Type2 .SearchBox { position: relative; width: 100%; margin-top: 0; } .Common-Dialog-SelectUserCtrl .SearchBoxSection.Type2 .SearchBox .SearchBtn { float: none; position: absolute; left: 0; top: 0; width: 25px; height: 25px; } .Common-Dialog-SelectUserCtrl .SearchBoxSection.Type2 .SearchBox .SearchKeywordWrap { display: block; overflow: hidden; padding-left: 25px; right: 80px;height: 25px; } .Common-Dialog-SelectUserCtrl .SearchBoxSection.Type2 .SearchBox .SearchKeyword { float: none; display: block; width: 100%; height: 25px; position: static; } .cm-modal .Common-Dialog-SelectUserCtrl .cm-modal-content .FlexContentsWrap { overflow: auto; overflow-x: hidden; } .jstree-GwMate { font-size: 12px; } .jstree-GwMate .jstree-container-ul > .jstree-node { margin-left: 0; padding-left: 3px; padding-top: 3px; } .jstree-GwMate .jstree-node { min-height: 20px; line-height: 20px; margin-left: 16px; min-width: 24px; } .jstree-GwMate .jstree-anchor > .jstree-themeicon { vertical-align: middle; margin-left: 0; margin-top: 0; } .jstree-GwMate .jstree-hovered { background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #cccccc; } .jstree-GwMate .jstree-clicked { background: #beebff; border-radius: 2px; box-shadow: inset 0 0 1px #999; } .jstree-GwMate .UserCnt { color: #666; padding-left: 8px; font-size: 10px; } .jstree-GwMate .UserCnt .fa { padding-right: 3px; font-size: 12px; color: #666; } /*.jstree-GwMate .HasMemberPhoto > .jstree-anchor > .jstree-icon { width: 16px; height: 16px; }*/ .jstree-GwMate .HasMemberPhoto > .jstree-anchor > .MemberPhoto { width: 16px; height: 16px; border-radius: 50%; background-size: contain; display: inline-block; vertical-align: middle; margin-right: 5px; } .jstree-GwMate .MemberPhoto .Icon.IconCheckBox { display: none; } .ViewerGridWrap { overflow: auto; max-height: 120px; } .ViewerGrid { } .ViewerGrid td { border-bottom: 1px solid #ccc !important; padding: 2px 4px !important; } .ViewerGrid tr:last-child td { border-bottom: none !important; } .AttendeeGrid th.jsgrid-header-cell { text-align: left; } .AttendeeGrid th.jsgrid-cell { padding: 0; } .AttendeeGrid .jsgrid-filter-row input, .AttendeeGrid .jsgrid-filter-row textarea, .AttendeeGrid .jsgrid-filter-row select, .AttendeeGrid .jsgrid-edit-row input, .AttendeeGrid .jsgrid-edit-row textarea, .AttendeeGrid .jsgrid-edit-row select, .AttendeeGrid .jsgrid-insert-row input, .AttendeeGrid .jsgrid-insert-row textarea, .AttendeeGrid .jsgrid-insert-row select { padding: 0; } .TableStyleForm tbody .AttendeeGrid tr th, .TableStyleForm tbody .AttendeeGrid tr td { padding: 1px; } .AttendeeConfirm-Visible { display: none; } .AttendeeConfirm-Hidden { display: inline-block; } .AttendeeConfirm { font-weight: bold; } .AttendeeConfirm .AttendeeConfirm-Visible { display: inline-block; } .AttendeeConfirm .AttendeeConfirm-Hidden { display: none; } .VisibleToggle.VisibleToggle-Off { } .VisibleToggle.VisibleToggle-Off > .VisibleToggle-OnVisible { display: none; } .VisibleToggle.VisibleToggle-Off > .VisibleToggle-OnHidden { } .VisibleToggle.VisibleToggle-On { } .VisibleToggle.VisibleToggle-On > .VisibleToggle-OnVisible { } .VisibleToggle.VisibleToggle-On > .VisibleToggle-OnHidden { display: none; } /* 부트스트렙 [START] */ .row.no-padding { margin-right: 0; margin-left: 0; } .row.no-padding > [class^="col-"], .row.no-padding > [class*=" col-"] { padding-right: 0; padding-left: 0; } /* 부트스트렙 [ END ] */ /* DataTables [START] */ div.dataTables_wrapper div.dataTables_paginate { text-align: center; } div.dataTables_wrapper table.dataTable { margin-top: 0 !important; } .dataTables_scrollHeadInner { background: #DBF5FF; } .pagination > li > a, .pagination > li > span { border: 1px solid #ccc; min-width: 18px; height: 16px; padding: 2px 2px 2px 2px; display: inline-block; color: #666; box-sizing: content-box; } .pagination > li.previous > a, .pagination > li.previous > span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: 1px solid #ccc; margin-right: 5px; } .pagination > li.first > a, .pagination > li.first > span { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .pagination > li.last > a, .pagination > li.last > span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: 1px solid #ccc; } .pagination > li.next > a, .pagination > li.next > span { border-top-left-radius: 2px; border-bottom-left-radius: 2px; margin-left: 5px; } div.dataTables_wrapper .paginate_button.disabled > a { border-top: none; border-bottom: none; } div.dataTables_wrapper .paginate_button.disabled.first > a , div.dataTables_wrapper .paginate_button.disabled.previous > a , div.dataTables_wrapper .paginate_button.disabled.next > a , div.dataTables_wrapper .paginate_button.disabled.last > a { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } div.dataTables_wrapper div.dataTables_paginate { border-top: 1px solid #ccc; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin-top: 4px; margin-bottom: 0; } div.dataTables_wrapper table.dataTable.table-bordered { border: none; } div.dataTables_wrapper .dataTables_scroll { border: none; border-top: 1px solid #ccc; } div.dataTables_wrapper.NoTopBorder .dataTables_scroll { border-top: none; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 5px; } /* DataTables [ END ] */ .CmSortableList > thead tr { background: #dbf5ff; } .CmSortableList > thead > tr > th, .CmSortableList > thead > tr > td { border-left: none; border-right: none; border-bottom: 1px solid #ccc; padding: 5px 2px 6px 2px; font-weight: normal; vertical-align: middle; cursor: pointer; white-space: nowrap; } .CmSortableList > thead > tr > th input[type=checkbox], .CmSortableList > tbody > tr > td input[type=checkbox], .CmSortableList > thead > tr > th input.CheckItem, .CmSortableList > tbody > tr > td input.CheckItem { vertical-align: middle; margin-top:0; } .CmSortableList > tbody > tr:last-child > td { border-bottom-width: 1px; border-bottom-color: #ccc; } table.CmSortableList.dataTable thead .sorting:after, table.CmSortableList.dataTable thead .sorting_asc:after, table.CmSortableList.dataTable thead .sorting_desc:after, table.CmSortableList.dataTable thead .sorting_asc_disabled:after, table.CmSortableList.dataTable thead .sorting_desc_disabled:after { bottom: 6px; } .CmSortableList > tbody > tr > th, .CmSortableList > tbody > tr > td { border-left: none; border-right: none; border-bottom: 1px solid #efefef; padding: 5px 2px; font-weight: normal; cursor: pointer; vertical-align: middle; } .CmSortableList > tbody > tr > th .label, .CmSortableList > tbody > tr > td .label { font-size: 12px; font-weight: normal; } .CmSortableList > tr.Checked { background: #1251a3; color: #fff; } .CmSortableList.table-striped > tbody > tr.Checked:nth-of-type(odd), .CmSortableList.table-striped > tbody > tr.Checked:nth-of-type(even) { background: #1251a3; color: #fff; } .CmSortableList.table-striped > tbody > tr.Checked:nth-of-type(odd) .Input, .CmSortableList.table-striped > tbody > tr.Checked:nth-of-type(even) .Input { color: #333; } .CmSortableList .dataTables_empty { text-align: center !important; padding: 50px 0 !important; border-bottom: none !important; background: #fff; } .CmSortableList.table-striped > tbody > tr.Checked:nth-of-type(even) .dataTables_empty, .CmSortableList.table-striped > tbody > tr.Checked:nth-of-type(odd) .dataTables_empty { background: #fff; } .CmSortableList thead .sorting:after, .CmSortableList thead .sorting_asc:after, .CmSortableList thead .sorting_desc:after, .CmSortableList thead .sorting_asc_disabled:after, .CmSortableList thead .sorting_desc_disabled:after { bottom: 6px; } .CmSortableList tbody td.child { padding-left: 40px; } .CmBtnGroup { } .CmBtnGroup > .Btn { margin: 0; float: left; border-right-style: none; border-radius: 0; } .CmBtnGroup > .Btn:last-child { border-right-style: solid; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .CmBtnGroup > .Btn:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .CmBtnGroup > .Btn input { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } .CmBtnGroup2 { display: table; width: 100%; } .CmBtnGroup2:before { display: table-row; } .CmBtnGroup2 > .Btn { display: table-cell; } .CmBtnGroup2 > .Btn.Hidden { display: none; } .CmBtnGroup2 > .Btn:last-child { border-right-style: solid; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .CmBtnGroup2 > .Btn:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .CmBtnGroup2 > .Btn input { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } .Cm-CmButton { } .Cm-CmButton:focus { outline: none; box-shadow: 0 0 0 2px #78dcfa; border: 1px solid #569eb3; } .Cm-CmButton .fa { margin-right: 5px; } .Cm-CmButton.CmButtonSize-small { font-size: 90%; } .Cm-CmButton.CmButtonSize-normal { } .Cm-CmButton.CmButtonSize-large { font-size:110%; } .Cm-CmButton.CmButtonStyle-default { background: #fff; border: 1px solid #ccc; color: #333; } .Cm-CmButton.CmButtonStyle-primary { background: #0275d8; border: 1px solid #0275d8; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .Cm-CmButton.CmButtonStyle-secondary { background: #fff; border: 1px solid #ccc; color: #333; } .Cm-CmButton.CmButtonStyle-success { background: #5cb85c; border: 1px solid #5cb85c; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .Cm-CmButton.CmButtonStyle-info { background: #5bc0de; border: 1px solid #5bc0de; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .Cm-CmButton.CmButtonStyle-warning { background: #f0ad4e; border: 1px solid #f0ad4e; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .Cm-CmButton.CmButtonStyle-danger { background: #d9534f; border: 1px solid #d9534f; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .Cm-CmButton.CmButtonStyle-default.Disabled, .Cm-CmButton.CmButtonStyle-primary.Disabled, .Cm-CmButton.CmButtonStyle-secondary.Disabled, .Cm-CmButton.CmButtonStyle-success.Disabled, .Cm-CmButton.CmButtonStyle-info.Disabled, .Cm-CmButton.CmButtonStyle-warning.Disabled, .Cm-CmButton.CmButtonStyle-danger.Disabled { background: #efefef; color: #999; } .StyleForm { border-bottom: 1px solid #ccc; } .StyleForm::before { display: table; content: ' '; } .StyleForm::after { display: table; content: ' '; clear: both; } .StyleForm hr { width: 100%; border: none; border-top: 1px solid #ccc; margin-top: 0; margin-bottom: 0; } .StyleForm .StyleFormGroupHeader { padding: 5px; text-align: left; color: #666; } .StyleForm .StyleFormGroupContents { padding: 5px; } .StyleForm .StyleFormGroupContents.NoPadding { padding: 0; } .StyleForm .StyleFormGroupHeader, .StyleForm .StyleFormGroupContents { border-top: 1px solid #999; } .StyleForm .StyleFormHeader { padding: 5px; text-align: right; color: #666; } .StyleForm .StyleFormInput { padding: 5px; } .StyleForm .StyleFormHeader .control-label, .StyleForm .StyleFormInput .control-label { padding: 4px 5px 4px 0; } .StyleForm .StyleFormHeader, .StyleForm .StyleFormInput { border-top: 1px solid #ccc; } .StyleForm .StyleFormInput .input-group-addon, .StyleForm .StyleFormInput .input-group-btn { vertical-align: top; } .StyleForm .StyleFormInput textarea { resize: none; } .StyleForm ul.StyleFormInput li { margin-bottom: 5px; } .StyleForm ul.StyleFormInput li:last-child { margin-bottom: 0; } .StyleForm .input-group-btn .AttachCntWrap { position: relative; display: inline; } .StyleForm .input-group-btn .AttachCntWrap .AttachCnt { display: inline-block; background: #39c; padding: 0 4px; color: #fff; font-weight: bold; text-shadow: none; box-shadow: none; border-radius: 50%; font-size: 7px; text-align: center; vertical-align: middle; margin-left: 5px; } .StyleForm .StyleFormBlock { padding: 4px 5px 4px 5px; } .StyleForm.StyleFormManualHLine { border-top: 1px solid #ccc; padding-bottom: 5px; } .StyleForm.StyleFormManualHLine .StyleFormHeader, .StyleForm.StyleFormManualHLine .StyleFormInput { border-top: none; padding-bottom: 0; } .StyleForm.StyleFormManualHLine hr { height: 5px; border-top: none; border-bottom: 1px solid #ccc; } .StyleForm.StyleFormManualHLine hr.Hr-Slim { height: 1px; box-sizing: border-box; } .StyleForm.StyleFormManualHLine .StyleFormBlock { padding-bottom: 0; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple { display: block; width: 100%; padding: 0 5px; font-size: 12px; line-height: 1.2; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-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: 23px; overflow: hidden; overflow-y: auto; max-height: 50px; } .select2-container .select2-search--inline .select2-search__field { margin-top: 3px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3); background-color: #1b9dec; background-image: -moz-linear-gradient(top, #1da7ee, #178ee9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9)); background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9); background-image: -o-linear-gradient(top, #1da7ee, #178ee9); background-image: linear-gradient(to bottom, #1da7ee, #178ee9); background-repeat: repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03); } .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { color: #fff; } .select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 1px 6px 2px 6px; margin: 1px 3px 0 0; color: #ffffff; cursor: pointer; background: #1da7ee; border: 1px solid #0073bb; line-height: 1em; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 20px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 12px; padding-top: 4px; } .select2-container .select2-selection--single { height: 22px; } .select2-container--default .select2-selection--single { border-radius: 2px; } .select2-container .select2-dropdown { z-index: 90001; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0; } .WorkAssetBookEditCtrl .OrgChartTreeWrap { height: 150px; overflow: auto; border: 1px solid #ccc; margin-top: 5px; } .WorkAssetBookEditCtrl textarea { height: 110px; } .WorkAssetBookEditCtrl { } .WorkAssetBookEditCtrl textarea { height: 70px; } .WorkAssetBookEditCtrl .ParticipantListWrap { border: 1px solid #ccc; margin-top: 5px; padding: 5px; } .WorkAssetBookEditCtrl .ParticipantList { display: block; max-height: 100px; overflow-y: scroll; overflow-x: hidden; } .WorkAssetBookEditCtrl .ParticipantList .ParticipantItem { display: block; float: left; width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 2px 20px 2px 5px; position: relative; box-sizing: border-box; } .WorkAssetBookEditCtrl .ParticipantList .ParticipantItem:nth-child(odd) { border-right: 1px solid #ccc; } .WorkAssetBookEditCtrl .ParticipantList .ParticipantItem .Name { } .WorkAssetBookEditCtrl .ParticipantList .ParticipantItem .Email { color: #999; } .WorkAssetBookEditCtrl .ParticipantList .ParticipantItem .Email { color: #999; } .WorkAssetBookEditCtrl .ParticipantList .ParticipantItem .ParticipantDeleteBtn { position: absolute; right: 5px; top: 3px; cursor: pointer; } .WorkAssetBookEditCtrl .Hint { border: 1px solid #e2d575; padding: 2px 5px 2px 5px; background: #fbfad8; color: #666; margin-top: 2px; } .WorkAssetBookEditCtrl .RepeatTypeD, .WorkAssetBookEditCtrl .RepeatTypeW, .WorkAssetBookEditCtrl .RepeatTypeM, .WorkAssetBookEditCtrl .RepeatTypeY { margin-top: 5px; } .WorkAssetBookCtrl .CmSortableList tr.Checked { background: none; color: inherit; } .WorkAssetBookCtrl .CmSortableList.table-striped > tbody > tr.Checked:nth-of-type(odd) { background: #f9f9f9; color: inherit; } .WorkAssetBookCtrl .CmSortableList.table-striped > tbody > tr.Checked:nth-of-type(even) { background: inherit; color: inherit; } /*.WorkAssetBookCtrl table.dataTable > tbody > tr.child:hover { background: #fff !important; }*/ .WorkAssetBookCtrl .CmSortableList.dataTable.dtr-inline.collapsed > tbody > tr > td.child:first-child, .WorkAssetBookCtrl .CmSortableList.dataTable.dtr-inline.collapsed > tbody > tr > th.child:first-child { padding-left: 0; padding-right: 0; } .WorkAssetBookCtrl .CmSortableList .child { padding-top: 0; padding-bottom: 0; line-height: 0; } .WorkAssetBookCtrl .CmSortableList > tbody > tr.child > .child > ul { width: 100%; } .WorkAssetBookCtrl .CmSortableList .child > ul > li { padding-bottom: 0; line-height: 1.4em; } .Contents.Main-MainCtrl { background: #ECEFF1; min-height: 100%; } .Contents .tui-editor-defaultUI-toolbar { background: none; } .Contents .tui-editor-defaultUI-toolbar button { background-color: #fff; border: none; } .Contents .te-md-container .CodeMirror { font-size: 12px; color: #333; font-family: "나눔고딕코딩", "Consolas", monospace; } .Main-EditPortletCtrl { } .Main-EditPortletCtrl ul.WidgetList { min-width: 300px; } .Main-EditPortletCtrl h4 { font-weight: normal; font-size: 12px; background: #f0f0f0; padding: 5px; margin: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .Main-EditPortletCtrl ul.WidgetList > li { padding: 0; } .Main-EditPortletCtrl ul.WidgetList label { cursor: pointer; padding: 5px 10px; display: block; } .AssetBookHeader { margin: 0; padding: 0; box-sizing: border-box; } ul.AssetBookHeader { display: block; float: left; margin: 0; padding: 0; box-sizing: border-box; } .AssetBookHeader > li { margin: 0; padding: 0; text-align: center; } .AssetBookHeader.AssetBookHeader-Day { width: 100%; height: 56px; min-width: 300px; } thead .AssetBookHeader.AssetBookHeader-Day { font-size: 11px; } thead .AssetBookHeader.AssetBookHeader-Day > li { border-bottom: 1px solid #ccc; } .AssetBookHeader.AssetBookHeader-Day > li { display: block; float: left; width: 8.32%; border: 1px solid #ccc; border-top-style: none; border-bottom-style: none; border-right-style: none; height: 28px; padding-top: 0; border-bottom: 1px solid #e9e9e9; position: relative; } thead .AssetBookHeader.AssetBookHeader-Day > li { padding-top: 7px; } table.dataTable > tbody > tr.child .AssetBookHeader.AssetBookHeader-Day > li { padding: 0; } /*.AssetBookHeader.AssetBookHeader-Day > li.Hour0, .AssetBookHeader.AssetBookHeader-Day > li.Hour1, .AssetBookHeader.AssetBookHeader-Day > li.Hour2, .AssetBookHeader.AssetBookHeader-Day > li.Hour3, .AssetBookHeader.AssetBookHeader-Day > li.Hour4, .AssetBookHeader.AssetBookHeader-Day > li.Hour5, .AssetBookHeader.AssetBookHeader-Day > li.Hour6, .AssetBookHeader.AssetBookHeader-Day > li.Hour7, .AssetBookHeader.AssetBookHeader-Day > li.Hour8, .AssetBookHeader.AssetBookHeader-Day > li.Hour9, .AssetBookHeader.AssetBookHeader-Day > li.Hour10, .AssetBookHeader.AssetBookHeader-Day > li.Hour11,*/ .AssetBookHeader.AssetBookHeader-Day > li.Hour12, .AssetBookHeader.AssetBookHeader-Day > li.Hour13, .AssetBookHeader.AssetBookHeader-Day > li.Hour14, .AssetBookHeader.AssetBookHeader-Day > li.Hour15, .AssetBookHeader.AssetBookHeader-Day > li.Hour16, .AssetBookHeader.AssetBookHeader-Day > li.Hour17, .AssetBookHeader.AssetBookHeader-Day > li.Hour18, .AssetBookHeader.AssetBookHeader-Day > li.Hour19, .AssetBookHeader.AssetBookHeader-Day > li.Hour20, .AssetBookHeader.AssetBookHeader-Day > li.Hour21, .AssetBookHeader.AssetBookHeader-Day > li.Hour22, .AssetBookHeader.AssetBookHeader-Day > li.Hour23 { border-bottom-style: none; } .AssetBookHeader.AssetBookHeader-Day > li.Hour23 { border-right-style: solid; } .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-1, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-2, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-3, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-4 { display: inline-block; width: 25%; height: 100%; vertical-align: top; border-right: 1px dotted #ccc; } .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-1.Requested, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-2.Requested, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-3.Requested, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-4.Requested { background: #F0AD4E; border-right-color: #d29032; } .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-1.Approved, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-2.Approved, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-3.Approved, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-4.Approved { background: #5CB85C; border-right-color: #4aa34a; } .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-4, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-4.Approved, .AssetBookHeader.AssetBookHeader-Day .AssetBookSlot-4.Requested { border-right-style: none; } .AssetBookHeader.AssetBookHeader-Week { width: 100%; min-width: 300px; min-height: 28px; } .AssetBookHeader.AssetBookHeader-Week > tbody > tr > td { width: 14%; border: 1px solid #ccc; border-top-style: none; border-bottom-style: none; border-right-style: none; min-height: 28px; vertical-align: top; } thead .AssetBookHeader.AssetBookHeader-Week td { padding-top: 1px; text-align: center; } .AssetBookHeader.AssetBookHeader-Week td:first-child { width: 15%; } .AssetBookHeader.AssetBookHeader-Week td:last-child { width: 15%; } .AssetBookHeader.AssetBookHeader-Week td .BookUserList > li { padding: 3px 0 3px 3px; } .AssetBookHeader.AssetBookHeader-Week td .BookUserList .ApprovedY { color: #090; } .AssetBookHeader.AssetBookHeader-Week td .BookUserList .ApprovedP { color: #993; } .AssetBookHeader.AssetBookHeader-Week td .BookUserList .BookTime { font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; } .AssetBookHeader.AssetBookHeader-Month { width: 100%; height: 140px; } thead .AssetBookHeader.AssetBookHeader-Month { font-size: 11px; } thead .AssetBookHeader.AssetBookHeader-Month > li { border-bottom: 1px solid #ccc; } .AssetBookHeader.AssetBookHeader-Month > li { display: block; float: left; width: 14%; border: 1px solid #ccc; border-top-style: none; border-right-style: none; height: 28px; padding-top: 7px; border-bottom: 1px solid #e9e9e9; } .AssetBookHeader.AssetBookHeader-Month > li.Day29, .AssetBookHeader.AssetBookHeader-Month > li.Day30, .AssetBookHeader.AssetBookHeader-Month > li.Day31, .AssetBookHeader.AssetBookHeader-Month > li.Day32, .AssetBookHeader.AssetBookHeader-Month > li.Day33, .AssetBookHeader.AssetBookHeader-Month > li.Day34, .AssetBookHeader.AssetBookHeader-Month > li.Day35 { border-bottom-style: none; } .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Day { height: 28px; } .CmSortableList-Lg thead .AssetBookHeader.AssetBookHeader-Day { } .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Day > li { width: 4.16%; border-bottom-style: none; } .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Week { } .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Week td { } .CmSortableList-Lg thead .AssetBookHeader.AssetBookHeader-Week td { } .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Week td:first-child { } .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Week td:last-child { } .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Month { height: 28px; } .CmSortableList-Lg thead .AssetBookHeader.AssetBookHeader-Month { } .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Month > li { width: 3.21%; border-bottom-style: none; } .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Month > li.Day32, .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Month > li.Day33, .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Month > li.Day34, .CmSortableList-Lg .AssetBookHeader.AssetBookHeader-Month > li.Day35 { display: none; } .CmSortableList thead > tr > th.AssetBookColumn, .CmSortableList thead > tr > td.AssetBookColumn, .CmSortableList tbody > tr > th.AssetBookColumn, .CmSortableList tbody > tr > td.AssetBookColumn { padding: 0; line-height: 1em; }