:root{ /* size palette */ --ciaSize-xxsmall: 8px; --ciaSize-xsmall: 10px; --ciaSize-small: 12px; --ciaSize-medium: 14px; --ciaSize-default: 16px; --ciaSize-large: 32px; --ciaSize-xlarge: 64px; --ciaSize-xxlarge: 128px; --ciaHeight-small: 40px; --ciaHeight-default: 50px; } :root{ /* The 8 colours generated from the theme main colour are not symetric. I.e --ciaColourThemeMain1 is darker than the main color*/ --ciaColourMainDarkest: var(--ciaColourThemeDark1); --ciaColourMainDarker: var(--ciaColourThemeDark2); --ciaColourMainDark-50: var(--ciaColourThemeDark3); --ciaColourMainDark: var(--ciaColourThemeMain1); --ciaColourMain: var(--ciaColourThemeMainColor); --ciaColourMainLight: var(--ciaColourThemeMain2); --ciaColourMainLight-50: var(--ciaColourThemeMain3); --ciaColourMainLighter: var(--ciaColourThemeMain4); --ciaColourMainLightest: var(--ciaColourThemeMain5); --ciaColourWhite : #fff; --ciaColourBlack : #000000; --ciaColourGreenLight : #e2ead1; --ciaColourDarkGreenLight : #96C09E; --ciaColourGreen : #74bd00; --ciaColourGreenDark : #00661A; --ciaColourYellowLight : #ffe398; --ciaColourYellow : #ffc853; --ciaColourBlueLight : #c6dae8; --ciaColourDarkBlueLight : #C3C3DA; --ciaColourBlue : #325ea1; --ciaColourBlueDark : #000060; --ciaColourGrayLight : #c7c7c7; --ciaColourGray : #4b4b4b; --ciaColourPurpleLight : #d7bdd7; --ciaColourPurple : #660066; --ciaColourTealLight : #C9D9DD; --ciaColourTeal : #1E5E6D; --ciaColourOrangeLight : #fce2ce; --ciaColourOrange : #F2661F; --ciaColourRedLight: #eccdca; --ciaColourRed : #E53327; --ciaColourBrown : #8a6d3b; } :root{ /* Use the browser root element font unit (for most browsers it is 16px). This should allow us to better support zooming. */ --ciaFontBaseUnit: 1rem; --ciaFontSize-xxsmall: calc(var(--ciaFontBaseUnit) * 0.5); /* 8px */ --ciaFontSize-xsmall: calc(var(--ciaFontBaseUnit) * 0.625); /* 10px */ --ciaFontSize-small: calc(var(--ciaFontBaseUnit) * 0.75); /* 12px */ --ciaFontSize-default: calc(var(--ciaFontBaseUnit) * 0.875);/* 14px */ --ciaFontSize-medium: calc(var(--ciaFontBaseUnit) * 1); /* 16px */ --ciaFontSize-large: calc(var(--ciaFontBaseUnit) * 1.125); /* 18px */ --ciaFontSize-xlarge: calc(var(--ciaFontBaseUnit) * 1.25); /* 20px */ --ciaFontSize-xxlarge: calc(var(--ciaFontBaseUnit) * 1.5); /* 24px */ --ciaFontSize-Xxxlarge: calc(var(--ciaFontBaseUnit) * 2); /* 32px */ --ciaFontWeight-thin: 200; --ciaFontWeight-default: 400; --ciaFontWeight-bold: 600; --ciaFontWeight-bolder: 800; } :root{ /* Abstract colors css variables from theme-defined naming to functionality naming */ --ciaColourHighlight: rgb(var(--ciaColourThemeHighlight3_RGB)); --ciaColourHighlightHover: rgb(var(--ciaColourThemeHighlight3_RGB), 0.4); --ciaColourPrimary: var(--ciaColourThemePrimaryAction); /*-- COLOUR PRIMARY/SECONDARY TOKENS ----------------------------------------------------*/ --ciaColourBackgroundPrimary: var(--ciaColourPrimary); --ciaColourTextPrimary: #000; --ciaColourBorderPrimary: var(--ciaColourPrimary); --ciaColourBackgroundSecondary: transparent; --ciaColourTextSecondary: #fff; --ciaColourBorderSecondary: var(--ciaColourPrimary); --ciaColourTextBody: var(--ciaColourTextPrimary); --ciaColourSelection: var(--ciaColourThemeMain4); /*-- COLOUR TEXT AND BACKGROUND TOKENS ----------------------------------------------------*/ /*-- Workplace Header & Footer ---------------------------------------------------*/ --ciaColourBackgroundHeader: var(--ciaColourThemeGlobalHeaderBg) ; --ciaColourBackgroundFooter: var(--ciaColourThemeGlobalFooterBg) ; --ciaColourBackgroundBanner: var(--ciaColourMainLightest) ; --ciaColourBackgroundSignaturePad: rgba(235, 237, 238, 0.9); --ciaColourBackgroundHighlight: var(--ciaColourHighlight) ; --ciaColourBackgroundHighlightHover: var(--ciaColourHighlightHover) ; /*-- Selection ---------------------------------------------------------------------*/ --ciaColourBackgroundSelection: var(--ciaColourSelection); --ciaColourTextSelection: var(--ciaColourTextPrimary); /*-- Dropdown --------------------------------------------------------------------*/ --ciaColourBackgroundHeaderDropdown: var(--ciaColourMainDarker); /* dropdowns displayed from global header */ --ciaColourTextHeaderDropdown: var(--ciaColourGray); --ciaColourTextHeaderButton: var(--ciaColourThemeGlobalHeaderText); /*-- Forms Footer ----------------------------------------------------------------*/ --ciaColourBackgroundFormsFooter: rgba(0,0,0,0.05); /*-- COLOUR TEXT TOKENS ----------------------------------------------------------*/ --ciaColourTextFooter: var(--ciaColourThemeGlobalFooterFg); /*-- COLOUR BORDER TOKENS --------------------------------------------------------*/ /*-- standard HTML elements colours ----------------------------------------------*/ --ciaColourBorderTableCell: #e6e6e6; --ciaColourBorderHighlight: var(--ciaColourThemeHighlight1); --ciaColourTextSuccess: #394a1e; --ciaColourBackgroundSuccess: #e2ead1; --ciaColourTextFail: #a30022; --ciaColourBackgroundFail: #ffb3c3; } .roleLabel{ --ciaColourTextHeaderDropdown:var(--ciaColourBlack); } :root{ --ciaFontSizeLink: var(--ciaFontSize-default); --ciaFontSizeDropDownItem: var(--ciaFontSize-default); --ciaFontSizeHeading: var(--ciaFontSize-default); /* global header tokens */ --ciaFontSizeFunctionSearch: var(--ciaFontSize-default); --ciaFontSizePageTitle: var(--ciaFontSize-default); /* main panel (main editable panel) heading tokens */ --ciaFontSizeMainPanelHeading: var(--ciaFontSize-medium); --ciaFontSizeMainPanelHeadingGlyph: var(--ciaFontSize-xxlarge); /* 16px text is the equivalent of 24px for glyph*/ /* normal panel (i.e. categories) heading tokens */ --ciaFontSizePanelHeading: var(--ciaFontSizeHeading); --ciaFontTransformPanelHeading: none; --ciaFontWeightPanelHeading: var(--ciaFontWeight-bold); --ciaFontWeightStatus: var(--ciaFontWeight-bold); } /* ideally we will have as little exceptions as possible */ /* within the filters panel, headings are to be smaller */ .filterContent{ --ciaFontSizeHeading: var(--ciaFontSize-small); /* panel heading */ --ciaFontSizePanelHeading: var(--ciaFontSizeHeading); --ciaFontTransformPanelHeading: uppercase; } .statusField { font-weight: var(--ciaFontWeightStatus); } :root{ --ciaHeightHeader: var(--ciaHeight-default); /*Inline sections*/ --ciaHeightMinInlineSectionHeight: 300px; /* Attachment sizes */ --ciaWidthFileUploadPopupContainer: 89vw; --ciaWidthMaxFileUploadPopupContainer: 980px; /* Attachment popup inner container sizes */ --ciaWidthFileUploadPopupInnerContainer: 93vw; --ciaWidthMaxFileUploadPopupInnerContainer: 1000px; } /***** icon-related design tokens and components ********/ :root{ --ciaIconSortAsc: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/sort-asc.svg?v=12.0.251.0'); --ciaIconSortDesc: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/sort-desc.svg?v=12.0.251.0'); --ciaIconSortUnselected: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/sort-unselected.svg?v=12.0.251.0'); --ciaIconDropdownMore: "\E226"; --ciaIconBorder-radius: 3px; } /**** Layout definitions ****/ .defaultLayout{ --ciaIconBorder-radius: 3px; } .modernLayout{ --ciaIconBorder-radius: 50%; } /*** Dropdown exceptions ***/ .downFill, .thumbnailSection .tagSection{ --ciaIconDropdownMore: "\E045"; } .viewSelectorControl{ --ciaIconDropdownMore: "\E532"; } .buttonGroup .downFill { --ciaIconDropdownMore: "\E226"; } .selectionSummary.shoppingCartMode .summaryCounter{ --ciaIconDropdownMore: "\E016"; } :root{ /*--------------------------------------------------------------------- * BUTTON TOKENS ----------------------------------------------------------------------*/ /* * STANDARD BUTTON */ --ciaColourTextButton: var(--ciaColourBlack); --ciaColourBackgroundButton: var(--ciaColourMainLighter); --ciaColourBorderButton: var(--ciaColourThemeMain2); --ciaBorderRadiusButton: 3px; /* * PRIMARY BUTTON */ --ciaColourTextPrimaryButton: var(--ciaColourWhite); --ciaColourBackgroundPrimaryButton: var(--ciaColourPrimary); --ciaColourBorderPrimaryButton: transparent; /* * SECONDARY BUTTON */ --ciaColourTextSecondaryButton: var(--ciaColourPrimary); --ciaColourBackgroundSecondaryButton: var(--ciaColourWhite); --ciaColourBorderSecondaryButton: var(--ciaColourPrimary); /* * BUTTON ON HOVER (controls which looks like a button only on mouse hover) */ --ciaColourTextButtonOnHover: var(--ciaColourPrimary); --ciaColourBackgroundButtonOnHover: unset; --ciaColourBorderButtonOnHover: transparent; /*--------------------------------------------------------------------- * BORDER STYLE TOKENS ----------------------------------------------------------------------*/ --ciaBoxStyleButton: none; } /*-------------------------------------------------------------------------- * STYLE/LAYOUT COLOURS * Define only tokens different from the default style ---------------------------------------------------------------------------*/ .modernStyle { /* * STANDARD BUTTON */ --ciaColourTextButton: var(--ciaColourBlack); --ciaColourBackgroundButton: var(--ciaColourWhite); --ciaColourBorderButton: var(--ciaColourThemeMain2); --ciaBorderRadiusButton: 10px; /* * PRIMARY BUTTON */ --ciaColourTextPrimaryButton: var(--ciaColourPrimary); --ciaColourBackgroundPrimaryButton: var(--ciaColourWhite); --ciaColourBorderPrimaryButton: var(--ciaColourPrimary); /* * SECONDARY BUTTON */ --ciaColourTextSecondaryButton: var(--ciaColourPrimary); --ciaColourBackgroundSecondaryButton: var(--ciaColourWhite); --ciaColourBorderSecondaryButton: var(--ciaColourPrimary); /* * BORDER STYLE TOKENS */ --ciaBoxStyleButton: none; } /* Placeholder for the dark layout */ .darkSide { /* * STANDARD BUTTON */ --ciaColourTextButton: var(--ciaColourWhite); --ciaColourBackgroundButton: var(--ciaColourBlack); --ciaColourBorderButton: var(--ciaColourWhite); /* * PRIMARY BUTTON */ --ciaColourTextPrimaryButton: var(--ciaColourWhite); --ciaColourBackgroundPrimaryButton: var(--ciaColourBlack); --ciaColourBorderPrimaryButton: var(--ciaColourWhite); /* * SECONDARY BUTTON */ --ciaColourTextSecondaryButton: var(--ciaColourWhite); --ciaColourBackgroundSecondaryButton: var(--ciaColourBlack); --ciaColourBorderSecondaryButton: var(--ciaColourWhite); /* * BUTTON ON HOVER (controls which looks like a button only on mouse hover) */ --ciaColourTextButtonOnHover: var(--ciaColourWhite); --ciaColourBackgroundButtonOnHover:var(--ciaColourBlack); --ciaColourBorderButtonOnHover: transparent; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; /*vertical-align:baseline;*/ background:transparent; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } /* remember to define focus styles! */ :focus { outline:solid 1px transparent; } input, select, textarea, button { margin:0; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { /*border-collapse:collapse;*/ border-spacing:0; } .thumbnailViewContainer .thumbnailItem .hrTagSvg span { display: block; min-height: 16px; min-width: 16px; } .hierarchyViewNode .thumbnailItem .hrTagSvg span { display: block; min-height: 1.6em; min-width: 1.6em; } .fieldsContainer .hrTagSvg { display: block; max-height: 16px; max-width: 16px; } /* fire warden svg icon */ .hrTagSvgWarden { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%23f20000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4818 12.6016C17.9118 8.52161 12.3218 8.3016 13.6718 2.37161C13.7718 1.93161 13.3018 1.59161 12.9218 1.82161C9.29185 3.96161 6.68185 8.25161 8.87185 13.8716C9.05185 14.3316 8.51185 14.7616 8.12185 14.4616C6.31185 13.0916 6.12185 11.1216 6.28185 9.71161C6.34185 9.19161 5.66185 8.9416 5.37185 9.3716C4.69185 10.4116 4.00185 12.0916 4.00185 14.6216C4.38185 20.2216 9.11185 21.9416 10.8118 22.1616C13.2418 22.4716 15.8718 22.0216 17.7618 20.2916C19.8418 18.3616 20.6018 15.2816 19.4818 12.6016ZM10.2018 17.6316C11.6418 17.2816 12.3818 16.2416 12.5818 15.3216C12.9118 13.8916 11.6218 12.4916 12.4918 10.2316C12.8218 12.1016 15.7618 13.2716 15.7618 15.3116C15.8418 17.8416 13.1018 20.0116 10.2018 17.6316Z' /%3E%3C/svg%3E"); background-size: contain; } /* jp svg icon */ .hrTagSvgJp { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%231A7474' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16V22H20V16C20 14.9 19.1 14 18 14H6C4.9 14 4 14.9 4 16ZM18 18H6V16H18V18ZM12 2C9.24 2 7 4.24 7 7L12 14L17 7C17 4.24 14.76 2 12 2ZM12 11L9 7C9 5.34 10.34 4 12 4C13.66 4 15 5.34 15 7L12 11Z' /%3E%3C/svg%3E%0A"); background-size: contain; } /* safety svg icon */ .hrTagSvgSafety { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%23186FB7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L4 5V11.09C4 16.14 7.41 20.85 12 22C16.59 20.85 20 16.14 20 11.09V5L12 2ZM18 11.09C18 15.09 15.45 18.79 12 19.92C8.55 18.79 6 15.1 6 11.09V6.39L12 4.14L18 6.39V11.09Z' /%3E%3Crect x='15.0711' y='8.41421' width='2' height='8' transform='rotate(45 15.0711 8.41421)' /%3E%3Crect x='12.2426' y='14.0711' width='2' height='4' transform='rotate(135 12.2426 14.0711)' /%3E%3C/svg%3E%0A"); background-size: contain; } /* first aid svg icon */ .hrTagSvgFirstAid { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%23f20000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6H16V4C16 2.9 15.1 2 14 2H10C8.9 2 8 2.9 8 4V6H4C2.9 6 2 6.9 2 8V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V8C22 6.9 21.1 6 20 6ZM10 4H14V6H10V4ZM20 20H4V8H20V20Z' /%3E%3Cpath d='M13 10H11V13H8V15H11V18H13V15H16V13H13V10Z' /%3E%3C/svg%3E%0A"); background-size: contain; } /* union rep svg icon */ .hrTagSvgUnionRep { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%23186FB7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.222 19.855C12.042 20.035 11.722 20.065 11.512 19.855C11.332 19.675 11.302 19.355 11.512 19.145L14.902 15.755L13.492 14.345L10.102 17.735C9.912 17.935 9.592 17.925 9.392 17.735C9.182 17.525 9.212 17.205 9.392 17.025L12.782 13.635L11.372 12.225L7.982 15.615C7.802 15.795 7.482 15.825 7.272 15.615C7.082 15.425 7.082 15.105 7.272 14.905L10.662 11.515L9.242 10.105L5.852 13.495C5.672 13.675 5.352 13.705 5.142 13.495C4.952 13.295 4.952 12.985 5.142 12.785L9.522 8.405L11.392 10.265C12.342 11.215 13.982 11.205 14.932 10.265C15.912 9.285 15.912 7.705 14.932 6.725L13.072 4.865L13.352 4.585C14.132 3.805 15.402 3.805 16.182 4.585L20.422 8.825C21.202 9.605 21.202 10.875 20.422 11.655L12.222 19.855ZM21.832 13.075C23.392 11.515 23.392 8.985 21.832 7.415L17.592 3.175C16.032 1.615 13.502 1.615 11.932 3.175L11.652 3.455L11.372 3.175C9.812 1.615 7.282 1.615 5.712 3.175L2.172 6.715C0.751999 8.135 0.621999 10.345 1.772 11.905L3.222 10.455C2.832 9.705 2.962 8.755 3.592 8.125L7.132 4.585C7.912 3.805 9.182 3.805 9.962 4.585L13.522 8.145C13.702 8.325 13.732 8.645 13.522 8.855C13.312 9.065 12.992 9.035 12.812 8.855L9.522 5.575L3.722 11.365C2.742 12.335 2.742 13.925 3.722 14.905C4.112 15.295 4.612 15.535 5.142 15.605C5.212 16.125 5.442 16.625 5.842 17.025C6.242 17.425 6.742 17.655 7.262 17.725C7.332 18.245 7.562 18.745 7.962 19.145C8.362 19.545 8.862 19.775 9.382 19.845C9.452 20.385 9.692 20.875 10.082 21.265C10.552 21.735 11.182 21.995 11.852 21.995C12.522 21.995 13.152 21.735 13.622 21.265L21.832 13.075Z' /%3E%3C/svg%3E"); background-size: contain; } /* safe guarding svg icon */ .hrTagSvgSafeGuarding { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%231A7474' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 16H17.5C17.5 14.8 16.75 13.72 15.63 13.3L9.47 11H1.5V22H7.5V20.56L14.5 22.5L22.5 20V19C22.5 17.34 21.16 16 19.5 16ZM3.5 20V13H5.5V20H3.5ZM14.47 20.41L7.5 18.48V13H9.11L14.93 15.17C15.27 15.3 15.5 15.63 15.5 16C15.5 16 13.51 15.95 13.2 15.85L10.82 15.06L10.19 16.96L12.57 17.75C13.08 17.92 13.61 18.01 14.15 18.01H19.5C19.89 18.01 20.24 18.24 20.4 18.57L14.47 20.41Z' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 2C14.35 2 13 3.35 13 5C13 6.65 14.35 8 16 8C17.65 8 19 6.65 19 5C19 3.35 17.65 2 16 2ZM16 6C15.45 6 15 5.55 15 5C15 4.45 15.45 4 16 4C16.55 4 17 4.45 17 5C17 5.55 16.55 6 16 6Z' fill='black'/%3E%3Cpath d='M22 12.47L22 14.9804H19.7041L19.7041 12L19.69 12C19.01 11.44 17.31 10.88 16 10.88C15.4372 10.88 14.8042 10.9834 14.2105 11.1457L11.466 10.1651C12.8064 9.28715 14.7632 8.89 16 8.89C18.03 8.89 22 9.97 22 12.47Z' /%3E%3C/svg%3E"); background-size: contain; } /* mental health svg icon */ .hrTagSvgMentalHealth { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%23f20000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9399 9.80756C19.5099 6.53756 16.7099 3.94756 13.4099 3.75756C13.2699 3.74756 13.1399 3.74756 12.9999 3.74756C9.46989 3.74756 6.56989 6.35756 6.07989 9.74756L4.14989 13.2276C3.73989 13.8876 4.21989 14.7476 4.99989 14.7476H5.99989V16.7476C5.99989 17.8476 6.89989 18.7476 7.99989 18.7476H8.99989V21.7476H15.9999V17.0676C18.6199 15.8176 20.3499 12.9876 19.9399 9.80756ZM14.8899 15.3776L13.9999 15.7976V19.7476H10.9999V16.7476H7.99989V12.7476H6.69989L8.02989 10.4176C8.20989 7.80756 10.3499 5.74756 12.9999 5.74756C15.7599 5.74756 17.9999 7.98756 17.9999 10.7476C17.9999 12.8376 16.7099 14.6276 14.8899 15.3776Z' /%3E%3Cpath d='M12 6.74756H14V12.7476H12V6.74756Z' /%3E%3Cpath d='M16 8.74756L16 10.7476H10V8.74756L16 8.74756Z' /%3E%3C/svg%3E"); background-size: contain; } /* diversity svg icon */ .hrTagSvgDiversity { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='%23186FB7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.12132 4.75166C8.12132 6.4625 6.77818 7.84941 5.12132 7.84941C3.46447 7.84941 2.12132 6.4625 2.12132 4.75166C2.12132 3.04082 3.46447 1.6539 5.12132 1.6539C6.77818 1.6539 8.12132 3.04082 8.12132 4.75166Z' /%3E%3Cpath d='M12.1213 11.9798C13.2213 11.9798 14.1213 11.0504 14.1213 9.91458C14.1213 8.77874 13.2213 7.84941 12.1213 7.84941C11.0213 7.84941 10.1213 8.77874 10.1213 9.91458C10.1213 11.0504 11.0213 11.9798 12.1213 11.9798ZM16.1213 15.5215C16.1213 14.6851 15.6413 13.9417 14.9013 13.6112C14.0513 13.2292 13.1113 13.0123 12.1213 13.0123C11.1313 13.0123 10.1913 13.2292 9.34132 13.6112C8.60132 13.9417 8.12132 14.6851 8.12132 15.5215V16.1101H16.1213V15.5215Z' /%3E%3Cpath d='M17.1213 17.6213C17.1213 17.069 17.569 16.6213 18.1213 16.6213H22.1213C22.6736 16.6213 23.1213 17.069 23.1213 17.6213V21.6213C23.1213 22.1736 22.6736 22.6213 22.1213 22.6213H18.1213C17.569 22.6213 17.1213 22.1736 17.1213 21.6213V17.6213Z' /%3E%3Cpath d='M4.41422 16.0858C4.80474 15.6953 5.4379 15.6953 5.82843 16.0858L8.65686 18.9142C9.04738 19.3047 9.04738 19.9379 8.65686 20.3284L5.82843 23.1569C5.4379 23.5474 4.80474 23.5474 4.41422 23.1569L1.58579 20.3284C1.19526 19.9379 1.19526 19.3047 1.58579 18.9142L4.41422 16.0858Z' /%3E%3Cpath d='M18.7269 2.41018C19.0954 1.67313 20.1472 1.67313 20.5158 2.41017L22.3977 6.17411C22.7302 6.83901 22.2467 7.62132 21.5033 7.62132H17.7394C16.996 7.62132 16.5125 6.83901 16.8449 6.17411L18.7269 2.41018Z' /%3E%3Cpath d='M17.5216 2.03592C15.9264 1.13527 14.0839 0.621323 12.1213 0.621323C10.5343 0.621323 9.02581 0.9574 7.66308 1.56227C8.18279 2.00439 8.59257 2.57932 8.84372 3.23677C9.85938 2.83944 10.9649 2.62132 12.1213 2.62132C13.7624 2.62132 15.3009 3.06054 16.6256 3.82785L17.5216 2.03592Z' /%3E%3Cpath d='M20.6505 8.74089C20.9558 9.64524 21.1213 10.614 21.1213 11.6213C21.1213 13.0582 20.7846 14.4164 20.1858 15.6213H22.3714C22.8556 14.3816 23.1213 13.0325 23.1213 11.6213C23.1213 10.6247 22.9888 9.65897 22.7403 8.74089H20.6505Z' /%3E%3Cpath d='M16.1213 21.8714C14.8816 22.3556 13.5325 22.6213 12.1213 22.6213C10.9168 22.6213 9.75743 22.4277 8.67274 22.0699L10.3047 20.4379C10.8915 20.5582 11.499 20.6213 12.1213 20.6213C13.5582 20.6213 14.9164 20.2846 16.1213 19.6858V21.8714Z' /%3E%3Cpath d='M1.12132 11.6213C1.12132 13.3689 1.52884 15.0213 2.25403 16.4886L3.76713 14.9755C3.35056 13.9389 3.12132 12.8069 3.12132 11.6213C3.12132 10.5582 3.30567 9.53805 3.64414 8.59122C2.99141 8.32324 2.42317 7.88292 1.99209 7.32467C1.43146 8.64469 1.12132 10.0968 1.12132 11.6213Z' /%3E%3C/svg%3E%0A"); background-size: contain; } .icon10, .icon12, .icon16, .icon20, .icon24, .icon32, .icon48, .icon64, .attachments .hintContainer .dragDropHint:before { font-family: iconGlyph; font-size: 16px; text-align: center; line-height: 16px; -webkit-font-smoothing: antialiased; } .icon10 { width: 10px; height: 10px; line-height: 10px; font-size: 10px; } .icon12 { width: 12px; height: 12px; line-height: 12px; font-size: 12px; } .icon16 { width:16px; height:16px; } .icon18 { width: 18px; height: 18px; line-height: 18px; font-size: 18px; } .icon20 { width: 20px; height: 20px; line-height: 20px; font-size: 20px; } .actionButton .icon16, .actionButton .icon24 { margin-left: -5px; margin-right: 5px; display: inline-block; vertical-align: middle; } .icon11, .icon16, .icon24 { background-repeat: no-repeat; background-position: center; } .icon24 { width: 24px; height: 24px; min-width: 24px; min-height: 24px; line-height: 24px; font-size: 24px; } .icon32 { width: 32px; height: 32px; min-width: 32px; min-height: 32px; line-height: 32px; font-size: 32px; } .icon48 { width: 48px; height: 48px; min-width: 48px; min-height: 48px; line-height: 48px; font-size: 48px; } .icon64 { width: 64px; height: 64px; line-height: 64px; min-width: 64px; min-height: 64px; font-size: 64px; } .icon96 { width: 96px; height: 96px; line-height: 96px; min-width: 96px; min-height: 96px; font-size: 96px; } .icon128 { width: 128px; height: 128px; line-height: 128px; min-width: 128px; min-height: 128px; font-size: 128px; } .activeTileBody .icon16:before { content: "\E104"; } /* Size */ .iconSizeResponsive{ height: 100%; width: 100%; } .iconSizeSmall{ height: 16px; width: 16px; } .iconSizeDefault{ height: 24px; width: 24px; } .iconSizeLarge{ height: 48px; width: 48px; } .iconComponent.glyph{ text-align: center; -webkit-font-smoothing: antialiased; } .iconComponent.glyph.iconSizeResponsive{ font-size: 1vw; /* adjust according to available width*/ line-height: 100%; } .iconComponent.glyph.iconSizeSmall{ font-size: 12px; line-height: 16px; } .iconComponent.glyph.iconSizeDefault{ font-size: 24px; line-height: 24px; } .iconComponent{ background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; border-radius: var(--ciaIconBorder-radius); overflow: hidden; } .iconComponent > img{ height: 100%; width: 100%; display: block; } .missingImagePlaceholder.miGeneric { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/image.png?v=12.0.251.0'); background-size: contain; height: 100%; width: 100%; display: block; } /* Generic icons */ @font-face { font-family: 'OSans'; font-style: normal; font-weight: normal; src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/osans.eot?v=12.0.251.0'); src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/opensansregular.woff?v=12.0.251.0') format('woff'); } @font-face { font-family: 'OSans'; font-style: normal; font-weight: 600; src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/opensanssemibold.woff?v=12.0.251.0') format('woff'); } @font-face { font-family: 'OSans'; font-style: normal; font-weight: 700; src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/opensansbold.woff?v=12.0.251.0') format('woff'); } @font-face { font-family: 'iconGlyph'; font-style: normal; font-weight:normal; src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/cianywhere-regular.eot?v=12.0.251.0'); src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/cianywhere-regular.woff?v=12.0.251.0') format('woff'); } html { height: 100%; } body { margin: 0 auto; padding: 0; font-size: 0.75em; height: 100%; min-height: 100%; overflow: hidden; position: relative; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); background-size: cover; background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } body, body * { font-family: Osans, Arial, Verdana, sans-serif; } h3 { font-size: 1.4em; } #Wrapper { position: absolute; z-index: 1; width: 100%; top: 0; bottom: 0; overflow: hidden; } #ContentContainer { width: 100%; height: 100%; position: relative; } .storedContent, #PageControlTemplates { display: none; } .hidden { display: none; } .clearFix::after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .smallText { font-size: 0.9em !important; } .floatLeft { float:left; } .floatRight { float:right; } .horizLayout > * { display: inline-block; vertical-align: top; } /*--Generic Padding classes--*/ .padding0, .cPadding0 > * { padding:0; } .paddingT0, .cPaddingT0 { padding-top:0; } .paddingB0, .cPaddingB0 { padding-bottom:0; } .paddingTB0, .cPaddingTB0 > * { padding-top:0; padding-bottom:0; } .paddingL0, .cPaddingL0 > * { padding-left:0; } .paddingR0, .cPaddingR0 > * { padding-right:0; } .paddingLR0, .cPaddingLR0 > * { padding-left:0; padding-right:0; } .padding5, .cPadding5 > * { padding:5px; } .paddingT5, .cPaddingT5 { padding-top:5px; } .paddingB5, .cPaddingB5 { padding-bottom:5px; } .paddingTB5, .cPaddingTB5 > * { padding-top:5px; padding-bottom:5px; } .paddingL5, .cPaddingL5 > * { padding-left:5px; } .paddingR5, .cPaddingR5 > * { padding-right:5px; } .paddingLR5, .cPaddingLR5 > * { padding-left:5px; padding-right:5px;} .padding10, .cPadding10 > * { padding:10px; } .paddingT10, .cPaddingT10 { padding-top:10px; } .paddingB10, .cPaddingB10 { padding-bottom:10px; } .paddingTB10, .cPaddingTB10 > * { padding-top:10px; padding-bottom:10px; } .paddingL10, .cPaddingL10 > * { padding-left:10px; } .paddingR10, .cPaddingR10 > * { padding-right:10px; } .paddingLR10, .cPaddingLR10 > * { padding-left:10px; padding-right:10px; } .fldWidthAuto .editorField { width:auto; } .dataFldWidthAuto > .dataFieldContainer { width:auto !important; } /*--General Margin classes--*/ .margin0, .cMargin0 > * { margin:0; } .marginT0, .cMarginT0 { margin-top:0; } .marginB0, .cMarginB0 { margin-bottom:0; } .marginTB0, .cMarginTB0 > * { margin-top:0; margin-bottom:0; } .marginL0, .cMarginL0 > * { margin-left:0; } .marginR0, .cMarginR0 > * { margin-right:0; } .marginLR0, .cMarginLR0 > * { margin-left:0; margin-right:0; } .margin5, .cMargin5 > * { margin:5px; } .marginT5, .cMarginT5 { margin-top:5px; } .marginB5, .cMarginB5 { margin-bottom:5px; } .marginTB5, .cMarginTB5 > * { margin-top:5px; margin-bottom:5px; } .marginL5, .cMarginL5 > * { margin-left:5px; } .marginR5, .cMarginR5 > * { margin-right:5px; } .marginLR5, .cMarginLR5 > * { margin-left:5px; margin-right:5px; } .margin10, .cMargin10 > * { margin:10px; } .marginT10, .cMarginT10 { margin-top:10px; } .marginB10, .cMarginB10 { margin-bottom:10px; } .marginTB10, .cMarginTB10 > * { margin-top:10px; margin-bottom:10px; } .marginL10, .cMarginL10 > * { margin-left:10px; } .marginR10, .cMarginR10 > * { margin-right:10px; } .marginLR10, .cMarginLR10 > * { margin-left:10px; margin-right:10px; } .marginL6 { margin-left:6px; } /*--Margin overrides for cards--*/ .dataLblMargin0 .editorLabel, .dataFldMargin0 .editorField { margin: 0 !important; } .dataLblMargin5 .editorLabel, .dataFldMargin5 .editorField { margin: 5px !important; } .dataLblMargin10 .editorLabel, .dataFldMargin10 .editorField { margin: 10px !important; } .dataLblMarginT0 .editorLabel, .dataFldMarginT0 .editorField { margin-top: 0 !important; } .dataLblMarginB0 .editorLabel, .dataFldMarginB0 .editorField { margin-bottom: 0 !important; } .dataFldLblMarginL0 .editorLabel, .dataFldMarginL0 .editorField, .imageSection.marginL0 { margin-left: 0 !important; } .dataFldLblMarginR0 .editorLabel, .dataFldMarginR0 .editorField { margin-right: 0 !important; } .dataLblMarginT5 .editorLabel, .dataFldMarginT5 .editorField { margin-top: 5px !important; } .dataLblMarginB5 .editorLabel, .dataFldMarginB5 .editorField { margin-bottom: 5px !important; } .dataLblMarginL5 .editorLabel, .dataFldMarginL5 .editorField { margin-left: 5px !important; } .dataLblMarginR5 .editorLabel, .dataFldMarginR5 .editorField { margin-right: 5px !important; } .dataLblMarginT10 .editorLabel, .dataFldMarginT10 .editorField { margin-top: 10px !important; } .dataLblMarginTB10 .editorLabel, .dataFldMarginB10 .editorField { margin-bottom: 10px !important; } .dataLblMarginL10 .editorLabel, .dataFldMarginL10 .editorField { margin-left: 10px !important; } .dataLblMarginR10 .editorLabel, .dataFldMarginR10 .editorField { margin-right: 10px !important; } .dataLblMarginT20 .editorLabel, .dataFldMarginT20 .editorField { margin-top: 20px !important; } .dataLblMarginTB20 .editorLabel, .dataFldMarginB20 .editorField { margin-bottom: 20px !important; } .dataLblMarginL20 .editorLabel, .dataFldMarginL20 .editorField { margin-left: 20px !important; } .dataLblMarginR20 .editorLabel, .dataFldMarginR20 .editorField { margin-right: 20px !important; } .borderRadius0 { border-radius: 0; } .borderRadiusTL0 { border-top-left-radius: 0; } .borderRadiusTR0 { border-top-right-radius: 0; } .borderRadiusBL0 { border-bottom-left-radius: 0; } .borderRadiusBR0 { border-bottom-right-radius: 0; } .borderRadius6 { border-radius: 6px; } .borderRadius12 { border-radius: 12px; } .fldWidthAuto .editorField { width:auto; } .dataFldWidthAuto > .dataFieldContainer, .dataLblWidthAuto > .dataFieldContainer > .editorLabel { width:auto !important; } /*--Generic css attributes--*/ .clearRight { clear: right;} .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .bold { font-weight: bold; } .center {text-align:center } .imageSection.center { text-align: center !important; } .zoomable > div { -webkit-transform-origin: 0 0; } /*--Pressed phone styles--*/ input, button { -webkit-tap-highlight-color: rgba(0,0,0,0.5); } .headerButton:active, .headerButton.button.active { background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); } /**************************/ /** Display mode styles **/ .desktop.easy .pointer { cursor: pointer; } .desktop .worklistFilterItem:hover, .desktop .vertical .tabHandle.selected:hover { background-color: rgba(0, 0, 0, 0.06); cursor: pointer; } .desktop .pageTile.folder.pointer:not(.selected):not(.disabled) .next:hover { background-color:transparent; } .desktop .rowData.pointer:not(.selected):not(.disabled):hover { background-color: rgba(255, 255, 255, 0.25); } .desktop .pageHeaderMenuItem:not(.disabled):hover { background-color: rgba(0, 0, 0, 0.12); } /*--Focus styles for top header--*/ .pageHeaderMenuItem:focus { background-color: rgba(0, 0, 0, 0.12); border: dotted 1px rgba(255, 255, 255, 0.15); } .pageHeaderMenuItem.actions:not(.disabled):focus { box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset; } .desktop .rowData.pointer:not(.selected):not(.disabled):focus { background-color: rgba(255, 255, 255, 0.25); } .desktop .disabled.pointer:hover, .desktop .selected.pointer:not(.tabHandle):hover { cursor: default; } /** Display mode scroll bar styles **/ .desktop ::-webkit-scrollbar { width: 12px; } .desktop ::-webkit-scrollbar-button { display: none; width: 0; height: 0; } .desktop ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); } .desktop ::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5); } .desktop ::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.1); box-shadow: none; } #cookieTermsMsg .content { font-size: 0.9em; } /**** Accessibility styles*********/ .ariaText { position: absolute; height: 0; width: 0; overflow: hidden; } body.easy * { opacity:1 !important; } .easy :focus { outline:dotted 4px var(--ciaColourBorderHighlight); outline-offset: -5px; } .easy .skipContent { outline-offset: -2px; z-index: 9999; } /* Offline */ body.offline #DurationSpinner { display: none !important; } /*************************************/ /* TechnologyOne and CiA Branding */ /* must use the default/white T1 logo (container has dark colour background)*/ :root{ --ciaT1LogoUrl: url('https://cdn.t1cloud.com/cianywhere/content/base/images/branding/t1logo.svg?v=12.0.251.0'); } /* must use the black T1 logo (container has light colour background)*/ .t1LogoContainerBlack{ --ciaT1LogoUrl: url('https://cdn.t1cloud.com/cianywhere/content/base/images/branding/t1logo_black.svg?v=12.0.251.0'); } /* common CSS definitions */ .t1Logo{ background: var(--ciaT1LogoUrl); background-size: 100% 100%; } /*************************************/ .overflowHidden { overflow: hidden; } /*--Generic css attributes--*/ .monospace .editorField .readonlyTextBoxSpan { font-family: monospace !important; } .clearLeft { clear: left;} .clearRight { clear: right;} .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .bold { font-weight: bold; } .center {text-align:center } .textAlignLeft {text-align:left } .textAlignRight {text-align:right } .textAlignJustify {text-align:justify } .vAlignTop { vertical-align: top; } .vAlignMiddle { vertical-align: middle; } /* Text sizes */ .smallText { font-size: 0.9em !important; } .mediumText { font-size: 1.2em; } .largeText { font-size: 1.5em; } .largerText { font-size: 2em; } .zIndex1 { z-index: 1; } .noWrap { white-space: nowrap; } .ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .floatLeft, .cFloatLeft > * { float:left; } .floatLeftImportant, .cFloatLeftImportant > * { float:left !important; } .floatRight, .cFloatRight > * { float:right; } .floatNone, .cFloatNone > * { float: none; } .pAbsolute { position: absolute; } .pRelative { position: relative; } .left0 { left: 0; } .left5 { left: 5px; } .left10 { left: 10px; } .left15 { left: 15px; } .left20 { left: 20px; } .left25 { left: 25px; } .left30 { left: 30px; } .right0 { right: 0; } .right5 { right: 5px; } .right10 { right: 10px; } .right15 { right: 15px; } .right20 { right: 20px; } .right25 { right: 25px; } .right30 { right: 30px; } .top0 { top: 0; } .top5 { top: 5px; } .top10 { top: 10px; } .top15 { top: 15px; } .top20 { top: 20px; } .top25 { top: 25px; } .top30 { top: 30px; } .bottom0 { bottom: 0; } .bottom5 { bottom: 5px; } .bottom10 { bottom: 10px; } .bottom15 { bottom: 15px; } .bottom20 { bottom: 20px; } .bottom25 { bottom: 25px; } .bottom30 { bottom: 30px; } .block, .cBlock > * { display: block;} .blockImportant, .cBlockImportant > *, .controlBlockImportant .textBoxControl, .contolBlockImportant .tbcEditorField { display:block !important; } .inlineBlock, .cInlineBlock > * { display: inline-block; } .inlineBlockImportant { display: inline-block !important; } .table { display: table; } .table-cell, .cTable-Cell > * { display: table-cell; } .flex { display:flex; justify-content: space-around; } .flexBetween { display: flex; justify-content: space-between; } .center > .flex, .center > .flex0 { align-items: center; justify-content: center; } .flexCntr { display: flex; align-items: center; } .flexWrap { display: flex; flex-wrap: wrap; } .flexGrow1, .flexCol1 { flex-grow:1; } .flexGrow0, .flexCol0 { flex-grow: 0; } .flexCntrColumn { display: flex; flex-direction: column; justify-content: center; } .border1 { border-style:solid; border-width:1px; } .borderT1 { border-top-style:solid; border-top-width:1px; } .borderB1 { border-bottom-style:solid; border-bottom-width:1px; } .borderBox { box-sizing:border-box; } .columns2 > * { width: 50% } .columns3 > * { width: 33.3333333% } .columns4 > * { width: 25%; } .columns5 > * { width: 20%; } .columns6 > * { width: 16.6666667%; } .columns7 > * { width: 14.2857143%; } .columns8 > * { width: 12.5% } .columns9 > * { width: 11.1111111% } .columns10 > * { width: 10% } .opac0 { opacity: 0; } .opac03, .opac03Hvr:hover { opacity: 0.3;} .opac05, .opac05Hvr:hover { opacity: 0.5;} .opac07, .opac07Hvr:hover { opacity: 0.7;} .opac08, .opac08Hvr:hover { opacity: 0.8;} .opac09, .opac09Hvr:hover { opacity: 0.9;} .opac1, .opac1Hvr:hover { opacity: 1; } .dataFieldContainer.clearLeft, .inputFieldContainer.clearLeft { clear:left !important; } .dataFieldContainer.clearRight, .inputFieldContainer.clearRight { clear:right !important; } .dataFieldContainer.floatNone, .inputFieldContainer.floatNone, .dataLblFloatNone .editorLabel, .dataFldFloatNone .editorField { float:none !important; } .dataFieldContainer.floatLeft, .inputFieldContainer.floatLeft, .dataLblFloatLeft .editorLabel, .dataFldFloatLeft .editorField { float: left !important; } .dataFieldContainer.floatRight, .inputFieldContainer.floatRight, .dataLblFloatRight .editorLabel, .dataFldFloatRight .editorField { float:right !important; } /*--Various Label and Field dimensions (Used on container elements)--*/ /*--General Margin classes--*/ .marginTNeg5 { margin-top: -5px } .marginTNeg10 { margin-top: -10px } .marginTNeg15 { margin-top: -15px } .marginTNeg20 { margin-top: -20px } .marginTNeg5Important { margin-top: -5px !important; } .marginTNeg10Important { margin-top: -10px !important; } .marginTNeg15Important { margin-top: -15px !important; } .marginTNeg20Important { margin-top: -20px !important; } .margin0, .cMargin0 > * { margin:0; } .marginT0, .cMarginT0 { margin-top:0; } .marginT0Important, .cMarginT0Important > * { margin-top:0 !important; } .marginB0, .cMarginB0 { margin-bottom:0; } .marginTB0, .cMarginTB0 > * { margin-top:0; margin-bottom:0; } .marginL0, .cMarginL0 > * { margin-left:0; } .marginR0, .cMarginR0 > * { margin-right:0; } .marginLR0, .cMarginLR0 > * { margin-left:0; margin-right:0; } .marginL1 { margin-left: 1px; } .marginR1 { margin-right: 1px; } .marginL2 { margin-left: 2px; } .marginR2 { margin-right: 2px; } .marginL3 { margin-left: 3px; } .marginR3 { margin-right: 3px; } .marginL4 { margin-left: 4px; } .marginR4 { margin-right: 4px; } .margin5, .cMargin5 > * { margin:5px; } .margin6, .cMargin6 > * { margin:6px; } .marginT5, .cMarginT5 { margin-top:5px; } .marginT6, .cMarginT6 { margin-top:6px; } .marginT7, .cMarginT7 { margin-top:7px; } .marginB5, .cMarginB5 { margin-bottom:5px; } .marginTB5, .cMarginTB5 > * { margin-top:5px; margin-bottom:5px; } .marginL5, .cMarginL5 > * { margin-left:5px; } .marginL6, .cMarginL6 > * { margin-left:6px; } .marginR5, .cMarginR5 > * { margin-right:5px; } .marginLR5, .cMarginLR5 > * { margin-left:5px; margin-right:5px; } .margin10, .cMargin10 > * { margin:10px; } .marginT10, .cMarginT10 { margin-top:10px; } .marginT10I { margin-top:10px !important; } .marginB10, .cMarginB10 > * { margin-bottom:10px; } .marginTB10, .cMarginTB10 > * { margin-top:10px; margin-bottom:10px; } .marginL10, .cMarginL10 > * { margin-left:10px; } .marginR10, .cMarginR10 > * { margin-right:10px; } .marginLR10, .cMarginLR10 > * { margin-left:10px; margin-right:10px; } .margin20, .cMargin20 > * { margin: 20px; } .marginT20, .cMarginT20 > * { margin-top: 20px; } .marginB20, .cMarginB20 > * { margin-bottom: 20px; } .marginT16, .cMarginT16 { margin-top:16px; } .marginT16I { margin-top:16px !important; } .marginB16, .cMarginB16 > * { margin-bottom:16px; } .marginTB16, .cMarginTB16 > * { margin-top:16px; margin-bottom:16px; } .marginL16, .cMarginL16 > * { margin-left: 16px; } .marginR16, .cMarginR16 > * { margin-right: 16px; } .marginLR16, .cMarginLR16 > * { margin-left:16px; margin-right:16px; } .marginL20, .cMarginL20 > * { margin-left: 20px; } .marginR20, .cMarginR20 > * { margin-right: 20px; } .marginLR20, .cMarginLR20 > * { margin-left:20px; margin-right:20px; } .marginT50 { margin-top: 50px; } .marginL120 { margin-left: 120px; } .minWidth10, .lblMinWidth10 .editorLabel, .fldMinWidth10 .editorField { min-width:10px; } .minWidth20, .lblMinWidth20 .editorLabel, .fldMinWidth20 .editorField { min-width:20px; } .minWidth30, .lblMinWidth30 .editorLabel, .fldMinWidth30 .editorField { min-width:30px; } .minWidth40, .lblMinWidth40 .editorLabel, .fldMinWidth40 .editorField { min-width:40px; } .minWidth50, .lblMinWidth50 .editorLabel, .fldMinWidth50 .editorField { min-width:50px; } .minWidth60, .lblMinWidth60 .editorLabel, .fldMinWidth60 .editorField { min-width:60px; } .minWidth70, .lblMinWidth70 .editorLabel, .fldMinWidth70 .editorField { min-width:70px; } .minWidth80, .lblMinWidth80 .editorLabel, .fldMinWidth80 .editorField { min-width:80px; } .minWidth90, .lblMinWidth90 .editorLabel, .fldMinWidth90 .editorField { min-width:90px; } .minWidth100, .lblMinWidth100 .editorLabel, .fldMinWidth100 .editorField { min-Width:100px; } .minWidth110, .lblMinWidth110 .editorLabel, .fldMinWidth110 .editorField { min-Width:110px; } .minWidth120, .lblMinWidth120 .editorLabel, .fldMinWidth120 .editorField { min-Width:120px; } .minWidth130, .lblMinWidth130 .editorLabel, .fldMinWidth130 .editorField { min-Width:130px; } .minWidth140, .lblMinWidth140 .editorLabel, .fldMinWidth140 .editorField { min-Width:140px; } .minWidth150, .lblMinWidth150 .editorLabel, .fldMinWidth150 .editorField { min-Width:150px; } .minWidth160, .lblMinWidth160 .editorLabel, .fldMinWidth160 .editorField { min-Width:160px; } .minWidth170, .lblMinWidth170 .editorLabel, .fldMinWidth170 .editorField { min-Width:170px; } .minWidth180, .lblMinWidth180 .editorLabel, .fldMinWidth180 .editorField { min-Width:180px; } .minWidth190, .lblMinWidth190 .editorLabel, .fldMinWidth190 .editorField { min-Width:190px; } .minWidth200, .lblMinWidth200 .editorLabel, .fldMinWidth200 .editorField { min-Width:200px; } .minWidth210 { min-Width:210px; } .minWidth220 { min-Width:220px; } .minWidth230 { min-Width:230px; } .minWidth240 { min-Width:240px; } .minWidth250 { min-Width:250px; } .minWidth260 { min-Width:260px; } .minWidth270 { min-Width:270px; } .minWidth280 { min-Width:280px; } .minWidth290 { min-Width:290px; } .minWidth300 { min-Width:300px; } .minWidth490 { min-width: 490px; } .minWidth580 { min-width: 580px; } .minHeight50 { min-height: 50px; } .minHeight60 { min-height: 60px; } .minHeight70 { min-height: 70px; } .minHeight80 { min-height: 80px; } .minHeight90 { min-height: 90px; } .minHeight100 { min-height: 100px; } .minHeight250 { min-height: 250px; } .minHeight300 { min-height: 300px; } .maxWidth10, .fldmaxWidth10 .editorField { max-width:10px; } .maxWidth20, .fldmaxWidth20 .editorField { max-width:20px; } .maxWidth30, .fldmaxWidth30 .editorField { max-width:30px; } .maxWidth40, .fldmaxWidth40 .editorField { max-width:40px; } .maxWidth50, .fldmaxWidth50 .editorField { max-width:50px; } .maxWidth60, .fldmaxWidth60 .editorField { max-width:60px; } .maxWidth70, .fldmaxWidth70 .editorField { max-width:70px; } .maxWidth80, .fldmaxWidth80 .editorField { max-width:80px; } .maxWidth90, .fldmaxWidth90 .editorField { max-width:90px; } .maxWidth100, .fldmaxWidth100 .editorField { max-width:100px; } .maxWidth110, .fldmaxWidth110 .editorField { max-width:110px; } .maxWidth120, .fldmaxWidth120 .editorField { max-width:120px; } .maxWidth130, .fldmaxWidth130 .editorField { max-width:130px; } .maxWidth140, .fldmaxWidth140 .editorField { max-width:140px; } .maxWidth150, .fldmaxWidth150 .editorField { max-width:150px; } .maxWidth160, .fldmaxWidth160 .editorField { max-width:160px; } .maxWidth170, .fldmaxWidth170 .editorField { max-width:170px; } .maxWidth180, .fldmaxWidth180 .editorField { max-width:180px; } .maxWidth190, .fldmaxWidth190 .editorField { max-width:190px; } .maxWidth200, .fldmaxWidth200 .editorField { max-width:200px; } .maxWidth210, .fldmaxWidth210 .editorField { max-width:210px; } .maxWidth220, .fldmaxWidth220 .editorField { max-width:220px; } .maxWidth230, .fldmaxWidth230 .editorField { max-width:230px; } .maxWidth240, .fldmaxWidth240 .editorField { max-width:240px; } .maxWidth250, .fldmaxWidth250 .editorField { max-width:250px; } .maxWidth260, .fldmaxWidth260 .editorField { max-width:260px; } .maxWidth270, .fldmaxWidth270 .editorField { max-width:270px; } .maxWidth280, .fldmaxWidth280 .editorField { max-width:280px; } .maxWidth290, .fldmaxWidth290 .editorField { max-width:290px; } .maxWidth300, .fldmaxWidth300 .editorField { max-width:300px; } .maxWidth310, .fldmaxWidth310 .editorField { max-width:310px; } .maxWidth320, .fldmaxWidth320 .editorField { max-width:320px; } .maxWidth330, .fldmaxWidth330 .editorField { max-width:330px; } .maxWidth340, .fldmaxWidth340 .editorField { max-width:340px; } .maxWidth350, .fldmaxWidth350 .editorField { max-width:350px; } .maxWidth360, .fldmaxWidth360 .editorField { max-width:360px; } .maxWidth370, .fldmaxWidth370 .editorField { max-width:370px; } .maxWidth380, .fldmaxWidth380 .editorField { max-width:380px; } .maxWidth390, .fldmaxWidth390 .editorField { max-width:390px; } .maxWidth400, .fldmaxWidth400 .editorField { max-width:400px; } .maxWidth490, .fldmaxWidth490 .editorField { max-width: 490px; } .maxWidth530 , .fldmaxWidth530 .editorField { max-width: 530px; } .maxWidth580 , .fldmaxWidth580 .editorField { max-width: 580px; } .width30, .lblWidth30 .editorLabel { width:30px; } .width40, .lblWidth40 .editorLabel { width:40px; } .width50, .lblWidth50 .editorLabel { width:50px } .width60, .lblWidth60 .editorLabel { width:60px; } .width90, .lblWidth90 .editorLabel { width:90px; } .width100, .lblWidth100 .editorLabel, .fldWidth100 .editorField input, .relatedDataPortlet .dataFieldContainer.lblWidth100 .editorLabel { width:100px; } .width120, .lblWidth120 .editorLabel, .fldWidth120 .editorField input, .relatedDataPortlet .dataFieldContainer.lblWidth120 .editorLabel { width:120px; } .width150, .lblWidth150 .editorLabel, .fldWidth150 .editorField input, .relatedDataPortlet .dataFieldContainer.lblWidth150 .editorLabel { width:150px; } .width160, .lblWidth160 .editorLabel, .fldWidth160 .editorField input, .relatedDataPortlet .dataFieldContainer.lblWidth160 .editorLabel { width:160px; } .width180, .lblWidth180 .editorLabel, .fldWidth180 .editorField input { width:180px; } .width200, .lblWidth200 .editorLabel, .fldWidth200 .editorField input { width:200px; } .fldMargin0 .editorField input, .fldMargin0 .editorField select { margin-right:0; } /* Border radius styles */ .bTop { border-top-width: 1px;border-top-style: solid;} .borderRadius0 { border-radius: 0; } .borderRadiusTL0 { border-top-left-radius: 0; } .borderRadiusTR0 { border-top-right-radius: 0; } .borderRadiusBL0 { border-bottom-left-radius: 0; } .borderRadiusBR0 { border-bottom-right-radius: 0; } .borderRadius3 { border-radius: 3px; } .borderRadius6 { border-radius: 6px; } .borderRadius10 { border-radius: 10px; } .borderRadius12 { border-radius: 12px; } .borderRadius20 { border-radius: 20px; } .borderRadius30 { border-radius: 30px; } .borderRadius100pc { border-radius: 100%; } .height40 { height: 40px; } .height50 { height: 50px; } .height60 { height: 60px; } .height70 { height: 70px; } .height80 { height: 80px; } .height90 { height: 90px; } .height100 { height: 100px; } .height100perc, .height100Perc { height: 100%; } /*--Generic Padding classes--*/ .padding0I, .cPadding0I > * { padding:0 !important; } .paddingT0I, .cPaddingT0I { padding-top:0 !important; } .paddingB0I, .cPaddingB0I { padding-bottom:0 !important; } .paddingTB0I, .cPaddingTB0I > * { padding-top:0 !important; padding-bottom:0 !important; } .paddingL0I, .cPaddingL0I > * { padding-left:0 !important; } .paddingR0I, .cPaddingR0I > * { padding-right:0 !important; } .paddingLR0I, .cPaddingLR0I > * { padding-left:0 !important; padding-right:0 !important; } .padding5I, .cPadding5I > * { padding:5px !important; } .paddingT5I, .cPaddingT5I { padding-top:5px !important; } .paddingB5I, .cPaddingB5I { padding-bottom:5px !important; } .paddingTB5I, .cPaddingTB5I > * { padding-top:5px !important; padding-bottom:5px !important; } .paddingL5I, .cPaddingL5I > * { padding-left:5px !important; } .paddingR5I, .cPaddingR5I > * { padding-right:5px !important; } .paddingLR5I, .cPaddingLR5I > * { padding-left:5px !important; padding-right:5px !important;} .padding10I, .cPadding10I > * { padding:10px !important; } .paddingT10I, .cPaddingT10I { padding-top:10px !important; } .paddingB10I, .cPaddingB10I { padding-bottom:10px !important; } .paddingTB10I, .cPaddingTB10I > * { padding-top:10px !important; padding-bottom:10px !important; } .paddingL10I, .cPaddingL10I > * { padding-left:10px !important; } .paddingR10I, .cPaddingR10I > * { padding-right:10px !important; } .paddingLR10I, .cPaddingLR10I > * { padding-left:10px !important; padding-right:10px !important; } /*--Percentage widths--*/ .width5Perc, .lblWidth5Perc .editorLabel { width:5%; } .width10Perc, .lblWidth10Perc .editorLabel { width:10%; } .width15Perc, .lblWidth15Perc .editorLabel { width:15%; } .width20Perc, .lblWidth20Perc .editorLabel { width:20%; } .width25Perc, .lblWidth25Perc .editorLabel { width:25%; } .width30Perc, .lblWidth30Perc .editorLabel { width:30%; } .width35Perc, .lblWidth35Perc .editorLabel { width:35%; } .width40Perc, .lblWidth40Perc .editorLabel { width:40%; } .width45Perc, .lblWidth45Perc .editorLabel { width:45%; } .width50Perc, .lblWidth50Perc .editorLabel { width:50% } .width55Perc, .lblWidth55Perc .editorLabel { width:55% } .width60Perc, .lblWidth60Perc .editorLabel {width: 47%;} .width65Perc, .lblWidth65Perc .editorLabel { width:65% } .width70Perc, .lblWidth70Perc .editorLabel { width:70% } .width75Perc, .lblWidth75Perc .editorLabel { width:75% } .width80Perc, .lblWidth80Perc .editorLabel { width:80% } .width85Perc, .lblWidth85Perc .editorLabel { width:85% } .width90Perc, .lblWidth90Perc .editorLabel { width:90% } .width95Perc, .lblWidth95Perc .editorLabel { width:95% } .width100Perc, .lblWidth100Perc .editorLabel { width:100% } /*--Percentage widths that are responsive--*/ @media screen and (max-width: 500px) { .phone .xsm-font70Perc { font-size:70%; } .phone .xsm-font80Perc { font-size:80%; } .phone .xsm-font90Perc { font-size:90%; } .phone .xsm-block { display:block; } .phone .xsm-floatNone, .xsm-cFloatNone > * { float:none; } .xsm-margin0Auto { margin:0 auto; } .phone .xsm-stacked > * { float: none !important; display: block !important; } .phone .xsm-floatLeft, .phone .thumbnailSection.xsm-floatLeft, .phone .dataFieldContainer.xsm-floatLeft { float: left !important; } .phone .xsm-floatRight, .phone .thumbnailSection.xsm-floatRight { float: right !important; } .phone .xsm-clearNone { clear: none !important; } .phone .xsm-clearLeft { clear: left !important; } .phone .xsm-clearRight { clear: right !important; } .phone .xsm-textAlignLeft { text-align: left !important; } .phone .xsm-textAlignRight { text-align: right !important; } .phone .xms-pAbsolute { position: absolute; } .phone .xsm-pRelative { position: relative; } .phone .xsm.left0 { left: 0; } .phone .xsm-left5 { left: 5px; } .phone .xsm-left10 { left: 10px; } .phone .xsm-left15 { left: 15px; } .phone .xsm-left20 { left: 20px; } .phone .xsm-left25 { left: 25px; } .phone .xsm-left30 { left: 30px; } .phone .xsm-right0 { right: 0; } .phone .xsm-right5 { right: 5px; } .phone .xsm-right10 { right: 10px; } .phone .xsm-right15 { right: 15px; } .phone .xsm-right20 { right: 20px; } .phone .xsm-right25 { right: 25px; } .phone .xsm-right30 { right: 30px; } .phone .xsm-top0 { top: 0; } .phone .xsm-top5 { top: 5px; } .phone .xsm-top10 { top: 10px; } .phone .xsm-top15 { top: 15px; } .phone .xsm-top20 { top: 20px; } .phone .xsm-top25 { top: 25px; } .phone .xsm-top30 { top: 30px; } .phone .xsm-bottom0 { bottom: 0; } .phone .xsm-bottom5 { bottom: 5px; } .phone .xsm-bottom10 { bottom: 10px; } .phone .xsm-bottom15 { bottom: 15px; } .phone .xsm-bottom20 { bottom: 20px; } .phone .xsm-bottom25 { bottom: 25px; } .phone .xsm-bottom30 { bottom: 30px; } .phone .xsm-marginT5 { margin-top: 5px!important; } .phone .xsm-marginT10 { margin-top: 10px!important; } .phone .xsm-marginTB5 { margin-top: 5px!important; margin-bottom: 5px !important; } .phone .xsm-marginTB10 { margin-top: 10px!important; margin-bottom: 10px !important; } .phone .xsm-width5Perc, .phone .xsm-lblWidth5Perc .editorLabel { width:5%; } .phone .xsm-width10Perc, .phone .xsm-lblWidth10Perc .editorLabel { width:10%; } .phone .xsm-width15Perc, .phone .xsm-lblWidth15Perc .editorLabel { width:15%; } .phone .xsm-width20Perc, .phone .xsm-lblWidth20Perc .editorLabel { width:20%; } .phone .xsm-width25Perc, .phone .xsm-lblWidth25Perc .editorLabel { width:25%; } .phone .xsm-width30Perc, .phone .xsm-lblWidth30Perc .editorLabel { width:30%; } .phone .xsm-width35Perc, .phone .xsm-lblWidth35Perc .editorLabel { width:35%; } .phone .xsm-width40Perc, .phone .xsm-lblWidth40Perc .editorLabel { width:40%; } .phone .xsm-width45Perc, .phone .xsm-lblWidth45Perc .editorLabel { width:45%; } .phone .xsm-width50Perc, .phone .xsm-lblWidth50Perc .editorLabel { width:50% } .phone .xsm-width55Perc, .phone .xsm-lblWidth55Perc .editorLabel { width:55% } .phone .xsm-width60Perc, .phone .xsm-lblWidth60Perc .editorLabel { width:60% } .phone .xsm-width65Perc, .phone .xsm-lblWidth65Perc .editorLabel { width:65% } .phone .xsm-width70Perc, .phone .xsm-lblWidth70Perc .xs-editorLabel { width:70% } .phone .xsm-width75Perc, .phone .xsm-lblWidth75Perc .xs-editorLabel { width:75% } .phone .xsm-width80Perc, .phone .xsm-lblWidth80Perc .editorLabel { width:80% } .phone .xsm-width85Perc, .phone .xsm-lblWidth85Perc .editorLabel { width:85% } .phone .xsm-width90Perc, .phone .xsm-lblWidth90Perc .editorLabel { width:90% } .phone .xsm-width95Perc, .phone .xsm-lblWidth95Perc .editorLabel { width:95% } .phone .xsm-width100Perc, .phone .xsm-lblWidth100Perc .editorLabel { width:100% } } .mq-xsm .xsm-font70Perc { font-size:70%; } .mq-xsm .xsm-font80Perc { font-size:80%; } .mq-xsm .xsm-font90Perc { font-size:90%; } .mq-xsm .xsm-width5Perc, .mq-xsm .xsm-lblWidth5Perc .editorLabel { width:5%; } .mq-xsm .xsm-width10Perc, .mq-xsm .xsm-lblWidth10Perc .editorLabel { width:10%; } .mq-xsm .xsm-width15Perc, .mq-xsm .xsm-lblWidth15Perc .editorLabel { width:15%; } .mq-xsm .xsm-width20Perc, .mq-xsm .xsm-lblWidth20Perc .editorLabel { width:20%; } .mq-xsm .xsm-width25Perc, .mq-xsm .xsm-lblWidth25Perc .editorLabel { width:25%; } .mq-xsm .xsm-width30Perc, .mq-xsm .xsm-lblWidth30Perc .editorLabel { width:30%; } .mq-xsm .xsm-width35Perc, .mq-xsm .xsm-lblWidth35Perc .editorLabel { width:35%; } .mq-xsm .xsm-width40Perc, .mq-xsm .xsm-lblWidth40Perc .editorLabel { width:40%; } .mq-xsm .xsm-width45Perc, .mq-xsm .xsm-lblWidth45Perc .editorLabel { width:40%; } .mq-xsm .xsm-width50Perc, .mq-xsm .xsm-lblWidth50Perc .editorLabel { width:50% } .mq-xsm .xsm-width55Perc, .mq-xsm .xsm-lblWidth55Perc .editorLabel { width:55% } .mq-xsm .xsm-width60Perc, .mq-xsm .xsm-lblWidth60Perc .editorLabel { width:60% } .mq-xsm .xsm-width65Perc, .mq-xsm .xsm-lblWidth65Perc .editorLabel { width:65% } .mq-xsm .xsm-width70Perc, .mq-xsm .xsm-lblWidth70Perc .xs-editorLabel { width:70% } .mq-xsm .xsm-width75Perc, .mq-xsm .xsm-lblWidth75Perc .xs-editorLabel { width:75% } .mq-xsm .xsm-width80Perc, .mq-xsm .xsm-lblWidth80Perc .editorLabel { width:80% } .mq-xsm .xsm-width85Perc, .mq-xsm .xsm-lblWidth85Perc .editorLabel { width:85% } .mq-xsm .xsm-width90Perc, .mq-xsm .xsm-lblWidth90Perc .editorLabel { width:90% } .mq-xsm .xsm-width95Perc, .mq-xsm .xsm-lblWidth95Perc .editorLabel { width:95% } .mq-xsm .xsm-width100Perc, .mq-xsm .xsm-lblWidth100Perc .editorLabel { width:100% } .mq-xsm .xsm-maxWidth200Pix { max-width:200px; } .mq-xsm .xsm-maxWidth250Pix { max-width:250px; } .mq-xsm .xsm-maxWidth300Pix { max-width:300px; } .mq-md .md-floatLeft { float: left; } .mq-md .md-floatRight { float: right; } .mq-md .md-textAlignLeft { text-align: left; } .mq-md .md-textAlignRight { text-align: right; } /*--Label and width overrides for cards--*/ .dataFldMaxWidth230 .editorField { max-width: 230px !important; } .dataLblWidth30 .editorLabel, .dataFldWidth30 .editorField { width:30px !important; } .dataLblWidth40 .editorLabel, .dataFldWidth40 .editorField { width:40px !important; } .dataLblWidth50 .editorLabel, .dataFldWidth50 .editorField { width:50px !important; } .dataLblWidth60 .editorLabel, .dataFldWidth60 .editorField { width:60px !important; } .dataLblWidth70 .editorLabel, .dataFldWidth70 .editorField { width:70px !important; } .dataLblWidth80 .editorLabel, .dataFldWidth80 .editorField { width:80px !important; } .dataLblWidth90 .editorLabel, .dataFldWidth90 .editorField { width:90px !important; } .dataLblWidth100 .editorLabel, .dataFldWidth100 .editorField { width:100px !important; } .dataLblWidth110 .editorLabel, .dataFldWidth110 .editorField { width:110px !important; } .dataLblWidth120 .editorLabel, .dataFldWidth120 .editorField { width:120px !important; } .dataLblWidth130 .editorLabel, .dataFldWidth130 .editorField { width:130px !important; } .dataLblWidth140 .editorLabel, .dataFldWidth140 .editorField { width:140px !important; } .dataLblWidth150 .editorLabel, .dataFldWidth150 .editorField { width:150px !important; } .dataLblWidth160 .editorLabel, .dataFldWidth160 .editorField { width:160px !important; } .dataLblWidth170 .editorLabel, .dataFldWidth170 .editorField { width:170px !important; } .dataLblWidth180 .editorLabel, .dataFldWidth180 .editorField { width:180px !important; } .dataLblWidth190 .editorLabel, .dataFldWidth190 .editorField { width:190px !important; } .dataLblWidth200 .editorLabel, .dataFldWidth200 .editorField { width:200px !important; } /* the percent definitions are relative to container */ .controlWidth25Percent,.dataLblWidth25Percent .editorLabel, .dataFldWidth25Percent .editorField { width:25% !important; } .controlWidth30Percent,.dataLblWidth30Percent .editorLabel, .dataFldWidth30Percent .editorField{ width:30% !important; } .controlWidth40Percent,.dataLblWidth40Percent .editorLabel, .dataFldWidth40Percent .editorField{ width:40% !important; } .controlWidth50Percent,.dataLblWidth50Percent .editorLabel, .dataFldWidth50Percent .editorField{ width:50% !important; } .controlWidth60Percent,.dataLblWidth60Percent .editorLabel, .dataFldWidth60Percent .editorField{ width:60% !important; } .controlWidth100Percent,.dataLblWidth100Percent .editorLabel, .dataFldWidth100Percent .editorField{ width:100% !important; } .fldWidthAuto .editorField, .autoWidthForLabels .editorLabel { width:auto; } .dataFldWidthAuto > .dataFieldContainer, .dataLblWidthAuto > .dataFieldContainer > .editorLabel { width:auto !important; } /*--Padding overrides for cards--*/ .dataFldPadding0.dataFieldContainer > .editorLabel { padding: 0 !important;} .thumbnailSection.padding0, .dataLblPadding0 .iconLabel, .dataLblPadding0 .editorLabel, .dataFldPadding0 .editorField { padding: 0 !important; } .thumbnailSection.padding5, .dataLblPadding5 .iconLabel, .dataLblPadding5 .editorLabel, .dataFldPadding5 .editorField { padding: 5px !important; } .thumbnailSection.padding10, .dataLblPadding10 .iconLabel, .dataLblPadding10 .editorLabel, .dataFldPadding10 .editorField { padding: 10px !important; } .dataLblTPadding0 .iconLabel, .dataLblTPadding0 .editorLabel, .dataFldTPadding0 .editorField { padding-top: 0 !important; } .dataLblBPadding0 .iconLabel, .dataLblBPadding0 .editorLabel, .dataFldBPadding0 .editorField { padding-bottom: 0 !important; } .dataLblLPadding0 .iconLabel, .dataLblLPadding0 .editorLabel, .dataFldLPadding0 .editorField { padding-left: 0 !important; } .dataLblRPadding0 .iconLabel, .dataLblRPadding0 .editorLabel, .dataFldRPadding0 .editorField { padding-right: 0 !important; } .dataLblPaddingT0 .iconLabel, .dataLblPaddingT0 .editorLabel, .dataFldPaddingT0 .editorField { padding-top: 0 !important; } .dataLblPaddingB0 .iconLabel, .dataLblPaddingB0 .editorLabel, .dataFldPaddingB0 .editorField { padding-bottom: 0 !important; } .dataLblPaddingL0 .iconLabel, .dataLblPaddingL0 .editorLabel, .dataFldPaddingL0 .editorField { padding-left: 0 !important; } .dataLblPaddingR0 .iconLabel, .dataLblPaddingR0 .editorLabel, .dataFldPaddingR0 .editorField { padding-right: 0 !important; } .dataLblTPadding5 .iconLabel, .dataLblTPadding5 .editorLabel, .dataFldTPadding5 .editorField { padding-top: 5px !important; } .dataLblBPadding5 .iconLabel, .dataLblBPadding5 .editorLabel, .dataFldBPadding5 .editorField { padding-bottom: 5px !important; } .dataLblLPadding5 .iconLabel, .dataLblLPadding5 .editorLabel, .dataFldLPadding5 .editorField { padding-left: 5px !important; } .dataLblRPadding5 .iconLabel, .dataLblRPadding5 .editorLabel, .dataFldRPadding5 .editorField { padding-right: 5px !important; } .dataLblPaddingT5 .iconLabel, .dataLblPaddingT5 .editorLabel, .dataFldPaddingT5 .editorField, .dataFldPaddingTB5 .editorField { padding-top: 5px !important; } .dataLblPaddingB5 .iconLabel, .dataLblPaddingB5 .editorLabel, .dataFldPaddingB5 .editorField, .dataFldPaddingTB5 .editorField { padding-bottom: 5px !important; } .thumbnailSection.paddingL5, .dataLblPaddingL5 .iconLabel, .dataLblPaddingL5 .editorLabel, .dataFldPaddingL5 .editorField, .dataFldPaddingLR5 .editorField { padding-left: 5px !important; } .thumbnailSection.paddingR5, .dataLblPaddingR5 .iconLabel, .dataLblPaddingR5 .editorLabel, .dataFldPaddingR5 .editorField, .dataFldPaddingLR5 .editorField { padding-right: 5px !important; } .dataLblTPadding10 .iconLabel, .dataLblTPadding10 .editorLabel, .dataFldTPadding10 .editorField { padding-top: 10px !important; } .dataLblBPadding10 .iconLabel, .dataLblBPadding10 .editorLabel, .dataFldBPadding10 .editorField { padding-bottom: 10px !important; } .dataLblLPadding10 .iconLabel, .dataLblLPadding10 .editorLabel, .dataFldLPadding10 .editorField { padding-left: 10px !important; } .dataLblRPadding10 .iconLabel, .dataLblRPadding10 .editorLabel, .dataFldRPadding10 .editorField { padding-right: 10px !important; } .dataLblPaddingT10 .iconLabel, .dataLblPaddingT10 .editorLabel, .dataFldPaddingT10 .editorField, .dataFldPaddingTB10 .editorField { padding-top: 10px !important; } .dataLblPaddingB10 .iconLabel, .dataLblPaddingB10 .editorLabel, .dataFldPaddingB10 .editorField, .dataFldPaddingTB10 .editorField { padding-bottom: 10px !important; } .dataLblPaddingL10 .iconLabel, .dataLblPaddingL10 .editorLabel, .dataFldPaddingL10 .editorField, .dataFldPaddingLR10 .editorField { padding-left: 10px !important; } .dataLblPaddingR10 .iconLabel, .dataLblPaddingR10 .editorLabel, .dataFldPaddingR10 .editorField, .dataFldPaddingLR10 .editorField { padding-right: 10px !important; } /*--Margin overrides for cards--*/ .thumbnailSection.margin0, .dataLblMargin0 .iconLabel, .dataLblMargin0 .editorLabel, .dataFldMargin0 .editorField { margin: 0 !important; } .dataLblMargin5 .iconLabel, .dataLblMargin5 .editorLabel, .dataFldMargin5 .editorField { margin: 5px !important; } .dataLblMargin10 .iconLabel, .dataLblMargin10 .editorLabel, .dataFldMargin10 .editorField { margin: 10px !important; } .thumbnailSection.marginT0, .dataLblMarginT0 .iconLabel, .dataLblMarginT0 .editorLabel, .dataFldMarginT0 .editorField { margin-top: 0 !important; } .dataLblMarginB0 .iconLabel, .dataLblMarginB0 .editorLabel, .dataFldMarginB0 .editorField { margin-bottom: 0 !important; } .dataLblMarginL0 .iconLabel, .dataFldLblMarginL0 .editorLabel, .dataFldLMargin0 .editorField, .imageSection.marginL0 { margin-left: 0 !important; } .thumbnailSection.marginR0, .dataLblMarginR0 .iconLabel, .dataFldLblMarginR0 .editorLabel, .dataFldMarginR0 .editorField { margin-right: 0 !important; } .dataLblMarginT5 .iconLabel, .dataLblMarginT5 .editorLabel, .dataFldMarginT5 .editorField { margin-top: 5px !important; } .dataLblMarginB5 .iconLabel, .dataLblMarginB5 .editorLabel, .dataFldMarginB5 .editorField { margin-bottom: 5px !important; } .dataLblMarginL5 .iconLabel, .dataLblMarginL5 .editorLabel, .dataFldMarginL5 .editorField { margin-left: 5px !important; } .dataLblMarginR5 .iconLabel, .dataLblMarginR5 .editorLabel, .dataFldMarginR5 .editorField { margin-right: 5px !important; } .dataLblMarginT10 .iconLabel, .dataLblMarginT10 .editorLabel, .dataFldMarginT10 .editorField { margin-top: 10px !important; } .dataLblMarginB10 .iconLabel, .dataLblMarginB10 .editorLabel, .dataFldMarginB10 .editorField { margin-bottom: 10px !important; } .thumbnailSection.marginL10, .dataLblMarginL10 .iconLabel, .dataLblMarginL10 .editorLabel, .dataFldMarginL10 .editorField { margin-left: 10px !important; } .dataLblMarginR10 .iconLabel, .dataLblMarginR10 .editorLabel, .dataFldMarginR10 .editorField { margin-right: 10px !important; } .dataLblMarginT15 .iconLabel, .dataLblMarginT15 .editorLabel, .dataFldMarginT15 .editorField { margin-top: 15px !important; } .dataLblMarginB15 .iconLabel, .dataLblMarginB15 .editorLabel, .dataFldMarginB15 .editorField { margin-bottom: 15px !important; } .dataLblMarginL15 .iconLabel, .dataLblMarginL15 .editorLabel, .dataFldMarginL15 .editorField { margin-left: 15px !important; } .dataLblMarginR15 .iconLabel, .dataLblMarginR15 .editorLabel, .dataFldMarginR15 .editorField { margin-right: 15px !important; } .dataLblMarginT20 .iconLabel, .dataLblMarginT20 .editorLabel, .dataFldMarginT20 .editorField { margin-top: 20px !important; } .dataLblMarginB20 .iconLabel, .dataLblMarginB20 .editorLabel, .dataFldMarginB20 .editorField { margin-bottom: 20px !important; } .dataLblMarginL20 .iconLabel, .dataLblMarginL20 .editorLabel, .dataFldMarginL20 .editorField { margin-left: 20px !important; } .dataLblMarginR20 .iconLabel, .dataLblMarginR20 .editorLabel, .dataFldMarginR20 .editorField { margin-right: 20px !important; } .lblTxtAlignRight .editorLabel, .fldTxtAlignRight .editorField { text-align: right; } .lblTxtAlignLeft .editorLabel, .fldTxtAlignLeft .editorField { text-align: left; } .font80Percent, .lblFont80Percent > .dataFieldContainer > .editorLabel, .fldFont80Percent > .dataFieldContainer > .editorField { font-size: 80%; } .font90Percent, .lblFont90Percent > .dataFieldContainer > .editorLabel, .fldFont90Percent > .dataFieldContainer > .editorField { font-size: 90%; } .font110Percent, .lblFont110Percent > .dataFieldContainer > .editorLabel, .fldFont110Percent > .dataFieldContainer > .editorField { font-size: 110%; } .font120Percent, .lblFont120Percent > .dataFieldContainer > .editorLabel, .fldFont120Percent > .dataFieldContainer > .editorField { font-size: 120%; } .font150Percent, .lblFont150Percent > .dataFieldContainer > .editorLabel, .fldFont150Percent > .dataFieldContainer > .editorField { font-size: 150%; } .font200Percent, .lblFont200Percent > .dataFieldContainer > .editorLabel, .fldFont200Percent > .dataFieldContainer > .editorField { font-size: 200%; } .dataLblUppercase .editorLabel > label, .dataFldUppercase .editorField { text-transform: uppercase !important; } .dataLblTxtAlignLeft .editorLabel > label, .dataFldTxtAlignLeft .editorField { text-align: left !important; } .dataLblTxtAlignRight .editorLabel > label, .dataFldTxtAlignRight .editorField { text-align: right !important; } .dataLblTxtAlignCenter .editorLabel > label, .dataFldTxtAlignCenter .editorField { text-align: center !important; } .dataLblItalic .editorLabel > label, .dataFldItalic .editorField { font-style: italic; } .dataLblFontBold .iconLabel, .dataLblFontBold label, .dataFldFontBold .editorField { font-weight: bold !important; } .dataLblFontBold .iconLabel, .dataLblFontNormal label, .dataFldFontNormal .editorField { font-weight: normal !important;} .font80Percent, .dataLblFont80Percent .iconLabel, .dataLblFont80Percent .editorLabel, .dataFldFont80Percent .editorField { font-size: 80%; } .font90Percent, .dataLblFont90Percent .iconLabel, .dataLblFont90Percent .editorLabel, .dataFldFont90Percent .editorField { font-size: 90%; } .font110Percent, .dataLblFont110Percent .iconLabel, .dataLblFont110Percent .editorLabel, .dataFldFont110Percent .editorField { font-size: 110%; } .font120Percent, .dataLblFont120Percent .iconLabel, .dataLblFont120Percent .editorLabel, .dataFldFont120Percent .editorField { font-size: 120%; } .font150Percent, .dataLblFont150Percent .iconLabel, .dataLblFont150Percent .editorLabel, .dataFldFont150Percent .editorField { font-size: 150%; } .font200Percent, .dataLblFont200Percent .iconLabel, .dataLblFont200Percent .editorLabel, .dataFldFont200Percent .editorField { font-size: 200%; } .bar { border-left: solid 1px; height: 1.5em; display: inline-block; margin: 0 5px -5px 5px; } .bar-separator{ position: relative; padding-right: 10px; } .bar-separator:after{ content: ""; width: 1px; display: block; position: absolute; top: 0; bottom: 0; right: 0; background: white; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.28),rgba(255, 255, 255, 0)); } .bar-separator.dark:after{ background: linear-gradient(to bottom, rgba(0,0,0, 0), rgba(0,0,0, 0.28),rgba(0,0,0, 0)); } .bar-separator:last-of-type:after, .bar-separator:last-of-type:hover:after{ display: none; } .ease3ms { -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; transition: 0.3s ease; } .animate-pulse { display: block; animation: changescale 1s infinite; } #cookieTermsMsg { visibility: hidden; position: absolute; background-color: #fff; top: -100px; left: 0; right: 0; z-index: 10000; /*max-width: 1024px;*/ -webkit-transition: top 0.3s ease-in-out; transition: top 0.2s ease-in-out; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } #cookieTermsMsg.view { visibility: visible; top: 0; } #cookieTermsMsg .cookieTermsMsgContainer { color: #656565; /*text-align: center;*/ padding: 5px; margin: 0 auto; max-width: 1024px; overflow: hidden; } #cookieTermsMsg .cookieTermsMsgContainer .icon24 { margin-top: 2px; margin-right: 5px; float: left; vertical-align: top; } #cookieTermsMsg button { float: right; padding: 6px 20px; margin-left: 5px; } /*#cookieTermsMsg > .content { overflow: hidden; }*/ #cookieTermsMsg .content { overflow: hidden; font-size: 1em; line-height: 1.3em; margin-top: 6px; margin-bottom: 6px; } /* Offline */ .offlineContainer { background: rgba(255,255,255,0.75); z-index: 2147483647; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .offlineSpinnerContainer { position:absolute; top: 50%; left:50%; margin-top: -48px; margin-left: -90px; } .offlineSpinnerMessage { text-align: center; font-size: 1.2em; line-height: 30px; font-weight: 600; } /* Default list style formatting */ .richText ul, .richText ol { list-style-position: inside; } .richText ul { list-style-type: disc; } .richText ol { list-style-type: decimal; } .richText ol > li, .richText ul > li, .richText li > ul, .richText li > ol { padding-left: 1.5em; } /* Environment colours */ .envBCol { border-color: var(--ciaColourEnvironment);} .envBGCol { background-color: var(--ciaColourEnvironment);} .envFGCol { color: var(--ciaColourEnvironmentText);} .envCol { color: var(--ciaColourEnvironment);} /*--Dark Color 1--*/ .drkCol1, .drkCol1 > *, .fcDrkCol1 > *:first-child, .drkCol1Hvr:hover, .tile.workplaceAlerts > .iconContainer .notificationCount, #ShowMinorTiles.less a:before, .notification .total, #ActionPane .recordNavigator, .tabHandle_LinkedTab.selected, .tabbedControl .tabHandle.selected, .tabbedControl.cardViewChildren .tabHandle.selected > .editorLabel, .listItemChooser .selectedItems .title, .footer .noRecords, .editablePanel > .header, .editablePanel > .splitheader > div, .calendarContainer .dayHeader, .calendarContainer .day { color: var(--ciaColourMainDarkest); } /*--Dark Background Color 1--*/ .drkBGCol1, .cDrkBGCol1 > *, .fcDrkBGCol1 > *:first-child, .drkBGColHvr:hover { background-color: var(--ciaColourMainDarkest); ; } /*--Dark Border Color 1--*/ .drkBCol1, .drkBCol1Hvr:hover, #popupTileContainer, #popupTileContainerWrapper .tile.more:after, #popupTileContainerWrapper .tile.folder:after, .simpleSearchControl input, .searchMenuList { border-color: var(--ciaColourMainDarkest); } /*--Dark Color 2--*/ .drkCol2, .cDrkCol2 > *, .fcDrkCol2 > *.first-child, .drkCol2Hvr:hover, .drkCol2:hover { color: var(--ciaColourMainDarker); } /*--Dark Background Color 2--*/ .drkBGCol2, .cDrkBGCol2 > *, .fcDrkBGCol2 > *:first-child, .drkBGCol2Hvr:hover, body > .tile.mydashboard > .iconContainer, .editorField .suggestionPane .itemLink .iconContainer { background-color: var(--ciaColourMainDarker); } /*--Dark Border Color 2--*/ .drkBCol2, .cDrkBCol2 > *, .fcDrkBCol2 > *.first-child, .drkBCol2Hvr:hover, .calendar td.today, .requestEntry .requestCount:after { border-color:var(--ciaColourMainDarker); } /*--Dark Color 3--*/ .drkCol3, .drkCol3Hvr:hover, .onDark .dashboard.tile h4 { color: var(--ciaColourMainDark-50); } /*--Dark Background Color 3--*/ .drkBGCol3, .cDrkBGCol3 > *, .fcDrkBGCol3 > *:first-child, .drkBGCol3Hvr:hover { background-color: var(--ciaColourMainDark-50); } /*--Dark Border Color 3--*/ .drkBCol3, .cDrkBCol3 > *, .fcDrkBGCol3 > *.first-child, .drkBGCol3Hvr:hover, .arWCol3 { border-color: var(--ciaColourMainDark-50); } /*--Main Color 1--*/ .mainCol1, .cMainCol1 > *, .fcMainCol1 > *:first-child, .mainCol1Hvr:hover { color: var(--ciaColourMainDark); } /*--Main Background Color 1--*/ .mainBGCol1 { background-color: var(--ciaColourMainDark); } /*--Main Border Color 1--*/ .mainBCol1, .cMainBCol1 > *, .fcMainBCol1 > *:first-child, .mainBCol1Hvr:hover, .dBCol, #BI .centerTileContainer .tile a:hover, #popupTileContainerWrapper.bi .content .tile a:hover, .toolBarContainer, .actionsPane .dropDown, .editorField .suggestionPaneWrapper.shown, .calculatorContainer, .actionsButtonActionsPane, .formHeader.maintenanceHeader { border-color: var(--ciaColourMainDark); } /*--Main Color 2 (50% washed)--*/ .mainCol2, .cMainCol2 > *, .fcMainCol2 > *:first-child, .mainCol2Hvr:hover { color: var(--ciaColourMainLight); } /*--Main Border Color 2 (50% washed)--*/ .mainBCol2, .cMainBCol2 > *, .fcMainBCol2 > *:first-child, .mainBCol2Hvr:hover, .lBCol, #BI .centerTileContainer .tile a, .bi #popupTileContainer .tile a, .gridContainer .dataTableContainer.centre .relatedDataPortlet .gridContainer .tableContainer, .rowActions.dropDown.selected, body.desktop .relatedDataPortlet .hasCellActions:hover .cellActions.dropDown, .portal > section, .portalContainer > .portal, #ActionListPortlet .actionItem, #SummaryPortlet .revealableDetails, .sideBarLayout .actionsPane .toggle, .tabbedControl.vertical > .tabHandlesContainer > .tabHandle, .tabbedControl.vertical > .tabsContainer { border-color: var(--ciaColourMainLight); } /*--Main Background Colour 2 (50% washed)--*/ .mainBGCol2, .cMainBGCol2 > *, .fcMainBGCol2 > *:first-child, .mainBGCol2Hvr:hover, .itemChooser .itemHeader/*, .enquiryfilters .fltrMainHd:before, .detailsPanelHeader:before*/ { background-color: var(--ciaColourMainLight); } /*--Main Border Bottom Color 2 (50% washed)--*/ .mainBBCol2, .cMainBBCol2 > *, .fcMainBBCol2 > *:first-child, .mainBBCol2Hvr:hover, .sideBarLayout .actionsPane .actionsContainer, .sideBarLayout .actionsPane .extraActions .dropDown > *, .actionsButtonItem { border-bottom-color: var(--ciaColourMainLight); } /*--Main Color 3--*/ .mainCol3, .cMainCol3 > *, .fcMainCol3 > *:first-child, .mainCol3Hvr:hover { color: var(--ciaColourMainLight-50); } /*--Main Background Color 3--*/ .mainBGCol3, .cMainBGCol3 > *, .fcMainBGCol3 > *:first-child, .mainBGCol3Hvr:hover, .valueSelector .vanillaStyle .tHeadings, .valueSelector .dataTableContainer .horizLayout, .mBGCol, .mBGColHover:hover, #BIScroller .topShade, #BIScroller .bottomShade, .menuList .menuContentContainer a:hover, .gridActionBar, div.gridContainer table thead tr { background-color: var(--ciaColourMainLight-50); } /*--Main Border Color 3--*/ .mainBCol3, .cMainBCol3 > *, .fcMainBCol3 > *:first-child, .mainBCol3Hvr:hover,.listItemChooser .header #popupTileContainer .navigation:hover, .buttonpane, .relatedDataPortlet .menuContainerH .menuActionItem, .relatedDataPortlet .headerBar.expanded, .listItemChooser .itemsList, .dropdownPanelListItem, #WizardForm > .mainContent #C2FormContent #TabsContainer > .tabsContainer, .tabbedControl .tabHandle, .fieldSet, .attachments .actionContainer { border-color: var(--ciaColourMainLight-50); } /*--Main Border Bottom Color 3 (70% washed)--*/ .mainBBCol3, .cMainBBCol3 > *, .fcMainBBCol3 > *:first-child, .mainBBCol3Hvr:hover, .lBColB, .dropdownControl.chooser h3, .actionsPane h3.notExpandable, .actionsPane .linksToFunctionsContainer li, .actionsPane .onThisPageContainer li, #WorklistContainerMenuPane > .worklistContainerMenuItem, .recordListItem.recordSelected a { border-bottom-color: var(--ciaColourMainLight-50); } /*--Main Color 4 (85% washed)--*/ .mainCol4, .cMainCol4 > *, .fcMainCol4 > *:first-child, .mainCol4Hvr:hover { color: var(--ciaColourMainLighter); } /*--Main Background Color 4 (85% washed)--*/ .mainBGCol4, .cMainBGCol4 > *, .fcMainBGCol4 > *:first-child, .mainBGCol4Hvr:hover, #PicklistSearchCriteria, .editorField .suggestionPane span.itemLink.selected, .naturalLanguageSearch .suggestionPane a.selected, div[data-t1-control-id="Parameter_Region"], .tabbedControl .tabHandle, #QuickActionPortlet > header, #SummaryPortlet > header, #ActionListPortlet > header, #InfoPortlet > header, #GraphPortlet > header, .summaryListItemButton button, .cardView, .cardViewChildren .tabControl.selected, .funcgroup-expandable:hover, .summaryForm::before { background-color: var(--ciaColourMainLighter); } /*--Main Border Color 4--*/ .mainBCol4, .cMainBCol4 > *, .fcMainBCol4 > *:first-child, .mainBCol4Hvr:hover, #ContextualKeysPanel, #ContextualParametersPanel, .editorField .suggestionPane .itemLink, .naturalLanguageSearch .suggestionPane a, .naturalLanguageSearch .suggestionPane a.selected, .editorField .suggestionPane span.selected, .attachments .attItems.gridView > .header, .attachments .attTypeHeader, .footer, .popup > footer { border-color: var(--ciaColourMainLighter); } /*-- --*/ .mainBGCol4Notch { border-color: var(--ciaColourMainLighter); } /*--Main Border Color 5 (90% washed)--*/ .mainBCol5, .cMainBCol5 > *, .fcMainBCol5 > *:first-child, .mainBCol5Hvr:hover, .fltrSet { border-color: var(--ciaColourMainLightest); } /*--Main Color 5 (90% washed)--*/ .mainCol5, .cMainCol5 > *, .fcMainCol5 > *:first-child, .mainCol5Hvr:hover { color: var(--ciaColourMainLightest); } /*--Main Background Color 5 (90% washed)--*/ .mainBGCol5, .cMainBGCol5 > *, .fcMainBGCol5 > *:first-child, .mainBGCol5Hvr:hover, .editorField .suggestionPane .itemLink:hover, .naturalLanguageSearch .suggestionPane a:hover, #popupTileContainerWrapper .navigation:hover, #popupTileContainerWrapper .tile.more:after, #popupTileContainerWrapper .tile.folder:after, .mainActionBar, .actionsPane .dropDown, .calculatorContainer, .actionsButtonActionsPane, .popup > footer, .tabbedControl .tabHandle, .tabbedControl > .tabHandlesContainer, .tabHandlesOuterContainer_LinkedTab.vert, #WorklistContainerResultSetPane, .rdpActionBar { background-color: var(--ciaColourMainLightest); } /*--Menu styles--*/ .rdpActionsMenu.menuContainerH .menuActionItem > button.selected { background-color:var(--ciaColourMainLightest); } /*--Light Color--*/ .lghtCol, .cLghtCol > *, .fcLghtCol > *:first-child, .lghtColHvr:hover, .descriptiveText, .descriptiveTextForTable, .gridColumnGroupingPanel .plainText, #AuditSummarySection { color: var(--ciaColourMainDark); } /*--Light Border Color--*/ .lghtBCol, .cLghtBCol > *, .fcLghtBCol > *:first-child, .lghtBColHvr:hover, .lgBCol { border-color: var(--ciaColourMainDark); } /*--Action pane bg and border--*/ .actionsPane { background-color: var(--ciaColourMainLighter); background-color: rgba(235, 237, 238, 0.9); } .actionsPane { border-color: var(--ciaColourMainLight); } /*font colour overrides*/ /* Light Font Colors */ .dataFontLightRed * { color: var(--ciaColourRedLight) !important;} .dataFontLightGreen * { color: var(--ciaColourGreenLight) !important;} .dataFontLightYellow * { color: var(--ciaColourYellowLight) !important;} .dataFontLightBlue * { color: var(--ciaColourBlueLight) !important;} .dataFontLightGray * { color: var(--ciaColourGrayLight) !important;} .dataFontLightPurple * { color: var(--ciaColourPurpleLight) !important;} .dataFontLightDarkBlue * { color: var(--ciaColourDarkBlueLight) !important;} .dataFontLightTeal * { color: var(--ciaColourTealLight) !important;} .dataFontLightDarkGreen * { color: var(--ciaColourDarkGreenLight) !important;} .dataFontLightOrange * { color: var(--ciaColourOrangeLight) !important;} /* Dark Font Colors */ .dataFontWhite * { color: var(--ciaColourWhite) !important;} .dataFontRed * { color: var(--ciaColourRed) !important;} .dataFontGreen * { color: var(--ciaColourGreen) !important;} .dataFontYellow * { color: var(--ciaColourYellow) !important;} .dataFontBlue * { color: var(--ciaColourBlue) !important;} .dataFontGray * { color: var(--ciaColourGray) !important;} .dataFontPurple * { color: var(--ciaColourPurple) !important;} .dataFontDarkBlue * { color: var(--ciaColourBlueDark) !important;} .dataFontTeal * { color: var(--ciaColourTeal) !important;} .dataFontDarkGreen * { color: var(--ciaColourGreenDark) !important;} .dataFontOrange * { color: var(--ciaColourOrange) !important;} /* this is in the case the icons should have a different colour from the value*/ .colWhite, .dataIconFontWhite .iconLabel { color: var(--ciaColourWhite) !important;} .colRed, .dataIconFontRed .iconLabel { color: var(--ciaColourRed) !important;} .colGreen, .dataIconFontGreen .iconLabel { color: var(--ciaColourGreen) !important;} .colYellow, .dataIconFontYellow .iconLabel { color: var(--ciaColourYellow) !important;} .colBlue, .dataIconFontBlue .iconLabel { color: var(--ciaColourBlue) !important;} .colGray, .dataIconFontGray .iconLabel { color: var(--ciaColourGray) !important;} .colPurple, .dataIconFontPurple .iconLabel { color: var(--ciaColourPurple) !important;} .colDarkBlue, .dataIconFontDarkBlue .iconLabel { color: var(--ciaColourBlueDark) !important;} .colTeal, .dataIconFontTeal .iconLabel { color: var(--ciaColourTeal) !important;} .colDarkGreen, .dataIconFontDarkGreen .iconLabel { color: var(--ciaColourGreenDark) !important;} .colOrange, .dataIconFontOrange .iconLabel { color: var(--ciaColourOrange) !important;} .colBrown, .dataIconFontBrown .iconLabel { color: var(--ciaColourBrown) !important;} /* Light Background Colors */ .bgColWhite { background-color: var(--ciaColourWhite) } .bgColLightRed, .bgColLightRed *, .dataBgLightRed * {background-color: var(--ciaColourRedLight);} .bgColLightGreen, .bgColLightGreen *, .dataBgLightGreen * { background-color: var(--ciaColourGreenLight);} .bgColLightYellow, .bgColLightYellow *, .dataBgLightYellow * { background-color: var(--ciaColourYellowLight);} .bgColLightBlue, .bgColLightBlue *, .dataBgLightBlue * { background-color: var(--ciaColourBlueLight);} .bgColLightGray, .bgColLightGray *, .dataBgLightGray * { background-color: var(--ciaColourGrayLight);} .bgColLightPurple, .bgColLightPurple *, .dataBgLightPurple * { background-color: var(--ciaColourPurpleLight);} .bgColLightDarkBlue, .bgColLightDarkBlue *, .dataBgLightDarkBlue * { background-color: var(--ciaColourDarkBlueLight);} .bgColLightTeal, .bgColLightTeal *, .dataBgLightTeal * { background-color: var(--ciaColourTealLight);} .bgColLightDarkGreen, .bgColLightDarkGreen *, .dataBgLightDarkGreen * { background-color: var(--ciaColourDarkGreenLight);} .bgColLightOrange, .bgColLightOrange *, .dataBgLightOrange * { background-color: var(--ciaColourOrangeLight);} /* Dark Background Colors */ .bgColRed, .bgColRed *, .dataBgRed *{ background-color: var(--ciaColourRed);} .bgColGreen, .bgColGreen *, .dataBgGreen *{ background-color: var(--ciaColourGreen);} .bgColYellow, .bgColYellow *, .dataBgYellow *{ background-color: var(--ciaColourYellow);} .bgColBlue, .bgColBlue *, .dataBgBlue *{ background-color: var(--ciaColourBlue);} .bgColGray, .bgColGray *, .dataBgGray *{ background-color: var(--ciaColourGray);} .bgColPurple, .bgColPurple *, .dataBgPurple *{ background-color: var(--ciaColourPurple);} .bgColDarkBlue, .bgColDarkBlue *, .dataBgDarkBlue *{ background-color: var(--ciaColourBlueDark);} .bgColTeal, .bgColTeal *, .dataBgTeal *{ background-color: var(--ciaColourTeal);} .bgColDarkGreen, .bgColDarkGreen *, .dataBgDarkGreen *{ background-color: var(--ciaColourGreenDark);} .bgColOrange, .bgColOrange *, .dataBgOrange *{ background-color: var(--ciaColourOrange);} .bgColBrown { background-color: var(--ciaColourBrown) } /* border colour */ .bColWhite { border-color: var(--ciaColourWhite)} .bColRed { border-color: var(--ciaColourRed);} .bColGreen { border-color: var(--ciaColourGreen);} .bColYellow { border-color: var(--ciaColourYellow);} .bColBlue { border-color: var(--ciaColourBlue);} .bColGray { border-color: var(--ciaColourGray);} .bColPurple { border-color: var(--ciaColourPurple);} .bColDarkBlue { border-color: var(--ciaColourBlueDark);} .bColTeal { border-color: var(--ciaColourTeal);} .bColDarkGreen { border-color: var(--ciaColourGreenDark);} .bColOrange { border-color: var(--ciaColourOrange);} .bColBrown { border-color: var(--ciaColourBrown);} /* Light Border Colors */ .bColLightRed { border-color: var(--ciaColourRedLight);} .bColLightGreen { border-color: var(--ciaColourGreenLight);} .bColLightYellow { border-color: var(--ciaColourYellowLight);} .bColLightBlue { border-color: var(--ciaColourBlueLight);} .bColLightGray { border-color: var(--ciaColourGrayLight);} .bColLightPurple { border-color: var(--ciaColourPurpleLight);} .bColLightDarkBlue { border-color: var(--ciaColourDarkBlueLight);} .bColLightTeal { border-color: var(--ciaColourTealLight);} .bColLightDarkGreen { border-color: var(--ciaColourDarkGreenLight);} .bColLightOrange { border-color: var(--ciaColourOrangeLight);} .bgColWhite10perc { background-color: rgba(255, 255, 255, 0.1); } .bgColWhite20perc { background-color: rgba(255, 255, 255, 0.2); } .bgColWhite30perc { background-color: rgba(255, 255, 255, 0.3); } .bgColWhite40perc { background-color: rgba(255, 255, 255, 0.4); } .bgColWhite50perc { background-color: rgba(255, 255, 255, 0.5); } .bgColWhite60perc { background-color: rgba(255, 255, 255, 0.6); } .bgColWhite70perc { background-color: rgba(255, 255, 255, 0.7); } .bgColWhite80perc { background-color: rgba(255, 255, 255, 0.8); } .bgColWhite90perc { background-color: rgba(255, 255, 255, 0.9); } /*Base color palette*/ .bg-transparent {background-color:transparent!important} .bg-black {background-color:#000!important} .bg-white {background-color:#fff!important} .bg-gray-100 {background-color:#f7fafc!important} .bg-gray-200 {background-color:#edf2f7!important} .bg-gray-300 {background-color:#e2e8f0!important} .bg-gray-400 {background-color:#cbd5e0!important} .bg-gray-500 {background-color:#a0aec0!important} .bg-gray-600 {background-color:#718096!important} .bg-gray-700 {background-color:#4a5568!important} .bg-gray-800 {background-color:#2d3748!important} .bg-gray-900 {background-color:#1a202c!important} .bg-red-100 {background-color:#fff5f5!important} .bg-red-200 {background-color:#fed7d7!important} .bg-red-300 {background-color:#feb2b2!important} .bg-red-400 {background-color:#fc8181!important} .bg-red-500 {background-color:#f56565!important} .bg-red-600 {background-color:#e53e3e!important} .bg-red-700 {background-color:#c53030!important} .bg-red-800 {background-color:#9b2c2c!important} .bg-red-900 {background-color:#742a2a!important} .bg-orange-100 {background-color:#fffaf0!important} .bg-orange-200 {background-color:#feebc8!important} .bg-orange-300 {background-color:#fbd38d!important} .bg-orange-400 {background-color:#f6ad55!important} .bg-orange-500 {background-color:#ed8936!important} .bg-orange-600 {background-color:#dd6b20!important} .bg-orange-700 {background-color:#c05621!important} .bg-orange-800 {background-color:#9c4221!important} .bg-orange-900 {background-color:#7b341e!important} .bg-yellow-100 {background-color:#fffff0!important} .bg-yellow-200 {background-color:#fefcbf!important} .bg-yellow-300 {background-color:#faf089!important} .bg-yellow-400 {background-color:#f6e05e!important} .bg-yellow-500 {background-color:#ecc94b!important} .bg-yellow-600 {background-color:#d69e2e!important} .bg-yellow-700 {background-color:#b7791f!important} .bg-yellow-800 {background-color:#975a16!important} .bg-yellow-900 {background-color:#744210!important} .bg-green-100 {background-color:#f0fff4!important} .bg-green-200 {background-color:#c6f6d5!important} .bg-green-300 {background-color:#9ae6b4!important} .bg-green-400 {background-color:#68d391!important} .bg-green-500 {background-color:#48bb78!important} .bg-green-600 {background-color:#38a169!important} .bg-green-700 {background-color:#2f855a!important} .bg-green-800 {background-color:#276749!important} .bg-green-900 {background-color:#22543d!important} .bg-teal-100 {background-color:#e6fffa!important} .bg-teal-200 {background-color:#b2f5ea!important} .bg-teal-300 {background-color:#81e6d9!important} .bg-teal-400 {background-color:#4fd1c5!important} .bg-teal-500 {background-color:#38b2ac!important} .bg-teal-600 {background-color:#319795!important} .bg-teal-700 {background-color:#2c7a7b!important} .bg-teal-800 {background-color:#285e61!important} .bg-teal-900 {background-color:#234e52!important} .bg-blue-100 {background-color:#ebf8ff!important} .bg-blue-200 {background-color:#bee3f8!important} .bg-blue-300 {background-color:#90cdf4!important} .bg-blue-400 {background-color:#63b3ed!important} .bg-blue-500 {background-color:#4299e1!important} .bg-blue-600 {background-color:#3182ce!important} .bg-blue-700 {background-color:#2b6cb0!important} .bg-blue-800 {background-color:#2c5282!important} .bg-blue-900 {background-color:#2a4365!important} .bg-indigo-100 {background-color:#ebf4ff!important} .bg-indigo-200 {background-color:#c3dafe!important} .bg-indigo-300 {background-color:#a3bffa!important} .bg-indigo-400 {background-color:#7f9cf5!important} .bg-indigo-500 {background-color:#667eea!important} .bg-indigo-600 {background-color:#5a67d8!important} .bg-indigo-700 {background-color:#4c51bf!important} .bg-indigo-800 {background-color:#434190!important} .bg-indigo-900 {background-color:#3c366b!important} .bg-purple-100 {background-color:#faf5ff!important} .bg-purple-200 {background-color:#e9d8fd!important} .bg-purple-300 {background-color:#d6bcfa!important} .bg-purple-400 {background-color:#b794f4!important} .bg-purple-500 {background-color:#9f7aea!important} .bg-purple-600 {background-color:#805ad5!important} .bg-purple-700 {background-color:#6b46c1!important} .bg-purple-800 {background-color:#553c9a!important} .bg-purple-900 {background-color:#44337a!important} .bg-pink-100 {background-color:#fff5f7!important} .bg-pink-200 {background-color:#fed7e2!important} .bg-pink-300 {background-color:#fbb6ce!important} .bg-pink-400 {background-color:#f687b3!important} .bg-pink-500 {background-color:#ed64a6!important} .bg-pink-600 {background-color:#d53f8c!important} .bg-pink-700 {background-color:#b83280!important} .bg-pink-800 {background-color:#97266d!important} .bg-pink-900 {background-color:#702459!important} .border-separate {border-collapse:separate!important} .border-transparent {border-color:transparent!important} .border-black {border-color:#000!important} .border-white {border-color:#fff!important} .border-gray-100 {border-color:#f7fafc!important} .border-gray-200 {border-color:#edf2f7!important} .border-gray-300 {border-color:#e2e8f0!important} .border-gray-400 {border-color:#cbd5e0!important} .border-gray-500 {border-color:#a0aec0!important} .border-gray-600 {border-color:#718096!important} .border-gray-700 {border-color:#4a5568!important} .border-gray-800 {border-color:#2d3748!important} .border-gray-900 {border-color:#1a202c!important} .border-red-100 {border-color:#fff5f5!important} .border-red-200 {border-color:#fed7d7!important} .border-red-300 {border-color:#feb2b2!important} .border-red-400 {border-color:#fc8181!important} .border-red-500 {border-color:#f56565!important} .border-red-600 {border-color:#e53e3e!important} .border-red-700 {border-color:#c53030!important} .border-red-800 {border-color:#9b2c2c!important} .border-red-900 {border-color:#742a2a!important} .border-orange-100 {border-color:#fffaf0!important} .border-orange-200 {border-color:#feebc8!important} .border-orange-300 {border-color:#fbd38d!important} .border-orange-400 {border-color:#f6ad55!important} .border-orange-500 {border-color:#ed8936!important} .border-orange-600 {border-color:#dd6b20!important} .border-orange-700 {border-color:#c05621!important} .border-orange-800 {border-color:#9c4221!important} .border-orange-900 {border-color:#7b341e!important} .border-yellow-100 {border-color:#fffff0!important} .border-yellow-200 {border-color:#fefcbf!important} .border-yellow-300 {border-color:#faf089!important} .border-yellow-400 {border-color:#f6e05e!important} .border-yellow-500 {border-color:#ecc94b!important} .border-yellow-600 {border-color:#d69e2e!important} .border-yellow-700 {border-color:#b7791f!important} .border-yellow-800 {border-color:#975a16!important} .border-yellow-900 {border-color:#744210!important} .border-green-100 {border-color:#f0fff4!important} .border-green-200 {border-color:#c6f6d5!important} .border-green-300 {border-color:#9ae6b4!important} .border-green-400 {border-color:#68d391!important} .border-green-500 {border-color:#48bb78!important} .border-green-600 {border-color:#38a169!important} .border-green-700 {border-color:#2f855a!important} .border-green-800 {border-color:#276749!important} .border-green-900 {border-color:#22543d!important} .border-teal-100 {border-color:#e6fffa!important} .border-teal-200 {border-color:#b2f5ea!important} .border-teal-300 {border-color:#81e6d9!important} .border-teal-400 {border-color:#4fd1c5!important} .border-teal-500 {border-color:#38b2ac!important} .border-teal-600 {border-color:#319795!important} .border-teal-700 {border-color:#2c7a7b!important} .border-teal-800 {border-color:#285e61!important} .border-teal-900 {border-color:#234e52!important} .border-blue-100 {border-color:#ebf8ff!important} .border-blue-200 {border-color:#bee3f8!important} .border-blue-300 {border-color:#90cdf4!important} .border-blue-400 {border-color:#63b3ed!important} .border-blue-500 {border-color:#4299e1!important} .border-blue-600 {border-color:#3182ce!important} .border-blue-700 {border-color:#2b6cb0!important} .border-blue-800 {border-color:#2c5282!important} .border-blue-900 {border-color:#2a4365!important} .border-indigo-100 {border-color:#ebf4ff!important} .border-indigo-200 {border-color:#c3dafe!important} .border-indigo-300 {border-color:#a3bffa!important} .border-indigo-400 {border-color:#7f9cf5!important} .border-indigo-500 {border-color:#667eea!important} .border-indigo-600 {border-color:#5a67d8!important} .border-indigo-700 {border-color:#4c51bf!important} .border-indigo-800 {border-color:#434190!important} .border-indigo-900 {border-color:#3c366b!important} .border-purple-100 {border-color:#faf5ff!important} .border-purple-200 {border-color:#e9d8fd!important} .border-purple-300 {border-color:#d6bcfa!important} .border-purple-400 {border-color:#b794f4!important} .border-purple-500 {border-color:#9f7aea!important} .border-purple-600 {border-color:#805ad5!important} .border-purple-700 {border-color:#6b46c1!important} .border-purple-800 {border-color:#553c9a!important} .border-purple-900 {border-color:#44337a!important} .border-pink-100 {border-color:#fff5f7!important} .border-pink-200 {border-color:#fed7e2!important} .border-pink-300 {border-color:#fbb6ce!important} .border-pink-400 {border-color:#f687b3!important} .border-pink-500 {border-color:#ed64a6!important} .border-pink-600 {border-color:#d53f8c!important} .border-pink-700 {border-color:#b83280!important} .border-pink-800 {border-color:#97266d!important} .border-pink-900 {border-color:#702459!important} .text-transparent {color:transparent!important} .text-black {color:#000!important} .text-white {color:#fff!important} .text-gray-100 {color:#f7fafc!important} .text-gray-200 {color:#edf2f7!important} .text-gray-300 {color:#e2e8f0!important} .text-gray-400 {color:#cbd5e0!important} .text-gray-500 {color:#a0aec0!important} .text-gray-600 {color:#718096!important} .text-gray-700 {color:#4a5568!important} .text-gray-800 {color:#2d3748!important} .text-gray-900 {color:#1a202c!important} .text-red-100 {color:#fff5f5!important} .text-red-200 {color:#fed7d7!important} .text-red-300 {color:#feb2b2!important} .text-red-400 {color:#fc8181!important} .text-red-500 {color:#f56565!important} .text-red-600 {color:#e53e3e!important} .text-red-700 {color:#c53030!important} .text-red-800 {color:#9b2c2c!important} .text-red-900 {color:#742a2a!important} .text-orange-100 {color:#fffaf0!important} .text-orange-200 {color:#feebc8!important} .text-orange-300 {color:#fbd38d!important} .text-orange-400 {color:#f6ad55!important} .text-orange-500 {color:#ed8936!important} .text-orange-600 {color:#dd6b20!important} .text-orange-700 {color:#c05621!important} .text-orange-800 {color:#9c4221!important} .text-orange-900 {color:#7b341e!important} .text-yellow-100 {color:#fffff0!important} .text-yellow-200 {color:#fefcbf!important} .text-yellow-300 {color:#faf089!important} .text-yellow-400 {color:#f6e05e!important} .text-yellow-500 {color:#ecc94b!important} .text-yellow-600 {color:#d69e2e!important} .text-yellow-700 {color:#b7791f!important} .text-yellow-800 {color:#975a16!important} .text-yellow-900 {color:#744210!important} .text-green-100 {color:#f0fff4!important} .text-green-200 {color:#c6f6d5!important} .text-green-300 {color:#9ae6b4!important} .text-green-400 {color:#68d391!important} .text-green-500 {color:#48bb78!important} .text-green-600 {color:#38a169!important} .text-green-700 {color:#2f855a!important} .text-green-800 {color:#276749!important} .text-green-900 {color:#22543d!important} .text-teal-100 {color:#e6fffa!important} .text-teal-200 {color:#b2f5ea!important} .text-teal-300 {color:#81e6d9!important} .text-teal-400 {color:#4fd1c5!important} .text-teal-500 {color:#38b2ac!important} .text-teal-600 {color:#319795!important} .text-teal-700 {color:#2c7a7b!important} .text-teal-800 {color:#285e61!important} .text-teal-900 {color:#234e52!important} .text-blue-100 {color:#ebf8ff!important} .text-blue-200 {color:#bee3f8!important} .text-blue-300 {color:#90cdf4!important} .text-blue-400 {color:#63b3ed!important} .text-blue-500 {color:#4299e1!important} .text-blue-600 {color:#3182ce!important} .text-blue-700 {color:#2b6cb0!important} .text-blue-800 {color:#2c5282!important} .text-blue-900 {color:#2a4365!important} .text-indigo-100 {color:#ebf4ff!important} .text-indigo-200 {color:#c3dafe!important} .text-indigo-300 {color:#a3bffa!important} .text-indigo-400 {color:#7f9cf5!important} .text-indigo-500 {color:#667eea!important} .text-indigo-600 {color:#5a67d8!important} .text-indigo-700 {color:#4c51bf!important} .text-indigo-800 {color:#434190!important} .text-indigo-900 {color:#3c366b!important} .text-purple-100 {color:#faf5ff!important} .text-purple-200 {color:#e9d8fd!important} .text-purple-300 {color:#d6bcfa!important} .text-purple-400 {color:#b794f4!important} .text-purple-500 {color:#9f7aea!important} .text-purple-600 {color:#805ad5!important} .text-purple-700 {color:#6b46c1!important} .text-purple-800 {color:#553c9a!important} .text-purple-900 {color:#44337a!important} .text-pink-100 {color:#fff5f7!important} .text-pink-200 {color:#fed7e2!important} .text-pink-300 {color:#fbb6ce!important} .text-pink-400 {color:#f687b3!important} .text-pink-500 {color:#ed64a6!important} .text-pink-600 {color:#d53f8c!important} .text-pink-700 {color:#b83280!important} .text-pink-800 {color:#97266d!important} .text-pink-900 {color:#702459!important} .gridHoverStyle,.gridSelection,.timelineSelection{background-color:#fff3a1}.gantt_grid_scale .gantt_grid_head_cell{color:#a6a6a6;border-top:none!important;border-right:none!important}.gantt_grid_data .gantt_cell{border-right:none;color:#454545}.gantt_task_link .gantt_link_arrow_right{border-width:6px;margin-top:-3px}.gantt_task_link .gantt_link_arrow_left{border-width:6px;margin-left:-6px;margin-top:-3px}.gantt_task_link .gantt_link_arrow_down,.gantt_task_link .gantt_link_arrow_up{border-width:6px}.gantt_task_line .gantt_task_progress_drag{bottom:-4px;height:10px;margin-left:-8px;width:16px}.chartHeaderBg{background-color:#fff}.gantt_task .gantt_task_scale .gantt_scale_cell{color:#a6a6a6;border-right:1px solid #ebebeb}.gantt_row.gantt_project,.gantt_row.odd.gantt_project{background-color:#edffef}.gantt_task_row.gantt_project,.gantt_task_row.odd.gantt_project{background-color:#f5fff6}.gantt_task_line.gantt_project{background-color:#65c16f;border:1px solid #3c9445}.gantt_task_line.gantt_project .gantt_task_progress{background-color:#46ad51}.buttonBg{background:#fff}.gantt_cal_light .gantt_btn_set{margin:5px 10px}.gantt_btn_set.gantt_cancel_btn_set{background:#fff;color:#454545;border:1px solid #cecece}.gantt_btn_set.gantt_save_btn_set{background:#3db9d3;text-shadow:0 -1px 0 #248a9f;color:#fff}.gantt_btn_set.gantt_delete_btn_set{text-shadow:0 -1px 0 #6f6f6f;background:#ec8e00;text-shadow:0 -1px 0 #a60;color:#fff}.gantt_cal_light_wide{padding-left:0!important;padding-right:0!important}.gantt_cal_light_wide .gantt_cal_larea{border-left:none!important;border-right:none!important}.gantt_popup_button.gantt_ok_button{background:#3db9d3;text-shadow:0 -1px 0 #248a9f;color:#fff;font-weight:700;border-width:0}.gantt_popup_button.gantt_cancel_button{font-weight:700;color:#454544}.gantt_popup_title{background-color:#fff}.gantt_popup_shadow{box-shadow:3px 3px 3px rgba(0,0,0,.07)}.gantt_qi_big_icon.icon_edit{color:#454545;background:#fff}.gantt_qi_big_icon.icon_delete{text-shadow:0 -1px 0 #a60;background:#ec8e00;color:#fff;border-width:0}.gantt_tooltip{box-shadow:3px 3px 3px rgba(0,0,0,.07);border-left:1px solid rgba(0,0,0,.07);border-top:1px solid rgba(0,0,0,.07);font-size:8pt;color:#454545}.gantt_container,.gantt_tooltip{background-color:#fff;font-family:Arial}.gantt_container{font-size:13px;border:1px solid #cecece;position:relative;white-space:nowrap;overflow-x:hidden;overflow-y:hidden}.gantt_touch_active{overscroll-behavior:none}.gantt_task_scroll{overflow-x:scroll}.gantt_grid,.gantt_task{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;vertical-align:top}.gantt_grid_scale,.gantt_task_scale{color:#6b6b6b;font-size:12px;border-bottom:1px solid #cecece;box-sizing:border-box}.gantt_grid_scale,.gantt_task_scale,.gantt_task_vscroll{background-color:#fff}.gantt_scale_line{box-sizing:border-box;-moz-box-sizing:border-box;border-top:1px solid #cecece}.gantt_scale_line:first-child{border-top:none}.gantt_grid_head_cell{display:inline-block;vertical-align:top;border-right:1px solid #cecece;text-align:center;position:relative;cursor:default;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;line-height:33px;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none;overflow:hidden}.gantt_scale_line{clear:both}.gantt_grid_data{width:100%;overflow:hidden;position:relative}.gantt_row{position:relative;-webkit-user-select:none;-moz-user-select:none;-moz-user-select:-moz-none}.gantt_add,.gantt_grid_head_add{width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ3MjMyMENDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ3MjMyMERDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDcyMzIwQUM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDcyMzIwQkM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshZT8UAAABbSURBVHjaYrTdeZmBEsCER+4wEP+H4sPkGGCDg020ARR7gb4GIAcYDKMDdPnDyAbYkGG5DVW9cIQMvUdBBAuUY4vDz8iAcZinA2zgCHqAYQMseAywJcYFAAEGAM+UFGuohFczAAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;cursor:pointer;position:relative;-moz-opacity:.3;opacity:.3}.gantt_grid_head_cell.gantt_grid_head_add{-moz-opacity:.6;opacity:.6;top:0}.gantt_grid_head_cell.gantt_grid_head_add:hover{-moz-opacity:1;opacity:1}.gantt_grid_data .gantt_row.odd:hover,.gantt_grid_data .gantt_row:hover{background-color:#fff3a1}.gantt_grid_data .gantt_row.odd:hover .gantt_add,.gantt_grid_data .gantt_row:hover .gantt_add{-moz-opacity:1;opacity:1}.gantt_row,.gantt_task_row{border-bottom:1px solid #ebebeb;background-color:#fff}.gantt_row.odd,.gantt_task_row.odd{background-color:#fff}.gantt_cell,.gantt_grid_head_cell,.gantt_row,.gantt_scale_cell,.gantt_task_cell,.gantt_task_row{box-sizing:border-box;-moz-box-sizing:border-box}.gantt_grid_head_cell,.gantt_scale_cell{line-height:inherit}.gantt_grid_scale .gantt_grid_column_resize_wrap{cursor:col-resize;position:absolute;width:13px;margin-left:-7px}.gantt_grid_column_resize_wrap .gantt_grid_column_resize{background-color:#cecece;height:100%;width:1px;margin:0 auto}.gantt_task_grid_row_resize_wrap{cursor:row-resize;position:absolute;height:13px;margin-top:-7px;left:0;width:100%}.gantt_task_grid_row_resize_wrap .gantt_task_grid_row_resize{background-color:#ebebeb;top:6px;height:1px;width:100%;margin:0 auto;position:relative}.gantt_drag_marker.gantt_grid_resize_area,.gantt_drag_marker.gantt_row_grid_resize_area{background-color:hsla(0,0%,91%,.5);height:100%;width:100%;box-sizing:border-box}.gantt_drag_marker.gantt_grid_resize_area{border-left:1px solid #cecece;border-right:1px solid #cecece}.gantt_drag_marker.gantt_row_grid_resize_area{border-top:1px solid #cecece;border-bottom:1px solid #cecece;pointer-events:none}.gantt_row{display:flex}.gantt_row>div{flex-shrink:0;flex-grow:0}.gantt_cell{vertical-align:top;border-right:1px solid #ebebeb;padding-left:6px;padding-right:6px;height:100%;overflow:hidden;white-space:nowrap;font-size:13px}.gantt_cell_tree{display:flex;flex-wrap:nowrap}.gantt_grid_data .gantt_last_cell,.gantt_grid_scale .gantt_last_cell,.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell,.gantt_task_bg .gantt_last_cell{border-right-width:0}.gantt_task .gantt_task_scale .gantt_scale_cell.gantt_last_cell{border-right-width:1px}.gantt_task_bg{overflow:hidden}.gantt_scale_cell{display:inline-block;white-space:nowrap;overflow:hidden;border-right:1px solid #cecece;text-align:center;height:100%}.gantt_task_cell{display:inline-block;height:100%;border-right:1px solid #ebebeb}.gantt_layout_cell.gantt_ver_scroll{width:0;background-color:transparent;height:1px;overflow-x:hidden;overflow-y:scroll;position:absolute;right:0;z-index:1}.gantt_ver_scroll>div{width:1px;height:1px}.gantt_hor_scroll{height:0;background-color:transparent;width:100%;clear:both;overflow-x:scroll;overflow-y:hidden}.gantt_layout_cell .gantt_hor_scroll{position:absolute}.gantt_hor_scroll>div{width:5000px;height:1px}.gantt_tree_icon,.gantt_tree_indent{flex-grow:0;flex-shrink:0}.gantt_tree_indent{width:15px;height:100%}.gantt_tree_content,.gantt_tree_icon{vertical-align:top}.gantt_tree_icon{width:28px;height:100%;background-repeat:no-repeat;background-position:50%}.gantt_tree_content{height:100%;white-space:nowrap;min-width:0}.gantt_tree_icon.gantt_open{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAArklEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNUAGcXJyMnz//h3uQrJdRLFBIAPQAchlJLsIFuCMjIwM////B5sJMoRkg2CuIdtrQcHBDOxsbHBfCQgIMHz48AHO//nrF8O6tWsJR7+7uzsDIxMTznT0/98/hp07d+I3iGopm2DewKFg8OV+AJWkfRMrTobLAAAAAElFTkSuQmCC);width:18px;cursor:pointer}.gantt_tree_icon.gantt_close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAkUlEQVQ4T2NkoBJgpJI5DEPAoFOnTv0/c+YMQR+bmJgwmJmZwX2E4bVp06b9j4yMZODg4MBp2I8fPxiWL1/OkJWVNeIN4uTkxAin79+/M5AcRtgCHGQIyQbhijaiDQoKDmZgZ2PDGf0/f/1iWLd2LeHod3d3Z2BkYsJp0P9//xh27tyJ3yCqpWyCeQOHgsGX+wEZpW4T5LCxKwAAAABJRU5ErkJggg==);width:18px;cursor:pointer}.gantt_tree_icon.gantt_blank{width:18px}.gantt_tree_icon.gantt_folder_open{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAs0lEQVQ4T62T0Q2EIBBEpQlzuaaMsQoqooqLsSljbMLLmMxmUXBR4U+Qt7Mzi2sqLVeJ00SgEMKWAnvvzYLyAyHfT5sU2fXDJSwCAXK8MI0/UTkva7IIFJsg3NSwnKdFoKtAWOQ1CN7CEqeTotE5L7QyJhmBcklZM4ZgTiAr3iOU3kD93ppO5SkMjB1EeXdBWoSkRql3YeIRe+cGvktS056JR9wsmeBUkujCfNXWCPC8GugPqn5ii/hV+FoAAAAASUVORK5CYII=)}.gantt_tree_icon.gantt_folder_closed{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAfElEQVQ4T2NkoBJgpJI5DCgGTZ8+/T82gzMzMwlaCFcAM0RKQgyrI/0Dg/EahmIQyBB0DRvXr4W78tmLV1gtAbmYoEEgnciG4QpTogzCFyEwSyg2CBS2oCAZNQh3cA+hMAJ5AlcKxuVBlOgnNgVjMwyUrQjmamKLGaoZBAAOTFyLnFFW4wAAAABJRU5ErkJggg==)}.gantt_tree_icon.gantt_file{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAeElEQVQ4T2NkoBJgRDZn+vTp/wmZm5mZiaIHph7DICkJMUJmMfgHBmMYhtUgbAo3rl+L4lp0NUQbBPI2umuRDaPIIFAYwAyjv0HoMQALM5JdhG4QLMxGDcKdyIdoGIE89OzFK4KZF5Rl8EY/QROQFGA1iBQD0NUCAJVjcxO0naAQAAAAAElFTkSuQmCC)}.gantt_grid_head_cell .gantt_sort{position:absolute;right:5px;top:8px;width:7px;height:13px;background-repeat:no-repeat;background-position:50%}.gantt_grid_head_cell .gantt_sort.gantt_asc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC)}.gantt_grid_head_cell .gantt_sort.gantt_desc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC)}.gantt_inserted,.gantt_updated{font-weight:700}.gantt_deleted{text-decoration:line-through}.gantt_invalid{background-color:#ffe0e0}.gantt_error{color:red}.gantt_status{right:1px;padding:5px 10px;background:hsla(0,0%,61%,.1);position:absolute;top:1px;transition:opacity .2s;opacity:0}.gantt_status.gantt_status_visible{opacity:1}#gantt_ajax_dots span{transition:opacity .2s;background-repeat:no-repeat;opacity:0}#gantt_ajax_dots span.gantt_dot_visible{opacity:1}.gantt_column_drag_marker{border:1px solid #cecece;opacity:.8}.gantt_grid_head_cell_dragged{border:1px solid #cecece;opacity:.3}.gantt_grid_target_marker{position:absolute;top:0;width:2px;height:100%;background-color:#ffa011;transform:translateX(-1px)}.gantt_grid_target_marker:after,.gantt_grid_target_marker:before{display:block;content:"";position:absolute;left:-5px;width:0;height:0;border:6px solid transparent}.gantt_grid_target_marker:before{border-top-color:#ffa011}.gantt_grid_target_marker:after{bottom:0;border-bottom-color:#ffa011}.gantt_message_area{position:fixed;right:5px;width:250px;z-index:1000}.gantt-info{min-width:120px;padding:4px 4px 4px 20px;font-family:Arial;z-index:10000;margin:5px;margin-bottom:10px;transition:all .5s ease}.gantt-info.hidden{height:0;padding:0;border-width:0;margin:0;overflow:hidden}.gantt_modal_box{overflow:hidden;display:inline-block;min-width:250px;width:250px;text-align:center;position:fixed;z-index:20000;box-shadow:3px 3px 3px rgba(0,0,0,.07);font-family:Arial;border-radius:6px;border:1px solid #cecece;background:#fff}.gantt_popup_title{border-top-left-radius:6px;border-top-right-radius:6px;border-width:0}.gantt_button,.gantt_popup_button{border:1px solid #cecece;height:30px;line-height:30px;display:inline-block;margin:0 5px;border-radius:4px;background:#fff}.gantt-info,.gantt_button,.gantt_popup_button{user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;cursor:pointer}.gantt_popup_text{overflow:hidden}.gantt_popup_controls{border-radius:6px;padding:10px}.gantt_popup_button{min-width:100px}div.dhx_modal_cover{background-color:#000;cursor:default;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);opacity:.2;position:fixed;z-index:19999;left:0;top:0;width:100%;height:100%;border:none;zoom:1}.gantt-info img,.gantt_modal_box img{float:left;margin-right:20px}.gantt-alert-error,.gantt-confirm-error{border:1px solid red}.gantt_button input,.gantt_popup_button div{border-radius:4px;font-size:14px;box-sizing:content-box;padding:0;margin:0;vertical-align:top}.gantt_popup_title{border-bottom:1px solid #cecece;height:40px;line-height:40px;font-size:20px}.gantt_popup_text{margin:15px 15px 5px;font-size:14px;color:#000;min-height:30px;border-radius:6px}.gantt-error,.gantt-info{font-size:14px;color:#000;box-shadow:3px 3px 3px rgba(0,0,0,.07);padding:0;background-color:#fff;border-radius:3px;border:1px solid #fff}.gantt-info div{padding:5px 10px;background-color:#fff;border-radius:3px;border:1px solid #cecece}.gantt-error{background-color:#d81b1b;border:1px solid #ff3c3c}.gantt-error div{background-color:#d81b1b;border:1px solid #940000;color:#fff}.gantt-warning{background-color:#ff9000;border:1px solid #ffa633}.gantt-warning div{background-color:#ff9000;border:1px solid #b36500;color:#fff}.gantt_data_area div,.gantt_grid div{-ms-touch-action:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.gantt_data_area{position:relative;overflow-x:hidden;overflow-y:hidden;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.gantt_links_area{position:absolute;left:0;top:0}.gantt_side_content,.gantt_task_content,.gantt_task_progress{line-height:inherit;overflow:hidden;height:100%}.gantt_task_content{font-size:12px;color:#fff;width:100%;top:0;cursor:pointer;position:absolute;white-space:nowrap;text-align:center}.gantt_task_progress{text-align:center;z-index:0;background:#299cb4}.gantt_task_progress_wrapper{border-radius:inherit;position:relative;width:100%;height:100%;overflow:hidden}.gantt_task_line{border-radius:2px;position:absolute;box-sizing:border-box;background-color:#3db9d3;border:1px solid #2898b0;-webkit-user-select:none;-moz-user-select:none;-moz-user-select:-moz-none}.gantt_task_line.gantt_drag_move div{cursor:move}.gantt_touch_move,.gantt_touch_progress .gantt_touch_resize{transform:scale(1.02,1.1);transform-origin:50%}.gantt_touch_progress .gantt_task_progress_drag,.gantt_touch_resize .gantt_task_drag{transform:scaleY(1.3);transform-origin:50%}.gantt_side_content{position:absolute;white-space:nowrap;color:#6e6e6e;top:0;font-size:11px}.gantt_side_content.gantt_left{right:100%;padding-right:20px}.gantt_side_content.gantt_right{left:100%;padding-left:20px}.gantt_side_content.gantt_link_crossing{bottom:8.75px;top:auto}.gantt_link_arrow,.gantt_task_link .gantt_line_wrapper{position:absolute;cursor:pointer}.gantt_line_wrapper div{background-color:#ffa011}.gantt_task_link:hover .gantt_line_wrapper div{box-shadow:0 0 5px 0 #ffa011}.gantt_task_link div.gantt_link_arrow{background-color:transparent;border-style:solid;width:0;height:0}.gantt_link_control{position:absolute;width:20px;top:0}.gantt_link_control div{display:none;cursor:pointer;box-sizing:border-box;position:relative;top:50%;margin-top:-7.5px;vertical-align:middle;border:1px solid #929292;border-radius:6.5px;height:13px;width:13px;background-color:#f0f0f0}.gantt_link_control.task_right div.gantt_link_point{margin-left:7px}.gantt_link_control div:hover{background-color:#fff}.gantt_link_control.task_left{left:-20px}.gantt_link_control.task_right{right:-20px}.gantt_link_target .gantt_link_control div,.gantt_task_line.gantt_drag_move .gantt_link_control div,.gantt_task_line.gantt_drag_move .gantt_task_drag,.gantt_task_line.gantt_drag_move .gantt_task_progress_drag,.gantt_task_line.gantt_drag_progress .gantt_link_control div,.gantt_task_line.gantt_drag_progress .gantt_task_drag,.gantt_task_line.gantt_drag_progress .gantt_task_progress_drag,.gantt_task_line.gantt_drag_resize .gantt_link_control div,.gantt_task_line.gantt_drag_resize .gantt_task_drag,.gantt_task_line.gantt_drag_resize .gantt_task_progress_drag,.gantt_task_line.gantt_selected .gantt_link_control div,.gantt_task_line.gantt_selected .gantt_task_drag,.gantt_task_line.gantt_selected .gantt_task_progress_drag,.gantt_task_line:hover .gantt_link_control div,.gantt_task_line:hover .gantt_task_drag,.gantt_task_line:hover .gantt_task_progress_drag{display:block}.gantt_link_source,.gantt_link_target{box-shadow:0 0 3px #3db9d3}.gantt_link_target.link_finish_allow,.gantt_link_target.link_start_allow{box-shadow:0 0 3px #ffbf5e}.gantt_link_target.link_finish_deny,.gantt_link_target.link_start_deny{box-shadow:0 0 3px #e87e7b}.link_finish_allow .gantt_link_control.task_end_date div,.link_start_allow .gantt_link_control.task_start_date div{background-color:#ffbf5e;border-color:#ffa011}.link_finish_deny .gantt_link_control.task_end_date div,.link_start_deny .gantt_link_control.task_start_date div{background-color:#e87e7b;border-color:#dd3e3a}.gantt_link_arrow_right{border-width:4px 0 4px 6px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;border-left-color:#ffa011}.gantt_link_arrow_left{border-width:4px 6px 4px 0;margin-top:-1px;border-top-color:transparent!important;border-right-color:#ffa011;border-bottom-color:transparent!important;border-left-color:transparent!important}.gantt_link_arrow_up{border-width:0 4px 6px;border-color:transparent transparent #ffa011;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:#ffa011;border-left-color:transparent!important}.gantt_link_arrow_down{border-width:4px 6px 0 4px;border-top-color:#ffa011;border-right-color:transparent!important;border-bottom-color:transparent!important;border-left-color:transparent!important}.gantt_task_drag,.gantt_task_progress_drag{cursor:ew-resize;display:none;position:absolute}.gantt_task_drag.task_right{cursor:e-resize}.gantt_task_drag.task_left{cursor:w-resize}.gantt_task_drag{height:100%;width:8px;z-index:1;top:-1px}.gantt_task_drag.task_left{left:-7px}.gantt_task_drag.task_right{right:-7px}.gantt_task_progress_drag{height:8px;width:8px;bottom:-4px;margin-left:-4px;background-position:bottom;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY3Rjk0RUVDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY3Rjk0RUZDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjdGOTRFQ0MyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjdGOTRFREMyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PobPBzIAAADkSURBVHjaYpk2bRoDDsAExL1QdjEQ/8OmiAWHZk4gXqymqhQM4ty6fU8OSMUA8XdiDBAB4k0a6iqWRga6EKcwMQXduHlnL5DpB8Rv0J2JDFSA+JiOtgZcMwiA2CAxkBxUDVYDLEAKgIpV9XQ0MZwFEgPJAZnHoWpRDAgC4n2W5saiQKfjClQGkBxQDciL+6B6wAbkA/EqJwdrTkUFOQZCAKQGpBbIXA3SCzJggo+XK7OEuBgDsQCkFqgHrBfsBT5eHgZSAUwP2IBfv36TbABMDygdtK1Zv6UESLORaAbIhG6AAAMAKN8wE24DXWcAAAAASUVORK5CYII=);background-repeat:no-repeat;z-index:1}.gantt_task_progress_drag:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAs0lEQVQoz6WMPW7CQBgFJxZaiZ60qcgdwjVMmzu8gpwhDULabXyBdHAGuzRHivQiQZovigS2+Jtu95t5T03TMITtCtjEc5VSOgx5k5F4CnxJWgKUUl5sv6eUvk/daiCeAe1fDCCpBtq4jQ/YngO9pMWpGH99OOcDtt8ifmWEuO3D/R+wXQOdpGcuIGkGdNFQ2RawlTTlSsLd2RY55+O95JyPFQ/y8MAE+CylfADpxvYHWP8CXj+JR4wdKHYAAAAASUVORK5CYII=)}.gantt_link_tooltip{box-shadow:3px 3px 3px #888;background-color:#fff;border-left:1px dotted #cecece;border-top:1px dotted #cecece;font-family:Tahoma;font-size:8pt;color:#444;padding:6px;line-height:20px}.gantt_link_direction{height:0;border:0 none #ffa011;border-bottom-style:dashed;border-bottom-width:2px;transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;z-index:2;margin-left:1px;position:absolute}.gantt_grid_data .gantt_row.gantt_selected,.gantt_grid_data .gantt_row.odd.gantt_selected,.gantt_task_row.gantt_selected{background-color:#fff3a1}.gantt_task_row.gantt_selected .gantt_task_cell{border-right-color:#ffec6e}.gantt_task_line.gantt_selected{box-shadow:0 0 5px #299cb4}.gantt_task_line.gantt_project.gantt_selected{box-shadow:0 0 5px #46ad51}.gantt_task_line.gantt_milestone{visibility:hidden;background-color:#d33daf;border:0 solid #61164f;box-sizing:content-box;-moz-box-sizing:content-box}.gantt_task_line.gantt_milestone div{visibility:visible}.gantt_task_line.gantt_milestone .gantt_task_content{background:inherit;border:inherit;border-width:1px;border-radius:inherit;box-sizing:border-box;-moz-box-sizing:border-box;transform:rotate(45deg)}.gantt_task_line.gantt_task_inline_color{border-color:#999}.gantt_task_line.gantt_task_inline_color .gantt_task_progress{background-color:#363636;opacity:.2}.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected,.gantt_task_line.gantt_task_inline_color.gantt_selected{box-shadow:0 0 5px #999}.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div{box-shadow:0 0 5px 0 #999}.gantt_critical_task{background-color:#e63030;border-color:#9d3a3a}.gantt_critical_task .gantt_task_progress{background-color:rgba(0,0,0,.4)}.gantt_critical_link .gantt_line_wrapper>div{background-color:#e63030}.gantt_critical_link .gantt_link_arrow{border-color:#e63030}.gantt_btn_set:focus,.gantt_cell:focus,.gantt_grid_head_cell:focus,.gantt_popup_button:focus,.gantt_qi_big_icon:focus,.gantt_row:focus{box-shadow:inset 0 0 1px 1px #4d90fe}.gantt_split_parent,.gantt_split_subproject{opacity:.1;pointer-events:none}.gantt_rollup_child .gantt_link_control,.gantt_rollup_child:hover .gantt_link_control{display:none}.gantt_unselectable,.gantt_unselectable div{-webkit-user-select:none;-moz-user-select:none;-moz-user-select:-moz-none}.gantt_cal_light{-webkit-tap-highlight-color:transparent;background:#fff;border-radius:6px;font-family:Arial;font-size:13px;border:1px solid #cecece;color:#6b6b6b;font-size:12px;position:absolute;z-index:10001;width:550px;height:250px;box-shadow:3px 3px 3px rgba(0,0,0,.07)}.gantt_cal_light_wide{width:650px}.gantt_cal_light select{font-family:Arial;border:1px solid #cecece;font-size:13px;padding:2px;margin:0}.gantt_cal_ltitle{padding:7px 10px;overflow:hidden;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:0;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:0;-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:0;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:0;border-top-left-radius:6px;border-bottom-left-radius:0;border-top-right-radius:6px;border-bottom-right-radius:0}.gantt_cal_ltitle,.gantt_cal_ltitle span{white-space:nowrap}.gantt_cal_lsection{color:#727272;font-weight:700;padding:12px 0 5px 10px}.gantt_cal_lsection .gantt_fullday{float:right;margin-right:5px;font-size:12px;font-weight:400;line-height:20px;vertical-align:top;cursor:pointer}.gantt_cal_lsection{font-size:13px}.gantt_cal_ltext{padding:2px 10px;overflow:hidden}.gantt_cal_ltext textarea{overflow-y:auto;overflow-x:hidden;font-family:Arial;font-size:13px;box-sizing:border-box;border:1px solid #cecece;height:100%;width:100%;outline:none!important;resize:none}.gantt_section_constraint [data-constraint-time-select]{margin-left:20px}.gantt_time{font-weight:700}.gantt_cal_light .gantt_title{padding-left:10px}.gantt_cal_larea{border:1px solid #cecece;border-left:none;border-right:none;background-color:#fff;overflow:hidden;height:1px}.gantt_btn_set{margin:10px 7px 5px 10px;padding:5px 15px 5px 10px;float:left;border-radius:4px;border:0 solid #cecece;height:32px;font-weight:700;background:#fff;box-sizing:border-box;cursor:pointer}.gantt_hidden{display:none}.gantt_btn_set div{float:left;font-size:13px;height:22px;line-height:22px;background-repeat:no-repeat;vertical-align:middle}.gantt_save_btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OUU5RDFDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OUU5RDJDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTU5RTlDRkMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTU5RTlEMEMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDroXYAAAEXSURBVHjaYvz//z8DJYCRUgPIAUxAbAnEHiAHMIBcQCwGaRYXF3e6evXqoffv39/dv38/CymaGSUkJBzv3LlzCsj///fv3wdAihkkIQnEvkAshU8zLy+v7a1bt06ANP/79+87kDIAy505cybq06dPr3p7ezuwGQLTfOPGjWP/ESAZLg8kPKBO+g01RBJNszWyZqC6uSgWgIg/f/4shxnS2dnZBjMEqNkSFGBImi8CKTYMA4BYCGjIczRDHC5dunQQSfN7IKWI4UUkjjdMMdCwnw8ePLjwHxV4Yw1gZA5Q47z/2EELzhhCE+ABGvIQWSeQvwcU38QaAML2wHj+C/X3MyAlijeB4ZBoBOIPQGxJKIVSnBsBAgwABddBclWfcZUAAAAASUVORK5CYII=);margin-top:2px;width:21px}.gantt_cancel_btn{margin-top:2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkzMDA3MzlDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkzMDA3M0FDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTMwMDczN0MzMDQxMUUyODZBNUUzMURDODBGQkRENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTMwMDczOEMzMDQxMUUyODZBNUUzMURDODBGQkRENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYuYOUAAAEdSURBVHjaYvz//z8DJYAFXWDlypU8QKoIiD2A2AwqfAqIdwBxX3h4+Bdk9YzILgBqtgdS84FYEYeF94E4EWjIQZgAE5LmQCB1AKoZZKMPEAtAMYh9GSp3AKjWD8UFQAEhIPshEIOc3wHENUBb/qJ57SyQMoJyPwKxElDNO1gYFEE17wMKVmIJlzNQzeegrjaA6qmBecEbSvfh0GwMxGeBhoPoemQ9MAO0kEIbl2YTqPAFKK2IbMB3AjabYIkRZmQD7kNpMyI0G0PpO8gGbIUFJj7NQDk2INWIrIcJKfBAKcwJqvkcDs0TgFgXGo19KCkRmpDWQdWDEk0NUoCBoq0FqhkE/IEWbKJKUmZEz43QzFSKIzN1481M5ACAAAMAlfl/lCwRpagAAAAASUVORK5CYII=);width:20px}.gantt_delete_btn{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=);margin-top:2px;width:20px}.gantt_cal_cover{width:100%;height:100%;position:fixed;z-index:10000;top:0;left:0;background-color:#000;opacity:.1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10)}.gantt_custom_button{padding:0 3px;font-family:Arial;font-size:13px;font-weight:400;margin-right:10px;margin-top:-5px;cursor:pointer;float:right;height:21px;width:90px;border:1px solid #cecece;text-align:center;border-radius:4px}.gantt_custom_button div{cursor:pointer;float:none;height:21px;line-height:21px;vertical-align:middle}.gantt_custom_button div:first-child{display:none}.gantt_cal_light_wide{width:580px;padding:2px 4px}.gantt_cal_light_wide .gantt_cal_larea{box-sizing:border-box;border:1px solid #cecece}.gantt_cal_light_wide .gantt_cal_lsection{border:0;float:left;text-align:right;width:80px;height:20px;padding:5px 10px 0 0}.gantt_cal_light_wide .gantt_wrap_section{position:relative;padding:10px 0;overflow:hidden;border-bottom:1px solid #ebebeb}.gantt_cal_light_wide .gantt_section_time{overflow:hidden;padding-top:2px!important;padding-right:0;height:20px!important}.gantt_cal_light_wide .gantt_cal_ltext{padding-right:0}.gantt_cal_light_wide .gantt_cal_larea{padding:0 10px;width:100%}.gantt_cal_light_wide .gantt_section_time{background:transparent}.gantt_cal_light_wide .gantt_cal_checkbox label{padding-left:0}.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday{float:none;margin-right:0;font-weight:700;cursor:pointer}.gantt_cal_light_wide .gantt_custom_button{position:absolute;top:0;right:0;margin-top:2px}.gantt_cal_light_wide .gantt_repeat_right{margin-right:55px}.gantt_cal_light_wide.gantt_cal_light_full{width:738px}.gantt_cal_wide_checkbox input{margin-top:8px;margin-left:14px}.gantt_cal_light input{font-size:13px}.gantt_section_time{background-color:#fff;white-space:nowrap;padding:2px 10px 5px;padding-top:2px!important}.gantt_section_time .gantt_time_selects{float:left;height:25px}.gantt_section_time .gantt_time_selects select{height:23px;padding:2px;border:1px solid #cecece}.gantt_duration{width:100px;height:23px;float:left;white-space:nowrap;margin-left:20px;line-height:23px}.gantt_duration .gantt_duration_dec,.gantt_duration .gantt_duration_inc,.gantt_duration .gantt_duration_value{box-sizing:border-box;text-align:center;vertical-align:top;height:100%;border:1px solid #cecece}.gantt_duration .gantt_duration_value{width:40px;padding:3px 4px;border-left-width:0;border-right-width:0}.gantt_duration .gantt_duration_value.gantt_duration_value_formatted{width:70px}.gantt_duration .gantt_duration_dec,.gantt_duration .gantt_duration_inc{width:20px;padding:1px;padding-bottom:1px;background:#fff}.gantt_duration .gantt_duration_dec{-moz-border-top-left-radius:4px;-moz-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.gantt_duration .gantt_duration_inc{margin-right:4px;-moz-border-top-right-radius:4px;-moz-border-bottom-right-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:4px}.gantt_resources{max-height:150px;height:auto;overflow-y:auto}.gantt_resource_row{display:block;padding:10px 0;border-bottom:1px solid #ebebeb;cursor:pointer}.gantt_resource_row input[type=checkbox]:not(:checked),.gantt_resource_row input[type=checkbox]:not(:checked)~div{opacity:.5}.gantt_resource_toggle{vertical-align:middle}.gantt_resources_filter .gantt_resources_filter_input{padding:1px 2px;box-sizing:border-box}.gantt_resources_filter .switch_unsetted{vertical-align:middle}.gantt_resource_cell{display:inline-block}.gantt_resource_cell.gantt_resource_cell_checkbox{width:24px;max-width:24px;min-width:24px;vertical-align:middle}.gantt_resource_cell.gantt_resource_cell_label{width:40%;max-width:40%;vertical-align:middle}.gantt_resource_cell.gantt_resource_cell_value{width:30%;max-width:30%;vertical-align:middle}.gantt_resource_cell.gantt_resource_cell_value input,.gantt_resource_cell.gantt_resource_cell_value select{width:80%;vertical-align:middle;padding:1px 2px;box-sizing:border-box}.gantt_resource_cell.gantt_resource_cell_unit{width:10%;max-width:10%;vertical-align:middle}.gantt_resource_early_value{opacity:.8;font-size:.9em}.gantt_cal_quick_info{border:1px solid #cecece;border-radius:6px;position:absolute;z-index:300;box-shadow:3px 3px 3px rgba(0,0,0,.07);background-color:#fff;width:300px;transition:left .5s ease,right .5s;-moz-transition:left .5s ease,right .5s;-webkit-transition:left .5s ease,right .5s;-o-transition:left .5s ease,right .5s}.gantt_no_animate{transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon{float:right}.gantt_cal_qi_title{-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:0;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:0;-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:0;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:0;border-top-left-radius:6px;border-bottom-left-radius:0;border-top-right-radius:6px;border-bottom-right-radius:0;padding:5px 0 8px 12px;color:#454545;background-color:#fff;border-bottom:1px solid #cecece}.gantt_cal_qi_tdate{font-size:14px;font-weight:700}.gantt_cal_qi_tcontent{font-size:13px}.gantt_cal_qi_content{padding:16px 8px;font-size:13px;color:#454545;overflow:hidden}.gantt_cal_qi_controls{-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:6px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:6px;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:6px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:6px;border-top-left-radius:0;border-bottom-left-radius:6px;border-top-right-radius:0;border-bottom-right-radius:6px;padding-left:7px}.gantt_cal_qi_controls .gantt_menu_icon{margin-top:6px;background-repeat:no-repeat}.gantt_cal_qi_controls .gantt_menu_icon.icon_edit{width:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFCjI5ZQj5bAAAAFNJREFUOMvt0zEOACAIA0DkwTymH8bJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+vNGrM/LBtAAAAAElFTkSuQmCC)}.gantt_cal_qi_controls .gantt_menu_icon.icon_delete{width:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=)}.gantt_qi_big_icon{font-size:13px;border-radius:4px;font-weight:700;background:#fff;margin:5px 9px 8px 0;min-width:60px;line-height:32px;vertical-align:middle;padding:0 10px 0 5px;cursor:pointer;border:1px solid #cecece}.gantt_cal_qi_controls div{float:left;height:32px;text-align:center;line-height:32px}.gantt_tooltip{padding:10px;position:absolute;z-index:50;white-space:nowrap}.gantt_resource_marker{position:absolute;text-align:center;font-size:14px;color:#fff}.gantt_resource_marker_ok{background:rgba(78,208,134,.75)}.gantt_resource_marker_overtime{background:hsla(0,100%,76%,.69)}.gantt_histogram_label{width:100%;height:100%;position:absolute;z-index:1;font-weight:700;font-size:13px}.gantt_histogram_fill{background-color:rgba(41,157,180,.2);width:100%;position:absolute;bottom:0}.gantt_histogram_hor_bar{height:1px;margin-top:-1px}.gantt_histogram_hor_bar,.gantt_histogram_vert_bar{position:absolute;background:#299db4;margin-left:-1px}.gantt_histogram_vert_bar{width:1px}.gantt_histogram_cell{position:absolute;text-align:center;font-size:13px;color:#000}.gantt_marker{height:100%;width:2px;top:0;position:absolute;text-align:center;background-color:rgba(255,0,0,.4);box-sizing:border-box}.gantt_marker .gantt_marker_content{padding:5px;background:inherit;color:#fff;position:absolute;font-size:12px;line-height:12px;opacity:.8}.gantt_marker_area{position:absolute;top:0;left:0}.gantt_grid_editor_placeholder{position:absolute}.gantt_grid_editor_placeholder>div,.gantt_grid_editor_placeholder input,.gantt_grid_editor_placeholder select{width:100%;height:100%;box-sizing:border-box}.gantt_row_placeholder div{opacity:.5}.gantt_row_placeholder .gantt_add,.gantt_row_placeholder .gantt_file{display:none}.gantt_drag_marker.gantt_grid_dnd_marker{background-color:transparent;transition:all .1s ease}.gantt_grid_dnd_marker_line{height:4px;width:100%;background-color:#3498db}.gantt_grid_dnd_marker_line:before{background:#fff;width:12px;height:12px;box-sizing:border-box;border:3px solid #3498db;border-radius:6px;content:"";line-height:1px;display:block;position:absolute;margin-left:-11px;margin-top:-4px;pointer-events:none}.gantt_grid_dnd_marker_folder{height:100%;width:100%;position:absolute;pointer-events:none;box-sizing:border-box;box-shadow:inset 0 0 0 2px #3f98db;background:transparent}.gantt_overlay_area{display:none}.gantt_overlay,.gantt_overlay_area{position:absolute;height:inherit;width:inherit;top:0;left:0}.gantt_click_drag_rect{position:absolute;left:0;top:0;outline:1px solid #3f98db;background-color:rgba(52,152,219,.3)}.gantt_timeline_move_available,.gantt_timeline_move_available *{cursor:move}.gantt_rtl .gantt_grid{text-align:right}.gantt_rtl .gantt_cell,.gantt_rtl .gantt_row{flex-direction:row-reverse}.gantt_layout_content{width:100%;overflow:auto;box-sizing:border-box}.gantt_layout_cell{position:relative;box-sizing:border-box}.gantt_layout_cell>.gantt_layout_header{background:#33aae8;color:#fff;font-size:17px;padding:5px 10px;box-sizing:border-box}.gantt_layout_header.collapsed_x{background:#a9a9a9}.gantt_layout_header.collapsed_x .gantt_header_arrow:before{content:"\21E7"}.gantt_layout_header.collapsed_y{background:#a9a9a9}.gantt_layout_header.collapsed_y .gantt_header_arrow:before{content:"\21E9"}.gantt_layout_header{cursor:pointer}.gantt_layout_header .gantt_header_arrow{float:right;text-align:right}.gantt_layout_header .gantt_header_arrow:before{content:"\21E6"}.gantt_layout_header.vertical .gantt_header_arrow:before{content:"\21E7"}.gantt_layout_outer_scroll_vertical .gantt_layout_content{overflow-y:hidden}.gantt_layout_outer_scroll_horizontal .gantt_layout_content{overflow-x:hidden}.gantt_layout_x>.gantt_layout_cell{display:inline-block;vertical-align:top}.gantt_layout_x{white-space:nowrap}.gantt_resizing{opacity:.7;background:#f2f2f2}.gantt_layout_cell_border_right.gantt_resizer{overflow:visible;border-right:0}.gantt_resizer{cursor:e-resize;position:relative}.gantt_resizer_y{cursor:n-resize}.gantt_resizer_stick{background:#33aae8;z-index:9999;position:absolute;top:0;width:100%}.gantt_resizer_x .gantt_resizer_x{position:absolute;width:20px;height:100%;margin-left:-10px;top:0;left:0;z-index:1}.gantt_resizer_y .gantt_resizer_y{position:absolute;height:20px;width:100%;top:-10px;left:0;z-index:1}.gantt_resizer_error{background:#cd5c5c!important}.gantt_layout_cell_border_left{border-left:1px solid #cecece}.gantt_layout_cell_border_right{border-right:1px solid #cecece}.gantt_layout_cell_border_top{border-top:1px solid #cecece}.gantt_layout_cell_border_bottom{border-bottom:1px solid #cecece}.gantt_layout_cell_border_transparent{border-color:transparent}.gantt_window{position:absolute;top:50%;left:50%;z-index:999999999;background:#fff}.gantt_window_content{position:relative}.gantt_window_content_header{background:#39c;color:#fff;height:33px;padding:10px 10px 0;border-bottom:2px solid #fff;position:relative}.gantt_window_content_header_text{padding-left:10%}.gantt_window_content_header_buttons{position:absolute;top:10px;right:10px}.gantt_window_content_header_buttons:hover{color:#000;cursor:pointer}.gantt_window_content_resizer{position:absolute;width:15px;height:15px;bottom:0;line-height:15px;right:-1px;text-align:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAUwUshlpJDLSIhLGAAACQ4AFk79JaMAAAAASUVORK5CYII=);cursor:nw-resize;z-index:999}.gantt_window_content_frame{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:9999}.gantt_window_drag{cursor:pointer!important}.gantt_window_resizing{overflow:visible}.gantt_window_resizing_body{overflow:hidden!important}.gantt_window_modal{background:rgba(0,0,0,.1);z-index:9999;top:0;left:0;width:100%;height:100%;position:fixed}.gantt_cal_light,.gantt_cal_quick_info,.gantt_container,.gantt_message_area,.gantt_modal_box,.gantt_tooltip{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gantt_noselect{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.gantt_noselect .gantt_grid_data .gantt_row.odd:hover,.gantt_noselect .gantt_grid_data .gantt_row:hover{background-color:unset}.gantt_drag_marker{position:absolute;top:-1000px;left:-1000px;font-family:Arial;font-size:13px;z-index:1;white-space:nowrap}.gantt_drag_marker .gantt_tree_icon.gantt_blank,.gantt_drag_marker .gantt_tree_icon.gantt_close,.gantt_drag_marker .gantt_tree_icon.gantt_open,.gantt_drag_marker .gantt_tree_indent{display:none}.gantt_drag_marker,.gantt_drag_marker .gantt_row.odd{background-color:#fff}.gantt_drag_marker .gantt_row{border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2}.gantt_drag_marker .gantt_cell{border-color:#d2d2d2}.gantt_row.gantt_over,.gantt_task_row.gantt_over{background-color:#0070fe}.gantt_row.gantt_transparent .gantt_cell{opacity:.7}.gantt_task_row.gantt_transparent{background-color:#f8fdfd}.gantt_popup_button.gantt_delete_button{background:#3db9d3;text-shadow:0 -1px 0 #248a9f;color:#fff;font-weight:700;border-width:0}.gantt_container_resize_watcher{background:transparent;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;pointer-events:none;border:0;box-sizing:border-box;opacity:0} .addressLookupSideBySideContainer { padding: 0 !important; margin-bottom: 4px; } .addressLookupSideBySideContainer > .firstControl { width: calc(100% - 52px); display: inline-block; } .addressLookupSideBySideContainer > .subsequentControl { display: inline-block; vertical-align: top; margin-left: 6px; } .addressLookup > .addressLookupButton > .icon24 { width: 32px; height: 32px; line-height: 32px; } /*--Consumer styles--*/ .addressLookupSideBySideContainer > .firstControl.consumerStyle .textBoxControl > .tbcEditorField { width:100%; } .addressLookupSideBySideContainer > .consumerStyle + .subsequentControl { margin-top:36px; } .addressLookupSideBySideContainer > .consumerStyle + .subsequentControl.addressLookup > .addressLookupButton { padding: 10px; background-color: #fff; border: 1px solid #cbcbcb; box-shadow: none; } .addressLookupSideBySideContainer > .consumerStyle + .subsequentControl.addressLookup > .addressLookupButton:active { background-color:#f8f8f8; } .addressLookupSideBySideContainer > .consumerStyle + .subsequentControl.addressLookup > .addressLookupButton > .icon24 { width: 20px; height: 20px; min-width: 20px; min-height: 20px; line-height: 20px; margin: 2px; } .consumerStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcPicker.address .glyph, button.addressLookupButton > .glyph { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cpath id='search-a' d='M2,8 C2,4.691 4.691,2 8,2 C11.309,2 14,4.691 14,8 C14,11.309 11.309,14 8,14 C4.691,14 2,11.309 2,8 M19.707,18.293 L14.312,12.897 C15.366,11.543 16,9.846 16,8 C16,3.589 12.411,0 8,0 C3.589,0 0,3.589 0,8 C0,12.411 3.589,16 8,16 C9.846,16 11.542,15.365 12.897,14.312 L18.293,19.707 C18.488,19.902 18.744,20 19,20 C19.256,20 19.512,19.902 19.707,19.707 C20.098,19.316 20.098,18.684 19.707,18.293'/%3E%3C/defs%3E%3Cuse fill='%23667895' fill-rule='evenodd' xlink:href='%23search-a'/%3E%3C/svg%3E"); background-position: center; } .consumerStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcPicker.address .glyph:before, button.addressLookupButton > .glyph:before { content:""; } .advancedmap.fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 99999; } .advancedmap, .im { position: relative; width: 100%; height: 100%; } .mapControls { display: flex; } .mapControlAreas { display: flex; flex-direction: column; position: absolute; right: 0; top: 0; bottom: 0; left: 0; pointer-events: none; } .mapSelectedRecNavButtons { display: flex; } .mapControlArea { flex: 1 1 0%; display: flex; } .relatedDataPortlet .views>.mapContainer_intramaps { border: none; } .mapContainer_advancedmaps { border: solid 1px #e6e6e6; display: block; padding: 3px; background-color: #fff; box-sizing: border-box; } .mapContainerInner_advancedmaps { border: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); background-clip: padding-box; } /* Gutter region on the right for tablet devices */ .tablet .fieldsContainer .map { margin-right: 25px; } .pinCurrent { position: absolute; right: 0; top: 0; background-color: #fff; padding: 4px; } .fullscreen>.pinCurrent { } .map-marker-bulb-outerborder { position: absolute; width: 36px; height: 36px; border-radius: 35px; top: -2px; left: 0; box-sizing: border-box; } .map-marker-tail-outerborder { position: absolute; width: 0; height: 0; border-style: solid; border-width: 18px 13px 0 13px; top: 25px; left: 5px; } .map-marker-bulb { position: absolute; width: 32px; height: 32px; border: 4px solid; border-color: white; border-radius: 32px; top: 0; left: 2px; box-sizing: border-box; } .map-marker-bulb.map-marker-selected { border-color: orange; } .map-marker-tail { position: absolute; width: 0; height: 0; border-style: solid; border-width: 9px 5px 0 5px; top: 25px; left: 13px; } .map-marker-tail-border { position: absolute; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: white transparent transparent transparent; top: 25px; left: 8px; } .map-marker-tail-border.map-marker-selected { border-color: orange transparent transparent transparent; } .map-selection-info { background-color: rgba(255, 255, 255, 0.8); } /* Selection */ /* Based on styles from leaflet & leaflet draw */ .map-selection a { display: block; text-align: center; text-decoration: none; } .mapSpinner.pageSpinner { margin-left: 0px; margin-right: 0px; } .mapToolbarSection:last-child { border-bottom: none; } .mapToolbarSection { border-top: 1px solid #d6dbdd; } .mapToolbarContent { } .mapToolbarSectionHeader { /*font: normal 9px 'Open Sans', Monaco, monospace;*/ padding-bottom: 2px; color: #888888; display: inline-block; } .mapToolbarSelection { display: flex; flex-direction: row; } .mapToolbarLayers { display: flex; flex-direction: column; } .mapToolbarRow a:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.05); border-radius: 4px; text-decoration: none; } .mapTool.mapToolActive { color: orangered; outline-style: none; opacity: 1; background-color: rgba(0, 0, 0, 0.15); border-radius: 4px; } .mapContentExpander { height: 20px; border-bottom: none; background-color: #e6e6e6; } .mapContentExpander a { float: right; width: 16px; height: 16px; font-family: 'iconGlyph'; opacity: 0.75; } .mapContentExpander a:hover { text-decoration: none; opacity: 1; } .mapContentExpander a:before { content: "\E063"; font-size: 12px; color: #919187; } .mapLegendChildren.mapLegendClasses { margin-left: 50px } .mapLegendChildren { margin-left: 10px; } .mapLegendChildren.collapsed { height: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; } .mapLegendGroupItem { padding-bottom: 5px; font-size: 12px } .mapLegendItemHeader { display: flex; flex-direction: row; align-items: center; } .mapLegendCollapsible:hover { cursor: pointer; } .mapLegendCollapsible.hidden { visibility: hidden; display: inline; } .mapLegendItem.collapsed .mapLegendCollapsible:before { font-family: 'iconGlyph'; content: "\E064"; } .mapLegendSelectable.hidden { visibility: hidden; display: inline; } .mapLegendSelectable { margin-left: auto; padding-right: 5px; padding-left: 5px; } .mapLegendCollapsible:before { font-family: 'iconGlyph'; content: "\E063"; padding: 5px; } .mapLegendBasemapItem { display: flex; flex-direction: row; align-items: flex-start; } .mapLegendLayerItem.mapLegendBasemapItem:before { content: ""; padding: 0px; } .mapLegendSelectable:before { font-family: 'iconGlyph'; content: "\E575"; color: orangered; font-size: 16px; } .mapLegendItemText { display: inline-block; vertical-align: middle; margin-left: 2px; } .mapLegendItemVisible { display: inline-block; vertical-align: middle; } .mapLegendItemVisible.hidden { display: none; } .mapLegendGroupText:before { font-family: 'iconGlyph'; content: "\E255"; font-size: 12px; font-weight: bold; color: black; } .mapFullScreenButton:before { font-family: 'iconGlyph'; content: "\E039"; } .mapFullScreenButton.active:before { font-family: 'iconGlyph'; content: "\F039"; } .mapLegendItem:hover, .mapLegendItem.active, .hasChld > .mapLegendItem.active .mapLegendItem:hover { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac35.png?v=12.0.251.0'); background-repeat:repeat; } .mapLegendItem:hover, .mapLegendItem { cursor: auto; } .mapLegendItem.active div.wChkbx:before { content: "\E066"; border-color: #656565; } .mapLegendItem div.wChkbx:before { float: left; margin: 0px 5px 0 0; line-height: 15px; } .mapLegendItem div.wChkbx:before { font-family: iconGlyph; font-size: 15px; background-image: none; width: 16px; height: 16px; display: block; border: solid 1px #c4c4c4; background-image: none; background-color: #fff; border-radius: 3px; content: ""; margin: 4px 0; background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,1); box-shadow: inset 0 0 0 1px rgba(255,255,255,1); box-sizing: border-box; } .mapLegendItem { line-height:12px; padding:0px; margin-top: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; width: auto; display: flex; flex: 1 1 0%; flex-direction: column; } .selectedFeatureItemColor { background-color: white; } .mapToolbar { background-color: #FFF; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); } .mapToolbar.mapSelectedFeaturesToolbar { box-shadow: none; } .mapToolbar-right { display: flex; flex-direction: column; flex: 0 0 auto; } .mapTool { padding: 5px; width: 16px; height: 16px; min-width: 16px; min-height: 16px; line-height: 16px; font-size: 16px; color: black; font-family: 'iconGlyph'; text-decoration: none; display: inline-block; } .mapTool.hidden { display: none; } .map-popup-left { height: 100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; } .map-popup-image { position: absolute; background-repeat: no-repeat; width: 28px; height: 28px; background-size: 28px; left: 14px; top: 18px; } .map-popup-image-border { float: left; width: 50px; height: 100%; border-right-width: 3px; border-right-style: solid; background-color: white; } .map-popup-main-text { padding-top: 7px; margin-left: 70px; white-space: nowrap; line-height: 16px; } .map-popup-layer-text { text-transform: uppercase; } .map-popup-title-text { font-size: 120%; } .map-popup-title-text, .map-popup-layer-text, .map-popup-id-text { text-overflow: ellipsis; overflow: hidden; } .map-popup-right { height: 100%; float: right; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .map-popup-left-rounded-right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .map-popup-right-button { float: left; width: 50px; height: 100%; box-sizing: border-box; border-left: 2px solid rgb(224, 224, 224); } .map-popup-right-button:hover { cursor: pointer; background-color: rgb(245, 245, 245); } .map-popup-actions-icon-wrapper { text-align: center; position: relative; } /* We use a slightly specific selector due to a really weird issue that iPad has where an unrelated * selector is sometimes applied in error. This is an issue on iPad. */ body div.leaflet-here .dropdownControl>.handle>.map-popup-actions-icon { line-height: 60px; margin: auto; border-bottom: none; padding: 0px; font-size: 16px; display: block; } .map-popup-right-button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .map-popup-right-button:last-child:hover { cursor: pointer; background-color: rgb(245, 245, 245); } /* New popup styles */ .map-list-popup-wrapper-single .map-list-popup-info { height: 47px; } .map-list-popup-wrapper-single .map-list-popup { height: 50px; } .map-list-popup-wrapper-single .map-list-popup-button>div { padding-top: 17px; } .map-list-popup-wrapper-single .map-list-popup-image { margin-top: 11px; } .map-list-popup-wrapper { -ms-overflow-style: scrollbar; -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; background-color: white; max-height: 140px; border-radius: 7px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2); } .map-list-popup { padding: 0px 0px 0px 4px; border-bottom: 1px solid lightgrey; height: 40px; } .map-list-popup-image { width: 32px; height: 32px; float: left; padding: 0px 6px 0px 0px; margin-top: 5px; margin-left: 4px; background-repeat: no-repeat; background-color: white; background-size: 32px 32px; } .map-list-popup-colour { float: left; height: 100%; width: 3px; } .map-list-popup-info { padding-left: 5px; float: left; width: 220px; height: 37px; padding-top: 3px; overflow: hidden; white-space: nowrap; } .map-text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Styles for the layer switcher */ .map-control-legend-class { padding-left: 20px; } .map-control-legend-hr.hidden { display: none; } .map-control-legend-hr { margin: 5px; border: 0; background-color: darkgray; height: 0.5px; display: block; } .hidden-before-init { display: none; } .mapcontrol-control { pointer-events: auto; margin: 5px; display: flex; } .mapcontrol-topleft { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex: 1 1 0%; } .mapcontrol-topright { display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: row; flex: 1 1 0%; } .mapcontrol-bottomleft { display: flex; justify-content: flex-start; align-items: flex-end; flex-direction: row; flex: 1 1 0%; } .mapcontrol-bottomright { display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: row; flex: 1 1 0%; } div.mapLayerSwitchHeader { text-align: center; color: black; font-weight: bold; cursor: default; padding-top: 7px; } div.mapLayerSwitchClose { position: absolute; top: 7px; right: 7px; } div.mapLayerSwitchClose:hover { background-color: #e3e3e3; border-radius: 4px; cursor: pointer; } .mapSelectBasemapMenu { padding: 0px 20px 8px 5px; } .mapLegendClientLayer .mapLegendCollapsible { visibility: hidden; } .mapHtmlTemplate.hidden { display: none; } div.mapLayerSwitchMenu { max-height: 150%; background-color: white; border-radius: 4px; box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-bottom: 1px solid grey; overflow-y: auto; display: flex; flex-direction: column; } .mapLayerSwitchLayerList { overflow-y: auto; } .map-controls-layer-switcher-layer-colour { width: 10px; height: 10px; display: inline-block; border: 1px solid black; margin: 3px 0 0 5px; float: right; } div.mapPanel { background-color: white; border-radius: 4px; padding: 0px 3px 3px 3px; box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-bottom: 1px solid grey; min-width: 120px; flex-direction: column; } /* general toolbar styles */ .mapButtons { width: auto; height: auto; } .mapButton { width: 32px; height: 32px; border-right: 1px solid #ababab; } .mapSelectionModeActive { background-color: #d1d1e0; color: orangered; } .map-button-bar a, .map-button-bar { /*border-radius: 4px;*/ /*box-shadow: 0 1px 5px rgba(0,0,0,0.65);*/ display: block; text-align: center; text-decoration: none; color: black; width: 34px; height: 34px; line-height: 34px; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/core/map/mapsprite64.png?v=12.0.251.0'); background-color: #fff; background-size: auto 32px; } .map-button-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .map-button-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .map-button-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .map-controls-selection-panel { background-color: #FFF; margin-top: 300px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); } .map-controls-selection-panel-selection-layers { max-height: 50vh; overflow-y: auto; } .mapSelectionLayersPanel { background-color: white; float: left; } .mapSelectionLayerTitle { float: right; padding: 5px; } .mapSelectionLayerItem { background-color: white; width: auto; border-radius: 1px; display: flex; flex-direction: row; align-items: center; } .mapSelectionLayerTitle { flex: 1 1 0%; } .mapSelectionLayerIcon { width: 16px; height: 16px; } .mapSelectionLayerItem.active { background-color: #d1d1e0; } .selectedFeatureItem { display: flex; height: 40px; flex-direction: row; } .mapFeaturePopup { height: 40px; width: 300px; } .selectedFeatureItem.mapFeaturePopup { width: 300px } .selectedFeatureItemButtonDetails { margin: auto; } .selectedFeatureItemButtonDetails:before { color: grey; vertical-align: -50%; } .selectedFeatureItemButtonAction { margin: auto; } .selectedFeatureItemButtonAction:before { color: grey; vertical-align: -50%; } .selectedFeatureItemButtonActions.handle { padding: 0px; } .selectedFeatureItemColor { float: left; height: 100%; width: 3px; } .selectedFeatureItemIcon { width: 32px; height: 32px; float: left; padding: 0px 6px 0px 0px; margin-top: 5px; margin-left: 4px; background-repeat: no-repeat; background-color: white; background-size: 32px 32px; } .selectedFeatureItemInfo { display: flex; flex-direction: column; padding-left: 5px; width: 220px; height: 37px; padding-top: 3px; overflow: hidden; white-space: nowrap; flex: 1 1 0%; } .selectedFeatureItemButtons { display: flex; border-left: 1px solid lightgrey; height: 100%; } .selectedFeatureItemButtonAction, .selectedFeatureItemButtonDetails { display: flex; font-size: 16px; line-height: 16px; } .selectedFeatureItemButtons .selectedFeatureButton { border-left: 1px solid lightgrey; height: 100%; width: 33px; display: flex; justify-content: center; align-items: center; } .selectedFeatureButton:hover { cursor: pointer; background-color: rgb(245, 245, 245); } .selectedFeatureItem.selectedFeatureItemHighlighed { border-right-width: 2px; border-right-style: solid; width: 219px; } .gps-on:before { content: '\E565'; color: dodgerblue; } .gps-off:before { content: '\E565'; color: lightgray; } .gps-tracking:before { content: '\E581'; color: dodgerblue; } .mapLegendItemIcon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-left: 2px; } .mapLegendItemIcon.hidden { display: none; } .mapLegendItemLayerColor.hidden { display: none; } .mapLegendItemLayerColor { width: 15px; height: 12px; display: inline-block; vertical-align: middle; margin-left: 2px; margin-right: 2px; border: solid 1px black; } .mapSelectedFeatureNavControl { display: flex; justify-content: flex-end; align-items: center; } .mapSelectedFeatures { display: flex; padding-top: 5px; flex-direction: column; } .mapSelectedRecNavCount { display: flex; align-items: center; } .mapSelectedFeatureLayerName { flex: 1 1 0%; } .mapSelectedRecNavCount div { padding: 5px; } .mapSelectedRecNavCount .current { font-weight: bold; } .mapSelectedRecNavCount .total { font-weight: bold; } .mapSelectedRecordNavigator { display: flex; flex: 1 1 0%; justify-content: flex-end; } .flex-row { display: flex; flex-direction: row; } .flex-column { display: flex; flex-direction: column; } .mapClearSelection { margin-left: auto; } div.mapPanel.mapSelectedFeaturesPanel { min-width: 35%; } .mapSelectedFeatureBack:before { font-family: 'iconGlyph'; content: "\E089"; font-size: 16px; line-height: 16px; } .mapSelectedFeatureNext:before { font-family: 'iconGlyph'; content: "\E090"; font-size: 16px; line-height: 16px; } .mapSelectedLayers { overflow-y: auto; } .advancedmap .olPopup { border-radius: 7px; padding: 0; color: #343434; border: 1px solid #a5c8e7 !important; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); overflow: visible !important; background-color: white; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2); height: auto; } .advancedmap .olPopup .olPopupContent .content { position: absolute; padding: 0; overflow: auto; top: 0; bottom: 0; left: 0; right: 0; } .mapLoadingOverlay { top: 0px; left: 0px; bottom: 0px; right: 0px; } .mapFeatureEditToolbar { display: none; } .mapEditEndButton, .mapEditPointCenter, .mapEditCurrentLocation { width: 70px; height: 40px; } .mapCrossHair { display: none; } .mapCrossHairH { border: 0.5px solid #dcdde0; width: 100px; height: 2px; background-color: black; position: absolute; right: 50%; top: 50%; margin-right: -48.5px; } .mapCrossHairV { border: 0.5px solid #dcdde0; height: 100px; width: 2px; background-color: black;; position: absolute; right: 50%; top: 50%; margin-top: -48.5px; } .advancedmap .olControlOverviewMapMinimizeButton_intramaps:before { font-family: 'iconGlyph'; content: "\E062"; } .advancedmap .olControlOverviewMapMaximizeButton_intramaps:before { font-family: 'iconGlyph'; content: "\E061"; } .mapTool { padding: 5px; width: 24px; height: 24px; min-width: 24px; min-height: 24px; line-height: 24px; font-size: 24px; color: black; font-family: 'iconGlyph'; text-decoration: none; display: inline-block; } .zoomRectInTool, .zoomRectOutTool, .homeTool, .rectSelectTool, .freeformSelectTool, .lineSelectTool, .boundySelectTool, .mapToolbarSectionMeasure, .mapToolbarSectionHeader, .mapcontrol-bottomleft { display: none; } .mapcontrol-bottomright { display: flex; } .mapFeatureEditToolbar.hidden { visibility:hidden; display: none; } .mapFeatureEditToolbar > button { height: 40px; border-right-color: white; } .mapFeatureEditToolbar { flex: 1 1 0%; display: flex; margin: 0px; } .mapEditEndButton, .mapEditPointCenter, .mapEditCurrentLocation { flex: 1 1 0%; } .mapSpinner.pageSpinner { position: absolute; top: 0; right: 50%; margin-right: -32px; z-index: 0; } .mapCrossHairH { border: 0.5px solid #dcdde0; width: 100px; height: 2px; background-color: black; position: absolute; right: 50%; top: 50%; margin-right: -48.5px; } .mapCrossHairV { border: 0.5px solid #dcdde0; height: 100px; width: 2px; background-color: black;; position: absolute; right: 50%; top: 50%; margin-top: -48.5px; } .mapTools.mapToolbarRow { display: flex; flex-direction: column; } .mapControlAreaBottom { display: flex; flex-direction: column; justify-content: flex-end; } .mapSelectedFeaturesHeader, .mapSelectedLayersHeader { display: none; } .mapSelectedLayersPanel { flex: none; } .analyserItemNavigator { clear: right; float: right; } #ActionPane .analyserItemNavigator { clear: none; } .analyserItemNavigator + * { clear: right; } .analyserItemNavigator > * { vertical-align: middle; } .analyserItemNavigator .previous, .analyserItemNavigator .next { float: left; position: relative; } .analyserItemNavigator .previous:hover, .analyserItemNavigator .next:hover { z-index: 1; } .analyserItemNavigator .next { margin-left: -1px; } .analyserItemNavigator .previous:before { content: ""; width: 1px; display: block; position: absolute; top: 0; bottom: 0; right: 0; background-color: #fff; } .analyserItemNavigator .navigatorButtons button:first-child .icon16:before { content: "\E089"; } .analyserItemNavigator .navigatorButtons button:last-child .icon16:before { content: "\E090"; } .analyserItemNavigator > .of { padding: 0 5px; } .analyserItemNavigator .navigatorCount { float: left; margin: 0 10px; } .navigatorCount > .currentRecord { font-weight: bold; } .navigatorCount > .totalRecords { font-weight: bold; margin-right: 2px; } .analyserItemNavigator .navigatorRdpContainer { overflow: hidden; min-width: 300px; max-width: 500px; z-index: 10000 !important; right: 80px; position: absolute; display: block; padding-right:0; padding-bottom:0; background-color: #fff; border: solid 1px #fff; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3); box-shadow: 0 2px 10px rgba(0,0,0,0.3); font-size: 12px; margin-top: 0; } .analyserItemNavigator .navigatorRdpContainer.hidden { display: none; } .analyserItemNavigator .analyserItemNavigatorRdp { height: 100%; } .analyserItemNavigator .analyserItemNavigatorRdp .dataFieldContainer { max-width: 100%; } .analyserItemNavigator .analyserItemNavigatorRdp .thumbnailItem { max-height: 50px; cursor: pointer; } .analyserItemNavigator .analyserItemNavigatorRdp .thumbnailItem:before, .analyserItemNavigator .analyserItemNavigatorRdp .thumbnailItem:after { content: ""; height: 1px; background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%); display: block; } .analyserItemNavigator .analyserItemNavigatorRdp .thumbnailItemsContainer div.thumbnailItem:hover{ background-color: rgba(0,0,0, 0.05); } .analyserItemNavigator .navigatorRdpContainer .compact .itemWrapper{ box-shadow: none; margin: 0; } .analyserItemNavigator .navigatorRdpContainer .compact .thumbnailSection.secondarySection { background-color: transparent; } .analyserItemNavigator .navigatorRdpContainer .thumbnailSection.mainSection > .thumbnailSection:not(.identSection) { margin-top: unset; } .relatedDataPortlet.hasBorder .views, .relatedDataPortlet.hasBorder .noSearchView, .relatedDataPortlet.hasBorder .noResultsView{ border: medium grey dashed; } .attachmentsPopup .fileSelector .fileList .file .fileNameContainer { display: none; } .uploadEcmPopup .fileSelector .fileList .file .fileNameContainer { display: revert; } .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameStyle, .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileSizeStyle, .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .removeFile { display: none; } .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .label { width: auto; } .editablePanel > .content > .panel > .attachments.formControl { padding: 0; } .attachmentType.empty { display: none; } .attachmentTypeLabel { padding: 20px 0; font-size: 1.2em; } .attachments .attachmentsCtrlLabel .mandatory{ margin-left:5px; } .attachmentItem { position: relative; min-height: 40px; border-bottom: solid 1px #e6e6e6; border-top-color: #fff !important; padding: 10px 0; } .attachmentDetailsPage > .pageContent > .attachmentItems > .attachmentItem { padding-left: 10px; padding-right: 10px; } .attachmentItemInnerContainer { position: relative; } .attachmentItem.readonly > .attachmentItemInnerContainer > .attachmentItemDetailsContainer, .attachmentItem.add > .attachmentItemInnerContainer > .attachmentItemDetailsContainer { margin-right: 36px; } .attachmentItemLabel { font-size: 1em; font-weight: 600; margin-bottom: 10px; word-wrap: break-word; } .attachmentItemDetailsLine, .attachmentItemNotesLine { font-size: 0.9em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 16px; } .attachmentItemDocumentTypeLine { font-size: 1em; font-weight: 600; line-height: 16px; padding: 0 2px; width: fit-content; } .attachmentItemDocumentTypeLine.recognitionSuccess { background-color: var(--ciaColourBackgroundSuccess); color: var(--ciaColourTextSuccess); } .attachmentItemDocumentTypeLine.recognitionFail { background-color: var(--ciaColourBackgroundFail); color: var(--ciaColourTextFail); } .attachmentItemNotesLine { margin-top: 5px; color: #656565; } .attachmentItem.noNotes > .attachmentItemInnerContainer > .attachmentItemDetailsContainer > .attachmentItemNotesLine { display:none; } .attachmentItemButtonsContainer { position: absolute; top: 50%; right: 0; height: 28px; margin-top: -14px; } .attachmentItem.readonly > .attachmentItemInnerContainer > .attachmentItemButtonsContainer, .attachmentItem.add > .attachmentItemInnerContainer > .attachmentItemButtonsContainer { width: 36px; } .attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemButtonsContainer { width: 72px; } .attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemDetailsContainer { margin-right: 72px; } .attachmentItemButton { position: absolute; border: none; background-color: transparent; box-shadow: none; padding: 2px; margin-left:8px; } .attachmentItemButton:focus { box-shadow: none; } .attachmentItemButton.view { color: rgb(217,217,217); color: rgba(0, 0, 0, 0.15); } .attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.delete { left: 36px; } .attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.view, .attachmentItem.readonly > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.edit, .attachmentItem.readonly > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.delete, .attachmentItem.add > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.view, .attachmentItem.changefilename > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.edit, .attachmentItem.changefilename > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.delete { display:none; } .attachmentPreview { display: block; margin: 10px auto; } .attachmentsAddFilesButton { display: block; } .editablePanel > .content > .attachments > .attachmentsAddDropDownControl { margin-left: -10px; margin-right: -10px; } .attachmentsAddButton, .attachmentsAddFilesButton { text-align: center; padding: 10px; border:none; border-radius: 0; width:100%; } .attachmentsAddButton > .dropdownButtonLabel, .attachmentsAddFilesButton > .buttonLabel { line-height:24px; } .attachmentsAddButton > .icon24, .attachmentsAddFilesButton > .icon24 { background-image: none; } .attachmentsAddButton > .icon24:before, .attachmentsAddFilesButton > .icon24:before { color: #238c00; } .attachmentFileInput { display: none; } .attachmentItemUploadingContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(255,255,255,0.5); } .attachmentProgressIndicator { position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background: rgba(35, 140, 0, 0.20); } .attachmentDetailsPage > .pageContent > .editablePanel > .content { padding-top: 10px; } .attachmentDetailsPage > .pageContent > .editablePanel > .content > .panel > .fieldsContainer { padding: 0; } /* Audit Details */ .attachments .audit { display: block !important; margin-top: 5px; } .attachments .audit > div { display: inline-block; font-size: 0.9em; color: #656565; line-height: 16px; } .attachments .audit label, .attachments .audit span { padding-right: 3px; } .attachments .audit .createdDateTime:before, .attachments .audit .modifiedDateTime:before { content: "on "; display: inline-block; padding-right: 3px; } .attachments .audit .createdDateTime label, .attachments .audit .modifiedDateTime label { display: none; } /*--Consumer styles--*/ .consumerStyle.attachments { color:#3b4e58; } .consumerStyle .editablePanel > .content > .attachments > .attachmentsAddDropDownControl { margin:0; } .consumerStyle .attachmentsAddButton, .consumerStyle.page .attachmentsAddFilesButton { padding:11px; background-color:#fff; border:solid 1px #d8d8d8; border-radius: 2px; box-shadow:none; font-size:0.875rem; margin-top: 12px; margin-bottom: 12px; } .consumerStyle.page .pageContent > .attachmentsAddFilesButton { /*width: calc(100% - 20px);*/ margin: 12px auto; } .consumerStyle.page > .attachmentItems { padding:10px; } .consumerStyle .attachmentsAddButton > .glyph, .consumerStyle .attachmentsAddFilesButton > .glyph { display:none; } .consumerStyle .attachmentTypeLabel { padding: 24px 0 16px 0; font-size: 1rem; font-weight: 400; color: inherit; } .consumerStyle .attachmentTypeLabel:empty { display:none; } .consumerStyle .pageContent > .attachmentItems { padding:8px 0; } .consumerStyle .attachmentItem { padding: 0; border: solid 1px #e5e5e5 !important; /*--theme colorGreyWarmLighest--*/ border-radius: 2px; box-sizing: border-box; font-size:0.875rem; } .consumerStyle .attachmentItemInnerContainer { padding:8px; display:flex; box-sizing: border-box; } .consumerStyle .attachmentItemDetailsContainer { flex:1; max-width: calc(100% - 36px); } .consumerStyle .attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemDetailsContainer > .attachmentItemLabel { margin-right:36px; } .consumerStyle .attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemButtonsContainer { position:static; margin: 0; height: auto; width: 36px; } .consumerStyle .attachmentItemLabel { color:inherit; } .consumerStyle .attachmentItemDetailsLine, .consumerStyle .attachmentItemNotesLine { color:#667985; /*--theme colorGreyWarmDarker--*/ } .consumerStyle .attachmentItem.readonly > .attachmentItemInnerContainer > .attachmentItemButtonsContainer, .consumerStyle .attachmentItem.add > .attachmentItemInnerContainer > .attachmentItemButtonsContainer { width:44px; height:36px; margin-top: 0; top: auto; } .consumerStyle .attachmentItemButton { padding:8px; } .consumerStyle .attachmentItemButton.edit { top:0; bottom:0; left:0; right:0; width:100%; max-width:100%; margin:0; } .consumerStyle .attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.delete { left:auto; margin:0; } .consumerStyle .attachmentItemButton > .icon24 { background-position:center; width: 20px; height: 20px; min-width: 20px; min-height: 20px; line-height: 20px; } .consumerStyle .attachmentItemButton.edit > .icon24 { position: absolute; top: 0; right: 48px; height: 100%; background: none; } .consumerStyle .attachmentItemButton.edit > .icon24:before { content:""; height:100%; width:20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%233B4E58' d='M14.0256435,3.62967264 L16.4539673,1.21215797 L18.7878802,3.54734 L16.3582764,5.96484375 L14.0256435,3.62967264 Z M16.4275956,4.93735819 L17.7979198,3.54706 L16.4538327,2.20224203 L15.0842285,3.5925293 L16.4275956,4.93735819 Z M3.0180716,14.6490771 L14.0460229,3.62007888 L16.3787519,5.95534629 L5.34975357,16.9832977 L3.0180716,14.6490771 Z M5.35004643,15.9931023 L15.3890481,5.95505371 L14.0457771,4.61032112 L4.0077284,14.6493229 L5.35004643,15.9931023 Z M2.96875,14.4290771 L5.53979492,17.0229492 L1.27809789,18.7233097 L2.96875,14.4290771 Z M2.57370211,17.4270903 L4.20056152,16.6645508 L3.19909668,15.6008301 L2.57370211,17.4270903 Z M2.90748382,14.8031318 L1.54464582,18.1913919 C1.52121362,18.2482986 1.53394834,18.312394 1.57878819,18.3569412 C1.60620542,18.384647 1.64381676,18.4001294 1.68300848,18.4001294 C1.70209888,18.4001294 1.72204575,18.3961556 1.73986816,18.388855 L5.21301516,17.0759952 C5.23446434,17.0663051 5.24983354,17.0556169 5.26269531,17.0427551 L18.6579285,3.65576172 C18.7169825,3.59640487 18.7169825,3.50152455 18.6584635,3.44300551 L16.5595638,1.33451469 C16.530493,1.30575317 16.491709,1.28970741 16.4517242,1.28970741 C16.4120093,1.28970741 16.373899,1.30550729 16.3462115,1.33319479 L2.98745728,14.6900635 C2.95376241,14.7343568 2.95231179,14.7362637 2.93952555,14.7486637 C2.92710394,14.7622929 2.91689279,14.7789339 2.90748382,14.8031318 Z M5.67380618,17.9775002 L1.3236282,19.7860568 C1.22062163,19.8282726 1.11055471,19.8502 0.9999,19.8502 C0.774985665,19.8502 0.557880762,19.7608304 0.400276449,19.6015482 C0.155853512,19.3588226 0.0832111612,18.9932055 0.214655857,18.6739866 L2.01308886,14.3429224 C2.05295391,14.2389266 2.1143278,14.1422954 2.19741263,14.0557126 C2.19239964,14.0604168 6.74439964,9.50808351 15.8534126,0.398712627 C16.0123194,0.239805814 16.2284541,0.1502 16.4539,0.1502 C16.6788096,0.1502 16.8943366,0.23936814 17.0554845,0.398809814 L19.6013874,2.94671263 C19.9329655,3.27829077 19.9329655,3.81541045 19.6013602,4.14871457 L5.95138737,17.7956874 C5.9099235,17.8371513 5.81799522,17.8965094 5.67560255,17.9737617 C5.73195822,17.9522227 5.73635872,17.951222 5.73894823,17.9507956 C5.70583752,17.9636649 5.60353297,18.0017097 5.67380618,17.9775002 Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center 16px; } .consumerStyle .attachmentItemButton.delete > .icon24 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' data-enum='Cancel' data-keywords='cancel cross'%3E%3Cpath fill='%233b4e58' fill-rule='evenodd' d='M11.4141,10 L17.7071,3.707 C18.0981,3.316 18.0981,2.684 17.7071,2.293 C17.3161,1.902 16.6841,1.902 16.2931,2.293 L10.0001,8.586 L3.7071,2.293 C3.3161,1.902 2.6841,1.902 2.2931,2.293 C1.9021,2.684 1.9021,3.316 2.2931,3.707 L8.5861,10 L2.2931,16.293 C1.9021,16.684 1.9021,17.316 2.2931,17.707 C2.4881,17.902 2.7441,18 3.0001,18 C3.2561,18 3.5121,17.902 3.7071,17.707 L10.0001,11.414 L16.2931,17.707 C16.4881,17.902 16.7441,18 17.0001,18 C17.2561,18 17.5121,17.902 17.7071,17.707 C18.0981,17.316 18.0981,16.684 17.7071,16.293 L11.4141,10 Z'/%3E%3C/svg%3E"); } .consumerStyle .attachmentItemButton.delete > .icon24:before { display:none; } .consumerStyle .attachmentPreview { max-width:100%; } /* Attachments Popup */ .maintenancePopupPage.revealProgressBar .ok, .maintenancePopupPage.revealProgressBar .cancel, .maintenancePopupPage.revealProgressBar .inputContainer, .maintenancePopupPage.revealProgressBar .fileList .fileNameStyle { display: none; } .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameContainer { width: 100%; } .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameContainer .fileSelectorUploadState { width: auto; } .easy .off-screen{ position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .attachmentsImagePanel { position: relative; overflow: hidden; border-bottom-style: solid; border-bottom-width: 1px; } .attachmentsImagePanelInput { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; color:transparent; /* remove 'No file chosen' label */ } /* for indicator visibility in easy mode */ .attachmentsImagePanelInput:focus{ border:4px dotted var(--ciaColourBorderHighlight); } .attachmentsImagePanel > .icon16 { display: block; position: absolute; right: 0; bottom: 0; } .attachmentsImagePanel > .icon16:before { content: "\E161"; } .attTypeSelectorPage .attTypeField { margin: 10px; } .blockly-container { box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28); width: 100%; height: 100%; } .blockly-main { top: 8px; bottom: 8px; } .blockly-panel { left: 8px; box-shadow: 0 1px 4px, rgba(0,0,0,37); height: 100%; } .businessProcessViewDescription { margin-bottom: 5px; padding-left: 10px; padding-right: 10px; } .businessProcessTask { margin-bottom: 3px; padding: 2px; border-radius: 3px; margin-left: 5px; margin-right: 5px; } .businessProcessTask.isClickable { cursor: pointer; } .businessProcessTask.current { margin-left: 0; margin-right: 0; } .businessProcessTaskHeader { padding: 7px; line-height: 16px; } .businessProcessTask.isClickable .businessProcessTaskHeader:before { content: "\E063"; font-family: iconGlyph; margin-right: 5px; opacity: 0.5; } .businessProcessTask.isClickable[aria-expanded="false"] .businessProcessTaskHeader:before { content: "\E064"; } .businessProcessTask.future .businessProcessTaskHeader:before { display: none; } .businessProcessTaskDescription { display: inline-block; font-weight: 600; font-size: 1.1em; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; } .businessProcessTaskAssignee { display: inline-block; float: right; max-width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .businessProcessEventCommentImg { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/32/bpm/comment.png?v=12.0.251.0'); background-size: cover; background-repeat: no-repeat; vertical-align: middle; width: 16px; height: 16px; display: inline-block; margin: 0 3px; } .businessProcessTaskHeader .businessProcessEventCommentImg { position: relative; top: -2px; float: right; margin-left: 5px; } .businessProcessEvent .businessProcessEventCommentImg { height: 1em; width: 1em; } .businessProcessTask[aria-expanded="false"] .businessProcessTaskEvents, .businessProcessTask[aria-expanded="false"] .businessProcessTaskSplitItemsSection { display: none; } .businessProcessEvent { margin-top: 2px; padding: 10px 10px 5px 10px; background-color: rgba(255,255,255,0.85); } .businessProcessEventText { margin-bottom: 10px; } .businessProcessEventTime{ margin-right: 10px; } .businessProcessEventTime:before{ content: "\e099"; font-family: iconGlyph; margin-right: 4px; } .businessProcessEventDate:before{ content: "\e014"; font-family: iconGlyph; margin-right: 4px; } .businessProcessEventDescriptionLine, .businessProcessEventUser, .businessProcessEventComments, .businessProcessEventDateTime { margin-bottom: 5px; } .businessProcessEventDateTime{ padding-bottom: 3px; } .businessProcessEventUserString { display: inline-block; max-width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 3px; } .businessProcessEventComments { background-color: white; padding: 0.5em; white-space: pre-wrap; } .businessProcessEventDescription { display: inline-block; font-weight: 600; max-width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 3px; } .businessProcessTask .businessProcessTaskSplitDecisionIcon { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/split.png?v=12.0.251.0'); background-size: cover; background-repeat: no-repeat; width: 16px; height: 14px; display: inline-block; vertical-align: top; margin-right: 5px; } .businessProcessTask .businessProcessTaskSplitItemsSection { background-color: rgba(255, 255, 255, 0.5); padding: 5px; margin-top: 8px; } .businessProcessTask .businessProcessTaskSplitItem { padding-top: 6px; } /* This file is intentionally left blank - Platform expects the file for the Phone version when you are using Shared Folder This comment should be removed once we have required css declaration */ button, a.buttonStyle{ color: var(--ciaColourTextButton); background-color: var(--ciaColourBackgroundButton); border: solid 1px var(--ciaColourBorderButton); box-shadow: var(--ciaBoxStyleButton); border-radius:var(--ciaBorderRadiusButton); line-height: 16px; padding:6px; cursor: pointer; } button.primary, a.buttonStyle.primary { color: var(--ciaColourTextPrimaryButton); background-color: var(--ciaColourBackgroundPrimaryButton); border: solid 1px var(--ciaColourBorderPrimaryButton); } button.secondary { color: var(--ciaColourTextSecondaryButton); background-color: var(--ciaColourBackgroundSecondaryButton); border: 1px solid var(--ciaColourBorderSecondaryButton); } button, a.buttonStyle { padding:6px; border-radius:3px; border-style:solid; border-width:1px; cursor: pointer; } button > * { display: inline-block; vertical-align: top; line-height:16px; } /*div.addNewItem button, div.primary button, button.primary, .thumbnailAction button { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.251.0'); }*/ button, button.highlight, a.highlight { /*background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbg.png?v=12.0.251.0'); background-repeat:repeat-x; background-position:top left;*/ border-radius:3px; box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); line-height: 16px; font-size: 1em; } .contentContainer button.primary, a.buttonStyle.primary { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } button:not(.actionItem):active { background-position:bottom left !important; } .buttonLabel { margin: 0 4px; } .overwriteHeaderButton > .buttonLabel { font-size: 1.1em; } .pageHeader button, .pageContentHeader button, .relatedDataPortlet .headerBar button { border-radius: 3px; /*background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.251.0'); background-repeat: repeat-x; background-position: top left;*/ } .search.picklistSearchButton { border-radius: 0 3px 3px 0; width: 45px; } .functionActions button { background-image: none; border-color: transparent; } .pageContentHeader button { padding: 4px; color: #fff; } .pageHeader .button, .headerButton.button { height:24px; width:24px; background-image: none; border: none; border-radius: 0; border-right: solid 1px transparent; padding: 8px; cursor: pointer; } .pageHeader .button.floatRight, .headerButton.button.floatRight { border: none; border-left: solid 1px transparent; } .button > .icon16 { height: inherit; width: inherit; display: inline-block; } .button > .icon24 { display: inline-block; } button.linkStyle { background: none; border: none; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; line-height: normal; } button[disabled] { opacity: 0.5; } .pageContent .icon24, .pageContent .icon16, .wizardNavigationButton > .icon24, .darkIcon > .icon24, .darkIcon > .icon16 { background-image: url(https://cdn.t1cloud.com/cianywhere/content/base/icons/48/phone/mblspritedark.png?v=12.0.251.0); background-position: 0 -48px; background-size:auto 100%; font-family: iconGlyph; font-size: 19px; text-align: center; line-height: 24px; display: inline-block; -webkit-font-smoothing: antialiased; } .pageHeader .icon24, .pageContentHeader button .icon24, .headerButton .icon24, .primary > .icon24, .primary > .icon16, .pageHeaderMenuItem > .icon24, .tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab:after, .tabbedControl > .previousTab, .tabbedControl > .nextTab, .fltrItem label.wChkbx:before { font-family: iconGlyph; font-size: 19px; text-align: center; line-height: 24px; display: inline-block; -webkit-font-smoothing: antialiased; } .pageContent .icon16 { font-size: 16px; line-height: 16px; } .icon32:before, .icon24:before, .icon16:before { display: block; } .expando { padding:4px; background: none; border: none; box-shadow: none; } .expandable.collapsed .expando .icon24, .expand .icon24:before { content: "\E064"; } .expandable .expando .icon24 { content: "\E063"; } .expandable .expando .icon16:before, .expandable .expando .icon12:before, .expandable .expando .icon10:before { content: "\E063"; } .expandable.collapsed .expando .icon16:before, .expandable.collapsed .expando .icon12:before, .expandable.collapsed .expando .icon10:before { content: "\E064"; } .expandable .expando .icon10 { vertical-align: middle; } .hierarchicalPicklistContextButton > .icon24:before { content: "\E258"; } .picklistContextButton > .icon32:before { content: "\F047"; } .dropdownButton .icon24:before { content: "\E045"; } .dropdown .icon16:before { content: "\E045"; } .editablePanel > .topActionPane > .formActionButton.remove > .icon16 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/removereddark.png?v=12.0.251.0'); background-position: center; } .edit > .icon16:before, .edit > .icon24:before { content: "\E078"; } .primary.edit > .icon16:before { color: #fff; } .search > .icon16:before, .search > .icon24:before { content: "\E044"; } #SearchButton.search > .icon24:before, .search.picklistSearchButton > .icon24:before { content: "\E044"; } .headerButton .search > .icon24:before { content: "\E044"; } .headerButton .search > .icon16:before { content: "\E044"; } .back > .icon24:before { content: "\E042"; } .home > .icon24:before { content: "\E041"; } .menu > .icon24:before { content: "\E043"; } .refresh > .icon24:before { content: "\E093"; } .actions > .icon24:before { content: var(--ciaIconDropdownMore); } .actions.addAction.hasSubMenu > .icon24:before, .addActions > .icon24:before { content: "\E009"; } .close > .icon16:before, .delete > .icon16:before { content: "\E058"; } .delete > .icon16:before, .delete > .icon24:before { content: "\E058"; } .pageHeader .close > .icon24:before { content: "\E058"; } .previous > .icon24:before { content: "\E062"; font-size: 16px; } .next > .icon24:before, .tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab:after, .detailsNavigator .icon16:before { content: "\E061"; font-size: 16px; opacity: 0.35; } .easy .next > .icon24:before, .easy .linkedTabbedControl > .tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab:after, .easy .detailsNavigator .icon16:before, .nextDay > .icon24:before { opacity: 1; } .cancel > .icon24 { background-position: -312px 0; } .finish > .icon24 { background-position: -1104px 0; } .logoff > .icon24 { background-position: -1176px 0; } .add > .icon24:before { content: "\E146"; } .editablePanel .new > .icon16 { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/plusgreendark.png?v=12.0.251.0'); background-position: center; } .repeatableEditablePanel > .topActionPane .new { min-width: 44px; margin: 5px; } .button .tick { display: block; width: 10px; height: 10px; position: absolute; top: 8px; right: 8px; border-radius: 3px; border: solid 1px; } .button .tick:before { display: block; content: "\E066"; color: #fff; font-size: 10px; } /*--Workplace icons--*/ .pageHeader .close > .icon24:before { content: "\E058"; } .pageHeader .back > .icon24:before { content: "\E042"; } .pageHeader .goHome > .icon24:before { content: "\E041"; } .pageHeader .optionsButton > .icon24:before { content: "\E043"; } .pageHeader .actions.addAction.hasSubMenu > .icon24:before { content: "\E009"; } .pageHeader .actions.addAction.hasSubMenu > .icon24:before { content: "\E009"; } .pageHeader .edit > .icon24:before { content: "\E078"; } .pageHeaderMenuItem.goForward > .icon24:before { content: "\E021"; } /*-- Consumer styles --*/ .consumerStyle .pageContentHeader .search.picklistSearchButton .icon24:before { content:""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23A6A6A6' d='M2,8 C2,4.691 4.691,2 8,2 C11.309,2 14,4.691 14,8 C14,11.309 11.309,14 8,14 C4.691,14 2,11.309 2,8 M19.707,18.293 L14.312,12.897 C15.366,11.543 16,9.846 16,8 C16,3.589 12.411,0 8,0 C3.589,0 0,3.589 0,8 C0,12.411 3.589,16 8,16 C9.846,16 11.542,15.365 12.897,14.312 L18.293,19.707 C18.488,19.902 18.744,20 19,20 C19.256,20 19.512,19.902 19.707,19.707 C20.098,19.316 20.098,18.684 19.707,18.293'/%3E%3C/svg%3E"); width:20px; height:20px; } .buttonGroup .flatStyle { padding: 14px 10px 6px 10px; border-radius: 0; box-shadow: none; background-image: none; background-color: transparent; border: none; border-bottom: 3px solid transparent; opacity: 1; } .buttonGroup .flatStyle.highlight, .buttonGroup .flatStyle.highlight:hover { border-bottom-color: var(--ciaColourBorderHighlight); } .buttonGroup .flatStyle:hover { border-bottom-color: transparent; } .buttonGroup .flatStyle img { opacity: 0.8; max-height: 16px; } .buttonGroup > .more { display: inline-block; padding: 4px 10px 0 10px; } .buttonGroup > .more.hidden { display: none; } .buttonGroup > .more > .chooser > button.downFill { padding: 5px; } .buttonGroup > .more > .dropdownControl .flatStyle{ min-width: 100%; float: none; background: none; box-shadow: none; } .buttonGroup > .more > .dropdownControl .flatStyle.highlight{ background-color: var(--ciaColourHighlight); border-bottom-color: transparent; } .buttonGroup .more > .dropdownControl .flatStyle.highlight:after { content: "\E066"; font-family: 'iconGlyph'; position: absolute; top: 10px; right: 5px; width: 16px; height: 16px; line-height: 16px; text-align: center; opacity: 0.5; } .buttonGroup > .flatStyle.more { display:none!important; /* on phone we don't have a more dropdown - just scroll across */ } .calendarContainer { z-index: 1000; position:absolute; min-width: 218px; display: block; padding: 5px; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3); box-shadow: 0 2px 10px rgba(0,0,0,0.3); outline: 0; width: 100%; overflow: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; height: 0; padding-top: 42px; background-color: #fff; } .stackedContainer .calendarContainer { margin-top: 1px; } .calendarContainer > .header { text-align: center; position: absolute; top: 5px; left: 5px; right: 5px; } .calendarContainer > .header > .navHeader { width: 100%; } .calendarContainer > .header > .navHeader > * { box-shadow: none; border: 1px solid rgba(0,0,0, 0.1); padding: 10px; border-radius: 0; border-top: #000000; background-color: rgba(0,0,0,0.1); } .calendarContainer > .header > .navHeader > .prevAction { width: 15%; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; float: left; background: none; border: solid 1px rgba(0, 0, 0, 0.1); box-shadow: none; } .calendarContainer > .header > .navHeader > .viewAction { line-height:16px; vertical-align: top; min-width: 158px; font-size: 13px; width: 70%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; float: left; vertical-align: top; min-width: 158px; background: none; border: solid 1px rgba(0, 0, 0, 0.1); box-shadow: none; } .calendarContainer > .header > .navHeader > .nextAction { width: 15%; border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; float: left; background: none; border: solid 1px rgba(0, 0, 0, 0.1); box-shadow: none; } .calendarContainer > .header > .navHeader > .prevAction:before, .calendarContainer > .header > .navHeader > .nextAction:before { display:inline-block; vertical-align:top; width:16px; height:16px; line-height:16px; font-size: 16px; font-family: iconGlyph; } .calendarContainer > .header > .navHeader > .prevAction:before { content: "\E062"; } .calendarContainer > .header > .navHeader > .nextAction:before { content: "\E061"; } .calendarContainer > .content { clear:both; padding-bottom:1px; width: 100%; height: 100%; display: table; table-layout: auto; background: rgb(255,255,255); } .calendarContainer > .content > .dayRowHeader, .calendarContainer > .content > .dayRow { display: table-row; width: 100%; } .calendarContainer > .content > .dayRowHeader .dayHeader { font-weight: bold; } .calendarContainer > .content > .dayRowHeader > .dayHeader { display: inline-block; width: 15px; } .calendarContainer > .content > .dayRow > .day { color:#000; background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbg.png?v=12.0.251.0') repeat-x 0 -10px; cursor: pointer; } .calendarContainer > .content > .dayRowHeader > .dayHeader, .calendarContainer > .content > .dayRow > .day { display: table-cell; background: transparent; font-size: 12px; text-align: center; color: rgba(0,0,0,0.8); vertical-align: middle; } .calendarContainer > .content > .yearRow:first-child, .calendarContainer > .content > .monthRow:first-child { margin-top: 60px; } .calendarContainer > .content > .yearRow, .calendarContainer > .content > .monthRow { display: block; font-size: 11px; table-layout: fixed; display: table; width: 100%; } .calendarContainer > .content > .yearRow > .year, .calendarContainer > .content > .monthRow > .month { display: inline-block; font-size: 13px; width: 37px; display: inline-block; margin-left:-1px; margin-bottom:-1px; padding: 25px 18px; cursor: pointer; text-align: center; cursor: pointer; display: table-cell; } .calendarContainer > .content > .dayRow > .day:first-child, .calendarContainer > .content > .dayRowHeader > .dayHeader:first-child, .calendarContainer > .content > .monthRow > .month:first-child, .calendarContainer > .content > .yearRow > .year:first-child { margin-left: 0; } .calendarContainer > .content > .dayRow > .day:last-child, .calendarContainer > .content > .dayRowHeader > .dayHeader:last-child, .calendarContainer > .content > .monthRow > .month:last-child, .calendarContainer > .content > .yearRow > .year:last-child { margin-right: 0; } .calendarContainer > .content > .dayRow:last-child, .calendarContainer > .content > .dayRowHeader:last-child { margin-bottom: 0; } .calendarContainer > .content > .dayRow > .day:hover, .calendarContainer > .content > .monthRow > .month:hover, .calendarContainer > .content > .yearRow > .year:hover { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.251.0'); background-repeat: repeat; } .calendarContainer > .content > .dayRow > .day.inactiveDate:hover, .calendarContainer > .content > .monthRow > .month.inactiveDate:hover, .calendarContainer > .content > .yearRow > .year.inactiveDate:hover { background: none; } .calendarContainer > .content > .dayRow > .day.inactiveDate, .calendarContainer > .content > .monthRow > .month.inactiveDate, .calendarContainer > .content > .yearRow > .year.inactiveDate { opacity: .4; cursor: default; } .calendarContainer > .content > .dayRow > .day.selectedDate, .calendarContainer > .content > .monthRow > .month.selectedDate, .calendarContainer > .content > .yearRow > .year.selectedDate { position:relative; /*background: #FFFFCC;*/ color: #000; /*border: 1px solid #CB762A;*/ } .calendarContainer > .content > .dayRow > .day.selectedDate { font-weight: bold; } /*--Consumer styles--*/ .consumerStyle .dateContextButton, .consumerStyle .dateTimeContextButton { position: absolute; top: 0; right: 0; padding: 12px; background: none; border-radius: 0 2px 2px 0; border: none; box-shadow: none; border-left: solid 1px #e5e5e5; } .consumerStyle .dateContextButton > .glyph:before, .consumerStyle .dateTimeContextButton > .glyph:before { display:none; } .calendarViewer { height: 100%; position: relative; overflow: hidden !important; padding: 0; } .calendarViewer .t1cal-time-grid { position: relative; } .calendarViewer .t1cal-content { padding: 0 !important; z-index: 1; position: relative; } .calendarViewer .mainCalContent { position: absolute; top: 40px; left: 0; right: 0; bottom: 0; } .calendarViewer.month .t1cal-content .week{ height: 16.6666666666%; /*always there will be 6 weeks*/ position: relative; } .calendarViewer.month .t1cal-content .t1cal-week-evt{ position: absolute; top: 26px; left: 0; border: 0; height: auto; } .calendarViewer.month tr:hover { background: none; } .calendarViewer.month .t1cal-content .t1cal-week-evt td{ border: none; padding-top: 1px; padding-bottom: 1px; padding-left: 0; padding-right: 1px; } .calendarViewer.month .t1cal-row{ margin: 0; } .calendarViewer.month .t1cal-day .day{ padding: 10px 0 0 10px; display: block; } .calendarViewer.month .t1cal-day { border-top: none; } .calendarViewer.month .t1cal-day.inactiveDate { opacity: 0.5; } .calendarViewer.month .t1cal-day.selectedDate { font-weight: bold; } .calendarViewer.month .t1cal-day .thumbnailItem .tagActionsSection{ display: none; } .calendarViewer.month .thumbnailItem{ box-shadow: none!important; width: auto; max-height: 18px; min-height: 18px; height: 18px; border: none; } .calendarViewer.month .moreEvents { position: relative; } .calendarViewer .moreEvents .moreEventsCount{ margin: 0 2px; line-height: 20px; height: 20px; display: inline-block; padding: 0 2px; } .calendarViewer .moreEvents .moreEventsCount:hover { z-index: 100 !important; cursor: pointer; } .calendarViewer.month .moreEvents .moreEventsContainer{ display: none; position: fixed; z-index: 1; background: #fff; padding: 0 2px 2px 2px; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3); box-shadow: 0 2px 10px rgba(0,0,0,0.3); min-width: 200px; max-width: 30vw; } .calendarViewer .moreEventsContainer .thumbnailItem{ margin:1px; } .calendarViewer.month .moreEvents.showMore .moreEventsContainer { display: block; } /*for calendar view hide the item actions*/ .calendarViewer .thumbnailAction { display: none; } /* Common Styling for multiple elements */ .t1CalView { -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; cursor: default; margin: 0; position: absolute; user-select: none; top: 0; bottom: 0; left: 0; right: 0; } .calendarViewContainer.t1CalView { overflow: hidden !important; } .t1CalView table { border-collapse: collapse; border-spacing: 0; font-size: 1em; height: 100%; width: 100%; table-layout: fixed; } .calendarViewer { height: 100%; position: relative; } .calendarViewer { bottom: 0; left: 0; overflow: hidden !important; padding: 0; right: 0; top: 0; } .calendarViewer > table { height: 100%; } .calendarViewer .navigationControl .datePicker { float: left; margin-left: 5px; } .calendarViewer .navigationControl .dateText .icon16 { color: rgba(0, 0, 0, 0.7); } .calendarViewer .navigationControl .dateText > *, .calendarViewer .navigationControl > * { display: inline-block; } .calendarViewer .navigationControl .dateText > * { float: left; margin: 0 4px; } .calendarViewer .navigationControl .action { float: left; position: relative; cursor: pointer; vertical-align: top; } .calendarViewer .navigationControl .action.previous { border-radius: 3px 0 0 3px; } .calendarViewer .navigationControl .action.next { border-radius: 0 3px 3px 0; margin-left: -1px; } .calendarViewer .navigationControl .action:hover { z-index: 1; } .calendarViewer .navigationControl .previous .arrowIcon:before { content: "\E062"; } .calendarViewer .navigationControl .next .arrowIcon:before { content: "\E061"; } .calendarViewer .allDayEventsContainerColumn { padding: 0; } .calendarViewer .t1cal-content { padding: 0 !important; z-index: 1; position: relative; } .calendarViewer .topShadow { position: absolute; width: 100%; height: 5px; top: -5px; box-sizing: border-box; box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2); z-index: 600; opacity: 0; -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; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .calendarViewer .topShadow.shown { opacity: 1; } .calendarViewer .t1cal-head tr { background-color: transparent; } .calendarViewer .t1cal-head * { box-sizing: content-box; } .calendarViewer .t1cal-header { padding: 0; } .calendarViewer .t1cal-header .allDayEventsBackgroundRow .t1cal-axis { -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .1); font-weight: normal; border-right: 1px solid rgb(200, 200, 200); } .calendarViewer .allDayEventsContainer { position: relative; min-height: 25px; padding-bottom: 2px; } .calendarViewer .allDayEventsBackground { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .calendarViewer .t1cal-header .columnTitlesRow th { border: none; font-weight: 100; padding-top: 3px; } .calendarViewer .t1cal-header.today { color: rgb(223, 108, 0); } .calendarViewer .t1cal-header th, .calendarViewer .t1cal-time { color: rgb(130, 130, 130); } .calendarViewer .t1cal-row { border-right: 1px solid #ddd; } .windows0.desktop .calendarViewer .t1cal-row { margin-right: 9px; } .ie.windows0.desktop .calendarViewer .t1cal-row { margin-right: 17px; } .edge.windows0.desktop .calendarViewer .t1cal-row { margin-right: 12px; } .windows0.desktop .calendarViewer.month .t1cal-row { margin-right: 0px; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .calendarViewer .t1cal-row { margin-right: 0; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { .calendarViewer .t1cal-row { margin-right: 0; } } .calendarViewer .t1cal-time-grid { position: relative; } .calendarViewer .t1cal-background-columns { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .calendarViewer .t1cal-body > tr, .calendarViewer .t1cal-background-columns tbody > tr { background-color: rgba(0, 0, 0, 0); } .calendarViewer .t1cal-day-header { font-size: 10px; text-align: center; } .calendarViewer .allDayEventsBackgroundRow .t1cal-axis { vertical-align: middle; font-size: 11px; } .calendarViewer .allDayEventsBackgroundRow .t1cal-axis, .calendarViewer .allDayEventsBackgroundRow .t1cal-day-header { border-bottom: 0; border-top: 0; } .calendarViewer .allDayEventsBackgroundRow .t1cal-day-header:last-child, .calendarViewer .allDayEventsContents td:last-child { border-right: 0; } .calendarViewer .allDayEventsContents td:not(.t1cal-axis) { padding: 0; padding-top: 1px; } .calendarViewer .allDayEventsContents td { background: 0 0; border-color: transparent; border-bottom: 0; } .calendarViewer .allDayEventsContents .thumbnailItem { box-shadow: none; opacity: 1; width: auto; height: 30px; border-radius: 3px; } .calendarViewer .allDayEventsContents .thumbnailItem .iconLabel{ display: none; } .calendarViewer .allDayEventsContents .thumbnailItem.eventStartedBeforeRange { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .calendarViewer .allDayEventsContents .thumbnailItem.eventStartedBeforeRange .editorField{ margin-left: 13px; } .calendarViewer .allDayEventsContents .thumbnailItem .thumbnailSection { padding: 0; min-height: 0; } .calendarViewer .allDayEventsContents .thumbnailItem .thumbnailSection.tagActionsSection{ display: none; } .calendarViewer .glyph.eventEndsAfterRange, .calendarViewer .glyph.eventStartedBeforeRange{ position: absolute; top: 50%; opacity: 0.5; margin-top: -8px; } .calendarViewer .glyph.eventEndsAfterRange { right: 0; } .calendarViewer .glyph.eventStartedBeforeRange { left: 0; } .calendarViewer .t1cal-day-header.today { color: rgb(223, 108, 0); } .calendarViewer .t1cal-day-header .t1cal-day-header-date { font-size: 17px; margin-top: 2px; } .calendarViewer .t1cal-day { padding: 0; position: relative; } .calendarViewer .t1cal-day.today { background: rgba(0, 0, 0, 0.03); } .calendarViewer .mainHeader { padding-top: 5px; padding-bottom: 5px; } .calendarViewer .mainHeader .t1cal-divider { background: #eeeeee; } .calendarViewer .navigationControl .dateText { box-sizing: border-box; cursor: pointer; font-size: 1.2em; text-align: center; width: 100%; } .calendarViewer .navigationControl .dateText:hover { text-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1); } .calendarViewer .calendarContainer { position: absolute; } .calendarViewer th, .calendarViewer td { border-style: solid; border-width: 1px; border-left: none; } .t1cal-head /*--IE and Edge don't calculate the proper height of the .t1cal-scroller on the initial load if this isn't set--*/ { height: 1px; } .calendarViewer .t1cal-header tr:first-child, .calendarViewer .t1cal-background-columns td.t1cal-axis { background-color: rgba(0, 0, 0, 0.03); position: relative; } .calendarViewer .t1cal-background-columns td.t1cal-axis { -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .1); box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .1); } .calendarViewer .t1cal-background-rows td { height: 19px; } .calendarViewer .t1cal-divider { background: #eee; border-left: 0; height: 0; margin: 0; padding: 0 0 2px; display: none; } .calendarViewer .t1cal-axis { text-align: center; width: 41px; } .calendarViewer .t1cal-scroller { height: 100%; overflow-x: hidden; overflow-y: scroll; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .calendarViewer .t1cal-background-rows .firstHalfHour .t1cal-cell { border-bottom-style: dotted; } .calendarViewer .t1cal-background-rows .secondHalfHour .t1cal-cell { border-top-style: dotted; } .calendarViewer .t1cal-background-rows .firstHalfHour > td.t1cal-axis { border-bottom: 0; } .calendarViewer .t1cal-background-rows .secondHalfHour > td { border-top: 0; } .calendarViewer .thumbnailItem { overflow: hidden; padding: 0; opacity: 0.8; position: relative; min-height: 20px; background-color: rgba(33, 150, 243, 0.3); border-color: rgba(33, 150, 243, 0.4); border-width: 1px; border-style: solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .calendarViewer .thumbnailItem:hover{ background-color: rgba(33, 150, 243, 0.4); border-color: rgba(33, 150, 243, 0.5); } .calendarViewer .thumbnailItem.showsDetailsPane .itemWrapper { background: transparent; height: 100%; box-sizing: border-box; overflow: hidden; } .calendarViewer .thumbnailItem.showsDetailsPane:not(.selected):hover > .itemWrapper{ background: none; } .calendarViewer .moreEventsContainer .itemWrapper { margin-right: 0; margin-top: 2px; } .calendarViewer .thumbnailSection .dataFieldContainer{ padding: 0; } .calendarViewer .thumbnailSection .dataFieldContainer > * { padding: 0 5px; margin: 0; } .calendarViewer.day .thumbnailSection .dataFieldContainer > *, .calendarViewer.week .thumbnailSection .dataFieldContainer > * { height: 30px; line-height: 30px; } .calendarViewer .thumbnailSection .dataFieldContainer .iconLabel{ padding-right: 0; } .calendarViewer .thumbnailSection .dataFieldContainer .iconLabel:before { opacity: 0.6; } .calendarViewer .thumbnailItem.selected, .calendarViewer .thumbnailItem:hover{ z-index: 101 !important; opacity:0.9; } .calendarViewer .thumbnailItem .addSelCont, .calendarViewer .thumbnailItem .navigatorContainer { display: none; } .calendarViewer.agenda .thumbnailItem, .calendarViewer.day .thumbnailItem { border-right: 1px solid rgba(0, 0, 0, 0.2); } .calendarViewer .thumbnailItem .mainSection .editorField { color: #131313; text-overflow: ellipsis; font-weight: 600; } .calendarViewer .eventTime { color: rgba(0, 0, 0, 0.75); font-size: 9px; font-weight: 600; padding: 4px 4px 0; } .calendarViewer .nowTimeLine { border-bottom-style: solid; border-bottom-width: 1px; box-shadow: 1px 1px 1px 0px rgba(255, 0, 0, 0.5); font-weight: bold; width: 100%; z-index: 500; } .calendarViewer .nowTimeLine .icon16 { margin-left: -14px; margin-top: -7px; position: absolute; text-shadow: 1px 1px 0px rgba(255, 0, 0, 0.3); } .calendarViewer .nowTimeLine .icon16:before { color: rgba(255, 0, 0, 0.8); content: "\E099"; } .calendarViewer .hoveredTimeSlot { display: none; margin-left: -5px; position: absolute; width: 4px; } .calEventHoverPanel { box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); max-width: 30vw; position: absolute; } .calendarViewer .calendarContainer > .content > .dayRow > .day.selectedDate { font-weight: bold; border: solid 1px rgba(0,0,0,0.05); } .calendarViewer .navigationButtonForToday { float: left; } .calendarViewer.week .calendarContainer .selectedDate { font-weight: normal !important; } .calendarViewer .printButton { position: absolute; right: 4px; top: 3px; } .calendarViewer .printButton .icon16:before { content: "\E219"; } @page { size: A4; margin: 20px; padding: 0; } @media print { .calendarPrintMode .contents, .calendarPrintMode .contents .views, .calendarPrintMode .t1CalView, .calendarPrintMode .dataViewsContainer { position: relative !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } .calendarPrintMode .t1CalView, .calendarPrintMode .t1cal-scroller, .calendarPrintMode .calendarViewer { overflow: visible !important; } .calendarPrintMode .relatedDataPortlet, .calendarPrintMode .calendarViewContainer, .calendarPrintMode .enquiryForm { height: auto !important; } .calendarPrintMode .calendarViewer .t1cal-row { border-right: 0; margin-right: 0; } .calendarPrintMode .calendarViewer > .t1CalView > table { border-left: 1px solid rgba(220,220,220,1); } .calendarPrintMode .calendarViewer .t1cal-content { border-bottom: 0; } .calendarPrintMode .calendarViewer .navigationControl .dateText .icon16, .calendarPrintMode .calendarViewer .navigationControl .action, .calendarPrintMode .calendarViewer .navigationButtonForToday, .calendarPrintMode .nowTimeLine, .calendarPrintMode .calendarViewer .printButton, .calendarPrintMode .rdpActionBar, #GlobalHeader, #GlobalFooter { display: none !important; } .calendarPrintMode .calendarViewer .t1cal-background-columns td.t1cal-axis { box-shadow: none; } .calendarPrintMode .calendarViewer .t1cal-day.today { background: transparent; } .calendarPrintMode .calendarViewer .t1cal-day-header.today { color: rgb(130, 130, 130); } .calendarPrintMode .calendarViewer .mainHeader { margin-bottom: 27px; padding-top: 12px; } .calendarPrintMode .calendarViewer .dateText > *{ font-size:28px; } .calendarPrintMode .calendarViewer .dateText .year { margin-left: 15px; } .calendarPrintMode .calendarViewer .t1cal-content { padding: 0!important; } .calendarPrintMode .t1cal-background-columns .t1cal-day:last-child, .calendarPrintMode .calendarViewer .t1cal-background-rows tr td.t1cal-cell { border-right: 0; } .calendarPrintMode #MainContainer > .contentContainer { box-shadow: none; } } .calendarViewer .mainHeader { padding-left: 5px; padding-right: 5px; } .calendarViewer .calendarContainer { left: 10px; right: 10px; width: auto; } .calendarViewer .navigationControl .dateText { background: none; border: solid 1px transparent; box-shadow: none; } .chartContainer { position: relative; } .chartTitle { font-weight: 600; text-align: center; line-height: 20px; } .chartContainer > .chartDataNotification { display: none; text-align: center; font-size: 1.2em; font-weight: bold; line-height: 25px; background-color: #CEAE0A; } .chartContainer.hasNotification > .chartDataNotification { display: block; } .chartNoData { text-align: center; font-size: 1.2em; font-weight: bold; line-height: 50px; } .chartTitle { font-size: 1.4em; } input.checkbox { margin: 0; padding: 0; text-align: center; border: none; background:transparent; } input[type="checkbox"] { -webkit-appearance:checkbox; padding:0; } .editorField input[type="checkbox"] { height: 30px; width: 20px; } .checkBoxControl.editable, .checkBoxControl.editable > .cbcEditorLabel > label, .checkBoxControl.editable > .cbcEditorLabelAutoWidth > label { cursor: pointer; } /* Standard Control Styles */ .standardStyle > .checkBoxControl > .cbcEditorField { display: inline-block; vertical-align: top; } .standardStyle > .checkBoxControl > .cbcEditorField:before, .slick-viewport .slick-cell .boolValue:before, .slick-viewport .slick-cell .rowSelector:before, .slick-column-name .allRowsSelector:before, .viewSelectorControl .wChkbx:before, .thumbnailViewControl.dynamicLayout .actionBar .lblSelAll:before, .ganttChartViewer .lblSelAll:before, .hierarchicalListItem .addToSelection:before { font-family: iconGlyph; font-size: 15px; background-image: none; width: 16px; height: 16px; display: block; border: solid 1px #c4c4c4; background-image: none; background-color: #fff; border-radius: 2px; content: ""; margin: 8px 0; background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,1); box-shadow: inset 0 0 0 1px rgba(255,255,255,1); box-sizing: border-box; } .standardStyle > .checkBoxControl.readonly > .cbcEditorField:before, .standardStyle > .checkBoxControl.disabled > .cbcEditorField:before, .standardStyle > .checkBoxControl.disabled > .cbcEditorLabel, .standardStyle > .checkBoxControl.disabled > .cbcEditorLabelAutoWidth { opacity: 0.35; } .standardStyle > .checkBoxControl.checked > .cbcEditorField:before, .slick-viewport .slick-cell .boolValue.checked:before, .slick-viewport .slick-cell .rowSelector.checked:before, .slick-column-name .allRowsSelector.checked:before, .viewSelectorControl .wChkbx.checked:before, .thumbnailViewControl.dynamicLayout .actionBar .lblSelAll.checked:before, .ganttChartViewer .lblSelAll.checked:before, .hierarchicalListItem .addToSelection.active:before { content: "\E066"; border-color: #656565; } .standardStyle > .checkBoxControl.editable:hover > .cbcEditorField:before, .standardStyle > .checkBoxControl.editable.active > .cbcEditorField:before, .slick-viewport .slick-cell .rowSelector:hover:before, .slick-viewport .slick-cell .rowSelector.checked:hover:before, .slick-column-name .allRowsSelector:hover:before, .slick-column-name .allRowsSelector.checked:hover:before, .slick-viewport .slick-cell label.boolValue:hover:before, .slick-viewport .slick-cell label.boolValue.checked:hover:before, .viewSelectorControl .wChkbx:hover:before, #ViewSelector .wChkbx.checked:hover:before, .ganttChartViewer .addSelCont:hover:before, .ganttChartViewer .lblSelAll.checked:before, .thumbnailViewControl.dynamicLayout .addSelCont:hover:before, .thumbnailViewControl.dynamicLayout .addSelCont.checked:hover:before, .thumbnailViewControl.dynamicLayout .actionBar .lblSelAll:hover:before, .thumbnailViewControl.dynamicLayout .actionBar .lblSelAll.checked:hover:before, .hierarchicalListItem .addToSelection:hover:before, .hierarchicalListItem .addToSelection.active:hover:before { border-color: #656565; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ } .standardStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput, .stackedStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput, .engagingStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput { position:absolute; height: 0; width: auto; left: 0; top: 0; border: none; -webkit-appearance: none; -moz-appearance: none; } .standardStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput:focus { border: none; outline: none; } .firefox .standardStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput, .firefox .slick-viewport .slick-cell .boolValue > input[type="checkbox"], .firefox .slick-viewport .slick-cell .rowSelector > input[type="checkbox"], .firefox .slick-column-name .allRowsSelector > input[type="checkbox"] { opacity: 0; } .standardStyle > .checkBoxControl > .cbcEditorLabel, .standardStyle > .checkBoxControl > .cbcEditorLabelAutoWidth { display: inline-block; } .standardStyle > .checkBoxControl > .cbcEditorLabel { width: 150px; } .standardStyle > .checkBoxControl > .cbcEditorLabelAutoWidth { width: auto; } .standardStyle > .checkBoxControl.checkAlignRight > .cbcEditorLabel, .standardStyle > .checkBoxControl.checkAlignRight > .cbcEditorLabelAutoWidth { padding: 0 5px 0 0; } .standardStyle > .checkBoxControl.checkAlignLeft > .cbcEditorLabel, .standardStyle > .checkBoxControl.checkAlignLeft > .cbcEditorLabelAutoWidth { padding: 0 0 0 5px; } .standardStyle > .checkBoxControl > .cbcEditorLabel > label, .standardStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label { line-height: 20px; font-size: 0.9em; font-weight: 600; position:relative; border: solid 1px transparent; padding: 4px 0; display: block; } .standardStyle > .checkBoxControl > .cbcEditorLabel > label > .labelInnerContainer, .standardStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label > .labelInnerContainer { display: block; overflow: hidden; } .standardStyle > .checkBoxControl > .showSpinner { width: 18px; height: 17px; position: absolute; background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/loadersml.gif?v=12.0.251.0') no-repeat top center; z-index: 2; margin-top: 10px; right: 2px; } /* Stacked Control Styles */ .stackedStyle > .checkBoxControl { display: inline-block; padding: 0; border: solid 1px transparent; background: transparent; outline: none; margin-bottom: 8px; } .stackedStyle > .checkBoxControl.hasSpinner { padding-right: 20px; } .stackedStyle > .checkBoxControl > .cbcEditorField { display: block; float: left; } .stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorField { float: none; } .stackedStyle > .checkBoxControl > .cbcEditorField:before { font-family: iconGlyph; font-size: 15px; background-image: none; width: 16px; height: 16px; display: block; border: solid 1px #c4c4c4; background-image: none; background-color: #fff; border-radius: 2px; content: ""; margin: 10px 4px; background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,1); box-shadow: inset 0 0 0 1px rgba(255,255,255,1); box-sizing: border-box; } .stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorField:before { margin: 4px auto; } .stackedStyle > .checkBoxControl.slimCheckBox > .cbcEditorField:before { margin: 1px 4px 10px 4px; } .stackedStyle > .checkBoxControl.checked > .cbcEditorField:before { content: "\E066"; border-color: #656565; } .stackedStyle > .checkBoxControl.editable:hover > .cbcEditorField:before, .stackedStyle > .checkBoxControl.editable.active > .cbcEditorField:before { border-color: #656565; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ } .stackedStyle > .checkBoxControl.readonly > .cbcEditorField:before, .stackedStyle > .checkBoxControl.disabled > .cbcEditorField:before, .stackedStyle > .checkBoxControl.disabled > .cbcEditorLabel, .stackedStyle > .checkBoxControl.disabled > .cbcEditorLabelAutoWidth { opacity: 0.35; } .stackedStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput:focus { border: none; outline: none; } .stackedStyle > .checkBoxControl > .cbcEditorLabel, .stackedStyle > .checkBoxControl > .cbcEditorLabelAutoWidth { display: block; vertical-align: top; margin-left: 23px; } .stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabel, .stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabelAutoWidth { margin-left: 0; } .stackedStyle > .checkBoxControl > .cbcEditorLabel > label, .stackedStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label { line-height: 34px; font-size: 0.9em; font-weight: 600; position:relative; border: solid 1px transparent; display: block; padding: 0 4px; } .stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabel > label, .stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabelAutoWidth > label { line-height: 18px; } .stackedStyle > .checkBoxControl.slimCheckBox > .cbcEditorLabel > label, .stackedStyle > .checkBoxControl.slimCheckBox > .cbcEditorLabelAutoWidth > label { line-height: 14px; } .stackedStyle > .checkBoxControl > .cbcEditorLabel > label > .labelInnerContainer, .stackedStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label > .labelInnerContainer { display: block; overflow: hidden; } /* Engaging Control Styles */ .engagingStyle > .checkBoxControl { display: block; box-sizing: border-box; position: relative; margin-top: 2px; padding-bottom: 20px; border: none; } .engagingStyle > .checkBoxControl.slimCheckBox { padding-bottom: 0; } .engagingStyle > .checkBoxControl.hasSpinner { padding-right: 20px; } .engagingStyle > .checkBoxControl > .cbcEditorField { display: block; float: left; transition: transform 0.1s ease; } .engagingStyle > .checkBoxControl.checked > .cbcEditorField { transform: scale(1.2); } .engagingStyle > .checkBoxControl > .cbcEditorField:before { display: block; content: "\E066"; font-family: iconGlyph; font-size: 0; text-align: center; line-height: 16px; width: 20px; height: 20px; border-style: solid; border-width: 2px; border-color: #8f8f8f; border-radius: 2px; margin: 8px 8px 8px 4px; background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); box-shadow: inset 0 0 0 1px rgba(255,255,255,1); box-sizing: border-box; transition: font-size, color, 0.1s ease; } .engagingStyle > .checkBoxControl.editable:hover > .cbcEditorField:before { border-color: #333; } .engagingStyle > .checkBoxControl.checked > .cbcEditorField:before { content: "\E066"; font-size: 16px; } .engagingStyle > .checkBoxControl.readonly > .cbcEditorField:before, .engagingStyle > .checkBoxControl.disabled > .cbcEditorField:before, .engagingStyle > .checkBoxControl.disabled > .cbcEditorLabel, .engagingStyle > .checkBoxControl.disabled > .cbcEditorLabelAutoWidth { opacity: 0.35; } .engagingStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput:focus { border: none; outline: none; box-shadow: none; } .engagingStyle > .checkBoxControl > .cbcEditorLabel, .engagingStyle > .checkBoxControl > .cbcEditorLabelAutoWidth { display: block; padding: 8px 4px; font-size: 1.4em; } .engagingStyle > .checkBoxControl > .cbcEditorLabel > label, .engagingStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label { display: block; line-height: 20px; font-weight: 500; position: relative; color: #333; } .engagingStyle > .checkBoxControl > .cbcEditorLabel > label > .labelInnerContainer, .engagingStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label > .labelInnerContainer { display: block; overflow: hidden; } /*--Consumer styles--*/ .consumerStyle.cbcStyleContainer > .checkBoxControl { display: block; box-sizing: border-box; position: relative; margin:0; padding:8px 0; border: none; display:inline-flex; transition:all 0.2s ease-in-out; } .consumerStyle.cbcStyleContainer > .checkBoxControl.slimCheckBox { padding-bottom: 0; } .consumerStyle.cbcStyleContainer > .checkBoxControl.hasSpinner { padding-right: 20px; } .consumerStyle.cbcStyleContainer > .checkBoxControl:not(.readonly):hover .cbcEditorField:before { border-width: 2px; border-color: #3b4e58; /*--theme colour--*/ } .consumerStyle.cbcStyleContainer .checkBoxControlInput { position: absolute; height: 0; width: 1px; left: 0; top: 0; border: none; -webkit-appearance: none; -moz-appearance: none; } .consumerStyle.cbcStyleContainer .cbcEditorField:before { content:""; display:block; box-sizing: border-box; background-color: #fff; border:solid 1px #c4c4c4; border-radius: 3px; background: #fff; color: #fff; transition: all 0.1s ease-in-out; } .consumerStyle.cbcStyleContainer > .checkBoxControl.checked .cbcEditorField:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' id='tick'%3E%3Cg fill='%23fff' fill-rule='nonzero'%3E%3Cpath d='M7.799 14.714l-3.36-3.275a.999.999 0 1 1 1.413-1.414l2.597 2.511 5.824-7.174a.999.999 0 1 1 1.518 1.3l-6.526 7.995a1 1 0 0 1-.721.35h-.038a.997.997 0 0 1-.707-.293z' id='bxa'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .consumerStyle.cbcStyleContainer .cbcEditorLabel, .consumerStyle.cbcStyleContainer .cbcEditorLabelAutoWidth { padding-left:8px; font-size: 0.875rem; color: #404040; } .consumerStyle.cbcStyleContainer > .checkBoxControl.readonly .cbcEditorField:before, .consumerStyle.cbcStyleContainer > .checkBoxControl.disabled .cbcEditorField:before, .consumerStyle.cbcStyleContainer > .checkBoxControl.disabled .cbcEditorLabel, .consumerStyle.cbcStyleContainer > .checkBoxControl.disabled .cbcEditorLabelAutoWidth { opacity: 0.35; } .consumerStyle.cbcStyleContainer .checkBoxControlInput:focus { border: none; outline: none; box-shadow: none; } .consumerStyle.cbcStyleContainer > .checkBoxControl.active .cbcEditorField:before { outline:solid 1px; outline-offset: 2px; } .consumerStyle.cbcStyleContainer label { display: block; line-height: 20px; position: relative; } .consumerStyle.cbcStyleContainer .labelInnerContainer { display: block; overflow: hidden; } /* Related Data Portlet Styles */ .slick-cell > .rowSelector, .slick-column-name > .allRowsSelector { display: block; } .slick-viewport .slick-cell .boolValue { opacity: 0.35; } .slick-viewport .slick-cell.gridColumnEditable .boolValue { opacity: 1; } .slick-viewport .slick-cell .boolValue > input[type="checkbox"], .slick-viewport .slick-cell .rowSelector > input[type="checkbox"], .slick-column-name .allRowsSelector > input[type="checkbox"] { display:none; } .slick-viewport .slick-cell .boolValue:before, .slick-viewport .slick-cell .rowSelector:before, .slick-column-name .allRowsSelector:before { display: block; margin: 0; line-height: 16px; } .slick-viewport .slick-cell .boolValue, .slick-viewport .slick-cell .rowSelector, .slick-column-name .allRowsSelector { margin: 2px auto 0 auto; width: 16px; height: 16px; display: block; border-style: solid; border-width: 1px; border-color: transparent; } .slick-column-name .allRowsSelector { margin: 0 auto; } .stackedStyle > .controlContainer.checkBoxControl { display: block; padding: 4px 0; } /*--Consumer styles--*/ .consumerStyle.cbcStyleContainer .cbcEditorField:before { width:24px; height:24px; } .consumerStyle.cbcStyleContainer .cbcEditorLabel { line-height:24px; } .map-control-cia-embedded-map { display: block; position: relative; overflow: hidden; width: inherit; height: inherit; } .map-control-cia-embedded-map-inline { min-height: 480px; } /* copied from cloudfilepicker.css */ #cloudFile, #cloudFilePickerOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; z-index: 9001; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #cloudFilePicker { display: none; } #cloudFilePickerOverlay { background-color: rgba(255, 255, 255, 0.5); z-index: 9000; } #cloudFilePickerMain { width: 80%; margin-left: auto; margin-right: auto; background-color: #FFF; box-shadow: 2px 2px 14px #999; border: 1px solid #BBB; position: absolute; z-index: 9005; top: 10%; left: 10%; right: 10%; bottom: 10%; margin-left: auto; margin-right: auto; max-width: 800px; } #cloudFilePickerHeader { height: 120px; position: relative; } #cloudFilePickerClose span:before { content: "\E058"; font-size: 14px; } #cloudFilePicker #cloudFilePickerCloseButton.btn { padding: 0; background-image:url("https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.251.0"); position: absolute; border: none; top: 1px; right: 1px; } #cloudFilePickerActions { position: absolute; bottom: 0; right: 0; left: 0; background-color: #FAFAFA; border-top: 1px solid #F3EFEF; height: 46px; padding-right: 2%; } #cloudFilePickerSearchControlWrapper:focus { border-radius: 3px; border-color: #b65819; } #cloudFilePickerSearchText:focus { outline: none; } #cloudFilePickerSearch span:before { content: "\E044"; } #cloudFilePicker #cloudFilePickerSearchButton.btn { margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-left: -1px; border-radius: 0 5px 5px 0; padding-left: 10px; padding-right: 10px; background-image:url("https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.251.0"); height: 100%; background-repeat: repeat-x; background-position: top left; vertical-align: middle; } #cloudFilePicker .btn { background-repeat: repeat-x; background-position: top left; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); line-height: 16px; font-size: 1em; cursor: pointer; } #cloudFilePicker .btn.select { color: white; background-color: #df6c00; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.251.0'); border-color: #8c3800; margin: 10px; margin-left: 2%; } #cloudFilePickerActions .btn { width: 60px; } #cloudFilePicker .btn.select:hover { background-position: 0 -60px; } #cloudFilePicker .btn:disabled { opacity: 0.5; cursor: default; cursor: not-allowed; } #cloudFilePickerCloudItems .cloudItem, #cloudFilePickerCloudItems .noResults { padding: 10px; border-bottom-width: 1px; border-bottom-style: solid; padding-left: 50px; line-height: 16px; position: relative; white-space: nowrap; overflow: hidden; text-align: left; -webkit-transition: background-color 250ms ease-out; -moz-transition: background-color 250ms ease-out; -o-transition: background-color 250ms ease-out; transition: background-color 250ms ease-out; } #cloudFilePickerCloudItems .cloudItem .name { font-size: 1.1em; font-weight: 600; } #cloudFilePickerCloudItems .cloudItem { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 31px; } #cloudFilePickerCloudItems .cloudItem:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.25); } #cloudFilePickerCloudItems .noResults { text-align: center; padding: 15px 10px; padding-left: 15px; font-style: italic; } #cloudFilePickerCloudItems .cloudItem:before { position: absolute; left: 10px; border-radius: 15px; cursor: pointer; line-height: 28px; font-size: xx-large; } #cloudFilePickerCloudItems .cloudItemFile:before { content: "\E104"; } #cloudFilePickerCloudItems .cloudItemFile.doc:before, #cloudFilePickerCloudItems .cloudItemFile.dot:before, #cloudFilePickerCloudItems .cloudItemFile.dotx:before, #cloudFilePickerCloudItems .cloudItemFile.docx:before, #cloudFilePickerCloudItems .cloudItemFile.txt:before, #cloudFilePickerCloudItems .cloudItemFile.odt:before { content: "\E116"; } #cloudFilePickerCloudItems .cloudItemFile.csv:before, #cloudFilePickerCloudItems .cloudItemFile.xls:before, #cloudFilePickerCloudItems .cloudItemFile.xlsx:before, #cloudFilePickerCloudItems .cloudItemFile.ods:before { content: "\E026"; } #cloudFilePickerCloudItems .cloudItemFile.pdf:before { content: "\E001"; } #cloudFilePickerCloudItems .cloudItemFile.bmp:before, #cloudFilePickerCloudItems .cloudItemFile.jpeg:before, #cloudFilePickerCloudItems .cloudItemFile.jpg:before, #cloudFilePickerCloudItems .cloudItemFile.png:before { content: "\E134"; } #cloudFilePickerCloudItems .cloudItemFile.avi:before, #cloudFilePickerCloudItems .cloudItemFile.mpg:before, #cloudFilePickerCloudItems .cloudItemFile.mpeg:before, #cloudFilePickerCloudItems .cloudItemFile.mkv:before { content: "\E479"; } #cloudFilePickerCloudItems .cloudItemFile.msg:before, #cloudFilePickerCloudItems .cloudItemFile.eml:before { content: "\E182"; } #cloudFilePickerCloudItems .cloudItemFolder:before { content: "\E056"; } #cloudFilePickerCloudItems .folderChevron { position: absolute; right: 0; bottom: 0; background-color: inherit; width: 100px; height: 52px; } #cloudFilePickerCloudItems .folderChevron:hover { color: #b65819; font-size: medium; -webkit-transition: font-size 250ms ease-out; -moz-transition: font-size 250ms ease-out; -o-transition: font-size 250ms ease-out; transition: font-size 250ms ease-out; } #cloudFilePickerCloudItems .glyph.folderChevron:before { content: "\E061"; right: 20px; bottom: 18px; position: absolute; } #cloudFilePickerCloudItems .cloudItem.selected { background-color: #FFF; } #cloudFilePickerDetails { overflow-y: auto; min-height: 150px; position: absolute; left: 0; right: 0; top: 128px; bottom: 47px; } #cloudFilePickerNavigation { padding-left: 2%; padding-top: 10px; height: 25px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #cloudFilePickerNavigation .breadcrumb { display: none; padding-left: 15px; cursor: pointer; max-width: 20%; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0; margin-right: 0; padding-bottom: 0; overflow: hidden; vertical-align: middle; display: inline-block; } #cloudFilePickerNavigation .breadcrumb.home { padding-left: 1px; vertical-align: middle; } #cloudFilePickerNavigation .breadcrumb:not(.home):before { content: "\E061"; padding-right: 5px; margin-left: -5px; } #cloudFilePickerNavigation .breadcrumb:nth-last-child(-n+5) { display: inline-block; } #cloudFilePickerNavigation .breadcrumb:not(.home):nth-last-child(n+6) { display: none; } #cloudFilePickerNavigation .breadcrumb:last-of-type { font-weight: bold; } #cloudFilePickerHeader.noSearch { height: 58px; } #cloudFilePickerDetails.noSearch { top: 58px; } /* Phone specific styles */ #cloudFilePickerMain { top: 0; left: 0; right: 0; bottom: 0; max-width: none; width: auto; } #cloudFilePickerHeader { position: relative; } #cloudFilePickerSearchControlWrapper { text-align: center; margin: 5px; } #cloudFilePickerActions { text-align: center; } #cloudFilePickerActions .btn { width: 46%; } #cloudFilePickerNavigation .breadcrumb:nth-last-child(-n+5) { display: none; } #cloudFilePickerNavigation .breadcrumb:first-of-type { display: inline-block; } #cloudFilePickerNavigation .breadcrumb:nth-last-child(-n+2) { display: inline-block; } #cloudFilePickerNavigation .breadcrumb:last-of-type { font-weight: bold; } #cloudFilePickerNavigation .breadcrumb.home:before { bottom: 16px; } #cloudFilePickerCloudItems .cloudItem .name { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #cloudFilePickerCloudItems .cloudItem .lastModifiedBy { display: none; } #cloudFilePicker .popupClose { display: none; } #cloudFilePickerMain .title { margin: 10px; } #cloudFilePicker .searchBtn { border-radius: 0 3px 3px 0; width: 45px; height: 34px; right: 9px; text-align: center; position: absolute; } #cloudFilePicker .searchBtn .glyph:before { content: "\E044"; } #cloudFilePicker #cloudFilePickerSearchTextContainer { top: 5px; left: 5px; right: 50px; display: inline-block; width: 84%; } #cloudFilePicker #cloudFilePickerSearchText { border-radius: 3px 0 0 3px; border: solid 1px rgba(0,0,0,0.5); max-width: 84%; margin-right: 40px; } #cloudFilePickerDetails { top: 112px; } #ContextualKeysPanel, #ContextualParametersPanel { padding: 10px 10px 0 10px; } .contexualPanelHeader { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .contexualPanelHeader > .headerLabel { font-family: Osans, Arial, sans-serif; text-shadow: 0 1px 5px rgba(0,0,0,0.1); } #ContextualPanelPageHeader { padding: 10px; } #ContextualPanelPageHeader > .headerLabel { font-family: Osans, Arial, sans-serif; } .contexualPanelHeader > .headerLabel ~ .headerLabel, #ContextualPanelPageHeader > .headerLabel ~ .headerLabel { margin-left: 4px; } .contexualPanelHeader > .headerLabel.empty { display: none; } .detailsPanel .editablePanel > .content > .sectionNotReady { top: 30%; left: 50%; margin-left: -79px; position: absolute; display:block; height: 128px; width: 128px; padding: 15px; border-radius: 10px; } .detailsPanel .editablePanel > .content .inlineTabContainer > .inlineTabControl .content > .sectionNotReady { position: relative; top: 5%; } .detailsPanel .sectionNotReady > .processSpinner { border-radius: 32px; margin: 10px auto; padding: 0; } .detailsPanel .sectionNotReady .literalText { color: #00A7FF; font-weight: 600; text-align: center; } .detailsPanel .sectionNotReady .literalText .editorField{ width: 100%; padding:0; } .detailsPanel .sectionNotReady .literalText .plainText{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*Favourites*/ .detailsPanel .favouriteButton { float: right; margin-top: 4px; margin-right: 10px; } .detailsPanel { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .detailsPanel.panel.simple { padding: 0!important; } .detailsPanel .pageContent { overflow-y: hidden; } .detailsPanel .detailsCloseButton { display: none; } .detailsPanel > .panel.simple { padding: 0 !important; } .detailsPanel.hasHeader .detailsPanelHeader { display: block; overflow: visible; border-bottom: solid 1px rgba(0, 0, 0, 0.1); height: 26px; padding: 0 !important; } .detailsPanel .detailsPanelHeader .header { width: auto; display: block; font-size: 1.4em !important; font-weight: normal; line-height: 26px; height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px!important; } .detailsPanel .detailsPanelSectionsActions { padding: 0!important; overflow: visible; } .detailsPanel .detailsPanelSectionsActions .sectionChangeButtons { padding: 0; float: left; width: 100%; } .detailsPanel .detailsPanelSectionsActions .sectionChangeButtons .buttonGroup{ overflow: auto; white-space: nowrap; width: 100%; } /* on phone, the button group is a scrolling container - it doesn't have a 'more' dropdown button*/ .detailsPanel .sectionChangeButtons .buttonGroup .more.dropDownControlContainer { display:none; } .detailsPanel .sectionChange img { max-height: 16px; } button.flatStyle { border: transparent; border-radius: 0; padding: 10px; box-shadow: none; background-image: none; background-color: transparent; } .detailsPanel .relatedDataPortlet { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; } .detailsPanel .documentPreview { position: absolute; width: 100%; bottom: 0; top: 36px; box-sizing: border-box; } .detailsPanel .documentPreview .content { position: absolute; top: 35px; bottom: 10px; left: 10px; right: 10px; } .detailsPanel .contentContainer { position: absolute; top: 0px; bottom: 0; left: 0; right: 0; } .detailsPanel.hasHeader .contentContainer, .detailsPanel.hasSectionsChange .contentContainer { top: 37px; } .detailsPanel .detailsPanelHeader { display: none; } .detailsPanel.hasHeader.hasSectionsChange .contentContainer { top: 82px; } .detailsPanel .contentLayoutContainer, .detailsPanel .contentLayoutContainer > .form > .editablePanel, .detailsPanel .contentLayoutContainer > .form > .editablePanel > .content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .detailsPanel .contentLayoutContainer > .form > .editablePanel.hasHeader > .header { padding: 0 10px; } .detailsPanel .contentLayoutContainer > .form > .editablePanel.hasHeader > .content { top: 35px; } .detailsPanel .content #Images img { max-width:100%; margin-top:10px; display:block; margin: 0 auto; } .detailsPanel .inlineEditablePanel > .content { position: relative; } .dropdownPanelListItem.itemDisabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } .dropdownControl > .handle > .glyph { width: 19px; /*The current ... icon is 19px wide, while most of the handle buttons have a fixed width of 16px (use icon16 class)*/ } .hasSubMenu.more .glyph, .dropdownControl > .handle > .glyph:before { content: var(--ciaIconDropdownMore); } .dropdownPanelContainer { position: absolute; width: 100%; z-index: 9020; display: none; } .dropdownPanelContainer.shown { display: block; } .dropdownPanelContainer.standardStyle .dropdownPanel { position: relative; width: 100%; -webkit-overflow-scrolling: touch; } .dropdownPanelContainer.standardStyle .dropdownItem.hidden { display: none!important; } .dropdownPanelContainer.standardStyle .dropdownItem { min-height: 42px; line-height: 20px; display: block; padding: 10px 10px 10px 7px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; color: #fff; border-left-style: solid; border-left-width: 3px; border-left-color: transparent; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; } .dropdownPanelContainer.standardStyle .dropdownItem, .dropdownPanelContainer.standardStyle .dropdownItem.hghltBColSelected.selected { border-top-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(0, 0, 0, 0.35); } .dropdownPanelContainer.standardStyle .dropdownItem:not(:first-child) { border-top: solid 1px white; } .dropdownPanelContainer.standardStyle .dropdownPanelListItem.disabled > .dropdownItem { opacity: 0.3; } .formActions button.defaultAction .buttonLabel { float: left; min-height: 16px; } .dropdownControl.standardStyle .dropdownButtonLabel { margin: 0 4px; } .overlay.dropdownControlOverlay { display: block; } .overlay.dropdownControlOverlay.up { z-index: 9998; } .formActions .hasDefaultAction > button.defaultAction { border-top-right-radius: 0px; border-bottom-right-radius: 0px; position: relative; float: left; min-height: 16px; } .formActions .hasDefaultAction > button.handle { border-bottom-left-radius: 0px; border-top-left-radius: 0px; position: relative; margin-left: -1px; overflow: visible; line-height: 16px; } .formActions .hasDefaultAction > button.handle .icon16 { display: block; } .formActions .hasDefaultAction > button { display: inline-block; vertical-align: top; } .dropdownControl.visible { display: block; } .dropdownControl.standardStyle.actions .headerTag { border-radius: 3px; height: 24px; min-width: 24px; padding: 0 5px; text-align: center; line-height: 24px; display: inline-block; vertical-align: top; margin-top: 8px; margin-right: 5px; background-color: rgba(255,255,255,0.25); } .dropdownControl.standardStyle.hasHeaderTag > .icon24 { display: inline-block; position: relative; float: none; vertical-align: top; margin-top: 8px; margin-left: 0; top: 0; left: 0; } .dropdownControl.standardStyle.hasHeaderTag.pageHeaderMenuItem > .buttonLabel { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; max-width: 100px; margin-top: 10px; line-height: 16px; margin-left: 0; } .dropdownControl.standardStyle .dropdown.editAction > .icon16:before { content: "\E078"; } .dropdownControl.standardStyle .dropdown.addAction > .icon16:before { content: "\E146"; } @media screen and (min-width: 360px) { .dropdownControl.standardStyle.hasHeaderTag.pageHeaderMenuItem > .buttonLabel { max-width: 125px; } } @media screen and (min-width: 414px) { .dropdownControl.standardStyle.hasHeaderTag.pageHeaderMenuItem > .buttonLabel { max-width: 140px; } } @media screen and (min-width: 480px) { .dropdownControl.standardStyle.hasHeaderTag.pageHeaderMenuItem > .buttonLabel { max-width: 175px; } } .dropdownControlSubMenu > .dropdownControl { float: right; } .dropdownPanelContainer.standardStyle .dropdownPanel { display: block; position: relative; float: left; width: 100%; overflow-y: auto; } .dropdownPanelContainer.standardStyle .dropdownPanel .dropdownItem > .icon24 { display: block; margin-top: -2px; } .dropdownPanelContainer.standardStyle .dropdownPanel .dropdownItem.next > .icon24 { float: right; } .dropdownPanelContainer.standardStyle .dropdownPanel .dropdownItem.back > .icon24 { float: left; } .dropdownPanelContainer.standardStyle .dropdownPanel .dropdownItem.next > .icon24:before { content: "\E061"; } .dropdownPanelContainer.standardStyle .dropdownPanel .dropdownItem.back > .icon24:before { content: "\E062"; } .dropdownControlContainer { display: none; } .dropdownPanelContainer.standardStyle .dropdownItem > .icon16, .dropdownPanelContainer.standardStyle .dropdownItem > .icon24 { float: left; margin-right: 5px; } .dropdownPanelContainer.standardStyle .dropdownItem > .icon16 { margin-top: 2px; } .dropdownPanelContainer.standardStyle .dropdownItem > .icon16 > img, ..dropdownPanelContainer.standardStyle dropdownItem > .icon24 > img { height: inherit; width: inherit; } /*--Consumer styles--*/ .dropdownPanelContainer.consumerStyle .dropdownPanel { background-color: transparent; padding: 8px 12px; box-sizing: border-box; } .dropdownPanelContainer.consumerStyle .dropdownItem { border: none; min-height: 48px; padding: 14px; text-align: center; font-size: 0.875rem; font-weight: 600; border-radius:2px; margin-top:1px; line-height: 20px; } .dropdownPanelContainer.consumerStyle .dropdownPanelListItem:not(.close) .dropdownItem { background-color: #fff; color: #3b4e58; display: block; box-sizing: border-box; line-height: 20px; } .dropdownPanelContainer.consumerStyle .dropdownPanelListItem.close .dropdownItem { margin-top:2px; color: #fff; box-sizing:border-box; } /* Spinners */ .newSpinner24 { width:24px; height:24px; } .newSpinner24.round { border-radius: 12px; } .newSpinner32 { width:32px; height:32px; } .newSpinner32.round { border-radius: 16px; } .newSpinner48 { width:48px; height:48px; } .newSpinner48.round { border-radius: 24px; } .newSpinner64 { width:64px; height:64px; } .newSpinner64.round { border-radius: 32px; } .newSpinner96 { width:96px; height:96px; } .newSpinner96.round { border-radius: 48px; } .newSpinner128 { width:128px; height:128px; } .newSpinner128.round { border-radius: 64px; } .pageSpinner, .itemSpinner, .processSpinner { display: block; z-index: 1; background-repeat: no-repeat; background-position: 0 0; animation-iteration-count: infinite; margin: 0 auto; } .spinnerMessage { display: inline; visibility: hidden; text-align: center; font-size: 1.2em; line-height: 30px; font-weight: 600; } .durationSpinner > .spinnerMessage { display: block; visibility: visible; width: 100%; } /* Page Spinner */ .pageSpinner { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspritepage.png?v=12.0.251.0'); animation-duration: 1.6s; animation-timing-function: steps(29, end); } .pageSpinner.dark { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspritepagedark.png?v=12.0.251.0'); } .pageSpinner.newSpinner24 { background-size: 696px 24px; animation-name: pageSpinner24; } .pageSpinner.newSpinner32 { background-size: 928px 32px; animation-name: pageSpinner32; } .pageSpinner.newSpinner48 { background-size: 1392px 48px; animation-name: pageSpinner48; } .pageSpinner.newSpinner64 { background-size: 1856px 64px; animation-name: pageSpinner64; } .pageSpinner.newSpinner96 { background-size: 2784px 96px; animation-name: pageSpinner96; } .pageSpinner.newSpinner128 { background-size: 3712px 128px; animation-name: pageSpinner128; } @keyframes pageSpinner24 { from { background-position: 0; } to { background-position: -696px; } } @keyframes pageSpinner32 { from { background-position: 0; } to { background-position: -928px; } } @keyframes pageSpinner48 { from { background-position: 0; } to { background-position: -1392px; } } @keyframes pageSpinner64 { from { background-position: 0; } to { background-position: -1856px; } } @keyframes pageSpinner96 { from { background-position: 0; } to { background-position: -2784px; } } @keyframes pageSpinner128 { from { background-position: 0; } to { background-position: -3712px; } } /* Item Spinner */ .itemSpinner { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loadersprite.png?v=12.0.251.0'); animation-duration: 0.8s; animation-timing-function: steps(12, end); } .itemSpinner.dark { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspritedark.png?v=12.0.251.0'); } .itemSpinner.newSpinner24 { background-size: 288px 24px; animation-name: itemSpinner24; } .itemSpinner.newSpinner32 { background-size: 384px 32px; animation-name: itemSpinner32; } .itemSpinner.newSpinner48 { background-size: 576px 48px; animation-name: itemSpinner48; } .itemSpinner.newSpinner64 { background-size: 768px 64px; animation-name: itemSpinner64; } .itemSpinner.newSpinner96 { background-size: 1152px 96px; animation-name: itemSpinner96; } .itemSpinner.newSpinner128 { background-size: 1536px 128px; animation-name: itemSpinner128; } @keyframes itemSpinner24 { from { background-position: 0; } to { background-position: -288px; } } @keyframes itemSpinner32 { from { background-position: 0; } to { background-position: -384px; } } @keyframes itemSpinner48 { from { background-position: 0; } to { background-position: -576px; } } @keyframes itemSpinner64 { from { background-position: 0; } to { background-position: -768px; } } @keyframes itemSpinner96 { from { background-position: 0; } to { background-position: -1152px; } } @keyframes itemSpinner128 { from { background-position: 0; } to { background-position: -1536px; } } /* Process Spinner */ .processSpinner { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspriteprocess.png?v=12.0.251.0'); animation-duration: 1.8s; animation-timing-function: steps(61, end); } .processSpinner.dark { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspriteprocess.png?v=12.0.251.0'); } .processSpinnerMessage { color: #00A7FF; } .processSpinner.newSpinner24 { background-size: 1464px 24px; animation-name: processSpinner24; } .processSpinner.newSpinner32 { background-size: 1952px 32px; animation-name: processSpinner32; } .processSpinner.newSpinner48 { background-size: 2928px 48px; animation-name: processSpinner48; } .processSpinner.newSpinner64 { background-size: 3904px 64px; animation-name: processSpinner64; } .processSpinner.newSpinner96 { background-size: 5856px 96px; animation-name: processSpinner96; } .processSpinner.newSpinner128 { background-size: 7808px 128px; animation-name: processSpinner128; } @keyframes processSpinner24 { from { background-position: 0; } to { background-position: -1464px; } } @keyframes processSpinner32 { from { background-position: 0; } to { background-position: -1952px; } } @keyframes processSpinner48 { from { background-position: 0; } to { background-position: -2928px; } } @keyframes processSpinner64 { from { background-position: 0; } to { background-position: -3904px; } } @keyframes processSpinner96 { from { background-position: 0; } to { background-position: -5856px; } } @keyframes processSpinner128 { from { background-position: 0; } to { background-position: -7808px; } } .durationSpinnerContainer { position: absolute; top: 50%; left: 50%; display: flex; flex-flow: column; gap: 5px; justify-content: center; align-items: center; transform: translate(-50%, -50%); } .durationSpinnerContainer.hasCancelButton{ border-radius: 12px; padding: 10px; background-color: rgba(0, 0, 0, 0.9); } .durationSpinnerContainer.hasCancelButton .cancelAjaxRequest{ color: #FFFF; font-weight: bold; } #DurationSpinnerImageContainer { position: relative; border-radius: 12px; width: 80px; height: 80px; background-color: rgba(0, 0, 0, 0.9); margin: 0 auto; } #DurationSpinnerImageContainer > .newSpinner32 { top: 50%; position: absolute; left: 50%; margin-top: -16px; margin-left: -16px; } .durationSpinnerMessage { text-align: center; font-size: 1.2em; line-height: 30px; font-weight: 600; display: inline-block; } body.screenLoading > #pageLayout > #DurationSpinner { display: block; } /** Header definitions **/ .editablePanel > .header{ display: flex; gap: 10px; } .editablePanel > .header.hidden{ display: none; } .editablePanel > .header .headerElement{ display: flex; align-items: center; } .editablePanel > .header .headerElement .iconControl.iconComponent.glyph{ margin: 0; line-height: 24px; font-size: var(--ciaFontSizeMainPanelHeadingGlyph); } .editablePanel > .header, .editablePanel > .splitheader > div { font-size: var(--ciaFontSizeMainPanelHeading); font-weight: normal; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px 5px 10px; } .editablePanel > .content { padding: 0 10px 10px 10px; } .repeatableEditablePanel > .content, .repeatableEditablePanel > .content > .editablePanel > .content, .repeatableEditablePanel > .content > .editablePanel > .content > .fieldSet { border-top: none; } .editablePanel > .header.hidden { display: none; } .editablePanel.hasHeader { padding-top: 10px; } .editablePanel > .header > .headerFirstControl { display: block; padding-top: 10px; } .editablePanel > .topActionPane { position: relative; float: right; margin-right: 10px; } .editablePanel > .topActionPane > * { display: inline-block; } .editablePanel.hasTopActions > .content{ position: relative; width: 100%; clear: both; box-sizing: border-box; } .editablePanel > .content > .editablePanel > .content { padding: 0; } .editablePanel > .topActionPane > button, .editablePanel > .bottomActionPane > button, .editablePanel > .topActionPane > .dropdownControl > .dropdown.hasLabelText, .editablePanel > .bottomActionPane > .dropdownControl > .dropdown.hasLabelText { min-width: 50px; } .editablePanel > .topActionPane > .dropdownControl > .dropdown.noLabelText, .editablePanel > .bottomActionPane > .dropdownControl > .dropdown.noLabelText { min-width: 30px; } .repeatableEditablePanel > .content > .editablePanel > .topActionPane > button { height: auto; padding: 6px; margin: 0 5px 0 0; min-width: 44px; float: left; } .editablePanel > .topActionPane > button, .editablePanel > .bottomActionPane > button, .editablePanel > .topActionPane > .dropdownControl, .editablePanel > .bottomActionPane > .dropdownControl { display: inline-block; } .editablePanel > .topActionPane > button, .editablePanel > .topActionPane > .dropdownControl { margin-left: 5px; } .editablePanel > .topActionPane > .formActionButton.remove { background: none; border: none; box-shadow: none; border-radius: 15px; min-width: 0 !important; margin-left: 5px; width: 28px; } .editablePanel > .topActionPane > .formActionButton.remove:active { background-color: rgba(0, 0, 0, 0.05); } .editablePanel.hasHeader > .content > .panel.standardStyle:first-of-type > .panelHeader { padding-top: 0; } .editablePanel > .content > .panel.engagingStyle > .fieldsContainer { padding-top: 10px; } .repeatableEditablePanel > .content > .editablePanel > .header { font-size: 1em !important; font-weight: 600; padding-left: 10px; line-height: 20px; margin-top: 5px; margin-bottom: 10px; } /* Breadcrumb */ .editablePanel > .breadcrumbContainer { list-style: none; overflow: hidden; padding: 5px 10px; white-space: nowrap; } .editablePanel > .breadcrumbContainer > .breadcrumb { display: inline-block; height: 20px; position: relative; } .editablePanel > .breadcrumbContainer > .breadcrumb > .breadcrumbText { color: #fff; text-decoration: none; padding: 5px; position: relative; display: block; float: left; line-height: 10px; } .editablePanel > .breadcrumbContainer > .breadcrumbLevel > .breadcrumbText { margin-left: 10px; } .editablePanel > .breadcrumbContainer > .breadcrumb:after, .editablePanel > .breadcrumbContainer > .breadcrumb:before { content: " "; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid; position: absolute; top: 50%; margin-top: -10px; right:0; margin-right: -10px; z-index: 2; } .editablePanel > .breadcrumbContainer > .breadcrumb:before { margin-right: -11px; z-index: 1; color: #fff; } /*--Consumer Style--*/ .phone .consumerStyle .formsPage { padding:0; } .consumerStyle .editablePanel > .header { margin: 8px 0; } .phone .consumerStyle .editablePanel > .content { padding:0; } .consumerStyle .editablePanel > .breadcrumbContainer { display:none; } .pageContent .documentPreviewSection.mainTabControl{ position: absolute; top: 0; bottom:0; left:0; right:0; } .pageContent.hasFormTitleContainer .documentPreviewSection.mainTabControl{ top: 58px; } .pageContent .documentPreviewSection.mainTabControl .pdf.editablePanel { padding-top: unset; height: 100%; } .pageContent .documentPreviewSection.mainTabControl .pdf.editablePanel .content { position: absolute; top:0; bottom:0; left:0; right:0; } .pageContent .documentPreviewSection.mainTabControl .pdf.editablePanel.hasHeader .content { top:30px; } .pageContent .documentPreviewSection.mainTabControl .pdf.editablePanel.hasHeader.hasTopActions .content { top: 50px; } .fltrSet > .fltrHeading h3 { line-height:18px; font-size: var(--ciaFontSizePanelHeading); text-transform: var(--ciaFontTransformPanelHeading); font-weight: var(--ciaFontWeightPanelHeading); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*favourites*/ .fltrItem .favouriteFilter.e180 { color: gold; float: right; } .fltrItem.readOnly{ opacity: 0.7; } .customFiltersPane{ padding-right: 10px; } .enquiryfilters li .fltrSet { position: relative; border-top: solid 1px rgba(255,255,255,0.05); border-bottom: solid 1px rgba(0,0,0,0.35); } .enquiryfilters .fltrSet.chldFltrSet { border-top: 0px; margin-top:-1px; } .enquiryfilters .fltrSet h3 .expando, .enquiryfilters .fltrSetCategory h3 .expando { float:left; border:none; margin-right: 5px; color: #ffffff; } .enquiryfilters .fltrSet.notEmpty > .fltrSetclear { background-color: rgba(0,0,0,0); cursor: pointer; display: inline-block; float:right; font-size: 0.9em; font-weight: normal; line-height: 12px; padding: 5px; margin-top: 7px; margin-right: 5px; width: 40px; text-align: center; border: solid 1px rgba(255, 255, 255, 0.1); border-radius: 2px; } .enquiryfilters .fltrSet > .fltrSetclear { display: none; } .enquiryfilters .fltrSet li.fltrItem.active { background-color: rgba(255,255,255,0.05); } .enquiryfilters .fltrSet li.fltrItem .filterTag { height: 16px; line-height: 16px; color: #fff; padding: 4px; margin-top: -2px; margin-right: 5px; float: left; } .enquiryfilters .fltrSet li.fltrSet { padding:2px 0px 2px 24px; } .enquiryfilters .fltrSet li .fltrItemTtl { float: right; } .enquiryfilters .fltrItem > label { vertical-align: top; } .enquiryfilters .fltrSet .moreorlessbutton a { display:block; margin-top:5px; padding:5px 10px; color: #fff; } .enquiryfilters .fltrSet.toberevealed { display:none; } .bgException { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.9; z-index: 0; } .exceptionWrapper { position: absolute; word-wrap: break-word; left: 0; right: 0; bottom: 0; top: 0; overflow: auto; } .exceptionContent { max-width: 50vw; min-width: 600px; margin: 20vh auto; box-sizing: border-box; background: white; } .exceptionContent > .t1Logo { background-image: url(https://cdn.t1cloud.com/cianywhere/content/base/images/branding/logo-small.jpg?v=12.0.251.0); background-size: contain; background-repeat: no-repeat; width: 500px; height: 32px; display: inline-block; } .exceptionContent > .header{ padding: 3vh; text-align: center; } .exceptionContent .content{ font-size: 1.2em; line-height: 1.7em; text-align: center; padding: 5%; } .exceptionContent .content > p { margin-bottom: 10px; margin-top: 10px; } .exceptionContent .content > .notification { position: inherit; width: auto; margin-left: auto; margin-top: 20px; } .exceptionWrapper .statusIcon{ font-size: 30vw; position: absolute; right: 5vw; bottom: 15vh; opacity: 0.1; } .exceptionWrapper ul { font-size: 1em; line-height: 1.5em; list-style-type:inherit; padding-left: 20px; } #UserAgent { display: block; font-size: 0.8em; text-align: center; color: #EFEFEF; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; padding: 5px; background-color: #184184; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); } .exceptionWrapper .footer { text-align: center; padding: 5vh; } .footer a.buttonStyle:not(.primary) { background-color: white; } .exceptionContent .footer a.buttonStyle:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-color: transparent; } .exceptionWrapper .footer .buttonStyle{ text-align: center; padding: 10px; margin-bottom: 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; text-transform: uppercase; min-width: 200px; text-decoration: none; display: inline-block; margin-right: 3%; background-image: none; } .statusIcon{ animation: 0.5s ease 0.1s 1 slideInFromRight; } @keyframes slideInFromRight { 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 0.1; } } @media (max-width: 800px) { .exceptionContent{ min-width: auto; margin: 10vh 10px; max-width: none; } .exceptionWrapper .footer .buttonStyle{ display: block; } } @media (max-height: 600px) { .exceptionContent{ margin: 5vh auto; } .exceptionWrapper .footer .buttonStyle{ min-width: 25%; } } .expressionBuilder { height: 100%; } .expressionBuilder textarea { border-color: white; } .expressionBuilderValidatePanel { padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; } .expressionBuilderValidIndicator { color: green; line-height: 30px; float: right; } .expressionBuilderInvalidIndicator { color: red; line-height: 30px; float: right; } .filePreviewer{ display: none; position: absolute; left:0; right:0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 9001; opacity: 0; } .filePreviewer.shown{ display: block; opacity: 1; } .filePreviewer .title{ vertical-align: top; line-height: 45px; display: inline-block; width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .filePreviewer .btn { padding: 10px; cursor: pointer; text-decoration: none; opacity: 0.7; } .filePreviewer .btn:hover{ opacity: 1; } .filePreviewer .header .btn{ float: right; } .filePreviewer .btn.navigation { position: absolute; top: 50%; padding: 30px 15px; margin-top: -50px; z-index: 1; background: rgba(0,0,0,0.5); } .filePreviewer .btn.disabled{ cursor: default; opacity: 0.3; background: transparent; } .filePreviewer .btn.prev { left: 0; } .filePreviewer .btn.next { right: 0; } .filePreviewer .mediaContainer{ display: table-cell; vertical-align: middle; text-align: center; position: relative; } .filePreviewer .mediaContainer.scroll{ display: block; overflow: auto; } .filePreviewer .mediaItem{ box-shadow: 0 0px 50px black; } .filePreviewer .mediaItem.video { max-height: 90%; max-width: 90%; } .filePreviewer .mediaItem.pdf{ width: 90%; height: 95%; } .filePreviewer .noPreview { height: 200px; width: 300px; position: relative; } .filePreviewer .noPreview a { display: block; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; } .filePreviewer .controlPanel { display: none; position: absolute; left: 0; right: 0; bottom: 30px; text-align: center; } .filePreviewer.hasControlPanel .controlPanel{ display: block; } .filePreviewer .controlPanel > div{ background: rgba(0,0,0,0.5); } .filePreviewer .controlPanel > div > div{ padding: 10px; border-right: solid 1px rgba(0,0,0,0.2); background: rgba(255,255,255,0.1); } .filePreviewer .controlPanel > div > div:last-child{ border-right: none; } .filePreviewer .controlPanel > div > div:hover{ background: rgba(255,255,255,0.2); } .fileSelector [disabled] { opacity: 0.5; } .fileSelector .statushint { padding: 6px 0; line-height: 16px; display: inline-block; } .fileSelector .inputContainer { overflow: visible; position: relative; float: right; height: 30px; } .popupContentInnerContainer .fileSelector .fileListContainer { max-height: unset; min-height: 150px; } .fileSelector .inputContainer > input[type="file"] { position: absolute; font-size: 2em; top: 0; right: 0; cursor: pointer; opacity: 0; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .fileSelector .fileList { clear: both; margin: 5px 0; max-height: 200px; overflow-y: auto; padding-bottom: 2px; /*to stop ie showing scrollbars when not required*/ table-layout: fixed; } .fileSelector .fileList th { padding-top: 0px; border-bottom: none; font-weight: normal; } .fileSelector .fileList .fileNameContainer div > span.label { font-weight: bold; margin-right: 10px; } .fileSelector .fileList td { vertical-align: middle; } .fileSelector .fileList > tr > td > .removeFile { display: table-cell; border: solid 1px transparent; border-radius: 15px; margin-right: 3px; } .fileSelector .fileList > tr > td > .removeFile:hover { background-color: rgba(0, 0, 0, 0.05); background-image: none; } .fileSelector .fileList > tr > td > .removeFile:active { background-image: none; } .fileSelector .fileList > tr > td > .removeFile .icon16:before { content:"\E058"; color: #d50000; } .fileSelector .fileList th:last-child { width: 7%; } .fileList tr:last-child td { border-bottom: none; } .fileSelector.singleFileSelectionMode .inputContainer{ display: block; } .fileSelector.singleFileSelectionMode.hasFiles .inputContainer{ display: none; } .fileSelector .fileList tr:hover { background-color: initial !important; color: initial !important; } /*--Upload Progress Bar--*/ .fileSelector.revealProgressBar .fileList .file .fileNameContainer div span { width: auto; } .fileSelector .fileList .fileNameContainer .fileUploadLabels { display: flex; } .fileSelector .fileList .file .fileNameContainer div span { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; padding: 1px 0 1px 0; } .fileSelectorUploadProgress { display: block; margin-top: 8px; width: 80%; height: 10px; -webkit-appearance: none; } .fileSelectorUploadProgress[value]::-webkit-progress-bar { background-color: #eee; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; border-radius: 4px; } .fileSelectorUploadProgress[value]::-webkit-progress-value { background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #228b22, #0F0); border-radius: 4px; background-size: 35px 20px, 100% 100%, 100% 100%; } .fileSelector.revealProgressBar .fileList .file .fileNameContainer div .fileSelectorUploadProgress, .fileSelector.revealProgressBar .fileList .file .fileNameContainer div .fileSelectorUploadState { display: inline-block; } .fileSelector.revealProgressBar .fileList .file .fileNameContainer div .fileSelectorUploadState { text-align: right; } .fileSelector.revealProgressBar .inputContainer, .fileSelector.revealProgressBar .fileList .file td:has(.removeFile), .fileSelector.revealProgressBar .fileList .file td:has(.bulkSelectFileCheckBox) { display: none; } .fileSelector.revealProgressBar .fileList .file .fileNameContainer { display: table-cell; } /*--Consumer style--*/ .consumerStyle .fileSelector .statushint { font-size:0.875rem; } .consumerStyle .fileSelector .fileList tr td { padding: 0 0 0 12px; background-color: #f8f8f8; border-top: solid 1px #FFf; font-size:0.8745rem; } .consumerStyle .fileSelector .fileList td > div > .label { font-weight:400; } .consumerStyle .fileSelector .fileList td .removeFile { border-radius:2px; box-shadow:none; padding:9px; margin:0; } .consumerStyle .fileSelector .fileList > .file td .removeFile .icon16 { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.0005' y='4.58636' width='2' height='13.3108' rx='1' transform='rotate(45 14.0005 4.58636)' fill='%233B4E58'/%3E%3Crect x='15.4147' y='13.9985' width='2' height='13.3108' rx='1' transform='rotate(135 15.4147 13.9985)' fill='%233B4E58'/%3E%3C/svg%3E"); background-size: cover; } .consumerStyle .fileSelector .fileList > .file td .removeFile .icon16:before { display: none; } .consumerStyle .fileSelector .fileListControlRow th button.addFiles { font-size: 0.875rem; } .consumerStyle .fileSelector .fileListControlRow th button.addFiles:before { content:"Add another file"; display:block; } .consumerStyle .fileSelector .fileListControlRow th button.addFiles > .icon16 { display:none; } .consumerStyle .fileSelector .fileList th:last-child { text-align: right; width: auto; } .consumerStyle .fileSelector .fileList td:last-child { text-align: center; vertical-align: middle; } .consumerStyle .fileSelector .fileList td:last-child { width: auto; text-align: center; vertical-align: middle; } .fileSelector { position: relative; padding: 10px 16px 10px 16px; } .fileSelector .fileListControlRow th button.addFiles > .icon16 { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/white/plus.png?v=12.0.251.0'); margin: 0 4px; background-position: center; } .fileSelector td { vertical-align: middle; } .fileSelector th:last-child { text-align: right; } .fileSelector td:last-child { text-align: right; width: 3%; } .fileSelector .fileList .file .fileNameContainer div .fileSelectorUploadProgress, .fileSelector .fileList .file .fileNameContainer div .fileSelectorUploadState { display: none; } .phoneFileUploadSelectorWrapper{ width: 100%; padding: 10px 0; font-size: 1.1em; font-weight: bold; border-radius: 3px; background-color: #000; border-color: rgba(255, 255, 255, 0.15); } .phoneFileUploadSelectorWrapper > .icon16.glyph { color: #fff; margin-left: 5px; padding: 5px; } .phoneFileUploadSelectorWrapper .fileUploadFileSelector { display: none } .fileUploadFileSelectorLabelWrapper { margin: 5px; display: inline-block; } .fileUploadFileSelectorLabel, .fileUploadFileSelectorLabel { color: #fff; width: 100%; } /* Splash Screen */ .splashScreenContainer { padding-top: 20px; text-align: center; } .splashScreenContainer > .splashScreenIcon { color: #72bf00; display: inline; } .splashScreenContainer > .splashScreenStatusText { font-size: 1.3em; color: #72bf00; padding: 0; margin: 10px 0 20px 0; } .splashScreenStatusMessageContainer > .splashScreenStatusMessagePart { padding: 0; line-height: 20px; display: inline; } .splashScreenPrimaryLink { margin: 10px 0 0 0; } /* Consumer Styles */ .splashScreenContainer.consumerStyle { background-color: #EEF5F7; font-size: 0.875rem; min-height: 400px; } .phone .splashScreenContainer.consumerStyle { min-height: calc(100vh - 92px); } .splashScreenIcon.consumerStyle { width: 161px; height: 150px; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg width='161' height='160' viewBox='0 0 161 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url({0}/%23successClip0?v={1})'%3E%3Cpath d='M51.5 131.999C51.5 134.208 64.9311 136 81.5 136C98.0689 136 111.5 134.208 111.5 131.999C111.5 129.79 98.0689 128 81.5 128C64.9311 128 51.5 129.79 51.5 131.999Z' fill='%23D0DFE7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M155.5 94.6283C155.5 53.9652 122.592 21 82 21C41.4078 21 8.5 53.9652 8.5 94.6283C8.5 105.461 10.8538 115.738 15.0489 125H148.951C153.146 115.738 155.5 105.461 155.5 94.6283Z' fill='white'/%3E%3Cpath d='M156.5 125.5H160.5M10.5 125.5H153.5H10.5ZM1.5 125.5H5.5H1.5Z' stroke='%23ADC2CD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M109.541 42.2353C109.36 42.2452 109.194 42.3409 109.094 42.493L107.601 44.775L107.456 42.6559C107.431 42.0811 107.129 41.5539 106.647 41.2407L104.896 40.072L107 39.9565C107 39.9565 107.001 39.9564 107.001 39.9564C107.573 39.9265 108.098 39.6271 108.415 39.1495C108.415 39.1492 108.416 39.1489 108.416 39.1487L109.586 37.3961L109.701 39.5019L109.701 39.5019L109.701 39.5048C109.736 40.0738 110.033 40.5944 110.505 40.9133L110.505 40.9133L110.508 40.9149L112.262 42.0859L109.541 42.2353Z' fill='white' stroke='%23D0DFE7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M35.5411 65.2353C35.3597 65.2452 35.1938 65.3409 35.0943 65.493L33.6012 67.775L33.4562 65.6559C33.4309 65.0811 33.1293 64.5539 32.6465 64.2407L30.8959 63.072L33 62.9565C33.0003 62.9565 33.0006 62.9564 33.0009 62.9564C33.5735 62.9265 34.0981 62.6271 34.4152 62.1495C34.4154 62.1492 34.4155 62.1489 34.4157 62.1487L35.5857 60.3961L35.7013 62.5019L35.7013 62.5019L35.7015 62.5048C35.7356 63.0738 36.0327 63.5944 36.5051 63.9133L36.5051 63.9133L36.5076 63.9149L38.2616 65.0859L35.5411 65.2353Z' fill='white' stroke='%23D0DFE7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='29.75' y='108.25' width='0.5' height='4.5' rx='0.25' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Crect x='27.75' y='110.75' width='0.5' height='4.5' rx='0.25' transform='rotate(-90 27.75 110.75)' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Crect x='130.75' y='101.25' width='0.5' height='4.5' rx='0.25' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Crect x='128.75' y='103.75' width='0.5' height='4.5' rx='0.25' transform='rotate(-90 128.75 103.75)' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Crect x='74.75' y='51.25' width='0.5' height='4.5' rx='0.25' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Crect x='72.75' y='53.75' width='0.5' height='4.5' rx='0.25' transform='rotate(-90 72.75 53.75)' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Cpath d='M72.3476 91.8224L60.082 79.581C58.167 77.6483 55.0605 77.6466 53.1434 79.5771C53.1422 79.5784 53.1409 79.5797 53.1396 79.581L47.9389 84.8237C46.0219 86.7542 46.0201 89.8859 47.9351 91.8185C47.9364 91.8198 47.9377 91.8211 47.9389 91.8224L70.5078 114.549C72.4227 116.482 75.5292 116.484 77.4463 114.553C77.4476 114.552 77.4489 114.551 77.4501 114.549L120.061 71.692C121.978 69.7616 121.98 66.6299 120.065 64.6973C120.064 64.696 120.062 64.6947 120.061 64.6934L114.86 59.4506C112.945 57.518 109.839 57.5162 107.922 59.4467C107.921 59.448 107.919 59.4493 107.918 59.4506L75.8065 91.8224C74.8497 92.7812 73.3044 92.7812 72.3476 91.8224H72.3476Z' fill='%23E7FDBE' stroke='%23A1C75D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='successClip0'%3E%3Crect width='160' height='160' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .splashScreenIcon.consumerStyle:before { display: none; } .splashScreenContainer > .splashScreenStatusText.consumerStyle { color: inherit; margin: 16px 0 48px 0; } .consumerStyle .splashScreenContainer .splashScreenPrimaryLink { margin-top: 40px; } .phone .consumerStyle .splashScreenContainer .splashScreenPrimaryLink .primary { padding: 0; height: 44px; border-radius: 2px; margin: 0 auto; max-width: calc(100vw - 24px); font-weight: 600; font-size: 0.875rem; min-width: 220px; text-shadow: none; box-shadow: none; } .controlContainer { position: relative; margin: 0; padding: 0; margin-bottom: 4px; background-color: #fff; border: solid 1px #c4c4c4; } .controlContainer.active { border-color: #9c9c9c; } .controlContainer.sideBySide { margin-bottom: 0; } .controlContainer.sideBySide + a { display:inline-block; margin-bottom: 14px; } .editorLabel, .editorLabelAutoWidth { text-align: left; } .editorLabel { padding: 4px 0; } .controlContainer > .editorLabel { display: block; padding: 4px 4px 2px 4px; font-size: 0.9em; font-weight: 600; } .controlContainer > .editorField > a { word-break: break-all; } input, select, textarea { border-style: solid; border-width: 1px; font-family:Osans, Arial, sans-serif; font-size: 1.1em; color: #656565; width: 100%; padding: 0 4px; margin: 0; height: 34px; min-height: 34px; line-height: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-appearance:none; -webkit-border-radius:0; } .controlContainer input, .controlContainer select { height: 24px; min-height: 24px; } textarea { overflow-y: hidden; resize: none; } input:focus.readonly, textarea:focus.readonly, input:focus.disabled, textarea:focus.disabled { outline: none; } input.readonly, textarea.readonly { border : transparent; padding: 0; } input.disabled, textarea.disabled { border : transparent; } .controlContainer.readonly { background-color: transparent; border-color: transparent; } .fieldSet .controlContainer > .editorField input:focus, .fieldSet .controlContainer > .editorField button:focus, .fieldSet .controlContainer > .editorField select:focus { box-shadow: none; } .form section.withShadow { border-radius: 13px; -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3); box-shadow: 0 1px 4px rgba(0, 0, 0, .3); } .mandatory { color: #DD0000; } .controlContainer > .editorField > a { display: block; line-height:16px; padding: 4px 4px 4px 5px; box-sizing: border-box; word-wrap: break-word; height: auto; } .controlContainer.literalText{ border-color: transparent; background: transparent; } /*--Form Field Info--*/ .frmFldInfo { font-size: 0.9em; color: #bbb; } .plainText, .htmlText, .paraText { padding: 5px 0; } /*--OAuth--*/ #TabSummaryPanel_GoogleSection:before, #TabSummaryPanel_FacebookSection:before, #TabSummaryPanel_MicrosoftSection:before, #TabSummaryPanel_OneloginSection:before, #IntroTextPlatformGoogle:before, #IntroTextPlatformFacebook:before, #IntroTextPlatformMicrosoft:before, #IntroTextPlatformFed:before { content: ""; display: block; width: 36px; height: 36px; background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/logon/loginusing.png?v=12.0.251.0') no-repeat top left; } #TabSummaryPanel_GoogleSection:before, #TabSummaryPanel_FacebookSection:before, #TabSummaryPanel_MicrosoftSection:before, #TabSummaryPanel_OneloginSection:before { float: left; margin-right: 5px; } #IntroTextPlatformGoogle:before, #IntroTextPlatformFacebook:before, #IntroTextPlatformMicrosoft:before, #IntroTextPlatformFed:before { margin: 0 auto 10px auto; } #IntroTextPlatformGoogle, #IntroTextPlatformFacebook, #IntroTextPlatformMicrosoft, #IntroTextPlatformFed { float: left; text-align: center; width: 100px; height: 80px; font-family: Osans, Arial, sans-serif; font-size: 1.2em; border: solid 1px #f3f3f3; margin: 10px 10px 10px 0; } #TabSummaryPanel_FacebookSection:before, #IntroTextPlatformFacebook:before { background-position: -36px 0; } #TabSummaryPanel_MicrosoftSection:before, #IntroTextPlatformMicrosoft:before { background-position: -72px 0; } #TabSummaryPanel_OneloginSection:before, #IntroTextPlatformFed:before { background-position: -108px 0; } #IntroTextEnd { clear: both; font-size: 0.9em; } .ToDisableInstructions { font-size: 0.9em; } .oauthInfo, .oauthCreate { margin-top: 10px; } .oauthInfo:before, .oauthCreate:before { display: block; float: left; width: 26px; height: 26px; border: solid 3px #c4c4c4; color: #c4c4c4; border-radius: 16px; text-align: center; line-height: 26px; font-size: 2em; font-weight: bold; margin-right: 10px; } .oauthInfo:before { content: "i"; } .oauthCreate:before { content: "+"; } #GoogleSpecific1, #GoogleSpecific2 { margin-top: 10px; } .wizardLink { display: block; padding: 10px 0; } /* Custom Checkbox */ .customCheckBox { height: 16px; width: 16px; margin-left: 4px; margin-top: 4px; margin-bottom: 4px; border: solid 1px #656565; border-radius: 3px; background-size:auto 100%; background-color: #fff; font-family: iconGlyph; font-size: 16px; line-height: 16px; text-align: center; display: inline-block; -webkit-font-smoothing: antialiased; } .customCheckBox.disabled { opacity: 0.35; } .customCheckBox.checked:before { display: block; content: "\E066"; } /* Styling for Forms, based on LiteralText.css*/ .formsSection .plainText, .formsSection .htmlText, .formsSection .paraText, .formsPage .editorLabel > label { overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .formsSection .plainText, .formsSection .htmlText, .formsSection .paraText { padding: 5px 0; text-align: justify; } .formsSection .htmlText p, .formsSection .htmlText ul, .formsSection .htmlText ol { margin: 1em 0; line-height: 1.5em; } .formsSection .htmlText ul, .formsSection .htmlText ol { padding: 0 0 0 20px; } .formsSection .htmlText ul li, .formsSection .htmlText ol li{ padding-bottom: 5px; } .formsSection .htmlText ul ul, .formsSection .htmlText ol ol, .formsSection .htmlText ul ol, .formsSection .htmlText ol ul { margin: 0; } .formsSection .htmlText ul { list-style-type: disc; list-style-position: inside; } .formsSection .htmlText ol { list-style-type: decimal; list-style-position: inside; } .formsSection .htmlText ol ul, .formsSection .htmlText ul ul { list-style-type:circle; } .formsSection .htmlText ol ol ul, .formsSection .htmlText ol ul ul, .formsSection .htmlText ul ol ul, .formsSection .htmlText ul ul ul{ list-style-type: square; } .formsSection .engagingStyle .plainText, .formsSection .engagingStyle .htmlText, .formsSection .engagingStyle .paraText { font-size: 1.15em !important; line-height: 1.5em; } .formsSection .htmlText td { border: none; } .formsSection .htmlText tr:hover { background-color: transparent; } .formsLabel { width: auto; padding-bottom: 4px; padding-left: 6px; word-wrap: break-word; } .formsLinkLabel { width: auto; padding-left: 4px; padding-bottom: 4px; word-wrap: break-word; } .formsLoadingWrapper { position: relative; min-height: 200px; } .formsLoading { text-align: center; left: 10px; right: 10px; font-size: 1.7em; top: 50%; position: absolute; height: 20px; margin-top: -10px; } #FormsLoadingSpinner { background: url(https://cdn.t1cloud.com/cianywhere/content/base/images/loadersml.gif?v=12.0.251.0) no-repeat; height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .forms > section { -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border: none; } .forms > .formsContent > .editablePanel > .content { position:relative; top:0; } .formsSubmitPanel{ text-align: center; } .formsSubmitPanel .formsSubmitHeader { font-size:1.4em !important; font-weight:normal; line-height:30px; margin-bottom:5px; color: #2dc146 } .formsSubmitPanel .formsSubmitDoneButton { margin-top: 10px; } .formsTable.panel.fieldSet > .fieldsContainer { margin-top: 0; } .formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet { padding-left: 0; } .formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet > .panelHeader { margin-left: 0; background-color: transparent; border-top: none; padding: 15px 0 15px 0; font-size: 1.2em; opacity: 0.75; color: #656565; } .formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet > .panelHeader > .panelHeaderTextContainer > .panelHeaderText { padding: 0; font-size: 1em; } .formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet .attachmentsCtrlLabel { display: none; } .formsSection .engagingStyle .plainText, .formsSection .engagingStyle .htmlText, .formsSection .engagingStyle .paraText { font-size: 1.3em !important; line-height: 1.5em !important; } .formTitleControl.imgLytRound img{ border-radius: 50%; } .formTitleControlSubHeading.longSubHeadingText .subHeadingText{ margin-right: 40px; } .formTitleControlSubHeading .moreLess { display: none; position: absolute; right: 0px; bottom: 0px; } .formTitleControlSubHeading .moreLess:hover { text-decoration: underline; cursor: pointer; } .formTitleControlSubHeading.longSubHeadingText .moreLess { display: inline-block; } .formTitleControlSubHeading.longSubHeadingText.expanded { white-space: normal; position: fixed; height: auto; background-color: #fff; z-index: 1; box-shadow: 1px 1px 15px 5px rgb(0 0 0 / 27%); } .formTitleControlSubHeading.longSubHeadingText.expanded .subHeadingText { max-height: 200px; overflow-y: auto; margin-top: 5px; margin-bottom: 5px; } .formTitleControlSubHeading.longSubHeadingText.expanded .moreLess { bottom: 5px; right: 5px; } .formTitleControl { height: 48px; position: relative; } .formTitleControl > .attachmentsImagePanel { float: left; border: none; padding: 0; text-align: center; } .formTitleControl > .attachmentsImagePanel > img { display: block; height: 48px; max-width: 100px; } .formTitleControlHeadingContainer { overflow: hidden; } .formTitleControlHeading { font-size: 1.2em; line-height: 2.2em; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Osans, Arial, sans-serif; display: inline-block; padding-left: 5px; } .formTitleControlSubHeading { display:flex; position: relative; line-height: 20px; white-space: nowrap; padding-left: 5px; } .formTitleControlSubHeading .subHeadingText{ text-overflow: ellipsis; overflow: hidden; } .formTitleControlSubHeadingDropDownControl { display: inline-block!important; } .formTitleControlSubHeadingDropDownControlButton { border: none; box-shadow: none; -webkit-box-shadow: none; padding: 0; background: transparent; color: inherit; } .formTitleControlSubHeadingDropDownControlButton > .dropdownButtonLabel { margin-left: 0; margin-top: 1px; margin-right: 0; font-size: 12px; } .formTitleControlSubHeadingDropDownControl > .handle { background: none; border: none; box-shadow: none; -webkit-box-shadow:none; } .formTitleControlSubHeadingDropDownControl > .handle > .icon16:before { content: "\E045"; } .formTitleControlSubHeading .ratingControl { padding: 0 10px; display: inline-block; } .formTitleControlSubHeading > .subHeadingPartsContainer > * { vertical-align: top; } .formTitleControlSubHeading .ratingControl .editorLabel { vertical-align: top; display: inline-block; width: auto; padding: 0 5px 0 0; } .formTitleControlSubHeading .ratingControl .editorField { vertical-align: top; display: inline-block; } .freeFormatterBar { width: 100%; position: relative; text-align: center; font-size: 12px; line-height: 100%; margin-top: 10px; } .freeFormatterBarTrack { position: relative; } .freeFormatterBarfill { position: relative; text-align: center; font-size: 12px; } #FunctionLinksPanel .optionItem .syncLink .linkIcon{ vertical-align: middle; margin-right: 5px; background-position: unset; } .ganttChartViewer { overflow: hidden !important; padding: 0; display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .ganttChartViewContainer, .mainGanttChartContent{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; overflow: hidden !important; } .mainGanttChartContent{ top: 40px; } .ganttViewActions{ padding-bottom: 5px; } .editablePanel.inGanttChartView{ padding-top: 0; } .ganttViewActions > * { margin-top: 5px; } .inGanttChartView .relatedDataPortlet > .contents{ top: 40px!important; } .inGanttChartView .relatedDataPortlet.rdpHeaderBarHidden > .headerBar{ display: initial; } .relatedDataPortletSection .mainGanttChartHeader, .inGanttChartView .relatedDataPortlet.rdpHeaderBarHidden > .headerBar > #SearchPanel{ display: none; } .ganttMaximizedGrid .ganttChartOnly{ display: none!important; } .ganttViewActions .gantt-rdp-actions{ position: absolute; right: 0; top: 0; } .ganttViewActions .otherGanttActionButtons, .ganttViewActions .gantt-rdp-actions .topActionPane{ display: inline-block; } .otherGanttActionButton{ float: right; margin-left: 5px; } .otherGanttActionButton.gridExportSelector .chooser .downFill > .glyph:before { content: "\E219"; } .otherGanttActionButton.optionsSelector .chooser .downFill > .glyph:before { content: "\E226"; } .ganttChartViewer .gantt_selected .weekend { background-color: #f7eb91; } .ganttChartViewer .holiday{ background: #ffb9cf !important; opacity: 0.3; pointer-events: none; } /*--Add to selection for checkbox--*/ .ganttChartViewer label.addSelCont input, .ganttChartViewer .chkBselAll { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .ganttChartViewer .lblSelAll:before { margin: unset; line-height: 15px; display: inline-flex; } .ganttChartViewer .addSelCont, .ganttChartViewer .addRemoveItem { position: absolute; top: 10px; left: 5px; z-index: 1; } .ganttChartViewer .addSelCont:before { line-height: 12px; margin: 0; vertical-align: top; display: inline-block; } .ganttChartViewer .gantt_grid_head_cell{ padding-left: 6px; padding-right: 6px; text-align: right; } .ganttChartViewer .gantt-tree-column{ padding-left: 25px; } .ganttChartViewer .gantt-column-name{ display: block; } .ganttChartViewer .gantt-sortable .gantt-column-name{ text-overflow: ellipsis; overflow: hidden; } .ganttChartViewer .sort-ascending .gantt-column-name, .ganttChartViewer .sort-descending .gantt-column-name{ padding-right: 16px; } .ganttChartViewer .gantt-sort-indicator{ float: right; position: absolute; top: 0; right: 6px; } .ganttChartViewer .gantt-col-align-left { text-align: left; } .ganttChartViewer .gantt-col-align-center { text-align: center; } .ganttChartViewer .gantt-col-align-right { text-align: right; } .ganttChartViewer .ganttToggleGridCollapse > .glyph:after { content: "\E237"; } .ganttChartViewer.ganttGridCollapsed .ganttToggleGridCollapse > .glyph:after { content: "\E122"; } .ganttChartViewer .gantt-sort-indicator:after{ font-family: 'iconGlyph'; font-size: 16px; line-height: 16px; text-align: center; } button.ganttToggleAutoScheduling{ border: none; background-color: transparent; box-shadow: none; } .ganttToggleAutoScheduling.menu-item-active > .e145:before{ content: "\E140"; } .ganttChartViewer .sort-ascending .gantt-sort-indicator:after { content: "\E019"; } .ganttChartViewer .sort-descending .gantt-sort-indicator:after { content: "\E020"; } .ganttChartViewer .gantt_cell { position: relative; } .ganttChartViewer .ganttRowActions.rowActions{ padding: 0; width: 32px!important; height: 34px!important; position: relative; opacity: 0.4; float: left; text-align: center; display: block; } .ganttChartViewer.has-baseline .ganttRowActions.rowActions{ height: 44px!important; } .ganttChartViewer .ganttRowActions.rowActions.add{ color: green; } .ganttChartViewer .ganttRowActions.rowActions.edit{ color: #ffa011; } .ganttChartViewer .ganttRowActions.rowActions:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.03); } .ganttChartViewer .ganttRowActions{ position: relative; display: inline-block; } .gantt_drag_marker .ganttRowActions{ display: none; } .gantt_drag_marker.gantt_grid_dnd_marker{ width: auto!important; right: 10px; } .ganttActions{ position: absolute; right: 0; top: 0; background-color: #fff; } .ganttActionSeparator { display: inline-block; width: 20px; position: relative; margin: 0 !important; } .ganttActionSeparator:after { content: " "; position: absolute; top: -16px; left: 10px; background: #e2e2e2; width: 1px; height: 24px; } .relatedDataPortlet .ganttChartViewer .ganttViewActions .dropDownControlContainer{ display: inline-block; } .relatedDataPortlet .ganttChartViewer .optionsSelector button.toggleView, .relatedDataPortlet .ganttChartViewer .optionsSelector button.configAction, .relatedDataPortlet .ganttChartViewer .ganttViewActions .dropdownPanelListItem button{ float: none; padding-left: 24px; min-width: 100%; border-radius: 0; border-color: transparent; background: none; box-shadow: none; } .relatedDataPortlet .ganttViewActions .dropdownPanelListItem .separator { margin: 5px 0; padding: 0; height: 1px; margin-top: -1px; background-color: rgba(0, 0, 0, 0.05); } .relatedDataPortlet .ganttChartViewer .optionsSelector button.toggleView, .relatedDataPortlet .ganttChartViewer .ganttViewActions .dropdownPanelListItem button{ padding-right: 30px; } .relatedDataPortlet .ganttChartViewer .optionsSelector .dropdownPanel .dropdownPanelListItem.highlight:after, .relatedDataPortlet .ganttChartViewer .autoScheduleActions .dropdownPanel .dropdownPanelListItem.highlight:after { content: "\E066"; font-family: 'iconGlyph'; position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; line-height: 16px; text-align: center; opacity: 0.5; } .relatedDataPortlet .ganttChartViewer .autoSchedulingMode{ border: 1px dashed #dd0000; } .relatedDataPortlet .ganttChartViewer .button-group{ display: inline-block; } .relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button{ border-color: rgba(0,0,0,0.1); box-shadow: none; } .relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button.hDrkColWithButtonHover{ position: relative; z-index: 1; } .relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button:not(:first-child):not(:last-child), .relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button:not(:last-child):not(:first-child){ border-radius: 0; margin: 0 -1px; border-left-color: rgba(0,0,0,0.05); border-right-color: rgba(0,0,0,0.05); } .relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } .relatedDataPortlet .ganttChartViewer .flatStyle { border-radius: 0; border-top: none; border-bottom: none; box-shadow: none; border: solid 1px transparent; background-image: none; background-color: transparent; } .ganttChartViewContainer .bulkActionContainer .expandCollapse{ padding-left: 3px; padding-right: 3px; } .ganttChartViewContainer .bulkActionContainer .selectionSummary{ padding: 0 10px 0 0; } .ganttChartViewer .gantt_tree_content{ padding-left: 5px; } .gantt_tree_icon.gantt_open, .gantt_tree_icon.gantt_close { background-image: none; opacity: 0.5; width: 18px; padding: 0 1px; text-align: center; box-sizing: border-box; } .gantt_tree_icon.gantt_open:hover, .gantt_tree_icon.gantt_close:hover{ opacity: 1; } .gantt_tree_icon.gantt_open, .gantt_tree_icon.gantt_close { background-image: none; font-family: 'iconGlyph'; } .gantt_tree_icon.gantt_open .glyph:before { content: "\E064"; } .gantt_tree_icon.gantt_close .glyph:before { content: "\E063"; } .ganttChartViewer .gantt_grid_scale .gantt_grid_head_cell, .ganttChartViewer .gantt_task .gantt_task_scale .gantt_scale_cell { color: inherit; } .ganttChartViewer .gantt_task_line{ border: none; min-width: 1px!important; box-sizing: border-box; } .ganttChartViewer .gantt_row { border-bottom-width: 0; } .ganttChartViewer .gantt_row:hover .ganttActions, .ganttChartViewer .gantt_row.gantt_selected .ganttActions{ background-color: transparent; } .ganttChartViewer .gantt_row.task-parent.gantt_row_project { border-bottom-width: 1px; } /* ---- BEGIN: Styling for collapsed tasks*/ .ganttChartViewer .gantt_split_parent.gantt_task_line.task-collapsed { display: none; } /* ---- END: Styling for collapsed tasks*/ .gantt_task_content{ text-overflow: ellipsis; padding: 0 2px; box-sizing: border-box; } .ganttChartViewer .gantt_task_line:not(.overdue) .gantt_side_content.gantt_left, .ganttChartViewer .gantt_task_line:not(.overdue) .gantt_side_content.gantt_right{ display: none; } .ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_left{ margin-right: 25px; } .ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_right{ margin-left: 25px; } .ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_left, .ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_right{ z-index: 1; display: block; background-color: #555; border-radius: 4px; padding: 5px 10px; margin-top: -5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); border: 1px solid #efefef; overflow: visible; color: #fff; top: 0; } .ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_left::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #555; } .ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_right::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #555 transparent transparent; } .ganttChartViewer .gantt_project { background-color: rgba(101, 193, 111, 0.75); border-bottom: none; } .gantt_task_line .gantt_task_progress { background: rgba(0, 0, 0, .15)!important; } .ganttChartViewer .gantt_project .gantt_task_content { box-shadow: inset 0 15px 0 0 #3c9445; line-height: 1.3; } .ganttChartViewer .gantt_project .gantt_task_content:after, .ganttChartViewer .gantt_project .gantt_task_content:before { max-width: 100%; content: ""; display: block; width: 0; height: 0; bottom: 0; position: absolute; border-style: solid; } .ganttChartViewer .gantt_project .gantt_task_content:before { right: 0; border-width: 0 10px 15px 0; border-color: transparent #3c9445 transparent transparent; } .ganttChartViewer .gantt_project .gantt_task_content:after { left: 0; border-width: 15px 10px 0 0; border-color: #3c9445 transparent transparent; } .ganttChartViewer .gantt_grid_column_resize_wrap{ z-index: 2; } .ganttChartViewer .grid_cell{ height:100%!important; } .ganttChartViewer .grid_cell .gantt_layout_content{ height:100%!important; } .ganttChartViewer .gridScroll_cell{ margin-top: -10px; } .ganttChartViewer .gantt_resizer .gantt_resizer_y{ margin-top: 10px; } /* This is the main grid*/ .gantt_grid{ display:flex; flex-direction:column; } /* Make sure the grid viewport expands to fill the entire parent flexbox */ .gantt_grid .gantt_grid_data{ height: unset!important; } /*---- BEGIN: Baseline rendering styles*/ .ganttChartViewer.has-baseline .baseline { position: absolute; border-radius: 2px; opacity: 0.6; margin-top: -7px; height: 12px; background: #ffd180; border: 1px solid rgb(255, 153, 0); box-sizing: border-box; } /*move task lines upper */ .ganttChartViewer.has-baseline .gantt_task_line, .ganttChartViewer.has-baseline .gantt_line_wrapper { margin-top: -9px; } .ganttChartViewer.has-baseline .gantt_side_content { margin-bottom: 7px; } .ganttChartViewer.has-baseline .gantt_task_link .gantt_link_arrow { margin-top: -12px } .ganttChartViewer.has-baseline .gantt_side_content.gantt_right { bottom: 0; } /*---- END: Baseline rendering styles*/ .enquiryForm.maximizeRdp #FormTitleContainer{ display: none; } .ganttChartViewer .textBoxControl { background-color: #fff; } .gantt_task_link.finish_to_start .gantt_line_wrapper div { background-color: #7576ba; } .gantt_task_link.finish_to_start:hover .gantt_line_wrapper div { box-shadow: 0 0 5px 0 #7576ba; } .gantt_task_link.finish_to_start .gantt_link_arrow_right { border-left-color: #7576ba; } .gantt_task_link.finish_to_finish .gantt_line_wrapper div { background-color: #55d822; } .gantt_task_link.finish_to_finish:hover .gantt_line_wrapper div { box-shadow: 0 0 5px 0 #55d822; } .gantt_task_link.finish_to_finish .gantt_link_arrow_left { border-right-color: #55d822; } .gantt_task_link.danger .gantt_line_wrapper div { box-shadow: 0 0 5px 0 #ff0000; background-color: #ff0000; } .gantt_task_link.danger .gantt_link_arrow_left{ border-right-color: #ff0000; } .gantt_task_link.danger .gantt_link_arrow_right{ border-left-color: #ff0000; } .gantt_task_link.danger .gantt_link_arrow_up{ border-bottom-color: #ff0000; } .gantt_task_link.danger .gantt_link_arrow_down{ border-top-color: #ff0000; } .gantt_task_link:hover > div{ z-index: 2; } .gantt-overlay{ top: 0; left: 0; bottom: 0; right: 0; display: none; visibility: hidden; position: absolute; background-color: rgba(0, 0, 0, 0.35); } .gantt-overlay.visible, .gantt-overlay.visible .durationSpinner{ visibility: visible; display: block; } .gantt_tooltip { padding: 0; position: absolute; top: 0; left: 0; } .gantt_tooltip .h3{ background-color: rgba(0,0,0,0.05); } .gantt_tooltip .label { font-weight: 600; } .ganttSlack { position: absolute; border-radius: 0; opacity: 0.7; border: none; border-right: 1px solid #ddd; margin-left: -2px; background: #ccc; background: repeating-linear-gradient( 45deg, #fff, #fff 5px, #ddd 5px, #ddd 10px ); } .constraint-marker { position: absolute; box-sizing: border-box; width: 35px; height: 35px; opacity: 0.4; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6-6-6-1.41 1.41zM20 6v12h2V6h-2z'/%3E%3C/svg%3E"); background-size: cover; } .constraint-marker.earliest-start { margin-left: -32px; } .constraint-marker.latest-end { margin-left: -3px; transform: rotate(180deg); } .gantt_task_progress_drag.no_progress_update{ display:none!important; } .t1_gantt_milestone_task_marker{ transform: rotate(45deg); position: absolute; background-color: #d33daf; z-index: 1; } .t1_prerequisite_dependency .gantt_line_wrapper .gantt_link_line_right, .t1_prerequisite_dependency .gantt_line_wrapper .gantt_link_line_left { height: 4px !important; } .t1_prerequisite_dependency .gantt_line_wrapper .gantt_link_line_down, .t1_prerequisite_dependency .gantt_line_wrapper .gantt_link_line_up { width: 4px !important; } .gantt_histogram_cell.gantt_resource_marker_overtime .gantt_histogram_fill{ height:0!important; } .ganttChartViewer .ganttChartContainer { left: 10px; right: 10px; width: auto; } .ganttChartViewer .ganttRowActions.dropDown .icon16:before { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; font-size: 16px; line-height: 16px; text-align: center; content: "\E045"; } .ganttChartViewer .ganttActionSeparator, .ganttChartViewer .gantt-actions-column-1, .ganttChartViewer .ganttToggleAutoScheduling{ display: none; } .relatedDataPortlet.hasHeaderBar .headerBar{ } .pageHeaderButtonContainer { position: relative; float:right; padding: 5px; box-sizing: border-box; height:100%; } .pageHeaderButtonContainer > div { position: relative; float: left; margin-left: 5px; max-width: 180px; } .pageHeaderButtonContainer > div button { width: auto; min-width: 60px; } .pageHeaderButtonContainer > button { height: 100%; } .pageHeaderButtonContainer > button > .buttonLabel { height: 100%; } .pageHeaderButtonContainer > button:active { background-position: bottom left; } .loggingIndicator { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/phone/mblspritewhite.png?v=12.0.251.0'); background-size: auto 100%; background-position: -768px; margin-left: 10px; display: inline-block; vertical-align: middle; } /*--Function Search--*/ #ShowFlow + .functionSearch { margin-top: 5px; margin-left: 2px; } .functionSearch input:focus::-webkit-input-placeholder {color: #656565;} .functionSearch input:focus:-moz-placeholder { /* Firefox 18- */color: #656565;} .functionSearch input:focus::-moz-placeholder { /* Firefox 19+ */color: #656565;} .functionSearch input:focus:-ms-input-placeholder { /* IE 10+ */color: #656565;} .functionSearch input:focus::-ms-input-placeholder { /* Edge */color: #656565;} .functionSearch input:focus:placeholder-shown { /* Standard one last! */color: #656565;} .phone .functionSearch .suggestionPane, .easy .functionSearch .suggestionPane { background-color: #fff !important; box-sizing: border-box; } .functionSearch .suggestionPane > .funcs { border-bottom: solid 4px rgba(0, 0, 0, 0.1) !important; } .functionSearch .suggestionPane a { border-bottom: solid 1px #e6e6e6 !important; background-color: transparent !important; } .functionSearch .suggestionPane a:hover, .functionSearch a.selected { background-color: rgba(0, 0, 0, 0.05) !important; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.251.0') !important; } .themedSmallLogo .logo { background-repeat: no-repeat; background-position: center; background-size: contain; } .simple.themedSmallLogo .logo{ min-height: 40px; } /*--Consumer Styles--*/ .consumerStyle .pageHeaderButtonContainer { margin-left:auto; padding:0 8px; height:44px; } .consumerStyle.page .pageHeader button.attachmentPageDone { box-shadow:none; min-width:44px; max-width:44px; overflow:hidden; background: none !important; } /** --- Icon.css - Used in summary form **/ .iconControl { margin: 5px 0; color: initial; text-align: center; border: solid 1px rgba(0,0,0,0.05); box-shadow: 0px 1px 2px rgba(0,1,0,0.2); position: relative; } .iconControl.compositeText{ font-size: 1em; line-height: initial; background-color: white; } .iconControl.glyph, .iconControl.image{ border: none; box-shadow: none; } .iconControl .text{ overflow: hidden; } .iconControl .bannerTop, .iconControl .bottomLabel { position: absolute; left: 0; right: 0; line-height: 1.5em; } .iconControl .bannerTop{ top: 0; margin: -1px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .iconControl .bottomLabel{ bottom: 0; } .iconControl.icon24 .text { margin-top: 4px; } .iconControl.icon16 .bannerTop, .iconControl.icon16 .bottomLabel, .iconControl.icon24 .bannerTop, .iconControl.icon24 .bottomLabel{ display: none; } .iconControl.icon32 .text { margin-top: 8px; } .iconControl.icon32 .bannerTop, .iconControl.icon32 .bottomLabel { font-size: 0.5em; } .iconControl.icon48 .text { font-size: 2em; margin-top: 8px; } .iconControl.icon64 .text, .iconControl.auto .text { font-size: 2em; margin-top: 15px; } .iconControl.icon64.noBanner .text, .iconControl.auto.noBanner .text { margin-top: 10px; } .iconControl.icon64.noBottom .text, .iconControl.auto.noBottom .text { margin-top: 20px; } .iconControl.icon64{ width: 64px; min-width: 64px; } .iconControl.auto{ min-width: 64px; min-height: 64px; } .iconControl.auto .text{ padding: 0 5px;} .iconControl.icon96 .text { font-size: 3em; margin-top: 20px; } .iconControl.icon96.noBanner .text{ margin-top: 10px; } .iconControl.icon96.noBottom .text{ margin-top: 20px; } .iconControl.icon96 .bannerTop, .iconControl.icon96 .bottomLabel { line-height: 2em; } .iconControl.image > img{ width: 100%; height: 100%; } /*colours - Todo - use css class */ .iconControl.date .bannerTop { background: #37bcee; } .iconControl.week .bannerTop { background: #ae0000; } .iFrameContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .iFrameDocOneEmailContainer { padding-top: 30px; min-height: 150px; } .iFrameContainer iframe { width: 100%; border: none; } .iFrameContainer > iframe { display: block; height: 100%; } .iFrameContainer .dwldContent { margin-top: -35px; margin-bottom: 10px; margin-right: 10px; } .iFrameContainer .dwldContent .icon16:before { content: "\E05A"; } .documentPreview.noHeader .content { top: 0px; } .documentPreview.noHeader.contentDownloadable .content { top: 35px; } /* Natural View */ .naturalViewSectionContainer > .topActionPane > .naturalViewMenuActionsContainer { display: none; } .naturalViewScaleWrapper { overflow: hidden; width: 100%; } .naturalView > .naturalViewScaleWrapper > iframe { -webkit-appearance: none; visibility: hidden; position: relative; } .naturalView { position: relative; top: 0; left: 0; right: 0; bottom: 0; width: 100%; padding:0 !important; } .detailsPanel .naturalViewSectionContainer > .content { top: 0; position: relative; } .naturalViewContainer iframe { height: 100%; } .editablePanel > .content > .panel.naturalViewContainer { padding: 0px; } .naturalViewFullscreen #Wrapper { display: none; } .landscape .dateTimePicker > .scrollersInnerContainer { width: 50%; display: inline-block; } .portait .dateTimePicker > .scrollersInnerContainer { width: 100%; } .scrollerItem { font-size: 20px; line-height: 40px; height: 40px; text-align: center; } .scrollerItemPicker { position:absolute; top:50%; margin-top: -20px; border-top-style: solid; border-top-width: 2px; border-bottom-style: solid; border-bottom-width: 2px; height: 36px; width: 100%; left: 10%; width: 80%; } .scroller { display: inline-block; height:200px; overflow: hidden; position:relative; vertical-align: top; } .scrollerItemsContainer { margin-top: 80px; } .scrollerItemGradientBackground { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background: linear-gradient(#f2f3f4, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, #f2f3f4); } /*--Consumer styles--*/ .consumerStyle .scrollerItemGradientBackground { background: linear-gradient(#ffffff, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, #ffffff); } .linkIcon { background-repeat: no-repeat; background-size: cover; } .serverActionLinkRedirectLink { display: none; } .fieldsContainer > a.serverActionLink { line-height: 30px; margin-bottom:4px; position:relative; display:block; } a:hover, button.linkStyle:hover, .showPanelButton:hover, button.linkStyle .span:hover, .linkCol:hover { text-decoration:underline; } @keyframes summaryLinePlaceHolderShimmer{ 0%{ background-position: -468px 0 } 100%{ background-position: 468px 0 } } /* Tab Handle Classes */ .tabHandle_LinkedTab.enabled:hover { background-color: rgba(255, 255, 255, 0.5); cursor: pointer; } .tabHandle_LinkedTab > .summary > .summaryHeading { font-size: 1.1em; font-weight: 600; font-family: Osans, Arial, sans-serif; line-height: 16px; vertical-align: top; } .tabHandle_LinkedTab > .summary > .summaryHeading > .summaryHeadingLabel { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tabHandle_LinkedTab .summaryLoadingPanel{ display: none; } .tabHandle_LinkedTab.vert.loadSectionSummaryAsync .summaryLoadingPanel{ display: block; width: 100%; min-height: 40px; } .tabHandle_LinkedTab .summaryLoadingPanel .summaryLinePlaceholder{ animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: summaryLinePlaceHolderShimmer; animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); background-size: 800px 104px; position: relative; padding: 7px; margin-top: 5px; } .tabHandle_LinkedTab .summaryLoadingPanel .summaryLinePlaceholder:first-child { margin-right: 30px; } .tabHandle_LinkedTab .summaryLoadingPanel .summaryLinePlaceholder:nth-child(2){ margin-right: 60px; } /* Horizontal Tab Handle Classes */ .tabHandlesOuterContainer_LinkedTab.horiz { padding: 0; position:relative; } .tabHandlesOuterContainer_LinkedTab.horiz > .tabHandlesInnerContainer_LinkedTab { height: 45px; position:relative; overflow: hidden; } .tabHandle_LinkedTab.horiz { padding: 13px 10px; margin: 0; float: left; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: transparent; text-align: center; min-width: 60px; } .tabHandle_LinkedTab.horiz > .summary { height: 16px; } .tabHandle_LinkedTab.horiz > .summary > .summaryImage { width: 16px; height: 16px; } .tabHandle_LinkedTab.horiz > .summary > .summaryImage ~ .summaryHeading { display: inline-block; } .tabHandle_LinkedTab.horiz > .summary > .summaryHeading > .summaryHeadingLabel { color: #000; } /* Vertical Tab Handle Classes */ .tabHandle_LinkedTab.vert { display: none; position: relative; text-align: left; background-image: none; background-repeat: repeat-x; background-position: 0 -30px; font-size: 1em; font-weight: normal; border-radius: 0; min-height: 40px; padding: 15px; border-right: solid 3px transparent; } .tabHandle_LinkedTab.vert:before { content: ""; display: block; height: 1px; position: absolute; top: 0; left: 0; right: 0; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%); } .tabHandle_LinkedTab.vert:first-child:before { display: none; } .tabHandle_LinkedTab.vert.visible { display: block; } .tabHandle_LinkedTab.vert.selected, .tabHandle_LinkedTab.vert.selected:hover { background-image: none; background-color: #fff; } .tabHandle_LinkedTab.vert.disabled { opacity: 0.35; } .tabHandle_LinkedTab.vert > .summary > .summaryImage { float:left; margin-right:5px; width: 24px; height: 24px; } .tabHandle_LinkedTab.vert > .summary > .summaryHeading > .summaryHeadingLabel > .mandatory { font-size: 0.7em; top: -5px; position: relative; } .tabHandle_LinkedTab.vert > .summary > .summaryHeading > .summaryHeadingIcon { margin-left:3px; position: relative; } .tabHandle_LinkedTab.vert > .summary > .summaryLine { font-size: 0.9em; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineLabel.indentLevel1 { padding-left: 10px; } .tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineLabel.indentLevel2 { padding-left: 20px; } .tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineLabel.indentLevel3 { padding-left: 30px; } .tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineValue { color: #656565; } .tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineValue.floatRight { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineValue.floatRight.isRating { max-width: initial; } .tabHandle_LinkedTab.vert > .summary > .summaryLineColoured > .summaryLineLabel { padding: 0 5px; text-transform: capitalize; color: #fff; display: inline-block; } .tabHandle_LinkedTab.vert > .summary > .summaryLineColoured, .tabHandle_LinkedTab.vert > .summary > .summaryLineTag { padding: 3px 0; } .tabHandle_LinkedTab.vert > .summary > .summaryLineColoured ~ .summaryLineTag, .tabHandle_LinkedTab.vert > .summary > .summaryLineTag ~ .summaryLineColoured { padding: 1px 0 3px 0; } .tabHandle_LinkedTab.vert > .summary > .summaryLine > .tagCode { color: #fff; text-transform: uppercase; display:block; float:left; padding: 0 5px; } .tabHandle_LinkedTab.vert > .summary > .summaryLine > .tagDesc { border-width: 1px; border-style: solid; border-left: none; background-color: #fff; display:block; float:left; padding: 0 5px; } .tabHandle_LinkedTab.vert > .summary > .summaryImage ~ .summaryHeading, .tabHandle_LinkedTab.vert > .summary > .summaryImage ~ .summaryLine, .tabHandle_LinkedTab.vert.loadSectionSummaryAsync > .summary > .summaryImage ~ .summaryLoadingPanel { margin-left: 29px; } /* Section Not Ready */ .tabControl > .editablePanel > .content > .sectionNotReady { display:block; padding: 15px; border-radius: 10px; } .tabControl > .editablePanel > .content > .sectionNotReady > .processSpinner { border-radius: 32px; margin: 10px auto; padding: 0; } .tabControl > .editablePanel > .content > .sectionNotReady .literalText { color: #00A7FF; font-weight: 600; text-align: center; } .tabControl > .editablePanel > .content > .sectionNotReady .literalText .editorField{ width: 100%; } .tabControl > .editablePanel > .content > .sectionNotReady .literalText .plainText{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sectionNotReadyProcessingText { font-size: 1.2em; } .sectionNotReadyProcessingSubText { font-size: 0.9em; } /* Section disabled */ .mainTabControl.hasDisabledSection{ height: 100%; } .tabControl > .editablePanel.sectionDisabled { position: absolute; display:block; height: 100%; width: 100%; box-sizing: border-box; } .tabControl.inlineTabControl > .editablePanel.sectionDisabled { position: relative; height: 128px; } .tabControl > .editablePanel.sectionDisabled > .content{ top: 30%; position: relative; } .tabControl.inlineTabControl > .editablePanel.sectionDisabled > .content { top: 0; } .tabControl > .editablePanel.sectionDisabled .sectionDisabledIcon{ position: relative; width: 100%; color: #f36e6e; } .tabControl > .editablePanel.sectionDisabled .literalText { font-weight: 600; text-align: center; margin-top: 30px; } .tabControl > .editablePanel.sectionDisabled .literalText .editorField{ width: 100%; } .tabControl > .editablePanel.sectionDisabled .literalText .plainText{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sectionDisabledText { font-size: 1.2em; } /* Worksheet Process Section */ .worksheetProcessSection > .editablePanel.scrollContent > .content { border-top: none; } .worksheetProcessSection > .editablePanel > .content > .worksheetProcess { padding: 0 10px; } /* Links Section */ .linksSection > .editablePanel > .content { padding-left: 10px; padding-right: 10px; } .linksSection > .editablePanel > .content > .link:hover, .linksSection > .editablePanel > .content > .panel > .fieldsContainer > .link:hover { background-color: #F3F3F3; } .linksSection > .editablePanel > .content > .link, .linksSection > .editablePanel > .content > .panel > .fieldsContainer > .link { line-height: 48px; height: 48px; font-size: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; color: inherit; display:block; padding: 10px; } .linksSection > .editablePanel > .content > .link > .icon48, .linksSection > .editablePanel > .content > .panel > .fieldsContainer > .link > .icon48 { float: left; margin-right: 10px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.35); } /* Charts Section */ .chartsSection.inlineTabControl > .editablePanel > .content > .chartContainer.singleChart > .chartTitle { display: none; } .naturalViewSection.inlineTabControl, .previewSection.inlineTabControl, .documentPreviewSection.inlineTabControl { min-height: var(--ciaHeightMinInlineSectionHeight); } .tabHandlesInnerContainer_LinkedTab { background-color: #fff; } /* Tab Handle Classes */ .tabHandle_LinkedTab.enabled:active, .tabHandle_LinkedTab.enabled:focus { background-color: #FFF; } .tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab { padding-right: 50px; } .tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab:after { width:24px; height:24px; display:block; position: absolute; top:50%; right:10px; margin-top: -12px; } .tabHandlesMoreButton_LinkedTab { float: right; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: transparent; } .tabHandlesMoreButton_LinkedTab > .dropdown { padding: 10px 10px 8px 10px; border: none; background: none; box-shadow: none; } .linkedTabbedControl.horiz > .tabsContainer_LinkedTab { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .linkedTabbedControl.horiz > .tabsContainer_LinkedTab > .tabControl { width: 100%; height: 100%; display: none; position:relative; } .linkedTabbedControl.horiz > .tabsContainer_LinkedTab > .tabControl.selected { display: block; } .linkedTabControl .thumbnailItem.selected { background-color: white !important; } .linkedTabControl .thumbnailItem.selected .headCol { color: #b65819; font-weight: bold; } .linkedTabControl .thumbnailItem.selected:before { color: #b65819; content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -8px; border-right: solid 8px; border-top: solid 8px transparent !important; border-bottom: solid 8px transparent !important; width: 0; height: 0; } .linkedTabControl.leftTabControl > .editablePanel > .topActionPane { display:none; } /* Inline Tabs */ .inlineTabContainerPanel > .inlineTabContainer > .inlineTabControl { position:relative; padding: 0 !important; } .inlineTabControl > .editablePanel > .topActionPane { display:block; float: none; text-align: right; } .inlineTabControl > .editablePanel > .header { display: none; } .inlineTabControl > .editablePanel > .content { padding: 0; } .inlineTabControl > .relatedDataPortlet > .fullEnquiryLink, .inlineTabControl > .fieldsContainer > .relatedDataPortlet > .fullEnquiryLink { top: 0; } .inlineTabControl > .editablePanel > .content > .relatedDataPortlet > .headerBar { background: transparent; border: none; } /* Section Not Ready */ .tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab.vert.sectionNotReady { padding-right: 75px; } .tabHandle_LinkedTab.sectionNotReady > .processSpinner { position: absolute; top: 50%; margin-top: -12px; right: 40px; border-radius: 12px; } /* Natural View Section */ .naturalViewSection.inlineTabControl > .editablePanel > .content > .naturalViewContainer > .iFrameContainer > .naturalViewScaleWrapper > .iFrame { min-height: 0; height: 0; } .naturalViewSection.inlineTabControl > .editablePanel > .content > .naturalViewContainer > .iFrameContainer > .naturalViewScaleWrapper > .iFrame.loaded { height: auto; } .naturalViewSection.inlineTabControl > .editablePanel > .topActionPane > .contentNavigator { display:inline-block; } .naturalViewSection.inlineTabControl > .editablePanel > .topActionPane > .contentNavigator > .navigatorPrev { float:none; display:inline-block; margin-right: 5px; padding:3px; } .naturalViewSection.inlineTabControl > .editablePanel > .topActionPane > .contentNavigator > .navigatorNext { float:none; display:inline-block; padding:3px; } .naturalViewSection.inlineTabControl > .editablePanel > .topActionPane > .naturalViewMenuActionsContainer.hasMenu { display: inline-block; padding: 0; margin-left: 10px; } /* Document Preview Section */ .documentPreviewSection > .editablePanel.image > .content > img { max-width: 100%; } /* Map Section */ .mapSection .content { padding: 0px; position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; } .mapSection .content > .map > .mapContainer { padding: 0; border: none; } /* Charts Section */ .chartsSection.inlineTabControl > .panelHeader ~ .fieldsContainer > .chartContainer.singleChart > .chartTitle { display: none; } /* Forms Section */ .formSection.inlineTabControl > .editablePanel > .topActionPane > .formsPageCounter { display: inline-block; } .formSection.inlineTabControl > .editablePanel > .topActionPane > .formsSectionNavigationDropDownControl > .formsSectionNavigationButton { padding: 5px; margin: 0; border: none; background: none; box-shadow: none; min-width: 0; } .linkItem { position: relative; white-space: nowrap; overflow: hidden; } .linkItem.enabled { cursor: pointer; } .linkItemOuterContainer { position: relative; padding: 10px; } .linkItemOuterContainer:focus { outline: none; } .linkItem.enabled:hover > .linkItemOuterContainer { background-color: #F3F3F3; } .linkItemInnerContainer { height: 48px; line-height: 48px; } .linkItem.hasJobId > .linkItemOuterContainer > .linkItemInnerContainer { margin-right: 58px; } .linkItemImageContainer { position: relative; float: left; display: block; z-index: 1; margin-right: 10px; } .linkItemImage { padding: 0; display: block; border-radius: 4px; background-size: 100%; box-shadow: 0 2px 5px rgba(0,0,0,0.35); width: 48px; height: 48px; } .linkItemHeading { display: block; vertical-align: top; font-size: 1.2em; font-weight: 600; overflow:hidden; text-overflow: ellipsis; } .linkItem.disabled > .linkItemOuterContainer > .linkItemInnerContainer > .linkItemImageContainer > .linkItemImage, .linkItem.disabled > .linkItemOuterContainer > .linkItemInnerContainer > .linkItemHeading { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } .linkItem.disabled > .linkItemOuterContainer > .linkItemInnerContainer > .linkItemImageContainer > .linkItemImage { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .linkItemJobSpinner { position: absolute; top: 50%; margin-top: -16px; opacity: 0.5; right: 26px; } .linksToFunctionsContainer { display: flex; background-color: rgba(255, 255, 255, 0.1); } .linkToFunctionMoreContainer { width: 16%; } .linksToFunctionsContainer > * { flex: 1; box-sizing: border-box; } .linkToFunction, .linkToFunctionMoreButton { height: 36px; color: #fff; box-sizing: border-box; } .linkToFunctionContainer:last-of-type{ margin-right: 0; } .linkToFunctionMoreButton { width: 100%; border-radius: 0; border: none; background-color: transparent; -webkit-box-shadow: none; -webkit-tap-highlight-color: none; } .linkToFunction.selected, .linkToFunctionMoreButton.selected { color: #000; background-color: rgba(255, 255, 255, 0.9); } .linkToFunction:hover:not(.mainBGCol5) { background-color: rgba(255, 255, 255, 0.15); cursor: pointer; } .functionIcon, .functionLabel { height: 36px; display: table-cell; vertical-align: middle; } .functionLabel { padding-right: 5px; } .linkToFunctionImage { height:24px; width:24px; float: left; margin-right: 5px; margin-left: 5px; border-radius: 50%; border: solid 1px rgba(0, 0, 0, 0.05); } .linkToFunctionHeading { font-size: 0.9em; line-height: 15px; vertical-align: top; position: relative; display: block; max-height: 32px; box-sizing: border-box; word-break: break-word; } .linkToFunctionMoreButton > .dropdownButtonLabel { /* margin:0; */ /* line-height:24px; */ font-size: 0.8em; /* display: none; */ text-transform: uppercase; /* display: block; */ position: absolute; bottom: 5px; margin-left: -5px; } .linkToFunctionMoreButton > .icon16 { /* padding: 4px; */ /* line-height:24px; */ /* display: inline-block; */ margin-top: -8px; } .plainText, .htmlText, .paraText { padding: 5px 0; word-break: break-word; } .sideBySideContainer .styleContainer + .paraText { line-height: 20px; padding: 4px 0; border: solid 1px transparent; margin-top: 4px; } .htmlText p, .htmlText ul, .htmlText ol { margin: 1em 0; line-height: 1.5em; } .htmlText ul, .htmlText ol { padding: 0 0 0 40px; } .htmlText ul ul, .htmlText ol ol, .htmlText ul ol, .htmlText ol ul { margin: 0; } .htmlText ul { list-style-type: disc; list-style-position: inside; } .htmlText ol { list-style-type: decimal; list-style-position: inside; } .htmlText ol ul, .htmlText ul ul { list-style-type:circle; } .htmlText ol ol ul, .htmlText ol ul ul, .htmlText ul ol ul, .htmlText ul ul ul{ list-style-type: square; } .literalText.controlContainer{ padding: 0; overflow: hidden; /* do not allow contents to exceed the container - this helps with borders, background colours etc */ } .literalText .editorLabelAutoWidth { display: inline-block; } .literalText.controlContainer.stackedStyle > .editorField{ display: block; } .literalText.controlContainer > .editorField{ padding: 4px 0; display: inline-block; } .literalText.controlContainer > .glyph{ top:5px; position: relative; margin-right: 5px; } .literalText.controlContainer.dataFldPadding0 > .glyph{ top: 0; } .literalText > * { box-sizing: border-box; /*inner elements may have paddings and widths. This ensures the widths are calculated correctly */ } /* Summary form override */ .summaryForm .literalText.controlContainer > .editorField { padding: 2px 0; } .summaryItem .rightContent .literalText .glyph { margin-right:0; } .summaryItem .rightContent .literalText { margin-bottom:0; } .consumerStyle .htmlText strong { font-family:inherit !important; font-size:inherit !important; } .map-control-toolbar-row > a { width: 26px; height: 26px; display: inline-block; } .leaflet-container a.map-control-tool-button { opacity: 0.85; color: black; } a.map-control-tool-button.map-control-toolbar-enabled { color: orangered; outline-style: none; opacity: 1; /*background-color: rgba(0, 0, 0, 0.15);*/ /*border-radius: 4px;*/ } a.map-control-tool-button { text-align: center; text-decoration: none; color: black; font-size: 16px; font-family: 'iconGlyph'; text-indent: 1px; background-image: none; padding-top: 0px; height: 24px; } .map-control-fullscreen > a::after { content: "\E039"; } a.map-control-nav-rectangle::after { content: '\E302'; } .map-control-selection-toggle-plus::after { content: '\E566'; /*float: left;*/ /*border-right:1px solid #ababab;*/ /*opacity: 0.85;*/ } .map-control-selection-toggle-minus::after { content: '\E567'; /*opacity: 0.85;*/ } .leaflet-bar { boarder: none; } .leaflet-bar > a.leaflet-control-zoom-fullscreen, .leaflet-bar > a.map-control-zoom-rectangle-button, .map-control-gps.leaflet-bar.leaflet-control > a, .leaflet-control-layers.leaflet-control > a, .map-control-entity-actions.leaflet-bar > a, .map-control-layer-switcher-buttons.leaflet-bar > a, .map-control-toolbar-row > a, .map-control-selection-toggle > div { font-family: 'iconGlyph'; background-size: auto 26px; } .map-control-nav-zoom-in::after { content: '\E146'; } .map-control-nav-zoom-extent::after { content: '\F055' ; } .map-control-nav-zoom-out::after { content: '\2212'; } div.map-controls-layer-switcher-menu-container { position: absolute; right: 40px; } div.map-controls-layer-switcher-menu-list { display: flex; flex-direction: column; } div.map-controls-layer-switcher-menu > form > div > label { display: flex; flex-direction: row; } .map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-base-maps-button::after { content: '\E591'; } .map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-overlays-button::after { content: '\E255'; } .map-control-fullscreen { float: right; border: none !important; background-clip: padding-box; box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; } .map-control-linktoenterprise { float: right; border: none !important; background-clip: padding-box; box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; } .map-control-indoormapcontrol { float: right; border: none !important; background-clip: padding-box; box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; } .map-control-toolbar-row > a.map-control-selection-clear::after { content: "\E572"; } .map-control-fullscreen.map-control-fullscreen-shrink > a::after { content: "\F039"; } .map-control-nav-gps-tracking::after { content: '\E581'; color: dodgerblue; } .map-control-nav-gps-shown::after { content: '\E565'; color: dodgerblue; } .map-control-nav-gps-off::after { content: '\E565'; color: lightgray; } .leaflet-retina a.map-control-selection-point::after, a.map-control-selection-point::after { content: '\E575'; } .leaflet-retina a.map-control-selection-circle::after, a.map-control-selection-circle::after { content: '\E576'; } .leaflet-retina a.map-control-selection-rectangle::after, a.map-control-selection-rectangle::after { content: '\E577'; } .leaflet-retina a.map-control-selection-freeform::after, a.map-control-selection-freeform::after { content: '\E578'; } a.map-control-draw-polyline::after { content: '\E573'; } a.map-control-draw-polygon::after { content: '\E574'; } a.map-control-draw-rectangle::after { content: '\E558'; } a.map-control-draw-marker::after { content: '\E215'; } a.map-control-draw-remove.leaflet-disabled::after { content: '\E057'; color: lightgray; } a.map-control-draw-remove::after, a.map-control-entity-actions-remove::after { content: '\E057'; } a.map-control-entity-actions-pin-location::after { content: '\E596'; } a.map-control-entity-actions-pin-center::after { content: '\E597'; } .map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-base-maps-button::after { content: '\E591'; } .map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-overlays-button::after { content: '\E255'; } .map-marker-bulb.map-marker-selected { border: solid orange; } .map-marker-bulb.map-marker-active { border: dashed orange; } .map-marker-bulb.map-marker-info { border: dashed lightblue; } .map-marker-tail-border.map-marker-info { border-color: lightblue transparent transparent transparent; } .map-marker-tail-border.map-marker-active { border-color: orange transparent transparent transparent; } .map-marker-tail-border.map-marker-selected { border-color: orange transparent transparent transparent; } .map-control-floor-controls { } .map-control-floor-control-hidden { display: none !important; } .map-control-floor-switcher { overflow-y: auto; overflow-x: hidden; max-height: 154px; } .map-control-floor-button { color: black; font-size: 15px !important; font-family: Osans, Arial, Verdana, sans-serif !important; text-indent: 1px; width: auto !important; border-width: thin !important; } .map-control-floor-selected-button { background: #df6c00 !important; color: white !important; } .map-control-indoor-map-button-enabled { color: orangered !important; outline-style: none; opacity: 1; } .map-control-close-button { background: #e6e6e6 !important; border-width: thin !important; font-size: 17px !important; display: block; padding: 0px 10px 2px 10px; margin: 0px 0px 2px 0px; } .map { border: solid 2px; height: inherit; z-index: 1; -webkit-transform: translate3d(0,0,0); box-sizing: border-box; } .mapContainer { border: solid 1px; display: block; padding: 3px; height: 100%; position: relative; background-color: #fff; -webkit-transform: translate3d(0,0,0); box-sizing: border-box; } .mapContainerInner { position: relative; width: auto; height: 100%; } .pinCurrent { position: absolute; right: 0; top: 0; z-index: 2; background-color: #fff; padding: 4px; -webkit-transform: translate3d(0,0,0); } .map.fullscreen { z-index: 999999; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100% !important; } .fullscreen > .pinCurrent { z-index: 999999; } .map input { height: 16px; width: 16px; min-height: inherit; -webkit-appearance: checkbox; } .map-cluster-tiny { background-color: rgba(75, 190, 65, 0.8); margin-left: 0px; margin-top: 0px; width: 10px; height: 10px; } .map-cluster-small { background-color: rgba(180, 255, 160, 0.6); } .map-cluster-small div { background-color: rgba(75, 190, 65, 0.6); width: 20px; height: 20px; } .map-cluster-small span { line-height: 20px; } .map-cluster-medium { background-color: rgba(255, 220, 90, 0.6); } .map-cluster-medium div { background-color: rgba(230, 185, 15, 0.6); width: 28px; height: 28px; } .map-cluster-medium span { line-height: 28px; } .map-cluster-large { background-color: rgba(240, 110, 60, 0.6); } .map-cluster-large div { background-color: rgba(220, 95, 70, 0.8); width: 35px; height: 35px; } .map-cluster-large span { line-height: 35px; } .map-cluster-white { background-color: rgba(240, 240, 240, 0.6); } .map-cluster { background-clip: padding-box; border-radius: 30px; } .map-cluster div { margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 25px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; } .map-marker-bulb-outerborder { position: absolute; width: 36px; height: 36px; border-radius: 35px; top: -2px; left: 0; box-sizing: border-box; } .map-marker-tail-outerborder { position: absolute; width: 0; height: 0; border-style: solid; border-width: 18px 13px 0 13px; top: 25px; left: 5px; } .map-marker-bulb { position: absolute; width: 32px; height: 32px; border: 4px solid; border-color: white; border-radius: 32px; top: 0; left: 2px; box-sizing: border-box; } .map-marker-bulb.map-marker-selected { border-color: orange; } .map-marker-tail { position: absolute; width: 0; height: 0; border-style: solid; border-width: 9px 5px 0 5px; top: 25px; left: 13px; } .map-marker-tail-border { position: absolute; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: white transparent transparent transparent; top: 25px; left: 8px; } .map-marker-tail-border.map-marker-selected { border-color: orange transparent transparent transparent; } .map-selection-info { background-color: rgba(255, 255, 255, 0.8); } .map-selection-info { background-color: rgba(255, 255, 255, 0.8); } .leaflet-bar a { width: 32px !important; height: 32px !important; } .map-control-spinner { float: right; display: block; background-color: white; background-image: url(https://cdn.t1cloud.com/cianywhere/content/base/images/loaderlbg.gif?v=12.0.251.0); background-position: 4px 4px; background-repeat: no-repeat; height: 24px; width: 24px; margin-top: 10px; border-radius: 3px; } .map-control-toolbar-section:last-child { border-bottom: none; border-top: 1px solid #bbbbbb; } .map-control-toolbar-section { border-top: none; margin-top: none; } .map-control-toolbar-content-expander { border-bottom: none; background-color: #e6e6e6; } .map-control-toolbar-content { background-color: #fff; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,0.35); } .map-control-toolbar-header { font: normal 10px 'Open Sans', Monaco, monospace; padding-bottom: 2px; } .map-control-toolbar-row { height: 34px; } .map-control-toolbar-row a { opacity: 0.85; } .map-control-toolbar-row > a { width: 34px; height: 34px; display: inline-block; line-height: 30px; } .map-control-toolbar-content-expander a:hover { text-decoration: none; opacity: 1; } .map-control-toolbar-row > a.map-control-nav-zoom-in, .map-control-toolbar-row > a.map-control-nav-zoom-out { text-align: center; text-decoration: none; color: black; font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; background-image: none; } .map-control-toolbar-content-expander { display: none; } .map-control-toolbar-content-expander a { float: right; width: 16px; height: 16px; font-family: 'iconGlyph'; opacity: 0.75; text-decoration: none; } .map-control-toolbar-content-expander a:before { content: "\E063"; color: #919187; } .map-control-toolbar-content-expander.map-controls-toolbar-content-expander-collapsed a:before { content: "\E064"; color: #919187; } .map-control-toolbar-enabled { opacity: 1; background-color: rgba(0, 0, 0, 0.15); } .map-control-toolbar > .map-control-toolbar-actions { display: block; position: absolute; left: 35px; background-color: #919187; border-radius: 0 4px 4px 0; } .map-control-toolbar > div.map-control-toolbar-actions > a:first-child { border-left: none; } .map-control-toolbar > .map-control-toolbar-actions > a { padding-left: 10px; padding-right: 10px; border-left: 1px solid #AAA; height: 28px; line-height: 28px; text-decoration: none; color: #FFF; white-space: nowrap; } .map-control-fullscreen { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } /* Selection */ /*--Custom Sprite images--*/ .map-control-nav-zoom-in::after { content: '+'; } .map-control-nav-zoom-out::after { content: '-'; } .map-control-selection-toggle { text-align: center; } .map-control-selection-toggle > div { width: 24px; height: 20px; display: inline-block; } .map-control-selection-toggle-add > .map-control-selection-toggle-plus { background-position: -208px 0; } .map-control-selection-toggle-add > .map-control-selection-toggle-minus { background-position: -156px 0; } .map-control-selection-toggle-remove > .map-control-selection-toggle-plus { background-position: -182px 0; } .map-control-selection-toggle-remove > .map-control-selection-toggle-minus { background-position: -130px 0; } .leaflet-bar.leaflet-control > a, .leaflet-bar.leaflet-control > a:hover, .leaflet-draw-toolbar.leaflet-bar > a, .leaflet-draw-toolbar.leaflet-bar > a:hover, .leaflet-control-layers.leaflet-control > a, .leaflet-control-layers.leaflet-control > a:hover, .map-control-entity-actions.leaflet-bar > a, .map-control-entity-actions.leaflet-bar > a:hover { width: 32px; height: 32px; line-height: 32px; } /* New popup styles */ .map-list-popup-wrapper-single .map-list-popup-info { height: 47px; } .map-list-popup-wrapper-single .map-list-popup { height: 50px; } .map-list-popup-wrapper-single .map-list-popup-button > div { padding-top: 17px; } .map-list-popup-wrapper-single .map-list-popup-image { margin-top: 11px; } .map-list-popup-wrapper { overflow-y: auto; overflow-x: hidden; background-color: white; max-height: 140px; border-radius: 7px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2); } .map-list-popup { padding: 0px 0px 0px 4px; border-bottom: 1px solid lightgrey; height: 40px; } .map-list-popup-image { width: 32px; height: 32px; float: left; padding: 0px 6px 0px 0px; margin-top: 5px; margin-left: 4px; background-repeat: no-repeat; background-color: white; background-size: 32px 32px; } .map-list-popup-colour { float: left; height: 100%; width: 3px; } .map-list-popup-info { padding-left: 5px; float: left; width: 190px; height: 37px; padding-top: 3px; overflow: hidden; white-space: nowrap; } .map-text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .map-list-popup-buttons { float: right; height: 100%; } .map-list-popup-button { border-left: 1px solid lightgrey; height: 100%; float: left; } .map-list-popup-button:hover { cursor: pointer; background-color: rgb(245, 245, 245); } .map-list-popup-button > div { width: 30px; padding-top: 12px; } .map-list-popup-button-actions .handle { padding: 0px; } .map-list-popup-button-details:before { content: '\E061'; color: grey; font-weight: bold; } /* Popup styles */ .map-popup-left { height: 100%; border-top-left-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; } .map-popup-image { position: absolute; background-repeat: no-repeat; width: 24px; height: 24px; background-size: 24px; left: 11px; top: 19px; } .map-popup-image-border { float: left; width: 40px; height: 100%; border-right-width: 3px; border-right-style: solid; background-color: white; } .map-popup-main-text { padding-top: 7px; margin-left: 50px; white-space: nowrap; line-height: 16px; } .map-popup-layer-text { text-transform: uppercase; } .map-popup-title-text { font-size: 120%; } .map-popup-title-text, .map-popup-layer-text, .map-popup-id-text { text-overflow: ellipsis; overflow: hidden; } .map-popup-right { height: 100%; float: right; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .map-popup-left-rounded-right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .map-popup-right-button { float: left; width: 40px; height: 100%; box-sizing: border-box; border-left: 2px solid rgb(224, 224, 224); } .map-popup-right-button:hover { cursor: pointer; background-color: rgb(245, 245, 245); } .map-popup-actions-icon-wrapper { text-align: center; position: relative; } .map-popup-right .map-popup-actions-icon { display: inline; line-height: 60px; margin: auto; } .map-list-popup-button-actions:before, .map-popup-actions-icon:before { content: var(--ciaIconDropdownMore); color: grey; } .map-popup-right-button:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .map-popup-right-button:last-child:hover { cursor: pointer; background-color: rgb(245, 245, 245); } .map-popup-right .map-popup-details-icon { display: inline; margin: auto; line-height: 60px; } .map-popup-details-icon:before { content: '\E061'; color: grey; font-weight: bold; } /* Styles for the 'map messages' message */ div.map-control-map-messages { margin: auto; width: 60%; background: white; border-radius: 4px; margin-top: 10px; padding: 10px 6px; text-align: center; border: 1px solid lightgrey; display: none; float: none; } /* Styles for the 'too many features' message */ div.map-control-too-many-features { margin: auto; width: 60%; background: white; border-radius: 4px; margin-top: 10px; padding: 10px 6px; text-align: center; border: 1px solid lightgrey; display: block; float: none; } /* Styles for the layer switcher */ .map-control-layer-switcher-buttons.leaflet-bar { float: right; border: none !important; background-clip: padding-box; box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; } div.map-controls-layer-switcher-menu-header { text-align: center; color: black; font-weight: bold; cursor: default; padding-top: 7px; } div.map-controls-layer-switcher-menu-close { position: absolute; top: 7px; right: 7px; } div.map-controls-layer-switcher-menu > form > div > label > span { white-space: nowrap; vertical-align: bottom; line-height: 20px; text-overflow: ellipsis; overflow-x: hidden; display: inline-block; width: 135px; } div.map-controls-layer-switcher-menu > form > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-height: 450px) { div.map-controls-layer-switcher-menu-base-maps-six-or-more > form > div { max-height: 100px; /* height of 5 basemaps in list */ overflow-x: hidden; overflow-y: scroll; text-overflow: ellipsis; white-space: nowrap; } } div.map-controls-layer-switcher-menu { position: relative; background-color: white; border-radius: 4px; padding: 0px 20px 8px 5px; box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-bottom: 1px solid grey; min-width: 120px; } .map-controls-layer-switcher-layer-colour { width: 10px; height: 10px; display: inline-block; border: 1px solid black; margin: 3px 0 0 5px; float: right; } /* Do not remove -- this is to force the map controls to render using the 3d codepath. * Without this, on WebKit browsers (which have a known issue with DOM/Canvas interactions) * such as Safari on iOS, will flake out and the controls won't appear unless you wait * ~ 10 seconds or tap on the DOM near the error (ie on the map). */ .leaflet-top, .leaflet-bottom { -webkit-transform: translate3d(0, 0, 0); } .map-control-floor-switcher { overflow-y: auto; max-height: 98px; } .map-control-floor-controls { margin-right: 10px !important; } .map-control-floor-controls a { width: auto !important; } .matchDataControl .matchSummaryContainer .crtSelection { margin-top: 5px; display: inline-block; line-height: 24px; padding: 0 5px; border-radius: 3px; color: #FFF; } .matchDataControl .matchSummaryContainer > .matchSummary{ display: inline-block; vertical-align: top; text-align: right; } .matchDataControl .matchSummaryContainer > .matchSummary > .matchSummaryWrapper{ margin-right:5px; padding:10px; height:100%; box-sizing: border-box; } .matchDataControl .matchSummaryContainer > .matchSummary.matchDataSummary > .matchSummaryWrapper{ margin-right:0px; } .matchDataControl .matchSummaryContainer .summaryLine { font-size: 1.6em; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #656565; } .matchDataControl .matchSummaryContainer > .matchDataSummary .summaryLine{ font-size: 1.9em; line-height: 30px; } .matchDataControl { } .matchDataControl .rdpSectionsContainer .leftRdpSection, .matchDataControl .rdpSectionsContainer .rightRdpSection { line-height: 24px; padding: 10px 24px 10px 10px; margin: 10px 0; position: relative; } .matchDataControl .rdpSection:after { content: "\E061"; opacity: 0.35; font-family: iconGlyph; font-size: 19px; text-align: center; line-height: 24px; display: inline-block; -webkit-font-smoothing: antialiased; width: 24px; height: 24px; position: absolute; top: 50%; right: 10px; margin-top: -12px; } #googlefedlogininstructions, #googlefedloginappmaint, #facebookfedloginappmaint, #microsoftfedloginappmaint, #saml20fedloginappmaint { margin-top: -10px; } .messagePanel > .editorLabel { display: block; width: auto; } .messagePanel { position: relative; margin: 5px 0; padding-left: 40px; padding-top: 7px; padding-right: 5px; min-height:30px; } .messagePanel .iconContainer{ position: absolute; left: 0; top: 0; bottom: 0; padding: 5px 10px; } .messagePanelContents { padding-left: 8px; padding-bottom:10px; padding-top: 7px; } .messagePanelContents > .panel, .messagePanelContents > .panel div { padding-top: 0 !important; } .messagePanelHeading { padding-left: 8px; font-weight: 600; font-size: 0.9em; padding-top: 2px; line-height: 1.5em; } .messagePanelContents { padding-left: 0; } .messagePanelHeading { padding-top: 0; } .controlContainer.nativeLink.readonly { background-color: rgba(255, 255, 255, 0.5); border-color: #e6e6e6; } .controlContainer.nativeLink > .editorLabel > label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; line-height: 14px; } .controlContainer.nativeLink > .editorField { display: table; padding: 3px 4px 2px 4px; width: 100%; table-layout: fixed; } .controlContainer.nativeLink > .editorField > .nativeLinkSpan { min-height: 16px; line-height: 16px; padding: 0; margin: 0; display: table-cell; width: 100%; font-size: 1.1em; color: #656565; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .controlContainer.nativeLink > .editorField > .nativeLinkSpan > .userDetails { overflow: hidden; text-overflow: ellipsis; } .controlContainer.nativeLink > .editorField > .nativeLinkLink { display: table-cell; width: 30px; min-width:30px; height: 18px; min-height: 18px; line-height: 18px; padding: 0; background-color: transparent; text-decoration: none; text-align: center; } .nativeLink.empty > .editorField > .nativeLinkLink { color: #656565; cursor: default; } .phone > .icon16:before { content: "\E202"; } .sms > .icon16:before { content: "\E244"; } .email > .icon16:before { content: "\E182"; } .userImage > .icon16:before { content: "\E251"; } .url > .icon16:before { content: "\E081"; } .naturalLanguageSearch { position:relative; border-color: #ccc; } .naturalLanguageSearch.readonly .readOnlyNLValue { white-space: pre-wrap; word-break: break-word; } .naturalLanguageSearch { position:relative; border-color: #ccc; } .navigatorPrev, .navigatorNext { height: 24px; width: 24px; border: none; padding: 7px; } .navigatorPrev > .icon24, .navigatorNext > .icon24 { display: inline-block; } .navigatorPrev > .icon24:before { content: "\F048"; } .navigatorNext > .icon24:before { content: "\F047"; } .navigatorPrev.disabled > .icon24, .navigatorNext.disabled > .icon24 { opacity: 0.3; } .notification.wrapper { margin: 0; visibility: hidden; position: absolute; z-index: 9100; left: 5px; right: 5px; top:-100px; transition: top 0.3s ease-in-out; } .notification.wrapper.shown{ top: 5px; visibility: visible; } .notification.wrapper > div { background-color: #ffffff; box-shadow: 0 2px 5px rgba(0,0,0,0.5); position: relative; padding-bottom: 10px; } .notification .statusBar { position: absolute; left: 0; bottom: 0; top: 0; width: 50px; } .notification .container .header { display:inline-block; padding:0 10px; margin-top:10px; border-radius:30px; } .notification .statusBar .glyph{ position: absolute; left: 10px; top: 50%; margin-top: -20px; } #NotificationMessagesContainer{ max-height: 80vh; overflow-y: auto; } .notification .header .total { font-weight: 600; line-height: 2em; text-transform: uppercase; font-size: 1.3em; } .notification .header a{ margin-left: 10px; border-left: 1px solid rgba(255,255,255,0.5); line-height: 2em; text-decoration: none; position: relative; float: right; padding: 4px 0; } .notification .header a:not([href]){ display: none; } .desktop .notification .header a:hover .tooltip { display: block; } .notification .actions { position: absolute; top: 0; right: 0; } .notification .actions > * { display: inline-block; vertical-align: top; margin: 2px 5px; cursor: pointer; padding: 4px 6px; position: relative; } .notification .tooltip { position: absolute; display: none; padding: 4px; top: 35px; white-space: nowrap; left: -50%; border: solid 1px rgba(0, 0, 0, 0.26); background: white; border-radius: 5px; } .notification .actions div:hover{ opacity: 1; } .notification .actions div:hover .tooltip{ display: block; } .notification .errorMessages { overflow-y: auto; max-height: 80vh; margin-right: 20px; } .notificationItem { line-height: 2em; margin-top: 5px; padding-top: 5px; } .notificationItem > .glyph{ padding: 0px 5px; display: inline-block; } .notificationItem a { text-decoration: underline; } .notification .emailTo{ display:none; } .category[data-t1-category="alert"] .glyph.icon16:before { content: "\E290"; } .notification.wrapper.shown { visibility: visible; } .notification .statusBar{ width:10px; } .notification .statusBar .glyph{ display: none; } #NotificationMessagesContainer{ margin-left: 15px; } .notification .header > .glyph { flex: 0; padding: 5px; } .notification .header { white-space: nowrap; } .notification .header .total { overflow: hidden; text-overflow: ellipsis; } .notification .header > .actions { flex: 0; } .notification .actions .copyTo{ display:none; } .notificationItem { padding-bottom: 10px; border-bottom: solid 1px rgba(0, 0, 0, 0.05); } .notificationItem:last-of-type { border-bottom: none; } #notificationHeader { border: 0; width: 100%; border-radius: 0; } #notificationHeader.shown + .relatedDataPortlet { top: 30px; } #oauth_panel_container { width: 100%; margin: 0 auto; max-height: 150px; height: 150px; } #oauth_panel_image { width: 100px; margin: 0 auto; } #oauth_panel_content { padding-top: 3px; margin: 0 auto; text-align: center; word-wrap: break-word; } #oauth_parent_panel { padding: 5px; } #oauth_link:link { text-decoration: none; } #oauth_link:hover { text-decoration: underline; } #oauth_link:active { text-decoration: underline; } .page { width: 100%; height: 100%; position: relative; float: left; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .pageHeader { height: 55px; padding: 0; margin: 0; left: 0; right: 0; width: 100%; position: absolute; /*color: #000;*/ z-index:9900; } .pageHeaderWithoutText, .pageHeaderWithoutButtons { height: 40px; } .pageHeaderMenuContainer { height: 40px; position:relative; z-index: 9901; display: flex; } .pageHeaderMenuItem { height: 40px; position: relative; flex-grow: 1; box-sizing: border-box; border: solid 1px transparent; } .pageHeaderMenuItem.back, .pageHeaderWithoutButtons > .pageHeaderMenuItem{ flex-grow:0; justify-content:center; min-width:25%; } .pageHeaderMenuItem.disabled { background-color: transparent !important; background-image: none; opacity: 0.1; } .pageHeaderMenuContainer > .overwriteHeaderButton, .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl > button { border-radius: 0; } .pageHeaderMenuContainer > .overwriteHeaderButton:not(.primary), .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl:not(.primary) > button:not(.primary) { background:none; background-color:transparent; border:transparent; color: var(--ciaColourTextHeaderButton); } .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl > button { width:100%; height:100%; } .pageHeaderCustomButton { height: 100%; border-radius: 0 !important; width: 80px; box-sizing: border-box; border: none; color: #FFF; } .pageHeaderCustomButton.noLabelText { width: 40px; } .pageHeaderCustomButton:not(.primary) { background: transparent; } .pageHeaderText { font-weight: normal; font-size: 1em; font-family: Osans, Arial, sans-serif; text-align: center; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; line-height: 14px; padding: 1px 0; box-sizing: border-box; text-transform: uppercase; height: 16px; z-index: 9021; border-bottom-width: 2px; /* Border-style-solid defined in colours.cshtml */ } .pageHeaderWithoutButtons > .pageHeaderText { font-size: 1.2em; text-transform: capitalize; flex: 1; background-color:transparent; } .page.blindOptions > .pageHeader, .page.blindOptions > .pageContent { background-color: transparent; background-image: none; } .page.blindOptions > .pageHeader, #ContextualPanelPage .pageHeader { border-bottom: solid 1px rgba(0, 0, 0, 0.15); } .page.blindOptions > .pageHeaderWithoutButtons > .headerButton:active, .page.blindOptions > .pageHeaderWithoutButtons > .headerButton:focus { background-color: rgba(255,255,255,0.1); } .pageLinksToFunctions { position: absolute; top: 56px; left: 0; right: 0; height: 36px; box-sizing: border-box; } .pageContentHeader { position: absolute; top: 56px; left: 0; right: 0; padding: 5px; height: 44px; box-sizing: border-box; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .pageLinksToFunctions + .pageContentHeader { top: 92px; } .deepLink .pageContentHeader { top: 0; } .pageHeaderWithoutText + .pageContentHeader, .pageHeaderWithoutButtons + .pageContentHeader { top: 40px; } .pageContentHeader > .inputContainer, .pageContentHeader > .inputContainerWithButton { position: absolute; left: 5px; right: 5px; top: 5px; } .pageContentHeader > .inputContainerWithButton { right: 50px; } .pageContentHeader > .inputContainer > input, .pageContentHeader > input { position: relative; border-radius: 3px; outline: none; box-shadow: none !important; height: 34px; border-color: rgba(0, 0, 0, 0.65); } .pageContentHeader > .inputContainerWithButton > input { position: relative; border-radius: 3px 0 0 3px; outline: none; box-shadow: none !important; height: 34px; border-color: rgba(0, 0, 0, 0.65); } .pageContentHeader > .inputContainer > input:focus, .pageContentHeader > .inputContainerWithButton > input:focus, .pageContentHeader > input:focus { border-color: #000; } .pageContent { padding: 0 0 0 0; margin: 0; width: 100%; top: 56px; bottom: 0; position: absolute; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; background-color: #fff; } .page.hasOverlay .pageContent { -webkit-overflow-scrolling: auto; } .workplacePage .pageContent > h1 { font-weight: 600; } .pageHeaderWithoutText ~ .pageContent, .pageHeaderWithoutButtons ~ .pageContent { top: 40px; } .pageContentHeader:not(.hidden) + .pageContent { top: 100px; } .deepLink .pageContentHeader:not(.hidden) + .pageContent { top: 40px; } .pageLinksToFunctions + .pageContent { top: 92px; } .pageLinksToFunctions + .pageContentHeader:not(.hidden) + .pageContent { top: 136px; } .pageHeaderWithoutText + .pageContentHeader:not(.hidden) + .pageContent, .pageHeaderWithoutButtons + .pageContentHeader:not(.hidden) + .pageContent { top:84px; } .deepLink .pageContent { top: 0; } .pageHeader.hidden + .pageContentHeader { top: 0; } .pageHeaderMenuItem:not(.disabled):active, .pageHeaderMenuItem.active, .pageHeader .button:active { background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); } .pageHeaderMenuItem:not(.disabled):active.actions, .pageHeaderMenuItem:not(.disabled):active.active.edit { background-image: radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .pagePrimaryActionContainer{ position: absolute; bottom: 0; left:0; right: 0; text-align: center; } .pagePrimaryActionContainer:empty{ display: none; } .page.hasPageBottomAction .pageContent{ bottom:50px; } .pagePrimaryActionContainer > * { margin: 0 auto 5px; border-radius: 10px; max-width: 80vw; display: block; color: white; padding: 15px; } /*--Consumer styles--*/ .page.consumerStyle { color:#404040; /*--theme --colorGreyWarmDarker--*/ } .consumerStyle .pageHeader { height: 60px; padding:8px; box-sizing:border-box; background-color:#fff; border-bottom:solid 1px #E5E5E5; /*--theme color --colorGreyWarmLighter-50 --*/ } .consumerStyle .pageHeaderMenuContainer { justify-content:space-between; background-color:transparent; height: 100%; box-sizing: border-box; } .consumerStyle .pageContent { top:60px; padding:0 12px; box-sizing:border-box; } .consumerStyle .pageContent .picklistList { margin:0 -12px; } .page.hasPageBottomAction .pageContent { bottom:61px; } .consumerStyle .pageContentHeader:not(.hidden) + .pageContent { top:120px; } .consumerStyle .pageHeader .pageHeaderText { background-color:transparent; color:inherit !important; font-weight: 600; font-size: 0.875rem; font-family: Osans, Arial, sans-serif; text-align: center; text-transform: unset; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; top:8px; bottom:8px; left:66px; right:66px; height:auto; line-height: 44px; padding:0; box-sizing: border-box; z-index:9902; border-bottom-width: 2px; /* Border-style-solid defined in colours.cshtml */ } .consumerStyle .pageHeaderMenuItem { max-width:44px; } .consumerStyle .pageHeaderMenuItem.disabled { display:none; } .consumerStyle .pageHeaderMenuContainer .pageHeaderMenuItem.goHome, .consumerStyle .pageHeaderMenuContainer .pageHeaderMenuItem.optionsButton { display:none !important; } .consumerStyle .pageHeaderMenuItem > .icon24 { display: block; margin-top:6px; margin-left:auto; margin-right:auto; } .consumerStyle .pageHeader .back > .icon24:before, .consumerStyle .pageHeader .actions > .icon24:before, .consumerStyle .pageHeader .pageHeaderActions > .icon24:before { content:""; background-repeat:no-repeat; background-position:center; height:100%; } .consumerStyle button.pageHeaderMenuItem:not(.disabled), button.pageHeaderMenuItem.active, .pageHeader .button { float:right; max-width:44px; padding:0; } .consumerStyle .pageHeaderMenuItem:not(.disabled).back { float:left; min-width: 44px; height: 44px; margin: 0; padding: 0; align-items: center; justify-content: center; display: flex; } .consumerStyle .pageHeaderMenuItem:not(.disabled).actions, .pageHeaderMenuItem:not(.disabled).active.edit { float:right; max-width:44px; background-color:transparent !important; color:inherit; display:none; } .consumerStyle .pageHeader .pageHeaderMenuContainer .pageHeaderMenuItem.primary.selectionAction > #LinkMemberToGroupSection_RDP_SelectionSummary_Client_Actions { display:block; max-width:100%; } .consumerStyleWrapper #ContentContainer .pageHeaderMenuItem.cancel, .consumerStyleWrapper #ContentContainer .pageHeaderMenuItem.save, .consumerStyle .pageHeader .pageHeaderMenuContainer .pageHeaderMenuItem.primary.textBoxControlPickerSet, .consumerStyle .pageHeader .pageHeaderMenuContainer .pageHeaderMenuItem.textBoxControlPickerCancel, .consumerStyle .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl:not(.primary) > button.workflowActivityButton, .consumerStyle .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl:not(.primary) > button.cancel, .consumerStyle .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl:not(.primary) > button.finish { margin-top:0; margin-left:8px; max-width:44px; height:44px; overflow:hidden; background-color:transparent !important; background-position:12px 12px !important; background-repeat:no-repeat; box-shadow:none; } .consumerStyle.page .pageHeaderMenuItem.cancel > .buttonLabel, .consumerStyle.page .pageHeaderMenuItem.textBoxControlPickerCancel > .buttonLabel, .consumerStyle.page .pageHeaderMenuItem.save > .buttonLabel, .consumerStyle.page .pageHeader button.attachmentPageDone > .buttonLabel, .consumerStyle.page .pageHeaderMenuItem.textBoxControlPickerSet > .buttonLabel { padding-left: 44px; margin-left:8px; background-repeat: no-repeat; background-size: 20px; line-height: 20px; background-position: center left; } .consumerStyleWrapper #ContentContainer .pageHeaderMenuItem.cancel, .consumerStyle .pageHeader .pageHeaderMenuContainer .pageHeaderMenuItem.textBoxControlPickerCancel, .consumerStyle .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl:not(.primary) > button.cancel { float:left; height:44px; } .consumerStyle .pageHeaderButtonContainer > #WorkflowActivityOkButton { background-color: transparent !important; background-position: 12px 12px !important; background-repeat: no-repeat; } .consumerStyle .pageContentHeader { top: 60px; left: 0; right: 0; padding: 6px 12px; height: 60px; box-sizing: border-box; background-color:#F8F8F8; /*-- theme --colorGreyWarmLightest-50 --*/ border-bottom: solid 1px rgba(0, 0, 0, 0.1); } .consumerStyle .pageContentHeader > .inputContainerWithButton { left:12px; right: 12px; } .consumerStyle .pageContentHeader > .inputContainerWithButton > input { border-radius: 2px 0 0 2px; height: 48px; border-color:#E5E5E5; /*--theme --colorGreyWarmLighter-50--*/ } .consumerStyle .pageContentHeader > .inputContainer > input:focus, .pageContentHeader > .inputContainerWithButton > input:focus, .pageContentHeader > input:focus { border-color: #606060; /*--theme --colorGreyWarmDark--*/ } .consumerStyle .pageContentHeader .search.picklistSearchButton { width:48px; height:48px; position:relative; background: none; box-shadow: none; color: inherit; border: none; border-left:solid 1px; border-left-color: #E5E5E5; /*--theme --colorGreyWarmLighter-50--*/ } .consumerStyle .picklistRow { padding:20px 12px; border-color: #F8F8F8; } .consumerStyle .picklistRow .picklistHeaderCell { display:none; } .consumerStyle .picklistRow .picklistDataCell { font-size:1rem; margin: 0; padding: 2px 0; color: #404040; /*-- theme ---colorGreWarmDarker v--*/ } .consumerStyle .pagePrimaryActionContainer { background-color: #fff; padding: 8px 0; border-top: solid 1px #E5E5E5; } .consumerStyle .pagePrimaryActionContainer > a:first-child:last-child { display:block; padding: 0; height:44px; border-radius:2px; margin: 0 auto; max-width: calc(100vw - 24px); color: #fff; font-weight: 600; font-size: 0.875rem; } .consumerStyle .pagePrimaryActionContainer > a > .linkLabel { height:44px; line-height:44px; } .consumerStyle .helpLink { font-weight:600; } .consumerStyle .warningLabel:before, .consumerStyle .helpLink:before { display:none; } .skipContent { position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; transform: translateY(-200%); opacity: .01; transition: transform .2s ease-out,opacity 0ms linear .2s } .skipContent:focus { color: #FFFFFF; position: absolute; width: auto; height: auto; z-index: 10000; transform: translateY(0); transition: transform .2s ease-out; opacity: 1; } .panel.sideBySideContainer, .panel.alignContent{ display: flex; flex-wrap: wrap; /*Vertical alignment to TOP*/ align-items:flex-start; } .panel.sideBySideContainer.alignLeft, .panel.alignContent.alignLeft{ justify-content: flex-start; align-items: center; } .panel.sideBySideContainer.button.subsequentControl { margin-top: -5px; } .panel.sideBySideContainer.alignRight, .panel.alignContent.alignRight{ justify-content: flex-end; } .panel.sideBySideContainer.alignJustify, .panel.alignContent.alignJustify{ justify-content: space-between; } .panel.sideBySideContainer.alignJustify > .sideBySide { flex-grow: 1; } .panel.sideBySideContainer.alignJustify > .sideBySide > *, .panel.sideBySideContainer.alignJustify > .sideBySide .tbcEditorField{ width: 100%!important; } .panel.sideBySideContainer.alignCenter, .panel.alignContent.alignCenter{ justify-content: center; } .panel.sideBySideContainer .separatorPanel { align-self: stretch; width: 1px; margin: 5px; background-color: var(--ciaColourGrayLight); } .panel.fieldSet.noHeader > .fieldsContainer { padding-top: 10px; } /* Standard Style */ .panel.standardStyle.fieldSet { position:relative; } .panel.standardStyle > .panelHeader { padding: 10px 0; position: relative; line-height: 26px; box-sizing: border-box; } .panel.standardStyle > .panelHeader > .panelHeaderTextContainer > .panelHeaderText { font-size: var(--ciaFontSizePanelHeading); text-transform: var(--ciaFontTransformPanelHeading); font-weight: var(--ciaFontWeightPanelHeading); } .panel.standardStyle > .panelHeader > .expando { float: left; margin-left: -10px; padding:0; line-height: inherit; width: 20px; } .panel.standardStyle.fieldSet > .panelHeader > .panelHeaderTextContainer{ padding-left: 10px; } .panel.standardStyle > .panelHeader > .topActionPane { float: right; line-height: 46px; margin-top: -10px; } .panel.standardStyle > .panelHeader.expandable.collapsed > .topActionPane { display: none; } .panel.standardStyle > .panelHeader > .topActionPane > .panelTopActionControl { vertical-align: middle; } .panel.standardStyle > .panelHeader > .topActionPane > .panelTopActionControl ~ .panelTopActionControl { margin-left: 5px; } .panel.standardStyle.fieldSet > .fieldsContainer { padding: 0 0 0 10px; } .panel.standardStyle > .fieldsContainer > .panel.standardStyle { padding-left: 15px; } .panel.standardStyle.simple { padding: 8px; } /* Engaging Style */ .panel.engagingStyle.fieldSet { padding: 0 20px; position: relative; } .panel.engagingStyle.fieldSet .panel.engagingStyle.fieldSet { padding-right: 0; /* Nested sections do not need additional right padding */ padding-bottom: 25px; } .panel.engagingStyle.fieldSet > .panelHeader { background-color: rgba(0,0,0,0.05); border-top: dashed 1px rgba(0,0,0,0.1); padding: 15px 5px 15px 20px; margin: 0 -20px; line-height: 16px; box-sizing: border-box; } .panel.engagingStyle.simple > .panelHeader { margin-top: 20px; padding: 15px 0; } .panel.engagingStyle > .panelHeader > .panelHeaderTextContainer > .panelHeaderText { font-weight: 600; padding: 4px 0; } .panel.engagingStyle.simple > .panelHeader > .panelHeaderTextContainer > .panelHeaderText { font-size: 1.2em; } .panel.engagingStyle.fieldSet > .panelHeader > .panelHeaderTextContainer > .panelHeaderText { font-size: 1.4em; display: inline-block; vertical-align: middle; } .panel.engagingStyle > .panelHeader > .panelHeaderTextContainer > .panelSubHeaderText { color: #656565; opacity: 0.5; line-height:16px; padding: 4px 0; font-size: 1.2em; } .panel.engagingStyle.fieldSet > .expandable { cursor:pointer; } .panel.engagingStyle.fieldSet > .expandable > .expando { float:left; width: 20px; border:none; opacity: 0.5; vertical-align: middle; padding: 4px 0; margin-left: -15px; } .panel.engagingStyle.fieldSet > .expandable:hover > .expando { opacity: 1; } .panel.engagingStyle.fieldSet > .panelHeader > .topActionPane { float: right; margin-top: -3px; } /* Workflow Inbox */ .myWorkflowInbox .priorMessages { width: 100%; color: red !important; text-align: left; } .myWorkflowInbox .fieldSet.subAttachment, .subAttachment > .fieldsContainer > .fieldSet { border: none; } .myWorkflowInbox .fieldSet.subAttachment > header { display: none; } .descriptiveText{ font-size: 0.9em; padding: 5px 0; line-height: 1.2em; } .inlineTabContainerPanel.inlineRdpSectionDisplayInPage .panelHeader{ position: relative; min-height: 24px; } .inlineTabContainerPanel.inlineRdpSectionDisplayInPage .panelHeader .expando{ display: none; } .inlineTabContainerPanel.inlineRdpSectionDisplayInPage .panelHeader .panelHeaderText:after{ content: "\E061"; font-size: 16px; opacity: 0.35; width: 24px; height: 24px; display: block; position: absolute; top: 50%; right: 10px; margin-top: -12px; font-family: iconGlyph; text-align: center; line-height: 24px; -webkit-font-smoothing: antialiased; } .inlineTabContainerPanel.inlineRdpSectionDisplayInPage .panelHeader:before{ content: ""; display: block; height: 1px; position: absolute; top: 0; left: 0; right: 0; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%); } .inlineTabContainerPanel.inlineRdpSectionDisplayInPage .panelHeader:after{ content: ""; display: block; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; visibility: visible; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%); } .inlineTabContainerPanel.inlineRdpSectionDisplayInPage .inlineTabContainer{ display: none; } /*--Consumer Style--*/ .panel.consumerStyle.fieldSet > .panelHeader { border-top: solid 2px; padding: 4px 0; line-height: 16px; box-sizing: border-box; } .panel.consumerStyle.fieldSet > .panelHeader .expando { float:left; } .panel.consumerStyle.fieldSet > .panelHeader .panelHeaderTextContainer { font-size: 1rem; font-weight: 600; line-height: 24px; } .pdfViewerControl { max-height: 700px; } .pdfViewerControl iframe { height: 100%; width: 100%; display: flex; } .documentPreviewSection > .pdf > .content > .pdfViewerControl, .detailsPanel .pdf > .content > .pdfViewerControl { max-height: none; min-height: 75px; height: 100%; overflow-y: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .pdfViewerErrorMessage { position: absolute; text-align: center; left: 10px; right: 10px; font-size: 1.7em; line-height: 25px; top: 50%; } .actionsButtonActionsPaneContainer { position: absolute; top: 41px; width: 100%; z-index: 9020; overflow-y: auto; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 200ms; } .actionsButtonActionsPane { position: relative; width: 100%; } .actionsButtonItem { min-height: 42px; line-height: 20px; display: block; padding: 10px 10px; border-bottom-style: solid; border-bottom-width: 1px; border-top: solid 1px rgba(255, 255, 255, 0.1) !important; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; color: #fff; } .actionsButtonWithDropdown.active { padding:2px; border-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .cardView { border-radius:3px; padding:5px; margin-top:10px; } .fieldsContainer > .cardView { margin-bottom: 10px; } .cardView.noContent > .tabbedControl { margin-top: 0; } .tabbedControl.cardViewChildren .cardView.subsequentInList { margin:0; border-top-style: solid; border-top-width: 1px; } .cardViewContent .cardViewContent { margin-top:10px; } .cardViewSubDescription { padding-top: 5px; } .cardViewStatusPane { text-align: right; } .cardViewStatusItemLabel:not(.cardViewStatusItemTotal) { margin-top:3px; padding-top:1px; font-size:0.9em; } .cardViewDescription > h3, .cardViewStatusItemTotal > label { font-family: Osans, Arial, sans-serif; font-weight: normal; font-size: 1.2em; display: block; } .cardViewRightPane { float: right; } .cardViewCategory.wideView { width: 50%; } .cardViewCategoryHeader { padding-bottom: 5px; } .cardViewCategoryRelatedFields { display: inline-block; width: 100%; } .cardViewCategoryField { display: block; } .cardViewCategoryItem { display: inline-block; text-overflow: ellipsis; overflow: hidden; } .cardViewCategoryLabel { white-space: nowrap; } .editorLabelAutoWidth.cardViewCategoryValue { color:inherit; } .cardView .cardViewCategoryLabel, .cardView .cardViewCategoryValue { padding:3px 3px 3px 0; } .cardViewCategory h1 { font-size: 1.1em; font-weight: normal; } .cardViewListHeader { padding-top: 30px; padding-bottom:5px; } .cardViewListContent { margin: 5px 0 0 0; } .cardViewChildren .cardView { margin-top: 0; } .tabbedControl.cardViewChildren .cardView { background-color:transparent; padding: 10px; border-radius: 0; } .tabbedControl.cardViewChildren .cardViewChildren { margin-top:10px; } .tabbedControl.cardViewChildren > .previousTab { margin-left: -5px; } .tabbedControl.cardViewChildren > .nextTab { margin-right: -5px; } .tabbedControl.cardViewChildren > .previousTab:active, .tabbedControl.cardViewChildren > .nextTab:active { background-color: rgba(0,0,0,0.05); } .tabbedControl.cardViewChildren > .tabHandlesContainer { overflow: visible; margin-left:-10px; margin-right:-10px; white-space:nowrap; } .tabbedControl.cardViewChildren > .nextTab + .tabHandlesContainer { overflow: hidden; margin-left: 25px; margin-right: 25px; } .tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle { vertical-align: top; min-height: 0; border: none; padding: 0 10px; line-height: 24px; margin: 0; border-radius: 0; background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/topbarsplitter.png?v=12.0.251.0') no-repeat center left; display: inline-block; position: relative; min-width: 50px; text-align: center; } .tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle:first-child { background: none; } .tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle.selected { border-bottom-width: 0; margin-bottom: 8px; font-weight: bold; } .tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle:focus { outline-width: 0; } .tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle.selected:after { content: ""; display: block; position: relative; margin: 5px auto -20px auto; height: 8px; width: 8px; background-color: #fff; -webkit-transform: rotate(45deg); } .tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle > button { box-shadow: none; -webkit-box-shadow: none; } .tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle > button > .count { color: #fff; font-weight:600; padding:0 4px; margin-left:2px; border-radius: 2px; } .tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle > .editorLabel { padding: 2px 0 0 0; width: auto; } .tabbedControl.cardViewChildren > .tabsContainer { border: none; } .tabbedControl.cardViewChildren > .tabsContainer > .tabControl { display: none; } .tabbedControl.cardViewChildren > .tabsContainer > .tabControl.selected { min-height: 0; display: block; background-color: #fff; } .taggedDefPanel > .fieldsContainer > .fieldSet { border-top-width: 0; } .taggedDefPanel > .fieldsContainer > .fieldSet, .form .taggedDefPanel .fieldsContainer header .panelHeaderText, .tabbedControl.cardViewChildren .tabsContainer, .tabbedControl.cardViewChildren .tabHandlesContainer { padding: 0; } .comboBoxControl > .editorField > .textboxWithButton > .comboBoxControlInput { border-color: transparent; padding: 0 4px; margin: 0; height: 24px; min-height: 24px; line-height: 16px; color: #656565; } .comboBoxControl > .editorField > .textboxWithButton > .comboBoxControlInput:focus { box-shadow: none; } .comboBoxControlSelect { opacity: 0; position: absolute; top: 0; bottom: 0; z-index: 1; } .comboBoxControl.readonly > .editorField { height:auto; } .editableGrid > .itemLink > p { min-height: 16px; } .editableGridPage > .pageContent > .editablePanel > .content { border: none; } div.enquiryfilters { position: relative; overflow: hidden; height: 100%; } .optionItem.filters > .tick.glyph { display: none; position: absolute; left: 28px; top: 5px; } .filtersApplied .optionItem.filters > .tick.glyph, .filtersApplied .pageContent .rdpFilters.clearFilters{ display: block; } .pageHeader .rdpFilters.filters, .pageContent .rdpFilters.clearFilters { display: none; } .filterContent { overflow-x: auto; position:absolute; left:0; right:0; top: 0; bottom:0; } .filterContent .chldFltrSetTemplate { display:none; } .fltrCntr .shdwRight { position: absolute; width: 5px; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackgradrlopac15.png?v=12.0.251.0'); background-repeat: repeat-y; top: 0; bottom: 0; right: 0; } .fltrCntr h2 { font-weight:normal; font-size:1.4em; } .fltrMainHd { padding:5px 0 5px 10px; } .enquiryfilters .fltrMainHd { position: absolute; top: 0; left: 0; right: 17px; z-index: 1; min-height: 15px; } .fltrMainHd h2 { line-height:26px; } .worklistFilterSet { padding:0; } .filterActionBar { float:right; margin-top:-26px; margin-right:5px; } .fltrMainHd:after { content:""; display:block; position:absolute; left:0; margin-top:5px; height:10px; width:100%; background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/fltrmainhdbbg.png?v=12.0.251.0') no-repeat center top; } .fltrSet .fltrItem > .fltrSet { margin-left:-10px; margin-right:-10px; } .fltrSet > .fltrHeading { padding:10px; background-color: rgba(0,0,0,0.05); } .fltrSet .fltrSet > .fltrHeading { display: none; /*background-color:transparent; border-bottom:solid 1px rgba(0,0,0,0.05);*/ } /* .fltrSet .fltrSet > .fltrHeading.collapsed { border-bottom-color:transparent; } */ .fltrHeading .expando { border:none; padding:0; margin-right: 5px; } .fltrClr { float:right; display:block; padding: 2px; margin-top:3px; margin-right:5px; font-size: 0.9em; display:none; } .fltrSet.notEmpty > .fltrClr, .fltrMainHd.notEmpty > .fltrClr { display:block; } .fltrItem .fltrClr { line-height:normal; } .fltrItems { } .fltrItem { position: relative; line-height:24px; padding:10px; border-top: solid 1px rgba(255,255,255,0.05); border-bottom: solid 1px rgba(0,0,0,0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .hasChld > .fltrItem.active > .fltrItem.active { border-top-color:transparent; } .hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrHeading, .hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrClr, .hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrSetclear { display:none; } /*.hasChld > .fltrItem.active > .fltrSet { padding-left: 16px; }*/ .hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrItems > .fltrItem.active > label { background-image: none; background:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/childnode.png?v=12.0.251.0') no-repeat center left; } .hasChld .multiselect .fltrItem.active label { padding-left:0; background:none; } .hasChld > .fltrItem.active { padding-bottom:0; border-bottom:none; line-height:16px; } .fltrLbl .chkbx { float:left; /*height:auto;*/ margin-top:5px; margin-right:10px; } .fltrItem label { display:block; } .fltrItem.active > label, .fltrItem.active > label > span { font-weight:bold; } .hasChld > .fltrItem.active > label { margin-bottom:16px; } .fltrItem label span { min-height:16px; border:solid 1px transparent; } .fltrItem label.wChkbx:before { content:""; width:16px; height:16px; display:block; float:left; margin-top:3px; margin-right:5px; background-image: none; background-color: #fff; border-radius: 3px; font-size: 16px; line-height: 16px; /*background-image:url(https://cdn.t1cloud.com/cianywhere/content/base/images/chkbx.png?v=12.0.251.0); background-position:top left; background-repeat:no-repeat;*/ } .fltrItem.active > label.wChkbx:before { /*background-position:0 -40px;*/ content: "\E066"; color: initial; } .fltrItem label .chkbx { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } /*--Filter tags--*/ .fltrSet .fltrHeading .filterSetTag, .fltrItem .filterTag { color: #fff; float: left; padding: 0 5px; margin-right: 5px; width: 12px; text-align: center; } .fltrItem .remove { float:right; display:none; } .fltrSet.singleSelect > .hasChld > .fltrItem.active > .remove { display:block; } .fltrItem .remove .icon24 { display:block; /*background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/clearinput16.png?v=12.0.251.0') no-repeat center top;*/ background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/phone/mblspritewhite.png?v=12.0.251.0'); background-position:-288px 0px; background-size:auto 100%; } .fltrItemTtl { float: right; text-align: right; border-radius:3px; text-align:right; padding:0 5px; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackopac10.png?v=12.0.251.0'); background-repeat: repeat; } .fltrSet.singleSelect.notEmpty > .hasChld > .fltrItem.active > .fltrItemTtl { display:none; } .fltrItemLbl { overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .fltrSet .moreorlessbutton { line-height: 24px; padding:5px 10px; font-size:0.9em; text-transform:uppercase; } .fltrSetCategory > .fltrHeading { padding:10px; background-color: rgba(0,0,0,0.15); } .fltrSetCategory > .fltrHeading h3 { line-height:18px; font-size:inherit; font-weight:normal; font-size: 0.9em; font-family: Osans, Arial, sans-serif; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /*color: #fff;*/ } .relatedDataPortletFilters > .pageContent { /*color: #fff;*/ } .fltrSet > .fltrHeading > .spinner { display: none; } .fltrSet.readingData > .fltrHeading .spinner { display: block; width: 20px; height: 20px; float: right; background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderdarkbg.gif?v=12.0.251.0') no-repeat center; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; } .itemChooserHeader { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whitegrad60opac80.png?v=12.0.251.0'); background-repeat: repeat-x; background-position: top left; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; padding: 2px 2px 2px 5px; } .itemChooserHeader > .itemChooserActionButton { margin-right: 9px; margin-top: 4px; } .itemChooserHeaderLabel { line-height: 35px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .itemChooserActionButton { float: right; padding: 0; } .itemChooserAddSelectedButton { height: 34px; margin-top: 2px; } .itemChooserRow { position: relative; display: block; padding: 5px 10px; border-left: none; border-right: none; border-bottom: solid 1px; border-top: solid 1px #fff !important; } .itemChooser.readonly .itemChooserRow { background-color: transparent; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.251.0'); background-repeat: repeat; } .itemChooserRow.removeItem > .delete { display: block; } .itemChooserRow.removeItem > .itemChooserRowCheckbox { display: none; } .itemChooserRow.addItem > .delete { display: none; } .itemChooserRow.addItem > .itemChooserRowCheckbox { display: block; } .itemChooserRowLabel { height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .itemChooserRowCheckbox { float: left; margin-right: 8px; margin-left: 0; } .itemChooserActionButton.delete > .icon24:before { content:"\2212" } .itemChooserActionButton.showAvailable > .icon24:before { content: "\002B"; } .engagingStyle .itemChooser { padding-bottom: 25px; } .optionItem { border-bottom: solid 1px rgba(0, 0, 0, 0.15); border-top: solid 1px rgba(255,255,255,0.05); position: relative; padding: 10px; cursor: pointer; } .desktop .optionItem.pointer:not(.selected):not(.disabled):hover, .desktop .optionItem.pointer:not(.selected):not(.disabled):focus { background-color: rgba(0, 0, 0, 0.1); } .optionItem > .icon24 { float:left; margin-right: 10px; display: block; } .optionItem.disabled { opacity: 0.3; } .optionItemLabel { font-family: Osans, Arial, sans-serif; /*text-shadow: 0 1px 5px rgba(0,0,0,0.1);*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 22px; min-height:24px; } .optionItem > .next { float: right; } .optionItem > .next > .icon24 { display: block; } .desktop .optionItem > .next > .icon24 { opacity: 0.35; } .desktop .optionItem:hover > .next > .icon24, .desktop .optionItem:focus > .next > .icon24 { opacity: 1;} .optionTitle { text-transform: uppercase; font-size: 0.9em; /*color: #fff;*/ padding: 7px 10px; background-color: rgba(0, 0, 0, 0.05); } /*--Options--*/ .optionItem.add > .icon24:before { content: "\002B"; } .optionItem.keys > .icon24:before { content: "\E006"; } .optionItem.back > .icon24:before { content: "\E042"; } .optionItem.filters > .icon24:before { content: "\E054"; } .optionItem.clearFilters > .icon24:before { content: "\E004"; } .optionItem.hideSearch > .icon24:before { content: "\E005"; } .optionItem.showSearch > .icon24:before { content: "\E044"; } .optionItem.refresh > .icon24:before { content: "\E093"; } .optionItem.savedViews > .icon24:before { content: "\E04B"; } .optionItem.compactView > .icon24:before { content: "\E106"; } .optionItem.detailView > .icon24:before { content: "\E123"; } .optionItem.Contact > .icon24:before { content: "\E251"; } .optionItem.thumbnailView.Default > .icon24:before, .optionItem.thumbnailView.Normal > .icon24:before { content: "\E125"; } .optionItem.thumbnailView.Flat > .icon24:before { content: "\E121"; } .optionItem.bulkMode > .icon24:before { content: "\E260"; } .optionItem.exitBulkMode > .icon24:before { content: "\E261"; } .optionItem.mapView > .icon24:before { content: ""; } .optionItem.treeView > .icon24:before { content: "\E259"; } #OptionPane .optionItem.mapView > .icon24 { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/actions/white/map.png?v=12.0.251.0'); background-position: 0px 0px; } a.optionItem, .optionItem a { text-decoration: none; display: block; } .optionItem.savedViews { padding-left:44px; } .optionItem.savedViews .next, .optionItem.savedViews > .icon24 { position: absolute; top: 50%; margin-top: -12px; } .optionItem.savedViews .next { right: 10px; } .optionItem.savedViews > .icon24 { left: 10px; } .optionItem > .notificationCount { position: absolute; left: 28px; top: 0; } .optionItem > .activeTick { top: 3px; left: 27px; display: none; position: absolute; border-radius: 3px; } .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9002; display: none; } .darkenOverlay { background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .hasOverlay .page.current > .pageContent{ overflow:hidden; } .repeatingPanelContainer > .repeatingPanelItem { padding: 8px; display: block; border-top: solid 1px #fff; border-bottom-style: solid; border-bottom-width: 1px; } .repeatingPanelContainer > .repeatingPanelItem:nth-of-type(2) { border-top: none; padding-top: 0; } .repeatingPanelContainer.readonly > .repeatingPanelItem:last-of-type { border-bottom: none; padding-bottom: 0; } .repeatingPanelItemTemplate { display: none; } .repeatingPanelItem > .repeatingPanelItemHeader > .repeatingPanelItemHeaderText { font-size: 1.1em; font-weight: normal; padding: 0 0 10px 0; line-height: 20px; } .repeatingPanelItemDeleteButtonContainer { text-align: center; } .repeatingPanelItemDeleteButton { width: 70%; max-width: 300px; height: 30px; } .repeatingPanelNewButtonContainer { text-align: center; padding: 5px; } .repeatingPanelNewButton { width: 90%; height: 30px; font-size: 1.1em; } .repeatingPanelNewButton > .icon16 { background:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/plusgreendark.png?v=12.0.251.0') no-repeat center center; } /*#region Scrolling Grid */ .scrollingGrid thead { text-align:left; display:block; } .scrollingGrid thead th { text-overflow: ellipsis; white-space:nowrap; overflow:hidden; } .scrollingGrid .headerRow td { white-space:nowrap; border-top:1px solid #fff; } .scrollingGrid .headerRow td .cellContents { width:170px; position:relative; } .scrollingGrid .headerRow .cellContents div { font-weight:bold; display:inline-block; } .scrollingGrid .headerRow .gridCell { width:135px; } .scrollingGrid .headerRow .rowActions.dropDown, #Grid_GridContainer_RowDetails .cellActions.dropDown { width:25px; } .scrollingGrid .gridCell { padding:5px; } .scrollingGrid .detailRow { /*text-align:center;*/ } .scrollingGrid .detailRow td { /*background-color:White;*/ padding-bottom:5px; border-bottom:solid 1px rgba(0,0,0,0.1); } .rowDetailsItem .dataPart { display:inline-block; } .scrollingGrid th { } .scrollingGrid .rowActions.dropDown { vertical-align:middle; } .scrollingGrid .rowActions.dropDown .icon24, #Grid_GridContainer_RowDetails .cellActions.dropDown .icon24 { display:inline-block; /*background-position: -360px 0; background-size: auto 100%;*/ } .scrollingGrid .rowActions.dropDown .icon24:before, #Grid_GridContainer_RowDetails .cellActions.dropDown .icon24:before { content: "\E064"; } .scrollingGrid .rowActions.dropDown .icon24 { border-right:1px solid; } .scrollingGrid tbody { display: block; height: 368px; overflow-y: auto; } [data-t1-control-type='ScrollingGrid'] div.gridDataContainer { overflow-x: auto; } .scrollingGrid .headerRow:active { border-color: #d85904 !important; background-color: #d85904 !important; background-image: none; color: #fff; } /*#endregion*/ .tabbedControl > .previousTab, .tabbedControl > .nextTab { height: 24px; width: 24px; margin-top: 1px; display:inline-block; } .tabbedControl > .previousTab { float:left; } .tabbedControl > .previousTab:before { content: "\E062"; } .tabbedControl > .nextTab { float:right; } .tabbedControl > .nextTab:before { content: "\E061"; } .tabbedControl > .previousTab.disabled, .tabbedControl > .nextTab.disabled { opacity:0.2; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle { position: relative; min-height: 40px; border-style: solid; border-width: 1px 0; border-top-color: #fff; padding:10px; color: initial; -webkit-transform: translate3d(0,0,0); } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle:not(.selected):active { color: #fff; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryImage { float:left; margin-right:5px; width: 24px; height: 24px; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryHeading { font-weight: 600; font-size: 1.1em; line-height: 20px; font-family: Osans, Arial, sans-serif; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLine { font-size: 0.9em; line-height: 1.5em; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLine > .summaryLineValue { color: #656565; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLineColoured > .summaryLineLabel { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 2px 5px; text-transform: capitalize; color: #fff; display: inline-block; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLineColoured, .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLineTag { padding: 3px 0; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLineColoured ~ .summaryLineTag, .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLineTag ~ .summaryLineColoured { padding: 1px 0 3px 0; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLine > .tagCode { color: #fff; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; text-transform: uppercase; display:block; float:left; padding: 2px 5px; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLine > .tagDesc { border-width: 1px; border-style: solid; border-left: none; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; background-color: #fff; display:block; float:left; padding: 2px 5px; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .tabHandleDisabled { top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.6); position: absolute; margin: 0; padding: 0; } .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryImage ~ .summaryHeading, .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryImage ~ .summaryLine { margin-left: 29px; } table { width: 100%; } td, th { vertical-align:top; padding:5px; text-align:left; line-height:1.3em; border:none; border-bottom:solid 1px #e6e6e6; } td { font-size: 0.9em; } .tableSubHeader { font-style: italic; font-weight: normal; font-size: smaller; } .trHighlight, .trTotalHighlight { font-weight:bold; } .tagDetails .headerBar { position: absolute; left: 0px; right: 0px; height: 38px; padding: 3px 5px; border-left: none; border-right: none; } .tagDetails .tagSearchPanel .inputContainerWithButton{ position: absolute; top: 5px; left: 5px; right: 50px; } .tagDetails .tagSearchPanel .inputContainerWithButton > input { position: relative; border-radius: 3px 0 0 3px; outline: none; box-shadow: none !important; height: 34px; border: solid 1px rgba(0,0,0,0.5); } .tagDetails .tagSearchPanel .inputContainerWithButton > input:focus { border-color: #000; } .tagDetails .tagSearchPanel .tagSearchButton { border-radius: 0 3px 3px 0; outline: none; box-shadow: none !important; height: 34px; border: solid 1px rgba(0,0,0,0.5); } .tagSelectorPanel > .noTagDefs { text-align: center; } .tagSearchPanel { margin-top:2px; } .tagDefSelect { padding-bottom: 2px; padding-top: 2px; line-height: 32px; border: 1px rgb(196, 196, 196); border-style: solid; border-bottom: none; padding-left: 9px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tagDefSelectLast, .tagDefSelect:last-child { padding-bottom: 2px; padding-top: 2px; line-height: 32px; border: 1px rgb(196, 196, 196); border-style: solid; padding-left: 9px; } .tagSelectorPanel .tagDefCode { color: white; width: 26px; font-weight: bold; font-size: large; text-align: center; display: inline-block; padding: 4px; margin-left: 10px; } .tagDefSelectLast > .tagDefCode { color: white; width: 26px; font-weight: bold; font-size: large; text-align: center; display: inline-block; padding: 4px; } .tagDefSelect > .tagDefCheck { display: inline-block; margin-bottom: -4px; } .tagDefSelectLast .tagDefCheck { display: inline-block; margin-bottom: -4px; } .tagDefSelect > .tagName { margin-left: 5px; } .tagDefSelectLast > .tagName { margin-left: 5px; } .tagSelectorPanel { padding: 4px; overflow: auto; position: absolute; top: 100px; right: 0; left: 0; bottom: 0; } .partial_select { opacity: 0.5; } .tagDefNewTagTile { position: absolute; top: 45px; left: 0; right: 0; border-style: solid; border-width: 1px; } .tagDefNewTagTile > .tagDefNewTagNext { position: absolute; width: 24px; right: 10px; top: 10px; bottom: 10px; } .tagDefNewTagTile > .tagDefNewTagNext > .icon24 { display: block; margin-top: 4px; } .tagDefNewTagNext > .icon24:before { content: "\E061"; } .tagDefNewTagTile > .tagDefNewTagNext + .tagDefNewTagInner { margin-right: 40px; } .tagDefNewTagTile > .tagDefNewTagInner { font-family: Osans, Arial, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; padding: 10px; } .tagDefNewTagTile > .tagDefNewTagInner > .tagDefNewTagIcon { float: left; margin-right: 10px; } .tagDefNewTagTile > .tagDefNewTagInner > .tagDefNewTagIcon > .icon24 { display: block; margin: 0 auto; background-position: -264px 0; } .newTagPanel { margin-top: 6px; padding: 6px; } .newTagColour { display: inline-block; line-height: 40px; padding-left: 3px; background: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/dropdown.png?v=12.0.251.0'); background-repeat: no-repeat; background-position: right; width: 41px; cursor: pointer; } .newTagLetter { width: 24px; font-weight: bold; text-transform: uppercase; } .newTagNameLabel { display: inline-block; width: 178px; } .colourpallete { position: absolute; top: 13px; margin-right: 6px; background-color: rgb(31, 33, 35); padding: 8px; } .colourpallete > .chooseColourHeader { line-height: 38px; font-size: 2.0em; text-align: center; color: white; } .colourpallete > .chooseColourFooter > .cancelColourChoice { line-height: 50px; font-size: 2.0em; text-align: center; color: white; margin: 8px; background-color: rgb(79, 73, 76); } .colourpallete > table { table-layout: fixed; height: 350px; padding: 2px } .colourpallete > table > tbody { height: 100%; overflow: auto; display: block; } .isColour { cursor: pointer; display: block; } .isColour tr { display: block; } .isColour > td { height: 38px; border: none; } .colourrow.colour1 { background-color: #FF0000; } .colourrow.colour2 { background-color: #FF8000; } .colourrow.colour3 { background-color: #FFFF00; } .colourrow.colour4 { background-color: #00FF00; } .colourrow.colour5 { background-color: #00FFFF; } .colourrow.colour6 { background-color: #0080FF; } .colourrow.colour7 { background-color: #0000FF; } .colourrow.colour8 { background-color: #7F00FF; } .colourrow.colour9 { background-color: #FF00FF; } .colourrow.colour10 { background-color: #FF007F; } .colourrow.colour11 { background-color: #808080; } .pageTile { margin-bottom: 1px; position: relative; list-style: none; } .tile .tileInner:focus, .easy .tile .tileInner:hover { background-color: rgba(0, 0, 0, 0.12); } .pageTile.folder:focus .next { background-color: transparent; } .tile > .tileInner { font-family: Osans, Arial, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; padding: 10px; font-size: 1.1em; padding-left: 50px; } .tile > .tileInner > * { display: inline-block; } .tile > .tileInner > .tileIcon > .icon32 { display: block; margin: 0 auto; background-size: 100%; } .tile > .tileInner > .tileIcon > .notificationCount { display: none; position: absolute; top: -8px; padding: 2px; right: -8px; } .tile.functionTile > .tileInner { margin-right: 40px; } .tile > .next { position: absolute; width: 24px; right: 10px; top: 10px; bottom: 10px; } .pageTile > .next > .icon24 { display: block; margin-top: 4px; /*background-image: url(https://cdn.t1cloud.com/cianywhere/content/base/icons/48/phone/mblspritewhite.png?v=12.0.251.0); background-size: auto 100%;*/ font-family: iconGlyph; font-size: 19px; text-align: center; line-height: 24px; -webkit-font-smoothing: antialiased; speak: none; background: none; } .pageTile > .next > .icon24:before { content: "\E061"; } .easy .pageTile > .next > .icon24, .easy .pageTile.folder:hover > .next > .icon24, .easy .pageTile.folder:focus > .next > .icon24, .easy .pageTile > .next:hover > .icon24, .easy .pageTile > .next:focus > .icon24 { opacity: 1; } .tile > .tileInner > .tileIcon { position: absolute; left: 10px; height: 32px; width: 32px; padding: 0; border-radius: 50%; box-shadow: 0 2px 5px rgba(0,0,0,0.35); } .tile.disabled > .tileInner > .tileIcon { opacity: 0.5; -webkit-filter: grayscale(100%); } .tile.disabled > .tileInner > .tileText { opacity: 0.7; } .tile.role > .tileInner > .tileIcon { box-shadow: none; } .role .glyph:before { content: "\E050"; } .functionTile > .tileInner > .tileIcon > .icon32 { padding: 0; display: block; position: relative; width: 100%; height: 100%; border-radius: 50%; text-align: center; background-repeat: no-repeat; background-position: center; } .tile > .tileInner > .tileIcon > .type { position: absolute; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 100%; display: none; } .pageTile > .tileInner > .tileIcon > .type { left: 10px; bottom: 11px; } .notificationCount { padding:1px; border: none; font-weight:600; color:white; font-size:0.9em; min-width:14px; text-align:center; text-shadow: none; border-radius:3px; line-height: 13px; box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); background-repeat: repeat-x; background-position: 0 -5px; background-size:100% 100%; -webkit-transition:0.05s linear; -moz-transition:0.05s linear; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; } .notificationCount.scalePulse { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); } .notificationCount.scaleHide { -webkit-transform: scale(0); -moz-transform: scale(0); } .valueSelector2 .editablePanel, .valueSelectorBottomPanel { padding: 0 !important;/*all the necessary padding already exists*/ } .valueSelector2, .valueSelector2 .content, .valueSelectorBottomPanel > .content { position: absolute!important; left: 0; right: 0; bottom: 0; } /*RDP under repeatablePanel is set to position relative but we need to cancel that*/ .valueSelector2 .relatedDataPortlet, .valueSelectorBottomPanel > .content > .relatedDataPortlet { position: absolute!important; } .valueSelector2 { top: 0; } .valueSelector2 .content, .valueSelectorBottomPanel > .content { top: 35px; } /*on phone, the single value selector heading is now in the page header so the contents doesn't need offset'*/ .singleValueSelector.valueSelector2 .content { top: 0; } .valueSelector2.viewSourceItems .editablePanel.topPanel { display: none; } .valueSelector2 .editablePanel.topPanel { display: block; } .dropdownItem.viewSelection { display: none; } .workflowSplitDetails { width: 100%; } .workflowSplitHeader { padding: 5px 5px; font-family: 'OSans', Arial, Sans-Serif; font-weight: bold; } .workflowSplitGroup { margin-bottom: 5px; padding: 5px; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac35.png?v=12.0.251.0'); border-bottom-width: 1px; border-bottom-style: solid; } .workflowSplitAssigned { font-size: 1.1em; font-weight: 600; width: 100%; } .workflowSplitLine { padding-top: 3px; line-height: 16px; } .workflowSplit { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/split.png?v=12.0.251.0'); background-size: cover; background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; vertical-align: top; } .workflowSplitLineDetails { display: inline-block; } .workflowSplitDescription { display: inline-block; word-wrap: break-word; } .workflowSplitKeys { display: inline-block; vertical-align: top; } .plannerViewer .extraThumbnailElements { display: none; } .plannerViewContainer .mainHeader { display: block; padding: 15px 10px; } .plannerViewContainer .plannerTitle { font-size: 20px; } .plannerViewContainer > .contents > * { position: absolute; top: 0; bottom: 0; -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; } .unplannedItemsContainer { position: fixed !important; left: 0; right: 0; display: none; z-index: 2; } .unplannedItemsContainer.fadeIn { background-color: rgba(0, 0, 0, 0.2); bottom:41px; } .unplannedItemsContainer .plannerItemGroup { -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; -webkit-transform: translate3d(-100%, 0, 0) !important; -moz-transform: translate3d(-100%, 0, 0) !important; -ms-transform: translate3d(-100%, 0, 0) !important; -o-transform: translate3d(-100%, 0, 0) !important; transform: translate3d(-100%, 0, 0) !important; } .plannedItemsContainer .plannerItemGroup.selectionMode .groupHeading > .actions, .plannedItemsContainer .plannerItemGroup.selectionMode .thumbnailItem .thumbnailAction { display: none !important; } .unplannedItemsContainer.fadeIn .plannerItemGroup.slideIn { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -o-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .unplannedItemsContainer .plannerItemGroup { top: 70px; bottom: 0; width: 100%; box-shadow: 0 0 5px 1px rgba(0,0,0,0.3); position: absolute; } .unplannedItemsContainer .plannerItemGroup .removeButton { display: none; } .unplannedItemsContainer .plannerItemGroup .actions { float: right; margin-top: -28px; margin-right: -2px; } .unplannedItemsContainer .plannerItemGroup .actions .unplannedItemGroupAddActionOk { margin-right: 5px; opacity: 0.5!important; } .unplannedItemsContainer .plannerItemGroup .actions .unplannedItemGroupAddActionOk.enabled { opacity: 1!important; } .unplannedItemsContainer .plannerItemGroup .actions .unplannedItemGroupAddActionCancel { display: none; } .unplannedItemsContainer .plannerItemGroup .groupHeading { height: 76px; } .unplannedItemsContainer .plannerItemGroup .groupContents { top: 76px; } .plannedItemsContainer .plannerItemGroup.selectionMode.removeMode.hasRemovableItem .groupContents { top: 85px; } .plannedItemGroup.selectionMode.removeMode .thumbnailItem .itemWrapper, .unplannedItemsContainer .plannerItemGroup .thumbnailItem .itemWrapper { padding-left: 62px; } .unplannedItemsContainer .plannerItemGroup .subheading { min-height: 14px; } .plannerItemGroup .selectedItemsCount { color: rgba(255, 255, 255, 1); padding: 9px; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.5); font-size: 12px; background-color: rgba(0, 0, 0, 0.2) !important; display: initial; } .plannerItemGroup .selectedItemsCount.highlight { background-color: rgba(0, 150, 0, 0.6) !important; } .plannerItemGroup .selectedItemsCount > *{ display: inline-block; } .plannerItemGroup .selectedItemsCount .count { margin-right: 5px; } .plannerItemGroup .selectorIcon { position: absolute; left: 8px; top: 24px; opacity: 0!important; z-index: 1; } .plannerItemGroup.addMode .thumbnailItem.moveDisabled .selectorIcon, .plannerItemGroup.removeMode .thumbnailItem.moveDisabled .selectorIcon { display: none; } .plannerItemGroup .selectorIcon.scaleUp { transform: scale(1.3); } .plannerViewContainer .thumbnailItem.selectedForEditAction .selectorIcon span.glyph:before { color: rgba(0, 150, 0, 0.7) !important; } .plannerItemGroup .selectorIcon .glyph:before { color: rgba(0,0,0,0.3); } .unplannedItemGroup.selectionMode .selectorIcon, .plannedItemGroup.selectionMode.removeMode .thumbnailItem:not(.moveDisabled) .selectorIcon { opacity: 1!important; } .plannerItemGroup .thumbnailItem .itemWrapper{ border: 1px solid transparent; margin: 0; width: auto !important; height: auto !important; } .plannerItemGroup .groupHeading, .plannerItemGroup .selectorIcon, .plannerItemGroup .thumbnailItem, .plannerItemGroup .thumbnailItem .itemWrapper, .plannerViewContainer .contents > .plannedItemGroupsContainer .groupsContainerOverlay { -webkit-transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; -ms-transition: all 0.3s ease-in-out !important; -o-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .plannerItemGroup .groupContents { -webkit-transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important; -moz-transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important; -ms-transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important; -o-transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important; transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .plannerViewer { overflow: hidden; } .plannerViewer .unplannedItemsGroupCollapseButton:before { content: "\E247"; } .plannerViewer .unplannedItemsGroupCollapseButton.clicked:before { content: "\E246"; } .plannerViewContainer .thumbnailItem{ margin: 0 0 10px 0!important; box-sizing: border-box; margin-bottom: 10px !important; width: 100% !important; float: none !important; -webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; -ms-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; transition: border-color 0.3s ease; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .plannerViewContainer .thumbnailItem .thumbnailBlind { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); text-align: center; display: none; } .plannedItemGroup.removeMode .thumbnailItem .thumbnailBlind, .unplannedItemGroup.addMode .thumbnailItem .thumbnailBlind { display: block; } .plannedItemGroup.removeMode .thumbnailItem .secondarySection, .unplannedItemGroup.addMode .thumbnailItem .secondarySection { background: rgba(0,0,0,0.0) !important; } .plannerViewContainer .thumbnailItem .thumbnailBlind .glyph { position: absolute; left: 0; top: 25px; } .plannerViewContainer .thumbnailItem .thumbnailBlind .glyph:before { font-size: 64px; color: rgba(255,255,255,0.8); } .plannerViewContainer .thumbnailItem .clickMessage { color: #007fe9; margin-bottom: 4px; } .plannerViewContainer .thumbnailItem .navigatorContainer { top: 50% !important; margin-top: -10px !important; } .plannerViewContainer .thumbnailItem:last-child { margin-bottom: 0 !important; } /* Override some thumbnail styling - START */ .plannerViewContainer .thumbnailItem .secondarySection{ padding-left: 3px !important; max-width: 100%; box-sizing: border-box; background: transparent !important; } .plannerViewContainer .thumbnailItem .secondarySection .statusField { margin-top: -25px; } .plannerViewContainer .thumbnailItem .tagSection { float: left; } .plannerViewContainer .thumbnailItem .dropdownPanel { right: 0 !important; } .plannerViewContainer .thumbnailItem .thumbnailSection a { line-height: 16px !important; text-align: left !important; } .unplannedItemGroup.detailsPrevented .tagActionsSection .summaryContainer, .plannedItemGroupsContainer .plannerItemGroup.disabled .tagActionsSection { display: none !important; } /* Override some thumbnail styling - END */ .plannedItemsContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; white-space: nowrap; overflow-x: hidden; overflow-y: auto; background-color: rgb(250, 250, 250); } .plannedItemsContainer .plannerItemGroup { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; height: 70px; margin: 10px; } .plannedItemsContainer .plannerItemGroup .groupHeading .expandIcon { position: absolute; top: -4px; right: -1px; background: transparent; border-radius: 5px; width: 38px; padding: 10px 0; margin-top: 4px; text-shadow: none; } .plannedItemsContainer .plannerItemGroup .groupHeading .expandIcon:before { font-size: 20px; color: white; content: "\E096"; } .plannedItemsContainer .plannerItemGroup.fullScreen .groupHeading .expandIcon:before { content: "\F096" !important; } .plannedItemsContainer .plannerItemGroup.fullScreen { margin: 0; } .plannerItemGroup .editablePanel { max-width: none; } .plannerItemGroup .editablePanel, .plannerItemGroup .editablePanel > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .plannerItemGroup.highlighted .groupHeading { background-color: rgba(223, 108, 0, 0.6); text-shadow: 1px 1px rgba(0,0,0,0.2); } .plannerItemGroup.highlighted.highlightGreen .groupHeading { background-color: rgba(51, 153, 102, 0.6); } .plannerItemGroup.highlighted .groupHeading .extraLines li { color: rgba(245,245,245,1); } .plannerItemGroup .groupHeading .actions .dropdownControl { display: none; } .plannerItemGroup.fullScreen .groupHeading .actions .dropdownControl { display: block; position: sticky; } .plannerItemGroup.highlighted .groupContents { background-color: rgba(223, 108, 0, 0.15) !important; } .plannerItemGroup.highlighted.highlightGreen .groupContents { background-color: rgba(51, 153, 102, 0.15) !important; } .plannerItemGroup.highlighted .scrollableArea { border: 1px solid rgba(223, 108, 0, 0.1); -webkit-overflow-scrolling: touch; } .plannerItemGroup.highlighted.highlightGreen .scrollableArea { border-color: rgba(51, 153, 102, 0.1); } .plannerItemGroup .groupDefaultView { width: 100%; height: 100%; min-height: 100%; } .plannerItemGroup .scrollableArea { position: absolute; top: 0; left: 0; right: 0; bottom: 40px; overflow-y: auto; border-bottom: 1px solid white !important; } .plannerItemGroup.unplannedItemGroup .scrollableArea, .plannerItemGroup.disabled .scrollableArea { bottom: 0; } .plannerItemGroup .scrollableArea .scrollContents { position: relative; min-height: 100%; padding: 10px; box-sizing: border-box; background: rgba(0,0,0,0.04); } .plannerItemGroup .groupToolbar { position: absolute !important; bottom: 0; left: 0; right: 0; height: 40px; text-align: center; background-color: rgba(0,0,0,0.06); padding: 5px; box-sizing: border-box; overflow: hidden; } .plannerItemGroup .groupToolbar .cancelButton .label > * { display: none; } .plannerItemGroup.addMode .groupToolbar .cancelButton .label .cancelAdd{ display: block; } .plannerItemGroup.removeMode .groupToolbar .cancelButton .label .cancelRemove{ display: block; } .plannerItemGroup .groupToolbar .slideAnimationContainer { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .plannedItemGroup .groupToolbar .slideAnimationContainer .actions .addItemsButton { margin-right: 10px; } .plannedItemGroup .groupToolbar .slideAnimationContainer .actions .addItemsButton.hidden, .plannedItemGroup .groupToolbar .slideAnimationContainer .actions .removeItemsButton.hidden{ position: absolute; visibility: hidden; } .plannedItemGroup .groupToolbar .slideAnimationContainer .cancelButton { width: 100%; display: none; } .plannedItemGroup.addMode .groupToolbar .slideAnimationContainer .cancelButton, .plannedItemGroup.removeMode .groupToolbar .slideAnimationContainer .cancelButton { display: block; } .plannedItemGroup .groupToolbar .slideAnimationContainer .actions > * { width: 45%; display: inline-block; } .plannedItemGroup .groupToolbar .slideAnimationContainer .cancelButton.hidden { position: absolute; visibility: hidden; } .plannedItemGroup.addMode .groupToolbar .slideAnimationContainer, .plannedItemGroup.removeMode .groupToolbar .slideAnimationContainer { -webkit-transform: translate3d(0, -36px, 0); -moz-transform: translate3d(0, -36px, 0); -ms-transform: translate3d(0, -36px, 0); -o-transform: translate3d(0, -36px, 0); transform: translate3d(0, -36px, 0); } .plannedItemGroup .groupToolbar .cancelButton { margin-top: 6px; } .plannerItemGroup .groupOverlay { position: absolute; background: rgba(0,0,0,0.2); border: 0; height: 100%; z-index: 1; top: 0; bottom: 0; left: 0; right: 0px; } .plannerItemGroup .groupInnerView { width: 100%; height: 100%; background-color: white; text-align: justify; overflow: hidden; border: 1px solid rgba(0,0,0,0.12); box-sizing: border-box; } .plannerItemGroup .groupInnerView > .innerViewContents { z-index: 1; top: 40px !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; } .plannerItemGroup .groupInnerView > .innerViewContents .categoryPanels { padding: 0; } .plannerItemGroup .groupInnerView .innerViewControls { position: absolute; top: 0; left: 0; right: 0; z-index: 2; background-color: rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0, -41px, 0); -moz-transform: translate3d(0, -41px, 0); -ms-transform: translate3d(0, -41px, 0); -o-transform: translate3d(0, -41px, 0); transform: translate3d(0, -41px, 0); } .plannerItemGroup .groupInnerView .innerViewControls.show { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: 0 1px 3px rgba(0,0,0,0.3); } .plannerItemGroup .groupInnerView .innerViewControls > * { display: inline-block; cursor: pointer; margin: 5px; } .plannerItemGroup .groupInnerView .innerViewControls > .ok { line-height: 16px; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.251.0'); vertical-align: top; } .plannerItemGroup.animate .groupContents > .horizontalScrollContainer { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .plannerItemGroup.disabled .groupContents::-webkit-scrollbar { width: 15px; background-color: rgba(0, 0, 0, 0.3); } .plannerItemGroup.disabled .groupContents::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.15); } .plannerViewContainer, .plannerViewContainer > .contents { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .plannerViewContainer .contents > .plannedItemGroupsContainer { position: absolute; top: 0; left: 0; right: 0; } .plannerViewContainer .contents > .plannedItemGroupsContainer.fullScreen { top: 0; } .plannerItemGroup { background-color: white; position: relative; vertical-align: top; } .plannerItemGroup.addModeActivated .groupHeading .actions{ display: none; } .plannerItemGroup .addButton { width: 100%; display: block; } .plannerItemGroup .addButton .glyph:before { content: "\E146"; } .plannerItemGroup.newlyAdded .groupHeading{ box-shadow: inset 0 0 15px rgba(223,108,0,0.2) !important; } .plannerItemGroup.newlyAdded .groupContents { box-shadow: inset 0 0 15px rgba(223,108,0,0.1) !important; background-color: rgba(223,108,0,0.1) !important; } .plannerItemGroup .groupContents .horizontalScrollContainer > * { display: inline-block; vertical-align: top; position: relative; } .plannerItemGroup .groupHeading{ width: 100%; height: 55px; padding:12px 10px; background-color: rgba(0,0,0,0.3); box-sizing: border-box; } .plannerItemGroup .groupHeading > .count { background-color: rgba(0,0,0,0.1); border-radius: 2px; padding: 8px; color: white; font-weight: bold; position: absolute; right: 7px; bottom: 8px; } .unplannedItemGroup .groupHeading > .count { bottom: 43px; } .plannerItemGroup .groupHeading .heading, .plannerItemGroup .groupHeading .subheading { font-size: 14px; color: white; } .plannerItemGroup .groupHeading .heading { margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; } .plannerItemGroup .groupHeading .subheading { margin-bottom: 7px; } .plannerItemGroup .groupHeading .editModeElements { position: absolute; bottom: 6px; left: 0; right: 0; height: 31px; display: none; } .plannerItemGroup.removeMode.hasRemovableItem .groupHeading .editModeElements { display: block; } .plannerItemGroup .groupHeading .editModeElements .selectedItemsCount { position: absolute; left: 9px; bottom: 0; top: 0; } .plannerItemGroup .groupHeading .editModeElements .removeGroupItemAction { position: absolute; right: 37px; bottom: 0; top: 0; } .plannerItemGroup.unplannedItemGroup .groupHeading .subheading { display: inline-block; margin-top: 13px; } .plannerItemGroup.disabled .groupHeading { background-color: rgba(0, 0, 0, 0.4); } .plannerItemGroup.disabled .groupHeading .heading, .plannerItemGroup.disabled .groupHeading .subheading, .plannerItemGroup.disabled .groupHeading .count { color: rgba(255, 255, 255, 0.6); } .plannerItemGroup .groupContents { position: absolute; top: 55px; bottom: 0; left: 0; right: 0; box-sizing: border-box; background-color: rgba(200,200,207,0.8); overflow: hidden; } .plannedItemsContainer .groupHeading { height:70px; padding: 10px 10px 5px 10px; position: relative; } .plannedItemsContainer .plannerItemGroup.selectionMode.removeMode.hasRemovableItem .groupHeading { height: 85px; } .plannedItemsContainer .groupHeading .actions { position: absolute; bottom: 7px; right: 38px; } .plannerItemGroup.expanded .groupHeading .actions { display: none; } .plannedItemsContainer .groupHeading .removeButton { width: 24px; height: 24px; background: white; border-radius: 5px; cursor: pointer; border: 1px solid transparent; display: none; margin-top: -28px; float: right; } .plannedItemsContainer .groupHeading .removeButton .icon16 { position: absolute; top: -24px; right: 5px; font-size: 19px; color: rgba(255,0,0,0.8); border: 1px solid transparent; } .plannedItemsContainer .groupHeading .removeButton .icon16:before{ content: "\E067"; } .plannedItemsContainer .groupContents { top: 70px; } .plannedItemsContainer .extraLines li { color: rgba(0, 0, 0, 0.4); } .plannerViewContainer .plannerActions { padding-left: 30px; padding-top: 1px; } .plannerViewContainer .plannerActions .dropdownControl button{ border-radius: 3px; } .plannerViewContainer .plannerActions .dropdownControl .handle { margin-left: 5px; } .plannerViewContainer .plannerActions .dropdownControl .handle .icon16 { margin: 0 5px; } .plannerViewContainer .plannerActions li { text-align: left; } .plannerViewContainer .plannerActions .dropdownPanel li:first-child { display: none; } .plannerViewContainer .plannerActions li a { border: 0; background: none; } .plannerViewContainer .plannerActions li a .icon24 { display: none; } .plannerViewContainer .plannerActions .defaultAction:before { width: auto; } .backgroundOverlayForExpandedColumn { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 9901; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }