: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.253.0'); --ciaIconSortDesc: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/sort-desc.svg?v=12.0.253.0'); --ciaIconSortUnselected: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/sort-unselected.svg?v=12.0.253.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; } @font-face { font-family: 'OSans'; font-style: normal; font-weight: normal; src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/opensansregular.woff?v=12.0.253.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.253.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.253.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.woff?v=12.0.253.0') format('woff'); } html { height:100%; } body { margin:0 auto; padding:0; font-size:0.75em; color:var(--ciaColourTextBody); height:100%; min-height:500px; overflow-y:auto; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-touch-action: none; background-size: cover; background-position: center; } body.fastPageLoad.maxScreen { background: none; } body, body * { font-family:Osans, Arial, Verdana, sans-serif; } body.hidePageHeader > #MainContainer > #GlobalHeader, body.hidePageFooter > #MainContainer > #GlobalFooter { display: none; } .screenReader-text { position: absolute; left: -999px; width: 1px; height: 1px; top: auto; } .screenReader-text:focus { color: var(--ciaColourBlack); background-color: var(--ciaColourWhite); display: inline-block; height: auto; width: auto; position: static; margin: auto auto 1px; } #MainContainer { background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.253.0'); } .flipBlocker { overflow: hidden; } .flipBlocker:before { content:""; display:block; width:1024px; margin:0 auto; height:100%; background-color:#fff; opacity:0.6; } .maxScreen .flipBlocker:before, .tablet .flipBlocker:before { width:100%; } .fixedWidth { min-width: 800px; max-width:1024px; margin:0 auto; position: relative; } .clearFix:after, .clearFixRWFloat:after, #ContextualActionsPanel:after, .popup > footer > div:after, .repeatableEditablePanel.fiveColumns .content .fieldsContainer:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearFixRWFloat:after { clear: right; } .maxScreen .fixedWidth { width: auto; max-width: 100%; } #MainContainer { overflow: hidden; min-width:800px; min-height:100%; position:relative; } .maxScreen #MainContainer { max-width:100%; } #MainContainer > .contentContainer { margin:0 auto; min-height:100%; position:relative; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); } .maxScreen > #MainContainer > .contentContainer { margin: 0; } .contentLayoutContainer { min-height:100%; } .sideBarLayout .contentLayoutContainer { margin-left:190px; } .sideBarLayout .contentLayoutContainer { padding-top:0; } .gridActions a, .jqmWindow, .startSection .dropdownPanel { border-radius:3px; -moz-border-radius:3px; } h3 { font-size:1.4em; font-weight:bold; } /*-- Color Constants--*/ #MainContainer > .contentContainer { background-color:#fff; } #FormTitleContainer #FormTitleImageContainer { border-color:#fff; } /*--Details Panel & Thumbnail background--*/ .naturalViewSectionContainer, .linkedTabbedControl.showSideBar.hasSideBar > .sideBarOuterContainer_LinkedTab, .detailsPanel #DETAILS_DataContents, .compact .thumbnailViewContainer, .contact .thumbnailViewContainer { background-color:#fbfbfb; } /*--Label Colour--*/ .lblCol, .editorLabel, .editorLabelAutoWidth, .worklistItem { color: #000000; } .editorLabel.summaryLineValue { color: #656565; } button.primary, a.buttonStyle.primary { border-color:transparent; } .highlightElement { background-color: #FFEEDD !important; border: solid 1px red; } /* function groups */ .func-list-popover-main { background-color: #EDF6FE; background-color: rgba(235, 237, 238, 0.8); } .tile.expanded.Blue { background-color: #244981; } .tile.expanded.DarkBlue { background-color: #0B3A5A; } .tile.expanded.LightBlue { background-color:#11697E; } .tile.expanded.DarkTeal { background-color: #065A52; } .tile.expanded.Green { background-color: #385500; } .tile.expanded.Grey { background-color: #444444; } .tile.expanded.Lime { background-color: #84964e; } .tile.expanded.Maroon { background-color: #5E151A; } .tile.expanded.Yellow { background-color: #BB8800; } .tile.expanded.Purple { background-color: #301B46; } .tile.expanded.Orange { background-color: #B25900; } .tile.expanded.Blue .hyperTabHandles .hTabHandle.selected, .tile.expanded.Blue .hyperTabHandles .hTabHandle:hover, .activeTileBody .BlueCol { color: #244981; } .tile.expanded.DarkBlue .hyperTabHandles .hTabHandle.selected, .tile.expanded.DarkBlue .hyperTabHandles .hTabHandle:hover, .activeTileBody .DarkBlueCol { color: #0B3A5A; } .tile.expanded.LightBlue .hyperTabHandles .hTabHandle.selected, .tile.expanded.LightBlue .hyperTabHandles .hTabHandle:hover, .activeTileBody .LightBlueCol { color:#11697E; } .tile.expanded.DarkTeal .hyperTabHandles .hTabHandle.selected, .tile.expanded.DarkTeal .hyperTabHandles .hTabHandle:hover, .activeTileBody .DarkTealCol { color: #065A52; } .tile.expanded.Green .hyperTabHandles .hTabHandle.selected, .tile.expanded.Green .hyperTabHandles .hTabHandle:hover, .activeTileBody .GreenCol { color: #385500; } .tile.expanded.Grey .hyperTabHandles .hTabHandle.selected, .tile.expanded.Grey .hyperTabHandles .hTabHandle:hover, .activeTileBody .GreyCol { color: #444444; } .tile.expanded.Lime .hyperTabHandles .hTabHandle.selected, .tile.expanded.Lime .hyperTabHandles .hTabHandle:hover, .activeTileBody .LimeCol { color: #84964e; } .tile.expanded.Maroon .hyperTabHandles .hTabHandle.selected, .tile.expanded.Maroon .hyperTabHandles .hTabHandle:hover, .activeTileBody .MaroonCol { color: #5E151A; } .tile.expanded.Yellow .hyperTabHandles .hTabHandle.selected, .tile.expanded.Yellow .hyperTabHandles .hTabHandle:hover, .activeTileBody .YellowCol { color: #BB8800; } .tile.expanded.Purple .hyperTabHandles .hTabHandle.selected, .tile.expanded.Purple .hyperTabHandles .hTabHandle:hover, .activeTileBody .PurpleCol { color: #301B46; } .tile.expanded.Orange .hyperTabHandles .hTabHandle.selected, .tile.expanded.Orange .hyperTabHandles .hTabHandle:hover, .activeTileBody .OrangeCol { color: #B25900; } /* Footer */ body.screenLoading > #MainContainer > #GlobalFooter { position: absolute; bottom: 0; } footer { clear:both; font-size:0.9em; width:100%; max-width:inherit; text-align:center; } footer.stickToBottom { position:fixed; bottom:0; } /*--Generic horizontal layout class (selector to turns child elements into inline block elements)--*/ .horizLayout > * { display: inline-block; vertical-align: top; } .fieldsContainer .horizLayout > * { margin-right: 5px; } .sideBySideContainer > .stackedStyle, .sideBySideContainer > .sideBySide { margin-right: 5px; } .sideBySideContainer.columns7 > .stackedStyle { margin-right: 0; } *:focus, .focus { outline-color: transparent; outline-style: solid; outline-width: 1px; } *:hover, [tabindex="-1"]:focus { outline: none; } /*--Various column layouts--*/ .columns { display: table; width: 100%; } .columns > * { display:table-cell; vertical-align:top; } .hidden { display: none; } .height100pc { height: 100%; } /*--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; } .padding2, .cPadding3 > * { padding:2px; } .paddingTB2, .cPaddingTB2 > * { padding-top:2px; padding-bottom:2px; } .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; } .padding20, .cPadding20 > * { padding:20px; } .paddingT20, .cPaddingT20 { padding-top:20px; } .paddingB20, .cPaddingB20 { padding-bottom:20px; } .paddingTB20, .cPaddingTB20 > * { padding-top:20px; padding-bottom:20px; } .paddingL20, .cPaddingL20 > * { padding-left:20px; } .paddingR20, .cPaddingR20 > * { padding-right:20px; } .paddingLR20, .cPaddingLR20 > * { padding-left:20px; padding-right:20px; } .padding0I { padding: 0 !important; } .imageSection.center { text-align: center !important; } /*--Arrow indicators--*/ .tArw:before, .tArw:after, .rArw:before, .rArw:after, .lArw:before, .lArw:after, .arwPosB:before, .arwPosB:after, .pointerArrow .bg, .pointerArrow .fg { content: ""; position: absolute; height: 0; width: 0; } .tArw:before, .tArw:after{ top: -7px; } .arwPosB:before, .arwPosB:after { bottom: -6px; } .tArw:before, .tArw:after, .arwPosB:before, .arwPosB:after, .pointerArrow .bg, .pointerArrow .fg { left: 50%; } .tArw.arwPosL:before, .tArw.arwPosL:after { left: 20%; } .tArw.arwPosR:before, .tArw.arwPosR:after { left: 80%; } .lArw:before, .lArw:after { top: 50%; left:0; } .pointerArrow .bg, .pointerArrow .fg{ bottom: -1px; } .pointerArrowB .bg, .pointerArrowB .fg { position: absolute; top: -1px; left: 50%; height: 0; width: 0; } .searchToggle.pointerArrowB .fg { top: -2px; } .tArw:before, .pointerArrow .bg { margin-left: -7px; border-left: solid 7px transparent !important; border-right: solid 7px transparent !important; border-bottom-style: solid; border-bottom-width: 7px; border-color: inherit; } .tArw:after, .pointerArrow .fg { margin-left: -6px; border-left: solid 6px transparent !important; border-right: solid 6px transparent !important; border-bottom-style: solid; border-bottom-width: 6px; border-color: inherit; } .arwPosB:before, .pointerArrowT .bg { margin-left: -7px; border-left: solid 7px transparent !important; border-right: solid 7px transparent !important; border-top-style: solid; border-top-width: 6px; border-color: inherit; } .arwPosB:after, .pointerArrowT .fg { margin-left: -6px; border-left: solid 6px transparent !important; border-right: solid 6px transparent !important; border-top-style: solid; border-top-width: 6px; border-color: inherit; } .pointerArrowB .bg { margin-left: -7px; border-left: solid 7px transparent !important; border-right: solid 7px transparent !important; border-top-style: solid; border-top-width: 6px; } .pointerArrowB .fg { margin-left: -6px; border-left: solid 6px transparent !important; border-right: solid 6px transparent !important; border-top-style: solid; border-top-width: 6px; } .pointerArrowR .bg, .pointerArrowR .fg { position: absolute; top: 50%; left: -1px; height: 0; width: 0; } .pointerArrowL .bg, .pointerArrowL .fg { position: absolute; top: 50%; right: -1px; height: 0; width: 0; } .searchToggle.pointerArrowR .fg { top: -2px; } .rArw:before, .pointerArrowR .bg { margin-top: -7px; border-top: solid 7px transparent !important; border-bottom: solid 7px transparent !important; border-left-style: solid; border-left-width: 7px; } .rArw:after, .pointerArrowR .fg { margin-top: -6px; border-top: solid 6px transparent !important; border-bottom: solid 6px transparent !important; border-left-style: solid; border-left-width: 6px; } .lArw:before, .pointerArrowL .bg { margin-top: -7px; border-top: solid 7px transparent !important; border-bottom: solid 7px transparent !important; border-right-style: solid; border-right-width: 7px; } .lArw:after, .pointerArrowL .fg { margin-top: -6px; border-top: solid 6px transparent !important; border-bottom: solid 6px transparent !important; border-right-style: solid; border-right-width: 6px; } .useSelectedMarker.selected:before, .selected > .useSelectedMarker:before { content: ""; display: block; position: absolute; right: 0; top: -1px; bottom: 0; border-right: solid 3px; } .tabHandle_LinkedTab.useSelectedMarker.selected:before { top: 0; bottom: auto; border: none; } .useSelectedMarker.selected:after, .selected > .useSelectedMarker:after { content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -7px; border-right: solid 7px; border-top: solid 7px transparent !important; border-bottom: solid 7px transparent !important; width: 0; height: 0; } .tabHandle_LinkedTab.useSelectedMarker.selected:after { right: -3px; } .unSelectable { -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; user-select: none; -webkit-user-select: none; } /* Drragging elements */ .dragging { z-index: 10000; } /* Hand open */ .draggable { -ms-touch-action: none; cursor: pointer; cursor: url(data:image/jpeg;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8=) 4 4, pointer; } /* Hand close */ .dragging, .dragging * { cursor: url(data:image/jpeg;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAAH/AAAB/wAAA/0AAANsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//+AB///wAf//4AH//+AD///yT/////////////////////////////8=) 4 4, pointer !important; } .webkitOverflowTouch { -webkit-overflow-scrolling: touch; } .zoomable { -webkit-overflow-scrolling: touch; overflow: auto; } .zoomable > div { -webkit-transform-origin: 0% 0%; } .overflowHidden { overflow: hidden; } .overflowHiddenI { overflow: hidden !important; } /***************************** tablets *****************************/ .tablet.portraitMode #MainContainer, .tablet.portraitMode .fixedWidth { min-width: 700px; } body.ipad.landscapeMode.ios7 { height: calc(100% - 20px); min-height: calc(100% - 20px); width: 100%; position:fixed; } body.ipad.landscapeMode.ios7 > #MainContainer { min-height: calc(100% - 20px); } body.ipad.landscapeMode.ios7 > #MainContainer > .contentContainer { min-height: calc(100% - 20px); } .cMsgWrap.fixedWidth { max-width: 1024px; } .topBannerMsg { box-shadow: 1px 2px 5px rgba(0,0,0,0.2); padding: 5px; } .topBannerMsg button { margin: 0; padding: 3px; } .topBannerMsg button .buttonLabel { min-width: 0; } .topBannerMsg > .icon16 { margin: 2px 5px; } .topBannerMsg { box-shadow: 1px 2px 5px rgba(0,0,0,0.2); } .desktop .topBannerMsg { padding: 5px; } .topBannerMsg button { margin: 0; padding: 3px; } .topBannerMsg button .buttonLabel { min-width: 0; } .topBannerMsg > .icon16 { margin: 2px 5px; } .sclWrapper .panel { display: inline-block; vertical-align: top; margin-left: 20px; } .sclWrapper .panel header { text-align: center; } .sclDesc { width: 198px; text-align: right; display: inline-block; margin-right: 20px; line-height: 1.5em; vertical-align: top; } .sclKeys { display: inline-block; vertical-align: top; vertical-align: super; } .sclKeys > a { cursor: default !important; } .sclItem { border-top: solid 1px rgba(0, 0, 0, 0.05); padding: 2px; } @media \0screen { } /*--custom scroll bar style for windows devices--*/ .windows0.desktop ::-webkit-scrollbar-button, body.windows0.desktop::-webkit-scrollbar-button { width: 0; height: 0; } .windows0.desktop ::-webkit-scrollbar, body.windows0.desktop::-webkit-scrollbar { width: 9px; height: 9px; } .windows0.desktop ::-webkit-scrollbar-button:horizontal:start:decrement, .windows0.desktop ::-webkit-scrollbar-button:horizontal:end:increment, .windows0.desktop ::-webkit-scrollbar-button:vertical:start:decrement, .windows0.desktop ::-webkit-scrollbar-button:vertical:end:increment, body.windows0.desktop::-webkit-scrollbar-button:horizontal:start:decrement, body.windows0.desktop::-webkit-scrollbar-button:horizontal:end:increment, body.windows0.desktop::-webkit-scrollbar-button:vertical:start:decrement, body.windows0.desktop::-webkit-scrollbar-button:vertical:end:increment { width:9px; } .windows0.desktop ::-webkit-scrollbar-thumb:vertical, .windows0.desktop ::-webkit-scrollbar-thumb:horizontal, body.windows0.desktop::-webkit-scrollbar-thumb:vertical, body.windows0.desktop::-webkit-scrollbar-thumb:horizontal { background-color: rgba(0,0,0, 0.15); } .windows0.desktop ::-webkit-scrollbar-thumb:hover, body.windows0.desktop::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0, 0.25); } .windows0.desktop ::-webkit-scrollbar-track, body.windows0.desktop::-webkit-scrollbar-track { background-color: transparent; box-shadow: none; } body.windows0.desktop::-webkit-scrollbar-track { background-color:#fff; } .windows0.desktop :hover::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.05); } body.windows0.desktop:hover::-webkit-scrollbar-track { background-color: #fff; } .dropdownPanelListItem span.OneDrive:before { content: "\E517"; } .dropdownPanelListItem span.GoogleDrive:before { content: "\E522"; } /* Offline */ body.offline .durationSpinner { display: none !important; } /* Hover Effects */ /* IDEA: the parent container has the class supportsHover and the child item has the class hoverItem. For some controls (grid, filters) this is not always true as the hover item is deeper within the HTML DOM tree or there are nested hover items (hierarchy viewer, or hierarchical filters) Define the exceptions here. */ .supportsHover > .hoverItem:hover, .supportsHover .isDataRow.hoverItem:hover /*grid rows*/ { background-color: var(--ciaColourBackgroundHighlightHover)!important; } .supportsHover > .hoverItem.disabled:hover, .supportsHover > .hoverItem.readOnly:hover{ background-color: unset!important; } /* Radial Out */ .hvr-radial-out { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0)); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out.light:before{ background: radial-gradient(rgba(255,255,255,0.15), rgba(255,255,255,0)); } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { } .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); } /* ripple out */ @-webkit-keyframes hvr-ripple-out { 0% { top: -3px; right: -3px; bottom: -3px; left: -3px; opacity: 1; border-color:rgba(5, 5, 5, 0.21); } 100% { top: -9px; right: -9px; bottom: -9px; left: -9px; opacity: 0; } } @keyframes hvr-ripple-out { 0% { top: -3px; right: -3px; bottom: -3px; left: -3px; opacity: 1; border-color:rgba(5, 5, 5, 0.21); } 100% { top: -9px; right: -9px; bottom: -9px; left: -9px; opacity: 0; } } .hvr-ripple-out { position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .hvr-ripple-out:before { content: ''; position: absolute; border-color: transparent; -webkit-animation-duration: 1s; animation-duration: 1s; border-radius: 100%; border-style: solid; border-width: 3px; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /*--Consumer styles--*/ .consumerStyleWrapper { background-image: none; background-color: #f8f8f8; /*--theme colorGreyWarmLightest-50--*/ color:#3b4e58; /*--theme colorGreyWarmDarker--*/ } .consumerStyleWrapper #MainContainer { box-sizing:border-box; } .consumerStyleWrapper #MainContainer > .contentContainer, .consumerStyleWrapper #C2FormContent { background-color: transparent !important; } .consumerStyleWrapper #C2FormContent { overflow: auto; } .consumerStyleWrapper #MainContainer > .contentContainer { box-shadow: none; max-width: 100vw; } .consumerStyleWrapper #MyMaintenanceForm > .mainContent { max-width: 100vw; } .consumerStyleWrapper #TabsContainer, .consumerStyleWrapper .linkedTabbedControl { height: auto; max-width: 1100px; margin:0 auto; background-color: #fff; box-shadow: 0 1px 6px 0 rgba(0,0 ,0 , 0.15); } .consumerStyleWrapper .tabsContainer_LinkedTab { height: auto; } .consumerStyleWrapper .tabControl > .editablePanel > .content { overflow: initial !important; height: auto !important; } .consumerStyleWrapper .editablePanel { display: flex; flex-flow: column; } .consumerStyleWrapper .editablePanel > .topActionPane:first-child { display:none; } .consumerStyleWrapper .contentContainer .bottomActionPane { display:block; padding:0 60px; } .consumerStyleWrapper .editablePanel > .header { font-size: 1.25rem !important; line-height: 1.25rem; height: auto; padding: 16px 60px; color:inherit; position: sticky; top: 0; background-color: #fff; z-index: 1; } .consumerStyleWrapper .helpLink { font-weight:600; } .consumerStyleWrapper .warningLabel:before, .consumerStyleWrapper .helpLink:before { display:none; } .consumerStyleWrapper .tabControlsInnerContainer_LinkedTab .tabControl:first-child > .editablePanel > .content { min-height: 400px; } /*************************************/ /* 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.253.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.253.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} .popup .unsavedChanges > section { padding: 20px; } .popup .unsavedChanges > section > ul { padding: 10px; } .popup .unsavedChanges > section > ul > li { list-style-type: disc; font-weight:bold; padding: 5px; } .popup .unsavedChanges .transactionalAreaItem span { display:inline-block; min-width: 180px; } .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.253.0'); background-size: contain; height: 100%; width: 100%; display: block; } /* Generic icons */ .screensaver { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.8); z-index: 100000; display: none; } .screensaver .t1Logo { position: fixed; width: 205px; height: 32px; left: 50%; margin-left: -103px; top: 50%; margin-top: -16px; background-image:var(--ciaT1LogoUrl); background-size: 100% 100%; border-radius: 10px; } .screensaver .innerBox { background-repeat: no-repeat; background-position: center; } div.olMap { z-index: 0; padding: 0 !important; margin: 0 !important; cursor: default; /*making touch drag and pinch zoom work on IE11 and edge*/ -ms-touch-action: none; touch-action: none; } div.olMapViewport { text-align: left; /*making touch drag and pinch zoom work on IE11 and edge*/ -ms-touch-action: none; touch-action: none; } div.olLayerDiv { -moz-user-select: none; -khtml-user-select: none; } .olLayerGoogleCopyright { left: 2px; bottom: 2px; } .olLayerGoogleV3.olLayerGoogleCopyright { right: auto !important; } .olLayerGooglePoweredBy { left: 2px; bottom: 15px; } .olLayerGoogleV3.olLayerGooglePoweredBy { bottom: 15px !important; } .olControlAttribution { font-size: smaller; right: 3px; bottom: 4.5em; position: absolute; display: block; } .olControlScale { right: 3px; bottom: 3em; display: block; position: absolute; font-size: smaller; } .olControlScaleLine { display: block; position: absolute; left: 10px; bottom: 15px; font-size: xx-small; } .olControlScaleLineBottom { border: solid 2px black; border-bottom: none; margin-top:-2px; text-align: center; } .olControlScaleLineTop { border: solid 2px black; border-top: none; text-align: center; } .olControlPermalink { right: 3px; bottom: 1.5em; display: block; position: absolute; font-size: smaller; } div.olControlMousePosition { bottom: 0; right: 3px; display: block; position: absolute; font-family: Arial; font-size: smaller; } .olControlOverviewMapContainer { position: absolute; bottom: 0; right: 0; } .olControlOverviewMapElement { padding: 10px 18px 10px 10px; background-color: #00008B; -moz-border-radius: 1em 0 0 0; } .olControlOverviewMapMinimizeButton, .olControlOverviewMapMaximizeButton { height: 18px; width: 18px; right: 0; bottom: 80px; cursor: pointer; } .olControlOverviewMapExtentRectangle { overflow: hidden; background-image: url("../Styles/ThirdParty/IntraMaps/img/blank.gif?v={1}"); cursor: move; border: 2px dotted red; } .olControlOverviewMapRectReplacement { overflow: hidden; cursor: move; background-image: url("../Styles/ThirdParty/IntraMaps/img/overview_replacement.gif?v={1}"); background-repeat: no-repeat; background-position: center; } .olLayerGeoRSSDescription { float:left; width:100%; overflow:auto; font-size:1.0em; } .olLayerGeoRSSClose { float:right; color:gray; font-size:1.2em; margin-right:6px; font-family:sans-serif; } .olLayerGeoRSSTitle { float:left;font-size:1.2em; } .olPopupContent { padding:5px; overflow: auto; } .olControlNavigationHistory { background-image: url("../Styles/ThirdParty/IntraMaps/img/navigation_history.png?v={1}"); background-repeat: no-repeat; width: 24px; height: 24px; } .olControlNavigationHistoryPreviousItemActive { background-position: 0 0; } .olControlNavigationHistoryPreviousItemInactive { background-position: 0 -24px; } .olControlNavigationHistoryNextItemActive { background-position: -24px 0; } .olControlNavigationHistoryNextItemInactive { background-position: -24px -24px; } div.olControlSaveFeaturesItemActive { background-image: url(../Styles/ThirdParty/IntraMaps/img/save_features_on.png?v={1}); background-repeat: no-repeat; background-position: 0 1px; } div.olControlSaveFeaturesItemInactive { background-image: url(../Styles/ThirdParty/IntraMaps/img/save_features_off.png?v={1}); background-repeat: no-repeat; background-position: 0 1px; } .olHandlerBoxZoomBox { border: 2px solid red; position: absolute; background-color: white; opacity: 0.50; font-size: 1px; filter: alpha(opacity=50); } .olHandlerBoxSelectFeature { border: 2px solid blue; position: absolute; background-color: white; opacity: 0.50; font-size: 1px; filter: alpha(opacity=50); } .olControlPanPanel { top: 10px; left: 5px; } .olControlPanPanel div { background-image: url(../Styles/ThirdParty/IntraMaps/img/pan-panel.png?v={1}); height: 18px; width: 18px; cursor: pointer; position: absolute; } .olControlPanPanel .olControlPanNorthItemInactive { top: 0; left: 9px; background-position: 0 0; } .olControlPanPanel .olControlPanSouthItemInactive { top: 36px; left: 9px; background-position: 18px 0; } .olControlPanPanel .olControlPanWestItemInactive { position: absolute; top: 18px; left: 0; background-position: 0 18px; } .olControlPanPanel .olControlPanEastItemInactive { top: 18px; left: 18px; background-position: 18px 18px; } .olControlZoomPanel { top: 71px; left: 14px; } .olControlZoomPanel div { background-image: url(../Styles/ThirdParty/IntraMaps/img/zoom-panel.png?v={1}); position: absolute; height: 18px; width: 18px; cursor: pointer; } .olControlZoomPanel .olControlZoomInItemInactive { top: 0; left: 0; background-position: 0 0; } .olControlZoomPanel .olControlZoomToMaxExtentItemInactive { top: 18px; left: 0; background-position: 0 -18px; } .olControlZoomPanel .olControlZoomOutItemInactive { top: 36px; left: 0; background-position: 0 18px; } /* * When a potential text is bigger than the image it move the image * with some headers (closes #3154) */ .olControlPanZoomBar div { font-size: 1px; } .olPopupCloseBox { background: url("../Styles/ThirdParty/IntraMaps/img/close.gif?v={1}") no-repeat; cursor: pointer; } .olFramedCloudPopupContent { padding: 5px; overflow: auto; } .olControlNoSelect { -moz-user-select: none; -khtml-user-select: none; } .olImageLoadError { background-color: pink; opacity: 0.5; filter: alpha(opacity=50); /* IE */ } /** * Cursor styles */ .olCursorWait { cursor: wait; } .olDragDown { cursor: default; } .olDrawBox { cursor: crosshair; } .olControlDragFeatureOver { cursor: move; } .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown { cursor: -moz-grabbing; } /** * Layer switcher */ .olControlLayerSwitcher { position: absolute; top: 25px; right: 0; width: 20em; font-family: sans-serif; font-weight: bold; margin-top: 3px; margin-left: 3px; margin-bottom: 3px; font-size: smaller; color: white; background-color: transparent; } .olControlLayerSwitcher .layersDiv { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; background-color: darkblue; } .olControlLayerSwitcher .layersDiv .baseLbl, .olControlLayerSwitcher .layersDiv .dataLbl { margin-top: 3px; margin-left: 3px; margin-bottom: 3px; } .olControlLayerSwitcher .layersDiv .baseLayersDiv, .olControlLayerSwitcher .layersDiv .dataLayersDiv { padding-left: 10px; } .olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv { width: 18px; height: 18px; top: 5px; right: 0; cursor: pointer; } .olBingAttribution { color: #DDD; } .olBingAttribution.road { color: #333; } .olGoogleAttribution.hybrid, .olGoogleAttribution.satellite { color: #EEE; } .olGoogleAttribution { color: #333; } span.olGoogleAttribution a { color: #77C; } span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a { color: #EEE; } /** * Editing and navigation icons. * (using the editing_tool_bar.png sprint image) */ .olControlNavToolbar , .olControlEditingToolbar { margin: 5px 5px 0 0; } .olControlNavToolbar div, .olControlEditingToolbar div { background-image: url("../Styles/ThirdParty/IntraMaps/img/editing_tool_bar.png?v={1}"); background-repeat: no-repeat; margin: 0 0 5px 5px; width: 24px; height: 22px; cursor: pointer } /* positions */ .olControlEditingToolbar { right: 0; top: 0; } .olControlNavToolbar { top: 295px; left: 9px; } /* layouts */ .olControlEditingToolbar div { float: right; } /* individual controls */ .olControlNavToolbar .olControlNavigationItemInactive, .olControlEditingToolbar .olControlNavigationItemInactive { background-position: -103px -1px; } .olControlNavToolbar .olControlNavigationItemActive , .olControlEditingToolbar .olControlNavigationItemActive { background-position: -103px -24px; } .olControlNavToolbar .olControlZoomBoxItemInactive { background-position: -128px -1px; } .olControlNavToolbar .olControlZoomBoxItemActive { background-position: -128px -24px; } .olControlEditingToolbar .olControlDrawFeaturePointItemInactive { background-position: -77px -1px; } .olControlEditingToolbar .olControlDrawFeaturePointItemActive { background-position: -77px -24px; } .olControlEditingToolbar .olControlDrawFeaturePathItemInactive { background-position: -51px -1px; } .olControlEditingToolbar .olControlDrawFeaturePathItemActive { background-position: -51px -24px; } .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{ background-position: -26px -1px; } .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { background-position: -26px -24px; } div.olControlZoom { position: absolute; top: 8px; left: 8px; background: rgba(255,255,255,0.4); border-radius: 4px; padding: 2px; } div.olControlZoom a { display: block; margin: 1px; padding: 0; color: white; font-size: 18px; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 22px; width:22px; line-height: 19px; background: #130085; /* fallback for IE - IE6 requires background shorthand*/ background: rgba(0, 60, 136, 0.5); filter: alpha(opacity=80); } div.olControlZoom a:hover { background: #130085; /* fallback for IE */ background: rgba(0, 60, 136, 0.7); filter: alpha(opacity=100); } @media only screen and (max-width: 600px) { div.olControlZoom a:hover { background: rgba(0, 60, 136, 0.5); } } a.olControlZoomIn { border-radius: 4px 4px 0 0; } a.olControlZoomOut { border-radius: 0 0 4px 4px; } /** * Animations */ /* * Layer Fade Animation for single-tile only ( .olLayerDiv.olLayerGridSingleTile > img.olTileImage ), * .olLayerDiv.olLayerGridSingleTile is set on containing div, * olTileImage is set on img tag */ /*.olLayerDiv.olLayerGridSingleTile > img.olTileImage {*/ /*-webkit-transition: opacity 0.2s linear;*/ /*-moz-transition: opacity 0.2s linear;*/ /*-o-transition: opacity 0.2s linear;*/ /*transition: opacity 0.2s linear;*/ /*}*/ /* OverviewMap overrides ------------------- */ /* Suffixed with 2 ie the original is olControlOverviewMapElement and the overriden one is olControlOverviewMapElement2 The suffix is a workaround for async loading of CSS where openlayers-override.css is BEFORE openlayers style.css is loaded */ .olControlOverviewMapElement_intramaps { background-color: #E5E5E5; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); border: 1px solid #333; border: 1px solid rgba(0, 0, 0, 0.2); } .olControlOverviewMapMaximizeButton_intramaps, .olControlOverviewMapMinimizeButton_intramaps { height: 88px; width: 16px; top: 1px; right: 1px; cursor: pointer; display: block; z-index: 1; font-family: 'intramaps'; z-index: 1; text-align: center; color: #6c6c6c; text-decoration: none; background-color: rgba(255, 255, 255, 0.4); } .olControlOverviewMapMaximizeButton_intramaps:hover, .olControlOverviewMapMinimizeButton_intramaps:hover { background-color: rgba(255, 255, 255, 0.8); } .olControlOverviewMapMinimizeButton_intramaps .olControlOverviewMapMinimizeButton_intramaps { display: none; } .olControlOverviewMapMinimizeButton_intramaps:before { content: "\e041"; display: block; height: 90px; line-height: 90px; width: 16px; font-size: 10px; } .olControlOverviewMapMaximizeButton_intramaps:before { content: "\e040"; display: block; height: 90px; line-height: 90px; width: 16px; font-size: 10px; } .olControlOverviewMapContainer_intramaps { position: absolute; bottom: 0px; left: 3px; height: 90px; min-width: 16px; } .olControlOverviewMapExtentRectangle_intramaps { background-color: rgba(0, 0, 0, 0.2); padding-right: 2px; padding-bottom: 2px; } .olControlOverviewMapRectReplacement { background-color: rgba(0, 0, 0, 0.2); background-image: none !important; } /* End OverviewMap overrides ------------------*/ .layersDiv, .maximizeDiv { background-color: #333 !important; border-radius: 0; } div.olControlZoom { border-radius: 0; background-color: transparent; padding: 0; left: 12px; top: 8px; } div.olControlZoom a { border-radius: 0; /*color: #5a94c5;*//*Remove*/ color: #373a3f; background-color: #fff; font-family: 'proximanova-bold'; font-weight: bold; font-size: 24px; width: 26px; height: 26px; line-height: 26px; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.19); -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.19); -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.19); box-shadow: 0 0 1px rgba(0, 0, 0, 0.19); overflow: hidden; filter: none; text-align: center; } html.intramapstouch div.olControlZoom a { width: 44px; height: 44px; line-height: 44px; } div.olControlZoom a:before { display: block; font-family: 'intramaps'; font-size: 16px; width: 26px; height: 26px; line-height: 26px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; text-align: center; } html.intramapstouch div.olControlZoom a:before { width: 44px; height: 44px; line-height: 44px; } div.olControlZoom a.olControlZoomIn:before { content: "\e01c"; } div.olControlZoom a.olControlZoomOut:before { content: "\e01f"; } div.olControlZoom a:hover { background-color: #f2f3f4; } .olPopup { padding: 0; background-color: #fff; color: #343434; border: 1px solid #a5c8e7 !important; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); overflow: visible !important; } .olPopup.br { margin-top: -11px; margin-left: 11px; } .olPopup.bl { margin-top: -11px; margin-left: -11px; } .olPopup.tr { margin-top: 11px; margin-left: 11px; } .olPopup.tl { margin-top: 11px; margin-left: -11px; } .olPopup .olPopupContent { position: relative; width: auto !important; right: 0; margin: 0; padding: 0; top: 0; bottom: 0; overflow: hidden; } .olPopup .olPopupContent .table { position: absolute; padding: 0; overflow: auto; top: 24px; bottom: 0; } .olPopup .olPopupContent .content { position: absolute; padding: 11px; overflow: auto; top: 24px; bottom: 0; left: 0; right: 0; } .olPopup .olPopupCloseBox { background-image: none; top: 0 !important; right: 0 !important; left: 0 !important; height: 24px !important; width: auto !important; background-color: #efefef; text-align: right; position: relative; } .olPopup .olPopupCloseBox:before { display: block; font-family: 'intramaps'; font-size: 13px; width: 24px; height: 24px; line-height: 24px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; content: "\e035"; color: #343434; position: absolute; right: 5px; } .olPopup:before { position: absolute; display: block; width: 11px; height: 11px; z-index: 752; } .olPopup.br:before { left: -11px; top: 6px; content: url(../Styles/ThirdParty/images/openlayers-popup-pointer-br.svg?v={1}); } .olPopup.bl:before { right: -11px; top: 6px; content: url(../Styles/ThirdParty/images/openlayers-popup-pointer-bl.svg?v={1}); } .olPopup.tr:before { left: -11px; bottom: 6px; content: url(../Styles/ThirdParty/images/openlayers-popup-pointer-tr.svg?v={1}); } .olPopup.tl:before { right: -11px; bottom: 6px; content: url(../Styles/ThirdParty/images/openlayers-popup-pointer-tl.svg?v={1}); } .olImageLoadError { /* when OL encounters a 404, don't display the pink image */ display: none !important; } .olHandlerBoxZoomBox { border: 2px solid #086EC4 !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} .absolutePanel { position: relative; padding-bottom: 20px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .absolutePanel + .panel.fieldSet { padding-left: 0; } .actionsButton { position: relative; } .actionsButtonDropDown { margin-left: -4px; height: 26px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .actionsButtonDropDown .icon16 { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/dropdown.png?v=12.0.253.0'); } .actionsButtonActionsPane { position: absolute; min-width: 150px; z-index: 1000; border: solid 1px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); right: 0; margin-top: 0px; top: 26px; } .actionsButtonItem { line-height: 16px; cursor: pointer; white-space: nowrap; color: #1991F5; display: block; padding: 5px; border-bottom: solid 1px; border-top: solid 1px white; position: relative; } .actionsButtonItem:hover { background-color: rgba(255, 255, 255, 0.5); } .addAttachmentLink { padding-top: 5px; padding-bottom: 5px; } .addressLookup { position: relative; } .addressLookupPopupContainer { position: absolute; right: 0; z-index: 10; border-style: solid; border-width: 1px; padding: 10px; } .addressLookupFindAddressStringInput ~ .suggestionPaneWrapper > .picklistButton { display: none !important; } .addressLookupActionButton > .buttonLabel { min-width: 40px; } .consumerStyle .sideBySideContainer > .addressLookup { margin-right: 0; } .consumerStyle .sideBySideContainer > .sideBySide.consumerStyle + .addressLookup > .consumerStyle { padding-right: 16px; } .consumerStyle .sideBySideContainer > .addressLookup + .sideBySide.consumerStyle { margin: 0; } .consumerStyle .sideBySideContainer > .addressLookup + .sideBySide.consumerStyle:last-child { padding-right: 0; } .consumerStyle .sideBySideContainer > .addressLookup + .sideBySide.consumerStyle > .checkBoxControl { margin-top: 39px; } .consumerStyle.tbcStyleContainer .tbcPicker.address .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"); margin-top: 10px; opacity: 0.5; } .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.253.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.253.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"; } .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; } .attachments { position: relative; min-height: 230px; font-size: 12px; white-space: normal; overflow: visible; } .attachments:after { background-image: none; } /*--Drag attachment--*/ #FileDropTarget { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; padding: 0; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.6); z-index: 1000; height: 0; top: auto; overflow: hidden; } .attachments.dragOver #FileDropTarget { display: block; height: auto; top: 0; } .attachments.readonly.dragOver #FileDropTargetImages { display: none; } .attachments.readonly.dragOver #FileDropTarget { background-color: rgba(255, 200, 200, 0.15); } #FileDropTargetBorder { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 4px grey dashed; border-color: rgba(80, 80, 80, 0.3); } .attachments.readonly.dragOver #FileDropTargetBorder { border-color: rgba(255, 200, 200, 0.35); } #FileDropTargetContents { color: grey; color: rgba(80, 80, 80, 0.3); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 20px; height: 80px; text-align: center; } .fileDropTargetImage { position: absolute; margin: 0 auto; width: 64px; height: 64px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } #FileDropTargetImages { display: inline-block; width: 64px; height: 64px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: scale(0.75, 0.75); transform: scale(0.75,0.75); } .attachments.dragOver #FileDropTargetImages { -webkit-transform: scale(1, 1); transform: scale(1,1); } #FileDropTargetImage1 { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/64/ecm/doc1.png?v=12.0.253.0'); } #FileDropTargetImage2 { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/64/ecm/doc2.png?v=12.0.253.0'); } #FileDropTargetImage3 { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/64/ecm/doc3.png?v=12.0.253.0'); } .attachments.dragOver #FileDropTargetImage1 { -webkit-transform: translate(30px, 0) rotate(15deg); -ms-transform: translate(30px, 0) rotate(15deg); -moz-transform: translate(30px, 0) rotate(15deg); transform: translate(30px, 0) rotate(15deg); } .attachments.dragOver #FileDropTargetImage2 { -webkit-transform: translate(-30px, 0) rotate(-15deg); -ms-transform: translate(-30px, 0) rotate(-15deg); -moz-transform: translate(-30px, 0) rotate(-15deg); -o-transform: translate(-30px, 0) rotate(-15deg); transform: translate(-30px, 0) rotate(-15deg); } .attachments .transparent { opacity: 0; } .attachments .attachmentsCtrlLabel { margin: 5px 0; font-weight: 600; line-height: 16px; } .attachments .attachmentsCtrlLabel .mandatory{ margin-left:5px; } .attachments .attItems { -webkit-transition: opacity .1s ease-in-out; -moz-transition: opacity .1s ease-in-out; -ms-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } .attachments .item { position: relative; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .attachments.readonly .dropFilesHint, .attachments .dropFilesHintReadonly { display: none; background-color: #fff; border: solid 1px rgba(0, 0, 0, 0.1); padding: 5px; } .attachments.dragOver.readonly .dropFilesHintReadonly { display: inherit; position: absolute; top: 50%; left: 50%; width: 420px; height: 20px; line-height: 20px; text-align: center; margin-left: -210px; margin-top: -10px; } .attachments .hintContainer { float: left; margin-left: 10px; line-height: 36px; /* This is to centre the text in the title bar */ } .attachments .hintContainer .dragDropHint { opacity: 0.35; display: block; } .attachments .hintContainer .dragDropHint:before { content: "\E083"; margin-right: 5px; margin-top: 10px; float: left; } /*---Generic item styling---*/ .attachments .actionBox .attachmentActions .dropdownControlButton .icon16 { margin: 0; } .attachments .actionBox .attachmentActions .attachmentAction.downloadPdf.icon16:before { content: "\E001"; } .attachments .actionBox .attachmentActions .attachmentAction.downloadOrig.icon16:before { content: "\E05A"; } .attachments .actionBox .attachmentActions .attachmentAction.docProperties.icon16:before { content: "\E084"; } .attachments .actionBox .attachmentActions .attachmentAction.itemDetails.icon16:before { content: "\E078"; } .attachments .actionBox .attachmentActions .attachmentAction.saveToCloud.office.icon16:before { content: "\E517"; } .attachments.readonly .actionBox .attachmentActions .attachmentAction.itemDetails.icon16:before { content: "\E084"; } .attachments .actionBox .attachmentActions .attachmentAction.unattachDoc.icon16:before { content: "\E067"; color: #d50000; } .attachments .actionBox .attachmentActions .attachmentAction.deleteAtt.icon16:before { content: "\E067"; color: #d50000; } .attachments .item.uploading .itemRemove, .attachments.readonly .itemRemove, .attachments .item.nonEcmDoc .ecmAction, .attachments .item.ecmDoc .nonEcmAction, .attachments .item.noOrig .downloadOrig { display: none; } .attachments .header span { font-family: 'Osans', Arial, sans-serif; } .attachments .attTypeHeader { font-size: 1.2em; margin-top: 20px; padding-top: 10px; margin-top: 0; border-top: solid 1px; } .attItems > .attTypeHeader ~ .attTypeHeader { padding: 10px 0; } .attachments .item.itemChanged, .attachments .item.itemChanged .labelValue, .attachments .item.newItem, .attachments .item.newItem .labelValue { font-weight: bold; } .attachments .item.itemChanged .labelValue:after, .attachments .item.newItem .labelValue:after { content: " *"; } .attachments .item.uploadFailed { background-color: rgb(255, 200, 200); background-color: rgba(255, 200, 200, 0.5); } .attachments .item.uploadFailed > .label { text-decoration: line-through; } .attachments .item.uploadFailed .icon { background-image: url(https://cdn.t1cloud.com/cianywhere/content/base/icons/48/no_image.png?v=12.0.253.0); background-repeat: no-repeat; background-position: center; } .attachments .item.uploadFailed .itemDetails { display: none; } .attachments .item .iconAction { display:block; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 5px; border-radius: 0; } .attachments .attItems.listView .item .iconAction { width: auto; } .attachments .attItems.gridView .item .iconAction { width:46px; } .attachments .item .labelValue { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .attachments .attItems.listView .item .labelValue { position: relative; padding: 6px 3px; } .attachments .attItems.listView button.labelValue { text-align: left; padding-left:5px; } .attachments .attItems.gridView button.labelValue { text-align: left; padding-left: 5px; } .attachments .noWrapText .labelValue { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 16px; word-wrap: normal; /* Needed for IE to honour 'white-space: nowrap' */ } .attachments button.labelValue .textWrapper { display: block; } .attachments .attItems.tileView .noWrapText .labelValue { padding: 4px 0; } .attachments .iconImg { display: inline-block; padding: 2px; vertical-align: middle; background-color: #fff; border: solid 1px #ccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); margin: auto; margin-top: 5px; width: auto; /*Needed for IE as it can sometimes explicitly set width in the html!*/ height: auto; /*Needed for IE as it can sometimes explicitly set height in the html!*/ } .attachments .item button.iconAction .iconImg { vertical-align: top; } .attachments .attItems > .header { padding: 10px 0; } /*---Pre-view styling---*/ .attachments .attItems > .item > .itemField, .attachments .attItems > .attItemsHeader { display: none; /*Hide all headers and attachment items by default*/ } /*---List view---*/ .attachments .attItems.listView > .item { position: relative; min-height: 46px; margin-bottom: 10px; } .attachments .attItems.listView .icon, .attachments .attItems.listView .label, .attachments .attItems.listView .actionBox { display: inline-block; position: absolute; } .attachments .attItems.listView .iconAction { padding: 6px 3px; line-height: 24px; } .attachments .attItems.listView > .item .iconImg { max-width: 24px; max-height: 24px; margin-top: 0; } .attachments .attItems.listView .label { display: block; position: relative; margin-left: 37px; margin-right: 70px; } .attachments.readonly .attItems.listView .label { margin-right: 40px; } .attachments .attItems.listView button.labelValue .textWrapper { margin-right: 60px; } .attachments .attItems.listView .actionBox { right: 5px; top: 6px; } .attachments .attItems.listView .icon { top: 0; left: 0; } .attachments .attItems.listView .fileExt:before { content: "("; } .attachments .attItems.listView .fileExt:after { content: ")"; } /*---Grid view---*/ .attachments .attItems.gridView > .attItemsHeader { display: block; } .attachments .attItems.gridView > .item, .attachments .attItems.gridView > .header { position: relative; } .attachments .attItems.gridView .icon, .attachments .attItems.gridView .label, .attachments .attItems.gridView .attachmentDate, .attachments .attItems.gridView .fileExt, .attachments .attItems.gridView .actionBox, .attachments .attItems.gridView .ecmStatus, .attachments .attItems.gridView .notes { display: inline-block; position: absolute; } .attachments .attItems.gridView > .header { height: 24px; } .attachments .attItems.gridView > .header.attTypeHeader { height: auto; } .attachments .attItems.gridView.hasAuditFields > .header.attTypeHeader { min-width: 1210px; width: 100%; border-color: #e6e6e6; } .attachments .attItems.gridView > .header.attItemsHeader { font-weight: 600; white-space: nowrap; } .attachments .attItems.gridView.hasAuditFields > .header.attItemsHeader { min-width: 1210px; width: 100%; } .attachments .attItems.gridView > .item { padding: 0; height: 64px; border-top: solid 1px #e6e6e6; } .attachments .attItems.gridView.hasAuditFields > .item { min-width: 1210px; width: 100%; } .attachments .attItems.gridView .actionBox { top: 5px; right: 5px; } .attachments .attItems.gridView .icon { top: 0; left: 0; width: 46px; vertical-align: top; position: absolute; } .attachments .attItems.gridView > .item .iconImg { margin-top: 0; max-width: 30px; max-height: 30px; } .attachments .attItems.gridView .label { position: absolute; display: inline-block; line-height: 16px; left: 0; right: 370px; } .attachments .attItems.gridView.hasAuditFields .label { right: 840px; } .attachments .attItems.gridView .attItemsHeader .label { display: inline-block; } .attachments .attItems.gridView .labelValue { width: auto; padding-top: 5px; padding-bottom: 25px; padding-left: 46px; } .attachments .attItems.gridView .attachmentDate { width: 90px; top: 10px; right: 270px; line-height: 16px; } .attachments .attItems.gridView.hasAuditFields .attachmentDate { display: none; } .attachments .attItems.gridView .fileExt { width: 70px; top: 10px; right: 200px; line-height: 16px; } .attachments .attItems.gridView .ecmStatus { display: inline-block; width: 120px; top: 10px; right: 80px; line-height: 16px; } .attachments .attItems.gridView > .attItemsHeader > .notes { display: none; } .attachments .attItems.gridView .notes { display: block; top: 42px; left: 46px; right: 60px; line-height: 16px; font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; color: #656565; } /*---Tile view---*/ .attachments .attItems.tileView { clear: right; /* This is required because of the float:right on the attachmentsActionsContainer buttons - this makes sure they does not interfere with the inline-block layout of the items (CCP-2681) */ } .attachments .attItems.tileView > .item { display: inline-block; vertical-align: top; position: relative; min-width: 80px; height: 120px; margin: 5px; width: 135px; height: 170px; border: solid 1px rgba(0, 0, 0, 0.05); } .attachments .attItems.tileView > .item .actionBox, .attachments .attItems.tileView > .item .icon, .attachments .attItems.tileView > .item .label { display: block; } .attachments .attItems.tileView > .item > .icon { line-height: 100px; height: 110px; text-align: center; } .attachments .attItems.tileView .item .iconAction { width: 100%; height: 110px; padding: 0 0 5px 0; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackopac3.png?v=12.0.253.0'); } .attachments .attItems.tileView > .item .iconImg { max-width: 96px; max-height: 96px; } .attachments .attItems.tileView > .item > .label { text-align: center; } .attachments .attItems.tileView > .item > .actionBox { position: absolute; bottom: 5px; right: 5px; } .attachments.readonly .attItems.tileView > .item > .actionBox { top: auto; right: auto; bottom: 5px; right: 5px; } /*---Card view---*/ .attachments .attItems.attCardView > .item { padding: 5px; border-top: solid 1px #e6e6e6; } .attachments .attItems.attCardView > .item.notNoteOrUrl { min-height: 100px; } .attachments .attItems.attCardView > .item.noteOrUrl { min-height: 30px; } .attachments .attItems.attCardView > .item.noteOrUrl + .item.noteOrUrl, .attachments .attItems.attCardView > .attTypeHeader + .item.noteOrUrl { border: none; } .attachments .attItems.attCardView > .item.noteOrUrl:before { display: none; } .attachments .attItems.attCardView .icon, .attachments .attItems.attCardView .label, .attachments .attItems.attCardView .notNoteOrUrl .extract, .attachments .attItems.attCardView .notNoteOrUrl .fileSummary, .attachments .attItems.attCardView .notNoteOrUrl .hasText.ecmVersion, .attachments .attItems.attCardView .actionBox, .attachments .attItems.attCardView .notNoteOrUrl .hasText.ecmStatusColoured, .attachments .attItems.attCardView .notNoteOrUrl .hasText.ecmDocSetId, .attachments .attItems.attCardView .notNoteOrUrl .notes { display: block; position: absolute; } .attachments .attItems.attCardView .notNoteOrUrl .hasText.recognitionFail { background-color: var(--ciaColourBackgroundFail); color: var(--ciaColourTextFail); } .attachments .attItems.attCardView .notNoteOrUrl .hasText.recognitionSuccess { background-color: var(--ciaColourBackgroundSuccess); color: var(--ciaColourTextSuccess); } .attachments .attItems.attCardView .itemField button.labelValue { padding: 0; text-align: left; } .attachments .attItems.attCardView .isLocked.locked.icon16:before { content: "\E179"; } .attachments .attItems.attCardView > .icon { top: 2px; left: 2px; width: 80px; height: 70px; line-height: 70px; } .attachments .attItems.attCardView > .item.noteOrUrl > .icon { top: 8px; left: 5px; } .attachments .attItems.attCardView .noteOrUrl .icon { width: 24px; height: 24px; line-height: normal; } .attachments .attItems.attCardView .icon .iconAction { padding: 0; } .attachments .attItems.attCardView .icon .iconImg { margin-top: 0; max-width: 80px; max-height: 70px; padding: 0; } .attachments .attItems.attCardView .noteOrUrl .icon .iconImg { max-width: 24px; max-height: 24px; } .attachments .attItems.attCardView .fileSummary { top: 78px; left: 3px; width: 82px; background-color: #ccc; background-color: rgba(0, 0, 0, 0.1); padding: 2px 0; overflow: hidden; text-overflow: ellipsis; } .attachments .attItems.attCardView .fileSummary .isLocked { float: left; } .attachments .attItems.attCardView .fileSummary .fileExt, .attachments .attItems.attCardView .fileSummary .fileSize { font-size: 0.8em; line-height: 1.6em; } .attachments .attItems.attCardView .fileSummary .fileExt:after { content: "|"; margin-left: 2px; } .attachments .attItems.attCardView > .item.notNoteOrUrl > .label, .attachments .attItems.attCardView > .notNoteOrUrl > .extract, .attachments .attItems.attCardView > .notNoteOrUrl > .notes { position: relative; margin-left: 95px; margin-right: 100px; line-height: 16px; } .attachments .attItems.attCardView > .item.notNoteOrUrl > .audit{ margin-left:95px; margin-right:100px; } .attachments .attItems.attCardView > .item.notNoteOrUrl > .label { font-size: 1.1em; margin-bottom: 6px; } .attachments .attItems.attCardView > .item.noteOrUrl > .label { position: relative; font-size: 1em; margin-left: 3em; margin-right: 3em; line-height: 30px; } .attachments .attItems.attCardView > .item.noteOrUrl > .label > .labelValue { line-height: inherit; } .attItems.attCardView > .item > .audit { position:relative; line-height: 20px; } .attachments .attItems.attCardView .extract { height: fit-content; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; } .attachments .attItems.attCardView .notNoteOrUrl .notes { margin-top: 1em; line-height: 16px; font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; color: #656565; } .attachments .attItems.attCardView .ecmStatusColoured { top: 5px; right: 5px; padding: 0 2px; line-height: 16px; font-size: 0.9em; } .attachments .attItems.attCardView .recognitionLabel { line-height: 16px; display: block; position: relative; margin: 5px 100px 0 95px; width: fit-content; padding: 0 2px; } .attachments .attItems.attCardView .ecmDocSetId { top: 40px; right: 5px; font-size: 0.9em; } .attachments .attItems.attCardView .ecmDocSetId:before { content: "Document Set ID"; position: absolute; top: -1.1em; right: 0; white-space: nowrap; font-size: 0.9em; font-weight: bold; } .attachments .attItems.attCardView .ecmVersion { top: 60px; right: 5px; font-size: 0.9em; } .attachments .attItems.attCardView .ecmVersion:before { content: "Version"; margin-right: 3px; font-size: 0.9em; } .attachments .attItems.attCardView > .item.notNoteOrUrl > .actionBox { bottom: 5px; right: 5px; top: inherit; } .attItems.attCardView > .item.noteOrUrl > .actionBox { top: 5px; right: 5px; } /*---Global Action Buttons - may not be contained within the Attachments control---*/ .attachmentsActionsContainer { height: 40px; box-sizing: border-box; border-bottom: solid 1px #e6e6e6; } .tabsContainer .attachmentsActionsContainer { border-style: solid; border-width: 1px; } .attachmentsActionsContainer > .viewActions { float: right; margin: 4px 5px 0 5px; } .attachmentsActionsContainer > .addActions { float: right; margin: 4px 5px 0 5px; } .attachments.securestoredisabled .attachmentsActionsContainer > .addActions .ecmAttachAction { display: none; } .attachments .addActions .chooser { z-index: 2; /*iPad hack to ensure the dropdown items show over any attachment items*/ } .attachments .attachmentsActionsContainer .viewSelector .dropdownControlButton.handle { /*outline-color: transparent;*/ padding-left: 0; padding-right: 0; } .attachments .attachmentsActionsContainer .viewSelector .dropdownControlButton.handle > .glyph { width: 28px; } .viewSelector .handle > .icon16.glyph:before { content: "\E226"; } .attachments .attachmentsActionsContainer .viewSelector .toggleView.listView.icon16:before, .attachments .attachmentsActionsContainer .viewSelector .toggleView.listView .icon16:before { content: "\E123"; } .attachments .attachmentsActionsContainer .viewSelector .toggleView.gridView.icon16:before, .attachments .attachmentsActionsContainer .viewSelector .toggleView.gridView .icon16:before { content: "\E122"; } .attachments .attachmentsActionsContainer .viewSelector .toggleView.tileView.icon16:before, .attachments .attachmentsActionsContainer .viewSelector .toggleView.tileView .icon16:before { content: "\E125"; } .attachments .attachmentsActionsContainer .viewSelector .toggleView.attCardView.icon16:before, .attachments .attachmentsActionsContainer .viewSelector .toggleView.attCardView .icon16:before { content: "\E121"; } .attachments .attachmentsActionsContainer .addActions .dropdownControl .dropdownPanel { min-width: inherit; } .attachments > .attachmentsActionsContainer > .addActions > .dropdownControl > .dropdownControlButton.primary > .icon16:before { content: "\E146"; } .attachments > .attachmentsActionsContainer > .addActions > .dropdownControl > .dropdownControlButton.primary > .buttonLabel { min-width: 0; } .attachments .attachmentsActionsContainer .addActions .attachAction.addFile.icon16:before { content: "\E091"; } .attachments .attachmentsActionsContainer .addActions .attachAction.addCloudFile.office.icon16:before { content: "\E517"; } .attachments .attachmentsActionsContainer .addActions .attachAction.attachFromMyEcm.icon16:before { content: "\E162"; } .attachments .attachmentsActionsContainer .addActions .attachAction.attachFromEcmSearch.icon16:before { content: "\E162"; } .attachments .attachmentsActionsContainer .addActions .attachAction.addNote.icon16:before { content: "\E116"; } .attachments .attachmentsActionsContainer .addActions .attachAction.addUrl.icon16:before { content: "\E081"; } .attachments .viewInEcmActionsContainer { float: right; margin: 3px 5px; } .attachments .viewInEcmActionsContainer .viewInEcmActions { display: inline-block; } .attachments .viewInEcmActionsContainer .viewInEcmActions button.handle { background-color: transparent; background-image: none; border: none; box-shadow: none; padding-left: 0; padding-right: 0; outline-color: transparent; } .attachments .viewInEcmActionsContainer .moreCount { border-radius: 4px; padding: 1px 6px; color: white; background-color: gray; font-size: 0.9em; opacity: 0; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } .attachments .viewInEcmActionsContainer .moreCount.moreCountSet { opacity: 1; } .attFileSelector.fileSelector > .fileList { max-height: none; overflow-y: visible; } /*---Attachments Popups---*/ .attachmentsPopup.fileUploadPopupContainer { width: var(--ciaWidthFileUploadPopupContainer); max-width: var(--ciaWidthMaxFileUploadPopupContainer); } .popupContentInnerContainer:has(div.attachmentsPopup) { width: var(--ciaWidthFileUploadPopupInnerContainer); max-width: var(--ciaWidthMaxFileUploadPopupInnerContainer); } .attachmentsPopup { width: 500px; padding: 8px 8px 0 8px; } .attachmentsPopup .fileSelector .stackedStyle > .textBoxControl > .tbcEditorField > .suggestionPaneWrapper { right: unset; } .attachmentsPopup .fileSelector .suggestionPaneWrapper { position: fixed; width: auto; } .attachmentsPopup .fileSelector.revealProgressBar .inputContainer, .attachmentsPopup .fileSelector.revealProgressBar footer, .attachmentsPopup .fileSelector.revealProgressBar .popupClose, .attachmentsPopup .fileSelector.revealProgressBar .removeFile { display: none; } .attachmentsPopup .fileSelector .fileList { width: 100%; display: flex; flex-direction: column; tr { display: grid; grid-auto-flow: column; align-items: stretch; &.fileListControlRow { justify-content: space-between; } } } .attachmentsPopup .fileSelector .fileList td { vertical-align: middle; padding: 10px 5px; } .attachmentsPopup .fileSelector .fileList th { border: none; vertical-align: top; padding: 10px 5px; } .attachmentsPopup .fileSelector .fileList th.selectAllCheckBox { width: 3%; } .attachmentsPopup .fileSelector .fileList th { width: auto; } .attachmentsPopup .fileSelector .fileList th:last-child { width: 3%; } .attachmentsPopup .fileSelector .fileList tr:last-child td { border-bottom: none; } .attachmentsPopup .fileSelector .fileList thead th { padding-top: 0px; } .attachmentsPopup .fileSelector .fileList thead .textBoxControl { margin: 0; } .attachmentsPopup .fileSelector .fileList .file .textBoxControl { margin: 0; } .attachmentsPopup th .checkBoxControl { margin: 0; } .attachmentsPopup .fileSelector .fileList .file .checkBoxControl { margin: 0; } .attachmentsPopup .fileSelector .fileList .file .fileNameStyle { flex-basis: 41%; } .attachmentsPopup .fileSelector .fileList .file .fileSizeStyle { flex-basis: 9%; flex-shrink: 0; } .attachmentsPopup .fileSelector .fileList .file .fileSizeStyle .readonlyTextBoxSpan { white-space: nowrap; } .attachmentsPopup .fileSelector .fileList .file .equalStyle { flex-basis: 25%; } .attachmentsPopup .fileSelector .fileList tr:hover { background-color: initial !important; color: initial !important; } .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameContainer div .label { font-weight: bold; margin-right: 10px; } .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameContainer { display: table-cell; } .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameContainer div .fileSelectorUploadProgress, .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameContainer div .fileSelectorUploadState { display: inline-block; } .attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameContainer div .fileSelectorUploadState { text-align: right; } .attachmentsPopup .fileSelector .fileListControlRow .suggestionPaneWrapper td { font-weight: normal; } #bulkDeselectButton { margin-left: 5px; } .attachmentsPopup .fileSelector .statushint { font-weight: bold; } .attachmentsPopup .stackedContainer > .controlContainer { display: block; } .attachmentsPopup.fileUploadPopupContainer .standardStyle > .textBoxControl.fillWidth > .tbcEditorField{ width: unset; } .attachmentsPopup .attachmentPopupThumbnail { display: block; margin: auto; margin-bottom: 10px; max-width: 200px; max-height: 200px; } .attachmentsPopup .ecmDocs { padding: 3px 0; margin-bottom: 10px; } .attachmentsPopup .ecmDoc { padding: 3px 0; } .attachmentsPopup .ecmDoc > .label { font-weight: bold; } .attachmentsPopup .ecmDoc > span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 16px; word-wrap: normal; /* Needed for IE to honour 'white-space: nowrap' */ } /*---Progress bar---*/ .attachments .item .progress { display: none; line-height: 16px; } .attachments .item.uploading .progress { display: inherit; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background-color: rgba(200,255,200,0.5); border-radius: 3px; z-index: 0; } .attachments .item.uploading .icon { background-image: url(https://cdn.t1cloud.com/cianywhere/content/base/images/loadersml.gif?v=12.0.253.0); background-repeat: no-repeat; background-position: center; } /* List and Card View - Audit Details */ .attachments .listView .audit { margin-left: 37px; padding: 0 3px; display: block !important; } .attachments .attItems.attCardView .noteOrUrl .audit { margin-left: 3em; } .attachments .listView .audit > div, .attachments .attCardView .audit > div { display: inline-block; font-size: 0.9em; color: #656565; } .attachments .listView .audit label,.attachments .listView .audit span, .attachments .attCardView .audit label, .attachments .attCardView .audit span { padding-right: 3px; } .attachments .listView .audit .createdDateTime, .attachments .attCardView .audit .createdDateTime { padding-right: 3px; border-right: solid 1px #c4c4c4; margin-right: 6px; } .attachments .listView .audit .createdDateTime:before, .attachments .listView .audit .modifiedDateTime:before, .attachments .attCardView .audit .createdDateTime:before, .attachments .attCardView .audit .modifiedDateTime:before { content: "on "; display: inline-block; padding-right: 3px; } .attachments .listView .audit .createdDateTime label, .attachments .listView .audit .modifiedDateTime label, .attachments .attCardView .audit .createdDateTime label, .attachments .attCardView .audit .modifiedDateTime label { display: none; } /* Grid View - Audit Details */ .attItems.gridView { overflow: auto; width: 100%; min-height: 230px; } .attachments .gridView .header .audit { display: none; position: absolute; top: 10px; line-height: 16px; margin: 0; width: 130px; } .attachments .gridView.hasAuditFields .header .audit { display: inline-block !important; } .attachments .gridView .header .audit.modifiedDateTime { right: 290px; } .attachments .gridView .header .audit.modifiedBy { right: 420px; } .attachments .gridView .header .audit.createdDateTime { right: 550px; width: 150px; } .attachments .gridView .header .audit.createdBy { right: 700px; } .attachments .gridView .itemField.audit { margin: 0; position: absolute; /*left: 402px;*/ right: 290px; top: 0; width: 540px; top:10px; display: block; } .attachments .gridView .audit label { display:none !important; } .attachments .gridView .audit > div { width:130px; float:left; } .attachments .gridView .audit > div.createdDateTime { width: 150px; } .attachments .attCardView .audit { display: block !important; margin-right: 0; } .attachOverwrite .duplicateAttch{ padding: 10px 0; } /*--Attachment control consumer style--*/ .consumerStyle.attachments { color:#3b4e58; overflow: initial; } .consumerStyle.attachments.dragOver .attachmentsActionsContainer:before { content:"Drop your attachments to add them to your request."; display:block; font-size: 0.875rem; line-height: 36px; position: absolute; top: 17px; left: 0; right: 0; } .consumerStyle.attachments .attachmentsActionsContainer { height:117px; padding:24px; border: solid 1px #c4c4c4; background-color: #f8f8f8; border-style:dashed; text-align:center; min-height:117px; } .consumerStyle.attachments .attItems { padding-top:8px; } .consumerStyle.attachments .attachmentsActionsContainer, .consumer.attachments .attItems { transition:all 0.1s ease-in-out; } .consumerStyle.attachments .hintContainer { float:none; margin:0; line-height:1.25rem; font-size:0.875rem; } .consumerStyle.attachments .hintContainer .dragDropHint { opacity:1; } .consumerStyle.attachments .hintContainer .dragDropHint:before { display:none; } .consumerStyle.attachments .attachmentsActionsContainer > .viewActions { display:none; } .consumerStyle.attachments .attachmentsActionsContainer > .addActions { float:none; margin:8px 0 0 0; } .consumerStyle.attachments .addActions .chooser { display:inline-block; } .consumerStyle.attachments .attachmentsActionsContainer > .addActions .primary, .consumerStyle.popup > footer button.cancel { color: #3b4e58; background-image:none; background-color:#fff; border-color:#d8d8d8; box-shadow:none; text-shadow:none; text-align:center; font-size:0.875rem; } .consumerStyle.attachments .attachmentsActionsContainer > .addActions .primary { width:140px; height:40px; } .consumerStyle.attachments .attachmentsActionsContainer > .addActions .primary:hover, .consumerStyle.popup > footer button.cancel:hover { border-color: #3b4e58; } .consumerStyle.attachments .attachmentsActionsContainer > .addActions .primary .icon16 { display:none; } .consumerStyle.attachments .attachmentsActionsContainer .addActions .dropdownControl .dropdownPanel { min-width:138px; box-shadow: none; border: solid 1px #3b4e58; inset: auto auto auto 140px !important; } .consumerStyle.attachments .attachmentsActionsContainer .addActions .dropdownPanelListItem { font-size:0.875rem; } .consumerStyle.attachments .attachmentsActionsContainer .addActions .dropdownPanelListItem > a { padding: 17px 12px 17px 12px; text-align:left; } .consumerStyle.attachments .addActions .chooser .dropdownPanelListItem > .glyph.attachAction { margin-left:4px; margin-top:8.5px; display:none; } .consumerStyle.attachments .addActions .chooser .dropdownPanelListItem > .glyph.attachAction.addFile { 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='M18.0901805,2.69971596 C15.8251982,0.433966961 12.1523163,0.433350295 9.88656721,2.69833293 C9.88610616,2.69879383 9.88564517,2.69925481 9.88518427,2.69971587 L1.2368544,11.3472124 L1.2368539,11.3472129 C-0.423787107,13.0242123 -0.410520445,15.7299028 1.26648222,17.3905438 C2.93188155,19.0396932 5.61483881,19.0396765 7.28022148,17.3905063 L14.304352,10.3647091 C15.4166683,9.33530109 15.4838849,7.59909345 14.4544795,6.48677723 C13.4250716,5.37446101 11.6888639,5.30724437 10.5765477,6.33664979 C10.5244431,6.38487052 10.4742294,6.43509475 10.4260194,6.48720973 L6.1018545,10.807208 C5.77600627,11.1325954 5.77563377,11.6605244 6.1010212,11.9863742 C6.42640857,12.3122224 6.95433752,12.3125949 7.28018739,11.9872075 L11.6043523,7.6613759 C12.0352338,7.25025856 12.7178102,7.26628105 13.1289267,7.69716263 C13.5266216,8.11397663 13.5264424,8.76977887 13.1285197,9.1863787 L6.10185586,16.2122092 L6.10185606,16.212209 C5.0838148,17.2302503 3.43323213,17.2302503 2.41519087,16.2122094 C1.39714961,15.1941681 1.39714961,13.5435855 2.41519051,12.5255442 L11.0635204,3.87804765 C12.6784948,2.26307327 15.296877,2.26307327 16.9118514,3.87804759 C18.5268258,5.49302195 18.5268258,8.11140423 16.9118514,9.72637859 L10.4260207,16.2122093 C10.0949775,16.5319417 10.0858083,17.0595006 10.4055404,17.3905422 C10.7252728,17.7215854 11.2528317,17.7307545 11.5838732,17.4110225 C11.5908182,17.4043149 11.597646,17.3974871 11.6043536,17.3905422 L18.0901843,10.9038781 C20.3559335,8.63954558 20.3570752,4.96718872 18.0927459,2.70143962 C18.0918923,2.70058544 18.0910384,2.69973153 18.0901842,2.69887788 L18.0901805,2.69971596 Z'/%3E%3C/svg%3E"); width:20px; height:20px; } .consumerStyle.attachments .addActions .chooser .dropdownPanelListItem > .glyph.attachAction.addNote { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%233B4E58' transform='translate(2)' d='M17.9963016,5 L15.0065918,2 L2,2 L2,22 L18.003479,22 L18.003479,7 L14,7 C13.4477153,7 13,6.55228475 13,6 L13,2 L15,2 L15,5 L17.9963016,5 Z M0,22 L0,2 C0,0.8954305 0.8954305,-4.93383112e-13 2,-4.54747351e-13 L15.0065918,0 C15.5382155,1.86517468e-14 16.0479645,0.211658122 16.4232329,0.58821812 L19.4201201,3.59542027 C19.7937075,3.97029356 20.003479,4.47795971 20.003479,5.00720215 L20.003479,22 C20.003479,23.1045695 19.1080485,24 18.003479,24 L2,24 C0.8954305,24 0,23.1045695 0,22 Z M6,6 L9,6 C9.55228475,6 10,6.44771525 10,7 C10,7.55228475 9.55228475,8 9,8 L6,8 C5.44771525,8 5,7.55228475 5,7 C5,6.44771525 5.44771525,6 6,6 Z M6,11 L14,11 C14.5522847,11 15,11.4477153 15,12 C15,12.5522847 14.5522847,13 14,13 L6,13 C5.44771525,13 5,12.5522847 5,12 C5,11.4477153 5.44771525,11 6,11 Z M6,16 L14,16 C14.5522847,16 15,16.4477153 15,17 C15,17.5522847 14.5522847,18 14,18 L6,18 C5.44771525,18 5,17.5522847 5,17 C5,16.4477153 5.44771525,16 6,16 Z'/%3E%3C/svg%3E"); width:20px; height:20px; background-size:cover; } .consumerStyle.attachments .addActions .chooser .dropdownPanelListItem > .glyph.attachAction:before { display:none; } .consumerStyle.attachments .attItems.listView > .item { font-weight:600; margin:0; border:solid 1px; } .consumerStyle.attachments .attItems.attCardView > .item, .consumerStyle.attachments .attItems.attCardView > .item.noteOrUrl + .item.noteOrUrl { min-height:60px; padding:5px; margin-bottom:4px; border:solid 1px #e5e5e5; border-radius:2px; box-sizing:border-box; font-size:0.875rem; } .consumerStyle.attachments .attItems.attCardView > .item.noteOrUrl > .icon { width:48px; height:48px; top: 5px; opacity:0.2; } .consumerStyle.attachments .attItems.attCardView > .item.noteOrUrl > .icon > a { height:100%; background-size: 32px 32px; background-position: center; background-repeat: no-repeat; } .consumerStyle.attachments .attItems.attCardView > .item.noteOrUrl > .icon > a { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%233B4E58' transform='translate(2)' d='M17.9963016,5 L15.0065918,2 L2,2 L2,22 L18.003479,22 L18.003479,7 L14,7 C13.4477153,7 13,6.55228475 13,6 L13,2 L15,2 L15,5 L17.9963016,5 Z M0,22 L0,2 C0,0.8954305 0.8954305,-4.93383112e-13 2,-4.54747351e-13 L15.0065918,0 C15.5382155,1.86517468e-14 16.0479645,0.211658122 16.4232329,0.58821812 L19.4201201,3.59542027 C19.7937075,3.97029356 20.003479,4.47795971 20.003479,5.00720215 L20.003479,22 C20.003479,23.1045695 19.1080485,24 18.003479,24 L2,24 C0.8954305,24 0,23.1045695 0,22 Z'/%3E%3C/svg%3E"); } .consumerStyle.attachments .attItems.attCardView > .item.noteOrUrl > .icon > a.urlLink { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath fill='%233B4E58' d='M9.25145265,14.016657 C9.66657946,13.6523931 10.2984005,13.6936256 10.6626643,14.1087525 C11.0269282,14.5238793 10.9856957,15.1557003 10.5705688,15.5199641 L8.20225884,17.5952982 C6.77872481,19.0180916 4.33109027,18.9520771 2.85891229,17.4785424 L2.40414525,16.969032 C0.976522862,15.5410793 0.976522854,13.2262663 2.40416913,11.7982897 L6.47507975,7.72671242 C7.90346244,6.2990729 10.2185445,6.2990729 11.6714791,7.75213458 L12.2011402,8.32032866 C12.5777258,8.72431097 12.5555164,9.35708631 12.1515341,9.73367195 C11.7475518,10.1102576 11.1147765,10.0880482 10.7381908,9.68406587 L10.2330816,9.14129393 C9.58566327,8.4942124 8.53634364,8.4942124 7.88916719,9.14105206 L3.8185224,13.2123635 C3.17173047,13.8593051 3.17173047,14.9080405 3.85593716,15.5944999 L4.31043843,16.1037444 C4.98052621,16.7734837 6.16341774,16.8053871 6.83577798,16.1363539 L9.25145265,14.016657 Z M11.1121863,5.94396847 C10.724064,6.3368801 10.0909109,6.34076265 9.6979993,5.95264038 C9.30508767,5.56451811 9.30120513,4.93136504 9.68932739,4.53845341 L11.7973948,2.40439752 C13.2250654,0.976038658 15.5403446,0.975479772 16.9684974,2.40294472 L17.5958619,3.02964233 C19.0234842,4.45759499 19.0234842,6.77240794 17.595838,8.20038466 L13.5252818,12.2716075 C12.0976109,13.6999666 9.78233169,13.7005254 8.390219,12.3073146 L7.77242472,11.7486953 C7.36277452,11.3782832 7.33096578,10.7459177 7.70137793,10.3362675 C8.07179007,9.92661729 8.70415555,9.89480856 9.11380575,10.2652207 L9.76784605,10.8583003 C10.4149677,11.5051105 11.4639168,11.5048573 12.11084,10.8576223 L16.1814847,6.78631085 C16.8282766,6.13936923 16.8282766,5.09063383 16.1819428,4.44415017 L15.5548305,3.81770469 C14.9077088,3.17089471 13.8587596,3.17114792 13.2161014,3.81409142 L11.1121863,5.94396847 Z' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .consumerStyle.attachments .attItems.attCardView > .item.noteOrUrl > .icon > a .iconImg { display:none; } .consumerStyle.attachments .attItems.attCardView > .item:hover { background-color:#e5e5e535; } .consumerStyle.attachments .noWrapText .labelValue { padding:4px 0; font-weight: 600; } .consumerStyle.attachments .attItems.attCardView .icon .iconImg { max-width: 48px; max-height: 48px; } .consumerStyle.attachments .iconImg { box-shadow: none; border:none; } .consumerStyle.attachments .attItems.attCardView .fileSummary { top:66px; display:none; } .consumerStyle.attachments .attItems.attCardView .notNoteOrUrl .hasText.ecmStatusColoured { display:none; /*--Hide status--*/ } .consumerStyle.attachments .attItems.attCardView > .item > .label { position:absolute; margin:0; padding-left: 0; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; font0size:0.875rem; } .consumerStyle.attachments .attItems.attCardView > .item > .label > .labelValue { padding: 12px 130px 0 0; height: 100%; padding-left: 64px; } .consumerStyle.attachments .attItems.attCardView > .notNoteOrUrl > .extract { margin-top: 24px; margin-left: 64px; margin-right: 140px; height: auto; display:none; } .consumerStyle.attachments .attItems.attCardView .notNoteOrUrl .notes { margin-left:60px; margin-right:130px; margin-top:2.2em; color: #667985; } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox { bottom: 7px; right: 8px; z-index:1; } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .handle { display:none; } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel { position: relative; display: flex; top:0 !important; box-shadow: none; background: none; font-size: inherit; min-width: 0; border:transparent; } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 { display:flex; } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 > .dropdownPanelListItem{ font-size:inherit; } .consumerStyle.attachments .item.uploading .glyph.itemRemove, .consumerStyle.attachments.readonly .glyph.itemRemove, .consumerStyle.attachments .item.nonEcmDoc .glyph.ecmAction, .consumerStyle.attachments .item.ecmDoc .glyph.nonEcmAction, .consumerStyle.attachments .item.noOrig .downloadOrig { display:none !important; } .consumerStyle.attachments .item .dropdownPanelListItem > a, .consumerStyle.attachments .item .dropdownPanelListItem > label { line-height:20px; padding:0 4px; border-radius:2px; background-color:#fff; position:absolute; top:-24px; right:0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); display:none; } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 .glyph.attachmentAction { top:0; left:0; width:40px; height:40px; position:relative; display:inline-block; padding:10px; box-sizing:border-box; cursor: pointer; } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 .glyph.attachmentAction.downloadOrig, .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 .glyph.attachmentAction.saveToCloud { display:none; } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 .glyph.attachmentAction:before { content:""; background:none; width: 20px; height: 20px; display: block; } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 .glyph.attachmentAction.deleteAtt:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' id='cancel'%3E%3Cg fill='%233b4e58' fill-rule='evenodd'%3E%3Cpath id='aja' d='M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 .glyph.attachmentAction.itemDetails:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' id='edit'%3E%3Cg fill='%233b4e58'%3E%3Cpath id='aua' d='M14.026 3.63l2.428-2.418 2.334 2.335-2.43 2.418-2.332-2.335zm2.402 1.307l1.37-1.39-1.344-1.345-1.37 1.39 1.344 1.345zM3.018 14.65L14.046 3.62l2.333 2.335-11.03 11.028-2.33-2.334zm2.332 1.344L15.389 5.955 14.046 4.61 4.008 14.65l1.342 1.343zM2.969 14.43l2.57 2.594-4.26 1.7 1.69-4.294zm-.395 2.998l1.627-.762L3.199 15.6l-.625 1.826zm.333-2.624l-1.362 3.388a.15.15 0 0 0 .034.166.147.147 0 0 0 .16.032l3.474-1.313a.161.161 0 0 0 .05-.033L18.658 3.656a.15.15 0 0 0 0-.213L16.56 1.335a.154.154 0 0 0-.108-.045.15.15 0 0 0-.106.043L2.987 14.69c-.033.044-.035.046-.047.059a.167.167 0 0 0-.033.054zm2.767 3.175l-4.35 1.808a.845.845 0 0 1-.923-.185.85.85 0 0 1-.186-.927l1.798-4.331c.04-.104.101-.2.184-.287L15.853.399a.85.85 0 0 1 1.202 0l2.546 2.548a.85.85 0 0 1 0 1.202L5.951 17.796c-.041.041-.133.1-.275.178a.584.584 0 0 1 .063-.023c-.033.013-.135.05-.065.027z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 .glyph.attachmentAction.downloadOrig:before { 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='Download' data-keywords='download arrow save'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline stroke='%233B4E58' stroke-width='2' points='19 17 19 19 1 19 1 17'/%3E%3Cpath stroke='%233B4E58' stroke-width='2' d='M10,15.108 L10,1'/%3E%3Cpolyline stroke='%233B4E58' stroke-width='2' points='15.108 10 10 15.108 4.892 10'/%3E%3C/g%3E%3C/svg%3E"); } .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 .glyph.attachmentAction.deleteAtt:hover + .attachmentAction, .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 .glyph.attachmentAction.itemDetails:hover + .attachmentAction, .consumerStyle.attachments .attItems.attCardView > .item > .actionBox .dropdownControl > .dropdownPanel .menuLinks16 .glyph.attachmentAction.downloadOrig:hover + .attachmentAction { display:block; } .consumerStyle.attachments #FileDropTargetBorder { border-width: 1px; } .consumerStyle.attachments #FileDropTargetContents { height:46px; } .consumerStyle.attachments #FileDropTargetImages:after { content:""; display:block; width:32px; height:44px; 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='%232D9CDB' d='M17,9 L11,9 L11,3 C11,2.448 10.552,2 10,2 C9.448,2 9,2.448 9,3 L9,9 L3,9 C2.448,9 2,9.448 2,10 C2,10.552 2.448,11 3,11 L9,11 L9,17 C9,17.553 9.448,18 10,18 C10.552,18 11,17.553 11,17 L11,11 L17,11 C17.553,11 18,10.552 18,10 C18,9.448 17.553,9 17,9'/%3E%3C/svg%3E"); background-size:cover; position:relative; background-size:20px; background-position:6px center; background-repeat:no-repeat; } .consumerStyle.attachments #fileDropTargetImages, .consumerStyle.attachments .fileDropTargetImage { width:32px; height:44px; } .consumerStyle.attachments #FileDropTargetImage1, .consumerStyle.attachments #FileDropTargetImage2, .consumerStyle.attachments #FileDropTargetImage3 { background-image: url("data:image/svg+xml,%3Csvg width='32' height='44' viewBox='0 0 32 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%232D9CDB' d='M2.47447 1.33081L30.0042 1.33081C30.8196 1.33081 31.4806 1.99183 31.4806 2.80724V41.4215C31.4806 42.2369 30.8196 42.8979 30.0042 42.8979H2.47447C1.65907 42.8979 0.998047 42.2369 0.998047 41.4215L0.998047 2.80724C0.998047 1.99183 1.65907 1.33081 2.47447 1.33081Z' fill='white'/%3E%3C/svg%3E%0A"); } .consumerStyle.attachments.dragOver #FileDropTargetImage1 { transform: translate(-5px, 0) rotate(-10deg); } .consumerStyle.attachments.dragOver #FileDropTargetImage2 { transform: translate(0, 0) rotate(0deg); } .consumerStyle.attachments.dragOver #FileDropTargetImage3 { transform: translate(5px, 0) rotate(10deg); } .consumerStyle.attachments.dragOver #FileDropTargetImages:after { transform: translate(5px, 0) rotate(0deg); } .consumerStyle.attachments.dragOver .attachmentsActionsContainer { min-height:230px; background-color:transparent; border-color:transparent; } .consumerStyle.attachments.dragOver .attachmentsActionsContainer .hintContainer, .consumerStyle.attachments.dragOver .attachmentsActionsContainer > .addActions, .consumerStyle.attachments.dragOver .attItems { opacity:0; } .consumerStyle.attachments .item.itemChanged .labelValue:after, .attachments .item.newItem .labelValue:after { content:""; } .attachmentsImagePanel { position: relative; overflow: hidden; } .attachmentsImagePanelInput:hover { cursor: pointer; } .attachmentsImagePanelInput { position: absolute; top: 0; left: -10px; /* For IE(All) to hide the cursor */ width:300%; /* For IE8 to ensure the file picker button is off the clickable area */ height:100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } /* Hide the choose button in Chrome as it doesn't respect the pointer cursor */ .attachmentsImagePanelInput::-webkit-file-upload-button { width: 0; padding: 0; margin: 0; border: none; } .attachmentsImagePanelLink { padding-top: 5px; padding-bottom: 5px; } .attachmentsImagePanel > .icon16 { display: block; position: absolute; right: 0; bottom: 0; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/uploadoverlay.png?v=12.0.253.0'); } #AttachmentImagePanelDropOverlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color:rgba(200,255,200,0.5); } .worklistRightContainer .historyoldchanged, .worklistRightContainer .historyoldchanged select { border: solid 1px #D00; background-color: #f7e5e5 !important; } .worklistRightContainer .historyoldchanged * { /*text-decoration: line-through;*/ } .worklistRightContainer .historynewchanged, .worklistRightContainer .historynewchanged select { border: solid 1px #0D0; background-color: #e8f8e8 !important; } #WorklistContainerListPanel .historynewchanged { border: solid 1px #0D0; background-color: #e8f8e8 !important; } #WorklistContainerListPanel .historyoldchanged { border: solid 1px #D00; background-color: #f7e5e5 !important; } #WorklistContainerListPanel .worklistItem.historyoldchanged.selected, #WorklistContainerListPanel .worklistItem.historynewchanged.selected { color: #000; text-shadow: none; } .uninteresting { /* display: none; */ } .ie8section { display: block; } .ie8section.hidden { display: none; } .ie8header { display: block; } .ie8header.hidden { display: none; } .blockly-container { position: relative; overflow: visible; height: 100%; } .blockly-main { top: 8px; bottom: 8px; } .blockly-panel { left: 8px; right: 8px; height: 100%; width: 100%; } .blockly-frozen { } .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.253.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.253.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; } .businessProcessEventDateTime{ float: right; vertical-align: top; } 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); } /* To do: tidy up */ button.formActionButton .icon24 { display: block; margin:0 auto; } .sideBarLayout button.formActionButton .icon24 { margin-left: 0; display: inline-block; float: left; } button.formActionButton.New .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/new.png?v=12.0.253.0'); } button.formActionButton.newChild .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/newchild.png?v=12.0.253.0'); } button.formActionButton.Save .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/save.png?v=12.0.253.0'); } button.formActionButton.Clear .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/clear.png?v=12.0.253.0'); } button.formActionButton.SaveClear .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/saveclear.png?v=12.0.253.0'); } button.formActionButton.SaveAs .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/saveas.png?v=12.0.253.0'); } button.formActionButton.SaveClose .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/saveclose.png?v=12.0.253.0'); } button.formActionButton.Retrieve .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/retrieve.png?v=12.0.253.0'); } button.formActionButton.copy .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/copy.png?v=12.0.253.0'); } button.formActionButton.Delete .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/delete.png?v=12.0.253.0'); } button.formActionButton.print .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/print.png?v=12.0.253.0'); } button.formActionButton.saveDocFile .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/savedocfile.png?v=12.0.253.0'); } button.formActionButton.submit .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/submitarrow.png?v=12.0.253.0'); } button.formActionButton.approve .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/approve.png?v=12.0.253.0'); } button.formActionButton.accept .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/tick.png?v=12.0.253.0'); } span.icon16.excelIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/excel.png?v=12.0.253.0');} span.icon16.drilldownIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/timeline.png?v=12.0.253.0');} span.icon16.criteriaIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/search.png?v=12.0.253.0');} span.icon16.saveIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/edit.png?v=12.0.253.0');} span.icon16.saveAsIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/edit.png?v=12.0.253.0');} span.icon16.deleteIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/delete.png?v=12.0.253.0');} span.icon16.colCustIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/grid.png?v=12.0.253.0');} .formHeader button.formActionButton.newChild .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/newchild.png?v=12.0.253.0'); } .buttonOnHover, button.buttonOnHover, a.buttonStyle.buttonOnHover /*, .naturalLanguageSearch .naturalLanguageSearchBuilder .naturalLanguageSearchBuilderResizer .nlsadd button, .naturalLanguageSearch .naturalLanguageSearchBuilder .naturalLanguageSearchBuilderResizer .nlsclose button*/ { background-color:var(--ciaColourBackgroundButtonOnHover); border-color:var(--ciaColourBorderButtonOnHover); box-shadow:none; -webkit-box-shadow:none; } .keysButton.buttonOnHover { /*background-color: rgba(255, 255, 255, 0.5); border: solid 1px #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);*/ } .relatedDataPortlet td button { /* no padding for buttons inside grid cells */ padding: 0 0 0 0; } a.buttonStyle { display:inline-block; } .contentLayoutContainer button, .mainActionBar button, .contentLayoutContainer a.buttonStyle, /*.gridColumnGroupingPanel div.header, .header.dragging,*/ .viewSelectorControl .dropdownPanel button { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); } .contentContainer button.primary, a.buttonStyle.primary, .contentContainer button.positive, .viewSelectorControl button.primary, #flow button.primary { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); } button > *, a.buttonStyle > * { display: inline-block; vertical-align: top; line-height: 16px; } .buttonOnHover:hover, .touch .buttonOnHover:active, a.highlight { border-radius:var(--ciaBorderRadiusButton); box-shadow: 0 1px 1px rgba(0,0,0,0.1); line-height: 16px; } .searchBtn { border-radius: 0 3px 3px 0; background: transparent; position: relative; border: solid 1px transparent; margin-left: -50px; width: 50px; /* enforce fixed width so zooming out won't change the layout */ z-index: 1; box-shadow: none; } button.searchBtn:hover:before, .nlsfocused + button.searchBtn:before, button.searchBtn:focus:before { display: none; } .nlsfocused + button.searchBtn, button.searchBtn:focus { border-left: solid 1px rgba(0, 0, 0, 0.1); z-index: 2; } button.searchBtn:hover, button.searchBtn:focus { border: solid 1px transparent; border-left: solid 1px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.02); } a.current.buttonStyle { background-color:inherit; } button:hover, .buttonOnHover:hover, a.buttonStyle:hover { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac35.png?v=12.0.253.0'); background-repeat: repeat; } button.primary:hover, button.searchBtn:hover, button.secondary:hover { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac10.png?v=12.0.253.0'); background-repeat: repeat; } a.buttonStyle:hover { text-decoration:none; } button[disabled]:hover { background-position: top left; } .buttonOnHover[disabled]:hover { background: none; border-color: transparent; box-shadow: none; } .buttonLabel, a.buttonStyle .anchorLabel { margin: 0 4px; } .buttonInformationCount { font-size: 0.9em; min-width: 14px; text-align: center; font-weight: bold; } .expandRight, .expandLeft, .collapseRight, .collapseLeft { padding:1px; } .expando, .expando.buttonOnHover:hover { padding:1px; } .expando { background:none; border:solid 1px transparent; box-shadow:none; } button[disabled] { opacity: 0.5; cursor: default !important; } button::-moz-focus-inner { border: 0; padding: 0; } /*--Flat action button--*/ .flatButton, .flatButtonOnHover { border: solid 1px transparent; box-shadow: none; background: none; } .flatButton, .flatButtonOnHover:hover { border: solid 1px transparent; box-shadow: none; background: none; background-color: rgba(0, 0, 0, 0.05); } /*--Link style for buttons--*/ button.linkStyle, .showPanelButton { background: none; border: none; box-shadow: none; -webkit-box-shadow: none; text-shadow: none; line-height:normal; } button.linkStyle:hover, .showPanelButton:hover { cursor: pointer; text-decoration: underline; } /*--Navigation--*/ .goBack .icon16:before, .back .icon16:before { content: "\E042"; font-size: 12px; } .listItemChooser .addItem .icon16:before { content: "\E021"; font-size: 12px; } .refresh .icon16:before { content: "\E093"; } .filter .icon16:before { content: "\E054"; } .resetFilter .icon16:before { content: "\E004"; } .search .icon16:before { content: "\E044"; } .options .icon16:before { content: "\E043"; } .list .icon16:before { content: "\E123"; } .compactView .icon16:before { content: "\E106"; } .detailView .icon16:before { content: "\E121"; } .prevAction:before, .prev .icon16:before { content: "\E089"; } .nextAction:before, .next .icon16:before { content: "\E090"; } .new .icon16:before { content: "\E146"; color: #238c00; } .edit > .icon16 { margin: 0 0 0 3px; } .edit > .icon16:before { content: "\E078"; } .editablePanel > .topActionPane > .formActionButton.remove > .icon16:before, .remove.icon16:before { content: "\E067"; color:#d50000; } .download > .icon16:before { content: "\E05A"; } /*rename to dropdown*/ .dropDown .icon16:before, .actionsDropDown .icon16:before, #ContextualKeysButton .icon16:before { content: "\E045"; } .relatedDataPortlet .dropDown .icon16:before { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; } .hasSubMenu.more.primary .icon16, .dropdownControl > .handle.more.primary .icon16 { margin: 0 5px; } .topBar .dropdownControl > .handle > .icon16, .topBar .dropdownControl > .handle.primary > .icon16 { background: none; } .topBar .dropdownControl > .handle > .icon16 { float: right; } /*--Reveal, Expand, Move--*/ .expando .icon16:before, .expando.collapsed .icon16:before, .expandable.collapsed .expando .icon16:before, .searchPanel .expando.expanded.collapsed .icon16:before, .itemsList .expando.collapsed .icon16:before, .revealableDetails.collapsed .expando .icon16:before { content: "\E064"; font-size: 12px; } .expando.expanded .icon16:before, .expando .icon16:before, .expandable .expando .icon16:before, .itemsList .expando .icon16:before, .revealableDetails .expando .icon16:before { content: "\E063"; font-size: 12px; } .move.up .icon16:before { content: "\E111"; } .move.down .icon16:before { content: "\E108"; } .expandRight .icon16:before { content: "\E246"; font-size: 12px; } /*--Pickers--*/ .picker.picklist > .icon16:before { content: "\E045"; } .picker.hierarchicalPicklist > .icon16:before { content: "\E258"; } .picker.calendar > .icon16:before { content: "\E014"; } .picker.calculator > .icon16:before { content: "\E011"; } .picker.time > .icon16:before { content: "\E099"; } /*--Generreal--*/ .setting .icon16:before { content: "\E055"; } /*--Toggle view--*/ .listItemChooser .actionButtons .categorise .icon16:before { content: "\E259"; } .sort .icon16:before { content: "\E126"; } button.ticked .tick, .activeTick { display:block; width:12px; height:12px; position:absolute; top:-3px; right:-3px; border-radius:3px; background: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/tickwhite.png?v=12.0.253.0') no-repeat center; } .activeTick.icon12, .rdpActionBar button.ticked .icon12 { background-image: none; } .activeTick.icon12:before, .rdpActionBar button.ticked .icon12:before { content: "\E066"; color: #fff; } button.ticked.selected .tick { right:0; } /*--Add, Remove--*/ .close .icon16:before, .delete .icon16:before { content: "\E058"; } .addNewRow .icon16:before { content: "\E129"; } .bin .icon16:before { content: "\E057"; } div.primary button, button.primary.buttonOnHover, .chooser.droppedDown button.primary.buttonOnHover, button.primary.buttonOnHover, button.positive, a.buttonStyle.positive, button.positive.buttonOnHover, .chooser.droppedDown button.positive.buttonOnHover, button.positive, button.positive.buttonOnHover { border: solid 1px transparent; } .primary .buttonLabel, a.buttonStyle.primary .anchorLabel, .positive .buttonLabel, a.buttonStyle.positive .anchorLabel, .secondary .buttonLabel { min-width: 40px; text-align: center; } .positive.add .icon16 { background:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/plusgreendark.png?v=12.0.253.0') no-repeat center center; } .contentLayoutContainer div.primary button , a.buttonStyle.primary, .contentLayoutContainer div.positive button , a.buttonStyle.positive { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35); text-align: center; } /* Due to a bug in Ie9, we need to put the min-width on the inside span. Setting it to 42 will give the button a min-width of 60px. */ .contentLayoutContainer div.primary button span { min-width: 42px; } /*--Standard Remove button--*/ button.remove { background: none; border: none; border-radius: 16px; padding: 0; background-color: rgba(0,0,0,0.35); color: #fff; opacity: 0.35; } button.remove:hover { opacity: 1; } button.remove .glyph.icon16:before { font-size: 12px; display: block; } /*--Consumer styles--*/ .consumerStyleWrapper .contentContainer button.primary, .consumerStyleWrapper a.buttonStyle.primary, .consumerStyleWrapper .contentContainer button.positive, .consumerStyleWrapper .viewSelectorControl button.primary, .consumerStyleWrapper #flow button.primary { text-shadow:none; padding:11px; box-shadow:none; } .consumerStyleWrapper .contentContainer button.primary.defaultAction { min-width:160px; text-align:center; font-size: 1rem; } .consumerStyleWrapper .editablePanel > .bottomActionPane > .formActions { font-size: 1rem; padding: 5px 5px 5px 0; line-height: 40px; } .consumerStyleWrapper .editablePanel > .bottomActionPane > .formActions button.defaultAction, .consumerStyleWrapper .contentContainer button.defaultAction.goForward, .consumerStyleWrapper .contentContainer button.defaultAction.back { padding:11px; box-shadow:none; } .consumerStyleWrapper .contentContainer button.defaultAction.goForward .icon16:before { content:""; } .consumerStyleWrapper .contentContainer button.defaultAction.goForward .icon16 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' id='forward'%3E%3Cpath fill='%233b45e58' d='M17.707 9.293l-5-5a.999.999 0 10-1.414 1.414L14.586 9H3a1 1 0 100 2h11.586l-3.293 3.293a.999.999 0 101.414 1.414l5-5a.999.999 0 000-1.414'%3E%3C/path%3E%3C/svg%3E"); } .consumerStyleWrapper .contentContainer .bottomActionPane #MoreActions .dropdownControl > .handle.more.primary { display:none; } .consumerStyleWrapper .contentContainer .bottomActionPane #MoreActions .dropdownControl .dropdownPanel { display: block; box-shadow: none; min-width: 0; } .consumerStyleWrapper .contentContainer .bottomActionPane #MoreActions .dropdownControl .dropdownPanel .dropdownPanelListItem > a { font-size: 1rem; background-color: #f2f2f2; /*--theme colorGreyWarmLightest--*/ border: solid 1px transparent; padding: 11px; text-align: center; border-radius: 2px; min-width: 100px; box-sizing: border-box; } .consumerStyleWrapper .contentContainer .bottomActionPane #MoreActions .dropdownControl .dropdownPanel .dropdownPanelListItem > a:hover { background-color:#e5e5e5; /*--theme colorGreyWarmLighter-50--*/ } .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; } .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: "\E089"; } .calendarContainer > .header > .navHeader > .nextAction:before { content: "\E090"; } .calendarContainer > .content { padding-bottom:1px; } /* Standard Styling */ .standardStyle.calendarContainer { z-index: 1000; position:absolute; min-width: 218px; display: block; border: 1px solid #fff; 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; background-color: #fff; } .stackedContainer .calendarContainer { margin-top: 1px; } .standardStyle.calendarContainer > .header { text-align: center; padding-top:2px; } .standardStyle.calendarContainer > .header > .navHeader { margin-bottom:5px; white-space: nowrap; } .standardStyle.calendarContainer > .header > .navHeader > .prevAction { 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; } .standardStyle.calendarContainer > .header > .navHeader > .viewAction { line-height:16px; 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; } .standardStyle.calendarContainer > .header > .navHeader > .nextAction { 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; } .standardStyle.calendarContainer > .content > .dayRowHeader, .standardStyle.calendarContainer > .content > .dayRow { white-space: nowrap; } .standardStyle.calendarContainer > .content > .dayRowHeader > .dayHeader { display: inline-block; width: 15px; font-weight: 600; } .standardStyle.calendarContainer > .content > .dayRow > .day { color:#000; background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbg.png?v=12.0.253.0') repeat-x 0 -10px; cursor: pointer; } .standardStyle.calendarContainer > .content > .dayRowHeader > .dayHeader, .standardStyle.calendarContainer > .content > .dayRow > .day { display: inline-block; font-size: 9px; width: 30px; display: inline-block; margin-left:-1px; margin-bottom:-1px; padding: 10px 0; line-height: normal; border: solid 1px rgba(0,0,0,0.05); background: transparent; font-size: 9px; text-align: center; } .standardStyle.calendarContainer > .content > .yearRow, .standardStyle.calendarContainer > .content > .monthRow { display: block; font-size: 11px; } .standardStyle.calendarContainer > .content > .yearRow > .year, .standardStyle.calendarContainer > .content > .monthRow > .month { display: inline-block; font-size: 12px; width: 37px; display: inline-block; margin-left:-1px; margin-bottom:-1px; padding: 15px 8px; border: solid 1px rgba(0,0,0,0.05); background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbg.png?v=12.0.253.0') repeat-x 0 -10px; cursor: pointer; text-align: center; cursor: pointer; } .standardStyle.calendarContainer > .content > .dayRow > .day:first-child, .standardStyle.calendarContainer > .content > .dayRowHeader > .dayHeader:first-child, .standardStyle.calendarContainer > .content > .monthRow > .month:first-child, .standardStyle.calendarContainer > .content > .yearRow > .year:first-child { margin-left: 0; } .standardStyle.calendarContainer > .content > .dayRow > .day:last-child, .standardStyle.calendarContainer > .content > .dayRowHeader > .dayHeader:last-child, .standardStyle.calendarContainer > .content > .monthRow > .month:last-child, .standardStyle.calendarContainer > .content > .yearRow > .year:last-child { margin-right: 0; } .standardStyle.calendarContainer > .content > .dayRow:last-child, .standardStyle.calendarContainer > .content > .dayRowHeader:last-child { margin-bottom: 0; } .standardStyle.calendarContainer > .content > .monthRow > .month:not(.selectedDate):hover, .standardStyle.calendarContainer > .content > .yearRow > .year:not(.selectedDate):hover, .standardStyle.calendarContainer > .content > .dayRow > .day:not(.selectedWeekDay):hover { background-color: rgba(0,0,0,0.03); } .standardStyle.calendarContainer > .content > .dayRow > .day.inactiveDate:hover, .standardStyle.calendarContainer > .content > .monthRow > .month.inactiveDate:hover, .standardStyle.calendarContainer > .content > .yearRow > .year.inactiveDate:hover { background: none; } .standardStyle.calendarContainer > .content > .dayRow > .day.inactiveDate, .standardStyle.calendarContainer > .content > .monthRow > .month.inactiveDate, .standardStyle.calendarContainer > .content > .yearRow > .year.inactiveDate { opacity: .4; cursor: default; } .standardStyle.calendarContainer > .content > .dayRow > .day.selectedDate, .standardStyle.calendarContainer > .content > .monthRow > .month.selectedDate, .standardStyle.calendarContainer > .content > .yearRow > .year.selectedDate { position:relative; color: #000; } /* Engaging Styling */ .engagingStyle.calendarContainer { z-index: 1000; position:absolute; min-width: 359px; display: block; border: 1px solid #fff; padding: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.3); background-color: #fff; width: 100%; margin-top: 2px; box-sizing: border-box; } .engagingStyle.calendarContainer > .header { text-align: center; padding-top:2px; } .engagingStyle.calendarContainer > .header > .navHeader { display: inline-block; margin-bottom:5px; white-space: nowrap; } .engagingStyle.calendarContainer > .header > .navHeader > .prevAction, .engagingStyle.calendarContainer > .header > .navHeader > .nextAction { border-radius: 0; float: left; background: none; border-color: transparent; box-shadow: none; color:#656565; } .engagingStyle.calendarContainer > .header > .navHeader > .viewAction { line-height:16px; border-radius: 0; float:left; vertical-align: top; min-width: 158px; background: none; border-color: transparent; box-shadow: none; color: inherit; font-size: 1.1em; } .engagingStyle.calendarContainer > .content > .dayRowHeader, .engagingStyle.calendarContainer > .content > .dayRow, .engagingStyle.calendarContainer > .content > .monthRow, .engagingStyle.calendarContainer > .content > .yearRow { white-space: nowrap; width: 100%; display: table; } .engagingStyle.calendarContainer > .content > .dayRowHeader > .dayHeader { font-weight: 500; } .engagingStyle.calendarContainer > .content > .dayRowHeader > .dayHeader, .engagingStyle.calendarContainer > .content > .dayRow > .day, .engagingStyle.calendarContainer > .content > .monthRow > .month, .engagingStyle.calendarContainer > .content > .yearRow > .year { display: inline-block; font-size: 9px; width: 30px; display: inline-block; margin-left:-1px; margin-bottom:-1px; padding: 10px 0; line-height: initial; border: solid 1px rgba(0,0,0,0.05); background: transparent; font-size: 9px; text-align: center; float: left; margin: 1%; width: 12.25%; box-sizing: border-box; font-size: 1em; border: solid 1px transparent; border-radius: 2px; } .engagingStyle.calendarContainer > .content > .monthRow > .month, .engagingStyle.calendarContainer > .content > .yearRow > .year { width:23%; padding: 33px 0; } .engagingStyle.calendarContainer > .content > .monthRow:first-child, .engagingStyle.calendarContainer > .content > .yearRow:first-child { margin-top: 46px; } .engagingStyle.calendarContainer > .content > .dayRow > .day, .engagingStyle.calendarContainer > .content > .monthRow > .month, .engagingStyle.calendarContainer > .content > .yearRow > .year { background-color: rgba(0, 0, 0, 0.35); color: #fff; cursor: pointer; } .engagingStyle.calendarContainer > .content > .dayRow > .day.inactiveDate, .engagingStyle.calendarContainer > .content > .monthRow > .month.inactiveDate, .engagingStyle.calendarContainer > .content > .yearRow > .year.inactiveDate { opacity: .4; cursor: default; } .engagingStyle.calendarContainer > .content > .dayRow > .day.selectedDate, .engagingStyle.calendarContainer > .content > .dayRow > .day:hover, .engagingStyle.calendarContainer > .content > .monthRow > .month.selectedDate, .engagingStyle.calendarContainer > .content > .yearRow > .year.selectedDate { background-color: rgba(0, 0, 0, 0.75); } /*--Consumer styles--*/ .consumerStyle.calendarContainer { z-index: 1000; position: absolute; padding:4px; min-width: 280px; box-sizing: border-box; box-shadow: none; margin-left: -1px; background-color:#fff; border: solid 1px #3b4e58; } .consumerStyle.calendarContainer .header { padding:0 0 4px 0; } .consumerStyle.calendarContainer .navHeader { display:flex; } .consumerStyle.calendarContainer .navHeader > button { border-color:transparent; padding:11px; box-shadow:none; background-color:transparent; color:inherit; } .consumerStyle.calendarContainer .prevAction { order:2; } .consumerStyle.calendarContainer .nextAction { order:3; } .consumerStyle.calendarContainer .viewAction { width: calc(100% - 88px); margin-right:8px; } .consumerStyle.calendarContainer .prevAction:before { content:"\E062"; } .consumerStyle.calendarContainer .nextAction:before { content:"\E061"; } .consumerStyle.calendarContainer .content { min-height:0 !important; } .consumerStyle.calendarContainer .dayRowHeader, .consumerStyle.calendarContainer .dayRow, .consumerStyle.calendarContainer .monthRow, .consumerStyle.calendarContainer .yearRow { display:flex; } .consumerStyle.calendarContainer .dayHeader { font-weight: 600; } .consumerStyle.calendarContainer .dayHeader, .consumerStyle.calendarContainer .day, .consumerStyle.calendarContainer .month, .consumerStyle.calendarContainer .year { flex: 1; text-align: center; padding: 11px 4px; color:inherit; border:solid 1px transparent; } .consumerStyle.calendarContainer .month, .consumerStyle.calendarContainer .year { min-height: 44px; display: flex; align-items: center; justify-content: center; } .consumerStyle.calendarContainer .day.inactiveDate, .consumerStyle.calendarContainer .month.inactiveDate, .consumerStyle.calendarContainer .year.inactiveDate { opacity:0.65; } .consumerStyle.calendarContainer .navHeader > button:hover, .consumerStyle.calendarContainer day:not(.inactiveDate):not(.selectedDate):hover, .consumerStyle.calendarContainer .month:hover, .consumerStyle.calendarContainer .year:hover { background-color: #e5e5e550; } .consumerStyle.calendarContainer .navHeader > button, .consumerStyle.calendarContainer .day:not(.inactiveDate), .consumerStyle.calendarContainer .month, .consumerStyle.calendarContainer .year { cursor:pointer; } .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: 10px; padding-right: 10px; } .tabbedControl.horizontal.cardViewChildren .cardView.subsequentInList { margin:0; margin-top:5px; padding-top:10px; /*border-top-style: solid; border-top-width: 1px;*/ border-top: solid 1px #e6e6e6; } .cardView { border-radius: 3px; padding: 5px; margin-top: 5px; } .cardView.noContent { padding: 5px; } .cardView.noContent > .cardViewContent { margin-top: 0; } .cardView.noContent > .cardViewContent >.tabbedControl { margin-top: 0; } .cardViewTopPane { margin:5px 5px 0 5px; } .cardViewChildren .cardViewTopPane { margin-left:0; margin-right:0; } .cardViewDescriptions { margin-top:5px; } .cardViewStatusPane .cardViewStatusItemTotal { line-height: 20px; /*background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackopac75.png?v=12.0.253.0') repeat top left; background: rgba(0, 0, 0, 0.6);*/ zoom: 1; /*color: #fff;*/ padding: 0 5px; border-radius: 10px; } .cardViewContent { margin-top:10px; } .cardViewListContent > .cardView > .cardViewContent { margin-left: 5px; margin-right: 5px; } .cardViewSubDescription { padding-top: 5px; } .cardViewStatusPane { text-align: right; } .cardViewStatusItemLabel:not(.cardViewStatusItemTotal) { margin-top:3px; padding-top:1px; font-size:0.8em; } .cardViewDescription h3, .cardViewStatusItemTotal label { font-family: Osans, Arial, sans-serif; font-weight: normal; font-size: 1.2em; display:block; } .cardViewStatusItemTotal label { font-weight: 600; } .cardViewRightPane { float: right; } .cardViewCategory.wideView { width: 50%; } .cardViewCategoryHeader { padding-bottom: 5px; } .cardViewCategoryContent { padding-bottom: 10px; padding-bottom:5px; padding-bottom:0; } .cardViewCategoryRelatedFields { display: inline-block; width: 100%; } .cardViewCategoryField { float: left; } .cardViewCategoryItem { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .cardViewCategoryLabel { float: left; } .editorLabelAutoWidth.cardViewCategoryValue { color:inherit; display: block; color: #656565; } .cardView .cardViewCategoryLabel, .cardView .cardViewCategoryValue { padding:3px 3px 3px 0; } .cardViewCategory h1 { font-size: 1.1em; font-weight: normal; } .oneColumns .cardViewCategoryField { width: 100%; } .twoColumns .cardViewCategoryField { width: 50%; } .threeColumns .cardViewCategoryField { width: 33%; } .fourColumns .cardViewCategoryField { width: 25%; } .fiveColumns .cardViewCategoryField { width: 20%; } .cardViewListHeader { padding-top: 30px; padding-bottom:5px; } .cardViewChildren .cardViewListContent { padding:0 5px; } .cardViewListContent .cardViewListContent { margin:0; } .cardViewChildren .cardView { margin-top: 0; } .tabbedControl.horizontal.cardViewChildren .cardView { background-color:transparent; padding:5px; border-radius: 0; } .tabbedControl.horizontal.cardViewChildren { padding: 5px; /*margin: 5px -5px 0 -5px;*/ /*border-radius: 3px;*/ border: solid 1px #e6e6e6; } /*.fieldsContainer > .tabbedControl.cardViewChildren { margin-right: 10px; }*/ .cardView > .tabbedControl.cardViewChildren { padding-bottom: 0; } .tabbedControl.horizontal.cardViewChildren .tabbedControl.horizontal.cardViewChildren { padding-bottom: 5px; } .tabsContainer .tabbedControl.horizontal.cardViewChildren .tabsContainer { border-top:none; } .tabbedControl.horizontal.cardViewChildren > .previousTab, .tabbedControl.horizontal.cardViewChildren > .nextTab { height: 20px; } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer { overflow: visible; background-color: transparent; } .tabbedControl.horizontal.cardViewChildren > .nextTab + .tabHandlesContainer { overflow: hidden; margin-left: 25px; margin-right: 25px; } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle { vertical-align: top; background:none; border:none; padding:0; margin:0; border-radius:0; } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle:hover { background-position:inherit; background-color: transparent; } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle:first-child { background:none; } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle.selected { background-image: none; border-bottom-width:0; margin-bottom:5px; } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle.selected:hover { cursor:pointer; } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle:focus { outline-width:0; } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle > button > span { /*font-size:0.9em;*/ padding:0 4px; margin:0; border-radius:2px; /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);*/ } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle > button > .count { color: #fff; font-weight:600; padding:0 4px; margin-left:2px; } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle > button .buttonLabel { /*text-transform:uppercase; color:#fff; opacity: 0.7;*/ } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle.selected > button .buttonLabel { /*opacity: 1;*/ } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle > .editorLabel { padding: 2px 0 0 0; width: auto; } .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer > .tabHandle.selected:hover { border-bottom-width: 0; background-color:transparent; } .tabbedControl.horizontal.cardViewChildren > .tabsContainer { border: none; margin: 0; } .tabbedControl.horizontal.cardViewChildren > .tabsContainer .tabControl.selected { min-height: 0; border: none; background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac80.png?v=12.0.253.0'); background-color:#fff; } .taggedDefPanel > .fieldsContainer > .fieldSet { border-top-width: 0; } .taggedDefPanel > .fieldsContainer > .fieldSet, .form .taggedDefPanel .fieldsContainer header h1, .tabbedControl.horizontal.cardViewChildren > .tabsContainer, .tabbedControl.horizontal.cardViewChildren > .tabHandlesContainer { padding: 0; } .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.2em; padding-top: 10px; opacity: 0.35; } .chartContainer.downloading { height: 110px; } .chartContainer.downloading > .overlay > .durationSpinner > .itemSpinner { opacity: 0.15; } 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.253.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; } .ganttChartViewer .addSelCont:before, .thumbnailViewControl.dynamicLayout .addSelCont: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; } .ganttChartViewer .addSelCont.checked:before, .thumbnailViewControl.dynamicLayout .addSelCont.checked:before { content: "\E066"; border-color: #656565; } /*--Consumer styles--*/ .consumerStyle.cbcStyleContainer .cbcEditorField:before { width:20px; height:20px; } .consumerStyle.cbcStyleContainer .cbcEditorLabel { line-height:20px; } .map-control-cia-embedded-map { display: block; position: relative; overflow: hidden; width: inherit; height: inherit; } .map-control-cia-embedded-map-inline { min-height: 480px; } .ciaMap { height: inherit; box-sizing: border-box; } .mapContainer { z-index: 1; border: solid 1px #e6e6e6; display: block; padding: 3px; height: 100%; position: relative; background-color: #fff; box-sizing: border-box; } .relatedDataPortlet .views > .mapContainer { border: none; } .mapContainerInner { position: relative; width: auto; height: 100%; } /* Gutter region on the right for tablet devices */ .tablet .fieldsContainer .ciaMap { margin-right: 25px; } .pinCurrent { position: absolute; right: 0; top: 0; z-index: 2; background-color: #fff; padding: 4px; } .fullscreen > .pinCurrent { z-index: 999999; } .map-spinner { float: left; display: block; background: url(https://cdn.t1cloud.com/cianywhere/content/base/images/loaderlbg.gif?v=12.0.253.0) no-repeat; height: 16px; width: 16px; margin-top: 10px; } #cloudFilePicker { display: none; } #cloudFilePickerMain { width: 80%; 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; } #cloudFilePickerTitle { font-family: Roboto,sans-serif; font-size: 12px; padding: 5px 0; border-top: none; text-align: center; margin-top: -2px; background-image:url("https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.253.0"); background-repeat: repeat-x; background-position: top left; position: relative; } #cloudFilePicker footer { position: absolute; bottom: 0; right: 0; left: 0; } #cloudFilePickerSearchBar { padding: 10px 10px 0 10px; } #cloudFilePickerSearchControlWrapper input { margin-right: 54px; } #cloudFilePickerSearchText { } #cloudFilePickerSearchText:focus { outline: none; } #cloudFilePickerSearch span:before { content: "\E044"; } #cloudFilePickerSearchControlWrapper.focused + .searchBtn { border-left: solid 1px rgba(0, 0, 0, 0.1); } #cloudFilePicker #cloudFilePickerSearchButton.btn { } #cloudFilePicker .btn:disabled { opacity: 0.5; cursor: default; cursor: not-allowed; } #cloudFilePicker .btn:disabled:hover { border-color:transparent; background-image:none; } #cloudFilePickerCloudItems .cloudItem { padding: 10px; padding-left: 70px; padding-right: 50px; line-height: 16px; position: relative; white-space: nowrap; overflow: hidden; text-align: left; } #cloudFilePickerCloudItems .cloudItem .name { font-size: 1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 16px; } #cloudFilePickerCloudItems .cloudItem .lastModifiedBy { color: #656565; font-size: 0.9em; opacity: 0.5; } #cloudFilePickerCloudItems .cloudItem { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 30px; } #cloudFilePickerCloudItems .cloudItem:hover { cursor: pointer; background-color: rgba(0, 0, 0, 0.02); } #cloudFilePickerCloudItems .noResults { text-align: center; position: absolute; top: 40px; left: 0; right: 0; height: 30px; line-height: 30px; font-size: 1.7em; opacity: 0.5; } #cloudFilePickerCloudItems .cloudItem:before { position: absolute; left: 40px; width: 28px; height: 28px; line-height: 28px; font-size: 24px; background-size: 100%; } #cloudFilePickerCloudItems .cloudItemFile:before { content: "\E056"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/virtualdoc-48.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.doc:before { content: "\E116"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/docx-48b.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.docx:before { content: "\E116"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/docx-48a.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.dot:before { content: "\E116"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/dot-48b.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.dotx:before { content: "\E116"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/dot-48a.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.txt:before { content: "\E116"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/txt-48a.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.odt:before { content: "\E116"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/doc.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.csv:before { content: "\E116"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/xl.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.xls:before, #cloudFilePickerCloudItems .cloudItemFile.ods:before { content: "\E026"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/xls-48b.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.xlsx:before { content: "\E026"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/xls-48a.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.xlt:before, #cloudFilePickerCloudItems .cloudItemFile.xltx:before { content: "\E026"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/xlt-48a.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.ppt:before { content: "\E026"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/ppt-48b.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.pptx:before { content: "\E026"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/ppt-48a.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.pot:before { content: "\E026"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/pot-48b.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.potx:before { content: "\E026"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/pot-48a.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.pdf:before { content: "\E001"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/pdf-48b.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.bmp:before, #cloudFilePickerCloudItems .cloudItemFile.jpeg:before, #cloudFilePickerCloudItems .cloudItemFile.jpg:before, #cloudFilePickerCloudItems .cloudItemFile.png:before { content: "\E134"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/image-48.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.avi:before, #cloudFilePickerCloudItems .cloudItemFile.mpg:before, #cloudFilePickerCloudItems .cloudItemFile.mpeg:before, #cloudFilePickerCloudItems .cloudItemFile.mkv:before { content: "\E479"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/video.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile.msg:before, #cloudFilePickerCloudItems .cloudItemFile.eml:before { content: "\E182"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/email.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFolder:before { content: "\E056"; content: ""; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/filetype/folder.png?v=12.0.253.0'); } #cloudFilePickerCloudItems .cloudItemFile:after { font-family: 'iconGlyph'; font-size: 16px; content: "\E066"; position: absolute; left: 10px; top: 10px; border-radius: 50%; width: 16px; height: 16px; text-align: center; padding: 3px; border: solid 1px transparent; opacity: 0; } #cloudFilePickerCloudItems .cloudItemFile:hover:after { opacity: 0.25; } #cloudFilePickerCloudItems .cloudItemFile.selected:after { opacity: 1; } #cloudFilePickerCloudItems .folderChevron { position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; width: auto; height: auto; border: none; border-radius: 0; background: none; opacity: 0.35; } #cloudFilePickerCloudItems .folderChevron:hover { opacity: 1; } #cloudFilePickerCloudItems .glyph.folderChevron:before { position: absolute; right: 16px; top: 50%; margin-top: -8px; } #cloudFilePickerCloudItems .cloudItem.selected { background-color: rgba(0, 0, 0, 0.02); } #cloudFilePickerDetails { overflow-y: auto; min-height: 150px; position: absolute; left: 10px; right: 10px; top: 130px; bottom: 50px; } #cloudFilePickerNavigation { padding: 5px 0; margin-top: 10px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: solid 1px #e6e6e6; } #cloudFilePickerNavigation .breadcrumb { display: none; padding: 7px; cursor: pointer; max-width: 20%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; display: inline-block; } #cloudFilePickerNavigation .breadcrumb:hover { background-color: rgba(0, 0, 0, 0.02); } #cloudFilePickerNavigation .breadcrumb.home { } #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 span { font-weight: 600; } #cloudFilePickerHeader.noSearch { height: 58px; } #cloudFilePickerDetails.noSearch { top: 58px; } #ContextualPanelsContainer { min-width: 500px; right: 0; left: auto !important; z-index:9; } #ContextualKeysParent { position: relative; max-width: 450px; } #ContextualKeysParent.shown #ContextualKeysButton { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbg.png?v=12.0.253.0'); background-repeat: repeat-x; background-position: bottom left; } .contextualPanelsContainer { position: absolute; display:none; 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); } #ContextualPanelsContainer.shown { display:inherit; } #ContextualActionsPanelHeader { max-width: 450px; } #ContextualKeysPanel, #ContextualParametersPanel { border-bottom-style:solid; border-bottom-width: 1px; } #ContextualActionsPanel { border-top: solid 1px rgba(255,255,255,0.75); } #ContextualKeysButton { font-size: 0.9em; max-width: 450px; float: right; } body.tablet #ContextualKeysButton { max-width: 240px; } #ContextualActionsPanel button { min-width: 60px; text-align: center; margin-right:5px; float: left; } .goBack { display: none; } #ContextualKeysPanel > .styleContainer > .textBoxControl > .tbcEditorLabel, #ContextualParametersPanel > .styleContainer > .textBoxControl > .tbcEditorLabel, #ContextualKeysPanel > .styleContainer > .checkBoxControl > .cbcEditorLabel, #ContextualParametersPanel > .styleContainer > .checkBoxControl > .cbcEditorLabel { width: 160px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #ContextualKeysPanel > .styleContainer > .textBoxControl.fillWidth > .tbcEditorField, #ContextualParametersPanel > .styleContainer > .textBoxControl.fillWidth > .tbcEditorField { width: calc(100% - 165px); } #ContextualKeysButton .buttonLabel.empty { margin: 0; display: none; } #ContextualKeysButton .textWrapper { max-width: 420px; display: block; } .minScreen .noFormTitle.noFormActions #ContextualKeysButton .textWrapper { max-width: 350px; } #ContextualKeysButton .icon16 { float: right; background: none; } #ContextualKeysButton .icon16:before { content: "\E006"; } #ContextualKeysParent.shown .contextualOverlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.15); z-index: 9; } @media \0screen { #ContextualKeysParent.shown .contextualOverlay { background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackopac5.png?v=12.0.253.0') repeat; } } /* Fix - Contextual panel height beyonds screen height */ .scrollContent #ContextualKeysPanel, .scrollContent #ContextualParametersPanel{ max-height: 60vh; overflow: auto; } .customParameters .customDisplayParameterRemove{ background: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/remove.png?v=12.0.253.0') no-repeat center; border:none; box-shadow:none; -webkit-box-shadow:none; width:18px; } .customParameters .customDisplayParameterLabel { font-weight: bold; } .customParameters .customDisplayParameter { background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/enquirycatline.png?v=12.0.253.0') no-repeat center right; padding-right:5px; margin-right:5px; } .customParameters .customEditParameterLabel { width: 150px; float:left; } .customParameters .customEditParameterInput { width: 200px; margin-bottom : 5px; font-size:1em; } .customParameters { color:#0f3367; display: inline-block; } .customParameters .customDisplayParameterRemove:hover { border: 1px solid #0f3367; } #CustomParametersOkButton { background-color:#d3f6d4; border-color:#70c172; } .detailLines { /*margin-bottom:5px; */ font-size:0.9em; padding:3px 0; } .detailLines .lineKey{ font-weight: bold; } .detailLines .lineKey.showColon:after { content: ":"; font-weight: bold; margin-right:3px; } .detailLines .lineKey.hideColon:after { font-weight: bold; margin-right:3px; } .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 { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left:0; box-sizing: border-box; -moz-box-sizing: border-box; border-top: none; background-color: #fff; } #DETAILS_DefaultContents { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } #DETAILS_DefaultContents:before { content: ""; display: block; background-color: rgba(0, 0, 0, 0.1); width: 1px; top: 40px; bottom: 0; left: 0; position: absolute; } #DETAILS_DataContents{ height: 100%; } .detailsPanelSectionsActions { height: 40px; box-sizing: border-box; border-left: solid 1px; border-left: solid 1px rgba(0, 0, 0, 0.1); padding-left: 10px; } .detailsPanel .formActionButton { float: none !important; } .detailsPanel .sectionChangeButtons button.hidden{ display: none; } .detailsPanelSectionsActions .buttonGroup > .sectionChange > img { width: 16px; } .detailsPanelSectionsActions .more > .chooser > button > .icon16 { width: 28px; } .detailsPanelSectionsActions .more .chooser .downFill > .glyph:before { content: "\E226"; } .detailsPanelSectionsActions .more button.sectionChange { padding-left: 5px!important; padding-right: 20px!important; } .relatedDataPortlet .detailsPanel .form { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-left-width: 1px; border-left-style: solid; border-left: solid 1px rgba(0, 0, 0, 0.1); } .detailsShowButton { cursor: pointer; } .detailsPanel #DETAILS_DefaultContents > .defaultMessage { position: absolute; top: 50%; left: 0; right: 0; margin-top: -15px; text-align: center; font-size: 1.7em; font-family: Osans, Arial, sans-serif; } .detailsPanel .titleContainer { padding: 20px; } .detailsPanel .titleContainer .titlePanel .title{ display: block; width: 100%; } .detailsPanel .titleContainer img { float: left; height: 50px; } .detailsPanel .title label{ font-weight: bold; font-size: 16px; } .detailsPanel .detailsCloseButton { margin-top: 4px; } .detailsPanel.alwaysVisible .detailsCloseButton, .detailsPanel.alwaysVisible .hideDetails { display: none; } .detailsPanel .documentPreview { position: absolute; width: 100%; bottom: 0; top: 0px; -moz-box-sizing: border-box; box-sizing: border-box; } .detailsPanel .contentContainer { min-height: 0px; padding: 0px; position: absolute; left: 0; right: 0; bottom: 0; top: 40px; overflow-y: auto; overflow: hidden; overflow-x: hidden; min-width: 0px!important; max-width: 100%; } .detailsPanel.hasSectionsChange .contentContainer { top: 79px; } .detailsPanelHeader:before { content: ""; display: block; width: 1px; height: 18px; float:left; margin-top: 10px; background-color: rgba(0, 0, 0, 0.1); } .detailsPanel > .overlay { margin-top: 38px;/*the sections selector and item action should be accessible while loading the natural view contents */ opacity: 1; background: transparent; } .detailsPanel .detailsPanelHeader > .itemActions { margin-right: 5px; padding-top: 4px; float: right; } .detailsPanel .detailsPanelHeader > .itemActions .dropdownControl .defaultAction.primary:before { display: none; } .detailsPanel .detailsPanelHeader > .itemActions .dropdownControl > .handle > .icon16 { display: inline-block; margin: 0 5px; } .detailsPanel .detailsPanelHeader > .itemActions .dropdownControl button { border-radius: 3px; } .detailsPanel .detailsPanelHeader > .itemActions .dropdownControl button.handle { margin-left: 5px; } .detailsPanel .detailsPanelHeader > .itemActions .dropdownControl.hasDefaultAction > .dropdownPanel:first-child .dropdownPanelListItem:first-child { display: none !important; } .detailsPanel > .overlay .durationSpinner, .detailsPanel > .overlay .durationSpinner .spinner { display: block; } .detailsPanel .detailsPanelHeader { overflow: visible; height: 40px; border-bottom: solid 1px rgba(0,0,0,0.02); box-sizing: border-box; } .detailsPanel .detailsPanelHeader .header { width: auto; display: block; font-size: 1.4em !important; font-weight: normal; line-height: 38px; height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; } .detailsPanel .inlineTabContainer > .inlineTabControl { display: block; visibility: visible; } .detailsPanel .editablePanel.scrollContent > .content { border-top: none; padding: 10px; } .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); } td .dropdownControl { height: 15px; } .dropdownControl.droppedDown { z-index: 3; } .dropdownControl.singleAction .handle { display: none!important; } .dropdownControl > .handle > span { display: inline-block; } .dropdownPanel { display:none; 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); min-width: 200px; font-size:12px; } .dropdownPanel.droppedDown { display:inherit; position:absolute; z-index:9003; margin-top:0; max-height: 500px; overflow-y: auto; overflow-x: hidden; } .dropdownPanelItemHeader { font-size:1em; padding:6px 10px; line-height:16px; border-bottom:solid 1px; } .dropdownPanel > .menuLinks16 { vertical-align: top; float: left; width: 100%; } .dropdownPanelListItem { border-radius: 0; display:block; font-size:0.9em; white-space: nowrap; position: relative; border-color: transparent !important; } .dropdownPanelListItem.hidden { display: none!important; } .dropdownPanelListItem.itemDisabled:hover { background-image: none; cursor: default; } .dropdownPanelListItem.itemDisabled a{ cursor: default; } .dropdownPanelListItem > .icon16 { position: absolute; top: 7px; left: 5px; } .dropdownPanelListItem > a, .dropdownPanelListItem > label { position: relative; display: block; line-height: 16px; padding: 7px 5px 7px 26px; overflow: hidden; text-overflow: ellipsis; color: inherit; } .dropdownPanelListItem.dropdownControlSubMenu > a { padding-right: 30px; } .dropdownPanelListItem > a:hover { color: inherit; text-decoration: none; } .dropdownPanelListItem:hover, .dropdownPanelListItem.dropdownControlSubMenu.droppedDown { background-color: var(--ciaColourBackgroundHighlightHover); } .topBar .dropdownPanelListItem:hover { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac5.png?v=12.0.253.0'); } .dropdownPanelListItem.dropdownControlSubMenu:hover { cursor: pointer; } .dropdownPanelListItem > .link > .icon16 { position: absolute; left: 5px; top: 5px; } .dropdownPanelListItem.dropdownControlSubMenu > .icon16 { position: absolute; top: 5px; right: 5px; left: auto; } .dropdownPanelListItem.dropdownControlSubMenu > .icon16:before { content: "\F047"; } .dropDownControlContainer > .hasDefaultAction > .defaultAction, .dropDownControlContainer > .hasDefaultAction > .handle { display: inline-block; vertical-align: top; } .dropDownControlContainer > .hasDefaultAction > .defaultAction { position:relative; float:left; min-height: 16px; } .dropDownControlContainer > .hasDefaultAction > .defaultAction:hover { z-index:1; } .dropDownControlContainer > .hasDefaultAction > .defaultAction:before { content:""; width:1px; display:block; position:absolute; top:0; bottom:0; right:0; background-color:#fff; } .dropDownControlContainer > .hasDefaultAction > .defaultAction.primary:before { background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.253.0') repeat top left; } .dropDownControlContainer > .hasDefaultAction > .defaultAction.primary.editAction > .glyph:before, .dropDownControlContainer .handle.editAction > .glyph:before{ content: "\E078"; } .dropDownControlContainer > .hasDefaultAction > .defaultAction.primary.addAction > .glyph:before, .dropDownControlContainer .handle.addAction > .glyph:before{ content: "\E146"; } .dropDownControlContainer > .hasDefaultAction > .handle { position:relative; overflow:visible; line-height: 16px; margin-left: 5px; } .dropDownControlContainer > .hasDefaultAction > .handle > .icon16 { display: block; } .dropDownControlContainer > .hasDefaultAction > .handle:before { content:""; display:block; width:1px; position:absolute; top:0; bottom:0; left:-1px; background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.253.0'); } .dropDownControlContainer > .hasDefaultAction > .handle.primary:before { background: none; } .dropDownControlContainer > .hasDefaultAction > .handle:hover:before, .dropDownControlContainer > .hasDefaultAction.droppedDown > .handle:before { display:none; } .formHeader .dropdownPanel ul { min-width:240px; } .fieldsContainer > .dropDownControlContainer > .dropdownControl { display: inline-block; } .dropdownControl > .handle > .iconComponent, .dropdownControl > .handle.primary > .iconComponent { display: inline-block; margin: 0 5px; } /* 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.253.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.253.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.253.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.253.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.253.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.253.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; } } .durationSpinner { display: none; position: absolute; top: 50%; left: 50%; z-index: 9999; } body.screenLoading > #MainContainer> .durationSpinner { display: block; } .durationSpinner.drkBGCol2 { vertical-align: middle; padding: 10px; margin-top: -34px; margin-left: -34px; background-color: transparent !important; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackopac75.png?v=12.0.253.0'); border-radius: 3px; color: #fff; } .modalLayout .durationSpinner { top: -73px; } .modalLayout .overlay > .durationSpinner { top: 50%; } .bannerMiddle > .durationSpinner { top: -6px; } .overlay > .durationSpinner { display: block; } .durationSpinner.hasCancelButton{ padding: 15px; border-radius: 5px; display: flex; flex-flow: column; justify-content: space-between; width: 128px; height: 100px; /* background-color: rgba(128, 128, 128, 0.5);*/ margin-top: -64px; margin-left: -64px; box-sizing: border-box; } .durationSpinner .cancelAjaxRequest{ text-align: center; padding: 5px; cursor: pointer; font-size: 110%; font-weight: bold; margin-bottom: -10px; } /*--Consumer Styles--*/ body.screenLoading.consumerStyleWrapper > #MainContainer> .durationSpinner { display: flex; } .consumerStyleWrapper .overlay > .durationSpinner { display:flex; } .consumerStyleWrapper .durationSpinner { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin:0; background-color: rgba(255,255,255,0.5); } .consumerStyleWrapper .durationSpinner .itemSpinner { position: absolute; top: calc(50% - 48px/2); left: calc(50% - 48px/2); } .consumerStyleWrapper .durationSpinner .processSpinner { position: absolute; top: calc(50% - 64px/2); left: calc(50% - 64px/2); } .consumerStyleWrapper .durationSpinner > .spinnerMessage { position: absolute; top: calc(50% + 64px/2); } /* Table Styling */ .editableGridTable { display: table; border-collapse: collapse; } .editableGridTableHead { display: table-header-group; } .editableGridTableBody { display: table-row-group; } .editableGridTableRow { display: table-row; position: relative; border-bottom: solid 1px #e6e6e6; } .editableGridTableCell { display: table-cell; vertical-align: top; } .editableGrid { position: relative; overflow: auto; width: auto; min-height: 180px; } .editableGridHeaderRow { border-top: solid 1px #e6e6e6; } .editableGridHeaderCell { cursor: default; border-right: solid 1px transparent; position:relative; } .editableGridHeaderCell:before { content: ""; float: right; width: 1px; border-right: solid 1px #e6e6e6; position: absolute; right: -1px; top: 10px; bottom: 10px; } .editableGridHeaderCellText { padding: 0 5px; font-weight: 600; font-size: 0.9em; text-overflow: ellipsis; overflow: hidden; text-shadow: 0 1px 1px #fff; line-height: 30px; } .editableGridDataRow { height: 33px; background-color: #fff; } .editableGridActionCell { text-align: center; } .editableGridDataCell { padding: 0; } .editableGridDataRow.newRow.noFocus > .editableGridDataCell > .styleContainer, .editableGridDataRow.newRow.noFocus > .editableGridDataCell > .controlContainer { display:none; } .editableGridDataCell > .controlContainer { padding: 0; } .editableGrid.editable > .editableGridTable > .editableGridTableBody > .editableGridTableRow.isEmpty > .editableGridDataCell.readonly, .editableGrid.editable > .editableGridTable > .editableGridTableBody > .editableGridTableRow.newRow.noFocus > .editableGridDataCell.readonly { background: none; } .editableGridDataCell > .action { padding: 0; margin-top: 5px; height: 20px; width: 20px; border-radius: 12px; } .editableGridDataRow.isEmpty > .editableGridDataCell > .action, .editableGridDataRow.newRow > .editableGridDataCell > .action { display: none; } .editableGridDataCell > .reorder { padding: 0; height: 33px; line-height: 33px; width: 100%; background: none; border: none; box-shadow: none; cursor: grab; } .editableGridDataRow.isEmpty > .editableGridDataCell > .reorder, .editableGridDataRow.newRow > .editableGridDataCell > .reorder { display: none; } .editableGridDataRow.move .editableGridTableCell{ float:left; display:block; } .editableGridDataCell > .controlContainer > .validationMessage, .editableGridDataCell > .styleContainer > .controlContainer > .validationMessage { display: none; } .editableGridDataCell > .styleContainer > .textBoxControl, .editableGridDataCell > .styleContainer > .checkBoxControl { padding: 0; } .editableGridDataCell > .styleContainer > .textBoxControl.notActive > .tbcEditorField > .tbcInputContainer { border: solid 1px transparent; } .editableGridDataCell > .styleContainer > .textBoxControl.notActive > .tbcEditorField > .tbcInputContainer.hasPicker { padding-right: 0 !important; } .editableGridDataCell > .styleContainer > .textBoxControl.notActive > .tbcEditorField > .tbcInputContainer > .tbcPicker { display: none; } .editableGridDataCell > .styleContainer > .textBoxControl.active > .tbcEditorField > .tbcInputContainer > .tbcPicker { display: block; background-color: #fff; } .editableGridDataCell > .styleContainer > .textBoxControl > .tbcEditorField > .readonlyTextBoxSpan { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; } .editableGridDataCell > .styleContainer > .textBoxControl.validationError.notActive > .tbcEditorField > .tbcInputContainer { border-color: transparent; } .editableGridDataCell > .styleContainer > .textBoxControl.validationError > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer { background-color: transparent; } .editableGridDataCell > .styleContainer > .checkBoxControl > .cbcEditorField { display: block; } .editableGridDataCell > .styleContainer > .checkBoxControl > .cbcEditorField:before { margin: 7px auto; } .editableGridDataCell.validationError { background-color: #ffe4e4; } .editableGridRowTemplate, .editableGridEmptyRowTemplate { display: none; } .editableGridNewRowSink { position: absolute; line-height: 30px; font-size: 1.1em; color: #bec2c5; } .editableGridDataRow.newRow.noFocus { cursor: pointer; } .editableGridNewRowSink > .icon16 { margin-right:5px; } /** 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 { padding-top: 10px; padding-bottom: 10px; } .detailsPanel .editablePanel { padding: 0; } /* Header */ .editablePanel > .splitheader > div { display: inline-block; } .editablePanel > .splitheader { display: block; margin-right: 190px; } .editablePanel > .splitheader > div.labelText { max-width: 100%; } .editablePanel > .splitheader > div.secondaryLabelText { float: right; margin-right: -190px; width: 190px; text-align: center; } /* Breadcrumb */ .editablePanel > .breadcrumbContainer { list-style: none; overflow: hidden; padding: 5px 0; } .editablePanel > .breadcrumbContainer > .breadcrumb { float: left; 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; } /* Top Action Pane & Bottom Action Pane */ .editablePanel > .topActionPane { position: relative; display: inline-block; float: right; padding: 0 10px 4px 0; } .editablePanel > .content{ width:100%; } .editablePanel > .topActionPane > .formActions, .editablePanel > .topActionPane > .formActionButton, .editablePanel > .topActionPane > .sectionActionButton, .editablePanel > .topActionPane > .actionsMenu { float:left; height: 30px; margin-right: 0; } .editablePanel > .topActionPane > .formActions ~ *, .editablePanel > .topActionPane > .formActionButton ~ *, .editablePanel > .topActionPane > .sectionActionButton ~ .sectionActionButton, .editablePanel > .topActionPane > .sectionActionButton ~ .actionsMenu, .editablePanel > .topActionPane > .sectionActionButton ~ .formActionButton, .editablePanel > .topActionPane > .sectionActionButton ~ .formActions, .editablePanel > .topActionPane > .formActionButton ~ .actionsMenu { margin-left: 5px; } .editablePanel > .topActionPane > .formActionButton.remove { background: none; border: none; box-shadow: none; border-radius: 15px; min-width: 0 !important; } .editablePanel > .topActionPane > .formActionButton.remove:hover { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackopac5.png?v=12.0.253.0'); } .editablePanel > .bottomActionPane { padding: 10px 0; display:inline-block; } .editablePanel > .topActionPane > .save > .buttonLabel, .editablePanel > .bottomActionPane > .save > .buttonLabel, .editablePanel > .topActionPane > .formActionButton.noLabel.showIcon { text-align: center; } .editablePanel > .bottomActionPane > button, .editablePanel > .bottomActionPane > .formActions, .editablePanel > .bottomActionPane > .formActionButton { float:left; margin-right:5px; } /* Content */ .editablePanel .content > header h1 { padding-left: 0; } .repeatableEditablePanel .content .fieldsContainer { padding: 0; } .editablePanel.scrollContent > .content { position: relative; } .detailsPanel .contentContainer .contentLayoutContainer > .form > .editablePanel > .content, .tabControl > .editablePanel > .content { padding: 0 10px; box-sizing: border-box; } .inlineTabControl > .editablePanel > .content { padding: 0; } .detailsPanel .contentContainer .contentLayoutContainer > .form > .editablePanel > .content { clear: right; } /* Blocked contents */ .editablePanel > .blockingPanel{ position: absolute; top:0; bottom: 0; left:0; right:0; display: none; z-index: 2; opacity: 0.4; } .editablePanel.blocked > .blockingPanel { display: block; } .editablePanel > .blockingPanel > .blockingText { display: none; position: absolute; top: 50%; width: 100%; text-align: center; margin-top:-25px; font-size: 4.5em; } .editablePanel.blocked.showBlockingText > .blockingPanel.showBlockingText > .blockingText { display: block; } /* Tabbed content */ .mainEditablePanel.editablePanel.displayContentsAsTabs > .tabbedContentSelector *{ font-size: var(--ciaFontSizePanelHeading); } .editablePanel.displayContentsAsTabs > .content .tabbedContent{ display: none; } .editablePanel.displayContentsAsTabs > .content .tabbedContent.selected{ display: block; } .editablePanel.displayContentsAsTabs > .content > .tabbedContent > .header{ display: none; } .editablePanel.displayContentsAsTabs > .content> .tabbedContent.showHeader > .header{ display: block; /* */ } .editablePanel.displayContentsAsTabs > .content .tabbedContent.inlineTabContainerPanel.hasHeader > .inlineTabContainer > .inlineTabControl > .editablePanel > .topActionPane{ margin-top:0; z-index:1; } .editablePanel.displayContentsAsTabs > .content .tabbedContent.inlineTabContainerPanel.hasHeader.showHeader > .inlineTabContainer > .inlineTabControl > .editablePanel > .topActionPane { margin-top: -44px; } .editablePanel.displayContentsAsTabs > .content .tabbedContent.inlineTabContainerPanel.panel.standardStyle.fieldSet { padding-left: 0; } .editablePanel.displayContentsAsTabs > .content .tabbedContent.inlineTabContainerPanel.panel.standardStyle.fieldSet .fieldsContainer { padding-bottom: 0; } /*--Consumer styles--*/ .consumerStyleWrapper .detailsPanel .contentContainer .contentLayoutContainer > .form > .editablePanel > .content, .consumerStyleWrapper .tabControl > .editablePanel > .content { padding:0 60px; } .consumerStyleWrapper .editablePanel > .topActionPane { display:none } .consumerStyleWrapper .editablePanel > .topActionPane > .formActions { height:40px; } .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 .chldFltrSetTemplate { display:none; } .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.253.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%; } } .expressionBuilderFooter { display: block; padding-left: 0; padding-right: 0; } .expressionBuilderHeader { margin-bottom: 10px; } .expressionBuilderActions { float: right; padding: 0; width: 205px; height: 30px; margin-bottom: 0; } .expressionBuilderFooter .expressionBuilderActions button { font-size: 1em; } .expressionBuilderCheckBox { float: left !important; margin-right: 8px; margin-bottom: 0; } .expressionBuilderCancelButton { float: right !important; margin-left: 5px; margin-top: 0; margin-bottom: 0; } .expressionBuilderOkButton { float: right !important; margin-left: 5px; margin-top: 0; margin-bottom: 0; } .expressionBuilderActions .styleContainer.cbcStyleContainer.standardStyle { margin-bottom : 0; } .expressionBuilderActions .expressionBuilderCheckBox.checkBoxControl.controlContainer.clearFix.checkAlignLeft.editable { margin-bottom: 0; } .expressionBuilderActions .expressionBuilderCheckBox.checkBoxControl.controlContainer.clearFix.checkAlignLeft.editable .cbcEditorField { margin-bottom: 0; } .expressionBuilderActions .expressionBuilderCheckBox.checkBoxControl.controlContainer.clearFix.checkAlignLeft.editable .lblCol.cbcEditorLabelAutoWidth { margin-bottom: 0; } .expressionBuilderValidIndicator { color: green; line-height: 30px; } .expressionBuilderInvalidIndicator { color: red; line-height: 30px; } .expressionBuilderBlocklyButton { fill: #EAA000; } .expressionBuilderActionButton > .buttonLabel { min-width: 40px; } .expressionBuilder { height: 100%; } .expressionBuilder .insertObjectButton { height: 38px; } .expressionBuilder .tabHandle.selected { border-bottom-color: transparent; } .expressionBuilder .textBoxControl { display: block !important; margin-left: auto; margin-right: auto; margin-top: 10px; } .expressionBuilder .pathBackButton { display: inline-block; float: left; margin-top: 10px; margin-right: 10px; } .expressionBuilder .pathSkipButton { display: inline-block; float: right; margin-top: 10px; } .expressionBuilder .tabbedControl.horizontal > .tabsContainer{ overflow: auto; border-top: none; margin: 0; padding-bottom: 1px; } .expressionBuilderPopup.popup > .content { padding: 0; } .expressionBuilder .tabbedControl.horizontal > .tabHandlesContainer { background-color: transparent; padding: 1px 10px; } .expressionBuilderPopup .tabbedControl.horizontal > .tabHandlesContainer > .tabHandle, .expressionBuilderPopup .tabbedControl.horizontal > .tabHandlesContainer > .tabHandle,.expressionBuilderPopup > footer .tabbedControl.horizontal > .tabHandlesContainer > .tabHandle { padding: 11px 5px 6px 5px; border: transparent; border-bottom-width: 3px; border-bottom-style: solid; background-image: none; background-color: transparent; } .expressionBuilderPopup > footer .tabbedControl.horizontal > .tabHandlesContainer > .tabHandle,.expressionBuilderPopup > footer .tabbedControl.horizontal > .tabHandlesContainer > .tabHandle.selected{ border-color: transparent; background-color: transparent; padding: 0; margin: 0; min-width: 0; } .expressionBuilderPopup > footer .expressionBuilderFooter > div, .expressionBuilderPopup > footer .expressionBuilderFooter > div div{ display: block; padding: 0; margin-bottom: 10px; } .expressionBuilderPopup.popup > footer .expressionOperators button{ min-width: 30px; margin-right: 7px!important; border-radius: 0; box-shadow: none; border-color: rgba(0,0,0,0.05) } .expressionBuilderPopup.popup > footer .expressionBuilderMaximiseButton { min-width: 20px; } .expressionBuilderPopup .expressionOperators.tabbedControl > .previousTab, .expressionBuilderPopup .expressionOperators.tabbedControl > .nextTab { border: none; height: auto; width: auto; margin-top: 4px; } .expressionBuilderPopup .expressionOperators.tabbedControl > .previousTab, .expressionBuilderPopup .expressionOperators.tabbedControl > .previousTab.enabled:hover, .expressionBuilderPopup .expressionOperators.tabbedControl > .nextTab, .expressionBuilderPopup .expressionOperators.tabbedControl > .nextTab.enabled:hover { background: none; } .expressionBuilderPopup .expressionOperators.tabbedControl > .previousTab:before, .expressionBuilderPopup .expressionOperators.tabbedControl > .nextTab:before { content: "\f047"; font-family: iconGlyph; font-size: 32px; } .expressionBuilderPopup .expressionOperators.tabbedControl > .previousTab:before{ content: "\f048"; } .expressionBuilderPopup .expressionOperators.tabbedControl > .nextTab:before { content: "\f047"; } @media screen and (max-height: 720px) { footer .expressionBuilderFooter .textBoxControl.multiLine > .tbcEditorField > .tbcInputContainer { height: 50px; } .expressionOperators { display: none !important; } } @media screen and (min-width: 768px){ .expressionBuilderPopup { width: 1000px; min-width: 1000px; } .ipad.portraitMode .expressionBuilderPopup { width: 660px; min-width: 660px; } } .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; } .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; } .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.253.0'); margin: 0 4px; } .popup .panel .fileSelector .fileList > li > div { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 780px; } .fileSelector .fileList .file .fileNameContainer div .fileSelectorUploadProgress, .fileSelector .fileList .file .fileNameContainer div .fileSelectorUploadState { display: none; } #bulkDeselectButton { margin-left: 10px; } /*--Drag drop--*/ .fileUploadDropContainer.dragOver .fileUploadControl > .fileUploadDropTarget { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.6); z-index: 1000; overflow: hidden; border: 4px grey dashed; border-color: rgba(80, 80, 80, 0.3); } .fileUploadControlDrop.dragOver .fileUploadControl > .fileUploadDropTarget { display: block; height: auto; top: 0; } .fileUploadDropContainer:not(.dragOver) .fileUploadControl > .fileUploadDropTarget{ display: none; } .fileUploadDropTargetContents { color: grey; color: rgba(80, 80, 80, 0.3); position: absolute; top: 50%; bottom: 0; left: 0; right: 0; height: 80px; text-align: center; } .fileDropTargetImage { position: absolute; margin: 0 auto; width: 64px; height: 64px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .fileUploadDropTargetImages { display: inline-block; width: 64px; height: 64px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: scale(0.75, 0.75); transform: scale(0.75,0.75); } .fileUploadControlDrop.dragOver .fileUploadDropTargetImages { -webkit-transform: scale(1, 1); transform: scale(1,1); } .fileUploadDropTargetImage1 { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/64/ecm/doc1.png?v=12.0.253.0'); } .fileUploadDropTargetImage2 { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/64/ecm/doc2.png?v=12.0.253.0'); } .fileUploadDropTargetImage3 { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/64/ecm/doc3.png?v=12.0.253.0'); } .fileUploadDropContainer.dragOver .fileUploadDropTargetImage1 { -webkit-transform: translate(30px, 0) rotate(15deg); -ms-transform: translate(30px, 0) rotate(15deg); -moz-transform: translate(30px, 0) rotate(15deg); transform: translate(30px, 0) rotate(15deg); } .fileUploadDropContainer.dragOver .fileUploadDropTargetImage2 { -webkit-transform: translate(-30px, 0) rotate(-15deg); -ms-transform: translate(-30px, 0) rotate(-15deg); -moz-transform: translate(-30px, 0) rotate(-15deg); -o-transform: translate(-30px, 0) rotate(-15deg); transform: translate(-30px, 0) rotate(-15deg); } /*---FileUploadControl Popups---*/ .fileUploadPopupContainer { width: 500px; } div.enquiryfilters { overflow: hidden; } .filterContent { overflow-x: auto; position:absolute; left:0; right:0; top: 0; bottom:0; top: 40px; border-right: solid 1px rgba(0, 0, 0, 0.1); background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac30.png?v=12.0.253.0'); } .detailsPanel .filterContent, .tabControl .filterContent { background: none; } .filterContent > div { position: relative; min-height: 100%; } .fltrCntr .shdwRight, .shdwRight { position: absolute; width: 5px; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackgradrlopac15.png?v=12.0.253.0'); background-repeat: repeat-y; top: 0; bottom: 0; right: 0; } .fltrCntr .shdwRight { top: 40px; } .fltrCntr h2 { font-weight:normal!important; font-size:1.2em!important; padding: 0!important; } .fltrMainHd { padding:5px 0 5px 10px; } .enquiryfilters .fltrMainHd { position: absolute; top: 0; left: 0; right: 0; height: 40px; border-top: solid 1px transparent; border-bottom: solid 1px rgba(0,0,0,0.02); box-sizing: border-box; } .detailsPanel .enquiryfilters .fltrMainHd, .tabControl .enquiryfilters .fltrMainHd { background: none; border-bottom: solid 1px #e6e6e6; } .enquiryfilters .fltrMainHd:before { content: ""; display: block; width: 1px; height: 18px; float:right; margin-top: 5px; background-color: rgba(0, 0, 0, 0.1); } .fltrMainHd h2 { line-height:26px; } .worklistFilterSet { padding:0; } .filterActionBar { float:right; margin-top:-26px; margin-right:5px; } .fltrSet .fltrItem > .fltrSet { margin-left:-10px; margin-right:-10px; } .fltrSet { position: relative; } .filterContent > div > .fltrSet:first-child:before { background: none; background: rgba(255, 255, 255, 0.5); } .fltrSet: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%); } .fltrSet > .fltrHeading { padding:10px; text-shadow: 0 1px rgba(255,255,255,1); } .fltrSet > .fltrHeading.expandable:hover { background-image:url(https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac35.png?v=12.0.253.0); } .fltrSet .fltrSet > .fltrHeading { display: none; } .fltrHeading.expandable:hover { cursor: pointer; } .fltrHeading .expando { float: left; border:none; padding:0; } .fltrClr { float:right; display:block; padding: 2px; margin-top:8px; margin-right:5px; font-size: 0.9em; display:none; } .fltrMainHd > .fltrClr { margin-top: 4px; } .fltrSet.notEmpty > .fltrClr, .fltrMainHd.notEmpty > .fltrClr { display:block; } .fltrItem .fltrClr { line-height:normal; } .fltrClr.buttonOnHover:hover { font-size: 0.9em; } .fltrItems { } .fltrItem { position: relative; line-height:26px; padding:5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fltrItem.pointer { color: inherit; } .hasChld > .fltrItem.active > .fltrItem.active { border-top-color:transparent; } .fltrItem.active{ background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac35.png?v=12.0.253.0'); background-repeat:repeat; } .fltrItem:hover, .fltrItem label { cursor: pointer; } .fltrItem.readOnly:hover, .fltrItem.readOnly label { cursor: default; } .hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrHeading, .hasChld > .fltrItem.active > .fltrSet.notEmpty > .fltrClr { display:none; } .hasChld > .fltrItem.active > .fltrSet { padding-left: 16px; } .fltrSet.singleSelect > .hasChld > .fltrItem.active, .fltrSet.singleSelect > .hasChld > .fltrItem.active:hover { background-image:none; border-top-color:transparent; line-height:16px; padding-bottom:0; border-bottom:none; } .filterContent > .fltrSet.singleSelect > .hasChld > .fltrItem.active { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac35.png?v=12.0.253.0'); background-repeat:repeat; } .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.253.0') no-repeat center left; padding-left: 16px; } .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; margin-top:5px; margin-right:10px; } .fltrItem label { display:block; } .hasChld > .fltrItem.active > label { margin-bottom:5px; line-height: 26px; } .fltrItem label span { min-height:16px; border:solid 1px transparent; } /*.fltrItem label.wChkbx:before,*/ .addSelCont label:before { content:""; width:20px; height:20px; display:block; float:left; margin-top:3px; margin-right:5px; background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/chkbx.png?v=12.0.253.0'); background-position:top left; background-repeat:no-repeat; } /*.fltrItem:hover > label.wChkbx:before,*/ .addSelCont label:hover:before { background-position:0 -20px; content:" "; } /*.fltrItem.active > label.wChkbx:before,*/ .addSelCont label.checked:before { background-position:0 -40px; content:" "; } /*.fltrItem.active:hover > label.wChkbx:before,*/ .addSelCont label.checked:hover:before { background-position:0 -60px; content:" "; } .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 .filterTag, .fltrItem .filterTag { color: #fff; float: left; padding: 0; margin-top:4px; margin-right: 5px; width: 16px; text-align: center; font-size: 0.9em; } .fltrSet .fltrHeading .filterSetTag{ margin-top: 0; } .fltrItem .remove { float:right; display:none; } .fltrSet.singleSelect > .hasChld > .fltrItem.active > .remove { display:block; margin-top: 4px; } .fltrItem .remove .icon16 { display:block; background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/clearinput16.png?v=12.0.253.0') no-repeat center top; } .fltrItem .remove:hover .icon16 { background-position:0 -16px; } .fltrItemTtl { float: right; text-align: right; border-radius:3px; text-align:right; padding:0 5px; line-height: normal; margin-top: 5px; } .fltrItem.active > .fltrItemTtl { color: #fff; } .fltrSet.singleSelect.notEmpty > .hasChld > .fltrItem.active > .fltrItemTtl { display:none; } .fltrItemLbl { overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .fltrSet .moreorlessbutton { line-height: 26px; padding: 0 10px 10px 10px; font-size: 0.9em; } .fltrSet .moreorlessbutton:hover { cursor: pointer; background-image:url(https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac35.png?v=12.0.253.0); background-repeat:repeat; } .fltrSetCategory > .fltrHeading { padding:5px 10px; text-shadow: 0 1px rgba(255,255,255,1); } .fltrSetCategory.expandable:hover { cursor: pointer; } .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; } .fltrSet > .fltrHeading > .spinner { display: none; } .fltrSet.readingData > .fltrHeading .spinner16 { display: block; float: right; } .fltrItem label.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: 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; } .fltrItem > label.wChkbx:before { float: left; margin: 5px 5px 0 0; line-height: 15px; } .fltrItem:hover > label.wChkbx: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 */ } .fltrItem.readOnly:hover > label.wChkbx:before { border-color: #c4c4c4; } .fltrItem.active > label.wChkbx:before { content: "\E066"; border-color: #656565; } .fltrItem.active:hover > label.wChkbx:before { content: "\E066"; 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 */ } .fltrSet .expandable + *.collapsed , .fltrSetCategory .expandable + *.collapsed { height: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; } /* 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; } body > .formNotReadyOverlay{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .mainActionBar { padding: 4px 10px; } .form > section:first-child, .form > .ie8section:first-child { border-top: none; } /* Control Container */ .controlContainer { padding: 4px 0; vertical-align: top; position: relative; } .stackedContainer > .controlContainer { padding: 0; display: inline-block; margin-bottom: 8px; background-color: #fff; border-style: solid; border-width: 1px; border-color: #afafaf; border-radius: 2px; } .stackedContainer > .controlContainer.relatedField { margin-bottom: 0; border-bottom: solid 1px transparent; } .stackedContainer > .controlContainer.active { border-color: #9c9c9c; } .stackedContainer > .controlContainer.readonly { background-color: transparent; border: solid 1px #e6e6e6; } .controlContainer:after { content: ""; display: block; height: 0; visibility: hidden; } .editablePanel.editMode .stackedContainer > .controlContainer.readonly { background-color: rgba(0, 0, 0, 0.03); } .controlContainer > .editorField > a { display: inline-block; } /* Text box input */ .editorField { display:inline-block; vertical-align:top; } .editorField.stacked { display:inline-block; vertical-align:top; width:200px; padding:4px 5px 4px 0; } /* Stacked editorFields */ /* input, text area */ .widthAuto { width: auto; } input[readonly] , .editablePanel textarea[readonly], .editablePanel select[readonly], .editorField > .readonlyTextBoxSpan { border : transparent ; -moz-appearance: none; -webkit-appearance: none; appearance: none; } textarea.disabled { color: rgb(160,160,160); } .readonly, .editorField .readonlyTextBoxSpan { background:transparent; /* dont use [word-wrap: break-word;] here as this causes in supergrid text ellipsis in IE10 */ } .editorField .readonlyTextBoxSpan { word-wrap: break-word; } .editorField input, .editorField select, .editorField textarea { margin-right:5px; } .mandatory { color: #DD0000; } .decimal, .long, .currency { text-align: right; } .validationMessage { padding: 3px; background: white; border: solid 1px #D00; border-radius: 3px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); font-size: 0.9em; vertical-align: middle; white-space: nowrap; display: inline-block; } .stackedContainer .validationMessage { border: none; box-shadow: none; color: #d00; display: block; } .editorField select { -webkit-border-radius:0; height: 30px; } .stackedContainer > .controlContainer > .editorField select { height: 18px; box-sizing: content-box; padding: 0; } .comboBoxControl.readonly select { background-color: white; border: none; color: #000; -webkit-appearance: none; } /*--Subsequent controls--*/ .firstControl.sideBySide, .subsequentControl.sideBySide { display: inline-block; } /*--Form Field Info--*/ .frmFldInfo { font-size: 0.9em; color: #bbb; } /* This is fix for IE & FF. Hides the dropdown button in readonly mode. */ .comboBoxControl.readonly select { width: 200%; } .comboBoxControl.readonly .editorField { overflow: hidden; } .invalid { background-color: #FCC1B8; } input[type="text"], input[type="url"], input[type="number"], input[type="password"], input[type="date"], input[type="datetime-local"], select, textarea, .editorField .readonlyTextBoxSpan { padding:4px; border:solid 1px #c4c4c4; font-family:Osans, Arial, sans-serif; font-size:1.1em; color: #656565; } .stackedContainer input[type="text"], .stackedContainer input[type="number"], .stackedContainer input[type="password"], .stackedContainer input[type="date"], .stackedContainer input[type="datetime-local"], .stackedContainer select, .stackedContainer textarea, .stackedContainer .editorField .readonlyTextBoxSpan { border-color: transparent; } input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="datetime-local"] { min-height: 15px; } .stackedContainer input[type="text"]:disabled { background-color: #fff; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input, textarea, .editorField .readonlyTextBoxSpan { -webkit-appearance:none; -webkit-border-radius:0; } input[type="radio"] { -webkit-appearance: radio; width: 20px !important; display: inline-block; } /*--Various widths for labels and fields--*/ .lblWidth120 .editorLabel, .fldWidth120 .editorField { width: 120px; } .lblWidth200 .editorLabel, .fldWidth200 .editorField input { width: 200px; } .gridActions a { clear:none; width:16px; height:16px; padding:2px; margin:0 3px; border:solid 1px #a9c1de; } table tbody .formActions { float: right; margin-top:-3px; } table .formActions, .table .formActions li { margin: 0; padding: 0; } /*.formActions, */.formFilters { display: inline-block; padding: 5px; } table .formActions li, table .formActions li:hover { background:none; } #GoBack:focus, #ShowFlow:focus, #GlobalHeader .userNavigation > button:focus, #ScreenResize:focus, #T1UniHelp:focus, #flow #CloseFlow:focus /* Focus styles for header bar and flow blind. */ { outline: none; box-shadow: none; background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac5.png?v=12.0.253.0') repeat top left; background-color: rgba(255, 255, 255, 0.05); } #GlobalHeader .viewSelectorControl > button:focus { outline: none; box-shadow: none; } .notificationHeaderButton:focus { outline: none; box-shadow: none; background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac20.png?v=12.0.253.0'); background-repeat: repeat; border-color: rgba(255,255,255, 0.5); } .stackedContainer > .dataLinkControl > .editorField { padding: 0; } .controlContainer .textBoxControlInput:focus { outline: none !important; } .stackedContainer > .controlContainer input:focus, .stackedContainer > .controlContainer textarea:focus, .stackedContainer > .controlContainer button:focus, .stackedContainer > .controlContainer select:focus { box-shadow: none; outline: none !important; border-color: transparent; } .textWrapper { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .inputClearButton { cursor: pointer; width: 18px; height: 18px; position: absolute; z-index: 2; display: none; opacity: 0.4; right: 0; font-family: 'iconGlyph'; } .inputClearButton:hover { opacity: 1; } .inputClearButton:before { font-size: 18px; line-height: 18px; text-align: center; content: "\E003"; } /*--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.253.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; margin-bottom: 10px; } .stackedContainer > .controlContainer.validationWarning{ border-color: #CEAE0A; } /*--Consumer styles--*/ .consumerStyle > .textBoxControl > .validationMessage { height: 42px; padding: 0; box-sizing: border-box; line-height: 1rem; padding: 12px; vertical-align: top; background-color: #f74f63; color: #fff; border-radius: 0 2px 2px 0; border: none; margin-left: -1px; font-size: 0.875rem; box-shadow:none; } /*----------- End of Forms.css ----------------*/ .form .formHeader { height: 64px; position: relative; } .form .formHeader > * { display: inline-block; } #KeysPanel { border:none; } #KeysPanel .fieldsContainer { padding:10px 0; } .actionCtnr { float:left; } .actionCtnr ~ .actionCtnr { margin-left: 5px; } .form.noKeys .hideIfNoKeys{ display: none; } /* 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; } .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.253.0) no-repeat; height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .formsContent > 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; } .formsPage > button, .formsPage > .breadcrumbContainer { display: none; } .sectionSwitcher > .sectionSwitcherTabsContainer > .tabControl.formSection > .editablePanel > .content { background-color: #fff; box-shadow: 0 1px 5px 1px #ccc; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15); } .sectionSwitcher > .sectionSwitcherTabsContainer > .tabControl.formSection > .editablePanel > .content > .fieldSet:first-of-type { border-top: solid 1px transparent; } .formsPage > .topActionPane > .workflowLinkDetails { float:left; margin-right: 10px; } .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; } .formsChildItemSection .breadcrumbContainer { display: none; } .formsPage .editablePanel > .content > .noBorder { border: none; } .formsSection .editablePanel > .content > .noBorder { border: none; } .formsSection .editablePanel > .content > .noBorder > .fieldsContainer{ padding-bottom: 0; } .formsPage .formsPageCounter { line-height: 30px; padding: 0; margin-right: 5px; } .formsTable .formsTableDesc { margin-right: 120px; padding: 0; margin-bottom: 5px; } .formsSection .formsTable .formsTableDesc { margin-right: 0; } .formsPage > .content > .formsTable.panel.fieldSet > .fieldsContainer { margin-top: 0; } .formsSection > .content > .formsTable.panel.fieldSet > .fieldsContainer { margin-top: 0; } .formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet { padding-left: 0; } .formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet > .header { margin: 0; background: none; border: none; padding: 0; } .formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet > .header > .headerTextContainer > .headerText { font-size: 1.2em; font-weight: normal; opacity: 0.75; color: #656565; } .formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet .attachmentsCtrlLabel { display: none; } .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: 58px;/*formTitle control must have a fix height otherwise in enquiry the RDP views (grid) will have a wrong height*/ position: relative; display: flex; } .formTitleControlLeftColumn { flex: 1; min-width: 0; padding: 5px 10px; } .formTitleControlRightColumn { float: right; padding: 5px 10px; order: 2; margin-left: auto; } .formTitleControlActionButton { height: 58px; width: 70px; float: left; margin-right: 10px; margin-left: -10px; margin-top: -5px; border-right-style: solid; border-right-width: 1px; cursor: pointer; } .formTitleControlOverlay { position: absolute; left: 70px; right: 0; top: -1px; bottom: -1px; display: block; z-index: 9999; opacity: 0.45; background-color: #000; } .formTitleControlLeftColumn > .attachmentsImagePanel { float: left; border: none; padding: 0; text-align: center; margin-right: 10px; } .formTitleControlLeftColumn > .attachmentsImagePanel > img { display: block; height: 48px; max-width: 96px; } .formTitleControlHeading.noSearchField { display: flex; padding-left: 10px; } .formTitleControlHeadingInnerContainer { display: flex; min-width: 0; } .formTitleControlHeadingLabel { font-size: 1.2em; line-height: 30px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Osans, Arial, sans-serif; display: inline-block; max-width: 100%; } .formTitleControlSubHeading { line-height: 1.5em; padding-left: 10px; white-space: nowrap; position: relative; } .formTitleControlSubHeading .subHeadingText { overflow: hidden; text-overflow: ellipsis; } .formTitleControlHeading { white-space: nowrap; } .formTitleControlSharingButton { position: relative; border: solid 1px transparent; display: inline-block; vertical-align: top; padding: 5px; cursor: pointer; } .formTitleControlSharingButton > .icon16 { opacity: 0.5; } .formTitleControlSharingButton:hover > .icon16 { opacity: 1; } .favouriteButton ~ .formTitleControlSharingButton:before { content: ""; display: block; width: 1px; position: absolute; top: 0; bottom: 0; left: 0; background: -moz-linear-gradient(top, 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(top, 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 bottom, 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%); } .formTitleControlHeading, .formTitleControlSubHeading { display: flex; } .formTitleFormActionsContainer { display: inline-block; vertical-align: top; } .formTitleFormActionsContainer .formActions { display: inline-block; margin-left: 5px; } .formTitleControlSubHeadingDropDownControl { display: inline-block; } .formTitleControlSubHeadingDropDownControlButton { border: none; box-shadow: none; -webkit-box-shadow: none; padding: 0; background: transparent; color: inherit; } .formTitleControlSubHeadingDropDownControlButton > .buttonLabel { margin-left: 0; margin-top: 1px; font-size: 12px; } .formTitleControlRightColumn > #ContextualKeysParent { width: 100%; margin: 0; } .formTitleControlRightColumn > #AuditSummarySection { max-width: none; white-space:nowrap; overflow:hidden; } .formTitleControlRightColumn #AuditSummarySection > *{ margin-right: 5px; padding:0; } .formTitleControlRightHeadingContainer, .formTitleControlRightSubHeadingContainer { text-align:right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .formTitleControlRightHeadingContainer { font-size: 1.4em; line-height: 32px; } .formTitleControlRightSubHeadingContainer { line-height: 16px; } .formTitleControlSubHeading .ratingControl{ padding: 0 10px; display: inline-block; } .formTitleControlSubHeading .ratingControl .editorLabel { display: inline-block; width: auto; padding: 0 5px 0 0; } .formTitleControl .formTitleControlHeadingContainer.noSubHeading{ margin-top: 11px; } .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; } .functionHeader > * { background-color: rgba(255,255,255,0.1); } .functionHeaderRightSummary { padding: 0 10px; text-align: right; } .functionHeaderRightSummary .summaryHeaderLabel { font-size: 16px; } .functionHeaderRightSummary .summarySubHeaderLabel { font-size: 11px; line-height: 16px; } #PageTitle .title:hover + .functionLinksIcon + .functionLinksPanel, #PageTitle .functionLinksIcon:hover + .functionLinksPanel, .functionLinksPanel:hover { display: block; } .functionLinksIcon { height: auto; line-height: 30px; } .functionLinksPanel { position: fixed; z-index: 100; left: 0; right: 0; top: 30px; margin: 0; display: none; box-shadow: none; background: transparent; border-radius: 3px; } .functionLinksPanel .functionLinksLabelContainer{ padding: 10px 20px; } .functionLinksPanel .functionLinksLabelContainer .functionLinksLabel { border-bottom-style: solid; border-bottom-width: 2px; margin-right: 40px; } .functionLinksPanel .functionLinksContainer { padding-left:20px; width: auto; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1); border-radius: 0 0 20px 20px; overflow-y: auto; max-height: 300px; min-height: 230px; } .functionLinksPanel .functionLinksContainer .functionLinkContainer { width: 22%; background: none; text-align: left; border: none; align-items: baseline; justify-content: center; padding: 0 0 0 40px; height: 40px; display: flex; flex-direction: column; font-size: 1.1em; float:left; font-weight: 600; min-height: 2em; position: relative; text-decoration: none; } .functionLinksPanel .functionLinksContainer .functionLinkContainer .syncLink { top: 8px; position: absolute; left: 8px; } .functionLinksPanel .functionLinksContainer .functionLinkContainer .syncLink:hover { text-decoration: underline !important; } .functionLinksPanel .functionLinksContainer .functionLinkContainer .syncLink .linkIcon { padding: 0; display: inline-block; border-radius: 50%; vertical-align: middle; } .functionLinksPanel .functionLinksContainer .functionLinkContainer .syncLink .syncLinkLabel { color: #101422; } .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 .gantt_tooltip{ padding: 0; } .ganttChartViewer .gantt_tooltip .content .label{ min-width: 100px; padding-right: 20px; display: inline-block; } .ganttChartViewer .gantt_tooltip .h3, .ganttChartViewer .gantt_tooltip .content .value{ font-weight: 700; } .gantt_grid_editor_placeholder .standardStyle.calendarContainer{ position: fixed; } input.ganttTextSearch { position: absolute; top: 18px; right: 25px; display: none; } .relatedDataPortlet .ganttChartViewer .optionsSelector .icon16.separator { display: none; } .relatedDataPortlet .ganttChartViewer .optionsSelector .separator { padding: 0; height: 1px; margin-top: -1px; background-color: rgba(0, 0, 0, 0.05); } /********* Header *****/ #GoBack > h1 { font-weight:normal; display:inline-block; font-size: 1.2em; padding: 0 5px; } /** Regional preference */ /*--Icons--*/ /* dev mode */ header .devModeIndicator { display: none; } header.devModeEnabled .devModeIndicator{ display: flex; } /* Logging enabled*/ header .loggingIndicator { display: none; } header.loggingEnabled .loggingIndicator{ display: inline-block; } @-webkit-keyframes changescale { from { -webkit-transform: scale(0.7); } to { -webkit-transform: scale(1); } } .deepLink #GlobalHeader { display: none; } /******************* GLOBAL HEADER *****************/ .themeBgBannerImage{ background-color: var(--ciaColourBackgroundBanner); background-attachment: fixed; background-repeat: no-repeat; background-size:100% 310px; } @media (max-width: 1600px) { .themeBgBannerImage { background-size: 100% 175px; background-position-y: 5px; } } @media (max-width: 600px) { .themeBgBannerImage { background-size: 100% 70px; background-position-y: 49px; } } /****************** FOOTER *********************/ #GlobalFooter { position: relative; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); height: 25px; line-height: 25px; } #GlobalFooter.ui-v2{ height: 40px; line-height: 1.5em; } #GlobalFooter > .fixedWidth{ display: flex; align-items: center; justify-content: center; } #GlobalFooter .portalLabels { display: flex; overflow: hidden; } #GlobalFooter .noWrap { overflow: visible; } #GlobalFooter .footLicMsg{ cursor:default; } #GlobalFooter .footLicMsgTip{ visibility: hidden; position: absolute; bottom: 28px; padding: 0 10px; border-radius: 5px; opacity: 0; margin-left: -70px; transform:scale(0.8); } #GlobalFooter .footLicMsg:hover .footLicMsgTip { visibility: visible; transform:scale(1); opacity:1; } button.tryNewContainer { border-radius: 25px; border: none; display: none; padding: 0 ; } .showTryNewWorkplace button.tryNewContainer{ display: flex; } .hasUserFeedback button.tryNewContainer{ margin-right: 90px; } .tryNewContainer .chkLbl{ padding: 2px; border-radius: 30px; } .tryNewContainer .chkBall{ padding: 8px; } .hierarchicalList { position: relative; } .hierarchicalListActionBar{ position: relative; height: 22px; padding: 10px 10px; } .hierarchicalListActionBar .selectorContainer { width: 20px; } .hierarchicalListActionBar .selectorContainer, .hierarchicalListActionBar .actionsContainer { display: inline-block; padding-left: 10px; } .hierarchicalListActionBar .actionsContainer button { line-height: normal; } .hierarchicalListActionBar .summaryContainer { float: right; } .hierarchicalListActionBar .summaryContainer label { float: right; } .hierarchicalListContents { position: absolute; top: 0; bottom: 0px; left: 0px; right: 0px; overflow-y: auto; overflow-x: hidden; -webkit-overflow: auto; } .hierarchicalListContents table { table-layout: fixed; } /* For touch-enabled devices we need to hide the horizontal scroll otherwise both the standard scroll and native scroll will show. The vertical scroll works fine - strange indeed. */ .hierarchicalListContents.touch { overflow-x: hidden; } .hierarchicalListItem { padding: 10px; min-height: 24px; border-bottom: solid 1px #e6e6e6; } .hierarchicalListItem:hover { cursor: pointer; } .hierarchicalListContents .spacer{ float: left; height: 32px; } .hierarchicalListContents .addToSelection { display: block; float: left; margin-right: 5px; } .hierarchicalListContents .addToSelection:before { margin: 0; } .hierarchicalListContents .addToSelection input { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .hierarchicalListItem .action { float: right; } .hierarchicalListContents .action .dropdownControl { position: relative; } .hierarchicalListContents .action .dropdownPanel { /*make sure the drop-down menu will be right-aligned*/ /*right: 5px!important;*/ right: 0; } /******************************************************************** Levels styling ********************************************************************/ .hasPrnt .spacer { background: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/childnode.png?v=12.0.253.0') no-repeat top right; } .hierarchicalListContents .itemDataContainer div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: capitalize; } .hierarchicalListItem { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.253.0'); background-repeat: repeat; } .hierarchicalListContents .hierarchicalListItem:not(.selected):hover { background-color: rgba(0, 0, 0, 0.05); } .hierarchicalListContents .hierarchicalListItem.hBGCol:hover { background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac60.png?v=12.0.253.0'); } .hierarchicalListContents .topItem .importantItem { line-height: 24px; text-transform: uppercase; font-size: 1.2em; } .hierarchicalListItem.hasPrnt .hrchHd { font-size: 1.1em; } .hierarchicalListItem .hrchHd { font-family: Osans, Arial, sans-serif; padding-bottom: 2px; } .hierarchicalListItem .itemDataContainer { margin-right: 30px; } .hierarchicalListItem .breadcrumbs { text-transform: uppercase!important; font-size: 0.9em; color: #656565; } .hierarchicalListItem td.action { width: 20px; }