:root{
    /*---------------------------------------------------------------------
     * BUTTON TOKENS
    ----------------------------------------------------------------------*/
    /*
     * STANDARD BUTTON
     */
    --ciaColourContentButton: var(--ciaColourBlack);
    --ciaColourBackgroundButton: var(--ciaColourMainLighter);
    --ciaColourBorderButton: var(--ciaColourThemeMain2);

    --ciaBorderRadiusButton: 3px;

    /*
     * PRIMARY ACTION BUTTON
     */
    --ciaColourContentButtonPrimary: var(--ciaColourWhite);
    --ciaColourBackgroundButtonPrimary: var(--ciaColourPrimary);
    --ciaColourBorderButtonPrimary: transparent;

    --ciaColourContentButtonPrimaryOnHover: var(--ciaColourWhite);
    --ciaColourBackgroundButtonPrimaryOnHover: var(--ciaColourPrimary);
    --ciaColourBorderButtonPrimaryOnHover: var(--ciaColourPrimaryHover);

    /*
     * SECONDARY ACTION BUTTON
     */
    --ciaColourContentButtonSecondary: var(--ciaColourPrimary);
    --ciaColourBackgroundButtonSecondary: var(--ciaColourWhite);
    --ciaColourBorderButtonSecondary: var(--ciaColourPrimary);

    --ciaColourContentButtonSecondaryOnHover: var(--ciaColourPrimaryHover);
    --ciaColourBackgroundButtonSecondaryOnHover: var(--ciaColourWhite);
    --ciaColourBorderButtonSecondaryOnHover: var(--ciaColourPrimary);

    /*
     * CANCEL ACTION BUTTON
     */
    --ciaColourContentButtonCancel: var(--ciaColourContentDefault);
    --ciaColourBackgroundButtonCancel: var(--ciaColourWhite);
    --ciaColourBorderButtonCancel: var(--ciaColourPrimary);

    --ciaColourContentButtonCancelOnHover: var(--ciaColourContentDefault);
    --ciaColourBackgroundButtonCancelOnHover: var(--ciaColourWhite);
    --ciaColourBorderButtonCancelOnHover: var(--ciaColourPrimary);

    /*
     * BUTTON ON HOVER
     */
    --ciaColourContentButtonOnHover: 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
     */
    --ciaColourContentButton: var(--ciaColourBlack);
    --ciaColourBackgroundButton: var(--ciaColourWhite);
    --ciaColourBorderButton: var(--ciaColourThemeMain2);
    --ciaBorderRadiusButton: 10px;

    /*
     * PRIMARY BUTTON
     */
    --ciaColourContentButtonPrimary: var(--ciaColourPrimary);
    --ciaColourBackgroundButtonPrimary: var(--ciaColourWhite);
    --ciaColourBorderButtonPrimary: var(--ciaColourPrimary);

    /*
     * SECONDARY BUTTON
     */
    --ciaColourContentButtonSecondary: var(--ciaColourPrimary);
    --ciaColourBackgroundButtonSecondary: var(--ciaColourWhite);
    --ciaColourBorderButtonSecondary: var(--ciaColourPrimary);
    /*
     * BORDER STYLE TOKENS
     */
    --ciaBoxStyleButton: none;
}

/*
Placeholder for the dark layout
*/
.darkSide {
    /*
     * STANDARD BUTTON
     */
    --ciaColourContentButton: var(--ciaColourWhite);
    --ciaColourBackgroundButton: var(--ciaColourBlack);
    --ciaColourBorderButton: var(--ciaColourWhite);

    /*
     * PRIMARY BUTTON
     */
    --ciaColourContentButtonPrimary: var(--ciaColourWhite);
    --ciaColourBackgroundButtonPrimary: var(--ciaColourBlack);
    --ciaColourBorderButtonPrimary: var(--ciaColourWhite);

    /*
     * SECONDARY BUTTON
     */
    --ciaColourContentButtonSecondary: var(--ciaColourWhite);
    --ciaColourBackgroundButtonSecondary: var(--ciaColourBlack);
    --ciaColourBorderButtonSecondary: var(--ciaColourWhite);

    /*
     * BUTTON ON HOVER (controls which looks like a button only on mouse hover)
     */
    --ciaColourContentButtonOnHover: var(--ciaColourWhite);
    --ciaColourBackgroundButtonOnHover:var(--ciaColourBlack);
    --ciaColourBorderButtonOnHover: transparent;
}

:root{
    /*---------------------------------------------------------------------
     * FORM TOKENS
    ----------------------------------------------------------------------*/
    --ciaColourBackgroundPage: var(--ciaColourWhite);
    --ciaColourBackgroundFormHeader: var(--ciaColourMainLightest);
}

.phone{
    --ciaColourBackgroundFormHeader: var(--ciaColourWhite);
}


:root{
    --ciaColourContentFunctionHeader: var(--ciaColourThemeGlobalHeaderText);
    --ciaColourBackgroundFunctionHeader: var(--ciaColourThemeGlobalHeaderBg);
}

:root{
    /******************************************
            Header tokens
    ******************************************/
    --ciaColourBackgroundPopupHeader: var(--ciaColourMainLightest);

    /******************************************
            Border tokens
    ******************************************/
    --ciaColourBorderPopup: rgba(0,0,0,0.75);

    /******************************************
            Content tokens
    ******************************************/
    --ciaColourBackgroundPopupContents: inherit;

    /******************************************
            Footer tokens
    ******************************************/
    --ciaColourBackgroundPopupFooter: var(--ciaColourMainLightest);
}

.aiLayout {
    --ciaColourBorderPopup: #C4CED7;
}

:root{
    /*---------------------------------------------------------------------
     * TEXTBOX TOKENS
    ----------------------------------------------------------------------*/
    --ciaColourContentTextBoxLabel : var(--ciaColourBlack);
    --ciaColourBorderTextBox : #afafaf;
}

.textBoxControl.active.editable{
    --ciaColourBorderTextBox : var(--ciaColourBorderPrimary);
    &.hasAIGeneratedValue{
        --ciaColourContentTextBoxLabel : var(--ciaColourAIDefault);
        --ciaColourBorderTextBox : var(--ciaColourAIDefault);
        --ciaColourBackgroundAIAnnotation: var(--ciaColourAIDefault);
        --ciaColourContentAIAnnotation: var(--ciaColourWhite);
    }
}

.stackedStyle{
    --ciaColourBorderTextBox : #afafaf;
}

.standardStyle{
    --ciaColourBorderTextBox : #c4c4c4;
}

.engagingStyle{
    --ciaColourContentTextBoxLabel : #656565;
    .textBoxControl.active{
        --ciaColourBorderTextBox : var(--ciaColourPrimary);
        --ciaColourContentTextBoxLabel : var(--ciaColourPrimary);
    }
}

.consumerStyle{
    --ciaColourBorderTextBox : #cbcbcb;
    .textBoxControl.active,.tbcEditorField:hover
    {
        --ciaColourBorderTextBox : #606060;
    }
    .textBoxControl.hasAIGeneratedValue{
        .tbcEditorField:hover{
            --ciaColourBorderTextBox : var(--ciaColourAIDefault);
        }
    }

}


:root {
    /* Animation Variables */
    --ciaAnimationDuration: 300ms;
    --ciaAnimationTimingFunction: ease-in-out;
    --ciaAnimationIterationCount: 1;
    --ciaAnimationFillMode: forwards;
    --ciaAnimationDirection: normal;

    /* Slide Variables */
    --ciaAnimationSlideDistanceX: 0px;
    --ciaAnimationSlideDistanceY: 0px;
}


:root{
    /* Abstract colors css variables from theme-defined naming to design/semantic naming */
    --ciaColourHighlight: rgb(var(--ciaColourThemeHighlight3_RGB));
    --ciaColourHighlightHover: rgb(var(--ciaColourThemeHighlight3_RGB), 0.4);

    --ciaColourPrimary: var(--ciaColourThemePrimaryAction);

    --ciaColourPrimaryHover: var(--ciaColourThemePrimaryActionBorderHover);


    /*-- AI COLOUR TOKENS -----------------------------------*/
    --ciaColourBackgroundAIMarker: #ECE3FF;
    --ciaColourBackgroundAIAnnotation: #EBE7FB;
    --ciaColourContentAIAnnotation: var(--ciaColourAIDefault);

    /*-- AI COLOUR TOKENS - Semantic  -----------------------*/
    --ciaColourAIFaint:      var(--ciaColourAIPurple100);
    --ciaColourAIBackground: var(--ciaColourAIPurple200);
    --ciaColourAISubtle:     var(--ciaColourAIPurple300);
    --ciaColourAIMuted:      var(--ciaColourAIPurple400);
    --ciaColourAIDefault:    var(--ciaColourAIPurple600);
    --ciaColourAIAccent:     var(--ciaColourAIPurple700);
    --ciaColourAIStrong:     var(--ciaColourAIPurple800);
    --ciaColourAIOpaque:     var(--ciaColourAIPurple900);

    /*-- COLOUR TOKENS ----------------------------------------------------*/
    --ciaColourContentDefault: #000;

    --ciaColourContentBody: var(--ciaColourContentDefault);

    --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);
    --ciaColourHandlerResize: var(--ciaColourPrimary);

    --ciaColourBackgroundHighlight: var(--ciaColourHighlight) ;
    --ciaColourBackgroundHighlightHover: var(--ciaColourHighlightHover) ;

    /*-- Selection ---------------------------------------------------------------------*/
    --ciaColourBackgroundSelection: var(--ciaColourSelection);
    --ciaColourContentSelection: var(--ciaColourContentPrimary);

    /*-- Tabs --------------------------------------------------------------------*/
    --ciaColourBackgroundTabsHandles : var(--ciaColourMainLightest);
    --ciaColourBackgroundTabHandleSelected : var(--ciaColourWhite);

    /*-- Dropdown --------------------------------------------------------------------*/
    --ciaColourBackgroundHeaderDropdown: var(--ciaColourMainDarker); /* dropdowns displayed from global header */

    --ciaColourContentHeaderDropdown: var(--ciaColourGray);
    --ciaColourContentHeaderButton: var(--ciaColourThemeGlobalHeaderText);

    /*-- Forms Footer ----------------------------------------------------------------*/
    --ciaColourBackgroundFormsFooter: rgba(0,0,0,0.05);


    /*-- COLOUR TEXT TOKENS ----------------------------------------------------------*/
    --ciaColourContentFooter: var(--ciaColourThemeGlobalFooterFg);


    /*-- COLOUR BORDER TOKENS --------------------------------------------------------*/
    /*-- standard HTML elements colours ----------------------------------------------*/
    --ciaColourBorderTableCell: #e6e6e6;
    --ciaColourBorderHighlight: var(--ciaColourThemeHighlight1);
    --ciaColourBorderPrimary: var(--ciaColourThemePrimaryActionBorder);

    --ciaColourContentSuccess: #394a1e;
    --ciaColourBackgroundSuccess: #e2ead1;
    --ciaColourContentFail: #a30022;
    --ciaColourBackgroundFail: #ffb3c3;
}

.roleLabel{
    --ciaColourContentHeaderDropdown: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);
    --ciaFontWeightButtonAction: 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);
}


/***** 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.113.0');
    --ciaIconSortDesc: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/sort-desc.svg?v=12.0.113.0');
    --ciaIconSortUnselected: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/sort-unselected.svg?v=12.0.113.0');
    --ciaIconAi: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/ai-icon.svg?v=12.0.113.0');

    --ciaIconDropdownMore: "\E226";
    --ciaIconBorder-radius: 3px;
}


/**** AI Icons ****/
.inverseIcon{
    --ciaIconAi: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/ai-icon-inverse.svg?v=12.0.113.0');
}

.dropdownPanelListItem .aiChip {
    --ciaIconAi: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/ai-label.svg?v=12.0.113.0');
}

.aiChip {
    --ciaIconAi: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/ai-icon.svg?v=12.0.113.0');
}

.aiDetailsPanel .aiIcon {
    --ciaIconAi: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/ai-icon.svg?v=12.0.113.0');
}


.aiValue .aiIcon{
    --ciaIconAi: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/ai-value.svg?v=12.0.113.0');
}

.aiStatus .aiIcon {
    --ciaIconAi: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/svg/core/ai-contents.svg?v=12.0.113.0');
}


/**** 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{
    --ciaHeightHeader: var(--ciaHeight-default);

    /*Inline sections*/
    --ciaHeightMinInlineSectionHeight: 300px;

    /* Attachment sizes */
    --ciaWidthFileUploadPopupContainer: 89vw;
    --ciaWidthMaxFileUploadPopupContainer: 980px;

    /* Attachment popup inner container sizes */
    --ciaWidthFileUploadPopupInnerContainer: 93vw;
    --ciaWidthMaxFileUploadPopupInnerContainer: 1000px;
    
    /* Summary panels */
    --ciaHeightSummaryPanelSmall: 240px;
    --ciaHeightSummaryPanelMedium: 480px;
    --ciaHeightSummaryPanelLarge: 720px;
}

: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 : #ffffff;
    --ciaColourBlack : #000000;

    --ciaColourGreenLight : #e2ead1;
    --ciaColourGreen : #74bd00;
    --ciaColourGreenDark : #00661A;
    --ciaColourDarkGreenLight : #96C09E;

    --ciaColourYellowLight : #ffe398;
    --ciaColourYellow : #ffc853;

    --ciaColourBlueLight : #c6dae8;
    --ciaColourBlue : #325ea1;
    --ciaColourBlueDark : #000060;
    --ciaColourDarkBlueLight : #C3C3DA;

    --ciaColourGrayLight : #c7c7c7;
    --ciaColourGray : #4b4b4b;

    --ciaColourPurpleLight : #d7bdd7;
    --ciaColourPurple : #660066;

    --ciaColourTealLight : #C9D9DD;
    --ciaColourTeal : #1E5E6D;

    --ciaColourOrangeLight : #fce2ce;
    --ciaColourOrange : #F2661F;

    --ciaColourRedLight: #eccdca;
    --ciaColourRed : #E53327;

    --ciaColourBrown : #8a6d3b;

    /*-- AI COLOUR TOKENS ----------------------------------------------------*/
    --ciaColourAIPurple100: #f8faff;
    --ciaColourAIPurple200: #e8e7fb;
    --ciaColourAIPurple300: #c9cef7;
    --ciaColourAIPurple400: #a995f6;
    --ciaColourAIPurple500: #8868f6;
    --ciaColourAIPurple600: #6f31f1;
    --ciaColourAIPurple700: #5419c2;
    --ciaColourAIPurple800: #390f88;
    --ciaColourAIPurple900: #25075c;

    /*  Transparent Scales */

    /* combine H, S and L */
    --neutral: 204,14%,14%;
    --inverse: 210,27%,96%;
    --primary: var(--ciaColourPrimary);

    /* opacity tokens */
    --ciaOpacityFaint: .08;
    --ciaOpacitySubtle: .16;
    --ciaOpacityDisabled: .32;
    --ciaOpacityMuted: .40;
    --ciaOpacityMedium: .56;
    --ciaOpacityStrong: .64;
    --ciaOpacityOpaque: .80;

    /* transparent scales */
    /* neutral */
    --ciaOpacityNeutralFaint:    hsla(var(--neutral), var(--ciaOpacityFaint));
    --ciaOpacityNeutralSubtle:   hsla(var(--neutral), var(--ciaOpacitySubtle));
    --ciaOpacityNeutralDisabled: hsla(var(--neutral), var(--ciaOpacityDisabled));
    --ciaOpacityNeutralMuted:    hsla(var(--neutral), var(--ciaOpacityMuted));
    --ciaOpacityNeutralMedium:   hsla(var(--neutral), var(--ciaOpacityMedium));
    --ciaOpacityNeutralStrong:   hsla(var(--neutral), var(--ciaOpacityStrong));
    --ciaOpacityNeutralOpaque:   hsla(var(--neutral), var(--ciaOpacityOpaque));

    /* inverse */
    --ciaOpacityInverseFaint:    hsla(var(--inverse), var(--ciaOpacityFaint));
    --ciaOpacityInverseSubtle:   hsla(var(--inverse), var(--ciaOpacitySubtle));
    --ciaOpacityInverseDisabled: hsla(var(--inverse), var(--ciaOpacityDisabled));
    --ciaOpacityInverseMuted:    hsla(var(--inverse), var(--ciaOpacityMuted));
    --ciaOpacityInverseMedium:   hsla(var(--inverse), var(--ciaOpacityMedium));
    --ciaOpacityInverseStrong:   hsla(var(--inverse), var(--ciaOpacityStrong));
    --ciaOpacityInverseOpaque:   hsla(var(--inverse), var(--ciaOpacityOpaque));

    /* primary */
    --ciaOpacityPrimaryFaint:    rgba(var(--primary), var(--ciaOpacityFaint));
    --ciaOpacityPrimarySubtle:   rgba(var(--primary), var(--ciaOpacitySubtle));
    --ciaOpacityPrimaryDisabled: rgba(var(--primary), var(--ciaOpacityDisabled));
    --ciaOpacityPrimaryMuted:    rgba(var(--primary), var(--ciaOpacityMuted));
    --ciaOpacityPrimaryMedium:   rgba(var(--primary), var(--ciaOpacityMedium));
    --ciaOpacityPrimaryStrong:   rgba(var(--primary), var(--ciaOpacityStrong));
    --ciaOpacityPrimaryOpaque:   rgba(var(--primary), var(--ciaOpacityOpaque));
}


: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{
    /* 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;
}



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.113.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.113.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.113.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.113.0') format('woff');
}



html
{
    height:100%;
}

body
{
    margin:0 auto;
    padding:0;
    font-size:0.75em;
    color:var(--ciaColourContentBody);
    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.113.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;
}

/*--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;
}

.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.113.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.113.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; }

.hidden {   display: none !important; }

/* 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,
.actionsPane .dropDown,
.calculatorContainer,
.actionsButtonActionsPane,
.tabbedControl .tabHandle,
.tabbedControl > .tabHandlesContainer,
#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.113.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;
}

.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.113.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.113.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.113.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";
}


.aiBadgeControl {
    display: inline-flex;
    align-items: center;
    align-self: center;
    vertical-align: middle;
    height: 0.75rem;
    border-radius: 5px;
    gap: 5px;

    .aiIcon {
        height: 16px;
        width: 16px;
        align-self: center;
        background-repeat: no-repeat;
        background-position: center;
    }

    .aiDetailsPanel {
        &[open] {
            position: absolute;
            background-color: white;
            border: 1px solid #ccc;
            padding: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            min-width: 300px;
            margin: 1px;
            max-width: 300px;
            overflow-wrap: break-word;
            white-space: normal;

            .editorField {
                white-space: normal;
            }
        }
        p {
            margin: 0.5rem 0;
            white-space: normal;
            word-break: break-word;
        }

        .panel.standardStyle.fieldSet {
            padding: 0;
        }
    }

    .annotationButton {
        border: 0;
        padding: 0;
        margin-right: 2px;
        font-weight: 700;
        color: var(--ciaColourContentAIAnnotation);
        background-color: var(--ciaColourBackgroundAIAnnotation);
    }

    &.selected {
        .annotationButton {
            color: var(--ciaColourBackgroundAIAnnotation);
            background-color: var(--ciaColourContentAIAnnotation);
        }
    }

    .aiLabel {
        font-size: 0.75rem;
    }

    .label {
        font-weight: 800;
    }

    &.aiMarker {
        background-color: var(--ciaColourBackgroundAIMarker);
        color: var(--ciaColourAIDefault);
        border-radius: 4px;
        padding: 4px;
        font-weight: 600;
        width: fit-content;
    }
}

.aiStatus {
    background-color: var(--ciaColourAIBackground);
    color: var(--ciaColourAIDefault);
    border-radius: 4px;
    padding: 4px;
    font-weight: 600;
    width: fit-content;

    .aiIcon {
        height: 12px;
        width: 12px;
    }
}

:not(.aiChip) > .aiIcon {
    mask-image: var(--ciaIconAi);
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: var(--ciaColourAIDefault);
    background-size: contain;
}

.aiChip .aiIcon {
    background-image: var(--ciaIconAi);
    mask: none;
}

.aiValue .aiIcon {
    mask-size: auto;
}

.primaryAiAction, .secondaryAiAction{
     >.aiBadgeControl >.aiIcon {
         display: none; /* hide the AI icon by default for AI action buttons */
     }
}



.analyserItemNavigator
{
    clear: right;
    float: right;
    display: flex;
    align-items: center;

    + * {
        clear: right;
    }

    .navigatorButtons {
        .prev, .next {
            position: relative;
            &:hover {
                z-index: 1;
            }
        }
    
        .next {
            margin-left: -2px;
        }
    }

    .navigatorCount  {
        margin: 0 10px;
        display: flex;
        align-items: center;
        gap: 4px;
    
        > .currentRecord, > .totalRecords {
            font-weight: bold;
        }
        
    }
}

#ActionPane .analyserItemNavigator
{
    clear: none;
}

.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;
}
.attachmentsPopup .fileSelector .fileList .file .fileNameContainer {
    display: none;
}

.uploadEcmPopup .fileSelector .fileList .file .fileNameContainer {
    display: revert;
}

/*---Attachments Popups---*/
.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;
}

.attachmentsPopup.fileUploadPopupContainer {
    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.113.0');

}

#FileDropTargetImage2 {
    background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/64/ecm/doc2.png?v=12.0.113.0');

}

#FileDropTargetImage3 {
    background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/64/ecm/doc3.png?v=12.0.113.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.113.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.113.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(--ciaColourContentFail);
}

.attachments .attItems.attCardView .notNoteOrUrl .hasText.recognitionSuccess {
    background-color: var(--ciaColourBackgroundSuccess);
    color: var(--ciaColourContentSuccess);
}

.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;
}
/*--- Attachment in popup ----*/

/* Attachment control has min height of 230px, the controls heading 40px
230-40 = 190 should be enough for one attachment type header (35px) and at least 3 attachment items (46px each)
We don't know what other controls are in the popup so attItems must be scrollable and
must have enough space for the attachment items actions dropdown
*/
.popupContainer .attachments > .attItems{
    max-height:  190px;
    overflow: auto;
}


/*---Attachments Popups---*/
.attachmentsPopup.fileUploadPopupContainer {
    max-width: var(--ciaWidthMaxFileUploadPopupContainer);
    &.showUploadProgressBarOnly{
        .restrictionsPanel, .fileListControlContainer{
            display: none;
        }
        .fileListContainer{
            min-height: unset;
        }
    }
}

.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%;
    table-layout: fixed;
    display: table;
}

.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 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.113.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.113.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.113.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.113.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(--ciaColourContentButton);
    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(--ciaColourContentButtonPrimary);
    background-color: var(--ciaColourBackgroundButtonPrimary);
    border: solid 1px var(--ciaColourBorderButtonPrimary);
}

button.secondary {
    color: var(--ciaColourContentButtonSecondary);
    background-color: var(--ciaColourBackgroundButtonSecondary);
    border: 1px solid var(--ciaColourBorderButtonSecondary);
}

button.hasInnerControls{
    display: flex;
    gap: 5px;
}

/*******************************************************
*               Action context types
*******************************************************/
/*
    Primary form action
*/
button.primaryFormAction{
    color: var(--ciaColourContentButtonPrimary);
    background-color: var(--ciaColourBackgroundButtonPrimary);
    border-color: var(--ciaColourBorderButtonPrimary);
}

button.primaryFormAction:hover{
    color: var(--ciaColourContentButtonPrimaryOnHover);
    border-color: var(--ciaColourBorderButtonPrimaryOnHover);
}

/*
    Secondary form action
*/
button.secondaryFormAction{
    color: var(--ciaColourContentButtonSecondary);
    background-color: var(--ciaColourBackgroundButtonSecondary);
    border-color: var(--ciaColourBorderButtonSecondary);
}

button.secondaryFormAction:hover{
    color: var(--ciaColourContentButtonSecondaryOnHover);
    border-color: var(--ciaColourBorderButtonSecondaryOnHover);
}

/*
    Primary section action
*/
button.primarySectionAction{
    color: var(--ciaColourContentButtonPrimary);
    background-color: var(--ciaColourBackgroundButtonPrimary);
    border-color: var(--ciaColourBorderButtonPrimary);
    &.buttonOnHover {
        background-color: var(--ciaColourBackgroundButtonPrimary);
    }
}

button.primarySectionAction:hover{
    color: var(--ciaColourContentButtonPrimaryOnHover);
    border-color: var(--ciaColourBorderButtonPrimaryOnHover);
}

/*
    Secondary section action
*/
button.secondarySectionAction{
    color: var(--ciaColourContentButtonSecondary);
    background-color: var(--ciaColourBackgroundButtonSecondary);
    border-color: var(--ciaColourBorderButtonSecondary);
    &.buttonOnHover {
        background-color: transparent;

        &:hover {
            background-color: var(--ciaColourBackgroundButtonSecondary);
        }
    }
}

button.secondarySectionAction:hover{
    color: var(--ciaColourContentButtonSecondaryOnHover);
    border-color: var(--ciaColourBorderButtonSecondaryOnHover);
}

/*
    Primary navigation action
*/
button.primaryNavigationAction{
    color: var(--ciaColourContentButtonPrimary);
    background-color: var(--ciaColourBackgroundButtonPrimary);
    border-color: var(--ciaColourBorderButtonPrimary);
}

button.primaryNavigationAction:hover{
    color: var(--ciaColourContentButtonPrimaryOnHover);
    border-color: var(--ciaColourBorderButtonPrimaryOnHover);
}

/*
    Secondary navigation action
*/
button.secondaryNavigationAction{
    color: var(--ciaColourContentButtonSecondary);
    background-color: var(--ciaColourBackgroundButtonSecondary);
    border-color: var(--ciaColourBorderButtonSecondary);
}

button.secondaryNavigationAction:hover{
    color: var(--ciaColourContentButtonSecondaryOnHover);
    border-color: var(--ciaColourBorderButtonSecondaryOnHover);
}

/*
    Cancel action
*/
button.cancelAction{
    color: var(--ciaColourContentButtonCancel);
    background-color: var(--ciaColourBackgroundButtonCancel);
    border-color: var(--ciaColourBorderButtonCancel);
}

button.cancelAction:hover{
    color: var(--ciaColourContentButtonCancelOnHover);
    border-color: var(--ciaColourBorderButtonCancelOnHover);
}

/*
    RDP action
*/
button.rdpAction{
    color: var(--ciaColourContentButtonPrimary);
    background-color: var(--ciaColourBackgroundButtonPrimary);
    border-color: var(--ciaColourBorderButtonPrimary);
}

button.rdpAction:hover{
    color: var(--ciaColourContentButtonPrimaryOnHover);
    border-color: var(--ciaColourBorderButtonPrimaryOnHover);
}

/*
    RDP item action
*/
button.searchResultItemAction,
.buttonStyle.searchResultItemAction{
    color: var(--ciaColourContentButtonPrimary);
    background-color: var(--ciaColourBackgroundButtonPrimary);
    border-color: var(--ciaColourBorderButtonPrimary);
}

button.searchResultItemAction:hover,
.buttonStyle.searchResultItemAction:hover{
    color: var(--ciaColourContentButtonPrimaryOnHover);
    border-color: var(--ciaColourBorderButtonPrimaryOnHover);
}

/* grid row actions */
a.searchResultItemAction{
    color: var(--ciaColourPrimary);
}

/* thumbnial view 'more' dropdown when there isn't a default action */
button.buttonOnHover.searchResultItemAction{
    color: var(--ciaColourContentButton);
}

/*
    RDP selection action
*/
button.rdpSelectionAction{
    color: var(--ciaColourContentButtonPrimary);
    background-color: var(--ciaColourBackgroundButtonPrimary);
    border-color: var(--ciaColourBorderButtonPrimary);
}

button.rdpSelectionAction:hover{
    color: var(--ciaColourContentButtonPrimaryOnHover);
    border-color: var(--ciaColourBorderButtonPrimaryOnHover);
}

/*
    Toolbar action
*/
button.toolbarAction{
    color: var(--ciaColourBlack);
    background-color: transparent;
    border-color: transparent
}


/*
    AI Actions
 */

button.primaryAiAction{
    color: var(--ciaColourWhite);
    font-weight: var(--ciaFontWeightButtonAction);
    background-color: var(--ciaColourAIDefault);
    border-color: var(--ciaColourAIDefault);
    &:hover,&:focus{
        color: var(--ciaColourWhite);
        background-color: var(--ciaColourAIStrong);
        background-image: unset;
        border-color: var(--ciaColourAIStrong);
    }
}


button.secondaryAiAction{
    color: var(--ciaColourAIDefault);
    font-weight: var(--ciaFontWeightButtonAction);
    background-color: var(--ciaColourWhite);
    border-color: var(--ciaColourAIDefault);
    &:hover,&:focus{
        color: var(--ciaColourAIStrong);
        background-color: var(--ciaColourAIBackground);
        border-color: var(--ciaColourAIStrong);
        background-image: unset;
    }
}

button.secondaryAiAction:hover,
button.secondaryAiAction:focus{
}

/*******************************************************
*               END Action categories
*******************************************************/

/* 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.113.0'); }
button.formActionButton.newChild .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/newchild.png?v=12.0.113.0'); }
button.formActionButton.Save .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/save.png?v=12.0.113.0'); }
button.formActionButton.Clear .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/clear.png?v=12.0.113.0'); }
button.formActionButton.SaveClear .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/saveclear.png?v=12.0.113.0'); }
button.formActionButton.SaveAs .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/saveas.png?v=12.0.113.0'); }
button.formActionButton.SaveClose .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/saveclose.png?v=12.0.113.0'); }
button.formActionButton.Retrieve .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/retrieve.png?v=12.0.113.0'); }
button.formActionButton.copy .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/copy.png?v=12.0.113.0'); }
button.formActionButton.Delete .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/delete.png?v=12.0.113.0'); }
button.formActionButton.print .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/print.png?v=12.0.113.0'); }
button.formActionButton.saveDocFile .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/savedocfile.png?v=12.0.113.0'); }
button.formActionButton.submit .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/submitarrow.png?v=12.0.113.0'); }
button.formActionButton.approve .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/approve.png?v=12.0.113.0'); }
button.formActionButton.accept .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/24/tick.png?v=12.0.113.0'); }

span.icon16.excelIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/excel.png?v=12.0.113.0');}
span.icon16.drilldownIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/timeline.png?v=12.0.113.0');}
span.icon16.criteriaIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/search.png?v=12.0.113.0');}
span.icon16.saveIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/edit.png?v=12.0.113.0');}
span.icon16.saveAsIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/edit.png?v=12.0.113.0');}
span.icon16.deleteIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/delete.png?v=12.0.113.0');}
span.icon16.colCustIcon {background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/grid.png?v=12.0.113.0');}

.formHeader button.formActionButton.newChild .icon24 { background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/newchild.png?v=12.0.113.0'); }





/*
    Default layout
 */
button{
    color: var(--ciaColourContentButton);
    background-color: var(--ciaColourBackgroundButton);
    border-color: var(--ciaColourBorderButton);
    border-radius: var(--ciaBorderRadiusButton);
}

.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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;
    margin-bottom: 8px;
}

body:not(.easy) .stackedStyle > .checkBoxControl {
    outline: none;
}

.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;
}

body:not(.easy) .stackedStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput:focus {
    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;
    box-shadow: none;
}

body:not(.easy) .engagingStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput:focus {
    outline: 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;
    box-shadow: none;
}

body:not(.easy) .consumerStyle.cbcStyleContainer .checkBoxControlInput:focus {
    outline: 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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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.113.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: 1000;
}

#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.113.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: 1000;
}

@media \0screen {
    #ContextualKeysParent.shown .contextualOverlay {
         background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackopac5.png?v=12.0.113.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.113.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.113.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;
}

.dataSortingSelector {
    display: contents;

    button.dataSortingSelectorButton {
        font-size: 1em;
        max-width: 42rem;
        margin: 5px 0;
        display: grid;
        grid-auto-flow: column;

        > * {
            margin: 0px;
            margin-left: 5px;
            align-items: center;
            display: flex;
        }

        .sortByFieldName {
            margin-left: 5px;
            p {
                font-weight: 600;
            }
        }

        .editorField {
            width: 100%;
            padding: 0;
            p {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap; 
                padding: 0;
            }
        }
    
        &.dataSortingSelectorDirectionButton {
            .icon16 {
                background-image: var(--ciaIconSortUnselected);
            }

            &.sortAsc .icon16 {
                background-image: var(--ciaIconSortAsc);
            }

            &.sortDesc .icon16 {
                background-image: var(--ciaIconSortDesc);
            }

        }
    }
}



.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 {
    background-color: var(--ciaColourBackgroundPage);
}

.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;
}

#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:not(.hidden) > .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 > .controlContainer.separator {
    padding: 0;
    height: 1px;
    margin-top: -1px;
    background-color: var(--ciaColourBorderTableCell);
}

.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: flex;
    gap: 5px;
    justify-content: space-between;
    line-height: 16px;
    padding: 7px 5px 7px 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;

    &.selected {
        background-color: var(--ciaColourHighlight);
    }
}

.dropdownPanelListItem > .glyph.selected {
    z-index: 1;
    &:before {
        content: "\E066";
    }
}

.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.113.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.editAction > .glyph:before,
.dropDownControlContainer  .handle.editAction > .glyph:before{
    content: "\E078";
}


.dropDownControlContainer > .hasDefaultAction > .defaultAction.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.113.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.113.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.113.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.113.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.113.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.113.0');
    animation-duration: 1.8s;
    animation-timing-function: steps(61, end);
    &.AIProcess{
        background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspriteprocessdark.png?v=12.0.113.0');
    }
}

.processSpinner.dark {
    background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspriteprocess.png?v=12.0.113.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;
}

#MainContainer > .durationSpinner.hasMessage {
    padding: 20px;
    background-color: var(--ciaColourWhite);
    border: 1px solid var(--ciaColourMainLightest);
}

.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.113.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;
}

.editablePanelParent {
    background-color: var(--ciaColourBackgroundPage);
}

/** Header definitions **/
.editablePanel {
    > .header,
    > .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;
    }

    > .header {
        display: flex;
        align-items: center;
        gap: 10px;

        &:has(.aiBadgeControl) {
            flex-wrap: wrap;
            height: auto;
            line-height: normal;
            gap: unset;

            .aiBadgeControl {
                order: 1;
            }

            .headerElement {
                flex-basis: 100%;
            }
        }

        .headerElement {
            display: flex;
            align-items: center;

            .iconControl.iconComponent.glyph {
                margin: 0;
                line-height: 24px;
                font-size: var(--ciaFontSizeMainPanelHeadingGlyph);
            }
        }
    }

    > .topActionPane {
        position: relative;
        display: block;
        float: right;
        z-index: 20;

        &:has(.dropdownControl.droppedDown) {
            z-index: 21;
        }
    }
}


.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 {
    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.113.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;
    height: auto;
    display: block;
}

.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;
    height: 100%;
}

.editablePanel.displayContentsAsTabs  > .content .tabbedContent.inlineTabContainerPanel.panel.standardStyle.fieldSet .fieldsContainer {
    padding-bottom: 0;
    height: calc(100% - 10px);
}

