body, form, div, li, h1, h2, h3, h4, h5, h6, pre, fieldset, p, blockquote { margin: 0; padding: 0; }
input:disabled { -webkit-text-fill-color: #333; opacity: 1; }
textarea:disabled { -webkit-text-fill-color: #333; opacity: 1; }
.cssInitBody { background-color: #fafafa; background-image: url('AscentLogoBck.svg'); background-repeat: no-repeat; background-position-x: right; color: #3c3c3c; font: 11px Verdana, Geneva, sans-serif; }
.cssBody { background: #ffffff none repeat scroll 0 0; color: #3c3c3c; font: 11px Verdana, Geneva, sans-serif; height: 100%; }
.cssLeftPanel { position: absolute; top: 43px; bottom: 0px; left: 0px; background: #E4EFFA; box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.14); padding: 8px 0px 2px 16px; border-right: 1px solid #849DBD; z-index: 1000; }
.cssTabPageBck { background-color: #fafafa; background-image: url('AscentLogoBck.svg'); background-repeat: no-repeat; background-position-x: right; }
.cssLeftPanelBck { background-position: calc(100% - 340px) calc(100% - 400px); background-image: url('AscentLogoBckVert.svg'); }
.cssRightPanel { position: absolute; top: 43px; bottom: 0px; right: 0px; background: #FFFFFF; box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.14); padding: 8px 0px 8px 18px; z-index: 1000; }
.TopMenuVerticaltPanel { position: absolute; left: 0px; top: 43px; right: 0px; background-color: #00335C; padding-bottom: 8px; }
.cssTabTitle { padding: 2px 8px 0px 8px; }
.cssTabHidenDiv { position: absolute; background-color: transparent; width: 1px; height: 1px; }
.cssTabContentOverflow { box-sizing: border-box; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; }
.cssSearchButtonDisabled { border-color: white; background: white; }
.cssAscent { font-weight: normal; font-size: 22px; color: #fff; }
.cssUserMenu { top:5px; right:6px; position:absolute; }
.cssActiveUser { position: absolute; background-color: #1dd71d; width: 6px; height: 6px; right: 0px; top: -5px; }
.cssActiveUser2 { position: absolute; background-color: #1dd71d; width: 6px; height: 6px; right: 0px; bottom: 0px; }
.cssActiveUser3 { color: #1aaa16; }
.cssCRImg { display: table-cell; vertical-align: middle; }
.cssCRTxt { display: table-cell; padding-left: 6px; vertical-align: middle; white-space: normal; }
.cssButtonMenu { margin-left:5px; margin-right:5px; }
.cssSystemMsgDiv { background: #ffec82; border: 1px solid #b4a555; padding: 4px 4px 4px 4px; color: #000; }
.cssNote22 { background: url('/Styles/SpriteImgXXA20250724.png') -228px -65px !important; width: 22px; height: 22px; cursor: pointer; }
.cssNoteContent { display: table-cell; vertical-align: middle; text-align: center; width: 21px; height: 20px; }
.cssSepV { height: 2px; background: #e0e0e0; }
.cssMainBox { border: 1px solid #8ba0bc; margin-top: 2px; }
.cssMainBoxH { background-color: #e4effa; padding: 6px 10px 6px 10px; border-bottom: 1px solid #8ba0bc; }
.cssMainBoxC { padding: 10px; }
.cssMainBoxF { background-color: #e4effa; padding: 6px 10px 6px 10px; border-top: 1px solid #8ba0bc; }
.cssCenterGrid { margin: 0 auto; }
.cssDivL { float: left; }
.cssDivML { float: left; margin-left: 8px; }
.cssDivMR { float: left; margin-right: 8px; }
.cssDivLast { float: right; }
.cssDivMLR { float: left; margin-left: 8px; margin-right: 8px; }
.cssDivCaption { float: left; height: 22px; line-height: 22px; }
.cssDivCaptionML { margin-left: 8px; float: left; height: 22px; line-height: 22px; }
.cssDivCaptionMR { margin-right: 8px; float: left; height: 22px; line-height: 22px; }
.cssDivCaptionMLR { margin-left: 8px; margin-right: 8px; float: left; height: 22px; line-height: 22px; }
.cssDivTable { display: table; border-collapse: collapse; }
.cssDivCell { display: table-cell; }
.cssDivCell_VAM { display: table-cell; vertical-align: middle; }
.cssDivCellML { display: table-cell; padding-left: 8px; }
.cssDivCellML_VAM { display: table-cell; padding-left: 8px; vertical-align: middle; }
.cssButton div.dxb { padding: 1px 1px !important; }
.cssButton2 div.dxb { padding: 1px 4px 1px 5px !important; }
.cssButton3 div.dxb { padding: 2px 1px 2px 2px !important; }
.cssButton4 div.dxb { padding: 1px 2px 1px 2px !important; }
.cssCardViewWhiteBack { background-color: #ffffff; }
.dxmodalSys.dxdd-root .dxpcDropDown_Office2010Blue .dxdd-input { border-color: #8ba0bc !important; height: 34px !important; padding: 0 15px !important; }
.dxmodalSys.dxdd-root .dxpcDropDown_Office2010Blue .dxdd-input > input { font-size: 16px !important; color: black !important; }
.dxmodalSys.dxdd-root .dxpcDropDown_Office2010Blue .dxpc-mainDiv.dxdd-list .dxeListBox_Office2010Blue { background-color: transparent !important; }
.dxmodalSys.dxdd-root .dxpcDropDown_Office2010Blue .dxpc-mainDiv.dxdd-list .dxeListBox_Office2010Blue .dxeListBoxItem_Office2010Blue { padding-left: 17px !important; }
.dxmodalSys.dxdd-root .dxpcDropDown_Office2010Blue .dxdd-input { margin: 12px 12px 0 12px !important; }
.dxmodalSys.dxdd-root .dxpcDropDown_Office2010Blue .dxpc-mainDiv.dxdd-list .dxeListBox_Office2010Blue { margin: 0px 12px 0 12px !important; width: calc(100% - 24px) !important; }
.dxpcDropDown_Office2010Blue .dxdd-header { padding: 12px 0 12px 0 !important; }
.dxpcDropDown_Office2010Blue .dxdd-header .dxdd-caption:first-child { padding-left: 17px !important; }
.dxeDisabled_Office2010Blue, .dxeDisabled_Office2010Blue td.dxe { color: #333 !important; }
.dxcvControl_Office2010Blue .dxcvSeparator_Office2010Blue, .dxcvControl_Office2010Blue .dxcvSeparator_Office2010Blue div { height: 6px !important; }
.dxucBrowseButton_Office2010Blue { padding: 2px 4px 2px 5px !important; }
.cssFormLayout .dxflGroup_Office2010Blue { padding-top: 2px !important; padding-left: 0px !important; padding-right: 0px !important; }
.dxcvTable_Office2010Blue { padding:6px !important; }
.AscentNode_Office2010Blue_None { background: none !important; }
.AscentNode_Office2010Blue_None:hover { background: #e6ffe5 !important; }
.dxtlNode_Office2010Blue:hover { background: #e6ffe5; }
.dxtlAltNode_Office2010Blue:hover { background: #e6ffe5; }
.dxflRequired_Office2010Blue { Color: red !important; font-weight: bold; }
.dxflGroupBox { padding: 0 0 8px !important; margin: 6px 0px !important; }
.dxflGroupBox > .dxflGroup .dxflChildInFirstRowSys.dxflGroupCell > .dxflItem,
.dxflGroupBox > .dxflGroup .dxflChildInFirstRowSys > .dxflGroupCell > .dxflItem { padding-top: 2px; }
.dxeRequiredMark_Office2010Blue { Color: red !important; font-weight: bold; }
.dxrd-image-parameters-inactive, .dxrd-image-parameters-active { display: none; }
.dxgvDetailRow_Office2010Blue, td.dxgvDetailCell_Office2010Blue, .dxgvAdaptiveDetailRow_Office2010Blue td.dxgvAdaptiveDetailCell_Office2010Blue { padding: 1px 0px 0px 0px !important; }
.cssNoBackgroundColor { background-color: transparent !important; }
.cssScrollBox { overflow-y: auto; }
.cssFirefoxScrollBox { width: 100%; margin-top: 0px; margin-bottom: 0px; overflow-y: auto; }
.cssMenuBck1 { background: #dae5f2 url('/Styles/MenuBck.png') repeat-x left top; border: 1px solid #8ba0bc; background-size: auto 100%; }
.cssMenuBck2 { background: #dae5f2 url('/Styles/MenuBck.png') repeat-x left top; border-top: 1px solid #8ba0bc; border-bottom: 1px solid #8ba0bc; background-size: auto 100%; }
.cssMenuBck3 { background: #dae5f2 url('/Styles/MenuBck.png') repeat-x left top; border-top: 1px solid #8ba0bc; background-size: auto 100%; }
.cssMenuBck4 { background: #dae5f2 url('/Styles/MenuBck.png') repeat-x left top; border-left: 1px solid #8ba0bc; border-right: 1px solid #8ba0bc; border-bottom: 1px solid #8ba0bc; background-size: auto 100%; }
.cssMenuBck5 { background: #dae5f2 url('/Styles/MenuBck.png') repeat-x left top; border-bottom: 1px solid #8ba0bc; background-size: auto 100%; }
.cssMenuBck6 { background: #dae5f2 url('/Styles/MenuBck.png') repeat-x left top; background-size: auto 100%; }
.cssMenuBckTransparent { background: transparent !important; }
.cssTDUnderline { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #9f9f9f; }
.cssMaxMinBtnWrapper { top: 2px; left: 2px; padding: 6px 6px 6px 6px; position: absolute; background-color: rgba(0, 0, 0, 0.75); cursor: pointer; }
.cssWidgetReportBtnWrapper { top: 0px; right: 0px; padding: 6px 6px 6px 6px; position: absolute; background-color: rgba(0, 0, 0, 0.75); cursor: pointer; }
.cssGridToolBtnWrapper { right: 0px; padding: 3px 5px 4px 5px; position: absolute; background-color: rgba(0, 0, 0, 0.75); cursor: pointer; }
.cssNoItems { border: 1px solid #cfddee; text-align: center; padding: 20px 2px 20px 4px; color: #777; }
.cssTreeNoIndent .dxtv-subnd { margin-left: 12px !important; }
.cssTreeNoIndent .dxtv-elb { display: none; }
.cssDocZone { float: left; margin: 4px; }
.cssHL { color: #000; background-color: #ffd83a; font-weight: bold; }
.cssFormTab { border: 0; border-spacing: 0; border-collapse: collapse; }
.cssFormTdL4 { padding-left: 4px; }
.cssFormTdL8 { padding-left: 8px; }
.cssFormTd22 { padding: 2px 2px; }
.cssFormTdT4 { padding-top: 4px; }
.cssFormTdB8 { padding-bottom: 8px; }
.cssFormTdLB8 { padding-left: 8px; padding-bottom: 8px; }
.cssPointerCursor { cursor: pointer !important; }
.cssFilterCaption { padding: 4px 0px 2px 0px; }
.cssObjectFieldCaption { padding: 4px 2px 2px 2px; }
.cssObjectFieldEditor { padding: 4px 2px 2px 2px; }
.cssObjectFieldSection { padding-top:8px; padding-bottom:4px; margin-top: 8px; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 2px #b4cae3 solid; }
.cssDivCell { float: left; margin:1px; height:20px; }
.cssDivCellText { float: left; margin:1px; height:20px; padding-top:3px; }
.cssGridHeaderRed { background: #ffdfd1 url('none') !important; }
.cssGridHeaderRed { background: #ffdfd1 url('none') !important; }
.cssGridHeaderGreen { background: #cce8b5 url('none') !important; }
.cssGridCellsRed { background: #fdb1ad url('none') !important; }
.cssGridCellsGreen { background: #cce8b5 url('none') !important; }
.cssGridCellsCream { background: #e0d7bc url('none') !important; }
.cssYC { margin: 0 auto; }
.cssToolTip { border: 1px solid #666; background-color: #ffffe1; width: 250px; max-height: 180px; color: #333; font-weight: normal; font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif; text-align: left; padding: 8px 8px; position: absolute; overflow: auto; box-shadow: 4px 4px 10px -3px rgba(0,0,0,0.35); }
.cssMemoReadOnlyOut { border: 1px solid #e2e2e2; background: #f3f3f3; color: #333; display: inline-block; overflow: auto; }
.cssMemoReadOnlyIn { padding: 6px; }
.cssGridViewReadOnlyCell { padding: 0px 6px; line-height: 2; }
.cssGridViewEmptyDataRow { border: 0px none !important; }
.cssGridViewEmptyDataRow td { border: 0px none !important; }
.cssGridViewEmptyDataRowSmall { padding: 4px 2px 4px 4px !important; }
.cssGridViewEmptyDataRowSmall td { padding: 4px 2px 4px 4px !important; }
.cssDocumentBody { }
.cssDocumentItemMaxHeight { display: inline-block; padding: 3px 0px; overflow-x: hidden; overflow-y: auto; }
.cssDocumentTestBody { background-color: #f8fff8; background-image: url('/Styles/TestBck.png'); z-index: -1; }
.cssDocumentNoteContent { padding: 8px; }
.cssDocumentNoteViewText { height: 130px; vertical-align: top; overflow-y: auto; }
.cssDocumentNoteEditText { height: 126px; width: 100%; border: none; background-color: #ffffeb; resize: none; }
.cssDocumentNoteGrayText { color: #777; font-size: smaller; }
.cssCopyrightDiv { position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: white; border-top: 1px solid #E8E8E8; padding: 8px; }
.cssDocRightTopTools { position: absolute; right: 0px; padding-top: 1px; padding-left: 4px; padding-right: 4px; border-left: 1px solid #859EBF; border-bottom: 1px solid #859EBF; background-color: #FFFFFF; z-index: 1; }
.cssCtlCaptionWrap { white-space: normal; word-wrap: break-word; }
.cssGridFooterTextWrap { white-space: normal; word-wrap: break-word; }
.cssGridPreviewRowSmallPaddings td { padding: 2px !important; }
.cssStampControlsBck { position: relative; z-index: 1; }
.cssStampBck { display: none; pointer-events: none; position: absolute; width: 256px; height: 256px; margin-top: 14px; right: 20px; z-index: 0; }
.cssStampLargConfirmed { background: url('/Styles/StampLargConfirmed.png') no-repeat; background-position-x: calc(100%); height: 100%; }
.cssStampLargWarning { background: url('/Styles/StampLargWarning.png') no-repeat; background-position-x: calc(100%); height: 100%; }
.cssStampLargError { background: url('/Styles/StampLargError.png') no-repeat; background-position-x: calc(100%); height: 100%; }
.cssModuleLogo { text-align: center; margin-top: 130px; }
.cssInlineBlock { display: inline-block; }
.sccInBoxTitleConteiner { display: flex; justify-content: space-between; background-color: lightgoldenrodyellow; }
.sccInBoxTitle { margin-top: auto; margin-bottom: auto; padding-left: 2px; font-size: 110%; white-space: nowrap; }
.sccInBoxRowDocumentNoRead { font-style: italic; }
.sccInBoxCellDocumentNoRead { background-color: yellow; }
.sccInBoxCellDocumentReVerification { background: url('/Styles/Exclamation16E.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: 2px; }
.sccInBoxFlagTD { position: relative; }
.sccInBoxFlagImg { position: absolute; right: 0px; opacity: 0.25; }
.sccInBoxFlagImg:hover { opacity: 1; }
.sccCalcBut { width: 28px; height: 24px; line-height: 24px; align-content: center; text-align: center; border: solid 1px #aab9cf; border-radius: 5px; margin: 1px; cursor: pointer; }
.sccCalcBut:hover { background-color: #fcf9df; }
.cssDivButton { border: solid 1px transparent; padding: 4px; cursor: pointer; }
.cssDivButton:hover { background-color: #fcf9df; border: solid 1px #f2ca58; padding: 4px; }
.cssCustomScrollBar { -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-color: var(--neutralTertiaryAlt) transparent; scrollbar-width: thin; -webkit-scrollbar-base-color: var(--white); -webkit-scrollbar-face-color: var(--neutralTertiaryAlt); -webkit-scrollbar-shadow-color: var(--white); -webkit-scrollbar-highlight-color: var(--white); -webkit-scrollbar-3dlight-color: var(--white); -webkit-scrollbar-darkshadow-color: var(--white); -webkit-scrollbar-track-color: var(--white); -webkit-scrollbar-arrow-color: var(--white); }
.cssFakeEdit { height: 21px; background-color: #fafafa; }
.cssFakeEditInput { background-color: #fafafa !important; }
.cssFakeEditTextArea { width: 100%; height: 100%; background-color: #fafafa !important; }
.cssFakeEditCheckT { margin-left:-2px; }
.cssFakeEditCheckC { padding-left: 0; }
.cssBlinkImage { padding:20px; width:calc(100% - 40px); height: calc(100% - 40px); object-fit: contain; }
.cssCtlContainer { border: 1px solid #abbad0; width: calc(100% - 2px); }
.cssSTTD { overflow: hidden; padding: 4px 6px; }
.cssPreviewRowLine { display: block; height: 3px; margin: 5px 0; background-color: black; }
.cssButtonWidget { background: #d4e3f1; border: 1px solid #abbad0; }
.cssButtonWidget_Hover { background: #bed3e8; border: 1px solid #abbad0; }
.cssDocPanelHeader { background-image: none !important; }
.cssDocPanelHeaderCaption { height: 22px; box-sizing: content-box; overflow-x: hidden; padding: 2px 0px; vertical-align: middle; display: table-cell; white-space: nowrap; }
.cssDocPanelContent { margin: 16px 20px 0px 16px; }
.cssDocPanelTopContent { padding: 0px 20px 0px 16px; overflow-y: auto; }
.cssDocPanelFooter { width: 100%; border-top: 1px solid #909aa6; }
.cssDocPanelFooterContent { padding: 8px 16px 8px 16px; }
.cssDocPanelContentCenterOuter { display: table; height: 100%; width: 100%; }
.cssDocPanelContentCenterInner { display: table-cell; vertical-align: middle; text-align: center; }
.cssNoMarginsAndPaddings { margin: 0px; padding: 0px; }
.cssMarginTop4AndNoPaddings { margin-top: 4px; padding: 0px; }
.cssNotificationCounterDiv { position: absolute; pointer-events: none; }
.cssNotificationCounter { background-color: #ff5a00; border-radius: 8px; box-sizing: content-box; color: #fff; padding: 0 4px; position: relative; right: 22px; bottom: -26px; }
.cssLayoutItemCaption100P { width: 100% !important; min-width: 100% !important; }
.cssLayoutItemNestedCtlVAlignMiddle { vertical-align: middle; }
.cssLayoutItemNestedCtlVAlignBottom { vertical-align: bottom; }
.cssFileManagerPreviewFile { background-image: url('Search16E.png') !important; background-repeat: no-repeat !important; background-position: 4px 3px !important; }
.cssFileManagerPreviewFile.dxm-disabled { background-image: url('Search16D.png') !important; }
.cssFileManagerShare { background-image: url('Share16Ev2.png') !important; background-repeat: no-repeat !important; background-position: 4px 3px !important; }
.cssFileManagerShare.dxm-disabled { background-image: url('Share16Dv2.png') !important; }
.cssWTSHeaderToday { background-color: #ffdb6d; background-image: none; }
.cssWTSEventLstContent { padding-left: 4px; padding-right: 4px; overflow-y: auto; }
.cssWTSEventBoxOut { border: 2px solid lightgray; padding-left: 6px; cursor: pointer; }
.cssWTSEventBoxOut:hover { border: 2px solid #ffdb6d; }
.cssWTSEventBoxIn { background-color: white; }
.cssWTSEventBoxContent { border-left: 1px solid lightgray; padding: 4px 8px 4px 8px; max-height: 200px; overflow: hidden; }
.cssWTSEventHours { font-size: 11px; opacity: 0.65; }
.cssWTSEventName { margin-top: 2px; font-size: 13px; }
.cssWTSEventDesc { margin-top: 4px; font-size: 11px; opacity: 0.65; }
.cssWTSCell { padding-top: 3px; padding-bottom: 3px; cursor: pointer; }
.cssWTSCellSum { padding-top: 3px; padding-bottom: 3px; }
.cssScheduler { font-size: 11px; }
.cssSchedulerHeader { background: #e4effa url('SchedulerHeaderBck.png') repeat-x left top; border: 1px solid #8ba0bc; padding: 1px; font-weight: bold; }
.cssSchedulerHeaderDay { background: #e4effa url('SchedulerHeaderBck.png') repeat-x left top; border: 1px solid #8ba0bc; padding: 1px; }
.cssSchedulerHeaderDaySmall { font-size: 8px; }
.cssSchedulerHeaderFreeDay { background: #ffe2e5 url('SchedulerHeaderFreeDayBck.png') repeat-x left top; border: 1px solid #8ba0bc; padding: 1px; }
.cssSchedulerHeaderToday { background: #f7e7d7 url('SchedulerHeaderFreeTodayBck.png') repeat-x left top; border: 1px solid #8ba0bc; padding: 1px; }
.cssSchedulerHeaderRes { background: #e4effa url('SchedulerHeaderBck.png') repeat-x left top; border: 1px solid #8ba0bc; padding: 1px; font-weight: bold; }
.cssSchedulerDay { background: #fafafa; border: 1px solid #e1e1e1; padding: 1px; }
.cssSchedulerFreeDay { background: #f0f0f0; border: 1px solid #e1e1e1; padding: 1px; }
.cssSchedulerToday { background: #f7e7d7; border: 1px solid #e1e1e1; padding: 1px; }
.cssSchedulerResOuter { background: #e4effa; border: 1px solid #8ba0bc; padding: 1px; }
.cssSchedulerResInner { text-align: left; vertical-align: middle; padding: 0px 3px 0px 3px; }
.cssSchedulerResSumOuter { border: 1px solid #e1e1e1; padding: 1px; border-style: solid; background: #f5f5d2; }
.cssSchedulerResSumInner { text-align: center; vertical-align: middle; }
.cssSchedulerResHour { text-align: center; border-color: #e1e1e1 !important; }
.cssSchedulerTaskOuter { border: 1px solid #616161; display :block; position :absolute; overflow :hidden; background-color: #aaaaff; }
.cssSchedulerTaskInner1 { padding: 0px 2px 0px 2px; vertical-align: middle; text-align: center; color: #000000; }
.cssSchedulerTaskInner2 { padding: 0px 2px 0px 2px; vertical-align: text-top; text-align: left; color: #000000; }
.cssSchedulerPage { background: #e4effa; border: 1px solid #8ba0bc; text-decoration: none; color: #000000; font-style: normal; }
.cssSchedulerPage td a { text-decoration: none; color: #000000; padding: 4px; }
.cssSchedulerPage td a:hover { text-decoration: none; color: #000000; cursor: pointer; }
.cssSchedulerSelectedPager { text-decoration: none; color: #1e395b; background: #f7e7a6 none; padding: 4px; border: 1px solid #c08930; }
.cssASPGrid { border: 0px; color: #333; }
.cssASPGridH { background: #dae5f2 url('/Styles/MenuBck.png') repeat-x left top; }
.cssASPGridH th { border: 1px solid #8ba0bc; padding: 4px 6px; text-align: center; font-weight: normal; }
.cssASPGridR { background: #fff; }
.cssASPGridRA { background: #f7fbfd; }
.cssASPGridRS { background: #d55805; }
.cssASPGridI { border: 1px solid #cfddee; padding: 4px 6px; }
.cssASPGridEmptyRow { border: 1px solid #8ba0bc; }
.cssMarginTop4 { margin-top: 4px; }
.cssAscentPagingPanel { width: 100%; display: inline-block; background-color: #e2ebf6; padding: 2px 0px 1px 4px; position: absolute; bottom: 0px; }
.cssAscentPagingNum, .cssAscentPagingNumSel, .cssAscentPagingDis, .cssAscentPagingAction, .cssAscentPagingActionDis { display: block; float: left; line-height: 100%; text-decoration: none; font-weight: normal; margin-left: 2px; }
.cssAscentPagingNum { color: #1e395b; padding: 6px 6px; margin-top: 1px; cursor: pointer; }
.cssAscentPagingNumSel { color: #1e395b; padding: 5px 5px; background: #f7e7a6 none; border: 1px solid #c08930; }
.cssAscentPagingDis { color: #aaaaaa; padding: 6px 6px; margin-top: 1px; }
.cssAscentPagingAction { cursor: pointer; }
.cssAscentCBL { display: block; border: 1px solid #8ba0bc; box-sizing: border-box; overflow-y: auto; }
.cssAscentCBLItem { display: inline-block; padding: 4px; }
.cssAscentCBLCheck { vertical-align: middle; position: relative; bottom: 1px; }
.cssAscentNotifyContent { display: inline-block; vertical-align: middle; padding: 10px; position: absolute; left: 50%; top: 5px; overflow: hidden; border-radius: 6px; color: #fff; font-size: 110%; z-index: 15002; }
.cssAscentNotifyIcon { }
.cssAscentNotifyIconSuccess { background: url('/Styles/SpriteImg32A20250724.png') -199px -67px; width: 32px; height: 32px; }
.cssAscentNotifyIconError { background: url('/Styles/SpriteImg32A20250724.png') -265px -67px; width: 32px; height: 32px; }
.cssAscentNotifyIconBusy { background: url('/Styles/SpriteImg32A20250724.png') -199px -100px; width: 32px; height: 32px; }
.cssAscentNotifyIconDownload { background: url('/Styles/SpriteImg32A20250724.png') -1px -133px; width: 32px; height: 32px; }
.cssAscentNotifyMessage { display: table-cell; vertical-align: middle; padding-left: 10px; }
.cssAscentClientLog { position: fixed; right: 0; bottom: 0; z-index: 100000; width: 300px; padding: 6px; background-color: #fffed9; border: 1px solid #c08930; }
.cssAscentClientLogBut { cursor: pointer; padding: 2px 4px; background-color: lightgray; display: inline; }
.cssAscentISE { z-index: 13000; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(255, 0, 0, 0.2); }
.cssAscentISEContent { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #8ba0bc; background-color: #fafafa; box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.40); }
.cssNoticeBckPanel { height: 100%; padding-right: 8px; overflow-y: auto; }
.cssNoticeBody { margin-bottom: 8px; border-radius: 3px; background-color: #F0F4F7; overflow: hidden; }
.cssNoticeTitle { color: #0068a0; font-weight: bold; padding: 4px 0px 4px 8px; }
.cssNoticeContent { border-top: 1px solid #abbad0; padding: 8px; overflow-y: auto; overflow-x: hidden; max-height: 150px; }
.cssNoticeFooter { padding: 0px 8px 8px 8px; font-style: italic; font-size: 90%; color: gray; }
.cssNoticeCloseImg { background: url('/Styles/SpriteImg24M20250724.png') -401px -1px; width: 24px; height: 24px; margin: 4px 4px; }
.cssNoticeCloseImg:hover { background: url('/Styles/SpriteImg24M20250724.png') -426px -1px; }
.cssNoticeHintBody { position: absolute; width: 250px; margin-top: 5px; }
.cssNoticeHintArrow { position: absolute; left: 12px; top: -8px; height: 16px; width: 16px; transform: rotate(45deg); background-color: #fac314; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.35); }
.cssNoticeHintContent { position: absolute; right: 200px; padding: 16px; box-sizing: border-box; color: #333; font-size: 110%; background-color: #fac314; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.35); }
.cssNoticeHintClose { position: absolute; right: 2px; top: 2px; cursor: pointer; }
.cssTreeViewContainer { border: 1px solid #8ba0bc; background-color: #fff; padding: 8px 4px 8px 6px; overflow-x: hidden; }
.cssTreeViewUL { padding: 0px; margin: 0px; list-style-type: none; }
.cssTreeViewULParent { padding: 0px; margin: 0px 0px 0px 14px; list-style-type: none; }
.cssTreeViewLI { list-style-type: none; }
.cssTreeViewLIIndent { float: left; width: 16px; height: 13px; padding-top: 2px; }
.cssTreeViewLITxtPanel { display: flex; text-decoration: none; padding: 4px 5px 5px; margin: 0 1px; outline: 0 none; overflow-x: hidden; }
.cssTreeViewLITxtPanel:hover { background: #fcf9df; border: 1px solid #f2ca58; padding: 3px 4px 4px; }
.cssTreeViewLITxtPanelSel { background: #fddc7f; border: 1px solid #c2762b; padding: 3px 4px 4px; }
.cssTreeViewLIClr { clear: both; font-size: 0px; height: 0px; visibility: hidden; width: 0px; display: block; line-height: 0px; }
.cssSNSearchTab { display: table; width: 100%; margin-bottom: 4px; }
.cssSNSearchTab2 { display: table; width: 100%; margin-bottom: 2px; }
.cssSNSearchCellCaption { display: table-cell; width: 180px; padding-bottom: 4px; }
.cssSNSearchCellControl { display: table-cell; width: auto; }
@media (max-width:1000px) {
.cssSNSearchCellCaption { display: block !important; }
.cssSNSearchCellControl { display: block !important; } }
.cssSNDropDownList { border: 1px solid #8ba0bc; font-family: Verdana, Geneva, Tahoma, Arial, Helvetica, Sans-Serif; font-size: 11px; padding: 3px 3px 2px 1px; -moz-appearance: none; -webkit-appearance: none; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; }
.cssSNSymbolText { background-color: lightgoldenrodyellow; padding: 4px; white-space: nowrap; text-align: center; height: 39px; border-top: 1px solid #8ba0bc; border-bottom: 1px solid #8ba0bc; }
.cssLeftModalMenu-Panel { z-index: 10001; position: fixed; top: 0; height: 100%; padding-top: 8px; overflow: hidden; background-color: #fff; font-size: 18px; }
.cssLeftModalMenu-Overlay { z-index: 10000; position: fixed; top: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.30); }
.cssLeftModalMenu-CloseButton { z-index: 10001; position: relative; top: 10px; left: 10px; width: 32px; height: 32px; background-color: #f0f0f0; border: 1px solid #a8a8a8; cursor: pointer; }
.cssLeftModalMenu-CloseButton:hover { background-color: #fcf9df; }
.cssLeftModalMenu { list-style: none none outside; margin: 0; padding: 0; background-repeat: repeat-y; background-position: left top; }
.cssLeftModalMenu-ItemBack { border-bottom: 1px solid #e0e0e0; padding: 0px 0px 8px 12px; cursor: pointer; }
.cssLeftModalMenu-ItemDis { padding-left: 12px; margin: 2px 0px 2px 0px; color: #b1b1b8; cursor: default; }
.cssLeftModalMenu-Item { padding-left: 12px; margin: 2px 0px 2px 0px; cursor: pointer; }
.cssLeftModalMenu-Item:hover { background-color: #fcf9df; }
.cssLeftModalMenu-ItemPanel { float: none; padding: 4px 19px 6px 8px; }
.cssLeftModalMenu-ItemImg { margin-right: 8px; vertical-align: middle; }
.cssLeftModalMenu-ItemTxt { vertical-align: middle; }
.cssLeftModalMenu-ItemSubPanel { background-color: #efefef; background-image: url('SubMenu.png'); background-repeat: no-repeat; background-position: right; }
.cssLeftModalMenu-ItemSubPanel:hover { background-color: #fcf9df; }
.cssToolBar {
display: flex }
.cssToolBar-Item { padding: 5px 5px; }
.cssToolBar-ItemEnabled { cursor: pointer; }
.cssToolBar-ItemEnabled:hover { padding: 4px 4px; border: solid 1px #eccf72; background: #fcf9df url('/DXR.axd?r=0_4393-5INdn') repeat-x left top; }
.cssLoading01 { margin: 80px auto 0; font-size: 90px; width: 1em; height: 1em; border-radius: 50%; animation: LoadingAnimation01 1.7s infinite ease; }
@keyframes LoadingAnimation01 {
0% { transform: rotate(0deg); box-shadow: 0 -0.83em 0 -0.4em #F34A53, 0 -0.83em 0 -0.42em #F34A53, 0 -0.83em 0 -0.44em #F34A53, 0 -0.83em 0 -0.46em #F34A53, 0 -0.83em 0 -0.477em #F34A53; }
5%, 95% { box-shadow: 0 -0.83em 0 -0.4em #F34A53, 0 -0.83em 0 -0.42em #F34A53, 0 -0.83em 0 -0.44em #F34A53, 0 -0.83em 0 -0.46em #F34A53, 0 -0.83em 0 -0.477em #F34A53; }
10%, 59% { box-shadow: 0 -0.83em 0 -0.4em #F34A53, -0.087em -0.825em 0 -0.42em #F34A53, -0.173em -0.812em 0 -0.44em #F34A53, -0.256em -0.789em 0 -0.46em #F34A53, -0.297em -0.775em 0 -0.477em #F34A53; }
20% { box-shadow: 0 -0.83em 0 -0.4em #F34A53, -0.338em -0.758em 0 -0.42em #F34A53, -0.555em -0.617em 0 -0.44em #F34A53, -0.671em -0.488em 0 -0.46em #F34A53, -0.749em -0.34em 0 -0.477em #F34A53; }
38% { box-shadow: 0 -0.83em 0 -0.4em #F34A53, -0.377em -0.74em 0 -0.42em #F34A53, -0.645em -0.522em 0 -0.44em #F34A53, -0.775em -0.297em 0 -0.46em #F34A53, -0.82em -0.09em 0 -0.477em #F34A53; }
100% { transform: rotate(360deg); box-shadow: 0 -0.83em 0 -0.4em #F34A53, 0 -0.83em 0 -0.42em #F34A53, 0 -0.83em 0 -0.44em #F34A53, 0 -0.83em 0 -0.46em #F34A53, 0 -0.83em 0 -0.477em #F34A53; } }
.cssLoading02Parent { width: 200px; height: 60px; position: absolute; }
.cssLoading02Circle { width: 20px; height: 20px; position: absolute; border-radius: 50%; background-color: #1b82ce; left: 15%; transform-origin: 50%; animation: cssLoading02Circle .5s alternate infinite ease; }
@keyframes cssLoading02Circle {
0% { top: 60px; height: 5px; border-radius: 50px 50px 25px 25px; transform: scaleX(1.7); }
40% { height: 20px; border-radius: 50%; transform: scaleX(1); }
100% { top: 0%; } }
.cssLoading02Circle:nth-child(2) { left: 45%; animation-delay: .2s; }
.cssLoading02Circle:nth-child(3) { left: auto; right: 15%; animation-delay: .3s; }
.cssLoading02Shadow { width: 20px; height: 4px; border-radius: 50%; background-color: rgba(0,0,0,.5); position: absolute; top: 62px; transform-origin: 50%; z-index: -1; left: 15%; filter: blur(1px); animation: cssLoading02Shadow .5s alternate infinite ease; }
@keyframes cssLoading02Shadow {
0% { transform: scaleX(1.5); }
40% { transform: scaleX(1); opacity: .7; }
100% { transform: scaleX(.2); opacity: .4; } }
.cssLoading02Shadow:nth-child(4) { left: 45%;
animation-delay: .2s }
.cssLoading02Shadow:nth-child(5) { left: auto; right: 15%; animation-delay: .3s; }
.cssLoading02Parent span { position: absolute; top: 75px; font-family: 'Lato'; font-size: 20px; letter-spacing: 12px; color: #fff; left: 15%; }
.cssLine-Left { display: flex; flex-direction: row; }
.cssLine-Left:before { content: ""; flex: 1 1; border-bottom: 2px solid #8ba0bc; margin: auto; }
.cssLine-Right { display: flex; flex-direction: row; }
.cssLine-Right:after { content: ""; flex: 1 1; border-bottom: 2px solid #8ba0bc; margin: auto; }
.cssLine-BothSide { display: flex; flex-direction: row; }
.cssLine-BothSide:before,
.cssLine-BothSide:after { content: ""; flex: 1 1; border-bottom: 2px solid #8ba0bc; margin: auto; }
.cssLine-Button { font-size: 12px; }
.cssLangList { }
.cssLangListItem { display: table-cell; padding: 2px 4px; }
.cssLangListItemSelected { display: table-cell; padding: 2px 4px; border-bottom: 2px solid #8ba0bc; }
.cssPatternChessboard { color: #fff; background-color: #f3f3f3; background-image: repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor),repeating-linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor); background-position: 0 0,5px 5px; background-size: calc(2 * 5px) calc(2 * 5px); }
.cssMultiEditParent { position: relative; }
.cssMultiEditChild { position: fixed; opacity: 0.2; }
.cssMultiEditChild:hover { opacity: 1; }
.cssChatContainerL1 { border: 2px solid #f2f6f9; background-color: #f2f6f9; border-radius: 5px; padding: 6px; margin-bottom: 10px; }
.cssChatContainerL2 { border: 2px solid #dbf1ff; background-color: #dbf1ff; border-radius: 5px; padding: 6px; margin-bottom: 10px; }
.cssChatContainerL2W { border: 2px solid #ffe59d; background-color: #ffe59d; border-radius: 5px; padding: 6px; margin-bottom: 10px; }
.cssChatContainerL1::after { content: ""; clear: both; display: table; }
.cssChatContainerL2::after { content: ""; clear: both; display: table; }
.cssChatContainerL2W::after { content: ""; clear: both; display: table; }
.cssChatAvatarCircleL1 { background-color: #f2f6f9; border-radius: 50%; border: 2px solid #d8e5f2; height: 40px; text-align: center; width: 40px; margin: 0px 10px 10px 0px; }
.cssChatAvatarCircleL2 { background-color: #dbf1ff; border-radius: 50%; border: 2px solid #d8e5f2; height: 40px; text-align: center; width: 40px; margin: 0px 10px 10px 0px; }
.cssChatAvatarCircleL3 { background-color: #bcf6ba; border-radius: 50%; border: 2px solid #d8e5f2; height: 40px; text-align: center; width: 40px; margin: 0px 10px 10px 0px; }
.cssChatAvatarText { font-size: 20px; line-height: 1; position: relative; top: 10px; }
.cssChatTimeRight { float: right; color: #aaa; padding-top: 2px; }
.cssChatTimeLeft { float: left; color: #999; padding-top: 2px; }
.cssChatTableL1 { display: table; padding-right: 75px; }
.cssChatTableL2 { display: table; padding-left:75px; }
@media (max-width:800px) {
.cssChatTableL2 { margin-left: auto; } }
.cssChatRow { display: table-row; padding-bottom: 20px; }
.cssChatCell { display: table-cell; }
.cssFotoToolBar { position: fixed; bottom: 0; width: calc(100% - 2px); height: 47px; text-align-last: center; background-color: black; }
.cssFotoToolBarLine { height: 4px; border-bottom: 1px solid #AAAAAA; }
.cssFotoCamera { text-align: center; padding-top: 5px; }
.cssFotoScreenshot { text-align: center; padding-top: 5px; }
.cssFotoInfoText { color: #FFFFFF; font-size: 22px; width: 100%; padding-top: 75px; }