/*!
 * Duck Creek Base JavaScript and CSS
 */.x-menu-list-item-indent .x-menu-item-icon { position: relative; top: 3px; left: 3px; margin-right: 10px; } li.x-menu-list-item-indent { padding-left: 0px; } li.x-menu-list-item div { display: block; } .grid-checkbox-editor .x-form-check-wrap { text-align: center; } .booleanInterviewColumnRender-outer{ width: 100%; text-align: center; } .sliderComparison { padding-bottom: 5px; } .sliderRange {} .sliderRangeTicks { position: relative; left: 0; top: 1px; padding-bottom: 25px; } .sliderTick { position: absolute; text-align: center; padding-top: 8px; vertical-align: bottom; white-space: normal; } .overflowVisible { overflow: visible !important; } .x-form-file-label-wrap { position: absolute; top: 40px; left: 30px; } .x-form-file-ie-label { position: absolute; filter: alpha(opacity=0); opacity: 0; z-index: 4; right: 0; left: 0; top: 0; bottom: 0; background-color: white; } .dropArea.file-hover { border-color: #006699; } .dropArea .x-form-file { height:0px; width:0px; } .dropArea .x-form-file-label .droparea-instructions{ margin: 0 auto; width: 280px; margin-top: 30px; color: #ACCCDE; } .dropArea .x-form-file-label .droparea-instructions .droparea-file-location{ font-size: 2em; font-weight: bold; } .dropArea .x-form-file-label .droparea-instructions .droparea-click-location{ width: 100px; margin: 0 auto; margin-left: 80px; } .dropArea { width:auto; position: relative; height: 100px !important; border: 4px dashed #ACCCDE; z-index: 3; } .italic-text { font-style: italic; } /* Make checkbox appear as radio button */ /* For complex select lists, apply the styleRadio class to inputs in a checkbox group in your manuscript & mimic radio button behavior */ /* see Billing Payment Processing for example */ .x_styleRadio .x-form-checkbox-default { background-image: url(images/form/radio.gif); } .x_styleRadio .x-form-cb-default { margin-top: 2px; } .x_styleRadio .x-form-item-default.x-item-disabled { opacity: 1.0; } /** set the default font **/ /* TCube - Start: 7th Feb 2017: Font family change */ .x-body, .x-boundlist-item, .x-accordion-hd .x-panel-header-title .x-progress-default .x-progress-text, .x-panel-header-title-default, .x-panel-body-default, .x-panel-header-title-default-framed, .x-panel-body-default-framed, .x-window-body-default, .x-window-header-title-default, .x-mask-msg-inner, .x-btn-inner-default-small, .x-btn-inner-default-medium, .x-btn-inner-default-large, .x-btn-inner-default-toolbar-small, .x-btn-inner-default-toolbar-medium, .x-btn-inner-default-toolbar-large, .x-toolbar-text-default, .x-toolbar-text-footer, .x-dd-drag-proxy, .x-btn-group-header-title-default, .x-btn-group-header-title-default-framed, .x-form-field, .x-form-item, .x-form-field, .x-form-item-label-default, .x-form-invalid-under-default, .x-form-item-label-toolbar, .x-form-invalid-under-toolbar, .x-form-text-default, .x-form-text-toolbar, .x-form-cb-label-default, .x-form-cb-label-toolbar, .x-fieldset-header-default > .x-fieldset-header-text, .x-boundlist-item, .x-datepicker-column-header, .x-datepicker-date, .x-monthpicker-item, .x-form-display-field-default, .x-form-display-field-toolbar, .x-html-editor-wrap textarea, .x-grid-empty, .x-grid-item, .x-column-header, .x-form-text-grid-cell, .x-form-cb-label-grid-cell, .x-btn-inner-grid-cell-small, .x-grid-group-title, .x-grid-rowbody, .x-grid-row-summary .x-grid-cell, .x-grid-row-summary .x-grid-rowwrap, .x-grid-row-summary .x-grid-cell-rowbody, .x-menu-item-text-default, .x-form-display-field-grid-cell, .x-tab-inner-default, .x-portlet .x-panel-header .x-title-text, .x-portlet .x-nbr .x-panel-header-default-framed .x-title-text, .x-panel-mc, .x-tree-col-text, .x-tree-hd-text, .x-tree-col-italic-text { /*font-family: verdana,arial,helvetica,sans-serif;*/ font-family: arial,helvetica,sans-serif; } /* TCube - End: 7th Feb 2017: Font family change */ .x-body { font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; font-size: 11px; } /** Basic Panels **/ body.x-body-masked .x-window-plain .x-window-mc { background-color: #F4F4F4; } .x-panel-header-default-framed-top-tl, .x-panel-header-default-framed-top-bl, .x-panel-header-default-framed-top-tr, .x-panel-header-default-framed-top-br, .x-panel-header-default-framed-top-tc, .x-panel-header-default-framed-top-bc, .x-panel-header-default-framed-top-ml, .x-panel-header-default-framed-top-mr { background-image: none; height: 0; padding: 0; } .x-panel-default-framed-tl, .x-panel-default-framed-ml, .x-panel-default-framed-tc, .x-panel-default-framed-mc, .x-panel-default-framed-tr, .x-panel-default-framed-mr, .x-panel-default-framed-bl, .x-panel-default-framed-bc, .x-panel-default-framed-br { background-image: none; } .x-panel-header-default-framed-top-mc { background: #069 !important; padding: 0; width: 100% !important; } /* Start - TCube Changes */ .x-portlet .x-panel-header, .x-portlet .x-nbr .x-panel-header-default-framed { border: none; /*background: #069 !important;*/ background: #003f77 !important; border-radius: 0px; } /* End - TCube Changes */ .x-portlet .x-panel-header .x-title-text, .x-portlet .x-nbr .x-panel-header-default-framed .x-title-text { color: #FFFFFF; font-size: 13px; } .x-panel-body { background-color: transparent; } .x-portal-column .x-panel-body .x-portlet { background-color: #FFFFFF; } .x-panel-inline-icon{ display: none; } .x-panel-mc { background: transparent; width: 98%; margin-left: 1%; } /* hidden iFrame scroll to top fix */ iframe.x-hidden { top:auto; width:0; height:0; visibility:hidden; } /** x-form style overrides **/ .x-form-display-field-default { font-size: 11px; } .x-form-cb-label-default.x-form-cb-label-after { padding-right: 10px; } .x-form-cb-label-default { margin-top: 5px; font-weight: normal; font-size: 11px; } .x-form-invalid-icon-default { color: #f20000; background: none; } .x-form-readonly textarea { background: #fefefe; color: #aca899; border: 1px solid #d7d7d7; font-style: italic; } .x-form-text-wrap textarea { border: none; } .x-form-textarea { background-image: none; } .x-form-item, .x-form-field { font-size: 11px; line-height: normal; } .x-field { position: relative; left: 0px; top: 0px; text-align: left; white-space: nowrap; max-width: 100%; } .x-form-text-wrap-default, .x-form-text-wrap-default.x-form-text-wrap-focus { border: 1px solid #d7d7d7; } .x-form-invalid-warning-icon { overflow: hidden; } .x-form-invalid-warning-icon ul { display: none; } .x-form-invalid-warning-icon-default { width: 16px; height: 16px; margin: 0 1px 0 1px; background: url(images/form/warning.png) no-repeat; } .x-form-item-body-default { min-height: 0; } .x-form-display-field { line-height: 18px; white-space: pre-wrap; min-height: 0; margin-top: 0; padding-left: 4px; } #innerheader .x-form-display-field { margin-bottom: 10px; } .x-form-text-default { background-image: none; } /* do not remove borders from readonly drop-downs */ .x-form-field-wrap input[readonly], .x-form-field-wrap input.readonly { border: 1px solid #d7d7d7; } .x-form-file-wrap .x-form-file-text{ border: 1px solid #d7d7d7; } #attachmentform .x-panel-btns { padding: 0px; } /** icon classes for ExtJS Windows and Panels **/ .i_clipboard, .i_clock, .i_bell, .i_world, .i_chart_pie, .i_chart_pie_link, .i_user, .i_user_search, .i_page_white_star, .i_application_view_tile, .i_application_view_list, .i_vcard, .i2_user, .i2_user_suit, .i2_user_gray, .i2_page_green { background: none; } /** tree overrides **/ .x-column-tree .x-tree-selected { background: #d9e8fb; } .x-column-tree .x-tree-node .x-tree-selected a span{ background: transparent; color: #000; } .x-tree-col-text, .x-tree-hd-text, .x-tree-col-italic-text { color: #000; font-style: italic; font-weight: normal; } .x-tree-headers .x-tree-hd-text { color: #FFFFFF; } /** section overrides **/ .x_SectionDivider { width: 100%; } .x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label { font: 9px ; } /* Start - TCube Changes */ .dct_interview h2.x_FontCaption { /*color: #006699;*/ color:#003f77; } /* End - TCube Changes */ /** grid overrides **/ .x-grid-item-container { } table.x-grid-item { border-right: none !important; border-left: none !important; } /*Start- TCube Changes*/ .x-grid-header-ct .x-column-header, .x-column-header-over { background-image: none; background-color: #006699 !important;  /*background-color:#003f77;*/ border-color: #FFFFFF; color: #FFFFFF; } /*End- TCube Changes*/ .x-column-header-trigger { background-color: #006699; color: #FFFFFF; } .x-grid-with-row-lines.x-grid-body { border-width: 1px; border-style: solid; border-color: #fff #d7d7d7 #d7d7d7 #fff; } .x-grid-with-row-lines .x-grid-item td { height: 24px; padding: 2px; border-width: 1px; border-style: solid; border-color: #fff #d7d7d7 #d7d7d7 #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .x-grid-with-row-lines .x-grid-item td:last-child { border-right-color: #fff; } .x-grid-with-row-lines .x-grid-item.x-grid-item-over, .x-grid-with-row-lines .x-grid-item.x-grid-item-selected { border-style: solid; background-color: #dbdbdb; } .x-grid-with-row-lines .x-grid-item.x-grid-item-over tr:first-child td div, .x-grid-with-row-lines .x-grid-item.x-grid-item-selected tr:first-child td div { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .x-grid-with-row-lines .x-grid-item.x-grid-item-over tr:last-child td div, .x-grid-with-row-lines .x-grid-item.x-grid-item-selected tr:last-child td div { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .x-grid-with-row-lines .x-grid-item.x-grid-item-over td:first-child { } .x-grid-with-row-lines .x-grid-item.x-grid-item-selected td:first-child { padding-left: 1px; } .x-grid-with-row-lines .x-grid-item.x-grid-item-over td:last-child { } .x-grid-with-row-lines .x-grid-item.x-grid-item-selected td:last-child { } .x-grid-with-row-lines .x-grid-item { background: #FFFFFF; border-width: 1px; border-collapse: separate; border-spacing: 0; } .x-grid-cell:last-child { border-right: 1px solid #FFF; } .x-grid3-hd-row td.ux-filtered-column { font-style: italic; font-weight: bold; } .x-grid-checkcolumn-disable:after { content: " "; height: 13px; width: 13px; background-image: url(images/form/checkbox.gif); display: inline-block; background-position: 13px 0px; } .x-grid-checkcolumn-on-disable:after { content: " "; height: 13px; width: 13px; background-image: url(images/form/checkbox.gif); display: inline-block; background-position: 13px -13px; } /** x-html-editor overrides **/ .x-html-editor-wrap textarea { font-weight: normal; font-size: 11px; } .x-html-editor-wrap .x-form-invalid-field { border-color: #c30; border-width: 1px; border-style: solid; } /** x-datepicker overrides **/ .x-datepicker-inner { width: auto; } /** select list overrides **/ .x-boundlist-item { white-space: nowrap; font-size: 11px; } .applicationName { display: inline-block; position: absolute; top: 35px; border: 3px solid #2E2E2E; background-color: #DBDBDB; z-index: 10; overflow: visible; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: default; box-shadow: 5px 5px 5px #4C4C4C; } .applicationName .x-boundlist-list-ct { float: left; width: 100%; overflow: visible; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .applicationName .x-boundlist-list-ct:last-child { margin-right: 5px; } .applicationName ul.x-list-plain { list-style: none; display: block; background-image: none; height: auto; margin: 0px; float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .applicationName li.x-boundlist-item { border: none; height: auto; text-align: left; width: 100%; float: left; list-style: none; font-family: arial,helvetica,sans-serif; font-size: 12px; font-weight: bold; border-bottom: 1px solid #2E2E2E; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-linear-gradient(top, #FFFFFF 0%, #DBDBDB 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, #FFFFFF 0%,#DBDBDB 100%); /* IE10+ */ background: linear-gradient(to bottom, #FFFFFF 0%,#DBDBDB 100%); /* W3C */ padding-left: 5px; padding-right: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #4C4C4C; line-height: 30px; } .applicationName li.x-boundlist-item:hover { background: #ffffff; } .applicationName li.x-boundlist-item-selected { margin-top: 1px; background: #ffffff; border: 1px solid #2E2E2E; } /** accordion overrides **/ .accordionContainer { margin-bottom: 10px; } .accordionContainer .x-panel-default, .accordionContainer .x-panel-body-default { border: 0px; } .accordionContainer .x-panel-header-default { background: #FFFFFF; border-top: 1px solid #d7d7d7; border-bottom: 2px solid #006699 !important; vertical-align: middle; margin: 0 0 10px; padding: 5px 0; } .accordionContainer .x-panel-header-default .x-panel-header-title-default { color: #000; font-size: 11px; padding-left: 10px; } .accordionContainer .x-accordion-item .x-panel-header-title-default { line-height: normal; font-weight: bold; margin-left: 10px; padding-left: 0px; font-size: 13px; color: #006699; box-shadow: none; } .accordionContainer .x-panel-header-title-default > .x-title-text-default { padding: 0; } .accordionContainer .x-accordion-item .x-panel-header-default { color: #006699; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-linear-gradient(top, #FFFFFF 0%, #A6C9DB 100%); background: -ms-linear-gradient(top, #FFFFFF 0%,#A6C9DB 100%); background: linear-gradient(to bottom, #FFFFFF 0%,#A6C9DB 100%); border-bottom: 1px solid #006699 !important; border-top: 0px; margin-bottom: 0px; font-weight: bold; vertical-align: middle; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 35px; padding: 0; margin-top: 0; } .x-accordion-hd .x-panel-header-title { right: 0 !important; left: auto !important; } .x-accordion-hd .x-tool-after-title { right: auto !important; left: 0 !important; border-right: 1px solid #006699; } .x-accordion-hd .x-tool-img { color: #006699; font-family: 'aswIcons'; font-size: 25px; background: transparent; background-image: none; padding: 6px 8px 0px 7px; width: 35px; height: 34px; box-sizing:border-box; } .x-accordion-hd .x-tool-img:before { content: "\f146"; } .x-collapsed .x-accordion-hd .x-tool-img:before { content: "\f0fe"; } .accordionContainer .x-accordion-body { padding-top: 10px; } /** x-slider overrides **/ .x-slider-horz { background-position: 0 -50px; } .x-slider-horz .x-slider-end { background-position: right -100px; padding-right:0; } .sliderTick { font-size: 10px; background-image: url("images/slider/ticks.gif"); background-repeat: no-repeat; background-position: center center; position: absolute; text-align: center; padding-top: 8px; vertical-align: bottom; white-space: normal; } .sliderComparison { padding-bottom: 5px; } .sliderRange {} .sliderRangeTicks { position: relative; left: 0; top: 1px; padding-bottom: 25px; } /** tab styles **/ .x-tab-invalid { background-image: url(images/form/exclamation.gif) !important; } .x-tab-bar-top { background-image: none; border-bottom: 2px solid red; } .x-tab-bar-strip { z-index: 3; } a.x-tab.x-tab-default, a.x-tab.x-tab-default.x-tab-over, a.x-tab.x-tab-default.x-tab-active, a.x-tab.x-tab-default.x-tab-focus { background-image: none; box-shadow: none; border-radius: 6px 6px 0px 0px; border-left: 2px solid #dfdfdf !important; border-right: 2px solid #dfdfdf !important; border-top: 2px solid #dfdfdf !important; box-shadow: none; } .x-ie9 .x-tab-tl, .x-ie9 .x-tab-tc, .x-ie9 .x-tab-tr, .x-ie9 .x-tab-ml, .x-ie9 .x-tab-mr { height: 0; width: 0; padding: 0; display: none; } .x-ie9 .x-tab-mc { padding-top: 2px; } .tabsContainer .x-panel-body { border-top: none; } .x-tabpanel-child { background-color: transparent; border-radius: 0 0 4px 4px; border-color: #dfdfdf; border-top: none; padding: 10px; } /* close button */ #dctPopupWindow.x-window .x-tool-close { background-image: url('../images/CommandButtonSprites.gif'); background-position: 110px -4px; } /* make radio controls appear as toggle buttons */ .x_switchButtons .acrossFormField, .x_switchButtons .acrossFormField > div { margin: 0px auto; float: none; } .x_switchButtons .x-form-radio { display: none; } .x_switchButtons table { border-radius: 4px; } .x_switchButtons td { float: left; display: inline-block; } .x_switchButtons .x-form-item { padding: 5px 10px; text-align: center; margin: 0 auto; } .x_switchButtons td:first-of-type, .x_switchButtons td:first-of-type .x-form-item { border-radius: 4px 0 0 4px; } .x_switchButtons td:last-of-type, .x_switchButtons td:last-of-type .x-form-item { border-radius: 0 4px 4px 0; } .x_switchButtons .x-form-cb-label-default { padding: 0; width: 60px; }