/*--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.113.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: 9003;
    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.113.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.113.0');
}

.fileUploadDropTargetImage2 {
    background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/64/ecm/doc2.png?v=12.0.113.0');
    
}

.fileUploadDropTargetImage3 {
    background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/64/ecm/doc3.png?v=12.0.113.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;
}

.fileViewerControl {
    display: block;
    height: 100%;
}



@layer dxp{._dxpIcon_1uzp1_1{--color: inherit;--display: block;--height: initial;--marginLeft: initial;--marginRight: initial;--opacity: initial;--paddingLeft: initial;--paddingRight: initial;--width: initial;--filter: initial;color:var(--color);display:var(--display);height:var(--height);margin-bottom:0;margin-left:var(--marginLeft, 0);margin-right:var(--marginRight, 0);margin-top:0;opacity:var(--opacity);padding-bottom:0;padding-left:var(--paddingLeft, 0);padding-right:var(--paddingRight, 0);padding-top:0;width:var(--width);filter:var(--filter)}._dxpIcon_1uzp1_1._glyph_1uzp1_27{text-align:center}._dxpIcon_1uzp1_1._glyph_1uzp1_27:before{display:block}}@layer dxp{._dxpPinchZoom_12od8_1{display:inline-block;overflow:hidden}}@layer dxp{._transformPan_11hs6_1{transform:translate(var(--x, 0),var(--y, 0));transform-origin:0 0;will-change:transform}}@layer dxp{._transformZoom_4flb6_1{transform:scale(var(--scale, 1));transform-origin:0 0;will-change:transform}}@layer dxp{._dxpZoom_1fpjj_1{display:inline-block;position:relative;--contentHeight: initial;--contentWidth: initial;width:calc(var(--contentWidth, 100%) * var(--scale, 1));height:calc(var(--contentHeight, 100%) * var(--scale, 1));overflow:hidden}._dxpZoomInnerCntr_1fpjj_10{display:inline-block;position:absolute;transform:scale(var(--scale, 1));transform-origin:top left}}@layer dxp{._scrollPan_r4z4u_1{overflow:auto;width:100%;height:100%}}@layer dxp{._maskImg_1qug7_1{width:calc(var(--maskWidth) * 1px);height:calc(var(--maskHeight) * 1px);max-width:100%;max-height:100%;box-sizing:border-box}._innerCntr_1qug7_8{width:var(--maskWidth);height:var(--maskHeight);overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}._imageCntr_1qug7_15{--translateValueXPercentage: calc(100/(var(--imageWidth)/var(--translateValueX)) * 1%);--translateValueYPercentage: calc(100/(var(--imageHeight)/var(--translateValueY)) * 1%);box-sizing:border-box;width:calc(100%/(var(--maskWidth)/var(--imageWidth)));height:calc(100%/(var(--maskHeight)/var(--imageHeight)));aspect-ratio:var(--maskWidth) / var(--maskHeight);position:absolute;transform:translate(var(--translateValueXPercentage, 0),var(--translateValueYPercentage, 0))}._image_1qug7_15{display:block;height:100%;-o-object-fit:fill;object-fit:fill;pointer-events:none;position:absolute;width:100%}}@layer dxp{._image_1pp3l_1{object-fit:cover;object-position:var(--internalImagePosition)}}@layer dxp{._dxpImageIcon_1mk30_1{height:100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}}@layer dxp{._dxpImage_h3tru_1{--borderRadius: initial;--height: initial;--maxHeight: initial;--maxWidth: initial;--objectFit: initial;--width: initial;display:inline-block;border-radius:var(--borderRadius);max-height:var(--maxHeight);max-width:var(--maxWidth);height:var(--height);width:var(--width)}._dxpImage_h3tru_1._hasAction_h3tru_15{cursor:pointer}._dxpImage_h3tru_1._hasEditMetaData_h3tru_18{overflow:hidden;position:relative;aspect-ratio:var(--maskWidth) / var(--maskHeight)}._dxpImage_h3tru_1:not(._hasEditMetaData_h3tru_18){object-fit:var(--objectFit)}._hasEditMetaData_h3tru_18{--height: fit-content;--width: fit-content}}@layer dxp{#root{--screenSizePhoneMediaQuery: "(max-width: 700px)";--screenSizeTabletMediaQuery: "(min-width: 700px) and (max-width: 1024px)";--screenSizeDesktopMediaQuery: "(min-width: 1024px)";--screenSizeDesktopLargeMediaQuery: "(min-width: 1440px)";--smallScreenSizeMediaQuery: "max-width: 700px";--mediumScreenSizeMediaQuery: "min-width: 700px) and (max-width: 1024px";--largeScreenSizeMediaQuery: "min-width: 1024px";--maxSmallScreenSizeMediaQuery: "max-width: 700px";--maxMediumScreenSizeMediaQuery: "max-width: 1024px";--maxLargeScreenSizeMediaQuery: "max-width: 1440px";--minSmallScreenSizeMediaQuery: "min-width: 700px";--minMediumScreenSizeMediaQuery: "min-width: 1024px";--minLargeScreenSizeMediaQuery: "min-width: 1440px";--touchDeviceMediaQuery: "hover: none) and (pointer: none), (hover: none) and (pointer: coarse";--mouseDeviceMediaQuery: "hover: hover) and (pointer: fine";--componentPhoneSizeMediaQuery: "max-width: 700px";--prefersReducedMotionMediaQuery: "prefers-reduced-motion";--prefersHighContrastMediaQuery: "prefers-contrast: high";--prefersLowContrastMediaQuery: "prefers-contrast: low";--prefersDarkThemeMediaQuery: "prefers-color-scheme: dark";--prefersLightThemeMediaQuery: "prefers-color-scheme: light"}#root{--listCardPhoneMediaQuery: "max-width: 700px"}.accessibilityHidden{position:absolute;left:-1000px;top:-1000px;height:1px;width:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes dxpSkeletonFadeHeavy{0%{opacity:1}50%{opacity:.2}to{opacity:1}}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}@supports selector(-webkit-scrollbar){*{scrollbar-width:auto;scrollbar-color:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-corner{background:transparent;display:block}::-webkit-scrollbar-thumb{border-radius:4px;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 20px #0003}::-webkit-scrollbar-thumb:hover{border-color:#fff6;box-shadow:inset 0 0 20px #0006}}.widthFull{width:100%}.heightFull{height:100%}:focus{outline:0;transition:outline .2s ease-in-out}.showFocusStyle :focus{outline:solid 1px var(--colorBlue);outline-offset:2px}input{caret-color:var(--colorTextDefault)}b,strong{font-weight:700}.t1-dxp-style-employee{--borderRadiusSmall: 1px;--borderRadiusMedium: 2px;--borderRadiusLarge: 4px;--borderRadiusNone: 0px;--borderRadiusCircle: 50%;--borderRadiusSharp-10: 1px;--borderRadiusSharp-20: 2px;--borderRadiusSharp-40: 4px;--borderRadiusSharp-60: 6px;--borderRadiusSoft-10: 8px;--borderRadiusSoft-30: 12px;--borderRadiusSoft-50: 16px;--borderRadiusRounded: 100px;--borderWidthNone: 0;--borderWidthSmall: 1px;--borderWidthMedium: 2px;--borderWidthLarge: 4px;--colorTransparent: transparent;--colorBlack: #000000;--colorWhite: #FFFFFF;--colorBlackOpac-01: rgba(0, 0, 0, .01);--colorBlackOpac-05: rgba(0, 0, 0, .05);--colorBlackOpac-10: rgba(0, 0, 0, .1);--colorBlackOpac-15: rgba(0, 0, 0, .15);--colorBlackOpac-20: rgba(0, 0, 0, .2);--colorBlackOpac-25: rgba(0, 0, 0, .25);--colorBlackOpac-30: rgba(0, 0, 0, .3);--colorBlackOpac-40: rgba(0, 0, 0, .4);--colorBlackOpac-50: rgba(0, 0, 0, .5);--colorWhiteOpac-05: rgba(255, 255, 255, .05);--colorWhiteOpac-10: rgba(255, 255, 255, .1);--colorWhiteOpac-15: rgba(255, 255, 255, .15);--colorWhiteOpac-20: rgba(255, 255, 255, .2);--colorWhiteOpac-30: rgba(255, 255, 255, .3);--colorWhiteOpac-40: rgba(255, 255, 255, .4);--colorWhiteOpac-50: rgba(255, 255, 255, .5);--colorWhiteOpac-80: rgba(255, 255, 255, .8);--colorWhiteOpac-90: rgba(255, 255, 255, .9);--colorYellowOpac-50: rgba(249, 224, 111, .5);--colorPrimaryDarkest: #23323A;--colorPrimaryDarker: #3B4E58;--colorPrimaryDark: #5F717C;--colorPrimary: #7E93A0;--colorPrimaryLight: #ADC2CD;--colorPrimaryLighter: #D0DFE7;--colorPrimaryLighter-50: #E7F1F4;--colorPrimaryLightest: #EEF5F7;--colorPrimaryLightest-50: #F6FAFB;--colorSecondary: var(--colorPrimary);--colorGreyCoolDarkest: #17252C;--colorGreyCoolDarker: #364349;--colorGreyCoolDarkerOpac-05: rgba(54, 67, 73, .05);--colorGreyCoolDark: #576368;--colorGreyCool: #7b8489;--colorGreyCoolLight: #A0A8AB;--colorGreyCoolLighter: #C7CDCF;--colorGreyCoolLighter-50: #E5E9EC;--colorGreyCoolLightest: #F0F3F4;--colorGreyCoolLightest-50: #F7F9F9;--colorGreyWarmDarkest: #222222;--colorGreyWarmDarker: #404040;--colorGreyWarmDarkerOpac-05: rgba(64, 64, 64, .05);--colorGreyWarmDark: #606060;--colorGreyWarm: #828282;--colorGreyWarmLight: #A6A6A6;--colorGreyWarmLighter: #CBCBCB;--colorGreyWarmLighter-50: #E5E5E5;--colorGreyWarmLightest: #F2F2F2;--colorGreyWarmLightest-50: #F8F8F8;--colorRedDarkest: #8C1A10;--colorRedDark: #D41E33;--colorRed: #F06B7B;--colorRedLight: #F8ACB5;--colorRedLightest: #FFE5E9;--colorBrown: #A24B1C;--colorOrange: #F07F00;--colorOrangeLightest: #FCE5CB;--colorYellowDark: #FFB133;--colorYellow: #FEE46D;--colorYellowLight: #FDF2C3;--colorYellowLightest: #FEF8E1;--colorGreenDarkest: #32591A;--colorGreenDark: #4B812C;--colorGreenBright: #8EDD00;--colorGreen: #A1C75D;--colorGreenLight: #CBE895;--colorGreenLightest: #E7FDBE;--colorTealDarkest: #1F535D;--colorTealDark: #337E8E;--colorTealBright: #02DED4;--colorTeal: #7CD6C2;--colorTealLight: #AFF4DB;--colorTealLightest: #D6FDEA;--colorBlueDarkest: #00497D;--colorBlueDarker: #005A9C;--colorBlueDark: #0070C1;--colorBlue: #009DEE;--colorBlueLight: #33C5FF;--colorBlueLighter: #8AE6FF;--colorBlueLightest: #D2F4FE;--colorBlueLightest-50: #E8F9FE;--colorIndigoDarkest: #2D3C76;--colorIndigoDark: #415AB3;--colorIndigo: #6C86E5;--colorIndigoLight: #AFBEF8;--colorIndigoLighter: #C6D1FC;--colorIndigoLightest: #DFE5F8;--colorIndigoLightest-50: #EEF1FD;--colorPurpleDarkest: #582A7F;--colorPurpleDark: #7A47A4;--colorPurple: #A776D1;--colorPurpleLight: #D5BDEA;--colorPurpleLightest: #EFE7F6;--colorGradientTeal: linear-gradient(90deg, #307882 0%, #2A73B5 100%);--colorGradientIndigo: linear-gradient(90deg, #4C5CB1 0%, #3B7BB2 100%);--colorGradientDeepPurple: linear-gradient(90deg, #333074 0%, #4C76BF 100%);--colorGradientMidnightOil: linear-gradient(90deg, #3F4E57 0%, #4A6C7A 100%);--colorGradientTechone: linear-gradient(90deg, #272C37 0%, #283960 100%);--colorGradientToasted: linear-gradient(90deg, #8A3262 0%, #C15030 100%);--colorDivergentTealRed-10: var(--colorTeal);--colorDivergentTealRed-20: #A5DED0;--colorDivergentTealRed-30: #C7EDE4;--colorDivergentTealRed-40: #E1F5F0;--colorDivergentTealRed-50: #FFE6E4;--colorDivergentTealRed-60: #FDCBC7;--colorDivergentTealRed-70: #F49E98;--colorDivergentTealRed-80: #EF7470;--colorDivergentIndigoOrange-10: var(--colorIndigoDark);--colorDivergentIndigoOrange-20: var(--colorIndigo);--colorDivergentIndigoOrange-30: var(--colorIndigoLight);--colorDivergentIndigoOrange-40: var(--colorIndigoLightest);--colorDivergentIndigoOrange-50: var(--colorIntensityOrange-70);--colorDivergentIndigoOrange-60: var(--colorIntensityOrange-50);--colorDivergentIndigoOrange-70: var(--colorIntensityOrange-30);--colorDivergentIndigoOrange-80: var(--colorIntensityOrange-20);--colorDivergentPurpleYellow-10: var(--colorPurple);--colorDivergentPurpleYellow-20: #C49EE1;--colorDivergentPurpleYellow-30: #E0C8F1;--colorDivergentPurpleYellow-40: #F3E8FB;--colorDivergentPurpleYellow-50: #FFF7DE;--colorDivergentPurpleYellow-60: #FFECB3;--colorDivergentPurpleYellow-70: #FFE278;--colorDivergentPurpleYellow-80: #FFD100;--colorOmbreIndigoYellow-10: #445CAD;--colorOmbreIndigoYellow-20: #7F6ABC;--colorOmbreIndigoYellow-30: #BC5CA2;--colorOmbreIndigoYellow-40: #E2638B;--colorOmbreIndigoYellow-50: #F07471;--colorOmbreIndigoYellow-60: #FF9960;--colorOmbreIndigoYellow-70: #FFC85E;--colorOmbreBlueYellow-10: #138DEC;--colorOmbreBlueYellow-20: #49B3EA;--colorOmbreBlueYellow-30: #54C5D8;--colorOmbreBlueYellow-40: #5CD3BB;--colorOmbreBlueYellow-50: #87DD9B;--colorOmbreBlueYellow-60: #c2E384;--colorOmbreBlueYellow-70: #FBE47f;--colorPaletteMonochromeIndigoDark-10: var(--colorIndigoDark);--colorPaletteMonochromeIndigoDark-20: #606EC0;--colorPaletteMonochromeIndigoDark-30: #7B84CC;--colorPaletteMonochromeIndigoDark-40: #959AD9;--colorPaletteMonochromeIndigoDark-50: #AEB0E6;--colorPaletteMonochromeIndigoDark-60: #C6C7F2;--colorPaletteMonochromeIndigoDark-70: #DFDFFF;--colorIntensityOrange-10: #E05E00;--colorIntensityOrange-20: #F87E25;--colorIntensityOrange-30: #FF9F47;--colorIntensityOrange-40: #FFAF65;--colorIntensityOrange-50: #FFCA8B;--colorIntensityOrange-60: #FFDEB7;--colorIntensityOrange-70: #FFEEDA;--colorPaletteRegular-10: var(--colorRed);--colorPaletteRegular-20: var(--colorYellow);--colorPaletteRegular-30: var(--colorGreen);--colorPaletteRegular-40: var(--colorTeal);--colorPaletteRegular-50: var(--colorBlue);--colorPaletteRegular-60: var(--colorIndigo);--colorPaletteRegular-70: var(--colorPurple);--colorPaletteLighter-10: var(--colorRedLighter);--colorPaletteLighter-20: var(--colorYellowLighter);--colorPaletteLighter-30: var(--colorGreenLighter);--colorPaletteLighter-40: var(--colorTealLighter);--colorPaletteLighter-50: var(--colorBlueLighter);--colorPaletteLighter-60: var(--colorIndigoLighter);--colorPaletteLighter-70: var(--colorPurpleLighter);--shadowLightest: 0px 1px 4px rgba(0, 0, 0, .1);--shadowLighter: 0px 1px 4px rgba(0, 0, 0, .15);--shadowLight: 0px 1px 4px rgba(0, 0, 0, .2);--shadowHeavy: 0px 1px 10px rgba(0, 0, 0, .2);--widthNone: 0;--widthHalf: 50%;--widthThreeQuarters: 75%;--widthFull: 100%;--widthTiny-10: 2px;--widthTiny-20: 4px;--widthTiny-30: 6px;--widthTiny-40: 8px;--widthSmall-10: 12px;--widthSmall-20: 16px;--widthSmall-30: 20px;--widthSmall-40: 24px;--widthSmall-45: 28px;--widthSmall-50: 32px;--widthSmall-55: 36px;--widthSmall-60: 40px;--widthMedium-10: 44px;--widthMedium-20: 48px;--widthMedium-22: 50px;--widthMedium-30: 56px;--widthMedium-35: 60px;--widthMedium-40: 64px;--widthMedium-50: 80px;--widthMedium-55: 100px;--widthMedium-60: 120px;--widthMedium-70: 140px;--widthLarge-10: 160px;--widthLarge-20: 180px;--widthLarge-25: 200px;--widthLarge-30: 220px;--widthLarge-40: 260px;--widthLarge-45: 280px;--widthLarge-50: 320px;--widthLarge-60: 400px;--widthLarge-70: 450px;--widthLarge-90: 580px;--heightNone: 0;--heightFull: 100%;--heightTiny-10: 2px;--heightTiny-20: 4px;--heightTiny-30: 6px;--heightTiny-40: 8px;--heightSmall-10: 12px;--heightSmall-20: 16px;--heightSmall-30: 20px;--heightSmall-40: 24px;--heightSmall-45: 28px;--heightSmall-50: 32px;--heightSmall-55: 36px;--heightSmall-60: 40px;--heightMedium-10: 44px;--heightMedium-20: 48px;--heightMedium-22: 50px;--heightMedium-30: 56px;--heightMedium-35: 60px;--heightMedium-40: 64px;--heightMedium-50: 80px;--heightMedium-60: 120px;--heightMedium-70: 140px;--heightLarge-10: 160px;--heightLarge-20: 180px;--heightLarge-30: 220px;--heightLarge-40: 260px;--spacingNone: 0;--spacing-none: 0px;--spacingTight-10: 1px;--spacingTight-20: 2px;--spacingTight-40: 4px;--spacingTight-60: 6px;--spacingTight-80: 8px;--spacingTight-100: 10px;--spacingBase-10: 12px;--spacingBase-20: 16px;--spacingBase-40: 20px;--spacingBase-50: 24px;--spacingBase-100: 32px;--spacingLoose-10: 40px;--spacingLoose-20: 48px;--spacingLoose-30: 60px;--spacingLoose-35: 70px;--spacingLoose-40: 80px;--fontFamilyBase: OpenSans, Arial, sans-serif;--fontFamilyHeading: OpenSans, Arial, sans-serif;--fontWeightLight: 300;--fontWeightRegular: 400;--fontWeightMedium: 600;--fontWeightHeavy: 700;--fontWeightBold: bold;--fontSizeBaseDesktop: 14px;--fontSizeBaseMobile: 16px;--fontSizeBaseLineHeight: 1rem;--fontSizeSmaller: .75rem;--fontSizeSmall: .875rem;--fontSizeMedium: 1rem;--fontSizeMediumLarge: 1.25rem;--fontSizeLarge: 1.5rem;--fontSizeLarger: 2rem;--fontSizeLargest: 3rem;--lineHeightSmallest: 1rem;--lineHeightSmaller: 1.125rem;--lineHeightSmall: 1.25rem;--lineHeightMedium: 1.5rem;--lineHeightLarge: 2rem;--lineHeightLarger: 2.75rem;--lineHeightLargest: 4.25rem;--durationInstant: 0ms;--durationFast-10: .1s;--durationFast-20: .2s;--durationModerate-10: .3s;--durationModerate-20: .5s;--durationSlow-10: 1s;--durationSlow-20: 2s;--delayInstant: 0ms;--delayFast-10: .1s;--delayFast-20: .2s;--delayModerate-10: .3s;--delayModerate-20: .5s;--delaySlow-10: 1s;--delaySlow-20: 2s;--timingFunctionEaseInOut: ease-in-out;--timingFunctionEaseIn: ease-in;--timingFunctionEaseOut: ease-out;--timingFunctionLinear: linear;--borderRadiusContainer: var(--borderRadiusMedium);--borderRadiusInput: var(--borderRadiusMedium);--borderRadiusButton: var(--borderRadiusMedium);--borderRadiusError: var(--borderRadiusMedium);--borderRadiusLens: var(--borderRadiusCircle);--borderRadiusSkeleton: var(--borderRadiusSoft-50);--borderRadiusAvatar: var(--borderRadiusCircle);--borderRadiusCardList: var(--borderRadiusSharp-20);--borderActive: var(--borderWidthSmall) solid var(--colorBorderInputActive);--borderDefaultColor: var(--colorBorderInputDefault);--borderDefaultStyle: solid;--borderDefaultWidth: var(--borderWidthSmall);--borderDefault: var(--borderDefaultWidth) var(--borderDefaultStyle) var(--borderDefaultColor);--borderError: var(--borderWidthSmall) solid var(--colorError);--borderFocus: var(--borderWidthSmall) solid var(--colorBlueDark);--borderPointer: var(--borderWidthSmall) solid var(--colorIndigoDark);--borderContent: var(--borderWidthSmall) solid var(--colorNeutralLighter);--borderDropZone: var(--borderWidthSmall) dashed var(--colorBorderHighlight);--borderEditorDefault: var(--borderWidthSmall) dashed var(--colorBorderInputDefault);--borderEditorActive: var(--borderWidthSmall) dashed var(--colorBorderInputActive);--borderCalendarColorDefault: var(--colorNeutralLighter);--borderCalendarColorActive: var(--colorNeutralDarker);--borderCalendarWidth: var(--borderWidthSmall);--borderCalendarStyleDefault: solid;--borderCalendarStyleSubtle: dashed;--borderDivider: var(--borderWidthSmall) solid var(--colorNeutralLighter);--borderDividerSubtle: var(--borderWidthSmall) dashed var(--colorNeutralLighter);--breadcrumbBorderWidth: var(--borderWidthSmall);--inputBorderWidth: var(--borderWidthSmall);--inputBorderStyle: solid;--borderStyleSolid: solid;--borderStyleDashed: dashed;--borderSkeleton: var(--borderWidthSmall) solid var(--colorNeutralLightest);--borderCardTileSeparatorWidth: var(--borderWidthSmall);--borderTabBottom: var(--borderWidthLarge) solid var(--colorTransparent);--borderIndicator: var(--borderWidthMedium) solid var(--colorYellowOpac-50);--borderStepCompleted: var(--borderWidthMedium) solid var(--colorCompleted);--borderLensActive: var(--borderWidthMedium) solid var(--colorNeutralDarker);--colorPaletteDivergingSentiment-10: var(--colorPaletteGradientTealBurnt-10);--colorPaletteDivergingSentiment-20: var(--colorPaletteGradientTealBurnt-20);--colorPaletteDivergingSentiment-30: var(--colorPaletteGradientTealBurnt-30);--colorPaletteDivergingSentiment-40: var(--colorPaletteGradientTealBurnt-40);--colorPaletteDivergingSentiment-50: var(--colorPaletteGradientTealBurnt-50);--colorPaletteDivergingSentiment-60: var(--colorPaletteGradientTealBurnt-60);--colorPaletteDivergingSentiment-70: var(--colorPaletteGradientTealBurnt-70);--colorPaletteDivergingNeutral-10: var(--colorPaletteGradientIndigoDarkYellow-10);--colorPaletteDivergingNeutral-20: var(--colorPaletteGradientIndigoDarkYellow-20);--colorPaletteDivergingNeutral-30: var(--colorPaletteGradientIndigoDarkYellow-30);--colorPaletteDivergingNeutral-40: var(--colorPaletteGradientIndigoDarkYellow-40);--colorPaletteDivergingNeutral-50: var(--colorPaletteGradientIndigoDarkYellow-50);--colorPaletteDivergingNeutral-60: var(--colorPaletteGradientIndigoDarkYellow-60);--colorPaletteDivergingNeutral-70: var(--colorPaletteGradientIndigoDarkYellow-70);--colorPaletteDivergingNeutralAlt-10: var(--colorPalettePurpleYellow-10);--colorPaletteDivergingNeutralAlt-20: var(--colorPalettePurpleYellow-20);--colorPaletteDivergingNeutralAlt-30: var(--colorPalettePurpleYellow-30);--colorPaletteDivergingNeutralAlt-40: var(--colorPalettePurpleYellow-40);--colorPaletteDivergingNeutralAlt-50: var(--colorPalettePurpleYellow-50);--colorPaletteDivergingNeutralAlt-60: var(--colorPalettePurpleYellow-60);--colorPaletteDivergingNeutralAlt-70: var(--colorPalettePurpleYellow-70);--colorOmbreA-10: var(--colorOmbreBlueYellow-10);--colorOmbreA-20: var(--colorOmbreBlueYellow-20);--colorOmbreA-30: var(--colorOmbreBlueYellow-30);--colorOmbreA-40: var(--colorOmbreBlueYellow-40);--colorOmbreA-50: var(--colorOmbreBlueYellow-50);--colorOmbreA-60: var(--colorOmbreBlueYellow-60);--colorOmbreA-70: var(--colorOmbreBlueYellow-70);--colorOmbreB-10: var(--colorOmbreIndigoYellow-10);--colorOmbreB-20: var(--colorOmbreIndigoYellow-20);--colorOmbreB-30: var(--colorOmbreIndigoYellow-30);--colorOmbreB-40: var(--colorOmbreIndigoYellow-40);--colorOmbreB-50: var(--colorOmbreIndigoYellow-50);--colorOmbreB-60: var(--colorOmbreIndigoYellow-60);--colorOmbreB-70: var(--colorOmbreIndigoYellow-70);--colorPaletteIntensity-10: var(--colorPaletteMonochromeIndigoDark-10);--colorPaletteIntensity-20: var(--colorPaletteMonochromeIndigoDark-20);--colorPaletteIntensity-30: var(--colorPaletteMonochromeIndigoDark-30);--colorPaletteIntensity-40: var(--colorPaletteMonochromeIndigoDark-40);--colorPaletteIntensity-50: var(--colorPaletteMonochromeIndigoDark-50);--colorPaletteIntensity-60: var(--colorPaletteMonochromeIndigoDark-60);--colorPaletteIntensity-70: var(--colorPaletteMonochromeIndigoDark-70);--colorIntensityA-10: var(--colorIntensityOrange-10);--colorIntensityA-20: var(--colorIntensityOrange-20);--colorIntensityA-30: var(--colorIntensityOrange-30);--colorIntensityA-40: var(--colorIntensityOrange-40);--colorIntensityA-50: var(--colorIntensityOrange-50);--colorIntensityA-60: var(--colorIntensityOrange-60);--colorIntensityA-70: var(--colorIntensityOrange-70);--colorNeutralDarkest: var(--colorPrimaryDarkest);--colorNeutralDarker: var(--colorPrimaryDarker);--colorNeutralDark: var(--colorPrimaryDark);--colorNeutral: var(--colorPrimary);--colorNeutralLight: var(--colorPrimaryLight);--colorNeutralLighter: var(--colorPrimaryLighter);--colorNeutralLighter-50: var(--colorPrimaryLighter-50);--colorNeutralLightest: var(--colorPrimaryLightest);--colorNeutralLightest-50: var(--colorPrimaryLightest-50);--colorLightest: var(--colorWhite);--colorDarkest: var(--colorBlack);--colorError: var(--colorRedDark);--colorCompleted: var(--colorGreen);--colorMandatory: var(--colorYellowDark);--colorIndicator: var(--colorYellow);--colorBackgroundAltDefault: var(--colorNeutralLightest);--colorBackgroundDefault: var(--colorWhite);--colorBackgroundDisabled: var(--colorNeutralLightest-50);--colorBackgroundError: var(--colorError);--colorBackgroundHeader: var(--colorPrimaryDarker);--colorBackgroundHighlight: var(--colorIndigoLightest);--colorBackgroundLayoutInverseDefault: var(--colorNeutralDarker);--colorBackgroundLayoutInverseAltDefault: var(--colorNeutralDarkest);--colorBackgroundInverse: var(--colorBlackOpac-15);--colorBackgroundInverseHover: var(--colorBlackOpac-30);--colorBackgroundModalOverlay: var(--colorBlackOpac-40);--colorBackgroundSubtle: var(--colorNeutralLightest-50);--colorBackgroundTheme: var(--colorGradientTeal);--colorBackgroundNumber: var(--colorIndigoLightest-50);--colorBackgroundHint: var(--colorBlueLightest-50);--colorTintError: var(--colorRedLightest);--colorTintWarning: var(--colorYellowLightest);--colorTintSuccess: var(--colorTealLightest);--colorTintInfo: var(--colorBlueLightest);--colorTintPriority: var(--colorOrangeLightest);--colorBorderInputDefault: var(--colorNeutralLight);--colorBorderInputHover: var(--colorNeutralDark);--colorBorderInputActive: var(--colorNeutralDarker);--colorBorderInputDisabled: var(--colorNeutralLighter);--colorBorderInputChecked: var(--colorPrimaryDark);--colorBorderHighlight: var(--colorIndigoDark);--colorBorderError: var(--colorError);--colorButtonDefault: var(--colorPrimaryDark);--colorButtonHover: var(--colorPrimaryDarker);--colorButtonDisabled: var(--colorNeutralLighter);--colorButtonInverseDefault: var(--colorLightest);--colorButtonInverseHover: var(--colorBlackOpac-20);--colorButtonInverseDisabled: var(--colorNeutralDark);--colorButtonInverseTextDisabled: var(--colorNeutralLight);--colorTextActive: var(--colorNeutralDarkest);--colorTextDateCurrent: var(--colorTealDark);--colorTextDatePast: var(--colorNeutralDarker);--colorTextDefault: var(--colorNeutralDarker);--colorTextDefaultInverse: var(--colorWhite);--colorTextDisabled: var(--colorNeutral);--colorTextError: var(--colorError);--colorTextLink: var(--colorBlueDark);--colorTextLinkActive: var(--colorBlueDarkest);--colorTextNumber: var(--colorIndigoDark);--colorTextLabelReadOnly: var(--colorNeutralDark);--colorTextPlaceholder: var(--colorNeutral);--colorTextSubtle: var(--colorNeutralDark);--colorTextCountWarning: var(--colorError);--colorSeparator: var(--colorNeutralLight);--colorIconClear: var(--colorNeutral);--colorIconClearHover: var(--colorNeutralDarker);--colorIconDefault: var(--colorNeutralDark);--colorIconHover: var(--colorNeutralDarker);--colorIconDisabled: var(--colorNeutralLight);--colorIconInverse: var(--colorLightest);--colorIconSelected: var(--colorIndigoDark);--colorSuggestionItemBackgroundHover: var(--colorNeutralLightest);--colorArc: var(--colorYellow);--colorArcInverse: var(--colorYellow);--colorSkeletonBackground: var(--colorNeutralLight);--colorSkeletonItem: var(--colorNeutralLightest);--colorSkeletonItemInverse: var(--colorWhiteOpac-20);--colorSkeletonBreadcrumb: var(--colorWhiteOpac-05);--colorMapElement-1: var(--colorTealBright);--colorMapElement-2: var(--colorBlue);--colorMapElement-3: var(--colorRed);--colorMapElement-4: var(--colorGreenBright);--colorMapElement-5: var(--colorIndigo);--colorMapElement-6: var(--colorPurpleDark);--colorMapElement-7: var(--colorOrange);--colorMapElement-8: var(--colorNeutralDarker);--colorOnPrimary: var(--colorWhite);--colorBackgroundHeaderDetails: transparent;--colorBackgroundHeaderDetailsShade: transparent;--colorForegroundHeaderDetails: var(--colorWhite);--colorBackgroundInputChecked: var(--colorPrimaryDark);--colorForegroundInputChecked: var(--colorWhite);--colorBackgroundTabBar: var(--colorNeutralDarker);--colorForegroundTabBar: var(--colorWhite);--colorPickerButton: var(--colorNeutralDark);--colorPickerButtonHover: var(--colorWhite);--colorPickerButtonBackground: var(--colorTransparent);--colorPickerButtonBackgroundHover: var(--colorPrimaryDark);--colorPickerButtonDisabled: var(--colorBorderInputDisabled);--shadowCard: var(--shadowLightest);--widthButtonSmaller: var(--widthMedium-50);--widthButtonSmall: var(--widthMedium-60);--widthButtonMedium: var(--widthMedium-70);--widthButtonLarge: var(--widthLarge-20);--widthButtonLarger: var(--widthLarge-30);--widthButtonInput: var(--widthSmall-30);--widthPickerButton: var(--widthSmall-60);--widthInputSmall: var(--widthLarge-10);--widthInputMedium: var(--widthLarge-45);--widthInputLarge: var(--widthLarge-90);--widthLensSmall: var(--widthSmall-40);--widthCardLensMedium: var(--heightMedium-30);--widthCardTileSeparator: var(--widthSmall-20);--sizeCardTileSmall: var(--widthMedium-60);--widthTooltip: var(--widthLarge-60);--heightButtonSmall: var(--heightSmall-50);--heightButtonMedium: var(--heightSmall-60);--heightButtonLarge: var(--heightMedium-20);--heightButtonLarger: var(--heightMedium-30);--heightButtonInput: var(--heightSmall-30);--heightPickerButton: var(--heightSmall-60);--heightIconButton: var(--heightSmall-60);--heightBreadcrumbItem: var(--heightSmall-40);--heightInputSmall: var(--heightSmall-50);--heightInputMedium: var(--heightSmall-60);--heightInputLarge: var(--heightMedium-10);--heightInputLarger: var(--heightMedium-20);--heightSuggestionItem: var(--heightSmall-60);--heightLensSmall: var(--heightSmall-40);--heightLensMedium: var(--heightMedium-30);--heightCardTileSeparator: var(--heightSmall-20);--skeletonHeaderHeight: var(--heightMedium-35);--skeletonItemHeightLarge: var(--heightSmall-30);--skeletonItemHeightMedium: var(--heightSmall-20);--skeletonItemHeightSmall: var(--heightSmall-10);--heightCardList: var(--heightMedium-35);--sizeAvatarProfile: var(--widthMedium-55);--sizeButtonIconSmall: var(--widthSmall-50);--sizeButtonIcon: var(--widthSmall-55);--sizeButtonIconLarge: var(--widthMedium-20);--sizeCardLens: var(--widthSmall-60);--sizeCardListAction: var(--heightButtonMedium);--sizeScrollBar: var(--heightSmall-10);--heightContainerScrolled: var(--heightMedium-20);--sizeIconSmall: var(--widthSmall-30);--sizeIconMedium: var(--widthSmall-60);--heightHeaderViewer: var(--heightMedium-30);--sizeMapMarker: var(--widthMedium-22);--sizeMapMarkerIcon: var(--widthSmall-40);--sizeLineMarker: var(--widthSmall-20);--sizeMapCluster: var(--widthSmall-40);--headerGuttering: var(--spacingBase-50);--paddingTextInput: var(--spacingBase-10);--paddingTextInputSides: var(--spacingTight-80);--paddingTextInputCharacterCount: var(--spacingTight-40);--paddingTextInputError: var(--spacingTight-20);--paddingInputErrorTopBottom: var(--spacingTight-20);--paddingInputErrorLeftRight: var(--spacingTight-80);--paddingTextContent: var(--spacingTight-80);--paddingButtonInput: var(--spacingTight-80);--paddingCardTile: var(--spacingTight-80);--paddingCardTileLens: var(--spacingTight-40);--paddingCardTileContext: var(--spacingTight-40);--paddingCardTileSecondaryLine: var(--spacingTight-40);--paddingPanelContainerBottom: var(--spacingBase-40);--paddingPanelContainerInternal: var(--spacingBase-10);--paddingPanelPhone: var(--spacingTight-80) var(--spacingBase-10);--paddingContentList: var(--spacingBase-100) var(--spacingLoose-10);--paddingContentPhone: var(--spacingBase-40) var(--spacingBase-10);--paddingContentRow: var(--spacingBase-10) var(--spacing-none);--paddingContainer: var(--spacingTight-80) var(--spacingBase-10);--paddingTabSide: var(--spacingBase-40);--paddingTabTop: var(--spacingBase-20);--paddingTabBottom: var(--spacing-none);--paddingGutterHorizontalSide: var(--spacingBase-20);--paddingCarouselVerticalSide: var(--spacingBase-50);--paddingTopCarouselItems: var(--spacingBase-50);--paddingBottomCarouselItems: var(--spacingTight-40);--paddingBodyHorizontalSide: var(--spacingLoose-20);--paddingCardHorizontalSide: var(--spacingBase-100);--paddingGutterStatusLabel: var(--spacingTight-40);--paddingGutterSmallVertical: var(--spacing-none);--paddingGutterSmallHorizontal: var(--spacingTight-20);--paddingGutterSmall: var(--paddingGutterSmallVertical) var(--paddingGutterSmallHorizontal);--paddingStepper: var(--spacingTight-80) var(--spacingBase-40);--paddingTooltipVertical: var(--spacingTight-60);--paddingTooltipHorizontal: var(--spacingTight-80);--paddingMandatoryIndicator: var(--spacingTight-40);--transitionCollapseDuration: var(--durationModerate-10);--transitionCollapseDelay: var(--durationInstant);--transitionButtonTimingFunction: var(--timingFunctionEaseInOut);--transitionButtonHoverDuration: var(--delayFast-10);--transitionIputTimingFunction: var(--timingFunctionEaseInOut);--transitionInputHoverDuration: var(--delayFast-10);--transitionStepperTimingFunction: var(--timingFunctionEaseInOut);--transitionStepperDuration: var(--delayFast-20);--fontFamilyPrimary: var(--fontFamilyBase);--fontFamilySecondary: var(--fontFamilyHeading);--fontSizeBase: var(--fontSizeBaseDesktop);--fontSizeBodyLineHeight: var(--lineHeightSmallest);--fontHelpText: var(--fontSizeSmaller);--fontHelpTextLineHeight: var(--lineHeightSmaller);--fontErrorText: var(--fontSizeSmaller);--fontErrorTextLineHeight: var(--lineHeightSmaller);--fontWeightActive: var(--fontWeightRegular);--fontWeightDateCurrent: var(--fontWeightRegular);--fontWeightDatePast: var(--fontWeightRegular);--fontWeightDefault: var(--fontWeightRegular);--fontWeightDisabled: var(--fontWeightRegular);--fontWeightEmphasis: var(--fontWeightRegular);--fontWeightLink: var(--fontWeightMedium);--fontWeightLinkActive: var(--fontWeightMedium);--fontWeightPlaceholder: var(--fontWeightRegular);--fontWeightNumber: var(--fontWeightRegular);--fontWeightSubtle: var(--fontWeightRegular);--fontWeightCardSubHeading: var(--fontWeightRegular);--fontStyleCardSubHeading: italic;--fontStyleCardTag: normal;--fontStyleCardSubTag: italic;--fontStyleEmphasis: italic;--fontTransformEmphasis: uppercase;font-family:var(--fontFamilyBase);font-style:normal;font-weight:var(--fontWeightDefault);font-size:var(--fontSizeBase);line-height:var(--fontSizeBodyLineHeight);color:var(--colorTextDefault);background-color:var(--colorBackgroundAltDefault)}@media (max-width: 700px){.t1-dxp-style-employee{--widthButtonSmall: var(--widthLarge-20);--widthButtonMedium: var(--widthLarge-20);--widthButtonLarge: var(--widthLarge-20);--widthButtonLarger: var(--widthLarge-20);--widthButtonInput: var(--widthSmall-40);--widthPickerButton: var(--widthMedium-10)}}@media (max-width: 700px){.t1-dxp-style-employee{--heightButtonSmall: var(--heightMedium-20);--heightButtonMedium: var(--heightMedium-20);--heightButtonLarge: var(--heightMedium-20);--heightButtonLarger: var(--heightMedium-20);--heightButtonInput: var(--heightSmall-40);--heightPickerButton: var(--heightMedium-10);--heightIconButton: var(--heightMedium-10)}}@media (max-width: 700px){.t1-dxp-style-employee{--heightInputMedium: var(--heightMedium-10);--heightInputLarge: var(--heightMedium-20);--heightSuggestionItem: var(--heightMedium-10)}}@media (max-width: 700px){.t1-dxp-style-employee{--headerGuttering: var(--spacingTight-80)}}@media (max-width: 700px){.t1-dxp-style-employee{--paddingGutterHorizontalSide: var(--spacingTight-80);--paddingCarouselVerticalSide: var(--spacingBase-10);--paddingTopCarouselItems: var(--spacingBase-40);--paddingBottomCarouselItems: var(--spacinTight-10);--paddingBodyHorizontalSide: var(--spacingTight-80)}}@media (max-width: 700px){.t1-dxp-style-employee{--fontSizeBase: var(--fontSizeBaseMobile);--fontHelpText: var(--fontSizeSmall);--fontErrorText: var(--fontSizeSmall)}}.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1{--borderTop: var(--borderDefaultWidth) var(--borderDefaultStyle) var(--colorNeutralDarkest)}.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1 .attachmentsInline-titleElement{--padding: var(--spacingTight-40) 0 var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1 .attachmentsInline-navigationLinksElement .t1-dxp-component-link.v1{--marginLeft: var(--spacingTight-60);--marginTop: var(--spacingTight-20);--marginBottom: var(--spacingTight-20)}.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1 .attachmentsInline-navigationControlElement{--boxShadow: 0 2px 4px -2px rgba(0, 0, 0, .1)}@media (hover: none) and (pointer: none),(hover: none) and (pointer: coarse){.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1 .attachmentsInline-navigationControlElement{--padding: var(--spacingBase-10) var(--spacingTight-80)}}.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1 .attachmentsInline-previewElement{--height: 80vh;--border: var(--borderDefaultWidth) var(--borderDefaultStyle) var(--colorNeutralLighter);--backgroundColor: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1 .attachmentsInline-previewElement .attachmentsInline-zoomControlsElement{--top: var(--spacingBase-10);--right: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1 .attachmentsInline-previewElement .attachmentsInline-zoomControlsElement .t1-dxp-component-button.v1:first-child{--borderRadius: var(--borderRadiusButton) var(--borderRadiusButton) 0 0}.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1 .attachmentsInline-previewElement .attachmentsInline-zoomControlsElement .t1-dxp-component-button.v1:last-child{--borderRadius: 0 0 var(--borderRadiusButton) var(--borderRadiusButton)}.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1 .attachmentsInline-previewElement .attachmentsInline-canvasElement{--margin: var(--spacingBase-20) auto;--backgroundColor: var(--colorWhite);--boxShadow: var(--shadowLighter);--minHeight: 160mm;--width: auto}.t1-dxp-style-employee .t1-dxp-component-attachments-inline.v1 .attachmentsInline-loaderTextElement{--marginTop: var(--spacingBase-10);--lineHeight: var(--heightSmall-45);--fontSize: var(--fontSizeSmall);--color: var(--colorNeutralDark)}.t1-dxp-style-employee .t1-dxp-component-attachments-viewer.v1{--paddingBottom: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-attachments-viewer.v1 .attachmentsViewer-viewPanelElement.t1-dxp-component-panel-base.v1{--paddingBottom: 0}.t1-dxp-style-employee .t1-dxp-component-attachments-viewer.v1 .attachmentsViewer-viewPanelElement .panelBase-contentContainerElement{--background: var(--colorBackgroundAltDefault);--borderTopColor: var(--borderDefaultColor);--borderTopStyle: var(--borderDefaultStyle);--borderTopWidth: var(--borderDefaultWidth);--minHeight: var(--heightMedium-20);--paddingTop: 0;--paddingBottom: 0;--paddingLeft: 0;--paddingRight: 0}.t1-dxp-style-employee .t1-dxp-component-attachments-viewer.v1 .attachmentsViewer-attachmentTileElement{--background: var(--colorBackgroundDefault);--boxShadow: var(--shadowCard);--height: var(--sizeCardTileSmall);--marginBottom: var(--paddingGutterSmallHorizontal);--marginLeft: var(--paddingGutterSmallHorizontal);--marginRight: var(--paddingGutterSmallHorizontal);--marginTop: var(--paddingGutterSmallHorizontal);--paddingBottom: var(--paddingCardTileLens);--paddingLeft: var(--paddingCardTileLens);--paddingRight: var(--paddingCardTileLens);--paddingTop: var(--paddingCardTileLens);--width: var(--sizeCardTileSmall)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-attachments-viewer.v1 .attachmentsViewer-attachmentTileElement{--width: calc(33.333333% - (var(--paddingGutterSmallHorizontal)*2))}}.t1-dxp-style-employee .t1-dxp-component-attachments-viewer.v1 .attachmentsViewer-attachmentTileDeleteButtonElement{--background: var(--colorWhiteOpac-50) !important;--height: var(--sizeButtonIcon);--width: var(--sizeButtonIcon)}.t1-dxp-style-employee .t1-dxp-component-attachments-viewer.v1 .attachmentsViewer-attachmentTileMessageElement{--color: var(--colorTextDefault);--fontWeight: var(--fontWeightDefault);--paddingBottom: var(--paddingCardTile);--paddingLeft: var(--paddingCardTile);--paddingRight: var(--paddingCardTile);--paddingTop: var(--paddingCardTile)}.t1-dxp-style-employee .t1-dxp-component-attachments-viewer.v1 .attachmentsViewer-attachmentTileProgressElement{--background: var(--colorNeutralLightest-50)}.t1-dxp-style-employee .t1-dxp-component-attachments-viewer.v1 .attachmentsViewer-attachmentItemViewerElement{--background: var(--colorBackgroundLayoutInverseAltDefault);--navButtonWidth: var(--widthSmall-50)}.t1-dxp-style-employee .t1-dxp-component-attachments-viewer.v1 .attachmentsViewer-attachmentItemViewerHeaderElement{--height: var(--heightHeaderViewer)}.t1-dxp-style-employee .t1-dxp-component-bpa-prompt.v1 .bpaPicklistInput,.t1-dxp-style-employee .t1-dxp-component-bpa-prompt.v1 .bpaMultilineInput{--display: block}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1{--paddingTop: 0;--paddingBottom: 0;--paddingLeft: 0;--paddingRight: 0;--maxWidth: calc(100vw - (var(--headerGuttering) * 2))}@media (min-width: 1024px){.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1{--paddingTop: 4px;--paddingBottom: 4px;--maxWidth: 860px}}@media (min-width: 1440px){.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1{--maxWidth: 1128px}}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1 .itemElement,.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1 .breadcrumbItem-skeletonElement{--paddingLeft: var(--spacingBase-10);--paddingRight: var(--spacingBase-10);--borderColor: transparent;--borderStyle: solid;--borderWidth: var(--borderWidthSmall);--borderRadius: calc(var(--heightBreadcrumbItem) / 2);--height: var(--heightBreadcrumbItem);--lineHeight: calc(var(--heightBreadcrumbItem) - (var(--breadcrumbBorderWidth) * 2))}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1 .itemElement:first-child,.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1 .breadcrumbItem-skeletonElement:first-child{--marginLeft: 0}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1 .itemElement.hasAction,.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1 .breadcrumbItem-skeletonElement.hasAction{--fontWeight: var(--fontWeightLink);--cursor: pointer}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1 .itemElement.noAction,.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1 .breadcrumbItem-skeletonElement.noAction{--cursor: default;--minWidth: min-content;--maxWidth: 30vw;--paddingLeft: var(--spacingTight-20);--paddingRight: var(--spacingTight-20)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1 .separatorElement{--minWidth: var(--widthSmall-30)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.darkStyle .separatorElement{--color: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.darkStyle .breadcrumbItem-skeletonElement{--backgroundColor: var(--colorNeutralLightest);--backgroundImage: none}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.darkStyle .itemElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.darkStyle .itemElement.hasAction{--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.darkStyle .itemElement.hasAction:hover{--borderColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.invertedStyle .separatorElement{--color: var(--colorWhiteOpac-80)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.invertedStyle .breadcrumbItem-skeletonElement{--backgroundColor: var(--colorBlackOpac-15);--backgroundImage: none}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.invertedStyle .itemElement{--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.invertedStyle .itemElement.hasAction{--background: var(--colorBlackOpac-15)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.invertedStyle .itemElement.hasAction:hover{--background: var(--colorBlackOpac-30)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.lightStyle .separatorElement{--color: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.lightStyle .breadcrumbItem-skeletonElement{--backgroundColor: var(--colorLightest);--backgroundImage: none}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.lightStyle .itemElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.lightStyle .itemElement.hasAction{--background: var(--colorLightest);--color: inherit}.t1-dxp-style-employee .t1-dxp-component-breadcrumb.v1.lightStyle .itemElement.hasAction:hover{--borderColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-button.v1{--borderColor: transparent;--borderRadius: var(--borderRadiusButton);--borderStyle: solid;--borderWidth: var(--borderWidthSmall);--iconLabelSpacing: var(--spacingTight-100)}.t1-dxp-style-employee .t1-dxp-component-button.v1:hover{--textDecoration: none}.t1-dxp-style-employee .t1-dxp-component-button.v1.disabled{--cursor: default}.t1-dxp-style-employee .t1-dxp-component-button.v1.hasLabel{--paddingLeft: var(--spacingBase-10);--paddingRight: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-button.v1.widthSmaller{--width: var(--widthButtonSmaller)}.t1-dxp-style-employee .t1-dxp-component-button.v1.widthSmall{--width: var(--widthButtonSmall)}.t1-dxp-style-employee .t1-dxp-component-button.v1.widthMedium{--width: var(--widthButtonMedium)}.t1-dxp-style-employee .t1-dxp-component-button.v1.widthLarge{--width: var(--widthButtonLarge)}.t1-dxp-style-employee .t1-dxp-component-button.v1.widthLarger{--width: var(--widthButtonLarger)}.t1-dxp-style-employee .t1-dxp-component-button.v1.heightSmall{--height: var(--heightButtonSmall);--minWidth: var(--heightButtonSmall)}.t1-dxp-style-employee .t1-dxp-component-button.v1.heightMedium{--height: var(--heightButtonMedium);--minWidth: var(--heightButtonMedium)}.t1-dxp-style-employee .t1-dxp-component-button.v1.heightLarge{--height: var(--heightButtonLarge);--minWidth: var(--heightButtonLarge)}.t1-dxp-style-employee .t1-dxp-component-button.v1.heightLarger{--height: var(--heightButtonLarger);--minWidth: var(--heightButtonLarger)}.t1-dxp-style-employee .t1-dxp-component-button.v1.flatStyle{--background: transparent;--color: var(--colorNeutralDark)}.t1-dxp-style-employee .t1-dxp-component-button.v1.flatStyle.standardColours.enabled{--transition: background var(--transitionButtonHoverDuration) var(--transitionButtonTimingFunction)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-button.v1.flatStyle.standardColours.enabled:hover,.t1-dxp-style-employee .t1-dxp-component-button.v1.flatStyle.standardColours.enabled.active{--background: var(--colorNeutralLightest-50);--color: var(--colorNeutralDarker)}}.t1-dxp-style-employee .t1-dxp-component-button.v1.flatStyle.standardColours.disabled{--color: var(--colorNeutral)}.t1-dxp-style-employee .t1-dxp-component-button.v1.flatStyle.invertColours.enabled{--color: var(--colorNeutralLightest);--transition: background var(--transitionButtonHoverDuration) var(--transitionButtonTimingFunction), color var(--transitionButtonHoverDuration) var(--transitionButtonTimingFunction)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-button.v1.flatStyle.invertColours.enabled:hover,.t1-dxp-style-employee .t1-dxp-component-button.v1.flatStyle.invertColours.enabled.active{--background: var(--colorButtonInverseHover);--color: var(--colorLightest)}}.t1-dxp-style-employee .t1-dxp-component-button.v1.flatStyle.invertColours.disabled{--color: var(--colorButtonInverseTextDisabled)}.t1-dxp-style-employee .t1-dxp-component-button.v1.primaryStyle{--transition: background var(--transitionButtonHoverDuration) var(--transitionButtonTimingFunction), border-color var(--transitionButtonHoverDuration) var(--transitionButtonTimingFunction)}.t1-dxp-style-employee .t1-dxp-component-button.v1.primaryStyle.standardColours{--color: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-button.v1.primaryStyle.standardColours.enabled{--background: var(--colorButtonDefault)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-button.v1.primaryStyle.standardColours.enabled:hover,.t1-dxp-style-employee .t1-dxp-component-button.v1.primaryStyle.standardColours.enabled.active{--background: var(--colorButtonHover)}}.t1-dxp-style-employee .t1-dxp-component-button.v1.primaryStyle.standardColours.disabled{--background: var(--colorBackgroundDisabled);--color: var(--colorTextDisabled)}.t1-dxp-style-employee .t1-dxp-component-button.v1.primaryStyle.invertColours.enabled{--color: var(--colorButtonDefault);--background: var(--colorLightest)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-button.v1.primaryStyle.invertColours.enabled:hover,.t1-dxp-style-employee .t1-dxp-component-button.v1.primaryStyle.invertColours.enabled.active{--background: var(--colorPrimaryLightest);--color: var(--colorButtonHover)}}.t1-dxp-style-employee .t1-dxp-component-button.v1.primaryStyle.invertColours.disabled{--color: var(--colorButtonInverseTextDisabled);--background: var(--colorButtonInverseDisabled)}.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.standardColours{--background: var(--colorLightest);--borderColor: var(--colorNeutral)}.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.standardColours.enabled{--color: var(--colorTextDefault);--transition: border-color var(--transitionButtonHoverDuration) var(--transitionButtonTimingFunction)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.standardColours.enabled:hover{--borderColor: var(--colorNeutralDarker);--color: var(--colorTextActive);--background: var(--colorNeutralLightest)}}.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.standardColours.enabled.active{--borderColor: var(--colorNeutralDarker);--color: var(--colorTextActive);--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.standardColours.enabled.dropDownButton-buttonElement{--borderColor: var(--colorBorderInputDefault)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.standardColours.enabled.dropDownButton-buttonElement:hover{--borderColor: var(--colorBorderInputHover)}}.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.standardColours.enabled.dropDownButton-buttonElement.active{--borderColor: var(--colorBorderInputHover);--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.standardColours.disabled{--color: var(--colorTextDisabled);--borderColor: var(--colorBorderInputDisabled)}.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.invertColours{--background: transparent}.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.invertColours.enabled{--borderColor: var(--colorButtonInverseDefault);--color: var(--colorTextDefaultInverse);--transition: background var(--transitionButtonHoverDuration) var(--transitionButtonTimingFunction)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.invertColours.enabled:hover{--background: var(--colorButtonInverseHover);--borderColor: var(--colorLightest);--color: var(--colorLightest)}}.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.invertColours.enabled.active{--background: var(--colorButtonInverseHover);--borderColor: var(--colorLightest);--color: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-button.v1.secondaryStyle.invertColours.disabled{--color: var(--colorLightest);--opacity: .5}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1{--dropDownButtonHeightPhone: var(--heightMedium-30);--dropDownButtonMaxWidth: var(--widthLarge-50);--dropDownButtonDisplayMaxItems: 7.5}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionsElement{--background: var(--colorLightest);--borderColor: var(--colorNeutralDarker);--borderStyle: var(--borderStyleSolid);--borderWidth: var(--borderWidthSmall);--borderRadius: var(--borderRadiusButton);--color: var(--colorTextDefault);--minWidth: var(--widthLarge-30);--maxHeight: calc(var(--heightSmall-60) * var(--dropDownButtonDisplayMaxItems));--paddingBottom: var(--spacingNone);--paddingLeft: var(--spacingNone);--paddingRight: var(--spacingNone);--paddingTop: var(--spacingNone);--marginTop: var(--spacingTight-20);--marginBottom: var(--spacingTight-20);--right: 0}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionsElement .dropDownButton-actionsTransitionElement{--transition: height .2s linear}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionsElement .dropDownButton-actionsTransitionElement{--borderColor: transparent}}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionsElement{--background: var(--colorBackgroundModalOverlay);--width: var(--widthFull);--height: var(--heightFull);--left: 0;--top: 0;--display: flex;--flexDirection: column;--justifyContent: flex-end;--maxHeight: calc(100vh - var(--dropDownButtonHeightPhone) - var(--spacingTight-40)*4);--opacity: 0;--transition: opacity .2s linear;--paddingBottom: var(--spacingTight-40);--paddingLeft: var(--spacingTight-40);--paddingRight: var(--spacingTight-40);--paddingTop: var(--spacingTight-40);--marginTop: 0;--marginBottom: 0}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionsElement .dropDownButton-actionsTransitionElement{--transition: transform .2s ease-in-out;--transform: translateY(100vh)}}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1.dropDownShowing .dropDownButton-actionsElement,.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1.dropDownShown .dropDownButton-actionsElement{--opacity: 1}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1.dropDownShowing .dropDownButton-actionsTransitionElement,.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1.dropDownShown .dropDownButton-actionsTransitionElement{--transform: translateY(0%)}}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionContainerElement{--backgroundColor: var(--colorWhite)}}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement{--borderColor: var(--colorNeutralLighter);--borderWidth: var(--borderWidthSmall);--paddingBottom: var(--spacing-none)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement{--backgroundColor: var(--colorWhite);--borderRadius: var(--borderRadiusMedium)}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement:before{display:none}}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement:not(:last-child){--marginBottom: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-groupActionsHeaderElement{--background: var(--colorLightest);--color: var(--colorNeutralDark);--textTransform: var(--fontTransformEmphasis);--fontSize: var(--fontSizeSmaller);--height: var(--heightSmall-60);--paddingLeft: var(--spacingBase-10);--paddingRight: var(--spacingBase-10)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-groupActionsHeaderElement{--height: var(--heightSmall-50);--borderRadius: var(--borderRadiusMedium) var(--borderRadiusMedium) var(--borderRadiusNone) var(--borderRadiusNone);--justifyContent: center}}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-groupActionsHeaderElement~.dropDownButton-loadingText,.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-groupActionsHeaderElement~.dropDownButton-informationText{--paddingTop: var(--spacingBase-10);--paddingBottom: var(--spacingBase-10);--paddingLeft: var(--spacingBase-50);--paddingRight: var(--spacingBase-50)}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-loadingText,.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-informationText{--paddingTop: var(--spacingTight-100);--paddingBottom: var(--spacingTight-100);--paddingLeft: var(--spacingBase-10);--paddingRight: var(--spacingBase-10)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-loadingText,.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-informationText{--background: var(--colorBackgroundDefault);--borderTopColor: var(--colorBorderInputDefault);--borderTopStyle: solid;--borderTopWidth: var(--borderWidthSmall);--height: var(--heightSmall-50);--justifyContent: center}}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-loadingText .dropDownButton-loadingSpinner,.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-informationText .dropDownButton-loadingSpinner{--width: var(--widthSmall-10);--height: var(--heightSmall-10);--marginLeft: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-loadingText{--color: var(--colorNeutral);--fontStyle: var(--fontStyleEmphasis);--minWidth: 100%;--maxWidth: var(--dropDownButtonMaxWidth)}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsElement .dropDownButton-informationText{--color: var(--colorNeutralDark);--fontStyle: unset;--minWidth: 100%;--maxWidth: var(--dropDownButtonMaxWidth)}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-groupActionsHeaderElement~.dropDownButton-actionElement{--paddingLeft: var(--spacingBase-50);--paddingRight: var(--spacingBase-50)}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement{--paddingLeft: var(--spacingBase-20);--paddingRight: var(--spacingBase-20);--height: var(--heightSmall-60);--justifyContent: flex-start;--minWidth: 100%;--maxWidth: var(--dropDownButtonMaxWidth);--width: max-content}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement{--background: var(--colorBackgroundDefault);--justifyContent: space-around;--height: var(--dropDownButtonHeightPhone);--borderRadius: var(--borderRadiusNone);--borderTopColor: var(--colorBorderInputDefault);--borderTopStyle: solid;--borderTopWidth: var(--borderWidthSmall);--color: var(--colorTextDefault);--maxWidth: 100%;--width: 100%;--textAlign: center;--marginTop: -1px}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement.disabled{--background: var(--colorNeutralLightest);--opacity: .5}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement .t1-dxp-component-icon{position:absolute;right:var(--spacingBase-20)}}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement.disabled{--background: transparent;--color: var(--colorTextDisabled)}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement:hover:not(.disabled),.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement:focus{--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement:focus{outline-offset:-1px}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement.dropDownButton-actionsCancelButtonElement{--display: none}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement.dropDownButton-actionsCancelButtonElement{--display: inline-flex;--background: var(--colorButtonDefault);--color: var(--colorOnPrimary);--marginTop: var(--spacingTight-40);--borderRadius: var(--borderRadiusMedium);--borderTopStyle: none}.t1-dxp-style-employee .t1-dxp-component-button-dropdown.v1 .dropDownButton-actionElement.dropDownButton-actionsCancelButtonElement:hover{--background: var(--colorButtonHover)}}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1{--bottom: var(--spacingBase-20);--right: var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1 .floatingActionButton-buttonElement{--background: var(--colorPrimaryDarker);--borderRadius: var(--borderRadiusCircle);--boxShadow: var(--shadowHeavy);--color: var(--colorWhite);--height: var(--heightMedium-30);--width: var(--heightMedium-30)}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1.active .floatingActionButton-buttonElement,.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1 .floatingActionButton-buttonElement:hover{--background: var(--colorPrimaryDarkest)}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1 .floatingActionButton-itemsContainerElement{--bottom: var(--heightMedium-30);--right: 0;--marginBottom: var(--spacingTight-80);--height: 0;--width: min(500px, calc(100vw - 32px) )}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1.active .floatingActionButton-itemsContainerElement{--height: calc((var(--floatingActionButtonItemsCount) * var(--heightMedium-30)) + ((var(--floatingActionButtonItemsCount) - 1) * 1px))}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1 .floatingActionButton-itemElement{--background: var(--colorWhite);--height: var(--heightMedium-30);--borderRadius: var(--borderRadiusSharp-20);--boxShadow: 0 1px 2px 0 rgba(0, 0, 0, .25);--justifyContent: flex-end;--paddingLeft: var(--spacingBase-20);--paddingRight: var(--spacingBase-20);--width: min(500px, calc(100vw - 32px) );--transition: .25s;--position: absolute;--right: 0;bottom:calc(var(--heightMedium-30) * -1)}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1.active .floatingActionButton-itemElement:nth-child(1){bottom:0}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1.active .floatingActionButton-itemElement:nth-child(2){bottom:calc(var(--height) + 1px)}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1.active .floatingActionButton-itemElement:nth-child(3){bottom:calc((var(--height) * 2) + (1px * 2))}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1.active .floatingActionButton-itemElement:nth-child(4){bottom:calc((var(--height) * 3) + (1px * 3))}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1.active .floatingActionButton-itemElement:nth-child(5){bottom:calc((var(--height) * 4) + (1px * 4))}.t1-dxp-style-employee .t1-dxp-component-button-floatingaction.v1.active .floatingActionButton-itemElement:nth-child(6){bottom:calc((var(--height) * 5) + (1px * 5))}.t1-dxp-style-employee .t1-dxp-component-button-group.v1,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1{--paddingTop: var(--paddingTextInput);--paddingBottom: var(--paddingTextInput)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-itemElement.secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-itemElement.secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroupItem-element.secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroupItem-element.secondaryStyle.standardColours{--borderRadius: var(--borderRadiusNone)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-itemElement.secondaryStyle.standardColours.enabled:not(:hover):not(.active),.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-itemElement.secondaryStyle.standardColours.enabled:not(:hover):not(.active),.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroupItem-element.secondaryStyle.standardColours.enabled:not(:hover):not(.active),.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroupItem-element.secondaryStyle.standardColours.enabled:not(:hover):not(.active){--borderColor: var(--colorBorderInputDefault)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-itemElement.secondaryStyle.standardColours.disabled,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-itemElement.secondaryStyle.standardColours.disabled,.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroupItem-element.secondaryStyle.standardColours.disabled,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroupItem-element.secondaryStyle.standardColours.disabled{--background: var(--colorBackgroundDisabled)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-itemElement.secondaryStyle.standardColours:first-child,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-itemElement.secondaryStyle.standardColours:first-child,.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroupItem-element.secondaryStyle.standardColours:first-child,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroupItem-element.secondaryStyle.standardColours:first-child{--borderRadius: var(--borderRadiusButton) var(--borderRadiusNone) var(--borderRadiusNone) var(--borderRadiusButton)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-itemElement.secondaryStyle.standardColours:nth-last-child(2),.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-itemElement.secondaryStyle.standardColours:nth-last-child(2),.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroupItem-element.secondaryStyle.standardColours:nth-last-child(2),.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroupItem-element.secondaryStyle.standardColours:nth-last-child(2){--borderRadius: var(--borderRadiusNone) var(--borderRadiusButton) var(--borderRadiusButton) var(--borderRadiusNone)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1.isPhone .buttonGroup-itemElement,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1.isPhone .buttonGroup-itemElement,.t1-dxp-style-employee .t1-dxp-component-button-group.v1.isPhone .buttonGroupItem-element,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1.isPhone .buttonGroupItem-element{--height: auto;--minHeight: var(--heightButtonMedium);--paddingLeft: var(--spacingTight-80);--paddingRight: var(--spacingTight-80);--paddingTop: var(--spacingTight-80);--paddingBottom: var(--spacingTight-80);--line-height: 1rem}.t1-dxp-style-employee .t1-dxp-component-button-group.v1.isPhone .buttonGroup-itemElement.secondaryStyle.standardColours:first-child,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1.isPhone .buttonGroup-itemElement.secondaryStyle.standardColours:first-child,.t1-dxp-style-employee .t1-dxp-component-button-group.v1.isPhone .buttonGroupItem-element.secondaryStyle.standardColours:first-child,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1.isPhone .buttonGroupItem-element.secondaryStyle.standardColours:first-child{--borderRadius: var(--borderRadiusButton) var(--borderRadiusButton) var(--borderRadiusNone) var(--borderRadiusNone)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1.isPhone .buttonGroup-itemElement.secondaryStyle.standardColours:nth-last-child(2),.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1.isPhone .buttonGroup-itemElement.secondaryStyle.standardColours:nth-last-child(2),.t1-dxp-style-employee .t1-dxp-component-button-group.v1.isPhone .buttonGroupItem-element.secondaryStyle.standardColours:nth-last-child(2),.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1.isPhone .buttonGroupItem-element.secondaryStyle.standardColours:nth-last-child(2){--borderRadius: var(--borderRadiusNone) var(--borderRadiusNone) var(--borderRadiusButton) var(--borderRadiusButton)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1.isPhone .buttonGroup-moreOptionsElement .secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1.isPhone .buttonGroup-moreOptionsElement .secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-button-group.v1.isPhone .dropDownButtonCntr-element .secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1.isPhone .dropDownButtonCntr-element .secondaryStyle.standardColours{--borderRadius: var(--borderRadiusNone) var(--borderRadiusNone) var(--borderRadiusButton) var(--borderRadiusButton)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-moreOptionsElement .secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-moreOptionsElement .secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .dropDownButtonCntr-element .secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .dropDownButtonCntr-element .secondaryStyle.standardColours{--borderRadius: var(--borderRadiusNone) var(--borderRadiusButton) var(--borderRadiusButton) var(--borderRadiusNone)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-moreOptionsElement .secondaryStyle.standardColours.disabled,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-moreOptionsElement .secondaryStyle.standardColours.disabled,.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .dropDownButtonCntr-element .secondaryStyle.standardColours.disabled,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .dropDownButtonCntr-element .secondaryStyle.standardColours.disabled{--background: var(--colorBackgroundDisabled)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-moreOptionsElement.selected>.secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-moreOptionsElement.selected>.secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .dropDownButtonCntr-element.selected>.secondaryStyle.standardColours,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .dropDownButtonCntr-element.selected>.secondaryStyle.standardColours{--borderColor: var(--colorNeutralDarker);--color: var(--colorTextActive);--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-errorMessageElement,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-errorMessageElement,.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .errorMessageElement,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .errorMessageElement{--color: var(--colorTextError);--fontSize: var(--fontErrorText);--lineHeight: var(--fontErrorTextLineHeight);--paddingTop: calc(var(--paddingInputErrorTopBottom) + 1px);--paddingBottom: var(--paddingInputErrorTopBottom);--paddingLeft: var(--paddingInputErrorLeftRight);--paddingRight: var(--paddingInputErrorLeftRight)}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-errorMessageElement:before,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-errorMessageElement:before,.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .errorMessageElement:before,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .errorMessageElement:before{content:"";display:inline-block;vertical-align:bottom;background-color:var(--colorTextError);width:var(--spacingTight-40);height:var(--heightSmall-20);border-radius:var(--borderRadiusSharp-20);margin-right:calc(var(--spacingTight-40)*-1);position:relative;left:calc(var(--paddingInputErrorLeftRight) * -1);top:-1px}.t1-dxp-style-employee .t1-dxp-component-button-group.v1 .buttonGroup-helpElement,.t1-dxp-style-employee .t1-dxp-component-buttongroup.v1 .buttonGroup-helpElement{--fontSize: var(--fontHelpText);--lineHeight: var(--fontHelpTextLineHeight)}.t1-dxp-style-employee .t1-dxp-component-button-itemnavigation.v1{--background: var(--colorBlackOpac-40);--color: var(--colorLightest);--height: var(--heightMedium-35);--width: var(--widthSmall-50)}.t1-dxp-style-employee .t1-dxp-component-button-itemnavigation.v1.previous{--borderRadius: 0 100% 100% 0 / 0 50% 50% 0}.t1-dxp-style-employee .t1-dxp-component-button-itemnavigation.v1.next{--borderRadius: 100% 0 0 100% / 50% 0 0 50%}.t1-dxp-style-employee .t1-dxp-component-card-list.v1{--background: var(--colorWhite);--borderRadius: var(--borderRadiusCardList);--minHeight: var(--heightCardList);--paddingTop: var(--spacingTight-80);--paddingBottom: var(--spacingTight-80);--paddingLeft: var(--spacingBase-40);--paddingRight: var(--spacingBase-40);--width: var(--widthFull)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-list.v1{--minHeight: var(--heightMedium-50);--paddingTop: var(--spacingBase-10);--paddingBottom: var(--spacingBase-10)}}.t1-dxp-style-employee .t1-dxp-component-card-list.v1.lightAppearance{--boxShadow: var(--shadowCard)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1.darkAppearance{--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1.darkAppearance .t1-dxp-component-skeleton,.t1-dxp-style-employee .t1-dxp-component-card-list.v1.darkAppearance .t1-dxp-component-visualisation-base.v1.one{--backgroundColor: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1.compactSize{--paddingTop: var(--spacingTight-20);--paddingBottom: var(--spacingTight-40)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-list.v1.compactSize{--paddingTop: var(--spacingTight-40);--paddingBottom: var(--spacingTight-60)}}.t1-dxp-style-employee .t1-dxp-component-card-list.v1.hasOnClickAction:hover{--background: var(--colorNeutralLightest-50)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1.hasLens{--paddingLeft: var(--spacingBase-10);--paddingRight: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1.hasCheckbox{--paddingLeft: var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-lensElement{--paddingBottom: var(--spacingTight-20);--paddingRight: var(--spacingBase-10);--paddingTop: var(--spacingTight-20);--width: var(--sizeCardLens);--height: var(--sizeCardLens)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-lensElement{--paddingTop: var(--spacingTight-80)}}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-lensElement .t1-dxp-component-image{--borderRadius: var(--borderRadiusSharp-20)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-lensElement .t1-dxp-component-skeleton{--borderRadius: 100%}.t1-dxp-style-employee .t1-dxp-component-card-list.v1.compactSize .listCard-lensElement{--paddingTop: var(--spacingTight-20);--paddingBottom: 0}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-list.v1.compactSize .listCard-lensElement{--paddingTop: var(--spacingTight-60)}}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-headingElement{--fontWeight: var(--fontWeightMedium);--lineHeight: var(--heightSmall-30)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-headingElement{--lineHeight: var(--heightSmall-40)}}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-headingElement .t1-dxp-component-skeleton{--width: var(--widthLarge-45);--height: var(--heightSmall-10);--borderRadius: var(--borderRadiusSoft-50)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-headingElement .t1-dxp-component-skeleton{--marginTop: var(--spacingTight-100);--width: var(--widthMedium-70)}}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-stackedElement{--paddingTop: var(--spacingTight-40);--lineHeight: var(--heightSmall-30)}.compactSize.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-stackedElement{--paddingTop: var(--spacingTight-20)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-stackedElement{--display: flex;--paddingTop: var(--spacingTight-80)}.compactSize.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-stackedElement{--paddingTop: var(--spacingTight-40)}}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-stackedItemElement{--color: var(--colorNeutralDark);--fontStyle: italic;--lineHeight: var(--heightSmall-30);--paddingLeft: var(--spacingBase-20);--paddingRight: var(--spacingBase-20)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-stackedItemElement{--boxSizing: border-box;--flexBasis: max(100%, 50%, 33.333333%, 25%);--fontSize: var(--fontSizeSmall);--maxWidth: fit-content;--overflow: hidden;--paddingLeft: var(--spacingBase-10);--paddingRight: var(--spacingTight-80);--textOverflow: ellipsis}}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-stackedItemElement .t1-dxp-component-skeleton{--marginBottom: var(--spacingTight-40);--marginTop: var(--spacingTight-40);--width: var(--widthMedium-55);--maxWidth: 100%;--height: var(--heightSmall-10);--borderRadius: var(--borderRadiusSoft-50);--display: block}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-columnItemElement{--lineHeight: var(--heightSmall-30);--paddingLeft: var(--spacingBase-40);--paddingRight: var(--spacingBase-40);--iconWidth: var(--widthSmall-30);--flex: 1}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-columnItemElement .t1-dxp-component-skeleton{--maxWidth: var(--widthMedium-55);--height: var(--heightSmall-10);--borderRadius: var(--borderRadiusSoft-50);--marginLeft: auto;--marginRight: auto}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-statusContextItemIcon{padding-right:var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-actionsElement{--paddingTop: calc((var(--minHeight) - var(--sizeCardListAction)) / 2);--paddingBottom: calc((var(--minHeight) - var(--sizeCardListAction)) / 2);--paddingLeft: var(--spacingBase-10);--paddingRight: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-actionElement{--width: var(--sizeCardListAction);--height: var(--sizeCardListAction)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-actionElement .t1-dxp-component-skeleton{--width: var(--widthSmall-30);--height: var(--heightSmall-30);--borderRadius: 100%;--marginLeft: var(--spacingTight-100);--marginRight: var(--spacingTight-100);--marginTop: var(--spacingTight-100)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-tooltipElement{--background: var(--colorNeutralDarker);--color: var(--colorLightest);--lineHeight: var(--heightSmall-40);--borderRadius: var(--borderRadiusSharp-20);--paddingTop: var(--spacingTight-40);--paddingBottom: var(--spacingTight-40);--paddingLeft: var(--spacingTight-80);--paddingRight: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-cardTooltipElement{--borderRadius: var(--borderRadiusSoft-10) var(--borderRadiusSoft-10) 0 0;--paddingBottom: var(--spacingBase-20);--paddingLeft: var(--spacingBase-20);--paddingRight: var(--spacingBase-20);--paddingTop: var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-cardTooltipElement .listCard-cardTooltipHeadingElement{--fontWeight: var(--fontWeightMedium);--paddingBottom: var(--spacingBase-20);--textTransform: var(--fontTransformEmphasis)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-cardTooltipElement .listCard-cardTooltipLineElement{--paddingBottom: var(--spacingTight-100);--paddingTop: var(--spacingTight-100)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-cardTooltipElement .listCard-cardTooltipLineLensElement{--width: var(--widthSmall-30);--height: var(--heightSmall-30);--marginRight: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-secondaryActionElement:hover{--background: var(--colorWhite) !important;--borderColor: var(--colorNeutralDarker) !important}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-secondaryActionElement+.listCard-moreActionElement{--marginLeft: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-moreActionElement .dropDownButton-buttonElement:hover,.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-moreActionElement .dropDownButton-buttonElement.active,.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-moreActionElement.dropDownShowing .dropDownButton-buttonElement{--background: var(--colorWhite) !important;--borderColor: var(--colorNeutralDarker) !important}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-slideActionElement{--alignItems: center;--color: var(--colorWhite) !important;--borderLeftColor: var(--colorWhite);--borderLeftStyle: var(--borderStyleSolid);--borderLeftWidth: var(--borderWidthSmall)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-slideActionElement.affirmative{--background: var(--colorGreen)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-slideActionElement.affirmative:focus{--background: var(--colorGreenDark)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-slideActionElement.neutral{--background: var(--colorBlue)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-slideActionElement.neutral:focus{--background: var(--colorBlueDark)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-slideActionElement.destructive{--background: var(--colorRed)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-slideActionElement.destructive:focus{--background: var(--colorRedDark)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-slideActionElement.more{--background: var(--colorNeutral)}.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-slideActionElement.more:focus,.t1-dxp-style-employee .t1-dxp-component-card-list.v1 .listCard-slideActionElement.more.active{--background: var(--colorNeutralDark) !important}.t1-dxp-style-employee .t1-dxp-component-card-list.v1.compactSize{--minHeight: var(--heightMedium-20)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-list.v1.compactSize{--minHeight: var(--heightMedium-35)}}.t1-dxp-style-employee .t1-dxp-component-card-list.v1.compactSize .listCard-secondaryActionElement+.listCard-moreActionElement{--marginLeft: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-card-list-template-contextcolumns.v1 .listCard-badgeElement{--top: var(--spacingTight-20);--right: var(--spacingTight-20)}.t1-dxp-style-employee .t1-dxp-component-card-list-template-contextcolumns.v1 .listCard-columnElement.columns1 .listCard-headingElement{--flex: 1 0 67%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-contextcolumns.v1 .listCard-columnElement.columns1 .listCard-columnItemElement{--flex: 1 0 33%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-contextcolumns.v1 .listCard-columnElement.columns2 .listCard-headingElement{--flex: 1 0 46%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-contextcolumns.v1 .listCard-columnElement.columns2 .listCard-columnItemElement{--flex: 1 0 27%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-contextcolumns.v1 .listCard-columnElement.columns3 .listCard-headingElement{--flex: 1 0 40%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-contextcolumns.v1 .listCard-columnElement.columns3 .listCard-columnItemElement{--flex: 1 0 20%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-contextfullwidth.v1 .listCard-headingElement .t1-dxp-component-skeleton{--marginTop: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-card-list-template-contextfullwidth.v1 .listCard-stackedItemElement .t1-dxp-component-skeleton{--width: var(--widthLarge-60)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-list-template-contextfullwidth.v1 .listCard-stackedItemElement .t1-dxp-component-skeleton{--width: var(--widthLarge-40)}}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-badgeElement{--top: var(--spacingTight-20);--right: var(--spacingTight-20)}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-currencyElement{--paddingRight: var(--spacingTight-60);--minWidth: var(--widthMedium-40)}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-currencyElement .t1-dxp-component-skeleton{--minWidth: initial;--marginBottom: var(--spacingTight-40);--marginTop: var(--spacingTight-40);--width: var(--widthSmall-50);--height: var(--heightSmall-10);--borderRadius: var(--borderRadiusSoft-50)}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-columnElement.columns1 .listCard-headingElement{--flex: 1 0 67%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-columnElement.columns1 .listCard-columnItemElement{--flex: 1 0 33%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-columnElement.columns2 .listCard-headingElement{--flex: 1 0 46%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-columnElement.columns2 .listCard-columnItemElement{--flex: 1 0 27%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-columnElement.columns3 .listCard-headingElement{--flex: 1 0 40%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-columnElement.columns3 .listCard-columnItemElement{--flex: 1 0 20%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-columnElement.columns4 .listCard-headingElement{--flex: 1 0 36%}.t1-dxp-style-employee .t1-dxp-component-card-list-template-currency.v1 .listCard-columnElement.columns4 .listCard-columnItemElement{--flex: 1 0 16%}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1{--borderRadius: var(--borderRadiusContainer);--minHeight: var(--heightMedium-50);--paddingBottom: var(--paddingCardTile);--paddingLeft: var(--paddingCardTile);--paddingRight: var(--paddingCardTile);--paddingTop: var(--paddingCardTile);--justifyContent: flex-start;--transition: background .1s ease-in-out}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.horizontal{--paddingTop: 0;--paddingBottom: 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1 .contextElement{--paddingTop: var(--paddingCardTileContext);--paddingRight: var(--paddingCardTileContext);--paddingBottom: var(--paddingCardTileContext);--paddingLeft: var(--paddingCardTileContext)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.vertical.hasLens .contextElement{--paddingTop: var(--paddingCardTile)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFullWidth.vertical.hasLens .contextElement{--paddingTop: calc(var(--paddingCardTile) + var(--paddingCardTileLens))}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1 .categoryLabelElement{--fontWeight: var(--fontWeightMedium);--lineHeight: var(--lineHeightSmall);--opacity: .8}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1 .headingElement{--fontWeight: var(--fontWeightMedium);--lineHeight: var(--lineHeightSmall)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.hasCategoryLabel .headingElement{--paddingTop: var(--paddingCardTileSecondaryLine)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1 .subHeadingElement{--fontStyle: var(--fontStyleCardSubHeading);--fontWeight: var(--fontStyleCardSubHeading);--lineHeight: var(--lineHeightSmall)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-tile.v1 .subHeadingElement{--fontSize: var(--fontSizeSmall)}}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.hasHeading .subHeadingElement{--paddingTop: var(--paddingCardTileSecondaryLine)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1 .separatorElement{--height: var(--heightCardTileSeparator);--width: var(--widthCardTileSeparator)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1 .tagLineElement{--lineHeight: var(--lineHeightSmall);--fontStyle: var(--fontStyleCardTag);--fontWeight: var(--fontWeightMedium)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1 .subTagLineElement{--lineHeight: var(--lineHeightSmall);--fontStyle: var(--fontStyleCardSubTag);--fontWeight: var(--fontWeightRegular)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.hasTagLine .subTagLineElement{--paddingTop: var(--paddingCardTileSecondaryLine)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.darkColour{--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.darkColour.loading{--animation: dxpTileCardDarkLoading 1s infinite}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.darkColour .headingElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.darkColour .subHeadingElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.darkColour .tagLineElement{--color: var(--colorTextSubtle)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.darkColour.hasActions:active{--background: var(--colorNeutralLighter-50)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.darkColour.hasActions:hover{--background: var(--colorNeutralLighter-50)}}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.invertColours{--color: var(--colorLightest);--background: var(--colorBackgroundInverse)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.invertColours .categoryLabelElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.invertColours .subHeadingElement{--opacity: .8}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.invertColours.hasActions:active{--background: var(--colorBackgroundInverseHover)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.invertColours.hasActions:hover{--background: var(--colorBackgroundInverseHover)}}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lightColour{--background: var(--colorWhite);--boxShadow: var(--shadowLightest);--borderRadius: var(--borderRadiusContainer)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lightColour.loading{--animation: dxpTileCardLightLoading 1s infinite}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lightColour .headingElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lightColour .subHeadingElement{--color: var(--colorTextSubtle)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lightColour .tagLineElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lightColour.hasActions:active{--background: var(--colorNeutralLightest-50)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lightColour.hasActions:hover{--background: var(--colorNeutralLightest-50)}}@media (min-width: 1024px),(min-width: 700px) and (max-width: 1024px){.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFixed.lensImageVisualisation.vertical .lensElement{--width: calc(100% - 28px) }}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFixed.lensImageVisualisation.vertical .lensElement{--width: calc(100% - 14px) }}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFixed.lensImageVisualisation.vertical .visualisationElement{--justifyContent: flex-start}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1 .lensElement{--paddingTop: var(--paddingCardTileLens);--paddingRight: calc(var(--paddingCardTileLens) * 2);--paddingBottom: var(--paddingCardTileLens);--paddingLeft: 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensSmall.lensFill .lensElement{--height: 24px}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensSmall.lensFill.horizontal .lensElement{--width: 60px ;--height: 60px }.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensSmall.lensFill.horizontal.lensSmall .lensElement{--width: 48px ;--height: 48px }.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensSmall.lensFill.vertical.lensSmall .lensElement{--height: 18px }.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensSmall.lensFullHeight .lensElement{--width: 24px }.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensSmall.lensFixed .lensElement{--height: 24px}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensSmall.lensFixed.horizontal .lensElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensSmall.lensFixed.vertical:not(.lensImageVisualisation) .lensElement{--width: 24px}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensMedium.lensFill .lensElement{--height: var(--heightLensMedium)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensMedium.lensFill.horizontal .lensElement{--width: calc(var(--heightLensMedium) * 2.5);--height: calc(var(--heightLensMedium) * 2.5)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensMedium.lensFill.horizontal.lensSmall .lensElement{--width: calc(var(--heightLensMedium) * 2);--height: calc(var(--heightLensMedium) * 2)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensMedium.lensFill.vertical.lensSmall .lensElement{--height: calc(var(--heightLensMedium) * .75)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensMedium.lensFullHeight .lensElement{--width: calc(var(--heightLensMedium))}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensMedium.lensFixed .lensElement{--height: var(--heightLensMedium)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensMedium.lensFixed.horizontal .lensElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensMedium.lensFixed.vertical:not(.lensImageVisualisation) .lensElement{--width: var(--heightLensMedium)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.lensFill .lensElement{--height: 56px}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.lensFill.horizontal .lensElement{--width: 140px ;--height: 140px }.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.lensFill.horizontal.lensSmall .lensElement{--width: 112px ;--height: 112px }.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.lensFill.vertical.lensSmall .lensElement{--height: 42px }.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.lensFullHeight .lensElement{--width: 56px }.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.lensFixed .lensElement{--height: 56px}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.lensFixed.horizontal .lensElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.lensFixed.vertical:not(.lensImageVisualisation) .lensElement{--width: 56px}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.horizontal .lensElement{--marginLeft: calc(-1 * var(--paddingCardTile));--marginRight: var(--paddingCardTile);--paddingTop: var(--spacingTight-10);--paddingRight: 0;--paddingBottom: var(--spacingTight-10);--paddingLeft: var(--spacingTight-10)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.vertical .lensElement{--marginTop: calc(-1 * var(--paddingCardTile));--marginLeft: calc(-1 * var(--paddingCardTile));--width: calc(100% + var(--paddingCardTile) * 2 - var(--spacingTight-10) * 2);--paddingTop: var(--spacingTight-10);--paddingRight: var(--spacingTight-10);--paddingBottom: var(--spacingTight-10);--paddingLeft: var(--spacingTight-10)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v1.lensFill.lensImageVisualisation .visualisationElement{--height: initial}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2{--cardBorderColor: var(--colorIndigo);--cardBorderWidth: var(--borderWidthLarge);--minHeight: var(--heightMedium-50);--paddingBottom: var(--paddingCardTile);--paddingLeft: var(--paddingCardTile);--paddingRight: var(--paddingCardTile);--paddingTop: var(--paddingCardTile);--justifyContent: flex-start;--transition: background .1s ease-in-out, border-radius .4s ease-in-out}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2:after{--borderWidth: var(--cardBorderWidth)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardBorderPositionNone{--borderColor: transparent}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardBorderPositionTop{--borderTopColor: var(--cardBorderColor);--borderTopStyle: solid}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardBorderPositionBottom{--borderBottomColor: var(--cardBorderColor);--borderBottomStyle: solid}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardBorderPositionLeft{--borderLeftColor: var(--cardBorderColor);--borderLeftStyle: solid}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardBorderPositionRight{--borderRightColor: var(--cardBorderColor);--borderRightStyle: solid}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardBorderPositionAll{--borderTopColor: var(--cardBorderColor);--borderBottomColor: var(--cardBorderColor);--borderLeftColor: var(--cardBorderColor);--borderRightColor: var(--cardBorderColor);--borderTopStyle: solid;--borderBottomStyle: solid;--borderLeftStyle: solid;--borderRightStyle: solid;--borderRadius: inherit}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusNone,.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusNone.lensShapeRectangle.lensPositionTop .tileCard-lensElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusNone.lensShapeRectangle.lensPositionLeft .tileCard-lensElement{--borderRadius: 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusXsmall{--borderRadius: var(--borderRadiusSharp-20)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusXsmall.lensShapeRectangle.lensPositionTop .tileCard-lensElement{--borderRadius: var(--borderRadiusSharp-20) var(--borderRadiusSharp-20) 0 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusXsmall.lensShapeRectangle.lensPositionLeft .tileCard-lensElement{--borderRadius: var(--borderRadiusSharp-20) 0 0 var(--borderRadiusSharp-20)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusSmall{--borderRadius: var(--borderRadiusSharp-40)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusSmall.lensShapeRectangle.lensPositionTop .tileCard-lensElement{--borderRadius: var(--borderRadiusSharp-40) var(--borderRadiusSharp-40) 0 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusSmall.lensShapeRectangle.lensPositionLeft .tileCard-lensElement{--borderRadius: var(--borderRadiusSharp-40) 0 0 var(--borderRadiusSharp-40)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusMedium{--borderRadius: var(--borderRadiusSoft-10)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusMedium.lensShapeRectangle.lensPositionTop .tileCard-lensElement{--borderRadius: var(--borderRadiusSoft-10) var(--borderRadiusSoft-10) 0 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusMedium.lensShapeRectangle.lensPositionLeft .tileCard-lensElement{--borderRadius: var(--borderRadiusSoft-10) 0 0 var(--borderRadiusSoft-10)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusLarge{--borderRadius: var(--borderRadiusSoft-30)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusLarge.lensShapeRectangle.lensPositionTop .tileCard-lensElement{--borderRadius: var(--borderRadiusSoft-30) var(--borderRadiusSoft-30) 0 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusLarge.lensShapeRectangle.lensPositionLeft .tileCard-lensElement{--borderRadius: var(--borderRadiusSoft-30) 0 0 var(--borderRadiusSoft-30)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusXlarge{--borderRadius: var(--borderRadiusSoft-50)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusXlarge.lensShapeRectangle.lensPositionTop .tileCard-lensElement{--borderRadius: var(--borderRadiusSoft-50) var(--borderRadiusSoft-50) 0 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.cardRadiusXlarge.lensShapeRectangle.lensPositionLeft .tileCard-lensElement{--borderRadius: var(--borderRadiusSoft-50) 0 0 var(--borderRadiusSoft-50)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.one){--backgroundColor: var(--colorNeutralLightest)}.darkColor.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.one){--backgroundColor: var(--colorWhiteOpac-50)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.two){--backgroundColor: var(--colorRedLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.three){--backgroundColor: var(--colorYellowLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.four){--backgroundColor: var(--colorGreenLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.five){--backgroundColor: var(--colorTealLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.six){--backgroundColor: var(--colorBlueLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.seven){--backgroundColor: var(--colorIndigoLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.eight){--backgroundColor: var(--colorPurpleLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.white){--backgroundColor: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement.invertColours){--backgroundColor: var(--colorBackgroundInverse);--color: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement){--backgroundColor: var(--colorNeutralLightest)}.darkColor.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement:has(.visualisationElement){--backgroundColor: var(--colorWhiteOpac-50)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensRadiusNone .tileCard-lensElement{--borderRadius: 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensRadiusXsmall .tileCard-lensElement{--borderRadius: var(--borderRadiusSharp-20)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensRadiusSmall .tileCard-lensElement{--borderRadius: var(--borderRadiusSharp-40)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensRadiusMedium .tileCard-lensElement{--borderRadius: var(--borderRadiusSoft-10)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensRadiusLarge .tileCard-lensElement{--borderRadius: var(--borderRadiusSoft-30)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensRadiusXlarge .tileCard-lensElement{--borderRadius: var(--borderRadiusSoft-50)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeCircle .tileCard-lensElement{--borderRadius: var(--borderRadiusCircle)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeCircle .tileCard-lensElement:has(.t1-dxp-component-visualisation-speedo){--backgroundColor: transparent}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeSquare .tileCard-lensElement:has(.t1-dxp-component-visualisation-speedo){--backgroundColor: transparent}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle .tileCard-lensElement{--marginTop: var(--spacingTight-60);--marginLeft: var(--spacingTight-60)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-contextElement{--marginLeft: var(--spacingTight-20);--marginRight: var(--spacingTight-20);--marginBottom: var(--spacingTight-40);--paddingTop: var(--paddingCardTileContext);--paddingRight: var(--paddingCardTileContext);--paddingBottom: var(--paddingCardTileContext);--paddingLeft: var(--paddingCardTileContext)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensPositionLeft.lensShapeCircle .tileCard-contextElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensPositionLeft.lensShapeSquare .tileCard-contextElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensPositionLeft.lensShapeRectangle .tileCard-contextElement{--marginLeft: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-categoryLabelElement{--fontWeight: var(--fontWeightMedium);--lineHeight: var(--lineHeightSmall);--opacity: .8}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-headingContainerElement{--gap: var(--spacingTight-40);--margin: var(--spacingTight-60) 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-headingElement{--fontSize: var(--fontSizeMediumLarge);--fontWeight: var(--fontWeightMedium);--lineHeight: var(--lineHeightSmall);--paddingTop: var(--spacingTight-40);--paddingBottom: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.hasCategoryLabel .tileCard-headingElement{--paddingTop: var(--paddingCardTileSecondaryLine)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-subHeadingElement{--fontWeight: var(--fontStyleCardSubHeading);--lineHeight: var(--lineHeightSmall)}@media max-width: 700px{.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-subHeadingElement{--fontSize: var(--fontSizeSmall)}}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.hasHeading .tileCard-subHeadingElement{--paddingTop: var(--paddingCardTileSecondaryLine)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-separatorElement{--height: var(--heightCardTileSeparator);--width: var(--widthCardTileSeparator)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-tagLineElement{--lineHeight: var(--lineHeightSmall);--fontStyle: var(--fontStyleCardTag);--fontWeight: var(--fontWeightMedium)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-subTagLineElement{--lineHeight: var(--lineHeightSmall);--fontWeight: var(--fontWeightRegular)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.hasTagLine .tileCard-subTagLineElement{--paddingTop: var(--paddingCardTileSecondaryLine);--marginTop: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.darkColor{--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.darkColor.loading{--animation: dxpTileCardDarkLoading 1s infinite}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.darkColor .tileCard-headingElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.darkColor .tileCard-subHeadingElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.darkColor .tileCard-tagLineElement{--color: var(--colorTextSubtle)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.darkColor.hasActions:active{--background: var(--colorNeutralLighter-50)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.darkColor.hasActions:hover{--background: var(--colorNeutralLighter-50)}}@keyframes dxpTileCardDarkLoading{0%{background-color:var(--colorNeutralLightest)}50%{background-color:var(--colorNeutralLighter-50)}to{background-position:var(--colorNeutralLightest)}}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.invertColor{--color: var(--colorLightest);--background: var(--colorBackgroundInverse);--cardBorderColor: var(--colorWhiteOpac-20)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.invertColor .tileCard-categoryLabelElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.invertColor .tileCard-subHeadingElement{--opacity: .8}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.invertColor.hasActions:active{--background: var(--colorBackgroundInverseHover)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.invertColor.hasActions:hover{--background: var(--colorBackgroundInverseHover)}}@keyframes dxpTileCardInvertLoading{0%{background-color:var(--colorBackgroundInverse)}50%{background-color:var(--colorBackgroundInverseHover)}to{background-position:var(--colorBackgroundInverse)}}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lightColor{--background: var(--colorWhite);--boxShadow: var(--shadowLightest)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lightColor.loading{--animation: dxpTileCardLightLoading 1s infinite}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lightColor .tileCard-headingElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lightColor .tileCard-subHeadingElement{--color: var(--colorTextSubtle)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lightColor .tileCard-tagLineElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lightColor.hasActions:active{--background: var(--colorNeutralLightest-50)}@media (any-hover: hover){.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lightColor.hasActions:hover{--background: var(--colorNeutralLightest-50)}}@keyframes dxpTileCardLightLoading{0%{background-color:var(--colorWhite)}50%{background-color:var(--colorNeutralLightest-50)}to{background-position:var(--colorWhite)}}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2 .tileCard-lensElement{--heightLensMedium: var(--widthMedium-20);--width: var(--widthMedium-20);--height: var(--heightMedium-20)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensSizeMedium.lensShapeCircle .tileCard-lensElement,.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensSizeMedium.lensShapeSquare .tileCard-lensElement{--heightLensMedium: var(--widthMedium-40);--width: var(--widthMedium-40);--height: var(--heightMedium-40)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop .tileCard-lensElement{--marginLeft: calc(var(--paddingCardTile) * -1);--marginTop: calc(var(--paddingCardTile) * -1);--width: calc(100% + var(--paddingCardTile) + var(--paddingCardTile));--height: calc(var(--heightMedium-50) + var(--heightSmall-20));--flexBasis: calc(var(--heightMedium-50) + var(--heightSmall-20));--minWidth: 0}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop .tileCard-lensElement:has(.t1-dxp-component-visualisation-base),.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop .tileCard-lensElement:has(.t1-dxp-component-visualisation-speedo),.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop .tileCard-lensElement:has(.t1-dxp-component-visualisation-icon){padding:var(--paddingCardTile);box-sizing:border-box}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop .tileCard-lensElement:has(.t1-dxp-component-visualisation-base),.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop .tileCard-lensElement:has(.t1-dxp-component-visualisation-speedo),.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop .tileCard-lensElement:has(.t1-dxp-component-visualisation-icon){--maxHeight: 78px}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop.lensSizeMedium .tileCard-lensElement:has(.t1-dxp-component-visualisation-base),.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop.lensSizeMedium .tileCard-lensElement:has(.t1-dxp-component-visualisation-speedo),.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop.lensSizeMedium .tileCard-lensElement:has(.t1-dxp-component-visualisation-icon){--maxHeight: var(--heightMedium-60);--height: var(--heightMedium-60);--flexBasis: var(--heightMedium-60)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionTop.lensSizeMedium .tileCard-lensElement:has(.t1-dxp-component-visualisation-image){--maxHeight: var(--heightLarge-30);--height: var(--heightLarge-30);--flexBasis: var(--heightLarge-30)}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionLeft .tileCard-lensElement{--marginLeft: calc(var(--paddingCardTile) * -1);--marginTop: calc(var(--paddingCardTile) * -1);--marginBottom: calc(var(--paddingCardTile) * -1);--width: 60px;--height: calc(100% + (var(--paddingCardTile)*2));--flexBasis: 60px}.t1-dxp-style-employee .t1-dxp-component-card-tile.v2.lensShapeRectangle.lensPositionLeft.lensSizeMedium .tileCard-lensElement{--width: calc(var(--heightMedium-50) + var(--heightSmall-20));--flexBasis: calc(var(--heightMedium-50) + var(--heightSmall-20))}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1{--paddingTop: var(--paddingButtonInput);--paddingBottom: var(--paddingButtonInput)}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1 .checkbox-inputElement{--borderWidth: var(--borderWidthSmall);--borderStyle: solid;--borderColor: var(--colorBorderInputDefault);--borderRadius: var(--borderRadiusInput);--height: var(--heightButtonInput);--width: var(--widthButtonInput);--background: var(--colorBackgroundDefault);--color: var(--colorBackgroundDefault);--transition: border-color var(--transitionInputHoverDuration) var(--transitionIputTimingFunction)}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1 .checkbox-labelElement{--paddingBottom: initial;--paddingLeft: var(--spacingTight-80);--paddingRight: var(--spacingTight-40);--paddingTop: initial;--lineHeight: var(--heightButtonInput)}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1.enabled,.t1-dxp-style-employee .t1-dxp-component-checkbox.v1.enabled .checkbox-labelElement{--cursor: pointer}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1.enabled .checkbox-itemElement:hover .checkbox-inputElement{--borderColor: var(--colorBackgroundInputChecked)}.showFocusStyle .t1-dxp-style-employee .t1-dxp-component-checkbox.v1.enabled .checkbox-inputElement:focus{--outline: var(--borderFocus);--outlineOffset: var(--spacingTight-20)}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1.checked .checkbox-inputElement,.t1-dxp-style-employee .t1-dxp-component-checkbox.v1.partial .checkbox-inputElement{--borderColor: var(--colorPrimaryDark);--background: var(--colorBackgroundInputChecked);--color: var(--colorForegroundInputChecked)}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1.disabled .checkbox-inputElement{--background: var(--colorBackgroundDisabled);--borderColor: var(--colorBorderInputDisabled)}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1.disabled .checkbox-inputElement svg{display:none}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1.disabled.checked .checkbox-inputElement{--color: var(--colorBorderInputDisabled)}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1.disabled.checked .checkbox-inputElement svg{display:block}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1 .checkbox-errorMessageElement{--color: var(--colorTextError);--fontSize: var(--fontErrorText);--lineHeight: var(--fontErrorTextLineHeight);--paddingTop: calc(var(--paddingInputErrorTopBottom) + 1px);--paddingBottom: var(--paddingInputErrorTopBottom);--paddingLeft: var(--paddingInputErrorLeftRight);--paddingRight: var(--paddingInputErrorLeftRight)}.t1-dxp-style-employee .t1-dxp-component-checkbox.v1 .checkbox-errorMessageElement:before{content:"";display:inline-block;vertical-align:bottom;background-color:var(--colorTextError);width:var(--spacingTight-40);height:var(--heightSmall-20);border-radius:var(--borderRadiusSharp-20);margin-right:calc(var(--spacingTight-40)*-1);position:relative;left:calc(var(--paddingInputErrorLeftRight) * -1);top:-1px}.t1-dxp-style-employee .t1-dxp-component-checkbox-group.v1 .checkboxGroup-errorMessageElement{--color: var(--colorTextError);--fontSize: var(--fontErrorText);--lineHeight: var(--fontErrorTextLineHeight);--paddingTop: calc(var(--paddingInputErrorTopBottom) + 1px);--paddingBottom: var(--paddingInputErrorTopBottom);--paddingLeft: var(--paddingInputErrorLeftRight);--paddingRight: var(--paddingInputErrorLeftRight)}.t1-dxp-style-employee .t1-dxp-component-checkbox-group.v1 .checkboxGroup-errorMessageElement:before{content:"";display:inline-block;vertical-align:bottom;background-color:var(--colorTextError);width:var(--spacingTight-40);height:var(--heightSmall-20);border-radius:var(--borderRadiusSharp-20);margin-right:calc(var(--spacingTight-40)*-1);position:relative;left:calc(var(--paddingInputErrorLeftRight) * -1);top:-1px}.t1-dxp-style-employee .t1-dxp-component-checkbox-group.v1 .checkboxGroup-checkboxElement{--paddingBottom: var(--heightTiny-20);--paddingTop: var(--heightTiny-20)}.t1-dxp-style-employee .t1-dxp-component-collapsible.v1{--transition: width var(--transitionCollapseDuration) var(--transitionCollapseDelay), height var(--transitionCollapseDuration) var(--transitionCollapseDelay), opacity var(--transitionCollapseDuration) var(--transitionCollapseDuration)}.t1-dxp-style-employee .t1-dxp-component-collapsible.v1.collapsed{--transition: width var(--transitionCollapseDuration) var(--transitionCollapseDelay), height var(--transitionCollapseDuration) var(--transitionCollapseDelay), opacity var(--transitionCollapseDuration) var(--transitionCollapseDelay);--opacity: 0}.t1-dxp-style-employee .t1-dxp-component-collapsible.v1.indented{--marginLeft: var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-content-container.v1{--background: var(--colorWhite);--borderRadius: 2px;--boxShadow: 0px 1px 4px 0px rgba(0, 0, 0, .15)}.t1-dxp-style-employee .t1-dxp-component-content-list.v1{--padding: var(--paddingContentList);--gridTemplateColumns: 20% 80%}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-content-list.v1{--padding: var(--paddingContentPhone);--gridTemplateColumns: 45% 55%}}.t1-dxp-style-employee .t1-dxp-component-content-list.v1 .contentList-ContentRowElement{--padding: var(--paddingContentRow);--width: 100%;--minHeight: var(--heightSmall-45);--columnGap: var(--spacingBase-10);--borderBottom: var(--borderContent)}.t1-dxp-style-employee .t1-dxp-component-content-list.v1 .contentList-ContentRowElement .t1-dxp-component-skeleton{--height: var(--spacingBase-20);--borderRadius: var(--spacingBase-20);--marginRight: var(--spacingBase-50);--width: auto}.t1-dxp-style-employee .t1-dxp-component-content-list.v1 .contentList-ContentRowElement.columns2 .t1-dxp-component-skeleton:last-of-type{--maxWidth: 70%}.t1-dxp-style-employee .t1-dxp-component-content-list.v2{--padding: var(--paddingContentList);--backgroundColor: var(--colorBackgroundDefault)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-content-list.v2{--padding: var(--paddingContentPhone)}}.t1-dxp-style-employee .t1-dxp-component-content-list.v2.containerStyle-border{--border: 1px solid var(--colorNeutralLighter-50)}.t1-dxp-style-employee .t1-dxp-component-content-list.v2.containerStyle-shadow{--boxShadow: var(--shadowLight)}.t1-dxp-style-employee .t1-dxp-component-content-list.v2 .contentList-RowElement{--padding: var(--paddingContentRow);--width: 100%;--minHeight: var(--heightSmall-45);--columnGap: var(--spacingBase-10);--borderTop: var(--borderContent)}.t1-dxp-style-employee .t1-dxp-component-content-list.v2 .contentList-RowElement .contentList-RowLabelElement{--marginRight: var(--spacingTight-60);--fontWeight: var(--fontWeightMedium)}.t1-dxp-style-employee .t1-dxp-component-content-list.v2 .contentList-RowElement .contentList-RowDescriptionElement{--fontWeight: var(--fontWeightRegular)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-content-list.v2 .contentList-RowElement .contentList-RowDescriptionElement{--fontSize: var(--fontSizeSmaller)}}.t1-dxp-style-employee .t1-dxp-component-content-list.v2 .contentList-HeadingRowElement{--fontWeight: bold}.t1-dxp-style-employee .t1-dxp-component-content-list.v2 .contentList-contentItemElement{--columnGap: var(--spacingTight-60)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-content-list.v2 .contentList-contentItemElement .contentList-contentItemDescriptionElement{--fontSize: var(--fontSizeSmaller)}}.t1-dxp-style-employee .t1-dxp-component-content-list.v2 .contentList-contentItemElement .contentList-contentItemErrorElement{--color: var(--colorError)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-content-list.v2 .contentList-contentItemElement .contentList-contentItemErrorElement{--fontSize: var(--fontSizeSmaller)}}.t1-dxp-style-employee .t1-dxp-component-content-list.v2 .t1-dxp-component-skeleton{--height: var(--spacingBase-20);--borderRadius: var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-cookie-banner.v1{--background: var(--colorPrimaryDarker);--color: var(--colorWhite);--paddingBottom: var(--spacingBase-20);--paddingLeft: var(--spacingBase-40);--paddingRight: var(--spacingBase-40);--paddingTop: var(--spacingBase-20)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-cookie-banner.v1{--paddingBottom: var(--spacingBase-10);--paddingLeft: var(--spacingBase-20);--paddingRight: var(--spacingBase-20);--paddingTop: var(--spacingBase-10)}}.t1-dxp-style-employee .t1-dxp-component-cookie-banner.v1 .cookieBanner-buttonContainerElement{--marginBottom: auto;--marginLeft: var(--spacingLoose-30);--marginRight: 0;--marginTop: auto}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-cookie-banner.v1 .cookieBanner-buttonContainerElement{--marginBottom: 0;--marginLeft: auto;--marginRight: auto;--marginTop: var(--spacingBase-50)}}.t1-dxp-style-employee .t1-dxp-component-cookie-banner.v1 .cookieBanner-buttonElement{--marginLeft: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-cookie-banner.v1 .cookieBanner-buttonElement:first-child{--marginLeft: 0}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-cookie-banner.v1 .cookieBanner-buttonElement{--marginBottom: var(--spacingBase-10);--marginLeft: 0}}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1{--backgroundColor: var(--colorBackgroundHint);--borderRadius: var(--borderRadiusSharp-20);--paddingTop: var(--spacingTight-20);--paddingBottom: var(--spacingTight-20);--paddingLeft: var(--spacingTight-40);--paddingRight: var(--spacingTight-40);--fontSize: var(--fontSizeSmaller)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1 .dismissibleHelp-clearButton{--color: var(--colorNeutralDark)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1 .dismissibleHelp-clearButton:hover{--color: var(--colorNeutralDarker);--backgroundColor: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1.invalid{--borderColor: var(--colorError)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1.inverted{--backgroundColor: var(--colorBlackOpac-20);--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1.inverted .dismissibleHelp-clearButton{--color: var(--colorWhiteOpac-50)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1.inverted .dismissibleHelp-clearButton:hover{--color: var(--colorWhite);--backgroundColor: var(--colorBlackOpac-20)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1.inverted.invalid{--borderColor: var(--colorRed)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1.inverted .t1-dxp-component-text-error{--color: var(--colorRedLightest)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1.inverted .t1-dxp-component-text-error:before{background-color:var(--colorRed)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1.light{--backgroundColor: var(--colorBackgroundDefault)}.t1-dxp-style-employee .t1-dxp-component-dismissible-help.v1.light .dismissibleHelp-clearButton:hover{--backgroundColor: var(--colorBackgroundAltDefault)}.t1-dxp-style-employee .t1-dxp-component-divider.v1{--borderColor: var(--colorNeutralLighter);--borderWidth: var(--borderWidthSmall);--paddingBottom: var(--spacingTight-80);--paddingLeft: var(--spacingTight-80);--paddingRight: var(--spacingTight-80);--paddingTop: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-divider.v1.vertical{--height: 100%;--width: 0px}.t1-dxp-style-employee .t1-dxp-component-divider.v1.dashed{--borderStyle: dashed}.t1-dxp-style-employee .t1-dxp-component-divider.v1.solid{--borderStyle: solid}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1{--paddingTop: var(--spacingBase-50)}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptyState-colorLightStroke{stroke:var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptyState-colorLightFill{fill:var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptyState-colorLighterStroke{stroke:var(--colorNeutralLighter)}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptyState-colorLighterFill{fill:var(--colorNeutralLighter)}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptyState-colorLightestStroke{stroke:var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptyState-colorLightestFill{fill:var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .headingElement{--paddingTop: var(--spacingBase-50);--paddingBottom: var(--spacingBase-10);font-style:normal;font-weight:var(--fontWeightMedium);font-size:var(--fontSizeMedium)}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptystate-processing-path-cog-large,.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptystate-processing-path-cog-medium,.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptystate-processing-path-cog-small{transition:all 2s linear;transform-box:fill-box;transform-origin:center}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptystate-processing-path-cog-large{animation:emptyStateCogRotateClockwise 2s linear 0s infinite}.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptystate-processing-path-cog-medium,.t1-dxp-style-employee .t1-dxp-component-emptystate.v1 .emptystate-processing-path-cog-small{animation:emptyStateCogRotateAntiClockwise 2s linear 0s infinite}@keyframes emptyStateCogRotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes emptyStateCogRotateAntiClockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.t1-dxp-style-employee .t1-dxp-component-field-label.v1{--paddingTop: var(--spacingTight-20);--paddingBottom: var(--spacingTight-60);--paddingLeft: 0;--paddingRight: var(--spacingTight-20);--lineHeight: var(--fontSizeBodyLineHeight)}.t1-dxp-style-employee .t1-dxp-component-field-label.v1 .label-mandatoryElement{--color: var(--colorMandatory)}.t1-dxp-style-employee .t1-dxp-component-field-label.v1 .t1-dxp-component-skeleton{--height: var(--heightSmall-10);--marginTop: 1px;--marginBottom: 1px;--width: 150px;--borderRadius: var(--borderRadiusSharp-60)}.t1-dxp-style-employee .t1-dxp-component-file-selector.v1{--padding: 8px 0 6px;--width: var(--widthFull)}.t1-dxp-style-employee .t1-dxp-component-file-selector.v1 .errorMessageElement{--background: var(--colorError);--color: var(--colorLightest);--fontSize: var(--fontErrorText);--lineHeight: var(--fontErrorTextLineHeight);--paddingBottom: var(--paddingInputErrorTopBottom);--paddingLeft: var(--paddingInputErrorLeftRight);--paddingRight: var(--paddingInputErrorLeftRight);--paddingTop: var(--paddingInputErrorTopBottom);--marginLeft: var(--spacingBase-10);--borderRadius: var(--borderRadiusError)}.t1-dxp-style-employee .t1-dxp-component-file-selector.v1 .headerElement{--width: var(--widthFull);--marginBottom: var(--spacingTight-60)}.t1-dxp-style-employee .t1-dxp-component-file-selector.v1 .filesElement{--width: var(--widthFull)}.t1-dxp-style-employee .t1-dxp-component-file-selector.v1 .cardElement .dxpListCardSliderCntr{--backgroundColor: var(--colorWhiteOpac-50);--boxShadow: none}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1{--backgroundColor: var(--colorNeutralDarkest);--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1 .dxpControlPanel-expand{--backgroundColor: var(--colorWhiteOpac-10)}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1 .dxpControlPanel-expand .dxpControlPanelExpanded-navigationButton:hover{--backgroundColor: var(--colorWhiteOpac-20)}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1 .dxpControlPanelExpanded-dragArea{--backgroundColor: var(--colorWhiteOpac-10);--height: var(--heightButtonMedium)}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1 .dxpControlPanelExpanded-dragArea:hover{--backgroundColor: var(--colorWhiteOpac-20)}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1 .t1-dxp-component-input-base.v1.editable .input-inputElement{--background: var(--colorWhiteOpac-10)}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1 .t1-dxp-component-input-base.v1.editable .input-inputElement>div{--borderColor: var(--colorTransparent)}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1 .t1-dxp-component-input-base.v1.editable .input-inputElement:hover{--background: var(--colorWhiteOpac-20)}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1 .t1-dxp-component-input-base.v1.editable .input-inputElement:hover>div{--borderColor: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1 .t1-dxp-component-input-base.v1.editable .input-inputElement .input-suggestionPaneElement{--borderColor: var(--colorTransparent);--boxShadow: var(--shadowLight)}.t1-dxp-style-employee .t1-dxp-component-floating-control-panel.v1 .t1-dxp-component-input-base.v1.editable.hasFocus .input-inputElement>div{--borderColor: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-floating-window.v1{--backgroundColor: var(--colorBackgroundDefault);--border: var(--borderWidthSmall) solid var(--colorBorderInputActive);--borderRadius: var(--borderRadiusSoft-10) var(--borderRadiusSoft-10) 0 0}.t1-dxp-style-employee .t1-dxp-component-floating-window.v1 .floatingWindow-headerElement{--height: var(--heightSmall-55);--backgroundColor: var(--colorBackgroundLayoutInverseDefault)}.t1-dxp-style-employee .t1-dxp-component-floating-window.v1 .floatingWindow-headerElement .floatingWindow-headerActionElement{--margin: var(--spacingTight-20)}.t1-dxp-style-employee .t1-dxp-component-form.v1 .dxpForm-errorMessageElement{--cursor: pointer;--position: fixed;--top: 68px;--left: 50%;--transform: translate(-50%, -50%);--zIndex: 99;--whiteSpace: nowrap;--display: flex;--flexDirection: row;--background: var(--colorTintError);--border: var(--borderWidthSmall) solid #F06B7B;--boxSizing: border-box;--borderRadius: 30px;--width: fit-content;--alignItems: center;--justifyContent: center}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-form.v1 .dxpForm-errorMessageElement{--transform: translate(-50%, 0%)}}.t1-dxp-style-employee .t1-dxp-component-form.v1 .dxpForm-errorMessageElement .dxpForm-errorMessageIconElement{--padding: var(--spacingTight-40) var(--spacing-none) var(--spacingTight-40) var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-form.v1 .dxpForm-errorMessageElement .dxpForm-errorMessageTextElement{--padding: var(--spacingTight-80) var(--spacingBase-10)}.t1-dxp-style-employee .formStep-headingElement{--paddingTop: var(--spacingTight-80);--paddingBottom: var(--spacingTight-80);--borderBottom: var(--borderWidthMedium) solid var(--colorSecondary);--backgroundColor: var(--colorWhite);--fontSize: var(--fontSizeMedium);--lineHeight: var(--lineHeightMedium)}.t1-dxp-style-employee .formStep-stateElement{--width: var(--sizeButtonIconSmall);--height: var(--sizeButtonIconSmall);--marginRight: var(--spacingBase-10);--borderRadius: var(--borderRadiusCircle);--boxShadow: var(--shadowLighter);--color: var(--colorTextSubtle)}.t1-dxp-style-employee .formStep-stateElement.current{--color: var(--colorTextDefault);--borderColor: var(--colorGreen);--borderWidth: var(--borderWidthMedium);--borderStyle: solid}.t1-dxp-style-employee .formStep-stateElement.complete{--backgroundColor: var(--colorGreen)}.t1-dxp-style-employee .formStep-stateElement .t1-dxp-component-icon{--color: var(--colorWhite)}.t1-dxp-style-employee .formStep-ContentContainerElement{--paddingTop: var(--spacingBase-50);--paddingBottom: var(--spacingBase-50)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-environmentBarLabelElement{--paddingLeft: var(--spacingBase-10);--paddingRight: var(--spacingBase-20);--borderWidth: var(--borderWidthMedium);--borderRadius: 0 0 var(--borderWidthMedium) var(--borderWidthMedium);--fontWeight: var(--fontWeightMedium)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-environmentBarLabelElement{--fontSize: var(--fontSizeSmall)}}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement{--background: var(--colorNeutralDarkest);--height: var(--heightMedium-35);--paddingLeft: var(--spacingBase-40);--paddingRight: var(--spacingBase-40)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-actionElement{--color: var(--colorWhite);--width: var(--widthMedium-55);--height: var(--heightFull)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-actionLabelElement{--height: var(--heightSmall-10);--fontSize: var(--fontSizeSmaller);--marginTop: var(--spacingTight-60)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-actionDropDownPanelElement{--borderRadius: var(--borderRadiusContainer);--boxShadow: var(--shadowHeavy);--background: var(--colorWhite);--arrowWidth: var(--widthSmall-10);--arrowHeight: var(--heightTiny-30)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-notificationsActionElement .globalHeader-actionDropDownPanelElement{--width: var(--widthLarge-60)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-notificationsActionElement .globalHeader-actionDropDownPanelElement .t1-dxp-component-notifications.v1{--maxHeight: var(--widthLarge-60);--overflow: auto}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-notificationsActionElement .globalHeader-actionDropDownPanelElement .globalHeader-noNotificationsElement{--height: var(--heightMedium-50);--background: var(--colorNeutralLightest);--borderBottomColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-myProfileActionElement .globalHeader-actionDropDownPanelElement{--width: 237px}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-myProfileActionElement .globalHeader-actionDropDownPanelElement .globalHeader-myProfileDetailsContainerElement{--lineHeight: var(--heightSmall-30);--paddingBottom: var(--spacingBase-20);--paddingLeft: var(--spacingBase-20);--paddingRight: var(--spacingBase-20);--paddingTop: var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-myProfileActionElement .globalHeader-actionDropDownPanelElement .globalHeader-myProfileDetailsUserAvatarElement{--height: var(--heightSmall-55);--width: var(--widthSmall-55)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-myProfileActionElement .globalHeader-actionDropDownPanelElement .globalHeader-myProfileDetailsPositionElement{--color: var(--colorNeutralDark);--fontSize: var(--fontSizeSmaller)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-myProfileActionElement .globalHeader-actionDropDownPanelElement .globalHeader-myProfileLineElement{--background: var(--colorNeutralLighter)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-desktopElement .globalHeader-myProfileActionUserAvatarElement{--height: var(--heightSmall-50);--width: var(--widthSmall-50)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-phoneElement{--background: var(--colorBackgroundTheme);--height: var(--heightMedium-35);--paddingBottom: var(--spacingTight-80);--paddingLeft: var(--spacingTight-80);--paddingRight: var(--spacingTight-80);--paddingTop: var(--spacingTight-80);--shadeColor: var(--colorBlackOpac-10)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-phoneElement .globalHeader-headingElement{--color: var(--colorWhite);--fontSize: var(--fontSizeBaseLineHeight);--fontWeight: var(--fontWeightMedium)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-phoneElement .globalHeader-actionElement{--color: var(--colorWhite);--width: var(--widthMedium-20);--height: var(--heightMedium-20)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-phoneElement .globalHeader-actionElement.t1-dxp-component-button.v1{--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-phoneElement .globalHeader-actionElement.t1-dxp-component-button.v1:hover{--background: transparent}.t1-dxp-style-employee .t1-dxp-component-globalheader.v1 .globalHeader-phoneElement .globalHeader-actionElement.disabled{--color: var(--colorWhite);--opacity: .5}.t1-dxp-style-employee .t1-dxp-component-globalheader.v2 .globalHeader-environmentBarLabelElement{--paddingLeft: var(--spacingBase-10);--paddingRight: var(--spacingBase-20);--borderWidth: var(--borderWidthMedium);--borderRadius: 0 0 var(--borderWidthMedium) var(--borderWidthMedium);--fontWeight: var(--fontWeightMedium)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-globalheader.v2 .globalHeader-environmentBarLabelElement{--fontSize: var(--fontSizeSmall)}}.t1-dxp-style-employee .t1-dxp-component-globalheader.v2:has(.t1-dxp-component-globalheader-template-external.v1){--background: var(--colorWhite);--paddingLeft: var(--widthSmall-30);--paddingRight: var(--widthSmall-30)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v2:has(.t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement){--background: var(--colorNeutralDarkest);--paddingLeft: var(--spacingBase-40);--paddingRight: var(--spacingBase-40)}.t1-dxp-style-employee .t1-dxp-component-globalheader.v2:has(.t1-dxp-component-globalheader-template-internal.v1 .globalHeader-phoneElement){--background: var(--colorBackgroundTheme);--shadeColor: var(--colorBlackOpac-10)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-actionElement{--color: var(--colorWhite);--width: var(--widthMedium-55);--height: var(--heightFull)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-actionLabelElement{--height: var(--heightSmall-10);--fontSize: var(--fontSizeSmaller);--marginTop: var(--spacingTight-60)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-actionDropDownPanelElement{--borderRadius: var(--borderRadiusContainer);--boxShadow: var(--shadowHeavy);--background: var(--colorWhite);--arrowWidth: var(--widthSmall-10);--arrowHeight: var(--heightTiny-30)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-notificationsActionElement .globalHeader-actionDropDownPanelElement{--width: var(--widthLarge-60)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-notificationsActionElement .globalHeader-actionDropDownPanelElement .t1-dxp-component-notifications.v1{--maxHeight: var(--widthLarge-60);--overflow: auto}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-notificationsActionElement .globalHeader-actionDropDownPanelElement .globalHeader-noNotificationsElement{--height: var(--heightMedium-50);--background: var(--colorNeutralLightest);--borderBottomColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-myProfileActionElement .globalHeader-actionDropDownPanelElement{--width: 237px}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-myProfileActionElement .globalHeader-actionDropDownPanelElement .globalHeader-myProfileDetailsContainerElement{--lineHeight: var(--heightSmall-30);--paddingBottom: var(--spacingBase-20);--paddingLeft: var(--spacingBase-20);--paddingRight: var(--spacingBase-20);--paddingTop: var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-myProfileActionElement .globalHeader-actionDropDownPanelElement .globalHeader-myProfileDetailsUserAvatarElement{--height: var(--heightSmall-55);--width: var(--widthSmall-55)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-myProfileActionElement .globalHeader-actionDropDownPanelElement .globalHeader-myProfileDetailsPositionElement{--color: var(--colorNeutralDark);--fontSize: var(--fontSizeSmaller)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-myProfileActionElement .globalHeader-actionDropDownPanelElement .globalHeader-myProfileLineElement{--background: var(--colorNeutralLighter)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-desktopElement .globalHeader-myProfileActionUserAvatarElement{--height: var(--heightSmall-50);--width: var(--widthSmall-50)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-phoneElement{--paddingBottom: var(--spacingTight-80);--paddingLeft: var(--spacingTight-80);--paddingRight: var(--spacingTight-80);--paddingTop: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-phoneElement .globalHeader-headingElement{--color: var(--colorWhite);--fontSize: var(--fontSizeBaseLineHeight);--fontWeight: var(--fontWeightMedium)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-phoneElement .globalHeader-actionElement{--color: var(--colorWhite);--width: var(--widthMedium-20);--height: var(--heightMedium-20)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-phoneElement .globalHeader-actionElement.t1-dxp-component-button.v1{--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-phoneElement .globalHeader-actionElement.t1-dxp-component-button.v1:hover{--background: transparent}.t1-dxp-style-employee .t1-dxp-component-globalheader-template-internal.v1 .globalHeader-phoneElement .globalHeader-actionElement.disabled{--color: var(--colorWhite);--opacity: .5}.t1-dxp-style-employee .t1-dxp-component-header-profile.v1{--background: var(--colorPrimary);--minHeight: 192px}@media (min-width: 700px) and (max-width: 1024px){.t1-dxp-style-employee .t1-dxp-component-header-profile.v1{--minHeight: 216px}}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-header-profile.v1{--minHeight: 187px}}.t1-dxp-style-employee .t1-dxp-component-header-profile.v1:has(.profileHeader-contextItems) .profileHeader-profileContainer{--marginTop: auto}.t1-dxp-style-employee .t1-dxp-component-header-profile.v1 .profileHeader-profileImage{--height: 90px;--width: 90px;--marginTop: var(--spacingTight-80)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-header-profile.v1 .profileHeader-profileImage{--height: 80px;--width: 80px}}.t1-dxp-style-employee .t1-dxp-component-header-profile.v1 .profileHeader-name{--paddingTop: var(--spacingTight-80);--color: var(--colorWhite);--lineHeight: 34px;--fontSize: 24px;--fontWeight: 400}.t1-dxp-style-employee .t1-dxp-component-header-profile.v1 .profileHeader-contextItems{--color: var(--colorWhite);--gap: 0 var(--spacingTight-80);--marginBottom: var(--spacingBase-10);--paddingTop: var(--spacingTight-40);--paddingLeft: var(--spacingTight-80);--paddingRight: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1{--paddingTop: var(--spacingBase-20);--paddingBottom: var(--spacingBase-20);--paddingLeft: var(--spacing-none);--paddingRight: var(--spacing-none);--backgroundColor: var(--colorBackgroundHeaderDetails);--color: var(--colorForegroundHeaderDetails)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-SkeletonContainerElement{--paddingTop: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-SkeletonContainerElement .t1-dxp-component-skeleton.v1{--animation: dxpSkeletonFade 2s ease-in-out .3s infinite forwards;--backgroundImage: none;--backgroundColor: var(--colorSkeletonItemInverse);--borderRadius: var(--borderRadiusSkeleton)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-SkeletonContainerElement .headerDetails-skeletonTitle{--width: var(--widthLarge-25);--height: var(--skeletonItemHeightLarge)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-SkeletonContainerElement .headerDetails-skeletonSubTitleElement{--paddingTop: var(--spacingBase-40);--paddingBottom: var(--spacingBase-40);--paddingRight: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-SkeletonContainerElement .headerDetails-skeletonSubTitle{--width: var(--widthLarge-10);--height: var(--skeletonItemHeightMedium)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-SkeletonContainerElement .headerDetails-skeletonHeaderItemElement{--gap: var(--spacingTight-80);--marginLeft: var(--spacingLoose-10);--marginRight: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-SkeletonContainerElement .headerDetails-skeletonHeaderItem{--width: var(--widthSmall-40);--height: var(--skeletonItemHeightLarge)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-HeadingElement{font-family:var(--fontFamilyHeading);font-weight:var(--fontWeightRegular);font-size:var(--fontSizeLarger);line-height:var(--lineHeightLarger)}@media (hover: none) and (pointer: none),(hover: none) and (pointer: coarse){.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-HeadingElement{font-weight:var(--fontWeightRegular);font-size:var(--fontSizeMediumLarge);line-height:var(--lineHeightMedium);-webkit-line-clamp:2;-webkit-box-orient:vertical}}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-HeadingElement .headerDetails-HeadingOverflowLinkElement{--lineHeight: var(--fontSizeBodyLineHeight);--fontSize: var(--fontSizeBase)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-HeadingElement .headerDetails-HeadingOverflowLinkElement.t1-dxp-component-link{--color: inherit}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-HeadingElement .headerDetails-desktopFullHeadingElement{--padding: var(--paddingContainer);--borderRadius: var(--borderRadiusContainer);--boxShadow: var(--shadowHeavy);--backgroundColor: var(--colorBackgroundDefault);--lineHeight: var(--fontSizeBodyLineHeight);--fontSize: var(--fontSizeBase)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-actions{--marginLeft: var(--spacingLoose-10)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-actions .t1-dxp-component-button.v1.secondaryStyle.headerDetails-action{--color: inherit;--background: transparent;--borderColor: inherit;--marginLeft: var(--paddingButtonInput);--height: var(--sizeButtonIcon);--minWidth: var(--sizeButtonIcon);--width: var(--sizeButtonIcon)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-actions .t1-dxp-component-button.v1.secondaryStyle.headerDetails-action:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--colorForegroundHeaderDetails);opacity:.1;transition:opacity var(--transitionButtonHoverDuration) var(--transitionButtonTimingFunction)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-actions .t1-dxp-component-button.v1.secondaryStyle.headerDetails-action:hover:before{opacity:0}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-actions .t1-dxp-component-button.v1.secondaryStyle.headerDetails-action svg{position:relative}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-actions .t1-dxp-component-button.v1.secondaryStyle.headerDetails-action:hover{--background: transparent}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-HeadingContainerElement .headerDetails-HeadingOverflowLinkElement{--marginTop: var(--spacingTight-60);--marginLeft: var(--spacingBase-10);--lineHeight: var(--fontSizeBodyLineHeight);--fontSize: var(--fontSizeBase)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement{--paddingBottom: var(--spacingTight-80)}@media (hover: none) and (pointer: none),(hover: none) and (pointer: coarse){.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement{--marginTop: var(--spacingTight-100)}}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .vertical .headerDetails-ContextItemElement{--paddingTop: var(--spacingTight-20);--paddingBottom: var(--spacingTight-20)}@media (max-width: 1024px){.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .horizontal{flex-direction:column}}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .horizontal .headerDetails-ContextItemElement{--paddingLeft: var(--spacingBase-20);--paddingRight: var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .horizontal .headerDetails-ContextItemElement:first-child{--paddingLeft: var(--spacingNone)}@media (max-width: 1024px){.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .horizontal .headerDetails-ContextItemElement:not(:first-child){--paddingLeft: var(--spacing-none)}}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .horizontal .headerDetails-ContextItemElement:not(:first-child):before{content:"•";position:absolute;left:-2px}@media (max-width: 1024px){.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .horizontal .headerDetails-ContextItemElement:not(:first-child):before{display:none}}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .headerDetails-ContextItemElement.skeleton .headerDetails-ContextStyledLabelElement{--minHeight: var(--skeletonItemHeightMedium);--maxWidth: var(--widthLarge-25);--borderRadius: var(--borderRadiusSkeleton);--backgroundColor: var(--colorSkeletonItemInverse);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .headerDetails-ContextStyledLabelElement{--fontWeight: var(--fontWeightMedium);--marginRight: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .t1-dxp-component-icon{--marginRight: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .t1-dxp-component-icon.content{--color: inherit}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .t1-dxp-component-icon.status{--color: var(--colorPrimaryDarker)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .t1-dxp-component-button.v1{--height: var(--heightSmall-40);--marginTop: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .t1-dxp-component-button.v1.secondaryStyle.headerDetails-SeeMoreButtonElement{--color: inherit;--background: transparent;--borderColor: inherit}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .t1-dxp-component-button.v1.secondaryStyle.headerDetails-SeeMoreButtonElement:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--colorOnPrimary, var(--colorWhite));opacity:.1;transition:opacity var(--transitionButtonHoverDuration) var(--transitionButtonTimingFunction)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .t1-dxp-component-button.v1.secondaryStyle.headerDetails-SeeMoreButtonElement:hover:before{opacity:0}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .t1-dxp-component-link.v1{text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:var(--spacingTight-60);color:inherit;border-radius:var(--borderRadiusContainer);-webkit-tap-highlight-color:transparent;--marginLeft: var(--spacingTight-40);--paddingTop: var(--spacingTight-40);--paddingBottom: var(--spacingTight-40);--paddingLeft: var(--spacingTight-20);--paddingRight: var(--spacingTight-20)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .t1-dxp-component-link.v1:hover{background-color:var(--colorBlackOpac-15)}.t1-dxp-style-employee .t1-dxp-component-headerdetails.v1 .headerDetails-ContextContainerElement .headerDetails-InformationBox .t1-dxp-component-button.v1{--background: var(--colorBlackOpac-10);--color: inherit;--height: var(--heightButtonSmall)}.t1-dxp-style-employee .modalContentElement .headerDetails-mobileFullHeadingElement{font-weight:var(--fontWeightRegular);font-size:var(--fontSizeMediumLarge);line-height:var(--lineHeightMedium);--marginTop: var(--spacingBase-40);--marginBottom: var(--spacingBase-40)}.t1-dxp-style-employee .t1-dxp-component-image-editor.v1{--borderColor: #3b4e58;--borderRadius: 2px}.t1-dxp-style-employee .t1-dxp-component-indicator-mandatory.v1{--color: var(--colorMandatory);--paddingLeft: var(--paddingMandatoryIndicator);--paddingRight: var(--paddingMandatoryIndicator);--fontSize: var(--fontSizeMediumLarge);--fontFamily: Arial, Helvetica, sans-serif;--lineHeight: 10px}.t1-dxp-style-employee .t1-dxp-component-image-input.v1{--minHeight: 150px}.t1-dxp-style-employee .t1-dxp-component-image-input.v1 .imageInput-dragContainerElement{--background: #EFF2FE}.t1-dxp-style-employee .t1-dxp-component-input-base.v1{--paddingBottom: var(--paddingTextInput);--paddingTop: var(--paddingTextInput)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.smallWidth{--width: var(--widthInputSmall)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.mediumWidth{--width: var(--widthInputMedium)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.largeWidth{--width: var(--widthInputLarge)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-labelElement{--paddingTop: var(--spacingTight-20);--paddingBottom: var(--spacingTight-40);--paddingLeft: 0;--paddingRight: var(--spacingTight-20)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-inputElement{--borderStyle: var(--inputBorderStyle);--borderWidth: var(--inputBorderWidth);--borderColor: var(--colorBorderInputDefault);--borderStyle: solid;--borderRadius: var(--borderRadiusInput);--height: var(--heightInputMedium);--lineHeight: var(--heightInputMedium);--paddingLeft: var(--paddingTextInputSides);--paddingRight: var(--paddingTextInputSides);--placeholderColor: var(--colorTextPlaceholder);--transition: padding-left var(--transitionInputHoverDuration) var(--transitionIputTimingFunction), padding-right var(--transitionInputHoverDuration) var(--transitionIputTimingFunction), border-color var(--transitionInputHoverDuration) var(--transitionIputTimingFunction)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-clearElement{--color: var(--colorIconClear)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-clearElement:hover,.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-clearElement:focus{--color: var(--colorIconClearHover)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-charCountElement{--fontSize: var(--fontSizeSmaller);--paddingBottom: var(--paddingTextInputCharacterCount);--paddingRight: var(--paddingTextInputCharacterCount)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-charCountElement.warning{--color: var(--colorTextCountWarning)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-charCountElement~.input-clearElement{--iconMarginTop: -16px;--iconMarginRight: -16px}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-pickerButtonElement{--background: transparent;--borderLeftColor: var(--colorBorderInputDefault);--borderLeftStyle: solid;--borderLeftWidth: var(--inputBorderWidth);--borderBottomRightRadius: 0;--borderTopRightRadius: 0;--color: var(--colorTextDefault);--transition: background-color var(--transitionInputHoverDuration) var(--transitionIputTimingFunction), color var(--transitionInputHoverDuration) var(--transitionIputTimingFunction), border-left-color var(--transitionInputHoverDuration) var(--transitionIputTimingFunction)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-pickerElement{--background: var(--colorBackgroundDefault);--borderColor: var(--colorBorderInputHover);--borderStyle: solid;--borderWidth: 1px;--height: var(--heightInputMedium)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionPaneElement{--maxHeight: 250px;--borderColor: var(--colorBorderInputHover);--borderStyle: solid;--borderWidth: var(--inputBorderWidth);--borderRadius: var(--borderRadiusContainer)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionPaneElement{max-width:var(--parentWidth)}}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionPaneActionElement{--height: var(--heightSuggestionItem);--paddingLeft: var(--paddingTextInputSides);--paddingRight: var(--paddingTextInputSides)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionPaneActionElement:not(.noAction):hover,.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionPaneActionElement:not(.noAction).highlight{--background: var(--colorSuggestionItemBackgroundHover)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionPaneActionElement.noAction{--color: var(--colorTextDisabled)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionItemElement{--lensDescriptionSpacing: var(--paddingTextInputSides);--color: var(--colorNeutralDark);--minHeight: var(--heightSuggestionItem);--paddingBottom: var(--paddingTextInputSides);--paddingLeft: var(--paddingTextInputSides);--paddingRight: var(--paddingTextInputSides);--paddingTop: var(--paddingTextInputSides);--borderTopWidth: var(--borderWidthSmall);--borderTopStyle: var(--borderStyleSolid);--borderTopColor: var(--colorTransparent)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionItemElement.enabled:hover,.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionItemElement.enabled.highlight{--background: var(--colorSuggestionItemBackgroundHover)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionItemElement.disabled{--color: var(--colorTextDisabled);--fontStyle: italic}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionPaneGroupItemLabelElement{--background: var(--colorLightest);--color: var(--colorNeutralDark);--textTransform: var(--fontTransformEmphasis);--minHeight: var(--heightSmall-60);--paddingLeft: var(--spacingBase-10);--paddingRight: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionPaneGroupItemContentElement{--paddingLeft: var(--spacingBase-50)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionPaneElement.itemsHaveMultipleLines .input-suggestionItemElement:not(:first-child){--borderTopColor: var(--colorNeutralLighter)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionItemHighlightElement{--color: var(--colorNeutralDarkest)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionItemLoaderIconElement{--height: var(--heightSmall-10);--width: var(--widthSmall-10)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionItemLensElement{--height: var(--heightLensSmall);--width: var(--widthLensSmall)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-suggestionItemLensElement.image{--borderRadius: var(--borderRadiusLens)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-errorMessageElement{--color: var(--colorTextError);--fontSize: var(--fontErrorText);--lineHeight: var(--fontErrorTextLineHeight);--paddingTop: calc(var(--paddingInputErrorTopBottom) + 1px);--paddingBottom: var(--paddingInputErrorTopBottom);--paddingLeft: var(--paddingInputErrorLeftRight);--paddingRight: var(--paddingInputErrorLeftRight)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-errorMessageElement:before{content:"";display:inline-block;vertical-align:bottom;background-color:var(--colorTextError);width:var(--spacingTight-40);height:var(--heightSmall-20);border-radius:var(--borderRadiusSharp-20);margin-right:calc(var(--spacingTight-40)*-1);position:relative;left:calc(var(--paddingInputErrorLeftRight) * -1);top:-1px}.t1-dxp-style-employee .t1-dxp-component-input-base.v1 .input-helpTextElement{--fontSize: var(--fontHelpText);--lineHeight: var(--fontHelpTextLineHeight)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.editable .input-inputElement{--background: var(--colorBackgroundDefault)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.editable.enabled .input-pickerButtonElement:active{--background: var(--colorPickerButtonBackgroundHover);--borderLeftColor: var(--colorPickerButtonBackgroundHover);--color: var(--colorPickerButtonHover)}@media (hover: hover){.t1-dxp-style-employee .t1-dxp-component-input-base.v1.editable.enabled .input-pickerButtonElement:hover{--background: var(--colorPickerButtonBackgroundHover);--borderLeftColor: var(--colorPickerButtonBackgroundHover);--color: var(--colorPickerButtonHover)}}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.editable.valid.enabled .input-inputElement:hover,.t1-dxp-style-employee .t1-dxp-component-input-base.v1.editable.valid.hasFocus .input-inputElement,.t1-dxp-style-employee .t1-dxp-component-input-base.v1.editable.valid.suggestionsShown .input-inputElement{--borderColor: var(--colorBorderInputHover)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.readonly .input-labelElement{--color: var(--colorTextLabelReadOnly)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.readonly .input-inputElement{--borderColor: transparent;--paddingLeft: 0;--paddingRight: 0}.showFocusStyle .t1-dxp-style-employee .t1-dxp-component-input-base.v1.readonly.hasFocus .input-inputElement{--outline: var(--borderFocus);--outlineOffset: var(--spacingTight-20)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.disabled .input-inputElement{--background: var(--colorBackgroundDisabled);--borderColor: var(--colorBorderInputDisabled);--color: var(--colorTextDisabled)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.disabled .input-inputElement .input-labelElement{--color: initial}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.disabled .input-pickerButtonElement{--color: var(--colorPickerButtonDisabled);--borderLeftColor: var(--colorPickerButtonDisabled)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invalid .input-inputElement{--borderColor: var(--colorBackgroundError)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.labelHidden .input-labelElement{--height: 0}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors{--borderWidth: 0px}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors .input-inputElement{--color: var(--colorWhite);--caretColor: var(--colorWhite);--placeholderColor: var(--colorWhiteOpac-40)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors .input-pickerButtonElement{--borderLeftColor: var(--colorWhiteOpac-10)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors.readonly .input-labelElement{--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors .input-inputElement{--background: var(--colorBlackOpac-10);--border: none;--borderWidth: 0px}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors.readonly .input-inputElement{--background: none}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors.editable.enabled .input-pickerButtonElement:hover{--background: var(--colorBlackOpac-10);--borderLeftColor: var(--colorWhiteOpac-10)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors.noFocus.editable.enabled .input-inputElement{--background: var(--colorBlackOpac-25)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors.hasFocus.editable.enabled .input-inputElement{--background: var(--colorBlackOpac-40)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors .input-clearElement{--color: var(--colorWhiteOpac-40)}.t1-dxp-style-employee .t1-dxp-component-input-base.v1.invertColors .input-clearElement:hover{--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-input-color.v1.smallWidth{--width: var(--widthInputMedium)}.t1-dxp-style-employee .t1-dxp-component-input-counter.v1 .input-inputElement{--paddingLeft: 0;--paddingRight: 0}.t1-dxp-style-employee .t1-dxp-component-input-date.v1{--cellSize: var(--widthSmall-50)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-input-date.v1{--cellSize: var(--widthMedium-10)}}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .input-pickerElement{--borderRadius: var(--borderRadiusContainer)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerElement{--background: #fff;--fontSize: var(--fontSizeSmall)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-pickerDropDownButtonElement{--borderStyle: solid;--borderWidth: 1px;--borderColor: transparent;--borderRadius: var(--borderRadiusButton);--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-pickerDropDownButtonElement:hover{--background: var(--colorNeutralLightest-50)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-pickerDropDownButtonElement.dropDownPanelShown{--borderColor: var(--colorNeutral);--background: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-pickerDropDownPanelElement{--background: var(--colorWhite);--boxShadow: 0 1px 4px rgba(0, 0, 0, .15)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-pickerDropDownItemElement{--borderColor: transparent;--borderStyle: solid;--borderWidth: 1px;--borderRadius: var(--borderRadiusButton)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-pickerDropDownItemElement:focus-within{--background: var(--colorNeutralLightest-50);--borderColor: var(--colorNeutral)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-pickerDropDownItemElement:not(.disabled):hover{--background: var(--colorNeutralLightest-50)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-pickerDropDownItemElement:not(.disabled):hover{--background: transparent}}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-pickerDropDownItemElement.disabled{--background: var(--colorNeutralLightest-50);--color: var(--colorTextDisabled)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerHeaderElement{--borderColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerHeaderDayElement{--lineHeight: var(--heightSmall-55);--opacity: .65;--width: var(--cellSize)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-monthDescriptionElement{--top: calc(var(--cellSize) - var(--borderWidth) + (var(--spacingTight-40) * 2));--background: #FFF;--height: calc(var(--cellSize) - (var(--borderWidth) * 2));--paddingLeft: calc(var(--spacingTight-40) * 2);--paddingRight: var(--paddingLeft);--fontWeight: var(--fontWeightMedium)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerDayElement{--borderColor: transparent;--borderWidth: 1px;--borderStyle: solid;--borderRadius: var(--cellSize);--lineHeight: calc(var(--cellSize) - var(--borderWidth) * 2);--paddingBottom: var(--spacingTight-40);--paddingLeft: var(--spacingTight-40);--paddingRight: var(--spacingTight-40);--paddingTop: var(--spacingTight-40);--width: var(--cellSize)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerDayElement{--paddingLeft: 0;--paddingRight: 0}}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerDayElement.today{--borderColor: var(--colorNeutral)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerDayElement:not(.disabled):hover,.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerDayElement:focus{--borderColor: var(--colorNeutralDarker);--background: var(--colorNeutralLightest-50)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerDayElement.selected,.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerDayElement.selected:not(.disabled):hover{--background: var(--colorNeutralDarker);--borderColor: var(--colorNeutralDarker);--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerDayElement.disabled{--color: var(--colorTextDisabled);--background: var(--colorNeutralLightest-50)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerDayElement.disabled.selected,.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .dateInput-datePickerDayElement.disabled.selected:hover{--background: var(--colorTextDisabled);--borderColor: var(--colorTextDisabled);--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker,.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-Month{width:var(--widthFull);font-size:var(--fontSizeSmall)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-Caption{padding:0 .5rem;height:var(--heightPickerButton);line-height:var(--heightPickerButton)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-Caption>div{padding:0 .5rem}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-NavButton{background:none;background-position:center;background-repeat:no-repeat;margin:0;top:var(--paddingButtonInput);width:var(--widthPickerButton);height:var(--heightPickerButton);margin-right:var(--paddingButtonInput);line-height:var(--heightPickerButton);color:inherit;opacity:.75}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-NavButton:hover{opacity:1}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-NavButton--prev{right:40px;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='chevron-left-a' d='M9.87867966,10.7071068 L13.4142136,7.17157288 C13.8047379,6.78104858 14.4379028,6.78104858 14.8284271,7.17157288 C15.2189514,7.56209717 15.2189514,8.19526215 14.8284271,8.58578644 L10.5857864,12.8284271 C10.1952621,13.2189514 9.56209717,13.2189514 9.17157288,12.8284271 L4.92893219,8.58578644 C4.5384079,8.19526215 4.5384079,7.56209717 4.92893219,7.17157288 C5.31945648,6.78104858 5.95262146,6.78104858 6.34314575,7.17157288 L9.87867966,10.7071068 Z'/%3E%3C/defs%3E%3Cuse fill='%233B4E58' transform='rotate(90 9.879 10)' xlink:href='%23chevron-left-a'/%3E%3C/svg%3E")}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-NavButton--next{right:0;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='chevron-right-a' d='M11.1213203,10.7071068 L14.6568542,7.17157288 C15.0473785,6.78104858 15.6805435,6.78104858 16.0710678,7.17157288 C16.4615921,7.56209717 16.4615921,8.19526215 16.0710678,8.58578644 L11.8284271,12.8284271 C11.4379028,13.2189514 10.8047379,13.2189514 10.4142136,12.8284271 L6.17157288,8.58578644 C5.78104858,8.19526215 5.78104858,7.56209717 6.17157288,7.17157288 C6.56209717,6.78104858 7.19526215,6.78104858 7.58578644,7.17157288 L11.1213203,10.7071068 Z'/%3E%3C/defs%3E%3Cuse fill='%233B4E58' transform='rotate(-90 11.121 10)' xlink:href='%23chevron-right-a'/%3E%3C/svg%3E")}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-wrapper{padding:.5rem}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-Months{padding:0}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-Month{margin:0}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-Weekday{color:inherit;opacity:.65}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-Day{line-height:1.5rem;border-radius:var(--borderRadiusButton)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker-Day.DayPicker-Day--today{color:var(--colorTextDateCurrent)}.t1-dxp-style-employee .t1-dxp-component-input-date.v1 .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover{background-color:var(--colorSuggestionItemBackgroundHover)}.t1-dxp-style-employee .t1-dxp-component-input-multiline.v1 .input-inputElement{--lineHeight: 24px}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-inputElement{--color: var(--colorNeutralDarker)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-suggestionPane{--maxHeight: 250px;--borderColor: var(--colorBorderInputHover);--borderStyle: solid;--borderWidth: var(--inputBorderWidth);--borderRadius: var(--borderRadiusContainer)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-suggestionElement{--color: var(--colorNeutralDark);--minHeight: var(--heightSuggestionItem);--paddingBottom: var(--paddingTextInputSides);--paddingLeft: var(--paddingTextInputSides);--paddingRight: var(--paddingTextInputSides);--paddingTop: var(--paddingTextInputSides);--borderTopWidth: var(--borderWidthSmall);--borderTopStyle: var(--borderStyleSolid);--borderTopColor: var(--colorNeutralLighter)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-suggestionElement:first-child{--borderTopColor: var(--colorTransparent)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-suggestionElement:hover,.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-suggestionElement.highlight{--background: var(--colorSuggestionItemBackgroundHover)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-suggestionElement .multiselectInlineInput-highlightElement{--color: var(--colorNeutralDarkest)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-noSuggestionElement{--color: var(--colorNeutralDark);--minHeight: var(--heightSuggestionItem);--paddingBottom: var(--paddingTextInputSides);--paddingLeft: var(--paddingTextInputSides);--paddingRight: var(--paddingTextInputSides);--paddingTop: var(--paddingTextInputSides);--borderTopWidth: var(--borderWidthSmall);--borderTopStyle: var(--borderStyleSolid);--borderTopColor: var(--colorNeutralLighter)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-actionElement{--paddingTextInputVertical: calc(var(--spacingBase-10) - var(--borderTopWidth));--minHeight: var(--heightSuggestionItem);--paddingBottom: var(--paddingTextInputVertical);--paddingLeft: var(--paddingTextInputSides);--paddingRight: var(--paddingTextInputSides);--paddingTop: var(--paddingTextInputVertical);--borderTopWidth: var(--borderWidthSmall);--borderTopStyle: var(--borderStyleSolid);--borderTopColor: var(--colorNeutralLighter);--lineHeight: calc(var(--minHeight) - (var(--paddingTextInputVertical) * 2))}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-actionElement .multiselectInlineInput-actionLabelElement{--color: var(--colorNeutralDarkest);--fontWeight: var(--fontWeightMedium)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-actionElement .multiselectInlineInput-actionLabelSecondaryElement{--color: var(--colorNeutralDark)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-actionElement.error .multiselectInlineInput-actionLabelElement{--color: var(--colorNeutralDark);--fontWeight: var(--fontWeightMedium)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-actionElement.error .multiselectInlineInput-actionLabelSecondaryElement{--color: var(--colorError)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-actionElement:hover:not(.error),.t1-dxp-style-employee .t1-dxp-component-input-multiselect-inline.v1 .multiselectInlineInput-actionElement.highlight{--background: var(--colorSuggestionItemBackgroundHover)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-list.v1{--paddingTop: var(--paddingTextInput);--paddingBottom: var(--paddingTextInput)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-list.v1 .multiSelectListInput-categoriesElement{--width: var(--widthMedium-70)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-list.v1.largeWidth .multiSelectListInput-searchInputElement,.t1-dxp-style-employee .t1-dxp-component-input-multiselect-list.v1.largeWidth .multiSelectListInput-selectedItemsElement{--maxWidth: var(--widthLarge-90)}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-list.v1 .multiSelectListInput-selectedItemsElement .listCard-columnElement .listCard-headingElement{--flex: 1 0 40%}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-list.v1 .multiSelectListInput-selectedItemsElement .listCard-columnElement.columns1 .listCard-columnItemElement{--flex: 1 0 60%}.t1-dxp-style-employee .t1-dxp-component-input-multiselect-list.v1 .multiSelectListInput-selectedItemsElement .listCard-columnElement.columns2 .listCard-columnItemElement{--flex: 1 0 30%}.t1-dxp-style-employee .t1-dxp-component-input-time.v1 .input-pickerElement{--borderRadius: var(--borderRadiusContainer)}.t1-dxp-style-employee .t1-dxp-component-input-time.v1 .timePicker-itemElement{--borderColor: transparent;--borderStyle: solid;--borderWidth: 1px;--borderRadius: var(--borderRadiusButton)}.t1-dxp-style-employee .t1-dxp-component-input-time.v1 .timePicker-itemElement.selected{--background: var(--colorNeutralLightest-50);--borderColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-input-time.v1 .timePicker-itemElement:focus{--borderColor: var(--colorNeutralDarker)}.t1-dxp-style-employee .t1-dxp-component-link.v1{--color: var(--colorPrimaryDark);--cursor: default;--textDecoration: none}.t1-dxp-style-employee .t1-dxp-component-link.v1:not(.disabled){--fontWeight: var(--fontWeightLink);--color: var(--colorTextLink);--cursor: pointer}.t1-dxp-style-employee .t1-dxp-component-link.v1:not(.disabled):hover{--color: var(--colorTextLinkActive)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-pointMarkerElement{--height: var(--sizeMapMarker);--width: var(--sizeMapMarker)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-pointMarkerElement .t1-dxp-component-icon.background{--height: var(--sizeMapMarker);--width: var(--sizeMapMarker);--filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .4))}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-pointMarkerElement .simpleMap-pointMarkerIconElement{--top: var(--spacingTight-60);--height: var(--sizeMapMarkerIcon);--width: var(--sizeMapMarkerIcon)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-pointMarkerElement .simpleMap-pointMarkerIconElement .simpleMap-pointMarkerDefaultIconElement{--backgroundColor: var(--colorNeutralDarker);--border: var(--borderWidthLarge) solid var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-pointMarkerElement .simpleMap-pointMarkerShadowElement{--height: var(--heightTiny-30);--width: var(--widthTiny-30);--borderRadius: var(--borderRadiusCircle)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-lineMarkerElement{--height: var(--sizeLineMarker);--width: var(--sizeLineMarker);--backgroundColor: var(--colorWhite);--borderWidth: var(--borderWidthMedium)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-lineMarkerElement.circle{--borderRadius: var(--borderRadiusCircle)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-lineMarkerElement:after{--height: var(--heightSmall-10);--width: var(--widthSmall-10)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-clusterElement{--width: var(--sizeMapCluster);--height: var(--sizeMapCluster);--color: var(--colorWhite);--borderRadius: var(--borderRadiusCircle)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-clusterElement:after{--borderWidth: var(--widthSmall-10);--opacity: .3}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-controlElement{--margin: var(--spacingTight-60)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-controlElement .t1-dxp-component-button.v1{--color: var(--colorNeutralDark);--height: var(--sizeButtonIcon);--width: var(--sizeButtonIcon);--minWidth: var(--sizeButtonIcon);margin-bottom:1px;box-shadow:var(--shadowLight);border:none}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-controlElement .t1-dxp-component-button.v1.disabled{--background: var(--colorNeutralLightest-50)}.t1-dxp-style-employee .t1-dxp-component-map-simple.v1 .simpleMap-controlElement .t1-dxp-component-button.v1:hover{--color: var(--colorNeutralDarkest)}.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement{--boxShadow: var(--shadowLighter)}.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement{--margin: var(--spacingTight-10) var(--spacing-none);--backgroundColor: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement .messages-messageIconElement{--padding: var(--paddingContentPhone);--minWidth: var(--sizeIconSmall);--minHeight: var(--sizeIconSmall)}@media (hover: hover) and (pointer: fine){.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement .messages-messageIconElement{--padding: var(--spacingBase-10)}}.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement .messages-messageIconElement.Error{--backgroundColor: var(--colorTintError)}.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement .messages-messageIconElement.Warning{--backgroundColor: var(--colorTintWarning)}.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement .messages-messageIconElement.Saved{--backgroundColor: var(--colorTintSuccess)}.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement .messages-messageIconElement.Information,.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement .messages-messageIconElement.Unknown{--backgroundColor: var(--colorTintInfo)}.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement .messages-messageIconElement.Priority{--backgroundColor: var(--colorTintPriority)}.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement .messages-messageContentElement{--padding: var(--paddingTextContent);--lineHeight: var(--fontSizeBodyLineHeight)}.t1-dxp-style-employee .t1-dxp-component-messages.v1 .messages-messagesContainerElement .messages-messageElement .messages-messageContentElement .t1-dxp-component-link.v1{--paddingLeft: var(--paddingTextContent)}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal{--background: rgba(0, 0, 0, .4)}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal .modalElement{--paddingLeft: 20px;--paddingRight: 20px;--background: var(--colorNeutralLightest);--borderRadius: 2px;--boxShadow: 0 1px 10px rgba(0, 0, 0, .4)}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal .modalHeaderElement{--fontSize: 20px}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal.separateFooter .modalHeaderElement{--height: 52px;--paddingBottom: 6px;--paddingTop: 6px}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal.separateFooter .modalFooterElement{--paddingBottom: 12px;--paddingTop: 12px;--background: #ffffff;--height: 64px;--borderTopColor: var(--colorNeutralLighter);--borderTopStyle: solid;--borderTopWidth: 1px}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal.joinedFooter .modalHeaderElement{--height: 68px;--paddingBottom: 10px;--paddingTop: 10px}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal.joinedFooter .modalFooterElement{--paddingTop: 20px;--paddingBottom: 20px;--background: var(--colorNeutralLightest);--height: 80px}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal .modalActionElement{--spacing: 12px}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal .modalActionElement+.modalActionElement{--marginRight: 12px}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal .modalActionElement+.modalActionElement.t1-dxp-component-checkbox{--marginRight: var(--spacingBase-40)}.t1-dxp-style-employee .t1-dxp-component-modal.v1.desktopModal .modalActionElement.primaryStyle.disabled{--background: var(--colorNeutralDark)}.t1-dxp-style-employee .t1-dxp-component-modal.v1.phoneModal .modalElement{--background: var(--colorNeutralLightest);--paddingLeft: var(--spacingTight-80);--paddingRight: var(--spacingTight-80);--paddingTop: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-modal.v1.phoneModal .modalHeaderElement{--color: var(--colorWhite);--fontWeight: 600;--height: 60px;--paddingBottom: 8px;--paddingTop: 8px;--background: var(--colorBackgroundTheme)}.t1-dxp-style-employee .t1-dxp-component-modal.v1.phoneModal .modalHeaderElement .modal-headerActionElement{--color: inherit}.t1-dxp-style-employee .t1-dxp-component-modal.v1.phoneModal .modalHeaderElement .modal-headerActionElement.t1-dxp-component-button.v1:hover{--background: transparent;--color: inherit}.t1-dxp-style-employee .t1-dxp-component-modal.v1.phoneModal .modalFooterElement{--background: var(--colorWhite);--height: 100px;--paddingLeft: 20px;--paddingRight: 20px;--paddingTop: 16px;--paddingBottom: 32px;--borderTopColor: #d0dfe7;--borderTopStyle: solid;--borderTopWidth: 1px}.t1-dxp-style-employee .t1-dxp-component-modal.v1.phoneModal .modalFooterElement .t1-dxp-component-checkbox.v1 .checkbox-labelElement{--paddingRight: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-modal.v1 .modal-statusElement{--color: #667985;--fontSize: 1rem;--lineHeight: 1.5rem}.t1-dxp-style-employee .t1-dxp-component-modal.v1 .modal-statusElement.saved .modal-statusIconElement{--color: #96ca4a}.t1-dxp-style-employee .t1-dxp-component-modal.v1 .modal-statusElement.error .modal-statusIconElement{--color: #fe6b6b}.t1-dxp-style-employee .t1-dxp-component-modal.v1 .modal-statusIconElement{--marginRight: 10px}.t1-dxp-style-employee .t1-dxp-component-modal-small.t1-dxp-component-modal-confirmation.v1.desktopModal .modalElement{--width: min(calc(100vw - var(--spacingBase-10)), 580px)}.t1-dxp-style-employee .t1-dxp-component-modal-small.t1-dxp-component-modal-confirmation.v1.desktopModal .modalContentElement{--lineHeight: 1.5rem}.t1-dxp-style-employee .t1-dxp-component-modal-large.v1.desktopModal .modalElement{--width: calc(100% - 40px) ;--height: calc(100% - 40px) }.t1-dxp-style-employee .t1-dxp-component-modal-large.v1.desktopModal .modalContentElement{--height: calc(100% - 116px) }.t1-dxp-style-employee .t1-dxp-component-modal-medium.v1.desktopModal .modalElement{--width: 970px}@media (min-width: 700px) and (max-width: 1024px){.t1-dxp-style-employee .t1-dxp-component-modal-medium.v1.desktopModal .modalElement{--width: calc(100vw - 32px) }}.t1-dxp-style-employee .t1-dxp-component-modal-medium.v1.desktopModal .modalContentElement{--maxHeight: min(585px, calc(100vh - 180px) )}.t1-dxp-style-employee .t1-dxp-component-modal-medium.v1.desktopModal .modalContentElement .t1-dxp-component-input-multiline.v1{--width: 100%;--display: block}.t1-dxp-style-employee .t1-dxp-component-modal-pagination.v1.desktopModal .modalElement{--width: 580px}.t1-dxp-style-employee .t1-dxp-component-modal-pagination.v1.desktopModal .modalContentElement{--height: min(585px, calc(100vh - 180px) )}.t1-dxp-style-employee .t1-dxp-component-modal-small.v1.desktopModal .modalElement{--width: 580px}.t1-dxp-style-employee .t1-dxp-component-modal-small.v1.desktopModal .modalContentElement{--maxHeight: min(585px, calc(100vh - 180px) )}.t1-dxp-style-employee .t1-dxp-component-notifications.v1{--minHeight: min(50vh, 330px);--paddingTop: var(--spacingBase-40);--paddingBottom: var(--spacingBase-40)}.t1-dxp-style-employee .t1-dxp-component-notifications.v1 .notifications-notificationItemElement{--backgroundColor: var(--colorWhite);--borderTopColor: var(--colorNeutralLighter);--borderTopStyle: var(--borderStyleSolid);--borderTopWidth: var(--borderWidthSmall);--lineHeight: var(--spacingBase-20);--paddingTop: var(--spacingBase-20);--paddingBottom: var(--spacingBase-20);--paddingLeft: var(--spacingBase-20);--paddingRight: var(--spacingBase-20);--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-notifications.v1 .notifications-notificationItemElement.skeleton{--backgroundColor: var(--colorNeutralLightest);--minHeight: var(--spacingBase-20);--borderRadius: var(--borderRadiusMedium)}.t1-dxp-style-employee .t1-dxp-component-notifications.v1 .notifications-notificationItemElement.skeleton .notifications-notificationItemMessageElement,.t1-dxp-style-employee .t1-dxp-component-notifications.v1 .notifications-notificationItemElement.skeleton .notifications-notificationItemTimeElement{animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards,dxpSkeletonShimmer 2s linear infinite forwards;background-image:linear-gradient(to right,#fff0,#ffffff80,#fff0);background-repeat:no-repeat;background-size:cover}.t1-dxp-style-employee .t1-dxp-component-notifications.v1 .notifications-notificationItemTimeElement{color:var(--colorNeutral);font-size:var(--fontSizeSmaller);font-style:var(--fontStyleEmphasis);font-weight:var(--fontWeightRegular);margin-top:var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-pagination-loadmore.v1 .loadMorePagination-buttonElement{--marginBottom: var(--spacingBase-50);--marginTop: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-panel.v1{--paddingBottom: var(--paddingPanelContainerInternal)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.indented{--indentMargin: var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.indented.collapsible{--indentMargin: var(--spacingBase-100)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.collapsible .panelBase-headerContainerElementInner{--paddingLeft: var(--spacingBase-100)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.collapsible .panelBase-headerContainerElementInner .panelBase-headerContextualActionElement{--marginLeft: calc(var(--spacingBase-100) * -1)}.t1-dxp-style-employee .t1-dxp-component-panel.v1 .panel-separatorElement{--borderBottom: var(--borderContent)}.t1-dxp-style-employee .t1-dxp-component-panel.v1 .panel-emptyLabelElement{--backgroundColor: var(--colorBackgroundSubtle);--paddingTop: var(--paddingPanelContainerBottom);--paddingBottom: var(--paddingPanelContainerBottom)}.t1-dxp-style-employee .t1-dxp-component-panel.v1 .panel-emptyLabelElement .collapsed{--marginLeft: var(--spacingBase-100)}@media (max-width: 700px){.dxpHomeLayoutHeadContent .t1-dxp-style-employee .t1-dxp-component-panel.v1 .panel-headerContainerElement{--padding: var(--paddingPanelPhone)}}.t1-dxp-style-employee .t1-dxp-component-panel.v1 .panel-headerContainerElement .panel-headerTitleContainerElement .panel-headerContextualActionElement.visible{--width: var(--widthSmall-45);--height: var(--heightSmall-45);--marginRight: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-panel.v1 .panel-headerContainerElement .panel-headerTitleContainerElement .panel-headerLabelElement{--fontWeight: var(--fontWeightMedium);font-size:var(--fontSizeSmaller);line-height:var(--lineHeightSmallest);text-transform:var(--fontTransformEmphasis)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.standardColours>.panel-headerContainerElement>.panel-headerTitleContainerElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.standardColours .panel-emptyLabelElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.invertColours>.panel-headerContainerElement>.panel-headerTitleContainerElement{--color: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.invertColours .panel-emptyLabelElement{--color: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-panel.v1 .panelBase-headerLabelElement{--fontSize: var(--fontSizeSmaller);--textTransform: var(--fontTransformEmphasis)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.disabled,.t1-dxp-style-employee .t1-dxp-component-panel.v1.partial{--color: var(--colorTextDisabled)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.subtle{--paddingTop: var(--spacingTight-80);--paddingBottom: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-panel.v1.emphasized{--paddingTop: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1{--paddingBottom: var(--paddingPanelContainerInternal)}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1 .panelBase-headerContainerElement{--paddingBottom: var(--spacingTight-20)}@media (max-width: 700px){.dxpHomeLayoutHeadContent .t1-dxp-style-employee .t1-dxp-component-panel-base.v1 .panelBase-headerContainerElement{--padding: var(--paddingPanelPhone)}}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1 .panelBase-headerContainerElement .panelBase-headerContainerElementInner{--minHeight: var(--heightSmall-45)}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1 .panelBase-headerContainerElement .panelBase-headerContainerElementInner .t1-dxp-component-indicator-mandatory{--lineHeight: 6px}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1 .panelBase-headerContainerElement .panelBase-headerTitleContainerElement{--marginRight: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1 .panelBase-headerContainerElement .panelBase-headerTitleContainerElement .panelBase-headerContextualActionElement.visible{--width: var(--widthSmall-45);--height: var(--heightSmall-45);--marginRight: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1 .panelBase-headerContainerElement .panelBase-headerTitleContainerElement .panelBase-headerContextualActionElement.visible .t1-dxp-component-button.v1{--flex: 1}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1 .panelBase-headerContainerElement .panelBase-headerTitleContainerElement .panelBase-headerLabelElement{--fontWeight: var(--fontWeightMedium);--lineHeight: 1rem;--marginTop: 1px}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1 .panelBase-headerContainerElement .panelBase-headerContentElement{--marginRight: var(--spacingBase-10)}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1 .panelBase-contentContainerElement.indented{--indentMargin: var(--spacingBase-20)}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1.standardColours>.panelBase-headerContainerElement>.panelBase-headerTitleContainerElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-panel-base.v1.invertColours>.panelBase-headerContainerElement>.panelBase-headerTitleContainerElement{--color: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1{--marginLeft: auto;--marginRight: auto;--marginTop: 8px;--marginBottom: 8px;--paddingLeft: 0;--paddingRight: 0;--paddingTop: 0;--paddingBottom: 0;--background: #fff;--boxShadow: 0 1px 2px rgba(0, 0, 0, .1);--borderRadius: 3px}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1{--marginLeft: 8px;--marginRight: 8px}}.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1:first-of-type{--marginTop: 0}.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-headerElement{--fontSize: 1.25rem;--fontWeight: 500;--height: 64px;--lineHeight: 24px;--paddingLeft: 12px;--paddingRight: 12px;--paddingTop: 12px;--paddingBottom: 12px}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-headerElement{--fontSize: 1rem}}.desktop .t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-headerElement{--paddingLeft: 32px;--paddingRight: 32px}.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-headerIconElement{--marginRight: 16px}.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-contentElement{--paddingLeft: 12px;--paddingRight: 12px;--paddingTop: 0;--paddingBottom: 12px}.desktop .t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-contentElement{--paddingLeft: 32px;--paddingRight: 32px}.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-shortDescriptionElement{--height: 27px;--fontSize: 1.25rem;--marginBottom: 4px}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-shortDescriptionElement{--marginBottom: 10px;--fontSize: 1rem}}.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-longDescriptionElement{--lineHeight: 1.43;--width: 100%}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-longDescriptionElement{--marginBottom: 20px;--width: auto}}.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-actionsContainer{--marginTop: 20px}.t1-dxp-style-employee .t1-dxp-component-panel-discovery.v1 .discoveryPanel-actionElement+.discoveryPanel-actionElement{--marginLeft: 12px}.t1-dxp-style-employee .t1-dxp-component-panel-search.v1 .panelBase-headerLabelElement{--fontSize: var(--fontSizeSmall)}.t1-dxp-style-employee .t1-dxp-component-panel-search.v1 .panelBase-headerContentElement{display:flex;flex-wrap:wrap}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1{--background: #fff;--fontSize: var(--fontSizeSmall)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-pickerDropDownButtonElement{--borderStyle: solid;--borderWidth: 1px;--borderColor: transparent;--borderRadius: var(--borderRadiusButton);--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-pickerDropDownButtonElement:hover{--background: var(--colorNeutralLightest-50)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-pickerDropDownButtonElement.dropDownPanelShown{--borderColor: var(--colorNeutral);--background: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-pickerDropDownPanelElement{--background: var(--colorWhite);--boxShadow: 0 1px 4px rgba(0, 0, 0, .15)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-pickerDropDownItemElement{--borderColor: transparent;--borderStyle: solid;--borderWidth: 1px;--borderRadius: var(--borderRadiusButton)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-pickerDropDownItemElement:focus-within{--background: var(--colorNeutralLightest-50);--borderColor: var(--colorNeutral)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-pickerDropDownItemElement:not(.disabled):hover{--background: var(--colorNeutralLightest-50)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-pickerDropDownItemElement:not(.disabled):hover{--background: transparent}}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-pickerDropDownItemElement.disabled{--background: var(--colorNeutralLightest-50);--color: var(--colorTextDisabled)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-headerElement{--borderColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-dayElement{--borderColor: transparent;--borderWidth: 1px;--borderStyle: solid}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-dayElement.today{--borderColor: var(--colorNeutral)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-dayElement:not(.disabled):hover,.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-dayElement:focus{--borderColor: var(--colorNeutralDarker);--background: var(--colorNeutralLightest-50)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-dayElement.selected,.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-dayElement.selected:not(.disabled):hover{--background: var(--colorNeutralDarker);--borderColor: var(--colorNeutralDarker);--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-dayElement.disabled{--color: var(--colorTextDisabled);--background: var(--colorNeutralLightest-50)}.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-dayElement.disabled.selected,.t1-dxp-style-employee .t1-dxp-component-picker-date.v1 .datePicker-dayElement.disabled.selected:hover{--background: var(--colorTextDisabled);--borderColor: var(--colorTextDisabled);--color: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-picker-time.v1 .timePicker-itemElement{--borderColor: transparent;--borderStyle: solid;--borderWidth: 1px;--borderRadius: var(--borderRadiusButton)}.t1-dxp-style-employee .t1-dxp-component-picker-time.v1 .timePicker-itemElement.selected{--background: var(--colorNeutralLightest-50);--borderColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-picker-time.v1 .timePicker-itemElement:focus{--borderColor: var(--colorNeutralDarker)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1{--paddingBottom: var(--paddingButtonInput);--paddingTop: var(--paddingButtonInput)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.smallWidth{--width: var(--widthInputSmall)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.mediumWidth{--width: var(--widthInputMedium)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.largeWidth{--width: var(--widthInputLarge)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.defaultWidth,.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.smallWidth,.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.mediumWidth,.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.largeWidth{--width: var(--widthFull)}}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1 .radiobutton-itemElement{--cursor: pointer;--paddingBottom: var(--paddingButtonInput);--paddingTop: var(--paddingButtonInput)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1 .radiobutton-itemElement .radiobutton-itemInputElement{--background: var(--colorBackgroundDefault);--borderWidth: var(--borderWidthSmall);--borderStyle: solid;--borderColor: var(--colorBorderInputDefault);--fillColor: transparent;--width: var(--widthButtonInput);--height: var(--heightButtonInput);--padding: 3px;--transition: border-color var(--transitionInputHoverDuration) var(--transitionIputTimingFunction)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1 .radiobutton-itemElement .radiobutton-itemLabelElement{--paddingLeft: var(--paddingButtonInput);--lineHeight: var(--heightButtonInput);--inputWidth: var(--widthButtonInput)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1 .radiobutton-itemElement .radiobutton-itemErrorMessageElement{--color: var(--colorTextError);--fontSize: var(--fontErrorText);--lineHeight: var(--fontErrorTextLineHeight);--paddingTop: calc(var(--paddingInputErrorTopBottom) + 1px);--paddingBottom: var(--paddingInputErrorTopBottom);--paddingLeft: var(--paddingInputErrorLeftRight);--paddingRight: var(--paddingInputErrorLeftRight)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1 .radiobutton-itemElement .radiobutton-itemErrorMessageElement:before{content:"";display:inline-block;vertical-align:bottom;background-color:var(--colorTextError);width:var(--spacingTight-40);height:var(--heightSmall-20);border-radius:var(--borderRadiusSharp-20);margin-right:calc(var(--spacingTight-40)*-1);position:relative;left:calc(var(--paddingInputErrorLeftRight) * -1);top:-1px}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1 .radiobutton-itemElement.checked .radiobutton-itemInputElement{--fillColor: var(--colorBackgroundInputChecked)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1 .radiobutton-errorMessageElement{--color: var(--colorTextError);--fontSize: var(--fontErrorText);--lineHeight: var(--fontErrorTextLineHeight);--paddingTop: calc(var(--paddingInputErrorTopBottom) + 1px);--paddingBottom: var(--paddingInputErrorTopBottom);--paddingLeft: var(--paddingInputErrorLeftRight);--paddingRight: var(--paddingInputErrorLeftRight)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1 .radiobutton-errorMessageElement:before{content:"";display:inline-block;vertical-align:bottom;background-color:var(--colorTextError);width:var(--spacingTight-40);height:var(--heightSmall-20);border-radius:var(--borderRadiusSharp-20);margin-right:calc(var(--spacingTight-40)*-1);position:relative;left:calc(var(--paddingInputErrorLeftRight) * -1);top:-1px}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.enabled .radiobutton-itemElement.valid:hover .radiobutton-itemInputElement,.showFocusStyle .t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.enabled .radiobutton-itemElement.valid:focus .radiobutton-itemInputElement{--borderColor: var(--colorBorderInputHover)}.showFocusStyle .t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.enabled .radiobutton-itemElement:focus{--outline: var(--borderFocus);--outlineOffset: var(--spacingTight-20)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.enabled .radiobutton-itemElement.invalid .radiobutton-itemInputElement{--borderColor: var(--colorBackgroundError)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.enabled .radiobutton-itemElement.invalid.checked .radiobutton-itemInputElement{--fillColor: var(--colorBackgroundError)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.disabled .radiobutton-itemElement{--cursor: default}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.disabled .radiobutton-itemElement .radiobutton-itemInputElement{--background: var(--colorBackgroundDisabled);--borderColor: var(--colorBorderInputDisabled)}.t1-dxp-style-employee .t1-dxp-component-radiobutton.v1.disabled .radiobutton-itemElement.checked .radiobutton-itemInputElement{--fillColor: var(--colorBorderInputDisabled)}.t1-dxp-style-employee .t1-dxp-component-resizable.v1{--resizableControlHitBoxSize: 20px}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1{--height: var(--heightSmall-60)}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement{--borderRadius: 0;--height: inherit;--paddingBottom: 0;--paddingLeft: 13px;--paddingRight: 13px;--paddingTop: 0;--background: var(--colorWhite);--borderColor: var(--colorNeutralLight);--borderStyle: var(--borderStyleSolid);--borderWidth: var(--borderWidthSmall)}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement:hover{--borderColor: var(--colorNeutralDark)}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement:hover.unselected{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement:hover.unselected.disabled{--color: var(--colorIconDisabled)}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement+.segmentedControl-itemElement{--marginLeft: -1px}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement:first-child{--borderRadius: var(--borderRadiusInput) 0 0 var(--borderRadiusInput)}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement:last-child{--borderRadius: 0 var(--borderRadiusInput) var(--borderRadiusInput) 0}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement.unselected{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement.selected{--background: var(--colorNeutralLightest);--color: var(--colorNeutralDarkest);--borderColor: var(--colorNeutralDarker)}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement.condensed{--paddingLeft: var(--spacingTight-60);--paddingRight: var(--spacingTight-60)}.t1-dxp-style-employee .t1-dxp-component-segmentedcontrol.v1 .segmentedControl-itemElement.disabled{--cursor: default;--color: var(--colorIconDisabled);--borderColor: var(--colorBorderInputDisabled)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1{--paddingBottom: var(--paddingButtonInput);--paddingTop: var(--paddingButtonInput)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1>.dxpSentimentControlInner.allIcons{--borderStyle: none}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1>.dxpSentimentControlInner.allIcons button{--borderStyle: solid;--padding: 12px 20px}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .sentimentIconButton{--borderColor: var(--colorBorderInputDefault)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .sentimentIconButton:hover{--borderColor: var(--colorBorderInputHover)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .sentimentIconButton.selected{--borderColor: var(--colorBorderInputActive);z-index:1}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .segmentedControl-itemElement.unselected{--background: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .segmentedControl-itemElement.unselected.positiveIcon .t1-dxp-component-icon{--color: var(--colorTealLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .segmentedControl-itemElement.unselected.neutralIcon .t1-dxp-component-icon{--color: var(--colorYellowLight)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .segmentedControl-itemElement.unselected.negativeIcon .t1-dxp-component-icon{--color: var(--colorRedLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .segmentedControl-itemElement.selected .t1-dxp-component-icon{--color: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .segmentedControl-itemElement.selected.positiveIcon{--background: var(--colorTealLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .segmentedControl-itemElement.selected.neutralIcon{--background: var(--colorYellowLight)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .segmentedControl-itemElement.selected.negativeIcon{--background: var(--colorRedLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v1 .errorMessageElement{--background: var(--colorBackgroundError);--color: var(--colorTextError);--fontSize: var(--fontSizeBase);--lineHeight: var(--lineHeightSmallest);--paddingBottom: var(--paddingTextInputError);--paddingLeft: var(--paddingTextInputError);--paddingRight: var(--paddingTextInputError);--paddingTop: var(--paddingTextInputError)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2{--paddingBottom: var(--paddingButtonInput);--paddingTop: var(--paddingButtonInput)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-itemElement{--paddingBottom: 12px;--paddingLeft: 20px;--paddingRight: 20px;--paddingTop: 12px}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-itemElement.unselected{--background: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-itemElement.unselected.positiveIcon{--color: var(--colorTealLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-itemElement.unselected.neutralIcon{--color: var(--colorYellowLight)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-itemElement.unselected.negativeIcon{--color: var(--colorRedLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-itemElement.selected{--color: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-itemElement.selected.positiveIcon{--background: var(--colorTealLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-itemElement.selected.neutralIcon{--background: var(--colorYellowLight)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-itemElement.selected.negativeIcon{--background: var(--colorRedLightest)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-errorMessageElement{--color: var(--colorTextError);--fontSize: var(--fontErrorText);--lineHeight: var(--fontErrorTextLineHeight);--paddingTop: calc(var(--paddingInputErrorTopBottom) + 1px);--paddingBottom: var(--paddingInputErrorTopBottom);--paddingLeft: var(--paddingInputErrorLeftRight);--paddingRight: var(--paddingInputErrorLeftRight)}.t1-dxp-style-employee .t1-dxp-component-sentiment-control.v2 .sentimentControl-errorMessageElement:before{content:"";display:inline-block;vertical-align:bottom;background-color:var(--colorTextError);width:var(--spacingTight-40);height:var(--heightSmall-20);border-radius:var(--borderRadiusSharp-20);margin-right:calc(var(--spacingTight-40)*-1);position:relative;left:calc(var(--paddingInputErrorLeftRight) * -1);top:-1px}.t1-dxp-style-employee .t1-dxp-component-skeleton.v1{--animation: dxpSkeletonFade 2s ease-in-out .3s infinite forwards, dxpSkeletonShimmer 2s linear infinite forwards;--backgroundImage: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%);--backgroundRepeat: no-repeat;--backgroundSize: cover;--backgroundColor: var(--colorNeutralLightest)}@keyframes dxpSkeletonFade{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes dxpSkeletonShimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1{--height: 100vh;--skeletonGeneralSpacing: var(--spacingBase-20);--backgroundColor: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonButtonElement{--width: var(--widthButtonInput);--height: var(--skeletonItemHeightLarge);--borderRadius: var(--borderRadiusSkeleton);--backgroundColor: var(--colorSkeletonItemInverse)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonHeaderElement{--height: var(--skeletonHeaderHeight);--paddingLeft: var(--paddingGutterHorizontalSide);--paddingRight: var(--paddingGutterHorizontalSide);--backgroundColor: var(--colorSkeletonBackground)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonHeaderElement .skeletonButtonElement.left{--marginLeft: 0}@media (min-width: 700px) and (max-width: 1024px){.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonHeaderElement .skeletonButtonElement.left+.skeletonTitleElement{--marginLeft: var(--spacingTight-80)}}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonHeaderElement .skeletonButtonElement.right{--marginRight: 0}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonTitleElement{--width: var(--widthLarge-25);--marginRight: auto;height:var(--skeletonItemHeightLarge);border-radius:var(--borderRadiusSkeleton);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards;background-color:var(--colorSkeletonItemInverse)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonTitleElement{--marginLeft: auto;--marginRight: auto}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonTitleElement.left{--marginLeft: 0}}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonHeaderItemElement{--gap: var(--skeletonGeneralSpacing);--marginLeft: var(--skeletonGeneralSpacing)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonHeaderItemElement .skeletonHeaderItem{--width: var(--widthSmall-40);height:var(--skeletonItemHeightLarge);border-radius:var(--borderRadiusSkeleton);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards;background-color:var(--colorSkeletonItemInverse)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonHeaderItemElement .skeletonHeaderLogin{--width: var(--widthMedium-50);height:var(--skeletonItemHeightLarge);border-radius:var(--borderRadiusSkeleton);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards;background-color:var(--colorSkeletonItemInverse)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonSearchBarElement{--height: var(--skeletonHeaderHeight);--paddingTop: var(--spacingTight-40);--paddingBottom: var(--spacingTight-40);--paddingLeft: var(--spacingLoose-40);--paddingRight: var(--spacingLoose-40);--backgroundColor: var(--colorSkeletonBackground)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonSearchBarElement{--paddingLeft: var(--paddingGutterHorizontalSide);--paddingRight: var(--paddingGutterHorizontalSide)}}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonSearchBarElement .skeletonSearchElement{--borderRadius: var(--borderRadiusSkeleton);--width: var(--widthFull);height:var(--skeletonItemHeightLarge);border-radius:var(--borderRadiusSkeleton);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards;background-color:var(--colorSkeletonItemInverse)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonBreadcrumbCntrElement{--height: var(--widthSmall-40);--paddingTop: var(--spacingTight-40);--paddingBottom: var(--spacingTight-40);--paddingLeft: var(--paddingGutterHorizontalSide);--paddingRight: var(--paddingGutterHorizontalSide);--backgroundColor: var(--colorSkeletonBreadcrumb);--gap: var(--skeletonGeneralSpacing)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonBreadcrumbCntrElement .skeletonBreadcrumbElement{--width: var(--widthMedium-40);height:var(--skeletonItemHeightMedium);border-radius:var(--borderRadiusSkeleton);background-color:var(--colorSkeletonItemInverse);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonCarouselElement{--paddingTop: var(--paddingCarouselVerticalSide);--paddingBottom: var(--paddingCarouselVerticalSide);--paddingLeft: var(--paddingBodyHorizontalSide);--paddingRight: var(--paddingBodyHorizontalSide)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonCarouselElement .skeletonCarouselHeadingElement{--width: var(--widthLarge-25);height:var(--skeletonItemHeightMedium);border-radius:var(--borderRadiusSkeleton);background-color:var(--colorSkeletonItemInverse);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonCarouselElement .skeletonCarouselItemsCntrElement{--paddingTop: var(--paddingTopCarouselItems);--paddinBottom: var(--paddingBottomCarouselItems)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonCarouselElement .skeletonCarouselItemsCntrElement .skeletonCarouselItemElement{--height: 148px;--padding: var(--paddingGutterSmall);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonCarouselElement .skeletonCarouselItemsCntrElement .skeletonCarouselItemElement:before{--backgroundColor: var(--colorSkeletonItemInverse)}@media (min-width: 1024px){.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonCarouselElement .skeletonCarouselItemsCntrElement .skeletonCarouselItemElement{--height: var(--heightMedium-50)}}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonEntityElement{--paddingTop: var(--spacingBase-50);--paddingBottom: var(--spacingBase-40);--paddingLeft: var(--paddingBodyHorizontalSide);--paddingRight: var(--paddingBodyHorizontalSide)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonEntityElement:before{--width: var(--widthMedium-70);--marginBottom: var(--spacingBase-50);height:var(--skeletonItemHeightLarge);border-radius:var(--borderRadiusSkeleton);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards;background-color:var(--colorSkeletonItemInverse)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonEntityElement:after{--width: var(--widthLarge-25);height:var(--skeletonItemHeightSmall);border-radius:var(--borderRadiusSkeleton);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards;background-color:var(--colorSkeletonItemInverse)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonTabsCntrElement{--paddingLeft: var(--paddingBodyHorizontalSide);--paddingRight: var(--paddingBodyHorizontalSide)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonTabElement{--width: var(--widthMedium-50);--height: var(--heightSmall-10);--margin: var(--spacingTight-100) var(--spacingBase-40) var(--spacingTight-100) 0;--borderRadius: var(--borderRadiusSkeleton);height:var(--skeletonItemHeightSmall);border-radius:var(--borderRadiusSkeleton);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards;background-color:var(--colorSkeletonItemInverse)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonHeaderLargeElement{--backgroundColor: var(--colorSkeletonBackground)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonNotificationsBodyElement .skeletonNotificationElement{--height: var(--heightMedium-50);--boxShadow: var(--shadowLightest);--borderBottom: var(--borderSkeleton);--borderRadius: var(--borderRadiusContainer);--backgroundColor: var(--colorBackgroundDefault);--paddingLeft: var(--paddingCardHorizontalSide);--paddingRight: var(--paddingCardHorizontalSide)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonNotificationsBodyElement .skeletonNotificationTitleElement{--width: var(--widthThreeQuarters);--height: var(--skeletonItemHeightMedium);--backgroundColor: var(--colorSkeletonItem);--borderRadius: var(--borderRadiusSkeleton);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonNotificationsBodyElement .skeletonNotificationDescriptionElement{--width: var(--widthLarge-10);--height: var(--skeletonItemHeightMedium);--padding: var(--paddingSkeletonNotifications);--marginTop: var(--spacingTight-80);--backgroundColor: var(--colorSkeletonItem);--borderRadius: var(--borderRadiusSkeleton);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonProfileBodyElement,.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonHomeAppBodyElement,.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonNotificationsBodyElement{--paddingTop: var(--spacingBase-10);--paddingBottom: var(--spacingBase-10);--paddingLeft: var(--paddingBodyHorizontalSide);--paddingRight: var(--paddingBodyHorizontalSide)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonListCardElement{--height: var(--heightCardList);--borderBottom: var(--borderSkeleton);--backgroundColor: var(--colorBackgroundDefault);--borderRadius: var(--borderRadiusContainer);--boxShadow: var(--shadowLightest);--paddingLeft: var(--paddingCardHorizontalSide);--paddingRight: var(--paddingCardHorizontalSide)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonListCardElement{--marginLeft: calc(var(--paddingBodyHorizontalSide) * -1);--marginRight: calc(var(--paddingBodyHorizontalSide) * -1)}}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonListCardElement .skeletonListCardBody{--maxWidthLeft: var(--widthLarge-10);--maxWidthRight: var(--widthLarge-40);--height: var(--skeletonItemHeightMedium);--backgroundColor: var(--colorNeutralLightest);--borderRadius: var(--borderRadiusContainer)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonListCardElement .dxpLoaderDetailBodyDetail,.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonListCardElement .dxpLoaderDetailBodyDetail1,.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonListCardElement .dxpLoaderDetailBodyDetail2{--paddingLeft: var(--spacingTight-80);--paddingRight: var(--spacingTight-80)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonListCardElement .dxpLoaderDetailBodyDetail:after,.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonListCardElement .dxpLoaderDetailBodyDetail1:after,.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonListCardElement .dxpLoaderDetailBodyDetail2:after{--backgroundColor: var(--colorSkeletonItem);--borderRadius: var(--borderRadiusSkeleton);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonProfileContainerElement{--minHeight: var(--heightLarge-30);--paddingTop: var(--spacingLoose-10)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonProfileContainerElement .skeletonProfileAvatarElement{--width: var(--sizeAvatarProfile);--height: var(--sizeAvatarProfile);--margin: var(--spacingTight-40);--backgroundColor: var(--colorSkeletonItemInverse);--borderRadius: var(--borderRadiusAvatar);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonProfileContainerElement .skeletonProfileDescriptionElement{--height: var(--skeletonItemHeightMedium);--borderRadius: var(--borderRadiusSkeleton);--margin: var(--spacingTight-60);--backgroundColor: var(--colorSkeletonItemInverse);animation:dxpSkeletonFade 2s ease-in-out .3s infinite forwards}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonProfileContainerElement .skeletonProfileDescriptionElement.name{--width: var(--widthLarge-10)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonProfileContainerElement .skeletonProfileDescriptionElement.description{--width: var(--widthLarge-20)}.t1-dxp-style-employee .t1-dxp-component-skeleton-page.v1 .skeletonActionBarElement{--height: var(--heightMedium-35);--background: var(--colorBackgroundDefault);--boxShadow: var(--shadowLightest)}.t1-dxp-style-employee .t1-dxp-component-slider-carousel.v1{--largeScreenColumns: 3;--mediumScreenColumns: 2;--smallScreenColumns: 1;--slideCarouselNoColumns: var(--largeScreenColumns);--slideCarouselItemSpacing: 20px}@media (max-width: 900px){.t1-dxp-style-employee .t1-dxp-component-slider-carousel.v1{--slideCarouselNoColumns: var(--mediumScreenColumns)}}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-slider-carousel.v1{--slideCarouselNoColumns: var(--smallScreenColumns)}}.t1-dxp-style-employee .t1-dxp-component-slider-carousel.v1 .carouselSlider-itemElement{--width: calc((100% / var(--slideCarouselNoColumns)) + var(--slideCarouselItemSpacing) - (var(--slideCarouselItemSpacing)*3) * 1 / var(--slideCarouselNoColumns));--marginLeft: calc(var(--slideCarouselItemSpacing) * -1);--paddingLeft: calc(var(--slideCarouselItemSpacing) * 2)}.t1-dxp-style-employee .t1-dxp-component-slider-carousel.v1 .carouselSlider-itemElement:first-child{--marginLeft: calc(var(--slideCarouselItemSpacing) * -2)}.t1-dxp-style-employee .t1-dxp-component-slider-carousel.v1 .carouselSlider-itemElement:last-child{--marginRight: calc(var(--slideCarouselItemSpacing) * 2)}.t1-dxp-style-employee .t1-dxp-component-status.v1 .status-iconElement{--marginRight: var(--paddingGutterStatusLabel)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1{--height: var(--heightMedium-60);--stepperNavButtonSize: var(--sizeButtonIcon);--backgroundColor: var(--colorNeutralLightest);--transition: all .4s ease-in-out}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-progressLineElement{--paddingTop: var(--spacingBase-20)}@media (hover: none) and (pointer: none),(hover: none) and (pointer: coarse){.t1-dxp-style-employee .t1-dxp-component-stepper.v1.relativeContainer .stepper-scrollContainerElement .stepper-progressLineElement{--paddingTop: var(--spacingBase-50)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.relativeContainer .stepper-scrollContainerElement .stepper-stepsContainerElement{--width: calc(188px * var(--stepCount))}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.relativeContainer .stepper-scrollContainerElement .stepper-stepsContainerElement .stepper-stepElement .stepper-stepProgressJoinElement{--width: var(--sizeButtonIconLarge);--height: var(--sizeButtonIconLarge)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.relativeContainer .stepper-scrollContainerElement .stepper-stepsContainerElement .stepper-stepElement .stepper-stepVisualisationElement{--width: var(--sizeButtonIconLarge);--height: var(--sizeButtonIconLarge);--fontSize: var(--fontSizeMediumLarge)}}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.fixedContainer{--height: var(--heightContainerScrolled)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.fixedContainer .stepper-navigationContainerElement{--top: var(--spacingTight-60)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.fixedContainer .stepper-scrollContainerElement{--paddingTop: var(--spacingTight-60);--paddingBottom: var(--spacing-none)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.fixedContainer .stepper-progressLineElement{--marginLeft: var(--spacingLoose-35);--marginRight: var(--spacingLoose-35)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.condensed .stepper-scrollContainerElement .stepper-stepsContainerElement{--width: calc(112px * var(--stepCount))}@media (hover: none) and (pointer: none),(hover: none) and (pointer: coarse){.t1-dxp-style-employee .t1-dxp-component-stepper.v1.condensed .stepper-scrollContainerElement .stepper-stepsContainerElement{--width: calc(128px * var(--stepCount))}}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.condensed .stepper-scrollContainerElement .stepper-stepsContainerElement .stepper-stepVisualisationElement{--marginLeft: var(--spacingLoose-10);--marginRight: var(--spacingLoose-10)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.condensed .stepper-scrollContainerElement .stepper-progressLineElement{--marginLeft: var(--spacingLoose-35);--marginRight: var(--spacingLoose-35)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.condensed.fixedContainer .stepper-stepsContainerElement{--width: calc(112px * var(--stepCount))}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.standard .stepper-stepInformationLabelElement{--fontWeight: var(--fontWeightMedium)}@media (hover: hover) and (pointer: fine){.t1-dxp-style-employee .t1-dxp-component-stepper.v1.showNav .stepper-navigationContainerElement{--display: block}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.showNav .stepper-scrollContainerElement{--marginRight: calc(var(--stepperNavButtonSize) * 2)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1.showNav .stepper-fadeElement.right{--right: calc(var(--stepperNavButtonSize) * 2)}}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-navigationContainerElement{--display: none;--top: var(--spacingTight-80);--transition: all .4s ease-in-out}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-navigationContainerElement .t1-dxp-component-button.v1{--width: var(--stepperNavButtonSize);--height: var(--stepperNavButtonSize);--paddingLeft: var(--spacing-none);--paddingRight: var(--spacing-none)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-navigationContainerElement .t1-dxp-component-button.v1:hover{--background: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-scrollContainerElement{--padding: var(--paddingStepper);--height: calc(100% + var(--sizeScrollBar));--transition: all .4s ease-in-out;--scrollbarSize: var(--sizeScrollBar)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-scrollContainerElement .stepper-stepsContainerElement{--width: calc(172px * var(--stepCount))}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-scrollContainerElement .stepper-stepsContainerElement .stepper-progressLineElement{--width: var(--sizeButtonIconSmall);--height: var(--sizeButtonIconSmall);--marginLeft: calc((100% / var(--stepCount)) - (100% / var(--stepCount) / 2));--marginRight: calc((100% / var(--stepCount)) - (100% / var(--stepCount) / 2));--borderBottom: var(--heightTiny-10) dashed var(--colorNeutralLighter);--transition: all .4s ease-in-out}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement{--paddingTop: var(--spacingTight-20);--borderTransitionDelay: 1.75s;--progressTransitionDelay: 1s;--informationTransition: opacity .2s ease-in-out 1.75s;--borderTransition: width .5s ease-in-out;--iconColor: var(--colorLightest);--visualisationAnimation: dxpStepperCompleteButtonAnimation 1.25s 0 ease-in-out;--iconAnimation: dxpStepperCompleteIconAnimation 1.25s 0 ease-in-out}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.current{--border: var(--borderStepCompleted)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.current .stepper-stepVisualisationElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.complete{--border: var(--borderStepCompleted)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.complete .stepper-stepVisualisationElement{--backgroundColor: var(--colorCompleted)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.warning,.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.error,.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.future{--border: solid 2px var(--colorLightest);--iconColor: var(--colorNeutralDarker)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.error{--color: var(--colorError)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.optional{--color: var(--colorNeutralDark)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.selected{--border: var(--borderLensActive)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement.selected .stepper-stepVisualisationElement{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement .stepper-stepProgressJoinElement{--width: var(--sizeButtonIconSmall);--height: var(--sizeButtonIconSmall);--joinHeight: var(--heightTiny-10);--backgroundColor: var(--colorCompleted);--transition: width 1s ease-in-out}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement .stepper-stepVisualisationElement{--width: var(--sizeButtonIconSmall);--height: var(--sizeButtonIconSmall);--color: var(--colorNeutralLight);--fontSize: var(--fontSizeSmall);--marginLeft: var(--spacingLoose-35);--marginRight: var(--spacingLoose-35);--borderRadius: var(--borderRadiusLens);--transition: all .4s ease-in-out;--backgroundColor: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement .stepper-stepVisualisationElement .t1-dxp-component-icon{--width: var(--sizeIconSmall);--height: var(--sizeIconSmall)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-stepElement .stepper-stepInformationElement{--fontSize: var(--fontHelpText);--lineHeight: var(--lineHeightSmaller);--paddingTop: var(--spacingTight-80);--maxWidth: 172px}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-fadeElement{--width: var(--sizeButtonIconSmall)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-fadeElement.left{--left: 0;--maskImage: linear-gradient(270deg, transparent 0, #000000)}.t1-dxp-style-employee .t1-dxp-component-stepper.v1 .stepper-fadeElement.right{--right: 0;--maskImage: linear-gradient(90deg, transparent 0, #000000)}@keyframes dxpStepperCompleteButtonAnimation{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}@keyframes dxpStepperCompleteIconAnimation{0%{transform:scale(0);opacity:0}30%{transform:scale(1.4);opacity:1}50%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.t1-dxp-style-employee .t1-dxp-component-tabbar.v1{--background: var(--colorTransparent);--borderBottomColor: var(--colorPrimaryDarker);--borderBottomWidth: var(--heightTiny-20);--borderBottomOpacity: .1;--color: var(--colorPrimaryDarker);--height: var(--heightMedium-20)}.t1-dxp-style-employee .t1-dxp-component-tabbar.v1.invertColours{--background: var(--colorBackgroundTabBar);--boxShadow: var(--shadowLightest);--color: var(--colorForegroundTabBar);--borderBottomColor: var(--colorForegroundTabBar);--borderBottomOpacity: .3}.t1-dxp-style-employee .t1-dxp-component-tabbar.v1.left{--maskImage: linear-gradient(to right, #ffffff, #000000 var(--widthSmall-50), #000000, #000000 var(--widthSmall-50), #000000 calc(100% - var(--widthSmall-50)), rgba(255, 255, 255, 0))}.t1-dxp-style-employee .t1-dxp-component-tabbar.v1.middle{--maskImage: linear-gradient(to right, rgba(255, 255, 255, 0), #000000 var(--widthSmall-50), #000000, #000000 var(--widthSmall-50), #000000 calc(100% - var(--widthSmall-50)), rgba(255, 255, 255, 0))}.t1-dxp-style-employee .t1-dxp-component-tabbar.v1.right{--maskImage: linear-gradient(to right, rgba(255, 255, 255, 0), #000000 var(--widthSmall-50), #000000, #000000 var(--widthSmall-50), #000000 calc(100% - var(--widthSmall-50)), #ffffff)}@media (hover: hover) and (pointer: fine){.t1-dxp-style-employee .t1-dxp-component-tabbar.v1.expandedWidth .tabBar-tabElement{--flex: 1 0 auto;--minWidth: calc(100% / var(--tabCount))}}.t1-dxp-style-employee .t1-dxp-component-tabbar.v1 .tabBar-tabElement{--textAlign: center;--lineHeight: var(--lineHeightSmall);--paddingBottom: var(--paddingTabBottom);--paddingLeft: var(--paddingTabSide);--paddingRight: var(--paddingTabSide);--paddingTop: var(--paddingTabTop)}@media (hover: none) and (pointer: none),(hover: none) and (pointer: coarse){.t1-dxp-style-employee .t1-dxp-component-tabbar.v1 .tabBar-tabElement{--flex: 1 0 auto;--minWidth: 20%}}.t1-dxp-style-employee .t1-dxp-component-tabbar.v1 .tabBar-tabElement.hasAlert{--paddingRight: var(--spacingTight-60)}.t1-dxp-style-employee .t1-dxp-component-tabbar.v1 .tabBar-tabAlertElement{--top: -4px;--right: -2px;background-color:var(--colorIndicator);width:var(--widthTiny-40);height:var(--heightTiny-40);border-radius:var(--borderRadiusCircle);border:var(--borderIndicator)}.t1-dxp-style-employee .t1-dxp-component-tabbar.v1 .tabBar-selectedTabBarIndicatorElement{--background: var(--borderBottomColor);--transition: all var(--transitionStepperDuration) var(--transitionStepperTimingFunction)}.t1-dxp-style-employee .t1-dxp-component-tag.v1{--background: var(--colorWhite);--borderColor: transparent;--borderStyle: solid;--borderWidth: 1px;--borderRadius: 14px;--lineHeight: 22px;--paddingLeft: 8px;--paddingRight: 8px;--paddingBottom: 2px;--paddingTop: 2px;--wordBreak: break-word}.t1-dxp-style-employee .t1-dxp-component-tag.v1.hasIcon{--paddingLeft: 4px}.t1-dxp-style-employee .t1-dxp-component-tag.v1.hasClose{--paddingRight: 2px}.t1-dxp-style-employee .t1-dxp-component-tag.v1.hasClick:hover{--borderColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-tag.v1.hasClick:focus{--borderColor: var(--colorNeutralDarker)}.t1-dxp-style-employee .t1-dxp-component-tag.v1.checked{--borderColor: var(--colorNeutralDarker)}.t1-dxp-style-employee .t1-dxp-component-tag.v1 .tag-iconElement{--marginRight: 4px;margin-top:1px}.t1-dxp-style-employee .t1-dxp-component-tag.v1 .tag-closeButtonElement{--borderRadius: 11px;--color: var(--colorNeutral);--marginLeft: 4px;--paddingLeft: 1px;--paddingRight: 1px;--paddingBottom: 1px;--paddingTop: 1px}.t1-dxp-style-employee .t1-dxp-component-tag.v1 .tag-closeButtonElement:hover{--color: var(--colorNeutralDarker);--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-tag.v1.onWhite{--background: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-tag.v1.onWhite .tag-closeButtonElement:hover{--background: var(--colorWhite)}.t1-dxp-style-employee .t1-dxp-component-text-error.v1{--color: var(--colorTextError);--fontSize: var(--fontErrorText);--lineHeight: var(--fontErrorTextLineHeight);--paddingTop: calc(var(--paddingInputErrorTopBottom) + 1px);--paddingBottom: var(--paddingInputErrorTopBottom);--paddingLeft: var(--paddingInputErrorLeftRight);--paddingRight: var(--paddingInputErrorLeftRight)}.t1-dxp-style-employee .t1-dxp-component-text-error.v1:before{content:"";display:inline-block;vertical-align:bottom;background-color:var(--colorTextError);width:var(--spacingTight-40);height:var(--heightSmall-20);border-radius:var(--borderRadiusSharp-20);margin-right:calc(var(--spacingTight-40)*-1);position:relative;left:calc(var(--paddingInputErrorLeftRight) * -1);top:-1px}.t1-dxp-style-employee .t1-dxp-component-text-help.v1{--fontSize: var(--fontHelpText);--lineHeight: var(--fontHelpTextLineHeight);--marginRight: var(--spacingTight-60)}.t1-dxp-style-employee .t1-dxp-component-toast.v1 .toast-notificationElement{--minHeight: 55px;--width: var(--widthLarge-70);--lineHeight: var(--lineHeightSmaller);--padding: var(--spacingTight-80)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-toast.v1 .toast-notificationElement{--width: 90vw}}.t1-dxp-style-employee .t1-dxp-component-toast.v1 .toast-notificationIconElement{--width: var(--sizeIconMedium)}.t1-dxp-style-employee .t1-dxp-component-toast.v1 .toast-notificationIconElement.info{--background: var(--colorTintInfo)}.t1-dxp-style-employee .t1-dxp-component-toast.v1 .toast-notificationIconElement.warning{--background: var(--colorTintWarning)}.t1-dxp-style-employee .t1-dxp-component-toast.v1 .toast-notificationIconElement.error{--background: var(--colorTintError)}.t1-dxp-style-employee .t1-dxp-component-toast.v1 .toast-notificationIconElement.success{--background: var(--colorTintSuccess)}.t1-dxp-style-employee .t1-dxp-component-toast.v1 .toast-notificationCloseButtonElement{--marginLeft: var(--spacingTight-80)}@media (hover: none) and (pointer: none),(hover: none) and (pointer: coarse){.t1-dxp-style-employee .t1-dxp-component-toast.v1 .toast-notificationCloseButtonElement{--display: none}}.t1-dxp-style-employee .t1-dxp-component-toolbar-floating.v1{--height: 32px;--borderWidth: 1px;--borderColor: var(--colorNeutralLighter);--borderRadius: 2px}.t1-dxp-style-employee .t1-dxp-component-toolbar-floating.v1:hover{--borderColor: var(--colorNeutralDarker)}.t1-dxp-style-employee .t1-dxp-component-toolbar-floating.v1 .floatingToolbar-actionGroupElement{--separatorColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-tooltip.v1{--maxWidth: var(--widthTooltip);--paddingTop: var(--paddingTooltipVertical);--paddingBottom: var(--paddingTooltipVertical);--paddingLeft: var(--paddingTooltipHorizontal);--paddingRight: var(--paddingTooltipHorizontal);--borderRadius: var(--borderRadiusContainer);--color: var(--colorTextDefaultInverse);--background: var(--colorBackgroundLayoutInverseDefault);--lineHeight: var(--heightSmall-30)}@media (max-width: 700px){.t1-dxp-style-employee .t1-dxp-component-tooltip.v1{--maxWidth: calc(100vw - 8px) }}.t1-dxp-style-employee .t1-dxp-component-tooltip.v1 .tooltip-descriptionMoreElement{--paddingTop: var(--spacingTight-80);--paddingBottom: var(--spacingTight-40);--fontWeight: var(--fontWeightLink)}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1{--tooltipGutterSpacing: var(--spacingTight-80);--background: var(--colorWhite);--borderColor: var(--colorNeutralDark);--borderStyle: solid;--borderWidth: var(--borderWidthSmall);--borderRadius: var(--borderRadiusInput);--fontSize: .875rem;--lineHeight: 1.25rem;--paddingBottom: var(--tooltipGutterSpacing);--paddingLeft: var(--tooltipGutterSpacing);--paddingRight: var(--tooltipGutterSpacing);--paddingTop: var(--tooltipGutterSpacing);--minWidth: 360px;--maxWidth: 460px;--wordBreak: break-word}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-titleElement{--marginRight: calc(var(--tooltipGutterSpacing) * -1);--paddingTop: var(--spacingTight-40);--paddingBottom: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-titleElement .expandedTooltip-linkElement{--marginLeft: var(--spacingTight-80);--marginRight: 0;--paddingLeft: var(--spacingTight-80);--paddingRight: var(--spacingTight-80);--paddingTop: var(--spacingTight-40);--paddingBottom: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-titleElement .expandedTooltip-linkElement .t1-dxp-component-icon{--marginLeft: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-titleElement+.expandedTooltip-lineElement{--marginTop: 6px;--lineHeight: normal}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-statusLineIconElement{--marginRight: 8px}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1.hasStatusContext .expandedTooltip-contextLineElement{--paddingLeft: 28px}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-stylisedContextLineElement{--fontStyle: italic;--color: var(--colorPrimaryDark)}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-loadingLineElement{--height: 24px;--fontStyle: italic}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-linksElement{--borderTopColor: var(--colorNeutral);--borderTopStyle: dashed;--borderTopWidth: var(--borderWidthSmall)}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-linksElement:not(:first-child){--marginTop: 8px;--paddingTop: 8px}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-linkElement{--marginLeft: calc(var(--tooltipGutterSpacing) * -1);--marginRight: calc(var(--tooltipGutterSpacing) * -1);--paddingLeft: var(--tooltipGutterSpacing);--paddingRight: var(--tooltipGutterSpacing);--paddingTop: var(--spacingTight-40);--paddingBottom: var(--spacingTight-40)}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-linkElement:not(.disabled):hover{--background: var(--colorPrimaryLightest)}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-linkElement.disabled{--color: var(--colorTextDisabled)}.t1-dxp-style-employee .t1-dxp-component-tooltip-expanded.v1 .expandedTooltip-linkElement.disabled .t1-dxp-component-icon{--color: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-tree.v1{--paddingBottom: var(--paddingTextContent);--paddingLeft: var(--paddingTextContent);--paddingRight: var(--paddingTextContent);--paddingTop: var(--paddingTextContent)}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement{--background: var(--colorNeutralLightest);--borderColor: var(--colorTransparent);--borderRadius: var(--borderRadiusSharp-20);--borderStyle: solid;--borderWidth: var(--borderWidthSmall);--marginBottom: 3px}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement:hover{--background: var(--colorNeutralLightest-50)}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement.selected{--background: var(--colorWhite);--borderColor: var(--colorNeutralLight)}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement .tree-treeNodeGripperElement{--color: var(--colorNeutral)}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement .tree-treeNodeGripperElement:hover{--color: var(--colorNeutralDarker)}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement.ghost{--background: var(--colorWhite);--boxShadow: var(--shadowLightest);--maxWidth: var(--widthLarge-25);--paddingRight: var(--spacingBase-40)}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement.ghost.parent{--boxShadow: var(--shadowLightest), 3px 3px 0 0 var(--colorWhite), 3px 3px 6px 0 var(--colorBlackOpac-20)}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement.ghost .tree-treeNodeGripperElement{--color: var(--colorNeutralDarker)}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement .dropDownButton-buttonElement:hover,.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement .dropDownButton-buttonElement.active{--background: var(--colorWhite) !important;--borderColor: var(--colorBorderInputHover) !important}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement .dropDownButton-actionElement,.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-treeNodeElement .t1-dxp-component-icon{--color: initial !important}.t1-dxp-style-employee .t1-dxp-component-tree.v1 .tree-loadingNodeElement{--height: 54px;--marginBottom: 3px;--borderRadius: var(--borderRadiusSharp-20)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1{--color: var(--colorTextDefault)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1.one{--backgroundColor: var(--colorNeutralLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1.two{--backgroundColor: var(--colorRedLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1.three{--backgroundColor: var(--colorYellowLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1.four{--backgroundColor: var(--colorGreenLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1.five{--backgroundColor: var(--colorTealLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1.six{--backgroundColor: var(--colorBlueLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1.seven{--backgroundColor: var(--colorIndigoLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1.eight{--backgroundColor: var(--colorPurpleLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1.white{--backgroundColor: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-base.v1.invertColours{--backgroundColor: var(--colorBackgroundInverse);--color: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-date.v1.currentDate:not(.invertColours){--color: var(--colorTextDateCurrent)}.t1-dxp-style-employee .t1-dxp-component-visualisation-date.v1 .monthElement,.t1-dxp-style-employee .t1-dxp-component-visualisation-datetime.v1 .dateElement{--opacity: .7}.t1-dxp-style-employee .t1-dxp-component-visualisation-datetime.v1 .timeElement{--opacity: .9}.t1-dxp-style-employee .t1-dxp-component-visualisation-icon.v1.standardColours{--color: var(--colorPrimaryDarker)}.t1-dxp-style-employee .t1-dxp-component-visualisation-icon.v1.invertColours{--color: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-number.v1:not(.invertColours){--color: var(--colorTextNumber)}.t1-dxp-style-employee .t1-dxp-component-visualisation-speedo.v1{--arcColor: var(--colorArc)}.t1-dxp-style-employee .t1-dxp-component-visualisation-speedo.v1.standardColours{--color: var(--colorNeutralDarker);--arcBackgroundColor: var(--colorLightest)}.t1-dxp-style-employee .t1-dxp-component-visualisation-speedo.v1.invertColours{--color: var(--colorLightest);--arcBackgroundColor: var(--colorBackgroundInverse);--arcColor: var(--colorArcInverse)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1{--backgroundColor: var(--colorNeutralLightest);--layoutSearchAdvancedHeaderBackgroundColor: var(--colorBackgroundHeaderDetails);--layoutSearchAdvancedHeaderBackgroundColorShade: var(--colorBackgroundHeaderDetailsShade);--layoutSearchAdvancedHeaderColor: var(--colorForegroundHeaderDetails)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-layout-component-mobile-header.v1{--background: var(--layoutSearchAdvancedHeaderBackgroundColor);--color: var(--layoutSearchAdvancedHeaderColor)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-layout-component-mobile-header.v1:before{background-color:var(--layoutSearchAdvancedHeaderBackgroundColorShade)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-layout-component-mobile-header.v1 .t1-dxp-component-button.v1.flatStyle{--color: var(--layoutSearchAdvancedHeaderColor)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-layout-component-mobile-header.v1 .t1-dxp-component-button.v1.flatStyle:hover{--background: transparent}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-layout-component-mobile-header.v1 .t1-dxp-component-button.v1.flatStyle:hover:before{content:"";display:block;background-color:var(--layoutSearchAdvancedHeaderBackgroundColorShade);position:absolute;top:0;right:0;bottom:0;left:0}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-layout-component-mobile-header.v1 .t1-dxp-component-button.v1.flatStyle:hover .t1-dxp-component-icon{position:relative}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .searchLayoutInput-ContainerElement{--backgroundColor: var(--layoutSearchAdvancedHeaderBackgroundColor)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .searchLayoutInput-ContainerElement .t1-dxp-component-button.v1.flatStyle{--color: var(--layoutSearchAdvancedHeaderColor);--borderColor: var(--layoutSearchAdvancedHeaderColor)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .searchLayoutInput-ContainerElement .t1-dxp-component-button.v1.flatStyle:hover:before,.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .searchLayoutInput-ContainerElement .t1-dxp-component-button.v1.flatStyle:active:before{content:"";display:block;background-color:var(--layoutSearchAdvancedHeaderColor);opacity:.05;position:absolute;top:0;right:0;bottom:0;left:0}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement{--background: transparent;--borderColor: var(--colorTransparent);--color: var(--layoutSearchAdvancedHeaderColor);--placeholderColor: var(--layoutSearchAdvancedHeaderColor)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement input::placeholder{opacity:.5}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--layoutSearchAdvancedHeaderBackgroundColorShade);border-radius:var(--borderRadiusSharp-20)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement .input-clearElement{--color: var(--layoutSearchAdvancedHeaderColor);opacity:.8}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement .input-clearElement:hover,.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement .input-clearElement:active{opacity:1}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement .input-pickerButtonElement{--borderLeftColor: transparent;--color: var(--layoutSearchAdvancedHeaderColor);opacity:.8}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement .input-pickerButtonElement:hover,.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement .input-pickerButtonElement:active{--background: transparent;opacity:1}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement .input-pickerButtonElement:hover:before,.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement .input-pickerButtonElement:active:before{content:"";display:block;background-color:var(--layoutSearchAdvancedHeaderColor);opacity:.05;position:absolute;top:0;right:0;bottom:0;left:0}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable .input-inputElement .input-pickerButtonElement .t1-dxp-component-icon{position:relative}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.mobile .t1-dxp-component-input-base.v1.editable.hasFocus .input-pickerButtonElement{--color: var(--layoutSearchAdvancedHeaderColor)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.phoneModal header{background-color:var(--layoutSearchAdvancedHeaderBackgroundColor);color:var(--layoutSearchAdvancedHeaderColor)}.t1-dxp-style-employee .t1-dxp-layout-search-advanced.v1.phoneModal header .t1-dxp-component-button.v1.flatStyle.invertColours{--color: var(--layoutSearchAdvancedHeaderColor)}.t1-dxp-style-employee h6,.t1-dxp-style-employee .h6{font-weight:var(--fontWeightMedium);font-size:var(--fontSizeSmall);line-height:var(--fontSizeBodyLineHeight)}.t1-dxp-style-employee h5,.t1-dxp-style-employee .h5{font-weight:var(--fontWeightMedium);font-size:var(--fontSizeMedium);line-height:var(--lineHeightMedium)}.t1-dxp-style-employee h4,.t1-dxp-style-employee .h4{font-weight:var(--fontWeightRegular);font-size:var(--fontSizeMediumLarge);line-height:var(--lineHeightMedium)}.t1-dxp-style-employee h3,.t1-dxp-style-employee .h3{font-family:var(--fontFamilyHeading);font-weight:var(--fontWeightRegular);font-size:var(--fontSizeLarge);line-height:var(--lineHeightLarge)}.t1-dxp-style-employee h2,.t1-dxp-style-employee .h2{font-family:var(--fontFamilyHeading);font-weight:var(--fontWeightRegular);font-size:var(--fontSizeLarger);line-height:var(--lineHeightLarger)}.t1-dxp-style-employee h1,.t1-dxp-style-employee .h1{font-family:var(--fontFamilyHeading);font-weight:var(--fontWeightRegular);font-size:var(--fontSizeLargest);line-height:var(--lineHeightLargest)}}@layer dxp{._absoluteReactPortal_uqta6_1{position:absolute;z-index:9999}}@layer dxp{._feedbackCntr_1bnqc_1{--background: var(--colorBlueLighter);--color: var(--colorTextActive);--height: var(--spacingBase-40);--animationDuration: 2.25s;overflow-y:clip;height:0;position:absolute;left:100%;-webkit-user-select:none;user-select:none;margin-top:calc(var(--height) * -1);right:calc(var(--parentWidth) * -1px);animation:actionFeedbackCntrAnimation var(--animationDuration) linear 0s forwards}._label_1bnqc_15{display:block;position:absolute;white-space:nowrap;top:calc(100% + 4px);font-size:.75rem;right:0;height:var(--height);line-height:var(--height);padding:0 var(--spacingTight-80);border-radius:calc(var(--height) / 2);transition-delay:ease-in-out;background-color:var(--background);color:var(--color);animation:actionFeedbackLabelAnimation var(--animationDuration) cubic-bezier(.47,1.64,.41,.8) 0s forwards}@keyframes actionFeedbackCntrAnimation{0%{display:none;opacity:1;height:0}1%{display:flex;top:calc(-100% - 4px);height:calc(var(--height) + 6px)}75%{opacity:1}to{display:none;opacity:0;height:calc(var(--height) + 6px);top:calc(-100% - 4px)}}@keyframes actionFeedbackLabelAnimation{0%{top:calc(100% + 4px)}20%{top:calc(0% + 4px)}to{top:calc(0% + 4px)}}}@layer dxp{._dxpAction_fq1oe_1{--alignItems: center;--animation: initial;--background: initial;--borderColor: initial;--borderStyle: initial;--borderRadius: initial;--borderWidth: initial;--bottom: initial;--boxShadow: initial;--color: inherit;--cursor: pointer;--display: inline-flex;--flex: initial;--fontSize: initial;--fontWeight: inherit;--height: initial;--justifyContent: center;--left: initial;--marginBottom: initial;--marginLeft: initial;--marginRight: initial;--marginTop: initial;--maxWidth: initial;--minHeight: initial;--minWidth: initial;--opacity: initial;--overflow: initial;--outlineOffset: initial;--paddingBottom: initial;--paddingLeft: initial;--paddingRight: initial;--paddingTop: initial;--position: relative;--right: initial;--textAlign: left;--textDecoration: initial;--top: initial;--transition: initial;--width: initial;--zIndex: initial;align-items:var(--alignItems);animation:var(--animation);background:var(--background);border-color:var(--borderColor);border-style:var(--borderStyle);border-radius:var(--borderRadius);border-width:var(--borderWidth);bottom:var(--bottom);box-shadow:var(--boxShadow);color:var(--color);cursor:var(--cursor);display:var(--display);flex:var(--flex);font-size:var(--fontSize);font-weight:var(--fontWeight);height:var(--height);justify-content:var(--justifyContent);left:var(--left);margin-bottom:var(--marginBottom);margin-left:var(--marginLeft);margin-right:var(--marginRight);margin-top:var(--marginTop);max-width:var(--maxWidth);min-height:var(--minHeight);min-width:var(--minWidth);opacity:var(--opacity);overflow:var(--overflow);outline-offset:var(--outlineOffset);padding-bottom:var(--paddingBottom);padding-left:var(--paddingLeft);padding-right:var(--paddingRight);padding-top:var(--paddingTop);position:var(--position);right:var(--right);text-align:var(--textAlign);text-decoration:var(--textDecoration);top:var(--top);transition:var(--transition);width:var(--width);z-index:var(--zIndex);box-sizing:border-box}._dxpAction_fq1oe_1.noAction{--cursor: default}a._dxpAction_fq1oe_1:hover:active{color:var(--color)}._isFileInput_fq1oe_90{--overflow: hidden}.showFocusStyle ._isFileInput_fq1oe_90:focus-within{outline:solid 1px var(--colorBlue);outline-offset:2px}._dxpActionFileInput_fq1oe_97{cursor:var(--cursor);position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;width:100%;height:100%}._dxpActionFileInput_fq1oe_97::-webkit-file-upload-button{cursor:var(--cursor)}}@layer dxp{._dxpIcon_1uzp1_1{--color: inherit;--display: block;--height: initial;--marginLeft: initial;--marginRight: initial;--opacity: initial;--paddingLeft: initial;--paddingRight: initial;--width: initial;--filter: initial;color:var(--color);display:var(--display);height:var(--height);margin-bottom:0;margin-left:var(--marginLeft, 0);margin-right:var(--marginRight, 0);margin-top:0;opacity:var(--opacity);padding-bottom:0;padding-left:var(--paddingLeft, 0);padding-right:var(--paddingRight, 0);padding-top:0;width:var(--width);filter:var(--filter)}._dxpIcon_1uzp1_1._glyph_1uzp1_27{text-align:center}._dxpIcon_1uzp1_1._glyph_1uzp1_27:before{display:block}}@layer dxp{._dxpTooltipDescription_1hp1b_1{box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden}._dxpTooltipDescription_1hp1b_1 p{display:-webkit-box;-webkit-line-clamp:5;--max-lines: 5;-webkit-box-orient:vertical}._dxpTooltipDescriptionMore_1hp1b_13{--paddingTop: initial;--paddingBottom: initial;--fontWeight: initial;padding-top:var(--paddingTop);padding-bottom:var(--paddingBottom);font-weight:var(--fontWeight)}}@layer dxp{._contextLine_3azy6_1{display:flex;flex-wrap:wrap}}@layer dxp{._contextItem_1taae_1{white-space:nowrap}}@layer dxp{._separator_1yw48_1{padding:0 8px}._separator_1yw48_1:before{content:"•";display:block}}@layer dxp{._stylisedItem_79yzx_1{--fontStyle: italic;font-style:var(--fontStyle)}}@layer dxp{._hint_acdqi_1{white-space:nowrap}._hasChildren_acdqi_4{display:flex;flex-wrap:nowrap}._hintContextLine_acdqi_8{flex-wrap:nowrap}}@layer dxp{._dxpTooltip_1ss7w_1{--background: initial;--maxWidth: initial;--paddingTop: initial;--paddingRight: initial;--paddingBottom: initial;--paddingLeft: initial;--color: initial;--borderRadius: initial;position:absolute;z-index:99;width:fit-content;opacity:0}#tooltipRoot .tooltipActive._dxpTooltip_1ss7w_1:last-child{animation:dxpShowTooltip .3s ease-in-out forwards}#tooltipRoot ._dxpTooltip_1ss7w_1.tooltipHiding{animation:dxpHideTooltip .3s ease-in-out forwards}@keyframes dxpShowTooltip{0%{opacity:0}to{opacity:1}}@keyframes dxpHideTooltip{0%{opacity:1}to{opacity:0}}._dxpTooltipContainer_1ss7w_37{background:var(--background);max-width:var(--maxWidth);padding-top:var(--paddingTop);padding-right:var(--paddingRight);padding-bottom:var(--paddingBottom);padding-left:var(--paddingLeft);color:var(--color);border-radius:var(--borderRadius);box-sizing:border-box;display:inline-flex;flex-wrap:nowrap}._dxpTooltipContainer_1ss7w_37._ignoreMaxWidth_1ss7w_50{--maxWidth: 100% !important}._dxpTooltipContainer_1ss7w_37 p{text-overflow:ellipsis;overflow:hidden;margin:0;padding:0;line-height:var(--lineHeight)}}@layer dxp{._dxpButton_1hszb_32{--background: initial;--borderStyle: initial;--borderWidth: initial;--borderColor: initial;--borderRadius: initial;--color: inherit;--height: initial;--marginRight: initial;--marginLeft: initial;--paddingLeft: initial;--paddingRight: initial;--textDecoration: initial;--transition: initial;--width: initial;--minWidth: initial;--iconLabelSpacing: 0px}._dxpButton_1hszb_32.widthFull{--width: 100%}._dxpButton_1hszb_32 ._dxpBtnIcon_1hszb_69{--display: inline-block}._dxpButton_1hszb_32 ._dxpBtnIcon_1hszb_69.glyph{--width: 20px;--height: 20px}._dxpButton_1hszb_32.iconRight{flex-direction:row-reverse}._dxpButton_1hszb_32.iconRight ._dxpBtnIcon_1hszb_69{--marginLeft: var(--iconLabelSpacing)}._dxpButton_1hszb_32.iconLeft ._dxpBtnIcon_1hszb_69{--marginRight: var(--iconLabelSpacing)}}@layer dxp{._dxpSkeleton_5o7ap_1{--animation: initial;--backgroundColor: initial;--backgroundImage: initial;--backgroundRepeat: initial;--backgroundSize: initial;--display: block;--marginLeft: initial;--marginRight: initial;animation:var(--animation);background-color:var(--backgroundColor);background-image:var(--backgroundImage);background-repeat:var(--backgroundRepeat);background-size:var(--backgroundSize);display:var(--display);margin-left:var(--marginLeft);margin-right:var(--marginRight);max-width:var(--maxWidth);min-width:var(--minWidth);width:var(--width);height:var(--height);margin-top:var(--marginTop);margin-bottom:var(--marginBottom);border-radius:var(--borderRadius)}}@layer component{._image_3mvji_1{max-width:100%;max-height:100%}._pinchZoom_3mvji_5{display:flex;justify-content:center;align-items:center}}@layer component{.annotation-box{position:absolute;display:flex;align-items:center;justify-content:center;opacity:.5}.annotation-box.selected{z-index:1;opacity:1}.annotation-box.selected .annotation-box-border{outline-color:var(--ciaColourBackgroundAIAnnotation);border-color:var(--ciaColourContentAIAnnotation);box-shadow:inset 0 0 0 1px var(--ciaColourBackgroundAIAnnotation)}.annotation-box.selected .annotation-box-border .annotation-box-number{color:var(--ciaColourBackgroundAIAnnotation);background-color:var(--ciaColourContentAIAnnotation);border:1px solid var(--ciaColourBackgroundAIAnnotation)}.annotation-box .annotation-box-border{outline:1px solid var(--ciaColourContentAIAnnotation);border:2px solid var(--ciaColourBackgroundAIAnnotation);box-shadow:inset 0 0 0 1px var(--ciaColourContentAIAnnotation);border-radius:6px;position:absolute;left:var(--borderOffset);right:var(--borderOffset);top:var(--borderOffset);bottom:var(--borderOffset);transition:none}.annotation-box .annotation-box-border .annotation-box-number{color:var(--ciaColourContentAIAnnotation);background-color:var(--ciaColourBackgroundAIAnnotation);border:1px solid var(--ciaColourContentAIAnnotation);border-radius:4px;position:absolute;min-width:16px;min-height:16px;text-align:center;transform:translate(-100%);left:-6px;top:-2px}.annotation-box .annotation-box-border .annotation-box-number span{padding:2px;font-size:14px;line-height:14px;font-weight:700;font-family:Osans,Arial,sans-serif}}@layer component{._dxpLoaderContainer_z8ttb_1{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:140px;box-sizing:border-box}@keyframes bodyLoadingSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._dxpLoaderIcon_z8ttb_18{animation:bodyLoadingSpinner 1s linear 0ms infinite}._dxpLoaderText_z8ttb_21{display:block;margin-top:var(--spacingBase-10);line-height:var(--heightSmall-45);font-size:var(--fontSizeSmall);color:var(--colorNeutralDark)}}@layer component{.drag-scroll-container{border:var(--borderDefaultWidth) var(--borderDefaultStyle) var(--colorNeutralLighter);background-color:var(--colorNeutralLightest);overflow:auto;-webkit-user-select:none;user-select:none;height:100%;width:100%;box-sizing:border-box;position:relative;justify-content:end;display:flex}.actions-container{display:flex;flex-direction:column;position:fixed;gap:10px;z-index:100;margin:10px 5px}.actions-container>.button-group{display:flex;flex-direction:column}.actions-container>.button-group>.t1-dxp-component-button{--borderRadius: 0}.actions-container>.button-group>.t1-dxp-component-button:first-child{--borderRadius: var(--borderRadiusButton) var(--borderRadiusButton) 0 0}.actions-container>.button-group>.t1-dxp-component-button:last-child{--borderRadius: 0 0 var(--borderRadiusButton) var(--borderRadiusButton)}.actions-container>.button-group>.t1-dxp-component-button:not(:last-child){margin-bottom:0;border-bottom:0}.react-pdf__Document{width:100%}}@layer dxp,component;